@CHARSET "ISO-8859-1";

/* Originally from style.css */
h1 {
	font-size: 18px; font-weight: bold;
}

h2 {
	font-size: 16px; font-weight: bold;
}

h3 {
	font-size: 14px; font-weight: bold;
}
/* Dojo Specific overrides */
input[type="text"], input[type="password"] {
	border: 1px solid #5b7996; color: #000000;
}

input[type="text"] {
	padding: 3px 1px; width: 100%;
}

input[type="password"] {
	padding: 3px 1px; width: 300px;
}

input[type="checkbox"], input[type="radio"] {
	border: none; background-color: transparent;
}

input[type="checkbox"]:hover, input[type="radio"]:hover {
	border: none; background-color: transparent;
}

input[type="text"]:hover, input[type="password"]:hover {
	border: 1px solid #d6e6f6; color: #000000;
}

.error {
	font-weight: bold; font-style: italic; font-size: 9px; color: #ffffff;
	background-color: #FF0000; padding: 3px 0px;
}

#footer {
	clear: both;
	text-align: center; 
}

.footer {
	margin-top: 10px; 
	text-align: center; 
	color: #828282;
}

.footer a {
	color: #828282;
}

.footer a:hover {
	color: #000;
}
/* end Dojo Specific overrides */
/*End from style.css*/
body {
	/* background-color: #e9eaed; */
	background-image: url("../oligoimg/graybkg.jpg");
	background-repeat: repeat;
}

@media screen and (min-width: 1700px) {
	#fundSmallSummary {
		height: 4.5em;
	}
}

@media screen and (max-width: 1699px) and (min-width: 1080px) {
	#fundSmallSummary {
		height: 6.5em;
	}
}

@media screen and (max-width: 1079px) {
	#fundSmallSummary {
		height: 8em;
	}
}

#select-view-table {
	
}

.dgrid-scroller {
	overflow: auto !important;
}

.dgrid-header-scroll {
	display: none;
}

#nodelete {
	margin: 3px;
}

#fundSummaryActionMenu {
	width: 43px !important;
}

#backButtonDiv, .backButtonDiv {
	position: absolute; width: 46px; height: 46px;
}

.backButton {
	width: 40px; height: 35px; border-radius: 3px 0 0 3px;
	background-color: #2e63a9;
	background-image: url("../icons/dark/appbar.chevron.left.png");
	background-size: contain; background-repeat: no-repeat; border: none;
	cursor: pointer; outline: none; float: right;
}

.learnmoreicon {
	float: left;
}

.getlinkicon {
	float: left; bottom: 14px; position: relative;
}

.icon46 {
	max-height: 46px; max-width: 46px;
}

#fundTitleDiv {
	padding-right: 5px;
}

#returns {
	display: inline;
}

@media screen and (max-width: 1450px) {
	#returns {
		display: none;
	}
}

#month {
	display: inline;
}

@media screen and (max-width: 1450px) {
	#month {
		display: none;
	}
}

#short_month {
	display: none;
}

@media screen and (max-width: 1450px) {
	#short_month {
		display: inline;
	}
}

.posabsolute {
	position: absolute !important;
}

.posrelative {
	position: relative !important;
}

.treebranch20 {
	position: absolute; left: -20px; top: -0.5em; height: 2em; width: 1em;
}

.treebranch40 {
	position: absolute; left: -40px; top: -0.5em; height: 2em; width: 1em;
}

.treebranch60 {
	position: absolute; left: -60px; top: -0.5em; height: 2em; width: 1em;
}

.treebranch80 {
	position: absolute; left: -80px; top: -0.5em; height: 2em; width: 1em;
}

.treebranch120 {
	position: absolute; left: -120px; top: -0.5em; height: 2em; width: 1em;
}

.ui-dialog {
	min-width: 450px;
}

.divBlock {
	background-color: #FFFFFF; border-radius: 5px;
	padding: 20px 20px 20px 20px; margin-bottom: 20px;
}

.divBlockWithBackButton {
	border-radius: 0 5px 5px 5px !important;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.marginAuto {
	margin: auto;
}

.margin-left-5 {
	margin-left: 5px;
}

.margin-left-10 {
	margin-left: 10px;
}

.margin-left-20 {
	margin-left: 20px;
}

.margin-left-32 {
	margin-left: 32px;
}

.margin-left-40 {
	margin-left: 40px;
}

.margin-left-60 {
	margin-left: 60px;
}

.margin-right-20 {
	margin-right: 20px;
}

.margin-right-5 {
	margin-right: 5px;
}

.margin-right-10 {
	margin-right: 10px;
}

.margin-5-5 {
	margin-left: 5px; margin-right: 5px;
}

.indent2em {
	margin-left: 2em;
}

.margin-bottom-10 {
	margin-bottom: 10px!important;
}

.margin-bottom-5 {
	margin-bottom: 5px!important;
}

.margin-bottom-20 {
	margin-bottom: 20px;
}

.margin10 {
	margin: 10px;
}

.hoverBkgBlue:hover {
	background-color: #e9f2fe;
}

.labelSelected {
	background-color: #DDDDDD; 
	position: relative;
	margin-right: 15px;
}

.labelSelected:after, .labelSelected:before {
    content: "";
    position: absolute;
    left: 100%;
    width: 10px;
    height: 50%;
}
.labelSelected:before {
    top: 0px;
    background: linear-gradient(to top right, #DDDDDD 50%, transparent 51%);
}
.labelSelected:after {
    bottom: 0px;
    background: linear-gradient(to bottom right, #DDDDDD 50%, transparent 52%);
}

.ddDocLabel:hover {
	background-color: #DDDDDD;
}

#recurringDocumentsDiv div.recDiv:nth-of-type(2n-1) tr {
	background-color: #EEEEEE;
}

#recurringDocumentsDiv div.recDiv:nth-of-type(2n) tr {
	background-color: #F9F9F9;
}

#filterForm {
	margin-bottom: 30px;
}

