/*
	Main 
*/
#external {
	padding: 1em;
}
#loggedUser {
	text-align:right;
	background-color:#FFF;
	font-size:1.2em;
	padding:5px;
	padding-right:13px;
}
#portalLeftMenu {
	float:left;
}

#portalContent {
	margin-left:250px;
	padding-right: 24px;
	min-height:500px;
}

#portalLeftMenu dt {
	cursor:pointer;
}
#portalContent h1 {
	margin:0;
	font-size: 2.4em;
	color:#005895;
}
/*
	Layout styles
*/
.left {
	float:left!important;
}
.right {
	float:right!important;
}
.clear {
	clear: both;
    height: 1px;
	overflow: hidden;
}
.inline {
	display:inline;
}
.tablecell {
	display:table-cell;
}
.hidden {
	display:none;
}

/*
	Text styles
*/
.justified {
	text-align:justify;
}
.centered {
	text-align:center;
}
.alignLeft {
	text-align:left;
}
.alignRight {
	text-align:right;
}
.nowrap {
	white-space: nowrap;
}
.subtitle {
	font-size:1.3em;
 	font-weight:bold;
	color:#005895;
	padding-bottom:1em;
}

/*
	Quickreference at bottom of page
*/
.quickref {
	background-color:#EAEDF4;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	padding-top:10px;
	color:#666;
}
.quickref h3 {
	color:#005895;
}

#payment-due .notice {
	border: 1px solid #de7e6d;
	color: #7d2a1c;
	background: #e8a397;
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…pZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
	background-size: 100%;
	background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#ecb5ac),color-stop(100%,#e8a397));
	background-image: -webkit-linear-gradient(top,#ecb5ac,#e8a397);
	background-image: -moz-linear-gradient(top,#ecb5ac,#e8a397);
	background-image: -o-linear-gradient(top,#ecb5ac,#e8a397);
	background-image: linear-gradient(top,#ecb5ac,#e8a397);
	-webkit-box-shadow: 0 1px 2px #efc0b8 inset,0 1px 1px #dfdfdf;
	-moz-box-shadow: 0 1px 2px #efc0b8 inset,0 1px 1px #dfdfdf;
	box-shadow: 0 1px 2px #efc0b8 inset,0 1px 1px #dfdfdf;
	padding: 15px;
	margin-bottom: 20px;
	border-radius: 4px;
}

#payment-due .notice h3,
#payment-due .notice p {
	margin: 1em 0 0.5em;
	color: #000;
}
.hand {
	cursor:pointer;
}

/*
	Wicket feedback
*/
.feedbackPanel {
	padding:0;
	margin:0;
	margin-left:0!important;
}
.feedbackPanel li {
	list-style-type:none;
	color:#FF6319;
} 

.fieldset {
	margin-top:2em;
}

.fieldset .fieldsetTitle {
	background-color: #EAEDF4;
	padding:1em;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}

.fieldset .fieldsetTitle.highlited {
	background-color: #FFEFC6;
	background-image: -webkit-gradient(linear,left 50,right 50,color-stop(0.16, rgb(234,237,244)),color-stop(0.63, rgb(255,239,198)));
	background-image: -moz-linear-gradient(left center,rgb(234,237,244) 16%,rgb(255,239,198) 63%);
}

.fieldset .fieldsetTitle .extrainfo {
	color:#005895;
	font-size:0.9em;
}

.subtitleInfo {
    color:#fff;
    margin-top: 0.5em;
}

table.paddingTable tr td {
    padding: 0.3em 0.75em;
}

table.paddingTable table td {
    padding: 0;
}

.lir-table {
    width: 100%;
}
.lir-table tr th {
    width: 33%;
}

.fieldset .fieldsetTitle a {
	font-weight:bold;
}

.fieldset .fieldsetBody {
	padding:1em;
	border:1px solid #EAEDF4;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}


#registry-selector {
	float: right;
	padding-right: 25px;
}

#portal-breadcrumbs {
	float: left;
}

#button-container a.myButton1 {
	background: #00A0B0;
	display:none;
}


#button-container a.myButton1:before {
	font-family: FontAwesome;
	margin-right: 10px;
	content: "\f085";
	font-size: 1.2em;
}

/*
 * NOTE: The undesirable !important declaration is used to override a very
 * specific selector which has been used within the theme's style-sheet(s).
 */
a.menuGroupLabel:hover {
	text-decoration: none !important;
}

body, html {
	font-size: 1em !important;
	font-family: "Public Sans", Helvetica, Sans-serif !important;
	margin: 0;
}


.banner-div-container {
	width: 100%;
	margin-top: 10px;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
}

.banner-div-left {
	word-break: break-word;
	padding-right: 15px;
	max-width: 70%;
}

.banner-div-right {
	width: 259px;
}

.voucher_button {
	margin-bottom: 20px;
}

.paragraph {
	margin-bottom: 10px;
	font-family: "Open Sans", Helvetica, Arial, Sans-serif;
}

.paragraph_top {
	margin-top: 10px;
}

.voucher_list {
	padding-left: 0px !important;
}

.voucher_list li {
	padding: 0px;
	list-style: disc;
	margin-left: 20px;
	line-height: 1.6em !important;
	font-family: "Open Sans", Helvetica, Arial, Sans-serif;
}

.div-banner-msg {
	color: #3f3e3e;
	background: #fffcee;
	border: 1px solid #d5caa5;
	margin-top: 15px;
}

.banner-msg-paragraph {
	padding: 20px;
	text-align: left;
	font-size: 13px;
	word-break: break-word;
	font-family: "Open Sans", Helvetica, Arial, Sans-serif;
}

.banner-img {
	max-width: 100%;
}


#app-grid {
	background: #fff !important;
	display: grid;
	grid-template-columns:[left] max-content [right] auto;
}

swe-menu {
	grid-column: left;
	grid-row-end: 1000 span;
}

#app-workspace {
	grid-column: right;
	background-color: white;
	margin: 24px 24px 24px 3.5em;
}

app-nav-bar {
	grid-column: left;
	grid-row-end: 1000 span;
}


.controls{
	display: inline-block;
}

.control-label{
	width: 10em;
	text-align: left !important;
}

.header-space{
	margin-top:2.5rem;
}

.yellow-banner {
	padding: 0.55em 0.9em;
	background-color: #f5e075;
	margin: 0 0 12px 0;
}