@font-face {
    font-family: 'Open Sans';
    src: url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-bold-webfont.eot');
    src: url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-bold-webfont.woff2') format('woff2'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-bold-webfont.woff') format('woff'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-bold-webfont.ttf') format('truetype'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-bolditalic-webfont.eot');
    src: url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-bolditalic-webfont.woff2') format('woff2'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-bolditalic-webfont.woff') format('woff'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-bolditalic-webfont.ttf') format('truetype'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-bolditalic-webfont.svg#open_sansbold_italic') format('svg');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-italic-webfont.eot');
    src: url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-italic-webfont.woff2') format('woff2'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-italic-webfont.woff') format('woff'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-italic-webfont.ttf') format('truetype'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-regular-webfont.eot');
    src: url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-regular-webfont.woff2') format('woff2'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-regular-webfont.woff') format('woff'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-regular-webfont.ttf') format('truetype'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}




	HTML {
  		height: 100%;
		font-size: 100%;
	}

	HTML > BODY {
		background-color: #F4F4F4;
		color: #000000;
		font-family: 'Roboto', 'Noto Sans', 'Noto Sans JP' , 'Noto Sans KR', 'Noto Sans SC', 'Segoe UI', 'Open Sans', Geneva, Helvetica, Arial, sans-serif;
		line-height: normal;
		letter-spacing: normal;
	}

	TABLE {
		vertical-align: top;
		font-family: 'Roboto', 'Noto Sans', 'Noto Sans JP' , 'Noto Sans KR', 'Noto Sans SC', 'Segoe UI', 'Open Sans', Geneva, Helvetica, Arial, sans-serif;
		font-size: 100%;
	}
	INPUT, SELECT, BUTTON {
		color: #000000;
		font-family: 'Roboto', 'Noto Sans', 'Noto Sans JP' , 'Noto Sans KR', 'Noto Sans SC', 'Segoe UI', 'Open Sans', Geneva, Helvetica, Arial, sans-serif;
	}

	OPTGROUP {
		font-family: 'Roboto', 'Noto Sans', 'Noto Sans JP' , 'Noto Sans KR', 'Noto Sans SC', 'Segoe UI', 'Open Sans', Geneva, Helvetica, Arial, sans-serif;
	}



	INPUT[type="text"]:hover, INPUT[type="password"]:hover, TEXTAREA {
		border:1px Solid rgb(189, 189, 189);
		box-shadow: none;
		border-radius: 0;
	}


	TEXTAREA {
		color: #000000;
		font-family: 'Roboto', 'Noto Sans', 'Noto Sans JP' , 'Noto Sans KR', 'Noto Sans SC', 'Segoe UI', 'Open Sans', Geneva, Helvetica, Arial, sans-serif;
		height: auto;
	}

	.siteFooterFixed {
		background-color: #F4F4F4;
		bottom: 0;
		color: Gray;
		font-size: 10px;
		left: 0;
		line-height: 22px;
		margin-top:1em;
		padding: 0px 10px 0px 0px;
		position: fixed;
		right:0;
		text-align:right;
		z-index:5000;
	}
  
	

	.hrWithIcon {
		vertical-align:middle;
		padding-right:3px;
	}
	
	.inlineSVGText {
		width:20px;
	}
	
	@media print {
	    .no-print, .no-print *
	    {
	        display: none !important;
	    }
	}

	.PageContent {
		padding: 10px 10px 22px;
		margin-bottom: 22px;
	}

	.PageContent > .TitleRow > H1.TitleRowBar {
		font-size: 1.125rem;
		font-weight: 500;
		line-height: 1.875rem;
		margin: 0;
	}

	.SecondaryText,
	.InlineHelp {
		font-size: 0.9em;
		color: #595959;
	}

	A.InlineHelp {
		cursor: help;
	}

	SPAN.StrikeThrough {
		text-decoration: line-through;
	}

	.LoginTableContainer {
		background: white;
		border: 1px solid black;
     }

	
     hr {
     	height: 1px;
     	color: #C1C1C1;
     	background-color: #C1C1C1;
     	border-width: 0px;
     }

     DIV.confirmationMessage {
     	text-align:center;
     	font-style:italic;
     	font-weight:bold;
     	margin-top:5px;
     	margin-bottom:5px;
	}

	DIV.confirmationMessage > span > .btn.btn-link {
		vertical-align: baseline;
		font-weight:bold;
		font-style:italic;
	}

    SPAN.confirmationMessage {
     	padding-left:20px;
     	padding-right:20px;
     	padding-top:5px;
     	padding-bottom:5px;
	}

	.LightBorderBottom {
		border-bottom: 1px solid #D1D8E5;
	}

	.LightBorderTop {
		border-top: 1px solid #D1D8E5;
	}

	DIV.DebugControl {
		display: inline-block;
		z-index:5001;
	}

	A.DebugControl {
		padding:4px;
	}
	DIV.DebugControl img {
		vertical-align: middle;
		max-height: 10px;
	}

	.debug {
		background-color:#FFFFCF;
		font-weight:normal;
	}

	DIV.PageInfoBanner {
	   background-color: #FFFFCF;
	   color:#444;
	   font-weight:bold;
	   font-size:0.85em;
	   padding:7px 0px 2px 5px;
	   border-bottom:1px Solid #CCC;
	}

	UL.NoBullets {
		margin:0.5em 0em 0.5em 0em;
		padding:0em 0em 0em 2em;
	}

	LI.NoBullet {
		list-style-type:none;
		padding:0em 0em 0.4em 0em;
	}

	TD.SidePanelSlider, TD.SidePanelSliderHover {
		background:url('/app_docs/art/background/2011_SliderBackground.png') repeat-y;
		background-color: #DFDFDF;
		border:1px Solid #C1C1C1;
		cursor:pointer;
		padding:3px 2px 0px 2px;
		text-align:center;
	}

	TD.SidePanelSliderHover {
		background-color: #ededef;
	}

	.NoWrap {
		white-space:nowrap !important;
	}

	.Wrap {
		white-space:normal !important;
	}

	DIV.UserGroupMemberScrollingContainer {
		border: 1px solid #DFDFDF;
		border-radius:5px;
		max-height:20em;
		overflow:auto;
		margin-top:2.0em;
	}

	IMG.animatedImage {


	}
	
	.text-truncate {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.accessibilityHidden {
		position: absolute !important;
		top: -9999px !important;
		left: -9999px !important;
		opacity: 0;
	}

	.splitLineButton {
		width: 20px;
		margin-top: 15px;
	}
	
	@keyframes marquee {
		0% { transform: translate(0, 0); }
		100% { transform: translate(-100%, 0); }
	}
	
	

































 
	[class$="-level1"],
	[class*="-level1 "] {
		text-shadow:none !important;
	}

			.phx.badge.phoenixColor-blue-level1,
			.phx.label.phoenixColor-blue-level1,
			a.SidebarMenuItem:hover span.elementDisplay span.phx.badge.phoenixColor-blue-level1,
			a.SidebarMenuItem:focus span.elementDisplay span.phx.badge.phoenixColor-blue-level1,
			ul.color-picker-options > li.phoenixColor-blue-level1 .color-box {
				background-color: #9eceeb;
				color: #00538d;
			}

			.gridster > .phx.ul > li.well.phoenixColor-blue-level1,
			.gridster > .phx.ul > li.well.phoenixColor-blue-level1 > .phx.title-bar > div.landingPageSectionTitle,
			.gridster > .phx.ul > li.well.phoenixColor-blue-level1 > .phx.title-bar > div.header-elements {
				background-color: #9eceeb;
				color: #00538d;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-blue-level1 .mdb-isolation div.header-elements button.btn.btn-flat.dropdown-toggle {
				padding: 0.5rem 0.5rem;
				margin: 0 1.1rem;
			}

			

			.gridster > .phx.ul > li.well.phoenixColor-blue-level1 > .phx.title-bar .btn-group .dropdown-toggle .caret {
				border-top-color: #00538d;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-blue-level1 > .phx.title-bar > div.header-elements:before {
				/* IE9 SVG, needs conditional override of 'filter' to 'none' */
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(left,  rgba(158,206,235,0) 0%, rgba(158,206,235,1) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(158,206,235,0)), color-stop(100%,rgba(158,206,235,1))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(left,  rgba(158,206,235,0) 0%,rgba(158,206,235,1) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(left,  rgba(158,206,235,0) 0%,rgba(158,206,235,1) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(left,  rgba(158,206,235,0) 0%,rgba(158,206,235,1) 100%); /* IE10+ */
				background: linear-gradient(to right,  rgba(158,206,235,0) 0%,rgba(158,206,235,1) 100%); /* W3C */
			}
			

				.gridster > .phx.ul > li.well.phoenixColor-blue-level1 > .phx.title-bar > div.header-elements .btn i,
				.gridster > .phx.ul > li.well.phoenixColor-blue-level1 > .phx.title-bar > div.header-elements > .phx-help {
					color: #00538d;
				}
				.gridster > .phx.ul > li.well.phoenixColor-blue-level1 .mdb-isolation div.header-elements button.btn.dropdown-toggle:focus i {
					color: #00538d !important;
				}
				.gridster > .phx.ul > li.well.phoenixColor-blue-level1 > .phx.title-bar + hr {
					background-color: #9eceeb;
				}


			.gridster > .phx.ul > li.well.phoenixColor-blue-level1 > .phx.title-bar > div.header-elements .btn:hover i,
			.gridster > .phx.ul > li.well.phoenixColor-blue-level1 > .phx.title-bar > div.header-elements > .phx-help:hover {
				color: #3f6fdc;
			}
			
			.k-in span.phoenixColor-blue-level1,
			.phxGlyph.phx.phoenixColor-blue-level1:not(.halflings-search),
			.phxText.phx.phoenixColor-blue-level1,
			.sqlinfo span.phoenixColor-blue-level1 {
				color: #9eceeb;
				fill: #9eceeb;
			}
			
			ul.color-picker-options > li.phoenixColor-blue-level1 > .btn {
				color: #9eceeb;
			}

			.phx.badge.phoenixColor-gray-level1,
			.phx.label.phoenixColor-gray-level1,
			a.SidebarMenuItem:hover span.elementDisplay span.phx.badge.phoenixColor-gray-level1,
			a.SidebarMenuItem:focus span.elementDisplay span.phx.badge.phoenixColor-gray-level1,
			ul.color-picker-options > li.phoenixColor-gray-level1 .color-box {
				background-color: #caccce;
				color: #484e52;
			}

			.gridster > .phx.ul > li.well.phoenixColor-gray-level1,
			.gridster > .phx.ul > li.well.phoenixColor-gray-level1 > .phx.title-bar > div.landingPageSectionTitle,
			.gridster > .phx.ul > li.well.phoenixColor-gray-level1 > .phx.title-bar > div.header-elements {
				background-color: #caccce;
				color: #484e52;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-gray-level1 .mdb-isolation div.header-elements button.btn.btn-flat.dropdown-toggle {
				padding: 0.5rem 0.5rem;
				margin: 0 1.1rem;
			}

			

			.gridster > .phx.ul > li.well.phoenixColor-gray-level1 > .phx.title-bar .btn-group .dropdown-toggle .caret {
				border-top-color: #484e52;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-gray-level1 > .phx.title-bar > div.header-elements:before {
				/* IE9 SVG, needs conditional override of 'filter' to 'none' */
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(left,  rgba(202,204,206,0) 0%, rgba(202,204,206,1) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(202,204,206,0)), color-stop(100%,rgba(202,204,206,1))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(left,  rgba(202,204,206,0) 0%,rgba(202,204,206,1) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(left,  rgba(202,204,206,0) 0%,rgba(202,204,206,1) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(left,  rgba(202,204,206,0) 0%,rgba(202,204,206,1) 100%); /* IE10+ */
				background: linear-gradient(to right,  rgba(202,204,206,0) 0%,rgba(202,204,206,1) 100%); /* W3C */
			}
			

				.gridster > .phx.ul > li.well.phoenixColor-gray-level1 > .phx.title-bar > div.header-elements .btn i,
				.gridster > .phx.ul > li.well.phoenixColor-gray-level1 > .phx.title-bar > div.header-elements > .phx-help {
					color: #484e52;
				}
				.gridster > .phx.ul > li.well.phoenixColor-gray-level1 .mdb-isolation div.header-elements button.btn.dropdown-toggle:focus i {
					color: #484e52 !important;
				}
				.gridster > .phx.ul > li.well.phoenixColor-gray-level1 > .phx.title-bar + hr {
					background-color: #caccce;
				}


			.gridster > .phx.ul > li.well.phoenixColor-gray-level1 > .phx.title-bar > div.header-elements .btn:hover i,
			.gridster > .phx.ul > li.well.phoenixColor-gray-level1 > .phx.title-bar > div.header-elements > .phx-help:hover {
				color: #3f6fdc;
			}
			
			.k-in span.phoenixColor-gray-level1,
			.phxGlyph.phx.phoenixColor-gray-level1:not(.halflings-search),
			.phxText.phx.phoenixColor-gray-level1,
			.sqlinfo span.phoenixColor-gray-level1 {
				color: #caccce;
				fill: #caccce;
			}
			
			ul.color-picker-options > li.phoenixColor-gray-level1 > .btn {
				color: #caccce;
			}

			.phx.badge.phoenixColor-lime-level1,
			.phx.label.phoenixColor-lime-level1,
			a.SidebarMenuItem:hover span.elementDisplay span.phx.badge.phoenixColor-lime-level1,
			a.SidebarMenuItem:focus span.elementDisplay span.phx.badge.phoenixColor-lime-level1,
			ul.color-picker-options > li.phoenixColor-lime-level1 .color-box {
				background-color: #d7e241;
				color: #484e52;
			}

			.gridster > .phx.ul > li.well.phoenixColor-lime-level1,
			.gridster > .phx.ul > li.well.phoenixColor-lime-level1 > .phx.title-bar > div.landingPageSectionTitle,
			.gridster > .phx.ul > li.well.phoenixColor-lime-level1 > .phx.title-bar > div.header-elements {
				background-color: #d7e241;
				color: #484e52;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-lime-level1 .mdb-isolation div.header-elements button.btn.btn-flat.dropdown-toggle {
				padding: 0.5rem 0.5rem;
				margin: 0 1.1rem;
			}

			

			.gridster > .phx.ul > li.well.phoenixColor-lime-level1 > .phx.title-bar .btn-group .dropdown-toggle .caret {
				border-top-color: #484e52;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-lime-level1 > .phx.title-bar > div.header-elements:before {
				/* IE9 SVG, needs conditional override of 'filter' to 'none' */
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(left,  rgba(215,226,65,0) 0%, rgba(215,226,65,1) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(215,226,65,0)), color-stop(100%,rgba(215,226,65,1))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(left,  rgba(215,226,65,0) 0%,rgba(215,226,65,1) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(left,  rgba(215,226,65,0) 0%,rgba(215,226,65,1) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(left,  rgba(215,226,65,0) 0%,rgba(215,226,65,1) 100%); /* IE10+ */
				background: linear-gradient(to right,  rgba(215,226,65,0) 0%,rgba(215,226,65,1) 100%); /* W3C */
			}
			

				.gridster > .phx.ul > li.well.phoenixColor-lime-level1 > .phx.title-bar > div.header-elements .btn i,
				.gridster > .phx.ul > li.well.phoenixColor-lime-level1 > .phx.title-bar > div.header-elements > .phx-help {
					color: #484e52;
				}
				.gridster > .phx.ul > li.well.phoenixColor-lime-level1 .mdb-isolation div.header-elements button.btn.dropdown-toggle:focus i {
					color: #484e52 !important;
				}
				.gridster > .phx.ul > li.well.phoenixColor-lime-level1 > .phx.title-bar + hr {
					background-color: #d7e241;
				}


			.gridster > .phx.ul > li.well.phoenixColor-lime-level1 > .phx.title-bar > div.header-elements .btn:hover i,
			.gridster > .phx.ul > li.well.phoenixColor-lime-level1 > .phx.title-bar > div.header-elements > .phx-help:hover {
				color: #3f6fdc;
			}
			
			.k-in span.phoenixColor-lime-level1,
			.phxGlyph.phx.phoenixColor-lime-level1:not(.halflings-search),
			.phxText.phx.phoenixColor-lime-level1,
			.sqlinfo span.phoenixColor-lime-level1 {
				color: #d7e241;
				fill: #d7e241;
			}
			
			ul.color-picker-options > li.phoenixColor-lime-level1 > .btn {
				color: #d7e241;
			}

			.phx.badge.phoenixColor-tangerine-level1,
			.phx.label.phoenixColor-tangerine-level1,
			a.SidebarMenuItem:hover span.elementDisplay span.phx.badge.phoenixColor-tangerine-level1,
			a.SidebarMenuItem:focus span.elementDisplay span.phx.badge.phoenixColor-tangerine-level1,
			ul.color-picker-options > li.phoenixColor-tangerine-level1 .color-box {
				background-color: #ffc15d;
				color: #ffffff;
			}

			.gridster > .phx.ul > li.well.phoenixColor-tangerine-level1,
			.gridster > .phx.ul > li.well.phoenixColor-tangerine-level1 > .phx.title-bar > div.landingPageSectionTitle,
			.gridster > .phx.ul > li.well.phoenixColor-tangerine-level1 > .phx.title-bar > div.header-elements {
				background-color: #ffc15d;
				color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-tangerine-level1 .mdb-isolation div.header-elements button.btn.btn-flat.dropdown-toggle {
				padding: 0.5rem 0.5rem;
				margin: 0 1.1rem;
			}

			

			.gridster > .phx.ul > li.well.phoenixColor-tangerine-level1 > .phx.title-bar .btn-group .dropdown-toggle .caret {
				border-top-color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-tangerine-level1 > .phx.title-bar > div.header-elements:before {
				/* IE9 SVG, needs conditional override of 'filter' to 'none' */
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(left,  rgba(255,193,93,0) 0%, rgba(255,193,93,1) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,193,93,0)), color-stop(100%,rgba(255,193,93,1))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(left,  rgba(255,193,93,0) 0%,rgba(255,193,93,1) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(left,  rgba(255,193,93,0) 0%,rgba(255,193,93,1) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(left,  rgba(255,193,93,0) 0%,rgba(255,193,93,1) 100%); /* IE10+ */
				background: linear-gradient(to right,  rgba(255,193,93,0) 0%,rgba(255,193,93,1) 100%); /* W3C */
			}
			

				.gridster > .phx.ul > li.well.phoenixColor-tangerine-level1 > .phx.title-bar > div.header-elements .btn i,
				.gridster > .phx.ul > li.well.phoenixColor-tangerine-level1 > .phx.title-bar > div.header-elements > .phx-help {
					color: #ffffff;
				}
				.gridster > .phx.ul > li.well.phoenixColor-tangerine-level1 .mdb-isolation div.header-elements button.btn.dropdown-toggle:focus i {
					color: #ffffff !important;
				}
				.gridster > .phx.ul > li.well.phoenixColor-tangerine-level1 > .phx.title-bar + hr {
					background-color: #ffc15d;
				}


			.gridster > .phx.ul > li.well.phoenixColor-tangerine-level1 > .phx.title-bar > div.header-elements .btn:hover i,
			.gridster > .phx.ul > li.well.phoenixColor-tangerine-level1 > .phx.title-bar > div.header-elements > .phx-help:hover {
				color: #3f6fdc;
			}
			
			.k-in span.phoenixColor-tangerine-level1,
			.phxGlyph.phx.phoenixColor-tangerine-level1:not(.halflings-search),
			.phxText.phx.phoenixColor-tangerine-level1,
			.sqlinfo span.phoenixColor-tangerine-level1 {
				color: #ffc15d;
				fill: #ffc15d;
			}
			
			ul.color-picker-options > li.phoenixColor-tangerine-level1 > .btn {
				color: #ffc15d;
			}

			.phx.badge.phoenixColor-purple-level1,
			.phx.label.phoenixColor-purple-level1,
			a.SidebarMenuItem:hover span.elementDisplay span.phx.badge.phoenixColor-purple-level1,
			a.SidebarMenuItem:focus span.elementDisplay span.phx.badge.phoenixColor-purple-level1,
			ul.color-picker-options > li.phoenixColor-purple-level1 .color-box {
				background-color: #dec4f0;
				color: #75449b;
			}

			.gridster > .phx.ul > li.well.phoenixColor-purple-level1,
			.gridster > .phx.ul > li.well.phoenixColor-purple-level1 > .phx.title-bar > div.landingPageSectionTitle,
			.gridster > .phx.ul > li.well.phoenixColor-purple-level1 > .phx.title-bar > div.header-elements {
				background-color: #dec4f0;
				color: #75449b;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-purple-level1 .mdb-isolation div.header-elements button.btn.btn-flat.dropdown-toggle {
				padding: 0.5rem 0.5rem;
				margin: 0 1.1rem;
			}

			

			.gridster > .phx.ul > li.well.phoenixColor-purple-level1 > .phx.title-bar .btn-group .dropdown-toggle .caret {
				border-top-color: #75449b;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-purple-level1 > .phx.title-bar > div.header-elements:before {
				/* IE9 SVG, needs conditional override of 'filter' to 'none' */
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(left,  rgba(222,196,240,0) 0%, rgba(222,196,240,1) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(222,196,240,0)), color-stop(100%,rgba(222,196,240,1))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(left,  rgba(222,196,240,0) 0%,rgba(222,196,240,1) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(left,  rgba(222,196,240,0) 0%,rgba(222,196,240,1) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(left,  rgba(222,196,240,0) 0%,rgba(222,196,240,1) 100%); /* IE10+ */
				background: linear-gradient(to right,  rgba(222,196,240,0) 0%,rgba(222,196,240,1) 100%); /* W3C */
			}
			

				.gridster > .phx.ul > li.well.phoenixColor-purple-level1 > .phx.title-bar > div.header-elements .btn i,
				.gridster > .phx.ul > li.well.phoenixColor-purple-level1 > .phx.title-bar > div.header-elements > .phx-help {
					color: #75449b;
				}
				.gridster > .phx.ul > li.well.phoenixColor-purple-level1 .mdb-isolation div.header-elements button.btn.dropdown-toggle:focus i {
					color: #75449b !important;
				}
				.gridster > .phx.ul > li.well.phoenixColor-purple-level1 > .phx.title-bar + hr {
					background-color: #dec4f0;
				}


			.gridster > .phx.ul > li.well.phoenixColor-purple-level1 > .phx.title-bar > div.header-elements .btn:hover i,
			.gridster > .phx.ul > li.well.phoenixColor-purple-level1 > .phx.title-bar > div.header-elements > .phx-help:hover {
				color: #3f6fdc;
			}
			
			.k-in span.phoenixColor-purple-level1,
			.phxGlyph.phx.phoenixColor-purple-level1:not(.halflings-search),
			.phxText.phx.phoenixColor-purple-level1,
			.sqlinfo span.phoenixColor-purple-level1 {
				color: #dec4f0;
				fill: #dec4f0;
			}
			
			ul.color-picker-options > li.phoenixColor-purple-level1 > .btn {
				color: #dec4f0;
			}

			.phx.badge.phoenixColor-orange-level1,
			.phx.label.phoenixColor-orange-level1,
			a.SidebarMenuItem:hover span.elementDisplay span.phx.badge.phoenixColor-orange-level1,
			a.SidebarMenuItem:focus span.elementDisplay span.phx.badge.phoenixColor-orange-level1,
			ul.color-picker-options > li.phoenixColor-orange-level1 .color-box {
				background-color: #ffbd90;
				color: #953f08;
			}

			.gridster > .phx.ul > li.well.phoenixColor-orange-level1,
			.gridster > .phx.ul > li.well.phoenixColor-orange-level1 > .phx.title-bar > div.landingPageSectionTitle,
			.gridster > .phx.ul > li.well.phoenixColor-orange-level1 > .phx.title-bar > div.header-elements {
				background-color: #ffbd90;
				color: #953f08;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-orange-level1 .mdb-isolation div.header-elements button.btn.btn-flat.dropdown-toggle {
				padding: 0.5rem 0.5rem;
				margin: 0 1.1rem;
			}

			

			.gridster > .phx.ul > li.well.phoenixColor-orange-level1 > .phx.title-bar .btn-group .dropdown-toggle .caret {
				border-top-color: #953f08;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-orange-level1 > .phx.title-bar > div.header-elements:before {
				/* IE9 SVG, needs conditional override of 'filter' to 'none' */
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(left,  rgba(255,189,144,0) 0%, rgba(255,189,144,1) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,189,144,0)), color-stop(100%,rgba(255,189,144,1))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(left,  rgba(255,189,144,0) 0%,rgba(255,189,144,1) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(left,  rgba(255,189,144,0) 0%,rgba(255,189,144,1) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(left,  rgba(255,189,144,0) 0%,rgba(255,189,144,1) 100%); /* IE10+ */
				background: linear-gradient(to right,  rgba(255,189,144,0) 0%,rgba(255,189,144,1) 100%); /* W3C */
			}
			

				.gridster > .phx.ul > li.well.phoenixColor-orange-level1 > .phx.title-bar > div.header-elements .btn i,
				.gridster > .phx.ul > li.well.phoenixColor-orange-level1 > .phx.title-bar > div.header-elements > .phx-help {
					color: #953f08;
				}
				.gridster > .phx.ul > li.well.phoenixColor-orange-level1 .mdb-isolation div.header-elements button.btn.dropdown-toggle:focus i {
					color: #953f08 !important;
				}
				.gridster > .phx.ul > li.well.phoenixColor-orange-level1 > .phx.title-bar + hr {
					background-color: #ffbd90;
				}


			.gridster > .phx.ul > li.well.phoenixColor-orange-level1 > .phx.title-bar > div.header-elements .btn:hover i,
			.gridster > .phx.ul > li.well.phoenixColor-orange-level1 > .phx.title-bar > div.header-elements > .phx-help:hover {
				color: #3f6fdc;
			}
			
			.k-in span.phoenixColor-orange-level1,
			.phxGlyph.phx.phoenixColor-orange-level1:not(.halflings-search),
			.phxText.phx.phoenixColor-orange-level1,
			.sqlinfo span.phoenixColor-orange-level1 {
				color: #ffbd90;
				fill: #ffbd90;
			}
			
			ul.color-picker-options > li.phoenixColor-orange-level1 > .btn {
				color: #ffbd90;
			}

			.phx.badge.phoenixColor-red-level1,
			.phx.label.phoenixColor-red-level1,
			a.SidebarMenuItem:hover span.elementDisplay span.phx.badge.phoenixColor-red-level1,
			a.SidebarMenuItem:focus span.elementDisplay span.phx.badge.phoenixColor-red-level1,
			ul.color-picker-options > li.phoenixColor-red-level1 .color-box {
				background-color: #fdaea9;
				color: #b01309;
			}

			.gridster > .phx.ul > li.well.phoenixColor-red-level1,
			.gridster > .phx.ul > li.well.phoenixColor-red-level1 > .phx.title-bar > div.landingPageSectionTitle,
			.gridster > .phx.ul > li.well.phoenixColor-red-level1 > .phx.title-bar > div.header-elements {
				background-color: #fdaea9;
				color: #b01309;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-red-level1 .mdb-isolation div.header-elements button.btn.btn-flat.dropdown-toggle {
				padding: 0.5rem 0.5rem;
				margin: 0 1.1rem;
			}

			

			.gridster > .phx.ul > li.well.phoenixColor-red-level1 > .phx.title-bar .btn-group .dropdown-toggle .caret {
				border-top-color: #b01309;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-red-level1 > .phx.title-bar > div.header-elements:before {
				/* IE9 SVG, needs conditional override of 'filter' to 'none' */
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(left,  rgba(253,174,169,0) 0%, rgba(253,174,169,1) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(253,174,169,0)), color-stop(100%,rgba(253,174,169,1))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(left,  rgba(253,174,169,0) 0%,rgba(253,174,169,1) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(left,  rgba(253,174,169,0) 0%,rgba(253,174,169,1) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(left,  rgba(253,174,169,0) 0%,rgba(253,174,169,1) 100%); /* IE10+ */
				background: linear-gradient(to right,  rgba(253,174,169,0) 0%,rgba(253,174,169,1) 100%); /* W3C */
			}
			

				.gridster > .phx.ul > li.well.phoenixColor-red-level1 > .phx.title-bar > div.header-elements .btn i,
				.gridster > .phx.ul > li.well.phoenixColor-red-level1 > .phx.title-bar > div.header-elements > .phx-help {
					color: #b01309;
				}
				.gridster > .phx.ul > li.well.phoenixColor-red-level1 .mdb-isolation div.header-elements button.btn.dropdown-toggle:focus i {
					color: #b01309 !important;
				}
				.gridster > .phx.ul > li.well.phoenixColor-red-level1 > .phx.title-bar + hr {
					background-color: #fdaea9;
				}


			.gridster > .phx.ul > li.well.phoenixColor-red-level1 > .phx.title-bar > div.header-elements .btn:hover i,
			.gridster > .phx.ul > li.well.phoenixColor-red-level1 > .phx.title-bar > div.header-elements > .phx-help:hover {
				color: #3f6fdc;
			}
			
			.k-in span.phoenixColor-red-level1,
			.phxGlyph.phx.phoenixColor-red-level1:not(.halflings-search),
			.phxText.phx.phoenixColor-red-level1,
			.sqlinfo span.phoenixColor-red-level1 {
				color: #fdaea9;
				fill: #fdaea9;
			}
			
			ul.color-picker-options > li.phoenixColor-red-level1 > .btn {
				color: #fdaea9;
			}

			.phx.badge.phoenixColor-green-level1,
			.phx.label.phoenixColor-green-level1,
			a.SidebarMenuItem:hover span.elementDisplay span.phx.badge.phoenixColor-green-level1,
			a.SidebarMenuItem:focus span.elementDisplay span.phx.badge.phoenixColor-green-level1,
			ul.color-picker-options > li.phoenixColor-green-level1 .color-box {
				background-color: #ccdeb7;
				color: #4d7224;
			}

			.gridster > .phx.ul > li.well.phoenixColor-green-level1,
			.gridster > .phx.ul > li.well.phoenixColor-green-level1 > .phx.title-bar > div.landingPageSectionTitle,
			.gridster > .phx.ul > li.well.phoenixColor-green-level1 > .phx.title-bar > div.header-elements {
				background-color: #ccdeb7;
				color: #4d7224;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-green-level1 .mdb-isolation div.header-elements button.btn.btn-flat.dropdown-toggle {
				padding: 0.5rem 0.5rem;
				margin: 0 1.1rem;
			}

			

			.gridster > .phx.ul > li.well.phoenixColor-green-level1 > .phx.title-bar .btn-group .dropdown-toggle .caret {
				border-top-color: #4d7224;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-green-level1 > .phx.title-bar > div.header-elements:before {
				/* IE9 SVG, needs conditional override of 'filter' to 'none' */
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(left,  rgba(204,222,183,0) 0%, rgba(204,222,183,1) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(204,222,183,0)), color-stop(100%,rgba(204,222,183,1))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(left,  rgba(204,222,183,0) 0%,rgba(204,222,183,1) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(left,  rgba(204,222,183,0) 0%,rgba(204,222,183,1) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(left,  rgba(204,222,183,0) 0%,rgba(204,222,183,1) 100%); /* IE10+ */
				background: linear-gradient(to right,  rgba(204,222,183,0) 0%,rgba(204,222,183,1) 100%); /* W3C */
			}
			

				.gridster > .phx.ul > li.well.phoenixColor-green-level1 > .phx.title-bar > div.header-elements .btn i,
				.gridster > .phx.ul > li.well.phoenixColor-green-level1 > .phx.title-bar > div.header-elements > .phx-help {
					color: #4d7224;
				}
				.gridster > .phx.ul > li.well.phoenixColor-green-level1 .mdb-isolation div.header-elements button.btn.dropdown-toggle:focus i {
					color: #4d7224 !important;
				}
				.gridster > .phx.ul > li.well.phoenixColor-green-level1 > .phx.title-bar + hr {
					background-color: #ccdeb7;
				}


			.gridster > .phx.ul > li.well.phoenixColor-green-level1 > .phx.title-bar > div.header-elements .btn:hover i,
			.gridster > .phx.ul > li.well.phoenixColor-green-level1 > .phx.title-bar > div.header-elements > .phx-help:hover {
				color: #3f6fdc;
			}
			
			.k-in span.phoenixColor-green-level1,
			.phxGlyph.phx.phoenixColor-green-level1:not(.halflings-search),
			.phxText.phx.phoenixColor-green-level1,
			.sqlinfo span.phoenixColor-green-level1 {
				color: #ccdeb7;
				fill: #ccdeb7;
			}
			
			ul.color-picker-options > li.phoenixColor-green-level1 > .btn {
				color: #ccdeb7;
			}

			.phx.badge.phoenixColor-mint-level1,
			.phx.label.phoenixColor-mint-level1,
			a.SidebarMenuItem:hover span.elementDisplay span.phx.badge.phoenixColor-mint-level1,
			a.SidebarMenuItem:focus span.elementDisplay span.phx.badge.phoenixColor-mint-level1,
			ul.color-picker-options > li.phoenixColor-mint-level1 .color-box {
				background-color: #a3e1da;
				color: #00776a;
			}

			.gridster > .phx.ul > li.well.phoenixColor-mint-level1,
			.gridster > .phx.ul > li.well.phoenixColor-mint-level1 > .phx.title-bar > div.landingPageSectionTitle,
			.gridster > .phx.ul > li.well.phoenixColor-mint-level1 > .phx.title-bar > div.header-elements {
				background-color: #a3e1da;
				color: #00776a;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-mint-level1 .mdb-isolation div.header-elements button.btn.btn-flat.dropdown-toggle {
				padding: 0.5rem 0.5rem;
				margin: 0 1.1rem;
			}

			

			.gridster > .phx.ul > li.well.phoenixColor-mint-level1 > .phx.title-bar .btn-group .dropdown-toggle .caret {
				border-top-color: #00776a;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-mint-level1 > .phx.title-bar > div.header-elements:before {
				/* IE9 SVG, needs conditional override of 'filter' to 'none' */
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(left,  rgba(163,225,218,0) 0%, rgba(163,225,218,1) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(163,225,218,0)), color-stop(100%,rgba(163,225,218,1))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(left,  rgba(163,225,218,0) 0%,rgba(163,225,218,1) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(left,  rgba(163,225,218,0) 0%,rgba(163,225,218,1) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(left,  rgba(163,225,218,0) 0%,rgba(163,225,218,1) 100%); /* IE10+ */
				background: linear-gradient(to right,  rgba(163,225,218,0) 0%,rgba(163,225,218,1) 100%); /* W3C */
			}
			

				.gridster > .phx.ul > li.well.phoenixColor-mint-level1 > .phx.title-bar > div.header-elements .btn i,
				.gridster > .phx.ul > li.well.phoenixColor-mint-level1 > .phx.title-bar > div.header-elements > .phx-help {
					color: #00776a;
				}
				.gridster > .phx.ul > li.well.phoenixColor-mint-level1 .mdb-isolation div.header-elements button.btn.dropdown-toggle:focus i {
					color: #00776a !important;
				}
				.gridster > .phx.ul > li.well.phoenixColor-mint-level1 > .phx.title-bar + hr {
					background-color: #a3e1da;
				}


			.gridster > .phx.ul > li.well.phoenixColor-mint-level1 > .phx.title-bar > div.header-elements .btn:hover i,
			.gridster > .phx.ul > li.well.phoenixColor-mint-level1 > .phx.title-bar > div.header-elements > .phx-help:hover {
				color: #3f6fdc;
			}
			
			.k-in span.phoenixColor-mint-level1,
			.phxGlyph.phx.phoenixColor-mint-level1:not(.halflings-search),
			.phxText.phx.phoenixColor-mint-level1,
			.sqlinfo span.phoenixColor-mint-level1 {
				color: #a3e1da;
				fill: #a3e1da;
			}
			
			ul.color-picker-options > li.phoenixColor-mint-level1 > .btn {
				color: #a3e1da;
			}

			.phx.badge.phoenixColor-webWhite-level1,
			.phx.label.phoenixColor-webWhite-level1,
			a.SidebarMenuItem:hover span.elementDisplay span.phx.badge.phoenixColor-webWhite-level1,
			a.SidebarMenuItem:focus span.elementDisplay span.phx.badge.phoenixColor-webWhite-level1,
			ul.color-picker-options > li.phoenixColor-webWhite-level1 .color-box {
				background-color: #ffffff;
				color: #17191b;
			}

			.gridster > .phx.ul > li.well.phoenixColor-webWhite-level1,
			.gridster > .phx.ul > li.well.phoenixColor-webWhite-level1 > .phx.title-bar > div.landingPageSectionTitle,
			.gridster > .phx.ul > li.well.phoenixColor-webWhite-level1 > .phx.title-bar > div.header-elements {
				background-color: #ffffff;
				color: #17191b;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-webWhite-level1 .mdb-isolation div.header-elements button.btn.btn-flat.dropdown-toggle {
				padding: 0.5rem 0.5rem;
				margin: 0 1.1rem;
			}

			

			.gridster > .phx.ul > li.well.phoenixColor-webWhite-level1 > .phx.title-bar .btn-group .dropdown-toggle .caret {
				border-top-color: #17191b;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-webWhite-level1 > .phx.title-bar > div.header-elements:before {
				/* IE9 SVG, needs conditional override of 'filter' to 'none' */
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
				background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
			}
			


			.gridster > .phx.ul > li.well.phoenixColor-webWhite-level1 > .phx.title-bar > div.header-elements .btn:hover i,
			.gridster > .phx.ul > li.well.phoenixColor-webWhite-level1 > .phx.title-bar > div.header-elements > .phx-help:hover {
				color: #3f6fdc;
			}
			
			.k-in span.phoenixColor-webWhite-level1,
			.phxGlyph.phx.phoenixColor-webWhite-level1:not(.halflings-search),
			.phxText.phx.phoenixColor-webWhite-level1,
			.sqlinfo span.phoenixColor-webWhite-level1 {
				color: #ffffff;
				fill: #ffffff;
			}
			
			ul.color-picker-options > li.phoenixColor-webWhite-level1 > .btn {
				color: #ffffff;
			}

			.phx.badge.phoenixColor-webWarning-level1,
			.phx.label.phoenixColor-webWarning-level1,
			a.SidebarMenuItem:hover span.elementDisplay span.phx.badge.phoenixColor-webWarning-level1,
			a.SidebarMenuItem:focus span.elementDisplay span.phx.badge.phoenixColor-webWarning-level1,
			ul.color-picker-options > li.phoenixColor-webWarning-level1 .color-box {
				background-color: #f9ff38;
				color: #ffffff;
			}

			.gridster > .phx.ul > li.well.phoenixColor-webWarning-level1,
			.gridster > .phx.ul > li.well.phoenixColor-webWarning-level1 > .phx.title-bar > div.landingPageSectionTitle,
			.gridster > .phx.ul > li.well.phoenixColor-webWarning-level1 > .phx.title-bar > div.header-elements {
				background-color: #f9ff38;
				color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-webWarning-level1 .mdb-isolation div.header-elements button.btn.btn-flat.dropdown-toggle {
				padding: 0.5rem 0.5rem;
				margin: 0 1.1rem;
			}

			

			.gridster > .phx.ul > li.well.phoenixColor-webWarning-level1 > .phx.title-bar .btn-group .dropdown-toggle .caret {
				border-top-color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-webWarning-level1 > .phx.title-bar > div.header-elements:before {
				/* IE9 SVG, needs conditional override of 'filter' to 'none' */
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(left,  rgba(249,255,56,0) 0%, rgba(249,255,56,1) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(249,255,56,0)), color-stop(100%,rgba(249,255,56,1))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(left,  rgba(249,255,56,0) 0%,rgba(249,255,56,1) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(left,  rgba(249,255,56,0) 0%,rgba(249,255,56,1) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(left,  rgba(249,255,56,0) 0%,rgba(249,255,56,1) 100%); /* IE10+ */
				background: linear-gradient(to right,  rgba(249,255,56,0) 0%,rgba(249,255,56,1) 100%); /* W3C */
			}
			

				.gridster > .phx.ul > li.well.phoenixColor-webWarning-level1 > .phx.title-bar > div.header-elements .btn i,
				.gridster > .phx.ul > li.well.phoenixColor-webWarning-level1 > .phx.title-bar > div.header-elements > .phx-help {
					color: #ffffff;
				}
				.gridster > .phx.ul > li.well.phoenixColor-webWarning-level1 .mdb-isolation div.header-elements button.btn.dropdown-toggle:focus i {
					color: #ffffff !important;
				}
				.gridster > .phx.ul > li.well.phoenixColor-webWarning-level1 > .phx.title-bar + hr {
					background-color: #f9ff38;
				}


			.gridster > .phx.ul > li.well.phoenixColor-webWarning-level1 > .phx.title-bar > div.header-elements .btn:hover i,
			.gridster > .phx.ul > li.well.phoenixColor-webWarning-level1 > .phx.title-bar > div.header-elements > .phx-help:hover {
				color: #3f6fdc;
			}
			
			.k-in span.phoenixColor-webWarning-level1,
			.phxGlyph.phx.phoenixColor-webWarning-level1:not(.halflings-search),
			.phxText.phx.phoenixColor-webWarning-level1,
			.sqlinfo span.phoenixColor-webWarning-level1 {
				color: #f9ff38;
				fill: #f9ff38;
			}
			
			ul.color-picker-options > li.phoenixColor-webWarning-level1 > .btn {
				color: #f9ff38;
			}

			.phx.badge.phoenixColor-webBrightBlue-level1,
			.phx.label.phoenixColor-webBrightBlue-level1,
			a.SidebarMenuItem:hover span.elementDisplay span.phx.badge.phoenixColor-webBrightBlue-level1,
			a.SidebarMenuItem:focus span.elementDisplay span.phx.badge.phoenixColor-webBrightBlue-level1,
			ul.color-picker-options > li.phoenixColor-webBrightBlue-level1 .color-box {
				background-color: #0066e1;
				color: #ffffff;
			}

			.gridster > .phx.ul > li.well.phoenixColor-webBrightBlue-level1,
			.gridster > .phx.ul > li.well.phoenixColor-webBrightBlue-level1 > .phx.title-bar > div.landingPageSectionTitle,
			.gridster > .phx.ul > li.well.phoenixColor-webBrightBlue-level1 > .phx.title-bar > div.header-elements {
				background-color: #0066e1;
				color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-webBrightBlue-level1 .mdb-isolation div.header-elements button.btn.btn-flat.dropdown-toggle {
				padding: 0.5rem 0.5rem;
				margin: 0 1.1rem;
			}

			

			.gridster > .phx.ul > li.well.phoenixColor-webBrightBlue-level1 > .phx.title-bar .btn-group .dropdown-toggle .caret {
				border-top-color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-webBrightBlue-level1 > .phx.title-bar > div.header-elements:before {
				/* IE9 SVG, needs conditional override of 'filter' to 'none' */
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(left,  rgba(0,102,225,0) 0%, rgba(0,102,225,1) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,102,225,0)), color-stop(100%,rgba(0,102,225,1))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(left,  rgba(0,102,225,0) 0%,rgba(0,102,225,1) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(left,  rgba(0,102,225,0) 0%,rgba(0,102,225,1) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(left,  rgba(0,102,225,0) 0%,rgba(0,102,225,1) 100%); /* IE10+ */
				background: linear-gradient(to right,  rgba(0,102,225,0) 0%,rgba(0,102,225,1) 100%); /* W3C */
			}
			

				.gridster > .phx.ul > li.well.phoenixColor-webBrightBlue-level1 > .phx.title-bar > div.header-elements .btn i,
				.gridster > .phx.ul > li.well.phoenixColor-webBrightBlue-level1 > .phx.title-bar > div.header-elements > .phx-help {
					color: #ffffff;
				}
				.gridster > .phx.ul > li.well.phoenixColor-webBrightBlue-level1 .mdb-isolation div.header-elements button.btn.dropdown-toggle:focus i {
					color: #ffffff !important;
				}
				.gridster > .phx.ul > li.well.phoenixColor-webBrightBlue-level1 > .phx.title-bar + hr {
					background-color: #0066e1;
				}


			.gridster > .phx.ul > li.well.phoenixColor-webBrightBlue-level1 > .phx.title-bar > div.header-elements .btn:hover i,
			.gridster > .phx.ul > li.well.phoenixColor-webBrightBlue-level1 > .phx.title-bar > div.header-elements > .phx-help:hover {
				color: #3f6fdc;
			}
			
			.k-in span.phoenixColor-webBrightBlue-level1,
			.phxGlyph.phx.phoenixColor-webBrightBlue-level1:not(.halflings-search),
			.phxText.phx.phoenixColor-webBrightBlue-level1,
			.sqlinfo span.phoenixColor-webBrightBlue-level1 {
				color: #0066e1;
				fill: #0066e1;
			}
			
			ul.color-picker-options > li.phoenixColor-webBrightBlue-level1 > .btn {
				color: #0066e1;
			}

			.phx.badge.phoenixColor-webDarkBlue-level1,
			.phx.label.phoenixColor-webDarkBlue-level1,
			a.SidebarMenuItem:hover span.elementDisplay span.phx.badge.phoenixColor-webDarkBlue-level1,
			a.SidebarMenuItem:focus span.elementDisplay span.phx.badge.phoenixColor-webDarkBlue-level1,
			ul.color-picker-options > li.phoenixColor-webDarkBlue-level1 .color-box {
				background-color: #03205c;
				color: #ffffff;
			}

			.gridster > .phx.ul > li.well.phoenixColor-webDarkBlue-level1,
			.gridster > .phx.ul > li.well.phoenixColor-webDarkBlue-level1 > .phx.title-bar > div.landingPageSectionTitle,
			.gridster > .phx.ul > li.well.phoenixColor-webDarkBlue-level1 > .phx.title-bar > div.header-elements {
				background-color: #03205c;
				color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-webDarkBlue-level1 .mdb-isolation div.header-elements button.btn.btn-flat.dropdown-toggle {
				padding: 0.5rem 0.5rem;
				margin: 0 1.1rem;
			}

			

			.gridster > .phx.ul > li.well.phoenixColor-webDarkBlue-level1 > .phx.title-bar .btn-group .dropdown-toggle .caret {
				border-top-color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-webDarkBlue-level1 > .phx.title-bar > div.header-elements:before {
				/* IE9 SVG, needs conditional override of 'filter' to 'none' */
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(left,  rgba(3,32,92,0) 0%, rgba(3,32,92,1) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(3,32,92,0)), color-stop(100%,rgba(3,32,92,1))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(left,  rgba(3,32,92,0) 0%,rgba(3,32,92,1) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(left,  rgba(3,32,92,0) 0%,rgba(3,32,92,1) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(left,  rgba(3,32,92,0) 0%,rgba(3,32,92,1) 100%); /* IE10+ */
				background: linear-gradient(to right,  rgba(3,32,92,0) 0%,rgba(3,32,92,1) 100%); /* W3C */
			}
			

				.gridster > .phx.ul > li.well.phoenixColor-webDarkBlue-level1 > .phx.title-bar > div.header-elements .btn i,
				.gridster > .phx.ul > li.well.phoenixColor-webDarkBlue-level1 > .phx.title-bar > div.header-elements > .phx-help {
					color: #ffffff;
				}
				.gridster > .phx.ul > li.well.phoenixColor-webDarkBlue-level1 .mdb-isolation div.header-elements button.btn.dropdown-toggle:focus i {
					color: #ffffff !important;
				}
				.gridster > .phx.ul > li.well.phoenixColor-webDarkBlue-level1 > .phx.title-bar + hr {
					background-color: #03205c;
				}


			.gridster > .phx.ul > li.well.phoenixColor-webDarkBlue-level1 > .phx.title-bar > div.header-elements .btn:hover i,
			.gridster > .phx.ul > li.well.phoenixColor-webDarkBlue-level1 > .phx.title-bar > div.header-elements > .phx-help:hover {
				color: #3f6fdc;
			}
			
			.k-in span.phoenixColor-webDarkBlue-level1,
			.phxGlyph.phx.phoenixColor-webDarkBlue-level1:not(.halflings-search),
			.phxText.phx.phoenixColor-webDarkBlue-level1,
			.sqlinfo span.phoenixColor-webDarkBlue-level1 {
				color: #03205c;
				fill: #03205c;
			}
			
			ul.color-picker-options > li.phoenixColor-webDarkBlue-level1 > .btn {
				color: #03205c;
			}

			.phx.badge.phoenixColor-webHeaderBlue-level1,
			.phx.label.phoenixColor-webHeaderBlue-level1,
			a.SidebarMenuItem:hover span.elementDisplay span.phx.badge.phoenixColor-webHeaderBlue-level1,
			a.SidebarMenuItem:focus span.elementDisplay span.phx.badge.phoenixColor-webHeaderBlue-level1,
			ul.color-picker-options > li.phoenixColor-webHeaderBlue-level1 .color-box {
				background-color: #d9edf7;
				color: #ffffff;
			}

			.gridster > .phx.ul > li.well.phoenixColor-webHeaderBlue-level1,
			.gridster > .phx.ul > li.well.phoenixColor-webHeaderBlue-level1 > .phx.title-bar > div.landingPageSectionTitle,
			.gridster > .phx.ul > li.well.phoenixColor-webHeaderBlue-level1 > .phx.title-bar > div.header-elements {
				background-color: #d9edf7;
				color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-webHeaderBlue-level1 .mdb-isolation div.header-elements button.btn.btn-flat.dropdown-toggle {
				padding: 0.5rem 0.5rem;
				margin: 0 1.1rem;
			}

			

			.gridster > .phx.ul > li.well.phoenixColor-webHeaderBlue-level1 > .phx.title-bar .btn-group .dropdown-toggle .caret {
				border-top-color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-webHeaderBlue-level1 > .phx.title-bar > div.header-elements:before {
				/* IE9 SVG, needs conditional override of 'filter' to 'none' */
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(left,  rgba(217,237,247,0) 0%, rgba(217,237,247,1) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(217,237,247,0)), color-stop(100%,rgba(217,237,247,1))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(left,  rgba(217,237,247,0) 0%,rgba(217,237,247,1) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(left,  rgba(217,237,247,0) 0%,rgba(217,237,247,1) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(left,  rgba(217,237,247,0) 0%,rgba(217,237,247,1) 100%); /* IE10+ */
				background: linear-gradient(to right,  rgba(217,237,247,0) 0%,rgba(217,237,247,1) 100%); /* W3C */
			}
			

				.gridster > .phx.ul > li.well.phoenixColor-webHeaderBlue-level1 > .phx.title-bar > div.header-elements .btn i,
				.gridster > .phx.ul > li.well.phoenixColor-webHeaderBlue-level1 > .phx.title-bar > div.header-elements > .phx-help {
					color: #ffffff;
				}
				.gridster > .phx.ul > li.well.phoenixColor-webHeaderBlue-level1 .mdb-isolation div.header-elements button.btn.dropdown-toggle:focus i {
					color: #ffffff !important;
				}
				.gridster > .phx.ul > li.well.phoenixColor-webHeaderBlue-level1 > .phx.title-bar + hr {
					background-color: #d9edf7;
				}


			.gridster > .phx.ul > li.well.phoenixColor-webHeaderBlue-level1 > .phx.title-bar > div.header-elements .btn:hover i,
			.gridster > .phx.ul > li.well.phoenixColor-webHeaderBlue-level1 > .phx.title-bar > div.header-elements > .phx-help:hover {
				color: #3f6fdc;
			}
			
			.k-in span.phoenixColor-webHeaderBlue-level1,
			.phxGlyph.phx.phoenixColor-webHeaderBlue-level1:not(.halflings-search),
			.phxText.phx.phoenixColor-webHeaderBlue-level1,
			.sqlinfo span.phoenixColor-webHeaderBlue-level1 {
				color: #d9edf7;
				fill: #d9edf7;
			}
			
			ul.color-picker-options > li.phoenixColor-webHeaderBlue-level1 > .btn {
				color: #d9edf7;
			}

			.phx.badge.phoenixColor-webHeaderLightBlue-level1,
			.phx.label.phoenixColor-webHeaderLightBlue-level1,
			a.SidebarMenuItem:hover span.elementDisplay span.phx.badge.phoenixColor-webHeaderLightBlue-level1,
			a.SidebarMenuItem:focus span.elementDisplay span.phx.badge.phoenixColor-webHeaderLightBlue-level1,
			ul.color-picker-options > li.phoenixColor-webHeaderLightBlue-level1 .color-box {
				background-color: #ebf5fb;
				color: #ffffff;
			}

			.gridster > .phx.ul > li.well.phoenixColor-webHeaderLightBlue-level1,
			.gridster > .phx.ul > li.well.phoenixColor-webHeaderLightBlue-level1 > .phx.title-bar > div.landingPageSectionTitle,
			.gridster > .phx.ul > li.well.phoenixColor-webHeaderLightBlue-level1 > .phx.title-bar > div.header-elements {
				background-color: #ebf5fb;
				color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-webHeaderLightBlue-level1 .mdb-isolation div.header-elements button.btn.btn-flat.dropdown-toggle {
				padding: 0.5rem 0.5rem;
				margin: 0 1.1rem;
			}

			

			.gridster > .phx.ul > li.well.phoenixColor-webHeaderLightBlue-level1 > .phx.title-bar .btn-group .dropdown-toggle .caret {
				border-top-color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-webHeaderLightBlue-level1 > .phx.title-bar > div.header-elements:before {
				/* IE9 SVG, needs conditional override of 'filter' to 'none' */
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(left,  rgba(235,245,251,0) 0%, rgba(235,245,251,1) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(235,245,251,0)), color-stop(100%,rgba(235,245,251,1))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(left,  rgba(235,245,251,0) 0%,rgba(235,245,251,1) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(left,  rgba(235,245,251,0) 0%,rgba(235,245,251,1) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(left,  rgba(235,245,251,0) 0%,rgba(235,245,251,1) 100%); /* IE10+ */
				background: linear-gradient(to right,  rgba(235,245,251,0) 0%,rgba(235,245,251,1) 100%); /* W3C */
			}
			

				.gridster > .phx.ul > li.well.phoenixColor-webHeaderLightBlue-level1 > .phx.title-bar > div.header-elements .btn i,
				.gridster > .phx.ul > li.well.phoenixColor-webHeaderLightBlue-level1 > .phx.title-bar > div.header-elements > .phx-help {
					color: #ffffff;
				}
				.gridster > .phx.ul > li.well.phoenixColor-webHeaderLightBlue-level1 .mdb-isolation div.header-elements button.btn.dropdown-toggle:focus i {
					color: #ffffff !important;
				}
				.gridster > .phx.ul > li.well.phoenixColor-webHeaderLightBlue-level1 > .phx.title-bar + hr {
					background-color: #ebf5fb;
				}


			.gridster > .phx.ul > li.well.phoenixColor-webHeaderLightBlue-level1 > .phx.title-bar > div.header-elements .btn:hover i,
			.gridster > .phx.ul > li.well.phoenixColor-webHeaderLightBlue-level1 > .phx.title-bar > div.header-elements > .phx-help:hover {
				color: #3f6fdc;
			}
			
			.k-in span.phoenixColor-webHeaderLightBlue-level1,
			.phxGlyph.phx.phoenixColor-webHeaderLightBlue-level1:not(.halflings-search),
			.phxText.phx.phoenixColor-webHeaderLightBlue-level1,
			.sqlinfo span.phoenixColor-webHeaderLightBlue-level1 {
				color: #ebf5fb;
				fill: #ebf5fb;
			}
			
			ul.color-picker-options > li.phoenixColor-webHeaderLightBlue-level1 > .btn {
				color: #ebf5fb;
			}

			.phx.badge.phoenixColor-bootstrap-info-level1,
			.phx.label.phoenixColor-bootstrap-info-level1,
			a.SidebarMenuItem:hover span.elementDisplay span.phx.badge.phoenixColor-bootstrap-info-level1,
			a.SidebarMenuItem:focus span.elementDisplay span.phx.badge.phoenixColor-bootstrap-info-level1,
			ul.color-picker-options > li.phoenixColor-bootstrap-info-level1 .color-box {
				background-color: #d9edf7;
				color: #ffffff;
			}

			.gridster > .phx.ul > li.well.phoenixColor-bootstrap-info-level1,
			.gridster > .phx.ul > li.well.phoenixColor-bootstrap-info-level1 > .phx.title-bar > div.landingPageSectionTitle,
			.gridster > .phx.ul > li.well.phoenixColor-bootstrap-info-level1 > .phx.title-bar > div.header-elements {
				background-color: #d9edf7;
				color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-bootstrap-info-level1 .mdb-isolation div.header-elements button.btn.btn-flat.dropdown-toggle {
				padding: 0.5rem 0.5rem;
				margin: 0 1.1rem;
			}

			

			.gridster > .phx.ul > li.well.phoenixColor-bootstrap-info-level1 > .phx.title-bar .btn-group .dropdown-toggle .caret {
				border-top-color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-bootstrap-info-level1 > .phx.title-bar > div.header-elements:before {
				/* IE9 SVG, needs conditional override of 'filter' to 'none' */
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(left,  rgba(217,237,247,0) 0%, rgba(217,237,247,1) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(217,237,247,0)), color-stop(100%,rgba(217,237,247,1))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(left,  rgba(217,237,247,0) 0%,rgba(217,237,247,1) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(left,  rgba(217,237,247,0) 0%,rgba(217,237,247,1) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(left,  rgba(217,237,247,0) 0%,rgba(217,237,247,1) 100%); /* IE10+ */
				background: linear-gradient(to right,  rgba(217,237,247,0) 0%,rgba(217,237,247,1) 100%); /* W3C */
			}
			

				.gridster > .phx.ul > li.well.phoenixColor-bootstrap-info-level1 > .phx.title-bar > div.header-elements .btn i,
				.gridster > .phx.ul > li.well.phoenixColor-bootstrap-info-level1 > .phx.title-bar > div.header-elements > .phx-help {
					color: #ffffff;
				}
				.gridster > .phx.ul > li.well.phoenixColor-bootstrap-info-level1 .mdb-isolation div.header-elements button.btn.dropdown-toggle:focus i {
					color: #ffffff !important;
				}
				.gridster > .phx.ul > li.well.phoenixColor-bootstrap-info-level1 > .phx.title-bar + hr {
					background-color: #d9edf7;
				}


			.gridster > .phx.ul > li.well.phoenixColor-bootstrap-info-level1 > .phx.title-bar > div.header-elements .btn:hover i,
			.gridster > .phx.ul > li.well.phoenixColor-bootstrap-info-level1 > .phx.title-bar > div.header-elements > .phx-help:hover {
				color: #3f6fdc;
			}
			
			.k-in span.phoenixColor-bootstrap-info-level1,
			.phxGlyph.phx.phoenixColor-bootstrap-info-level1:not(.halflings-search),
			.phxText.phx.phoenixColor-bootstrap-info-level1,
			.sqlinfo span.phoenixColor-bootstrap-info-level1 {
				color: #d9edf7;
				fill: #d9edf7;
			}
			
			ul.color-picker-options > li.phoenixColor-bootstrap-info-level1 > .btn {
				color: #d9edf7;
			}

			.phx.badge.phoenixColor-webHeaderLightPurple-level1,
			.phx.label.phoenixColor-webHeaderLightPurple-level1,
			a.SidebarMenuItem:hover span.elementDisplay span.phx.badge.phoenixColor-webHeaderLightPurple-level1,
			a.SidebarMenuItem:focus span.elementDisplay span.phx.badge.phoenixColor-webHeaderLightPurple-level1,
			ul.color-picker-options > li.phoenixColor-webHeaderLightPurple-level1 .color-box {
				background-color: #d9cafe;
				color: #ffffff;
			}

			.gridster > .phx.ul > li.well.phoenixColor-webHeaderLightPurple-level1,
			.gridster > .phx.ul > li.well.phoenixColor-webHeaderLightPurple-level1 > .phx.title-bar > div.landingPageSectionTitle,
			.gridster > .phx.ul > li.well.phoenixColor-webHeaderLightPurple-level1 > .phx.title-bar > div.header-elements {
				background-color: #d9cafe;
				color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-webHeaderLightPurple-level1 .mdb-isolation div.header-elements button.btn.btn-flat.dropdown-toggle {
				padding: 0.5rem 0.5rem;
				margin: 0 1.1rem;
			}

			

			.gridster > .phx.ul > li.well.phoenixColor-webHeaderLightPurple-level1 > .phx.title-bar .btn-group .dropdown-toggle .caret {
				border-top-color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-webHeaderLightPurple-level1 > .phx.title-bar > div.header-elements:before {
				/* IE9 SVG, needs conditional override of 'filter' to 'none' */
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(left,  rgba(217,202,254,0) 0%, rgba(217,202,254,1) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(217,202,254,0)), color-stop(100%,rgba(217,202,254,1))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(left,  rgba(217,202,254,0) 0%,rgba(217,202,254,1) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(left,  rgba(217,202,254,0) 0%,rgba(217,202,254,1) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(left,  rgba(217,202,254,0) 0%,rgba(217,202,254,1) 100%); /* IE10+ */
				background: linear-gradient(to right,  rgba(217,202,254,0) 0%,rgba(217,202,254,1) 100%); /* W3C */
			}
			

				.gridster > .phx.ul > li.well.phoenixColor-webHeaderLightPurple-level1 > .phx.title-bar > div.header-elements .btn i,
				.gridster > .phx.ul > li.well.phoenixColor-webHeaderLightPurple-level1 > .phx.title-bar > div.header-elements > .phx-help {
					color: #ffffff;
				}
				.gridster > .phx.ul > li.well.phoenixColor-webHeaderLightPurple-level1 .mdb-isolation div.header-elements button.btn.dropdown-toggle:focus i {
					color: #ffffff !important;
				}
				.gridster > .phx.ul > li.well.phoenixColor-webHeaderLightPurple-level1 > .phx.title-bar + hr {
					background-color: #d9cafe;
				}


			.gridster > .phx.ul > li.well.phoenixColor-webHeaderLightPurple-level1 > .phx.title-bar > div.header-elements .btn:hover i,
			.gridster > .phx.ul > li.well.phoenixColor-webHeaderLightPurple-level1 > .phx.title-bar > div.header-elements > .phx-help:hover {
				color: #3f6fdc;
			}
			
			.k-in span.phoenixColor-webHeaderLightPurple-level1,
			.phxGlyph.phx.phoenixColor-webHeaderLightPurple-level1:not(.halflings-search),
			.phxText.phx.phoenixColor-webHeaderLightPurple-level1,
			.sqlinfo span.phoenixColor-webHeaderLightPurple-level1 {
				color: #d9cafe;
				fill: #d9cafe;
			}
			
			ul.color-picker-options > li.phoenixColor-webHeaderLightPurple-level1 > .btn {
				color: #d9cafe;
			}

			.phx.badge.phoenixColor-blue-level2,
			.phx.label.phoenixColor-blue-level2,
			a.SidebarMenuItem:hover span.elementDisplay span.phx.badge.phoenixColor-blue-level2,
			a.SidebarMenuItem:focus span.elementDisplay span.phx.badge.phoenixColor-blue-level2,
			ul.color-picker-options > li.phoenixColor-blue-level2 .color-box {
				background-color: #5faedd;
				color: #ffffff;
			}

			.gridster > .phx.ul > li.well.phoenixColor-blue-level2,
			.gridster > .phx.ul > li.well.phoenixColor-blue-level2 > .phx.title-bar > div.landingPageSectionTitle,
			.gridster > .phx.ul > li.well.phoenixColor-blue-level2 > .phx.title-bar > div.header-elements {
				background-color: #5faedd;
				color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-blue-level2 .mdb-isolation div.header-elements button.btn.btn-flat.dropdown-toggle {
				padding: 0.5rem 0.5rem;
				margin: 0 1.1rem;
			}

			

			.gridster > .phx.ul > li.well.phoenixColor-blue-level2 > .phx.title-bar .btn-group .dropdown-toggle .caret {
				border-top-color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-blue-level2 > .phx.title-bar > div.header-elements:before {
				/* IE9 SVG, needs conditional override of 'filter' to 'none' */
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(left,  rgba(95,174,221,0) 0%, rgba(95,174,221,1) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(95,174,221,0)), color-stop(100%,rgba(95,174,221,1))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(left,  rgba(95,174,221,0) 0%,rgba(95,174,221,1) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(left,  rgba(95,174,221,0) 0%,rgba(95,174,221,1) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(left,  rgba(95,174,221,0) 0%,rgba(95,174,221,1) 100%); /* IE10+ */
				background: linear-gradient(to right,  rgba(95,174,221,0) 0%,rgba(95,174,221,1) 100%); /* W3C */
			}
			

				.gridster > .phx.ul > li.well.phoenixColor-blue-level2 > .phx.title-bar > div.header-elements .btn i,
				.gridster > .phx.ul > li.well.phoenixColor-blue-level2 > .phx.title-bar > div.header-elements > .phx-help {
					color: #ffffff;
				}
				.gridster > .phx.ul > li.well.phoenixColor-blue-level2 .mdb-isolation div.header-elements button.btn.dropdown-toggle:focus i {
					color: #ffffff !important;
				}
				.gridster > .phx.ul > li.well.phoenixColor-blue-level2 > .phx.title-bar + hr {
					background-color: #5faedd;
				}


			.gridster > .phx.ul > li.well.phoenixColor-blue-level2 > .phx.title-bar > div.header-elements .btn:hover i,
			.gridster > .phx.ul > li.well.phoenixColor-blue-level2 > .phx.title-bar > div.header-elements > .phx-help:hover {
				color: #3f6fdc;
			}
			
			.k-in span.phoenixColor-blue-level2,
			.phxGlyph.phx.phoenixColor-blue-level2:not(.halflings-search),
			.phxText.phx.phoenixColor-blue-level2,
			.sqlinfo span.phoenixColor-blue-level2 {
				color: #5faedd;
				fill: #5faedd;
			}
			
			ul.color-picker-options > li.phoenixColor-blue-level2 > .btn {
				color: #5faedd;
			}

			.phx.badge.phoenixColor-gray-level2,
			.phx.label.phoenixColor-gray-level2,
			a.SidebarMenuItem:hover span.elementDisplay span.phx.badge.phoenixColor-gray-level2,
			a.SidebarMenuItem:focus span.elementDisplay span.phx.badge.phoenixColor-gray-level2,
			ul.color-picker-options > li.phoenixColor-gray-level2 .color-box {
				background-color: #72757e;
				color: #ffffff;
			}

			.gridster > .phx.ul > li.well.phoenixColor-gray-level2,
			.gridster > .phx.ul > li.well.phoenixColor-gray-level2 > .phx.title-bar > div.landingPageSectionTitle,
			.gridster > .phx.ul > li.well.phoenixColor-gray-level2 > .phx.title-bar > div.header-elements {
				background-color: #72757e;
				color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-gray-level2 .mdb-isolation div.header-elements button.btn.btn-flat.dropdown-toggle {
				padding: 0.5rem 0.5rem;
				margin: 0 1.1rem;
			}

			

			.gridster > .phx.ul > li.well.phoenixColor-gray-level2 > .phx.title-bar .btn-group .dropdown-toggle .caret {
				border-top-color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-gray-level2 > .phx.title-bar > div.header-elements:before {
				/* IE9 SVG, needs conditional override of 'filter' to 'none' */
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(left,  rgba(114,117,126,0) 0%, rgba(114,117,126,1) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(114,117,126,0)), color-stop(100%,rgba(114,117,126,1))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(left,  rgba(114,117,126,0) 0%,rgba(114,117,126,1) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(left,  rgba(114,117,126,0) 0%,rgba(114,117,126,1) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(left,  rgba(114,117,126,0) 0%,rgba(114,117,126,1) 100%); /* IE10+ */
				background: linear-gradient(to right,  rgba(114,117,126,0) 0%,rgba(114,117,126,1) 100%); /* W3C */
			}
			

				.gridster > .phx.ul > li.well.phoenixColor-gray-level2 > .phx.title-bar > div.header-elements .btn i,
				.gridster > .phx.ul > li.well.phoenixColor-gray-level2 > .phx.title-bar > div.header-elements > .phx-help {
					color: #ffffff;
				}
				.gridster > .phx.ul > li.well.phoenixColor-gray-level2 .mdb-isolation div.header-elements button.btn.dropdown-toggle:focus i {
					color: #ffffff !important;
				}
				.gridster > .phx.ul > li.well.phoenixColor-gray-level2 > .phx.title-bar + hr {
					background-color: #72757e;
				}


			.gridster > .phx.ul > li.well.phoenixColor-gray-level2 > .phx.title-bar > div.header-elements .btn:hover i,
			.gridster > .phx.ul > li.well.phoenixColor-gray-level2 > .phx.title-bar > div.header-elements > .phx-help:hover {
				color: #3f6fdc;
			}
			
			.k-in span.phoenixColor-gray-level2,
			.phxGlyph.phx.phoenixColor-gray-level2:not(.halflings-search),
			.phxText.phx.phoenixColor-gray-level2,
			.sqlinfo span.phoenixColor-gray-level2 {
				color: #72757e;
				fill: #72757e;
			}
			
			ul.color-picker-options > li.phoenixColor-gray-level2 > .btn {
				color: #72757e;
			}

			.phx.badge.phoenixColor-lime-level2,
			.phx.label.phoenixColor-lime-level2,
			a.SidebarMenuItem:hover span.elementDisplay span.phx.badge.phoenixColor-lime-level2,
			a.SidebarMenuItem:focus span.elementDisplay span.phx.badge.phoenixColor-lime-level2,
			ul.color-picker-options > li.phoenixColor-lime-level2 .color-box {
				background-color: #a7ba29;
				color: #ffffff;
			}

			.gridster > .phx.ul > li.well.phoenixColor-lime-level2,
			.gridster > .phx.ul > li.well.phoenixColor-lime-level2 > .phx.title-bar > div.landingPageSectionTitle,
			.gridster > .phx.ul > li.well.phoenixColor-lime-level2 > .phx.title-bar > div.header-elements {
				background-color: #a7ba29;
				color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-lime-level2 .mdb-isolation div.header-elements button.btn.btn-flat.dropdown-toggle {
				padding: 0.5rem 0.5rem;
				margin: 0 1.1rem;
			}

			

			.gridster > .phx.ul > li.well.phoenixColor-lime-level2 > .phx.title-bar .btn-group .dropdown-toggle .caret {
				border-top-color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-lime-level2 > .phx.title-bar > div.header-elements:before {
				/* IE9 SVG, needs conditional override of 'filter' to 'none' */
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(left,  rgba(167,186,41,0) 0%, rgba(167,186,41,1) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(167,186,41,0)), color-stop(100%,rgba(167,186,41,1))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(left,  rgba(167,186,41,0) 0%,rgba(167,186,41,1) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(left,  rgba(167,186,41,0) 0%,rgba(167,186,41,1) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(left,  rgba(167,186,41,0) 0%,rgba(167,186,41,1) 100%); /* IE10+ */
				background: linear-gradient(to right,  rgba(167,186,41,0) 0%,rgba(167,186,41,1) 100%); /* W3C */
			}
			

				.gridster > .phx.ul > li.well.phoenixColor-lime-level2 > .phx.title-bar > div.header-elements .btn i,
				.gridster > .phx.ul > li.well.phoenixColor-lime-level2 > .phx.title-bar > div.header-elements > .phx-help {
					color: #ffffff;
				}
				.gridster > .phx.ul > li.well.phoenixColor-lime-level2 .mdb-isolation div.header-elements button.btn.dropdown-toggle:focus i {
					color: #ffffff !important;
				}
				.gridster > .phx.ul > li.well.phoenixColor-lime-level2 > .phx.title-bar + hr {
					background-color: #a7ba29;
				}


			.gridster > .phx.ul > li.well.phoenixColor-lime-level2 > .phx.title-bar > div.header-elements .btn:hover i,
			.gridster > .phx.ul > li.well.phoenixColor-lime-level2 > .phx.title-bar > div.header-elements > .phx-help:hover {
				color: #3f6fdc;
			}
			
			.k-in span.phoenixColor-lime-level2,
			.phxGlyph.phx.phoenixColor-lime-level2:not(.halflings-search),
			.phxText.phx.phoenixColor-lime-level2,
			.sqlinfo span.phoenixColor-lime-level2 {
				color: #a7ba29;
				fill: #a7ba29;
			}
			
			ul.color-picker-options > li.phoenixColor-lime-level2 > .btn {
				color: #a7ba29;
			}

			.phx.badge.phoenixColor-tangerine-level2,
			.phx.label.phoenixColor-tangerine-level2,
			a.SidebarMenuItem:hover span.elementDisplay span.phx.badge.phoenixColor-tangerine-level2,
			a.SidebarMenuItem:focus span.elementDisplay span.phx.badge.phoenixColor-tangerine-level2,
			ul.color-picker-options > li.phoenixColor-tangerine-level2 .color-box {
				background-color: #ffa12d;
				color: #ffffff;
			}

			.gridster > .phx.ul > li.well.phoenixColor-tangerine-level2,
			.gridster > .phx.ul > li.well.phoenixColor-tangerine-level2 > .phx.title-bar > div.landingPageSectionTitle,
			.gridster > .phx.ul > li.well.phoenixColor-tangerine-level2 > .phx.title-bar > div.header-elements {
				background-color: #ffa12d;
				color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-tangerine-level2 .mdb-isolation div.header-elements button.btn.btn-flat.dropdown-toggle {
				padding: 0.5rem 0.5rem;
				margin: 0 1.1rem;
			}

			

			.gridster > .phx.ul > li.well.phoenixColor-tangerine-level2 > .phx.title-bar .btn-group .dropdown-toggle .caret {
				border-top-color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-tangerine-level2 > .phx.title-bar > div.header-elements:before {
				/* IE9 SVG, needs conditional override of 'filter' to 'none' */
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(left,  rgba(255,161,45,0) 0%, rgba(255,161,45,1) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,161,45,0)), color-stop(100%,rgba(255,161,45,1))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(left,  rgba(255,161,45,0) 0%,rgba(255,161,45,1) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(left,  rgba(255,161,45,0) 0%,rgba(255,161,45,1) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(left,  rgba(255,161,45,0) 0%,rgba(255,161,45,1) 100%); /* IE10+ */
				background: linear-gradient(to right,  rgba(255,161,45,0) 0%,rgba(255,161,45,1) 100%); /* W3C */
			}
			

				.gridster > .phx.ul > li.well.phoenixColor-tangerine-level2 > .phx.title-bar > div.header-elements .btn i,
				.gridster > .phx.ul > li.well.phoenixColor-tangerine-level2 > .phx.title-bar > div.header-elements > .phx-help {
					color: #ffffff;
				}
				.gridster > .phx.ul > li.well.phoenixColor-tangerine-level2 .mdb-isolation div.header-elements button.btn.dropdown-toggle:focus i {
					color: #ffffff !important;
				}
				.gridster > .phx.ul > li.well.phoenixColor-tangerine-level2 > .phx.title-bar + hr {
					background-color: #ffa12d;
				}


			.gridster > .phx.ul > li.well.phoenixColor-tangerine-level2 > .phx.title-bar > div.header-elements .btn:hover i,
			.gridster > .phx.ul > li.well.phoenixColor-tangerine-level2 > .phx.title-bar > div.header-elements > .phx-help:hover {
				color: #3f6fdc;
			}
			
			.k-in span.phoenixColor-tangerine-level2,
			.phxGlyph.phx.phoenixColor-tangerine-level2:not(.halflings-search),
			.phxText.phx.phoenixColor-tangerine-level2,
			.sqlinfo span.phoenixColor-tangerine-level2 {
				color: #ffa12d;
				fill: #ffa12d;
			}
			
			ul.color-picker-options > li.phoenixColor-tangerine-level2 > .btn {
				color: #ffa12d;
			}

			.phx.badge.phoenixColor-purple-level2,
			.phx.label.phoenixColor-purple-level2,
			a.SidebarMenuItem:hover span.elementDisplay span.phx.badge.phoenixColor-purple-level2,
			a.SidebarMenuItem:focus span.elementDisplay span.phx.badge.phoenixColor-purple-level2,
			ul.color-picker-options > li.phoenixColor-purple-level2 .color-box {
				background-color: #caa3e8;
				color: #ffffff;
			}

			.gridster > .phx.ul > li.well.phoenixColor-purple-level2,
			.gridster > .phx.ul > li.well.phoenixColor-purple-level2 > .phx.title-bar > div.landingPageSectionTitle,
			.gridster > .phx.ul > li.well.phoenixColor-purple-level2 > .phx.title-bar > div.header-elements {
				background-color: #caa3e8;
				color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-purple-level2 .mdb-isolation div.header-elements button.btn.btn-flat.dropdown-toggle {
				padding: 0.5rem 0.5rem;
				margin: 0 1.1rem;
			}

			

			.gridster > .phx.ul > li.well.phoenixColor-purple-level2 > .phx.title-bar .btn-group .dropdown-toggle .caret {
				border-top-color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-purple-level2 > .phx.title-bar > div.header-elements:before {
				/* IE9 SVG, needs conditional override of 'filter' to 'none' */
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(left,  rgba(202,163,232,0) 0%, rgba(202,163,232,1) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(202,163,232,0)), color-stop(100%,rgba(202,163,232,1))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(left,  rgba(202,163,232,0) 0%,rgba(202,163,232,1) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(left,  rgba(202,163,232,0) 0%,rgba(202,163,232,1) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(left,  rgba(202,163,232,0) 0%,rgba(202,163,232,1) 100%); /* IE10+ */
				background: linear-gradient(to right,  rgba(202,163,232,0) 0%,rgba(202,163,232,1) 100%); /* W3C */
			}
			

				.gridster > .phx.ul > li.well.phoenixColor-purple-level2 > .phx.title-bar > div.header-elements .btn i,
				.gridster > .phx.ul > li.well.phoenixColor-purple-level2 > .phx.title-bar > div.header-elements > .phx-help {
					color: #ffffff;
				}
				.gridster > .phx.ul > li.well.phoenixColor-purple-level2 .mdb-isolation div.header-elements button.btn.dropdown-toggle:focus i {
					color: #ffffff !important;
				}
				.gridster > .phx.ul > li.well.phoenixColor-purple-level2 > .phx.title-bar + hr {
					background-color: #caa3e8;
				}


			.gridster > .phx.ul > li.well.phoenixColor-purple-level2 > .phx.title-bar > div.header-elements .btn:hover i,
			.gridster > .phx.ul > li.well.phoenixColor-purple-level2 > .phx.title-bar > div.header-elements > .phx-help:hover {
				color: #3f6fdc;
			}
			
			.k-in span.phoenixColor-purple-level2,
			.phxGlyph.phx.phoenixColor-purple-level2:not(.halflings-search),
			.phxText.phx.phoenixColor-purple-level2,
			.sqlinfo span.phoenixColor-purple-level2 {
				color: #caa3e8;
				fill: #caa3e8;
			}
			
			ul.color-picker-options > li.phoenixColor-purple-level2 > .btn {
				color: #caa3e8;
			}

			.phx.badge.phoenixColor-orange-level2,
			.phx.label.phoenixColor-orange-level2,
			a.SidebarMenuItem:hover span.elementDisplay span.phx.badge.phoenixColor-orange-level2,
			a.SidebarMenuItem:focus span.elementDisplay span.phx.badge.phoenixColor-orange-level2,
			ul.color-picker-options > li.phoenixColor-orange-level2 .color-box {
				background-color: #fe9350;
				color: #ffffff;
			}

			.gridster > .phx.ul > li.well.phoenixColor-orange-level2,
			.gridster > .phx.ul > li.well.phoenixColor-orange-level2 > .phx.title-bar > div.landingPageSectionTitle,
			.gridster > .phx.ul > li.well.phoenixColor-orange-level2 > .phx.title-bar > div.header-elements {
				background-color: #fe9350;
				color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-orange-level2 .mdb-isolation div.header-elements button.btn.btn-flat.dropdown-toggle {
				padding: 0.5rem 0.5rem;
				margin: 0 1.1rem;
			}

			

			.gridster > .phx.ul > li.well.phoenixColor-orange-level2 > .phx.title-bar .btn-group .dropdown-toggle .caret {
				border-top-color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-orange-level2 > .phx.title-bar > div.header-elements:before {
				/* IE9 SVG, needs conditional override of 'filter' to 'none' */
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(left,  rgba(254,147,80,0) 0%, rgba(254,147,80,1) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(254,147,80,0)), color-stop(100%,rgba(254,147,80,1))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(left,  rgba(254,147,80,0) 0%,rgba(254,147,80,1) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(left,  rgba(254,147,80,0) 0%,rgba(254,147,80,1) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(left,  rgba(254,147,80,0) 0%,rgba(254,147,80,1) 100%); /* IE10+ */
				background: linear-gradient(to right,  rgba(254,147,80,0) 0%,rgba(254,147,80,1) 100%); /* W3C */
			}
			

				.gridster > .phx.ul > li.well.phoenixColor-orange-level2 > .phx.title-bar > div.header-elements .btn i,
				.gridster > .phx.ul > li.well.phoenixColor-orange-level2 > .phx.title-bar > div.header-elements > .phx-help {
					color: #ffffff;
				}
				.gridster > .phx.ul > li.well.phoenixColor-orange-level2 .mdb-isolation div.header-elements button.btn.dropdown-toggle:focus i {
					color: #ffffff !important;
				}
				.gridster > .phx.ul > li.well.phoenixColor-orange-level2 > .phx.title-bar + hr {
					background-color: #fe9350;
				}


			.gridster > .phx.ul > li.well.phoenixColor-orange-level2 > .phx.title-bar > div.header-elements .btn:hover i,
			.gridster > .phx.ul > li.well.phoenixColor-orange-level2 > .phx.title-bar > div.header-elements > .phx-help:hover {
				color: #3f6fdc;
			}
			
			.k-in span.phoenixColor-orange-level2,
			.phxGlyph.phx.phoenixColor-orange-level2:not(.halflings-search),
			.phxText.phx.phoenixColor-orange-level2,
			.sqlinfo span.phoenixColor-orange-level2 {
				color: #fe9350;
				fill: #fe9350;
			}
			
			ul.color-picker-options > li.phoenixColor-orange-level2 > .btn {
				color: #fe9350;
			}

			.phx.badge.phoenixColor-red-level2,
			.phx.label.phoenixColor-red-level2,
			a.SidebarMenuItem:hover span.elementDisplay span.phx.badge.phoenixColor-red-level2,
			a.SidebarMenuItem:focus span.elementDisplay span.phx.badge.phoenixColor-red-level2,
			ul.color-picker-options > li.phoenixColor-red-level2 .color-box {
				background-color: #f97b73;
				color: #ffffff;
			}

			.gridster > .phx.ul > li.well.phoenixColor-red-level2,
			.gridster > .phx.ul > li.well.phoenixColor-red-level2 > .phx.title-bar > div.landingPageSectionTitle,
			.gridster > .phx.ul > li.well.phoenixColor-red-level2 > .phx.title-bar > div.header-elements {
				background-color: #f97b73;
				color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-red-level2 .mdb-isolation div.header-elements button.btn.btn-flat.dropdown-toggle {
				padding: 0.5rem 0.5rem;
				margin: 0 1.1rem;
			}

			

			.gridster > .phx.ul > li.well.phoenixColor-red-level2 > .phx.title-bar .btn-group .dropdown-toggle .caret {
				border-top-color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-red-level2 > .phx.title-bar > div.header-elements:before {
				/* IE9 SVG, needs conditional override of 'filter' to 'none' */
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(left,  rgba(249,123,115,0) 0%, rgba(249,123,115,1) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(249,123,115,0)), color-stop(100%,rgba(249,123,115,1))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(left,  rgba(249,123,115,0) 0%,rgba(249,123,115,1) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(left,  rgba(249,123,115,0) 0%,rgba(249,123,115,1) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(left,  rgba(249,123,115,0) 0%,rgba(249,123,115,1) 100%); /* IE10+ */
				background: linear-gradient(to right,  rgba(249,123,115,0) 0%,rgba(249,123,115,1) 100%); /* W3C */
			}
			

				.gridster > .phx.ul > li.well.phoenixColor-red-level2 > .phx.title-bar > div.header-elements .btn i,
				.gridster > .phx.ul > li.well.phoenixColor-red-level2 > .phx.title-bar > div.header-elements > .phx-help {
					color: #ffffff;
				}
				.gridster > .phx.ul > li.well.phoenixColor-red-level2 .mdb-isolation div.header-elements button.btn.dropdown-toggle:focus i {
					color: #ffffff !important;
				}
				.gridster > .phx.ul > li.well.phoenixColor-red-level2 > .phx.title-bar + hr {
					background-color: #f97b73;
				}


			.gridster > .phx.ul > li.well.phoenixColor-red-level2 > .phx.title-bar > div.header-elements .btn:hover i,
			.gridster > .phx.ul > li.well.phoenixColor-red-level2 > .phx.title-bar > div.header-elements > .phx-help:hover {
				color: #3f6fdc;
			}
			
			.k-in span.phoenixColor-red-level2,
			.phxGlyph.phx.phoenixColor-red-level2:not(.halflings-search),
			.phxText.phx.phoenixColor-red-level2,
			.sqlinfo span.phoenixColor-red-level2 {
				color: #f97b73;
				fill: #f97b73;
			}
			
			ul.color-picker-options > li.phoenixColor-red-level2 > .btn {
				color: #f97b73;
			}

			.phx.badge.phoenixColor-green-level2,
			.phx.label.phoenixColor-green-level2,
			a.SidebarMenuItem:hover span.elementDisplay span.phx.badge.phoenixColor-green-level2,
			a.SidebarMenuItem:focus span.elementDisplay span.phx.badge.phoenixColor-green-level2,
			ul.color-picker-options > li.phoenixColor-green-level2 .color-box {
				background-color: #aac889;
				color: #ffffff;
			}

			.gridster > .phx.ul > li.well.phoenixColor-green-level2,
			.gridster > .phx.ul > li.well.phoenixColor-green-level2 > .phx.title-bar > div.landingPageSectionTitle,
			.gridster > .phx.ul > li.well.phoenixColor-green-level2 > .phx.title-bar > div.header-elements {
				background-color: #aac889;
				color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-green-level2 .mdb-isolation div.header-elements button.btn.btn-flat.dropdown-toggle {
				padding: 0.5rem 0.5rem;
				margin: 0 1.1rem;
			}

			

			.gridster > .phx.ul > li.well.phoenixColor-green-level2 > .phx.title-bar .btn-group .dropdown-toggle .caret {
				border-top-color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-green-level2 > .phx.title-bar > div.header-elements:before {
				/* IE9 SVG, needs conditional override of 'filter' to 'none' */
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(left,  rgba(170,200,137,0) 0%, rgba(170,200,137,1) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(170,200,137,0)), color-stop(100%,rgba(170,200,137,1))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(left,  rgba(170,200,137,0) 0%,rgba(170,200,137,1) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(left,  rgba(170,200,137,0) 0%,rgba(170,200,137,1) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(left,  rgba(170,200,137,0) 0%,rgba(170,200,137,1) 100%); /* IE10+ */
				background: linear-gradient(to right,  rgba(170,200,137,0) 0%,rgba(170,200,137,1) 100%); /* W3C */
			}
			

				.gridster > .phx.ul > li.well.phoenixColor-green-level2 > .phx.title-bar > div.header-elements .btn i,
				.gridster > .phx.ul > li.well.phoenixColor-green-level2 > .phx.title-bar > div.header-elements > .phx-help {
					color: #ffffff;
				}
				.gridster > .phx.ul > li.well.phoenixColor-green-level2 .mdb-isolation div.header-elements button.btn.dropdown-toggle:focus i {
					color: #ffffff !important;
				}
				.gridster > .phx.ul > li.well.phoenixColor-green-level2 > .phx.title-bar + hr {
					background-color: #aac889;
				}


			.gridster > .phx.ul > li.well.phoenixColor-green-level2 > .phx.title-bar > div.header-elements .btn:hover i,
			.gridster > .phx.ul > li.well.phoenixColor-green-level2 > .phx.title-bar > div.header-elements > .phx-help:hover {
				color: #3f6fdc;
			}
			
			.k-in span.phoenixColor-green-level2,
			.phxGlyph.phx.phoenixColor-green-level2:not(.halflings-search),
			.phxText.phx.phoenixColor-green-level2,
			.sqlinfo span.phoenixColor-green-level2 {
				color: #aac889;
				fill: #aac889;
			}
			
			ul.color-picker-options > li.phoenixColor-green-level2 > .btn {
				color: #aac889;
			}

			.phx.badge.phoenixColor-mint-level2,
			.phx.label.phoenixColor-mint-level2,
			a.SidebarMenuItem:hover span.elementDisplay span.phx.badge.phoenixColor-mint-level2,
			a.SidebarMenuItem:focus span.elementDisplay span.phx.badge.phoenixColor-mint-level2,
			ul.color-picker-options > li.phoenixColor-mint-level2 .color-box {
				background-color: #68ccc1;
				color: #ffffff;
			}

			.gridster > .phx.ul > li.well.phoenixColor-mint-level2,
			.gridster > .phx.ul > li.well.phoenixColor-mint-level2 > .phx.title-bar > div.landingPageSectionTitle,
			.gridster > .phx.ul > li.well.phoenixColor-mint-level2 > .phx.title-bar > div.header-elements {
				background-color: #68ccc1;
				color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-mint-level2 .mdb-isolation div.header-elements button.btn.btn-flat.dropdown-toggle {
				padding: 0.5rem 0.5rem;
				margin: 0 1.1rem;
			}

			

			.gridster > .phx.ul > li.well.phoenixColor-mint-level2 > .phx.title-bar .btn-group .dropdown-toggle .caret {
				border-top-color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-mint-level2 > .phx.title-bar > div.header-elements:before {
				/* IE9 SVG, needs conditional override of 'filter' to 'none' */
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(left,  rgba(104,204,193,0) 0%, rgba(104,204,193,1) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(104,204,193,0)), color-stop(100%,rgba(104,204,193,1))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(left,  rgba(104,204,193,0) 0%,rgba(104,204,193,1) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(left,  rgba(104,204,193,0) 0%,rgba(104,204,193,1) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(left,  rgba(104,204,193,0) 0%,rgba(104,204,193,1) 100%); /* IE10+ */
				background: linear-gradient(to right,  rgba(104,204,193,0) 0%,rgba(104,204,193,1) 100%); /* W3C */
			}
			

				.gridster > .phx.ul > li.well.phoenixColor-mint-level2 > .phx.title-bar > div.header-elements .btn i,
				.gridster > .phx.ul > li.well.phoenixColor-mint-level2 > .phx.title-bar > div.header-elements > .phx-help {
					color: #ffffff;
				}
				.gridster > .phx.ul > li.well.phoenixColor-mint-level2 .mdb-isolation div.header-elements button.btn.dropdown-toggle:focus i {
					color: #ffffff !important;
				}
				.gridster > .phx.ul > li.well.phoenixColor-mint-level2 > .phx.title-bar + hr {
					background-color: #68ccc1;
				}


			.gridster > .phx.ul > li.well.phoenixColor-mint-level2 > .phx.title-bar > div.header-elements .btn:hover i,
			.gridster > .phx.ul > li.well.phoenixColor-mint-level2 > .phx.title-bar > div.header-elements > .phx-help:hover {
				color: #3f6fdc;
			}
			
			.k-in span.phoenixColor-mint-level2,
			.phxGlyph.phx.phoenixColor-mint-level2:not(.halflings-search),
			.phxText.phx.phoenixColor-mint-level2,
			.sqlinfo span.phoenixColor-mint-level2 {
				color: #68ccc1;
				fill: #68ccc1;
			}
			
			ul.color-picker-options > li.phoenixColor-mint-level2 > .btn {
				color: #68ccc1;
			}

			.phx.badge.phoenixColor-webWarning-level2,
			.phx.label.phoenixColor-webWarning-level2,
			a.SidebarMenuItem:hover span.elementDisplay span.phx.badge.phoenixColor-webWarning-level2,
			a.SidebarMenuItem:focus span.elementDisplay span.phx.badge.phoenixColor-webWarning-level2,
			ul.color-picker-options > li.phoenixColor-webWarning-level2 .color-box {
				background-color: #fcf8e3;
				color: #ffffff;
			}

			.gridster > .phx.ul > li.well.phoenixColor-webWarning-level2,
			.gridster > .phx.ul > li.well.phoenixColor-webWarning-level2 > .phx.title-bar > div.landingPageSectionTitle,
			.gridster > .phx.ul > li.well.phoenixColor-webWarning-level2 > .phx.title-bar > div.header-elements {
				background-color: #fcf8e3;
				color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-webWarning-level2 .mdb-isolation div.header-elements button.btn.btn-flat.dropdown-toggle {
				padding: 0.5rem 0.5rem;
				margin: 0 1.1rem;
			}

			

			.gridster > .phx.ul > li.well.phoenixColor-webWarning-level2 > .phx.title-bar .btn-group .dropdown-toggle .caret {
				border-top-color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-webWarning-level2 > .phx.title-bar > div.header-elements:before {
				/* IE9 SVG, needs conditional override of 'filter' to 'none' */
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(left,  rgba(252,248,227,0) 0%, rgba(252,248,227,1) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(252,248,227,0)), color-stop(100%,rgba(252,248,227,1))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(left,  rgba(252,248,227,0) 0%,rgba(252,248,227,1) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(left,  rgba(252,248,227,0) 0%,rgba(252,248,227,1) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(left,  rgba(252,248,227,0) 0%,rgba(252,248,227,1) 100%); /* IE10+ */
				background: linear-gradient(to right,  rgba(252,248,227,0) 0%,rgba(252,248,227,1) 100%); /* W3C */
			}
			

				.gridster > .phx.ul > li.well.phoenixColor-webWarning-level2 > .phx.title-bar > div.header-elements .btn i,
				.gridster > .phx.ul > li.well.phoenixColor-webWarning-level2 > .phx.title-bar > div.header-elements > .phx-help {
					color: #ffffff;
				}
				.gridster > .phx.ul > li.well.phoenixColor-webWarning-level2 .mdb-isolation div.header-elements button.btn.dropdown-toggle:focus i {
					color: #ffffff !important;
				}
				.gridster > .phx.ul > li.well.phoenixColor-webWarning-level2 > .phx.title-bar + hr {
					background-color: #fcf8e3;
				}


			.gridster > .phx.ul > li.well.phoenixColor-webWarning-level2 > .phx.title-bar > div.header-elements .btn:hover i,
			.gridster > .phx.ul > li.well.phoenixColor-webWarning-level2 > .phx.title-bar > div.header-elements > .phx-help:hover {
				color: #3f6fdc;
			}
			
			.k-in span.phoenixColor-webWarning-level2,
			.phxGlyph.phx.phoenixColor-webWarning-level2:not(.halflings-search),
			.phxText.phx.phoenixColor-webWarning-level2,
			.sqlinfo span.phoenixColor-webWarning-level2 {
				color: #fcf8e3;
				fill: #fcf8e3;
			}
			
			ul.color-picker-options > li.phoenixColor-webWarning-level2 > .btn {
				color: #fcf8e3;
			}

			.phx.badge.phoenixColor-blue-level3,
			.phx.label.phoenixColor-blue-level3,
			a.SidebarMenuItem:hover span.elementDisplay span.phx.badge.phoenixColor-blue-level3,
			a.SidebarMenuItem:focus span.elementDisplay span.phx.badge.phoenixColor-blue-level3,
			ul.color-picker-options > li.phoenixColor-blue-level3 .color-box {
				background-color: #258eca;
				color: #ffffff;
			}

			.gridster > .phx.ul > li.well.phoenixColor-blue-level3,
			.gridster > .phx.ul > li.well.phoenixColor-blue-level3 > .phx.title-bar > div.landingPageSectionTitle,
			.gridster > .phx.ul > li.well.phoenixColor-blue-level3 > .phx.title-bar > div.header-elements {
				background-color: #258eca;
				color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-blue-level3 .mdb-isolation div.header-elements button.btn.btn-flat.dropdown-toggle {
				padding: 0.5rem 0.5rem;
				margin: 0 1.1rem;
			}

			

			.gridster > .phx.ul > li.well.phoenixColor-blue-level3 > .phx.title-bar .btn-group .dropdown-toggle .caret {
				border-top-color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-blue-level3 > .phx.title-bar > div.header-elements:before {
				/* IE9 SVG, needs conditional override of 'filter' to 'none' */
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(left,  rgba(37,142,202,0) 0%, rgba(37,142,202,1) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(37,142,202,0)), color-stop(100%,rgba(37,142,202,1))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(left,  rgba(37,142,202,0) 0%,rgba(37,142,202,1) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(left,  rgba(37,142,202,0) 0%,rgba(37,142,202,1) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(left,  rgba(37,142,202,0) 0%,rgba(37,142,202,1) 100%); /* IE10+ */
				background: linear-gradient(to right,  rgba(37,142,202,0) 0%,rgba(37,142,202,1) 100%); /* W3C */
			}
			

				.gridster > .phx.ul > li.well.phoenixColor-blue-level3 > .phx.title-bar > div.header-elements .btn i,
				.gridster > .phx.ul > li.well.phoenixColor-blue-level3 > .phx.title-bar > div.header-elements > .phx-help {
					color: #ffffff;
				}
				.gridster > .phx.ul > li.well.phoenixColor-blue-level3 .mdb-isolation div.header-elements button.btn.dropdown-toggle:focus i {
					color: #ffffff !important;
				}
				.gridster > .phx.ul > li.well.phoenixColor-blue-level3 > .phx.title-bar + hr {
					background-color: #258eca;
				}


			.gridster > .phx.ul > li.well.phoenixColor-blue-level3 > .phx.title-bar > div.header-elements .btn:hover i,
			.gridster > .phx.ul > li.well.phoenixColor-blue-level3 > .phx.title-bar > div.header-elements > .phx-help:hover {
				color: #3f6fdc;
			}
			
			.k-in span.phoenixColor-blue-level3,
			.phxGlyph.phx.phoenixColor-blue-level3:not(.halflings-search),
			.phxText.phx.phoenixColor-blue-level3,
			.sqlinfo span.phoenixColor-blue-level3 {
				color: #258eca;
				fill: #258eca;
			}
			
			ul.color-picker-options > li.phoenixColor-blue-level3 > .btn {
				color: #258eca;
			}

			.phx.badge.phoenixColor-gray-level3,
			.phx.label.phoenixColor-gray-level3,
			a.SidebarMenuItem:hover span.elementDisplay span.phx.badge.phoenixColor-gray-level3,
			a.SidebarMenuItem:focus span.elementDisplay span.phx.badge.phoenixColor-gray-level3,
			ul.color-picker-options > li.phoenixColor-gray-level3 .color-box {
				background-color: #83898d;
				color: #ffffff;
			}

			.gridster > .phx.ul > li.well.phoenixColor-gray-level3,
			.gridster > .phx.ul > li.well.phoenixColor-gray-level3 > .phx.title-bar > div.landingPageSectionTitle,
			.gridster > .phx.ul > li.well.phoenixColor-gray-level3 > .phx.title-bar > div.header-elements {
				background-color: #83898d;
				color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-gray-level3 .mdb-isolation div.header-elements button.btn.btn-flat.dropdown-toggle {
				padding: 0.5rem 0.5rem;
				margin: 0 1.1rem;
			}

			

			.gridster > .phx.ul > li.well.phoenixColor-gray-level3 > .phx.title-bar .btn-group .dropdown-toggle .caret {
				border-top-color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-gray-level3 > .phx.title-bar > div.header-elements:before {
				/* IE9 SVG, needs conditional override of 'filter' to 'none' */
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(left,  rgba(131,137,141,0) 0%, rgba(131,137,141,1) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(131,137,141,0)), color-stop(100%,rgba(131,137,141,1))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(left,  rgba(131,137,141,0) 0%,rgba(131,137,141,1) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(left,  rgba(131,137,141,0) 0%,rgba(131,137,141,1) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(left,  rgba(131,137,141,0) 0%,rgba(131,137,141,1) 100%); /* IE10+ */
				background: linear-gradient(to right,  rgba(131,137,141,0) 0%,rgba(131,137,141,1) 100%); /* W3C */
			}
			

				.gridster > .phx.ul > li.well.phoenixColor-gray-level3 > .phx.title-bar > div.header-elements .btn i,
				.gridster > .phx.ul > li.well.phoenixColor-gray-level3 > .phx.title-bar > div.header-elements > .phx-help {
					color: #ffffff;
				}
				.gridster > .phx.ul > li.well.phoenixColor-gray-level3 .mdb-isolation div.header-elements button.btn.dropdown-toggle:focus i {
					color: #ffffff !important;
				}
				.gridster > .phx.ul > li.well.phoenixColor-gray-level3 > .phx.title-bar + hr {
					background-color: #83898d;
				}


			.gridster > .phx.ul > li.well.phoenixColor-gray-level3 > .phx.title-bar > div.header-elements .btn:hover i,
			.gridster > .phx.ul > li.well.phoenixColor-gray-level3 > .phx.title-bar > div.header-elements > .phx-help:hover {
				color: #3f6fdc;
			}
			
			.k-in span.phoenixColor-gray-level3,
			.phxGlyph.phx.phoenixColor-gray-level3:not(.halflings-search),
			.phxText.phx.phoenixColor-gray-level3,
			.sqlinfo span.phoenixColor-gray-level3 {
				color: #83898d;
				fill: #83898d;
			}
			
			ul.color-picker-options > li.phoenixColor-gray-level3 > .btn {
				color: #83898d;
			}

			.phx.badge.phoenixColor-tangerine-level3,
			.phx.label.phoenixColor-tangerine-level3,
			a.SidebarMenuItem:hover span.elementDisplay span.phx.badge.phoenixColor-tangerine-level3,
			a.SidebarMenuItem:focus span.elementDisplay span.phx.badge.phoenixColor-tangerine-level3,
			ul.color-picker-options > li.phoenixColor-tangerine-level3 .color-box {
				background-color: #da831a;
				color: #ffffff;
			}

			.gridster > .phx.ul > li.well.phoenixColor-tangerine-level3,
			.gridster > .phx.ul > li.well.phoenixColor-tangerine-level3 > .phx.title-bar > div.landingPageSectionTitle,
			.gridster > .phx.ul > li.well.phoenixColor-tangerine-level3 > .phx.title-bar > div.header-elements {
				background-color: #da831a;
				color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-tangerine-level3 .mdb-isolation div.header-elements button.btn.btn-flat.dropdown-toggle {
				padding: 0.5rem 0.5rem;
				margin: 0 1.1rem;
			}

			

			.gridster > .phx.ul > li.well.phoenixColor-tangerine-level3 > .phx.title-bar .btn-group .dropdown-toggle .caret {
				border-top-color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-tangerine-level3 > .phx.title-bar > div.header-elements:before {
				/* IE9 SVG, needs conditional override of 'filter' to 'none' */
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(left,  rgba(218,131,26,0) 0%, rgba(218,131,26,1) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(218,131,26,0)), color-stop(100%,rgba(218,131,26,1))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(left,  rgba(218,131,26,0) 0%,rgba(218,131,26,1) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(left,  rgba(218,131,26,0) 0%,rgba(218,131,26,1) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(left,  rgba(218,131,26,0) 0%,rgba(218,131,26,1) 100%); /* IE10+ */
				background: linear-gradient(to right,  rgba(218,131,26,0) 0%,rgba(218,131,26,1) 100%); /* W3C */
			}
			

				.gridster > .phx.ul > li.well.phoenixColor-tangerine-level3 > .phx.title-bar > div.header-elements .btn i,
				.gridster > .phx.ul > li.well.phoenixColor-tangerine-level3 > .phx.title-bar > div.header-elements > .phx-help {
					color: #ffffff;
				}
				.gridster > .phx.ul > li.well.phoenixColor-tangerine-level3 .mdb-isolation div.header-elements button.btn.dropdown-toggle:focus i {
					color: #ffffff !important;
				}
				.gridster > .phx.ul > li.well.phoenixColor-tangerine-level3 > .phx.title-bar + hr {
					background-color: #da831a;
				}


			.gridster > .phx.ul > li.well.phoenixColor-tangerine-level3 > .phx.title-bar > div.header-elements .btn:hover i,
			.gridster > .phx.ul > li.well.phoenixColor-tangerine-level3 > .phx.title-bar > div.header-elements > .phx-help:hover {
				color: #3f6fdc;
			}
			
			.k-in span.phoenixColor-tangerine-level3,
			.phxGlyph.phx.phoenixColor-tangerine-level3:not(.halflings-search),
			.phxText.phx.phoenixColor-tangerine-level3,
			.sqlinfo span.phoenixColor-tangerine-level3 {
				color: #da831a;
				fill: #da831a;
			}
			
			ul.color-picker-options > li.phoenixColor-tangerine-level3 > .btn {
				color: #da831a;
			}

			.phx.badge.phoenixColor-purple-level3,
			.phx.label.phoenixColor-purple-level3,
			a.SidebarMenuItem:hover span.elementDisplay span.phx.badge.phoenixColor-purple-level3,
			a.SidebarMenuItem:focus span.elementDisplay span.phx.badge.phoenixColor-purple-level3,
			ul.color-picker-options > li.phoenixColor-purple-level3 .color-box {
				background-color: #b27ed8;
				color: #ffffff;
			}

			.gridster > .phx.ul > li.well.phoenixColor-purple-level3,
			.gridster > .phx.ul > li.well.phoenixColor-purple-level3 > .phx.title-bar > div.landingPageSectionTitle,
			.gridster > .phx.ul > li.well.phoenixColor-purple-level3 > .phx.title-bar > div.header-elements {
				background-color: #b27ed8;
				color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-purple-level3 .mdb-isolation div.header-elements button.btn.btn-flat.dropdown-toggle {
				padding: 0.5rem 0.5rem;
				margin: 0 1.1rem;
			}

			

			.gridster > .phx.ul > li.well.phoenixColor-purple-level3 > .phx.title-bar .btn-group .dropdown-toggle .caret {
				border-top-color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-purple-level3 > .phx.title-bar > div.header-elements:before {
				/* IE9 SVG, needs conditional override of 'filter' to 'none' */
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(left,  rgba(178,126,216,0) 0%, rgba(178,126,216,1) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(178,126,216,0)), color-stop(100%,rgba(178,126,216,1))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(left,  rgba(178,126,216,0) 0%,rgba(178,126,216,1) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(left,  rgba(178,126,216,0) 0%,rgba(178,126,216,1) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(left,  rgba(178,126,216,0) 0%,rgba(178,126,216,1) 100%); /* IE10+ */
				background: linear-gradient(to right,  rgba(178,126,216,0) 0%,rgba(178,126,216,1) 100%); /* W3C */
			}
			

				.gridster > .phx.ul > li.well.phoenixColor-purple-level3 > .phx.title-bar > div.header-elements .btn i,
				.gridster > .phx.ul > li.well.phoenixColor-purple-level3 > .phx.title-bar > div.header-elements > .phx-help {
					color: #ffffff;
				}
				.gridster > .phx.ul > li.well.phoenixColor-purple-level3 .mdb-isolation div.header-elements button.btn.dropdown-toggle:focus i {
					color: #ffffff !important;
				}
				.gridster > .phx.ul > li.well.phoenixColor-purple-level3 > .phx.title-bar + hr {
					background-color: #b27ed8;
				}


			.gridster > .phx.ul > li.well.phoenixColor-purple-level3 > .phx.title-bar > div.header-elements .btn:hover i,
			.gridster > .phx.ul > li.well.phoenixColor-purple-level3 > .phx.title-bar > div.header-elements > .phx-help:hover {
				color: #3f6fdc;
			}
			
			.k-in span.phoenixColor-purple-level3,
			.phxGlyph.phx.phoenixColor-purple-level3:not(.halflings-search),
			.phxText.phx.phoenixColor-purple-level3,
			.sqlinfo span.phoenixColor-purple-level3 {
				color: #b27ed8;
				fill: #b27ed8;
			}
			
			ul.color-picker-options > li.phoenixColor-purple-level3 > .btn {
				color: #b27ed8;
			}

			.phx.badge.phoenixColor-orange-level3,
			.phx.label.phoenixColor-orange-level3,
			a.SidebarMenuItem:hover span.elementDisplay span.phx.badge.phoenixColor-orange-level3,
			a.SidebarMenuItem:focus span.elementDisplay span.phx.badge.phoenixColor-orange-level3,
			ul.color-picker-options > li.phoenixColor-orange-level3 .color-box {
				background-color: #be5513;
				color: #ffffff;
			}

			.gridster > .phx.ul > li.well.phoenixColor-orange-level3,
			.gridster > .phx.ul > li.well.phoenixColor-orange-level3 > .phx.title-bar > div.landingPageSectionTitle,
			.gridster > .phx.ul > li.well.phoenixColor-orange-level3 > .phx.title-bar > div.header-elements {
				background-color: #be5513;
				color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-orange-level3 .mdb-isolation div.header-elements button.btn.btn-flat.dropdown-toggle {
				padding: 0.5rem 0.5rem;
				margin: 0 1.1rem;
			}

			

			.gridster > .phx.ul > li.well.phoenixColor-orange-level3 > .phx.title-bar .btn-group .dropdown-toggle .caret {
				border-top-color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-orange-level3 > .phx.title-bar > div.header-elements:before {
				/* IE9 SVG, needs conditional override of 'filter' to 'none' */
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(left,  rgba(190,85,19,0) 0%, rgba(190,85,19,1) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(190,85,19,0)), color-stop(100%,rgba(190,85,19,1))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(left,  rgba(190,85,19,0) 0%,rgba(190,85,19,1) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(left,  rgba(190,85,19,0) 0%,rgba(190,85,19,1) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(left,  rgba(190,85,19,0) 0%,rgba(190,85,19,1) 100%); /* IE10+ */
				background: linear-gradient(to right,  rgba(190,85,19,0) 0%,rgba(190,85,19,1) 100%); /* W3C */
			}
			

				.gridster > .phx.ul > li.well.phoenixColor-orange-level3 > .phx.title-bar > div.header-elements .btn i,
				.gridster > .phx.ul > li.well.phoenixColor-orange-level3 > .phx.title-bar > div.header-elements > .phx-help {
					color: #ffffff;
				}
				.gridster > .phx.ul > li.well.phoenixColor-orange-level3 .mdb-isolation div.header-elements button.btn.dropdown-toggle:focus i {
					color: #ffffff !important;
				}
				.gridster > .phx.ul > li.well.phoenixColor-orange-level3 > .phx.title-bar + hr {
					background-color: #be5513;
				}


			.gridster > .phx.ul > li.well.phoenixColor-orange-level3 > .phx.title-bar > div.header-elements .btn:hover i,
			.gridster > .phx.ul > li.well.phoenixColor-orange-level3 > .phx.title-bar > div.header-elements > .phx-help:hover {
				color: #3f6fdc;
			}
			
			.k-in span.phoenixColor-orange-level3,
			.phxGlyph.phx.phoenixColor-orange-level3:not(.halflings-search),
			.phxText.phx.phoenixColor-orange-level3,
			.sqlinfo span.phoenixColor-orange-level3 {
				color: #be5513;
				fill: #be5513;
			}
			
			ul.color-picker-options > li.phoenixColor-orange-level3 > .btn {
				color: #be5513;
			}

			.phx.badge.phoenixColor-red-level3,
			.phx.label.phoenixColor-red-level3,
			a.SidebarMenuItem:hover span.elementDisplay span.phx.badge.phoenixColor-red-level3,
			a.SidebarMenuItem:focus span.elementDisplay span.phx.badge.phoenixColor-red-level3,
			ul.color-picker-options > li.phoenixColor-red-level3 .color-box {
				background-color: #ef4b41;
				color: #ffffff;
			}

			.gridster > .phx.ul > li.well.phoenixColor-red-level3,
			.gridster > .phx.ul > li.well.phoenixColor-red-level3 > .phx.title-bar > div.landingPageSectionTitle,
			.gridster > .phx.ul > li.well.phoenixColor-red-level3 > .phx.title-bar > div.header-elements {
				background-color: #ef4b41;
				color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-red-level3 .mdb-isolation div.header-elements button.btn.btn-flat.dropdown-toggle {
				padding: 0.5rem 0.5rem;
				margin: 0 1.1rem;
			}

			

			.gridster > .phx.ul > li.well.phoenixColor-red-level3 > .phx.title-bar .btn-group .dropdown-toggle .caret {
				border-top-color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-red-level3 > .phx.title-bar > div.header-elements:before {
				/* IE9 SVG, needs conditional override of 'filter' to 'none' */
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(left,  rgba(239,75,65,0) 0%, rgba(239,75,65,1) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(239,75,65,0)), color-stop(100%,rgba(239,75,65,1))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(left,  rgba(239,75,65,0) 0%,rgba(239,75,65,1) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(left,  rgba(239,75,65,0) 0%,rgba(239,75,65,1) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(left,  rgba(239,75,65,0) 0%,rgba(239,75,65,1) 100%); /* IE10+ */
				background: linear-gradient(to right,  rgba(239,75,65,0) 0%,rgba(239,75,65,1) 100%); /* W3C */
			}
			

				.gridster > .phx.ul > li.well.phoenixColor-red-level3 > .phx.title-bar > div.header-elements .btn i,
				.gridster > .phx.ul > li.well.phoenixColor-red-level3 > .phx.title-bar > div.header-elements > .phx-help {
					color: #ffffff;
				}
				.gridster > .phx.ul > li.well.phoenixColor-red-level3 .mdb-isolation div.header-elements button.btn.dropdown-toggle:focus i {
					color: #ffffff !important;
				}
				.gridster > .phx.ul > li.well.phoenixColor-red-level3 > .phx.title-bar + hr {
					background-color: #ef4b41;
				}


			.gridster > .phx.ul > li.well.phoenixColor-red-level3 > .phx.title-bar > div.header-elements .btn:hover i,
			.gridster > .phx.ul > li.well.phoenixColor-red-level3 > .phx.title-bar > div.header-elements > .phx-help:hover {
				color: #3f6fdc;
			}
			
			.k-in span.phoenixColor-red-level3,
			.phxGlyph.phx.phoenixColor-red-level3:not(.halflings-search),
			.phxText.phx.phoenixColor-red-level3,
			.sqlinfo span.phoenixColor-red-level3 {
				color: #ef4b41;
				fill: #ef4b41;
			}
			
			ul.color-picker-options > li.phoenixColor-red-level3 > .btn {
				color: #ef4b41;
			}

			.phx.badge.phoenixColor-green-level3,
			.phx.label.phoenixColor-green-level3,
			a.SidebarMenuItem:hover span.elementDisplay span.phx.badge.phoenixColor-green-level3,
			a.SidebarMenuItem:focus span.elementDisplay span.phx.badge.phoenixColor-green-level3,
			ul.color-picker-options > li.phoenixColor-green-level3 .color-box {
				background-color: #88ae5c;
				color: #ffffff;
			}

			.gridster > .phx.ul > li.well.phoenixColor-green-level3,
			.gridster > .phx.ul > li.well.phoenixColor-green-level3 > .phx.title-bar > div.landingPageSectionTitle,
			.gridster > .phx.ul > li.well.phoenixColor-green-level3 > .phx.title-bar > div.header-elements {
				background-color: #88ae5c;
				color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-green-level3 .mdb-isolation div.header-elements button.btn.btn-flat.dropdown-toggle {
				padding: 0.5rem 0.5rem;
				margin: 0 1.1rem;
			}

			

			.gridster > .phx.ul > li.well.phoenixColor-green-level3 > .phx.title-bar .btn-group .dropdown-toggle .caret {
				border-top-color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-green-level3 > .phx.title-bar > div.header-elements:before {
				/* IE9 SVG, needs conditional override of 'filter' to 'none' */
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(left,  rgba(136,174,92,0) 0%, rgba(136,174,92,1) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(136,174,92,0)), color-stop(100%,rgba(136,174,92,1))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(left,  rgba(136,174,92,0) 0%,rgba(136,174,92,1) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(left,  rgba(136,174,92,0) 0%,rgba(136,174,92,1) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(left,  rgba(136,174,92,0) 0%,rgba(136,174,92,1) 100%); /* IE10+ */
				background: linear-gradient(to right,  rgba(136,174,92,0) 0%,rgba(136,174,92,1) 100%); /* W3C */
			}
			

				.gridster > .phx.ul > li.well.phoenixColor-green-level3 > .phx.title-bar > div.header-elements .btn i,
				.gridster > .phx.ul > li.well.phoenixColor-green-level3 > .phx.title-bar > div.header-elements > .phx-help {
					color: #ffffff;
				}
				.gridster > .phx.ul > li.well.phoenixColor-green-level3 .mdb-isolation div.header-elements button.btn.dropdown-toggle:focus i {
					color: #ffffff !important;
				}
				.gridster > .phx.ul > li.well.phoenixColor-green-level3 > .phx.title-bar + hr {
					background-color: #88ae5c;
				}


			.gridster > .phx.ul > li.well.phoenixColor-green-level3 > .phx.title-bar > div.header-elements .btn:hover i,
			.gridster > .phx.ul > li.well.phoenixColor-green-level3 > .phx.title-bar > div.header-elements > .phx-help:hover {
				color: #3f6fdc;
			}
			
			.k-in span.phoenixColor-green-level3,
			.phxGlyph.phx.phoenixColor-green-level3:not(.halflings-search),
			.phxText.phx.phoenixColor-green-level3,
			.sqlinfo span.phoenixColor-green-level3 {
				color: #88ae5c;
				fill: #88ae5c;
			}
			
			ul.color-picker-options > li.phoenixColor-green-level3 > .btn {
				color: #88ae5c;
			}

			.phx.badge.phoenixColor-mint-level3,
			.phx.label.phoenixColor-mint-level3,
			a.SidebarMenuItem:hover span.elementDisplay span.phx.badge.phoenixColor-mint-level3,
			a.SidebarMenuItem:focus span.elementDisplay span.phx.badge.phoenixColor-mint-level3,
			ul.color-picker-options > li.phoenixColor-mint-level3 .color-box {
				background-color: #31b3a5;
				color: #ffffff;
			}

			.gridster > .phx.ul > li.well.phoenixColor-mint-level3,
			.gridster > .phx.ul > li.well.phoenixColor-mint-level3 > .phx.title-bar > div.landingPageSectionTitle,
			.gridster > .phx.ul > li.well.phoenixColor-mint-level3 > .phx.title-bar > div.header-elements {
				background-color: #31b3a5;
				color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-mint-level3 .mdb-isolation div.header-elements button.btn.btn-flat.dropdown-toggle {
				padding: 0.5rem 0.5rem;
				margin: 0 1.1rem;
			}

			

			.gridster > .phx.ul > li.well.phoenixColor-mint-level3 > .phx.title-bar .btn-group .dropdown-toggle .caret {
				border-top-color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-mint-level3 > .phx.title-bar > div.header-elements:before {
				/* IE9 SVG, needs conditional override of 'filter' to 'none' */
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(left,  rgba(49,179,165,0) 0%, rgba(49,179,165,1) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(49,179,165,0)), color-stop(100%,rgba(49,179,165,1))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(left,  rgba(49,179,165,0) 0%,rgba(49,179,165,1) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(left,  rgba(49,179,165,0) 0%,rgba(49,179,165,1) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(left,  rgba(49,179,165,0) 0%,rgba(49,179,165,1) 100%); /* IE10+ */
				background: linear-gradient(to right,  rgba(49,179,165,0) 0%,rgba(49,179,165,1) 100%); /* W3C */
			}
			

				.gridster > .phx.ul > li.well.phoenixColor-mint-level3 > .phx.title-bar > div.header-elements .btn i,
				.gridster > .phx.ul > li.well.phoenixColor-mint-level3 > .phx.title-bar > div.header-elements > .phx-help {
					color: #ffffff;
				}
				.gridster > .phx.ul > li.well.phoenixColor-mint-level3 .mdb-isolation div.header-elements button.btn.dropdown-toggle:focus i {
					color: #ffffff !important;
				}
				.gridster > .phx.ul > li.well.phoenixColor-mint-level3 > .phx.title-bar + hr {
					background-color: #31b3a5;
				}


			.gridster > .phx.ul > li.well.phoenixColor-mint-level3 > .phx.title-bar > div.header-elements .btn:hover i,
			.gridster > .phx.ul > li.well.phoenixColor-mint-level3 > .phx.title-bar > div.header-elements > .phx-help:hover {
				color: #3f6fdc;
			}
			
			.k-in span.phoenixColor-mint-level3,
			.phxGlyph.phx.phoenixColor-mint-level3:not(.halflings-search),
			.phxText.phx.phoenixColor-mint-level3,
			.sqlinfo span.phoenixColor-mint-level3 {
				color: #31b3a5;
				fill: #31b3a5;
			}
			
			ul.color-picker-options > li.phoenixColor-mint-level3 > .btn {
				color: #31b3a5;
			}

			.phx.badge.phoenixColor-blue-level4,
			.phx.label.phoenixColor-blue-level4,
			a.SidebarMenuItem:hover span.elementDisplay span.phx.badge.phoenixColor-blue-level4,
			a.SidebarMenuItem:focus span.elementDisplay span.phx.badge.phoenixColor-blue-level4,
			ul.color-picker-options > li.phoenixColor-blue-level4 .color-box {
				background-color: #0072b4;
				color: #ffffff;
			}

			.gridster > .phx.ul > li.well.phoenixColor-blue-level4,
			.gridster > .phx.ul > li.well.phoenixColor-blue-level4 > .phx.title-bar > div.landingPageSectionTitle,
			.gridster > .phx.ul > li.well.phoenixColor-blue-level4 > .phx.title-bar > div.header-elements {
				background-color: #0072b4;
				color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-blue-level4 .mdb-isolation div.header-elements button.btn.btn-flat.dropdown-toggle {
				padding: 0.5rem 0.5rem;
				margin: 0 1.1rem;
			}

			

			.gridster > .phx.ul > li.well.phoenixColor-blue-level4 > .phx.title-bar .btn-group .dropdown-toggle .caret {
				border-top-color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-blue-level4 > .phx.title-bar > div.header-elements:before {
				/* IE9 SVG, needs conditional override of 'filter' to 'none' */
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(left,  rgba(0,114,180,0) 0%, rgba(0,114,180,1) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,114,180,0)), color-stop(100%,rgba(0,114,180,1))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(left,  rgba(0,114,180,0) 0%,rgba(0,114,180,1) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(left,  rgba(0,114,180,0) 0%,rgba(0,114,180,1) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(left,  rgba(0,114,180,0) 0%,rgba(0,114,180,1) 100%); /* IE10+ */
				background: linear-gradient(to right,  rgba(0,114,180,0) 0%,rgba(0,114,180,1) 100%); /* W3C */
			}
			

				.gridster > .phx.ul > li.well.phoenixColor-blue-level4 > .phx.title-bar > div.header-elements .btn i,
				.gridster > .phx.ul > li.well.phoenixColor-blue-level4 > .phx.title-bar > div.header-elements > .phx-help {
					color: #ffffff;
				}
				.gridster > .phx.ul > li.well.phoenixColor-blue-level4 .mdb-isolation div.header-elements button.btn.dropdown-toggle:focus i {
					color: #ffffff !important;
				}
				.gridster > .phx.ul > li.well.phoenixColor-blue-level4 > .phx.title-bar + hr {
					background-color: #0072b4;
				}


			.gridster > .phx.ul > li.well.phoenixColor-blue-level4 > .phx.title-bar > div.header-elements .btn:hover i,
			.gridster > .phx.ul > li.well.phoenixColor-blue-level4 > .phx.title-bar > div.header-elements > .phx-help:hover {
				color: #3f6fdc;
			}
			
			.k-in span.phoenixColor-blue-level4,
			.phxGlyph.phx.phoenixColor-blue-level4:not(.halflings-search),
			.phxText.phx.phoenixColor-blue-level4,
			.sqlinfo span.phoenixColor-blue-level4 {
				color: #0072b4;
				fill: #0072b4;
			}
			
			ul.color-picker-options > li.phoenixColor-blue-level4 > .btn {
				color: #0072b4;
			}

			.phx.badge.phoenixColor-gray-level4,
			.phx.label.phoenixColor-gray-level4,
			a.SidebarMenuItem:hover span.elementDisplay span.phx.badge.phoenixColor-gray-level4,
			a.SidebarMenuItem:focus span.elementDisplay span.phx.badge.phoenixColor-gray-level4,
			ul.color-picker-options > li.phoenixColor-gray-level4 .color-box {
				background-color: #464a4e;
				color: #ffffff;
			}

			.gridster > .phx.ul > li.well.phoenixColor-gray-level4,
			.gridster > .phx.ul > li.well.phoenixColor-gray-level4 > .phx.title-bar > div.landingPageSectionTitle,
			.gridster > .phx.ul > li.well.phoenixColor-gray-level4 > .phx.title-bar > div.header-elements {
				background-color: #464a4e;
				color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-gray-level4 .mdb-isolation div.header-elements button.btn.btn-flat.dropdown-toggle {
				padding: 0.5rem 0.5rem;
				margin: 0 1.1rem;
			}

			

			.gridster > .phx.ul > li.well.phoenixColor-gray-level4 > .phx.title-bar .btn-group .dropdown-toggle .caret {
				border-top-color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-gray-level4 > .phx.title-bar > div.header-elements:before {
				/* IE9 SVG, needs conditional override of 'filter' to 'none' */
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(left,  rgba(70,74,78,0) 0%, rgba(70,74,78,1) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(70,74,78,0)), color-stop(100%,rgba(70,74,78,1))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(left,  rgba(70,74,78,0) 0%,rgba(70,74,78,1) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(left,  rgba(70,74,78,0) 0%,rgba(70,74,78,1) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(left,  rgba(70,74,78,0) 0%,rgba(70,74,78,1) 100%); /* IE10+ */
				background: linear-gradient(to right,  rgba(70,74,78,0) 0%,rgba(70,74,78,1) 100%); /* W3C */
			}
			

				.gridster > .phx.ul > li.well.phoenixColor-gray-level4 > .phx.title-bar > div.header-elements .btn i,
				.gridster > .phx.ul > li.well.phoenixColor-gray-level4 > .phx.title-bar > div.header-elements > .phx-help {
					color: #ffffff;
				}
				.gridster > .phx.ul > li.well.phoenixColor-gray-level4 .mdb-isolation div.header-elements button.btn.dropdown-toggle:focus i {
					color: #ffffff !important;
				}
				.gridster > .phx.ul > li.well.phoenixColor-gray-level4 > .phx.title-bar + hr {
					background-color: #464a4e;
				}


			.gridster > .phx.ul > li.well.phoenixColor-gray-level4 > .phx.title-bar > div.header-elements .btn:hover i,
			.gridster > .phx.ul > li.well.phoenixColor-gray-level4 > .phx.title-bar > div.header-elements > .phx-help:hover {
				color: #3f6fdc;
			}
			
			.k-in span.phoenixColor-gray-level4,
			.phxGlyph.phx.phoenixColor-gray-level4:not(.halflings-search),
			.phxText.phx.phoenixColor-gray-level4,
			.sqlinfo span.phoenixColor-gray-level4 {
				color: #464a4e;
				fill: #464a4e;
			}
			
			ul.color-picker-options > li.phoenixColor-gray-level4 > .btn {
				color: #464a4e;
			}

			.phx.badge.phoenixColor-lime-level4,
			.phx.label.phoenixColor-lime-level4,
			a.SidebarMenuItem:hover span.elementDisplay span.phx.badge.phoenixColor-lime-level4,
			a.SidebarMenuItem:focus span.elementDisplay span.phx.badge.phoenixColor-lime-level4,
			ul.color-picker-options > li.phoenixColor-lime-level4 .color-box {
				background-color: #7e911d;
				color: #ffffff;
			}

			.gridster > .phx.ul > li.well.phoenixColor-lime-level4,
			.gridster > .phx.ul > li.well.phoenixColor-lime-level4 > .phx.title-bar > div.landingPageSectionTitle,
			.gridster > .phx.ul > li.well.phoenixColor-lime-level4 > .phx.title-bar > div.header-elements {
				background-color: #7e911d;
				color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-lime-level4 .mdb-isolation div.header-elements button.btn.btn-flat.dropdown-toggle {
				padding: 0.5rem 0.5rem;
				margin: 0 1.1rem;
			}

			

			.gridster > .phx.ul > li.well.phoenixColor-lime-level4 > .phx.title-bar .btn-group .dropdown-toggle .caret {
				border-top-color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-lime-level4 > .phx.title-bar > div.header-elements:before {
				/* IE9 SVG, needs conditional override of 'filter' to 'none' */
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(left,  rgba(126,145,29,0) 0%, rgba(126,145,29,1) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(126,145,29,0)), color-stop(100%,rgba(126,145,29,1))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(left,  rgba(126,145,29,0) 0%,rgba(126,145,29,1) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(left,  rgba(126,145,29,0) 0%,rgba(126,145,29,1) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(left,  rgba(126,145,29,0) 0%,rgba(126,145,29,1) 100%); /* IE10+ */
				background: linear-gradient(to right,  rgba(126,145,29,0) 0%,rgba(126,145,29,1) 100%); /* W3C */
			}
			

				.gridster > .phx.ul > li.well.phoenixColor-lime-level4 > .phx.title-bar > div.header-elements .btn i,
				.gridster > .phx.ul > li.well.phoenixColor-lime-level4 > .phx.title-bar > div.header-elements > .phx-help {
					color: #ffffff;
				}
				.gridster > .phx.ul > li.well.phoenixColor-lime-level4 .mdb-isolation div.header-elements button.btn.dropdown-toggle:focus i {
					color: #ffffff !important;
				}
				.gridster > .phx.ul > li.well.phoenixColor-lime-level4 > .phx.title-bar + hr {
					background-color: #7e911d;
				}


			.gridster > .phx.ul > li.well.phoenixColor-lime-level4 > .phx.title-bar > div.header-elements .btn:hover i,
			.gridster > .phx.ul > li.well.phoenixColor-lime-level4 > .phx.title-bar > div.header-elements > .phx-help:hover {
				color: #3f6fdc;
			}
			
			.k-in span.phoenixColor-lime-level4,
			.phxGlyph.phx.phoenixColor-lime-level4:not(.halflings-search),
			.phxText.phx.phoenixColor-lime-level4,
			.sqlinfo span.phoenixColor-lime-level4 {
				color: #7e911d;
				fill: #7e911d;
			}
			
			ul.color-picker-options > li.phoenixColor-lime-level4 > .btn {
				color: #7e911d;
			}

			.phx.badge.phoenixColor-tangerine-level4,
			.phx.label.phoenixColor-tangerine-level4,
			a.SidebarMenuItem:hover span.elementDisplay span.phx.badge.phoenixColor-tangerine-level4,
			a.SidebarMenuItem:focus span.elementDisplay span.phx.badge.phoenixColor-tangerine-level4,
			ul.color-picker-options > li.phoenixColor-tangerine-level4 .color-box {
				background-color: #b16910;
				color: #ffffff;
			}

			.gridster > .phx.ul > li.well.phoenixColor-tangerine-level4,
			.gridster > .phx.ul > li.well.phoenixColor-tangerine-level4 > .phx.title-bar > div.landingPageSectionTitle,
			.gridster > .phx.ul > li.well.phoenixColor-tangerine-level4 > .phx.title-bar > div.header-elements {
				background-color: #b16910;
				color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-tangerine-level4 .mdb-isolation div.header-elements button.btn.btn-flat.dropdown-toggle {
				padding: 0.5rem 0.5rem;
				margin: 0 1.1rem;
			}

			

			.gridster > .phx.ul > li.well.phoenixColor-tangerine-level4 > .phx.title-bar .btn-group .dropdown-toggle .caret {
				border-top-color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-tangerine-level4 > .phx.title-bar > div.header-elements:before {
				/* IE9 SVG, needs conditional override of 'filter' to 'none' */
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(left,  rgba(177,105,16,0) 0%, rgba(177,105,16,1) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(177,105,16,0)), color-stop(100%,rgba(177,105,16,1))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(left,  rgba(177,105,16,0) 0%,rgba(177,105,16,1) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(left,  rgba(177,105,16,0) 0%,rgba(177,105,16,1) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(left,  rgba(177,105,16,0) 0%,rgba(177,105,16,1) 100%); /* IE10+ */
				background: linear-gradient(to right,  rgba(177,105,16,0) 0%,rgba(177,105,16,1) 100%); /* W3C */
			}
			

				.gridster > .phx.ul > li.well.phoenixColor-tangerine-level4 > .phx.title-bar > div.header-elements .btn i,
				.gridster > .phx.ul > li.well.phoenixColor-tangerine-level4 > .phx.title-bar > div.header-elements > .phx-help {
					color: #ffffff;
				}
				.gridster > .phx.ul > li.well.phoenixColor-tangerine-level4 .mdb-isolation div.header-elements button.btn.dropdown-toggle:focus i {
					color: #ffffff !important;
				}
				.gridster > .phx.ul > li.well.phoenixColor-tangerine-level4 > .phx.title-bar + hr {
					background-color: #b16910;
				}


			.gridster > .phx.ul > li.well.phoenixColor-tangerine-level4 > .phx.title-bar > div.header-elements .btn:hover i,
			.gridster > .phx.ul > li.well.phoenixColor-tangerine-level4 > .phx.title-bar > div.header-elements > .phx-help:hover {
				color: #3f6fdc;
			}
			
			.k-in span.phoenixColor-tangerine-level4,
			.phxGlyph.phx.phoenixColor-tangerine-level4:not(.halflings-search),
			.phxText.phx.phoenixColor-tangerine-level4,
			.sqlinfo span.phoenixColor-tangerine-level4 {
				color: #b16910;
				fill: #b16910;
			}
			
			ul.color-picker-options > li.phoenixColor-tangerine-level4 > .btn {
				color: #b16910;
			}

			.phx.badge.phoenixColor-purple-level4,
			.phx.label.phoenixColor-purple-level4,
			a.SidebarMenuItem:hover span.elementDisplay span.phx.badge.phoenixColor-purple-level4,
			a.SidebarMenuItem:focus span.elementDisplay span.phx.badge.phoenixColor-purple-level4,
			ul.color-picker-options > li.phoenixColor-purple-level4 .color-box {
				background-color: #9961c3;
				color: #ffffff;
			}

			.gridster > .phx.ul > li.well.phoenixColor-purple-level4,
			.gridster > .phx.ul > li.well.phoenixColor-purple-level4 > .phx.title-bar > div.landingPageSectionTitle,
			.gridster > .phx.ul > li.well.phoenixColor-purple-level4 > .phx.title-bar > div.header-elements {
				background-color: #9961c3;
				color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-purple-level4 .mdb-isolation div.header-elements button.btn.btn-flat.dropdown-toggle {
				padding: 0.5rem 0.5rem;
				margin: 0 1.1rem;
			}

			

			.gridster > .phx.ul > li.well.phoenixColor-purple-level4 > .phx.title-bar .btn-group .dropdown-toggle .caret {
				border-top-color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-purple-level4 > .phx.title-bar > div.header-elements:before {
				/* IE9 SVG, needs conditional override of 'filter' to 'none' */
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(left,  rgba(153,97,195,0) 0%, rgba(153,97,195,1) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(153,97,195,0)), color-stop(100%,rgba(153,97,195,1))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(left,  rgba(153,97,195,0) 0%,rgba(153,97,195,1) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(left,  rgba(153,97,195,0) 0%,rgba(153,97,195,1) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(left,  rgba(153,97,195,0) 0%,rgba(153,97,195,1) 100%); /* IE10+ */
				background: linear-gradient(to right,  rgba(153,97,195,0) 0%,rgba(153,97,195,1) 100%); /* W3C */
			}
			

				.gridster > .phx.ul > li.well.phoenixColor-purple-level4 > .phx.title-bar > div.header-elements .btn i,
				.gridster > .phx.ul > li.well.phoenixColor-purple-level4 > .phx.title-bar > div.header-elements > .phx-help {
					color: #ffffff;
				}
				.gridster > .phx.ul > li.well.phoenixColor-purple-level4 .mdb-isolation div.header-elements button.btn.dropdown-toggle:focus i {
					color: #ffffff !important;
				}
				.gridster > .phx.ul > li.well.phoenixColor-purple-level4 > .phx.title-bar + hr {
					background-color: #9961c3;
				}


			.gridster > .phx.ul > li.well.phoenixColor-purple-level4 > .phx.title-bar > div.header-elements .btn:hover i,
			.gridster > .phx.ul > li.well.phoenixColor-purple-level4 > .phx.title-bar > div.header-elements > .phx-help:hover {
				color: #3f6fdc;
			}
			
			.k-in span.phoenixColor-purple-level4,
			.phxGlyph.phx.phoenixColor-purple-level4:not(.halflings-search),
			.phxText.phx.phoenixColor-purple-level4,
			.sqlinfo span.phoenixColor-purple-level4 {
				color: #9961c3;
				fill: #9961c3;
			}
			
			ul.color-picker-options > li.phoenixColor-purple-level4 > .btn {
				color: #9961c3;
			}

			.phx.badge.phoenixColor-orange-level4,
			.phx.label.phoenixColor-orange-level4,
			a.SidebarMenuItem:hover span.elementDisplay span.phx.badge.phoenixColor-orange-level4,
			a.SidebarMenuItem:focus span.elementDisplay span.phx.badge.phoenixColor-orange-level4,
			ul.color-picker-options > li.phoenixColor-orange-level4 .color-box {
				background-color: #c55711;
				color: #ffffff;
			}

			.gridster > .phx.ul > li.well.phoenixColor-orange-level4,
			.gridster > .phx.ul > li.well.phoenixColor-orange-level4 > .phx.title-bar > div.landingPageSectionTitle,
			.gridster > .phx.ul > li.well.phoenixColor-orange-level4 > .phx.title-bar > div.header-elements {
				background-color: #c55711;
				color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-orange-level4 .mdb-isolation div.header-elements button.btn.btn-flat.dropdown-toggle {
				padding: 0.5rem 0.5rem;
				margin: 0 1.1rem;
			}

			

			.gridster > .phx.ul > li.well.phoenixColor-orange-level4 > .phx.title-bar .btn-group .dropdown-toggle .caret {
				border-top-color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-orange-level4 > .phx.title-bar > div.header-elements:before {
				/* IE9 SVG, needs conditional override of 'filter' to 'none' */
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(left,  rgba(197,87,17,0) 0%, rgba(197,87,17,1) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(197,87,17,0)), color-stop(100%,rgba(197,87,17,1))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(left,  rgba(197,87,17,0) 0%,rgba(197,87,17,1) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(left,  rgba(197,87,17,0) 0%,rgba(197,87,17,1) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(left,  rgba(197,87,17,0) 0%,rgba(197,87,17,1) 100%); /* IE10+ */
				background: linear-gradient(to right,  rgba(197,87,17,0) 0%,rgba(197,87,17,1) 100%); /* W3C */
			}
			

				.gridster > .phx.ul > li.well.phoenixColor-orange-level4 > .phx.title-bar > div.header-elements .btn i,
				.gridster > .phx.ul > li.well.phoenixColor-orange-level4 > .phx.title-bar > div.header-elements > .phx-help {
					color: #ffffff;
				}
				.gridster > .phx.ul > li.well.phoenixColor-orange-level4 .mdb-isolation div.header-elements button.btn.dropdown-toggle:focus i {
					color: #ffffff !important;
				}
				.gridster > .phx.ul > li.well.phoenixColor-orange-level4 > .phx.title-bar + hr {
					background-color: #c55711;
				}


			.gridster > .phx.ul > li.well.phoenixColor-orange-level4 > .phx.title-bar > div.header-elements .btn:hover i,
			.gridster > .phx.ul > li.well.phoenixColor-orange-level4 > .phx.title-bar > div.header-elements > .phx-help:hover {
				color: #3f6fdc;
			}
			
			.k-in span.phoenixColor-orange-level4,
			.phxGlyph.phx.phoenixColor-orange-level4:not(.halflings-search),
			.phxText.phx.phoenixColor-orange-level4,
			.sqlinfo span.phoenixColor-orange-level4 {
				color: #c55711;
				fill: #c55711;
			}
			
			ul.color-picker-options > li.phoenixColor-orange-level4 > .btn {
				color: #c55711;
			}

			.phx.badge.phoenixColor-red-level4,
			.phx.label.phoenixColor-red-level4,
			a.SidebarMenuItem:hover span.elementDisplay span.phx.badge.phoenixColor-red-level4,
			a.SidebarMenuItem:focus span.elementDisplay span.phx.badge.phoenixColor-red-level4,
			ul.color-picker-options > li.phoenixColor-red-level4 .color-box {
				background-color: #dc291e;
				color: #ffffff;
			}

			.gridster > .phx.ul > li.well.phoenixColor-red-level4,
			.gridster > .phx.ul > li.well.phoenixColor-red-level4 > .phx.title-bar > div.landingPageSectionTitle,
			.gridster > .phx.ul > li.well.phoenixColor-red-level4 > .phx.title-bar > div.header-elements {
				background-color: #dc291e;
				color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-red-level4 .mdb-isolation div.header-elements button.btn.btn-flat.dropdown-toggle {
				padding: 0.5rem 0.5rem;
				margin: 0 1.1rem;
			}

			

			.gridster > .phx.ul > li.well.phoenixColor-red-level4 > .phx.title-bar .btn-group .dropdown-toggle .caret {
				border-top-color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-red-level4 > .phx.title-bar > div.header-elements:before {
				/* IE9 SVG, needs conditional override of 'filter' to 'none' */
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(left,  rgba(220,41,30,0) 0%, rgba(220,41,30,1) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(220,41,30,0)), color-stop(100%,rgba(220,41,30,1))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(left,  rgba(220,41,30,0) 0%,rgba(220,41,30,1) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(left,  rgba(220,41,30,0) 0%,rgba(220,41,30,1) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(left,  rgba(220,41,30,0) 0%,rgba(220,41,30,1) 100%); /* IE10+ */
				background: linear-gradient(to right,  rgba(220,41,30,0) 0%,rgba(220,41,30,1) 100%); /* W3C */
			}
			

				.gridster > .phx.ul > li.well.phoenixColor-red-level4 > .phx.title-bar > div.header-elements .btn i,
				.gridster > .phx.ul > li.well.phoenixColor-red-level4 > .phx.title-bar > div.header-elements > .phx-help {
					color: #ffffff;
				}
				.gridster > .phx.ul > li.well.phoenixColor-red-level4 .mdb-isolation div.header-elements button.btn.dropdown-toggle:focus i {
					color: #ffffff !important;
				}
				.gridster > .phx.ul > li.well.phoenixColor-red-level4 > .phx.title-bar + hr {
					background-color: #dc291e;
				}


			.gridster > .phx.ul > li.well.phoenixColor-red-level4 > .phx.title-bar > div.header-elements .btn:hover i,
			.gridster > .phx.ul > li.well.phoenixColor-red-level4 > .phx.title-bar > div.header-elements > .phx-help:hover {
				color: #3f6fdc;
			}
			
			.k-in span.phoenixColor-red-level4,
			.phxGlyph.phx.phoenixColor-red-level4:not(.halflings-search),
			.phxText.phx.phoenixColor-red-level4,
			.sqlinfo span.phoenixColor-red-level4 {
				color: #dc291e;
				fill: #dc291e;
			}
			
			ul.color-picker-options > li.phoenixColor-red-level4 > .btn {
				color: #dc291e;
			}

			.phx.badge.phoenixColor-green-level4,
			.phx.label.phoenixColor-green-level4,
			a.SidebarMenuItem:hover span.elementDisplay span.phx.badge.phoenixColor-green-level4,
			a.SidebarMenuItem:focus span.elementDisplay span.phx.badge.phoenixColor-green-level4,
			ul.color-picker-options > li.phoenixColor-green-level4 .color-box {
				background-color: #5c8033;
				color: #ffffff;
			}

			.gridster > .phx.ul > li.well.phoenixColor-green-level4,
			.gridster > .phx.ul > li.well.phoenixColor-green-level4 > .phx.title-bar > div.landingPageSectionTitle,
			.gridster > .phx.ul > li.well.phoenixColor-green-level4 > .phx.title-bar > div.header-elements {
				background-color: #5c8033;
				color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-green-level4 .mdb-isolation div.header-elements button.btn.btn-flat.dropdown-toggle {
				padding: 0.5rem 0.5rem;
				margin: 0 1.1rem;
			}

			

			.gridster > .phx.ul > li.well.phoenixColor-green-level4 > .phx.title-bar .btn-group .dropdown-toggle .caret {
				border-top-color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-green-level4 > .phx.title-bar > div.header-elements:before {
				/* IE9 SVG, needs conditional override of 'filter' to 'none' */
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(left,  rgba(92,128,51,0) 0%, rgba(92,128,51,1) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(92,128,51,0)), color-stop(100%,rgba(92,128,51,1))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(left,  rgba(92,128,51,0) 0%,rgba(92,128,51,1) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(left,  rgba(92,128,51,0) 0%,rgba(92,128,51,1) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(left,  rgba(92,128,51,0) 0%,rgba(92,128,51,1) 100%); /* IE10+ */
				background: linear-gradient(to right,  rgba(92,128,51,0) 0%,rgba(92,128,51,1) 100%); /* W3C */
			}
			

				.gridster > .phx.ul > li.well.phoenixColor-green-level4 > .phx.title-bar > div.header-elements .btn i,
				.gridster > .phx.ul > li.well.phoenixColor-green-level4 > .phx.title-bar > div.header-elements > .phx-help {
					color: #ffffff;
				}
				.gridster > .phx.ul > li.well.phoenixColor-green-level4 .mdb-isolation div.header-elements button.btn.dropdown-toggle:focus i {
					color: #ffffff !important;
				}
				.gridster > .phx.ul > li.well.phoenixColor-green-level4 > .phx.title-bar + hr {
					background-color: #5c8033;
				}


			.gridster > .phx.ul > li.well.phoenixColor-green-level4 > .phx.title-bar > div.header-elements .btn:hover i,
			.gridster > .phx.ul > li.well.phoenixColor-green-level4 > .phx.title-bar > div.header-elements > .phx-help:hover {
				color: #3f6fdc;
			}
			
			.k-in span.phoenixColor-green-level4,
			.phxGlyph.phx.phoenixColor-green-level4:not(.halflings-search),
			.phxText.phx.phoenixColor-green-level4,
			.sqlinfo span.phoenixColor-green-level4 {
				color: #5c8033;
				fill: #5c8033;
			}
			
			ul.color-picker-options > li.phoenixColor-green-level4 > .btn {
				color: #5c8033;
			}

			.phx.badge.phoenixColor-mint-level4,
			.phx.label.phoenixColor-mint-level4,
			a.SidebarMenuItem:hover span.elementDisplay span.phx.badge.phoenixColor-mint-level4,
			a.SidebarMenuItem:focus span.elementDisplay span.phx.badge.phoenixColor-mint-level4,
			ul.color-picker-options > li.phoenixColor-mint-level4 .color-box {
				background-color: #0a8579;
				color: #ffffff;
			}

			.gridster > .phx.ul > li.well.phoenixColor-mint-level4,
			.gridster > .phx.ul > li.well.phoenixColor-mint-level4 > .phx.title-bar > div.landingPageSectionTitle,
			.gridster > .phx.ul > li.well.phoenixColor-mint-level4 > .phx.title-bar > div.header-elements {
				background-color: #0a8579;
				color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-mint-level4 .mdb-isolation div.header-elements button.btn.btn-flat.dropdown-toggle {
				padding: 0.5rem 0.5rem;
				margin: 0 1.1rem;
			}

			

			.gridster > .phx.ul > li.well.phoenixColor-mint-level4 > .phx.title-bar .btn-group .dropdown-toggle .caret {
				border-top-color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-mint-level4 > .phx.title-bar > div.header-elements:before {
				/* IE9 SVG, needs conditional override of 'filter' to 'none' */
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(left,  rgba(10,133,121,0) 0%, rgba(10,133,121,1) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(10,133,121,0)), color-stop(100%,rgba(10,133,121,1))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(left,  rgba(10,133,121,0) 0%,rgba(10,133,121,1) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(left,  rgba(10,133,121,0) 0%,rgba(10,133,121,1) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(left,  rgba(10,133,121,0) 0%,rgba(10,133,121,1) 100%); /* IE10+ */
				background: linear-gradient(to right,  rgba(10,133,121,0) 0%,rgba(10,133,121,1) 100%); /* W3C */
			}
			

				.gridster > .phx.ul > li.well.phoenixColor-mint-level4 > .phx.title-bar > div.header-elements .btn i,
				.gridster > .phx.ul > li.well.phoenixColor-mint-level4 > .phx.title-bar > div.header-elements > .phx-help {
					color: #ffffff;
				}
				.gridster > .phx.ul > li.well.phoenixColor-mint-level4 .mdb-isolation div.header-elements button.btn.dropdown-toggle:focus i {
					color: #ffffff !important;
				}
				.gridster > .phx.ul > li.well.phoenixColor-mint-level4 > .phx.title-bar + hr {
					background-color: #0a8579;
				}


			.gridster > .phx.ul > li.well.phoenixColor-mint-level4 > .phx.title-bar > div.header-elements .btn:hover i,
			.gridster > .phx.ul > li.well.phoenixColor-mint-level4 > .phx.title-bar > div.header-elements > .phx-help:hover {
				color: #3f6fdc;
			}
			
			.k-in span.phoenixColor-mint-level4,
			.phxGlyph.phx.phoenixColor-mint-level4:not(.halflings-search),
			.phxText.phx.phoenixColor-mint-level4,
			.sqlinfo span.phoenixColor-mint-level4 {
				color: #0a8579;
				fill: #0a8579;
			}
			
			ul.color-picker-options > li.phoenixColor-mint-level4 > .btn {
				color: #0a8579;
			}

			.phx.badge.phoenixColor-webGreen-level4,
			.phx.label.phoenixColor-webGreen-level4,
			a.SidebarMenuItem:hover span.elementDisplay span.phx.badge.phoenixColor-webGreen-level4,
			a.SidebarMenuItem:focus span.elementDisplay span.phx.badge.phoenixColor-webGreen-level4,
			ul.color-picker-options > li.phoenixColor-webGreen-level4 .color-box {
				background-color: #44a344;
				color: #ffffff;
			}

			.gridster > .phx.ul > li.well.phoenixColor-webGreen-level4,
			.gridster > .phx.ul > li.well.phoenixColor-webGreen-level4 > .phx.title-bar > div.landingPageSectionTitle,
			.gridster > .phx.ul > li.well.phoenixColor-webGreen-level4 > .phx.title-bar > div.header-elements {
				background-color: #44a344;
				color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-webGreen-level4 .mdb-isolation div.header-elements button.btn.btn-flat.dropdown-toggle {
				padding: 0.5rem 0.5rem;
				margin: 0 1.1rem;
			}

			

			.gridster > .phx.ul > li.well.phoenixColor-webGreen-level4 > .phx.title-bar .btn-group .dropdown-toggle .caret {
				border-top-color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-webGreen-level4 > .phx.title-bar > div.header-elements:before {
				/* IE9 SVG, needs conditional override of 'filter' to 'none' */
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(left,  rgba(68,163,68,0) 0%, rgba(68,163,68,1) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(68,163,68,0)), color-stop(100%,rgba(68,163,68,1))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(left,  rgba(68,163,68,0) 0%,rgba(68,163,68,1) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(left,  rgba(68,163,68,0) 0%,rgba(68,163,68,1) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(left,  rgba(68,163,68,0) 0%,rgba(68,163,68,1) 100%); /* IE10+ */
				background: linear-gradient(to right,  rgba(68,163,68,0) 0%,rgba(68,163,68,1) 100%); /* W3C */
			}
			

				.gridster > .phx.ul > li.well.phoenixColor-webGreen-level4 > .phx.title-bar > div.header-elements .btn i,
				.gridster > .phx.ul > li.well.phoenixColor-webGreen-level4 > .phx.title-bar > div.header-elements > .phx-help {
					color: #ffffff;
				}
				.gridster > .phx.ul > li.well.phoenixColor-webGreen-level4 .mdb-isolation div.header-elements button.btn.dropdown-toggle:focus i {
					color: #ffffff !important;
				}
				.gridster > .phx.ul > li.well.phoenixColor-webGreen-level4 > .phx.title-bar + hr {
					background-color: #44a344;
				}


			.gridster > .phx.ul > li.well.phoenixColor-webGreen-level4 > .phx.title-bar > div.header-elements .btn:hover i,
			.gridster > .phx.ul > li.well.phoenixColor-webGreen-level4 > .phx.title-bar > div.header-elements > .phx-help:hover {
				color: #3f6fdc;
			}
			
			.k-in span.phoenixColor-webGreen-level4,
			.phxGlyph.phx.phoenixColor-webGreen-level4:not(.halflings-search),
			.phxText.phx.phoenixColor-webGreen-level4,
			.sqlinfo span.phoenixColor-webGreen-level4 {
				color: #44a344;
				fill: #44a344;
			}
			
			ul.color-picker-options > li.phoenixColor-webGreen-level4 > .btn {
				color: #44a344;
			}

			.phx.badge.phoenixColor-webRed-level4,
			.phx.label.phoenixColor-webRed-level4,
			a.SidebarMenuItem:hover span.elementDisplay span.phx.badge.phoenixColor-webRed-level4,
			a.SidebarMenuItem:focus span.elementDisplay span.phx.badge.phoenixColor-webRed-level4,
			ul.color-picker-options > li.phoenixColor-webRed-level4 .color-box {
				background-color: #dc291e;
				color: #ffffff;
			}

			.gridster > .phx.ul > li.well.phoenixColor-webRed-level4,
			.gridster > .phx.ul > li.well.phoenixColor-webRed-level4 > .phx.title-bar > div.landingPageSectionTitle,
			.gridster > .phx.ul > li.well.phoenixColor-webRed-level4 > .phx.title-bar > div.header-elements {
				background-color: #dc291e;
				color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-webRed-level4 .mdb-isolation div.header-elements button.btn.btn-flat.dropdown-toggle {
				padding: 0.5rem 0.5rem;
				margin: 0 1.1rem;
			}

			

			.gridster > .phx.ul > li.well.phoenixColor-webRed-level4 > .phx.title-bar .btn-group .dropdown-toggle .caret {
				border-top-color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-webRed-level4 > .phx.title-bar > div.header-elements:before {
				/* IE9 SVG, needs conditional override of 'filter' to 'none' */
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(left,  rgba(220,41,30,0) 0%, rgba(220,41,30,1) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(220,41,30,0)), color-stop(100%,rgba(220,41,30,1))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(left,  rgba(220,41,30,0) 0%,rgba(220,41,30,1) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(left,  rgba(220,41,30,0) 0%,rgba(220,41,30,1) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(left,  rgba(220,41,30,0) 0%,rgba(220,41,30,1) 100%); /* IE10+ */
				background: linear-gradient(to right,  rgba(220,41,30,0) 0%,rgba(220,41,30,1) 100%); /* W3C */
			}
			

				.gridster > .phx.ul > li.well.phoenixColor-webRed-level4 > .phx.title-bar > div.header-elements .btn i,
				.gridster > .phx.ul > li.well.phoenixColor-webRed-level4 > .phx.title-bar > div.header-elements > .phx-help {
					color: #ffffff;
				}
				.gridster > .phx.ul > li.well.phoenixColor-webRed-level4 .mdb-isolation div.header-elements button.btn.dropdown-toggle:focus i {
					color: #ffffff !important;
				}
				.gridster > .phx.ul > li.well.phoenixColor-webRed-level4 > .phx.title-bar + hr {
					background-color: #dc291e;
				}


			.gridster > .phx.ul > li.well.phoenixColor-webRed-level4 > .phx.title-bar > div.header-elements .btn:hover i,
			.gridster > .phx.ul > li.well.phoenixColor-webRed-level4 > .phx.title-bar > div.header-elements > .phx-help:hover {
				color: #3f6fdc;
			}
			
			.k-in span.phoenixColor-webRed-level4,
			.phxGlyph.phx.phoenixColor-webRed-level4:not(.halflings-search),
			.phxText.phx.phoenixColor-webRed-level4,
			.sqlinfo span.phoenixColor-webRed-level4 {
				color: #dc291e;
				fill: #dc291e;
			}
			
			ul.color-picker-options > li.phoenixColor-webRed-level4 > .btn {
				color: #dc291e;
			}

			.phx.badge.phoenixColor-blue-level5,
			.phx.label.phoenixColor-blue-level5,
			a.SidebarMenuItem:hover span.elementDisplay span.phx.badge.phoenixColor-blue-level5,
			a.SidebarMenuItem:focus span.elementDisplay span.phx.badge.phoenixColor-blue-level5,
			ul.color-picker-options > li.phoenixColor-blue-level5 .color-box {
				background-color: #00538d;
				color: #ffffff;
			}

			.gridster > .phx.ul > li.well.phoenixColor-blue-level5,
			.gridster > .phx.ul > li.well.phoenixColor-blue-level5 > .phx.title-bar > div.landingPageSectionTitle,
			.gridster > .phx.ul > li.well.phoenixColor-blue-level5 > .phx.title-bar > div.header-elements {
				background-color: #00538d;
				color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-blue-level5 .mdb-isolation div.header-elements button.btn.btn-flat.dropdown-toggle {
				padding: 0.5rem 0.5rem;
				margin: 0 1.1rem;
			}

			

			.gridster > .phx.ul > li.well.phoenixColor-blue-level5 > .phx.title-bar .btn-group .dropdown-toggle .caret {
				border-top-color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-blue-level5 > .phx.title-bar > div.header-elements:before {
				/* IE9 SVG, needs conditional override of 'filter' to 'none' */
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(left,  rgba(0,83,141,0) 0%, rgba(0,83,141,1) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,83,141,0)), color-stop(100%,rgba(0,83,141,1))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(left,  rgba(0,83,141,0) 0%,rgba(0,83,141,1) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(left,  rgba(0,83,141,0) 0%,rgba(0,83,141,1) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(left,  rgba(0,83,141,0) 0%,rgba(0,83,141,1) 100%); /* IE10+ */
				background: linear-gradient(to right,  rgba(0,83,141,0) 0%,rgba(0,83,141,1) 100%); /* W3C */
			}
			

				.gridster > .phx.ul > li.well.phoenixColor-blue-level5 > .phx.title-bar > div.header-elements .btn i,
				.gridster > .phx.ul > li.well.phoenixColor-blue-level5 > .phx.title-bar > div.header-elements > .phx-help {
					color: #ffffff;
				}
				.gridster > .phx.ul > li.well.phoenixColor-blue-level5 .mdb-isolation div.header-elements button.btn.dropdown-toggle:focus i {
					color: #ffffff !important;
				}
				.gridster > .phx.ul > li.well.phoenixColor-blue-level5 > .phx.title-bar + hr {
					background-color: #00538d;
				}


			.gridster > .phx.ul > li.well.phoenixColor-blue-level5 > .phx.title-bar > div.header-elements .btn:hover i,
			.gridster > .phx.ul > li.well.phoenixColor-blue-level5 > .phx.title-bar > div.header-elements > .phx-help:hover {
				color: #3f6fdc;
			}
			
			.k-in span.phoenixColor-blue-level5,
			.phxGlyph.phx.phoenixColor-blue-level5:not(.halflings-search),
			.phxText.phx.phoenixColor-blue-level5,
			.sqlinfo span.phoenixColor-blue-level5 {
				color: #00538d;
				fill: #00538d;
			}
			
			ul.color-picker-options > li.phoenixColor-blue-level5 > .btn {
				color: #00538d;
			}

			.phx.badge.phoenixColor-gray-level5,
			.phx.label.phoenixColor-gray-level5,
			a.SidebarMenuItem:hover span.elementDisplay span.phx.badge.phoenixColor-gray-level5,
			a.SidebarMenuItem:focus span.elementDisplay span.phx.badge.phoenixColor-gray-level5,
			ul.color-picker-options > li.phoenixColor-gray-level5 .color-box {
				background-color: #484e52;
				color: #ffffff;
			}

			.gridster > .phx.ul > li.well.phoenixColor-gray-level5,
			.gridster > .phx.ul > li.well.phoenixColor-gray-level5 > .phx.title-bar > div.landingPageSectionTitle,
			.gridster > .phx.ul > li.well.phoenixColor-gray-level5 > .phx.title-bar > div.header-elements {
				background-color: #484e52;
				color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-gray-level5 .mdb-isolation div.header-elements button.btn.btn-flat.dropdown-toggle {
				padding: 0.5rem 0.5rem;
				margin: 0 1.1rem;
			}

			

			.gridster > .phx.ul > li.well.phoenixColor-gray-level5 > .phx.title-bar .btn-group .dropdown-toggle .caret {
				border-top-color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-gray-level5 > .phx.title-bar > div.header-elements:before {
				/* IE9 SVG, needs conditional override of 'filter' to 'none' */
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(left,  rgba(72,78,82,0) 0%, rgba(72,78,82,1) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(72,78,82,0)), color-stop(100%,rgba(72,78,82,1))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(left,  rgba(72,78,82,0) 0%,rgba(72,78,82,1) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(left,  rgba(72,78,82,0) 0%,rgba(72,78,82,1) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(left,  rgba(72,78,82,0) 0%,rgba(72,78,82,1) 100%); /* IE10+ */
				background: linear-gradient(to right,  rgba(72,78,82,0) 0%,rgba(72,78,82,1) 100%); /* W3C */
			}
			

				.gridster > .phx.ul > li.well.phoenixColor-gray-level5 > .phx.title-bar > div.header-elements .btn i,
				.gridster > .phx.ul > li.well.phoenixColor-gray-level5 > .phx.title-bar > div.header-elements > .phx-help {
					color: #ffffff;
				}
				.gridster > .phx.ul > li.well.phoenixColor-gray-level5 .mdb-isolation div.header-elements button.btn.dropdown-toggle:focus i {
					color: #ffffff !important;
				}
				.gridster > .phx.ul > li.well.phoenixColor-gray-level5 > .phx.title-bar + hr {
					background-color: #484e52;
				}


			.gridster > .phx.ul > li.well.phoenixColor-gray-level5 > .phx.title-bar > div.header-elements .btn:hover i,
			.gridster > .phx.ul > li.well.phoenixColor-gray-level5 > .phx.title-bar > div.header-elements > .phx-help:hover {
				color: #3f6fdc;
			}
			
			.k-in span.phoenixColor-gray-level5,
			.phxGlyph.phx.phoenixColor-gray-level5:not(.halflings-search),
			.phxText.phx.phoenixColor-gray-level5,
			.sqlinfo span.phoenixColor-gray-level5 {
				color: #484e52;
				fill: #484e52;
			}
			
			ul.color-picker-options > li.phoenixColor-gray-level5 > .btn {
				color: #484e52;
			}

			.phx.badge.phoenixColor-lime-level5,
			.phx.label.phoenixColor-lime-level5,
			a.SidebarMenuItem:hover span.elementDisplay span.phx.badge.phoenixColor-lime-level5,
			a.SidebarMenuItem:focus span.elementDisplay span.phx.badge.phoenixColor-lime-level5,
			ul.color-picker-options > li.phoenixColor-lime-level5 .color-box {
				background-color: #506713;
				color: #ffffff;
			}

			.gridster > .phx.ul > li.well.phoenixColor-lime-level5,
			.gridster > .phx.ul > li.well.phoenixColor-lime-level5 > .phx.title-bar > div.landingPageSectionTitle,
			.gridster > .phx.ul > li.well.phoenixColor-lime-level5 > .phx.title-bar > div.header-elements {
				background-color: #506713;
				color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-lime-level5 .mdb-isolation div.header-elements button.btn.btn-flat.dropdown-toggle {
				padding: 0.5rem 0.5rem;
				margin: 0 1.1rem;
			}

			

			.gridster > .phx.ul > li.well.phoenixColor-lime-level5 > .phx.title-bar .btn-group .dropdown-toggle .caret {
				border-top-color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-lime-level5 > .phx.title-bar > div.header-elements:before {
				/* IE9 SVG, needs conditional override of 'filter' to 'none' */
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(left,  rgba(80,103,19,0) 0%, rgba(80,103,19,1) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(80,103,19,0)), color-stop(100%,rgba(80,103,19,1))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(left,  rgba(80,103,19,0) 0%,rgba(80,103,19,1) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(left,  rgba(80,103,19,0) 0%,rgba(80,103,19,1) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(left,  rgba(80,103,19,0) 0%,rgba(80,103,19,1) 100%); /* IE10+ */
				background: linear-gradient(to right,  rgba(80,103,19,0) 0%,rgba(80,103,19,1) 100%); /* W3C */
			}
			

				.gridster > .phx.ul > li.well.phoenixColor-lime-level5 > .phx.title-bar > div.header-elements .btn i,
				.gridster > .phx.ul > li.well.phoenixColor-lime-level5 > .phx.title-bar > div.header-elements > .phx-help {
					color: #ffffff;
				}
				.gridster > .phx.ul > li.well.phoenixColor-lime-level5 .mdb-isolation div.header-elements button.btn.dropdown-toggle:focus i {
					color: #ffffff !important;
				}
				.gridster > .phx.ul > li.well.phoenixColor-lime-level5 > .phx.title-bar + hr {
					background-color: #506713;
				}


			.gridster > .phx.ul > li.well.phoenixColor-lime-level5 > .phx.title-bar > div.header-elements .btn:hover i,
			.gridster > .phx.ul > li.well.phoenixColor-lime-level5 > .phx.title-bar > div.header-elements > .phx-help:hover {
				color: #3f6fdc;
			}
			
			.k-in span.phoenixColor-lime-level5,
			.phxGlyph.phx.phoenixColor-lime-level5:not(.halflings-search),
			.phxText.phx.phoenixColor-lime-level5,
			.sqlinfo span.phoenixColor-lime-level5 {
				color: #506713;
				fill: #506713;
			}
			
			ul.color-picker-options > li.phoenixColor-lime-level5 > .btn {
				color: #506713;
			}

			.phx.badge.phoenixColor-tangerine-level5,
			.phx.label.phoenixColor-tangerine-level5,
			a.SidebarMenuItem:hover span.elementDisplay span.phx.badge.phoenixColor-tangerine-level5,
			a.SidebarMenuItem:focus span.elementDisplay span.phx.badge.phoenixColor-tangerine-level5,
			ul.color-picker-options > li.phoenixColor-tangerine-level5 .color-box {
				background-color: #824c09;
				color: #ffffff;
			}

			.gridster > .phx.ul > li.well.phoenixColor-tangerine-level5,
			.gridster > .phx.ul > li.well.phoenixColor-tangerine-level5 > .phx.title-bar > div.landingPageSectionTitle,
			.gridster > .phx.ul > li.well.phoenixColor-tangerine-level5 > .phx.title-bar > div.header-elements {
				background-color: #824c09;
				color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-tangerine-level5 .mdb-isolation div.header-elements button.btn.btn-flat.dropdown-toggle {
				padding: 0.5rem 0.5rem;
				margin: 0 1.1rem;
			}

			

			.gridster > .phx.ul > li.well.phoenixColor-tangerine-level5 > .phx.title-bar .btn-group .dropdown-toggle .caret {
				border-top-color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-tangerine-level5 > .phx.title-bar > div.header-elements:before {
				/* IE9 SVG, needs conditional override of 'filter' to 'none' */
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(left,  rgba(130,76,9,0) 0%, rgba(130,76,9,1) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(130,76,9,0)), color-stop(100%,rgba(130,76,9,1))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(left,  rgba(130,76,9,0) 0%,rgba(130,76,9,1) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(left,  rgba(130,76,9,0) 0%,rgba(130,76,9,1) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(left,  rgba(130,76,9,0) 0%,rgba(130,76,9,1) 100%); /* IE10+ */
				background: linear-gradient(to right,  rgba(130,76,9,0) 0%,rgba(130,76,9,1) 100%); /* W3C */
			}
			

				.gridster > .phx.ul > li.well.phoenixColor-tangerine-level5 > .phx.title-bar > div.header-elements .btn i,
				.gridster > .phx.ul > li.well.phoenixColor-tangerine-level5 > .phx.title-bar > div.header-elements > .phx-help {
					color: #ffffff;
				}
				.gridster > .phx.ul > li.well.phoenixColor-tangerine-level5 .mdb-isolation div.header-elements button.btn.dropdown-toggle:focus i {
					color: #ffffff !important;
				}
				.gridster > .phx.ul > li.well.phoenixColor-tangerine-level5 > .phx.title-bar + hr {
					background-color: #824c09;
				}


			.gridster > .phx.ul > li.well.phoenixColor-tangerine-level5 > .phx.title-bar > div.header-elements .btn:hover i,
			.gridster > .phx.ul > li.well.phoenixColor-tangerine-level5 > .phx.title-bar > div.header-elements > .phx-help:hover {
				color: #3f6fdc;
			}
			
			.k-in span.phoenixColor-tangerine-level5,
			.phxGlyph.phx.phoenixColor-tangerine-level5:not(.halflings-search),
			.phxText.phx.phoenixColor-tangerine-level5,
			.sqlinfo span.phoenixColor-tangerine-level5 {
				color: #824c09;
				fill: #824c09;
			}
			
			ul.color-picker-options > li.phoenixColor-tangerine-level5 > .btn {
				color: #824c09;
			}

			.phx.badge.phoenixColor-purple-level5,
			.phx.label.phoenixColor-purple-level5,
			a.SidebarMenuItem:hover span.elementDisplay span.phx.badge.phoenixColor-purple-level5,
			a.SidebarMenuItem:focus span.elementDisplay span.phx.badge.phoenixColor-purple-level5,
			ul.color-picker-options > li.phoenixColor-purple-level5 .color-box {
				background-color: #75449b;
				color: #ffffff;
			}

			.gridster > .phx.ul > li.well.phoenixColor-purple-level5,
			.gridster > .phx.ul > li.well.phoenixColor-purple-level5 > .phx.title-bar > div.landingPageSectionTitle,
			.gridster > .phx.ul > li.well.phoenixColor-purple-level5 > .phx.title-bar > div.header-elements {
				background-color: #75449b;
				color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-purple-level5 .mdb-isolation div.header-elements button.btn.btn-flat.dropdown-toggle {
				padding: 0.5rem 0.5rem;
				margin: 0 1.1rem;
			}

			

			.gridster > .phx.ul > li.well.phoenixColor-purple-level5 > .phx.title-bar .btn-group .dropdown-toggle .caret {
				border-top-color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-purple-level5 > .phx.title-bar > div.header-elements:before {
				/* IE9 SVG, needs conditional override of 'filter' to 'none' */
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(left,  rgba(117,68,155,0) 0%, rgba(117,68,155,1) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(117,68,155,0)), color-stop(100%,rgba(117,68,155,1))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(left,  rgba(117,68,155,0) 0%,rgba(117,68,155,1) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(left,  rgba(117,68,155,0) 0%,rgba(117,68,155,1) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(left,  rgba(117,68,155,0) 0%,rgba(117,68,155,1) 100%); /* IE10+ */
				background: linear-gradient(to right,  rgba(117,68,155,0) 0%,rgba(117,68,155,1) 100%); /* W3C */
			}
			

				.gridster > .phx.ul > li.well.phoenixColor-purple-level5 > .phx.title-bar > div.header-elements .btn i,
				.gridster > .phx.ul > li.well.phoenixColor-purple-level5 > .phx.title-bar > div.header-elements > .phx-help {
					color: #ffffff;
				}
				.gridster > .phx.ul > li.well.phoenixColor-purple-level5 .mdb-isolation div.header-elements button.btn.dropdown-toggle:focus i {
					color: #ffffff !important;
				}
				.gridster > .phx.ul > li.well.phoenixColor-purple-level5 > .phx.title-bar + hr {
					background-color: #75449b;
				}


			.gridster > .phx.ul > li.well.phoenixColor-purple-level5 > .phx.title-bar > div.header-elements .btn:hover i,
			.gridster > .phx.ul > li.well.phoenixColor-purple-level5 > .phx.title-bar > div.header-elements > .phx-help:hover {
				color: #3f6fdc;
			}
			
			.k-in span.phoenixColor-purple-level5,
			.phxGlyph.phx.phoenixColor-purple-level5:not(.halflings-search),
			.phxText.phx.phoenixColor-purple-level5,
			.sqlinfo span.phoenixColor-purple-level5 {
				color: #75449b;
				fill: #75449b;
			}
			
			ul.color-picker-options > li.phoenixColor-purple-level5 > .btn {
				color: #75449b;
			}

			.phx.badge.phoenixColor-orange-level5,
			.phx.label.phoenixColor-orange-level5,
			a.SidebarMenuItem:hover span.elementDisplay span.phx.badge.phoenixColor-orange-level5,
			a.SidebarMenuItem:focus span.elementDisplay span.phx.badge.phoenixColor-orange-level5,
			ul.color-picker-options > li.phoenixColor-orange-level5 .color-box {
				background-color: #953f08;
				color: #ffffff;
			}

			.gridster > .phx.ul > li.well.phoenixColor-orange-level5,
			.gridster > .phx.ul > li.well.phoenixColor-orange-level5 > .phx.title-bar > div.landingPageSectionTitle,
			.gridster > .phx.ul > li.well.phoenixColor-orange-level5 > .phx.title-bar > div.header-elements {
				background-color: #953f08;
				color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-orange-level5 .mdb-isolation div.header-elements button.btn.btn-flat.dropdown-toggle {
				padding: 0.5rem 0.5rem;
				margin: 0 1.1rem;
			}

			

			.gridster > .phx.ul > li.well.phoenixColor-orange-level5 > .phx.title-bar .btn-group .dropdown-toggle .caret {
				border-top-color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-orange-level5 > .phx.title-bar > div.header-elements:before {
				/* IE9 SVG, needs conditional override of 'filter' to 'none' */
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(left,  rgba(149,63,8,0) 0%, rgba(149,63,8,1) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(149,63,8,0)), color-stop(100%,rgba(149,63,8,1))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(left,  rgba(149,63,8,0) 0%,rgba(149,63,8,1) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(left,  rgba(149,63,8,0) 0%,rgba(149,63,8,1) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(left,  rgba(149,63,8,0) 0%,rgba(149,63,8,1) 100%); /* IE10+ */
				background: linear-gradient(to right,  rgba(149,63,8,0) 0%,rgba(149,63,8,1) 100%); /* W3C */
			}
			

				.gridster > .phx.ul > li.well.phoenixColor-orange-level5 > .phx.title-bar > div.header-elements .btn i,
				.gridster > .phx.ul > li.well.phoenixColor-orange-level5 > .phx.title-bar > div.header-elements > .phx-help {
					color: #ffffff;
				}
				.gridster > .phx.ul > li.well.phoenixColor-orange-level5 .mdb-isolation div.header-elements button.btn.dropdown-toggle:focus i {
					color: #ffffff !important;
				}
				.gridster > .phx.ul > li.well.phoenixColor-orange-level5 > .phx.title-bar + hr {
					background-color: #953f08;
				}


			.gridster > .phx.ul > li.well.phoenixColor-orange-level5 > .phx.title-bar > div.header-elements .btn:hover i,
			.gridster > .phx.ul > li.well.phoenixColor-orange-level5 > .phx.title-bar > div.header-elements > .phx-help:hover {
				color: #3f6fdc;
			}
			
			.k-in span.phoenixColor-orange-level5,
			.phxGlyph.phx.phoenixColor-orange-level5:not(.halflings-search),
			.phxText.phx.phoenixColor-orange-level5,
			.sqlinfo span.phoenixColor-orange-level5 {
				color: #953f08;
				fill: #953f08;
			}
			
			ul.color-picker-options > li.phoenixColor-orange-level5 > .btn {
				color: #953f08;
			}

			.phx.badge.phoenixColor-red-level5,
			.phx.label.phoenixColor-red-level5,
			a.SidebarMenuItem:hover span.elementDisplay span.phx.badge.phoenixColor-red-level5,
			a.SidebarMenuItem:focus span.elementDisplay span.phx.badge.phoenixColor-red-level5,
			ul.color-picker-options > li.phoenixColor-red-level5 .color-box {
				background-color: #b01309;
				color: #ffffff;
			}

			.gridster > .phx.ul > li.well.phoenixColor-red-level5,
			.gridster > .phx.ul > li.well.phoenixColor-red-level5 > .phx.title-bar > div.landingPageSectionTitle,
			.gridster > .phx.ul > li.well.phoenixColor-red-level5 > .phx.title-bar > div.header-elements {
				background-color: #b01309;
				color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-red-level5 .mdb-isolation div.header-elements button.btn.btn-flat.dropdown-toggle {
				padding: 0.5rem 0.5rem;
				margin: 0 1.1rem;
			}

			

			.gridster > .phx.ul > li.well.phoenixColor-red-level5 > .phx.title-bar .btn-group .dropdown-toggle .caret {
				border-top-color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-red-level5 > .phx.title-bar > div.header-elements:before {
				/* IE9 SVG, needs conditional override of 'filter' to 'none' */
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(left,  rgba(176,19,9,0) 0%, rgba(176,19,9,1) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(176,19,9,0)), color-stop(100%,rgba(176,19,9,1))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(left,  rgba(176,19,9,0) 0%,rgba(176,19,9,1) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(left,  rgba(176,19,9,0) 0%,rgba(176,19,9,1) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(left,  rgba(176,19,9,0) 0%,rgba(176,19,9,1) 100%); /* IE10+ */
				background: linear-gradient(to right,  rgba(176,19,9,0) 0%,rgba(176,19,9,1) 100%); /* W3C */
			}
			

				.gridster > .phx.ul > li.well.phoenixColor-red-level5 > .phx.title-bar > div.header-elements .btn i,
				.gridster > .phx.ul > li.well.phoenixColor-red-level5 > .phx.title-bar > div.header-elements > .phx-help {
					color: #ffffff;
				}
				.gridster > .phx.ul > li.well.phoenixColor-red-level5 .mdb-isolation div.header-elements button.btn.dropdown-toggle:focus i {
					color: #ffffff !important;
				}
				.gridster > .phx.ul > li.well.phoenixColor-red-level5 > .phx.title-bar + hr {
					background-color: #b01309;
				}


			.gridster > .phx.ul > li.well.phoenixColor-red-level5 > .phx.title-bar > div.header-elements .btn:hover i,
			.gridster > .phx.ul > li.well.phoenixColor-red-level5 > .phx.title-bar > div.header-elements > .phx-help:hover {
				color: #3f6fdc;
			}
			
			.k-in span.phoenixColor-red-level5,
			.phxGlyph.phx.phoenixColor-red-level5:not(.halflings-search),
			.phxText.phx.phoenixColor-red-level5,
			.sqlinfo span.phoenixColor-red-level5 {
				color: #b01309;
				fill: #b01309;
			}
			
			ul.color-picker-options > li.phoenixColor-red-level5 > .btn {
				color: #b01309;
			}

			.phx.badge.phoenixColor-green-level5,
			.phx.label.phoenixColor-green-level5,
			a.SidebarMenuItem:hover span.elementDisplay span.phx.badge.phoenixColor-green-level5,
			a.SidebarMenuItem:focus span.elementDisplay span.phx.badge.phoenixColor-green-level5,
			ul.color-picker-options > li.phoenixColor-green-level5 .color-box {
				background-color: #4d7224;
				color: #ffffff;
			}

			.gridster > .phx.ul > li.well.phoenixColor-green-level5,
			.gridster > .phx.ul > li.well.phoenixColor-green-level5 > .phx.title-bar > div.landingPageSectionTitle,
			.gridster > .phx.ul > li.well.phoenixColor-green-level5 > .phx.title-bar > div.header-elements {
				background-color: #4d7224;
				color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-green-level5 .mdb-isolation div.header-elements button.btn.btn-flat.dropdown-toggle {
				padding: 0.5rem 0.5rem;
				margin: 0 1.1rem;
			}

			

			.gridster > .phx.ul > li.well.phoenixColor-green-level5 > .phx.title-bar .btn-group .dropdown-toggle .caret {
				border-top-color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-green-level5 > .phx.title-bar > div.header-elements:before {
				/* IE9 SVG, needs conditional override of 'filter' to 'none' */
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(left,  rgba(77,114,36,0) 0%, rgba(77,114,36,1) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(77,114,36,0)), color-stop(100%,rgba(77,114,36,1))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(left,  rgba(77,114,36,0) 0%,rgba(77,114,36,1) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(left,  rgba(77,114,36,0) 0%,rgba(77,114,36,1) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(left,  rgba(77,114,36,0) 0%,rgba(77,114,36,1) 100%); /* IE10+ */
				background: linear-gradient(to right,  rgba(77,114,36,0) 0%,rgba(77,114,36,1) 100%); /* W3C */
			}
			

				.gridster > .phx.ul > li.well.phoenixColor-green-level5 > .phx.title-bar > div.header-elements .btn i,
				.gridster > .phx.ul > li.well.phoenixColor-green-level5 > .phx.title-bar > div.header-elements > .phx-help {
					color: #ffffff;
				}
				.gridster > .phx.ul > li.well.phoenixColor-green-level5 .mdb-isolation div.header-elements button.btn.dropdown-toggle:focus i {
					color: #ffffff !important;
				}
				.gridster > .phx.ul > li.well.phoenixColor-green-level5 > .phx.title-bar + hr {
					background-color: #4d7224;
				}


			.gridster > .phx.ul > li.well.phoenixColor-green-level5 > .phx.title-bar > div.header-elements .btn:hover i,
			.gridster > .phx.ul > li.well.phoenixColor-green-level5 > .phx.title-bar > div.header-elements > .phx-help:hover {
				color: #3f6fdc;
			}
			
			.k-in span.phoenixColor-green-level5,
			.phxGlyph.phx.phoenixColor-green-level5:not(.halflings-search),
			.phxText.phx.phoenixColor-green-level5,
			.sqlinfo span.phoenixColor-green-level5 {
				color: #4d7224;
				fill: #4d7224;
			}
			
			ul.color-picker-options > li.phoenixColor-green-level5 > .btn {
				color: #4d7224;
			}

			.phx.badge.phoenixColor-mint-level5,
			.phx.label.phoenixColor-mint-level5,
			a.SidebarMenuItem:hover span.elementDisplay span.phx.badge.phoenixColor-mint-level5,
			a.SidebarMenuItem:focus span.elementDisplay span.phx.badge.phoenixColor-mint-level5,
			ul.color-picker-options > li.phoenixColor-mint-level5 .color-box {
				background-color: #00776a;
				color: #ffffff;
			}

			.gridster > .phx.ul > li.well.phoenixColor-mint-level5,
			.gridster > .phx.ul > li.well.phoenixColor-mint-level5 > .phx.title-bar > div.landingPageSectionTitle,
			.gridster > .phx.ul > li.well.phoenixColor-mint-level5 > .phx.title-bar > div.header-elements {
				background-color: #00776a;
				color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-mint-level5 .mdb-isolation div.header-elements button.btn.btn-flat.dropdown-toggle {
				padding: 0.5rem 0.5rem;
				margin: 0 1.1rem;
			}

			

			.gridster > .phx.ul > li.well.phoenixColor-mint-level5 > .phx.title-bar .btn-group .dropdown-toggle .caret {
				border-top-color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-mint-level5 > .phx.title-bar > div.header-elements:before {
				/* IE9 SVG, needs conditional override of 'filter' to 'none' */
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(left,  rgba(0,119,106,0) 0%, rgba(0,119,106,1) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,119,106,0)), color-stop(100%,rgba(0,119,106,1))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(left,  rgba(0,119,106,0) 0%,rgba(0,119,106,1) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(left,  rgba(0,119,106,0) 0%,rgba(0,119,106,1) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(left,  rgba(0,119,106,0) 0%,rgba(0,119,106,1) 100%); /* IE10+ */
				background: linear-gradient(to right,  rgba(0,119,106,0) 0%,rgba(0,119,106,1) 100%); /* W3C */
			}
			

				.gridster > .phx.ul > li.well.phoenixColor-mint-level5 > .phx.title-bar > div.header-elements .btn i,
				.gridster > .phx.ul > li.well.phoenixColor-mint-level5 > .phx.title-bar > div.header-elements > .phx-help {
					color: #ffffff;
				}
				.gridster > .phx.ul > li.well.phoenixColor-mint-level5 .mdb-isolation div.header-elements button.btn.dropdown-toggle:focus i {
					color: #ffffff !important;
				}
				.gridster > .phx.ul > li.well.phoenixColor-mint-level5 > .phx.title-bar + hr {
					background-color: #00776a;
				}


			.gridster > .phx.ul > li.well.phoenixColor-mint-level5 > .phx.title-bar > div.header-elements .btn:hover i,
			.gridster > .phx.ul > li.well.phoenixColor-mint-level5 > .phx.title-bar > div.header-elements > .phx-help:hover {
				color: #3f6fdc;
			}
			
			.k-in span.phoenixColor-mint-level5,
			.phxGlyph.phx.phoenixColor-mint-level5:not(.halflings-search),
			.phxText.phx.phoenixColor-mint-level5,
			.sqlinfo span.phoenixColor-mint-level5 {
				color: #00776a;
				fill: #00776a;
			}
			
			ul.color-picker-options > li.phoenixColor-mint-level5 > .btn {
				color: #00776a;
			}

			.phx.badge.phoenixColor-webGreen-level5,
			.phx.label.phoenixColor-webGreen-level5,
			a.SidebarMenuItem:hover span.elementDisplay span.phx.badge.phoenixColor-webGreen-level5,
			a.SidebarMenuItem:focus span.elementDisplay span.phx.badge.phoenixColor-webGreen-level5,
			ul.color-picker-options > li.phoenixColor-webGreen-level5 .color-box {
				background-color: #098755;
				color: #ffffff;
			}

			.gridster > .phx.ul > li.well.phoenixColor-webGreen-level5,
			.gridster > .phx.ul > li.well.phoenixColor-webGreen-level5 > .phx.title-bar > div.landingPageSectionTitle,
			.gridster > .phx.ul > li.well.phoenixColor-webGreen-level5 > .phx.title-bar > div.header-elements {
				background-color: #098755;
				color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-webGreen-level5 .mdb-isolation div.header-elements button.btn.btn-flat.dropdown-toggle {
				padding: 0.5rem 0.5rem;
				margin: 0 1.1rem;
			}

			

			.gridster > .phx.ul > li.well.phoenixColor-webGreen-level5 > .phx.title-bar .btn-group .dropdown-toggle .caret {
				border-top-color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-webGreen-level5 > .phx.title-bar > div.header-elements:before {
				/* IE9 SVG, needs conditional override of 'filter' to 'none' */
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(left,  rgba(9,135,85,0) 0%, rgba(9,135,85,1) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(9,135,85,0)), color-stop(100%,rgba(9,135,85,1))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(left,  rgba(9,135,85,0) 0%,rgba(9,135,85,1) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(left,  rgba(9,135,85,0) 0%,rgba(9,135,85,1) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(left,  rgba(9,135,85,0) 0%,rgba(9,135,85,1) 100%); /* IE10+ */
				background: linear-gradient(to right,  rgba(9,135,85,0) 0%,rgba(9,135,85,1) 100%); /* W3C */
			}
			

				.gridster > .phx.ul > li.well.phoenixColor-webGreen-level5 > .phx.title-bar > div.header-elements .btn i,
				.gridster > .phx.ul > li.well.phoenixColor-webGreen-level5 > .phx.title-bar > div.header-elements > .phx-help {
					color: #ffffff;
				}
				.gridster > .phx.ul > li.well.phoenixColor-webGreen-level5 .mdb-isolation div.header-elements button.btn.dropdown-toggle:focus i {
					color: #ffffff !important;
				}
				.gridster > .phx.ul > li.well.phoenixColor-webGreen-level5 > .phx.title-bar + hr {
					background-color: #098755;
				}


			.gridster > .phx.ul > li.well.phoenixColor-webGreen-level5 > .phx.title-bar > div.header-elements .btn:hover i,
			.gridster > .phx.ul > li.well.phoenixColor-webGreen-level5 > .phx.title-bar > div.header-elements > .phx-help:hover {
				color: #3f6fdc;
			}
			
			.k-in span.phoenixColor-webGreen-level5,
			.phxGlyph.phx.phoenixColor-webGreen-level5:not(.halflings-search),
			.phxText.phx.phoenixColor-webGreen-level5,
			.sqlinfo span.phoenixColor-webGreen-level5 {
				color: #098755;
				fill: #098755;
			}
			
			ul.color-picker-options > li.phoenixColor-webGreen-level5 > .btn {
				color: #098755;
			}

			.phx.badge.phoenixColor-blue-level6,
			.phx.label.phoenixColor-blue-level6,
			a.SidebarMenuItem:hover span.elementDisplay span.phx.badge.phoenixColor-blue-level6,
			a.SidebarMenuItem:focus span.elementDisplay span.phx.badge.phoenixColor-blue-level6,
			ul.color-picker-options > li.phoenixColor-blue-level6 .color-box {
				background-color: #00355e;
				color: #ffffff;
			}

			.gridster > .phx.ul > li.well.phoenixColor-blue-level6,
			.gridster > .phx.ul > li.well.phoenixColor-blue-level6 > .phx.title-bar > div.landingPageSectionTitle,
			.gridster > .phx.ul > li.well.phoenixColor-blue-level6 > .phx.title-bar > div.header-elements {
				background-color: #00355e;
				color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-blue-level6 .mdb-isolation div.header-elements button.btn.btn-flat.dropdown-toggle {
				padding: 0.5rem 0.5rem;
				margin: 0 1.1rem;
			}

			

			.gridster > .phx.ul > li.well.phoenixColor-blue-level6 > .phx.title-bar .btn-group .dropdown-toggle .caret {
				border-top-color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-blue-level6 > .phx.title-bar > div.header-elements:before {
				/* IE9 SVG, needs conditional override of 'filter' to 'none' */
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(left,  rgba(0,53,94,0) 0%, rgba(0,53,94,1) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,53,94,0)), color-stop(100%,rgba(0,53,94,1))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(left,  rgba(0,53,94,0) 0%,rgba(0,53,94,1) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(left,  rgba(0,53,94,0) 0%,rgba(0,53,94,1) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(left,  rgba(0,53,94,0) 0%,rgba(0,53,94,1) 100%); /* IE10+ */
				background: linear-gradient(to right,  rgba(0,53,94,0) 0%,rgba(0,53,94,1) 100%); /* W3C */
			}
			

				.gridster > .phx.ul > li.well.phoenixColor-blue-level6 > .phx.title-bar > div.header-elements .btn i,
				.gridster > .phx.ul > li.well.phoenixColor-blue-level6 > .phx.title-bar > div.header-elements > .phx-help {
					color: #ffffff;
				}
				.gridster > .phx.ul > li.well.phoenixColor-blue-level6 .mdb-isolation div.header-elements button.btn.dropdown-toggle:focus i {
					color: #ffffff !important;
				}
				.gridster > .phx.ul > li.well.phoenixColor-blue-level6 > .phx.title-bar + hr {
					background-color: #00355e;
				}


			.gridster > .phx.ul > li.well.phoenixColor-blue-level6 > .phx.title-bar > div.header-elements .btn:hover i,
			.gridster > .phx.ul > li.well.phoenixColor-blue-level6 > .phx.title-bar > div.header-elements > .phx-help:hover {
				color: #3f6fdc;
			}
			
			.k-in span.phoenixColor-blue-level6,
			.phxGlyph.phx.phoenixColor-blue-level6:not(.halflings-search),
			.phxText.phx.phoenixColor-blue-level6,
			.sqlinfo span.phoenixColor-blue-level6 {
				color: #00355e;
				fill: #00355e;
			}
			
			ul.color-picker-options > li.phoenixColor-blue-level6 > .btn {
				color: #00355e;
			}

			.phx.badge.phoenixColor-gray-level6,
			.phx.label.phoenixColor-gray-level6,
			a.SidebarMenuItem:hover span.elementDisplay span.phx.badge.phoenixColor-gray-level6,
			a.SidebarMenuItem:focus span.elementDisplay span.phx.badge.phoenixColor-gray-level6,
			ul.color-picker-options > li.phoenixColor-gray-level6 .color-box {
				background-color: #17191b;
				color: #ffffff;
			}

			.gridster > .phx.ul > li.well.phoenixColor-gray-level6,
			.gridster > .phx.ul > li.well.phoenixColor-gray-level6 > .phx.title-bar > div.landingPageSectionTitle,
			.gridster > .phx.ul > li.well.phoenixColor-gray-level6 > .phx.title-bar > div.header-elements {
				background-color: #17191b;
				color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-gray-level6 .mdb-isolation div.header-elements button.btn.btn-flat.dropdown-toggle {
				padding: 0.5rem 0.5rem;
				margin: 0 1.1rem;
			}

			

			.gridster > .phx.ul > li.well.phoenixColor-gray-level6 > .phx.title-bar .btn-group .dropdown-toggle .caret {
				border-top-color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-gray-level6 > .phx.title-bar > div.header-elements:before {
				/* IE9 SVG, needs conditional override of 'filter' to 'none' */
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(left,  rgba(23,25,27,0) 0%, rgba(23,25,27,1) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(23,25,27,0)), color-stop(100%,rgba(23,25,27,1))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(left,  rgba(23,25,27,0) 0%,rgba(23,25,27,1) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(left,  rgba(23,25,27,0) 0%,rgba(23,25,27,1) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(left,  rgba(23,25,27,0) 0%,rgba(23,25,27,1) 100%); /* IE10+ */
				background: linear-gradient(to right,  rgba(23,25,27,0) 0%,rgba(23,25,27,1) 100%); /* W3C */
			}
			

				.gridster > .phx.ul > li.well.phoenixColor-gray-level6 > .phx.title-bar > div.header-elements .btn i,
				.gridster > .phx.ul > li.well.phoenixColor-gray-level6 > .phx.title-bar > div.header-elements > .phx-help {
					color: #ffffff;
				}
				.gridster > .phx.ul > li.well.phoenixColor-gray-level6 .mdb-isolation div.header-elements button.btn.dropdown-toggle:focus i {
					color: #ffffff !important;
				}
				.gridster > .phx.ul > li.well.phoenixColor-gray-level6 > .phx.title-bar + hr {
					background-color: #17191b;
				}


			.gridster > .phx.ul > li.well.phoenixColor-gray-level6 > .phx.title-bar > div.header-elements .btn:hover i,
			.gridster > .phx.ul > li.well.phoenixColor-gray-level6 > .phx.title-bar > div.header-elements > .phx-help:hover {
				color: #3f6fdc;
			}
			
			.k-in span.phoenixColor-gray-level6,
			.phxGlyph.phx.phoenixColor-gray-level6:not(.halflings-search),
			.phxText.phx.phoenixColor-gray-level6,
			.sqlinfo span.phoenixColor-gray-level6 {
				color: #17191b;
				fill: #17191b;
			}
			
			ul.color-picker-options > li.phoenixColor-gray-level6 > .btn {
				color: #17191b;
			}

			.phx.badge.phoenixColor-purple-level6,
			.phx.label.phoenixColor-purple-level6,
			a.SidebarMenuItem:hover span.elementDisplay span.phx.badge.phoenixColor-purple-level6,
			a.SidebarMenuItem:focus span.elementDisplay span.phx.badge.phoenixColor-purple-level6,
			ul.color-picker-options > li.phoenixColor-purple-level6 .color-box {
				background-color: #4d2a67;
				color: #ffffff;
			}

			.gridster > .phx.ul > li.well.phoenixColor-purple-level6,
			.gridster > .phx.ul > li.well.phoenixColor-purple-level6 > .phx.title-bar > div.landingPageSectionTitle,
			.gridster > .phx.ul > li.well.phoenixColor-purple-level6 > .phx.title-bar > div.header-elements {
				background-color: #4d2a67;
				color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-purple-level6 .mdb-isolation div.header-elements button.btn.btn-flat.dropdown-toggle {
				padding: 0.5rem 0.5rem;
				margin: 0 1.1rem;
			}

			

			.gridster > .phx.ul > li.well.phoenixColor-purple-level6 > .phx.title-bar .btn-group .dropdown-toggle .caret {
				border-top-color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-purple-level6 > .phx.title-bar > div.header-elements:before {
				/* IE9 SVG, needs conditional override of 'filter' to 'none' */
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(left,  rgba(77,42,103,0) 0%, rgba(77,42,103,1) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(77,42,103,0)), color-stop(100%,rgba(77,42,103,1))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(left,  rgba(77,42,103,0) 0%,rgba(77,42,103,1) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(left,  rgba(77,42,103,0) 0%,rgba(77,42,103,1) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(left,  rgba(77,42,103,0) 0%,rgba(77,42,103,1) 100%); /* IE10+ */
				background: linear-gradient(to right,  rgba(77,42,103,0) 0%,rgba(77,42,103,1) 100%); /* W3C */
			}
			

				.gridster > .phx.ul > li.well.phoenixColor-purple-level6 > .phx.title-bar > div.header-elements .btn i,
				.gridster > .phx.ul > li.well.phoenixColor-purple-level6 > .phx.title-bar > div.header-elements > .phx-help {
					color: #ffffff;
				}
				.gridster > .phx.ul > li.well.phoenixColor-purple-level6 .mdb-isolation div.header-elements button.btn.dropdown-toggle:focus i {
					color: #ffffff !important;
				}
				.gridster > .phx.ul > li.well.phoenixColor-purple-level6 > .phx.title-bar + hr {
					background-color: #4d2a67;
				}


			.gridster > .phx.ul > li.well.phoenixColor-purple-level6 > .phx.title-bar > div.header-elements .btn:hover i,
			.gridster > .phx.ul > li.well.phoenixColor-purple-level6 > .phx.title-bar > div.header-elements > .phx-help:hover {
				color: #3f6fdc;
			}
			
			.k-in span.phoenixColor-purple-level6,
			.phxGlyph.phx.phoenixColor-purple-level6:not(.halflings-search),
			.phxText.phx.phoenixColor-purple-level6,
			.sqlinfo span.phoenixColor-purple-level6 {
				color: #4d2a67;
				fill: #4d2a67;
			}
			
			ul.color-picker-options > li.phoenixColor-purple-level6 > .btn {
				color: #4d2a67;
			}

			.phx.badge.phoenixColor-orange-level6,
			.phx.label.phoenixColor-orange-level6,
			a.SidebarMenuItem:hover span.elementDisplay span.phx.badge.phoenixColor-orange-level6,
			a.SidebarMenuItem:focus span.elementDisplay span.phx.badge.phoenixColor-orange-level6,
			ul.color-picker-options > li.phoenixColor-orange-level6 .color-box {
				background-color: #fff4f0;
				color: #ffffff;
			}

			.gridster > .phx.ul > li.well.phoenixColor-orange-level6,
			.gridster > .phx.ul > li.well.phoenixColor-orange-level6 > .phx.title-bar > div.landingPageSectionTitle,
			.gridster > .phx.ul > li.well.phoenixColor-orange-level6 > .phx.title-bar > div.header-elements {
				background-color: #fff4f0;
				color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-orange-level6 .mdb-isolation div.header-elements button.btn.btn-flat.dropdown-toggle {
				padding: 0.5rem 0.5rem;
				margin: 0 1.1rem;
			}

			

			.gridster > .phx.ul > li.well.phoenixColor-orange-level6 > .phx.title-bar .btn-group .dropdown-toggle .caret {
				border-top-color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-orange-level6 > .phx.title-bar > div.header-elements:before {
				/* IE9 SVG, needs conditional override of 'filter' to 'none' */
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(left,  rgba(255,244,240,0) 0%, rgba(255,244,240,1) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,244,240,0)), color-stop(100%,rgba(255,244,240,1))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(left,  rgba(255,244,240,0) 0%,rgba(255,244,240,1) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(left,  rgba(255,244,240,0) 0%,rgba(255,244,240,1) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(left,  rgba(255,244,240,0) 0%,rgba(255,244,240,1) 100%); /* IE10+ */
				background: linear-gradient(to right,  rgba(255,244,240,0) 0%,rgba(255,244,240,1) 100%); /* W3C */
			}
			

				.gridster > .phx.ul > li.well.phoenixColor-orange-level6 > .phx.title-bar > div.header-elements .btn i,
				.gridster > .phx.ul > li.well.phoenixColor-orange-level6 > .phx.title-bar > div.header-elements > .phx-help {
					color: #ffffff;
				}
				.gridster > .phx.ul > li.well.phoenixColor-orange-level6 .mdb-isolation div.header-elements button.btn.dropdown-toggle:focus i {
					color: #ffffff !important;
				}
				.gridster > .phx.ul > li.well.phoenixColor-orange-level6 > .phx.title-bar + hr {
					background-color: #fff4f0;
				}


			.gridster > .phx.ul > li.well.phoenixColor-orange-level6 > .phx.title-bar > div.header-elements .btn:hover i,
			.gridster > .phx.ul > li.well.phoenixColor-orange-level6 > .phx.title-bar > div.header-elements > .phx-help:hover {
				color: #3f6fdc;
			}
			
			.k-in span.phoenixColor-orange-level6,
			.phxGlyph.phx.phoenixColor-orange-level6:not(.halflings-search),
			.phxText.phx.phoenixColor-orange-level6,
			.sqlinfo span.phoenixColor-orange-level6 {
				color: #fff4f0;
				fill: #fff4f0;
			}
			
			ul.color-picker-options > li.phoenixColor-orange-level6 > .btn {
				color: #fff4f0;
			}

			.phx.badge.phoenixColor-red-level6,
			.phx.label.phoenixColor-red-level6,
			a.SidebarMenuItem:hover span.elementDisplay span.phx.badge.phoenixColor-red-level6,
			a.SidebarMenuItem:focus span.elementDisplay span.phx.badge.phoenixColor-red-level6,
			ul.color-picker-options > li.phoenixColor-red-level6 .color-box {
				background-color: #770801;
				color: #ffffff;
			}

			.gridster > .phx.ul > li.well.phoenixColor-red-level6,
			.gridster > .phx.ul > li.well.phoenixColor-red-level6 > .phx.title-bar > div.landingPageSectionTitle,
			.gridster > .phx.ul > li.well.phoenixColor-red-level6 > .phx.title-bar > div.header-elements {
				background-color: #770801;
				color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-red-level6 .mdb-isolation div.header-elements button.btn.btn-flat.dropdown-toggle {
				padding: 0.5rem 0.5rem;
				margin: 0 1.1rem;
			}

			

			.gridster > .phx.ul > li.well.phoenixColor-red-level6 > .phx.title-bar .btn-group .dropdown-toggle .caret {
				border-top-color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-red-level6 > .phx.title-bar > div.header-elements:before {
				/* IE9 SVG, needs conditional override of 'filter' to 'none' */
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(left,  rgba(119,8,1,0) 0%, rgba(119,8,1,1) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(119,8,1,0)), color-stop(100%,rgba(119,8,1,1))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(left,  rgba(119,8,1,0) 0%,rgba(119,8,1,1) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(left,  rgba(119,8,1,0) 0%,rgba(119,8,1,1) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(left,  rgba(119,8,1,0) 0%,rgba(119,8,1,1) 100%); /* IE10+ */
				background: linear-gradient(to right,  rgba(119,8,1,0) 0%,rgba(119,8,1,1) 100%); /* W3C */
			}
			

				.gridster > .phx.ul > li.well.phoenixColor-red-level6 > .phx.title-bar > div.header-elements .btn i,
				.gridster > .phx.ul > li.well.phoenixColor-red-level6 > .phx.title-bar > div.header-elements > .phx-help {
					color: #ffffff;
				}
				.gridster > .phx.ul > li.well.phoenixColor-red-level6 .mdb-isolation div.header-elements button.btn.dropdown-toggle:focus i {
					color: #ffffff !important;
				}
				.gridster > .phx.ul > li.well.phoenixColor-red-level6 > .phx.title-bar + hr {
					background-color: #770801;
				}


			.gridster > .phx.ul > li.well.phoenixColor-red-level6 > .phx.title-bar > div.header-elements .btn:hover i,
			.gridster > .phx.ul > li.well.phoenixColor-red-level6 > .phx.title-bar > div.header-elements > .phx-help:hover {
				color: #3f6fdc;
			}
			
			.k-in span.phoenixColor-red-level6,
			.phxGlyph.phx.phoenixColor-red-level6:not(.halflings-search),
			.phxText.phx.phoenixColor-red-level6,
			.sqlinfo span.phoenixColor-red-level6 {
				color: #770801;
				fill: #770801;
			}
			
			ul.color-picker-options > li.phoenixColor-red-level6 > .btn {
				color: #770801;
			}

			.phx.badge.phoenixColor-green-level6,
			.phx.label.phoenixColor-green-level6,
			a.SidebarMenuItem:hover span.elementDisplay span.phx.badge.phoenixColor-green-level6,
			a.SidebarMenuItem:focus span.elementDisplay span.phx.badge.phoenixColor-green-level6,
			ul.color-picker-options > li.phoenixColor-green-level6 .color-box {
				background-color: #314b14;
				color: #ffffff;
			}

			.gridster > .phx.ul > li.well.phoenixColor-green-level6,
			.gridster > .phx.ul > li.well.phoenixColor-green-level6 > .phx.title-bar > div.landingPageSectionTitle,
			.gridster > .phx.ul > li.well.phoenixColor-green-level6 > .phx.title-bar > div.header-elements {
				background-color: #314b14;
				color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-green-level6 .mdb-isolation div.header-elements button.btn.btn-flat.dropdown-toggle {
				padding: 0.5rem 0.5rem;
				margin: 0 1.1rem;
			}

			

			.gridster > .phx.ul > li.well.phoenixColor-green-level6 > .phx.title-bar .btn-group .dropdown-toggle .caret {
				border-top-color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-green-level6 > .phx.title-bar > div.header-elements:before {
				/* IE9 SVG, needs conditional override of 'filter' to 'none' */
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(left,  rgba(49,75,20,0) 0%, rgba(49,75,20,1) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(49,75,20,0)), color-stop(100%,rgba(49,75,20,1))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(left,  rgba(49,75,20,0) 0%,rgba(49,75,20,1) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(left,  rgba(49,75,20,0) 0%,rgba(49,75,20,1) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(left,  rgba(49,75,20,0) 0%,rgba(49,75,20,1) 100%); /* IE10+ */
				background: linear-gradient(to right,  rgba(49,75,20,0) 0%,rgba(49,75,20,1) 100%); /* W3C */
			}
			

				.gridster > .phx.ul > li.well.phoenixColor-green-level6 > .phx.title-bar > div.header-elements .btn i,
				.gridster > .phx.ul > li.well.phoenixColor-green-level6 > .phx.title-bar > div.header-elements > .phx-help {
					color: #ffffff;
				}
				.gridster > .phx.ul > li.well.phoenixColor-green-level6 .mdb-isolation div.header-elements button.btn.dropdown-toggle:focus i {
					color: #ffffff !important;
				}
				.gridster > .phx.ul > li.well.phoenixColor-green-level6 > .phx.title-bar + hr {
					background-color: #314b14;
				}


			.gridster > .phx.ul > li.well.phoenixColor-green-level6 > .phx.title-bar > div.header-elements .btn:hover i,
			.gridster > .phx.ul > li.well.phoenixColor-green-level6 > .phx.title-bar > div.header-elements > .phx-help:hover {
				color: #3f6fdc;
			}
			
			.k-in span.phoenixColor-green-level6,
			.phxGlyph.phx.phoenixColor-green-level6:not(.halflings-search),
			.phxText.phx.phoenixColor-green-level6,
			.sqlinfo span.phoenixColor-green-level6 {
				color: #314b14;
				fill: #314b14;
			}
			
			ul.color-picker-options > li.phoenixColor-green-level6 > .btn {
				color: #314b14;
			}

			.phx.badge.phoenixColor-webBlack-level6,
			.phx.label.phoenixColor-webBlack-level6,
			a.SidebarMenuItem:hover span.elementDisplay span.phx.badge.phoenixColor-webBlack-level6,
			a.SidebarMenuItem:focus span.elementDisplay span.phx.badge.phoenixColor-webBlack-level6,
			ul.color-picker-options > li.phoenixColor-webBlack-level6 .color-box {
				background-color: #000000;
				color: #ffffff;
			}

			.gridster > .phx.ul > li.well.phoenixColor-webBlack-level6,
			.gridster > .phx.ul > li.well.phoenixColor-webBlack-level6 > .phx.title-bar > div.landingPageSectionTitle,
			.gridster > .phx.ul > li.well.phoenixColor-webBlack-level6 > .phx.title-bar > div.header-elements {
				background-color: #000000;
				color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-webBlack-level6 .mdb-isolation div.header-elements button.btn.btn-flat.dropdown-toggle {
				padding: 0.5rem 0.5rem;
				margin: 0 1.1rem;
			}

			

			.gridster > .phx.ul > li.well.phoenixColor-webBlack-level6 > .phx.title-bar .btn-group .dropdown-toggle .caret {
				border-top-color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-webBlack-level6 > .phx.title-bar > div.header-elements:before {
				/* IE9 SVG, needs conditional override of 'filter' to 'none' */
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
				background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C */
			}
			

				.gridster > .phx.ul > li.well.phoenixColor-webBlack-level6 > .phx.title-bar > div.header-elements .btn i,
				.gridster > .phx.ul > li.well.phoenixColor-webBlack-level6 > .phx.title-bar > div.header-elements > .phx-help {
					color: #ffffff;
				}
				.gridster > .phx.ul > li.well.phoenixColor-webBlack-level6 .mdb-isolation div.header-elements button.btn.dropdown-toggle:focus i {
					color: #ffffff !important;
				}
				.gridster > .phx.ul > li.well.phoenixColor-webBlack-level6 > .phx.title-bar + hr {
					background-color: #000000;
				}


			.gridster > .phx.ul > li.well.phoenixColor-webBlack-level6 > .phx.title-bar > div.header-elements .btn:hover i,
			.gridster > .phx.ul > li.well.phoenixColor-webBlack-level6 > .phx.title-bar > div.header-elements > .phx-help:hover {
				color: #3f6fdc;
			}
			
			.k-in span.phoenixColor-webBlack-level6,
			.phxGlyph.phx.phoenixColor-webBlack-level6:not(.halflings-search),
			.phxText.phx.phoenixColor-webBlack-level6,
			.sqlinfo span.phoenixColor-webBlack-level6 {
				color: #000000;
				fill: #000000;
			}
			
			ul.color-picker-options > li.phoenixColor-webBlack-level6 > .btn {
				color: #000000;
			}

			.phx.badge.phoenixColor-webWarning-level6,
			.phx.label.phoenixColor-webWarning-level6,
			a.SidebarMenuItem:hover span.elementDisplay span.phx.badge.phoenixColor-webWarning-level6,
			a.SidebarMenuItem:focus span.elementDisplay span.phx.badge.phoenixColor-webWarning-level6,
			ul.color-picker-options > li.phoenixColor-webWarning-level6 .color-box {
				background-color: #a66304;
				color: #ffffff;
			}

			.gridster > .phx.ul > li.well.phoenixColor-webWarning-level6,
			.gridster > .phx.ul > li.well.phoenixColor-webWarning-level6 > .phx.title-bar > div.landingPageSectionTitle,
			.gridster > .phx.ul > li.well.phoenixColor-webWarning-level6 > .phx.title-bar > div.header-elements {
				background-color: #a66304;
				color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-webWarning-level6 .mdb-isolation div.header-elements button.btn.btn-flat.dropdown-toggle {
				padding: 0.5rem 0.5rem;
				margin: 0 1.1rem;
			}

			

			.gridster > .phx.ul > li.well.phoenixColor-webWarning-level6 > .phx.title-bar .btn-group .dropdown-toggle .caret {
				border-top-color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-webWarning-level6 > .phx.title-bar > div.header-elements:before {
				/* IE9 SVG, needs conditional override of 'filter' to 'none' */
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(left,  rgba(166,99,4,0) 0%, rgba(166,99,4,1) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(166,99,4,0)), color-stop(100%,rgba(166,99,4,1))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(left,  rgba(166,99,4,0) 0%,rgba(166,99,4,1) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(left,  rgba(166,99,4,0) 0%,rgba(166,99,4,1) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(left,  rgba(166,99,4,0) 0%,rgba(166,99,4,1) 100%); /* IE10+ */
				background: linear-gradient(to right,  rgba(166,99,4,0) 0%,rgba(166,99,4,1) 100%); /* W3C */
			}
			

				.gridster > .phx.ul > li.well.phoenixColor-webWarning-level6 > .phx.title-bar > div.header-elements .btn i,
				.gridster > .phx.ul > li.well.phoenixColor-webWarning-level6 > .phx.title-bar > div.header-elements > .phx-help {
					color: #ffffff;
				}
				.gridster > .phx.ul > li.well.phoenixColor-webWarning-level6 .mdb-isolation div.header-elements button.btn.dropdown-toggle:focus i {
					color: #ffffff !important;
				}
				.gridster > .phx.ul > li.well.phoenixColor-webWarning-level6 > .phx.title-bar + hr {
					background-color: #a66304;
				}


			.gridster > .phx.ul > li.well.phoenixColor-webWarning-level6 > .phx.title-bar > div.header-elements .btn:hover i,
			.gridster > .phx.ul > li.well.phoenixColor-webWarning-level6 > .phx.title-bar > div.header-elements > .phx-help:hover {
				color: #3f6fdc;
			}
			
			.k-in span.phoenixColor-webWarning-level6,
			.phxGlyph.phx.phoenixColor-webWarning-level6:not(.halflings-search),
			.phxText.phx.phoenixColor-webWarning-level6,
			.sqlinfo span.phoenixColor-webWarning-level6 {
				color: #a66304;
				fill: #a66304;
			}
			
			ul.color-picker-options > li.phoenixColor-webWarning-level6 > .btn {
				color: #a66304;
			}

			.phx.badge.phoenixColor-gray-level7,
			.phx.label.phoenixColor-gray-level7,
			a.SidebarMenuItem:hover span.elementDisplay span.phx.badge.phoenixColor-gray-level7,
			a.SidebarMenuItem:focus span.elementDisplay span.phx.badge.phoenixColor-gray-level7,
			ul.color-picker-options > li.phoenixColor-gray-level7 .color-box {
				background-color: #767676;
				color: #ffffff;
			}

			.gridster > .phx.ul > li.well.phoenixColor-gray-level7,
			.gridster > .phx.ul > li.well.phoenixColor-gray-level7 > .phx.title-bar > div.landingPageSectionTitle,
			.gridster > .phx.ul > li.well.phoenixColor-gray-level7 > .phx.title-bar > div.header-elements {
				background-color: #767676;
				color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-gray-level7 .mdb-isolation div.header-elements button.btn.btn-flat.dropdown-toggle {
				padding: 0.5rem 0.5rem;
				margin: 0 1.1rem;
			}

			

			.gridster > .phx.ul > li.well.phoenixColor-gray-level7 > .phx.title-bar .btn-group .dropdown-toggle .caret {
				border-top-color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-gray-level7 > .phx.title-bar > div.header-elements:before {
				/* IE9 SVG, needs conditional override of 'filter' to 'none' */
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(left,  rgba(118,118,118,0) 0%, rgba(118,118,118,1) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(118,118,118,0)), color-stop(100%,rgba(118,118,118,1))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(left,  rgba(118,118,118,0) 0%,rgba(118,118,118,1) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(left,  rgba(118,118,118,0) 0%,rgba(118,118,118,1) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(left,  rgba(118,118,118,0) 0%,rgba(118,118,118,1) 100%); /* IE10+ */
				background: linear-gradient(to right,  rgba(118,118,118,0) 0%,rgba(118,118,118,1) 100%); /* W3C */
			}
			

				.gridster > .phx.ul > li.well.phoenixColor-gray-level7 > .phx.title-bar > div.header-elements .btn i,
				.gridster > .phx.ul > li.well.phoenixColor-gray-level7 > .phx.title-bar > div.header-elements > .phx-help {
					color: #ffffff;
				}
				.gridster > .phx.ul > li.well.phoenixColor-gray-level7 .mdb-isolation div.header-elements button.btn.dropdown-toggle:focus i {
					color: #ffffff !important;
				}
				.gridster > .phx.ul > li.well.phoenixColor-gray-level7 > .phx.title-bar + hr {
					background-color: #767676;
				}


			.gridster > .phx.ul > li.well.phoenixColor-gray-level7 > .phx.title-bar > div.header-elements .btn:hover i,
			.gridster > .phx.ul > li.well.phoenixColor-gray-level7 > .phx.title-bar > div.header-elements > .phx-help:hover {
				color: #3f6fdc;
			}
			
			.k-in span.phoenixColor-gray-level7,
			.phxGlyph.phx.phoenixColor-gray-level7:not(.halflings-search),
			.phxText.phx.phoenixColor-gray-level7,
			.sqlinfo span.phoenixColor-gray-level7 {
				color: #767676;
				fill: #767676;
			}
			
			ul.color-picker-options > li.phoenixColor-gray-level7 > .btn {
				color: #767676;
			}

			.phx.badge.phoenixColor-green-level7,
			.phx.label.phoenixColor-green-level7,
			a.SidebarMenuItem:hover span.elementDisplay span.phx.badge.phoenixColor-green-level7,
			a.SidebarMenuItem:focus span.elementDisplay span.phx.badge.phoenixColor-green-level7,
			ul.color-picker-options > li.phoenixColor-green-level7 .color-box {
				background-color: #198754;
				color: #ffffff;
			}

			.gridster > .phx.ul > li.well.phoenixColor-green-level7,
			.gridster > .phx.ul > li.well.phoenixColor-green-level7 > .phx.title-bar > div.landingPageSectionTitle,
			.gridster > .phx.ul > li.well.phoenixColor-green-level7 > .phx.title-bar > div.header-elements {
				background-color: #198754;
				color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-green-level7 .mdb-isolation div.header-elements button.btn.btn-flat.dropdown-toggle {
				padding: 0.5rem 0.5rem;
				margin: 0 1.1rem;
			}

			

			.gridster > .phx.ul > li.well.phoenixColor-green-level7 > .phx.title-bar .btn-group .dropdown-toggle .caret {
				border-top-color: #ffffff;
			}
			
			.gridster > .phx.ul > li.well.phoenixColor-green-level7 > .phx.title-bar > div.header-elements:before {
				/* IE9 SVG, needs conditional override of 'filter' to 'none' */
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(left,  rgba(25,135,84,0) 0%, rgba(25,135,84,1) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(25,135,84,0)), color-stop(100%,rgba(25,135,84,1))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(left,  rgba(25,135,84,0) 0%,rgba(25,135,84,1) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(left,  rgba(25,135,84,0) 0%,rgba(25,135,84,1) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(left,  rgba(25,135,84,0) 0%,rgba(25,135,84,1) 100%); /* IE10+ */
				background: linear-gradient(to right,  rgba(25,135,84,0) 0%,rgba(25,135,84,1) 100%); /* W3C */
			}
			

				.gridster > .phx.ul > li.well.phoenixColor-green-level7 > .phx.title-bar > div.header-elements .btn i,
				.gridster > .phx.ul > li.well.phoenixColor-green-level7 > .phx.title-bar > div.header-elements > .phx-help {
					color: #ffffff;
				}
				.gridster > .phx.ul > li.well.phoenixColor-green-level7 .mdb-isolation div.header-elements button.btn.dropdown-toggle:focus i {
					color: #ffffff !important;
				}
				.gridster > .phx.ul > li.well.phoenixColor-green-level7 > .phx.title-bar + hr {
					background-color: #198754;
				}


			.gridster > .phx.ul > li.well.phoenixColor-green-level7 > .phx.title-bar > div.header-elements .btn:hover i,
			.gridster > .phx.ul > li.well.phoenixColor-green-level7 > .phx.title-bar > div.header-elements > .phx-help:hover {
				color: #3f6fdc;
			}
			
			.k-in span.phoenixColor-green-level7,
			.phxGlyph.phx.phoenixColor-green-level7:not(.halflings-search),
			.phxText.phx.phoenixColor-green-level7,
			.sqlinfo span.phoenixColor-green-level7 {
				color: #198754;
				fill: #198754;
			}
			
			ul.color-picker-options > li.phoenixColor-green-level7 > .btn {
				color: #198754;
			}



	
	





































 











@font-face {
    font-family: 'Open Sans';
    src: url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-bold-webfont.eot');
    src: url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-bold-webfont.woff2') format('woff2'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-bold-webfont.woff') format('woff'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-bold-webfont.ttf') format('truetype'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-bolditalic-webfont.eot');
    src: url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-bolditalic-webfont.woff2') format('woff2'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-bolditalic-webfont.woff') format('woff'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-bolditalic-webfont.ttf') format('truetype'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-bolditalic-webfont.svg#open_sansbold_italic') format('svg');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-italic-webfont.eot');
    src: url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-italic-webfont.woff2') format('woff2'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-italic-webfont.woff') format('woff'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-italic-webfont.ttf') format('truetype'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-regular-webfont.eot');
    src: url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-regular-webfont.woff2') format('woff2'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-regular-webfont.woff') format('woff'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-regular-webfont.ttf') format('truetype'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}





.scicons {
	display:inline-block;
	width:1em;
	height:1em;
	position:relative;
	text-decoration:none;
	*display:inline;
	*zoom:1;
	vertical-align:middle;
}

.scicons:before {
	position:absolute;
	left:-2px;
	top:0;
	display:inline-block;
	margin:0 5px;
	font:12px/1em 'sciconsregular';
	font-style:normal;
	font-weight:normal;
	*display:inline;
	*zoom:1;
	vertical-align:middle;
	text-transform:none;
	-webkit-font-smoothing:antialiased;
}


.scicons.arrow-down:before {
	content: 'd';
}

.scicons.arrow-left:before {
	content: 'l';
}

.scicons.arrow-right:before {
	content: 'r';
}

.scicons.arrow-up:before {
	content: 'u';
}

.scicons.radio-deselected:before {
	content: 'o';
}

.scicons.radio-selected:before {
	content: '@';
}

.scicons.radio-dot:before {
	content: '*';
}

.scicons.fine-dot:before {
	content: '\25cf';
}


	













































@font-face {
    font-family: 'Open Sans';
    src: url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-bold-webfont.eot');
    src: url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-bold-webfont.woff2') format('woff2'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-bold-webfont.woff') format('woff'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-bold-webfont.ttf') format('truetype'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-bolditalic-webfont.eot');
    src: url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-bolditalic-webfont.woff2') format('woff2'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-bolditalic-webfont.woff') format('woff'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-bolditalic-webfont.ttf') format('truetype'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-bolditalic-webfont.svg#open_sansbold_italic') format('svg');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-italic-webfont.eot');
    src: url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-italic-webfont.woff2') format('woff2'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-italic-webfont.woff') format('woff'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-italic-webfont.ttf') format('truetype'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-regular-webfont.eot');
    src: url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-regular-webfont.woff2') format('woff2'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-regular-webfont.woff') format('woff'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-regular-webfont.ttf') format('truetype'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}





.phxGlyph.icon-green {
	color:#44A344;
}

.phxGlyph.icon-orange{
	color:#FF6600;
}

.phxGlyph.icon-red{
	color:#B40600;
}

.phxGlyph.icon-white{
	color:#FFFFFF;
}

.phxGlyph.icon-blue{
	color:#306f8f;
}

.btn-link > i.glyphicon,
.btn-link > i.halflings {
	top:0px;
	display:inline;
}

.halflings,
.glyphicons {
	padding-left:0;
	vertical-align:baseline;
	color:inherit;
	font-style:normal;
	-webkit-font-smoothing:antialiased;
}

.halflings:before,
.glyphicons:before {
	position:relative;
	vertical-align:baseline;
	margin:0;
	color:inherit;
	font-size:inherit;
}

.phx.phxGlyph + .readOnlyValue {
	margin-left:.5em;
}

.phxText + .phxGlyph {
	margin-left: .5em;
}


	
	



.modal-open .modal .dropdown-menu {
  z-index: 8050;
}

.modal-open .modal .dropdown.open {
  *z-index: 8050;
}

.modal-open .modal .popover {
  z-index: 8060;
}

.modal-open .modal .tooltip {
  z-index: 8080;
}

.modal-backdrop {
  z-index: 7040 !important;
}

.modal-header .modalHeading {
	display: block;
	margin: 0;
	font-size: 2em;
	font-weight: bold;
	color: #000000;
	text-rendering: optimizelegibility;
	font-family: inherit;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	flex-grow: 1;
}

.modal .modal-gray .modal-header {
  display: flex;
  align-items: center;
}

.modal .modal-gray .modal-header div.buttons-wrapper button svg {
  min-width: 13px;
  width: 13px;
}

.modal {
	white-space:normal;
	color: #777;
	text-shadow:none;
	width: auto;
	min-width:500px;
	max-width:100%;
	z-index: 15050;
}

.modal-body {
	white-space:normal;
	min-height:0%;/*needed for "hoover" bug in IE9 */
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	color:black;
	position:relative;
}

.modal .option {
	display: inline-block;
	margin-left: 5px;
}

body.PhoenixOverlay #PhoenixOverlayModal.modal {
	z-index:0;
}

body.PhoenixOverlay #PhoenixOverlayModal.modal.fade {
	visibility:hidden;
}

.modal A.FieldReq, A.FieldOpt {
	cursor:help;
}

.modal .FieldOpt, .FieldReq {
	color: #000000;
}

.modal A.FieldOpt:HOVER, A.FieldReq:HOVER {
	text-decoration: none;
}

.modal .FieldReq {
	font-weight: bold;
}

.modal .FieldOpt {
	font-weight: normal;
}

.alert .modal .modal-header .close {
	right:0;
}

.modal > .loadingIcon {
	position:relative;
	left:50%;
	width:48px;
	margin-left:-24px;
	padding:1em 0;
}

#ModalLink_PHX_NAV_OrgMessage > div {
	color: #767676 !important;
}

.modal > .pleaseWait {
	width:100%;
	text-align:center;
	margin:.5em 0em;
	box-sizing:border-box;
}

.modal-footer > .requiredNote {
	display:inline-block;
	color: black;
	fill: black;
	font-size:.9em;
	margin-top:.6em;
	float:left;
}

.modal-footer > .modal-footer-buttons {
	white-space:nowrap;
	display:inline-block;
	margin-left:1em;
	float:right;
}

.modal-footer > .modal-footer-buttons button:focus {
	outline-offset: 1px;
}

.modal-footer > .modal-footer-buttons > .modal-footer-buttons__additional {
	white-space: nowrap;
	display: inline-block;
	margin-right: 1em;
}

.PhoenixOverlay #PHX_CONFIRM {
	margin-top:-95px;
}

div.ScreenShade.fade {
	background-color: #111;
	background-image:none;
	opacity: 0;
  -webkit-transition: opacity 0 linear;
     -moz-transition: opacity 0 linear;
       -o-transition: opacity 0 linear;
          transition: opacity 0 linear;
}

.ScreenShade.fade.in {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.phx.alertMessage,
.phx.confirmMessage {
	max-width:50em;
}

.modal-body .SearchResults .ColHdr {
	background-color: white;
	text-align: left;
}

.modal-body .SearchResults {
	border-top: none;
}

.modal-body > DIV > form .DualPanelSideContent .phoenixSubSection,
.modal-body > DIV > form > input + DIV.phoenixSubSection:first-of-type{
	margin-top:0;
}

.modal-body > #modal-body-content > .phoenixSubSection:first-child {
	margin-top:0;
}

.modal-body-overflow-resize {
	overflow: hidden;
	overflow-x: hidden;
	overflow-y: hidden;
}

.modal {
	max-width:95%;
}

.modal DIV.TitleRow > HR {
	margin-bottom: 2px;
}

.modal-sticky-footer {
	position: absolute;
	bottom: 60px;
	left: 0;
	right: 0;
	overflow: hidden;
	padding: 5px 10px;
	padding-bottom: 10px;
	background-color: white;
	border-top: 1px solid lightgrey;
	-webkit-box-shadow: 0px -2px 5px 0px rgba(122,122,122,0.63);
	-moz-box-shadow: 0px -2px 5px 0px rgba(122,122,122,0.63);
	box-shadow: 0px -2px 5px 0px rgba(122,122,122,0.63);
}

.modal-sticky-footer > .phoenixSubSection {
	margin-top:0;
}

.phx-inline-overlay-root,
.phx-overlay-root {
	z-index: 75000;
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
}

body.PhoenixOverlay #PhoenixOverlayModal.modal.fade.in {
	visibility:visible;
}

.phx-inline-overlay-root > .phx-overlay-screenshade,
.phx-overlay-root > .phx-overlay-screenshade {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:-0px;
	background-color: #111;
	background-image:none;
	opacity: 0.5;
	filter: alpha(opacity=50);
  -webkit-transition: opacity .3s linear;
     -moz-transition: opacity .3s linear;
       -o-transition: opacity .3s linear;
          transition: opacity .3s linear;
}

.phx-inline-overlay-root.phx-overlay-root-closing > .phx-overlay-screenshade,
.phx-overlay-root.phx-overlay-root-closing > .phx-overlay-screenshade {
	opacity:0;
}

.phx-overlay-root > .phx-overlay-iframe {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0px;
	width:100%;
	height:100%;
	border:none;
	background-color:transparent;
}

.phx-inline-overlay-root.phx-overlay-root-loading > .phx-overlay-screenshade,
.phx-overlay-root.phx-overlay-root-loading > .phx-overlay-screenshade {
	display:none;
}

.phx-overlay-root.phx-overlay-root-loading > .phx-overlay-iframe {
	visibility:hidden;
}

.phx-overlay-root.phx-overlay-root-hidden {
	width:0;
	max-width:0;
	height:0;
	max-height:0;
}


	






.btn {
	margin-top:0;
	margin-bottom: 0px;
}

#simpleSearchLink.btn-link.btn-sm.active,
#advancedSearchLink.btn-link.btn-sm.active {
	border-bottom: 3px solid #3f6fdc;
}

#shoppingLinks #advancedSearchLink[data-state="selected"]::after {
	background-color: #3f6fdc;
}

/* !Important Phoenix ButtonStyle.FLAT_LINK_COLOR THEME is specifically to the color, do not add another style for this class */
.widget-content .sticker .flat-link-color-theme,
.flat-link-color-theme,
.flat-link-color-theme .linkText,
.material-autocomplete__dropdown__results .dropdown-item .item__search__actions .dropdown-menu .item__search__actions__dropdown-item,
.body-container .cart-items-quantity-actions .actions-row .lineDetailsExpandCollapseAll,
.card--material .preferred-dropdown .dropdown-menu .dropdown-item,
.dropdown .dropdown-menu .dropdown-item,
.dropdown-menu .dropdown-menu .dropdown-item *,
.btn-link-material {
	color: #3f6fdc !important;
}

/* !Important Phoenix ButtonStyle.FLAT_LINK_COLOR THEME is specifically to the color, do not add another style for this class */
.widget-content .sticker .flat-link-color-theme:hover:not(:disabled),
.flat-link-color-theme:hover:not(:disabled),
.flat-link-color-theme .linkText:hover:not(:disabled),
.flat-link-color-theme:hover:not(:disabled) .linkText,
.material-autocomplete__dropdown__results .dropdown-item .item__search__actions .dropdown-menu .item__search__actions__dropdown-item:hover:not(:disabled),
.card--material .preferred-dropdown .dropdown-menu .dropdown-item:hover:not(:disabled),
.dropdown .dropdown-menu .dropdown-item:hover:not(:disabled),
.dropdown-menu .dropdown-menu .dropdown-item:hover:not(:disabled) *,
.btn-link-material:hover:not(:disabled),
.widget-content .sticker .flat-link-color-theme:focus,
.flat-link-color-theme:focus,
.flat-link-color-theme .linkText:focus,
.flat-link-color-theme:focus .linkText,
.material-autocomplete__dropdown__results .dropdown-item .item__search__actions .dropdown-menu .item__search__actions__dropdown-item:focus,
.card--material .preferred-dropdown .dropdown-menu .dropdown-item:focus,
.dropdown .dropdown-menu .dropdown-item:focus,
.dropdown-menu .dropdown-menu .dropdown-item:focus *,
.btn-link-material:focus {
	color: #3f6fdc !important;
}

/*Separated style by IE behavior about "focus-within" selector*/
.dropdown-menu .dropdown-menu .dropdown-item:focus-within * {
	color: #3f6fdc !important;
}

.InlineOverlayInvoker:not(.InlineOverlayInvokerHover),
.sticker BUTTON .StickerCaption,
.sticker BUTTON .StickerName, a,
button.withIcons:not(.btn-primary) i.halflings-ok,
.k-tooltip-content button.withIcons:not(.btn-primary) i.halflings-search,
.md-form .link-search .glyphicons-search,
.md-form .link-search .halflings-search,
a.ProductDescription.description__text,
.inheritance-table td.row-name .popover-content .btn,
.dropdown-menu .dropdown-item,
.list__cell__header__title,
.btn-link,
.btn-link > .linkText,
div.material-autocomplete-multiselect .add-on,
.input-group-append {
	color: #3f6fdc;
	border-top:none;
	border-bottom:none;
	border-left:none;
	border-right:none;
}

.InlineOverlayInvokerHover:not(:disabled),
.InlineOverlayInvokerHover:focus,
.sticker BUTTON:focus,
.sticker BUTTON .StickerCaption:hover:not(:disabled),
.sticker BUTTON .StickerName:hover:not(:disabled),
a.ProductDescription.description__text:hover:not(:disabled),
a.ProductDescription.description__text:focus,
a:not(.list-group-filters__title):hover:not(:disabled,.TabLinkLevel1,.TabLinkLevel2,.MenuItem,.PagedHeader, .phx-help),
a:not(.list-group-filters__title):focus:not(.TabLinkLevel1,.TabLinkLevel2,.MenuItem,.PagedHeader,.phx-help,.btn-icon-rounded),
button.withIcons:not(.btn-primary) i.halflings-ok:hover:not(:disabled),
button.withIcons:not(.btn-primary) i.halflings-ok:focus,
.k-tooltip-content button.withIcons:not(.btn-primary) i.halflings-search:hover:not(:disabled),
.k-tooltip-content button.withIcons:not(.btn-primary) i.halflings-search:focus,
.list__cell__header__title:hover:not(:disabled),
.list__cell__header__title:focus,
.md-form .link-search .glyphicons-search:hover:not(:disabled),
.md-form .link-search .halflings-search:hover:not(:disabled),
.md-form .link-search .glyphicons-search:focus,
.md-form .link-search .halflings-search:focus,
.dropdown-menu .dropdown-item:focus,
.dropdown-menu .dropdown-item:hover:not(:disabled),
.btn-link:hover:not(:disabled),
.btn-link:hover:not(:disabled) > .linkText,
.btn-link:focus,
.btn-link:focus > .linkText {
	color: #3f6fdc ;
}

a.btn:hover:not(.btn-primary) {
	color: #333333 !important;
}

.InlineOverlayInvoker {
	color: #0072b4;
	cursor: pointer !important;
}

DIV.VD {
	border-right:1px solid #DCDCDC;
	height: 18px;
	vertical-align:middle;
	display:inline-block;
}

.btn-group > DIV.VD {
	vertical-align:top;
}

.btn-link img{
	border:none;
}

.FormCell > .btn-link{
	padding: 0;
}

.btn-invisible,
.btn-invisible:active,
.btn-invisible[disabled],
.btn-invisible:hover
 {
	color:transparent;
	background-color:transparent;
	background-image: none;
	border:0;
	border-radius: 0;
	box-shadow: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}

.btn-link-header {
	font-weight:bold;
}

.btn-micro [class^="icon-"],
.btn-mini [class^="icon-"] {
	margin-top: 0;
}

.btn-group .btn + .btn-group .btn:first-child{

	margin-left:0;
}

.btn-group.dropdown > btn + .btn-group.preferred-dropdown {
	vertical-align: top;
}

.btn-group > .btn.btn-micro + .btn.dropdown-toggle,
.btn-group > .btn.btn-mini + .btn.dropdown-toggle {
	min-height:23px;
}

.btn.btn-small,
.btn-group > a.btn-small,
.btn-group > .btn.btn-small + .btn.dropdown-toggle {
	min-height:26px;
}

.btn-group > .btn.btn-micro,
.btn-group > a.btn-micro,
.btn-group > .btn.btn-mini,
.btn-group > a.btn-mini {
	min-height:23px;
	max-height:23px;
}

.btn-group > .btn.btn-mini.view-link-button ,
.btn-group > a.btn-mini.view-link-button {
	min-height:auto;
}

.btn-group > .btn.btn-micro.btn-link:first-child,
.btn-group > .btn.btn-mini.btn-link:first-child {
	min-height:initial;
}

.input-append button[type="button"].btn,
.input-append button[type="submit"].btn {
	height:30px;
	margin-top: 0;
	background-image: none;
}

.input-append button[type="button"].btn:hover,
.input-append button[type="submit"].btn:hover {
	opacity: 0.8;
}

.btn-group > .btn.btn-link {
	vertical-align:baseline;
}

.btn-group > .btn_group_list > li + li > .btn.btn-link,
.btn-group > .btn.btn-link + .btn.btn-link {
	margin-left:1em;
	border-left:1px solid lightgrey;
	padding-left:1em;
}

.btn-group > .btn-link.btn-micro + .btn-link.btn-micro,
.btn-group > .btn-link.btn-mini + .btn-link.btn-mini {
	margin-left:.7em;
	padding-left:.5em;
}

.btn-group > .btn-link.btn-micro + .btn-link.btn-micro.dropdown-toggle,
.btn-group > .btn-link.btn-mini + .btn-link.btn-mini.dropdown-toggle,
.btn-group > .btn-link + .btn-link.dropdown-toggle {
	/* Do not display button border on split buttons styled as Link */
	margin-left:0;
	border-left:none;
	padding-left:0;
}

.btn-group > .btn.btn-link + .btn.dropdown-toggle > .phx.caret {
	/* Fix caret alignment on split buttons styled as Link */
	margin-top:-4px;
}

.btn-group > .btn.btn-link {
  font-size: 13px;
}

.btn-group > .btn.btn-link.dropdown-toggle {
	padding:0;
	vertical-align:baseline;
	height: 20px;
}

.btn-group.open > .btn.btn-link.dropdown-toggle {
	background:none;
	border:none;
	box-shadow:none;
	-moz-box-shadow:none;
}

.btn-group > .btn.btn-link.btn-micro,
.btn-group > .btn.btn-link.btn-mini {
	font-size:11px;
}

.btn span.rightCursor,
.btn span.leftCursor {
	font-size:  1.5em;
    position: relative;
    line-height: 10px;
    border: none;
    background:none;
	top: 1px;
}
.btn.disabled span.rightCursor,
.btn.disabled span.leftCursor {
	cursor: default;
}

.btn:hover span.rightCursor,
.btn:focus span.rightCursor {
	color:#000;
}

.btn.btn-link span.rightCursor {
	padding-left:5px;
	margin-left:0;
}

.btn.btn-link span.leftCursor {
	padding-right:5px;
	margin-right:0;
}

.btn.btn-link:focus span.rightCursor,
.btn.btn-link:focus span.leftCursor {
	color:#3f6fdc;
}

.btn.btn-link:hover span.rightCursor,
.btn.btn-link:hover span.leftCursor {
	color:#3f6fdc;
}

.title-bar .header-elements .btn.btn-link:focus,
.title-bar .header-elements .btn.btn-link:focus i {
	color:#3f6fdc !important;
}

.btn-primary:hover span.rightCursor,
.btn-primary:focus span.rightCursor,
.btn-primary.disabled span.rightCursor,
.btn-primary:hover span.leftCursor,
.btn-primary:focus span.leftCursor,
.btn-primary.disabled span.leftCursor {
	color:white;
}

a.btn-primary,
a.btn-primary.btn-flat,
a.btn-primary.btn-bolck,
a.btn-primary.btn-floating.btn-flat,
button.btn-primary.dropdown-toggle,
button.btn-primary.dropdown-accessibility-toggle,
button.btn-primary,
button.btn-primary.btn-flat,
button.btn-primary.btn-block {
	background-color: #9eadc1 !important;
	color: #000000 !important;
}

.mdb-isolation button.btn-primary.dropdown-accessibility-toggle:hover,
.mdb-isolation button.btn-primary.dropdown-toggle:hover,
.mdb-isolation button.btn-primary.btn-flat:hover,
.mdb-isolation .btn.btn-primary:hover,
.mdb-isolation .btn.btn-flat.btn-primary:hover,
.mdb-isolation .btn.btn-primary.btn-flat:hover,
.mdb-isolation a.btn-primary:hover,
.mdb-isolation a.btn-flat.btn-primary:hover,
.mdb-isolation a.btn.btn-primary.waves-effect:hover {
	background-color: #9eadc1 !important;
	border-color: #9eadc1 !important;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2), 0 2px 5px 0 rgba(0,0,0,0.2);
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2), 0 2px 5px 0 rgba(0,0,0,0.2);
}

a.btn-primary:focus, a.btn-primary:active, a.btn-primary.active,
a.btn-primary.btn-floating.btn-flat:focus, a.btn-primary.btn-floating.btn-flat:active, a.btn-primary.btn-floating.btn-flat.active,
button.btn-primary.dropdown-accessibility-toggle:active,
button.btn-primary.dropdown-toggle:focus, button.btn-primary.dropdown-toggle:active, button.btn-primary.dropdown-toggle.active,
button.btn-primary.dropdown-accessibility-toggle:focus, button.btn-primary.dropdown-accessibility-toggle.active,
button.btn-primary:focus, button.btn-primary:active, button.btn-primary.active {
	background-color: #9eadc1 !important;
	border-color: #9eadc1 !important;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

a.btn.btn-primary.waves-effect:hover,
a.btn.btn-primary.waves-effect:focus {
	background-color: #91a0b3 !important;
	border-color: #91a0b3 !important;
	background-image: none;
}

a.btn.btn-primary.waves-effect {
	background-image: none;
}

#shoppingLinks > div.group-left > div > a:hover,
#shoppingLinks > div.group-left > div > a:active,
#shoppingLinks_main_container > div.group-left > div > a:hover,
#shoppingLinks_main_container > div.group-left > div > a:active{
    background-color: rgba(0, 0, 0, .04) !important;
}

#shoppingLinks > div.group-left > div > a:focus-visible,
#shoppingLinks_main_container div.group-left > div > a:focus-visible {
	outline: 2px solid #000000 !important;
	outline-offset: 0;
	z-index: 3;
}

.btn.disabled:hover span.rightCursor,
.btn.disabled:hover span.leftCursor {
	color:gray;
}

.title-bar > .header-elements > .btn.btn-link {
	color: #3366D0;
}

.btn > span.linkText{
	font-weight:normal;
	border: none;
	color: inherit;
	background: transparent;
}
.btn.btn-danger > img + span.linkText {
	vertical-align:super;
}
.btn > i,
.btn.withIcons:hover,
.btn.btn-link > span.phxCursor,
.SidebarMenuItem.Current:hover > .TextDisplay,
.nav.nav-tabs > li.active:hover > .btn-link,
.alert .btn-link.withIcons {
	text-decoration: none;
}

.sticker-type-icon,
a[href*='ExternalSiteTransition'] button {
	margin: 0;
	padding: 0 !important;
	color: rgba(0, 0, 0, .54);
	font-size: 0.8125rem !important;
	font-weight: normal;
}

.sticker-type-icon {
	position: absolute;
	top: 0;
	right: 0;
	cursor: default;
	pointer-events: none;
}

.btn-link.withIcons:hover > .linkText,
.SidebarMenuItem:hover > .TextDisplay,
.nav.nav-tabs > li:hover > .btn-link {
	text-decoration: underline;
}
a.btn.phxBackTo:hover .leftCursor {
	color: #3f6fdc;
}
a.btn.phxBackTo:focus .leftCursor {
	color: #3f6fdc;
}
.btn.phxBackTo + .btn.phxBackTo {
	margin-left: .5em;
}

.btn-primary.disabled.active,
.btn-primary.disabled:active,
.btn-primary[disabled].active,
.btn-primary[disabled]:active {
	background-color: #91a0b3;
	cursor:default;
}


.btn span.rightCursor {
    margin-left:5px;
}
.btn span.leftCursor {
    margin-right:5px;
}

.btn.disabled:focus,
.btn[disabled]:focus {
	outline:none;
}

.btn.disabled,
.btn[disabled],
a.disabled,
a[disabled] {
  cursor: not-allowed !important;
  opacity: .78;
  color: #090909;
}

.btn.btn-link.disabled {
	background-color:transparent;
}

div.input-append > span.add-on[onclick] {
	cursor: pointer;
}

div.input-append > button.add-on[onclick] {
	cursor: pointer;
	width: auto;
	min-width: 28px;
	height: 30px;
}

div.input-append > button.add-on:focus {
	outline: 2px solid #000000;
	outline-offset: -1px;
	margin-right: 1px !important;
}

.supportOrg div.input-append > button.add-on {
	height: 23px;
}

.supportOrg div.input-group.input-group--in > button.add-on:first-child {
	margin-right: -7px;
}

.supportOrg div.input-group.input-group--in > button.add-on {
	background-color: inherit;
}

.supportOrg div.input-group.input-group--in > button.add-on img {
	height: 23px;
	padding: 4px 5px;
	background-color: #eeeeee;
	border: 1px solid #ccc;
	border-radius: 4px 0 0 4px;
}

.input-group button.input-group-addon:focus {
	outline: -webkit-focus-ring-color auto 1px !important;
}

.btn {
	font-size:13px;
}

.btn.btn-micro,
.btn.btn-mini,
.label-mini {
	font-size:11px;
}

.btn.btn-small {
	font-size:12px;
}

.btn.btn-large {
	font-size:15px;
}

.dropup > .btn-primary > .phx.caret,
.dropup > .btn-warning .phx.caret,
.dropup > .btn-danger .phx.caret,
.dropup > .btn-info .phx.caret,
.dropup > .btn-success .phx.caret,
.dropup > .btn-inverse .phx.caret {
	border-top-color: #ffffff;
	border-bottom-color: #ffffff;
}

.btn img + img,
span + span > .btn.btn-link > img {
	padding-left:.3em;
}
.btn img {
	vertical-align: baseline;
}

.btn-inverse.light{
  *background-color: #444;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#666), to(#444));
  background-image: -webkit-linear-gradient(top, #666, #444);
  background-image: -o-linear-gradient(top, #666, #444);
  background-image: linear-gradient(to bottom, #666, #444);
  background-image: -moz-linear-gradient(top, #666, #444);
  border-color: #444 #444 #000000;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff666666', endColorstr='#ff444444', GradientType=0);
 }

.btn-inverse.light:hover {
  color: #ffffff;
  background-color: #444444;
}
.btn-group.open .btn-inverse.light.dropdown-toggle {
  background-color: #444444;
}

.control-group > .controls > a.btn.btn-link,
.control-group > .compressed-controls > a.btn.btn-link {
	padding:0;
	white-space: break-spaces;
    text-align: inherit;
    word-break: break-word;
}

.well-header-buttons .btn-link {
	padding-top: 0;
	
	padding-bottom: 0;
	vertical-align:bottom;
	
}


/* Moved from supplier registration */
.pageNavButtonBar {
	margin-top:30px;
}

.fixed-bottom {
	position:fixed;
	bottom:0;
	right:0;
	left: 10px;
    min-width: 663px;
    max-width: 1032px;
    padding-bottom:10px;
    padding-right:10px;
    background-color: #f5f5f5;
    z-index:2;
}

.fixed-bottom.at-bottom > .pageNavButtonBar {
	border-top: none;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
}

.fixed-bottom > .pageNavButtonBar {
	background-color: white;
	border: 1px solid #e3e3e3;
	-webkit-border-radius: 0 0 4px 4px;
	   -moz-border-radius: 0 0 4px 4px;
			border-radius: 0 0 4px 4px;
	-webkit-box-shadow: 1px -1px 8px 0px #aeaeae;
	   -moz-box-shadow: 1px -1px 8px 0px #aeaeae;
			box-shadow: 1px -1px 8px 0px #aeaeae;
	margin-top:0;
	padding:1em;
}

.fixed-bottom > .pageNavButtonBar > .pageNavButtonRow {
	margin-top:0;
}

.fixed-bottom > .pageNavButtonBar .Next > button:first-child {
	margin-right:3em;
}

.fixed-bottom > .pageNavButtonBar .Next > .btn.btn-primary {
 	background-image: none;
 	box-shadow: none;
}

.fixed-bottom > .pageNavButtonBar .Next > .btn.btn-primary:hover {
 	opacity: 0.8;
}

.withFlyoutLink .fixed-bottom{
	padding-bottom:40px;
}

.clear-float {
	clear:both;
}

.pageNavButtonBar > hr {
	margin-left:.5em;
	margin-right:.5em;
	background-color:#E4E4E4;
}

DIV.pageNavButtonRow {
	margin-left:.5em;
	margin-right:.5em;
}

div.well > .phx.title-bar:first-child + hr + .pageNavButtonRow {
	margin-top:1em;
}

DIV.pageNavButtonBar DIV.pageNavButtonRow {
	margin-top: 20px;
	margin-bottom:0;
}

DIV.well hr + form > input + DIV.pageNavButtonRow:first-of-type,
.tabbable.tabbable-foreground + .pageNavButtonRow {
	margin-top:10px;
}

.alert +  DIV.pageNavButtonRow {
	margin-top: 0;
}

.phx-pagination > DIV.pageNavButtonRow {
	margin:0;
}

.phx-pagination > DIV.pageNavButtonRow DIV.Previous {
	margin:4px;
}

.phx-pagination > DIV.pageNavButtonRow DIV.Next {
	margin:5px;
}

DIV.pageNavButtonRow + .PageWithSidebar{
	margin-top:10px;
}

DIV.pageNavButtonRow + DIV.panel-search{
	margin-top:10px;
}

.tableWrapper > .pageNavButtonRow{
	margin:0;
}

DIV.pageNavButtonBar > DIV.requiredNote {
	font-size:.9em;
	padding-left:.5em;
}

DIV.pageNavButtonRow DIV.Next {
	float:right;
	text-align:right;
}

DIV.pageNavButtonRow DIV.Next > div.PhxSecondaryPanel {
	text-align:left;
}

DIV.pageNavButtonRow DIV.Previous {
	float:left;
}

DIV.pageNavButtonRow DIV.Previous + DIV.Previous {
	margin-left:1em;
}

DIV.pageNavButtonRow DIV.Current {
	position:absolute;
	left:50%;
	transform: translateX(-50%);
}

DIV.Current > .btn.btn-link {
	padding:10px;
	margin:0;
}

DIV.pageNavButtonRow DIV.SaveButton {
	text-align:center;
}

DIV.Next button.btn + button.btn {
	margin-left:.5em;
}

DIV.btn-group button.btn + button.btn {
	margin-left:-1px;
}

div.Next > .btn + .legendGroup {
	margin-top:.5em;
}

div.pageNavButtonBar + * {
	clear:both;
}

div.pageNavButtonRow + * {
	clear:both;
}

strong a.btn.btn-link {
	font-weight:bold;
}

li a.btn.btn-link,
strong a.btn.btn-link,
.phxText + .btn.btn-link,
.phx.data-row-content .btn.btn-link {
	vertical-align:baseline;
}

.phx.data-row-content a.btn.btn-link img.phx.hidden-object {
	vertical-align:bottom;
	top:auto;
	margin-right:0;
}


a.ColHdr {
	cursor: pointer;
}

a.btn.btn-link {
	margin:0;
	padding:0;
}

.btn.btn-link.selected {
	background-color: #3f6fdc;
	color:whitesmoke;
}

.btn > .TextDisplay > .phxText > img.spyguy,
a > .TextDisplay > .phxText > img.spyguy,
.btn > img.phx.hidden-object,
a > img.phx.hidden-object {
	height:1em;
	margin-right:.5em;
	position:relative;
	top:1px;
}


ul.dropdown-menu.color-picker-options.swatch {
	min-width: 33px;
}

.dropdown-menu.color-picker-options.show {
	display: block !important;
	transform: none !important;
}

ul.color-picker-options > li > .btn > .color-box {
	display:inline-block;
	width:.9em;
	height:.9em;
	margin:0 .5em;
	border-radius:2px;
	border: 1px solid #464a4e;
}

ul.color-picker-options > li.swatch > a.btn.btn-link {
	padding: 0 0 .1em .1em;
	margin: 0;
}

ul.color-picker-options > li.swatch > .btn > .color-box {
	width:2em;
	height:2em;
	margin:.25em .25em;
}

ul.color-picker-options > li > .btn:hover {
	background-color:inherit;
	text-decoration:underline;
}

ul.color-picker-options > li.swatch > .btn:hover {
	background-color: #0088cc;
	color: white;
	text-decoration:none;
}

.input-append > button[type="submit"] > i.phxGlyph {
	top:0;
}

div.SecondaryText + a.btn,
a.btn + .phxText {
	margin-left: .3em;
	vertical-align: baseline;
}

.phxText + .btn-group .btn-group .btn:first-child,
.phxText + .btn-group > .btn,
.phxText + .btn,
span.phx.label + .btn {
	margin-left:.5em;
}

.phxText + .btn-wrap {
	margin-left:.5em;
	vertical-align: middle;
}

table.table.phx tr > td span.phx.label + .btn {
	vertical-align: middle;
}

.phxText.label-small + .btn {
	margin-left:.4em;
}

.phxText.label-mini + .btn {
	margin-left:.3em;
}

.btn.iconRight > i.phx.phxGlyph {
	float:right;
	margin-left:.5em;
	top:3px;
}

.btn[data-slide-target] {
	position:relative;
	transition:left .5s;
	left:0;
}

a.btn.btn-link.btn-download {
	display:inline-block;
	vertical-align: baseline;
}

.phx.data-row-content a > i{
	top:3px;
}

table.table.phx tr > td a.btn.btn-link.btn-download {
	display:inline-block;
}

table.table.phx tr > td div.link-wrapper {
	word-break:break-all;
}

button.btn.btn-link.btn-block,
button.btn.btn-link.btn-block[rel="popover"],
a.btn.btn-link.btn-block,
a.btn.btn-link.btn-block[rel="popover"] {
	padding:4px;
}

.btn-block + .btn-block {
	margin-top:.5em;
}

li.phx.li .btn-link {
	white-space:normal;
	text-align:left;
}

.btn.btn-link SPAN{
	border:none;
}
.btn.btn-link.x-late + .x-text {
	padding-left: .2em;
}

.btn + .btn[data-library-type='kendoTooltip'] {
	margin-left:.5em;
}

.btn > i.glyphicons.glyphicons-new-window-alt {
	top:1px;
}

.btn {
	
	text-shadow:none;
}

.btn.status-inactive{
	font-style: italic;
}

.att-hor .btn-truncated {
	max-width: 30ch !important;
}

.att-ver .btn-truncated {
	max-width: 80% !important;
	text-align: left;
}

.btn-truncated {
	overflow-x: hidden;
	max-width: 80%;
	white-space: nowrap !important;
	text-overflow: ellipsis;
	display: block !important;
}


div.code-block-highlight button.btn.btn-inverse {
  box-sizing: border-box;
  cursor: pointer;
  transition: 0.2s ease-out;
  border: 1px solid rgba(0, 0, 0, 0);
  font-size: 0.8em;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 0 0.15rem;
}

div.code-block-highlight {
  width: 100%;
  position: relative;
  border-radius: 0.2rem;
  padding: 10px;
  margin: 0 0 1.5rem 0;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(0, 0, 0, 0.25);
  box-sizing: border-box;
  color: #393b3e;
  background-color: #f2f2f2;
}
div.code-block-highlight pre {
  font-family: Hack, "JetBrains Mono", "DejaVu Sans Mono", Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
  white-space: pre-wrap;
  word-wrap: break-word;
  padding: 0;
  margin: 0 29px 0 0;
  border: none;
  background-color: #f2f2f2;
  font-size: .9em;
}
div.code-block-highlight.input-micro,
div.code-block-highlight.input-mini,
div.code-block-highlight.input-small,
div.code-block-highlight.input-medium {
	max-width: 164px;
}
div.code-block-highlight.input-large {
	max-width: 224px;
}
div.code-block-highlight.input-xlarge {
	max-width: 284px;
}
div.code-block-highlight,
div.code-block-highlight.input-xxlarge {
	max-width: 544px;
}


	
	

.control-group > .control-label,
.control-group > .compressed-control-label,
.control-group > .controls,
.control-group > .compressed-controls {
	padding-top:6px;
}


.control-group {
	
	margin-bottom: 3px;
	padding-top:3px;
	min-height:30px;
}

.control-group > .control-label,
.control-group > .compressed-control-label {
       padding-top:0;
       white-space:normal;
       word-wrap:break-word;
       text-align:left;
}


.control-group:before,
.control-group:after {
  display: table;
  line-height: 0;
  content: "";
}

td .control-group:before,
td .control-group:after{
	display:block;
}

.control-group:after {
  clear: both;
}

.control-label,
.compressed-control-label {
  float: left;
  padding-top: 5px;
  text-align: right;
}

.control-label {
  width: 160px;
}

.controls,
.compressed-controls {
  *display: inline-block;
  *padding-left: 20px;
  *margin-left: 0;
}
.controls {
	margin-left: 180px;
}

.controls:first-child {
  *padding-left: 180px;
}


div.control-group {
	white-space:nowrap;
}

div.control-group #ReceiptSubmit_Header {
	white-space: normal;
	font-size: .8125rem;
}

div.control-group > .controls,
div.control-group > .compressed-controls {
	white-space:normal;
}

div.control-group > .controls .checkbox {
	white-space: nowrap;
}

.control-group > .control-label.phx,
.control-group > .compressed-control-label.phx,
.control-group > div.restricted.phx {
	text-align:left;
	padding-left:.5em;
}

.control-group > div.restricted.phx {
	float:left;
	width:160px;
}



	
	












































.display-block {
	display:block;
}

.display-inline {
	display:inline;
}

.display-inline-block {
	display:inline-block;
}

.display-none {
	display:none !important;
}

.display-flex {
	display:flex;
}

.display-table-row-group {
	display:table-row-group;
}

.display-table-caption {
	display:table-caption;
}

.display-table-cell {
	display:table-cell;
}

.layout-horizontal {
	display:block;
}
.layout-horizontal > .control-group + .display-inline-block {
	vertical-align:initial;
}
.layout-horizontal > .display-inline-block {
	vertical-align:top;
}
.layout-horizontal > .display-inline-block + .display-inline-block {
	margin-left:1em;
}
.layout-horizontal .visibility-controller > .control-group,
.layout-horizontal > .control-group {
	display:inline-block;
	margin-bottom: 0px;
	padding-bottom: 8px;
	margin-left: 2em;
	vertical-align:top;
}
.layout-horizontal .visibility-controller > .control-group > .control-label.phx,
.layout-horizontal .visibility-controller > .control-group > .compressed-control-label.phx,
.layout-horizontal > .control-group > .control-label.phx,
.layout-horizontal > .control-group > .compressed-control-label.phx {
	padding-top: 5px;
	padding-left: 2px;
	margin-bottom: 2px;
	float:none;
	width:auto;
}
.layout-horizontal .visibility-controller > .control-group > div.controls,
.layout-horizontal .visibility-controller > .control-group > div.compressed-controls,
.layout-horizontal > .control-group > div.controls,
.layout-horizontal > .control-group > div.compressed-controls {
	margin-left: 0px;
	padding-top: 0px;
	display:block;
}
.layout-horizontal .visibility-controller > .control-group > div.controls > *,
.layout-horizontal .visibility-controller > .control-group > div.compressed-controls > *,
.layout-horizontal > .control-group > div.controls > *,
.layout-horizontal > .control-group > div.compressed-controls > * {
	margin-top: 0px !important;
}

.layout-horizontal .layout-horizontal {
	display:inline-block;
}

.layout-horizontal .align-checkboxes .checkbox .option {
    display: inline;
    margin-left: 4px;
    margin-right: 10px;
    line-height: 20px;
}

.phx.panel-secondary .panel-search-basic .layout-horizontal .visibility-controller,
.phx.panel-secondary .panel-search-basic .layout-horizontal .control-group,
.phx.panel-secondary .panel-search-more .layout-horizontal .visibility-controller,
.phx.panel-secondary .panel-search-more .layout-horizontal .control-group {
	display:inline-block;
	padding-top:0px !important;
	vertical-align:top;
}

.phx.panel-secondary .panel-search-basic .layout-horizontal > .control-group + .display-inline-block,
.phx.panel-secondary .panel-search-more .layout-horizontal > .control-group + .display-inline-block {
	position:relative;
	top:-5px;
}

.layout-horizontal .k-content {
	margin-right: 0px;
}

.nowrap {
	white-space: nowrap;
}

.no-border {
	border:none;
}

.phxText {
	display:inline-block;
}

.phxText.display-block {
	display:block;
}

.phxText.display-inline-block {
	display:inline-block;
}

.phxText.display-inline {
	display:inline;
}

.phxText > .help-icon {
	margin-left:.5em;
}

.text-style-normal {
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
}

.text-style-bold {
	font-weight:bold;
}

.text-style-italic {
	font-style:italic;
}

.text-style-strikethrough {
	text-decoration:line-through;
}

.rotate-90 {
	transform: rotate(90deg);
}

.icon-mini {
	font-size: 11px;
	padding: 0px 5px;
}

.label-heading{
	font-size:1.4em;
	word-break: break-word;
}

/** this is probably a bad style, but i'm adding it back for the event creation confirmation.
	it's possible that individual images will need to know how to style themselves.
**/
.label-heading > img {
	margin-top:-5px;
	vertical-align:middle;
}

.label-heading + .label {
	vertical-align:text-bottom;
}

ul.phx.ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

ul.phx.ul.bulleted {
	padding-left:1.5em;
	list-style-type:disc;
}

ul.phx.ul.padded {
	padding-left:.5em;
}

ul.phx.ul.bulleted li.phx div.phxText {
	
	vertical-align:top;
}


ul.phx.ul > li.phx.li + li.phx.li {
	margin-top:.3em;
}

ul.phx.ul > li.phx.li > * {
	vertical-align:text-top;
}

.phx.multicolumn {
	white-space:nowrap;
}

.modal-body .phx.multicolumn {
	margin-right:1em;
}

.phx.multicolumn > .phx.column {
	display:inline-block;
	white-space:normal;
	vertical-align:top
}

.phx.multicolumn > .phx.column + .phx.column {
	margin-left:1em;
}


@media (max-width: 1325px) {
	.phxResponsive > .well .phx.multicolumn > .phx.column + .phx.column.contains-control-group,
	.PageWithSidebar .Sidebar + .MainContent > .well .phx.multicolumn > .phx.column + .phx.column.contains-control-group{
		display:block;
		margin-left:0;
	}
}

.PageWithSidebar .Sidebar + .MainContent > .well .phx.multicolumn > .phx.column.contains-control-group{
	min-width:450px;
}

.PageWithSidebar .Sidebar + .MainContent > .well .phx.multicolumn > .phx.column.contains-control-group{
	max-width:475px;
}

.PageWithSidebar .Sidebar + .MainContent > .well .phx.multicolumn > .phx.column.contains-control-group .richtextWithTitle > .readOnlyValue {
	max-width:200px;
}

.phx.table-layout, .table .control-group div.multi-checkbox div.phx.table-layout {
	display:table;
}

div.phx.table-layout.allow-borders {
	border-collapse: collapse;
}

div.table-layout.striped > div.table-row-layout:nth-of-type(odd) {
    background: #f5f5f5;
}

.phx.table-row-layout, .table .control-group div.multi-checkbox div.phx.table-row-layout  {
	display:table-row;
}

.phx.table-cell-layout, .table .control-group div.multi-checkbox div.phx.table-cell-layout {
	display:table-cell;
	vertical-align:top;
}

.phx.table-cell-layout.display-none {
	display:none;
}

.phx.table-cell-layout img{
	padding-right:5px;
	padding-bottom:5px;
}

.phx.phxText > img.phx.spyguy {
	padding-bottom:1px;
}

.phx.data-row-name {
	white-space:nowrap;
}

.phx.data-row-content {
	padding-left:1em;
	white-space:normal;
}

.btn.btn-link.loading-inline {
	vertical-align: middle;
	background-color: transparent;
	border: none;
}

div.menuContextSearch .btn.btn-link.loading-inline {
	width: 27px;
}

.btn.btn-link.loading-inline > img {
	vertical-align: middle;
}

.NavMenuContainer .btn.btn-link.loading-inline > img {
	padding-top: 10px !important;
}

.phx.data-row-content,
.phx.data-row-content .btn-link {
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
}

table.phx.table .single-line-truncate {
  max-width: 90px;
  width: 90px
}

table.phx.table .single-line-truncate .readOnlyValue.edit {
	display: inline-block;
	vertical-align:middle;
	width: 90px;
	white-space: nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}

table.table.phx tr > td .phx.data-row-content .btn.btn-link {
	vertical-align: top;
	display:inline-flex;
}

.phx.data-group.data-group-focus-value .phx.data-row-content {
	font-weight:bold;
}

.phx.data-group.data-group-focus-label .phx.data-row-name {
	font-weight:bold;
}

.phx.table-row-layout.data-monetary-row .phx.data-row-content {
	text-align:right;
}

.phx.table-row-layout.content-separator {
	border-bottom: solid 1px gray;
}

.sticker .phx.data-group{
	word-break:break-all;
	overflow-wrap: break-word;
}

.phx.data-group > .table-layout > .table-row-layout + .table-row-layout > .table-cell-layout {
	padding-top:.3em;
}

.popover-content .phx.multicolumn .data-row-content {
	max-width:20em;
}

.devnote ul {
	font-weight:normal;
}

.phx.panel-secondary {
	position:relative;
}

.phx.panel-secondary > .phoenixSubSection:first-child {
	margin-top:0;
}

.phx.panel-secondary > .phoenixSubSection:first-child > hr {
	margin-bottom:1em;
}

.phx.panel-secondary > .phoenixSubSection:first-child .phoenixSubSection {
	margin-top:1.3em;
	margin-left:0;
}

.pageNavButtonRow > .Previous > div.phx.panel-secondary {
	margin-left:-.5em;
}

.pageNavButtonRow + .pageNavButtonRow {
	padding-top:1em;
}

.pageNavButtonRow.phx-sticky {
	background-color:#FFFFFF;
	z-index:1;
	margin:0!important;
	padding:10px .5em 0;
}

.phx.panel-secondary.phx-sticky {
	z-index:1;
	width:100%;
	padding:0 5px 5px 0;
	margin:0;
}

.phx.panel-secondary.phx-sticky + div {
	margin-top:5px;
}

.pageNavButtonRow.phx-sticky.is_stuck {
	
	padding-bottom:10px;
}

.phx.panel-secondary.panel-search.panel-search-header {
	display:block;
	padding-right:1em;
}

.phx.panel-secondary.panel-search.panel-search-header.panel-search-hide-options .phx.panel-search-basic,
.phx.panel-secondary.panel-search.panel-search-header.panel-search-show-options .phx.panel-search-more {
	display:block;
}

.phx.panel-secondary .panel-search-basic,
.phx.panel-secondary .panel-search-more {
	white-space:normal;
}

.phx.panel-secondary .panel-search-basic span.checkbox {
	white-space: nowrap;
}

.phx.panel-secondary .panel-search-basic .control-group,
.phx.panel-secondary .panel-search-more .control-group {
	padding-top:0;
	margin-top:-3px;
}
.phx.panel-secondary .panel-search-basic .control-group > label,
.phx.panel-secondary .panel-search-more .control-group > label {
	padding-top:10px;
}

.phx.panel-secondary .panel-search-basic .control-group + .control-group,
.phx.panel-secondary .panel-search-basic .control-group + .visibility-controller,
.phx.panel-secondary .panel-search-basic .visibility-controller + .control-group,
.phx.panel-secondary .panel-search-more .control-group + .control-group,
.phx.panel-secondary .panel-search-more .control-group + .visibility-controller,
.phx.panel-secondary .panel-search-more .visibility-controller + .control-group {
	padding-top:5px;
}
.phx.panel-secondary .panel-search-basic .control-group + .control-group > label,
.phx.panel-secondary .panel-search-basic .control-group + .visibility-controller .control-group > .control-label,
.phx.panel-secondary .panel-search-basic .control-group + .visibility-controller .control-group > .compressed-control-label,
.phx.panel-secondary .panel-search-more .control-group + .control-group > label,
.phx.panel-secondary .panel-search-more .control-group + .visibility-controller .control-group > .control-label,
.phx.panel-secondary .panel-search-more .control-group + .visibility-controller .control-group > .compressed-control-label {
	padding-top:9px;
}

.phx.panel-secondary .panel-search-basic .control-group select + .btn {
	margin:-2px 0 0 0;
	float:none;
}

.phx.panel-secondary.panel-no-toggle {
	padding-right: .5em;
}

.phx.panel-secondary > .panel-search-toggle {
	margin-left:2em;
	position:relative;
	padding-top:7px;
	padding-bottom:7px;
	float:right;
}

.phx.panel-secondary > .panel-search-toggle .btn-link {
	padding:0;
}

.phx.panel-secondary .phx.panel-search-more {
	display:none;
}

.phx.panel-secondary.panel-search-show-options .phx.panel-search-basic {
	display:none;
}

.phx.panel-secondary .panel-search-toggle,
.phx.panel-secondary .phx.panel-search-basic,
.phx.panel-secondary.panel-search-show-options .phx.panel-search-more {
	display:inline-block;
	vertical-align:top;
}

.phx.panel-secondary .phx.panel-search-basic > form .control-group:first-child,
.phx.panel-secondary .phx.panel-search-more > form .control-group:first-child {
	padding-top:0;
}

.phx.panel-secondary .panel-search-with-button-row {
	padding-bottom:4em;
}

.phx.panel-secondary .panel-search-more-button-row {
	position:absolute;
	right:3em;
}

.phx.panel-secondary.panel-search-header .phoenixSubSection .panel-search-more-button-row {
	right:1em;
}

.phx.panel-secondary .phx.panel-search-with-button-row .panel-search-more-button-row .btn {
	float:none;
	margin:.5em 0;
}

.phx.panel-secondary .phx.panel-search-with-button-row .panel-search-more-button-row .btn +.btn {
	margin-left:.5em;
}

ul.phx.list-nav {
	list-style:none;
	margin:0;
	padding:0;
}

ul.phx.list-nav > li .btn {
	padding:3px 5px;
	border-radius:3px;
	text-align:left;
	text-shadow:none;
	white-space:normal;
}

ul.phx.list-nav > li + li {
	margin-top:4px;
}

ul.phx.list-nav > li .btn:hover,
ul.phx.list-nav > li .btn:focus {
	text-decoration:none;
	background-color: #EBEBEB;
	color: #3f6fdc;
}

ul.phx.list-nav > li.list-nav-selected .btn {
	background-color: #3f6fdc;
	color:#FFFFFF;
}

.timestamp {
	display:inline;
}

.timestamp .btn {
	vertical-align:baseline;
}

.timestamp .additional-recipients {
	display: inline-grid;
}

.timestamp .additional-recipients button {
    text-align: left;
}

.timestamp .phxText  {
    margin-right:.5em;
}

.pageNavButtonRow .additional-recipients .btn + .btn {
    margin-left: 0;
}

.fillHeight {
	overflow-y:auto;
}

.phx.results-navigator {
	margin-top:.5em;
	margin-bottom:1em;
}

.phx.results-navigator .results-navigator-navigation {
	display:inline-block;
}

.phx.results-navigator .results-navigator-navigation > .btn-group:first-child {
	vertical-align:baseline;
}

.phx.results-navigator .results-navigator-navigation > .btn-group + .btn-group {
	top:-2px;
}

.results-navigator-navigation-material {
	font-size: 2.1875rem;
	color: #0275d8;
}

.doc__header--navigation-buttons {
	gap: 10px;
	margin-left: 10px;
}

.results-navigator-navigation-material a[disabled] {
	color:rgba(2,117,216, .20) !important;
}

.results-navigator-navigation-material a[disabled]:hover {
	background-color: transparent !important;
}

.results-navigator-navigation-material .preferred-dropdown [type=button] {
	text-transform: inherit;
	font-size: 0.6875rem;
	font-weight: bold;
	white-space: nowrap;
	padding-left: 10px;
	padding-right: 10px;
}

.phx-pagination {
	background-color:whitesmoke;
}

.results-pagination select.phx{
	margin-right:1em;
}

.phx-pagination.footer {
	border-bottom:1px solid #D7D7D7;
}

.table-pagination-column .phx-pagination.footer {
	border-top:1px solid #D7D7D7;
}

.phx-pagination.header {
	border-top:1px solid #D7D7D7;
}

.phx-pagination.header + .tableWrapper{
	margin-top:0;
}

.phx-pagination > .pageNavButtonRow > .Next > * {
	display: inline-block;
}

.phx-pagination .results-pagination .dropdown-menu,
.phx-pagination .pagination-page-size .dropdown-menu {
	min-width: 0;
	float: right;
	
	left: auto;
}

.advanced-search-layout .fixed-bottom,
.advanced-search-layout{
	max-width:1032px;
}

.advanced-search-margin{
	margin-left:auto;
	margin-right:auto;
}

.advanced-search-layout .fixed-bottom{
	min-width:0px;
}


[data-collapse-state] .controls,
[data-collapse-state] .control-group-with-help .control-label.phx{
	position:relative;
}

[data-collapse-state='collapsed'] {
	display: none;
}

[data-collapse-state='not-collapsed'] {
	display: block;
}

.text-style-bold span.normal-font{
	font-weight:normal;
}

/* Split Pane */
.split-pane {
	display: flex;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: #fff;
	overflow: hidden;
	box-sizing: border-box;
	border: 1px solid #ccc;
}

.split-pane .left-container {
	width: 300px;
	overflow: auto;
}

.split-pane .right-container {
	flex: 1;
	overflow: auto;
}

.split-pane .splitter {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background-color: #f1f1f1;
	width: 5px !important;
	min-width: 5px !important;
	cursor: ew-resize;
}

.split-pane .splitter.dragging {
	cursor: auto;
}

.split-pane .splitter-icon {
	position: relative;
	background: url(/app_docs/art/icons/layout/resize-knob-vert.png) no-repeat;
	top: 45%;
	width: 5px;
	height: 16px;
}

.table-row-layout .table-cell-layout .structure-info {
	margin-left: 1em;
}

.status-badge-beta {
	color: #35178E !important;
	background-color: #EDE7FF;
	border: 1px solid #35178E;
	padding: 3px 10px;
	border-radius: 30px;
	margin-left: 10px;
}

.w-80-px {
	width: 80px !important;
}

	
















































.PageWithSidebar,
.PageWithSidebarHeader {
	width:100%;
	max-width:1275px;
	margin:0;
}

.popup .PageWithSidebar,
.popup .PageWithSidebarHeader {
	min-width: 768px;
}

.PageWithSidebar {
	display:table;
	transition:max-width .5s, min-width .5s;
}

.PageWithSidebar > .row,
.display-table-row-group > .row {
	display:table-row;
	height:100%;
}

.PageWithSidebar > .display-table-caption {
	position:relative;
	margin-top:.5em;
	margin-bottom:1em;
}

.PageWithSidebar .well {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	margin-bottom:0;
}

div.PageWithSidebar .well + .well {
	margin-top:20px; /* add the margin-bottom back */
}

div.Sidebar DIV.collapse-display-block + .well {
	margin-top:20px; /* add the margin-bottom back */
}

.Options {
	margin-top: 55px;
	font-size: 0.85em;
}

#ViewDevLink a {
	padding-left: 0;
}

.PageWithSidebar .row > .MainContent {
	display:table-cell;
	vertical-align:top;
	height:100%;
	width:100%;
}

.PageWithSidebar .row > .MainContent:focus-visible {
	outline: none;
}

.PageWithSidebar .row > .Sidebar {
	display:inline-block;
	padding-right:1em;
}

.PageWithSidebar .row > .Sidebar,
.Sidebar .sidebarNameTruncate .readOnlyValue {
	width:230px;
	max-width:230px;
}

.Sidebar .sidebar-subdetails .subdetail-fit .phx.phxText {
	width:110px;
	max-width:110px;
}

.PageWithSidebar .row > .Sidebar,
.DualPanelSideContent > .Sidebar {
	vertical-align:top;
	min-width:230px;
}

.PageWithSidebar .row > .Sidebar.sidebar-large,
.DualPanelSideContent > .Sidebar.sidebar-large {
	min-width:300px;
}

.PageWithSidebar .row > .Sidebar.sidebar-xlarge,
.DualPanelSideContent > .Sidebar.sidebar-xlarge {
	min-width:330px;
}

.fixed-bottom{
	visibility:hidden;
}

.PageWithSidebar .row > .Sidebar + .MainContent .fixed-bottom {
	left:253px;
	visibility: hidden;
	min-width: inherit;
}
.PageWithSidebar .row > .MainContent .fixed-bottom {
	max-width:1275px;
}

.PageWithSidebar .row > .Sidebar + .MainContent .fixed-bottom{
	max-width: 1032px;
}

.PageWithSidebar .row > .Sidebar.sidebar-large + .MainContent .fixed-bottom {
	left:323px;
}

.PageWithSidebar .row > .Sidebar.sidebar-xlarge + .MainContent .fixed-bottom {
	left:353px;
}


.PageWithSidebar .row > .Sidebar.sidebar-large,
.Sidebar.sidebar-large .sidebarNameTruncate .readOnlyValue {
	width:300px;
	max-width:300px;
}

.Sidebar.sidebar-large .sidebar-subdetails .subdetail-fit .phx.phxText {
	width:145px;
	max-width:145px;
}


.PageWithSidebar .row > .Sidebar.sidebar-xlarge,
.Sidebar.sidebar-xlarge .sidebarNameTruncate .readOnlyValue {
	width:330px;
	max-width:330px;
}

.Sidebar.sidebar-xlarge .sidebar-subdetails .subdetail-fit .phx.phxText {
	width:160px;
	max-width:160px;
}

.PageWithSidebar .row > .Sidebar .SidebarMenuTitle > .btn {
	text-align:left;
	font-size:1.1em;
	color:black;
	margin:.5em 0;
}

.PageWithSidebar .row > .Sidebar .SidebarMenuTitle > .btn > i {
	font-size:.9em;
	color: #CFCFCF;
}

.PageWithSidebar .row > .Sidebar.sidebar-large > .SidebarMenu > .SidebarMenuItem > .TextDisplay {
	max-width:200px; /* increase size of menu items in large sidebars. */
}

.PageWithSidebar .row > .MainContent + .Sidebar {
	padding-right:0;
}

.PageWithSidebar .row > .MainContent .well.gs-w {
	position: absolute;
	padding-bottom: 10px;
	margin-top: 0px;
	margin-bottom: 20px;
	box-sizing:content-box;
	-moz-box-sizing:content-box;
}

.PageWithSidebar .row > .MainContent .well.phxDashboardHeader {
	margin-left: -7px;
}

.PageWithSidebar .row > .MainContent .phx.wrapper {
	margin-left: -17px;
}

.PageWithSidebar .row > .MainContent ul.phx.ul {
	margin: 0;
}

.PageWithSidebar .row > .MainContent .gridster > ul.phx.ul {
	margin: -15px 0 0 0;
}

.PageWithSidebar .row > .Sidebar > .TitleRow > .TitleRow {
	font-size:1.4em;
}

.PageWithSidebar .row > .Sidebar > .TitleRow > hr {
	background-color:#C1C1C1;
}

.MainContent .well > DIV.TitleRow#GSP_Suppliers_RequiredToStartRegistration {
	margin-top: 2.3em;
}

.sidebarDetails {
	padding-left: .5em;
}

.sidebarDetails > .sidebarName {
	padding-top:.6em;
	font-size:1.4em;
	font-weight:bold;
	color:black;
	word-wrap:break-word;
}

.sidebarDetails > .sidebarName .readOnlyValue{
	
	font-size:inherit;
	margin: 0;
}

.sidebarDetails .sidebarNameTruncate .readOnlyValue,
.sidebar-subdetails .subdetail-fit .phx.phxText {
	white-space: nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}

.sidebarDetails > .sidebarSubtitle {
	font-size: 9pt;
	font-style: normal;
	color: #888;
	margin: 0.1em 0 0 0;
	word-break: break-word;
}

.sidebarDetails > .sidebarChangeContext > .btn-link {
	margin:0;
	padding:0;
}

.sidebarDetails > .sidebarStatus,
.Sidebar > .sidebar-subdetails {
	padding: .5em .5em 0.5em 18px;
	margin: 0.6em -1em 0 -11px;
	border-top: 1px solid #C8C8C8;
	border-bottom: 1px solid #C8C8C8;
	background-color: #FFFFFF;
}

.sidebarDetails > .sidebarStatus .status,
.sidebar-subdetails .status {
	font-weight:bold;
}

.sidebarDetails > .sidebarStatus .customerName,
.sidebar-subdetails .customerName {
	font-style:italic;
}

.sidebarDetails + .SidebarMenu,
.sidebar-subdetails + .SidebarMenu {
	margin-top:.6em;
}

.sidebarDetails + .SidebarMenuGroupLevel,
.sidebar-subdetails + .SidebarMenuGroupLevel {
	margin-top:0;
}

.sidebarDetails + .SidebarMenu > a.SidebarMenuItem:first-child,
.sidebar-subdetails + .SidebarMenu > a.SidebarMenuItem:first-child,
.sidebar-subdetails + .SidebarMenu > li:first-child > a.SidebarMenuItem {
	margin-top:-1px;
}

.SidebarMenu {
	margin: 0.6em 0 0 0;
	font-size: 1.07em;
}

ul.SidebarMenu {
	padding: 0;
	list-style: none;
}

.SidebarMenu,
.SidebarMenuTitle {
	margin-left:-11px;
	margin-right:-1em;
}

.SidebarMenuTitle {
	padding-left:1.5em;
	padding-top:.8em;
}

.SidebarMenu + .SidebarMenuTitle,
.SidebarMenu + .SidebarMenu {
	border-top: 1px solid #D8D8D8;
	padding-top: 0.5em;
	margin-top: .8em;
}

.SidebarMenu > div.SidebarMenuItem,
.SidebarMenu > a.SidebarMenuItem,
.SidebarMenu > li > a.SidebarMenuItem {
	padding-left:1.5em;
}

.SidebarMenuTitle + .SidebarMenu {
	font-size:1em;
	margin-top:0;
	top:.2em;
}

.SidebarMenuTitle + .SidebarMenu > a.SidebarMenuItem {
	padding-left:2.8em;
}

.SidebarMenu.SidebarMenuGroupLevel > a.SidebarMenuItem {
	padding-top:1em;
	padding-bottom:1em;
}

.SidebarMenu.SidebarMenuGroupLevel > a.SidebarMenuItem.Current {
	padding-top:1em;
	padding-bottom:1em;
}

.SidebarMenu.SidebarMenuGroupLevel + .SidebarMenuTitle,
.SidebarMenu.SidebarMenuGroupLevel .SidebarMenuItem{
	margin-top:-1px;
}

.SidebarMenu + .SidebarMenu.SidebarMenuGroupLevel{
	padding-top:0;
}
.PageWithSidebar .row > .MainContent + .Sidebar .SidebarMenu {
	margin:0 4px 0 0;
}


.SidebarMenu .SidebarMenuItem {
	text-decoration: none;
	display: block;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-right:.5em;
	overflow: hidden;
	margin-top: 0.2em;
	border-top:1px solid transparent;
	border-bottom:1px solid transparent;
}

.SidebarMenu .SidebarMenuItem.SidebarMenuItemChild {
	padding-left:3.0em;
}

.SidebarMenu .SidebarMenuItem.Incomplete .sidebar__status--icon > svg,
.SidebarMenu .SidebarMenuItem .elementDisplay > svg  {
       padding-right:3px;
       width:19px;
       color:#767676 !important;
       margin-top: -2px;
       
       max-width:19px;
       max-height:19px;
}

DIV.SidebarMenuTitle + .SidebarMenu .SidebarMenuItem.SidebarMenuItemChild {
	padding-left:4.3em;
}

.PageWithSidebar .row > .MainContent + .Sidebar .SidebarMenu .SidebarMenuItem {
	padding-right:1em;
}

.SidebarMenu A:hover {
	color:#3f6fdc;
}

.SidebarMenu .SidebarMenuItem.disabled:hover {
	cursor:not-allowed;
}

.SidebarMenu A:focus-visible {
	color:#3f6fdc;
	outline: 2px solid #000000;
}

.SidebarMenu A:focus:not(:focus-visible) {
	outline: none;
}

.SidebarMenu A.Current {
	background-image: none;
	color:black;
	font-weight:bold;
	position:relative;
	overflow:visible;
	z-index:1;
}

UL.simple-menu .simple-menuitem > SPAN.TextDisplay,
UL.simple-menu .simple-menuitem > DIV.TextDisplay,
.SidebarMenu .SidebarMenuItem > DIV.TextDisplay {
	z-index: 1;
	display: inline-block;
	float: none;
	max-width: 170px;
	overflow: hidden;
}

UL.simple-menu .simple-menuitem > SPAN.TextDisplay .phxText
UL.simple-menu .simple-menuitem > DIV.TextDisplay .phxText,
UL.simple-menu .simple-menuitem > DIV.TextDisplay{
	max-width: 240px;
	white-space: nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}


UL.simple-menu .simple-menuitem > .elementDisplay + DIV.TextDisplay .phxText,
UL.simple-menu .simple-menuitem > .elementDisplay + DIV.TextDisplay{
	max-width: 200px;
}

DIV.SidebarMenuTitle + .SidebarMenu .SidebarMenuItem.SidebarMenuItemChild > DIV.TextDisplay {
	max-width:155px;
}

.SidebarMenu .SidebarMenuItem > SPAN.CompleteStatus {
	display:inline-block;
	width:16px;
}

.SidebarMenu .SidebarMenuItem > .CompleteStatus,
.SidebarMenu .SidebarMenuItem > .IncompleteStatus {
	margin-right:1em;
}

UL.simple-menu .simple-menuitem > .elementDisplay:first-child,
.SidebarMenu .SidebarMenuItem > .elementDisplay:first-child {
	float:none;
	position:relative;
	top:-3px;
}

UL.simple-menu .simple-menuitem > .elementDisplay,
.SidebarMenu .SidebarMenuItem > .elementDisplay {
	margin-right:.5em;
}

UL.simple-menu .simple-menuitem > .elementDisplay,
.SidebarMenu .SidebarMenuItem > .elementDisplay {
	float: right;
}

.SidebarMenu .SidebarMenuItem.Current {
	background-color:white;
	border-top: 1px solid #C8C8C8;
	border-bottom: 1px solid #C8C8C8;
	margin-right:0;
	padding-right:.5em;
}

.SidebarMenuTitle + .SidebarMenu .SidebarMenuItem.Current {
	margin-right:-1px;
}


.SidebarMenu .SidebarMenuItem {
	color:#666C71;
}

.SidebarMenu .SidebarMenuItem.Incomplete.CertifyLink > DIV.TextDisplay {
	text-decoration: underline;
	color: #0B205E;
}

DIV.RegistrationStepsComplete {
	margin-top: 5px;
	font-size: .9em;
}
DIV.RegistrationStepsComplete SPAN {
	font-weight: bold;
	font-size: 13pt;
	padding-right: 0.2em;
}

.sidebarStatus a.btn.btn-link,
.sidebar-subdetails a.btn.btn-link {
	display:inline;
	white-space:normal;
	vertical-align:baseline;
}

.sidebar-subdetails div.data-group div.table-row-layout div.table-cell-layout div.data-row-content a.btn.btn-link {
	line-height: 15px;
	word-break: break-word;
}

.sidebar-subdetails div.phx.data-group + a.btn.btn-link{
	margin-top: 0.3em;
	display: inline-block;
}

.sidebarStatus strong *,
.sidebar-subdetails strong * {
	font-weight:bold;
}

.SidebarMenuItem.disabled SPAN.elementDisplay {
	background: none;
}


.PageWithSidebar.expanded {
	max-width:1575px;
	min-width:1200px;
}

.PageWithSidebar .row > .Sidebar.slide-in-collapsed {
	visibility:hidden;
}



.PageWithSidebar .row > .Sidebar.sidebar-large.slide-in-collapsed,
.PageWithSidebar .row > .Sidebar.sidebar-large.slide-in-opening,
.PageWithSidebar .row > .Sidebar.sidebar-large.slide-in-closing {
	overflow:hidden;
	position:relative;
}

.PageWithSidebar .row > .Sidebar.sidebar-large.slide-in-opening,
.PageWithSidebar .row > .Sidebar.sidebar-large.slide-in-closing {
	visibility:visible;
}

.PageWithSidebar .row > .Sidebar.slide-in-collapsed {
	max-width:0;
	min-width:0;
	width:0;
}

.PageWithSidebar .row > .Sidebar {
	display:table-cell;
	transition: width .5s, max-width .5s, min-width .5s, padding-left .5s;
	padding-right:0;
}

.PageWithSidebar .row > .Sidebar + .Sidebar,
.PageWithSidebar .row > .Sidebar + .MainContent {
	padding-left:1em;
}

.PageWithSidebar .row > .Sidebar.slide-in-collapsed + .Sidebar {
	padding-left:0;
}

.Sidebar.slide-in-collapsed .well,
.Sidebar.slide-in-opening .well,
.Sidebar.slide-in-closing .well {
	overflow:hidden;
	width:300px;
}

.Sidebar > .sidebarDetails .pageNavButtonRow,
.Sidebar > .sidebar-subdetails .pageNavButtonRow {
	margin-left: 0em;
	text-align: left;
	margin-top: -0.7em;
	margin-bottom: 0.2em;
}

	

div.phoenixSubSection .title-bar a[data-toggle="collapse"] i.phxGlyph,
div.phoenixSubSection .title-bar a[data-toggle="collapse-modal"] i.phxGlyph {
	margin-right:.2em;
	color:#CFCFCF;
	float:left;
	padding-top:4px;
}

.well > .phx.title-bar > .landingPageSectionTitle > .headerPrefix {
	color:black;
}

.phx.title-bar.Collapsible {
	cursor:pointer;
}

.phx.title-bar.Collapsible > .landingPageSectionTitle > .btn.btn-link {
	outline: none;
}

.well >.phx.title-bar > .header-elements {
	top:3px;
}

.well > .phx.title-bar > .header-elements.left {
	top:-3px;
}

.multi-checkbox .phx.title-bar > .header-elements {
	top:3px;
}

.well > .phx.title-bar > .header-elements.left  button.btn.btn-link {
	top:3px;
}

.HomeShopPanelRight > div.phoenixSubSection,
.HomeShopPanelRight > div.phoenixSubSection > .phx.title-bar {
	margin: 0;
}

.HomeShopPanelRight > div.phoenixSubSection > .phx.title-bar {
	background-color: transparent;
	border: none;
}

.phoenixSubSection:not(.noHeader) > .phx.title-bar {
	/* background-color: #F5F5F5;
	border-top: 1px solid #D7D7D7; */
	font-weight: 700;
	font-size: 14px;
	color: #3b71bd;
	opacity: .87;
	padding: 30px 0px 15px 0px;
}

.phoenixSubSection .phx.title-bar h2 {
	font-weight: 700;
	font-size: 14px;
	color: #3b71bd;
	margin-bottom: 0;
}

.phoenixSubSection .phx.title-bar {
	padding:5px;
}

.multi-checkbox .phoenixSubSection .phx.title-bar {
	padding: 5px 0;
}

.multi-checkbox .phoenixSubSection .phx.title-bar .btn-flat{
	margin: 0;
}

.well .phx.title-bar.phx-sticky ~ hr.phx-sticky,
.well .phx.title-bar.phx-sticky,
.phoenixSubSection > .phx.title-bar.phx-sticky {
	z-index:5;
}

.well > .phx.title-bar.phx-sticky.is_stuck{
	background-color:inherit;
}

.well .phx.title-bar.phx-sticky{
	
	padding-bottom:.6em;
}

.well .phx.title-bar.phx-sticky ~ hr.phx-sticky{
	
	margin-top:0px;
	margin-bottom:0px;
	-webkit-margin-after: 0px;
    -webkit-margin-before: 0px;
    -webkit-margin-start: inherit;
    -webkit-margin-end: inherit;
    margin-block-start: 0em;
	margin-block-end: 0em;
	-moz-margin-start: inherit;
	-moz-margin-end: inherit;
}

.phoenixSubSection .phx.title-bar > .header-elements {
	top:0;
	vertical-align:middle;
	cursor: default;
}

.phx.title-bar + * {
	clear:both;
}

.phx.title-bar .titleIcon {
	display:inline-block;
	margin-left:.5em;
	position:relative;
	top:2px;
	cursor:default; 
}

.phx.title-bar .titleIcon > img {
	max-height:1.5em;
}

.phx.title-bar .titleIcon.iconLeft {
	margin-left: 0;
	margin-right: .5em;
	float: left;
	font-size:13px;
}

.phx.title-bar .titleIcon.iconLeft + div.landingPageSectionTitle {
	display:inline;
}

.well .phx.title-bar + hr,
.well .phx.title-bar + hr + div.alert + hr {
	background-color:#DCDCDC;
	margin-top: .5em;
}

.well.filter > .phx.title-bar:first-child > .landingPageSectionTitle {
	font-size:1.2em;
	font-weight:500;
}

div.well.filter > .phx.title-bar:first-child > .header-elements {
	top:1px;
}

.well.filter > .phx.title-bar:first-child + hr {
	margin-top:4px;
	margin-bottom:4px;
}


	
	SPAN.AjaxLoadingMessage {
	background:url('/app_docs/art/icons/ajax/ajax-loader.gif') no-repeat left center;
	padding:2px;
	padding-left:20px !important;
	
  	
}

@-webkit-keyframes seconds {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    left: -9999px; 
  }
}
@keyframes seconds {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    left: -9999px; 
  }
}

DIV.AjaxRegionLoadingSpinner,
DIV.AjaxPageTransitionSpinner {
    width:300px;
    height:140px;
    left:50%;
    margin:-100px 0 0 -150px;
    position:absolute;
    text-align:center;
    z-index:70010;
}

DIV.AjaxRegionLoadingSpinner {
    top:50%;
    z-index:3999;
}
DIV.AjaxPageTransitionSpinner {
    top:50%;
}


DIV.AjaxRegionLoadingText,
DIV.AjaxPageTransitionText {
	font-size:1.2em;
	font-weight:bold;
	padding:5px;
	position:absolute; 
	bottom:15px; 
	text-align: center;
	margin: 0 auto;
	width:290px;
}

DIV.AjaxRegionLoadingText {
	color:#000000;
}
DIV.AjaxPageTransitionText {
	color:#FFFFFF;
}
	
DIV.PageKnockout {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 70000;
	background-color: #111;
	display: none;
	opacity: 0;
	filter: alpha(opacity=0);
  -webkit-transition: opacity 0.3s linear;
     -moz-transition: opacity 0.3s linear;
       -o-transition: opacity 0.3s linear;
          transition: opacity 0.3s linear;
}

DIV.RegionKnockout {
	position: absolute;
	z-index: 3999;
	background-color: #fff;
	display: none;
	opacity: 0;
	filter: alpha(opacity=0);
  -webkit-transition: opacity 0.3s linear;
     -moz-transition: opacity 0.3s linear;
       -o-transition: opacity 0.3s linear;
          transition: opacity 0.3s linear;	
}


DIV.PageKnockout.KnockoutIn,
DIV.RegionKnockout.KnockoutIn {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

DIV.AjaxRegionLoadingSpinner.SpinnerTopAligned {
	margin-top:0;
	top:0;
}

.RegionKnockout.KnockoutIn > DIV.AjaxRegionLoadingSpinner {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:auto;
	height:auto;
	margin:0;
}

.modal-open .AjaxRegionLoadingSpinner {
	align-items: center;
    align-content: center;
    display: flex;
}

.modal-open DIV.AjaxRegionLoadingText,
.modal-open DIV.AjaxPageTransitionText {
	position: initial;
}

.AjaxRegionLoadingSpinner > .spinner {
	position:absolute;
	top:50%;
	left:50%;
	width:24px;
	height:24px;
	margin:0;
	margin-top:-35px;
}
.AjaxRegionLoadingSpinner.SpinnerTopAligned > .spinner {
	top:75px;
	left:50%;
}

.AjaxRegionLoadingSpinner > .spinner + .AjaxRegionLoadingText {
	width:auto;
	left:0;
	right:0;
	top:50%;
}

.AjaxRegionLoadingSpinner.SpinnerTopAligned > .spinner + .AjaxRegionLoadingText {
	top:60px;
	bottom:auto;
}

	


button.btn.btn-link[data-library-type="kendoTooltip"] {
	padding:0;
}

button.btn.btn-link[data-library-type="kendoTooltip"]:hover > span.monetary-value div {
	color: #3f6fdc;
	text-decoration: underline;
}

.popover.tour .popover-content {
	overflow-y: scroll;
}

.backstage-toggle-popover.tour .popover-content {
	overflow: auto;
}

.popover-content {
	word-wrap:break-word;
	word-break:break-word;
	max-height:300px;
	color:#000000;
	font-weight:normal;
	min-width:10em;
}

.popover {
	z-index:6000;
}

.popover-no-title + .popover > h3.popover-title {
	display:none;
}

.phx-pagination .popover-no-name {
	position:relative;
	top:1px;
}

.popover-no-name:hover {
	text-decoration:none;
}

div.popover-content button.close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	display:block;
	opacity:1;
	filter:none;
	background: transparent url('/app_docs//art/phoenix/popoverClose.png');
}

div.popover-content > .phx.multicolumn > .phx.column { white-space: inherit;}

div.popover-content a.btn,
div.Next button.btn.btn-link[rel=popover],
div.phx.phxText > .btn.btn-link[data-role=tooltip] {
	vertical-align: baseline;
}
div.radio-group + button.btn.btn-link[rel=popover] {
	vertical-align: text-bottom;
}
div.popover-content div.linksMessage {
	margin-top: .8em;
	margin-bottom: .8em;
}


	
	.wizardStep > DIV.TitleRow > H2.TitleRow > .wizardStepNumber,
.wizardStep > DIV.TitleRow > H3.TitleRow > .wizardStepNumber {
	font-size:10pt;
	font-weight:normal;
	font-style:italic;
	margin-left:1em;
}

.wizardStep > DIV.TitleRow > H2.TitleRow .header-elements,
.wizardStep > DIV.TitleRow > H3.TitleRow .header-elements{
	padding-left:1em;
	top:0;
}

.wizardStep > DIV.TitleRow > H2.TitleRow .header-elements a.Question,
.wizardStep > DIV.TitleRow > H3.TitleRow .header-elements a.Question{
	top:0;
}


	
	












ul.MenuGroups *,
ul.MenuGroups * {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

ul.MenuGroups select {
	box-sizing: border-box;
	font-size: 13px;
}


.Menu, .NotificationBar, .Banner, .QuickKey{
	font-size: 13px;
	line-height: default;
}


.Menu h1, .Menu h2, .Menu h3,
.Menu h4, .Menu h5, .Menu h6 {
	margin: 0.2em;
	line-height: normal;
}


.Menu .MenuGroups .MenuOverlayHeader h1,
.Menu .MenuGroups .MenuOverlayHeader h2,
.MenuOverlayHeader h1,
.MenuOverlayHeader h2  {
	font-size: 16px;
	font-weight: normal;
	line-height: 1.5em;
	position: relative;
	color:#ffffff;
	line-height: normal;
}
.Menu .MenuGroups .slideFromLeft .MenuOverlayHeader h1,
.Menu .MenuGroups .slideFromLeft .MenuOverlayHeader h2 {
	padding-left: 0.75em;
}


.MenuSection.Paged h2.MenuHeaderOption,
.MenuSection.Paged h2.MenuHeaderOption a.PagedHeader,
.MenuSection.Paged .PagedHeader h2 {
	font-size: 13px !important;
}


.MenuSection.Paged h3 {
	font-weight: 700;
}

.page--material .NavMenuContainer .MenuOverlayHeader.withContextSearch div.menuContextSearch .input-append > input[type="search"].phx {
	padding-left: 10px;
	width: 198px !important;	
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	        box-shadow: none;
}



BODY.phoenixBody div.Menu ul.MenuGroups li.menu-expand-collapse {
		bottom: 0px;
}
@media (min-width: 1440px) {
	BODY.phoenixBody[menu-display=default-view] div.Menu ul.MenuGroups li.menu-expand-collapse {
		bottom: -5px;
	}
}
BODY.phoenixBody[menu-display=explicit-expand] div.Menu ul.MenuGroups li.menu-expand-collapse {
		bottom: -5px;
}

div.Menu ul.MenuGroups li.Cog {
	width: 100%;
}
div.Menu ul.MenuGroups li.Cog img {
	opacity: 0.75
}




.NavMenuContainer h2, .NavMenuContainer h1.QuickKey {
	font-weight: 700;
}


input.quickSearchTerms {
	font-size: 13px;
}
.NotificationWrapper .navSearch .quickSearchTerms.quickSearch,
.NotificationWrapper .navSearch .quickSearchTerms.quickSearch:focus {
	border:none;
	border-bottom: 	1px Solid #F4F4F4;
	box-shadow:none;
	vertical-align: middle;
	height: 40px;
}


.NotificationMenuItem img {
	margin-bottom: 8px;
}

.navSearch .quickSearchTerms.menu {
	color: #ffffff;
	border: none !important;
}

.navSearch .quickSearchTerms:focus {
	border: none;
}


.NotificationWrapper.Search.expanded .search-facade .search-label {
	height:39px;
}

div#phxBreadcrumbs .breadcrumb {
	font-family: 'Roboto', 'Noto Sans', 'Noto Sans JP' , 'Noto Sans KR', 'Noto Sans SC', 'Segoe UI', 'Open Sans', Geneva, Helvetica, Arial, sans-serif;
	background-color: #ffffff;
	padding: 0;
	margin: 0;
	border-radius:0;
}

div#phxBreadcrumbs .breadcrumb > li {
	display: inline-block;
	line-height: 25px;
	margin: 0;
	box-sizing: border-box;
}

div#phxBreadcrumbs .breadcrumb > li:first-child {
	padding-left:15px;
}

div#phxBreadcrumbs .breadcrumb .divider {
	margin-right: 0.6em;
	padding-left: 0.3em;
	display:inline-block;
	font-size: 14px;
}

.breadcrumb li.breadcrumbOrgName .btn.btn-link {
	background-color: Yellow;
	padding: 0 5px 0 5px;
	border-radius: 0px;
	line-height: 25px;
	max-height: 25px;
	vertical-align: inherit;
}

.breadcrumb li.breadcrumbOrgName .phx.glyph-caret {
	display:none;
}

.breadcrumb li.breadcrumbOrgName .btn-group {
	display:inherit;
	vertical-align:inherit;
}

.breadcrumb li.breadcrumbOrgName .btn-group > .btn.btn-flat {
	background-color:Yellow;
	padding:0px 5px 0px 5px;
	border-radius: 0px;
	font-size:11px;
	line-height: 25px;
	margin:0;
	text-transform: none;
	color: #3f6fdc;
	vertical-align: inherit;
}

.breadcrumb li.breadcrumbOrgName .btn-group > .btn.btn-flat:hover,
.breadcrumb li.breadcrumbOrgName .btn-group > .btn.btn-flat:active {
	background-color: Yellow;
}

.breadcrumb li.breadcrumbOrgName .btn-group > .btn.btn-flat:after {
	display:none;
}

.breadcrumb li.breadcrumbOrgName .dropdown-item {
	font-size:12px !important;
	line-height: normal;
	min-height: inherit;
	width: auto;
}

.NotificationBar * {
	font-family: 'Roboto', 'Noto Sans', 'Noto Sans JP' , 'Noto Sans KR', 'Noto Sans SC', 'Segoe UI', 'Open Sans', Geneva, Helvetica, Arial, sans-serif;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

.NotificationBar .MenuOverlayHeader h1,
.NotificationBar .MenuOverlayHeader h2 {
	margin: 0.2em;
	position: relative;
	top: -1px;
	left: 0;
}

.NotificationBar .MenuSection li {
	line-height: 0.5;
}

.NotificationBar ul.NotificationContent .MenuSection ul li img {
	vertical-align: inherit;
}

.NotificationWrapper .emptyResults {
	line-height: 1.35em;
}

.NotificationWrapper .NotificationMenuItem i {
	top: 1px !important;
}

.navSearch .quickSearchTermsWrapper.quickSearch input {
	vertical-align: top !important;
	margin-bottom: -1px !important;
}

.NotificationBar .navSearch .quickSearchSubmitWrapper button {
	font-size: 11px;
	padding: 2px 6px;
	top: 0px;

	left: 0 !important;
}

.NotificationBar .navSearch .quickSearchSubmitWrapper .btn > i.halflings {
	line-height: 40px;
}

.page--material .NotificationMenuItem > .NotificationIcon + .notificationBadge.notificationBadge-important {
	top: -13px;
}

.page--material .withContextSearch input[type='search'] {
	height: 28px; 
}

.NotificationBar .BookmarksSection h6,
.NotificationBar .BookmarksSection h3,
.NotificationBar .NotificationsSection h6 {
	font-weight: normal;
	line-height: 1.35em;
}

.NotificationBar .QuickKey {
	margin: 0.2em;
	top: 0.7em !important;
}

.NotificationBar .BookmarksToggleSection .toggleMode button {
	font-weight:normal;
	text-transform: inherit;
	box-sizing: border-box;
}

.bookmarkItem .bookmarkTitle .spyGuy {
	top: -3px !important;
}

.NotificationBar .navSearch {
	padding-bottom: 1px !important;
}

.NotificationBar .navSearch * {
	box-sizing: border-box;
}

.NotificationBar ul li {
	list-style-type: none;
}

.CartMenuSection .cartItem {
	margin-bottom: 0 !important;
}

.CartMenuSection .cartItem .cartItemQuantity {
	margin-top: -5px;
	margin-bottom: -2px;
}

.NavMenuContainer .Footer {
	line-height: 1.5em;
}

.NavMenuContainer .Footer .cartDetails {
	padding-top: 0.8em !important;
}

body.page--material .BannerPageHelp {
	margin-bottom: 4px;
}

body.page--material .BannerPageHelp > .Question {
	margin: 0 7px;
	padding: 0;
	vertical-align: middle;
}








.mosaic__gray--0 {
	color: #1C1C1C !important;
}

.mosaic__gray--1 {
	color: #767676 !important;
}

.mosaic__gray--2 {
	color: #B0B0B0 !important;
}

.mosaic__gray--3 {
	color: #E0E0E0 !important;
}

.mosaic__gray--4 {
	color: #F4F4F4 !important;
}

.color-gray {
	color: #767676;
}

.color-success {
	color: #198754;
}

.color-pending {
	color: #00538D;
}

.color-error {
	color: #B01309;
}

.color-warning {
	color: #953F08;
}







#toast-container {
	top: 75px;
}

#toast-container .toast {
	background-color: #FFFFFF !important;
	width: 400px;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.20);
	border-left: 3px solid #FFFFFF;
	padding: 0px;
	margin-bottom: 10px;
	opacity: 1;
}

#toast-container .toast-message {
	min-height: 60px;
}

#toast-container .toast__header {
	min-height: 10px;
	min-width: 390px;
}

#toast-container .toast__header button.close {
  width: 30px;
  height: 30px;
  cursor: pointer;
  opacity: 1;
  margin-right: 7px;
  background: transparent url('/app_docs//art/phoenix/popoverClose.png');
}

#toast-container .toast__body {
	flex-grow: 1;
	display: flex;
	padding: 0;
	min-height: 60px;
}

#toast-container .toast__detail {
	flex-grow: 1;
	padding: 15px;
}

#toast-container .toast__body::before {
    padding-left: 15px;
    padding-top: 15px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 0.8125rem;
    line-height: 0.75rem;
}

#toast-container .toast__detail h4 {
	text-transform: uppercase;
	font-weight: bold;
	margin-top: -5px;
	margin-bottom: 5px;
}

#toast-container .toast__detail p {
	color: #767676;
	margin-top: -5px;
    margin-bottom: -5px;
}

#toast-container .toast__actions-container {
	width: 100px;
	min-width: 100px;
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-left: 1px solid #F4F4F4;
}

#toast-container .toast__actions-container ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#toast-container .toast__actions-item {
    border-top: 1px solid #F4F4F4;
    width: 100%;
    text-align: center;
    padding: 0 10px;
}

#toast-container .toast__actions-item:first-child {
	border-top: none;
}

#toast-container .toast__actions-item a {
	text-transform: capitalize;
	padding: 10px 0;
    border-radius: 0;
    color: #3f6fdc;
    background-color: transparent;
    box-shadow: none;
    -web-box-shadow: none;
    display: inline-table;
}

#toast-container .toast__actions-item a:hover,
#toast-container .toast__actions-item a:focus {
    color: #3f6fdc !important;
	text-decoration: none;
}

.toast.toast-error {
	border-left-color:  #C43535 !important;
}

.toast.toast-warning {
	border-left-color:  #FFC100 !important;
}

.toast.toast-success {
	border-left-color:  #098755 !important;
}

.toast.toast-info {
	border-left-color:  #3F6FDC !important;
}


.toast.toast-error .toast__body::before{
	content: "\f057";
    color: #C43535;
}

.toast.toast-warning .toast__body::before{
	content: "\f06a";
    color: #FFC100;
}

.toast.toast-success .toast__body::before{
	content: "\f058";
    color: #098755;
}

.toast.toast-info .toast__body::before{
	content: "\f05a";
    color: #3F6FDC;
}

#toast-container .toast__message .toast__title {
	margin-right: 5px !important;
}

.alert__error--wrapper .alert-material.alert {
	border-top: 1px solid #E0E0E0 !important;
	border-right: 1px solid #E0E0E0 !important;
}

.alert__error--wrapper .alert-material.alert .alert-title .linkText svg {
	margin-right: 10px;
}

.alert__error--wrapper .alert-title {
	width: 100%;
}

.alert__error--wrapper .alert-text {
	padding-left: 0;
	padding-right: 0;
}

.alert__error--wrapper .card-error--container {
	border-right: 1px solid #E0E0E0 !important;
	border-bottom: 1px solid #E0E0E0 !important;
	margin-bottom: 1rem;
}

.alert__error--wrapper .card-warning--container {
	border-right: 1px solid #E0E0E0 !important;
	border-bottom: 1px solid #E0E0E0 !important;
	margin-bottom: 1rem;
}

.alert__error--wrapper .card-warning--container section {
	padding-top: 1px;
	padding-left: 40px;
	background-color: #FFFFFF;
}

.alert__error--wrapper .card-error--container section {
	padding-top: 1px;
	padding-left: 40px;
	background-color: #FFFFFF;
}

.alert.alert-warning.alert-material,
.alert.alert-warning .InlineHelp,
.alert.alert-warning.alert-material .btn.btn-link {
	font-size: 0.75rem;
	border-radius: 0;
	border: none;
	color: rgba(0,0,0,0.87) !important;
}

.alert.alert-warning.alert-material.card-header,
.alert.alert-info.alert-material.card-header,
.alert.alert-revision.alert-material.card-header,
.alert.alert-error.alert-material.card-header,
.alert.alert-success.alert-material.card-header,
.alert.alert-warning .InlineHelp,
.alert.alert-warning.alert-material .btn.btn-link {
	margin-bottom: 0;
}

.alert.alert-error.alert-material.card-header {
	min-height: auto !important;
	padding: 15px 10px 15px 10px;
}

.alert.alert-material .header-elements {
	order: 3;
	line-height: 0.75rem;
}

.alert.alert-warning.alert-material a {
	font-size: 0.8125rem !important;
}

.alert.alert-material button.close {
	order: 3;
	flex-shrink: 0;
}

.alert.alert-material button.close:not(.btn-icon-rounded) {
	margin-top: -4px;
}

.alert.alert-info.alert-material,
.alert.alert-error.alert-material {
	font-size: 0.75rem;
	border-radius: 0;
	border: none;
}

.alert.alert-success.alert-material {
	font-size: 0.75rem;
}

.badge-success {
	background-color: #098755;
}

.badge-error {
	background-color: #C43535;
}

.badge-primary {
	background-color: #3F6FDC;
}

.alert-title,
.alert-title .HasHoverHelp,
.alert-title .list-group-filters__title {
	display: flex;
	align-items: center;
	font-weight: bold !important;
}

.alert-title .list-group-filters__title .linkText {
	display: flex;
	align-items: center;
}

.alert-title,
.alert-title .HasHoverHelp {
	font-size: .75rem !important;
}

.alert.alert-material .ErrorMessageLine .ErrorMessage {
	display: flex;
}

.alert.alert-material .ErrorMessage .errorMessageText,
.alert.alert-material .ErrorBox .ErrorMessageLine .ErrorListHeading {
	font-size: 0.75rem !important;
	color: rgba(0,0,0,.87);
	margin-right: 2px;
}

.alert.alert-warning.alert-material .ErrorMessage .errorMessageText {
	color: #000000 !important;
}

.alert-text {
	color: rgba(0,0,0,.87) !important;
	padding-left: 26px;
	padding-right: 25px;
	font-size: 0.75rem;
	font-weight: normal;
}

.alert-material.alert .alert-link {
	color: rgba(0,0,0,.87) !important;
	font-size: 0.8125rem !important;
	text-decoration: underline !important;
	font-weight: normal !important;
}

.alert-warning .alert-title,
.alert-warning .alert-title .HasHoverHelp,
.alert-warning .alert-title .list-group-filters__title,
.alert-warning .alert-text,
.toast-warning .toast-message {
	color: rgba(0,0,0,.87) !important;
}

.alert.alert-material .ErrorBox .errorHeading {
	margin-bottom: 10px;
}

.alert.alert-material .ErrorBox .errorHeading td {
	vertical-align: top;
}

.alert.alert-material .linkText svg,
.alert.alert-material .ErrorBox .ErrorMessageLine .ErrorMessage .phxText i.phxGlyph,
.alert.alert-material .ErrorBox .ErrorMessageLine .icon .halflings {
	margin-right: 10px;
}

.alert.alert-material .linkText svg {
	margin-right: 6px;
}

.alert.alert-material .ErrorBox .ErrorMessageLine .icon .halflings {
	line-height: 12px;
}

.alert.alert-material .ErrorBox ul .ErrorMessageLine.WithHeaders li,
.alert.alert-material .ErrorBox ul > li {
	margin-left: 25px;
	margin-bottom: 10px;
}

.alert.alert-material .ErrorBox ul .ErrorMessageLine.WithHeaders:last-child li {
	margin-bottom: 0;
}

.alert.alert-material .ErrorBox ul .ErrorMessageLine.WithHeaders li a.ClickableErrorMessage {
	font-size: 0.8125rem !important;
}

.alert.alert-material .ErrorBox ul .ErrorMessageLine.WithHeaders li:before {
	content: none;
	width: 0;
	margin-left: 0;
}

.ErrorMessageLine .phxText svg,
.alert-info-message svg,
.ErrorMessageLine .alert-info-message svg,
.WarningMessage svg {
	margin-right: 2px;
	top: 3px;
}

.phxText svg {
	width: 16px;
	height: 16px;
    margin-right: 2px;
    top: 3px;
}

.alert.alert-material .ErrorMessageLine .ErrorMessage .phxText i.halflings {
	top: 0;
}

.alert.alert-error.alert-material a.ClickableErrorMessage svg {
	fill: #C43535 !important;
}

.ErrorMessageLine .ErrorMessage .phxText {
	height: 0.8125rem;
}

.alert.alert-material .ErrorBox ul {
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}

.alert.alert-material .list-group-filters__title i.phxGlyph:not(.alert-icon) {
	margin: 0;
	align-self: center;
}

.alert.alert-material {
	padding: 15px 10px 15px 10px;
	border-radius: 0;
	border-top: none;
	border-bottom: none;
	background-color: #F4F4F4;
	display: flex;
	align-items: flex-start;
}

.alert.alert-material:not(.card-header) {
	border-top: 1px solid #E0E0E0 !important;
	border-right: 1px solid #E0E0E0 !important;
	border-bottom: 1px solid #E0E0E0 !important;
}

.alert-material,
.page-alert .alert.alert-material,
.alert.alert-error.alert-material,
.alert.alert-warning.alert-material	{
	background-color: #FFFFFF;
	color: rgba(0, 0, 0, .87) !important;
}

.card-error--container {
	border-left: 3px solid #C43535;
}

.card-warning--container {
	border-left: 3px solid #FFC100;
}

.card-info--container {
	border-left: 3px solid #3F6FDC;
}

.card-revision--container {
	border-left: 3px solid #40C1BF;
}

.alert-material.alert.alert-error {
	border-left: 3px solid #C43535;
}

.alert-material.alert.alert-revision {
	border-left: 3px solid #40C1BF;
}

tr.table-row-warning {
	border-left: 4px solid #FFC100;
}

.table-row-warning .alert-message {
	padding-top: 4px;
	height: 20px;
}

.table-row-warning .alert-message .WarningMessage {
	display: flex;
	font-size: 11px;
	color: #000000;
}

.table-row-warning .alert-message .WarningMessage svg {
	height: 12px;
	width: 12px;
}

.material-table .table-row-warning td.ResultsColumnValue {
	border-top: 0 !important;
	padding-top: 9px !important;
}

.material-table .table-row-warning td:not(.ResultsColumnValue) {
	border-bottom: 0 !important;
}

.alert-material.alert.alert-error .message-icon,
.alert-material.alert.alert-error .linkText svg,
.alert-material.alert.alert-error .ErrorBox .ErrorMessageLine .icon svg {
	margin-right: 5px;
}

.alert-material.alert.alert-error .message-icon,
.alert-material.alert.alert-error .linkText,
.alert-material.alert.alert-error .ErrorBox .ErrorMessageLine .icon {
	color: #C43535;
}

.alert-material.alert.alert-warning .ErrorBox .ErrorMessageLine .icon svg {
	margin-right: 5px;
}

.multiple-alert-container {
	margin-bottom: 1rem;
}

.multiple-alert-container .alert-material.alert {
	margin-bottom: 0px !important;
}

.alert-material.alert.alert-warning {
	border-left: 3px solid #FFC100;
}

.alert-material.alert.alert-revision {
	border-left: 3px solid #40C1BF;
}

.modal-warning-message,
.alert-material.alert.alert-warning .message-icon,
.alert-material.alert.alert-warning .linkText {
	color: #FFC100;
}

.alert-material.alert.alert-revision .message-icon,
.alert-material.alert.alert-revision .linkText {
	color: #40C1BF;
}

.modal-warning-message svg {
	vertical-align: text-bottom;
}

.alert-material.alert.alert-success {
	border-left: 3px solid #098755;
}

.alert-material.alert.alert-success .message-icon,
.alert-material.alert.alert-success .linkText svg {
	color: #098755;
}

.alert-material.alert.alert-info {
	border-left: 3px solid #3F6FDC;
}

.alert.alert-material.system-message.alert.alert-info {
	border: 0px !important;
	background: #3F6FDC;
}

.alert.alert-material.system-message .message-icon svg {
  position: relative;
  height: 16px;
  width: 16px;
  fill: currentColor;
  bottom: 3px;
}

.alert.alert-material.system-message .message-icon {
	float: left;
	margin-right: 5px;
	height: 16px;
	width: 16px;
	color: #FFFFFF !important;
}

.alert.alert-material.system-message a {
	color: #FFFFFF !important;
	text-decoration: underline;
}

.alert.alert-material.system-message .close {
	position: static;
	line-height: 16px;
	color: #FFFFFF;
	opacity: inherit;
}

.alert.alert-material.system-message {
	color: #FFFFFF !important;
	line-height: 16px;
	padding: .9375rem;
	margin-bottom: 0;
}

.alert.alert-material.system-message .btn.btn-icon-rounded {
  color: #FFFFFF;
  fill: #FFFFFF;
  text-align: center;
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  margin: 0;
  border-radius: 50%;
  box-shadow: none;
  background-color: transparent;
  height: 16px !important;
  width: 16px !important;
  font-size: 13px;
  padding: 0px;
  line-height: 16px;
  flex-shrink: 0;
}

.alert.alert-material.system-message .btn.btn-icon-rounded > svg {
  height: 16px !important;
  width: 16px !important;
}
.alert-material.alert.alert-info .message-icon,
.alert-material.alert.alert-info .linkText {
	color: #3F6FDC;
}

.alert.alert-material .alert-title .alert-icon,
.alert.alert-material.withIcon i,
.modal .alert.alert-material .alert-title i,
.modal .alert.alert-material .ErrorMessage i,
.modal .alert.alert-material.alert-warning i,
.page-alert .alert.alert-material i {
	font-size: 1rem;
	line-height: 0.8125rem;
}

.alert.alert-material .alert-title span {
	font-size: 0.75rem;
	color: rgba(0, 0, 0, .87);
}

.alert.alert-success.alert-material .btn,
.alert.alert-info.alert-material .btn,
.alert.alert-error.alert-material .btn,
.alert.alert-warning.alert-material .btn {
	height: auto;
}

.alert.alert-warning.alert-material .btn.btn-icon-rounded.btn-sm {
	background-color: transparent;
	font-weight: bold !important;
	height: 16px;
}

.alert.alert-warning.alert-material .btn.btn-icon-rounded.btn-sm:hover:disabled {
	color: #767676 !important;
}

.ErrorMessageLine i.halflings-info-sign,
.workflow-approver__name.assigned__approver svg {
	color: #3F6FDC;
	fill: #3F6FDC;
}

.alert-material.alert-alert-info:before {
	background-color: #3F6FDC;
}

.alert-success {
	border-color: #FFFFFF;
}

.page-alert .alert-material {
	margin-bottom: 2px;
}

.page-alert.mb-0 .alert-material {
	margin-bottom: 0;
}

.alert.alert-material .message-icon {
	margin-right: 10px;
	height: 0.8125rem;
	margin-top: 2.5px;
}

.alert.alert-material .message-icon svg {
	bottom: 4px;
}

.alert.alert-material .message-container {
	flex: 1;
	line-height: 1.5;
}

#errorsContainer .alert.alert-material div:first-of-type,
.alert.alert-material div.alert-title {
	display: flex;
	float: none;
}

#errorsContainer > div:not(:first-of-type) {
	border-top: 1px solid rgba(0, 0, 0, 0.125);
}

#errorsContainer .alert.alert-material {
	background-color: #FFFFFF;
	display: block;

}


.well {
	font-size: 1rem !important;
    background-color: #ffffff;
    margin-bottom: 20px;
    min-height: 20px;
    padding: 10px;
}

.well.userNotice {
	position: relative;
	min-height: auto;
}

.well.userNotice svg {
	width: 20px;
	height: 20px;
	fill: var(--color-white) !important;
}

.well.userNotice > svg:first-child {
	position: absolute;
	top: 8px;
}

.well.userNotice > i {
    font-size: 16px;
    left: 10px;
    position: absolute;
    top: 11px;
}

.well.userNotice > p {
    color: White;
    font-size: 0.8em;
    font-weight: normal;
    margin: 0px;
    padding-left: 25px;
    padding-right: 35px;
    vertical-align: middle;
    line-height: 1.3;
}

.well.userNotice > p a {
    color: White;
    font-size: .9em;
    font-weight: bold;
    text-decoration: underline;
}

.well.userNotice > p a:hover,
.well.userNotice > p a:focus,
.well.userNotice > p a:focus-visible {
    color: #FFE677;
}

.well.userNotice a.close {
    border: none;
    color: #ffffff;
    font-size: 0.83rem;
    font-weight: normal;
    position: absolute;
    top: 10px;
    right: 12px;
    opacity: 1;
    filter: alpha(opacity=100);
    text-decoration: none;
    text-shadow: none;
}




.material-autocomplete input[type="search"]::-ms-clear {
	display: none;
}

.material-autocomplete > .input-group > input[type=search] {
	text-overflow: ellipsis;
	box-sizing: border-box;
}

.material-autocomplete .dropdown-menu .material-autocomplete__dropdown__results div.dropdown-item:last-child .dropdown-menu {
	top: -60px !important;
}

.input-group .material-autocomplete__addon-button {
	border-bottom: 1px solid #bdbdbd;
}

.input-group a.search_bar__input__clear_button {
	padding: 0px 5px;
	height: 20px;
	transition: fill 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.material-autocomplete a.search_bar__input__clear_button svg,
.quickorder-cart a.search_bar__input__clear_button svg {
	height: 20px;
	fill: rgba(0, 0, 0, 0.54);
}

.material-autocomplete a.search_bar__input__clear_button:hover svg,
.material-autocomplete a.search_bar__input__clear_button:active svg {
	fill: rgba(0, 0, 0, .87);
}

.multiselect-inline + .material-autocomplete__addon-button {
	position: relative;
	justify-content: center;
	height: 30px;
	border: none;
	right: 13px;
}

input[type=search]:focus:not([readonly]) + a.search_bar__input__clear_button {
	border-bottom-color: #4285F4;
}

input[type="text"]:focus:not([readonly]) ~ .link-search,
input[type=search]:focus:not([readonly]) ~ button,
input[type="search"]:focus:not([readonly]) ~ .search_bar__input__clear_button {
	border-bottom-color: #4285F4;
}

div.dropdown-menu div.material-autocomplete__no-results {
	font-size: 0.8125rem;
}

.autocomplete-brand input[type=search] + a.search_bar__input__clear_button {
	
}

.material-autocomplete .loading-inline.add-on {
	border: none;
	background: transparent;
	height: 100%;
}

.card-body--search .material-autocomplete .loading-inline.add-on {
	border: none;
	padding: 0 20px;
	background-color: #eee;
}

form[name="ProductSearch"] .material-autocomplete .input-group a.search_bar__input__clear_button {
	border: 0;
	margin: 0;
	top: 0;
	height: 100%;
	display: flex;
	align-items: center;
}

.material-autocomplete__dropdown__more-results {
	padding: 0.5rem;
	text-align: center;
}

.material-autocomplete__dropdown__more-results .btn-link svg {
	height: 16px;
	width: 16px;
	vertical-align: text-bottom;
}



.k-animation-container .k-list-container {
	box-sizing: content-box !important;
}

.autocomplete.list-append svg {
	height: 16px;
	width: 16px;
	vertical-align: text-bottom;
}

.phx.autocomplete.list-append > .secondaryText .phxText {
	font-size: 0.8125rem;
}

.search-box-container {
	padding-left: 2em;
	margin-bottom: 0.5em;
}



#ShopAtTop_panel .material-autocomplete .dropdown-item {
	cursor: default !important;
}

.material-autocomplete .dropdown-item {
	cursor: pointer !important;
	padding: 0.5rem;
}

.material-autocomplete .dropdown-item:focus {
	color: #0275d8 !important;
}

.material-autocomplete__dropdown-menu {
	z-index: 15;
	overflow: auto !important;
	padding: 0.5rem 0;
}

.material-autocomplete__dropdown-menu:not(.relocated):not(.material-autocomplete__dropdown-menu--positioned-by-popper) {
	transform: none !important;
}

.material-autocomplete__dropdown-menu {
	max-height: min-content !important;
}

.material-autocomplete__dropdown-menu--positioned-by-popper:not(.relocated) {
	top: -40px !important;
}

.material-autocomplete > .dropdown > .dropdown-toggle {
	height: 1px;
	visibility: invisible;
}

.material-autocomplete > .dropdown > .dropdown-toggle::after {
	content: none;
}

.material-autocomplete .dropdown-menu .material-autocomplete__dropdown__results div.dropdown-item:hover,
.material-autocomplete .dropdown-menu .material-autocomplete__dropdown__results div.dropdown-item:focus,
.dropdown-menu.dropdown-menu--blue .dropdown-item:hover,
.dropdown-menu.dropdown-menu--blue .dropdown-item:focus {
	background-color: rgba(28, 127, 206, .10) !important;
	box-shadow: none;
}

.material-autocomplete__supplier-name img {
	max-width: 14px;
	max-height: 14px;
	vertical-align: middle;
	margin-left: 8px;
}

.material-autocomplete__dropdown__item {
	padding: 0.5rem;
}

.material-autocomplete__supplier-description {
	display: flex;
}

.material-autocomplete__supplier-description span {
	display: flex;
	align-items: center;
}

.material-autocomplete__dropdown__results .material-autocomplete__dropdown__item .material-autocomplete__supplier-description img {
	max-width: unset;
}

.material-autocomplete .dropdown-menu .btn-group button,
.dropdown-menu--blue .btn-group button {
	color: #0275d8;
	cursor: pointer;
}

.material-autocomplete .dropdown-menu .btn-group button:hover,
.material-autocomplete .dropdown-menu .dropdown-menu a:hover {
	color: #3f6fdc;
}

.material-autocomplete .dropdown-menu .dropdown-menu a {
	display: flex;
	align-items: center;
}

.material-autocomplete .item__search__actions .dropdown-menu {
	padding: .5rem 0;
	min-width: 100%;
	width: auto;
}

.card-body--search .material-autocomplete__results__container > .dropdown-menu {
	width: calc(100% - 55px);
    overflow-y: auto;
}




.control-group {
	margin-bottom: 0.75rem;
}

div.control-group  .col-9 {
	white-space: normal;
}

.control-group > .control-label.phx,
.control-group > .compressed-control-label.phx{
	
	padding-top:6px;
	margin-bottom: 0;
	padding-left: 0;
	white-space: nowrap;
}

.control-group.row {
	padding-bottom: calc(0.5rem - 2px) !important;
}

.control-group .control-label {
	padding-bottom: 0px
}


.phx.table-row-layout, .table .control-group div.multi-checkbox div.md.table-row-layout  {
	display:table-row;
	padding-top: calc(0.5rem - 2px);
}


.control-group .control-label a,
.control-group .control-label span {
	vertical-align: top;
}

.control-group .controls {
	padding-top: calc(0.5rem - 2px);
}

.pagination .col-form-value {
	padding-top: 0;
}

.control-group div.controls .mdb-select {
	max-width:150px;
}
.control-group div.controls input[type="text"]:disabled {
	cursor: not-allowed;
}

.control-group div.controls table input[type="text"],
.control-group div.controls > input[type="text"],
.control-group div.controls .input-container > input[type="text"],
.control-group div.controls > input[type="url"],
.control-group div.controls .kendo-time > input[type="text"],
.control-group div.controls .yui-skin-sam.yui-ac > input[type="text"],
.control-group div.controls .ui-classic-ac > input[type="text"],
.control-group div.controls .material-autocomplete > input[type="search"] {
	margin-top: -10px;
	padding-bottom: 4px;
	max-width:150px;
}

.control-group div.controls input[type="text"].select-dropdown:focus{
	border-bottom: 1px solid #4285F4 !important;
    -webkit-box-shadow: 0 1px 0 0 #4285F4 !important;
    box-shadow: 0 1px 0 0 #4285F4 !important;
}

.control-group div.controls .border-outline {
	margin-top: -10px;
}

.control-group div.controls .select-wrapper > input[type="text"] {
	padding-bottom: 4px;
	height: 40px;
	margin-top: -1.5px;
}

.control-group div.controls div.form-inline > div input[type="radio"] + label {
	padding-left: 25px;
	padding-right: 5px;
}

.control-group div.controls > label {
	margin-bottom: 0;
}

.control-group div.controls > label input[type="checkbox"] + label {
	height: 24px;
    margin-bottom: 0;
}

.control-group div.controls textarea {
	padding-top: 0;
	padding-bottom: 5px;
	min-height: 25px;
}

.control-group .control-label .halflings {
	top: 5px;
	font-size: 0.6875rem;
}

.control-group.control-group-with-help .control-label .phxGlyph {
	top: 1px;
    padding-left: 0.35rem;
}

.control-group .ErrorMessageLine,
.control-group .inline-error {
	white-space: break-spaces;
}

.control-group.error .textAreaWrapper {
	margin-bottom: -5px;
}
.control-group.error .ErrorBox {
	padding-top: 5px;
}

.group-elements__container > table > tbody > tr > td.col-form-label {
	vertical-align: top;
}

.material-table .ErrorBox i {
	padding-right: 2px;
}

.ErrorBox > .col-form-value {
	margin-bottom: 5px;
}

.ErrorBox .form-group {
	margin-bottom: 5px;
}

.extraPriceInfo .form-group {
	margin-bottom: 0.5rem;
}

.controls {
	color: rgba(0, 0, 0, .87);
	font-size: 0.8125rem;
	font-weight: normal;
	margin-left: 0;
}


.controls input, .controls .select-wrapper input {
    font-size: 0.8125rem;
    color: rgba(0, 0, 0, .87);
    height: 2.5rem;
    margin-top: 0;
    margin-bottom: 0rem;
    padding: 0;
}

div.control-group {
	white-space: initial;
}

.control-group > .controls > .k-content > .k-upload > .k-dropzone {
	padding: 0px !important;
}

.controls > .input-group {
	max-width: 250px;
}

.control-label {
	color: rgba(0, 0, 0, .54);
	font-size: 0.8125rem;
	font-weight: normal;
	float: none;
}

input + .help-block,
select + .help-block,
textarea + .help-block,
.uneditable-input + .help-block,
.input-prepend + .help-block,
.input-append + .help-block,
.k-content + .help-block,
span.add-on + .help-block {
	margin-top: 10px;
}

.form-group.control-group {
    padding: 0;
    margin-bottom: 0;
}


.md-form {
	margin-top: 1.2rem;
	padding-bottom: 4px;
}

p + .md-form {
	margin-top: 1.9rem;
}



span.requiredNote div {
	font-size: 0.8em;
	color: rgba(0, 0, 0, .54);
}

span.requiredNote div {
	margin-top: 12px;
}

.SecondaryText,
.SecondaryText .phx.label {
	font-size: 11px;
	font-weight: normal;
	color: rgba(0, 0, 0, .54);
	padding-left: 0px;
}

.material-form__body .card {
	display: inline-flex;
	width: 100%;
}

.material-form__body .docSectionsContainer {
	width:fit-content;
	min-width: 100%;
}

.material-form__body .header-section__row > table > tbody > tr > td {
	padding-top: 15px;
	padding-bottom: 20px;
	padding-right: 20px;
	padding-left: 20px;
}

.material-form__body .header-section__row > table .activity-rate-label {
	padding-bottom: 20px;
}

@media (max-width: 767px) {
	.material-form__body .header-section__row > table > tbody > tr > td {
		display: block;
		width: 100% !important;
	}

	.material-form__body .header-section__row > table > colgroup > col {
		width: 100% !important;
	}
}


.start-hidden {
	display: none;
}

.phx.table-row-layout, .table .control-group div.multi-checkbox div.md.table-row-layout  {
	display:table-row;
	padding-top: calc(0.5rem - 2px);
}

.form-group div.col-form-value .mdb-select:not(.w-100) {
	max-width: 300px;
}

.md-form-group div.col-form-value input[type="text"]:disabled {
	cursor: not-allowed;
}

.form-group div.col-form-value table input[type="text"],
.form-group div.col-form-value > input[type="text"],
.form-group div.col-form-value > div > input[type="text"],
.form-group div.col-form-value .input-container > input[type="text"],
.form-group div.col-form-value > input[type="url"],
.form-group div.col-form-value .kendo-time .input-group > input[type="text"],
.form-group div.col-form-value .yui-skin-sam.yui-ac > input[type="text"],
.form-group div.col-form-value .ui-classic-ac > input[type="text"],
.form-group div.col-form-value .material-autocomplete > input[type="search"],
.form-group div.col-form-value .input-group {
	max-width: 300px;
}

.form-group div.col-form-value select.input-group,
.form-group div.col-form-value select.standard-select {
	max-width: 300px;
	width: inherit;
}

.form-group div.col-form-value .input-group div.multiselect-inline > .textAreaWrapper > textarea {
	width: 100%;
}

.md-form-group div.col-form-value input[type="text"].select-dropdown:focus{
	border-bottom: 1px solid #4285F4 !important;
    -webkit-box-shadow: 0 1px 0 0 #4285F4 !important;
    box-shadow: 0 1px 0 0 #4285F4 !important;
}

.md-form-group div.col-form-value .input-group > input[type="url"] {
	margin-top: -1px;
	padding-bottom: 4px;
	height: 35px;
}

.md-form-group div.col-form-value .border-outline {
	margin-top: -10px;
}

.md-form-group div.col-form-value .select-wrapper > input[type="text"] {
	padding-bottom: 4px;
	height: 22px;
	margin-top: -1.5px;
}

.md-form-group div.col-form-value > label {
	margin-bottom: 0;
}

.md-form-group div.col-form-value > label input[type="checkbox"] + label {
	height: 24px;
    margin-bottom: 0;
}

.md-form-group div.col-form-value textarea {
	padding-top: 0;
	padding-bottom: 5px;
	min-height: 25px;
}

.md-form-group .col-form-label .halflings {
	top: 5px;
	font-size: 0.6875rem;
}

.remitTo .md-form-group div.col-form-value > input[type="text"] {
	margin-top: 2px;
}

.form-subsection {
	margin-left: 10px;
}

[id^=RelatedDocumentLink] {
	font-size: 0.8125rem !important;
}

.col-form-value-block {
	padding-left: 10px;
}

.col-form-value a.btn {
	height: auto;
}

.col-form-override-value {
	padding-top: calc(0.6rem + 1px) !important;
}

.group-element .dtsh-header .col-form-label {
	min-width: 120px !important;
	max-width: 120px !important;
}

.dtsh-header .col-form-value .phx.phxText.icon-mini.rotate-90 {
	margin-left: -3px;
}

.two-element-group .group-element.calculate-button {
	display: flex;
	min-width: 0;
	margin-bottom: 10px;
	flex-direction: row;
	max-width: 50%;
}

.two-element-group .group-element.calculate-button.tax-integrated {
	margin-top: 60px;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.two-element-group .group-element.calculate-button {
		padding-left: 10px;
	}
}

.two-element-group {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.two-element-group .group-element {
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: auto;
	min-width: 50%;
	max-width: 100%;
}

.controls.noLabel {
	margin-left: 160px;
}

.form-group input[type="file"] {
	overflow: hidden;
}

.required-star-filled {
	color: rgba(0, 0, 0, .54);
	fill: rgba(0, 0, 0, .54);
}

.required-star-filled svg {
	height: 14px !important;
	width: 14px !important;
}

th .required-star-filled svg, td .required-star-filled svg,
.address-container__edit .address-elements table .control-group-required .required-star-filled svg,
.col-form-label .required-star-filled svg,
.alert-info .message-container .required-star-filled svg {
	height: 10px;
	width: 10px;
	margin-left: 3px;
}

.form-group.form-group--distended.row {
	margin-bottom: 13px;
}

.form-group.form-group--condensed.row {
	margin-bottom: 3px;
}

.form-group.row.descendant-container {
	margin-left: 35px !important;
}

.btn-nomargin-container > .btn {
	margin: 0;
}

.material-form__body.material-form__body--preview .docSectionsContainer div.row.no-side-gutters {
	margin-right: 0 !important;
	margin-left: 0 !important;
}

.material-form__body .remitTo-Tile-value,
.material-form__body .remitTo-Tile-value-link {
	font-size: .8125rem;
}

.material-form__body .card img {
	max-width: inherit;
}

.material-form__body .HorizontalFormGroupElement .materialFormImage {
	display: flex;
}

.material-form__body .html-form-element-container {
	white-space: initial;
}


.form-section-total {
	display: flex;
	justify-content: right;
	padding-right: 20px;
	font-weight: 500;
	font-size: 0.8125rem;
	height: 30px;
	line-height: 20px;
	background-color: #f4f4f4
}

.jaggaerAssistAdjust {
	padding-right: 100px;
}


#FilterSelection .card .card-body select.standard-select,
form[name="CreateInvoiceForm"] .form-group .col-form-value select.standard-select {
	width: 100%;
}



.page--condensed .material-form__body .header-section__row > table > tbody > tr > td {
	padding: 5px 10px;
}

.page--condensed .col-form-label {
	padding-top: 5px;
    padding-bottom: 5px;
}

.page--condensed .group__header {
	padding-top: 5px;
}






.md-form  {
	margin-top: 0.8em;
	margin-bottom: 0.4em;
}


.md-form.wcheck {
	margin-bottom: 1.2em;
}

.col-form-value > .radio-group,
.col-form-value .callout > .radio-group,
.col-form-value > .multi-checkbox,
.col-form-value .callout > .multi-checkbox,
.col-form-value > .input-group > .readOnlyValue {
	padding-top: calc(0.6rem + 1px);
}


label .mock-required-indicator,
.form-group .col-form-label .mock-required-indicator {
	font-size: 0;
	display: inline;
	font-family: 'Glyphicons Halflings';
}

label .mock-required-indicator:after,
.form-group .col-form-label .mock-required-indicator:after {
	position: relative;
	font-size: 11px;
	margin-left: 4px;
	content: "\E006";
}

div.col-form-label > .mock-required-indicator {
	padding-top: 2px;
}

label.col-form-label > .mock-required-indicator {
	padding-top: none;
}




.read-only-label .mock-required-indicator {
	display: none;
}

.read-only-label {
	color: #757575;
	position: relative;
}




/* MDB input groups */
.input-group-text {
	height: 40px;
	width: 34px;
	display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 16px 7px;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #E0E0E0;
    border: 1px solid #D4D8DE;
}




input[type=text].md-form:hover,
input[type=password].md-form:hover,
input[type=email].md-form:hover,
input[type=url].md-form:hover,
input[type=time].md-form:hover,
input[type=date].md-form:hover,
input[type=datetime-local].md-form:hover,
input[type=tel].md-form:hover,
input[type=number].md-form:hover,
input[type=search-md].md-form:hover,
input[type=search].md-form:hover,
textarea.md-textarea:hover {
  border-top-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
}

input[type=search]::-ms-clear,
input[type=text]::-ms-clear {
	display: none;
}


input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px white inset;
}

.col-form-value .add-on svg {
	fill: #0275d8 !important;
}

.textAreaWrapper {
	padding-left: 0;
}

.textAreaWrapper div.row {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
}

.textAreaWrapper div.row div:last-child {
	top: 1px;
}

.md-group-note .textAreaWrapper,
.SimpleFormValue .col-form-value input {
	max-width: 300px;
}

td.SimpleFormValue .textAreaWrapper textarea {
	max-height: 350px;
}

td.SimpleFormValue .phx.phxText.icon-mini.rotate-90,
.document__cell__item .LineSixPack.UnitPriceCell .phx.phxText.icon-mini.rotate-90,
.CartExtendedPrice .phx.phxText.icon-mini.rotate-90 {
	margin-left: -7px;
	padding-right: 4px
}

td .phx.phxText.icon-mini.rotate-90 {
	padding-right: 4px
}

textarea.phx.col-form-value:focus,
input[type="text"].phx:focus,
input[type="password"].phx:focus,
input[type="datetime"].phx:focus,
input[type="datetime-local"].phx:focus,
input[type="date"].phx:focus,
input[type="month"].phx:focus,
input[type="time"].phx:focus,
input[type="week"].phx:focus,
input[type="number"].phx:focus,
input[type="email"].phx:focus,
input[type="url"].phx:focus,
input[type="search"].phx:focus,
input[type="tel"].phx:focus,
input[type="color"].phx:focus,
.uneditable-input:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	border-color: none;
}

.phx.input-mini {
	width: 40px !important;
	display: inline-block;
	margin-right: 5px;
}

.select-wrapper.phx.input-mini {
	width: 60px !important;
	display: inline-block;
}

.select-wrapper.phx.input-small {
	width: 104px;
}

.select-wrapper.phx.input-mini,
.select-wrapper.phx.input-small {
	vertical-align: bottom;
}

.phx.input-small {
	width: 80px !important;
	min-width: 80px;
}

.phx.input-large {
	width: 175px !important;
	min-width: 175px;
}


#NonCatUnitPrice.phx.input-medium {
	width: 115px !important;
	min-width: 115px;
}



button.datepicker {
	color: #000000;
	fill: #000000;
	font-size: 1rem;
	cursor: pointer;
}




.form-control,
input.form-control,
.input-group .form-control,
.file-field input.file-path,
.select-wrapper input.select-dropdown {
	box-sizing: border-box;
	height: 40px;
	border-radius: 0;
	color: #767676;
	border: 1px solid #e0e0e0;
	font-size: 0.8125rem;
	padding: 0.375rem 0.75rem;
	margin: 0;
}



.k-content.m-override .k-widget .k-dropzone {
	border-radius: 0px;		
	line-height: 20px;
	border: 1px dashed #D0D0D0;
	height: 81px;
	margin-bottom: 5px;
	padding: 33px 0 0 0;
	text-align: center;
}

.k-content.m-override .k-widget .k-dropzone:hover {
    border-color: #000000;
}

.k-content.m-override .k-widget .k-dropzone:focus,
.k-content.m-override .k-widget .k-dropzone:focus-within {
   	border: 1px solid #000000;
   	box-shadow: 0 0 0 1px var(--color-black);
}

.k-content.m-override .k-dropzone em,
.k-content.m-override .k-dropzone.withStatus em {
	color: black !important;
	font-family: roboto;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0.2px;
}

.k-content.m-override .k-dropzone .k-button.k-upload-button {
	line-height: 20px;
	min-width: auto;
	border-style: hidden;
	padding: 0 7px;
}

.k-content.m-override .k-dropzone .k-upload-button span {
	color: rgb(55, 105, 219);
	font-size: 13px;
	text-transform: none;
}

.k-content.m-override .k-dropzone .SecondaryText.display-block {
	font-size: 0.75rem;
}

.k-content.m-override .k-dropzone .k-upload-status {
	visibility: hidden;
}

.k-content.m-override .k-upload-files {
	border: none !important;
	line-height: 0;
}

.k-content.m-override .k-upload-files .k-file {
	background-color: rgb(245, 246, 248);
	border: none;
	display: inline-block;
	height: 40px;
	margin-bottom: 5px;
	min-width: 100%;
	padding: 0;    
}

.k-content.m-override .k-upload-files .k-file .k-filename {
	min-width: 100%;
	
}

.k-content.m-override .k-upload-files .k-file span.k-filename div.readOnlyValue.phx.form-control {
	color: #767676;
}

.k-content.m-override .k-upload-files .k-file .progress.md-progress {
	background-color: transparent;
	height: 2px;
	margin: 0;
}

.k-content.m-override .k-upload-files .k-file .k-progress.progress-bar {
	background-color:  rgb(55, 105, 219) !important;
}

.k-content.m-override .k-upload-files .k-file-error .k-progress.progress-bar {
	background-color: transparent !important;
}

.k-content.m-override .k-upload-files .k-file.k-file-success .k-progress.progress-bar {
	background-color:  transparent !important;
}

.k-content.m-override .k-upload-files .k-file .form-control {
	background-color: transparent !important;
	border: none !important;
	color: rgb(55, 105, 219);
	padding-right: 3.8rem;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.k-content.m-override .k-upload-files .k-file.k-file-success .k-ok {
	color: rgb(9, 135, 85);
}

.k-content.m-override .k-upload-files .k-file .ErrorMessageLine {
	margin: 2px 0;
}

.k-content.m-override span.k-upload-pct {
	top: 15px;
}

.col-form-value div.k-content .k-widget.k-upload.k-header {
    min-width: 200px;
}

.file-upload {
    display: flex;
    gap: 10px;
}

.file-upload-download {
    display: flex;
    align-items: center;
}

.file-upload-download .readOnlyValue {
    padding: 0 !important;
}

.file-upload-download .btn-link > svg,
.btn-link.btn-download > svg {
    width: 16px;
    height: 16px;
}

.col-form-value .k-widget .k-numeric-wrap.k-expand-padding .k-input.form-control {
	padding: 0.375rem 0.75rem !important;
	text-indent: 0px;
}

.form-control,
.file-field input.file-path,
.select-wrapper.mdb-select {
	
	background-color: #fff !important;
}

textarea.form-control,
.page--condensed textarea.form-control {
	height: auto;
	min-height: 36px;
	display: block;
}

.select-wrapper input.select-dropdown {
	transition: all 0.3s;
}

.select-wrapper input.select-dropdown {
	padding-right: 15px;
}

.select-wrapper span.caret {
	right: 8px;
}

.form-group {
	margin-bottom: 1.25rem;
}

.form-group.row {
	display: flex;
	margin-bottom: 1.25rem;
}

.form-group .accessibilityHidden {
	position: absolute !important;
	top: -9999px !important;
	left: -9999px !important;
	opacity: 0;
}

.form-group div.selectWrapper {
	display: inline-block;
}

.manually_supplier_container .form-group.row {
	display: flex;
	margin-bottom: 0.625rem;
}

.form-group--no-margin,
.form-group--no-margin .form-group {
	margin-bottom: 0 !important;
}

.form-group .col-form-label {
	font-size: 0.8125rem;
	line-height: 20px;
	color: rgba(0, 0, 0, .54);
	fill: rgba(0, 0, 0, .54);
	padding-right: 0.75rem !important;
	word-break: break-word;
}

.form-group .col-form-label label {
    margin-bottom: 0;
}

.col-form-label,
.material-form__body .form-group .col-form-value .EmptyValue,
.material-form__body .form-group .col-form-value .readOnlyValue,
.material-form__body .form-group .col-form-value .attachment-container__actions-add {
	padding-top: calc(0.6rem + 1px);
	padding-bottom: calc(0.6rem + 1px);
}

.form-select-contract-container {
	padding-top: calc(0.6rem + 3px);
	font-size: 13px;
}

.form-control-plaintext {
	padding-top: calc(0.6rem + 1px);
	padding-bottom: calc(0.6rem + 1px);
}

.form-group input.select-dropdown {
	margin-bottom: 0;
}

.form-group .col-form-value .form-check {
	margin-bottom: 0;
}

.form-group .col-form-value.form-attribute {
	padding-top: 11px;
	font-size: 13px;
}

.inputs--no-padding .form-control {
	padding: 0;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.form-group.grouped-details-container {
		min-width: 60%;
	}
}


.form-control:active,
.form-control:focus,
input[type=text].select-dropdown:focus,
input[type=text].select-dropdown:active {
	color: black;
	outline: none;
}

.form-control:active,
input[type=text].select-dropdown:active {
	border-color: #e0e0e0;
}

.form-control:focus,
input[type=text].select-dropdown:focus {
	
	border: 2px solid black !important;
	box-shadow: none !important;
}

textarea.form-control:focus {
	box-shadow: inset 0px 0 0 1px #000000 !important;
	border-width: 1px !important;
}


.form-control:disabled,
.form-control[readonly],
.file-field input.file-path,
input[type=text].select-dropdown:disabled {
	color: #767676;
	
	background-color: #f4f4f4 !important;
}

.form-control:disabled:not(:focus),
.form-control[readonly]:not(:focus),
input[type=text].select-dropdown:disabled:not(:focus) {
	border-color: white;
	
	border-bottom: 1px solid white !important;
}

.accessibility-input.form-control:disabled:not(:focus),
.accessibility-input.form-control[readonly]:not(:focus) {
	border: 1px solid #767676 !important;
}


.form-control:not([readonly]):enabled:hover,
input[type=text].select-dropdown:enabled:hover {
	border-color: black;
}

.form-control:not([readonly]):enabled:not(:active):not(:focus):hover,
input[type=text].select-dropdown:enabled:not(:active):not(:focus):hover {
	color: #767676;
}


.ErrorBox input,
.FormCellError input,
.ErrorBox .form-control,
.FormCellError .form-control,
.FormCellError .form-control.k-widget .k-numeric-wrap .k-input,
.FormCellError .form-control.k-widget .k-state-default > .k-select,
.form-control.is-invalid,
.ErrorBox .select-wrapper .select-dropdown,
.FormCellError .select-wrapper .select-dropdown {
	border-color: #c43535;
}

.ErrorBox div[id$='UserDefinedFieldTypeCheckbox'] {
	margin-left: 28px;
}


.WarningsOnlyBox input,
.FormCellWarningsOnly input,
.WarningsOnlyBox .form-control,
.FormCellWarningsOnly .form-control,
.WarningsOnlyBox .select-wrapper .select-dropdown,
.FormCellWarningsOnly .select-wrapper .select-dropdown {
	border-color: #d88c2a;
}

.text-right.FormCellError .ErrorMessageLine, {
	justify-content: flex-end;
}


.input-group.input-group--no-rounded-right .input-group-text {
	border-radius: 0;
}

.input-group-text.no-background {
	background-color: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0);
}

.input-group-text label {
	margin-top: 12px;
	padding-left: 18px;
}

.input-group-addon {
	background-color: #e0e0e0;
	height: 40px;
	flex-shrink: 0;
}

.input-group .form-control {
	display: block;
	width: 100%;
	margin-top: 0;
}

.input-container .input-group--in .form-control,
.material-autocomplete .input-group--in .form-control {
	padding-right: 40px;
	text-overflow: ellipsis;
}

.input-group--in .input-group-append {
	align-self: center;
	z-index: 3;
	padding: 0;
	position: relative;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	margin: 0;
	overflow: inherit;
	margin-left: -24px !important;
	right: 6px;
}

.input-group--in .input-group-append.show {
  z-index: 999;
}

.input-group--in .input-group-append,
.input-group--in .input-group-append button {
	cursor: pointer;
}

.input-group--in .input-group-append,
.input-group--in .input-group-append .dropdown-toggle {
	border-radius: 50%;
	min-width: 24px;
	height: 24px;
	min-height: 24px;
	background-color: transparent;
	display: flex;
	justify-content: center;
	align-items: center;
}

.input-group--in .input-group-append:not(.preferred-dropdown):hover,
.input-group--in .input-group-append:not(.preferred-dropdown):focus,
.input-group--in .input-group-append .dropdown-toggle:hover,
.input-group--in .input-group-append .dropdown-toggle:focus {
	transition: .2s ease-out;
	background-color: rgba(0, 0, 0, 0.1);
	text-decoration: none;
	outline: none;
}

.input-group-append i {
	width: 14px;
	font-size: 0.8125rem;
}

.input-group .input-group-append-next {
	position: static;
	height: 40px;
	margin: 0;
	display: flex;
	border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    box-shadow: 3px 2px 3px 0 rgba(0, 0, 0, .05), 3px 2px 10px 0 rgba(0, 0, 0, .12);
}



.input-group--in {
	flex-wrap: nowrap;
}

.input-group--in.element-width {
	min-width: 170px;
}

.input-group--in .input-container input,
.kendo-time .input-group--in input,
.input-group--in .ui-classic-ac input {
	padding-right: 35px !important;
	text-overflow: ellipsis;
}

.input-group--in .input-container,
.material-autocomplete .input-group--in {
	width: 100%;
	max-width: 300px;
}

.input-group--in .dropdown-toggle {
	transform: rotateZ(45deg);
	padding: 0;
	outline: none;
}

.input-group--in .dropdown-toggle::after {
	display: none;
}

.form-control::placeholder {
	color: #767676;
}





.k-input {
	font-size: 0.8125rem;
}

.k-widget .k-numeric-wrap .k-input {
	box-sizing: border-box;
	border: 1px solid #e0e0e0;
	height: 40px;
	border-radius: 0;
	background-color: #fff;
}
.k-widget.k-numerictextbox.phx.input-mini,
.k-widget.k-numerictextbox .k-input.phx.input-mini {
    width: 60px !important;
}

.k-widget .k-numeric-wrap.k-expand-padding .k-input {
	border-radius: 0;
	box-shadow: none;
}

.k-widget .k-numeric-wrap {
	border-radius: 0;
	padding: 0;
}

.k-numeric-wrap .k-input:focus:not([readonly]) {
	border-bottom: 1px solid black;
}

.k-numeric-wrap:not(.k-expand-padding) input {
	padding-right: 24px!important;
}

.k-numeric-wrap span.k-select {
	display: flex;
	flex-direction: column;
	justify-content: center;
	border: 0;	
}

.k-numeric-wrap span.k-select .k-link {
	border-radius: 0;
	height: calc(50% - 1.5px);
	width: calc(100% - 1px);
    display: flex;
    align-items: center;
    justify-content: center;
}

.k-widget .k-numeric-wrap::before {
	display: none;
}

.k-widget .k-numeric-wrap.k-state-default {
	border: none;
}

.k-widget .k-numeric-wrap.k-state-hover {
	border: none;
	background-color: transparent;
}

.k-widget .k-numeric-wrap.k-state-focused {
	box-shadow: none;
}



input.k-input {
	color: #767676;
}

.k-multiselect .k-multiselect-wrap .k-input.k-readonly {
	color: rgba(0, 0, 0, 0.54);
}

div.k-content {
	margin:0;
}

.col-form-value .k-content .k-widget.k-multiselect {
  min-width: 205px;
  max-width: 300px;
  width: 100%;
  flex-shrink: 0;
}

.k-content .k-widget.k-multiselect {
	border-radius: 0;
	border-color: #e0e0e0;
	transition: all 0.3s;
	padding-right: 30px;
	box-sizing: border-box;
}

.k-widget.k-multiselect,
.k-multiselect .k-multiselect-wrap,
.add-on {
	box-shadow: none;
	border-radius: 0;
}

.k-multiselect .k-multiselect-wrap {
	height: 100%;
}

.k-multiselect .k-multiselect-wrap .k-input {
	height: 38px;
	box-sizing: border-box;
	margin: 0;
}

.k-multiselect .k-multiselect-wrap ul {
	margin: 0;
}

.k-multiselect .k-multiselect-wrap .k-button {
	cursor: pointer;
}

.k-widget.k-multiselect.k-header.k-state-hover {
	color: #767676;
	border-color: black;
}

.k-widget.k-multiselect.k-header.k-state-focused {
	border-color: black;
	box-shadow: none;
}

.k-state-focused .k-input {
	color: black;
}

.k-widget.k-multiselect.k-state-focused + .add-on {
	box-shadow: none;
}

.k-widget.k-multiselect + .add-on {
	margin-left: 0;
}

.k-widget.k-autocomplete .k-loading,
.k-widget.k-multiselect .k-loading {
	bottom: 12px;
}

.k-item {
	font-size: 0.8125rem;
}



.input-table .textAreaWrapper textarea,
.material-table-wrapper table .textAreaWrapper textarea {
	height: 40px;
	min-height: 40px;
}



.readOnlyValue + .readOnlyValue{
	 padding-top: .5rem;
}

label[for='NonCatProdDesc'] ~ .readOnlyValue,
label[for='NonCatSizeAmount'] ~ .readOnlyValue,
label[for='NonCatPkgAmount'] ~ .readOnlyValue {
	padding-top: 0px !important;
}

.modal-body .SupplierInfo__left-col {
	width: 300px;
	margin-right: .5rem;
}

#SupplierInfo .SupplierInfo__left-col,
#SupplierInfo .SupplierInfo__left-col #SupplierSearchInput,
#SupplierInfo .SupplierInfo__left-col .material-autocomplete {
	width: 100%;
	max-width: 300px;
}

#SupplierInfo .supplier-tag .supplier-tag__name {
	overflow: hidden;
	text-overflow: ellipsis;
}

#AdHocOrderDist .form-check {
	display: inline-block;
}

#AdHocEntry > tr > td,
#AdHocEntry + tbody > tr > td {
	padding-top: 10px;
}

.col-form-label,
.col-form-value {
	display: inline-block;
}


.textAreaWrapper .ui-wrapper,
.textAreaWrapper .ui-wrapper textarea,
form[name='commentForm'] .ui-wrapper,
form[name='commentForm'] .ui-wrapper textarea#comment {
	word-wrap: break-word !important;
}

.textAreaWrapper .ui-wrapper,
.textAreaWrapper .ui-wrapper textarea {
	box-sizing: content-box;
}

.textAreaWrapper .ui-wrapper {
	width: 100% !important;
	padding-right: 0px !important;
	padding-bottom: 0px !important;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.textAreaWrapper .ui-wrapper {
		width: 100% !important;
	}
}

textarea.form-control.resizable,
.textAreaWrapper .ui-wrapper textarea {
	width: calc(100% - 26px) !important;
}

.textAreaWrapper .ui-wrapper textarea {
	min-height: 1px;
}

.textAreaWrapper .ui-wrapper .ui-resizable-se {
	bottom: 1px;
}

.input-table .ui-wrapper,
.input-table .ui-wrapper textarea,
.material-table-wrapper .ui-wrapper,
.material-table-wrapper .ui-wrapper textarea {
	min-height: 26px !important;
}

.ui-wrapper.ui-wrapper--enable-expand,
.ui-wrapper.ui-wrapper--enable-expand textarea{
	height: auto !important;
}

.clockpicker-svg {
	width: auto;
	height: auto;
}

.clockpicker-am-pm-block .clockpicker-button {
	color: #FFFFFF;
}

.picker__date-display .clockpicker-display .clockpicker-display-column .text-primary {
	color: #FFFFFF !important;
}

.invisible-ie {
	position: absolute;
	left: -9999px;
	opacity: 0;
	visibility: visible;
}

.material-form__body .k-numeric-wrap:not(.k-expand-padding) input {
	padding-right: 30px!important;
}

.k-state-focused > .k-select {
	border-left-color: black !important;
}

.layoutGroup [type="radio"]:not(:checked),
.layoutGroup [type="radio"]:checked {
	opacity: 1 !important;
}

.form-button-table {
	display: inline-block;
	padding-top: 17px;
}

.layoutGroup .col-form-label {
	vertical-align: top;
}

.layoutGroup .div-radio-button,
.layoutGroup .div-radio-button-value {
	display: inline-block;
}

.layoutGroup .div-radio-button-container .div-radio-button label {
	margin-bottom: -4px;
    margin-top: -3px;
}

.layoutGroup .HorizontalFormGroupElement .div-radio-group {
	gap: 10px;
}

.layoutGroup .HorizontalFormGroupElement .div-radio-button-container {
	padding-top: 0;
}

.layoutGroup .col-form-value .div-radio-group {
	padding-top: calc(0.6rem + 1px);
}

.layoutGroup .div-radio-group {
	padding-top: 10px;
}

.layoutGroup > table td > .form-check,
.material-form__body .layoutGroup .form-group.row .col-form-value.col-8 .readOnlyValue {
	padding-top: calc(0.6rem + 1px);
}

.material-form__body .layoutGroup .form-group.row .col-form-label {
	max-width: 260px !important;
}

.layoutGroup .tabbable .nav-tabs {
	min-width: 325px;
}

#AdHocEntry table tbody td:not(:first-child),
#AdHocEntry div.row:not(.form-group) > div:not(:first-child) {
	padding-left: 0.5rem;
}

#SupDistMethodsList.rw .form-control {
	width: 100px;
}

.layoutGroup .col-form-label .FieldOpt,
.layoutGroup .col-form-label .FieldReq {
	color: #000000 !important;
	cursor: help;
	height: fit-content;
}

.layoutGroup .col-form-label span.FieldOpt:not([tabindex]),
.layoutGroup .col-form-label span.FieldReq:not([tabindex]) {
	cursor: default;
}

.layoutGroup table td,
.layoutGroup .form-check-details,
.layoutGroup .checkRequest-remitTo-address {
	font-size: 13px;
}

.layoutGroup .form-check-details {
	margin-left: 28px;
}

.layoutGroup .form-check-details + .form-check-details,
.layoutGroup input + .form-check-details {
	margin-top: 15px;
}

.layoutGroup .form-check + .form-check-details {
	margin-top: 7px;
}

.layoutGroup .form-check-details + .form-check {
	margin-top: 8px;
}

.layoutGroup .form-check.form-check-suppress-label {
	height: 25px;
}

.layoutGroup .checkbox {
	margin-bottom: 0.5rem;
}

.layoutGroup table + table {
	margin-top: 10px;
}

.layoutGroup table + .checkbox {
	padding-top: 10px;
}

.material-form__body .layoutGroup input[type="text"].form-control,
.material-form__body .layoutGroup textarea.form-control {
	width: auto;
	max-width: 300px;
}

.material-form__body .layoutGroup .textAreaWrapper {
	max-width: max-content;
}

table.material-table td input {
	width: auto;
	max-width: 300px;
}

.material-form__body .layoutGroup table td.HorizontalFormGroupElement input,
.material-form__body .layoutGroup table td.HorizontalFormGroupElement textarea,
.material-form__body .layoutGroup table td.HorizontalFormGroupElement .textAreaWrapper {
    max-width: 190px !important;
}

.material-form__body .layoutGroup .col-form-value#Div_NewPrdFm_HealthSafety {
	padding-top: calc(0.6rem + 1px);
}

.material-form__body .form-group.row .col-form-label {
	color: #000000;
}

.material-form__body .form-group.row > .col-form-value {
	white-space: nowrap !important;
	margin: auto 0;
}

.material-form__body .standard-select {
	min-width: 100px;
	max-width: 238px;
}

.material-form__body .address-body-container {
	display: flex;
}

.material-form__body .address-radio {
	padding-top: 6px !important;
}

.material-form__body .list-group-filters__title {
	border-bottom: none;
}
.material-form__body .list-group-filters__title > span{
	color: #000000;
	font-size: 13px;
	font-weight: 400;
}

.material-form__body .list-group-filters__title .required-star-filled {
	color: #767676;
}

.form-control {
	display: inline-block;
}

.material-form__body .div-radio-button-container {
	display: flex;
	white-space: nowrap;
}

.material-form__body .div-radio-button-container .div-radio-button {
	vertical-align: middle;
}

.material-form__body .div-radio-button-container .div-radio-button-value {
	white-space: normal;
	line-height: 20px;
}

.material-form__body .layoutGroup .form-group.row .col-form-label {
	min-width: 150px !important;
}

.form-check ~ .form-group .col-form-label{
	padding-top: calc(0.6rem - 6px);
}

.layoutGroup .form-check-details + .form-check-details {
	margin-top: 6px;
}

.layoutGroup .form-check + .form-check-details {
	margin-top: 2px;
}

.material-form__body .HorizontalFormGroupElement .form-check {
	padding: 10px 0px;
}

.group-elements__container .form-group.row > div.col-form-value .informationIcon {
	vertical-align: middle;
	height: 16px;
	width: 16px;
	color: #767676
}

.material-form__body .row .textAreaWrapper,
.material-form__body .row .form-check-details {
	text-align: left;
}

.form-group.row:has(.col-form-label .FieldReq[id$="_CtrlGrpLabel"]) .col-form-value,
.form-group.row:has(.col-form-value .textAreaWrapper textarea.phx.form-control[id^="DocElement_"]) .col-form-value {
    overflow: hidden;
    max-width: 100%;
}

.textAreaWrapper textarea.phx.form-control[id^="DocElement_"] {
    overflow: auto;
    resize: both;
    max-width: 100%;
}

#SupplierNameElement {
	display: flex;
	align-items: center;
}

.supplier-no-editable {
	display: flex;
	align-items: center;
}

.supplier-no-editable .ElementValue {
	margin-right: 4px;
}

.material-form__body .address-container .address-elements span {
	white-space: break-spaces;
}

.material-form__body td[class^="sectionNumber"][colspan="1"] .form-group.row .col-form-label {
	flex: 0 !important;
}

.form-group div.col-form-value select.standard-select + span input {
	max-width: 300px;
	margin-top: 1.25rem;
}

.material-form__body table td {
	font-size: .8125rem;
}

.material-container__search .row .search-box-container {
	padding: 0;
	margin: 0;
}

.accessibility-input:not(.ErrorBox .accessibility-input, .WarningsOnlyBox .accessibility-input):not(:focus),
.accessibility-input .k-select,
.accessibility-input .k-multiselect,
[type="radio"].accessibility-input + label:before,
[type="checkbox"].accessibility-input + label:before {
	border-color: #767676 !important;
}

#AddCommentContainer form[name="commentForm"] .textAreaWrapper .ui-wrapper {
	overflow: unset !important;
}

#AddCommentContainer form[name="commentForm"] .textAreaWrapper textarea:focus-visible {
	outline: 2px solid #000000;
	border: none !important;
}

.SupplierInfo {
	border-radius: 2px;
	background-color: #F4F4F4;
	padding: 3px 10px;
}


.page--condensed .form-control,
.page--condensed input.form-control,
.page--condensed .input-group .form-control,
.page--condensed .file-field input.file-path,
.page--condensed .select-wrapper input.select-dropdown,
.page--condensed select.standard-select,
.page--condensed .k-widget .k-numeric-wrap .k-input {
	height: 30px;
}

.page--condensed select.standard-select {
	min-height: 30px;
}

.page--condensed .SupplierInfo {
	padding: 0 10px;
}

.page--condensed .material-form__body .form-group .col-form-value .EmptyValue,
.page--condensed .material-form__body .form-group .col-form-value .readOnlyValue,
.page--condensed .material-form__body .form-group .col-form-value .attachment-container__actions-add {
	padding-top: 0;
	padding-bottom: 0;
}

.page--condensed .material-form__body .layoutGroup .col-form-value#Div_NewPrdFm_HealthSafety {
	padding-top: 5px;
}

.page--condensed .layoutGroup .div-radio-group {
	gap: 5px;
}

.page--condensed .layoutGroup .col-form-value .div-radio-group {
	padding-top: 5px;
}

.page--condensed .input-group-text {
	padding: 0 5px;
	height: 30px;
	width: 30px;
}
.page--condensed .input-group-text label {
	margin-top: 6px;
}

td.search-dt-inputRow div {
	display: inline-block;
}

.search-dt-inputRow .phx.input-mini,
.sb-filter-content .dt-list-option .date {
	margin: 0;
}

.search-dt-inputRow .phx.input-mini {
	width: 60px !important;
}




/* Remove default checkbox */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
  visibility: visible; /* only line added to Materialize checkbox css*/
  opacity: 0;
}

[type="checkbox"] {
  /* checkbox aspect */
}

[type="checkbox"] + span:not(.no-mdb-checkbox-style),
[type="checkbox"] + label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  display: inline-block;
  height: 25px;
  line-height: 20px;
  font-size: .8125rem;
  margin-bottom: auto;
  -webkit-user-select: none;
  /* webkit (safari, chrome) browsers */
  -moz-user-select: none;
  /* mozilla browsers */
  -khtml-user-select: none;
  /* webkit (konqueror) browsers */
  -ms-user-select: none;
  /* IE10+ */
}

.modal .supplier-group__table__header [type="checkbox"] + label {
	padding-left: 1.25rem;
}

.col-form-value [type="checkbox"] + label {
	font-size: .8125rem;
}

[type="checkbox"] + span:not(.no-mdb-checkbox-style):before,
[type="checkbox"]:not(.filled-in) + span:not(.no-mdb-checkbox-style):after,
[type="checkbox"] + label:before,
[type="checkbox"]:not(.filled-in) + label:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  z-index: 0;
  border: 1px solid #5a5a5a;
  border-radius: 1px;
  margin-top: 2px;
  transition: .2s;
}


[type="checkbox"]:not(.filled-in) + span:not(.no-mdb-checkbox-style):after,
[type="checkbox"]:not(.filled-in) + label:after {
  border: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
}

[type="checkbox"]:not(:checked):disabled + span:not(.no-mdb-checkbox-style):before,
[type="checkbox"]:not(:checked):disabled + label:before {
  border: none;
  margin-left: 0px;
  margin-top: 3px;
  background-color: rgba(0, 0, 0, 0.26);
}

[type="checkbox"].tabbed:focus + span:not(.no-mdb-checkbox-style):after,
[type="checkbox"].tabbed:focus + label:after {
  -webkit-transform: scale(1.35);
  transform: scale(1.35);
  border: 1.75px solid #3769DB;
}

[type="checkbox"].tabbed:not(:checked):focus + span:not(.no-mdb-checkbox-style):after,
[type="checkbox"].tabbed:not(:checked):focus + label:after {
  -webkit-transform: scale(1);
  transform: scale(1);
  border: 2px solid #3769DB;
}

[type="checkbox"]:checked + span:not(.no-mdb-checkbox-style):before,
[type="checkbox"]:checked + label:before {
  left: -5px;
  width: 12px;
  height: 22px;
  border-top: none;
  border-left: none;
  border-right: 2px solid #26a69a;
  border-bottom: 2px solid #26a69a;
  -webkit-transform: rotate(40deg);
          transform: rotate(40deg);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
}

[type="checkbox"]:checked:disabled + span:not(.no-mdb-checkbox-style):before,
[type="checkbox"]:checked:disabled + label:before {
  border-right: 2px solid rgba(0, 0, 0, 0.26);
  border-bottom: 2px solid rgba(0, 0, 0, 0.26);
}

/* Indeterminate checkbox */
[type="checkbox"]:indeterminate + span:not(.no-mdb-checkbox-style):before,
[type="checkbox"]:indeterminate + label:before {
  top: -11px;
  left: -12px;
  width: 10px;
  height: 22px;
  border-top: none;
  border-left: none;
  border-right: 2px solid #26a69a;
  border-bottom: none;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
}

[type="checkbox"]:indeterminate:disabled + span:not(.no-mdb-checkbox-style):before,
[type="checkbox"]:indeterminate:disabled + label:before {
  border-right: 2px solid rgba(0, 0, 0, 0.26);
  background-color: transparent;
}

[type="checkbox"].filled-in + span:not(.no-mdb-checkbox-style):after,
[type="checkbox"].filled-in + label:after {
  border-radius: 2px;
}

[type="checkbox"].filled-in + span:not(.no-mdb-checkbox-style):before,
[type="checkbox"].filled-in + span:not(.no-mdb-checkbox-style):after,
[type="checkbox"].filled-in + label:before,
[type="checkbox"].filled-in + label:after {
  content: '';
  left: 0;
  position: absolute;
  /* .1s delay is for check animation */
  transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
  z-index: 1;
}

[type="checkbox"].filled-in:not(:checked) + span:not(.no-mdb-checkbox-style):before,
[type="checkbox"].filled-in:not(:checked) + label:before {
  width: 0;
  height: 0;
  border: 3px solid transparent;
  left: 6px;
  top: 10px;
  -webkit-transform: rotateZ(37deg);
  transform: rotateZ(37deg);
  -webkit-transform-origin: 20% 40%;
  transform-origin: 100% 100%;
}

[type="checkbox"].filled-in:not(:checked) + span:not(.no-mdb-checkbox-style):after,
[type="checkbox"].filled-in:not(:checked) + label:after {
  height: 20px;
  width: 20px;
  background-color: transparent;
  border: 2px solid #5a5a5a;
  top: 0px;
  z-index: 0;
}

[type="checkbox"].filled-in:checked + span:not(.no-mdb-checkbox-style):before,
[type="checkbox"].filled-in:checked + label:before {
  top: 0;
  left: 1px;
  width: 8px;
  height: 13px;
  border-top: none;
  border-left: none;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotateZ(37deg);
  transform: rotateZ(37deg);
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

[type="checkbox"].filled-in:checked + span:not(.no-mdb-checkbox-style):after,
[type="checkbox"].filled-in:checked + label:after {
  top: 0;
  width: 20px;
  height: 20px;
  border: 2px solid #26a69a;
  background-color: #26a69a;
  z-index: 0;
}

[type="checkbox"].filled-in.tabbed:focus + span:not(.no-mdb-checkbox-style):after,
[type="checkbox"].filled-in.tabbed:focus + label:after {
  border-radius: 2px;
  border-color: #5a5a5a;
  background-color: rgba(0, 0, 0, 0.1);
}

[type="checkbox"].filled-in.tabbed:checked:focus + span:not(.no-mdb-checkbox-style):after,
[type="checkbox"].filled-in.tabbed:checked:focus + label:after {
  border-radius: 2px;
  background-color: #26a69a;
  border-color: #26a69a;
}

[type="checkbox"].filled-in:disabled:not(:checked) + span:not(.no-mdb-checkbox-style):before,
[type="checkbox"].filled-in:disabled:not(:checked) + label:before {
  background-color: transparent;
  border: 2px solid transparent;
}

[type="checkbox"].filled-in:disabled:not(:checked) + span:not(.no-mdb-checkbox-style):after,
[type="checkbox"].filled-in:disabled:not(:checked) + label:after {
  border-color: transparent;
  background-color: #BDBDBD;
}

[type="checkbox"].filled-in:disabled:checked + span:not(.no-mdb-checkbox-style):before,
[type="checkbox"].filled-in:disabled:checked + label:before {
  background-color: transparent;
}

[type="checkbox"].filled-in:disabled:checked + span:not(.no-mdb-checkbox-style):after,
[type="checkbox"].filled-in:disabled:checked + label:after {
  background-color: #BDBDBD;
  border-color: #BDBDBD;
}

.SimpleFormValue label {
  margin-bottom: 0;
}

.checkbox .readOnlyValue,
.checkbox .option {
	display: inline-block;
}

.checkbox .readOnlyValue svg {
	top: 6px;
	height: 20px;
	width: 20px;
}

.form-check-label {
	padding-left: .969rem;
}

.page--condensed [type="checkbox"] + span:not(.no-mdb-checkbox-style),
.page--condensed [type="checkbox"] + label {
  height: 20px;
  line-height: 20px;
}




[type="radio"]:not(:checked),
[type="radio"]:checked {
  visibility: visible;
  opacity: 0;
}

[type="radio"].tabbed:focus + span:before,
[type="radio"].tabbed:focus + label:before {
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
}

[type="radio"] + label {
    padding-left: 25px;
}

[type="radio"] + label:before {
    border-width: 1px;
}

.material-form__body .remitTo-address-box .address-box:not(:last-of-type) {
	border-bottom: 1px solid rgba(0, 0, 0, .18);
	display: flex;
	align-items: center;
	height: 100%;
	min-height: 38px;
	justify-content: space-between;
}

.material-form__body .remitTo-address-box .address-box .address-header--options {
	display: none;
}


.mdb-select ~ .SecondaryText {
	margin-top: -12px;
	vertical-align: top;
}

.select-wrapper {
	width: 100%;
}

.select-wrapper input.select-dropdown {
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

.select-wrapper span.caret {
	top: .8rem;
}

.select-wrapper + label {
	position: static;
}

.input-group.input-group--in .standard-select {
	max-width: 300px;
}



ul.select-dropdown li:before {
	content: none !important;
}

ul.select-dropdown , ul.select-dropdown li {
	list-style-type: none;
}

ul.select-dropdown.dropdown-content {
	padding-left: 0;
}

ul.dropdown-content li {
	line-height: 1.2rem;
}

.dropdown-content li.selected {
    background-color: #eee;
}

.dropdown-content {
	min-width: 60px;
	max-height: 450px;
}

.dropdown-menu.show {
	z-index: 4000 !important;
	max-width: fit-content !important;
}

.dropdown-menu .dropdown-item.disabled {
	color: #868e96;
}

@media screen and (max-width: 1200px) {
	.supplierFulfillmentAddress,
	.dropdown-toggle.ellipsis {
		max-width: 300px;
	}

	.dropdown-toggle.ellipsis::before {
		display: inline-block;
		width: 0;
		height: 0;
		margin-left: 0.255em;
		vertical-align: 0.255em;
		border-top: 0.3em solid;
		border-right: 0.3em solid transparent;
		border-left: 0.3em solid transparent;
		position: absolute;
		left: 100%;
		top: 8px;
	}
}

@media screen and (max-width: 991px) {
	.supplierFulfillmentAddress,
	.dropdown-toggle.ellipsis {
		max-width: 150px;
	}

	.body-container-full .PreventMultipleSubmit .dropdown-toggle.ellipsis {
		max-width: 300px;
    }
}

@media screen and (max-width: 850px) {
	.supplierFulfillmentAddress,
	.dropdown-toggle.ellipsis {
		max-width: 100px;
	}

	.body-container-full .PreventMultipleSubmit .dropdown-toggle.ellipsis {
	    max-width: 250px;
	}
}

@media screen and (max-width: 767px) {
	.supplierFulfillmentAddress,
	.dropdown-toggle.ellipsis {
		min-width: 250px;
	}

	.body-container-full .PreventMultipleSubmit .dropdown-toggle.ellipsis {
	    max-width: 250px;
	}
}

@media screen and (max-width: 625px) {
	.line-sub-section-header__left-section--additional-icons .d-inline-flex {
		display: block !important;
	}

	.supplier-group__container .line-sub-section-header {
		margin-bottom: 10px;
	}

	.supplierFulfillmentAddress,
	.dropdown-toggle.ellipsis {
		min-width: 100px;
	}

	.body-container-full .PreventMultipleSubmit .dropdown-toggle.ellipsis {
		max-width: 100px;
	}
}

.picker__header .select-wrapper {
	width: 33%;
}

.picker__header .dropdown-content {
	max-height: 350px;
}

.address-search__page-size select.standard-select {
	min-width: 75px;
}

.phxMultiSelect {
	display: flex;
	align-items: center;
	gap: 20px;
}



input[type=checkbox]:checked:not(:disabled) ~ .lever:active::after,
input[type=checkbox]:checked:not(:disabled).tabbed:focus ~ .lever::after {
	border: solid 2px black;
	box-shadow: none;
	height: 20px;
	left: 20px;
	top: 0;
	width: 20px;
}

input[type=checkbox]:not(:disabled) ~ .lever:active:after,
input[type=checkbox]:not(:disabled).tabbed:focus ~ .lever::after {
	border: solid 2px black;
	box-shadow: none;
	height: 20px;
	left: 0;
	top: 0;
	width: 20px;
}

.switch label input[type=checkbox]:checked + .lever {
	background-color: #3F6FDC;
}

.switch label input[type=checkbox]:checked + .lever:after {
	background-color: #FFFFFF;
}

.switch label {
	color: black;
	font-size: 0.8125rem;
	font-weight: normal;
}

.switch label .lever {
	height: 20px;
	margin: 0 10px 0 7px;	
}

.switch label .lever:after {
	border-radius: 50%;
	box-shadow: none;
	height: 16px;
	left: 2px;
	width: 16px;
	top: 2px;
}

.switch label input[type=checkbox]:checked + .lever:after {
	left: 22px;
}

.switch.toggle-with-text label .lever {
  width: 80px;
  height: 20px;
}

.section-container-group .title-bar .switch {
	margin-top: 10px;
}

.switch.toggle-with-text.large-toggle label input[type=checkbox]:checked + .lever:after {
	left: 102px;
}

.switch.toggle-with-text.large-toggle label .lever {
	width: 120px;
}

.section-container-group .title-bar .switch {
	display: none !important;
}

.material-autocomplete .dataMode-none {
	display:none !important;
}

.lever .toggle-on,
.lever .toggle-off {
  color: #FFFFFF;
  letter-spacing: 0;
  font-size: 0.6875rem;
  position: absolute;
}

.switch .lever .toggle-on {
  display: none;
  left: 18px;
}

.switch .lever .toggle-off {
  left: 25px;
}

.switch .lever .toggle-on,
.switch .lever .toggle-off {
  top: 3px;
}

.switch label input:checked + .lever .toggle-on {
  display: block;
}

.switch label input:checked + .lever .toggle-off {
  display: none;
}

.switch.toggle-with-text label input[type=checkbox]:checked + .lever:after {
  background-color: #F1F1F1;
  left: 62px;
}

.switch.toggle-with-text label input[type=checkbox] + .lever {
  background-color: #767676;
}

.switch.toggle-material-color label input[type=checkbox]:checked + .lever {
  background-color: #198754;
}

.switch.toggle-material-color label input[type=checkbox]:not(:checked) + .lever {
  background-color: #B01309;
}



div.multiselect-inline {
	display:inline-block;
	width: 100%;
}

div.multiselect-inline > div.multiselect-value,
div.multiselect-inline > div.multiselect-novalue {
	margin:5px 0 5px -15px;
	white-space:nowrap;
	margin-right:.5em;
	padding-left:17px;
	max-width:255px;
}

div.multiselect-inline > div.multiselect-value:first-child {
	margin-top:0;
}

div.multiselect-inline > div.multiselect-value:hover {
	background-color: #f5f5f5;
}

div.multiselect-inline > div.multiselect-value.active {
	background-color: #DDF0F8;
}

div.multiselect-inline > div.multiselect-value.active .btn {
	font-weight:bold;
}

div.multiselect-inline > div.multiselect-value > .multiselect-value-text,
div.multiselect-inline > div.multiselect-novalue > .readOnlyValue {
	display:inline-block;
	width:218px;
	white-space:normal;
	word-wrap:break-word;
}

div.multiselect-inline > div.multiselect-value > .multiselect-value-text .btn-link {
	padding:0;
	margin:0;
	width:100%;
	text-align:left;
	white-space:normal;
	word-wrap:break-word;
}

div.multiselect-inline > .textAreaWrapper {
	display: flex;
	flex-wrap: wrap;
	cursor: text;
	border: 1px solid #e0e0e0;
	padding-right: 13px;
	transition: all 0.3s;
}

div.multiselect-inline > .textAreaWrapper:hover {
	color: #767676;
	border-color: black;
}

div.multiselect-inline > .textAreaWrapper.focus,
div.multiselect-inline > .textAreaWrapper:focus {
	border-color: black;
	outline: none;
}

div.multiselect-inline > .textAreaWrapper > .multiselect-value {
	display: inline-block;
}

div.multiselect-inline > .textAreaWrapper > .multiselect-value .k-button {
	padding-right:2px;
	background-color: #e3e3e370;
}

div.material-autocomplete-multiselect .k-multiselect .k-button {
	font-size: 0.8125rem;
	background-color: #e3e3e370;
}

div.multiselect-inline > .textAreaWrapper > .multiselect-value .k-button:hover,
div.material-autocomplete-multiselect .k-multiselect .k-button:hover {
	background-color: #C5C5C5;
}

div.multiselect-inline > .textAreaWrapper > .multiselect-value .k-icon {
	margin-top:-1px;
}

div.multiselect-inline > .textAreaWrapper > .multiselect-value .k-button button.k-select {
	cursor: pointer;
	border: none !important;
	background-color: unset;
	padding: 0;
}

div.multiselect-inline > .textAreaWrapper > .multiselect-value .k-button button.k-select:focus {
	outline: auto !important;
}

div.material-autocomplete-multiselect .k-multiselect-wrap .k-select {
	top: -2px;
}

div.multiselect-inline > .textAreaWrapper > textarea {
	vertical-align: bottom;
	resize: none;
	height: 38px;
	width: auto;
	overflow:hidden;
	border:none;
	box-shadow:none;
	transition:none;
}

div.multiselect-inline > .textAreaWrapper > textarea:focus {
	outline: none;
}
div.multiselect-inline > div.multiselect-value > .multiselect-value-text .btn-link:hover {
	text-decoration:none;
}

div.multiselect-inline > div.multiselect-value > .multiselect-value-buttons {
	display:inline-block;
	vertical-align:top;
	margin-left:.5em;
	margin-top:2px;
}

div.multiselect-inline.edit > div.multiselect-value > .multiselect-value-buttons {
	display:none;
}

div.multiselect-inline.edit > div.multiselect-value.active > .multiselect-value-buttons {
	display:inline-block;
}

div.multiselect-inline.readonly > div.multiselect-value {
	padding-top:.3em;
	padding-bottom:.3em;
}

div.multiselect-inline.readonly > div.multiselect-value:first-child {
	padding-top:0;
}



.row {
	margin:0;
	margin-left:0 !important;
}

div.row.no-side-gutters {
	margin-right: -15px;
	margin-left: -15px !important;
}

.header__actions-shopping .dropdown-menu {
	left: 25%;
}

.row--gutter-above {
	padding-top: 25px;
}

.row--gutter-below {
	padding-bottom: 25px;
}
    
.row.is-stuck {
	position: fixed;
	background-color: #fafafa;
	z-index: 9004;
	width: 100%;
	top: 0;
	padding-left: 0px;
	padding-right: 130px !important;
}
	
.page--material {
	overflow: hidden;
    height: 100%;
}

.page--material.phoenixBody.page--overlay {
	margin: 0px;
    padding: 0px;
    overflow-x: hidden;
    background-color: transparent;
    display: flex;
    flex-direction: column;
}

.page--material.page--shopping > .container-fluid > b {
	height: 100%;
}

	
.container  {
	max-height:100%;
}
.page--material > .container-fluid {
	height: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 25px;
	display: flex;
    flex-direction: column;
    overflow: hidden;
}

.container-fluid > .row.align-items-center {
	padding-top: 20px;
}

.vertical-center {
  min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
  min-height: 100vh; /* These two lines are counted as one :-)       */
  display: flex;
  align-items: center;
	/* Override the MDB vertical-center, because it wasn't working with our classes */
  position: inherit;
  top: 0;
  -webkit-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
}

.relative {
	position: relative;
}

.scrollbar-x {
	overflow-x: auto;
}

.section-links--dashed-separator > a.btn-link {
	padding-top: 12px !important;
	padding-bottom: 12px !important;
	display: block !important;
	line-height: 25px;
	border-radius: 0;
}

.section-links--dashed-separator > a.btn-link:not(:last-child) {
	border-bottom: 1px dashed #D0D0D0;
}



.Sidebar {
	font-size: .94rem;
}

.Sidebar + div.col {
	 box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	 background-color: white;
	 margin-bottom: -15px;
}

.SidebarMenuItem .elementDisplay .phx.phxGlyph {
	font-size: 1.13rem;
	margin-top: 3px;
	margin-right: 30px;
}

.Sidebar .SidebarMenu .SidebarMenuItem.Current {
	background-color: #90CAF960;
	/* background-color: #fff;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); */
	border: none;
	z-index: 0;
}

.sidebarDetails, xdiv.phx.sidebar-subdetails {
	 box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	border: 1px solid rgba(0, 0, 0, 0.05);
	background-color: rgba(0, 0, 0, 0.06);
	margin: 20px -20px 0px -10px;
	padding: 0px 0px 12px 20px;
	/* background-color: #BBDEFB;
	background-color: #4285F42c;
	border: none;*/

}

.ContentSectionWithSidebar {
	margin-top: 10px;
	margin-bottom: 30px;
}

#ViewHistory.Options {
	padding-left: 1.25em;
	opacity: .75;
}

.requiredNote {
	float: right;
	color: #757575;
}

.Next > button.btn {
	margin: 0;
}

.dropdownDividerDashedLine {
	height: 0;
	margin: 0.5rem 0;
	overflow: hidden;
	border-top: 1px dashed #e9ecef;
}

.dropdownDividerSolidDoubleLine {
	height: 0;
	margin: 0.5rem 0;
	overflow: hidden;
	border-top: 2px solid #e9ecef;
}

.position-static {
	position: static;
}

.position-relative {
	position: relative;
}

.position-absolute {
	position: absolute;
}

.position-fixed {
	position: fixed;
}

.position-sticky {
	position: sticky;
}

.collapse {
	height: auto;
}

code {
	background-color: inherit;
}

@media (max-width: 569px) {
	.display-block-on-small {
		display: block;
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
}

.sqlinfo .title-bar > .float-left {
	float: none!important;
    margin-left: 0.5em;
    display: inline;
}

.sqlinfo .title-bar > a {
	margin-bottom: 0;
}

.layout-horizontal .FieldOpt {
	vertical-align: sub;
}

.container--min-height-350 {
	min-height: 350px;
}

i.svg-icon svg {
	height: 1rem;
}

.svg-icon--warning svg {
    color: var(--color-yellow-20);
}

.table__cell--action {
    height: 20px;
    min-width: 30px;
}

.table__cell--action > a {
	width: 20px;
	height: 20px;
}

.phx.multicolumn > .phx.column {
	display: inline !important;
}

@media (min-width: 992px) {
	.offset-lg-0 {
	    margin-left: 0;
	}

	.offset-lg-1 {
	    margin-left: 8.333333%;
	}

	.offset-lg-2 {
	   margin-left: 16.666667%;
	 }

	.offset-lg-3 {
	  	margin-left: 25%;
	}

	.offset-lg-4 {
	  	margin-left: 33.333333%;
	}

	.offset-lg-5 {
	  	margin-left: 41.666667%;
	}

	.offset-lg-6 {
	  	margin-left: 50%;
	}

	.offset-lg-7 {
	  	margin-left: 58.333333%;
	}

	.offset-lg-8 {
	  	margin-left: 66.666667%;
	}

	.offset-lg-9 {
	  	margin-left: 75%;
	}

	.offset-lg-10 {
	  	margin-left: 83.333333%;
	}

	.offset-lg-11 {
		margin-left: 91.666667%;
	}
}

@media screen and (max-width: 1199px) {
	.one-line-text.one-line-small,
	.one-line-small > .one-line-text {
		min-width: 51%;
		justify-content: flex-end;
	}

	.one-line-text.one-line-small.CatalogNumberCell {
		justify-content: flex-start;
	}

	.one-line-small .LineSixPack.ItemQuantityCell .checkbox div.readOnlyValue {
		padding-right: 1em;
	}
}

.one-line-text.one-line-small.CatalogNumberCell {
	white-space: normal !important;
}

.one-line-small .LineSixPack.ItemQuantityCell {
	padding-top: 0px;
}

.material-dropdown-form {
	min-width: 280px;
	margin: 0;
	padding: 10px 15px 15px 15px;
}

.material-dropdown-form__header {
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.material-dropdown-form__header > * {
	margin: 0;
}

.material-dropdown-form__body .form-group.row {
	margin-bottom: 20px;
}

.material-dropdown-form__footer {
	width: 100%;
	text-align: right;
}

.material-dropdown-form__footer > button.btn,
.material-dropdown-form__footer > a.btn {
	margin-right: 0;
}

.layoutGroup span th.LineSixPackHdr {
	background-color: #F2F2F2;
	font-size: 13px;
	font-weight: normal;
}

.layoutGroup td .kendo-time .input-group > input[type="text"] {
	max-width: 400px;
}

.footer.footer--sticky {
    position: sticky;
    bottom: 0;
    right: 0;
}

.material-form__footer {
	padding: 15px 30px;
    background-color: #FFF;
    z-index: 2;
}

.material-form__body {
    padding: 0 !important;
    overflow: auto !important;
}

.material-form__body .col--main__content {
    flex-grow: 1;
    flex-shrink: 0;
    background-color: #F4F4F4;
    border-left: 1px solid #FFFFFF;
    padding: 20px;
    width: 100%;
 }

.material-form__body .col--main {
    display: flex;
    padding-left: 0;
    padding-right: 0;
    min-width: fit-content;
    min-height: 600px;
}

.material-form__body .DocSummaryBox {
    vertical-align: top;
}

.material-form__body .header-section__row > table {
	table-layout: inherit !important;
}

.material-form__body--preview {

}

.material-form__header > .col-12 > .row {
	padding-left: 20px !important;
    padding-right: 20px !important;
    border-bottom: 1px solid #F4F4F4 !important;
}

.material-form-section-header .container-line-header {
    border-bottom: none;
}

tr td.DocSummaryBox:first-child .material-form-section-header .title-bar {
    padding-left: 40px;
}

tr td.DocSummaryBox:not(:first-child) .material-form-section-header .title-bar {
    padding-left: 10px;
}

.material-form-section-header .container-line-header .heading {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.doc__body .col--main__content.container--dashboard {
	padding-left: 20px;
	padding-right: 20px;
	background-color: transparent;
}

.container--dashboard .container-line-header .heading {
	padding-bottom: 13px !important;
	padding-top: 13px !important;
}

@-moz-document url-prefix() {
	select.phx {
		padding: 0 .9em;
	}
}


.page--condensed .col--main__content {
	padding-top: 5px;
	padding-bottom: 5px;
}

.form-condensed-container .form-group.row {
	flex-flow: inherit;
	margin-bottom: 5px;
}

.page--login .phx label {
	display:none;
}

.page--login .md-form {
	margin-top: 8px;
}

.page--login .card-body--padded {
	padding: 20px 0px;
}

.page--login .ErrorMessage.DisabledLink {
	font-size: 13px !important;
	font-weight: bold !important;
	padding-left:10px;
	display: flex;
}

.page--login a.ErrorMessage.DisabledLink:link {
	text-decoration: none !important;
}

.page--login a.ErrorMessage.DisabledLink:link .errorMessageText {
	text-decoration: underline !important;
}

.page--login .col--error {
	padding-left: 0px;
	padding-right: 0px;
}

.page--login .ErrorBox .phxGlyph {
	color: #FFFFFF;
}

.page--login .row--card-holder {
	border-bottom: 2px solid RGBA(0,0,0,.18);
	padding-bottom: 20px;
}

.page--login .container--login {
	width: 690px;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-left: 0px;
	padding-right: 0px;
}

.page--login .container--login .card--top {
	margin-bottom: 0px;
}

.page--login .container--login .row--image {
	padding-left: 0px;
	padding-right: 0px;
}

.page--login .container--login .col--image {
	padding-left: 0px;
	padding-right: 0px;
}

.page--login .row--gutter-below > .col-12 {
	border-bottom: 2px solid RGBA(0,0,0,.18);
}

.page--login .col--left .row--gutter-below {
	padding-bottom: 0px;
}

.page--login .alert.alert-warning {
	font-weight: bold;
	background-color: #C43535;
	color: red;
	border-style:none;
}

.page--login .alert.alert-warning .ErrorMessageLine a.ErrorMessage {
	color: #FFFFFF !important;
}

.page--login .row--gutter-below > .col-12 .phxText {
	padding: 15px;
	font-size:14px;
	font-weight:bold;
	padding-left: 0px;
}

.page--login .row--gutter-below > .col-12 {
	padding-left: 0px;
}

.page--login .col--left {
	border-right: 1px solid RGBA(0,0,0,.18);
}

.page--login .col-12 .phxText {
	font-size: 13px;
	color: RGBA(0,0,0,.87);
	font-weight:normal;
}

.page--login .col-12 a {
	font-size: 13px;
	font-weight:normal;
}

.page--login .col--left .btn {
	float: right;
}

.page--login .btn:not(.btn-primary) {
	color: #0275d8;
	background-color: white;
	box-shadow: none;
	text-align: left;
	padding-left: 0px;
}

.page--login .btn:not(.btn-primary):hover {
	color: #014c8c;
}

.page--login .col--footer {
	padding-top: 15px;
}

.page--login .btn {
	font-size: 13px;
	font-weight: 600;
}

.material-item-detail {
	padding: 0;
	box-sizing: content-box;
	overflow: hidden;
	background: #ffffff;
	max-height: 0;
	transition: max-height .3s ease-in-out, visibility .3s ease-in-out, margin-bottom .1s .2s;
}

.material-item-detail--open .material-item-detail__arrow-up {
	border-bottom: 15px solid #9c9c9c;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	height: 0;
	width: 0;
	position: relative;
	left: 42px;
	right: 0;
	top: 0px;
	display: block;
}

.material-item-detail:not(.material-item-detail--open) .material-item-detail__arrow-up {
	display: none !important;
}

.material-item-detail--open {
	max-height: 5000px;
	overflow-y: auto;
	border-bottom: 2px solid #9c9c9c;
	z-index: 1;
	margin-bottom: -1px;
}

.material-item-detail__header {
	background-color: rgb(156, 156, 156);
	color: rgb(0, 0, 0);
	display: block;
	font-size: 16px;
	font-weight: 400;
	height: 42px;
	line-height: 24px;
	position: relative;
}

.material-item-detail__header__close {
	color: rgb(67, 67, 67);
	cursor: pointer;
	display: block;
	font-size: 48px;
	font-weight: 700;
	height: 50px;
	line-height: 50px;
	opacity: 1;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	position: absolute;
	right: 0px;
	top: -5px;
}

table.material-table.line-with-extra-detail tr:not(:last-child) td {
	border-bottom-style: none !important;
}

table.material-table.line-with-extra-detail th {
	min-width: auto;
}

table.material-table.line-with-extra-detail > thead > tr > th:first-child,
table.material-table.line-with-extra-detail > tbody > tr > th:first-child {
	width: 25px !important;
}

table.material-table.line-with-extra-detail > thead > tr > th:last-child,
table.material-table.line-with-extra-detail > tbody > tr > th:last-child,
table.material-table.line-with-extra-detail > tbody > tr > td:last-child {
	padding-right: 15px;
}

table.material-table.line-with-extra-detail > thead > tr > th:not(:first-child):not(:nth-child(2)),
table.material-table.line-with-extra-detail > tbody > tr > th:not(:first-child):not(:nth-child(2)),
table.material-table.line-with-extra-detail > tbody > tr > td:not(:first-child):not(:nth-child(2)) {
	padding-left: 15px;
}

table.material-table.line-with-extra-detail td.LineNumberCell {
	text-align: right;
	width: 25px;
}

table.material-table.line-with-extra-detail td.WorkflowStatus {
	text-align: right;
	width: 25px;
}

table.material-table.line-with-extra-detail .item--description,
table.material-table.line-with-extra-detail .item--description div,
table.material-table.line-with-extra-detail .item--description span,
table.material-table.line-with-extra-detail .item--description a {
	font-size: 13px !important;
}

table.material-table.line-with-extra-detail .item--description .col-12 {
	padding-left: 0px;
	padding-right: 0px;
}

table.material-table.line-with-extra-detail .item--description a {
	padding: 0px;
}

table.material-table.line-with-extra-detail td.SizeCell {
	width: 120px;
}

table.material-table.line-with-extra-detail td.CartExtendedPrice {
	font-weight: normal;
}

.line-with-extra-detail__extra-row {
	margin-right: -20px;
}

.line-with-extra-detail__extra-row .ErrorMessageLine .WarningMessage {
    font-size: 13px;
}

td .line-with-extra-detail__extra-row {
	margin-right: 0px;
}

tr.line-with-extra-detail__extra-row > td {
	border-top-style: none;
}

.line-with-extra-detail__extra-detail-container thead > tr > th,
.line-with-extra-detail__extra-detail-container tbody > tr > th,
.line-with-extra-detail__extra-detail-container tbody > tr > td {
	padding-left: 15px;
}

.line-with-extra-detail__extra-detail-container thead > tr > th:last-child,
.line-with-extra-detail__extra-detail-container tbody > tr > th:last-child,
.line-with-extra-detail__extra-detail-container tbody > tr > td:last-child {
	padding-right: 15px;
}

.line-with-extra-detail__extra-detail-container {
	padding-right: 0px;
}

.document__cell__item .line-with-extra-detail__extra-detail-container > table th:nth-child(1) {
	width: 40%;
}

.document__cell__item .line-with-extra-detail__extra-detail-container > table th:nth-child(2) {
	width: 30%;
}

.document__cell__item .line-with-extra-detail__extra-detail-container > table th:nth-child(3) {
	width: 15%;
}

.document__cell__item .line-with-extra-detail__extra-detail-container > table th:nth-child(4) {
	width: 15%;
}

.line-with-extra-detail__extra-detail-container__number {
	text-align: right;
}

.line-with-extra-detail__extra-detail {
	margin-left: 1px;
}

.line-sub-section-header {
	height: 40px;
	padding: 10px 0;
	border-top: 1px solid rgba(0,0,0,0.12);
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}

.line-sub-section-header .line-sub-section-header__left-section span {
	font-size: 0.75rem;
	text-transform: uppercase;
	font-weight: 500;
	display: block;
}

.line-sub-section-header__capitalize .line-sub-section-header__left-section span {
	text-transform: capitalize !important;
}

.line-sub-section-header__capitalize .line-sub-section-header__left-section span {
	font-size: 16px;
	font-weight: normal;
}

.line-sub-section-header .line-sub-section-header__left-section--additional-icons {
	margin-left: 10px;
	display: inline-flex;
}

.line-sub-section-header .line-sub-section-header__left-section--additional-icons span {
	text-transform: none;
	font-weight: normal;
}

.line-sub-section-header .line-sub-section-header__left-section--additional-icons .dropdown-toggle svg {
	min-width: 20px;
	min-height: 20px;
}

.line-sub-section-header .line-sub-section-header__left-section--additional-icons img {
	margin-right: 3px;
	vertical-align: baseline !important;
}

.line-sub-section-header .line-sub-section-header__left-section--additional-icons a.material-popover:focus-visible {
	outline: 2px solid #000000;
	position: absolute;
}

.supplierclasses__icons-group span img{
	margin-right: 3px;
}

@media (max-width: 991px) and (min-width: 768px) {
	.line-sub-section-header .line-sub-section-header__left-section--additional-icons {
		display: block;
	}
}

.line-sub-section-header .line-sub-section-header__left-section .displayUpIcon {
	width: 20px !important;
    margin-top: -2px;
    margin-right: 5px;
    margin-left: -5px;
}

.line-sub-section-header__left-section {
	display: flex;
	height: 20px;
	width: 90%;
}

.line-sub-section-header__right-section {
	align-self: center;
	margin-left: auto;
	height: 20px;
	display: flex;
	align-items: center;
}

.document__cell__item .line-sub-section-header {
	margin-left: 25px;
	padding-right: 51px;
	margin-right: -20px;
}

.modal-body .modal-body-content .document__cell__item .line-sub-section-header {
	margin-right: 0px;
}

.document__cell__item .line-sub-section-header + .line-sub-section-content {
	margin-left: 45px;
}

.document__cell__item .line-sub-section-content .address-box {
	padding-bottom: 6px;
}

.line-item-strikethrough-price {
	background: linear-gradient(180deg,
	rgba(0,0,0,0) calc(50% - 1px),
	#767676 calc(50%),
	rgba(0,0,0,0) calc(50% + 1px)
	);
	color: #767676;
}
.promotional-icon-with-price {
	align-self: center;
	padding-right: 10px;
}








.card {
	margin-bottom: 10px;
}

.card.card--cart {
	margin-bottom: 10px;
}

.card .card-header .header-elements:not(.left) {
	display: flex !important;
	order: 2;
	flex-grow: 100;
	justify-content: flex-end;
}

.card .card-header .header-elements.left img {
	margin-right: 3px;
}

.body-container .cart-items-quantity-actions {
  min-height: 40px;
  padding-left: 20px;
  padding-right: 0px;
  color: rgba(0, 0, 0, 0.87);
}

.body-container .cart-items-quantity-actions .actions-row {
	gap: 6px;
}

.body-container .cart-items-quantity-actions .actions-row .actions-row__action {
	width: auto;
}

.body-container .cart-items-quantity-actions .card-header__title {
  font-size: 1.125rem;
}

.body-container .cart-items-quantity-actions .actions-row .lineDetailsExpandCollapseAll {
  font-size: 13px;
  line-height: 25px;
  letter-spacing: 0.002em;
}

.body-container .card-header {
	min-height: 60px;
	padding-left: 20px;
	padding-right: 20px;
	font-size:1rem !important;
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
	color: rgba(0, 0, 0, 0.87);
}

.body-container .card-header .comments__header .options__header .form-group {
	margin-bottom: 0;
}

.card-header {
	background-color: white;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	box-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.card.card-widget .card-header div:first-child {
    height: 20px;
    line-height: 20px;
}

.card.card-widget .card-header {
    padding-top: 16px;
    padding-bottom: 16px;
}

.card.card-widget{
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2);
}

.card-header-wrap .comments__header .options__header {
	flex-wrap: wrap;
}

.card-header.card-header-wrap .comments__header .options__header button {
	margin-right: 0;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

.card.card--success .card-header {
	background-color: #098755;
	color: #FFFFFF;
	fill: #FFFFFF;
	font-size: 1.5rem;
}

.card-header .titleIcon {
	margin-top: 2px;
	margin-right: 8px;
	margin-left: 8px;
}

.card-header .titleIcon i.phxGlyph {
	vertical-align: sub;
}

.card-header-message {
	background-color: #FFF5E8;
	color: #FFAB43
}


.card.card-gray {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.card.card-gray .card-header {
	background-color: #f4f4f4;
	border-bottom: none;
	padding-left: 0;
}

.card .card-header h2, .card .card-header h3 {
	font-size: inherit;
	font-weight: 400;
	line-height: 2;
	margin-bottom: 0;
}

.card.card-gray .card-body {
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)
}

.modal-body .card.card-gray .card-header  {
	background-color: #FFFFFF !important;
}

.card-header > .row {
	width: 100%;
}

.actions-row {
	display: flex;
	align-items: center;
}

.multiline-actions--req {
	right: 32px !important;
	top: 0px !important;
}

.multiline-actions--req--last {
	right: 32px !important;
	top: 4px !important;
}

.multiline-actions--po {
	width: 90px;
	height: 40px;
	position: absolute;
	right: 47px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.actions-row .form-check,
.actions-row__action {
	height: 26px;
	width: 26px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.actions-row__action .preferred-dropdown .dropdown-toggle {
	padding: 0;
}

.actions-row__action .preferred-dropdown .dropdown-toggle:focus-visible {
	outline: 2px solid black !important;
	padding: 0;
}

.actions-row__action .preferred-dropdown .dropdown-toggle:focus:not(:focus-visible) {
	outline: none !important;
}

.actions-row .document__cell__item__actions__checkbox input[type="checkbox"] + label {
	top: 1px;
}

.div_with_no_white_spaces .ErrorMessageLine {
	white-space: break-spaces;
}

.actions-row input[type="checkbox"] + span,
.actions-row input[type="checkbox"] + label,
.actions-row__action input[type="checkbox"] + span,
.actions-row__action input[type="checkbox"] + label {
	top: 2px;
	padding-left: 20px;
}

.modal-content .actions-row input[type="checkbox"] + label,
.modal-content .actions-row__action input[type="checkbox"] + label {
	top: 0;
	padding-left: 13px;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.modal-content .actions-row input[type="checkbox"] + label,
	.modal-content .actions-row__action input[type="checkbox"] + label {
		margin-left: -6px;
	}
}

.actions-row .form-check {
	margin: 0;
}

.actions-row input[type="checkbox"] + span:not(.form-check-label),
.actions-row input[type="checkbox"] + label:not(.form-check-label) {
	right: 1px;
}

div.dropdown-menu div.dropdownWithLinkElements.dropdown-item {
	padding-left: 1rem;
	padding-top: 0;
	padding-bottom: 0;
}

div.dropdown-menu div.dropdownWithLinkElements.dropdown-item div.selectedElementWithLink {
	display: inline-block;
	padding-top: 5px;
	padding-bottom: 5px;
}

div.dropdown-menu div.dropdownWithLinkElements.dropdown-item div.selectedElementWithLink.okIcon {
	padding-right: 10px;
}

div.dropdown-menu div.dropdownWithLinkElements.dropdown-item div.selectedElementWithLink.okIcon i.phxGlyph:before {
	top: 3px;
}

div.dropdown-menu div.dropdownWithLinkElements.dropdown-item div.selectedElementWithLink.groupName {
	border-left: 1px solid rgba(0, 0, 0, 0.15);
}

div.dropdown-menu div.dropdownWithLinkElements.dropdown-item div.selectedElementWithLink.groupName div.form-group label {
	top: 2px;
	padding-right: 15px;
	position: relative;
}

div.dropdown-menu div.dropdownWithLinkElements.dropdown-item div.selectedElementWithLink.groupName div.form-group input.display-none + label,
div.dropdown-menu div.dropdownWithLinkElements.dropdown-item div.selectedElementWithLink.groupName div.form-group label span {
	padding-left: 5px;
}

div.dropdown-menu div.dropdownWithLinkElements.dropdown-item div.selectedElementWithLink.viewMembersIcon a {
	padding: 0.25rem 0.5rem;
	font-size: 1rem;
	margin: 0;
}

div.dropdown-menu div.dropdownWithLinkElements.dropdown-item div.selectedElementWithLink.viewMembersIcon a i.phxGlyph:before {
	top: 2px;
}

div.dropdown-menu div.dropdownWithLinkElements.dropdown-item div.selectedElementWithLink div.form-group label span:before,
div.dropdown-menu div.dropdownWithLinkElements.dropdown-item div.selectedElementWithLink div.form-group label span:after {
	display: none;
}

div.dropdown-item:active .groupName .form-group label,
div.dropdown-item:active .viewMembersIcon a i {
	color: #FFFFFF;
}

label.cart__name__label div.dropdown-menu a.dropdown-item.dropdown-toggle::after {
	display: none;
}

label.cart__name__label div.dropdown-menu a.dropdown-item.dropdown-toggle i.halflings-menu-right {
	position: absolute;
	right: 1.5rem;
	top: 7px;
}

@media (max-width: 480px) {
	.dropdown-submenu > .dropdown-menu {
		left: -1px !important;
		top: calc(100% + 5px) !important;
	}

	.card--po-preview .card-header .text-nowrap > .md-form-group.row .col-form-value {
		text-overflow: ellipsis;
	    overflow: hidden;
	}
}


.card.card--material {
	font-size: .8125rem;
}

.card.card--material .card-header {
	border-radius: 0;
	background-color: #f2f2f2;
	font-size: .8125rem;
	padding: 8px;
}

.card .card-header.card-header--label {
	font-size: .8125rem;
	border-radius: 0;
}


.card .card-header.card-header--label--blue {
	background-color: #00538D;
	color: #FFFFFF;
}

.card .card-header.card-header--label--green {
	background-color: #198754;
	color: #FFFFFF;
}

.card .card-header.card-header--label--red {
	background-color: #B01309;
	color: #FFFFFF;
}

.card .card-header.card-header--label--orange {
	background-color: #953f08;
	color: #FFFFFF;
}

.card .card-header.card-header--label--violet {
	background: #800080;
	color: #FFFFFF;
}

.card .card-header.card-header--label--gray{
	background: var(--color-gray-10);
	color: var(--color-white);
}

.card .card-header.card-header--label--olive{
	background: var(--color-olive-20);
	color: var(--color-white);
}

.card .subcard--container .card-label--blue {
	color: #00538D;
}

.card .subcard--container .card-label--green {
	color: #198754;
}

.card .subcard--container .card-label--red {
	color: #B01309;
}

.card .subcard--container .card-label--orange {
	color: #953f08;
}

.card .subcard--container .card-label--violet {
	color: #800080;
}

.card.card--material .card-header__title {
    font-weight: bold;
    min-height: 41px;
    align-items: center;
}

.card-header .options-icon-rounded {
	display: flex;
}

.card-header__title .options-icon-rounded + a {
	margin-left: 10px;
}

.card-body--no-records {
	font-size: .8125rem;
}

.card--margin {
	margin: 1.25rem;
}

.card.card--border-left {
	border-left: 3px solid #d2d2d2;
}



.card.card--material-blue .card-header {
	background-color: rgba(28, 127, 206, 0.1);
}

.card.card--material-blue.card--border-left {
	border-left-color: #2196F3;
}


.card-body--padded {
	padding: 20px 30px;
}


img.card-img-top {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

.card-alert.modal-warning-message i,
.card-alert.modal-information-message i,
.card-alert--header i.alert-icon {
	margin-right: 15px;
	font-size: 1rem;
	vertical-align: middle;
}

.card-small {
	width: 500px;
	text-align: left;
	margin-top: 20px;
}

.card-body--image {
	height: 100%;
	margin-bottom: 0;
}

.card img {
	max-width: 100%;
	object-fit: cover;
}

.card-body--image span {
	height: 100%;
}

.card-highlight-warning {
	background-color: #FFF5E8;
}

.card-highlight-warning .grid__cell__quickview__cart__item__desc {
	overflow: visible;
}

.body-container-full .quantity--total .one-line-text {
	min-height: 40px;
	display: flex;
	padding-top: 10px;
}

.card.action-widget {
	min-width: 206px;
	height: 90px;
	padding: 10px;
	display: flex;
	flex-wrap: wrap;
    flex-direction: row;
	margin-right: 20px;
	margin-bottom: 20px;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2);
	border-radius: 0;
}

.action-widget__icon-section {
	width: 70px;
    min-height: 70px;
    align-items: center;
    display: flex;
    justify-content: center;
    background: #F4F8FF;
    cursor: pointer;
}

.action-widget__icon-section,
.action-widget__icon-section:hover,
.action-widget__icon-section:focus {
	color: #20386E !important;
}

.action-widget__text-section {
	display: flex;
	flex-direction: column;
	padding: 15px 10px;
}

.action-widget__primary-text {
	color: #000000;
}

.action-widget__secondary-text {
	color: #767676;
}

.card.information-widget {
	min-width: 206px;
	height: 90px;
	display: inline-block;
	padding: 20px;
	border-left: 4px solid #3769DB;
	margin-right: 20px;
	margin-bottom: 20px;
	color: #000000 !important;
	border-radius: 0;
}

.information-widget__value-section {
	font-size: 30px;
	line-height: 30px;
}

.information-widget__label-section {
	font-size: 13px;
}

.information-widget__icon-section {
	height: 20px;
	width: 20px;
}

a.card.action-widget,
a.card.information-widget {
	-webkit-transition: .1s cubic-bezier(0.4, 0.0, 0.2, 1);;
    -moz-transition: .1s cubic-bezier(0.4, 0.0, 0.2, 1);;
    -o-transition: .1s cubic-bezier(0.4, 0.0, 0.2, 1);;
    transition: .1s cubic-bezier(0.4, 0.0, 0.2, 1);;
}

a.card.action-widget:hover,
a.card.information-widget:hover {
	background-color: #F4F4F4;
}

a.card.action-widget:hover .action-widget__icon-section {
	background-color: #FFFFFF
}

a.card.action-widget:focus,
a.card.information-widget:focus {
	outline: 2px solid #000000;
    outline-offset: -2px;
}

a.card.information-widget:focus {
	border-left: 4px solid transparent;
	color: #767676;
}

.card .card-body .ErrorMessageComment {
    color: #C43535 !important;
    fill: #C43535 !important;
    font-size: 0.6875rem !important;
    font-weight: normal !important;
    text-align: left;
    margin-top: 2px;

}

.card .card-body .ErrorMessageComment svg{
    height: 12px !important;
    width: 12px !important;
    top: 2px;
    margin-right: 2px;
}



.card-widget.card-list-view-widget .card-header {
	padding: 14px 22px 13px 18px;
}

.card-widget.card-list-view-widget .card-body{
	padding-top: 16px;
}

.card-widget.card-list-view-widget .card-body ul {
	padding-left: 0px;
	padding-bottom: 0px;
}

.card-widget.card-list-view-widget .card-body ul li ul li ul {
	padding-left: 20px;
}

.card-widget.card-list-view-widget .card-body ul li .name span,
.card-widget.card-list-view-widget .card-body ul li .name h3 {
	font-size: 13px !important;
	line-height: 20px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.8px;
}

.card .card-body .name h3 {
	padding: 0;
}

.card-widget.card-list-view-widget .card-body ul li .name > a {
	font-size: 13px !important;
	line-height: 20px;
	padding-left: 0;
}

.card-widget.card-list-view-widget .card-body ul li .progress ~ .count > .readOnlyValue {
	font-size: 13px !important;
	border-radius: 0px;
    background-color: inherit;
    padding-top: 4px;
    padding-right: 10px;
}

.card-widget.card-list-view-widget .card-body ul li .progress {
	background-color: #E0E0E0;
	flex-basis: 20%;
	margin-top: 10px;
}

.card-widget.card-list-view-widget .card-body ul li .progress .progress-bar {
	background-color: #3769DB;
}

.card-widget.card-list-view-widget .card-body ul li .name {
	flex: auto;
}

.card-widget.card-list-view-widget .card-body ul li .count > .readOnlyValue {
	font-size: 12px !important;
	line-height: 20px;
	border-radius: 10px;
	background-color: #F4F4F4;
	padding: 0 6.5px;
}

.card-widget.card-list-view-widget .card-body ul li {
	display: inline-flex;
	flex-direction: row-reverse;
	width: 100%;
}

.card-widget.card-list-view-widget .card-body ul li .children > ul li:not(.parent_list),
.card-widget.card-list-view-widget .card-body ul li .children > ul li .name_count_wrapper {
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom: 1px solid #F4F4F4;
}

.card-widget.card-list-view-widget .card-body > .children > ul > li.parent_list {
	padding-top: 10px;
}

.card-widget.card-list-view-widget .card-body > .children > ul > li {
	padding-bottom: 10px;
}

.card-widget.card-list-view-widget .card-body > .children > ul > li.parent_list > .name > .children > ul > li:last-child {
	border-bottom: none;
}

.card-widget.card-list-view-widget .card-body ul li .children > ul li .name_count_wrapper {
	display: inline-flex;
	width: 100%;
}




.card-widget.card-donut-chart-widget .card-body {
	padding: 0px;
}

.card-widget.card-bar-chart-widget .card-body > div {
	overflow: hidden;
}

.card-widget.card-donut-chart-widget .card-body div:not(.k-chart) > svg {
	width: 16px;
	height: 16px;
	transform: scale(3.3);
	margin-right: 10px;
}

.card-widget.card-donut-chart-widget .card-body div.active > svg {
	color: #02A564;
}

.card-widget.card-donut-chart-widget .card-body div.inactive > svg{
	color: #E0E0E0;
}

.card-widget.card-donut-chart-widget .card-body div.Approved > svg{
	color: #02A564;
}

.card-widget.card-donut-chart-widget .card-body div.InProgress > svg{
	color: #8F65FB;
}

.card-widget.card-donut-chart-widget .card-body div.Invited > svg{
	color: #E0E0E0;
}

.card-widget.card-donut-chart-widget .card-body div.Complete > svg{
	color: #3769DB;
}

.card-widget.card-donut-chart-widget .card-body div.Rejected > svg{
	color: #F94C4C;
}

.card-widget.card-donut-chart-widget .card-body .myOrganizationSuppliers {
	padding: 20px;
	border-top: 1px solid #F4F4F4;
}

.card-widget.card-donut-chart-widget .card-body .myOrganizationSuppliers div {
	text-transform: capitalize;
	font-size: 12px;
	letter-spacing: 0.2px;
	line-height: 20px;
}



.card-widget.card-bar-chart-widget .card-body .k-chart svg text {
	letter-spacing: 0.2px;
}

.material-form__body .layoutGroup table td img {
	max-width: none;
}

.material-form__body .layoutGroup table td {
	vertical-align: top !important;
}

.material-form__body .layoutGroup > table > tbody > tr:not(.attachment-ready-only) > td:not([colspan]):not(.supplierMaterialStyle) {
	padding-top: 10px;
}

.material-form__body td.supplierMaterialStyle {
	padding-top: 20px;
}

.material-form__body a.FieldOpt,
.material-form__body a.FieldReq {
	color: #000000;
}

.material-form__body .layoutGroup table th.HorizontalFormGroupElement {
	vertical-align: bottom;
}

.material-form__body .layoutGroup table td > .col-form-label {
	white-space: nowrap;
}

.material-form__body .layoutGroup table td > .textAreaWrapper button {
	cursor: pointer;
}

.material-form__body .layoutGroup table td > div.materialFormImage {
	display: inline-block;
}


.page--condensed .card {
	margin-bottom: 5px;
}





button + a {
	vertical-align: 10%;
	padding-left: 15px;
}


.md-form button + a {
	vertical-align: 50%;
}

a.ImportantLink {
	font-weight: bold;
}

button.popover-no-title.popover-no-name {
	vertical-align: initial;
	box-shadow: none;
	margin-left: 0.5rem;
	height: 20px;
	top: 1px;
}

button.popover-no-title.popover-no-name svg {
	width: .8125rem !important;
}

#ShopAdvancedInputForm_Id .ShopAdvancedInputForm_group {
	margin-top: 30px;
}

button.popover-no-title.popover-no-name.FieldHelpLink {
    height: 16px;
    width: 16px;
}

button.popover-no-title.popover-no-name.FieldHelpLink svg {
	color: #000000;
	vertical-align: bottom !important;
	height: 16px;
	width: 16px !important;
}

button.popover-no-title.popover-no-name.FieldHelpLink:hover svg {
    color: rgb(55, 105, 219) !important;
    fill: rgb(55, 105, 219) !important;
}



.pageNavButtonBar {
	padding-bottom: 15px;
}




.btn.disabled, .btn[disabled], a.btn.disabled, a.btn[disabled], .NotificationWrapper .btn-primary.disabled,
.btn.disabled:hover, .btn[disabled]:hover, a.btn.disabled:hover, a.btn[disabled]:hover,.NotificationWrapper .btn-primary.disabled:hover,
a.btn.btn-primary.waves-effect.disabled:hover {
	background-color: #F4F4F4 !important;
	color: #767676 !important;
	opacity: initial;
	box-shadow: none;
	pointer-events: initial;
}

.NotificationWrapper .btn-primary.disabled {
	pointer-events: none;
}

.btn {
	padding-left: 20px;
	padding-right: 20px;
	background-image: none;
	text-transform: capitalize;
	font-weight: normal !important;
	font-size: 12px !important;
	height: 30px;
}

.btn {
	background-color: #F4F4F4;
	color: #000000;
	box-shadow: none;
}

.btn.btn-block {
    width: auto;
}

.btn.btn-block,
button.btn:not(.withIcons),
label.btn {
	background-color: #FFFFFF;
	color: #000000;
	border-radius: 3px;
	padding-top: 0;
    padding-bottom: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    margin: 0;
}

.btn.btn-block:not(.btn-primary),
button.btn:not(.withIcons):not(.btn-icon-rounded):not(.btn-primary),
label.btn {
	border: 2px solid #BDC7D9;
}

a.btn.btn-block:hover,
button.btn:not(.withIcons):hover,
label.btn:hover {
	color: #000000 !important;
}

a.btn.btn-block:focus,
button.btn:not(.withIcons):focus,
label.btn:focus {
	background-color: #FFFFFF
}

.btn:hover {
	-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2), 0 2px 5px 0 rgba(0,0,0,0.2);
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2), 0 2px 5px 0 rgba(0,0,0,0.2);
}

.btn:focus-visible {
	background-color: #F4F4F480;
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: 2px solid #000000 !important;
	outline-offset: 1px;
}

.btn-link-material {
	background-color: transparent;
	font-size: .8125rem !important;
	line-height: 20px;
}

.btn-link:hover,
.btn-link-material:hover {
	background-color: transparent;
	text-decoration: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.btn.btn-mini,
.label-mini {
	padding: 8px 10px;
}

.btn.btn-small {
	padding-left: 20px;
	padding-right: 20px;
}

.btn-group .btn.btn-icon-rounded,
.btn.btn-icon-rounded {
	border-radius: 3px;
	box-shadow: none;
	background-color: transparent;
	color: black;
	flex-shrink: 0;
	font-size: 1rem;
	height: auto;
	line-height: 0;
	margin: 7.5px;
	padding: 0;
	text-align: center;
	transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.doc__header .btn-group .btn.btn-icon-rounded,
.doc__header li[role="listitem"] .btn.btn-icon-rounded {
	margin: 0;
}

.btn-group .btn.btn-icon-rounded.dropdown-toggle.btn-filter-view{
	width: 26px;
	height: 25px;
}

.header-elements .options-icon-rounded button.btn.btn-icon-rounded.btn-info:hover:not([disabled]),
.header-elements .options-icon-rounded button.btn.btn-icon-rounded.btn-info:focus {
	background-color: transparent !important;
}

.btn-group.filterRecord {
	background-color: #F4F4F4;
	font-size: 13px;
	max-width: 100%;
}

.btn-group.filterRecord > div.filterRecord {
	margin-left: 10px;
}

.btn-group.filterRecord > div {
	margin: 5px 0;
	max-width: 90%;
}

.btn-group.filterRecord svg.phx {
	margin: auto;
}

@media (min-width: 682px) and (max-width: 1300px) {
	.btn-group.filterRecord > div {
		max-width: 80%;
	}

	.filterRecord .phxText {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.btn-group.filterRecord > div {
		margin: 5px 0;
		max-width: 100%;
	}
}

.btn.btn-icon-rounded.btn-sm {
	height: 16px;
	width: 16px;
}

.calculate-button .btn.btn-icon-rounded.btn-sm {
	height: 24px !important;
	width: 24px !important;
}

.btn.btn-icon-rounded:hover:not([disabled]) {
	color: rgba(55, 105, 219, 1) !important;
	fill: rgba(55, 105, 219, 1) !important;
}

.btn.btn-icon-rounded:focus-visible {
	outline: -webkit-focus-ring-color 2px solid black !important;
}

.btn-group.preferred-dropdown.dropup > button:hover:not([disabled]) {
	color: rgba(55, 105, 219, 1) !important;
	fill: rgba(55, 105, 219, 1) !important;
}

.btn.btn-icon-rounded.btn-highlight {
	background-color: #9eadc126;
	color: #9eadc1;
}

.btn.btn-icon-rounded.btn-highlight svg {
	fill: #9eadc1;
}


.btn-primary {
	background-image: none;
	font-size: 0.75rem !important;
	height: 30px;
	text-align: center;
	vertical-align: middle;
	box-shadow: none;
}

.input-group.input-group--in .btn-primary{
	height: 40px;
}

.input-group.input-group--in .btn-primary:not(.btn-icon-rounded) svg {
	vertical-align: initial;
}

button.btn-primary.dropdown-toggle:hover,
button.btn-primary.dropdown-accessibility-toggle:hover,
button.btn-primary.btn-flat:hover,
.btn.btn-primary:hover,
.btn.btn-flat.btn-primary:hover,
.btn.btn-primary.btn-flat:hover,
a.btn-primary:hover,
a.btn-flat.btn-primary:hover,
a.btn.btn-primary.waves-effect:hover {
	background-color: #9eadc1 !important;
	border-color: #9eadc1 !important;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2), 0 2px 5px 0 rgba(0,0,0,0.2);
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2), 0 2px 5px 0 rgba(0,0,0,0.2);
}

.btn.withIcons:not(.btn-icon-rounded):not(.dropdown-toggle):not(.input-group-append):not(.btn-block):not(.btn-flat) > svg {
	top: 5px;
    margin-top: -30px;
}

.btn-group .btn + .btn.dropdown-toggle {
	background-color: #FFFFFF;
	color: #000000;
	border: 2px solid #BDC7D9;
	padding: 6px 4px;
	border-left: none;
}

.btn-group .dropdown-toggle.btn-primary,
.btn-group.dropdown .dropdown-toggle.btn-primary {
	padding-left: 0px;
	padding-right: 0px;
	width: 30px;
	border: none;
	border-left: 1px solid #ffffff !important;
}

.grid__cell__quickview__add .btn-group .dropdown-toggle,
.item__search__actions .btn-group .dropdown-toggle {
	padding-left: 0 !important;
	padding-right: 0 !important;
	flex-shrink: 0;
}

.dropdown-toggle.btn-link {
	display: inline-flex;
	align-items: center;
}

.dropdown-toggle.btn-link svg {
	height: 20px;
	width: 20px;
}

.dropdown-toggle.btn-link::after {
	border-color: transparent;
}

.dropdown-toggle.btn-block::after {
	content: none;
}

.btn.btn-primary:focus,
a.btn-primary:focus,
a.btn.btn-primary.waves-effect:focus {
	background-color: #9eadc1 !important;
	border-color: #9eadc1 !important;
}

.btn-primary, .btn-warning {
	color: #fff;
}


.btn-flat {
	color: #3f6fdc;
	cursor: pointer;
}
.btn-flat:hover:not(.btn.btn-sm.withIcons.dropdown-toggle) {
	color: #014c8c !important;
	background-color: rgba(0,0,0,.04) !important;
	box-shadow: none;
	-web-box-shadow: none;
}

.btn.btn-sm.btn-flat.withIcons.dropdown-toggle:focus,
.btn.btn-sm.btn-flat.withIcons.dropdown-toggle:focus-visible {
	background-color: transparent;
}

button.btn-flat.btn.btn-sm.withIcons.dropdown-toggle:hover:not([disabled]) {
	box-shadow: none;
	color: rgb(55, 105, 219) !important;
	-web-box-shadow: none;
}

button.btn-flat.btn.btn-sm.withIcons.dropdown-toggle {
	color: black !important;
	height: 20px;
}

button.btn-flat.btn.btn-sm.withIcons.dropdown-toggle:disabled {
	background-color: rgb(244, 244, 244);
	color: rgb(118, 118, 118) !important;
}

button.btn-flat.btn.btn-sm.withIcons.dropdown-toggle svg {
	top: 0;
}


.btn-block.btn-flat {
	margin-left: 0;
	margin-right: 0;
}

	
.quickSearchSubmitWrapper .btn-flat {
	padding: 2px;
	margin: 0;
	top: -2px;
	left: -3px;
}





.btn.loading-inline {
	box-shadow: none;
}




.dropup .dropdown-menu {
	bottom:	auto;
}

.dropdown-menu .dropdown-item img {
	display: inline;
}

.dropdown-content li > span,
.dropdown-menu .dropdown-item {
	font-size: 1rem !important;
	font-weight: normal;
	min-height: 2rem;
}

.dropdown-item.show-line-break {
	white-space: pre-line;
}

.dropdown-content li:not(.optgroup) > span {
	color: #3f6fdc !important;
}

.dropdown-content li:not(.optgroup) > span:hover,
 .dropdown-content li:not(.optgroup) > span:focus{
	color: #3f6fdc !important;
}

.results-navigator-navigation-material .dropdown-menu .dropdown-item.first-element {
	border-bottom: 1px solid rgba(0,0,0,.18);
}

.dropdown-content li:not(.optgroup) > span:hover,
.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus,
.dropdown-menu .dropdown-item.active {
	background-color: #F4F4F4 !important;
	box-shadow: unset !important;
}

.dropdown-menu .dropdown-item:focus-within {
	background-color: #D3D3D3 !important;
	box-shadow: unset !important;
}

.dropdown-menu a.dropdown-item:focus,
.dropdown-menu .dropdown-submenu:focus-within {
	outline: -webkit-focus-ring-color auto 1px !important;
}

.select-dropdown li.disabled > span,
.dropdown-menu .dropdown-item.read-only,
.dropdown-menu .dropdown-item.sub-group,
.dropdown-menu .dropdown-item.menu-section-title {
	color: rgba(0, 0, 0, .87) !important;
	background-color: transparent;
	cursor: default !important;
}

.dropdown-menu .dropdown-item.menu-section-title {
    text-transform: uppercase;
	font-weight: 500;
	font-size: 0.75rem;
}

.dropdown-content li.disabled > span:hover,
.dropdown-menu .dropdown-item.read-only:hover,
.dropdown-menu .dropdown-item.sub-group:hover {
	background-color: transparent !important;
	box-shadow: unset !important;
}

div:not(.modal.show) .dropdown-menu.pre-scrollable {
	overflow: auto;
	z-index: 10000;
}

.PhoenixOverlay.modal-open #profileInputs .dropdown-menu.pre-scrollable {
	max-height: 173px !important;
	transform: translate3d(0px, 16px, 0px) !important;
}

.results-navigator .dropdown-menu.pre-scrollable {
	max-height: 500px !important;
	transform: translate3d(0px, 33px, 0px)!important;
}

td .options-icon-rounded,
td .option {
	display: inline-block;
}

td .options-icon-rounded button {
	bottom: 2px;
}

.actions-row__action .btn-circle svg,
.collapsible-panel__content__inner .btn-icon-rounded i,
.group__header .option i,
.card--total .options-icon-rounded button i {
	top: 3px;
}

button.btn-icon-rounded.withIcons i {
	color: black;
}

button.btn-icon-rounded.withIcons:disabled i {
	background-color: rgb(244, 244, 244);
	color: rgb(118, 118, 118);
}

button.btn-icon-rounded.withIcons:not([disabled]) i:hover {
	color: rgb(55, 105, 219);
}

.alternative-dropdown-icon button svg,
.group-right--dropdown button i,
.card--total .col-form-value-block .options-icon-rounded button svg,
.actions-row__action .options-icon-rounded button i,
.workflow-step__options.options-icon-rounded button svg,
.cart__cell__item__actions .options-icon-rounded button svg {
	top: 4px;
}

.actions-row__action .dropdown-toggle::after {
	position: relative;
	top: 1px;
}

.actions-row__action button {
	cursor: pointer;
}

.btn-circle,
.options-icon-rounded .option > a,
.card--total .options-icon-rounded .option > button,
.options-icon-rounded .option > button,
.options-icon-rounded .option .btn-group > button,
.card--total .options-icon-rounded .option .btn-group > button,
.alternative-dropdown-icon > .btn-group button,
.col.grid__cell__quickview__cart__desc .options-icon-rounded span .btn.btn-flat.btn-icon {
	border-radius: 3px;
	color: rgba(0, 0, 0, .54) !important;
	fill: rgba(0, 0, 0, .54) !important;
	font-size: 16px !important;
	margin: 0;
	min-height: 16px;
	min-width: 16px;
	padding: 0 !important;
	text-transform: none;
}

.options-icon-rounded .option > button:not([disabled]),
.options-icon-rounded .option .btn-group > button:not([disabled]):not(:hover),
.card--total .options-icon-rounded .option .btn-group > button:not([disabled]) {
	color: black !important;
	fill: black !important;
}

.options-icon-rounded .option {
	padding-right: 5px;
}

.options-icon-rounded .option a.make-default-address {
	font-size: 12px !important;
}

.card-info--container .btn-circle {
	bottom: 3px;
}

.col.grid__cell__quickview__cart__desc .options-icon-rounded span .btn.btn-flat.btn-icon .phx {
	width: 24px;
	font-size: 13px !important;
}

.options-icon-rounded .option.option--primary > a,
.options-icon-rounded .option.option--primary > button,
.options-icon-rounded .option.option--primary .btn-group > button {
	color: #0275d8;
}

.options-icon-rounded.options--lg .option > a,
.options-icon-rounded.options--lg .option > button,
.options-icon-rounded.options--lg .option .btn-group > button {
	font-size: 20px;
	line-height: 20px;
	min-width: 32px;
}

.options-icon-rounded .option > a:focus,
.alternative-dropdown-icon > .btn-group button:focus {
	background-color: rgba(0, 0, 0, 0) !important;
}

.options-icon-rounded .option > a[data-highlight="true"] {
	color: #dc281e;
}

.address-header--options.edit .options-icon-rounded.options--lg .option > a {
	line-height: 25px;
}

.remitTo-address-container .remit-to-favorite-icon-container {
	padding-top: 6px;
}

.options-icon-rounded .option.address-header__options__favorite > a[data-highlight="true"] {
	color: #d88c2a;
}

.collapsible-section--link {
	cursor: pointer;
}

.collapsible-section--link .collapsible-panel__content {
	display: flex;
	flex-grow: 1;
	width: calc(100% - 14px);
}

.collapsible-section--link:not(.collapsible-panel--chevron-left) .material-panel__collapsible_link {
	order: 1;
}

.modal .collapsible-section--link .collapsible-panel__content {
	align-items: center;
    min-height: 40px;
}

.collapsible-section--link > a.list-group-filters__title,
.collapsible-section--link .additional-buttons > a.list-group-filters__title {
	padding-top: 12px;
	padding-bottom: 12px;
	display: flex;
}

.collapsible-section--link > a.list-group-filters__title > i.phxGlyph,
.collapsible-section--link > a.list-group-filters__title > svg {
	align-self: center;
}

.collapsible-section--link .collapsible-panel__text {
	color: rgba(0, 0, 0, .87);
    font-size: 0.875rem;
    font-weight: bold;
    padding: 10px 10px 10px 0;
    align-self: center;
}

.collapsible-section--link .collapsible-panel__text .glyphicons:before{
	padding-right: 5px;
	color: rgba(0, 0, 0, .54);
}

.collapsible-section--link .collapsible-panel__text .section__header__heading {
	margin-right: 10px;
}

.collapsible-section--link .collapsible-panel__content__inner {
	flex-grow: 1;
}

.collapsible-section--link.collapsible-panel--mosaic {
	background-color: #F4F4F4;
	border-bottom: 1px solid #FFFFFF;
	padding-right: 20px;
}

.collapsible-section--link.collapsible-panel--mosaic .material-panel__collapsible_link {
	margin-left: 10px;
	margin-right: 10px;
	color: #000000;
}

.collapsible-section--link.collapsible-panel--mosaic .material-panel__collapsible_link svg {
	width: 16px;
	height: 16px;
}

.collapsible-section--link.collapsible-panel--mosaic.collapsible-compact-panel--mosaic .collapsible-panel__text {
	padding-top: 10px;
	padding-bottom: 10px;
}

.collapsible-section--link.collapsible-panel--mosaic .collapsible-panel__text {
	padding-top: 15px;
	padding-bottom: 15px;
}

.line-level__overridden-groups__container > .section-container--body[data-collapse-state='not-collapsed']:not(:last-of-type) {
	margin-bottom: 30px;
}

.medium-size-btn {
	font-size: medium !important;
}

a[data-phoenix-type="PhoenixCollapsible"] i.phxGlyph,
a[data-toggle="collapse"] i.phxGlyph,
a[data-phoenix-type="PhoenixCollapsible"] svg,
a[data-toggle="collapse"] svg {
	-webkit-transition: transform .2s ease-in-out;
	-moz-transition: transform .2s ease-in-out;
	-o-transition: transform .2s ease-in-out;
	transition: transform .2s ease-in-out;
	display: inline-block;
}

a[data-collapse-target-state="not-collapsed"] > i.phxGlyph,
a[data-toggle="collapse"][aria-expanded="true"] i.phxGlyph,
a[data-collapse-target-state="not-collapsed"] > svg,
a[data-toggle="collapse"][aria-expanded="true"] svg {
	transform: rotate(90deg);
}

a[data-collapse-target-state="not-collapsed"].displayUpIcon > i.phxGlyph,
a[data-collapse-target-state="not-collapsed"].displayUpIcon > svg {
	transform: rotate(-180deg);
}

a[data-phoenix-type="PhoenixCollapsible"].btn-link > svg {
	fill: inherit;
}

.modal .collapsible-section--link a[data-phoenix-type="PhoenixCollapsible"] i.phxGlyph,
.modal a[data-toggle="collapse"] i.phxGlyph {
	margin-top: 7px;
}

@media (max-width: 575px) {
	.collapsible-section--link .collapsible-panel__content {
		display: block;
	}
}

button.btn.withIcons .linkText,
button.btn.withIcons:not(.btn-icon-rounded) svg {
	vertical-align: top;
}

button.btn.withIcons:not(.btn-icon-rounded):not(.input-group-append-next):not(.btn-circle):not(.input-group-append):not(.btn-flat) svg {
	width: 20px;
	height: 20px;
	margin-top: -3px;
}

.btn-link > i.glyphicons {
	display:inline;
}

.btn-link.add-note-link {
	font-size: .8125rem;
	padding: 0;
}

.btn-link.edit-note-link {
	font-size: .6825rem;
	padding: 0;
}

.options__header > .btn-group {
	margin-left: 0.5rem;
}


.btn.btn-icon-rounded > svg {
	height: 20px;
	width: 20px;
	top: 0;
}

.btn.btn-icon-rounded.btn-sm > svg {
	height: 16px;
	width: 16px;
}

.btn.btn-icon-rounded.btn-sm > i > svg {
	height: 16px;
	width: 16px;
}

button.btn > svg,
a.btn-link > svg {
	height: 20px;
	width: 20px;
}

.btn-link {
	font-size: 0.8125rem;
	line-height: 20px;
	color: #3f6fdc;
	padding: 0;
}

.btn-link:disabled {
	color: #868e96;
}

.btn.btn-primary.withIcons {
	color: #FFFFFF;
}

.btn-link.text-truncate > span.linkText {
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.btn-link.md-link--with-icon {
	padding: 0;
}

.btn-link.md-link--with-icon > svg {
	width: 16px;
	height: 16px;
	min-width: 16px;
	vertical-align: text-bottom;
}

@media (max-width: 768px) {
	#ElasticSearch_ClearAll {
		margin: 0.5rem 0 0 0;
	}
}


#SupplierLogin_body a:link,
#RegistrationChecklist_body a:link,
#RegistrationFAQ_body a:link,
#SupplierRegistration_body a:link,
#SupplierPasswordReset_body a:link {
	text-decoration: underline !important;
}

.d-flex.doc__header--navigation-buttons .btn.btn-icon-rounded {
	height: 20px !important;
	padding: 0;
	width: 20px !important;
}

.d-flex.doc__header--navigation-buttons .btn.btn-icon-rounded:disabled {
	border-radius: 3px;
}

.SearchResults.table.material-table button.btn {
	background-color: transparent;
	display: block;
	font-size: initial;
	height: 16px;
	width: 16px;
	margin: 0;
}

.SearchResults.table.material-table button.btn:hover:not([disabled]) {
	box-shadow: none;
	color: rgba(55, 105, 219, 1);
}

.SearchResults.table.material-table button.btn svg {
	height: 16px !important;
	width: 16px !important;
}

.SearchResults.table.material-table a.btn.btn-link.btn-link-material.withIcons:hover:not(.disabled) {
	color: rgba(55, 105, 219, 1) !important;
}

.SearchResults.table.material-table a.btn.btn-link.btn-link-material.withIcons.disabled {
	background-color: rgb(244, 244, 244);
	color: rgb(118, 118, 118);
}



body.modal-open {
	padding-right: 0!important;
}

.modal {
	max-width:100%;
	min-width: inherit;
	margin: 0;
	border: 0;
	background: none;
}

.modal.modal--main.fade.hidden {
	display: none !important;
}

.modal .modal-gray .modal-header {
	background-color: #9C9C9C;
	color: #FFFFFF;
	padding-top: 0px;
	padding-bottom: 0px;
	height: 50px;
	flex-shrink: 0;
}

.modal .modal-header.ui-draggable-handle {
	cursor: move;
}

.modal .modal-content .modal-header {
	background-color: #051c2c;
	color: #ffffff;
}

.extra-content .btn,
.modal-header .btn {
	color: #ffffff !important;
	fill: #ffffff !important;
}

.modal .modal-header .btn:focus {
	background-color: transparent !important;
}

.modal .modal-header .btn:hover {
	background-color: #3f6fdc !important;
}

.modal .extra-content .btn {
	background-color: transparent;
}

.modal .modal-gray .modal-header div.buttons-wrapper {
    display: flex;
    align-items: center;
}

.modal .modal-gray .modal-header {
  display: flex;
  align-items: center;
}

.modal .modal-gray .modal-header div.buttons-wrapper button svg {
  min-width: 13px;
  width: 13px;
}

.modal .modal-gray .modal-header a.help {
	color: #FFFFFF;
	opacity: 1;
	font-size: 1.7rem;
    margin-right: 10px;
	font-weight: bold;
	text-shadow: none;
	cursor: pointer;
}

.modal .modal-gray .modal-header button.close {
	color: #434343;
	opacity: 1;
	font-size: 3rem;
	font-weight: bold;
	text-shadow: none;
	cursor: pointer;
	padding-bottom: 10px;
}

.modal .modal-full-width {
	max-width: 100%;
}

.modal:not([role="alert"]) .modal-dialog:not(.modal-full-height) .modal-content {
	max-height: calc(100vh - 100px);
	max-width: calc(100vw - 100px);
}

@media (max-width: 575px) {
	.modal:not([role="alert"]) .modal-dialog:not(.modal-full-height) .modal-content {
		max-width: 100%;
		max-height: calc(100vh - 20px);
	}
}

@media all and (-ms-high-contrast:none) , (-ms-high-contrast:active) {
	.modal .modal-small-width .modal-content {
		height: auto;
	}

	.modal:not([role="alert"]) .modal-small-width .modal-content {
		min-height: 250px;
	}

	.modal .modal-large-width {
      height: auto;
      max-width: 1200px !important;
    }

    .modal .modal-full-width .modal-body {
		overflow: auto;
		max-height: calc(100vh - 200px) !important;
	}
}

.modal .modal-full-width .modal-content {
	width: calc(100vw - 100px);
	left: 50px;
}

.modal .modal-full-width .modal-body {
	overflow: auto;
	max-height: none;
}

.modal .modal-content {
	display: inline-flex !important;
}

mosal-dialog:not(.modal-right) .modal-content.resizable-limit {
    min-width: 500px;
}

.modal-medium-size-overlay .modal-content {
	min-width: 800px;
}

.modal-min-width-debug-overlay .modal-content {
	min-width: 400px;
}

.additional-details-min-width {
	min-width: 520px;
	overflow-x: auto;
}

.modal .modal-medium-width {
	height: auto;
	max-width: 700px;
	min-width: 500px;
}

.modal .modal-medium-width .modal-content {
	max-height: calc(100vh - 100px);
}

.modal .modal-medium-width .modal-body {
	overflow: auto;
}

@media (max-width: 700px)
{
	.modal .modal-medium-width .modal-content {
		margin-left: 50px;
	}
}

.modal .modal-xlarge-width {
	height: auto;
	max-width: 1500px;
	min-width: 500px;
}

.modal .modal-large-width {
	height: auto;
	max-width: 1100px;
	min-width: 500px;
}

.modal .modal-xlarge-width .modal-content,
.modal .modal-large-width .modal-content {
	max-height: calc(100vh - 100px);
}

.modal .modal-xlarge-width .modal-body,
.modal .modal-large-width .modal-body {
	overflow: auto;
}

@media (max-width: 1100px)
{
	.modal .modal-large-width .modal-content {
		margin-left: 50px;
	}
}

.modal .modal-small-width {
	height: auto;
	max-width: 500px;
	min-width: 500px;
}

.modal .modal-small-width .modal-body {
	overflow: auto;
}

.modal .modal-small-width--full-height .modal-content {
	height: calc(100vh - 100px);
}

.modal .modal-attachment-width {
	height: auto;
	max-width: 550px;
}

.modal .modal-attachment-width .modal-body {
	overflow: auto;
}

.modal .modal-full-height .modal-content {
	height: 100vh;
	min-height: 100vh;
}

.modal .modal-full-height .modal-content .modal-body {
	max-height: 100%;
	overflow: hidden auto;
}

@media (max-width: 560px)
{
	.modal .modal-small-width .modal-content {
		margin-left: 50px;;
	}
}

.modal .modal-small-width .modalHeading {
	width: 400px;
}

/*Modal with tabs*/
.modal.modal-with-tabs .modal-header {
	padding-top: 0;
	padding-bottom: 0;
	height: 63px;
}

.modal .modal-gray .modal-header .nav {
	background-color: transparent;
}

.modal .modal-gray .modal-header .modalHeading {
	font-size: 1rem;
	color: #FFFFFF;
	line-height: normal;
}

.modal .modal-gray .modal-header .nav .nav-item a.nav-link.active {
	border-bottom-color: #2196F3;
}

.modal .modal-gray .modal-header .classic-tabs li {
	-webkit-flex: unset;
}

.modal .modal-header--no-capitalize .modal-header .modalHeading .heading {
	text-transform: none;
}

.modal .modal-dialog:not(.modal-full-height):not(.modal--full-vh) .modal-body {
	font-size: 0.8125rem;
	font-weight: normal;
	max-height: calc(100vh - 200px) !important;
}

.modal .modal-body .ErrorMessageComment {
    color: #C43535 !important;
    fill: #C43535 !important;
    font-size: 0.6875rem !important;
    font-weight: normal !important;
    text-align: left;
    margin-top: 2px;

}

.modal .modal-body .ErrorMessageComment svg{
    height: 12px !important;
    width: 12px !important;
    top: 2px;
    margin-right: 2px;
}

.modal .modal-footer {
	display: block;
	background-color: #FFFFFF;
}

.modal .modal-footer .requiredNote {
	margin-bottom: .6em;
}

.modal-footer-buttons .btn-dismiss-modal + .btn-dismiss-modal {
	margin-left: 6px !important;
}

.modal[role="alert"] {
	z-index: 7051 !important;
}

.PhoenixOverlay {
	background-color: transparent;
}

.PhoenixOverlay .modal-backdrop {
	display: none;
}

#PhoenixAlertModal.show ~ div.modal-backdrop {
	display: block;
}

@media (max-width: 991px) {
	.tabs-wrapper ul {
		max-width: 200px;
	}

	.tabs-wrapper ul li {
		display: block;
		width: 100%;
	}

	.tabs-wrapper ul li a {
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
}

@media (min-width: 992px) {
	.modal-full-height.modal-bottom .modal-body {
		height: 500px;
		max-height: 500px;
		overflow-y: auto;
		overflow-x: hidden;
	}
}

@media (max-width: 991px) {
	.modal-footer > .modal-footer-buttons {
		white-space: normal;
		text-align: right;
	}

	.modal-footer > .modal-footer-buttons > .modal-footer-buttons__additional {
		margin-right: 6px;
	}
}

@media (max-width: 575px) {
	.modal-footer > .modal-footer-buttons > .modal-footer-buttons__additional,
	.modal-footer > .modal-footer-buttons {
		text-align: center;
		margin-right: 0px;
		display: block;
		float: none;
		margin-left: 0px;
	}

	.modal-footer .modal-footer-buttons > button:not(.dropdown-toggle) + button:not(.dropdown-toggle) {
		margin-top: 6px;
	}

	.modal .modal-footer-buttons > button,
	.modal .modal-footer-buttons > a {
		width: 100%;
		display: block;
		margin: 0 0 8px 0;
	}

	.modal .modal-footer-warning .modal-footer span {
		margin-right: 0px;
	}
}

.modal.show .k-upload {
	background-color: transparent !important;
	border-color: transparent !important;
}

.modal.show .k-content .k-upload-button span {
	font-size: 0.6875rem;
	text-transform: uppercase;
	color: #0072b4;
}

.modal.show .k-content .k-upload-files {
	border-top: 2px solid rgba(0, 0, 0, .18);
}

.modal.show .k-content .k-upload-files .k-progress {
	background-color: transparent !important;
	height: 6px;
}

.modal.show .k-content .k-upload-files .k-file {
	border-color: transparent;
}

.modal.show .k-upload-files .progress.md-progress {
	height: 6px;
	margin-top: 10px;
}

.modal.show .k-upload-files .k-file-progress .progress-bar {
	background-color: #0d47a1 !important;
}

.modal.show .k-upload-files .k-file-success .progress-bar {
	background-color: #6C953C !important;
}

.modal.show .k-upload-files .k-file-success .k-upload-pct {
	display: none;
}

.modal.show .k-upload-files .k-file-error .progress-bar {
	background-color: #C43535 !important;
}

.modal.show .k-upload-files .k-file-error input {
	border-bottom: 1px solid #C43535 !important;
	box-shadow: 0 1px 0 0 #C43535 !important;
}

.modal.show .k-upload-files .k-file-error .ErrorMessageLine {
	line-height: 1;
	display: block !important;
}

.modal.show .k-upload-files .k-upload-action {
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
}

.modal.show .k-upload-files .k-icon {
	background-image: none !important;
	font-size: 16px;
	display: inline;
	line-height: 1;
	font-family: Glyphicons Halflings;
}

.modal.show .k-upload-files .k-icon.k-i-docx {
	display: none;
}

.modal.show .k-upload-files .k-warning:before {
	color: #C43535;
	content: "\e083";
}

.modal.show .k-upload-files .k-i-refresh.k-retry:before {
	color: rgba(0, 0, 0, .54);
	content: "\e030";
}

.modal.show .k-upload-files .k-i-close.k-delete:before {
	color: rgba(0, 0, 0, .54);
	content: "\e020";
}

.modal.show .k-upload-files .k-file.k-file-success .k-ok {
	color: #6C953C;
	display: inline-block !important;
}

.modal .modal-dialog {
	pointer-events:all;
}

.modal .modal-dialog.modal-sm {
	width: 500px;
	max-width: 500px
}

@media (min-width: 576px) {
	.modal-sm {
		width: 500px;
	}
}

.modal .modal-dialog.modal-md {
	width: 800px;
	max-width: 800px;
}

.modal .modal-dialog.modal-lg {
	width: 1100px;
	max-width: 1100px;
}





.modal--half-vw--right {
	min-width: 50vw;
	width: 50vw;
	transform: translateX(50vw);
}

.modal--full-vh {
	height: 100vh;
	min-height: 100vh;
}

.modal--full-vh .modal-dialog,
.modal-dialog--full-vh {
	height: 100vh;
	margin-top: 0;
	margin-bottom: 0;
}

.modal.modal--full-vh .modal-content {
	height: 100%;
	max-height: 100% !important;
}

.modal.modal--full-vh .modal-body {
	height: 100%;
	max-height: 100% !important;
}

.modal--full-vh .modal-body-content {
	height: 100%;
}



.modal .modal-dialog.modal-bottom-right {
	margin: 0;
}

.modal-body--no-padding .modal-body {
	padding: 15px 0 0 0;
}

.modal.phx-js.fade {
	pointer-events:none;
}

.modal .md-form .row .col-form-label {
	white-space: nowrap;
}

.modal .modal-footer-warning .modal-footer {
	background-color: #FFC100;
}

.modal .modal-footer-warning .modal-footer .modal-footer-warning-message {
	color: rgba(0,0,0,0.87);
	font-weight: 600;
	font-size: 14px;
	min-width: 180px;
	text-align: right;
}

.modal .modal-footer-warning .modal-footer .modal-footer-buttons__additional .align-items-center {
	min-height: 10px;
	height: 5px;
}

.modal .group__header {
	min-height: 48px;
	align-items: center
}

.modal-btn-long-text > button {
	white-space: nowrap;
}





.fade.fade-in--right {
	transition: -webkit-transform 0.3s ease-out;
	transition: transform 0.3s ease-out;
	transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out, opacity 0.15s linear;
}

.fade.fade-in--right:not(.show) {
	transform: translateX(100vw);
}

.modal.fade.fade-in--right .modal-dialog {
	transform: none;
	transition: none;
}

.modal .icon-mini {
	padding: 0px 10px;
}

.modal-body-content .document__cell__item__header {
	padding-left: 0;
	padding-right: 0;
}

.modal-body-content .document__cell__item__header .document__cell__item__actions {
	right: 17px;
}

#ReqPriceSelectPopup_body .dropdown-menu,
#SimpleCartPriceSelectPopup_body .dropdown-menu,
#POPriceSelectPopup_body .dropdown-menu {
	width: 70%;
}
#comparisonModal .modal-body {
	padding: 0 0 0 15px;
}

.page--material.phoenixBody.comparisonModal {
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
}

.page--material.phoenixBody.comparisonModal .container-fluid {
	margin: 0px !important;
	padding: 0px !important;
}

.page--material.phoenixBody.page--overlay.comparisonModal {
	overflow-y: auto;
}

.comparisonModal__goButton {
	top: 9px;
}

.comparisonModal__attributeName {
	color: #666;
	font-size: 13px;
}

.comparisonModal .table td {
  vertical-align: middle;
}

.specialHeaderCell {
	background-color: #F2F2F2;
	padding: 0 0 0 0 !important;
}

.unitsDropDownCell {
	padding: 0.5rem 0.75rem 0.5rem 0.75rem !important;
}

.comparisonModal__attributeValue--description {
	font-size: 13px;
	font-weight: 400px;
}

.comparisonModal__attributeValue--quantity--hidden {
	display: none;
}

.comparisonModal__attributeValue--addToCart--hidden {
	display: none;
}

.comparisonModal__attributeValue--addToCart {
	font-size: 0.6875rem !important;
	max-width: 130px;
	margin-left: 10px !important;
	white-space: nowrap !important;
	margin-top: 0;
}

.comparisonModal table.table a:hover {
	color: #3f6fdc;
}

.comparisonModal table.table a {
	color: #3f6fdc;
}

.comparisonModal table.table th span i.halflings-arrow-right {
	color: #0275d8;
}

.comparisonModal .ResultsColumnValue {
	font-size: 13px;
	font-weight: 500;
}

.comparison-table__bulk-actions-row {
	border-bottom: 2px solid #e9ecef;
}

.comparison-table__bulk-actions-row .preferred-dropdown button {
	cursor: pointer;
	text-transform: uppercase;
	font-size: .8125rem;
}

.comparison-table__bulk-actions-row .preferred-dropdown button.disabled {
	opacity: 0.32;
}

.comparisonModal .comparisonModal__table__actions-cell .form-group {
	margin-right: 30px;
}

.comparisonModal .comparisonModal__table__actions-cell .form-group label {
	padding-left: 0;

}

.comparisonModal .comparisonModal__table__actions-cell .comparisonModal__actions--remove {
	color: rgba(0, 0, 0, 1);
	margin-top: -10px;
	font-size: 2.7rem;
	cursor: pointer;
}

.comparisonModal .sort-cell-container {
	display: inline-flex;
	align-items: center;
	width: 100%;
}

.comparisonModal .sort-icon-container {
	display: inline-flex;
	justify-content: flex-end;
	width:10%;
	margin-left: 10px;
}

.comparison__level2 a {
	width: auto;
}

.comparison__level2--nopermission {
	color: #FFC100;
}

.comparison__level2--nopermission i {
	padding-right: 5px;
}

#UnaddableItemsMessage.hideMessage {
	display: none !important;
}

#UnaddableItemsMessage > div > i {
	padding-right: 5px;
	padding-top: 3px;
	color: #FFC100;
}

#UnaddableItemsMessage > div > div {
	color: #FFC100;
}

#DocActions {
	margin-left: 5px;
}

#DocActions > *:not(:last-child) {
	margin-right: 10px;
}

#DocActions div.btn-group button.dropdown-toggle {
	display: flex;
	align-items: center;
}

#DocActions div.btn-group button.dropdown-toggle svg {
	margin-top: -2px;
}







.page--material {
	padding-top: 15px;
}


.page--material.phoenixBody {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 40px;
}



.page--splash {
	display: flex;
	align-items: center;
}

.page--splash .card .card-body form h1 {
	font-size: 1.5rem;
	font-weight: 400;
	margin-bottom: 1rem;
}


@media (max-width: 575px) {
	.page--splash {
		display: block;
		padding-top: 15px;
	}
}

.page--full-bleed-img {
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.page--portrait div.container {
	max-width: 800px;
}


.inverse span.InlineHelp {
	color: #eee;
}
.inverse span.InlineHelp a {
	color: #5E97F5;
}
div.margin20 {
	margin: 20px;
}

body.page--material.phoenixBody .debugBar {
	font-size: 11px;
	margin: 0px 10px 0 10px;
	padding: 2px 2px 4px 4px;
	border-radius: 0 0 5px 5px;
}

body.page--material.phoenixBody .debugBar.withSupportOrg {
	margin-right: 240px;
	font-size: 9px;
}

body.page--material.phoenixBody .modal .debugBar {
	margin: 0;
}

body.page--material.phoenixBody .debugBar button.btn-flat {
	padding: 0;
	margin: 0 0 0 5px;
}

body.page--material div.debugBar.alert .btn.withIcons {
	max-height: 16px;
}

body.page--material.phoenixBody .NotificationsSection h6,
body.page--material.phoenixBody .NotificationsSection h5,
body.page--material.phoenixBody .NotificationsSection h3 {
	font-size: 1.2em;
	font-weight: normal;
	margin: 0.25em 0.2em 0.7em 0.2em;
	height: 18px;
}
body.page--material.phoenixBody li.Notifications .NotificationsSection h6 {
	margin-top: .15em;
	margin-bottom: 0.8em;
}

body.page--material.phoenixBody .modal .alert.alert-mini.debugBar {
	position: unset;
	top: 0px;
	width: 100%;
	margin-top: -15px;
}

.alert.alert-mini.debugBar button svg {
	height: 12px;
	width: 12px;
}

.alert.alert-mini.debugBar .debug__details-content{
	word-break: break-all;
}

.page--material .MenuSection.searchResultsList h6 {
	font-weight: bolder;
	padding-top: 4px;
}

.pre-scrollable {
	overflow-y: auto;
}


.LineSixPack .product-description {
	display: flex;
}

.LineSixPack.WorkflowStatus {
	min-width: 58px;
	padding-top: 8px;
	padding-left: 11px;
	padding-right: 31px;
}

.LineSixPack.WorkflowStatus svg {
	margin-top: 2px;
}

.LineSixPack.SizeCell div {
	display: inline-block;
}

.LineSixPack.UnitPriceCell {
	text-align: right;
}

.document__cell__item .LineSixPack.UnitPriceCell {
	text-align: left;
}

table #extraPriceInfo {
	border: none;
}

.UnitPriceCell input,
.ItemQuantityCell input:not(.select-dropdown) {
	margin-right: 2px;
	height: 40px;
	width: 74px;
	padding: 0px 2px;
	text-align: right;
}

.LineSixPack.CartExtendedPrice {
	text-align: right;
}

.supplier-group__table__cell--actions {
	width: 17px;
	text-align: center;
	white-space: nowrap;
	padding-right: 0;
	text-align: right;
}

.supplier-group__table__cell--actions label {
	padding-left: 0px;
    margin-right: 20px;
}

table .LineSixPack .col-form-value {
	padding: 0;
}



.subcard .workflowpreview--label {
	color: #767676;
	font-size: 13px;
	font-weight: normal;
	vertical-align: top;
}

.subcard .workflowpreview--linkvalue {
	font-size: 13px;
	font-weight: normal;
}

.subcard .workflowpreview--approvers {
	vertical-align: top;
}

.subcard .workflowpreview--status svg {
	top: 5px;
}

.workflow-preview-stepper ul.stepper li,
.workflow-preview-stepper ul#internalWorkflow li {
	-ms-flex: 1 0 auto;
	height: 100%;
}

.workflow-preview-stepper ul.stepper li > a {
	padding: 16px 12px;
	cursor: initial;
	pointer-events: none;
	width: 100%;
}

.workflow-preview-stepper ul.stepper li.shared > a {
	padding: 16px 22px;
}

.workflow-preview-stepper ul.stepper li > a .circle {
	width: 40px;
	height: 40px;
	margin-right: 10px;
	background-color: white;
	color: rgba(0, 0, 0, .54);
	fill: rgba(0, 0, 0, .54);
	border: 2px solid #CDCDCD;
	cursor: pointer;
	pointer-events: auto;
	display: flex;
	align-items: center;
	justify-content: center;
}

.workflow-preview-stepper ul.stepper li > a .diamond {
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 25px;
	font-size: 16px;
	margin-right: 20px;
	background-color: white;
	color: rgba(0, 0, 0, .54);
	fill: rgba(0, 0, 0, .54);
	border: 2px solid #CDCDCD;
	pointer-events: auto;
	transform: rotate(45deg);
	border-radius: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.workflow-preview-stepper ul.stepper li > a .diamond svg {
	transform: rotate(45deg);
}

.workflow-preview-stepper ul.stepper li > a .label {
	width: calc(100% - 50px);
}

.workflow-preview-stepper ul.stepper li > a .label,
.workflow-preview-stepper ul.stepper li.completed a .label {
	text-align: left;
}

.workflow-preview-stepper ul.stepper li > a .label .stepper__name {
	font-size: 0.8125rem;
	line-height: 20px;
	text-transform: none;
	color: #3f6fdc !important;
	font-weight: bold;
	cursor: pointer;
	pointer-events: auto;
	padding-right: 20px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.workflow-preview-stepper ul.stepper .workflow-step--active .circle svg,
.workflow-preview-stepper ul.stepper .workflow-step--error .circle svg {
	fill: #FFFFFF !important;
}

.workflow-preview-stepper ul.stepper li > a .label .stepper__name:focus,
.workflow-preview-stepper ul.stepper li > a .label .stepper__name:hover,
.workflow-preview-stepper ul.stepper li > a .label .stepper__name:active {
	color: #3f6fdc !important;
}

.workflow-preview-stepper ul.stepper li > a .label .stepper__approvers,
.workflow-preview-stepper ul.stepper li > a .label .stepper__status {
	font-size: 0.6875rem;
	font-weight: normal;
	line-height: 20px;
}

.workflow-preview-stepper ul.stepper li > a .label .stepper__approvers {
	color: #000000;	
}

.workflow-preview-stepper ul.stepper li > a .label .stepper__status {
	color: #767676;
}

.workflow-preview-stepper ul.stepper li > a .label .stepper__approvers,
.workflow-preview-stepper ul.stepper li > a .label .stepper__approvers__section {
	display: flex;
	flex-direction: column;
	gap: 3px;
}

.workflow-preview-stepper ul.stepper li > a .label .stepper__approvers .stepper__approvers__onbehalf {
	margin-top: -5px;
	color: #767676;
}

.workflow-preview-stepper ul.stepper li > a .label .stepper__approvers .stepper__approvers__status {
	height: 20px;
}

.workflow-preview-stepper ul.stepper li > a .label .stepper__approvers svg {
	margin-left: -4px;
	margin-right: 4px;
}

.workflow-preview-stepper ul.stepper li > .no-action-step > span,
.workflow-preview-stepper ul.stepper li > .no-action-step > span .stepper__name {
	cursor: default;
}

.workflow-preview-stepper ul.stepper li > .no-action-step > span .stepper__name,
.workflow-preview-stepper ul.stepper li > .no-action-step > span .stepper__name:hover {
	color: rgba(0, 0, 0, 0.87) !important;
}

.workflow-preview-stepper ul.stepper li.active a .circle,
.workflow-preview-stepper ul.stepper li.completed a .circle,
.workflow-step--active .circle,
.workflow-step--active .diamond {
	background-color: #3f6fdc !important;
	color: #FFFFFF !important;
	fill: #FFFFFF !important;
}

.workflow-preview-stepper ul.stepper li .badge-square {
	width: fit-content;
	margin-left: 5px;
	padding: 0 5px;
	font-size: .75rem;
	line-height: 20px;
	border-radius: 2px;
	color: #FFFFFF;
	font-weight: 500;
}

.workflow-step--error .circle {
	background-color: #C43535 !important;
	color: #FFFFFF !important;
	fill: #FFFFFF !important;
}

.workflow-preview-stepper ul.stepper li.skipped a .circle {
	background-color: #CDCDCD;
	color: #FFFFFF;
	fill: #FFFFFF;
}

.workflow-preview-stepper ul.stepper:not(.stepper--all) li.last:after {
	width: 0!important;
}

.workflow-preview-stepper ul.stepper:not(.stepper--all) li.single-parallel {
	display: none;
}

.workflow-preview-stepper ul.stepper li.skipped {
	max-height: 0;
	opacity: 0;
	transition: max-height .3s ease-in-out, opacity .3s ease-in-out;
}

.workflow-preview-stepper ul.stepper.stepper--all li.skipped {
	max-height: 500px;
	opacity: 1;
}

.workflow-preview-stepper ul.stepper li.parallel:before {
	margin-left: 31px;
	height: 41px;
	width: 14px;
	background-color: rgba(0, 0, 0, 0);
	position: absolute;
	top: 15px;
	border-left: 2px solid #cdcdcd;
	content: '__';
	font-size: 31px;
	line-height: 21px;
	color: rgb(205 205 205);
}

.workflow-preview-stepper ul.stepper li.parallel a {
	padding-left: 40px;
}

.workflow-preview-stepper ul.stepper li:not(:last-child):after {
	left: 31px;
	top: 56px;
	width: 2px;
	background-color: rgba(0, 0, 0, .18);
	height: calc(100% - 40px);
}

.workflow-preview-stepper ul.stepper li.shared:after {
	height: calc(100% - 20px);
	top: 38px;
}

.workflow-preview-stepper ul.stepper li .workflow-step__options {
	position: absolute;
	top: 12px;
	right: 0px;
}

.workflow-preview-stepper ul.stepper li .workflow-step__options a {
	padding: 0.25rem 1.5rem;
}

.workflow-preview-stepper .stepper-vertical li .step-content {
	padding: 0 0 0 48px;
    margin-left: 0;
    width: 100%;
    margin-left: 12px;
}

.stepper-vertical li.parallel .step-content {
	padding-left: 77px;
}

.workflow-preview-stepper ul.stepper li .workflow-container {
	display: flex;
    flex-direction: column;
    gap: 20px;
}

.workflow-preview-stepper ul.stepper li .workflow-approval__group__name {
	border-bottom: 1px solid #C0C0C0;
	padding-bottom: 5px;
}

.workflow-preview-stepper ul.stepper li .workflow-approvers {
	display: flex;
    flex-direction: column;
    gap: 5px;
}

.workflow-preview-stepper ul.stepper li .workflow-approver {
	position: relative;
	padding: 4px 20px 4px 10px;
}

.workflow-preview-stepper ul.stepper li .workflow-approver__status {
	min-width: 26px;
}

.workflow-preview-stepper ul.stepper li .workflow-approval__message {
	padding-right: 20px;
	padding-left: 36px;
}

.workflow-preview-stepper ul.stepper li .workflow-approver:not(.assigned__approver) .workflow-approver__info {
	color: #767676;
}

.workflow-preview-stepper #internalWorkflow .btn-link-material{
	font-size: .8125rem !important;
}

.workflow-preview-stepper ul.stepper li .workflow-approver__name {
	margin-bottom: -2px;
}

.workflow-approver.assigned__approver {
	background-color: #F8FAFD;
}

.workflow-approver.assigned__approver .badge-square {
	margin-left: 5px;
}

.workflow-approver.assigned__approver svg,
.workflow-approver.assigned__approver--done svg {
	width: 16px;
	height: 16px;
}

.workflow-approver.assigned__approver svg {
	color: #B0B0B0;
}

.workflow-approver.assigned__approver--done svg {
	color: #198754;
}

.workflow-steps-activity {
	padding-top:8px;
}

.workflow-steps-activity-content {
	padding-left:2em;
}
.workflow-steps-activity td{
	padding-right:1em;
}


.material-exception {
	background-color: #FFC100;
	color: rgba(0,0,0,0.87) !important;
}

td.material-exception .btn {
	color: rgba(0,0,0,0.87) !important;
	height: auto;
}


div.OverlayShadow {

		background-color: #252525;
		opacity: 0.5;
		-moz-opacity: 0.5;
		-khtml-opacity: 0.5;

		position: absolute;
		width: 100%;
		height: 100%;
		top: 10px;
		left: 10px;
		z-index: -1;
	}



    div.OverlayShadow {
        top: 5px;
        left: 5px;
    }

	div.InlineOverlayShadow {
		position: absolute;
		z-index: 6000;
		left: 0px;
		top: 0px;
		background: #D1D8E5;
	}

	div.InlineOverlayContent {
		border: 1px solid #C1C1C1;
		background-color: #D1D8E5;
		padding: 2px;
		text-align: left;
	}

.row.debug__info {
    display: flex;
    justify-content: flex-end;
    padding-right: 10%;
}



.material-popover {
	color: #000000;
	fill: #000000;
}

.material-popover__header-group {
	text-transform: uppercase;
}

.popover-body .image-whitout-blankspace {
	margin-left: -4px !important;
	margin-right: -4px !important;
}



.phx.label {
	background-color: transparent;
	padding: 2px 11px 3px;
	border-radius: 5px;
	font-weight: bold;
	font-size: 0.75rem;
}

.PhxSecondaryPanel .btn.btn-flat {
	margin-left: 0px;
	padding-left: 0px;
}

.phx.table-cell-layout {
	display:table-cell;
	vertical-align:top;
	padding-right: 10px;
}

.popover-body div.material-popover__header-group:not(:first-child) {
	margin-top: 10px;
}

.debug {
	font-size: 0.8125rem;
}

.icon-carret-indicator {
	width: 40px !important;
	height: 40px !important;
	position: absolute !important;
	top: -15px !important;
	left: 2px;
}


.form-request--attachment-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;"
}

.form-request--attachment-container div.title-bar{
	display: block !important;
}

.form-request--supplier-selected-container {
	border-radius: 2px;
	background-color: #F4F4F4;
	padding: 5px;
	max-width: 250px;
	min-width: 126px;
	display: inline-block;
	justify-content: space-between;
	align-items: center;
	font-size: 13px;
}

.form-request--supplier-selected-container button.btn-icon-rounded > svg {
	height: 16px;
	width: 16px;
}

.form-request--supplier-container .col-form-label{
	font-weight: bold;
	color: black;
}

.form-request--supplier-container .font-weight-bold .col-form-value {
	font-weight: bold;
}

@media only screen and (min-width: 768px) {

	.doc__header--actions-icons #Button_Hide_Sidebar,
	.doc__header--actions-icons #Button_Show_Sidebar,
	.removeBullet li #Button_Hide_Sidebar,
	.removeBullet li #Button_Show_Sidebar {
		display: none !important;
	}
}

@media only screen and (max-width: 767px) {
	
	.show-sidebar-toogle, .total-section-header {
		display: none !important;
	}
	
	#main-content {
		order: 1;
	}
}




table.material-table th {
	border-bottom: 2px solid rgba(0, 0, 0, .18);
    padding: .6rem 20px;
    font-size: .8125rem;
    font-weight: normal;
    color: rgba(0, 0, 0, .54);
}

table.material-table.table-small-pading th,
table.material-table.table-small-pading td {
	padding: .6rem .3rem;
}

.table.material-table.table-with-icon th {
	min-width: 0;
}

.material-table-wrapper.table-with-text-truncate div.text-truncate,
.material-table-wrapper.table-with-text-truncate a.text-truncate {
	width: auto;
	max-width: 350px;
}

.table-with-collapsible-row table.material-table {
	border-collapse: separate;
	border-spacing: 0;
}

.table-with-collapsible-row table.material-table .ResultsTableRow td {
	border: none;
}

table.material-table th .btn.btn-icon-rounded.btn-sm.Recalculate {
	margin-right: 5px;
	padding: 6px 5px;
}

.table-with-collapsible-row table.material-table td {
	border-top: none;
}

table.material-table th.collapse-cell-width {
	min-width: 20px !important;
}

table.material-table th.centeredHeader {
	text-align:center;
	min-width: 0;
}

table.material-table th.centeredHeader .form-check {
	margin-bottom: -10px;
}

table.material-table td {
    padding: .6rem 20px;
    font-size: .8125rem;
    color: rgba(0, 0, 0, .87);
	vertical-align: top;
	line-height: 20px;
}

table.material-table.table-gray th {
	color: #000000;
	white-space: nowrap;
}

table.material-table td .result_with_options {
    min-height: 19px;
}

table.material-table td .result_sub_option {
    padding-left: 15px;
    padding-top: 5px;
}

table.material-table td .result_sub_option_select {
    padding-top: 3px;
}

table.material-table td .preferred_result {
    font-weight: bold;
}

table.material-table td .result_sub_option_details {
    font-weight: normal;
    padding-left: 2px;
}

table.material-table > tbody > tr:not(:last-child) > td {
	border-bottom: 1px solid rgba(0, 0, 0, .12);
	border-top: none;
}

.body-container table th,
table.table-sm th,
table.table-gray th {
	vertical-align: bottom;
	border-top: none;
    border-bottom: hidden !important;
	font-weight: normal !important;
}

.material-table table > thead > tr > th,
.material-table table > tbody > tr > td {
 	border-right: none;
 }

.body-container table > tbody > tr > td {
	font-size: 13px;
	vertical-align: top;
}

.section-container--body .group-elements__container table > tbody > tr > td {
    vertical-align: baseline;
}

.section-container--body .group-elements__container .address-container__edit .address-elements table > tbody > tr > td {
	vertical-align: inherit;
}

.material-table .ErrorBox {
	text-align: left;
}

.material-table-wrapper {
	overflow-x: auto;
	overflow-y: hidden;
}

.material-table-wrapper th {
	background: none;
}

table.table-gray th {
	background-color: #f2f2f2 !important;
	color: rgba(0, 0, 0, .87);
}

table.table-gray th.ColHdr {
	background-image: none;
}

table.table-sm th {
	font-size: 0.8125rem;
	font-weight: bold;
}

table.table-sm td {
	font-size: 0.8125rem;
}

.table--right th,
.table--right td {
	text-align: right;
}

table.table-card-right thead th:first-child,
table.table-card-right tbody td:first-child {
	padding-left: 1.3rem;
}

.table--top tbody tr td {
	vertical-align: top;
}

.table-gray th,
.checkoutSectionBodyTable th.gray-background,
.gray-background-color {
	background-color: #f2f2f2;
}

table.checkoutSectionBodyTable tr:last-child td {
	padding-bottom: calc(0.5rem - 2px);
}

.material-container__search .material-table .btn-flat {
	border-radius: 50%;
	min-width: 24px;
	height: 24px;
	min-height:24px;
	display:flex;
	justify-content:center;
	align-items:center;
}

.material-container__search .material-table .btn-flat:hover {
	background-color: rgba(0,0,0,0.1)!important;
}

.search-results-wrapper .phx.table button {
	height: auto;
	margin: 0;
}

.search-results-wrapper .phx.table .supplier-content button {
   padding: 0;
   border: none;
   background: transparent;
}

.search-results-wrapper .phx.table .supplier-content button:hover {
   color: var(--color-blue-20) !important;
   box-shadow: none;
}

.search-results-wrapper .phx.table .supplier-content button > svg{
   width: 16px !important;
   height: 16px !important;
}

.card .material-container__search .phx-pagination.header {
	border-top: none
}

.material-container__content table.material-table tr td  {
	border-bottom: none;
	padding-top: 0.3rem;
	padding-bottom: 0.3rem;
}

.table a {
  margin-left: 0; }

table.table.phx tr > td .btn.btn-flat,
table.table.phx tr > th .btn.btn-flat {
	white-space:normal;
	word-wrap:break-word;
	text-align:left;
	display:inline;
	vertical-align:baseline;
	max-width: 100%;
}

table.table.phx .align-right,
	.uiTable .align-right,
	table.table.phx td[align="right"] {
		text-align:right;
}

div.date-time.phx.readOnlyValue {
	margin-right:0px;
	line-height: 20px;
}

div.date-time.phx.readOnlyValue > span:first-of-type {
	margin-right: 5px;
}

div.date-time.phx.readOnlyValue > span {
	white-space:nowrap;
	display:inline-block;
}

table.table.phx  .btn.btn-sm, .btn.wishlist {
    font-size: 0.8rem;
    padding: 0; }

.modal.show table.material-table th {
	color: rgba(0, 0, 0, .87);
}

table.phx.table.table-multi-tree tr[class*=table-multi-tree-collapsed-] {
	display:none;
}

.phoenixSubSection .phx.title-bar > .header-elements {
    top: 0;
    vertical-align: middle;
    cursor: default;
}

DIV.VD {
	border-right: 1px solid #DCDCDC;
    height: 18px;
    vertical-align: middle;
    display: inline-block;
}

table.material-table.material-table-collapssible th:first-child {
	min-width: 30px !important;
}

@-moz-document url-prefix() {
	table.material-table.material-table-collapssible th:first-child {
		min-width: 1.2% !important;
	}
}



.addItems-container .input-table.material-table tr.input-table-header-row th div div {
	white-space: break-spaces;
	max-width: 350px;
	height: auto;
	min-width: 120px;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.addItems-container .input-table.material-table tr.input-table-header-row th div div {
		white-space: normal;
		max-width: 360px;
		height: auto;
		min-width: 120px;
	}
}

.input-table .material-table th,
.input-table .material-table .col-form-value,
.input-table .material-table button {
	min-width: 0px;
	white-space: nowrap;
}

.input-table .material-table .col-form-value > span,
.input-table .material-table .col-form-value > div {
	display: inline-block;
}

.input-table .material-table .col-form-value .select-wrapper ul {
	white-space: normal;
}

.input-table .select-wrapper.phx.input-small {
	width: 130px !important;
}

.input-table .material-table .col-form-value .textAreaWrapper {
	width: 100%;
}

.material-table.input-table .input-table-entry-row td {
	border-bottom: none;
}

.material-table.input-table tr:nth-child(n + 4) td {
	border-top: none;
}

.material-table.input-table .input-table-management,
.material-table.input-table .input-table-management__header {
	position: sticky;
	right: 0;
}

.material-table.input-table .input-table-management {
	background-color: #FFFFFF;
}

.material-table.input-table .input-table-management .btn-group .btn-link {
	border-left: none;
}

.material-table button {
	margin: 0;
	padding: 0;
}

.material-table button.btn-link.btn-confirm {
	margin-bottom: 3px;
	color: #000000 !important;
}

.material-table button.btn-link .btn-confirm:hover {
	color: #000000 !important;
}

.material-table div.textAreaWrapper button {
	padding: 1px 6px;
}

.input-table[data-mode="add"] [data-mode-visible="edit"] {
	display: none;
}

.input-table[data-mode="edit"] [data-mode-visible="add"] {
	display: none;
}

.input-table[data-mode="edit"] tr[data-mode="edit"] td [data-mode-visible="add"],
.input-table .input-table-dummy-row ~ tr .input-table-management div {
	display: block;
}

.input-table-dummy-row {
	display: none;
}

.input-table th.control-group-required:after {
	position: relative;
	top: -4px;
	font-family: Glyphicons Halflings;
	font-size: 9px;
	margin-left: .4em;
	content: "\E006";
}

.input-table .control-group .textAreaWrapper textarea {
	height: 31px;
}

.input-table .btn-link[data-column] + .btn-link[data-column] {
	margin-left: 0.5rem !important;
}

.input-table .input-table-management div {
	width: 125px;
	display: flex;
	align-items: center;
	height: 44px;
}

.input-table .input-table-management svg {
	vertical-align: bottom;
}

.input-table .input-table-management .btn-group {
	justify-content: space-between;
}

.input-table .btn-link {
	text-transform: none;
	cursor: pointer;
	line-height: 1;
}

.input-table .input-table-management .btn-link {
	text-transform: uppercase;
}

table.input-table .input-table-management .btn-group .btn.btn-link {
	margin: 0;
	padding: 0;
	border: none;
}

.input-table div.error {
	display: flex;
	align-items: center;
	margin-top: 1px;
}

.input-table tr > td {
	max-width: 20rem;
}



.table-raised-wrapper .table {
	margin: 0 !important;
}


.table-no-border-wrapper > table > tbody > tr > td {
	border: none!important;
}

/* IE only */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.table-raised-wrapper table {
		border-collapse: separate;
	}

	.section-container--body .group-elements__container table > tbody > tr > td {
		vertical-align: top;
	}

	.section-container--body .group-elements__container table > tbody > tr > td .form-check {
		padding-top: 8px;
	}
}

.table-raised-wrapper {
	overflow: auto;
	padding: 0 5px 45px 5px;
	margin: 0 -5px 0px -5px;
}

.table-raised-wrapper.table--raised table {
	box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.16), 0 2px 10px 0px rgba(0, 0, 0, 0.12);
}

.table-raised-wrapper.table--raised th {
	background-color: rgba(28, 127, 206, 0.1);
}

.table-raised-wrapper.table--raised .table-raised__footer {
	opacity: 1;
}

.table-raised__footer {
	position: absolute;
	right: 0px;
	background-color: #ffffff;
	opacity: 0;
	box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.16), 0 2px 10px 0px rgba(0, 0, 0, 0.12);
	display: flex;
	gap: 10px;
	padding: 10px;
}

.table-raised__footer::before {
	content: "";
	position: absolute;
	top: -6px;
	right: 0;
	left: 0;
	height: 8px;
	background: inherit;
}

.table-raised__footer .btn-link {
	display: inline-block;
	padding: 10px;
	cursor: pointer;
}

.table-raised__footer .dropdown-toggle::after {
	display: none;
}

.collapsible-section-row {
	padding-top: 20px;
}

.collapsible-section-row .text-sm-dark {
	padding-bottom: 5px;
}

table td.SubSectionTitle {
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: rgba (0,0,0,0.18);
	padding-top: 30px;
}

table td.FormCellTextRow {
	padding-top: 10px;
	padding-bottom: 10px;
}

table .InlineHelp {
	color: #3f6fdc;
}

table h2.SubSectionTitle	{
	font-size: .8125rem !important;
}

div.material-table-collapsible-container-details .material-table-wrapper {
	padding-left: 15%;
	padding-top: 20px;
}

@media (max-width: 1199px) {
	div.material-table-collapsible-container-details .material-table-wrapper {
		padding-left: 17%;
	}
}

table.material-table td[align='right'] input {
	width: auto;
	text-align: right;
}

table.material-table td .k-numeric-wrap:not(.k-expand-padding) input {
	padding-right: 36px !important;
}

table.table.material-table td .readOnlyValue .EmptyValue {
    white-space: nowrap;
}

table.material-table td .text-right input {
	display: inline-block;
}

.table__catalog--read-only {
	word-break: break-word;
	word-wrap: break-word;
	min-width: 100px;
}

form[name='DocumentEditForm'] table.material-table th,
form[name='DocumentEditForm'] table.material-table td {
	padding: 15px !important;
}

td .truncated-text-wrapper > * {
	min-width: 130px;
}

.material-table-wrapper .table__cell--action a:not(.disabled) {
	color: #000000 !important;
}


.page--condensed form[name='DocumentEditForm'] table.material-table th,
.page--condensed form[name='DocumentEditForm'] table.material-table td {
	padding: 5px !important;
}



.popover.fade {
	z-index: 10000;
}

.card__body__actions {
	float: right;
}

.card__body__actions > div > button {
	color: rgba(0, 0, 0, .54) !important;
	font-size: 16px !important;
	padding: 0px !important;
}

.card__body__actions .dropdown-toggle::after {
	display: none;
}

.card__body__actions .dropdown-menu .dropdown-item {
	font-size: 13px !important;
	font-weight: normal;
	min-height: auto;
}



.doc__header {
	flex: 0 0 auto;
	background-color: #ffffff;
}

.doc__header.row > .col-12 {
	padding: 0;
}

.doc__header .search-masthead-title {
	padding-left: 20px;
	display: flex;
	align-items: center;
}

.doc__header .search_bar {
	padding-right: 35px;
}

.doc__header.row .col-12 > .row {
	padding-left: 35px;
	padding-right: 35px;
}


.search-masthead.doc__header,
.doc__header-shopping,
.page--document .doc__header .row {
	min-height: 50px;
	border-bottom: 1px solid var(--color-navy-35);
}

.page--document .doc__header .cart__actions__icons button span {
	border-radius: 50%;
}

.page--document .doc__header .results-navigator {
	margin: 0;
}

.page--document .doc__header .doc__header__icon {
	height: 20px;
	width: 20px;
	padding: 0;
	font-size: 1rem;
	text-align: center;
	transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
	margin-right: 4px;
}

.page--document .doc__header .doc__header--right-side {
	padding-right: 30px;
}

@media (max-width: 470px) {
	.page--document .doc__header .doc__header--right-side {
		flex-direction: column;
		align-items: flex-start !important;
	}
}

.doc__header.doc__header-sticky.row .doc__header--doc-actions .dropdown-toggle {
	padding: 0 5px 2px;
	display: inline-flex;
	align-items: center;
	color: #000000;
}

.doc__header.doc__header-sticky.row .doc__header--doc-actions .dropdown-toggle:not(.btn-sm) {
	padding: 0;
}

.doc__header.doc__header-sticky {
	position: relative;
}

.doc__header--stuck {
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	z-index: 20;
	position: relative;
}

.doc__header--draft-stuck {
	box-shadow: 0 10px 5px -8px rgba(0, 0, 0, 0.16), 0 10px 10px -8px rgba(0, 0, 0, 0.12);
	z-index: 20;
	position: relative;
}

.doc__header.row .tabbable.tabbable-foreground {
	padding: 0 35px;
}

.tabbable {
	height: auto;
	display: flex;
	width: 100%;
}

.tabbable > .nav > .no-focus-outline {
	height: 40px;
}

.tabbable > .nav.nav-filled > .no-focus-outline {
	height: 30px;
}

.tabbable.tabbable-foreground div.left-chevron {
    background: #ffffff;
}

.tabbable.tabbable-foreground div.right-chevron,
.tabbable.tabbable-foreground div.left-chevron {
	align-self: center;
	background: transparent;
	display: flex;
	height: 20px;
}

.nav-bordered {
	border-bottom: 1px solid #f4f4f4;
}

.doc__body {
	background-color: #f4f4f4;
	overflow-x: hidden;
	overflow-y: auto;
	height: 100%;
	padding-top: 25px;
	padding-left: 20px;
	padding-right: 20px;
}

.page--quickorder .doc__body {
	padding-top: 0px;
}

.group-links__container {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	position: relative;
	align-items: center;
}

.group-links__container .group-right {
	text-align: right;
	flex-grow: 1;
}

.group-links__main_container .group-right {
  padding-bottom: 5px;
}

.group-links__container .group-left .button-group__container,
.group-links__container .group-right .button-group__container,
.group-links__main_container .group-right .button-group__container  {
	display: inline-flex ;
	font-size: .8125rem;
	color: rgba(0, 0, 0, .54);
}

.group-links__main_container .group-right .button-group__container .btn_group_title_no_wrap {
	margin-left: 20px;
}

.group-right .button-group__container a.btn-link {
    padding: 0.25rem 0.5rem;
}

.group-links__container .button-group__container a,
.group-links__main_container .button-group__container a{
	font-size: .8125rem;
	text-transform: capitalize;
}

.group-links__container .button-group__title,
.group-links__main_container .button-group__title {
	display: inline-block;
	padding: 0.25rem 0;
	line-height: 1.5;
}

.group-links__main_container .group-right > :first-child .button-group__title {
    margin-left: 0;
}

.group-links__container ul,
.group-links__main_container ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-flex;
    align-items: center;
}

.button-group__item-separator {
	border-right: 1px solid rgba(0, 0, 0, .18);
    margin-top: 8px;
    margin-bottom: 8px;
    display: inline;
}

.button-group__container .button-group__items {
	display: inline-block;
}

.button-group__container .button-group__items a {
	font-size: .8125rem;
	padding-left: 6px;
	padding-right: 6px;
}

.group-links__container .group-right--dropdown > button {
    border-radius: 50% !important;
}

.group-links__container .button-group__container a.disabled {
	pointer-events: none;
}

.group-links__container .group-right--dropdown .dropdown-menu a.dropdown-item {
	text-transform: capitalize;
}

.group-links__container .group-right--dropdown .dropdown-menu .dropdown-header {
	font-size: 1rem;
	padding: 0.5rem 0.5rem;
	color: #212529;
}

.item__search__actions .dropdown-menu .dropdown-item {
	color: #3f6fdc;
	font-size: 12px !important;
	white-space: nowrap !important;
}

.search_bar__input__clear_button {
	color: rgba(0, 0, 0, .54) !important;
	line-height: 1;
	position: absolute;
	right: 26px;
	align-self: center;
	z-index: 4;
	display: flex;
	align-items: center;
}

.quickorder-cart .search_bar__input__clear_button {
	right: 5px;
}

.quickorder-cart #SearchResults .alert .message-container {
	margin-top: -4px;
}

.quickorder-cart #SearchResults .alert {
	margin-bottom: 10px;
	background: #ffffff;
}

.quickorder-cart #SearchResults .alert .FieldOpt{
	color: #767676;
}

.quickorder-cart .form-group .col-form-label {
	padding-top: 15px;
	padding-bottom: 5px;
}

.quickorder-cart .form-group:first-of-type .col-form-label {
	padding-top: 10px;
}

.quickorder-cart .alert:first-of-type {
	margin-top: -1px;
}

.page--quickorder form {
	height: 100%;
	display: flex;
	flex-direction: column;
	min-height: 1px;
}

.autocomplete-brand.input-container {
	max-width: 300px;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.search_bar__input__clear_button {
		top: 10px;
		align-items: center;
	}

	.autocomplete-brand .search_bar__input__clear_button {
		padding-bottom: 15px;
	}
}

.card-body--search .search_bar__input__clear_button {
	font-size: 1.9rem;
	right: 60px;
}

.card-body--search .search_bar__input__clear_button svg {
	width: 20px !important;
	height: 20px !important;
}

.card-body--search {
	padding: 0px;
}

.card-body--search .btn {
	padding-top: 0.85rem;
	padding-bottom: 0.85rem;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.card-body--search .btn {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}

	.line-sub-section-header__left-section--additional-icons {
		padding-bottom: 5px;
	}
}

.card-body--search .dropdown-menu .dropdown-item {
	cursor: default;
}

.dropdown-menu .dropdown-item .item__search__img {
	background-color: #FFF;
	min-width: 50px;
    height: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
}

.dropdown-menu .dropdown-item .item__search__img img{
	margin: auto;
}

.dropdown-menu .dropdown-item .item__search__details {
	display: grid;
	flex-grow: 1;
	align-self: flex-start;
}

.dropdown-menu .dropdown-item .item__search__details .item__search__title {
	font-size: .875rem;
	cursor: pointer;
}

.dropdown-menu .dropdown-item .item__search__icons {
	display: flex;
}

.dropdown-menu .dropdown-item .item__search__icons i,
.dropdown-menu .dropdown-item .item__search__details__attributes {
	color: rgba(0, 0, 0, .87);
	font-size: 0.8125rem;
}

.dropdown-menu .dropdown-item .item__search__details__attributes {
	font-weight: normal;
}

.dropdown-menu .dropdown-item .item__search__details__attributes .item__search__details__attribute {
	width: 200px;
}

.dropdown-menu .dropdown-item .item__search__details__attributes .item__search__details__attribute__label {
	padding-right: 1.5rem;
	color: rgba(0, 0, 0, .54);
}

.dropdown-menu .dropdown-item .item__search__details__attributes .item__search__details__attribute__value {
	white-space: normal;
	word-break: break-all;
}

.dropdown-menu .dropdown-item .item__search__icons i {
	margin-right: 4px;
}

.dropdown-menu .dropdown-item .item__search__icons i svg {
	height: 1rem;
	width: 1rem;
}

.dropdown-menu .dropdown-item .item__search__quantity {
	margin-left: 8px;
}

.dropdown-menu .dropdown-item .item__search__quantity label {
	color: rgba(0,0,0, .54);
	font-size: 0.6875rem;
	margin: 0;
}

.dropdown-menu .dropdown-item .item__search__quantity input{
	min-width: 54px;
	max-width: 54px;
	margin-left: 8px;
	text-align: right;
	padding-left: 2px;
    padding-right: 2px;
}

.dropdown-menu .dropdown-item .item__search__actions {
	padding-left: 10px;
}

.dropdown-menu .dropdown-item .item__search__actions button {
	white-space: nowrap !important;
	margin-bottom: 0;
	font-size: 11px;
	padding: 8px;
	margin: 0;
	height: 30px;
	min-width: 30px;
	line-height: 1.25;
}

.dropdown-menu .dropdown-item .item__search__actions button:not(.dropdown-toggle) {
  padding-left: 20px;
  padding-right: 20px;
}

.dropdown-menu .dropdown-item .item__search__details .item__search__icons .fa-heart {
	color: #DC281E;
}

.dropdown-menu .dropdown-item .item__search__details .item__search__icons img {
	height: 16px;
}

.dropdown-menu.dropdown-menu--non-catalog {
	max-height: 100%;
}

.dropdown-menu.dropdown-menu--non-catalog .search-summary a {
	display: inline;
	padding: 0;
}

.card-body--search .input-group > button[type=submit] {
	margin: 0;
	border-bottom-left-radius: 0px;
	border-top-left-radius: 0px;
	box-shadow: 3px 2px 3px 0 rgba(0, 0, 0, .05), 3px 2px 10px 0 rgba(0, 0, 0, .12);
	height: 50px
}

.card-body--search .input-group > button[type=submit]:focus-visible {
	outline: 2px solid #000000 !important;
	outline-offset: 0;
	z-index: 2;
}

.card-body--search .input-group > button[type=submit]:focus:not(:focus-visible) {
	outline: none !important;
}

.card-body--search .input-group {
	height: 50px;
	padding-left: 15px;
    display: flex;
    align-items: center;
    max-width: none;
}

#ShopAtTop_panel .input-group {
	padding-left: 0;
}

#ShopAtTop_panel .input-group #megaSearch {
	padding-left: 15px;
}

.card-body--search .input-group input {
	border: none !important;
	padding-left: 0;
}

.card-body--search .input-group > button[type=submit] > i {
	font-size: 18px;
	line-height: initial;
}

.card-body--search .input-group > button[type=submit] > svg {
	width: 20px;
	height: 20px;
	margin-top: 0 !important;
	top: 0 !important;
}

.card-body--search__presearch-header {
	text-align: center;
	width: 100%;
	bottom: 80px;
}

#megaSearch {
	margin: 0;
	min-width: 0;
}

#megaSearch::-ms-clear {
	display: none;
}

#megaSearch:focus-visible {
	outline: 2px solid #000000;
	height: 100%;
}


.card--results > .card-header{
	padding-left: 15px;
	border-right: 1px solid rgba(0,0,0,0.12);
	position: relative;
}

.card--results > .card-header .select-wrapper {
	bottom: -9px;
}

.card--results > .card-header.card-header-message {
	display: inline;
}

.card--results .dropdown-menu a.dropdown-item:focus {
	color: #ffffff !important;
	background-color: #3f6fdc !important;
}

.doc__header--sort-options {
	text-transform: uppercase;
	font-weight: bold;
	white-space: nowrap;
}

.doc__header-shopping .doc__header--dropdown__info__visibility {
	margin: 0;
}

.doc__header-shopping .doc__header--dropdown__info__visibility__list {
	min-width: 250px;
	right: 0px;
	left: auto;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.col--results .card .card-header .select-wrapper span.caret {
	top: 17.3px;
}

.col--results .card-header div {
	color: #000000;
}

.filters {
	margin-bottom: 20px;
	align-self: flex-end;
	padding-left: 35px
}

.filters > button {
	padding-left: 10px;
	padding-right: 10px;
}

.filters > button > i, .filters > button > span {
	vertical-align: middle;
}

.filters > .btn-flat {
	color: #0275d8;
	background-color: #fafafa;
	border-color: #C7C7C7;
	border-width: 1px;
	border: 1px solid rgba(0, 0, 0, 0.12);
}

.compareItems .dropdown-item {
	height: 53px;
}

.compareItems .dropdown-item .chip {
	width: 100%;
}

.compareItems .dropdown-item .chip .doc__header--compare-items__text {
	width: 97%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.compareItems .dropdown-item .chip i {
	position: absolute;
	right: 24px;
}

.compareItems .dropdown-item:hover {
	background-color: #FFFFFF !important;
	box-shadow: unset !important;
}

.compareItems .dropdown-menu.show {
	display: block !important;
	opacity: 1 !important;
	z-index: 5001;
	position: absolute;
	transform: translate3d(-672px, 48px, 0px);
	top: -14px;
	will-change: transform;
}

.breadcrumbOrgName .preferred-dropdown.show .dropdown-menu {
	max-height: inherit;
}

.compareItems #ButtonSubmitToCompareSelectedId {
	font-weight: bold;
}

.compareItems #ButtonSubmitToCompareSelectedId[disabled],
.compareItems #ButtonSubmitToCompareSelectedId.disabled {
	color: rgba(0, 0, 0, .37);
}

.compareItems #ButtonSubmitToCompareSelectedId i {
	font-size: 18px;
}

.doc__header--compare-items__number {
	display: none;
	border-radius: 10px;
	height: 20px;
	padding: 2px 6px;
	background: #9eadc1;
	color: #FFFFFF;
	text-align: center;
	font-weight: normal;
}

.compareItems__remove {
	cursor: pointer;
	float: right;
	font-size: 16px;
	line-height: 39px !important;
	padding-left: 8px;
	transition: all 0.1s linear;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	opacity: .5;
}

.compareItems__remove:focus .compareItems__remove:hover {
	color: #000;
	text-decoration: none;
	opacity: .75;
}

.doc__header--compareItems__removeAllItems {
	margin-left: auto;
	margin-right: 0px;
	text-transform: uppercase;
	font-size: .8125rem;
}

.doc__header--compareItems__maxItemsNumber {
	font-size: .6875rem;
	color: rgba(0, 0, 0, .54);
	margin-left: 8px;
}

.doc__header--compareItems__compareNItems {
	margin-left: 0;
	margin-right: 0px;
	text-transform: uppercase;
	font-size: .8125rem;
}

#comparisonModal {
	max-width: 100%;
}

#comparisonModal .modal-dialog {
	height: auto;
	max-width: 100%;
}

#comparisonModal .modal-content {
	height: -webkit-fill-available;
}

.comparisonModal__header {
	width: 100%;
	font-weight: bold;
	text-transform: capitalize;
}

#comparisonModal .preloader--center {
	z-index: 1;
	position: absolute;
	top :0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

#comparisonModal .embed-responsive {
	overflow: unset;
}

.modal-open.modal-open--comparison {
	overflow: hidden !important;
}

.modal-open.modal-open--comparison #comparisonModal.modal {
	overflow-y: hidden;
}



.card-body--grid {
	padding: 0px;
}
.grid {
	margin: 0 auto;
}
.grid--with-expanded-cell .grid__cell--collapsed {
	opacity: .5;
}
.grid__cell.hidden {
	display: none;
	width: 100%;
}
.ajaxTarget {
	display: block;
	position: relative;
	float: left;
	}


.grid__cell--collapsed .grid__cell__quickview:hover,
.grid__cell--collapsed .grid__cell__quickview:focus {
  	border-color: #9c9c9c;
}
.grid__cell--hover .grid__cell__quickview {
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
	border-color: #0275d8 !important;
}
.grid__cell--expanded .grid__cell__quickview {
  	border-color: #9c9c9c;
	border-bottom: none;
}
.page--shopping section.grid.grid--max-width .row .col {
	min-width: 16% !important;
}
.page--shopping section.grid .row .col article .grid__cell__quickview {
	height: 100%;
	overflow: visible;
}

.grid .row .col {
	display: inline-grid;
	max-width: 334px;
}

.card--results .grid__cell__quickview {
	padding: 10px;
	border-top: 1px solid transparent;
	border-right: 1px solid rgba(0,0,0,0.12);
	border-bottom: 1px solid rgba(0,0,0,0.12);
	border-left: 1px solid transparent;
	position: relative;
	display: block;
	height: 100%;
}
.grid__cell__quickview .cart__cell__item__details tr td {
	font-size: 0.6875rem !important;
}

.grid__cell__quickview .cart__cell__item__details tr td + td{
	font-size: 0.75rem !important;
}

.grid__cell__quickview__link:hover, .grid__cell__quickview__link:focus{
	text-decoration: underline;
	outline: 0;
	color: #3f6fdc !important;
}
.grid__cell__quickview__img {
	margin:auto;
}
.grid__cell__quickview__img img {
	display: block;
	max-height: 125px;
	max-width: 125px;
}

.grid__cell__quickview i {
	color: rgba(0,0,0,.54);
}

.grid__cell__quickview table.cart__cell__item__details .grid__cell__label {
	font-size: 0.6875rem !important;
	color: rgba(0,0,0, .54);
	padding-top: 5px;
}

.grid__cell__quickview table.cart__cell__item__details .grid__cell__value {
	font-size: 0.75rem !important;
	color: rgba(0,0,0, .87);
	word-break: break-word;
}

.grid__cell__quickview__img__container > a {
	margin: auto;
}

.page--shopping section.grid .row .col.image-col {
	min-width: 125px !important;
}

.page--shopping section.grid .row .col.side-col {
	padding: 0px;
	min-width: 25px !important;
	flex-direction: column;
}

.grid__cell__quickview .row {
	flex-direction: row;
	flex-shrink: 0;
}

.doc__header--dropdown__info__visibility__list .btn {
	margin: 0 6px;
}

.hidden.grid__cell {
	height: 100%;
}

.document__cell__item .grid__cell__quickview__cart__img > img {
	height: auto;
}

.card--results .grid__cell__quickview__cart__item__desc {
	padding-left: 0 !important;
}

.grid__cell__quickview .grid__cell__quickview__cart__non__catalog__desc {
	font-weight: bolder;
	padding-left: 0 !important;
}

.quick-view-middle-content_height .pl-3.w-100 {
	padding-left: 0 !important;
}

.grid__cell__quickview__footer__container .col {
	padding: 0;
}

.modal-footer .grid__cell__detailview__price {
	align-items: center;
}

.grid__cell__quickview .list__cell__content__supplierandattributes__supplier--no,
.grid__cell__quickview .list__cell__content__supplierandattributes__supplier {
	font-size: .75rem;
	word-break: break-word;
}

.grid__cell__quickview .fa-external-link-alt {
	margin-top: 5px;
	margin-right: 5px;
	color: #0275D8;
}

.grid__cell__quickview__supplier {
	max-width: 100%;
}

.grid__cell__quickview__supplier__contract__container {
	cursor: pointer;
}

.grid__cell__quickview__supplier--contracticon {
	height: 18px;
	width: 18px;
	margin-right: -4px;
	display: inline;
}

.grid__cell__quickview__supplier__contractname {
	display: none;
	font-size: 11px;
	color: black;
	margin-top: -5px;
}

.grid__cell__quickview__supplier__contractnumber {
	color: #0275d8 !important;
	font-size: 1rem;
}

.grid__cell__quickview__supplier--contracticon {
	margin-right: 4px;
}

.grid__cell__quickview__supplier .preferred-dropdown {
	max-width: 100%;
}

.grid__cell__quickview__supplier .dropdown-toggle {
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding-right: 12px;
	padding-left: 0px;
	position: relative;
}

.grid__cell__quickview__supplier .dropdown-toggle:after {
	position: absolute;
    right: 0;
    top: 13px;
}

.grid__cell__quickview__supplier--no .btn-link {
	color: #7A7A7A;
	font-weight: bold;
	font-size: 14px;
	height: 29px;
	padding-left: 0px;
	padding-top: 4px;
}

div.grid__cell__quickview__desc {
	display: block; /* Fallback for non-webkit */
	display: -webkit-box;
  	max-height: 51px;	
	height: 1.125rem*$line-height*$lines-to-show; /* Fallback for non-webkit */
	line-height: $line-height;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.grid__cell__quickview__desc__punchoutdetail {
    text-transform: capitalize;
}

.grid__cell__quickview__data {
	position: absolute;
	top: 175px;
	padding-right: 30px;
	width: 100%;
}

.grid__cell__quickview__link .grid__cell__quickview__desc {
	font-size: .75rem;
	word-break: break-word;
}

.grid__cell__quickview__cart__non__catalog__desc,
.grid__cell__quickview__cart__item__desc {
	font-size: .75rem !important;
	overflow: hidden;
}

.card--results .grid__cell__quickview__cart__item__desc,
.card--results .grid__cell__quickview__cart__non__catalog__desc {
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.col--results {
		min-height: 740px;
	}

	.card--results .card-body--grid .col .grid__cell__quickview__cart__item__desc,
	.card--results .card-body--grid .col .grid__cell__quickview__cart__non__catalog__desc {
		display: block;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		position: relative;
		line-height: 1.5;
		overflow: hidden;
		text-overflow: ellipsis;
		padding: 0 !important;
	}

	.card--results .card-body--grid .col .grid__cell__quickview__cart__item__desc:after,
	.card--results .card-body--grid .col .grid__cell__quickview__cart__non__catalog__desc:after {
		content: '';
		text-align: right;
		bottom: 0;
		right: 0;
		width: 40%;
		display: block;
		position: absolute;
		height: calc(1em * 1.2);
	}

	.card-body--grid .col .uninit.grid__cell {
		height: 100%;
	}

	.card-body--grid .col div.CartExtendedPriceMt {
		margin-top: 0px !important;
	}

	.card-body--grid .col .grid__cell__quickview__footer__container .col {
		right: 0px
	}
}

.grid__cell__quickview a {
	font-size: .6875rem;
}

.grid__cell__quickview__favorite {
	text-align: center;
}

.detailview__icons.fas.fa-heart,
.grid__cell__quickview__favorite .fas.fa-heart {
	color: #DC281E;
	font-size: 16px;
}

.grid__cell__quickview__favorite .far.fa-heart {
	color: RGBA(0,0,0,.54);
	font-size: 16px;
}

.grid__cell__quickviewstockmessage__link {
	color: #0275d8 !important;
}

.grid__cell__quickview__checkavailability > a {
	font-size: 13px !important;
	text-transform: capitalize;
	padding-right: 0;
}

.detailview__header a .fas.fa-heart {
	color: #DC281E;
	font-size: 16px;
	margin-right: 10px;
	vertical-align: bottom;
}

.detailview__header a .far.fa-heart {
	color: RGBA(0,0,0,.54);
	font-size: 16px;
	margin-right: 10px;
	vertical-align: bottom;
}

.contract__icon,
.detailview__header__contract {
	color: #6C953C !important;
	fill: #6C953C !important;
}

.detailview__header__favorite {
	color: #C43535 !important;
	cursor: pointer;
	vertical-align: top;
	margin-left: 5px;
}

.detailview__header > div > a {
	margin-left: 0px !important;
	margin-right: 5px !important;
}

.list__cell__header .grid__cell__quickview__favorite svg {
	height: 16px;
	width: 16px;
}

.favorite__icon__color {
	color: rgba(0,0,0,.54);
}

.detailview__header a img {
	height: 16px;
	margin-right: 10px;
	vertical-align: bottom;
}

.grid__cell__liveprice__price {
	display: inline;
	padding-right: .4em;
}

.grid__cell__liveprice__currency {
	display: inline;
	font-weight: bold;
	padding-right: .4em;
}

.grid__cell__detailview__price .pipe,
.grid__cell__quickview__liveprice .pipe {
	margin-left: 5px;
}

.grid__cell__quickview__liveprice .monetary-value,
.grid__cell__detailview__price .monetary-value {
	margin-left: 5px;
}

.ResultsColumnValue .grid__cell__quickview__liveprice .monetary-value,
.ResultsColumnValue .grid__cell__detailview__price .monetary-value {
	display: flex;
}

.grid__cell__detailview__price .icon-mini {
	padding-right: 0;
    margin-right: 6px;
}

.grid__cell__quickview__liveprice .monetary-value-value div {
	font-weight: 700;
}

.grid__cell__quickview .grid__cell__quickview__liveprice .monetary-value > div:nth-child(2) {
	font-weight: 700;
}

.grid__cell__quickview__liveprice > span[id^='price_'] {
	font-weight: 700;
}

.grid__cell__detailview__price div[id^='punchoutpricealt_'] i {
	color: #0275d8 !important;
}

.grid__cell__detailview__price .monetary-value > .monetary-value-value {
	display: inline;
}

.grid__cell__detailview__price .monetary-value > .monetary-value-value div {
	display: inline;
	color: rgba(0, 0, 0, .87);
	font-size: 14px;
	font-weight: normal;
}

.grid__cell__detailview__price .monetary-value > .readOnlyValue {
	display: inline;
	color: rgba(0, 0, 0, .87);
	font-size: 14px;
	font-weight: normal;
}

.grid__cell__quickview__liveprice > div[id^='priceerror_'] > svg,
.grid__cell__detailview__price > div[id^='priceerror_'] > svg {
	display: inline;
	margin-left: 5px;
	margin-bottom: -5px;
	color: #FFC100;
	fill: #FFC100;
}

.grid__cell__quickview__liveprice > div[id^='priceerror_'] > div:nth-child(2),
.grid__cell__detailview__price > div[id^='priceerror_'] > div:nth-child(2) {
	display: inline;
	margin-left: 5px;
	white-space: nowrap;
}

.grid__cell__quickview__liveprice > div[id^='priceerror_'] > div:nth-child(3),
.grid__cell__detailview__price > div[id^='priceerror_'] > div:nth-child(3) {
	display: inline;
	margin-left: 5px;
	color: rgba(0, 0, 0, .54);
}

.grid__cell__quickview__liveprice a,
.grid__cell__detailview__price a {
	display: inline;
	margin-left: 5px;
	color: #0275d8 !important;
}

table .grid__cell__detailview__price a {
	white-space: nowrap;
}

.grid__cell__quickview__liveprice img,
.grid__cell__detailview__price img {
	display:inline-block;
}

.alert-material .grid__cell__quickview {
	padding: 0;
	border: none;
	margin-top: 8px;
}

.alert-material .grid__cell__quickview__liveprice .WarningMessage {
	margin: 0;
}

.alert-material .grid__cell__quickview__liveprice .WarningMessage svg {
	display: none;
}

.grid__cell__detailview__price table td {
	border-top: none !important;
}

.grid__cell__detailview__price span[id^='price_'] .grid__cell__liveprice__price {
	margin-left: 5px;
}

.grid__cell__detailview__price span[id^='price_'] .grid__cell__liveprice__currency {
	font-weight: normal;
}

.grid__cell__detailview__nopunchoutaccess {
	color: #FFC100 !important;
}

.grid__cell__detailview__nopunchoutaccess i {
	padding-right: 5px;
}

.grid__cell__quickview__compare {
	display: flex;
	align-items: center;
}

.grid__cell__quickview__compare button {
	text-transform: uppercase;
	font-size: 0.6875rem;
	color: #0275d8;
	cursor: pointer;
}

.grid__cell__quickview__compare button:hover {
	color: #0275d8;
}

.grid__cell__quickview__compare .grid__cell__quickview__compare__remove-item {
	display: flex;
	align-items: center;
	color: #C43535 !important;
	text-transform: uppercase;
	font-size: 0.6875rem;
	padding: 1px 6px;
}

.grid__cell__quickview__compare .grid__cell__quickview__compare__remove-item svg {
	padding-left: 5px;
	fill: rgba(0, 0, 0, .5) !important;
}

.grid__cell__quickview__qty input[type=text] {
	text-align: right;
	width: 40px;
	margin: 0;
	padding-left: 2px;
	padding-right: 2px;
	top: 7px;
}

.grid__cell__quickview__form__descriptionsection {
	width: 100%;
}

.grid__cell__quickview__form__description__label {
	color: rgba(0, 0, 0, .54);
	font-size: 13px;
}

.grid__cell__quickview .grid__cell__quickview__contract__longdescription {
	margin-left: 16px;
	max-height: 86px;
	overflow-y: hidden;
	-webkit-line-clamp: 3;
}

.grid__cell__quickview .grid cell  quickview  form longdescription {
	margin-left: 16px;
	max-height: 86px;
	overflow-y: hidden;
}

.grid__cell__quickview__productflags__popovercontent {
	display: none;
}

.grid__cell__quickview__productflags__popovercontent__icon img {
	margin-top: -5px;
	margin-left: -5px;
}

.grid__cell__quickview .supplierclasses__icons-container img {
	padding: 0;
    margin-right: 2px;
	max-height: 14px !important;
	max-width: 14px !important;
}

.supplierclasses__show-link {
	display: inline-flex;
	height: 16px;
	align-items: center;
}

.grid__cell__quickview .supplierclasses__icons-container {
	display: flex;
}

.grid__cell__quickview .supplierclasses__icons-group {
	display: flex;
}

.btn.border-gray.btn-sb-filter > span.sb-filter-btn-name,
.btn.border-gray.btn-sb-filter > span.sb-filter-btn-search-value {
		color: #0275d8;
}

.grid__cell__quickview__add button,
.grid__cell__quickview__add aWW {
	background-color: #FFFFFF;
	color: #0275d8;
	border: 1px solid rgba(0, 0, 0, 0.12);
	cursor: pointer;
}

.grid__cell__quickview .dropdown-item a{
	font-size: 1rem;
	border: none;
}

.grid__cell__quickview__add i {
	padding-right: 5px;
}

.grid__cell__quickview__add .dropdown,
.grid__cell__quickview__add .dropdown .dropdown-menu {
	color: #3f6fdc;
}

.dropdown-menu.show[data-target*='address-search-autocomplete'] {
	overflow: auto;
}

.grid__cell__quickview__add .dropdown-menu .dropdown-item {
	border: none;
}

.grid__cell__quickview__add .dropdown-menu .dropdown-item:hover {
	color: #3f6fdc;
}

.grid__cell__quickview__add--form {
	border-right: 1px solid rgba(0,0,0,0.12) !important;
}

.grid__cell__quickview__add--formrequest {
	border: 1px solid rgba(0, 0, 0, 0.12);
	font-size: 14px;
}

.grid__cell__quickview__add button:not(:first-child) {
	border-left: 0;
	border-right: 1px solid rgba(0,0,0,0.12);
}

.btn-group .dropdown-toggle:not(.item__search__actions__dropdown-toggle)::after {
	display: none;
}

.grid__cell__quickview__add button.dropdown-accessibility-toggle.btn-primary:focus,
.grid__cell__quickview__add button.dropdown-toggle.btn-primary:focus,
.btn-group button.dropdown-toggle.btn-primary:focus {
	color: #007bff !important;
	background-color: #ffffff !important;
	border: 1px solid #007bff !important;
	border-left: none;
}

.doc__header--right-side.d-flex.justify-content-end .btn.btn-icon-rounded.withIcons {
	margin-left: 20px;
}

.grid__cell__quickview__add .dropdown-menu {
	padding: 0.5rem 0;
}

.dropdown-menu.preferred-from-right,
.dropdown-menu-right {
	right: auto;
	left: 0px !important;
}

.grid__cell__quickview__add .grid__cell__quickview__link:hover,
.grid__cell__quickview__add .grid__cell__quickview__link:focus {
	text-decoration: none;
}

.grid__cell__quickview__btns {
	position: absolute;
	bottom: 10px;
	right: 10px;
	width: 100%;
}
.grid__cell__quickview .grid__cell__quickview__btns input {
	max-width: 40px;
}
.grid__cell__quickview .grid__cell__quickview__btns .btn-flat {
	margin: 10px -5px 10px -10px;
	padding: 8px 10px;
}
.grid__cell__quickview__footer__container {
	margin-top: auto !important;
}
.btnSpinner {
	position: absolute;
	right: 50px
}
body.page--material #toast-container>div {
	opacity: 1;
}

.quick-view-middle-content_height .product-flags {
	min-height: 25px;
}

.quick-view-content-actions-align-bottom {
	bottom: 0;
}

.quick-view-content-actions-align-bottom .quick-view-content-actions-align-bottom_grid {
	flex-wrap: wrap;
}


.list__cell {
	position: relative;
	display: block;
	height: 100%;
	font-size: 13px;
}

.list__cell__header {
	background-color: #f0f0f0;
}

.list__cell__header .fas.fa-external-link-alt {
	margin-left: 13px;
	margin-top: 12px;
}

.list__cell__header__title {
	font-size: 13px;
	font-weight: bold;
	display: block; /* Fallback for non-webkit */
	display: -webkit-box;
	height: 0.8125rem*$line-height*$lines-to-show; /* Fallback for non-webkit */
	line-height: $line-height;
	-webkit-box-orient: vertical;
	overflow: hidden;
	white-space: normal !important;
	margin: 10px;
}

.grid__cell__header__title {
	font-size: 12px;
	font-weight: normal;
	display: block; /* Fallback for non-webkit */
	display: -webkit-box;
	max-height: 26px;	 
	height: 0.8125rem*$line-height*$lines-to-show; /* Fallback for non-webkit */
	line-height: $line-height;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.grid__cell__quickview .grid_span_text {
	font-size:12px;
	font-weight: normal;
	color: rgba(0,0,0,.54);
	padding-right: 2px;
}

.tier_row_height {
	height: 18px;
}

.grid__cell__quickview .grid__cell__quickview__add button.btn-flat {
	font-size: 0.6875rem;
}

.grid__cell_detailview__productavailability__checkavailability .btn-flat,
.grid__cell__quickview__add .btn-flat {
	padding-left: 5px;
	padding-right: 5px;
}

.list__cell__header__producttype,
.list__cell__header__productflags,
.list__cell__header__formtype {
	padding: 7px;
	background-color: white;
	margin-top: 6px;
	min-width: 40px;
	max-height: 25px;
}

.list__cell__content__group-a {
	width: 100%;
}

.list__cell__content__supplierandattributes__supplier__classes {
	background-color: white;
	margin-top: 3px;
	margin-left: 10px;
	min-width: 40px;
	max-height: 25px;
}

.list__cell__content__supplierandattributes__supplier__classes .supplierclasses__icons-group--overflow {
	background-color: white;
	margin-top: 4px;
	min-width: 40px;
	max-height: 25px;
}

.list__cell__header__producttype .supplierclasses__icons-container,
.list__cell__header__productflags .supplierclasses__icons-container,
.list__cell__header__formtype .supplierclasses__icons-container,
.list__cell__content__supplierandattributes__supplier__classes .supplierclasses__icons-container {
	margin-top: -4px;
	display: -ms-flexbox !important;
	display: flex !important;
	white-space: nowrap;
}

.list__cell__content__supplierandattributes__supplier__classes .supplierclasses__icons-container img {
	padding: 0px !important;
	margin-right: 5px;
}

.list__cell__header__productflags .supplierclasses__icons-container img {
	padding: 0px !important;
	margin-right: 2px;
}

.list__cell__header__productflags .supplierclasses__icons-container span:first-of-type > img {
	margin-left: 2px;
}

.list__cell__header__productflags__popovercontent {
	display: none;
}

.list__cell__header__formtype__popovercontent {
	display: none;
}

.list__cell__content__supplierandattributes__supplier__classes__popovercontent {
	display: none;
}

.list__cell__header__productflags__popovercontent__icon img,
.list__cell__header__formtype__popovercontent__icon img,
.list__cell__content__supplierandattributes__supplier__classes__popovercontent__icon img {
	margin-top: -5px;
	margin-left: -5px;
}

.list__cell__header__contractandfavorite {
	padding: 5px;
	background-color: white;
	margin-top: 6px;
	min-width: 40px;
	max-height: 25px;	
    align-items: center;	
}

.cell__header__contractandfavorite__contract {
	margin-top: -3px;
}

.list__cell__header__contractandfavorite .grid__cell__quickview__favorite {
	margin-top: -2px;
}

.list__cell__header__contractandfavorite .grid__cell__quickview__favorite img {
	height: 16px;
	width: auto;
	margin-top: 2px;
}

.cell__header__contractandfavorite__contract_popovercontent {
	display: none;
}

.list__cell__content {
	min-height: 90px;
	overflow-y: visible;
}

.list__cell__content__img {
	height: 50px;
	min-width: 50px;
	margin: 10px;
}

.list__cell__content__img img {
	max-height: 50px;
	max-width: 50px;
}

.list__cell__content__supplierandattributes {
	margin-top: 10px;
	margin-left: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	width: 100%;
}

.list__cell__content__supplierandattributes__supplier--no {
	color: #7A7A7A !important;
	font-weight: bold;
}

.list__cell__content__supplierandattributes__supplier__classes .list__cell__content__supplierandattributes__supplier__classes__ellipsis {
	margin-left: 5px;
}

.list__cell__content__supplierandattributes .grid__cell__quickview__form__description {
	margin-right: 10px;
}

.list__cell__content__supplierandattributes__attributes--onecolumn,
.list__cell__content__supplierandattributes__attributes--twocolumns {
	max-width: 750px;
	margin-top: 2px;
}

.list__cell__content__supplierandattributes__attributes--onecolumn > div > table {
	width: 100%;
}

.list__cell__content__supplierandattributes__attributes tr td:first-child {
	color: rgba(0, 0, 0, .54);
}

.list__cell__content__supplierandattributes__attributes td {
	font-size: 13px;
	font-weight: normal;
	border: none;
	padding-right: 18px;
	vertical-align: top;
}

.list__cell__content__debuginfo__attributes table {
	table-layout: fixed;
	overflow-wrap: break-word;
	border-collapse: separate;
	border-spacing: 2px;
}

@media only screen and (max-width: 767px) {
	.list__cell__content__supplierandattributes__attributes--onecolumn {
		display: flex;
	}

	.list__cell__content__supplierandattributes__attributes--twocolumns {
		display: none;
	}
}

@media only screen and (min-width: 768px) {
	.list__cell__content__supplierandattributes__attributes--onecolumn {
		display: none;
	}

	.list__cell__content__supplierandattributes__attributes--twocolumns {
		display: flex;
	}
}

.list__cell__content__pricequantityaddtocartandcompare {
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.list__cell__content__pricequantityaddtocartandcompare .grid__cell__quickview__shipping {
	width: max-content;
}

.list__cell__content__pricequantityaddtocartandcompare .grid__cell__quickview__price .monetary-value,
.list__cell__content__pricequantityaddtocartandcompare .grid__cell__quickview__liveprice .monetary-value {
	display: -ms-flexbox !important;
	display: flex !important;
}

.list__cell__content__pricequantityaddtocartandcompare .grid__cell__quickview__liveprice .monetary-value .readOnlyValue {
	font-weight: 700;
}

.list__cell__content__pricequantityaddtocartandcompare .grid__cell__quickview__liveprice .monetary-value img {
	width: 17px;
	height: 11px;
	margin-top: 6px;
}

.list__cell__content__pricequantityaddtocartandcompare .grid__cell__quickview__liveprice .grid__cell__liveprice__price {
	font-weight: bold;
}

.list__cell__content__pricequantityaddtocartandcompare .grid__cell__quickview__liveprice .grid__cell__liveprice__currency {
	color: rgba(0, 0, 0, .54);
}

.list__cell__content__pricequantityaddtocartandcompare .grid__cell__quickview__liveprice div[id^='pricewait_'] {
	width: 150px;
	font-size: 11px;
}

.list__cell__content__pricequantityaddtocartandcompare .grid__cell__quickview__liveprice div[id^='priceerror_'] {
	font-size: 11px;
}

.list__cell__content__pricequantityaddtocartandcompare .grid__cell__quickview__liveprice div[id^='priceerror_'] i {
	margin-top: 2px;
}

.list__cell__content__pricequantityaddtocartandcompare .grid__cell__quickview__liveprice > div[id^='punchoutpricealt_'] {
	font-size: 11px;
	height: 21px;
}

.list__cell__content__pricequantityaddtocartandcompare .grid__cell__quickview__liveprice > div[id^='punchoutpricealt_'] i {
	color: #0275d8 !important;
}

.list__cell__content__pricequantityaddtocartandcompare--punchoutprice .grid__cell__quickview__liveprice {
	width: 168px;
	font-size: 11px;
}

.list__cell__content__pricequantityaddtocartandcompare--punchoutprice .grid__cell__quickview__liveprice .monetary-value {
	display: -ms-flexbox !important;
	display: flex !important;
	-ms-flex-pack: end !important;
	justify-content: flex-end !important;
	font-size: 14px;
}

.list__cell__content__pricequantityaddtocartandcompare--punchoutprice .grid__cell__quickview__liveprice .monetary-value img {
	width: 16px;
	height: 16px;
	margin-top: 3px;
}

.list__cell__content__pricequantityaddtocartandcompare--punchoutprice .grid__cell__quickview__liveprice > div[id^='priceerror_'] {
	margin-top: -2px;
}

.list__cell__content__pricequantityaddtocartandcompare--punchoutprice .grid__cell__quickview__liveprice > div[id^='priceerror_'] a {
	font-size: 11px;
}

.list__cell__content__pricequantityaddtocartandcompare--punchoutprice__price {
	font-size: 14px;
	font-weight: 700;
	padding-right: .4em;
}

.list__cell__content__pricequantityaddtocartandcompare--punchoutprice__currency {
	color: rgba(0, 0, 0, .54);
	font-size: 14px;
	font-weight: bold;
}

.list__cell__content__pricequantityaddtocartandcompare--punchoutprice__image {
	width: 16px;
	height: 16px;
	margin-top: 3px;
	margin-left: 4px;
}

.list__cell__content__pricequantityaddtocartandcompare--punchoutprice__noaccessmessage {
	font-size: 11px;
}

.list__cell__content__pricequantityaddtocartandcompare--punchoutprice__noaccessmessage i {
	margin-top: 3px;
}

.list__cell__content__pricequantityaddtocartandcompare--punchoutprice__noaccessmessage div {
	width: 107px;
}

.list__cell__content__pricequantityaddtocartandcompare .grid__cell__quickview__qty {
	margin-right: 5px;
}

.list__cell__content__pricequantityaddtocartandcompare .grid__cell__quickview__qty input {
	text-align: right;
	font-size: 11px;
	min-width: 40px;
	max-width: 40px;
	top: 5px;
}

.list__cell__content__pricequantityaddtocartandcompare .grid__cell__quickview__add {
	margin-left: 0px;
}

.list__cell__content__pricequantityaddtocartandcompare .grid__cell__quickview__add button:not(.dropdown-toggle),
.list__cell__content__pricequantityaddtocartandcompare .quick-view-content-actions-align-bottom:not(.list__cell__content__pricequantityaddtocartandcompare__formrequest) .grid__cell__quickview__add a.btn {
	font-size: 11px;
	min-width: 116px;
}

.list__cell__content__pricequantityaddtocartandcompare .quick-view-content-actions-align-bottom:not(.list__cell__content__pricequantityaddtocartandcompare__formrequest) .grid__cell__quickview__add a.btn.withIcons {
	height: auto;
}

.list__cell__content__pricequantityaddtocartandcompare .grid__cell__quickview__add button[id^='OrderfromSupplier'] {
	width: 170px;
}

.list__cell__content__pricequantityaddtocartandcompare__formrequest .grid__cell__quickview__add a.btn {
	font-size: 11px;
	width: 133px;
}

.list__cell__content__pricequantityaddtocartandcompare .grid__cell__quickview__compare button,
.list__cell__content__pricequantityaddtocartandcompare .grid__cell__quickview__compare a {
	margin-left: auto;
	padding: 0px;
	height: 21px;
}

.list__cell__content__pricequantityaddtocartandcompare .grid__cell__quickview__compare__span {
	padding-top: 2px;
}

.list__cell__content__pricequantityaddtocartandcompare .grid__cell__quickview__checkavailability a {
	font-size: 11px !important;
}

.list__cell__content__pricequantityaddtocartandcompare .grid__cell__quickview__checkavailability {
	height: 21px;
}

.list__cell__content__pricequantityaddtocartandcompare .stockstatuslink {
	height: 21px;
}

.list__cell__content__pricequantityaddtocartandcompare .stockstatuslink a {
	font-size: 11px !important;
}

.grid__cell__quickview__qty {
    position: relative;
	width: max-content;
}

.grid__cell__quickview__qty input {
	height: 31px;
	margin-left: 8px !important;
}

.grid__cell__quickview__qty label {
	font-size: 0.6875rem;
	color: rgba(0,0,0, .54);
	margin: 0;
}

.grid__cell__quickview__qty .btnSpinner {
    right: 32px;
}

.list__cell__content__pricequantityaddtocartandcompare .grid__cell__quickview__qty label {
	font-size: 13px;
}


.modal .grid__cell__quickview__qty input {
	height: 40px;
	width: 56px;
}

.detailview-container {
	width: 100%;
	display: flex;
    flex-direction: column;
}

.detailview-container .detailview__block__supplierclasses {
	margin-top: 0;
	line-height: 15px;
}

.detailview__block__desc {
	overflow: hidden;
	margin-bottom: 25px;
}

.grid__cell_detailview_longdescription {
	color: #000;
	font-size: 14px;
	padding-top: 20px;
	overflow: hidden;
}

.grid__cell_detailview_longdescription ul {
	padding-left: 40px !important;
}

.grid__cell_detailview_longdescription ul li:before {
	content: '' !important;
}

.detailview__header {
	position: relative;
	height: 42px;
  	background: #9c9c9c;
}

.detailview__header .btn {
	margin-top: 5px;
    padding-bottom: 8px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 8px;
}

.detailview__block {
  	padding: 15px;
}

.detailview__block__img {
	min-width: 250px;
	min-height: 250px;
}

.detailview__right__container {
	margin-right: 15px;
}

.detailview__left-sidebar-container {
	border-radius: 5px;
	background-color: #f2f2f2;
}

.detailview__left-sidebar-container .d-flex .p-1 {
	padding: 0 .25rem 0 .25rem !important;
}

.detailview__block__img img {
	max-width: 250px !important;
	width: 250px;
	height: auto;
}

.detailview__block__img [id*="progress"] {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 120px;
	left: 120px;
}

.detailview__block__img > div > div:first-child img {
	width: auto !important;
}

.detailview__block__supplier {
	padding-bottom: 8px;
}

.detailview__block__supplierclasses {
	margin-top: 14px;
}
.detailview__block__supplierclasses img {
	padding-right: 5px;
}
.detailview__block__supplierclasses__popovercontent {
	display: none;
}
.detailview__block__supplierclasses__popovercontent__icon img {
	margin-top: -5px;
	margin-left: -5px;
}

.detailview__block__price-notes {
	padding-left: 14px;
}
.detailview__block__params,
.detailview__block__params.row {
	margin-left: 0;
	margin-top: 16px;
}
.detailview__block__params td {
	border: none;
	font-size: 14px;
	font-weight: normal;
	vertical-align: top;
}
.detailview__block__params tr > td:nth-child(1) {
	color: #666;
}
.detailview__block__params tr > td:nth-child(2) {
	color: #000000;
	padding-left: 5px;
}
.detailview__block__params__level2 i {
	padding-right: 5px;
}
.detailview__block__params__level2 div {
	color: #FFC100;
}
.detailview__block__params__level2 a {
	width: auto;
	background-color: #FFFFFF;
	color: #0275d8;
	border-color: #C7C7C7;
	border-width: 1px;
	border: 1px solid rgba(0, 0, 0, 0.12);
}
.detailview__block__btns input {
	width: 90px;
	margin-right: 15px;
}
.detailview__block__btns .btn-flat {
	padding: 8px 10px;
	margin-bottom: 10px;
}

.detail-view-price-action-align-bottom-right {
	flex-grow: 1;
    align-items: flex-end;
}

.detail-view__product-flags__row {
	display: inline;
}

.detail-view__product-flags__row__icon {
	display: inline;
	padding: 0px;
}

.detail-view__product-flags__row__text {
	display: inline;
	padding-left: 5px;
	padding-right: 0px
}

.detail-view__product-details {
	margin-bottom: 1rem !important;
}

.detail-view__product-details__item {
	border-bottom: 1px solid #e9ecef;
}

.detail-view__product-details__item .row {
	height: 100%;
}

.detail-view__product-details__additional-details__image img {
	max-width: 150px;
	max-height: 150px;
}

.detailview__block__ordering__instruction {
	padding-top: 10px;
	font-size: 14px;
	font-weight: bold;
	color: rgba(0, 0, 0, .87);
}

.grid__cell__detailview__instructions {
	font-size: 14px;
	padding-top: 5px;
	color: rgba(0, 0, 0, .87);
}

.grid__cell_detailview__productavailability__checkavailability__shiptocode--label {
	font-size: 13px;
	height: 100%;
	margin-top: 8px;
	color: rgba(0, 0, 0, .54);
	display: flex;
	justify-content: flex-end;
}

.grid__cell_detailview__productavailability__checkavailability__shiptocode--input {
	font-size: 13px !important;
	margin-left: 10px;
	width: 75px !important;
}

.grid__cell_detailview__productavailability__checkavailability > #ProdSearchResults_CheckAvailabilityAltText {
	border: 1px solid rgba(0, 0, 0, 0.12);
	font-size: 11px;
	width: 150px;
	margin-left: 15px;
	margin-top: 2px;
}

.grid__cell_detailview__productavailability__checkavailability > #ProdSearchResults_CheckAvailabilityAltText.disabled {
	color: rgba(0, 0, 0, .37);
}

#ProcessingRequest {
	display: none;
}

#ProcessingRequest > div {
	font-size: 13px;
	color: rgba(0, 0, 0, .54);
}

#ProcessingRequest > div > img {
	margin-top: -4px;
}

.grid__cell_detailview__productavailability__content {
	margin: 0px !important;
	padding: 0px !important;
	background-color: #ffffff;
}

.grid__cell_detailview__productavailability__content .container-fluid {
	padding: 0px !important;
}

.grid__cell_detailview__productavailability__content .container-fluid table td {
	border-bottom: 1px solid #e9ecef;
	border-top: none;
}



.grid__cell--collapsed .arrow--up {
	height: 0;
	width: 100%;
}

.grid__cell--expanded .arrow--up {
	border-bottom: 15px solid #9c9c9c; /*#222*/
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	height: 0;
	width: 0;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto 0; 
	bottom: 0;
}


.grid__spinner {
	display: none;
	width: 100%;
	position: absolute;
	bottom: 25px;
	opacity: .8;
}
.grid--with-spinner {
	padding-bottom: 164px;
}

.expand__close {
	position: absolute;
	right: 0px;
	top: -5px;
	color: #434343;
	opacity: 1;
	font-size: 3rem;
	font-weight: bold;
	line-height: 50px;
	padding: 0 10px;
	outline: 0;
}

.expand__close:hover, .expand__close:focus {
  color: #fff;
}
.expand__close:focus {
	color: #fafafa;
   
}

.image--large {
  max-width: 100%;
  height: auto;
  display: block;
  padding: 40px;
  margin: 0 auto;
  box-sizing: border-box;
}


.btn--filters i {
  font-size: 1.25rem
}

.results--container--hidden-filters {
	padding-left: 0 !important;
	width: 100% !important;
}

@media only screen and (min-width: 992px) {
  	.doc__header--right-side .btn--filters {
  		display: none;
	}
}

@media only screen and (max-width: 992px) {
  	.filters-header, #showShoppingFilterButtonSidebar {
  		display: none !important;
	}
}

.btn--filters--none {
	display: none !important;
}

#showShoppingFilterButtonSidebar {
	position: sticky !important;
	padding-left: 15px;
	align-self: flex-start !important;
	margin-top: -1px;
}

#hideShoppingFilterButtonSidebar {
	right: 10px !important;
	padding-top: 1px;
}

.col--filters {
	margin-bottom: 25px;
}

.col--filters--fixed {
	top: -16px !important;
}

.page--document.page--material::-webkit-scrollbar,
.page--document.page--material *::-webkit-scrollbar,
.page--shopping.page--material::-webkit-scrollbar,
.page--shopping.page--material *::-webkit-scrollbar {
	width: 10px;
	height: 10px;
	background-color: #F5F5F5;
}

.page--document.page--material::-webkit-scrollbar-thumb,
.page--document.page--material *::-webkit-scrollbar-thumb,
.page--shopping.page--material::-webkit-scrollbar-thumb,
.page--shopping.page--material *::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
	background-color: rgba(0, 0, 0, .37);
}

.list-group-filters {
	visibility: visible;
}

.modal-body #filterContent .scrollbox {
	box-shadow: none;
}

#filterContent .list-group-item {
	overflow:hidden;
	padding-bottom: 0;
}

#filterContent .list-group-item__icon-popover {
	padding-right: 5px;
	color: rgba(0, 0, 0, .37);
}

#filterContent .filterRecord.border-solid-top {
	margin-top: 10px;
	padding-bottom: 10px;
}

.popover--ie_workaround {
	width: 222px;
}

.filter-options-section {
	width: 100%;
	padding-right: 17px;
}

.filter-options-section.maxheight {
	max-height: none !important;
}

/*
.d-block .filter-options-section {
	max-height: 200px !important;
}

.filter-options-section:hover{
	overflow-y:auto;
	padding-right: 0px;
}

.filter-options-section.no-scroll:hover {
	overflow-y: hidden;
	padding-right: 15px;
}

#filterModal .filter-options-section.no-scroll:hover {
	overflow-y: auto;
}

.filter-options-section.scrolled{
	overflow-y:auto;
}

.filter-options-section.scrolled:hover {
	padding-right: 15px;
}
*/

.filter-options-section > fieldset > div > label > span > img {
	padding-right: 5px;
	height: 14px;
	margin-top: -4px;
	max-width: none !important;
	max-height: none !important;
	opacity: 1 !important;
}

.filter-options-section .supplierclasses__icons-container div img {
	padding-right: 5px;
	height: 14px;
	max-width: none !important;
	max-height: none !important;
	opacity: 1 !important;
}

.filter-options-section__icons {
	display: none;
}

.filter-options-section__icons__icon img {
	margin-top: -5px;
	margin-left: -5px;
	opacity: 1 !important;
	max-width: unset !important;
	max-height: unset !important;
	height: 14px;
	vertical-align: middle !important;
}

.filter-options-section > a,
.filter-options-section span > a {
	font-size: 13px;
	font-weight: 400;
}

.col--filters .list-group.list-group-filters {
	display: block;
}

.list-group.list-group-filters .list-group-item > a > span {
	color: rgba(0, 0, 0, .87)!important;
	align-self: center;
}

.list-group.list-group-filters .list-group-item > a .halflings-chevron-right {
	margin-top: 3px;
}


.list-group-filters .form-group {
	margin-bottom: 5px;
}
.list-group-filters [type="checkbox"] + label {
	padding-left: 27px;
	height: 10px;
	line-height: 22px;
}
.list-group-filters [type="checkbox"] + label:before {
	width: 16px;
	height: 16px;
}
.list-group-filters [type="checkbox"]:checked + label:before {
	width: 12px;
	height: 20px;
	top: -6px;
}
	


	a.list-group-filters__title {
		outline: none;
	}


a.list-group-filters__title:focus-visible {
	outline: 2px solid #000000;
}

a.list-group-filters__title > svg {
	width: 16px;
	height: 16px;
}

#filterContent .list-group-filters__title {
	padding-bottom: 0.75rem;
}

.filter-options-section .supplierclasses__icons-container {
	display: inline-block;
}

.filter-options-section .supplierclasses__icons-container div {
	display: inline-flex;
}

.filter-options-section__icons__container .supplierclasses__show-link {
	font-size: 1rem;
	padding-right: 5px;
}

#filterContent .chip {
	border-radius: unset;
	margin-bottom: 0px;
	box-shadow: none;
    margin-left: -13px;
	background-color: #FFFFFF;
}

#filterContent .chip .list-group-item--selected__label {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block !important;
	font-size: 13px;
	font-weight: 400;
	color: #000;
}

#filterContent .chip .list-group-item--selected__remove {
	cursor: pointer;
	float: right;
	font-size: 16px;
	line-height: 39px;
	padding-left: 2px;
	padding-right: 6px;
	transition: all 0.1s linear;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	opacity: .5;
}

#filterContent #your-selections {
	display: none;
}

#filterContent .SearchFilterRow svg,
#filterContent .showMultiFilters svg {
	width: 12px;
	height: 12px;
	margin-bottom: -2px;
	margin-left: 3px;
}

.showMultiFilters {
	color: #3769db !important;
}

#filterModal .modal-header button {
	float: right;
}

.modal-content {
	width: 100%;
}

.smallScreenFilters .list-group {
	position: inherit;
}


.product-details--container table tr:first-child td {
	border-top: none;
}

.product-details--container table tbody tr td:first-child {
	background-color: #F2F2F2;
}

.virtual-contract-items--container {
	border-top: 1px dotted rgba(0, 0, 0, .18);
}

.virtual-contract-items--container table th {
	border-top: none;
}


.detailview__block .grid__cell__quickview__add button {
	width: auto;
}



@media (max-width: 340px) {
	.grid__cell .grid__cell__quickview .quick-view-content-actions-align-bottom {
		margin-left: -30px;
	}
}

@media (max-width: 525px) {
	.card--results > .card-header .doc__header--search-view-toggle {
		right: 0px;
	}
}

@media only screen and (max-width: 991px) {
	.grid__cell {
		width: 100%;
	}

	.filter-options-section {
		overflow-y:auto;
	}

	.search_bar {
		padding-left: 35px;
		padding-right: 35px;
	}

	.search_bar .card {
		margin-bottom: 10px;
	}

	.compareItems,
	.filters {
		margin-bottom: 5px;
		margin-top: 10px;
	}

	.compareItems {
		margin-right: 38px;
	}
}

.search_bar {
	padding-top: 20px;
	padding-bottom: 20px;
}

.search_bar .card {
	margin-bottom: 0!important;
}

form[name="ProductSearch"] .card {
	-webkit-box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.16), 0 2px 15px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.16), 0 2px 15px 0 rgba(0, 0, 0, 0.12);
}

.widget-content .search_bar {
	padding: 15px;
}

@media only screen and (min-width: 992px) {
	.grid__cell:nth-of-type(2n+3) {
		clear:left;
	}

	.col--filters {
		display: none;
	}
}

@media (max-width: 767px) {
	.compareItems .dropdown-menu {
		max-width: 500px;
		min-width: 500px;
		right: auto;
	}

	.block-on-small {
		display: block !important;
	}

	.detailview__block__img {
		margin-right: 0;
		margin-bottom: 16px;
	}

	.detail-view-price-action-align-bottom-right {
		display: inline-block !important;
		margin-top: 8px;
		position: initial;
    }

   .dropdown-menu .dropdown-item .item__search__details__attributes {
		flex-direction: column;
	}

	.dropdown-menu .dropdown-item .item__search__details__attributes .item__search__details__attribute__label {
		width: 100px;
	}

	.material-autocomplete .dropdown-menu .dropdown-item {
		position: relative;
	}

	.material-autocomplete .dropdown-menu .dropdown-item .item__search__unit-price {
		position: absolute;
		top: 40px;
		right: 15px;
		text-align: right;
	}

	.dropdown-menu .dropdown-item .item__search__quantity {
		margin-left: auto;
	}

	.card-body--search .dropdown-menu .item__search__img {
		display: none;
	}
}

@media (max-width: 575px) {
	.card-body--search .dropdown-menu {
		width: 100%;
	}

	#ShopAdvancedInputForm_Id .advanced-search__footer {
		display: block !important;
	}

	#ShopAdvancedInputForm_Id .advanced-search__footer button {
		padding: 0.85rem 2.13rem;
		width: 100%;
		margin: 6px 0;
	}

	.grid__cell__quickview__compare {
		display: none;
	}

	.compareItems {
		display: none;
	}

	.grid__cell__quickview .grid__cell__quickview__add {
		min-width: 156px;
	}

	.grid__cell__quickview .grid__cell__quickview__add--formrequest {
		min-width: 165px;
	}

	.dropdown-menu.dropdown-menu--non-catalog .dropdown-item .item__search__img {
		display: none !important;
	}

	.dropdown-menu .dropdown-header {
		flex-direction: column-reverse;
	}

	.dropdown-menu .dropdown-header > * {
		white-space: normal;
	}

	.dropdown-menu.dropdown-menu--non-catalog .button-close {
		text-align: right;
	}

	.dropdown-menu.dropdown-menu--non-catalog .dropdown-item {
		flex-direction: column;
	}

	.dropdown-menu.dropdown-menu--non-catalog .item__search__details {
		width: 100%;
	}
}

@media (min-width: 768px) {
	.compareItems .dropdown-menu {
		max-width: 600px;
		min-width: 600px;
		right: auto;
	}
}

@media (min-width: 992px) {
	.compareItems .dropdown-menu {
		max-width: 700px;
		min-width: 700px;
		right: auto;
	}

	.detailview__block .grid__cell__quickview__price {
		padding-left: 15px;
	}
}

@media (min-width: 1200px) {
	.compareItems .dropdown-menu {
		max-width: 800px;
		min-width: 800px;
		right: auto;
	}
}

.counter-character-remaining {
	font-size: .6875rem !important;
	color: rgba(0, 0, 0, .54)!important;
}

.header-notes {
	font-size: .8125rem;
	color: rgba(0, 0, 0, .87)!important;
}


.location--container table th {
	border-top: none;
}

.location--container table td a.btn {
	border: 1px solid rgba(0, 0, 0, 0.12);
	white-space: nowrap !important;
	font-size: .6875rem;
	color: #0275d8;
	min-height: 13px;
    width: auto;
}

.location--container table td a.btn:hover{
	color: #0056b3;
}

.location--container table tr td {
	vertical-align: middle;
}

.location--container table tr td:last-child form,
.location--container table tr td:last-child > div {
	display: flex;
	align-items: center;
}

.location--container table tr td input[type=text] {
	font-size:.875rem;
	min-width: 56px;
	max-width: 56px;
	margin-left: 8px;
	margin-right: 10px;
	display: inline-block;
	padding: 0 2px;
    text-align: right;
}


#ShopAdvancedInputForm_Id {
	z-index: 2;
}

.card_without_shadow #ShopAdvancedInputForm_Id {
	box-shadow: none;
	margin-bottom: -20px;
}
.card_without_shadow #ShopAtTop_panel {
	margin-bottom: -15px;
}

.widget-content form[name="ShopAdvancedInputForm"] {
	border-top: 2px solid rgba(0, 0, 0, .18);
}
.card_without_shadow #ShopAdvancedInputForm_container .title-bar {
	color: rgba(0, 0, 0, .87);
}

#CommodityCode_SearchInput_taglist .k-button > span {
    word-break: break-word;
}

@media (min-width: 576px) {
	#ShopAdvancedInputForm_container .col-sm-6.md-form-group {
		flex: 0 0 50% !important;
		max-width: 50% !important;
	}
}

#ShopAdvancedInputForm_Id .control-label {
	text-align: left;
	align-self: center;
}

#ShopAdvancedInputForm_Id .title-bar h2{
	font-size: 0.875rem;
	font-weight: bold;
    padding: 8px 0;
    margin: 8px 0;
    border-bottom: 1px dotted rgba(0, 0, 0, .18);
    color: rgba(0, 0, 0, .87);
    display: flex;
    justify-content: space-between;
}

#ShopAdvancedInputForm_Id .title-bar .header-elements {
	float: right;
}

#ShopAdvancedInputForm_Id .search-input-element {
	display: flex;
}

#ShopAdvancedInputForm_Id .advanced-search__footer {
	text-align: right;
	border-top: 1px solid rgba(0, 0, 0, .18);
	display: flex;
	justify-content: flex-end;
}

#ShopAdvancedInputForm_Id .advanced-search__footer button {
	font-weight: bold;
	margin: 6px;
	min-width: 80px;
	height: 30px;
}

#ShopAdvancedInputForm_Id .ShopAdvancedInputForm_group {
	margin-top: 30px;
}

#SizeAmount {
	width: auto;
}

.flex-grow-1 {
	flex-grow: 1;
}

.search-header__container {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	white-space: nowrap;
}

#shoppingLinks .group-left a {
    padding: 6px 22px;
    text-decoration: none;
    position: relative;
    display: block;
	height: auto;
}

#shoppingLinks .group-left a:not(:first-child):not(:last-child) {
	border-radius: 0;
}

#shoppingLinks .group-left a.active::after {
	content: none !important;
}

#shoppingLinks #advancedSearchLink[data-state="selected"]::after {
	content: '';
	width: .5rem;
	height: .5rem;
	border-radius: 50%;
	position: absolute;
	right: 7px;
	top: 11px;
}

#shoppingLinks #advancedSearchLink[data-state="selected"]::after {
	background-color: #9eadc1;
}

.material-sub-section__header {
	border-bottom-color: rgba(0, 0, 0, 0.18);
	border-bottom-style: solid;
	border-bottom-width: 2px;
	color: rgba(0,0,0,0.87);
	flex-wrap: wrap;
	font-size: 15px;
	font-weight: 400;
	height: 30px;
	display: flex;
}

.material-sub-section__header .btn-group,
.material-sub-section__header .btn {
	margin-left: auto;
	margin-right: 0px;
}

.material-sub-section__header .btn-group {
	margin-top: -7px;
}

.material-sub-section__header .btn {
	margin-top: -10px;
}

.material-sub-section .material-sub-section__body .md-form .textAreaWrapper .ui-wrapper {
	min-height: 45px;
	max-height: 294px;
}

.material-sub-section .material-sub-section__body .md-form span,
.material-sub-section .material-sub-section__body .md-form input,
.material-sub-section .material-sub-section__body .md-form textarea {
	font-size: 13px;
}

.material-sub-section .material-sub-section__body .md-form textarea {
	resize: vertical;
	min-height: 25px;
	max-height: 275px;
	margin-top: 2px;
}

.material-sub-section .material-sub-section__body .md-form input {
	margin-top: 0px;
}

.material-sub-section .material-sub-section__body .md-form input[name$="_ParamQty"] {
	max-width: 150px;
}

#Favorites_Material_AddFavorite_Step3.material-sub-section .material-sub-section__header .dropdown-menu {
	transform: translate3d(-122px, 35px, 0px) !important;
}

#Favorites_Material_AddFavorite_Step3.material-sub-section .material-sub-section__header .dropdown-menu.fix-IE-dropdown {
	max-height: none !important;
}

#mainFavoritesTree > ul > li > div {
	display: flex;
	border-bottom: 1px dotted rgba(0, 0, 0, .18);
	cursor: pointer;
}

#mainFavoritesTree span {
	font-size: 13px;
}

#mainFavoritesTree > ul > li > div > span:nth-child(2) {
	box-shadow: none !important;
}

#mainFavoritesTree > ul > li > div > span:nth-child(3) {
	margin-left: auto;
	margin-right: 5px;
	color: rgba(0, 0, 0, .87);
}

#mainFavoritesTree > ul > li > ul span.k-state-selected {
	background-color: rgb(2, 117, 216);
	color: #ffffff;
	padding: 1px .3333em 1px .25em;
	border-radius: 2px;
}

#mainFavoritesTree > ul > li > ul span.k-state-focused {
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .25);
}

form[name='FavoritesFolderCreateEditForm'] .alert.alert-info {
	white-space: -moz-pre-wrap !important;
	white-space: -webkit-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	white-space: pre-wrap;
	word-wrap: break-word;
	word-break: break-all;
	white-space: normal;
	background-color: #3F6FDC;
	color: #FFFFFF;
	font-size: 13px;
}

form[name='FavoritesFolderCreateEditForm'] .md-form span,
form[name='FavoritesFolderCreateEditForm'] .md-form input,
form[name='FavoritesFolderCreateEditForm'] .md-form textarea {
	font-size: 13px;
}

form[name='FavoritesFolderCreateEditForm'] .md-form input {
	margin-top: 0px;
}

form[name='FavoritesFolderCreateEditForm'] div.control-group-required .halflings-star,
#Favorites_Material_AddFavorite_Step1 div.control-group-required .halflings-star {
	color: rgb(119, 119, 119);
	font-size: 9px;
}

form[name='FavoritesFolderCreateEditForm'] .md-form .ErrorBox {
	padding-left: 15px;
}

form[name='FavoritesFolderCreateEditForm'] .md-form .ErrorBox .halflings-remove-sign {
	padding-right: 5px;
}

#Favorites_Folder_Access.material-sub-section .material-sub-section__body > div.row:nth-child(1) {
	height: 19px;
	margin-top: 15px;
}

#Favorites_Folder_Access.material-sub-section .material-sub-section__body > div.row:nth-child(1) .form-group {
	margin-left: 25px;
}

#Favorites_Folder_Access.material-sub-section .material-sub-section__body > .row > div {
	padding: 0px;
	font-size: 13px;
	display: flex;
}

#Favorites_Folder_Access.material-sub-section .material-sub-section__body > .row span {
	font-size: 13px;
}

#Favorites_Folder_Access.material-sub-section .material-sub-section__body > .row label.checkbox > label {
	margin: 0px;
	width: 18px;
	height: 18px;
	top: 3px;
	left: 8px;
}

#Favorites_Folder_Access.material-sub-section #Favorites_AddBusinessUnit {
	margin-top: 22px;
}

#Favorites_Folder_Access.material-sub-section #Favorites_AddDepartment,
#Favorites_Folder_Access.material-sub-section #Favorites_AddRole,
#Favorites_Folder_Access.material-sub-section #Favorites_AddUser {
	margin-top: 12px;
}

#Favorites_Folder_Access.material-sub-section #Favorites_AddBusinessUnit .material-sub-section__header,
#Favorites_Folder_Access.material-sub-section #Favorites_AddDepartment .material-sub-section__header,
#Favorites_Folder_Access.material-sub-section #Favorites_AddRole .material-sub-section__header,
#Favorites_Folder_Access.material-sub-section #Favorites_AddUser .material-sub-section__header {
	border-bottom-width: 1px;
}

#Favorites_Folder_Access.material-sub-section #Favorites_AddBusinessUnit .material-sub-section__header h2,
#Favorites_Folder_Access.material-sub-section #Favorites_AddDepartment .material-sub-section__header h2,
#Favorites_Folder_Access.material-sub-section #Favorites_AddRole .material-sub-section__header h2,
#Favorites_Folder_Access.material-sub-section #Favorites_AddUser .material-sub-section__header h2 {
	font-size: 13px;
}

#Favorites_Folder_Access.material-sub-section #Favorites_AddBusinessUnit .material-sub-section__header .dropdown-menu,
#Favorites_Folder_Access.material-sub-section #Favorites_AddDepartment .material-sub-section__header .dropdown-menu,
#Favorites_Folder_Access.material-sub-section #Favorites_AddRole .material-sub-section__header .dropdown-menu {
	max-height: 250px !important;
}

#Favorites_Folder_Access.material-sub-section [type="radio"].with-gap:checked + span:before {
	border-color: #5a5a5a;
}

#Favorites_Folder_Access.material-sub-section [type="radio"]:checked + span:after {
	border-color: #5a5a5a;
	background-color: #5a5a5a;
}

#Favorites_Folder_Access.material-sub-section .far.fa-trash-alt {
	margin-top: 6px;
}

.HomeShopPanelRight .card-body {
	padding-bottom: 0 !important;
	padding-top: 0 !important;
}

.HomeShopPanelRight .card-body div[data-collapse-state="not-collapsed"] {
	padding-bottom: 8px !important;
}

.HomeShopPanelRight .collapsible-section--link .options-icon-rounded {
	margin-top: 6px;
}

.HomeShopPanelRight .sticker {
	border: 1px solid rgba(0, 0, 0, 0.18);
}

.collapsible-section--border-bottom-solid {
	border-bottom: 1px solid rgba(0, 0, 0, .18);
}

.collapsible-section--border-top-solid {
	border-top: 2px solid rgba(0, 0, 0, .18);
}

.HomeShopPanelRight div.RoundedCornerShadow {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	padding: 0 !important;
}

.sticker div.RoundedCornerContainer,
.sticker div.RoundedCornerContainer > .btn {
	display:block;
	height:100px;
	width:100%;
	font-size:12px;
	white-space:normal;
	line-height:normal;
	margin: 0px;
	text-transform: none !important;
}

.sticker div.RoundedCornerContainer > .btn {
	background-color: transparent!important;
}

.sticker div.RoundedCornerContainer > .btn:hover {
	text-decoration:none;
}

.sticker div.RoundedCornerContainer > .btn > img {
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.sticker div.RoundedCornerContainer > .btn:focus {
	-webkit-box-shadow: inset 0 0 0 2px #000000;
	box-shadow: inset 0 0 0 2px #000000;
}

.sticker div.RoundedCornerContainer > div {
	height: 100% !important;
}

.sticker div.RoundedCornerContainer .InlineOverlayInvoker:focus {
	-webkit-box-shadow: inset 0 0 0 2px #000000;
          box-shadow: inset 0 0 0 2px #000000;
	outline: 2px solid transparent;
	-webkit-transition: 0.2s ease-out;
	transition: 0.2s ease-out;
}

.sticker .RoundedCornerContainer .sticker-type-icon {
	padding: 3px 5px !important;
	position: absolute;
	top: 0;
	right: 0;
	cursor: default;
	pointer-events: none;
}

.sticker .RoundedCornerContainer .sticker-type-icon button {
	padding: 0;
	margin: 0;
}

.sticker .hover-toolbar {
	overflow:hidden;
	position: absolute;
	height: 0;
	left: -2px;
	right: -2px;
	background-color: #f2f2f2;
	transition:height .2s linear .3s;
	text-align: center;
	bottom: 0;
}

.sticker .hover-toolbar button {
	background-color: #f2f2f2;
}

.sticker .hover-toolbar > * {
	position:relative;
}

.sticker:focus-within .hover-toolbar,
.sticker .hover-toolbar.hover-toolbar-locked {
	height:2em;
}

.sticker.sticker-hover .hover-toolbar {
	height:2em;
}

.sticker .InlineOverlayInvokerHover.AddUnderlining {
	text-decoration: underline;
}

.sticker .InlineOverlayInvokerHover,
.sticker .InlineOverlayInvoker {
	cursor: pointer !important;
}

.sticker {
	overflow:hidden;
}

.k-animation-container * {
	-webkit-box-sizing: border-box !important;
	box-sizing: border-box !important;
}

.k-animation-container .popover-title svg {
	height: 16px !important;
	width: 16px !important;
	bottom: 3px;
}

.k-animation-container .popover-title {
	background: #f2f2f2;
	padding: 8px 14px;
}

.k-animation-container .popover-title-name {
	margin: 5px 0;
}

a[href*='ExternalSiteTransition'] button {
	margin: 0;
	padding: 0 !important;
}

.dropdown-menu .dropdown-item .item__search__icons i.fas {
	font-weight: 900;
}

.doc__header--dropdown__info__visibility__list ul {
	list-style: none;
	padding-left: 10px;
}

.grid__cell__quickview .far,
.grid__cell__quickview .fa {
	cursor: pointer;
}

.grid__cell__quickview .fa-copy {
	padding-top: 5px;
}

.grid__cell__quickview > .row:first-of-type {
	height: 130px;
}

.page--shopping section.grid .row .col {
		min-width: 230px !important;
}

.page--shopping section.grid .grid__cell__quickview__footer__container.row .col{
		min-width:195px !important;
	}
	.grid__cell__quickview > .row:first-of-type {
		min-width: 195px !important;
	}

.product__search__promotional__notice__grid {
	display: inline-flex !important;
	font-weight: bold;
	margin-left: -11px;
	margin-top: -11px;
	position: absolute !important;
}
.product__search__promotional__notice__grid svg {
	fill: #FFC100 !important;
}
.product__search__promotional__notice__list {
	font-weight: bold;
}
.product__search__promotional__notice__product__compare {
	font-weight: bold;
	display: inline-flex !important;
}
.product__search__promotional__notice__favorites__dropdown {
	font-weight: bold;
	margin-right: 10px;
}
div.product__search__promotional__notice__grid div.alert.alert-info.alert-material,
div.product__search__promotional__notice__list div.alert.alert-info.alert-material,
div.product__search__promotional__notice__product__compare div.alert.alert-info.alert-material {
	margin-bottom: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top-width: 0px !important;
	border-bottom-width: 0px !important;
	border-right-width: 0px !important;
	border-left: 0px;
	background-color: #FFC100;
}

.col.col-md-2.d-flex.side-col.left-column-under-promotional-logo {
	margin-top: 33px;
}
div.product__search__promotional__notice__list div.alert.alert-info.alert-material {
	height: 100%;
	align-items: center;
}
div.product__search__strikethrough__price div.monetary-value-value,
div.product__search__strikethrough__price div.readOnlyValue {
	background: linear-gradient(180deg,
	rgba(0,0,0,0) 10px,
	#767676 11px,
	rgba(0,0,0,0) 11px,
	rgba(0,0,0,0) 31px,
	#767676 32px,
	rgba(0,0,0,0) 32px);
	color: #767676;
}

div.details__popup__strikethrough__price div.monetary-value-value,
div.details__popup__strikethrough__price div.readOnlyValue {
	background: linear-gradient(180deg,
	rgba(0,0,0,0) 10px,
	#767676 11px,
	rgba(0,0,0,0) 11px,
	rgba(0,0,0,0) 31px,
	#767676 32px,
	rgba(0,0,0,0) 32px);
	color: #767676;
	font-size: 0.875rem;
	font-weight: normal;
}
div.promotional__price__float__right span.monetary-value {
	float: right;
}

div.tier__pricing__float__right {
	float: right;
	padding-right: 0px;
	padding-left: 0px;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {


	.card--results > .card-header .doc__header--dropdown__info__visibility {
		bottom: 9px;
	}
	.grid__cell__quickview__cart__item__desc {
		text-overflow: ellipsis;
		max-height: auto;
	}
	.page--quickorder form[name="QuickSearch"] {
		height: 100%
	}

	.page--quickorder .quickorder-cart {
		height: 140%;
	}
}

@media (max-width: 767px) {
	.doc__header--dropdown__info__visibility__list {
		right: auto !important;
	}

	.product-description {
		width: calc(100% - 90px);
	}

	.modal-body .product-description {
		width: 100%;
	}
}

.cycle-control__content button.btn {
	color: rgba(0, 0, 0, .87);
}

.cycle-control__content button.btn:hover {
	color: rgba(0, 0, 0, 1);
}

.cycle-control__content button[disabled] {
	pointer-events: none;
	color: rgba(0, 0, 0, 0.54) !important;
}

.grid__cell__quickview .cell__header__contractandfavorite__contract {
	padding-top: 10px;
}

.grid__cell__quickview > .row > .col a.btn-flat.btn-primary {
	padding-top: 8px;
}

.grid__cell__quickview__add .btn-flat.btn-primary {
	margin-top: 0;
	margin-bottom: 0;
	line-height: 1.25;
}

.doc__header .cart__name__label .glyphicons {
	top: 0;
}

.supplier__item {
	font-size: .75rem;
	padding-bottom: 15px;
}

.list__cell__content .list__cell__content__pricequantityaddtocartandcompare .row .col button.supplier__item,
.grid__cell__quickview__add button.supplier__item {
	white-space: nowrap;
	width: auto;
	max-height: 31px;
}

.grid__cell__quickview__liveprice {
	font-size: .75rem !important;
}

.grid__cell__detailview__price .WarningMessage,
.grid__cell__detailview__price .MoreInfo {
	font-size: .875rem;
}

.grid__cell__detailview__price .WarningMessage svg,
.grid__cell__quickview__liveprice .WarningMessage svg {
	vertical-align: text-bottom;
}

.grid__cell__quickview__add .fa-exclamation-triangle,
.grid__cell__quickview__add .fa-exclamation-triangle + .phxText {
	font-size: .75rem;
}


.fa-exclamation-triangle {
	color: #FFC100 !important;
}

.fa-exclamation-triangle + .phxText {
	color: rgba(0,0,0,0.87) !important;
}

.grid__cell__quickview__add .dropdown-menu .dropdown-item:first-of-type.supplierLink:not(:first-child),
.grid__cell__quickview__add .dropdown-menu .dropdown-item:first-of-type.showAvailableInDropdown:not(:first-child) {
	border-top: 1px solid rgba(0,0,0, .17);
}

.grid__cell__quickview__add .dropdown-menu .dropdown-item.removeBorder {
	border: none !important;
}

.grid__cell__quickview__producttype {
	padding: 0;
	background: white;
	box-shadow: none;
	margin: 0;
}

strong .grid__cell__quickview__desc {
	font-weight: bolder;
}

.grid__cell__quickview__detail__container {
	padding-top: 10px;
}

[class="mr-auto"] > .list__cell__header__title:hover:not(:disabled) {
	 color: #000000;
	 font-weight: normal;
}

[class="mr-auto"] > .list__cell__header__title {
	font-weight:normal;
	color: #000000;
}

.grid__cell__quickview__add .dropdown-menu .dropdown-item a {
	background: transparent;
}

.grid__cell__quickview .contract__icon {
	width: 17px;
	height: 17px;
	fill: #6D953C;
}

.list__cell .contract__icon {
	width: 17px;
	height: 18px;
	fill: #6D953C;
}

.contract-more-info {
	min-width: 116px;
}

.list__cell .grid__cell__quickview__liveprice .supplierLink.liveAdd {
	padding: 0;
	text-align: right;
}

footer {
	font-size: .8125rem;
}

footer .HasHoverHelp {
	font-size: .9375rem;
}

#hostedSearchTab {
	margin-right: 30px;
	margin-left: 20px;
}

#hostedResultsSection > .card-header {
	margin-top: -27px;
	margin-bottom: -10px;
	border: 0px;
}

#externalResultsSection > .card-header {
	margin-top: -25px;
	border: 0px;
}

.doc__header .search_bar.search_bar-shopping {
	padding-bottom: 10px;
	padding-left: 20px;
}

.header__actions__wrapper-shopping {
	align-self: flex-end;
}

.header__actions-shopping {
	min-height: 50px;
	padding-right: 24px;
	padding-bottom: 14px;
}

.toggle__product__search__row {
	border-top: 1px solid #f5f5f5;
}

.toggle__product__search__tab.btn-link.btn-sm {
	padding-top: 16px;
	padding-bottom: 12px;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 0;
}

.toggle__product__search__tab.btn-link.btn-sm:hover {
	text-decoration: none;
	background-color: #f5f5f5;
}

.toggle__product__search__tab.btn-link.btn-sm:focus,
.toggle__product__search__tab.btn-link.btn-sm:active {
	text-decoration: none;
}

.toggle__product__search__tab.btn-link.btn-sm.inactive:hover {
	border-bottom: 2px solid #f5f5f5;
}

.toggle__product__search__tab.btn-link.btn-sm.active .linkText {
	color: black;
}

.toggle__product__search__tab.btn-link.btn-sm.inactive .linkText {
	color: #767676;
}

.toggle__product__search__tab.btn-link.btn-sm .linkText {
	text-decoration: none;
	padding-right: 6px;
}

.toggle__product__search__tab.btn-link.btn-sm.active {
	border-bottom: 2px solid #3769db;
}

.toggle__product__search__tab.btn-link.btn-sm.active .badge.badge-pill {
	color: white;
    background-color: #3769db;
}

.toggle__product__search__tab.btn-link.btn-sm.inactive .badge.badge-pill {
	color: black;
    background-color: #f4f4f4;
}

.toggle__product__search__tab.btn-link.btn-sm.inactive:hover .badge.badge-pill {
    background-color: white;
}

#visibility_dropdown.visibility-dropdown--external {
	margin-left: -50px;
}

#hostedResultsSection {
	width: 100%;
}

#externalResultsSection {
	width: 100%;
}





.cart .card-body {
	padding-right: 0;
}


.cart__name__label > div {
	display: inline;
}

.cart__name__label .btn-group {
	vertical-align: baseline;
}

.page--shopping .cart__name__label > div {
	color: rgba(0, 0, 0, .87);
	font-weight: bold;
}

.cart__cell .document__cell__item {
	position: relative;
	margin: 0 20px;
}

.document__cell__item .document__cell__item__form__header {
	margin-bottom: 10px;
}

.cart__cell .section-container--body > .document__cell__item:not(:last-child)::after,
.modal-body .section-container.section-edit .section-container--body > .document__cell__item:not(:last-child)::after,
.document__cell__item .document__cell__item__form__header::after,
.POLinesTable > .document__cell__item:not(:last-child)::after {
	content: ' ';
	display: block;
	border-bottom: 1px solid #bdbdbd;
}

.cart__cell .section-container--body > .document__cell__item:not(:last-child)::after,
.document__cell__item .document__cell__item__form__header::after {
	margin-left: -20px;
	margin-right: -20px;
}

.cart__cell .section-container--body > .document__cell__item:last-of-type::after,
.POLinesTable > .document__cell__item:last-of-type::after {
	border-bottom: none;
}

.document__cell__item .document__cell__item__form__header::after {
	width: calc(100% + 10px);
	margin-left: -5px;
	margin-right: -5px;
}

.modal-body .section-container.section-edit .document__cell__item .document__cell__item__form__header::after {
	margin-left: 0;
	margin-right: 0;
}

.modal-body .section-container.section-edit .section-container--body > .document__cell__item:not(:last-child)::after {
	margin-left: -15px;
	margin-right: -15px;
}

.POLinesTable .document__cell__item .document__cell__item__form__header::after {
	width: calc(100% - 30px);
    margin-left: 15px;
}

.POLinesTable .document__cell__item .document__cell__item__form__header {
	margin-bottom: 0;
}

.cart__cell .document__cell__item > .document__cell__item__error {
	border-left: 4px solid rgba(0, 0, 0, .18);
	border-left-color: #C43535;
	margin-left: -20px !important;
}

.cart__cell .document__cell__item > .document__cell__item__error.document__cell__item__error--warning {
	border-left-color: #FFC100;
}

.cart__cell .document__cell__item .document__cell__item__error-message .ErrorMessageLine i {
	font-size: 14px;
	top: 3px;
}

.cart__cell .document__cell__item > .document__cell__new__item {
	border-left: 4px solid;
	border-color: #40C1BF;
	margin-left: -20px !important;
}

.cart__cell .document__cell__item .document__cell__new__item--message {
	font-size: 0.6875rem !important;
	font-weight: normal !important;
	height: 32px;
	line-height: 32px;
}

.cart__cell .document__cell__item .document__cell__new__item--message .phxText svg {
	height: 12px;
	width: 12px;
	top: 2px;
	margin-right: 2px;
}

.cart__cell .document__cell__item .document__cell__item__updated--background {
	background: #E0F7F7 !important;
}

.cart__cell .document__cell__item .document__cell__item__updated,
.document__cell__item__updated {
	border-left: 3px solid;
	border-color: #40C1BF;
	background: #E0F7F7 !important;
	font-weight: bold !important;
	color: #000000;
}

.document__cell__item__updated * {
	font-weight: bold !important;
}

.cart__cell .document__cell__item div.document__cell__item__updated {

	height: fit-content;

	padding-left: 4px;
	padding-right: 4px;
	font-weight: bold !important;
}

.cart__cell .document__cell__item div.document__cell__item__updated a{
	font-weight: bold !important;
}

@media (min-width: 1300px) {
	.exclude__detail {
		max-height: 70px;
	}
}

.card--cart > form > .card-body > .cart__cell > .document__cell__item .grid__cell__quickview__cart__desc .CartUnitPrice,
.card--cart > form > .card-body > .cart__cell > .document__cell__item .grid__cell__quickview__cart__desc .CartItemQuantity input,
.card--cart > form > .card-body > .cart__cell > .document__cell__item .grid__cell__quickview__cart__desc .CartExtendedPrice {
	color: rgba(0, 0, 0, .87);
}

.document__cell__group {
	padding: 17px 0px 17px 20px;
}

.document__cell__item:last-of-type {
    border-bottom: none;
}

.actions .cart__cell__item__actions.line-item-actions {
	padding-top: 2px;
	padding-left: 16px;
}

.actions .form-group.checkbox-action {
	margin-top: 3px;
}

.document__cell__item__actions {
	height: 40px;
	position: absolute;
	right: -5px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

@media (min-width: 1200px) and (max-width: 1350px) {
	.document__cell__item__actions {
		right: -25px;
	}
}

.modal-body .section-container.section-edit .document__cell__item .material-item-detail__open {
	min-height: 40px;
}

.modal-body .section-container.section-edit .document__cell__item .grid__cell__quickview__cart__desc .document__cell__item__actions {
	right: 0;
}

.actions .form-group {
	margin-top: 2px;
}

.document__cell__group .cart__cell__item__actions {
	margin-top: 0px;
}

.cart__cell__item__img img {
	width: 100%;
	min-width: 45px;
	min-height: 45px;
	height: auto;
	max-height: 75px;
	max-width: 75px
}
.cart__cell__item__img {
	font-size: 0.7rem;
}

.cart__cell__item__desc {
	font-size: 1.25rem;
}

.ItemQuantityCell + .ErrorBox .ErrorMessageLine,
.ItemQuantityCell {
	text-align: right;
}

.ItemQuantityCell .ErrorBox .ErrorMessageLine {
	text-align: left;
	white-space: break-spaces;
}

.UnitPriceCell .ErrorBox .ErrorMessageLine {
	text-align: left;
	white-space: break-spaces;
}

.OverlayMaterial .CartExtendedPrice,
.OverlayMaterial .UnitPriceCell .col-form-value input {
	width: 90px;
	font-size: 0.8125rem;
	padding: 0;
}

.OverlayMaterial .ItemQuantityCell input {
	font-size: 0.8125rem;
	padding: 0;
}

.col-xl-4.text-right.one-line-text.col-xxl.OverlayMaterial .CartExtendedPrice {
	width: 100%;
 }

 .OverlayMaterial.material-item-detail__open.grid__cell__quickview__cart__item__desc {
	color: #000000;
	font-size: 1rem !important;
	padding-left: 0.5rem !important;
 }

.OverlayMaterial.document__cell__item td {
	vertical-align: top;
	padding: 1.125rem 0 0.5rem !important;
}

.OverlayMaterial .product-description {
	display: flex;
	width: 90%;
}

.OverlayMaterial .product-description span {
	width: 1px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	flex-grow: 1
 }

.OverlayMaterial .options-icon-rounded {
	width: 8%;
}
.OverlayMaterial .options-icon-rounded button {
	display: inline-block;
	padding: 0;
	border-radius: 50%;
	width: 24px;
	height: 24px;
	margin-right: 1.2rem;
}

@media (min-width: 1099px) {
	.OverlayMaterial .options-icon-rounded .option {
		margin-right: 0.9rem !important;
	}
}

.OverlayMaterial .options-icon-rounded .option {
	display: inline-block;
}

.OverlayMaterial .options-icon-rounded .btn i {
	font-size:13px;
}

.OverlayMaterial.section-container--body .row .col-12 .col-lg-4.col-form-label {
	max-width: 16.5%;
	white-space: nowrap;
}

.OverlayMaterial.section-container--body .row .col-12 .col-lg-8.col-form-value {
	display: flex;
	white-space: nowrap;
}

.OverlayMaterial.section-container--body .row .col-12 .col-lg-8.col-form-value .d-flex {
	width: auto !important;
	padding-right: 10px;
	marging-right: 10px;
 }

.modal-body .section-container.section-edit .section-container--body.OverlayMaterial .md-form-group.row .col-lg-8.col-md-12.col-sm-8.col-form-value a {
	padding-right: 0.5rem;
	margin-right: 0.5rem;
}

.modal-body .col-xl-2 .options-icon-rounded.mr-2.pr-2 {
	display: inline-block;
}

.cart__cell .document__cell__item .grid__cell__quickview__cart__desc .manual-price__icon-popover {
	display: flex;
	margin-right: 5px;
}

.cart__cell__item__total--price {
	font-weight: bold;
}

.math {
	color: #797979;
}

.doc__header--actions-icons {
	min-height: 20px;
	white-space: nowrap;
}

.doc__header--actions-buttons,
.doc__header--actions-buttons .side-bar-actions {
	display: flex;
	gap: 10px;
}

.doc__header--actions-buttons .action-btn-container .btn:not(.dropdown-toggle) {
	min-width: 80px;
}

.doc__header--actions-buttons .action-btn-container .btn {
	margin: 0;
	white-space: nowrap;
}

#MaterialCart_LockSharedCart > span,
#MaterialCart_UnlockSharedCart > span,
#MaterialCart_LockedCartWarningMsg > span {
	padding-left: 4px;
}

.page-filter-view {
	letter-spacing: normal;
}

.page-filter-view div.dropdown-menu {
	padding-top: 0px;
	padding-bottom: 0px;
}

.page-filter-view div.dropdown-menu a.dropdown-item {
	font-size: 13px !important;
	color: #000000 !important;
	min-height: 29px;
}

.page-filter-view div.dropdown-menu a.sub-group.dropdown-item {
	padding-left: 15px;
	font-weight: 500;
}

.page-filter-view div.dropdown-menu a.withIcons.dropdown-item:not(.sub-group) {
	padding-left: 15px;
}

.page-filter-view div.dropdown-menu a.withIcons.dropdown-item:not(.sub-group) span.linkText {
	padding-left: 4px;
}

.page-filter-view div.dropdown-menu a.dropdown-item:not(.sub-group):not(.withIcons) {
	padding-left: 38px;
}

.btn-group a:not(.list-group-filters__title):hover:not(:disabled,.TabLinkLevel1,.TabLinkLevel2,.MenuItem,.PagedHeader, .phx-help) * {
	color: #000000 !important;
}

.itemsQuantityBySupplier,
#itemsQuantityBySupplier {
	white-space: nowrap;
	font-size: 1rem;
}



.UnitPriceCell .CartCurrencyCode {
	color: rgba(0,0,0,.54);
	font-size: .8rem;
	font-weight: normal;
}
.CartSizeAndPackaging {
	display: inline;
	color: rgba(0,0,0,.87);
	font-size: .8rem;
}
.CartSizeAndPackaging::before {
	content: " / ";
	margin-left: 5px;
	margin-right: 5px;
}

.CartExtendedPrice .CartCurrencyCode {
	font-size: .8rem;
	font-weight: normal;
}
.CartChargesLabel, .CartCharges {
	font-size: 0.8rem;
}


.row.document__cell__item {
	padding-top: 1.125rem;
}
.row.document__cell__item:first-child {
	padding-left: 0;
}
.cart__cell__item__img {
	width: 100%;
	height: auto;
	vertical-align: top;
}
.cart__cell__item__desc {
	color: #0275d8;
	font-size: 1.25rem;
	line-height: 1rem;
}
.cart__cell__item__desc:hover {
	color: #0056b3;
	text-decoration: underline !important;
}
table.cart__cell__item__details {
	font-size: .8rem;
	margin-top: .5rem;
}

table.cart__cell__item__details th,
table.cart__cell__item__details td ,
table.CartFormHeaderProductAttributes th,
table.CartFormHeaderProductAttributes td {
	border: none;
	padding-right: 1.125rem;
	vertical-align: top;
}

.CartFormHeaderProductAttributes .col-form-value {
	padding-top: calc(0.5rem - 2px);
}

.cart__cell__item__qty,
.cart__cell__item__unitPrice,
.cart__cell__item__total {
	display: inline-block;
}

#SimpleCart_Shopping + div.dropdown-menu div.btn-group {
	width: 100%;
}

.user__info__container {
	position: relative;
	display: flex;
	align-items: center;
}

.user__info__container > span {
	transition: all 0.3s;
}

.user__info__container label {
	margin: unset;
}

.user__info__container.material-fade-out {
	height: 0;
}

.user__info__container .badge {
	z-index: 2;
}

.cart-line-items .md-form-group.row input[type='checkbox'] + label {
	margin: 0;
}

.cart-line-items .md-form-group.row  .commodity-code-value > div {
	margin-top: 0;
}

.document__cell__item .grid__cell__quickview__cart__img {
	width: 70px;
	height: 70px;
	min-width: 70px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	display: inline-block;
}

.document__cell__item .grid__cell__quickview__cart__img img {
    max-width: 70px;
    max-height: 70px;
    display: flex;
    margin: auto;
    cursor: pointer;
}

.form-line-items {
	padding: 10px 0;
	margin: 0 15px;
}

.form-line-items .col-12,
.form-multiline-items__container .col-12 {
	padding-left: 0;
	padding-right: 0;
}

.document__cell__item .LineNumberCell,
.document__cell__item .POLineNumberCell {
	white-space: nowrap;
	line-height: 30px;
	padding-top: 4px;
}

.document__cell__item__header .LineNumberCell,
.document__cell__item .LineNumberCell {
	min-width: 28px;
}

.document__cell__item__header .WorkflowStatus {
	width: 60px;
}

.document__cell__item__header .POLineNumberCell,
.document__cell__item .POLineNumberCell {
	margin-right: 10px;
	margin-left: -10px;
	min-width: 48px;
}

.document__cell__item .POLineNumberCell {
	text-align: right;
}

.document__cell__item .LineTaxableCell {
	text-align: right;
}

.document__cell__item .LineNumberCell,
.document__cell__item .LineTaxableCell {
	white-space: nowrap;
	line-height: 30px;
	padding-top: 4px;
}

.document__cell__item__header .LineTaxableCell,
.document__cell__item .LineTaxableCell {
	min-width: 28px;
}
.document__cell__item__header .LineTaxableCell,
.document__cell__item .LineTaxableCell {
	margin-right: 20px;
	min-width: 48px;
}

.document__cell__item__header .grid__cell__quickview__cart__img {
	width: 70px;
	margin-right: 10px;
}

.document__cell__item .EmptyLineNumberCell {
	margin-left: 30px;
}

.document__cell__item .grid__cell__quickview__cart__desc {
	min-width: calc(100% - 115px);
}

.document__cell__item .grid__cell__quickview__cart__desc .document__cell__item {
	padding-right: 20px;
	padding-left: 20px;
}


.solid-left-border {
	border-left: 1px solid rgba(0, 0, 0, .18);
}

@media (max-width: 991px) {
	.solid-left-border {
		border-left: none;
	}
}

.line-level-elements-container .col-form-label {
	padding-left: 0;
}


.one-line-text {
	white-space: nowrap;
}

.one-line-text .CatalogNumberCell,
.one-line-text .SizeCell {
	white-space: normal;
	word-break: break-all;
}

.one-line-text .SizeCell button.btn-link {
	line-height: 1rem;
}

@media only screen and (max-width: 575px) {
	.one-line-text.CatalogNumberCell,
	.one-line-text.SizeCell {
		justify-content: flex-end;
	}

	.document__cell__item__header .POLineNumberCell,
	.document__cell__item .POLineNumberCell {
		width: 30px;
	}
}


@media only screen and (max-width: 1199px) {
	.quantity--total .one-line-text {
		min-height: 25px;
		display: inline-block !important;
		padding-top: 0;
	}
	
	.main-table-content.quantity--total .col-sm-6 {
		max-width: 100%;
	}
	
	.main-table-content.quantity--total .ItemQuantityCell,
	.main-table-content.quantity--total .LineSixPack.UnitPriceCell,
	.main-table-content.quantity--total .CartExtendedPrice { 
		text-align: left !important;
		float: left !important;
	}
	
	.main-table-content.quantity--total .one-line-text.text-right:not(.CartExtendedPrice),
	.main-table-content.quantity--total .row > .form-group {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	
	.main-table-content.quantity--total .one-line-text,
	.main-table-content .LineSixPack.WorkflowStatus,
	.main-table-content .grid__cell__quickview__cart__item__desc .item--description {
		padding-top: 0;
		margin-bottom: 0 !important;
	}
	
	.main-table-content .form-group.row:not(:has(.grid__cell__quickview__cart__item__desc)),
	.document__cell__item .main-table-content .LineNumberCell,
	.main-table-content.quantity--total .row > .form-group.row {
		height: auto !important;
		margin-bottom: 10px !important;
	} 
	
	.main-table-content.quantity--total .row > .form-group {
		flex-grow: 1;
	}
	
	.main-table-content.quantity--total .CartExtendedPrice { 
		padding: 0;
	}

	.main-table-content.quantity--total .one-line-text .ItemQuantityCell input {
		margin-top: 0px !important;
	}
}

.quantity--total .one-line-text {
	min-height: 40px;
	display: flex;
	padding-top: 10px;
}

.cart__cell .quantity--total .one-line-text .ItemQuantityCell input,
.cart__cell .quantity--total .one-line-text .UnitPriceCell input {
	margin-top: -10px;
}

.modal-body-content .quantity--total .one-line-text {
	align-items: flex-start;
	padding-top: 11px;
}

.quantity--total .one-line-text.text-right {
	justify-content: flex-end;
	padding-left: 0;
}

.modal-body-content .quantity--total .ItemQuantityCell input,
.modal-body-content .quantity--total .UnitPriceCell input {
	margin-top: -11px;
}

.supplierFulfillmentAddress .dropdown-toggle::after {
	display: none;
}

.supplierFulfillmentAddress div.btn-group {
	width: 100%;
}

.supplierFulfillmentAddress a.btn-link {
	text-align: left;
	outline: none;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding: 0.0rem 0.5rem .3rem 0.0rem;
}

div.supplierFulfillmentAddress {
	text-align: left;
	outline: none;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-weight: normal;
}

#changeFulfillmentCenter + div a:not(.read-only) {
	padding-left: 3rem;
}

.supplierFulfillmentCenterName .btn-group {
	width: 100%;
}

.supplierFulfillmentCenterName a {
	text-align: left;
	outline: none;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-weight: normal !important;
}

.cart-line-items .col-form-label.control-label {
	padding-top: 0;
	padding-bottom: 0;
}

.card-body .SupplierGroupPunchoutMessage ul li:before {
	display: none;
}


.document__cell__item .form-line-items .product-attributes-container {
	padding-top: 4px;
}

.document__cell__item .form-line-items .product-attributes-container .attributes {
	padding-left: 10px;
}

.document__cell__item .form-line-title {
	font-size: .875rem;
	color: rgba(0, 0, 0, .87);
}



attributes .cart-line-items .commodity-code-value {
	margin: 5px 0 10px 0;
}

.attributes .cart-line-items .commodity-code-value .input-container {
	margin-top: 8px;
}

.commodity-code-value .input-group {
	padding-bottom: 0;
	margin: 0;
	max-width: 300px;
}

.commodity-code-value .select-wrapper input.select-dropdown {
	padding-left: 2px;
	margin-bottom: 0;
}

.commodity-code-value input.select-dropdown {
	padding-right: 15px;
	text-overflow: ellipsis;
}

.commodity-code-value .dropdown-content {
	z-index: 5001;
}

.page-header_dropdown {
	max-width: none;
	flex: 0 0 auto;
	width: auto;
}


@media (max-width: 767px) {
	.mobile-padding {
		padding-right: 15px !important;
		padding-left: 15px !important;
	}

	.document__cell__group .row.item button {
		text-align: left;
	}

	.document__cell__item .row .grid__cell__quickview__cart__desc .attributes > div {
		padding-right: 0;
	}

	.document__cell__item .row .grid__cell__quickview__cart_container,
	.document__cell__item .row .grid__cell__quickview__cart__desc {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
	}

	.document__cell__item .row .grid__cell__quickview__cart_container {
		max-width: calc(100% - 15px);
	}

	.document__cell__item .row .grid__cell__quickview__cart__img {
		margin-bottom: 15px;
	}

}

@media (min-width: 768px) and (max-width: 1100px) {
	.document__cell__item .row.item .grid__cell__quickview__cart__item__desc {
		margin-right: 70px;
		width: 100%;
	}
}

.document__cell__item__header {
	background-color: #F0F0F0;
	padding: 5px 20px;
}

@media (min-width: 992px) and (max-width: 1199px) {
	.body-container-full .main-table-content.col-lg-12,
	.body-container-full .main-table-content > .row > .col-xl-5,
	.body-container-full .secondary-table-content > .row > .col-lg-12.col-xl-5 {
	    -ms-flex: 0 0 41.666667% !important;
	    flex: 0 0 41.666667% !important;
	    max-width: 41.666667% !important;
	}

	.body-container-full .main-table-content .col-lg-6,
	.body-container-full .main-table-content > .row > .col-lg-12 {
		-ms-flex: 0 0 50%;
	    flex: 0 0 50%;
	    max-width: 50%;
	}

	.body-container-full .secondary-table-content.col-xl-7,
	.body-container-full .main-table-content.col-xl-7,
	.body-container-full .main-table-content > .row > .col-lg-12.col-xl-7,
	.body-container-full .secondary-table-content > .row > .col-lg-12.col-xl-7 {
		-ms-flex: 0 0 58.333333% !important;
	    flex: 0 0 58.333333% !important;
	    max-width: 58.333333% !important;
	}

	.body-container-full .secondary-table-content.col-xl-7.hidden-down-xl {
		display: block !important;
	}


}

@media (min-width: 1350px) {
	.document__cell__item .row.item,
	.document__cell__item__header .row.item {
		margin-right: 80px;
	}
}

@media (min-width: 1200px) and (max-width: 1349px) {
	.document__cell__item .row.item,
	.document__cell__item__header .row.item {
		margin-right: 50px;
	}

	.secondary-table-content .col-xl-6,
	.quantity--total .one-line-text.col-xl-6,
	.quantity--total .one-line-text.CatalogNumberCell {
		padding-left: 0;
	}

	.body-container:not(.body-container-full) .secondary-table-content .col-xl-6:nth-child(1),
	.body-container:not(.body-container-full) .quantity--total .col-xl-6:nth-child(1) {
		max-width: 78px !important;
	}
}

@media (min-width: 1350px) and (max-width: 1369px) {
	.quantity--total .one-line-text.col-xl-6:nth-child(2) {
		padding-right: 0;
	}
}

@media (min-width: 1200px) and (max-width: 1389px) {
	.hidden-down-xl .col-xl-6:nth-child(1) {
		padding-right: 0;
	}
}

@media (min-width: 1168px) {
	.body-container.body-container-full .document__cell__item .row.item,
	.body-container.body-container-full .document__cell__item__header .row.item {
		margin-right: 80px;
	}
}

@media (min-width: 992px) and (max-width: 1167px) {
	.body-container.body-container-full .document__cell__item .row.item,
	.body-container.body-container-full .document__cell__item__header .row.item {
		margin-right: 50px;
	}
}

@media (min-width: 992px) and (max-width: 1132px) {
	.body-container.body-container-full .document__cell__item .row.item,
	.body-container.body-container-full .document__cell__item__header .row.item {
		margin-right: 50px;
	}

	.body-container.body-container-full .secondary-table-content .col-xl-6,
	.body-container.body-container-full .quantity--total .col-xl-6:nth-child(1) {
		padding: 0;
	}
}

@media (max-width: 1100px) {
	.cart-line-items .md-form-group.row > label,
	.cart-line-items .md-form-group.row > div {
		max-width: 100% !important;
		flex: 0 0 100%;
	}

	.cart-line-items .md-form-group.row  .commodity-code-value {
		margin-bottom: 12px;
	}
	.document__cell__group .col-lg-6.item-headers-width {
		min-width: 100%;
	}
}

@media (min-width: 1100px) {
	.document__cell__group .col-lg-6.item-headers-width {
		max-width: 50%;
		flex: 0 0 50%;
		-ms-flex: 0 0 47%;
	}

	.document__cell__group .row.item {
		margin-right: 80px;
	}
}

@media (max-width: 1100px) and (min-width: 900px) {
	.document__cell__group .col-lg-6.item-headers-width {
		min-width: 100%;
		-ms-flex: 0 0 39%;
	}
}

@media (min-width: 1200px) {
	.document__cell__group .item-headers-width {
		line-height: 30px;
	}
}

.material-item-detail-container {
	width: 100%;
}

.material-item-detail--cart {
	margin-left: -20px;
	margin-right: -20px !important;
}

.material-item-detail__body {
	padding: 15px;
}

.monetary-value + .readOnlyValue {
	display: flex;
	align-items: center;
	padding-left: 5px;
	padding-top: 0 !important;
}

.monetary-preview {
	margin-left: -7px;
	margin-right: -3px;
}

.supplier__name {
	color: rgba(0, 0, 0, .87);
	font-size: 0.875rem;
	font-weight: bold;
	padding: 15px;
}

.supplier__classes--popover__icon {
	line-height: 15px;
}

.supplier__classes--popover__icon img {
	max-height: 14px;
	max-width: 14px;
}

.supplier__classes--popover__content {
	display: none;
}

.supplier__classes--popover__content__icon img {
	margin-top: -5px;
	margin-left: -5px;
	max-height: 14px;
	max-width: 14px;
}

.item__detail__image {
	min-width: 250px !important;
	min-height: 250px !important;
}

.item__detail__image img {
	max-height: 250px !important;
	max-width: 250px !important;
	width: 100% !important;
	height: 100% !important;
}

.item__detail__info {
	margin-left: 20px;
}

.item__detail__info__description {
	font-size: 1.125rem;
	font-weight: normal;
	color: #0275d8;
}

.item__detail__info__description--long {
	color: #000;
	font-size: 14px;
	overflow: hidden;
	font-weight: 400;
}

.grid__cell__quickview__cart__desc .item--description a:hover,
.grid__cell__quickview__cart__desc .item--description a:focus {
	text-decoration: none !important;
}


.card--total__value {
	vertical-align: bottom;
	text-align: right;
}

.card--total__action + .card--total__action {
	margin-top: .5em;
}

.card--total__total {
	font-size: 1.2rem;
	font-weight: bold;
	vertical-align: bottom;
	text-align: right;
}

.card--total__total--bottom {
	border-top: 1px solid #9C9C9C;
}

.card.card--total .card-header,
.card.card--actions .card-header {
	padding: 0.625rem;
}

.card.card--total .card-body,
.card.card--actions .card-body {
  padding: 0.7rem;
}

.card.card--total .subcard--container .card-body {
  padding: 0 0 0.7rem 0 !important;
}

.card.card--total .card-header {
	border-bottom: none;
	border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.card.card--total.total--error .card-header {
	border-top: none;
}

.card.card--total.scrollbox {
	position: fixed;
	margin-top: 30px;
}

.total-section-header {
	position: fixed;
}

#sidebar-content .card--total ul {
	list-style: none;
    padding: 0;
    margin: 0;
}

.card.card--total.scrollbox > div {
	flex-shrink: 0;
}

.card.card--total .collapsible-panel__text,
.card.card--total .collapsible-section--link > a.list-group-filters__title {
	padding: 0;
}

@media (min-width: 1200px) {
	.card.card--total.scrollbox,
	.total-section-header {
		-ms-flex: 0 0 21%;
        flex: 0 0 21%;
	    width: 21%;
	    min-width: calc(21% + 10px);
	    max-height: 621px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.card.card--total.scrollbox,
	.total-section-header {
		-ms-flex: 0 0 27%;
        flex: 0 0 27%;
	    width: 27%;
	    min-width: calc(27% + 10px);
	    max-height: 600px;
	}
}

@media (min-width: 768px)  and (max-width: 991px) {
	.card.card--total.scrollbox,
	.total-section-header {
		-ms-flex: 0 0 34%;
        flex: 0 0 34%;
	    width: 34%;
	    min-width: calc(34% + 10px);
	}
}

.card.card--total .card-header.card-header--label {
	 border-top: none;
	 border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.card.card--total .card-header.card-alert {
	border-bottom: none;
}

.card.card--total .subcard .card-header {
	border-top: none;
	border-bottom: none;
}

.card--total table {
	margin-bottom: 15px;
	width: 100%;
}


.card--actions .card-body {
	padding: 0;
}
.cart__actions {
	overflow: hidden;
}
.cart__actions__action {
	border-radius: 0;
	border: 0;
	color: #0275d8;
	font-size: .9rem;
	padding-top: .5rem;
	padding-bottom: .5rem;
}
.cart__actions--adminsitrative .cart__actions__action {
	background-color: transparent;
	border-radius: 0;
	font-size: .8rem;
	color: rgba(0,0,0,.54);
}
.cart__actions--adminsitrative .cart__actions__action:hover {
	color: rgba(0,0,0,.87);
}
.cart__actions__action:first-child {
	margin-top: .25rem;
}
.cart__actions__action:last-child {
	margin-bottom: .25rem;
}
.cart__actions hr {
	width: 100%;
	margin-left: 1.25rem;
	margin-top: .5rem;
	margin-bottom: .5rem;
	background-color: rgba(0, 0, 0, 0.18);
}

/*Error handler styling*/
.card-alert {
	display: block;
}

.card-error--container a:hover,
.card-warning--container a:hover,
.card-info--container a:hover {
	text-decoration: underline;
}

.card-details__container {
	padding: 0 5px 20px;
}

.card-details_name__container > div {
	margin-bottom: 14px;
}

.card-details_name__container .TopNavLink > svg {
	top: 6px;
    margin-right: 4px;
}

.card-details_description__container {
	padding-top: 20px;
}

.card-header.card-alert {
	border-bottom: none;
	border-top: none;
}

.cart-error-container,
.cart-warning-container,
.cart-info-container {
	padding: 10px 10px 10px 36px;
}

.cart-error-container ul,
.cart-warning-container ul,
.cart-info-container ul,
.cart-revision-container ul {
	list-style-type: none;
	padding: 0;
	margin-bottom: 1px;
	font-size: 0.8125rem;
}

.cart-error-container li,
.cart-warning-container li,
.cart-info-container li {
	margin-top: 5px;
}

.LineSixPack .product-description span,
.remove-contract-line-item-description {
	flex: 1;
	width: 1px;
	overflow-x: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.line-item-actions .btn-group > .dropdown-menu {
	z-index: 10000;
}

.dropdown-menu .dropdown-submenu .dropdown-toggle {
	-ms-flex-pack: justify !important;
	justify-content: space-between !important;
	display: -ms-flexbox !important;
	display: flex !important;
}

.dropdown-submenu {
	position: relative;
}

.dropdown-submenu .dropdown-menu {
	top: -11px;
	left: 100%;
	margin-bottom: 35px;
}

.dropdown-submenu .dropdown-toggle svg {
	font-size: 16px;
	color: rgba(0, 0, 0, .57) !important;
	fill: rgba(0, 0, 0, .57) !important;
	margin-top: 2px;
	left: 20px;
}

.dropdown-menu .dropdown-toggle:focus {
	outline: none;
}

.cart__cell__item__actions .dropdown-menu .dropdown-toggle::after {
	content: none;
}

.dropdown-menu .sub-group-item {
	padding-left: 45px;
}

.dropdown-submenu.pull-left > .dropdown-menu {
	left: 0;
	transform: translate(-100%);
	-webkit-transform: translate(-100%);
	-moz-transform: translate(-100%);
}

.section-container__header__icon {
	cursor: pointer;
}

.section-container__header__icon svg {
	height: 16px;
	width: 16px;
	fill: #767676;
	top: 2px;
}

.section-container-body--move-to-another-cart {
	padding-top: 10px;
}

.move-to-another-cart__option {
	display: flex !important;
}

.section-container-body--add-to-another-cart {
	padding-top: 10px;
}

.add-to-another-cart__option {
	display: flex !important;
}

.warning-message__title {
	text-align: center;
	font-weight: bold;
}

.warning-message__field {
	padding-top: 8px;
	font-size: 14px;
}

.warning-message__field--name {
	font-weight: bold;
}

a[id^="AllLocations_CollapseControl"] i.fas.fa-question {
	color: rgba(0, 0, 0, .54);
}

.card-price-selector-help {
	font-size: .8125rem;
	padding: 10px;
}

.change-price--steps {
	font-size: .875rem;
	color: rgba(0, 0, 0, .87);
	margin-top: 1rem !important
}

.change-price-unit-price{
	font-size: .875rem;
}

.edit-contract-price-container .change-price-unit-price label {
	margin-bottom: 0;
}

.change-price-price-source {
	font-size: .6875rem;
	color: rgba(0, 0, 0, .57);
	margin-left: 10px;
}

.edit-contract-price-container .edit-contract-price-container__edit-price__manual-price {
	display: flex;
	align-items: baseline;
}

.edit-contract-price-container .text-body-small {
	font-size: .6875rem;
	color: rgba(0, 0, 0, .57);
}

.edit-contract-price-container .text-body-normal {
	font-size: .875rem;
	color: rgba(0, 0, 0, .87);
}


.share-cart-container {
	margin: 1px 4px;
}

.share-cart-container table th,
.share-cart-container table td {
 	font-size:0.8125rem!important;
 	padding: 0.5rem 0 0.5rem 0.625rem;
 }

.share-cart-container table th {
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
	background-color: #F2F2F2!important;
 }

 .share-cart-container table td {
 	border-top: 1px solid rgba(0, 0, 0, 0.12);
 }

 .usergroup-footer-actions-container .select-wrapper input {
	width: 265px;
 }

 .usergroup-footer-actions-container .select-wrapper li > span,
 .usergroup-footer-actions-container .select-wrapper input {
 	font-size: 13px !important;
 }

.card .material-table-wrapper.input-table .error.help-block {
	float: left;
	clear: left;
	margin-top: 3px !important;
}

.card .material-table-wrapper.input-table .error.help-block {
	float: left;
	clear: left;
	margin-top: 3px !important;
}

.card .material-table-wrapper.input-table{
    margin-bottom: 10px !important;
}

 

#RemoveRequiresSourcing[disabled] ,
a[id*=Line_ActionRemoveRequiresSourcing][disabled] {
	color: #868e96 !important;
}

#RemoveRequiresSourcing[disabled]:hover,
a[id*=Line_ActionRemoveRequiresSourcing][disabled]:hover {
	background-color: transparent !important;
}

.monetary-value-value .icon-mini {
	padding: 0;
}

.item__search__unit-price .icon-mini.rotate-90,
.monetary-value-value .icon-mini.rotate-90 {
    padding: 0px 3px 0px 1px;
}

.monetary-value-value div.icon-mini.rotate-90 + div.readOnlyValue {
	padding-left: 5px;
}

.radio-group.form-inline > div:not(:last-child) {
	margin-right: 15px;
}

#PriceSelectContract_groupMenu .dropdown-item {
	white-space: -moz-pre-wrap !important;
	white-space: -webkit-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	white-space: pre-wrap;
}

.resize-transition {
	transition: flex-basis 500ms ease-in-out;
}

.action-btn-container .loading-inline.add-on.btn {
    padding: 0;
    width: 100%;
    height: 30px;
}

.quickorder-cart .loading-inline.add-on.btn {
	margin-left: 6px;
	margin-right: 6px;
    height: auto;
    width: 73px;
}

.h-20-px {
	height: 20px;
}

.h-50-px {
	height: 50px;
}



.checkout-section-row {
	padding: 8px 16px;
}

.section-container {
    padding: 0;
}

.section-container--header {
	padding: 10px 0;
	align-items: center;
}

.section-container-body .md-form .read-only-label {
	width: 180px;
	font-size: .8125rem;
	color: rgba(0, 0, 0, .54);
	float: left;
	top: 0px;
	white-space: normal;
}

.section-container-body .md-form .readOnlyValue {
	margin-left: 180px;
	font-size: .8125rem;
	color: rgba(0, 0, 0, .87);
	padding-top: 0;
}

.section-container-body  a.btn-link {
	font-size: .8125rem;
}

.section-container--header--title,
.section-container--header--title .readOnlyValue {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.section-container--header--title .section-container__header__icon {
	font-size: 1rem;
}

.clear {
	clear: both;
}

.section-container--header--options {
	margin-bottom: -4px;
	white-space: nowrap;
}

.header-section__row {
	margin-right: 14px !important;
}

.header-section__row > table {
	table-layout: fixed;
}

.header-section__row > table > tbody > tr > td {
	padding: 0 15px;
	vertical-align: top;
    margin-bottom: 0;
}

.header-section__row > table > tbody > tr > td[colspan="1"] {
	width: 16.66%;
}

.header-section__row > table > tbody > tr > td[colspan="2"] {
	width: 33.33%;
}

.header-section__row > table > tbody > tr > td[colspan="3"] {
	width: 50%;
}

.header-section__row > table > tbody > tr > td[colspan="4"] {
	width: 66.66%;
}

.header-section__row > table > tbody > tr > td[colspan="5"] {
	width: 83.33%;
}

.header-section__row > table > tbody > tr > td[colspan="6"] {
	width: 100%;
}

.section-container--header--options .option:last-child {
	margin-right: 0;
}

.section-container--header--options .option.disabled {
	opacity: 0.3;
}

.section-container--header--options .option > .btn-group {
	position: static;
}

#group_AddInternalLineAttachments_Collapsible .section-container--body {
	padding-top: 15px;
}

.ghost-section-container {
	display: none;
}

#group_AddInternalLineAttachments_Collapsible .phx.file-upload {
	width:100%;
}

#group_AddInternalLineAttachments_Collapsible .file-download {
	width: auto;
	padding-bottom: 10px;
}

#group_AddInternalLineAttachments_Collapsible .file-download-link {
	width: 35%;
	display: inline-block;
}

#group_AddInternalLineAttachments_Collapsible .file-upload-buttons {
	width: 50%;
	display: inline-block;
}

#group_AddInternalLineAttachments_Collapsible > .section-container--body > .phx.file-upload > div:first-of-type {
	padding-bottom: 10px;
}

#group_AddInternalLineAttachments_Collapsible .file-download-link .readOnlyValue{
	margin-left: 30px;
}

.section-simple-total {
	text-align: left;
	font-weight: normal;
}

.section-simple-total td {
	font-size: 0.8125rem;
}

.modal-body .mt-2.section-simple-total table tbody  tr td table tr td:not(:last-child) {
	width: 130px;
	font-size: 0.8125rem;
}
.col-6.p-0.mt-2.pb-0 > .md-form-group.row {
	padding-bottom: 0 !important;
}

.modal-content.w-100 .modal-body .mt-2.section-simple-total > table > tbody > tr > td:first-child {
	width : 40%
}

.modal-content.w-100 .modal-body .mt-2.section-simple-total > table > tbody > tr > td:last-child {
	width : 31%
}

.section-collapsed {
	height: 45px !important;
	overflow: hidden;
}

.section-collapsed .section-container--body {
	visibility: collapse;
}

.section-collapsed .section-container--header,
.section-collapsed .container-line-header {
	border-bottom: none;
}

.section-collapse-button {
	cursor: pointer;
	position: absolute;
	right: 8px;
	top: 13px;
	z-index: 2;
}

.section-collapse-button-line {
	cursor: pointer;
	right: 8px;
	top: 11px;
	z-index: 2;
	position:relative;
}

.section-collapse-button-line .modal-warning-message {
	text-align: right;
	min-width: 224px;
	cursor: default;
}

.section-collapse-button svg {
	-webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
}

.section-collapse-button a.list-group-filters__title > svg {
	height: 16px;
	width: 16px;
}

.section-collapse-button a.list-group-filters__title:hover {
	color: var(--color-blue-20);
}

.section-collapse-button a[aria-expanded=true] svg {
	transform: rotate(90deg);
	top: -1px;
}

.card.card--total .card-body .btn.loading-inline.add-on {
	width: 100%;
}

.loading-inline.add-on {
	margin: 0;
	padding: 0.5rem 0px;
	height: 100%;
}

@-moz-document url-prefix() {
	.loading-inline.add-on {
		height: auto;
	}
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.loading-inline.add-on {
		height: auto;
	}

	.CartExtendedPrice .item__discount {
		right: 15px;
	}
}

.loading-inline.add-on .preloader-wrapper.small {
	width: 17px;
	height: 17px;
}

.section-container.section-edit .section-group .group-title {
    border-bottom: 1px dotted rgba(0, 0, 0, .18);
    padding-bottom: 12px;
}

.section-container.section-edit .section-group .addresses-section-label {
	margin-bottom: 15px;
}

.section-container.section-edit .section-group .credit-cards-section-label {
	border-bottom: 1px solid rgba(0, 0, 0, .10);
	padding-bottom: 10px;
	margin-bottom: 0px;
}

.modal-body .modal-body-content .bank-information-card-header {
	border-top: 1px solid rgba(0, 0, 0, .10);
    margin-top: 10px;
}

.modal-body .modal-body-content .bank-information-cards-section-label {
	color: rgba(0, 0, 0, .87);
    font-size: 0.875rem;
    font-weight: normal;
}

#SupDistMethodsList\.ro .col-form-label,
.section-container--body .supplier-elements--container .group-elements__container,
.section-container--body .col-form-label,
.section-container--body .col-form-value {
	padding-left: 0px;
	text-align: left;
}

.section-container--body .group-elements__container .attachment-container {
	margin-top: -8px;
	width: 100%;
}

.section-container--body .md-form-group.row,
.group-elements__container .md-form-group.row:not(:last-child) {
	padding-bottom: .75rem !important;
}

.group-elements__container {
	padding-top: 10px;
	padding-bottom: 0;
}

.section-edit .group-elements__container {
	padding-bottom: 0;
}

.line-level__overridden-groups__container .group-elements__container {
	padding-bottom: 0;
}

.section-edit .section-container--body > div[id*="group"]:first-child > .section-container-group,
.section-edit .section-container--body > .document__cell__item > .section-container-group:first-child {
	margin-top: 0;
}

.section-edit .section-container--body > div[id*="group"] > .section-container-group,
.section-edit .section-container--body > .document__cell__item > .section-container-group {
	margin-top: 30px;
}

.supplier-elements--container {
	padding-left: 5px;
}

.manually_supplier_container {
	padding-top: 9px;
}

.line-level-elements-container .group-elements__container,
.supplier-elements--container .group-elements__container {
	padding-top: 0;
	padding-bottom: 0;
}

.line-level__overridden-groups__container .supplier-elements--container .group-elements__container {
	padding-top: 10px;
}

.modal .section-container--body > div[id*="group"]:last-child .section-container-group .group-elements__container,
.modal .document__cell__item > .section-container-group:last-child .group-elements__container {
	padding-bottom: 0;
}

.line-level__overridden-groups__container .group-elements__container .md-form-group.row:last-child {
	padding-bottom: 0 !important;
}

.card-header .form-group.row .col-form-label,
.section-container--body .form-group.row .col-form-label,
.group-elements__container .form-group.row .col-form-label {
	flex: 60%;
	display: flex;
	line-height: 20px !important;
}

.card-header .form-group.row .col-form-value,
.section-container--body .form-group.row .col-form-value,
.group-elements__container .form-group.row .col-form-value {
	flex: 40%;
	padding-right: 0;
	padding-left: 0;
	padding-top: 0;
	max-width: 100%;
	width: 100%;
	overflow-wrap: break-word;
}

td[class*=sectionNumber] .form-group.row .col-form-value {
	word-break: break-word;
	word-wrap: break-word;
}

.card-header .form-group.row .col-form-value .checkbox .readOnlyValue svg,
.section-container--body .form-group.row .col-form-value .checkbox .readOnlyValue svg,
.group-elements__container .form-group.row .col-form-value .checkbox .readOnlyValue svg {
	top: 0;
}

.cart__cell__supplier__information {
	padding-top: 10px;
	padding-left: 5px;
}

.cart__cell__supplier__edit .card--material .card-header {
	font-size: .75rem !important;
	text-transform: uppercase;
	font-weight: 500;
	padding-right: 15px;
	padding-left: 50px;
}

.cart__cell__supplier__edit .float-left {
	padding-left: 10px;
}

.cart__cell__supplier__edit .float-left img {
	margin-right: 3px;
}

.cart__cell__supplier__edit .float-left img {
	padding-bottom: 3px;
	height: 18px;
}

.supplierFulfillmentCenterName .btn-group.preferred-dropdown.show {
	position: inherit;
}

table.material-table label.hidden-label {
        visibility:hidden;
        position: absolute;
}
@-moz-document url-prefix() {
	.line-sub-section-header__left-section--additional-icons .d-flex a div:first-of-type{
		transform: translateY(-1px);
	}
}

.cart__cell__supplier__read-only > .alert.alert-material {
	margin-bottom: 0;
}

.cart__cell__supplier__read-only .supplier-elements--container .form-group .col-form-value,
.cart__cell__supplier__edit.edit .form-group .col-form-value,
.receipt_line_items_class .form-group .col-form-value {
	margin: auto 0;
}

.cart__cell__supplier__edit.edit .form-group .col-form-value.FormCellError {
	padding-top: calc(0.6rem + 1px);
	padding-bottom: calc(0.6rem + 1px)
}

.receipt_line_max_width {
	max-width: 400px;
}

.supplier-group__container > section {
	width: 100%;
}

.supplier-group__container .line-sub-section-header {
	width: 100%;
	padding-right: 54px;
}

.cart__cell__supplier__read-only .supplier-group__container,
.card-body .supplier-group__container  {
	padding-left: 20px;
}

.supplier-group__container .supplier-elements--container .form-group .col-form-label,
.supplier-group__container .supplier-elements--container .form-group .col-form-value {
	padding: 0;
}

.cart__cell__supplier__read-only .supplier-group__container--TSH {
	padding-left: 0px;
}

@media (min-width: 732px) and (max-width: 907px) {
	.supplier-group__container .line-sub-section-header {
		padding-right:3px;
	}
}

@media (min-width: 768px) and (max-width: 991px), (min-width: 1600px) and (max-width: 1700px) {
	.card-header .form-group.row .col-form-label,
	.section-container--body .form-group.row .col-form-label,
	.group-elements__container .form-group.row .col-form-label {
		flex: 35%;
		min-width: 100px;
	}

	.card-header .form-group.row .col-form-value,
	.section-container--body .form-group.row .col-form-value,
	.group-elements__container .form-group.row .col-form-value {
		flex: 60%;
	}

	.credit-card-container.active .credit-card-body .form-group.row .col-form-label {
		flex: 30% !important;
	}
}

@media (min-width: 1380px) and (max-width: 1599px) {
	.card-header .form-group.row .col-form-label,
	.section-container--body .form-group.row .col-form-label,
	.group-elements__container .form-group.row .col-form-label {
		flex: 30%;
		min-width: 100px;
	}

	.card-header .form-group.row .col-form-value,
	.section-container--body .form-group.row .col-form-value,
	.group-elements__container .form-group.row .col-form-value {
		flex: 60%;
	}
}

.Distribution.Methods .group-elements__container .md-form-group.row .col-form-value {
	min-width: 116.5px;
}

.modal .modal-content .section-container--body .md-form-group.row .col-form-label,
.modal .modal-content .group-elements__container .md-form-group.row .col-form-label {
	min-width: 165px;
}

.supplier-elements--container .values-vary-by-line--container {
	border-left: 1px solid rgba(0, 0, 0, .18);
	padding-left: 10px !important;
	margin-bottom: 1rem !important;
}

div.hidden {
	display: none;
}

div.required > label > a:after,
div.required > label > span:after,
div.required > .control-label > a:after,
div.required > .control-label > span:after,
label .mock-required-indicator:after,
td.FieldReq::after {
	color: rgba(0, 0, 0, .54);
	position: relative;
    top: -4px;
    font-size: 9px;
    margin-left: .4em;
}

.section-container--header--options .dropdown-toggle,
.alternative-dropdown-icon .dropdown-toggle {
	padding: 0;
}

.section-container--header--options .dropdown-toggle::after,
.dropdown-submenu .dropdown-toggle::after,
.alternative-dropdown-icon .dropdown-toggle::after {
	display: none;
}

.noEditSupplierFields {
	padding-left: 0px;
}

.card--total .card-body table tr td {
	padding: 4px 0;
}

.card--total .card-body table tr td:last-child:not(:first-child) {
	width: 1%;
	padding-left: 16px;
	white-space: nowrap;
}

.card--total .card-body table tr.grand-total td:last-child {
	border-top: 1px solid #9C9C9C;
}

.card--total .card-body table.document__cell__item__updated {
    margin-left: -0.7rem !important;
    margin-right: -0.7rem !important;
    width: -webkit-fill-available !important;
}

.card--total .card-body table.document__cell__item__updated tr td:first-child {
	padding-left: 0.7rem !important;
}

.card--total .card-body table.document__cell__item__updated tr td:last-child {
	padding-right: 0.7rem !important;
}

.subcard {
	border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.side-bar-actions .dropdown .dropdown-menu {
	left: 0px !important;
	padding: 0;
}

.side-bar-actions .dropdown-accessibility-toggle,
.side-bar-actions .dropdown-toggle {
	border: 0;
	border-left: 2px inset rgba(0, 0, 0, -0.12);
	border-right: 2px inset rgba(0, 0, 0, -0.12);
    cursor: pointer;
}

.subcard--header {
	border-bottom: none;
	display: block;
}

.subcard--header > div > a > span {
	align-self: center;
	margin-right: 10px;
	color: rgba(0, 0, 0, .87) !important;
}

.subcard--header > div > a > span.AjaxLoadingMessage {
	height: 20px;
	font-size: 13px;
	width: auto;
	margin-right: 0px;
}

.subcard--truncate--header > div > a > span,
.subcard--truncate--header > div > a > .linkText > div > span {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.subcard--truncate--header > div > a > .linkText {
	width: 90%;
}

@media (min-width: 798px) and (max-width: 1683px) {
	.subcard--truncate--header > div > a > .linkText {
		width: 86%;
	}
}

.subcard--container {
	padding: 0 0.7rem !important;
}

.subcard td {
	padding-bottom: 1em;
}

/*Bootstrap Modal Styles*/
.page--document .modal.pxh-js {
	width: 100% !important;
}

@media (min-width: 992px) and (max-width: 1325px) {
	.col-lg-4 .section-container--body .row.mt-2 .md-form-group.row .col-form-label,
	.col-lg-4 .group-elements__container  .row.mt-2 .md-form-group.row .col-form-label {
		min-width: 70%;
	}
}

.page--document .modal.phx-js .modal-content .modal-body iframe.phx-overlay-iframe {
	width: 100%;
	height: 460px;
}

.page--document .modal.phx-js .modal-content .modal-body iframe.phx-overlay-iframe.hidden {
	display: none;
	visibility: hidden;
}

.page--document .modal.phx-js .modal-header button {
	width: auto;
}

.section-edit .tabs-wrapper .nav {
	background-color: #9C9C9C;
}

.inline-element {
	display: inline-block;
}

.supplier-select-container {
	background-color:  #f0f0f0;
	padding: 8px;
}

:not(.radio-hidden-label) input[name="supplier-select-radio"]:checked + label > span {
	color: #0275d8;
}

.radio-hidden-label label span {
	visibility: hidden;
}

@media (min-width: 1200px) and (max-width: 1299px) {
	.col-xxl {
		-ms-flex: 0 1 auto !important;
		flex: 0 1 auto !important;
		max-width: none;
	}
}

@media (max-width: 1199px) {
	.section-row div[class*="col"]:last-child .section-container--header .section-container--header--options {
		margin-right: 0;
	}
}

@media (max-width: 767px) {
	.material-item-detail__open > div.d-flex {
		display: block !important;
	}

	.material-item-detail__open > div.d-flex .LineNumberCell,
	.material-item-detail__open > div.d-flex .WorkflowStatus {
		display: inline-block;
	}

	.SupplierTotals {
		max-width: calc(100% - 18px)!important;
	}

	.tsh-line__right-content {
		max-width: none!important;
	}

	.tsh-line__right-content.solid-left-border {
		border-left: none;
	}
}

@media (max-width: 569px) {
	.section-container-body .md-form .read-only-label {
		float: none;
		width: auto;
	}

	.section-container-body .md-form .readOnlyValue {
		margin-left: 0px;
		padding-top: 4px;
	}

	.supplier-group__middle-border-line {
		border-right: none !important;
	}

	.supplier-elements--container .values-vary-by-line--container {
		border-left: none !important;
	}

}

.address-elements td .FieldReq,
.address-elements td .FieldOpt {
	vertical-align: middle;
}

@media (max-width: 360px) {
	.section-container--body .md-form-group.row .col-form-label,
	.group-elements__container .md-form-group.row .col-form-label {
		flex: 100%;
		max-width: none;
	}

	.address-container__edit .address-elements table tr,
	.comments-container .table-responsive table tr {
		display: flex;
		flex-direction: column;
		padding-bottom: .5em;
	}

	.address-container__edit .address-elements table tbody tr td.FieldOpt:last-child {
		padding-top: 0 !important;
	}

	.group-elements__container .form-group.row .col-form-label {
		min-width: 100px;
	}
}

.material-item-detail-container {
	width: 100%;
}

.material-item-detail--checkout {
	margin-left: -5px;
	margin-right: -5px !important;
}

.material-item-detail__body {
	padding: 15px;
}

.supplier__name {
	color: rgba(0, 0, 0, .87);
	font-size: 0.875rem;
	font-weight: bold;
	padding: 15px;
}

.supplier__classes--popover__icon {
	line-height: 15px;
}

.supplier__classes--popover__icon img {
	max-height: 14px;
	max-width: 14px;
}

.supplier__classes--popover__content {
	display: none;
}

.supplier__classes--popover__content__icon img {
	margin-top: -5px;
	margin-left: -5px;
	max-height: 14px;
	max-width: 14px;
}

.item__detail__image {
	min-width: 250px !important;
	min-height: 250px !important;
}

.item__detail__image img {
	max-height: 250px !important;
	max-width: 250px !important;
	width: 100% !important;
	height: 100% !important;
}

.item__detail__info {
	margin-left: 20px;
}

.item__detail__info__description {
	font-size: 1.125rem;
	font-weight: normal;
	color: #0275d8;
}

.item__detail__info__description--long {
	color: #000;
	font-size: 14px;
	overflow: hidden;
}

.material-item-detail__open .ProductDescription.description__text:hover,
.material-item-detail__open .ProductDescription.description__text:focus {
	text-decoration: none !important;
}

/* Address/Credit Card styles*/

.credit-card--wrapper {
	max-width: 400px;
}

.credit-card-container {
	margin-bottom: 12px;
	-webkit-transition: background-color 1s; /* Safari */
	-moz-transition: background-color 1s;
	-o-transition: background-color 1s;
	transition: background-color 1s;
	position: relative;
}

.modal .address-container,
td .address-container,
.modal .remitTo-address-container {
	border-bottom: 1px solid rgba(0, 0, 0, .18);
	display: flex;
	align-items: center;
	height: 100%;
	min-height: 38px;
	justify-content: space-between;
}

td .address-container {
	border-bottom: none;
}
.modal .address-box:hover {
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.credit-card-container--removed,
.address-container--removed {
	animation: removed-item-animation .5s cubic-bezier(.4,0.0,1,1);
}

.credit-card-container .credit-card-header {
	padding: 8px;
	background-color: #F5F5F5;
	-webkit-transition: background-color .2s; /* Safari */
	transition: background-color .2s;
}

.credit-card-container.active .credit-card-header {
	background-color: #E3EDF5;
}

.credit-card-container .credit-card-header .credit-card-header--options,
.address-container .address-header .address-header--options,
.remitTo-address-container .address-header .address-header--options {
	white-space: nowrap;
}

.address-container .address-header--options .address-header__options__add-to-my-addresses a,
.remitTo-address-container .address-header--options .address-header__options__add-to-my-addresses a {
	font-size: 0.6875rem;
}

.credit-card-container .credit-card-header .credit-card-header--title {
	display: flex;
}

.credit-card-container .credit-card-header .credit-card-header--title .credit-card-radio .form-group {
	height: 24px;
}

.credit-card-container .credit-card-header .credit-card-header--title .credit-card-radio,
.address-container .address-header .address-header--title .address-radio,
.remitTo-address-container .address-header .address-header--title .address-radio {
	display: inline-flex;
	height: 16px;
}

.credit-card-container .credit-card-header .credit-card-header--title input[type="text"] {
	padding-top: 0;
	padding-bottom: 0;
    margin-bottom: 0;
    margin-top: 0;
}

.credit-card-container .credit-card-header .credit-card-header--title .credit-card-messages {
	display: inline;
	line-height: 26px;
}

.credit-card--wrapper .form-group .col-form-value .standard-select {
	min-width: 100% !important;
}

.credit-card--wrapper .selectWrapper {
	flex-grow: 1;
}

.credit-card--wrapper .credit-card-value {
	padding-top: calc(0.6rem + 1px);
    padding-bottom: calc(0.6rem + 1px);
}

.address-container .address-radio .form-group,
.remitTo-address-container .address-radio .form-group {
	max-height: 24px;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.credit-card-container .credit-card-header .credit-card-header--title .credit-card-radio label[for*="credit-card-radio"],
.address-container .address-radio label[for*="address-radio"],
.remitTo-address-container .address-radio label[for*="address-radio"] {
	margin-bottom: 0;
}

.address-container .address-radio .form-inline label,
.remitTo-address-container .address-radio .form-inline label {
	margin:  0;
}

.address-container .address-radio {
	padding-top: 5px !important;
}

.remitTo-address-container .remit-to-address-radio {
	padding-top: 6px !important;
}

.credit-card-container .credit-card-body,
.address-container .address-body,
.remitTo-address-container .address-body {
	font-size: 0.8125rem;
	color: rgba(0, 0, 0, .87);
	padding: 1.25rem;
	background-color: #FAFAFA;
	-webkit-transition: background-color .2s; /* Safari */
	transition: background-color .2s;
}

.modal .table-row-selected,
.modal .address-container.active,
td .address-container.active,
.modal .remitTo-address-container.active {
	background-color: rgba(28, 127, 206, 0.1);
}

.modal .addresses-wrapper {
	margin-top: -10px!important;
	margin-bottom: 1.25rem;
}

.modal .address-box.edit.active .address-container.active,
.modal .address-box.edit.active .remitTo-address-container.active {
	border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.credit-card-container.active .credit-card-body {
	background-color: #E8F2FA;
}

.credit-card-container.active .credit-card-body .form-group.row .col-form-label {
	flex: 70%;
	min-width: 110px;
}

.credit-card-container.active .credit-card-body .form-group div.col-form-value > input[type="text"] {
	max-width: none;
}

.credit-card-container .credit-card-body .save-for-future-option,
.address-container .address-body .save-for-future-option,
.remitTo-address-container .address-body .save-for-future-option {
	margin-top: 24px;
	color: #6E706C;
}

.address-container .add-to-profile-container .col-form-value-input input,
.remitTo-address-container .add-to-profile-container .col-form-value-input input {
	margin-top: 0px;
}

.address-container .add-to-profile-container .HasHoverHelp,
.remitTo-address-container .add-to-profile-container .HasHoverHelp {
	vertical-align: sub;
}

.address--border-bottom {
	border-bottom: 1px solid rgba(0, 0, 0, .18);
}

.address-header__separator {
	margin: 5px;
}

.no-address-alert {
	margin: 10px 10px 10px 0;
}

.address-container .form-control,
.remitTo-address-container .form-control {
	padding: 0;
	margin-bottom: 5px;
}

.address-container.active .md-form,
.address-container.active .address-header,
.address-container.active .address-elements,
.remitTo-address-container.active .md-form,
.remitTo-address-container.active .address-header,
.remitTo-address-container.active .address-elements {
	margin-top: 0;
	margin-bottom: 0;
}

.address-container .address-elements,
.address-container .address-elements > div,
.remitTo-address-container .address-elements,
.remitTo-address-container .address-elements > div {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.address-container__read-only {
	padding: 0px 10px;
}

.address-container__edit .address-elements table {
	table-layout: fixed;
	border-collapse: separate;
	border-spacing: 0 0.75rem;
}

.address-container__edit .address-elements table td:first-child {
	width: 150px;
}

.address-container__edit .address-elements table td:last-child {
	word-break: break-all;
}

.address-container__edit .address-elements table td:first-child > span {
	display: inline-flex;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}

#address-search {
	margin-top: 10px;
	width: 250px;
}

.address-search-container .phxGlyph {
	border: none;
}

.address-container .no-address-alert,
.address-container .address-body-container,
.remitTo-address-container .address-body-container {
	align-items: center;
	font-size: 0.8125rem;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    flex-grow: 1;
}

.modal .btn-group > .btn-link + .btn-link,
.address-box .address-right-side {
	border-left: 1px solid rgba(0, 0, 0, .18);
}

.address-right-side {
	padding-top: 0.75rem;
}

.modal .address-header__current-address--edit {
	text-transform: uppercase;
}

.modal .address-box.edit {
	border-left: 3px solid #2196F3;
}

.popover-content button.loading-inline {
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0) !important;
	padding: 10px 16px;
}

.address-search-container .material-autocomplete,
.address-search-container .input-group.input-group--in {
	width: 250px;
	margin-right: 10px;
	margin-bottom: 4px;

}

.address-search-container div.input-group button.loading-inline {
	padding: 0 8px;
	border: none;
}


.modal .address-search-container .address-search__results-per-page,
.material-form__body  .address-search__results-per-page {
	padding-top: 9px !important;
}

.modal .address-search-container .address-search__page-size input {
	width: 55px;
}

.modal .address-search-container .pagination__number-of-page,
.material-form__body .pagination__number-of-page {
	margin-left: 2px;
	margin-right: 2px;
	font-size: 0.8rem;
	padding: 0.5rem 0.1rem;
	line-height: 1.25;
}

.modal .address-search-container input::-ms-clear {
	display: none;
	width : 0;
	height: 0;
}

.modal .address-box .address-container .address-header--options .halflings.halflings-trash {
	margin-top: 5px;
}

@media only screen and (max-width: 575px) {
	.address-container:not(.active) .address-header,
	.remitTo-address-container:not(.active) .address-header {
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
	}

	.modal .address-header__separator,
	.material-autocomplete__address .address-header__separator,
	.modal .address-container.active .address-separator-comma,
	.modal .address-container .address-elements,
	.material-autocomplete__address .address-container .address-elements,
	.modal .remitTo-address-container.active .address-separator-comma,
	.modal .remitTo-address-container .address-elements,
	.material-autocomplete__address .remitTo-address-container .address-elements {
		display: none !important;
	}

	.address-container .address-header__nickname,
	.remitTo-address-container .address-header__nickname {
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
	}

	.address-container .add-to-personal-container,
	.remitTo-address-container .add-to-personal-container {
		display: none !important;
	}

	.modal .address-container .address-header__current-address,
	.modal .remitTo-address-container .address-header__current-address {
		display: inline-block;
	}

	.modal .address-box .address-right-side {
		border-left: 0;
	}

	div[data-target*="address-search-autocomplete"] {
		width: calc(100% - 150px);
	}

	.cart__name__value {
		flex-basis: auto;
	}

	.address-search-container .input-group {
		width: 100%;
	}
}

@media only screen and (min-width: 576px) {
	.modal .address-container .address-body-container,
	.modal .remitTo-address-container .address-body-container {
		display: flex;
	}

	.address-container .add-to-personal-container,
	.address-container.active .address-body-container,
	.remitTo-address-container .add-to-personal-container,
	.remitTo-address-container.active .address-body-container {
		display: flex;
	}

	.address-container .address-elements-vertical,
	.remitTo-address-container .address-elements-vertical {
		flex-direction: column !important;
		align-items: flex-start !important;
	}

	.address-container .address-elements-vertical .address-separator-comma,
	.remitTo-address-container .address-elements-vertical .address-separator-comma  {
		display: none !important;
	}

	.address-container.active .address-header,
	.address-container.active .address-elements,
	.remitTo-address-container.active .address-header,
	.remitTo-address-container.active .address-elements {
		align-items: center;
	}

	div[data-target*="address-search-autocomplete"] {
		width: 50%;
	}
}

@media only screen and (min-width: 960px) {
	div[data-target*="Line_RequisitionBrand"] {
		width: calc(30% - 65px);
	}
}

.credit-card-container .credit-card-header--options a[disabled] {
	opacity: .65;
}

#creditCardContainer a[aria-expanded='true'] {
	font-weight:bold;
	text-decoration:underline;
}

#paymentoptionslink {
	text-align: right;
}

.section-container--body #paymentoptionslink {
	font-size: 13px;
}

.preloader-container {
	padding: 48px;
}

/* Accounting codes */
.card .section-row .section-container--body table.checkoutSectionBodyTable tr td.HorizontalGroupElement {
	border-top: 1px solid rgba(0, 0, 0, .18);
}

.card .section-row .section-container--body table.checkoutSectionBodyTable tr > td:first-child {
	color: rgba(0, 0, 0, .87);
}

.section-container .section-container--header--title{
	text-transform: capitalize !important;
}

.modal .section-container .section-container--body table th {
	border-top: none;
	padding-bottom: 0.2rem;
	padding-top: 0.2rem;
	vertical-align: middle;
	height: 2.5rem;
}

.modal .section-container .section-container--body table tbody tr:first-child td {
	 border-top: none;
}

.modal .modal-body .section-container--body table.table td input {
	margin-top: 0;
	margin-bottom: 0;
}

.modal .modal-body .section-container--body table.table td .select-wrapper .caret {
	top: 15px;
}

.modal .modal-body .section-container--body table.table tr:last-of-type td {
	border-top: 0px;
}

.modal .modal-body .section-container--body table.table a.MoreInfo.Wrap {
	color: #0275d8;
}

.modal .modal-body .section-container--body table.table td:not(.HorizontalGroupElement) a {
	font-size: 0.875rem;
}

.modal .modal-body .section-container--body .HorizontalGroupElement {
	width: auto;
}

.modal .modal-body .section-container--body .HorizontalGroupElement .mdb-select ~ * {
	margin-top: 0;
}

.modal .modal-body .section-container--body .HorizontalGroupElement > div {
	max-width: 529.328px;
}

.modal .modal-body .section-container--body .HorizontalGroupElement > div select.standard-select {
	max-width: 500px;
}

.modal .modal-body .section-container--body table .input-group--in .input-container,
.modal .modal-body .section-container--body table .element-width .select-wrapper {
	max-width: 150px !important;
}

.modal .modal-body .section-container--body table .input-group--in .input-container.input-standard-select {
	max-width: none !important;
}

.modal .modal-body .section-container--body .row .dropdown-container {
	width: 110px !important;
}

.modal .modal-body .section-container--body .row .input-autocomplete-container {
	width: calc(100% - 165px) !important;
}

.modal .modal-body .section-container--body .row .checkbox-container {
	padding-top: 0.3rem;
}

.modal .modal-body .section-container--body .row .checkbox-container label {
	font-size: 0.8125rem;
	padding-left: 25px;
	margin-bottom: 0px;
}

.modal .modal-body .section-container--body .row .border-outline + .checkbox-container {
	padding-top: 0;
	padding-left: 10px;
}

.modal .modal-body .section-edit {
	will-change: transform;
}

.modal .modal-body .section-edit .section-container--body .input-container input {
	margin-bottom: 0;
}

.modal .modal-body .section-edit .section-container--body .dropdown-container {
	border: 1px solid #bdbdbd;
}

.modal .modal-body .section-edit .section-container--body .search-link-container {
	margin-top: 0.3636em;
	font-size: 0.6875rem;
	text-transform: uppercase;
}

.modal .modal-body .section-edit .section-container--body .dropdown-link-container {
	margin-top: 0.3636em;
	font-size: 0.6875rem;
	text-transform: uppercase;
}

.modal .modal-body .section-edit .section-container--body .commodity-code-value .link-search {
}

.modal .modal-body .section-edit .section-container--body .dropdown-container .btn-group {
	width: 100%;
	text-align: center;
	white-space: nowrap;
}

.modal .modal-body .section-edit .section-container--body .dropdown-container .btn-group a.btn-link {
	font-size: 0.8125rem;
	width: 100%;
	text-transform: uppercase;
}

.modal .modal-body .section-edit .section-container--body .md-form-group.row .col-md-4.col-form-value .row .input-container {
	margin-top: 12px;
}

.modal .modal-body .section-edit .section-container--body .row .input-autocomplete-container {
	padding-top: 6.5px;
}

.modal .modal-body .section-edit .section-container--body .md-form-group.row .col-md-4.col-form-value .d-flex.w-100 {
	height: 40px;
}

.modal .modal-body .section-edit .section-container--body .md-form-group.row .col-md-4.col-form-value .d-flex.w-100 .yui-skin-sam.yui-ac .yui-ac-input {
	margin-top: 4px;
}

.modal .modal-body .section-container--body .md-form-group.row .col-form-value .border-outline .btn {
	height: 100%;
	width: 108px;
}

.modal .modal-body .section-container--body .md-form-group.row .col-form-value .border-outline .btn.btn-icon {
	height: 100%;
	width: auto;
}

#DocumentEditForm input[name='Cart_PreparedFor'] + div > .border-outline,
#DocumentEditForm input[name='ApproverSelectionApproverId'] + div > .border-outline {
	border-top: none;
	border-left: none;
	border-right: none;
}

#DocumentEditForm input[name='Cart_PreparedFor'] + div > .border-outline button:hover,
#DocumentEditForm input[name='Cart_PreparedFor'] + div > .border-outline button:focus,
#DocumentEditForm input[name='ApproverSelectionApproverId'] + div > .border-outline button:hover,
#DocumentEditForm input[name='ApproverSelectionApproverId'] + div > .border-outline button:focus {
	background: transparent;
	color: #0275d8 !important;
}

.modal .modal-body .section-edit .section-container--body .container-line-header__links-group {
	display: flex;
	align-items: center;
}

.modal .modal-body .section-edit .section-container--body .container-line-header__links-group .btn-group button.btn-link,
.modal .modal-body .section-edit .section-container--body .container-line-header__links-group a {
	font-size: 0.8125rem;
	color: #0275d8;
	text-transform: capitalize;
	cursor: pointer;
}

.modal .modal-body .section-edit .section-container--body .container-line-header__links-group a {
	margin-left: 6px;
}

.container-line-header {
    border-bottom: 1px solid rgba(0, 0, 0, .18);
}

.container-line-header .heading {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	margin-bottom: 0;
}

.element-width {
	min-width: 200px;
}

.modal .modal-body .section-edit .section-container--body .link-container {
	text-transform: uppercase;
}


.modal .modal-body table .line-level-elements-container {
	margin-top: 10px;
}
.address-header__nickname a.material-autocomplete__address:focus,
.address-header__nickname a.material-autocomplete__address:hover{
	color: #0275d8 !important;
}

div.dropdown-item {
	cursor: pointer;
}

.address-header__nickname a.material-autocomplete__address,
.material-autocomplete__address-name .address-header__separator,
.material-autocomplete__address-name .address-elements,
.material-autocomplete__address-name .address-elements span.address-read-only-label,
.checkoutSectionBodyTable .HorizontalGroupElement a.btn-flat {
	color: #0275d8;
}

.checkoutSectionBodyTable .HorizontalGroupElement a.btn-flat:hover {
	color: #014c8c;
}

.modal-body .section-container--body .checkoutSectionBodyTable th.HorizontalGroupElement span {
	font-weight: normal;
}

.split-total-section .split-total-percentage {
	font-size: 0.8125rem;
	font-weight: bold;
}

.split-total-section .split-total-percentage span,
.split-total-section .split-total-percentage a {
	text-transform: inherit !important;
	font-size: 0.8125rem !important;
	color: rgb(0, 0, 0, 0.87);
	font-weight: bold;
}

.modal .section-group .supplier-elements--container {
	margin-top: 0.5rem;
}

.section-group .checkoutSectionBodyTable .split-total-cell {
	padding-left: 0.6rem;
	border-top: 1px solid rgba(189, 189, 189);
}

.section-group .checkoutSectionBodyTable .split-total-cell td {
	padding: 0px;
	border: 0px !important;
}

.section-group .checkoutSectionBodyTable .row.no-side-gutters.align-items-baseline .col.md-form {
	padding-bottom: 0px !important;
	margin-bottom: 0px !important;
	margin-top: 0px !important;
}

.section-group .checkoutSectionBodyTable .row.no-side-gutters.align-items-baseline input {
	margin-bottom: 15px !important;
}

.section-group .checkoutSectionBodyTable td .halflings-trash {
	font-size: 1rem;
}

.section-container-group .group-distribution-container .btn-group > .btn.btn-sm {
    font-size: 11px;
}

.group-distribution-container-divider {
    width: calc(100% - 425px);
    margin-top: 1.3rem;
}

.split-remove-section--height {
	height: 2.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.split-remove-section--height a {
	text-align: center;
}

.split-remove-section--height .withIcons {
	line-height: 0;
}

.no-border-top {
	border-top: none !important;
}

@keyframes removed-item-animation {
    from {
        opacity: 1;
        height: auto;
        margin-bottom: 24px;
    }

    to {
        opacity: 0;
        height: 0px;
        margin-bottom: 0px;
    }
}

/* Check Budget Validation */
.validationMessage, .validationMessageErp {
	font-size: 0.8125rem;
}

.notes--container__description .notes--description {
	height: 40px;
	overflow: hidden;
}

.notes--container__description .notes--description.one__row__description {
	height: auto;
}

.notes--container__description .truncate__text > p {
	white-space: pre-line;
}

.notes--container__links {
	font-size: .6875rem;
}

.phoenixSubSection {
	margin-left: 24px;
	margin-bottom: 24px;
}

.phoenixSubSection.subresults {
	margin-left: 0;
}

/* Budget Details*/
.budget-details__container .phoenixSubSection {
	margin-left: 0;
}
.budget-details__container > .phoenixSubSection > .title-bar {
	font-size: .875rem !important;
	color: rgba(0, 0, 0, .87) !important;
	font-weight: bold !important;
	border-bottom: 1px dotted rgba(0, 0, 0, .18);
	padding: 12px 0 !important;
}

.budget-details__container > .phoenixSubSection .float-right a {
	font-size: .8125rem !important;
	font-weight: normal !important;
}

.budget-details__container > .phoenixSubSection > .phoenixSubSection > .title-bar {
	font-size: .875rem !important;
	color: rgba(0, 0, 0, .87) !important;
	font-weight: normal !important;
	padding: 16px 0 0 0 !important;
	opacity: 1;
}
.budget-details__container > .phoenixSubSection > .phoenixSubSection > .phxText,
.budget-details__container > .phoenixSubSection > .phoenixSubSection > .subtitle-bar {
	font-size: .8125rem;
	padding: 0 !important;
	color: rgba(0, 0, 0, .87) !important;
	max-width: 100%;
}

.budget-details__container a[data-toggle="collapse"] ,
.budget-details__container a[data-toggle="collapse"] i {
	font-size: .8125rem !important;
	font-weight: normal !important;
	text-transform: none !important;
	padding: 0;
	margin: 0;
}

.budget-details__container a[data-toggle="collapse"] > i.phxGlyph {
	font-size: 1rem;
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    display: inline-block;
}

.budget-details__container a[aria-expanded="true"] > i.phxGlyph {
    transform: rotate(90deg);
}

.progressbar__container {
	width: calc(100% - 64px);
	height: 25px;
	background-color: rgba(156, 156, 156, 0.15);
    position: relative;
    margin-top: .5rem;
    max-width: 390px;
}

.progressbar__bar {
	height: 100%;
	max-width: 100%;
}

.progressbar__bar[data-progress-style="progress-error"] {
	background-color: #C43535;
}

.progressbar__bar[data-progress-style="progress-warning"] {
	background-color: #FFC100;
}

.progressbar__bar[data-progress-style="progress-good"] {
	background-color: #098755;
}

.progressbar__bar[data-progress-style="progress-error"] .progressbar__data {
	color: #FFF;
}

.progressbar__data {
	font-size: .8125rem;
	margin: 0 12px;
	color: rgba(0, 0, 0, .87);
	position: absolute;
	right: 0;
	height: 100%;
	display: flex;
	align-items: center;
}

.progressbar__icon {
	position: absolute;
	right: -27px;
	height: 100%;
    display: flex;
    align-items: center;
}

.progressbar__bar[data-progress-style="progress-error"] .progressbar__icon i {
	color: #C43535;
}

.progressbar__bar[data-progress-style="progress-warning"] .progressbar__icon i {
	color: #FFC100;
}

.progressbar__bar[data-progress-style="progress-good"] .progressbar__icon i {
	color: #098755;
}

.budget-details__table {
	display: table-cell !important;
}

.budget-details__table  tbody td {
	padding: 4px 0;
}

.budget-details__table  tbody tr td:nth-child(1) {
	display: flex;
	font-size: .8125rem;
	color: rgba(0, 0, 0, .54);
	padding-right: 24px;
}

.budget-details__table  tbody tr td:nth-child(2) .monetary-value {
	display: flex;
}

.budget-details__table  tbody tr td:nth-child(2),
.budget-details__table  tbody tr td:nth-child(2) .monetary-value,
.budget-details__table  tbody tr td:nth-child(2) .monetary-value .readOnlyValue {
	font-weight: normal !important;
	font-size: .8125rem !important;
	color: rgba(0, 0, 0, .87) !important;
}

.budget-details__table  tbody tr td:nth-child(2) .monetary-value .monetary-value-value {
	display: flex;
	margin-right: 4px;
}

/* Notes */
.line-level-elements-container .notes--description {
	height: 41px;
}

.line-level-elements-container .textAreaWrapper textarea {
	height: auto;
}

/* Attachments */
form[name='attachmentResultForm'] a.btn-link.btn-sm.withIcons,
.attachment-container .attachment-container__table__attachment-link-cell a {
	padding-left: 0;
	padding-right: 0;
	max-width: 100%;
	word-break: break-all;
}

form[name='attachmentResultForm'] td {
	text-indent: -1.5em;
	padding-left: 3em;
}

.attachment-component .attachment-container__table__attachment-link-cell,
.attachment-component .attachment-container__table__attachment-link-cell a {
	display: flex;
}

.material-table-wrapper th A.SortDesc,
.material-table-wrapper th A.SortAsc,
.material-table-wrapper th A.SortedDesc,
.material-table-wrapper th A.SortedAsc{
	padding-right: 0px;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	form[name='attachmentResultForm'] a.btn-link.btn-sm.withIcons,
	.attachment-container .attachment-container__table__attachment-link-cell a {
		display: inline-block;
	}

	form[name='attachmentResultForm'] td {
	text-indent: 0;
}
}

.attachment-container__table__attachment-link-cell a.btn-flat:hover,
.attachment-container__actions-add a.btn-flat:hover {
	background-color: transparent;
}
.attachment-container .attachment-container__table__actions-cell {
	width: 60px;
}

.attachment-container .attachment-container__table__actions-cell .cart__cell__item__actions {
	width: 100%;
	text-align: right;
}

.attachment-container--editable .col-form-value .form-inline {
	margin-top: -2px;
}

.attachment-container--editable .col-form-value .k-content {
	margin-top: -6px;
}

.attachment-container--editable .col-form-value .k-dropzone {
	padding-top: 0;
	padding-left: 0;
}

span.k-filename div.readOnlyValue.phx.form-control {
	padding-top: 0.6rem;
}

.attachment-container--editable .col-form-value .input-group input {
	padding-right: 30px;
}

.attachment-container--editable .col-form-value > .radio-group {
	padding-top: 0;
}

.attachment-container--editable .col-form-label {
	padding-bottom: calc(0.6rem + 1px) !important;
}

/* Size */
.attachment-container .checkoutSectionBodyTable thead th:nth-child(2) {
	text-align: right;
}

/* Attached on */
.attachment-container .checkoutSectionBodyTable thead th:nth-child(3) {
	text-align: left;
	padding-left: 50px;
}

.attachment-component .card {
	margin-bottom: 0;
}

.attachment-component .card .card-header__title {
	text-transform: uppercase;
}

/* Line Level Attachments */
.line-level-elements-container .attachment-container {
	margin-top: 20px;
}

.line-level-elements-container .attachment-container .attachment-component table {
	margin-bottom: 0;
}

.line-level-elements-container .line-level-elements-container__right-section .attachment-container {
	margin-left: -15px;
}

.attachment-container .attachment-container__actions-add {
	text-align: center;
}

.replenishment-container-checked {
	background-color: #f2f2f2;
	padding-left: 10px;
	padding-bottom: 10px;
}

.replenishment-uom-description {
	margin-top: 10px;
}

.replenishment-stockunit-help {
	font-size: .6875rem!important;
}

.replenishment-label a,
.replenishment-label span {
	color: rgba(0, 0, 0, .87)!important;
	font-size: .8125rem!important;
}

/* Comments*/

.nav--with-badge {
	position: relative;
	overflow: unset;
}

.nav--with-badge a {
	padding-right: 32px;
}

.container-fit-height {
	min-height: calc(100% - 32px);
}

.comments__header {
	color: rgba(0, 0, 0, .87);
	font-size: 1rem;
	align-items: center;
	flex-wrap: wrap;
}

.comments__header .btn:not(.btn-icon-rounded) {
	height: 30px;
}

.comments__add {
	margin: -20px -20px 0 -20px;
}

.comments__header > div {
	font-size: 1rem;
}

.comments__header > .justify-content-sm-end > .md-form-group {
	margin-top: 4px;
}

.document-comment {
    margin-bottom: 20px;
    border-left: 3px solid #d2d2d2;
    font-size: .8125rem;
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
}

.document-comment:hover,
.document-comment:focus {
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.document-comment__header {
	padding: 0 8px;
	background-color: #f2f2f2;
	flex-wrap: wrap;
}

.document-comment.active .document-comment__header {
	background-color: rgba(28, 127, 206, 0.1);
}

.document-comment__header .header__left {
	color: rgba(0, 0, 0, .87);
}

.document-tag,
.poclause-inherited-org-bu {
	background-color: #d2d2d2;
	font-size: .6875rem;
	color: rgba(0, 0, 0, .54);
	padding: 4px;
	border-radius: 2px;
	height: fit-content;
	white-space: nowrap;
}

.document-tag a {
	color: rgba(0, 0, 0, .54);
}

.document-comment__subject {
	padding: 14px 20px;
}

.collapsible-card__header .list-group-filters__title {
	height: 16px;
	width: 20px;
	display: inline-block;
}

.collapsible-card__body {
	padding-left: 40px;
	padding-right: 20px;
}

collapsible-card--widget {
	padding: 0 10px;
}

.document-comment--reply {
	margin-left: 40px;
}

.document-comment__body {
	padding: 8px;
	word-break: break-word;
	word-wrap: break-word;
	white-space: pre-line;
}

.document-comment__footer {
	padding: 0 8px;
}

.document-comment__footer .document-comment__users,
.document-comment__footer .document-attachment {
	padding-bottom: 8px;
	font-size: .6875rem;
	color: rgba(0, 0, 0, .54);
}

form[name='commentForm'] .ui-wrapper {
	padding-right: 0px !important;
	padding-bottom: 0px !important;
}

@media all and (-ms-high-contrast:none), (-ms-high-contrast:active) {
	.center-fixed-btn-comment {
		bottom: 54px;
	}
}

.document-attachment__button a {
	padding: 0;
    color: rgba(0, 0, 0, .5) !important;
    font-size: .875rem;
    text-decoration: none !important;
    vertical-align: middle;
    margin-left: 5px;
}

.po-clauses-values td {
	color: rgba(0, 0, 0, .87) !important;
	font-size: 0.8125rem !important;
}

.po-clauses-number {
	padding-right: 10px;
	text-align: right;
	vertical-align: top;
}

.po-clauses-header th,
.po-clauses-header-edit th {
	font-size: 0.8125rem;
	padding-top: 0;
	vertical-align: middle!important;
}

.po-clauses-header-edit th {
	padding-bottom:0!important;
}

.po-clauses-header-edit th label {
	margin-bottom:0!important;
}

.po-clause-cell-align-center {
	text-align: center;
}

.po-clause-cell-align-right {
	text-align: right;
}

.po-clause--container__text .show-more-less {
	font-size: .6875rem;
}

.po-clause--container__text .show-more-less .btn-link {
	cursor: pointer;
	color: #0056b3;
}

.cart__cell .grid__cell__quickview__cart__non__catalog__desc,
.cart__cell .grid__cell__quickview__cart__item__desc {
	min-height:54px;
	overflow: hidden;
	font-weight: normal;
}

@media screen and (max-width: 1199px) {
	.cart__cell .grid__cell__quickview__cart__non__catalog__desc,
	.cart__cell .grid__cell__quickview__cart__item__desc {
		min-height: auto;
	}
	
	.form-group.row {
   		margin-bottom: 10px;
	}
	
	.body-container-full .quantity--total .one-line-text {
    	min-height: 30px;
	}
}

.cart__cell .grid__cell__quickview__cart__non__catalog__desc.truncate__text,
.cart__cell .grid__cell__quickview__cart__item__desc.truncate__text {
	overflow-wrap: break-word;
}

@media (min-width: 768px) and (max-width: 992px), (max-width: 645px) {
	.cart__cell .grid__cell__quickview__cart__non__catalog__desc.truncate__text,
	.cart__cell .grid__cell__quickview__cart__item__desc.truncate__text {
		margin-right: 0;
	}
}

@media (max-width: 767px) {
	.col.grid__cell__quickview__cart__desc .grid__cell__quickview__cart__non__catalog__desc.truncate__text,
	.col.grid__cell__quickview__cart__desc .grid__cell__quickview__cart__item__desc.truncate__text {
		width: 100%;
		margin-right: 90px;
	}

	.cart__cell .grid__cell__quickview__cart__non__catalog__desc.truncate__text,
	.cart__cell .grid__cell__quickview__cart__item__desc.truncate__text {
		padding-right: 0;
	}
}

.cart__cell .grid__cell__quickview__cart__item__desc > a:first-of-type {
	display: block;
}

@media (min-width: 1440px) {
	.row.no-side-gutters.line-level-elements-tsh-container .tsh-line__right-content.line-level-elements-container__right-section {
		max-width: calc(50% - 86px);
	}
}

@media only screen and (max-width: 1199px) {
	.body-container:not(.body-container-full) .quantity--total .row .one-line-text {
		flex: 0 0 100%;
    	max-width: 100%;
    	min-height: 30px;
	}
	.modal .modal-body .section-container--body .quantity--total .row .one-line-text {
		flex: 1 0 0;
	}
}

@media only screen and (max-width: 991px) {
	.body-container .quantity--total .row .one-line-text {
		flex: 0 0 100%;
    	max-width: 100%;
	}
	.modal .modal-body .section-container--body .quantity--total .row .one-line-text {
		flex: 0 0 100%;
    	max-width: 100%;
	}
}

@media (max-width: 1099px) {
	.document__cell__item .grid__cell__quickview__cart_container .actions,
	.cart__cell .document__cell__group .actions,
	.grid__cell__quickview__cart__desc .document__cell__group .actions,
	.cart__cell__supplier__read-only .document__cell__group .actions {
		top: 0px;
		right: 0;
	}
}

@media (max-width: 1099px) and (min-width: 992px) {
	.grid__cell__quickview__cart__desc .item .col-lg-7.col-xl-6.mb-3,
	.grid__cell__quickview__cart__desc .item .col-lg-7.col-xl-7.mb-3 {
		margin-top: 35px;
	}

	.grid__cell__quickview__cart__desc .item .col-lg-6.col-xl-8.col-sm-5.row {
		margin-top: 35px;
		padding-left: 0px;
	}

	.grid__cell__quickview__cart__desc .item .col-lg-6.col-xl-8.col-sm-5.row .one-line-text{
		padding: 0px;
	}
}

@media (max-width: 991px) and (min-width: 768px) {
	.grid__cell__quickview__cart__desc .item .col-lg-6.col-xl-8.col-sm-5.row .one-line-text{
		padding: 0px;
	}
}

.comments-container table td {
	font-size: 0.8125rem;
}

#UploadForm .control-group .mock-required-indicator {
	display:none;
}

#UploadForm .control-group-required .mock-required-indicator {
	font-size:0;
	display:inline;
}

.material-table th.control-group-required:after,
.form-group.required span.col-form-label:after,
.remitTo.required div.col-form-label:after,
#UploadForm .control-group-required .mock-required-indicator:after {
	position:relative;
	top:0px;
	font-family: Glyphicons Halflings;
	font-size:9px;
	margin-left:.4em;
	content: "\E006";
}


.supplier-group__table__header {
	background-color: #f0f0f0;
}

.supplier-group__table td {
	padding: 8px 20px;
}

.supplier-group__table .form-group label,
.supplier-group__table label[for*="checkbox"] {
	margin-bottom: 0;
	height: 18px;
	padding-right: 20px;
}

.section-container .document__cell__item .line-sub-section-header {
	height: auto;
}

.supplier-group__table .form-group label::before,
.supplier-group__table label[for*="checkbox"]::before {
	margin: 0;
}

.supplier-group__table__body .supplier-group__line {
	border-bottom: 1px dashed #bdbdbd;
}

.supplier-group__table__body .supplier-group__line--form td:not(:first-child) {
	border-bottom: 1px solid rgba(0, 0, 0, .18);
}

.supplier-group__table__body .supplier-group__line--last {
	border-bottom: 1px dashed #bdbdbd;
}

.supplier-group__table__body .ItemQuantityCell {
	text-align: center;
}

.CartExtendedPrice .item__discount {
	position: absolute;
	top: 26px;
}

.supplier-group__middle-border-line {
	border-right: 1px solid rgba(0, 0, 0, .18);
	padding-right: 10px !important;
}


.material-container__header {
	display: flex;
	padding: 8px 0;
	border-bottom: 1px solid rgba(0, 0, 0, .18);
}

.material-container__content .material-container__content .heading {
	padding: 8px 0;
	border-bottom: 1px dotted rgba(0, 0, 0, .18);
}

.link-search .glyphicons-search {
	background-color: rgba(0,0,0,.04);
}


.material-container__search .phoenixSubSection,
.material-container__search input[type="search"] {
	font-size: .8125rem;
}

.material-container__search .pageNavButtonRow {
	background-color: #FFFFFF;
}

.material-container__search .row .btn-flat {
	padding: 8px;
	margin: 0;
	font-size: 11px;
	height: 40px;
}

.material-container__search .phx-no-results-box {
	border-top: 1px solid #D7D7D7;
	text-align: center;
	padding: 12px;
}

.material-container__search .phx-pagination > .pageNavButtonRow > .Previous .btn-group button {
	padding: 0px;
	width: 32px;
    height: 32px;
    border-radius: 50%;
}

.results-pagination .preferred-dropdown button {
	padding-bottom: 2px;
	white-space: nowrap;
}

.material-container__search .phx-pagination > .pageNavButtonRow > .Previous .btn-group {
    margin-right: .5rem;
}

.material-container__search .loading-inline.add-on {
	padding: 0 8px;
}

.material-container__search .tableWrapper tr th:first-child,
.material-container__search .tableWrapper tr td:first-child {
	padding-left: 13px;
}

.material-container__search .phx-pagination .readOnlyPageOf{
	padding-left: 10px;
}



.supplier-group__table__actions label{
	margin: 0;
	height: 20px;
}

.TableCellAlignRight {
	text-align: right;
}

.ProductDescriptionLink {
	color: #3f6fdc !important;
}

.POLinesTable .POUnitPriceCell {
	text-align: right;
}

.POLinesTable .document__cell__item__header {
	padding-left: 0;
	padding-right: 0;
}

.POLinesTable .supplier-group__table__cell--actions {
	position: absolute;
	right: 31px;
}

.POLinesTable > .document__cell__item .document__cell__item__actions {
	right: 0;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
   .POLinesTable .supplier-group__table__cell--actions {
	   right: 32px;
   }

	.modal-content .POLinesTable .actions-row input[type="checkbox"] + label,
	.modal-content .POLinesTable .actions-row__action input[type="checkbox"] + label {
		margin-left: -7px;
	}
}

@media all and (-ms-high-contrast: none) and (max-width: 1200px),
		all and (-ms-high-contrast: active) and (max-width: 1200px) {

		.modal-content .POLinesTable .row.no-side-gutters.item {
			position: relative;
			margin-right: -15px !important;
		}

		.document__cell__item .document__cell__item__actions {
			top: 6px;
		}

}


.POUnitPriceCell span {
	color: black;
}

.form-multiline-items__container {
	padding: 10px 0 0;
	margin: 0 15px;
}

.form-multiline-items__container .actions,
.form-line-items  .actions {
	right: -15px;
	top: -3px;
}

.form-multiline-details__container {
	margin-left: 45px;
}

.modal-body-content .form-multiline-details__container {
	margin-left: 0px;
}

.section-container--body .md-group-error.row,
.group-elements__container .md-group-error.row {
	padding-bottom: 5px !important;
}

.cart__name__value {
	padding-left: 15px;
	padding-right: 15px;
}

.cart__name__value .EmptyValue {
	padding: 0;
}

#shareGroupMembersModal .select-wrapper input.select-dropdown {
	font-size: 0.8125rem;
}

.page--document .card .tableWrapper {
	overflow-x: auto;
}

.page--document .card .tableWrapper th {
	white-space: nowrap;
}

.page--document .card .tableWrapper td {
	height: 100%;
}

.page--document .card .tableWrapper .phx.label {
	padding: 2px 11px 3px 11px;;
	border-radius: 5px;
	font-weight: bold;
}

.page--document .phx-pagination {
background-color: transparent;
}

.page--document form[name='AuditTrailFilters'] .select-wrapper input.select-dropdown {
	margin: 0;
	height: 40px;
	font-size: 13px;
}

.page--document form[name='AuditTrailFilters'] .btn.border-gray {
	height: 40px;
	margin-top: 4px;
	margin-right: 8px;
	margin-left: 8px;
	padding-top: 9px;
}

.page--document form[name='AuditTrailFilters'] div#POAuditTrail_Filters {
	width: 190px;
}


.page--document form[name='AuditTrailFilters'] .material-autocomplete > .input-group > input[type=search] {
	margin: 0;
	height: 40px;
	font-size: 13px;
}

.page--document form[name='AuditTrailFilters'] .material-autocomplete .search_bar__input__clear_button {
	height: 20px;
	margin-right: 6px;
}


.tsh-line__right-content {
	padding-right: 13px;
	padding-left: 0;
	overflow-x: auto;
	overflow-y: hidden;
}

.SupplierTotals {
	overflow-x: auto;
	overflow-y: hidden;
	max-width: calc(50% - 103px);
}

.supplier-group__container--TSH .SupplierTotals {
	max-width: calc(50% - 41px);
}

.SupplierTotals b,
.SupplierTotals .FieldReq {
	font-weight: bold;
}

.cart__cell__supplier--taxes__edit .SupplierTotals {
	padding-right: 0;
}

.SupplierTotals table td:not(:last-of-type),
.tsh-line__right-content table td:not(:last-of-type) {
	font-size: 0.8125rem;
	padding-left: 0;
	padding-right: 8px;
}

.body-container .SupplierTotals table > tbody > tr > td,
.body-container .tsh-line__right-content table > tbody > tr > td {
	vertical-align: middle;
}

.cart__cell__supplier__edit .SupplierTotals table tr td.control-label,
.doc-line__edit-content .tsh-line__right-content table tr td.control-label {
	vertical-align: top;
    padding-top: 8px;
}

.cart__cell__supplier__edit .options-icon-rounded {
	padding-right: 20px;
}

.SupplierTotals .phx.input-small,
.SupplierTotals .col-form-value tr td:last-child input[type="text"],
.tsh-line__right-content .phx.input-small,
.tsh-line__right-content .col-form-value tr td:last-child input[type="text"] {
	width: 60px;
}

.tsh-line__right-content .select-wrapper {
	min-width: 80px;
}

.SupplierTotals .md-form-group div.col-form-value table input[type="text"],
.SupplierTotals .md-form-group .col-form-value > input[type="text"],
.tsh-line__right-content .md-form-group div.col-form-value table input[type="text"],
.tsh-line__right-content .md-form-group .col-form-value > input[type="text"] {
	margin-top: 4px;
}

.SupplierTotals .md-form-group td .col-form-value {
	padding-top: 0;
}

.SupplierTotals .select-wrapper {
	min-width: 60px;
}

.SupplierTotals .ErrorMessageLine,
.tsh-line__right-content .ErrorMessageLine {
	text-align: left;
}

.doc-line__edit-content .document__cell__item .grid__cell__quickview__cart__img {
	pointer-events: none;
}

.doc-line__edit-content .document__cell__item .grid__cell__quickview__cart__item__desc  a {
	color: rgba(0, 0, 0, .87)!important;
	pointer-events: none;
}

.doc-line__edit-content.edit .border-solid-bottom {
	border: none;
}

/* PO Preview */
.card--po-preview .card-header .text-nowrap > .form-group.row {
	padding-bottom: 0 !important;
}

.card--po-preview .card-header .text-nowrap > .form-group.row .col-form-label,
.card--po-preview .card-header .text-nowrap >  .form-group.row .col-form-value {
	flex: 0;
	max-width: 100%;
}

.card--po-preview .card-header .text-nowrap >  .form-group.row .col-form-value {
	font-style: italic;
	padding-right: 1px;
}

.card--po-preview .table--total tbody tr td {
	padding-bottom: .25rem;
	color: rgba(0, 0, 0, .87);
}

.card--po-preview .table--total tbody tr td a {
	font-size: 0.875rem;
	color: rgba(0, 0, 0, .87);
}

.card--po-preview .table--total tbody tr td:nth-child(3) {
	padding-right: 3rem;
}

@media (max-width: 1439px) {
	.SupplierTotals {
		max-width: calc(50% - 18px);
	}
}

@media (max-width: 991px) {
	.SupplierTotals {
		max-width: calc(100% - 18px);
	}

	.SupplierTotals.solid-left-border {
		border-left: none;
	}

	.doc__body:not(.material-form__body) .header-section__row > table > tbody > tr > td {
		display: block;
		width: 100% !important;
	}
}

@media (max-width: 991px) and (min-width: 768px) {
	.tsh-line__right-content {
		max-width: calc(100% - 26px);
		padding-right: 0;
	}
}

.card--total .side-bar-actions a.btn {
	margin-top: 7px;
}

.distribution-override {
	font-size: .8125rem;
	line-height: normal;
}

.workflow-step__options .option .btn-group.preferred-dropdown {
	margin-top: 2px;
}

#DistMethodsTable_Collapsible .form-group {
	margin-bottom: 5px;
}

#DistMethodsTable_Collapsible .form-group .col-form-value .readOnlyValue {
	padding-top: calc(0.6rem + 1px);
	padding-bottom: calc(0.6rem + 1px);
}

.modal #TradeIn_TradeInItem .material-table-wrapper .material-table th:first-child,
.modal #TradeIn_TradeInItem .material-table-wrapper .material-table td:first-child {
	width: 255px;
}

.external-communication-content .collapsible-panel__text {
	padding: 8px 0;
	display: flex;
	align-items: center;
}

.external-communication-content .card-body {
	padding: 0px 8px 0px 15px;
}

.external-communication-content .collapsible-section--link a[data-collapse-target-state="collapsed"] + div.collapsible-panel__content {
	border-bottom-color: transparent;
}

.external-communication-content .options-icon-rounded {
	padding-top: 5px;
}

.collapsible-section--link	a > .halflings-chevron-right {
	top: 2px;
}

.external-communication-content .modalHeading {
	border-bottom: 1px solid rgba(0,0,0,.18);
}

.external-communication-content  .header-section__row {
	margin-right: 0px !important;
}

.cr-reason-content .card-body {
	padding: 0px 8px 0px 15px;
}

.cr-reason-content .collapsible-section--link a[data-collapse-target-state="collapsed"] + div.collapsible-panel__content {
	border-bottom-color: transparent;
}

.cr-reason-content .modalHeading {
	padding: 8px 0;
	border-bottom: 1px solid rgba(0,0,0,.18);
	align-items: center;
}

.cr-reason-content .header-section__row {
	margin-right: 0px !important;
}

.cr-reason-content .collapsible-panel__text {
	padding: initial;
}

@media (max-width: 530px) {
	.doc__body {
		padding-left: 10px;
		padding-right: 10px;
	}
}

.line-sub-section-header__left-section--additional-icons img {
	height: 15px;
	width: auto;
}

.line-sub-section-header__left-section--additional-icons a.btn-link {
	font-size: .75rem;
}

.line-sub-section-header__left-section--additional-icons a.btn-link:focus-visible {
	outline: 2px solid #000000;
	position: absolute;
}

.line-sub-section-header__left-section--additional-icons .btn-group.preferred-dropdown {
	padding-bottom: 3px;
}

.supplierNotesRow td {
	border-top: 0;
}

.hasSupplierNoteRow {
	border-bottom: 0 !important;
}

.hasSupplierNoteRow td {
	border-bottom: 0 !important;
	border-top: 0 !important;
}

#DistributionOptions .control-group > .control-label.phx {
	padding-top: 11px;
}

.form-group .col-form-value .standard-select {
	min-width: 75px !important;
	width: inherit;
}

@media (max-width: 1380px) {
	.section-container--body .form-group.row .col-form-value,
	.group-elements__container .form-group.row .col-form-value {
		flex: 60% !important;
	}

	.form-group .col-form-value .standard-select {
		min-width: 100px !important;
		width: inherit;
	}
}


.page--condensed .section-container--header {
	padding: 5px 0;
}


	DIV.PaginationHdrTop,
	DIV.PaginationHdrBottom {
		padding: 1px;
        background:url('/app_docs/art/background/2011_PanelTitle.png') repeat-x;
        background-color: #DFDFDF;
	}

    DIV.PaginationHdrBottom {
        border-top:1px Solid #C1C1C1;
    }

	TD.PaginationHdr,
	TD.PaginationHdrCenter {
		color: #1F1D31;
		vertical-align: middle;
	}

	TD.PaginationHdrCenter {
		font-weight: bold;
		color: #000000;
		font-size: 1.1em;
		text-align: center;
	}

	A.PaginationHdr {
		color: #1F1D31;
		cursor: help;
	}

    DIV.PaginationHdrTopInsidePanel {
        border-top: 1px solid #DFDFDF;
        background-color: #DFDFDF;
    }

	TABLE.SearchResultsInContainer {
		border-left: 1px solid #DFDFDF;
		border-right: 1px solid #DFDFDF;
		border-bottom: 1px solid #DFDFDF;
	}

	TR.ResultsTableSelectableRow, TR.ResultsTableHighlightedRow {
		cursor: pointer;
		cursor: hand;
	}

	TR.ResultsTableHighlightedRow {
		background-color: #D1D8E5;
		color: #000000;
	}

	TR.ResultsTableHighlightedRow A {
		color: #000000;
	}
	TR.ResultsTableHighlightedRow A:hover {
		color: #000000;
		text-decoration:none;
	}

	TR.ResultsTableSelectedRow, SPAN.ResultsTableSelectedRow {
		background-color: #9eadc1;
		color: #000000;
	}

	.displayNone{
		display:none;
	}

	TD.GroupSeparator {
		border-bottom: 1px solid #DFDFDF;
	}

	TABLE.PageSelector TD {
		padding:0px 2px 0px 2px;
		vertical-align:middle !important;
	}

	DIV.FilterSortOverlayList {
		overflow:auto;
	}

	DIV.FilterSortOverlayListItem {
		padding:2px;
		border-top: 1px solid #D1D8E5;
	}

	DIV.SortLinkBox {
		padding:5px;
		padding-right:10px;
	}

	TD.SortLink {
		padding-right:8px;
		padding-top:3px;
		padding-bottom:3px;
		vertical-align: middle;
	}

	DIV.FilterBox {
		background: white;
		border-top: 1px solid #C1C1C1;
	}

	DIV.docSearchFilterTitle, TABLE.docSearchFilterTitle  {
		background-color:#dfdfdf;
		font-size:1.1em;
		font-weight:bold;
		padding-left:1px;
	}

	DIV.sq-searchresult-nav {
		margin-bottom:1em;
	}

	DIV.sq-searchresult-nav TD {
		font-weight:bold !important;
		vertical-align:middle;
	}

	DIV.sq-searchresult-nav TD A {
		font-weight:bold !important;
	}

    TH.ColHdr, TH.ColHdrSorted {
        font-weight : bold;
        color: #1F1D31;
        border-bottom:1px Solid #C1C1C1;
        vertical-align:middle;
    }

    TH.ColHdr {
        background:url('/app_docs/art/background/2011_PanelBackground.png') repeat-x left top #DFDFDF;
    }

    TH.ColHdrSorted {
        background:url('/app_docs/art/background/2011_SelectedSortColHeader.png') repeat-x left top #DFDFDF;
    }

	TD.nowrap,
	TH.nowrap,
	TD.force-no-wrap {
		white-space: nowrap;
	}

    TD.ColFtr {
        font-weight: bold;
        border-top: 1px solid #DFDFDF;
        padding-top: 8px;
        padding-bottom: 8px;
    }

    TD.align-right {
    	text-align: right;
    }

    table.table.phx tr > td.force-no-wrap .phx.phxText,
    table.table.phx tr > td.force-no-wrap .readOnlyValue {
	    white-space: nowrap;
	    text-overflow: ellipsis;
	    overflow: hidden;
	    display: inline-block;
	    word-wrap: normal;
	}

    table.table.phx tr > td.force-no-wrap .monetary-value .readOnlyValue {
	    display: inline-block;
	}

    .monetary-value .readOnlyValue,
    div.controls .monetary-value .readOnlyValue,
    .monetary-value .monetary-value-value,
    div.controls .monetary-value .monetary-value-value {
    	display: inline-block;
    	vertical-align: top;
    }

    .monetary-value .monetary-value-value + .readOnlyValue,
    div.controls .monetary-value .readOnlyValue + .monetary-value-value {
    	padding-left: .5em;
    	text-align: left;
    }

    A.ColHdr, A.ColFtr {
        color: rgba(0, 0, 0, .87);
    }

    A.SortDesc, A.SortAsc, A.SortedDesc, A.SortedAsc {
        padding-right:12px;
    }

    table.phx A.SortDesc, table.phx A.SortAsc, table.phx A.SortedDesc, table.phx A.SortedAsc {
        display:inline;
        padding-right:5px;
    }

    table.phx th .label-container .accessibilityHidden {
		position: absolute !important;
		top: -9999px !important;
		left: -9999px !important;
		opacity: 0;
    }

	.btn-link.withIcons.ColHdr {
		display: flex;
		align-items: center;
	}

	TH[style="text-align:right"] .btn-link.withIcons.ColHdr {
		justify-content: end;
	}

	.ColHdr .linkText {
		color: rgba(0, 0, 0, .87);
	}

	.ColHdr:hover,
	.ColHdr:focus,
	.ColHdr:focus .linkText,
	.ColHdr:hover .linkText {
		text-decoration: none !important;
	}

	.ColHdr > svg {
		height: 16px !important;
		width: 16px !important;
		min-width: 16px;
		margin-left: 3.5px;
		order: 1;
		fill: rgba(0, 0, 0, .87) !important;
	}

    A.PaginationHdr:HOVER {
        text-decoration: none;
    }

	@media print {
		DIV.sq-searchresult-nav {
			display: none;
		}
	}

	input[type="text"].searchTextBox {
		background:white url('/app_docs/art/phoenix/menu/dark/search_12.png') no-repeat;
		background-position:99% center;
		padding-right:16px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}

	input[type="text"].phx.searchTextBox {
		height:2.1em;
	}


	.searchWrapper {
		margin-bottom:1em;
	}

	.searchWrapper a.btn-link {
		vertical-align:baseline;
	}

	.searchWrapper .searchContentToAlign {
		position:relative;
		top:7px;
	}

	.searchWrapper select.phx {
		vertical-align:baseline;
		width:auto;
		max-width:auto;
	}

	table.SearchResults tr.phxDisplayRow td {
		padding-top: 1em;
		padding-bottom: 1em;
	}

	table.SearchResults tr.phxDisplayRow div.iconRow {
		margin-top:0.7em;
		margin-left:1px;
	}

	table.SearchResults tr.phxDisplayRow td div.phx.multicolumn {
		margin-top: 0.4em;
		padding-left: 0.5em;
	}

	table.SearchResults tr.phxDisplayRow td div.phx.multicolumn div.data-row-content {
		white-space: nowrap;
	}

	.modal-body .phx.multicolumn {
		margin-right:1em;
		margin-top: 1em;
	}

	table.SearchResults tr.phxDisplayRow td div.Next {
		padding-right: 1em;
	}

	table.phx.table > thead > tr > th.force-no-wrap{
    	white-space: nowrap;
    	word-wrap: normal;
    	word-break: normal;
	}


	div.phoenixSubSection.subresults span.requestsupplier {
		font-style: normal
	}

	div.phoenixSubSection.subresults span.requestsupplier a.btn.btn-link.btn-confirm {
		padding-bottom: 0.25em;
	}

	table.phx.table .readOnlyValue {
		display: inline;
		white-space: normal;
		word-wrap: break-word;
		word-break: break-word;
	}

	.TableFg {
		border: 1px solid #C1C1C1;
	}

	.TableFg {
		background: white;
	}

	.force-no-wrap {
		white-space: nowrap;
	}

	.pageNavButtonRow {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	@media (max-width: 569px) {
		.pageNavButtonRow {
			flex-direction: column;
		}

		.pageNavButtonRow .Previous {
			max-width: 100%;
			overflow-x: auto;
			line-height: 0;
		}

		.pageNavButtonRow .right-container {
			flex-direction: column;
			border-left: 0 !important;
		}

		.pageNavButtonRow .right-container .Next {
			margin-right: 0 !important;
		}

		.pageNavButtonRow .right-container .page-size-select {
			line-height: 0;
		}
	}



hr.full-bleed {
	width: 100%;
	border-color: #000;
	opacity: .12;
	margin: 20px 0px 20px 0px;
}

hr.space-only {
	position: relative;
	border-top: 1px solid transparent;
	margin: 20px 0px;
	background-color: transparent;
}
hr.little-space-only {
	width: 140%;
	position: relative;
	left: -20%;
	border-top: 1px solid transparent;
	margin: 4px 0px;
	background-color: transparent;
}

h1,
h2,
h3 {
	font-weight:bold;
}

h4,
.text-style-bold {
	font-weight: 500;
}

strong {
	font-weight: 600;
}

.text-blue {
	color: #0275d8 !important;
}

.md-title-row {
	font-weight: bold;
	font-size: 0.875rem;
	padding-top: 5px;
	padding-bottom: 5px;
}

.variant-h1 {
	font-size: 1.125rem;
	line-height: 1.875rem;
	letter-spacing: 0.0125rem;
	font-weight: 400;
}

.variant-h2 {
	font-size: 1rem;
	line-height: 1.5625rem;
	letter-spacing: 0.0125rem;
	font-weight: 400;
}

.variant-h3 {
	font-size: 0.8125rem;
	line-height: 1.25rem;
	letter-spacing: 0.05rem;
	font-weight: 500;
}

.variant-h4 {
	font-size: 0.75rem;
	line-height: 1.25rem;
	letter-spacing: 0.05rem;
	font-weight: 500;
}

.variant-h5 {
	font-size: 0.8125rem;
	line-height: 1.25rem;
	letter-spacing: 0;
	font-weight: 400;
}

.variant-p,
.variant-link {
	font-size: 0.8125rem;
	line-height: 1.25rem;
	letter-spacing: 0;
	font-weight: 400;
}

.variant-caption {
	font-size: 0.75rem;
	line-height: 1.25rem;
	letter-spacing: 0;
	font-weight: 400;
}

.variant-hero-1 {
	font-size: 2.5rem;
	line-height: 2.5rem;
	font-weight: 400;
	letter-spacing: 0.1rem;
}

.variant-hero-2 {
	font-size: 1.875rem;
	line-height: 1.875rem;
	font-weight: 400;
	letter-spacing: 0.1rem;
}



.font-weight-500 {
	font-weight: 500 !important;
}



.alert ul li:before,
.card-body ul li:before {
	display: inline-block;
	font-size: 0.7em;
	line-height: 0;
	margin-left: -1.5em;
	width: 1.5em;
	position: relative;
	top: -0.15em;
	content: '*';
}



.monetary__currency-code {
	font-size: 0.8em;
	font-weight: normal;
}

.grid__cell__quickview__price .monetary-value-value,
.grid__cell__quickview__price .monetary-value-value .readOnlyValue,
.grid__cell__quickview__price .monetary-value-value + .readOnlyValue{
	display:inline-block;
}

.grid__cell__quickview__price .monetary-value-value {
	padding-right:.4em;
}

.grid__cell__quickview__shipping .shipping_value {
	padding-right:.5em;
}

.grid__cell__quickview__liveprice .monetary-value-value,
.grid__cell__quickview__liveprice .monetary-value-value .readOnlyValue,
.grid__cell__quickview__liveprice .monetary-value-value + .readOnlyValue{
	display:inline-block;
}

.grid__cell__quickview__liveprice .monetary-value-value {
	padding-right:.4em;
}



.grid__cell__quickview__add button.btn-flat {
	font-size: 0.875rem;
	font-weight: normal;
	text-transform: capitalize;
	height: 30px;
}


.filters > button,
.card.card--total button,
.card.card--total .card-body .btn,
	font-weight: bold;
	text-transform: capitalize;
	height: 30px;
}

.form-check-label {
	font-size: 0.75rem !important;
	font-weight: bold;
}

.checkbox .form-check-label {
	font-size: 13px;
	padding-left: 8px;
}

.filters > button,
.modal-footer-buttons button:not(.dropdown-toggle):not(.dropdown-accessibility-toggle) {
	min-width: 80px;
	margin: 0;
}

.card.card--total button,
.card.card--total .card-body .btn {
	margin-left: 0;
	margin-bottom: 0;
}

.card.card--total .card-body .btn {
	padding-left: 20px;
    padding-right: 20px;
}

.card.card--total .card-body .btn-group .dropdown-toggle,
.doc__header--actions-buttons .btn-group .dropdown-toggle.btn-primary {
	padding-left: 0px;
	padding-right: 0px;
}

.card.card--total .card-body .btn,
.card.card--total .card-body .btn span {
	text-decoration: none;
}


.card-header__title {
	color: rgba(0, 0, 0, .87);
	font-size: 1rem;
	align-items: start;
	line-height: 2;
}

.card-header h1 {
	font-size: 0.9375rem;
}

.card-header__title.card-header--label--black,
.card-header__title.card-header--help--icon--black .section-container__header__icon{
	color: #000000;
}


.cart__name__label,
.cart__name__input,
.cart__name__input > input,
.cart__name__input > span {
	position: relative;
	font-size: 1.125rem;
	font-weight: normal;
}

.md-form .cart__name__input input,
.md-form .cart__name__input > span,
.md-form .readOnlyValue,
.EmptyValue,
span.noValue {
	color: rgba(0, 0, 0, .87);
	font-size: 0.8125rem;
}

.cart__name__input {
	margin-right: 15px;
}

.modal .address-search__no-result,
.EmptyValue,
span.noValue {
	font-style: italic;
}

.EmptyValue > a.btn.btn-link {
	padding: 0 1px;
}

.col-form-value,
.col-form-value > .EmptyValue,
.col-form-value > .readOnlyValue {
	line-height: 20px;
}


/*.grid__cell__quickview__desc,
.detailview__block__desc,
.cart__cell .ProductDescription,
.grid__cell__quickview__cart__item__desc .product-description {
	font-size: 1rem;
	font-weight: normal;
	padding: 0;
}*/

.cart__cell .ProductDescription span {
	white-space: nowrap;
}

.ProductDescription.white-space-normal span {
	white-space: normal;
}

.detailview__block__desc {
	font-size: 1.125rem;
	font-weight: normal;
	color: rgba(0, 0, 0, .87);
	padding: 0;
}


h1.heading,
h2.heading,
h3.heading,
h4.heading {
	margin: 0;
}

.heading.no-space-top {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

.modal .modal-header .modalHeading h1 {
	font-size: 1rem;
	color: #ffffff;
	line-height: normal;
	font-weight: bold;
	text-transform: capitalize;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-right: 30px;
}

.modal .modal-header .modalHeading h1 font {
	text-transform: initial;
}

.modal .modal-body .modalHeading h1 {
	font-size: 1rem;
	color: rgba(0, 0, 0, .87);
	line-height: normal;
	font-weight: bold;
	text-transform: capitalize;
	white-space: nowrap;
}

.cart__name__value h1 {
	font-size: 1.125rem;
	font-weight: bold;
	color: rgba(0, 0, 0, .87);
}

.list-group-filters__title,
.list-group-filters__title a,
.detailview__block__supplier,
.document__cell__group,
.card--total .card-header,
.section-container--header--title,
.section-container--header--title .FieldOpt,
.section-edit .group-title {
	color: rgba(0, 0, 0, .87);
	font-size: 0.875rem;
	font-weight: bold;
}

.text-left .section-container--header--title {
	font-size: 13px;
}

.list-group-filters__title:hover,
.list-group-filters__title:focus,
.list-group-filters__title:active {
	color: rgba(0, 0, 0, .87);
	text-decoration: none;
}

.HomeShopPanelRight .collapsible-section--link .collapsible-panel__text,
.modal .modal-body h2,
.modal .modal-body h2 .HasHoverHelp
.HomeShopPanelRight .collapsible-section--link .collapsible-panel__text,
.header-section__row h2,
.material-container__header h2,
.material-container__header h2 .HasHoverHelp,
.material-container__header .HasHoverHelp {
	color: rgba(0, 0, 0, .87);
	font-size: 0.9375rem;
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
	line-height: 25px;
}

.material-container__header span {
	color: rgba(0, 0, 0, .87);
	font-size: 0.9375rem;
	font-weight: normal;
}

.col-form-label,
.col-form-value {
	font-family: 'Roboto', 'Noto Sans', 'Noto Sans JP' , 'Noto Sans KR', 'Noto Sans SC', 'Segoe UI', 'Open Sans', Geneva, Helvetica, Arial, sans-serif;
}

h4.heading,
.col-form-label-block,
.col-form-label-block strong {
	font-size: 0.8125rem;
	font-weight: bold;
	color: rgba(0, 0, 0, .54);
}

.section-container--body h4.heading {
	padding: 10px 0;
}

.modal .modal-body h3,
.header-section__row h3 {
	color: rgba(0, 0, 0, .87);
	font-size: 0.8125rem;
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
}

.group__header {
	padding-top: 1rem;
	padding-bottom: 0.5rem;
}

.modal .group__header {
	padding-top: 0;
	padding-bottom: 0;
}

.group__header__widget {
	padding-top: 0.3rem;
}

.text-lg-dark {
	color: rgba(0, 0, 0, .87);
	font-size: 1rem;
}

.text-transform-none {
	text-transform: none !important;
}

.collapsible-panel__text {
	color: rgba(0, 0, 0, .87) !important;
	font-weight: bold !important;
}

.collapsible-panel__text h1.heading,
h1.PanelTitle {
	font-size: 0.9375rem !important;
}

.collapsible-panel__text h2.heading {
	font-size: 	0.9375rem !important;
}

.collapsible-panel__title__text .heading {
	font-size: 1rem !important;
	font-weight: normal !important;
}

.MyApprovalsTableWrapper .collapsible-panel__text h2.heading,
.collapsible-panel__text h3.heading {
	font-size: 0.8125rem !important;
	line-height: 20px;
}

.collapsible-panel__text h4.heading {
	font-size: 0.75rem !important;
	line-height: 20px;
}

.grid__cell__quickview__supplier .btn-link,
.document__cell__group .cart__cell__supplier__name .btn-link {
	font-size: 1rem;
	font-weight: bold;
}

.itemsQuantityBySupplier::before,
.itemsQuantityBySupplier::after {
	content: "\00b7";
	font-size: 1rem;
	padding: 0 5px;
}

.document__cell__group .cart__cell__supplier__name .btn-link {
	text-align: left;
}

.card--cart:not(.receipt_line_items_class) .document__cell__group .cart__cell__supplier__name .btn-link,
.text-truncate-one-line {
	max-height: 25px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-break: break-word;
}

.document__cell__group .docline_currency_total {
	min-width: 100px;
	display: flex;
    align-items: center;
}


.credit-card-container .credit-card-header .credit-card-header--title,
.credit-card-messages,
.address-container .address-header .address-header--title {
	color: rgba(0, 0, 0, .54);
	font-size: .875rem;
	font-weight: normal;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.credit-card-container .credit-card-header .credit-card-header--title .title-bold,
.address-container .address-header .address-header--title .title-bold {
	color: rgba(0, 0, 0, .87);
	font-size: 1rem;
	font-weight: bold;
}

.credit-card-container .credit-card-header .credit-card-header--title {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}




span.FieldOpt {
	color: rgba(0, 0, 0, .54);
	font-size: .8125rem;
	font-weight:normal;
}

.sticker-type-icon svg {
	height: 16px;
	width: 16px;
}

.sticker .RoundedCornerContainer .sticker-type-icon i,
.k-animation-container .popover-content input[type="search"],
#UploadForm .col-form-label,
.list-group-filters [type="checkbox"] + label,
#filterContent .chip,
.col-form-label a,
.col-form-label .FieldOpt,
.SimpleFormLabel .FieldOpt,
.col-form-label span,
.modal .section-container .credit-card-body .FieldOpt,
.modal .address-box .address-container__edit tr td:first-child,
.modal .address-box .address-container__edit tr td:first-child a,
.modal .address-search-container .address-search__results-per-page,
.LineNumberCell,
.document__cell__item .POLineNumberCell,
.modal .SecondaryText,
.text-subtitle,
.material-container__content .HasHoverHelp,
.SupplierGroupPunchoutMessage,
span.col-form-label,
div.col-form-label {
	color: #767676;
	font-size: 0.8125rem;
	font-weight: normal;
	word-break: break-word;
}

.LineNumberHeader {
	padding-right: 14px;
}

#filterContent .line-sub-section-header .line-sub-section-header__left-section span {
	font-size: 0.8125rem;
}

.product-attributes__info {
	color: #000;
	font-size: 0.75rem;
	font-weight: normal;
	margin-right: 11px;
}

.SupplierGroupPunchoutMessage {
	padding-left: 15px;
}

.col-form-label.border-dotted-bottom {
	margin-bottom: 5px;
}

.row.remitTo .col-12{
	padding-left: 0;
}

.options-icon-rounded.col-form-label {
	padding: 0;
}

.material-container__content .heading .HasHoverHelp {
	color: rgba(0, 0, 0, .87);
	font-weight: bold;
}

.material-container__content hr {
	height: 2px;
    background: rgba(0, 0, 0, .18);
	margin-top: 0px;
}
.material-container__content .mb-3 {
	margin-bottom: 0.0625rem !important;
}

.text-root {
	font-size: 1rem;
}

.cart__related-documents--container,
.text-sm {
	font-size: 0.8125rem !important;
}

.sidebar-popover-link {
	font-size: 0.8125rem !important;
	font-weight: normal !important;
	text-transform: none !important;
	margin: 0px !important;
	padding: .25rem 0px 0px 0px !important;
	text-align: left;
	cursor: pointer;
}

.text-sm-light {
	color: rgba(0, 0, 0, .54);
	font-size: 0.8125rem;
}

.text-xsm {
	font-size: 0.75rem !important;
}

.text-xxsm {
	font-size: 0.6875rem!important;
}


.text-sm-dark {
	color: rgba(0, 0, 0, .87) !important;
	font-size: 0.8125rem !important;
}

#ReasonAndNoteSection .phxText,
code,
.modal #UIElementAttachmentType label,
.address-container input,
.address-container label,
.address-elements,
.no-address-alert,
.modal .address-box .address-container__edit tr td:last-child,
.modal .address-box .address-container__edit tr td:last-child input,
.modal #address-search,
.modal .address-search-container input,
.modal .address-search-container .address-search__results-per-page,
.modal .address-search__no-result,
input[type="radio"] + label,
.grid__cell__quickview__form__description__value,
.attachment-container .checkoutSectionBodyTable th.HorizontalGroupElement,
.credit-card-container .credit-card-header .credit-card-header--title input[type="text"],
.checkoutSectionBodyTable th.HorizontalGroupElement,
.checkoutSectionBodyTable th.HorizontalGroupElement .FieldOpt,
.checkoutSectionBodyTable tr > td:last-child,
.checkoutSectionBodyTable tr > td:last-child input,
.checkoutSectionBodyTable td.HorizontalGroupElement,
.SimpleFormValue,
.col-form-value,
.col-form-value table td,
.col-form-value .FieldOpt,
.col-form-value-input,
.col-form-value-input input,
.item__search__unit-price,
.material-container__content,
.workflow-steps-section {
	color: #000000;
	font-size: 0.8125rem;
	font-weight: normal;
}

.text-dark {
	color: rgba(0, 0, 0, .87);
	font-size: 0.875rem;
}

.grid__cell__detailview .standardBackgroundColorCell,
.grid__cell__detailview .standardBackgroundColorCell span,
.grid__cell__detailview .SimpleFormValue,
.detailview__header__favorite,
.detailview__header__contract,
.grid__cell__quickviewstockmessage__link,
.grid__cell__quickview__qty,
.grid__cell__quickview__uom,
.grid__cell__quickview__liveprice,
.grid__cell__detailview__price,
.supplier-class-text,
.product-flag-text,
.modal-dialog .confirmMessage,
#Line_Action_RemoveContractFromSelected_Confirmation_Message,
.CartFormHeaderProductAttributes .col-form-value {
	color: rgba(0, 0, 0, .87);
	font-size: 0.875rem;
	font-weight: normal;
}

.supplier-class-text {
	width:75%;
}

.grid__cell__detailview .SimpleFormValue {
	overflow-wrap: break-word;
}


.SimpleFormLabel .FieldReq,
.k-animation-container .popover-title-name,
.address-header__current-address,
.address-header__nickname {
	color: rgba(0, 0, 0, .87);
	font-size: 0.8125rem;
	font-weight: bold;
}

.modal .FieldReq {
	font-weight: normal;
}

.ErrorMessageLine .icon span {
	margin-right: 0.5rem;
}

.cart__related-documents--view-all {
	color: #0072b4;
	font-size: .8125rem !important;
	text-decoration: none;
}

.hover-toolbar button > i,
.k-animation-container button > i {
	font-size: 1rem;
}

.document__cell__item #extraPriceInfo .FieldOpt {
	color: rgba(0, 0, 0, .54);
}

.document__cell__item #extraPriceInfo span {
	color: rgba(0, 0, 0, .87);
}

.document__cell__item #extraPriceInfo .MoreInfo {
	display: block;
}

.k-animation-container .popover-content {
	font-size: .8125rem;
}

.document__cell__item #extraPriceInfo .ErrorBox,
.document__cell__item #extraPriceInfo .WarningsOnlyBox {
	white-space: normal;
}

.StickerName {
	font-size: .8125rem;
	font-weight: bold;
}

.k-animation-container .popover-content li a {
	color: #0072b4;
	font-size: .8125rem;
}

.StickerCaption {
	color: #0072b4;
	font-size: 0.8125rem;
}

.section-container--body .col-form-value-input table {
	width: 100%;
}

.supplierFulfillmentAddress a,
.section-container--body .text-title {
	color: rgba(0, 0, 0, .87);
	font-size: .875rem;
	font-weight: normal !important;
}


.card-error--container {
	color: rgba(0,0,0,0.87) !important;
	font-size: 0.8125rem;
	font-weight: normal;
}


.card-alert.warning .list-group-filters__title {
	color: #FFC100;
	font-size: 0.8125rem;
	font-weight: bold;
}


.modal-warning-message span,
.card-warning--container,
.cart__cell .SupplierGroupPunchoutMessage,
.card-info--container {
	color: rgba(0,0,0,0.87);
	font-size: 0.8125rem;
	font-weight: normal;
}


.modal-information-message {
	color: #3F6FDC;
	font-size: 0.8125rem;
	font-weight: normal;
}



.text-light {
	color: rgba(0, 0, 0, .87) !important;
	font-size: 0.875rem;
}

.detailview__block__pname,
.cart__cell__item__details tr td:first-child,
.CartFormHeaderProductAttributes tr td:first-child,
.card--total .card-body table tr td:first-child,
.UnitPriceCell,
.CatalogNumberCell,
.ItemQuantityCell,
.ItemQuantityCell input,
.req__cell__discount {
	font-size: 0.8125rem;
	font-weight: inherit;
}

.ItemQuantityCell .readOnlyValue,
.ItemQuantityCell input {
	display: inline;
}


.supplier-classes-title,
.product-flags-title {
	color: rgba(0, 0, 0, .87);
	font-size: 0.8125rem;
	font-weight: bold;
}

.CartExtendedPrice {
	font-size: 0.8125rem;
}

.LineSixPack .product-description span {
	color: rgba(0, 0, 0, .87);
}


.grid__cell__quickview .grid__cell__quickview__uom,
.detailview__block__pval,
.cart__cell__item__details tr td:last-child,
.cart__cell__item__details tr td:last-child input,
.card--total .card-body table tr td:last-child,
.section-group .credit-cards-section-label,
.section-group .addresses-section-label {
	color: rgba(0, 0, 0, .87);
	font-size: 0.875rem;
	font-weight: normal;
}


.grid__cell__quickview__price,
.grid__cell__quickview__shipping,
.card--total .card-body table tr.grand-total td,
.card--total .card-body table tr td.card--total__total--bottom {
	color: rgba(0, 0, 0, .87);
	font-size: 0.875rem;
	font-weight: bold;
}


.detailview__header .btn:not(.detailview__header__contract) {
	color: #C43535 !important;
	font-size: 0.875rem;
	font-weight: normal;
	text-transform: none;
}


.cart-line-items .control-label,
.cart-line-items .col-form-value,
.cart-line-items .control-label a.FieldOpt,
.cart-line-items input.md-form,
.cart-line-items input.select-dropdown,
.cart-line-items .k-multiselect-wrap .k-input {
	font-size: 0.875rem;
	font-weight: normal;
}

.WarningsOnlyBox > .ErrorMessageLine a.WarningMessage {
	color: #FFC100;
}



.values-vary-by-line-message,
.cart-label-user-name {
	color: rgba(0, 0, 0, .54);
	font-size: 0.6875rem;
	font-weight: normal;
}

.override-message-line-level {
	color: #000000;
	font-size: 12px;
	font-weight: normal;
	display: flex;
	align-items: center;
}

.copy-other-line {
	font-size: 0.6875rem;
	font-weight: normal;
	color: #0275d8;
	text-transform: initial;
	display: inline-block;
	padding-left: 4px;
	margin-top: auto;
}


.ErrorBox {
	background-color: rgba(255, 255, 255, 0);
    border: none;
    padding: 0;
}

.ErrorMessageLine {
	padding-left: 0;
}


.error input:not(:focus):not(:hover),
.error textarea:not(:focus):not(:hover),
.FormCellError textarea:not(:focus):not(:hover),
.ErrorBox textarea:not(:focus):not(:hover),
.ErrorBox .material-autocomplete button {
	border-color: #c43535;
}

.ErrorMessageLine.WithHeaders .ErrorMessage span {
	font-weight: normal;
}


.supplier-elements--container .values-vary-by-line-message,
.address-container .address-read-only-label,
.address-container label.active {
	color: rgba(0, 0, 0, .87);
	font-size: 0.6875rem;
	font-weight: normal;
}

.error.help-block,
.error .help-block,
.FormCellError > .ErrorMessageLine a.ErrorMessage,
.FormCellError > .ErrorMessageLine span.ErrorMessage,
.HorizontalGroupElement .ErrorMessageLine .ErrorMessage,
.FormCellError .ErrorMessageLine a.ClickableErrorMessage,
.ErrorBox .ErrorMessageLine a.ClickableErrorMessage,
.ErrorMessageLine a.ErrorMessage,
.ErrorMessageLine .phxText.ErrorMessage,
.ErrorMessageLine span.ErrorMessage,
.ErrorMessageLine .ErrorListHeading,
.icon svg.errorIcon,
.ErrorMessageLine span.ErrorMessage span,
.ErrorBox > ul > li span.ErrorMessage span,
.ErrorBox span.ErrorMessage
 {
	color: #C43535 !important;
	fill: #C43535 !important;
	font-size: 0.6875rem !important;
	font-weight: normal !important;
	text-align: left;
	line-height: normal;
}

.ErrorMessageLine .WarningMessage .errorMessageText  {
	font-size: 0.75rem !important;
}

.ErrorMessageLine a.ClickableErrorMessage {
	font-size: 0.6875rem !important;
	font-weight: normal !important;
}

.FormCellError .ErrorMessageLine[id*="Notification"] .ClickableErrorMessage,
.ErrorMessageLine span.alert-info-message {
	font-size: 0.6875rem !important;
	font-weight: normal !important;
	color: #3F6FDC !important;
	fill: #3F6FDC !important;
}

.ErrorMessageLine .btn-icon-rounded svg {
	fill: rgba(0, 0, 0, 0.54);
}

.ErrorMessageLine .btn-icon-rounded,
.cart-info-container .btn-icon-rounded {
	bottom: 7px;
}

.alert-info-message .phxText {
	color: #3F6FDC;
}

.ErrorMessageLine li {
	list-style-type: none;
}


.FormCellWarningsOnly textarea:not(:focus):not(:hover),
.WarningsOnlyBox .material-autocomplete button {
	border-color: #d88c2a;
}

.FormCellWarningsOnly .ErrorMessageLine a.ClickableErrorMessage,
.WarningsOnlyBox .ErrorMessageLine a.ClickableErrorMessage,
.ErrorMessageLine .phxText.WarningMessage,
.HorizontalGroupElement .WarningsOnlyBox .ErrorMessageLine .WarningMessage,
.FormCellError .ErrorMessageLine .WarningMessage,
.ErrorMessageLine .WarningListHeading,
.icon svg.warningIcon {
	color: #FFC100 !important;
	fill: #FFC100 !important;
	font-size: 0.6875rem !important;
	font-weight: normal !important;
}

.ErrorMessageLine {
	margin-top: 3px;
}

.ErrorMessageLine,
.ErrorMessageLine .WarningMessage,
.ErrorMessageLine .ErrorMessage,
.ErrorMessageLine .ClickableErrorMessage,
.ErrorMessageLine .alert-info-message {
	display: flex;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	td .ErrorMessageLine,
	td .ErrorMessageLine .WarningMessage,
	td .ErrorMessageLine .ErrorMessage,
	td .ErrorMessageLine .ClickableErrorMessage,
	td .ErrorMessageLine .alert-info-message {
		display: block;
	}
}

.ErrorMessageLine .WarningMessage,
.FormCellWarningsOnly > .ErrorMessageLine a.WarningMessage,
.FormCellWarningsOnly > .ErrorMessageLine span.WarningMessage {
	color: rgba(0,0,0,0.87) !important;
	font-size: 0.6875rem;
	font-weight: normal;
}

.card--total .card-warning--container a {
 	font-size: 0.8125rem;
}

.WarningMessage :not(span) {
	color: #FFC100;
}

.remitTo ~ .ErrorMessageLine {
	padding-left: 30px;
}


.product__flag--icon img,
.custom__attribute--icon img {
	padding-right: 12px;
}


.document__cell__item__form__description {
	color: rgb(0,0,0,.54);
	font-size: .6875rem;
}


.truncate--item__additionalinfo {
	height: 47px;
}

.CartExtendedPriceMt {
	margin-top: 15px !important;
}

.grid__cell__quickview__cart__item__desc .item--description {
	padding-top: 10px;
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.grid__cell__quickview__cart__item__desc .item--description.EmptyValue {
	color: inherit;
}

.grid__cell__quickview__cart__item__desc .btn-group--size-sm {
	margin-bottom: 10px;
}

.grid__cell__quickview__cart__item__desc .item--icons {
	max-width: 60px;
	padding-top: 10px;
}


div.ImageZoomBg {
	background-color: white;
	border: 1px solid #C1C1C1;
	cursor: pointer;
}

div.ButtonRow {
	vertical-align: middle;
	text-align: center;
	margin-top:4px;
	padding-top: 5px;
	padding-bottom: 5px;
	white-space: nowrap;
}

div.ButtonRow a:hover {
    color: #ff8500;
    text-decoration: underline;
}

div.ButtonRow a.MoreInfo {
    font-size: 0.9em;
    font-weight: normal;
    white-space: nowrap;
}

.Wrap {
    white-space: normal !important;
}

div#ImageZoom_RealSize {
	font-size: 0.9em;
}


.cart__cell .SupplierGroupPunchoutMessage {
	background-color: #FFF5E8;
	padding: 0.8rem;
}

.cart__cell .SupplierGroupPunchoutMessage a {
	color: #d88c2a;
	font-weight: bold;
}

.cart__cell .SupplierGroupPunchoutMessage ul {
	margin-bottom: 0;
}

@media screen and (max-width: 767px) {
	.SupplierInfo__right-col {
		margin-top: 10px;
	}
}

.supplier-tag__name {
	padding-right: 10px;
}

.supplier-tag__icons {
	padding-right: 10px;
}


.grid__cell__quickview__cart__desc .detailview__block__supplierclasses__container .detailview__block__supplierclasses {
	display: inline;
}

.grid__cell__quickview__cart__desc .detailview__block__supplierclasses__container .detailview__block__supplierclasses img {
	max-width: none !important;
	max-height: none !important;
}

.yui-ac-container iframe {
	height: 0!important;
}

.yui-ac-content {
	width: auto !important;
}

.yui-ac-content .yui-ac-bd {
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.yui-ac-content .yui-ac-bd .search-result-label, .yui-ac-content .yui-ac-bd .search-result-label small {
	font-size: 11px;
}

.yui-ac-content .yui-ac-bd ul {
	margin-top: 0;
	margin-bottom: 1rem;
	padding-left: 0;
}

.yui-ac-content .yui-ac-bd ul li {
	list-style-type: none;
	background-color: #FFF;
	clear: both;
	color: #000;
	cursor: pointer;
	line-height: 1.3rem;
	width: 100%;
	text-align: left;
	text-transform: none;
	padding: 0.5rem;
	color: #0275d8 !important;
	font-size: 1rem !important;
	font-weight: normal;
}

.yui-ac-content .yui-ac-bd ul li:hover {
	background-color: #eee;
}

span.SupplierName #NonCatSelectedSupplierName {
	font-size: 0.875rem;
	color: rgba(0, 0, 0, 0.87);
}

/*Supplier AdHocEntry*/
table.table-td-left-spaced tbody td:not(:first-child) {
	padding-left: 0.5rem;
}

#AdHocEntry .control-label a {
	vertical-align: text-bottom;
}

/* Animation Clases*/

/*Fade Out*/
.material-fade-out {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear 300ms, opacity 300ms;
}

/*Fade In*/
.material-fade-in {
  visibility: visible;
  opacity: 1;
  transition: visibility 0s linear 0s, opacity 300ms;
}

.no-bottom-border {
	border-bottom: none !important;
}

.no-top-border {
	border-top: none !important;
}


/*form element styles*/
.form-check-no-margin .form-group {
	margin-right: 0;
}

.form-check-no-margin .form-check-label {
	padding-left: 24px;
	height: 22px;
}

/* Column fixed width*/
.col-width-150 {
	width: 150px;
	max-width: 150px;
}

.col-width-200 {
	width: 200px;
	max-width: 200px;
}
.col-width-150-remaining {
	max-width: calc(100% - 150px);
}

.material-description {
	font-size: 0.6875rem;
	color: rgba(0,0,0,.87);
}

.mb-6 {
	margin-bottom: 4rem !important;
}

@media (max-width: 575px) {
	.col-width-150,
	.col-width-150-remaining {
		width: 100%;
		max-width: none;
	}
}

@media (max-width: 767px) {
	.w-fill-sm {
		flex-basis: auto;
		width: 100%;
	}
}


.standardBackgroundColorCell{
	background-color: #F2F2F2;
}

.m-fs-11 {
	font-size: .6875rem !important;
}


.material-item-detail__body .item__detail__info .detail-view-size-packing-price {
	text-align: right;
	display: inline-block !important;
	position: absolute;
	bottom: 0;
	right: 0;
	color: rgba(0, 0, 0, .54);
	font-size: 0.875rem;
}

.material-item-detail__body .item__detail__info .detail-view-size-packing-price .detail-view-price-currency .detail-view-price {
	padding-right: .4em;
	font-weight: bold;
}

.material-item-detail__body .item__detail__info .detail-view-size-packing-price .detail-view-price-currency .detail-view-price,
.material-item-detail__body .item__detail__info .detail-view-size-packing-price .detail-view-price-currency .detail-view-currency {
	display: inline-block;
}

.material-item-detail__body .item__detail__image > div {
	padding-left: 0;
	padding-right: 0;
}


.modal .address-search-container .pagination__number-of-page,
.collapsible-section--link > a:hover {
	color: rgba(0, 0, 0, .87);
}

.collapsible-section--container table td {
	font-size: .875rem;
	color: rgba(0, 0, 0, .87);
}

.collapsible-section--container th,
.collapsible-section--container td {
	font-size: 0.875rem;
	color: rgba(0, 0, 0, .87);
}

.collapsible-section--container a {
	color: #0275d8;
}

.collapsible-section--border-bottom-dotted {
	border-bottom: 1px dotted rgba(0, 0, 0, .18);
}

.text-separator {
	color: rgba(0, 0, 0, .18);
}

.collapsible-section--link .select-wrapper span.caret {
	font-size: 10px;
}
.collapsible-section-margin .collapsible-section--border-bottom-dotted {
	margin-bottom: 0.5rem;
}

.SupplierName {
	font-weight: normal;
}

#SelectedFCText > .btn-link,
#NonCatAdHocDist > .btn-link {
	font-size: .8125rem;
	font-weight: bold;
}



.material-autocomplete .material-autocomplete__recomendations,
.material-autocomplete__recomendations .mb-0  {
	font-size: .875rem;
	color: rgba(0, 0, 0, .54);
}

.material-autocomplete__supplier-description {
	font-size: 0.6875rem;
}


.btn-group--no-padding button.btn-link {
	padding: 0;
}

.btn-group--uppercase button,
.btn-group--uppercase a {
	text-transform: uppercase;
}

.btn-group--size-sm button,
.btn-group--size-sm a {
	font-size: .6875rem;
}

.textarea-wrapper--height-15 textarea {
	max-height: 15rem;
}

::placeholder {
  color: #595959;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #595959;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #595959;
}


.supplier-group__table .product-description span {
	font-size: 1rem;
	color: rgba(0, 0, 0, .87);
	font-weight: normal;
}

.workflow-steps-activity-title {
	font-weight: bold;
}

.workflow-steps-inactive {
	font-style: italic;
}

.section-container--header--info {
	font-size: 0.8125rem;
	font-weight: normal;
	padding-left: 2rem;
}

a.MoreInfo {
	font-size: .6875rem;
}


svg {
	position: relative;
	height: 20px;
	width: 20px;
}

div.page-alert div:not(.alert.alert-material) svg,
div.ErrorMessageLine span:not(.WarningMessage) svg {
	fill: currentColor;
}

.currency-converted svg {
	height: 17px;
	width: 17px;
}

.icon-mini.currency-converted {
	padding-right: 0px;
	vertical-align: middle;
	height: 19px;
}

button > svg {
	pointer-events: none;
}

svg.icon-sm,
.icon-md svg {
	height: 13px !important;
	width: 13px !important;
}

svg.icon-md,
.icon-md svg {
	height: 16px !important;
	width: 16px !important;
}

svg.icon-md-text-bottom,
.icon-md-text-bottom svg {
	height: 16px !important;
	width: 16px !important;
	vertical-align: text-bottom !important;
}

svg.icon-lg {
	height: 20px !important;
	width: 20px !important;
}

.comparisonModal__actions--remove.close svg {
	height: 24px !important;
	width: 24px !important;
}

.description__text svg,
.WarningMessage svg,
.text-subtitle svg,
.control-group .btn-link svg,
.stepper-vertical__footer .btn-link svg,
.dropdown-item.withIcons svg,
.input-group--in .input-group-append svg,
.document-comment__footer .document-comment__users svg,
.document-comment__footer .document-attachment svg,
.ResultsColumnValue svg,
form[name='attachmentResultForm'] a.btn-link.btn-sm.withIcons svg,
alert.alert-material .alert-title span svg {
	height: 16px;
	width: 16px;
}

.external-link svg {
	height: 14px;
	width: 14px;
	vertical-align: text-bottom;
	fill: rgba(0, 0, 0, .54);
}

form[name='attachmentResultForm'] a.btn-link.btn-sm.withIcons svg {
	vertical-align: text-top;
}

.control-group .btn-link svg {
	vertical-align: text-bottom;
}

.page-filter-view .dropdown-item.withIcons {
	display: flex;
	align-items: center;
}

.document-comment__footer .document-comment__users svg,
.document-comment__footer .document-attachment svg {
	fill: #3f6fdc;
}

.ErrorBox span.ErrorMessage .phxText svg,
.ErrorMessageLine .phxText svg,
.ErrorMessageLine .icon svg,
.alert-info-message svg {
	height: 12px !important;
	width: 12px !important;
	top: 0;
}

.ErrorMessageLine .icon {
	display: flex;
	margin-right: 6px;
}

.alert .ErrorBox .ErrorMessageLine span.ErrorMessage .phxText svg,
.alert .ErrorBox span.ErrorMessage .phxText svg {
	height: 16px;
	width: 16px;
	margin-right: 10px;
}

.icon-default {
	color: rgba(0, 0, 0, 0.54);
}

.icon-success {
	color: #098755;
}

.icon-danger {
	color: #C43535;
}

.icon-warning {
	color: #FFC100;
}

.icon-info {
	color: #87CEFA;
}

.text-subtitle svg {
	fill: rgba(0, 0, 0, .54);
	top: 4px;
}

.card-header__title .btn-info svg {
	fill: #3f6fdc;
}

.stepper-vertical__footer svg {
	margin-right: 0.25rem;
	fill: #000;
}

.icon-xx-small:before {
	font-size: xx-small;
}

a > svg.phx.hidden-object {
	margin-right: 0.5rem;
	vertical-align: text-bottom;
}


.no-data-message {
	font-size: .8125rem !important;
	font-style: italic;
}

/** Sets the auto-complete classic styles **/
.ui-classic {
	font-size: 30px;
}

.ui-classic.ui-widget.ui-widget-content {
	border: none;
}

.ui-classic.ui-autocomplete {
	margin-top: 0;
	margin-bottom: 1rem;
	padding-left: 0;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	border: none;
	margin-top: 0.4em;
}

.ui-classic.ui-autocomplete .ui-menu-item {
	background-color: #FFF;
	clear: both;
	color: #000;
	cursor: pointer;
	line-height: 1.3rem;
	width: 100%;
	text-align: left;
	text-transform: none;
	color: #0275d8;
	font-size: 1rem;
	font-weight: normal;
	border: none;
}

.ui-classic.ui-autocomplete .ui-menu-item div {
	padding: 0.5rem;
	border: none;
	color: #0275d8;
}

.ui-classic.ui-autocomplete .ui-menu-item .ui-state-active {
	background-color: #eee;
	border: none;
	margin: 0;
}

.ui-classic.ui-autocomplete .ui-menu-item .search-result-label, .ui-classic .ui-autocomplete .ui-menu-item .search-result-label small {
	font-size: 11px;
}

.mt-10px {
    margin-top: 10px !important;
}



.no-padding-top {
	padding-top: 0px;
}

.padding-bottom-10 {
	padding-bottom: 10px;
}

.padding-top-5 {
	padding-top: 5px;
}

.padding-top-6 {
	padding-top: 6px;
}

.padding-right-10 {
	padding-right: 10px !important;
}

.padding-x-10 {
	padding-left: 10px !important;
	padding-right: 10px !important;
}



.margin-horizontal-16 {
	margin-left: 16px;
	margin-right: 16px;
}



.border-none {
	border: none !important;
}

.border-top-none {
	border-top: none !important;
}

.border-dotted-top {
	border-top: 1px dotted rgba(0, 0, 0, .18);
}

.border-dotted-bottom {
	border-bottom: 1px dotted rgba(0, 0, 0, .18);
}

.border-solid-top {
	border-top: 2px solid rgba(0, 0, 0, .12);
}

.border-solid-bottom {
	border-bottom: 1px solid rgba(0, 0, 0, .12);
}

.border-dashed-bottom {
	border-bottom: 1px dashed #bdbdbd;
}

.border-outline {
	border: 1px solid #bdbdbd;
}

.border-solid-left {
	border-left: 1px solid rgba(0, 0, 0, .18);
}



.flex-shrink-0 {
	flex-shrink: 0 !important;
}

.flex-shrink-1 {
	flex-shrink: 1;
}

.flex-grow-1 {
	flex-grow: 1;
}



.mw-75 {
	max-width: 75% !important;
}

.mw-100 {
	max-width: 100%;
}

.w-auto {
	width: auto!important;
}

.w-80-px {
	width: 80px !important;
}



.overflow-auto {
	overflow: auto !important;
}

.overflow-hidden {
	overflow: hidden;
}



.ellipsis {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.text-break {
	word-break: break-word !important;
	overflow-wrap: break-word !important;
}

.cursor-pointer {
	cursor: pointer;
}

.font-size-15px {
	font-size: 0.9375rem !important;
}



.animate-column-transition {
	transition: flex-basis 0.3s, max-width 0.3s
}

.rotate-left-90 {
	transform: rotate(-90deg);
}
.rotate-right-90 {
	transform: rotate(90deg);
}

.show-sidebar-toogle {
	right: -10px !important;
	position: -webkit-sticky !important; /* Safari */
 	position: sticky !important;
 	top: 0;
}

.font-weight-bold {
    font-weight: bold !important;
}


@media (max-width: 1400px) {
	.hidden-down-xxl {
		display: none!important;
	}
}

@media (max-width: 1199px) {
	.hidden-down-xl {
		display: none!important;
	}
}

@media (max-width: 991px) {
	.hidden-down-l {
		display: none!important;
	}
}

@media (max-width: 576px) {
	.hidden-down-xs {
		display: none !important;
	}
}


.removeBullet {
	list-style-type: none;
}

.removeIndent, .removeIndent > li > ul {
	margin: 0;
	padding: 0;
}


.reduceIndent {
	padding-inline-start: 21px;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.reduceIndent {
		padding-left: 21px;
	}
}

.dropdown-content li.selected span.filtrable,
.dropdown-content li.selected.active span.filtrable {
	color: #014C8C !important;
	background-color: #D3D3D3 !important;
}

.k-chart path[stroke-width="1"] {
	cursor: pointer;
}


.gap-5px {
	gap: 5px;
}

.gap-10px {
	gap: 10px;
}

.gap-15px {
	gap: 15px;
}

.gap-20px {
	gap: 20px;
}


.ml-10px {
	margin-left: 10px; 
}

.ml-20px {
	margin-left: 20px; 
}

.ml-30px {
	margin-left: 30px; 
}

.mr-10px {
	margin-right: 10px;
}

.mr-20px {
	margin-right: 20px; 
}


.scale-2 {
	transform: scale(2);
}

.scale-3 {
	transform: scale(3);
}


#AddMaterialNonCatalogItemToCart_body .spacing-div-for-auto-test {
	min-width: 25px;
}




.nav-tabs {
	background-color: #ffffff;
	align-content: center;
	font-size: .75rem;
	margin: 0;
	padding: 0;
	box-shadow: none;
	height: 42px;
	flex-grow: 1;
	gap: 30px;
	z-index: 0;
	overflow: hidden;
}



.nav-tabs.nav-filled .btn{
	padding: 8px 20px;
}


.nav-tabs .btn[id*=SuppliercXML] {
	padding-top: 5px;
	text-transform: none;
}

.nav-tabs .nav--with-badge .btn{
	padding: 10px 6px 10px 16px;
}

.group-left a,
.nav-tabs .btn {
	padding: 10px 15px;
	width: 100%;
	transition: none;
	font-size: .75rem;
	line-height: 20px;
	text-transform: capitalize;
	height: 100%;
	border-radius: 0;
	color: rgba(0, 0, 0, .54);
	margin-top: 0;
	box-shadow: none;
	-webkit-box-shadow: none;
	white-space: nowrap;
}

.nav-tabs .btn.disabled {
	pointer-events: auto;
}



.nav-tabs a {
	margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    color: rgba(0, 0, 0, .54);
}

.group-left .btn-link.btn-sm.active,
.group-left .btn-link.btn-sm:hover,
.nav-tabs a[role="tab"]:hover,
.nav-tabs a[role="tab"].active{
	color: #000000;
	border-bottom: 2px solid #3769db;
}

.nav-tabs a:focus-visible, .nav-tabs button:focus-visible {
	outline: 2px solid #000000 !important;
	outline-offset: -2px;
	background-color: transparent;
}



.nav-tabs .nav__badge {
	position: absolute;
    top: 9px;
    right: 10px;
    color: white;
    background-color: #9eadc1;
    border-radius: 10px;
    font-size: 0.6875rem;
    text-align: center;
    box-sizing: inherit;
    padding-top: 0.5px;
    letter-spacing: 0;
    z-index: 3;
    pointer-events: none;
    min-width: 0;
    height: 16px;
    width: 16px;
    vertical-align: middle;
}

.nav-tabs.nav-filled .active {
	background-color: #3f6fdc !important;
	color: #000000 !important;
}



.nav-tabs .btn .badge {
    margin-left: 7px;
    margin-right: 10px;
}

.nav-tabs .nav--with-badge .badge {
	color: #000000 !important;
    background-color: #F4F4F4 !important;
}

.nav-tabs .nav--with-badge-active .badge {
 	color: white !important;
   background-color: #3769db !important;
}

.nav-tabs > li.nav-item {
	margin-bottom: 0px;
}

.nav-tabs li[data-hidden=true] {
	display: none;
}

.tab-content {
	padding: 10px 0 0 0;
	border-radius: 0; 
}

.page--condensed .nav-tabs .btn {
	padding-top: 5px;
	padding-bottom: 5px;
}





 .Menu > .MenuGroups > li > .NavMenuContainer > .subMenuContainer .withContextSearch .menuContextSearch > form > div > input {
	font-size: 13px !important;
}

.Menu > .MenuGroups > li > .NavMenuContainer > .subMenuContainer .withContextSearch .menuContextSearch > form > div > input::-webkit-search-cancel-button {
	-webkit-appearance: searchfield-cancel-button;
}

.Menu > .MenuGroups > li > .NavMenuContainer > .subMenuContainer .withContextSearch .menuContextSearch > form > div > button {
	padding: 0px 12px;
	margin: 0px 0px 0px 1px;
}

.Menu > .MenuGroups > li > .NavMenuContainer > .subMenuContainer .withContextSearch .menuContextSearch > form > div > button > i {
	margin-top: 4px !important;
}

.Menu > .MenuGroups > li > .NavMenuContainer > .subMenuContainer .withContextSearch .menuContextSearch > form > div > button:focus {
	outline: auto !important;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.Menu > .MenuGroups > li > .NavMenuContainer > .subMenuContainer .withContextSearch .menuContextSearch > form > div > span {
	background-attachment: scroll !important;
	background-clip: border-box !important;
	background-color: rgb(238, 238, 238) !important;
	background-image: none !important;
	background-origin: padding-box !important;
	background-position-x: 0% !important;
	background-position-y: 0% !important;
	background-size: auto !important;
	border-bottom-color: rgb(204, 204, 204) !important;
	border-bottom-left-radius: 0px !important;
	border-bottom-right-radius: 4px !important;
	border-bottom-style: solid !important;
	border-bottom-width: 1px !important;
	border-left-color: rgb(204, 204, 204) !important;
	border-left-style: solid !important;
	border-left-width: 1px !important;
	border-right-color: rgb(204, 204, 204) !important;
	border-right-style: solid !important;
	border-right-width: 1px !important;
	border-top-color: rgb(204, 204, 204) !important;
	border-top-left-radius: 0px !important;
	border-top-right-radius: 4px !important;
	border-top-style: solid !important;
	border-top-width: 1px !important;
	filter: none !important;
	font-family: "Segoe UI", "Open Sans", Verdana, Geneva, Arial, Helvetica, sans-serif !important;
	font-size: 14px !important;
	font-stretch: 100% !important;
	font-style: normal !important;
	font-variant-caps: normal !important;
	font-variant-east-asian: normal !important;
	font-variant-ligatures: normal !important;
	font-variant-numeric: normal !important;
	height: 20px !important;
	line-height: 20px !important;
	margin-bottom: 0px !important;
	margin-left: -1px !important;
	margin-right: 0px !important;
	min-width: 16px !important;
	overflow-x: visible !important;
	overflow-y: visible !important;
	padding-bottom: 4px !important;
	padding-left: 5px !important;
	padding-right: 5px !important;
	padding-top: 4px !important;
	text-decoration-color: rgb(0, 114, 180) !important;
	text-decoration-line: none !important;
	text-decoration-style: solid !important;
	text-shadow: rgb(255, 255, 255) 0px 1px 0px !important;
	white-space: nowrap !important;
}

.Menu > .MenuGroups > li > .NavMenuContainer > .subMenuContainer .withContextSearch .menuContextSearch > form > div > span > img {
	margin-top: -5px;
}

.NavMenuContainer .subMenuContainer .withContextSearch div.menuContextSearch .input-append {
    font-size: 1em;
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
    color: #17191b;
    white-space: nowrap;
}

.NavMenuContainer .subMenuContainer .withContextSearch 
div.menuContextSearch .input-append button[type="submit"].btn {
	padding: 0px 11px;
}

#Menu :not(i) {
	font-family: 'Roboto', 'Noto Sans', 'Noto Sans JP' , 'Noto Sans KR', 'Noto Sans SC', 'Segoe UI', 'Open Sans', Geneva, Helvetica, Arial, sans-serif;
}

.MenuSection .quickSearchTermsWrapper.productSearch {
	height: 30px; 
}

.MenuSection .quickSearchTermsWrapper input.quickSearchTerms {
	border: 1px Solid #A9A9A9;
}

.MenuSection .quickSearchTermsWrapper input.quickSearchTerms[type='text'] {
	vertical-align: top;
}

.MenuSection .quickSearchTermsWrapper input.quickSearchTerms:focus {
	border: 1px Solid #B0C4DE;
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: -webkit-focus-ring-color auto 5px;
	-webkit-transition: none;
	transition: none;
}

.MenuSection .quickSearchType {
	display: block !important;
}

.quickSearchTermsWrapper .quickSearchSubmitWrapper button {
	padding: 0px 6px 0px 6px !important;
	top: 0;
	left: 0;
	font-size: 11px;
	color: #ffffff;
}

.quickSearchTermsWrapper .quickSearchSubmitWrapper button:hover {
	color: #3f6fdc;
	background-color: transparent;
}

.MenuSection.Paged li h3 {
	padding-left: 0;
}

.MenuSection li img {
	vertical-align: baseline;
}

.Menu .MenuOverlayHeader .menuContextSearch .input-append button i {
	margin-top: 0px !important;
}

.MenuOverlayHeader h1 {
	line-height: normal;
	top: 0;
	left: 0;
}

.Menu small {
	font-size: smaller;
}

.MenuSection .thirdLevelSection {
	line-height: normal;
}

body.page--material .NotificationWrapper .NavMenuContainer.slideFromTop div.UserActionsSection ul#UserActionsSectionList_ulId li.userActionsPageLink .btn-primary {
	padding-right: 1.6rem;
}

.NavMenuContainer .subMenuContainer .withContextSearch div.menuContextSearch .input-append button[type="submit"].btn svg {
	width: 1rem;
	height: 1rem;
	fill: inherit;
}

table.ForegroundPanel td.LineSixPack {
	border-top: 1px solid #D1D8E5;
}

table.ForegroundPanel td.LineLeftGroup {
	border-right: 1px solid #D1D8E5;
}

table.phx.table.table-gray tbody tr > th.table-header__first-column-in-row {
    padding-top: 10px !important;
    background-color: white;
    border-top: 1px solid #e9ecef !important;
    border-bottom: none !important;
    vertical-align: top;
}

table.table-hover tbody tr:hover th.table-header__first-column-in-row {
    background-color: rgba(0, 0, 0, 0) !important;
}

.material-highlight--start {
	background-color: #9eadc1;
	color: #FFFFFF;
	transition: background-color 100ms linear;
}

.material-highlight--end {
	background-color: inherit;
	transition: background-color 500ms linear;
}


.material-progress-bar {
	background-color: var(--color-blue-50);
	height: 50px;
}

.material-progress-bar ul {
	height: 100%;
	padding-inline-start: 0;
	list-style-type: none;
	counter-reset: li-count;
	display: flex;
    margin: 0 auto;
	padding: 0;
	gap: 20px;
	justify-content: center;
	background-color: var(--color-blue-50);
}

.material-progress-bar li {
	display: table-cell;
	counter-increment: li-count;
	height: 100%;
}

.material-progress-bar .nav-tabs li[data-hidden=true] {
	display: block;
    visibility: hidden;
    position: absolute;
    left: -9999px;
}

.material-progress-bar a {
	/*display: block;
	height: 100%;
	padding: 12px 20px;
	cursor: pointer;
	white-space: nowrap;*/
	padding: 0 20px;
	cursor: pointer;
	white-space: nowrap;
	display: flex;
	height: 100%;
	align-items: center;
}

.material-progress-bar a:hover {
	box-shadow: inset 0 0 0 1px var(--color-black);
}

.material-progress-bar a:focus,
.material-progress-bar a:focus-visible {
	box-shadow: inset 0 0 0 2px var(--color-black);
	outline: none;
}

.material-progress-bar .step-icon {
	font-size: 0.75rem;
	line-height: 20px;
	min-width: 20px;
	margin-right: 10px;
	height: 20px;
	display: inline-block;
	position: relative;
}

.material-progress-bar .step:not(.completed) .step-icon:before {
    content: counter(li-count);
	border-radius: 20px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 0 0 0 1px var(--color-blue-20);
    color: var(--color-blue-20);
    padding: 0 6px;
	min-width: 20px;
	position: absolute;
}

.material-progress-bar .step.active .step-icon:before {
	content: counter(li-count);
	border-radius: 20px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: var(--color-blue);
	box-shadow: none;
	color: var(--color-white);
	padding: 0 6px;
	min-width: 20px;
}

.material-progress-bar .step.error .step-icon:before {
	background-color: var(--color-red-10);
	color: var(--color-white);
	box-shadow: none;
}

.material-progress-bar .step.completed .step-icon {
    color: var(--color-green-10);
}

.material-progress-bar .step-icon svg {
    width: 16px;
    height: 16px;
    margin: 2px;
}

.material-progress-bar .step-label {
    cursor: pointer;
    color: var(--color-black);
	text-transform: capitalize;
	margin-bottom: 0;
}

.badge {
	font-size: .6875rem;
	line-height: 1.5;
	box-shadow: none;
	min-width: 23px;
	font-weight: normal;
}

.badge.badge-pill {
    min-width: 20px;
    font-size: 0.75rem;
    line-height: 20px;
    padding: 0px 6.5px;
}

.badge.badge-primary {
	background-color: #3769DB !important;
	color: #FFFFFF !important;
}

.badge.badge-square {
	padding: 0 5px;
	font-size: .75rem;
	line-height: 20px;
	background: #767676;
	border-radius: 2px;
	color: #FFFFFF;
	font-weight: 500;
}

.badge-gray {
	background: #F4F4F4 !important;
	color: #000000 !important;
}

.badge-success {
	background-color: #198754;
}

.badge-pending {
	background-color: #00538D;
}

.badge-error {
	background-color: #B01309;
}

.badge-warning {
	background-color: #953F08;
	color: #fff;
}


.badge.badge--status {
    padding: 3px 10px;
}

.badge-success.badge--status {
    color: var(--color-green-05);
    box-shadow: inset 0 0 0 1px var(--color-green-05);
    background-color: var(--color-green-50);
}

.badge-warning.badge--status {
	color: var(--color-yellow-05);
	box-shadow: inset 0 0 0 1px var(--color-yellow-05);
	background-color: var(--color-yellow-50);
}

.badge-error.badge--status {
	color: var(--color-red-05);
	box-shadow: inset 0 0 0 1px var(--color-red-05);
	background-color: var(--color-red-50);
}

.badge-pending.badge--status {
    color: var(--color-blue-05);
    box-shadow: inset 0 0 0 1px var(--color-blue-05);
    background-color: var(--color-blue-50);
}

.badge-gray.badge--status {
    color: var(--color-gray-05);
    box-shadow: inset 0 0 0 1px var(--color-gray-05);
    background-color: var(--color-gray-50);
}

.badge-orange.badge--status {
    color: var(--color-orange-05);
    box-shadow: inset 0 0 0 1px var(--color-orange-05);
    background-color: var(--color-orange-50);
}

.badge-teal.badge--status {
    color: var(--color-teal-05);
    box-shadow: inset 0 0 0 1px var(--color-teal-05);
    background-color: var(--color-teal-50);
}

.badge-pink.badge--status {
    color: var(--color-pink-05);
    box-shadow: inset 0 0 0 1px var(--color-pink-05);
    background-color: var(--color-pink-50);
}

.badge-olive.badge--status {
    color: var(--color-olive-05);
    box-shadow: inset 0 0 0 1px var(--color-olive-05);
    background-color: var(--color-olive-50);
}



.material-requestForm-sidePanel .collapsible-section--link {
	padding: 10px;	
}

.material-requestForm-sidePanel .material-requestForm-sidePanel-content {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

 .material-requestForm-sidePanel .material-requestForm-sidePanel-content .data-row-name {
 	color: rgba(0,0,0,.54);
 	font-size: 13px;
 }
 
 .material-requestForm-sidePanel .material-requestForm-sidePanel-content .phx.table-layout .phx.data-row-content {
 	font-size: 13px;
 	font-weight: 400;
 	text-align: right;
 }
 
  .material-requestForm-sidePanel .material-requestForm-sidePanel-content .phx.table-layout {
  	width: 100%;
  }
.card-header.request-hide-header-actions .preferred-dropdown,
.card-header.request-hide-header-actions .btn {
	display: none;
}

.card-header.request-hide-header-actions .btn.section-container__header__icon {
	display:inline-block;
}

.card-request-content .col-form-value .file-upload {
	padding-top: 6px;
}

.card-request-content .col-form-value .btn-link {
	padding: 0;
}

.card-request-content .tab-content {
	width: 100%;
}

.card-request-content .col-form-value > .radio-group {
 	padding-top: 9px;
 }

.card-request-content .pageNavButtonRow {
	padding-bottom: 10px;
}

.card.card-request-content table > tbody > tr > td a.btn {
	padding: 0;
	height: auto;
	padding-bottom: 10px;
}

.card-request-content .btn-link-material.withIcons {
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
	color: rgba(0,0,0,.87) !important;
}

.card-request-content .pageNavButtonRow,
.card-request-content .Previous {
	width: 100%;
}

.card-request-content .EmptyListWrapper {
	display: flex;
	align-content: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	flex-direction: column;
	text-align: center;
}

.card-request-content .EmptyListWrapper .phxTableButtonRow {
	padding-top: 10px;
}

.card-request-content .EmptyListWrapper img {
	align-self: center;
}

.card-request-content .EmptyListWrapper .EmptyList .btn.btn-primary {
	margin: 20px 0 0;
}

.SearchResults.table.material-table button.btn.btn-link {
	height: fit-content;
	width: fit-content;
}

.card-request-content .material-supplier-results .SearchResults.table.material-table button.btn {	
	height: 30px;
	width: auto;
}

/* Quick Quote Description */

div.phoenixSubSection.subsection-full-width.noHeader > textarea {
	display:none;
}

/* Commodity Codes */

.material-commodity-codes-results .phoenixSubSection.pagination-header .phx-pagination > .pageNavButtonRow > .Previous .btn-group .btn {
	padding: 0px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
}

.material-commodity-codes-results .phoenixSubSection.pagination-header .phx-pagination > .pageNavButtonRow > .Previous .btn-group {
 	margin-right: .5rem;
}

.material-commodity-codes-results .phoenixSubSection.pagination-header .phx-pagination:first-of-type {
	margin-top: 20px;
}

.material-commodity-codes-results .phoenixSubSection.pagination-header .phx-pagination {
	background-color: white !important;
}

.material-commodity-codes-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.material-commodity-codes-container div.title-bar{
	display: block !important;
}

.material-commodity-codes-results .phoenixSubSection.pagination-header .results-pagination .col-form-label span,
.material-commodity-codes-results .phoenixSubSection.pagination-header .results-pagination .col-form-label a,
.material-commodity-codes-results .phoenixSubSection.pagination-header .results-pagination .col-form-value input {
	color: black !important;
}

/* Item attributes defaults */
.health-and-safety-item-attribute-defaults .standard-select {
	width: 100% !important;
}

@media screen and (max-width: 1199px) {
	.health-and-safety-item-attribute-defaults .col-form-value .d-flex:nth-child(4) {
		flex-wrap: wrap;
	}
}

/* Procurement Supplier Search */

.card-request-content .phoenixSubSection.pagination-header .phx-pagination > .pageNavButtonRow > .Previous .btn-group .btn {
	padding: 0px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
}

.card-request-content .phoenixSubSection.pagination-header .phx-pagination > .pageNavButtonRow > .Previous .btn-group {
 	margin-right: .5rem;
 }
 
.card-request-content .panel-search-basic {
 	width: 100%;
 }
 
.card-request-content .zipcode-with-radius .control-label {
	padding-right: .5rem;
	width: 80px;
} 

 .card-request-content .form-group div.col-form-value .zipcode-with-radius select.standard-select {
    width: 140px !important;
}

.card-request-content .card-body .panel-search-header {
	border-top: 1px solid rgb(215,215,215);
}

.card-request-content .card-body .pageNavButtonRow .Next {
	width: 100%;
	padding-right: 1rem;
}

.card-request-content .no-supplier-text {
	font-size: 13px;
	padding-top: 20px;	
}

.card-request-content .card-body .phx.panel-secondary .panel-search-more-button-row {
 	position: inherit;
}

.card-request-content .card-body .phx.panel-secondary .panel-search-basic {
	padding-bottom: 0;
}

.card-request-content .material-supplier-results .material-table .btn-flat:not(.btn.btn-sm.withIcons.dropdown-toggle) {
	height: auto;
	width: 100%;
}

.card-request-content .material-table tr td:first-child img {
	vertical-align: top;
	display: inline-block;
}

.card-request-content .material-table .btn-flat:not(.btn.btn-sm.withIcons.dropdown-toggle) .linkText {
	text-align: left;
	max-width: 90%;
	display: inline-flex;
}

.card-request-content .material-table .networking-icon-container img{
	max-width: fit-content;
	max-height: fit-content;
	display: inline-flex;
}

.card-request-content .material-table td {
    border-top: 0 !important;
}

.card-request-content .material-table .btn-flat:hover:not(.btn.btn-sm.withIcons.dropdown-toggle),
.card-request-content .btn-flat:hover:not(.btn.btn-sm.withIcons.dropdown-toggle) {
	background-color: transparent !important;
}

/* Questions Section */
.request-questions .card-request-content .BaseFormRequest_WizardInstructions {
	font-size: 0.8125rem;
	padding: 10px 20px;
}

.request-questions .card-request-content .form-group.row .col-form-label {
	font-weight: 500;
	color: black !important;	
}

.request-questions .card-request-content .form-group.row .col-form-label .legendElement {
	padding-left: 10px;
	min-width: 5%;
}

.request-questions .card-request-content .form-group.row .col-form-label .required-star-filled {
	color: black;
	min-width: 4%;
}

.request-questions .card-request-content .form-group.row .col-form-label .btn.popover-no-name {
	color: black !important;
	min-width: 5%;
}

.request-questions .card-request-content .form-group.row .col-form-label > label {
	margin-bottom: 0;
}

.request-questions .card-request-content .form-group.row .material-table-wrapper .table {
	margin-bottom: 0;
}

.request-questions .card-request-content .form-group.row .material-table-wrapper .table .btn.btn-download {
	font-size: 13px;
	width: fit-content;
	padding-bottom: 5px;
}

.request-questions .card-request-content .form-group.row .material-table-wrapper .table .form-check-label .btn.popover-no-title {
	width: fit-content;
	color: black;
	padding-top: 5px;
}

.request-questions .card-request-content .form-group.row .material-table-wrapper .table .add-on.input-group-append svg{
	color: black !important;
	fill: black !important;
}

.request-questions .card-request-content .material-table-wrapper .status-indicator {
	display: inline-block;
}

.card-request-content .material-table .btn-flat.btn-download {
	height: auto;
	padding-top: 0 !important;
}

.card-request-content .material-table .btn-flat.btn-download + a.btn-link {
	padding-top: 0 !important;
}

.card-request-content .material-table .btn-flat.btn-download svg {
	height: 16px;
	width: 16px;
}


.discussion-modal .collapsible-section--link .material-panel__collapsible_link {
	order: unset !important;
	padding-right: 10px;
}

.discussion-modal .discussion-header {
	display: flex;
	position: sticky;
	top: -15px;
	background-color: var(--color-white);
	padding: 6px 15px;
	z-index: 2;
	margin: -15px -15px 0;
}

.discussion-modal .discussion-attachments-container {
	display: flex;		
}

.discussion-modal .discussion-attachments-container .discussion-attachments-title {
	display: flex;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-right: 10px;
}

.discussion-modal .discussion-attachments-container .discussion-attachments {
	display: flex;
    flex-wrap: wrap;
    gap: 5px;
    overflow: hidden;
}

.discussion-modal .discussion-attachments-container .discussion-attachments .btn-flat {
	background-color: var(--color-gray-50);
}

.discussion-modal .discussion-attachments-container .discussion-attachments a {
	text-transform: none;
	font-size: 13px;
	background-color: var(--color-gray-50) !important;
	padding: 7px 10px;
}

.discussion-modal .discussion-attachments-container .discussion-attachments svg {
	top: 2px;
}

.discussion-modal .discussion-timestamp .timestamp .btn-flat:hover:not(.btn.btn-sm.withIcons.dropdown-toggle) {
	background-color: var(--color-gray-50) !important;
}

.discussion-modal .discussion-response-container .discussion-response-header,
.discussion-modal .discussion-response-container .discussion-response-header .discussion-response-text,
.discussion-modal .discussion-response-container .discussion-response-header .discussion-response-button {
	display: flex;
}

.discussion-modal .discussion-response-container .discussion-response-header .discussion-response-text {
	font-weight: 500;
}

.discussion-modal .discussion-response-container .discussion-response-header {
	min-height: 40px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.discussion-modal .discussion-response-container .discussion-response-header .discussion-response-button {
	align-items: center;
}

.discussion-modal .discussion-response-container {
	background-color: var(--color-gray-50);
	border-left: 3px solid var(--color-gray-30);
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
}

.discussion-modal .discussion-response-container .discussion-attachments a {
	background-color: var(--color-white) !important;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.discussion-modal .discussion-attachments,
.discussion-modal .discussion-attachments .discussion-attachment-container {
	width: 100%;
}

.discussion-modal .discussion-attachment-container a {
	display: inline-flex;
	white-space: nowrap;
	width: fit-content;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
}

.discussion-modal .discussion-response-container {
	margin-bottom: 5px;
	margin-top: 5px;
}

.timestamp .additional-recipients {
	display: block;
	margin-top: 4px;
	margin-bottom: 4px;
}

.timestamp .additional-recipients button {
	display: block;
}































 

body.phoenixBody #feedback-highlighter {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -150px;
	margin-left: -250px;
}

div#feedback-highlighter {
	height: auto;
	bottom: auto;
}

div.feedback-logo {
	width: 0 !important;
	overflow: hidden;
}

div.feedback-title {
    font-size: 16px;
    font-weight: normal;
    line-height: 32px;
}

#feedback-highlighter UL, #feedback-highlighter LI, #feedback-highlighter P {
 font-size: .9em;
}

#feedback-overview h1, #feedback-overview h2, #feedback-overview h3, #feedback-overview h4 {
	color: inherit !important;
}

.btn-feedback {
  padding: 0.25rem 0.5rem;
  font-size: 0.6rem;
  line-height: 1.5;
  border-radius: 0.2rem;
  margin: 0px !important;
  cursor: pointer;
  text-transform: none !important;
  padding: .1rem !important;
}

body.phoenixBody button.feedback-btn {
	position: relative;
}

.feedback-screenshot,
div#feedback-overview,
div#feedback-highlighter,
div#feedback-submit-success, 
div#feedback-submit-error {
	border: 1px solid #999;
	border: 1px solid rgba(0, 0, 0, 0.3);
	*border: 1px solid #999;
	-webkit-border-radius: 6px;
	   -moz-border-radius: 6px;
	        border-radius: 6px;
}

div.feedback-logo {
	width: 450px;
}

body.phoenixBody #feedback-overview-description-text .textAreaCharsRemaining {
	margin-top:3px;
}

body.phoenixBody #feedback-overview-description-text .textAreaCharsRemaining span {
	margin-left: 0;
	padding-left: 0;
}

body.phoenixBody #feedback-overview-description-text span {
	background: none;
}

body.phoenixBody .feedback-additional {
	margin-bottom: 0!important;
}

body.phoenixBody #feedback-browser-info,
body.phoenixBody #feedback-page-info,
body.phoenixBody #feedback-page-structure,
body.phoenixBody #feedback-additional-none {
  margin: 0;
  padding: 0;
  display: none;
}

body.phoenixBody .feedback-btn {
	padding: 5px 10px;
}

body.phoenixBody .feedback-buttons {
	margin-top: 10px;
}

body.phoenixBody .feedback-next-btn {
	float: none;
	margin-right: 1em;
}

#feedback-highlighter-close {
	margin-right: 0;
}
#feedback-overview-back {
	margin-left: 1em;
}




div.list-available-search input[type="text"],
.list-no-results{
	width:250px;
	min-width:220px;
}

div.list-search-row{
	padding-bottom:10px;
}

div.list-main-content [type="checkbox"] + label {
		    padding-left: 25px;
    		height: inherit;
    		line-height: unset;
    		font-size:inherit;
}

div.list-main-content [type="checkbox"] + label:before,
div.list-main-content [type="checkbox"] + label:after {
		height:15px;
		width:15px;
}

div.list-main-content [type="checkbox"][type="checkbox"]:checked + label:before {
  		height:18px;
  		width:10px;
}

ul.list-available,ul.list-selected{
	list-style: none;
	margin-top:0px;
	padding-left: 5px;
}

ul.list-available li,ul.list-selected li{
	min-height:30px;
}

.list-item-available{
	display:flex;
	align-items:center;
	margin-top:7px;
}

.list-item-available:hover{
	background-color: #f5f5f5;
}

.item-hidden{
	display:none;
}

div.list-panel-left,
div.list-panel-right{
	min-width:50%;
}


div.list-item-drag {
	content: '...';
	display: inline-block;
	overflow: hidden;
	line-height: 5px;
	cursor: grab;
	vertical-align: middle;
	font-size: 13px;
	color: #cccccc;
	text-shadow: 1px 0 1px black;
	width: 20px;
	padding: 3px 4px;
	margin-right: 3px;
	margin-top: -.7em;
	letter-spacing: 2px;
}

div.list-item-drag::before {
  content: '.. .. ..';
}

.list-item-selected{
	display:flex;
	align-items:center;
	border: 1px solid #dddddd;
	cursor : grab;
	margin: .5em 0 .5em 0;
}

.list-item-text{
	display:flex;
	align-items:center;
	height:inherit;
	flex-grow:1;
	justify-content:space-between;
	max-width:90%;
}

.list-item-selected:hover{
	webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2), 0 2px 5px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2), 0 2px 5px 0 rgba(0,0,0,0.2);
    background-color: #f5f5f5;
}

.list-item-actions button[type="button"]{
	padding:0px 6px 0px 6px;
	margin:0px;
	height:15px;
}

.list-item-actions{
	cursor:auto;
}

.list-item-text > .readOnlyValue{
    max-width: 70%;
}



div.PageInfoBanner {
	position: fixed;
	right: 0px;
	top: 32px;
	z-index: 4999;
	border: none;
	opacity: .8;
	padding: 3px 25px;
	white-space: nowrap;
}

.well.devnote + div.PageInfoBanner {
	position: static;
}

#debugSettingId .modal-body table {
	border-collapse: separate;
}

#debugSettingId .modal-body table tr td[class=SubSectionTitle]  {
	padding: 8px 0;
	align-items: center;
	border-bottom: 1px solid rgba(0, 0, 0, .18);
}

#debugSettingId .modal-dialog {
	left: auto;
}





li.NotificationWrapper.breadcrumbOrgName {
	background-color: Yellow;
}

li.NotificationWrapper.breadcrumbOrgName BUTTON {
	font:12px 'Roboto', 'Noto Sans', 'Noto Sans JP' , 'Noto Sans KR', 'Noto Sans SC', 'Segoe UI', 'Open Sans', Geneva, Helvetica, Arial, sans-serif !important;
	line-height: 40px !important;
	height: 40px !important;
	padding:0px !important;
}

li.NotificationWrapper button.btn.withIcons:not(.btn-icon-rounded):not(.input-group-append-next):not(.btn-circle):not(.input-group-append) svg {
	height:40px;
	margin-top:0px;
}

.breadcrumb li.supportOrg {
	float: right;
	margin-top: -2px;
}
.breadcrumb li.supportOrg div.input-append img,
.breadcrumb li.breadcrumbOrgName div.k-content div.input-prepend.input-append img,
.breadcrumb li.breadcrumbOrgName div.k-content div.input-group span.add-on img {
	max-width: 1em;
}
.breadcrumb li.breadcrumbOrgName div.k-content div.input-prepend.input-append img,
.breadcrumb li.breadcrumbOrgName div.k-content div.input-group span.add-on img {
	padding-top: 3px;
}
.breadcrumb li.breadcrumbOrgName div.k-content div.input-group span.add-on {
	-webkit-border-radius: 4px 0 0 4px;
	   -moz-border-radius: 4px 0 0 4px;
	        border-radius: 4px 0 0 4px;
	background-color: #eeeeee;
	border: 1px solid #ccc;
	height: 35px;
	min-width: 16px;
	padding: 4px 5px;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
}
.breadcrumb li.breadcrumbOrgName div.k-content div.input-group div.k-widget + span.add-on {
	border-radius: 0 4px 4px 0;
}
.breadcrumb li.breadcrumbOrgName div.k-content div.input-group span.add-on i {
	margin-top: 6px;
}
.breadcrumb li.breadcrumbOrgName div.k-content div.input-group div.k-widget {
	border-radius: 0;
	font-size: 14px;
}
.breadcrumb li.breadcrumbOrgName li.switchOrgMultiSelect {
	height: 30px;
}
.breadcrumb li.breadcrumbOrgName li.switchOrgMultiSelect li.k-button {
	height: 25px;
}
.breadcrumb li.breadcrumbOrgName .k-multiselect-wrap input {
	margin-top: 3px;
}
.breadcrumb li.breadcrumbOrgName .k-multiselect-wrap ul li.k-button span {
	line-height: 2em;
}
.breadcrumb li.supportOrg .k-multiselect-wrap {
	height: 20px;
	min-height: 1.8em;
}
.breadcrumb li.breadcrumbOrgName div.k-content {
	padding-left: 20px;
}
.breadcrumb li.supportOrg .k-content span.add-on {
	height: 13px;
}
.breadcrumb li.supportOrg .k-content .input-append span.add-on i.phxGlyph {
	top: -2px;
}
.breadcrumb li.supportOrg .k-content .k-multiselect-wrap .k-input {
	padding-top: 1px;
	padding-bottom: 1px;
}
.breadcrumb li.supportOrg div.k-content div.k-widget .k-multiselect-wrap ul li.k-button {
	height: 18px;
	margin-top: 0px;
}
.supportOrg select.phx {
	height: 23px;
	line-height: 23px;
	border-radius: 0;
	-webkit-appearance: none;
}

div.supportOrg {
	position:fixed;
	right: 5px;
	top: 42px;
	z-index:4500;
}

div.supportOrg .k-multiselect-wrap {
	height: 20px;
	min-height: 21px;
}
div.supportOrg .k-content span.add-on {
	height: 13px;
}
div.supportOrg .k-content .input-append span.add-on i.phxGlyph {
	top: -2px;
}
div.supportOrg .k-content .k-multiselect-wrap .k-input {
	padding-top: 1px;
	padding-bottom: 1px;
}
div.supportOrg div.k-content div.k-widget .k-multiselect-wrap ul li.k-button {
	height: 18px;
	margin-top: 0px;
}
div.supportOrg select.phx {
	height: 23px;
	line-height: 23px;
	border-radius: 0;
	-webkit-appearance: none;
}
div.supportOrg div.input-append img,
.page--material div.supportOrg div.input-group.input-group--in span.input-group-append img {
	max-width: 1em;
}
.page--material div.supportOrg div.k-content div.k-multiselect-wrap input.k-input {
	height: 1.5em;
}
.page--material div.supportOrg div.k-content div.input-group--in span.add-on.input-group-append:first-of-type {
	right: 3px;
}

.breadcrumb li.breadcrumbOrgName .btn.btn-link {
	background-color: Yellow;
	padding: 0 5px 0 5px;
	border-radius: 0px;
	line-height: 25px;
	max-height: 25px;
	vertical-align: inherit;
}

.breadcrumb li.breadcrumbOrgName .phx.glyph-caret {
	display:none;
}

.breadcrumb li.breadcrumbOrgName .btn-group {
	display:inherit;
	vertical-align:inherit;
}

.breadcrumb li.breadcrumbOrgName .btn-group.open > .btn.btn-link.dropdown-toggle {
	background-color:Yellow;
}

.breadcrumb li.breadcrumbOrgName .btn-group > .btn.btn-link {
	margin:0;
	color: #3f6fdc;
}





:root {
  --color-blue: #3769DB;
  --color-black: #000000;
  --color-white: #FFFFFF;
  /* GRAY COLOR  */
  --color-gray-05: #101010;
  --color-gray-10: #1C1C1C;
  --color-gray-15: #303030;
  --color-gray-20: #767676;
  --color-gray-25: #999999;
  --color-gray-30: #B0B0B0;
  --color-gray-35: #C0C0C0;
  --color-gray-40: #D0D0D0;
  --color-gray-45: #E5E5E5;
  --color-gray-50: #F4F4F4;
  /* BLUE COLOR  */
  --color-blue-05: #29378B;
  --color-blue-10: #394AAB;
  --color-blue-15: #2D59BF;
  --color-blue-20: #3769DB;
  --color-blue-25: #4C7EF2;
  --color-blue-30: #64B5F6;
  --color-blue-35: #7ABFFC;
  --color-blue-40: #A1D3FF;
  --color-blue-45: #E2EDFF;
  --color-blue-50: #F4F8FF;
  /* NAVY COLOR  */
  --color-navy-05: #13234E;
  --color-navy-10: #213568;
  --color-navy-15: #384E85;
  --color-navy-20: #3F5794;
  --color-navy-25: #6779A9;
  --color-navy-30: #BDC7D9;
  --color-navy-35: #D7DDE7;
  --color-navy-40: #ECEEF4;
  --color-navy-45: #F5F6F8;
  --color-navy-50: #F8FAFD;
  /* GREEN COLOR  */
  --color-green-05: #067448;
  --color-green-10: #098755;
  --color-green-15: #129762;
  --color-green-20: #02A564;
  --color-green-25: #2BB272;
  --color-green-30: #4CBD72;
  --color-green-35: #7DCD7F;
  --color-green-40: #8DD790;
  --color-green-45: #C7EAC8;
  --color-green-50: #E6FDE6;
  /* RED COLOR  */
  --color-red-05: #AD2020;
  --color-red-10: #C43535;
  --color-red-15: #E84646;
  --color-red-20: #F94C4C;
  --color-red-25: #F95E5E;
  --color-red-30: #FF7E73;
  --color-red-35: #FF9A92;
  --color-red-40: #FFB9B4;
  --color-red-45: #FFD7D4;
  --color-red-50: #FFE8E7;
  /* YELLOW COLOR  */
  --color-yellow-05: #7A4201;
  --color-yellow-10: #9C5400;
  --color-yellow-15: #DB9205;
  --color-yellow-20: #FFC100;
  --color-yellow-25: #FFD348;
  --color-yellow-30: #FEE059;
  --color-yellow-35: #FFE677;
  --color-yellow-40: #FFED9A;
  --color-yellow-45: #FFF2B9;
  --color-yellow-50: #FBFADF;
  /* PURPLE COLOR  */
  --color-purple-05: #35178E;
  --color-purple-10: #5231B1;
  --color-purple-15: #6841D2;
  --color-purple-20: #8F65FB;
  --color-purple-25: #AC8BFF;
  --color-purple-30: #B59CF9;
  --color-purple-35: #C8B4FF;
  --color-purple-40: #D2C3FD;
  --color-purple-45: #E3DAFF;
  --color-purple-50: #EDE7FF;
  /* TEAL COLOR  */
  --color-teal-05: #004847;
  --color-teal-10: #005E5D;
  --color-teal-15: #0A7B7A;
  --color-teal-20: #078C8A;
  --color-teal-25: #25ABA9;
  --color-teal-30: #40C1BF;
  --color-teal-35: #6CD4D3;
  --color-teal-40: #8AE2E1;
  --color-teal-45: #CFF1F1;
  --color-teal-50: #E0F7F7;
  /* PINK COLOR  */
  --color-pink-05: #5A0B52;
  --color-pink-10: #77186D;
  --color-pink-15: #842D86;
  --color-pink-20: #A64AA8;
  --color-pink-25: #C65EBB;
  --color-pink-30: #E26DD6;
  --color-pink-35: #F08CE6;
  --color-pink-40: #FBB8F4;
  --color-pink-45: #FFD8FB;
  --color-pink-50: #FFF0FD;
  /* ORANGE COLOR  */
  --color-orange-05: #923D0E;
  --color-orange-10: #B55620;
  --color-orange-15: #DC6C2D;
  --color-orange-20: #EC7431;
  --color-orange-25: #EF884E;
  --color-orange-30: #F69762;
  --color-orange-35: #FFAC7E;
  --color-orange-40: #FFCCAF;
  --color-orange-45: #FFE3D3;
  --color-orange-50: #FFEDE3;
  /* MAGENTA COLOR  */
  --color-magenta-05: #60102D;
  --color-magenta-10: #802244;
  --color-magenta-15: #DE1D5E;
  --color-magenta-20: #FD528C;
  --color-magenta-25: #FF74A3;
  --color-magenta-30: #FF8FB5;
  --color-magenta-35: #FFA9C6;
  --color-magenta-40: #FFB7D1;
  --color-magenta-45: #FFDCE9;
  --color-magenta-50: #FFEFF5;
  /* OLIVE COLOR  */
  --color-olive-05: #242515;
  --color-olive-10: #38392C;
  --color-olive-15: #555648;
  --color-olive-20: #626A49;
  --color-olive-25: #869069;
  --color-olive-30: #98A17E;
  --color-olive-35: #A8B18E;
  --color-olive-40: #C1C8AF;
  --color-olive-45: #D1D4C6;
  --color-olive-50: #ECEEE5;
  /* TURQUOISE COLOR  */
  --color-turquoise-05: #0C4B39;
  --color-turquoise-10: #176851;
  --color-turquoise-15: #288268;
  --color-turquoise-20: #3A977C;
  --color-turquoise-25: #56BC9E;
  --color-turquoise-30: #5DD1AF;
  --color-turquoise-35: #73E1C1;
  --color-turquoise-40: #88E7CB;
  --color-turquoise-45: #C8FAEB;
  --color-turquoise-50: #EFFFFA;
  /* TAN COLOR  */
  --color-tan-05: #4F3424;
  --color-tan-10: #6C4C38;
  --color-tan-15: #906144;
  --color-tan-20: #AE7F63;
  --color-tan-25: #CC9F83;
  --color-tan-30: #DAB8A2;
  --color-tan-35: #E3C6B4;
  --color-tan-40: #F0D5C5;
  --color-tan-45: #F5E1D5;
  --color-tan-50: #F9F2ED;
  
  
  /* MODAL SIZES */
  --modal-small-min-width : 500px;
  --modal-small-max-width : 800px;
  --modal-small-min-height: 180px;
  --modal-small-max-height: 500px;
  --modal-medium-min-width : 800px;
  --modal-medium-max-width : 1000px;
  --modal-medium-min-height: 360px;
  --modal-medium-max-height: 550px;
  --modal-large-min-width : 1000px;
  --modal-large-max-width : 1200px;
  --modal-large-min-height: 540px;
  --modal-large-max-height: 600px;
  --modal-medium-width-height-min-width : 500px;
  --modal-medium-width-height-max-width : 600px;
  --modal-medium-width-height-min-height: 410px;
  --modal-medium-width-height-max-height: 500px;
  
  --modal-header-height: 40px;
  --modal-footer-height: 70px
  
}
@keyframes spinner-border {
    to {
        transform: rotate(1turn)
    }
}

.spinner-border {
	--mdb-spinner-width: 50px;
    --mdb-spinner-height: 50px;
    --mdb-spinner-width--medium: 30px;
    --mdb-spinner-height--medium: 30px;
    --mdb-spinner-width--small: 15px;
    --mdb-spinner-height--small: 15px;
    --mdb-spinner-vertical-align: -2px;
    --mdb-spinner-border-width: 3px;
    --mdb-spinner-animation-speed: 1.5s;
    --mdb-spinner-animation-name: spinner-border;
    border: var(--mdb-spinner-border-width) solid;
    border-right-color: transparent;
}

.spinner-border, .spinner-grow {
    display: inline-block;
    width: var(--mdb-spinner-width);
    height: var(--mdb-spinner-height);
    vertical-align: var(--mdb-spinner-vertical-align);
    border-radius: 50%;
    animation: var(--mdb-spinner-animation-speed) linear infinite var(--mdb-spinner-animation-name);
}

.size-medium {
    width: var(--mdb-spinner-width--medium);
    height: var(--mdb-spinner-height--medium);
}

.size-small {
    width: var(--mdb-spinner-width--small);
    height: var(--mdb-spinner-height--small);
}

.mosaic-spinner-effect {
	color: var(--color-blue);
}

.spinner-border.mosaic-spinner-effect {
	display: flex;
	border-right-color: var(--color-white);
}

.mosaic-spinner {
    position: fixed;
    z-index: 7000;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    box-sizing: content-box;
}

.mosaic-spinner > span {
	line-height: 20px;
	font-size: 12px;
	margin-top: 5px;
	color: var(--color-black);
}



.input-group-text {
	border-radius: .25rem;
}

.input-group>.input-group-append>.input-group-text {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}


div.HoverHelpOverlayContent {
	border: 1px solid #C1C1C1;
	background-color: #FFFDC0;
	padding: 2px;
	text-align: left;
	font-size: 13px;
}

div.HoverHelpOverlayContent > div {
	top: 0px;
}

div.HoverHelpOverlayBottomLinks {
	border-top: 1px solid #D1D8E5;
	padding: 2px;
}

div.HoverHelpOverlayContent A.LightLink {
    font-size: 0.9em;
    font-weight: normal;
    color: #808080;
}


select.standard-select {
	font-size: 0.8125rem;
	display: inline-block !important;
	min-height: 40px;
	min-width: 150px;
	border: 1px solid #E0E0E0;
	width: auto;
}

.item--description {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	max-width: 490px;
}


.text--truncate {
	overflow: hidden;
	position: relative;
	line-height: 20px;  /* height of one line */
	max-height: 52px; /* line-height * number of lines */
	text-align: justify;
	padding-right: 16px;
}


.text--truncate::before {
	content: '...';
	position: absolute;
	right: 5px;
	bottom: 3px;
}


.text--truncate::after {
	content: '';
	position: absolute;
	right: 0;
	height: 16px;
	width: 16px;
	margin-top: 4px;
	background: #fff;
}


.page--material .k-treeview .k-image,
.modal.material .k-treeview .k-image {
	vertical-align: top;
}