.boxedRounded {
	border: 1px #000 solid;
	border-radius: 5px; 
	padding: 10px;
}

.rounded {
	border-radius: 5px;
}

table.collapse {
	border-collapse: collapse;
}

#stepsDiv .stepDiv {
	border-bottom: 1px solid #000000;
}

#stepsDiv .stepDiv:nth-of-type(2n-1) tr {
	background-color: #EEEEEE;
}

#stepsDiv .stepDiv:nth-of-type(2n) tr {
	background-color: #F9F9F9;
}

#stepsDiv .stepDiv>table>tr>td {
	padding-top: 20px; padding-bottom: 20px;
}

table.zebra>tr:nth-of-type(2n-1), table.zebra>tbody>tr:nth-of-type(2n-1),
	div.followupnote:nth-of-type(2n-1) {
	background-color: #DDDDDD;
}

table.zebra>tr:nth-of-type(2n), table.zebra>tbody>tr:nth-of-type(2n),
	div.followupnote:nth-of-type(2n) {
	background-color: #F0F0F0;
}

table.paddedCells10  tr>td, table.paddedCells10 tr>th {
	padding: 10px;
}

.highlight {
	color: #000000; background-color: #FFFF00;
}

.center {
	text-align: center!important;
}

.left {
	text-align: left;
}

.xxl {
	font-size: 55px;
}

.xl {
	font-size: 45px;
}

.l {
	font-size: 35px;
}

.m {
	font-size: 20px;
}

.s {
	font-size: 13px!important;
}

.xs {
	font-size: 11px!important;
}

.smalllist {
	font-size: small;
}

.txt16 {
	font-size: 18px;
}

.spacer {
	height: 50px;
}

.spacer10px {
	height: 10px;
}

.spacer2em {
	height: 2em;
}

.switchMenuDiv {
	position: absolute; left: 0px; top: 0.5em;
}

.textred {
	color: #990000;
}

.textredbright {
	color: #ff3300;
}

.textgreen {
	color: #005500;
}

.textgreenbright {
	color: #33cc33;
}

.textgray {
	color: #AAAAAA;
}

.textdarkgray {
	color: #555555;
}

.textblue {
	color: #2e63a9;
}

.textbluebright {
	color: #5398ff;
}

.textyellow {
	color: #fe9b41;
}

.textviolet {
	color: #fb44df;
}

.textwhite {
	color: #ffffff;
}

.backgroundred {
	background-color: #990000;
}

.backgroundredbright {
	background-color: #ff3300;
}

.backgroundredpastel {
	background-color: #ff7171;
}

.backgroundgreen {
	background-color: #005500;
}

.backgroundgreenbright {
	background-color: #33cc33;
}

.backgroundgreenpastel {
	background-color: #a8eaa8;
}

.backgroundgray {
	background-color: #AAAAAA;
}

.backgroundlightgray {
	background-color: #EEEEEE;
}

.backgroundyellow {
	background-color: #fe9b41;
}

.backgroundyellowpastel {
	background-color: #fed385;
}

.backgroundyellowpale {
	background-color: #ffebc6;
}

.backgroundviolet {
	background-color: #fb44df;
}

.backgroundwhite {
	background-color: #ffffff;
}

.backgroundblack {
	background-color: #000000;
}

.backgroundblue {
	background-color: #0066ff;
}

.backgroundbluepastel {
	background-color: #5398ff;
}

.blockedContract tr {
	border: 3px solid #cc0000; background-color: #ffe1e1;
}

.doneContract tr {
	background-color: #d2ffd2;
}

.bold {
	font-weight: bold;
}

.justify {
	text-align: justify !important;
}

/* class used when any text, justified elements has more than 200 chars */
.longtext {
	display: inline-block;
}

.longtext_up {
	display: inline-block; width: 100% !important;
	border-bottom: 0px !important; background-color: #EEEEEE;
}

#filters {
	border-collapse: separate; border-spacing: 0; margin: 0 auto;
	margin-top: 20px; margin-bottom: -10px;
}

#filters tr td {
	padding: 15px !important; font-size: 17px;
}

#onlyMainClass {
	outline: 0;
}

.searchList {
	border-collapse: separate; border-spacing: 0; margin: 0 auto;
	/*margin-top: -50px;*/
}

.searchList.smaller {
	z-index: 95;
}

.searchList.smaller tr td {
	padding: 5px; font-size: medium;
}

.searchList tr td {
	padding: 15px; font-size: larger;
}

.searchList tr:nth-of-type(1) td:nth-of-type(1) {
	background-color: #dddddd; border-top: 2px solid #2e63a9;
	border-left: 2px solid #2e63a9; border-bottom: 2px solid #2e63a9;
	border-top-left-radius: 5px; border-bottom-left-radius: 5px;
}

.searchList tr:nth-of-type(1) td:nth-of-type(2) {
	border-top: 2px solid #2e63a9; border-right: 2px solid #2e63a9;
	border-bottom: 2px solid #2e63a9; border-top-right-radius: 5px;
	border-bottom-right-radius: 5px; cursor: text;
}

.searchList.smaller tr:NTH-OF-TYPE(1) td input, #testout {
	border: 0px solid; font-size: medium;
}

.searchList tr:NTH-OF-TYPE(1) td input, #testout {
	border: 0px solid; font-size: larger;
}

.searchList tr:NTH-OF-TYPE(1) td input:focus, .searchList tr:NTH-OF-TYPE(1) td input:hover {
	outline: 0; border: 0px solid;
}

.longtext_title {
	display: inline-block; width: 100% !important;
	border-bottom: 0px !important;
}

.longtext_left {
	display: inline-block;
}

.right, .rightAlign {
	text-align: right;
}

.rightzero {
	right: 0;
}

.detailsbutton {
	background-color: #2e63a9; color: #FFFFFF; border-width: 0;
	border-radius: 5px; width: 30px; height: 20px; padding-bottom: 5px;
	cursor: pointer; font-weight: bold;
}

.ellipsis:after {
	animation: dotty steps(4, end) 1s infinite;
	-webkit-animation: dotty steps(4, end) 1s infinite; content: '';
}

@keyframes dotty { 
	0% {
		content: '.';
	}
	33% {
		content: '..';
	}
	66% {
		content: '...';
	}
	100% {
		content: '';
	}
}

.blueButton {
	background-color: #2e63a9; color: #FFFFFF; border-width: 0;
	border-radius: 5px; padding: 10px 10px 10px 10px; cursor: pointer;
	text-decoration: none;
}

.blueButtonHollow {
	box-shadow:inset 0px 0px 0px 1px #2e63a9;
	background-color: transparent; border-color: #2e63a9; color: #2e63a9; border-width: 0;
	border-radius: 5px; padding: 10px 10px 10px 10px; cursor: pointer;
	text-decoration: none;
}

.yellowButton {
	background-color: #fe9b41; color: #000000; border-width: 0;
	border-radius: 5px; padding: 10px 10px 10px 10px; cursor: pointer;
	text-decoration: none;
}

.greenButtonPadding5 {
	background-color: #88d5a3; color: #000000; border-width: 0;
	border-radius: 5px; padding: 5px 5px 5px 5px; cursor: pointer;
	text-decoration: none;
}

.grayButtonPadding5 {
	color: #000000; border-width: 0;
	border-radius: 5px; padding: 5px 5px 5px 5px; cursor: pointer;
	text-decoration: none;
}

.grayButtonPadding5:disabled {
	color: #666666; cursor: default;
}

.redButtonPadding5 {
	background-color: #ff8083; color: #000000; border-width: 0;
	border-radius: 5px; padding: 5px 5px 5px 5px; cursor: pointer;
	text-decoration: none;
}

.yellowButtonPadding5 {
	background-color: #fe9b41; color: #000000; border-width: 0;
	border-radius: 5px; padding: 5px 5px 5px 5px; cursor: pointer;
	text-decoration: none;
}

.blueButton:disabled, 
.yellowButton:disabled, 
.yellowButtonPadding5:disabled, 
.greenButtonPadding5:disabled,
.redButtonPadding5:disabled {
	background-color: #CCCCCC; 
	color: #666666; 
	cursor: default;
}

.blueButtonHollow:disabled
{
	box-shadow: none;
	background-color: #CCCCCC; 
	color: #666666; 
	cursor: default;
}

.paddingtop-5 {
	padding-top: 5px !important;
}

.paddingbottom-5 {
	padding-bottom: 5px !important;
}

.padding0 {
	padding: 0 !important;
}

.padding3 {
	padding: 3px;
}

.padding10 {
	padding: 10px;
}

.padding20 {
	padding: 20px;
}

.padding30 {
	padding: 30px;
}

.paddingLeft10 {
	padding-left: 10px!important
}

.paddingLeft20 {
	padding-left: 20px
}

.paddingLeft30 {
	padding-left: 30px
}

.paddingRight10 {
	padding-right: 10px!important
}

.paddingBottom20 {
	padding-bottom: 20px!important;
}

.disabled {
	background-color: #CCCCCC; cursor: default;
}

.blueButtonLowPadding {
	background-color: #2e63a9; color: #FFFFFF; border-width: 0;
	border-radius: 5px; padding: 2px 2px 2px 2px; cursor: pointer;
	text-decoration: none;
}

.blueButtonLowPadding:disabled {
	background-color: #CCCCCC; cursor: default; position: 30px;
}

.blueButtonPadding5 {
	background-color: #2e63a9; color: #FFFFFF; border-width: 0;
	border-radius: 5px; padding: 5px; cursor: pointer;
	text-decoration: none;
}

.blueButtonPadding5:disabled {
	background-color: #CCCCCC; cursor: default; position: 30px;
}

.cancelButton {
	width: 32px; height: 32px; background-color: Transparent;
	background-image: url("../icons/light/appbar.cancel.png");
	background-size: contain; border: none; cursor: pointer; outline: none;
}

.clickable {
	cursor: pointer;
}

.defaultCursor {
	cursor: default !important;
}

.grayout {
	-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%);
	-o-filter: grayscale(100%); -ms-filter: grayscale(100%);
	filter: grayscale(100%) alpha(opacity = 40); opacity: 0.4;
}

@font-face {
	font-family: AgendaMedium; src: url('../fonts/Agenda Medium.TTF');
}

@font-face {
	font-family: AgendaLight; src: url('../fonts/Agenda Light.TTF');
}

@media screen and (max-width: 1080px) {
	body {
		font: 20px proxima-nova, Helvetica, Arial, sans-serif !important;
	}
}

@media screen and (min-width: 1080px) {
	body {
		font: 14px proxima-nova, Helvetica, Arial, sans-serif !important;
	}
}

.documentIcon {
	width: 48px; height: auto; vertical-align: middle;
}

.verticalAlignMiddle, .vertMiddle {
	vertical-align: middle;
}

.verticalAlignTop {
	vertical-align: top;
}

.foldControl {
	position: absolute; left: 0px; top: 0px;
}

.underline {
	text-decoration: underline;
}

/* #ddchecks .ddchecksection:nth-of-type(2n-1) {
	background-color: #EEEEEE;	
}

#ddchecks .ddchecksection:nth-of-type(2n) {
	background-color: #F9F9F9;	
} */
.inline {
	display: inline;
}

.inlineLeft, .inlineRight {
	position: absolute;
    display: inline;
}

.inlineRight {
    right: 0;
}

.ddchecksection {
	position: relative; background-color: #F9F9F9;
}

.ddchecktitle {
	min-height: 40px; position: relative; background-color: #DDDDDD;
	padding: 4px;
}

.ddchecktitle>span {
	position: absolute; top: 25%;
}

.ddchecktitle>img {
	position: absolute; right: 5px; top: 5px;
}

.ddcheck {
	padding: 4px; border-top: 1px solid #AAA;
}

.grayRoundedBordered {
	background-color: #EEEEEE; border: 2px solid #444; border-radius: 5px;
	text-align: center; margin: 4px;
}

#recdocinfo>div:nth-of-type(1)>h2 {
	margin-top: 0 !important;
}

#ddinfo>div:nth-of-type(1)>h2 {
	border-top: 2px solid #AC0C18; margin-top: 0 !important;
	margin-bottom: 20px; padding-top: 10px; font-size: 18px;
}

#ddinfo>div:nth-of-type(n+2)>h2 {
	border-top: 2px solid #AC0C18; margin-bottom: 20px; padding-top: 10px;
	font-size: 18px;
}

#editFundForm table input[type=text], #editFundForm table textarea {
	width: 100%
}

#editFundForm table select {
	width: 90%
}

#editFundForm td {
	padding: 10px; margin-left: 5px; margin-right: 5px; vertical-align: top;
}

/* #editFundForm table tr:nth-child(2n) {
	background-color: #DDDDDD;
}

#editFundForm table tr:nth-child(2n+1) {
	background-color: #EEEEEE;
} */
#editFundForm tr td:nth-of-type(2), #editFundForm tr td:nth-of-type(4) {
	border-right: 1px solid black;
}

#editFundForm table {
	border-collapse: collapse; margin: 0 auto;
}

#editFundForm thead tr {
	background-color: #2e63a9;
}

#editFundForm thead tr th {
	text-align: center; font-weight: bold; font-size: large; color: #FFFFFF;
	padding: 5px;
}

#oligoworldheader {
	/*background-color: #2e63a9;/*#297ACC;*/
	background-image: url("../oligoimg/bg7.jpg");
	background-size: 100% 100px; background-repeat: no-repeat; color: #FFF;
	margin-bottom: 40px;
}

#oligoworldheader a {
	color: #FFF; text-decoration: none; font-weight: bold;
}

#owlogo {
	width: 300px; height: 60px;
	background-image: url('../oligoimg/Oligoworld-header-traced.svg');
	background-size: 100%; background-repeat: no-repeat;
}

#mailwm {
	width: 11.5em; height: 1em;
	background-image: url('../oligoimg/wmofch.svg'); background-size: 90%;
	background-repeat: no-repeat; display: inline-block;
	vertical-align: middle;
}

.reducedMargins {
	margin-left: 50px!important; margin-right: 50px!important;
}

@media screen and (min-width: 1080px) {
	#content {
		margin-left: 100px; margin-right: 100px;
	}
}

@media screen and (max-width: 1250px) and (min-width: 1081px) {
	#content {
		margin-left: 100px; margin-right: 100px;
	}
}

@media screen and (max-width: 1080px) {
	#content {
		margin-left: 50px; margin-right: 50px;
	}
}

#content h1 {
	font-size: xx-large; margin-top: 20px; margin-bottom: 20px;
	height: auto !important;
}

span#fundTitle {
	font-size: 250%; margin-bottom: 20px; font-weight: bold;
}

span#className {
	font-size: 200%; margin-top: 0; cursor: pointer; position: relative;
	left: 0px;
}

#wrapper {
	padding: 0 !important;
}

#otherClasses {
	border: 1px solid #000; border-radius: 3px; display: inline-block;
	background-color: #FFFFFF; padding: 20px;
	box-shadow: 10px 10px 5px rgba(120, 120, 120, 0.5);
}

#otherClasses td {
	font-size: 180%; cursor: pointer;
}

#otherClasses td:hover {
	background-color: #e9eaed;
}

#fundDocumentsDiv a {
	text-decoration: none; cursor: pointer; color: #000000;
	font-weight: bold;
}

#fundDocumentsDiv .documentSection {
	cursor: pointer; color: #000000; font-weight: bold; font-size: large;
}

#histMonthly-header th {
	text-align: right;
}

/*align to the right all right-hand cells of .labelValueTable grids except history of monthlies*/
:not (#histMonthly ).labelValueTable .dgrid-row-table tr td:nth-child(n+2)
	{
	text-align: left;
}

#histMonthly .dgrid-row-table tr td:nth-child(n+2) {
	text-align: right;
}

.documentLink {
	text-align: center;
}

.width24px {
	width: 24px;
}

.width40px {
	width: 40px !important;
}

.width50px {
	width: 50px !important;
}

.width60px {
	width: 60px !important;
}

.width80px {
	width: 80px !important;
}

.width100px {
	width: 100px !important;
}

.width150px {
	width: 150px !important;
}

.width200px {
	width: 200px !important;
}

.width300px {
	width: 300px !important;
}

.width400px {
	width: 400px !important;
}

.width500px {
	width: 500px !important;
}

.width10pc {
	width: 10%;
}

.width20pc {
	width: 20%;
}

.width25pc {
	width: 25%;
}

.width30pc {
	width: 30%;
}

.width40pc {
	width: 40%;
}

.width50pc {
	width: 50%;
}

.width70pc {
	width: 70%;
}

.width75pc {
	width: 75%;
}

.width80pc {
	width: 80%;
}

.width90pc {
	width: 90%;
}

.width100pc, .width100p100 {
	width: 100%!important;
}

.widthAuto {
	width: auto !important;
}

.width4em {
	width: 4em;
}

.minwidth6em {
	min-width: 6em;
}

.maxwidth50pc {
	max-width: 50%;
}

.maxwidth200px {
	max-width: 200px;
}

.maxwidth300px {
	max-width: 300px;
}

.minheight80px {
	min-height: 80px;
}

.minheight200px {
	min-height: 200px;
}

.maxheight200px {
	max-height: 200px;
}

.minheight300px {
	min-height: 300px;
}

.maxheight300px {
	max-height: 300px;
}

.progress25 {
	background-image: linear-gradient(to right, #fe9b41, #fe9b41 25%, transparent 25%,
		transparent 100%);
}

.progress50 {
	background-image: linear-gradient(to right, #fe9b41, #fe9b41 50%, transparent 50%,
		transparent 100%);
}

.progress75 {
	background-image: linear-gradient(to right, #fe9b41, #fe9b41 75%, transparent 75%,
		transparent 100%);
}

.progress90 {
	background-image: linear-gradient(to right, #fe9b41, #fe9b41 90%, transparent 90%,
		transparent 100%);
}

.progress100 {
	background-color: #005500; color: #FFFFFF;
}

.procedureStatus {
	border: 1px solid #000000; 
	margin: 2px 2px 2px 10px; 
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: normal;
}

#clientDetailsDiv {
	position: relative;
}

#clientStatusDiv {
	position: absolute; top: 20px; right: 20px;
}

#topMenu {
	position: absolute; right: 40px; bottom: 10px
}

.italics {
	font-style: italic;
}

.ddprocedurenote {
	border-bottom: 1px solid #000000;
	margin-top: 5px;
	position: relative;
}

.ddprocedurenote > img {
	position: absolute;
	right: 5px;
	top: 5px;
}

.icon56 {
	max-height: 56px; max-width: 56px;
}

.icon48 {
	max-height: 48px; max-width: 48px;
}

.icon40 {
	max-height: 40px; max-width: 40px;
}

.icon32 {
	max-height: 32px; max-width: 32px;
}

.icon24 {
	max-height: 24px; max-width: 24px;
}

.icon16 {
	max-height: 16px; max-width: 16px;
}

.icon12 {
	max-height: 12px; max-width: 12px;
}

.icon1halfem {
	max-height: 1.5em; max-width: 1.5em;
}

.margin-top-30 {
	margin-top: 30px;
}

.margin-top-0 {
	margin-top: 0 !important;
}

.margin-top-5 {
	margin-top: 5px;
}

.margin-top-10 {
	margin-top: 10px;
}

.margin-top-bottom-halfem {
	margin-top: 0.5em !important; margin-bottom: 0.5em !important;
}

table tr.mandatoryField.satisfied:nth-of-type(2n), table tr.mandatoryFieldIndividual.satisfied:nth-of-type(2n)
	{
	background-color: #98cd98 !important;
}

table tr.mandatoryField.satisfied:nth-of-type(2n+1), table tr.mandatoryFieldIndividual.satisfied:nth-of-type(2n+1)
	{
	background-color: #74ba74 !important;
}

table tr.mandatoryField:nth-of-type(2n), table tr.mandatoryFieldIndividual:nth-of-type(2n)
	{
	background-color: #DD8888 !important;
}

table tr.mandatoryField:nth-of-type(2n+1), table tr.mandatoryFieldIndividual:nth-of-type(2n+1)
	{
	background-color: #d05e5e !important;
}

select {
	border-radius: 5px;
	background: -webkit-linear-gradient(#CCE6FF, #FFFFFF);
	background: -o-linear-gradient(#CCE6FF, #FFFFFF);
	background: -moz-linear-gradient(#CCE6FF, #FFFFFF);
	background: linear-gradient(#CCE6FF, #FFFFFF);
}

@media screen and (max-width: 1023px) {
	select {
		font-size: xx-large;
	}
}

#fundSmallSummary {
	font-weight: bold; font-size: larger;
}

/* flexbox layout */
.flexgridcontainer {
	display: flex; justify-content: space-between; align-items: flex-start;
}

.flexgridcontainerstretch {
	display: flex; justify-content: space-between; align-items: stretch;
}

.flexgridcontainerflexstart {
	display: flex; justify-content: flex-start; align-items: flex-start;
}

.flexgridcontainercolumnwrap {
	display: flex; justify-content: space-between; align-items: flex-start; flex-flow: column wrap;
}

.flexgridcontainerrowwrap {
	display: flex; justify-content: space-between; align-items: stretch; flex-flow: row wrap;
}

.flexgridchild {
	flex-grow: 1;
}

.flexgridchildGrow0 {
	flex-grow: 0;
}

th {
	overflow-wrap: break-word; hyphens: auto; break-word: keep-all;
	word-break: break-word; word-wrap: break-word; -ms-hyphens: auto;
	-moz-hyphens: auto; -webkit-hyphens: auto; -o-hyphens: auto;
}

.flexcontainer {
	display: flex; justify-content: flex-start; align-items: flex-start;
	flex-direction: column; margin-bottom: 20px;
}

.lightGrayBkg {
	background-color: #e9eaed;
}

#fundInvestmentObjective {
	font-size: 110% !important; text-align: justify !important;
}

.ie9 img[src*=".svg"] {
	width: 100%;
}
/* 2 */
@media screen and (-ms-high-contrast: active) , ( -ms-high-contrast :
	none) {
	img[src*=".svg"] {
		width: 100%;
	}
}

#watermark_1 {
	display: none;
}

#watermark_2 {
	display: none;
}

#watermark_3 {
	display: none;
}

#printAdress {
	text-align: center; font-family: proxima-nova; font-size: 20px;
}

#printAdressDiv {
	display: none !important;
	/*
	position: absolute;
	top: 4650px;
	left: 100px;
	*/
}

#anchor {
	visibility: hidden;
}

@media print {
	#watermark_1 {
		-webkit-transform: rotate(-60deg); -moz-transform: rotate(-60deg);
		-o-transform: rotate(-60deg); transform: rotate(-60deg);
		text-align: center; z-index: 99 !important; opacity: 0.1 !important;
		position: absolute !important; top: 630px !important;
		left: -170px !important; display: inline !important;
		font-family: proxima-nova; width: 1500px;
	}
	#watermark_2 {
		-webkit-transform: rotate(-60deg); -moz-transform: rotate(-60deg);
		-o-transform: rotate(-60deg); transform: rotate(-60deg);
		text-align: center; z-index: 99 !important; opacity: 0.1 !important;
		position: absolute !important; top: 2130px !important;
		left: -170px !important; display: inline !important;
		font-family: proxima-nova; width: 1500px;
	}
	#watermark_3 {
		-webkit-transform: rotate(-60deg); -moz-transform: rotate(-60deg);
		-o-transform: rotate(-60deg); transform: rotate(-60deg);
		text-align: center; z-index: 99 !important; opacity: 0.1 !important;
		position: absolute !important; top: 3580px !important;
		left: -170px !important; display: inline !important;
		font-family: proxima-nova; width: 1500px;
	}
	body {
		font: 14px proxima-nova, Helvetica, Arial, sans-serif !important;
	}
	#content {
		margin-left: 0; margin-right: 0;
	}
	#printAdressDiv {
		display: block !important; margin-top: 70px; margin-bottom: -70px;
	}
	#fundSmallSummary {
		height: 6em;
	}
	#oligoworldheader, #fundChoice, .learnmoreicon, .getlinkicon,
		#fundSummaryActionMenu, #clocks, #backButtonDiv, #fundDocumentsDiv,
		#filterForm, label[for=onlyMainClass], input#onlyMainClass {
		display: none !important;
	}
	#fundInvestmentObjectiveDiv {
		page-break-inside: avoid;
	}
}

.displayNone {
	display: none;
}

.displayBlock {
	display: block;
}

.displayInlineBlock {
	display: inline-block;
}

.displayTable {
	display : table;
}

.displayTableCell {
	display : table-cell;
}

.whiteonblack {
	color: #FFFFFF; background-color: #000000;
}

.tag {
	border-radius: 4px; padding: 2px; font-size: x-small; width: 1.5em;
}

.taglarger {
	border-radius: 4px; padding: 2px;
}

.taggroup { 
	min-height: 55px;
}

#nqidefcontent {
	padding: 20px; font-size: large; background-color: #FFFFFF;
	border-radius: 15px; clear: both; float: none; margin-right: 20%;
	margin-left: 20%; margin-top: 30px; margin-bottom: 30px;
	min-width: 300px; max-width: 1000px; margin: 0 auto;
}

#nqidefcontent>ul>li {
	margin-left: 3em;
}

#nqidefcontent>ul>ul>li {
	margin-left: 6em;
}

#nqidefcontent>ul>ul>ul>li {
	margin-left: 9em;
}

.footnotes {
	margin-top: 50px; font-size: 100%; padding-left: 25px;
}

.footnotes ul {
	list-style-type: decimal;
}

.timecontainer {
	background-color: #BBBBBB; padding: 5px; border-radius: 5px;
	white-space: nowrap; margin-bottom: 5px; display: inline-block
}

input.error, input.wronginput {
	border-color: red; border-width: 3px;
}

input.wronginput:hover {
	border-color: red!important; 
	border-width: 3px!important;
	box-shadow: 0 0 15px red;
}

.stepDiv h2 {
	margin-top: 0 !important;
}

.custom-combobox {
	position: relative; display: inline-block;
}

/* .custom-combobox-toggle {
	position: absolute;
	top: 0;
	bottom: 0;
	margin-left: -1px;
	padding: 0;
} */
.custom-combobox-input {
	margin: 0;
	/*padding: 5px 10px;*/
}

.link {
	text-decoration: underline; cursor: pointer;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes flash {
	from {background-color: #fe9b41;
}

to {
	background-color: none;
}

}

/* Standard syntax */
@keyframes flash {
	from {background-color: #fe9b41;
}

to {
	background-color: none;
}

}
.flash tr {
	-webkit-animation-name: flash; /* Chrome, Safari, Opera */
	-webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
	animation-name: flash; animation-duration: 2s;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes greenflash {
	from {background-color: #acf7a8;
}

to {
	background-color: #FFFFFF;
}

}

/* Standard syntax */
@keyframes greenflash {
	from {background-color: #acf7a8;
}

to {
	background-color: #FFFFFF;
}

}
.greenflash {
	-webkit-animation-name: greenflash; /* Chrome, Safari, Opera */
	-webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
	animation-name: greenflash; animation-duration: 2s;
}

.tabButton {
	border-top-right-radius: 4px; border-top-left-radius: 4px;
	border-width: 1px; padding: 6px; border-bottom: 1px solid #DDDDDD;
	/* 	margin-left: 2px;
	margin-right: 2px; */ outline: none; background-color: #FFFFFF;
	/* font-size: medium; */ font-weight: bold;
}

.tabButton.selected {
	background-color: #2e63a9; color: #FFFFFF;
}

.noteDiv {
	border-top: 0.5px solid #000000; padding-top: 5px; padding-bottom: 5px;
}

owtitle {
	font-size: x-large; font-weight: bold; line-height: 1.286em;
	margin-top: 1.929em; margin-bottom: 0.643em; display: block;
}

owsubtitle {
	font-size: large; font-weight: bold; line-height: 1.286em;
	margin-top: 1.929em; margin-bottom: 0.643em; display: block;
}

.pagebreakbefore {
	page-break-before: always;
}

.pagebreakafter {
	page-break-after: always;
}

.pagebreakavoid {
	page-break-inside: avoid;
}

.reportTab {
	color: #fff; background-color: #707098; border-radius: 5px 5px 0 0;
	padding: 5px; margin-bottom: 0; display: inline-block; min-width: 30%;
}

.contactDivReport {
	background-color: #DDDDE7; display: inline-block; height: 100%;
	width: 100%;
}

.contactDivReportFiller {
	display: inline-block; height: 100%; width: 100%;
}

.stepDivReport {
	background-color: #DDDDE7; height: 100%; width: 100%;
	display: inline-block;
}

.stepDivReportFiller {
	height: 100%; width: 100%; display: inline-block;
}

.contactDivContainer, .stepDivContainer {
	display: block;
}

.funddivReport {
	background-color: #DDDDE7;
}

.contactTableReport td {
	width: 33%; padding: 20px;
}

.stepsTableReport td {
	width: 25%; padding: 20px;
}

.oldNavWarning {
	position: absolute; left: -5px; top: 0.5em;
}

.topright1010 {
	position: absolute; right: 10px; top: 10px;
}

.topright1030 {
	position: absolute; right: 30px; top: 10px;
}

.summarydiv {
	font-weight: bold;
}

.ddcheck.collapsed>table, .dddoctitle.collapsed+.dddocdiv, .stepDiv.collapsed .stepdetails
	{
	display: none;
}

.rotate-60-ccw {
	/* Safari */
	-webkit-transform: rotate(-60deg);
	/* Firefox */ -moz-transform: rotate(-60deg);
	/* IE */ -ms-transform: rotate(-60deg);
	/* Opera */ -o-transform: rotate(-60deg);
	/* Internet Explorer */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.divuser {
	padding-top: 5px; padding-bottom: 5px;
}

.borderRightSolid {
	border-right: 1px solid #000000;
}

.borderTopSolid {
	border-top: 1px solid #000000;
}

.borderLeftSolid {
	border-left: 1px solid #000000;
}

.border1pxlikeinput {
	border: 1px solid #5b7996;
}

.borderLikeButton {
    border-top: 1px solid #CCCCCC;
	border-right: 1px solid #333333;
    border-bottom: 1px solid #333333;
    border-left: 1px solid #CCCCCC;
}

.borderDashed {
	border: 1px dashed #000000;
}

.bordercollapse {
	border-collapse: collapse;
}

.border-spacing10 {
	border-spacing: 10px;
}

.lineheight20px {
	line-height: 20px;
}

.lineheight30px {
	line-height: 30px;
}

.lineheightnormal {
 	line-height: normal;
}

.ruler {
	height: 5px; border-bottom: 1px solid black;
}

.rulerthick10 {
	height: 5px; border-bottom: 1px solid black; margin-bottom: 5px;
}

table.clientemail:nth-of-type(2n-1) td {
	background-color: #F9F9F9;
}

table.clientemail:nth-of-type(2n) td {
	background-color: #EEEEEE;
}

.backgroundunsaved {
	background-color: #FFFFBB;
}

.backgrounderror {
	background-color: #FFBBBB;
}

.glowblue:hover {
	outline: none; border-color: #9ecaed; box-shadow: 0 0 15px #9ecaed;
	border-radius: 5px;
}

#clientContactPersons, #listOfBills {
    font-size: small;
}

.commissiontable td, .commissiontable th {
	padding: 5px;
}

.commissiontable tr:LAST-OF-TYPE td { 
	font-weight: bold;
}

.clientStatusButton {
	border: 1px #888 solid;
	border-radius: 5px; 
	padding: 2px;
}

.clientStatusButton:hover, .glowOnHover:hover {
	box-shadow: 0 0 8px #1e67a4;
}

/*CSS for the tooltips*/
.ui-tooltip, .arrow:after {
	background: white; border: 1px solid black;
}

.ui-tooltip {
	padding: 10px 20px; color: black; border-radius: 5px;
	font: 12px "Helvetica Neue", Sans-Serif; box-shadow: 0 0 7px black;
	white-space: pre-line;
}

.arrow {
	width: 70px; height: 16px; overflow: hidden; position: absolute;
	left: 50%; margin-left: -35px; bottom: -16px;
}

.arrow.top {
	top: -16px; bottom: auto;
}

.arrow.left {
	left: 10%;
}

.arrow:after {
	content: ""; position: absolute; left: 20px; top: -20px; width: 25px;
	height: 25px; box-shadow: 6px 5px 9px -9px black;
	-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.arrow.top:after {
	bottom: -20px; top: auto;
}
/*End CSS for the tooltips*/
.translationDetailsDiv, .contractversiondetails {
	background-color: #e9f2fe;
	padding: 20px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #96c0fa;
	border-left: 1px solid #96c0fa;
	border-right: 1px solid #96c0fa;
	box-shadow: 0 15px 15px -15px #000000 inset;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.translationNotesSeparator {
	margin-left: 40px;
	margin-right: 40px;
	min-height: 20px;
	border-top: 1px solid #96c0fa;
}

.translationNote {
	margin-top: 10px;
	width: 100%;
}

.fundstatuslabel, .mfbuttonlabel {
	color: #888888;
}
.fundstatuslabel:hover, .mfbuttonlabel:hover {
	text-decoration: underline;
}

.centerTableHeader > thead > tr > th {
	text-align: center;
}

.boldTableHeader > thead > tr > th {
	font-weight: bold;
}

.rowAndColHeader > tbody > tr > td:NTH-OF-TYPE(1), .rowAndColHeader > thead > tr > th {
	font-weight: bold;
}

.rowAndColHeaderBorder > thead > tr > th:NTH-OF-TYPE(n+2){
	border-bottom: 1px solid #96c0fa;
}

.rowAndColHeaderBorder > tbody > tr > td:NTH-OF-TYPE(1) {
	border-right: 1px solid #96c0fa;
}

.headerBottomBorder > thead > tr > th {
	border-bottom: 1px solid #96c0fa;
}

.rowsVerticalAlignTop > tbody > tr, .rowsVerticalAlignTop > thead > tr {
	vertical-align: top;
}

.contract {
	border-bottom: 1px solid #96c0fa;
	padding: 10px;
	font-weight: bold;
}

.contract:hover {
	background-color: #d0e3fd;
	cursor: pointer;
}

.contract.selected {
	background-color: #d0e3fd;
}

.contract > div {
	margin-left: 10px;
	font-weight: normal;
	margin-top: 5px;
}

.contractversionheader {
	padding: 10px;
	border-bottom: 1px solid #aaaaaa;
	border-right: 1px solid #aaaaaa;
	border-top:1px solid #dddddd;
	border-left:1px solid #dddddd;
	background-color: #dddddd;
}

.contractversionheader:hover {
	background-color: #d0e3fd;
	cursor: pointer;
}

.contractversionheader.selected {
	background-color: #d0e3fd;
}

.borderbottomblue {
	border-bottom: 1px solid #96c0fa;
}

.htmlcontainer p {
	margin-top : 0!important;
	margin-bottom : 0!important;
}

.scrollingContainer {
	height: 100%;
	min-height: 100%;
	overflow-y: auto;
}

/* Tell Quill not to scroll */
.scrollingContainer > div.quillContainer {
  /* height: auto; */
  min-height: 100%;
}
.scrollingContainer > div.quillContainer .ql-editor {
  overflow-y: visible; 
}

.contractfilediv.todelete {
	position: relative;
	background-color: #ff7171;
}

.contractfilediv.todelete:after {
  position: absolute;
  left: 0;
  top: 50%;
  height: 2px;
  background: #c00;
  content: "";
  width: 100%;
  display: block;
}

.pageoverlay {
	z-index: 90;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	background-color: rgba(0,0,0, 0.8);
}

.overlay {
	z-index: 100;
	position: absolute;
}

.searchResults {
	padding: 10px;
	border-radius: 5px;
	
}

#searchZone {
	position: relative;
	z-index: 95;
}

.hidden {
	visibility: hidden;
}

.labelhighlightdrag {
	background-color : #fed385;
}

.height100pc {
	height: 100%;
}

.overflowyauto {
	overflow-y: auto;
}

.negative {
	-webkit-filter: invert(100%);
	filter: invert(100%);
}

.greyTag {
	color: #aaaaaa!important;
	border-color: #aaaaaa!important;
	background-color: #dddddd!important;
}

.filingsrow:NTH-OF-TYPE(2n) {
	background-color: #EEEEEE;
}

.filingsrow:NTH-OF-TYPE(2n-1) {
	background-color: #F9F9F9;
}

.translationitemHeader {
	margin-top: 20px;
	background-color: #2e63a9;
	color: #ffffff;
	padding: 5px 5px 5px 5px;
	font-weight: bold; 
}

.translationitemRow {
	padding: 5px;
	margin-left: 20px;
	border-bottom: 1px solid #dddddd;
}

.translationitemRow:nth-of-type(2n-1) {
	background-color: #eeeeee;
}

.clientTotalDiv {
	border: 2px solid #005500;
}

.clientListNotes p{
    margin-top: 0;
    margin-bottom: 0;
    /* line-height: 1.5em; */
}