/* general styles */


h2 {
	color: #4D4D4D;
	font-size:18px;
}
	
	
#simplecontent .info {
	background-color: #F9F8FC;
	width:700px;
	padding:15px 24px 0 24px;
	margin-left: auto;
	margin-right: auto;
	border-radius:5px;
	border:1px solid #E6E6E6;
	font-family: HelveticaNeue,Helvetica,Arial,sans-serif;
	font-size: 17px;
	
}

.fieldinstructiontext {
	font-size:0.8em;
}

#Notification {
	font-size:20px;
	text-align:center;
}

#ManagerTopArea {
	margin-top:15px; 
	margin-bottom:15px;
}

#ManagerTopArea h1{
	margin: 0 -15px 0 0;
}

/* Manager home page */

#managerhome {
	background-image: url("../../img/manager/managers-index.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	margin:0 -10px -10px -10px;
	padding-top:25px;
	padding-bottom: 30px;
	color:white;

}

#managerhome #ddqdoclink,
#managerhome #ridoclink
{
	display:none;
}
#managerhome.hasresearch #ddqdoclink,
#managerhome.hasesg #ridoclink
{
	display:block;
}

#managerhome #introwrap {
	width: 80%;
	margin:0 auto;
	display:table;
	border-spacing: 20px;
	border-collapse: separate;
	max-width: 1000px;
}

	
#managerhome .introtext {
	display: table-cell;
	font-size:16px;
	line-height:22px;
	padding:0px 15px;
	color:#eee;
	border:2px solid #222;
	border-radius:5px;
	background-color:rgba(30,30,30,0.75);
}

#managerhome #introtext1 {
	width:60%;
}

#managerhome #introtext2 {
	width:30%;
}

#managerhome #docbuttons {
	margin: 0 auto;
    max-width: 1200px;
    width: 100%;
	display:flex;
	justify-content:center;
	flex-wrap: wrap;
	margin-top:15px;
}
#docbuttons > div {
	background:white;
	border-radius:5px;
	border:1px solid #cacaca;
	font-weight:bold;
	text-decoration:none;
	line-height:2em;
	text-align:center;
	color:#333;
	font-size:16px;
	padding: 5px;
    min-width: 150px;
    flex: 0 0 24.2%;
	margin:5px;
}
#docbuttons a {
	color:#f78b1f !important;
}

.pagemenublocks {
	margin:0 auto;
	max-width:1200px;
	width:100%;
}

.pagemenublocks > div {
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.pagemenublock {
	padding:5px;
	width:16%;
	min-width:150px;
	flex: 1 1 auto;
}

#managername {
	margin:5px auto;
	width:75%;
}

#managername h2 {
	text-align:center;
}

#managerhome a.pagemenubutton,
#managerhome a.pagemenubutton:visited {
	line-height:80px;
}

#topmanagerpagemenu a.pagemenubutton,
#topmanagerpagemenu a.pagemenubutton:visited {
	height:50px;
	line-height:50px;
}


#managerhome a.pagemenubutton,
#managerhome a.pagemenubutton:visited,
#topmanagerpagemenu a.pagemenubutton,
#topmanagerpagemenu a.pagemenubutton:visited {
	display:inline-block;
	width:100%;
	font-size:20px;
	border-radius:5px;
	text-align:center;

	color:#FFE;
	background-color:#f38231;
	background:linear-gradient(to bottom, #F7911E 5%, #f38231 100%);
	box-shadow: 0px 2px 2px #9C511A;
	text-shadow: 0px  -1px 0px rgba(0,0,0,.2);

}
.ributton {
	box-shadow: 0px 2px 2px #184916 !important;
}

#managerhome a.pagemenubutton:hover,
#topmanagerpagemenu a.pagemenubutton:hover
{
	/* reverse gradient */
	background:linear-gradient(to bottom, #f38231 5%, #F7911E 100%);
}

#managerhome a.pagemenubutton:active,
#topmanagerpagemenu a.pagemenubutton:active
 {
	position:relative;
	top:1px;
}



#managerhome a.pagemenubutton.ributton,
#managerhome a.pagemenubutton.ributton:visited,
#topmanagerpagemenu a.pagemenubutton.ributton,
#topmanagerpagemenu a.pagemenubutton.ributton:visited {

	background:linear-gradient(to bottom, #35ab31 5%, #31912d 100%);
    background-color: #33a12f;
    box-shadow: 0px 2px 2px #143b13;
}

#managerhome a.pagemenubutton.ributton:hover,
#topmanagerpagemenu a.pagemenubutton.ributton:hover
{
    background: linear-gradient(to bottom, #31912d 0%, #35ab31 100%);
}


#topmanagerpagemenu a.pagemenubutton.curpage {
	color:#222;
	box-shadow: inset 0px 2px 2px #9C511A;
	/* text-shadow:none; */
}

#topmanagerpagemenu a.pagemenubutton.ributton.curpage {
	box-shadow: inset 0px 2px 2px #22631f;
/*
	text-shadow: 0px  -1px 0px rgba(255,255,255,.2);
	background: #eee !important;
	box-shadow: inset 0px 0px 2px #143b13;
	color: #2d872a;
	border:1px solid #2d872a;
*/
}

#researchbuttondisabled {
	background: linear-gradient(to bottom, #b55917 5%, #c75924 100%) !important;
	cursor: not-allowed !important;
}

#ributtondisabled {
	background-color: #2a7e27;
	background: linear-gradient(to bottom, #21681f 5%, #2a7e27 100%) !important;
	cursor: not-allowed !important;
}

a.pagemenubutton span {
	display:inline-block;
	vertical-align:middle;
	line-height:20px;
}

#managerhome select {
	background-color:black;
	color:#eee;
	padding:3px;
}




#managerhome .pagemenutext {
	margin-top:10px;
	font-size:13px;
	
}

#topmanagerpagemenu {
	margin-top: 10px;
} 

.selcompany {
	width:700px;
	margin:15px  auto;
	font-size:16px;
	line-height:22px;
	padding:0px 15px;
	color:#eee;
	border:2px solid #222;
	border-radius:5px;
	background-color:rgba(30,30,30,0.75);
	padding:15px;

}


/* Select Fund page */

#selectfund ul{
	margin-top:30px;
}

#selectfund ul li div {
	margin:10px 0;
}


.widetable {
	display:table;
	width:100%;
}
.widetable > div {
	display: table-row ;
}
.cell {
	display: table-cell ;
}

.widetable .cell{
	text-align:center;
}
.widetable .cell:first-child {
	text-align:left;
}
.widetable .cell:last-child {
	text-align:right;
}
/* Edit Fund Page */

.section {
	margin-left:10%;
	width:80%;
	border:1px solid grey;
	border-radius:5px;
	margin-bottom:20px;
}

.sectionheader{
	font-weight:bold;
	font-size:18px;
	padding:5px 5px 5px 0;
	cursor:pointer;
	position: relative;
}

.sectionbody {
	display:none;
	padding:5px 0 ;
	border-top: 1px solid grey;
}
.mainfieldwrap {
	flex: 2 2 auto;
}

div.ddqnotes {
	width:3.5%;
	text-align: right;
	position: relative;
	float:right;
}

div.ddqnotes > div {
	display:none;
	position:absolute;
	z-index: 999;
	padding:5px;
	border:1px solid #ccc;
	text-align: left;
	background-color: white;
}

div.ddqnotes textarea {
	width:400px;
	height:200px;
}

div.ddqnotes .ui-button {
	float: right;
	width: 20px;
	height: 20px;
	padding: 10px;
}


.notecontenticon {
	position:absolute;
	width:12px;
	height:12px;
	top:0;
	left:0;
	display:none;
}

div.ddqnotes.hascontent .notecontenticon {
	display:inline-block;
}

.curvaltext {
	display:block;
	font-size:0.75em;
	margin-top:5px;
	margin-left:15px;
	max-height:200px;
	overflow-y:auto;
}
.curvaltext label {
	font-weight: bold;
	font-size:1.1em;
}

.valchanged,
.valchanged input,
.valchanged textarea,
.valchanged select
 {
	color:red;
}

.fieldinput input,
.fieldinput textarea,
.fieldinput select {
	border: 1px solid #AAA;
	padding: 6px 8px;
	border-radius: 2px;
	margin-right: 5px;
	max-width:100%;
}

.emptyfield input,
.emptyfield textarea,
.emptyfield select {
	border: 1px solid red !important;
	background-color: #fdd !important;
}
.emptyfield .ckeditonclickpreviewwrap {
	border: 1px solid red !important;
	background-color: #fdd !important;
}


.curfile {
	margin-top:5px;
	font-size:12px !important;
}
.curfile .majorlinkbutton {
	font-size:12px !important;
	width:98%;
	box-sizing:border-box;
}
	

.curfile .nofile {
	color:red;
}

.adminreview .fieldinput {
	font-weight:bold;
}

.adminreview .fieldinput label {
	width:120px;
	margin-bottom:10px;
	display:inline-block;
	font-weight:normal;
}

.accordian {
	background-color: #F9F8FC;
	width:1000px;
	margin:0  auto;
	list-style: none;
	border-radius:5px;
	border:1px solid #E6E6E6;
	padding-left:25px;
	padding-right:25px;
	font-family: HelveticaNeue,Helvetica,Arial,sans-serif;
	color: #4D4D4D;
	font-size: 17px;	
}

.isreview .accordian {
	width:calc(94% - 300px);
	margin:0  0 0 3%;
}
.isreview .floatingbuttons{
	width:calc(94% - 200px);
}

.isreview .floatingbuttons > div {
	left:unset;
	right:0;

}



.accordian li {
	padding:17px 10px 17px 40px;
	border-bottom:1px solid #E6E6E6;
	width: 100%;
	margin-left: 0;
	background: url('img/landing_modal/featurestick.png') no-repeat 5px 21px;
}

.accordian li:last-child{
	border-bottom:none;
}

.accordian .accordian-el {
	border-top: 1px solid #E6E6E6;
	margin-top:17px;
	padding-top:15px;
	margin-left: -35px; /* leave room for absolute positions question numbers */
	padding-left: 65px;
	display:none;
}

.accexpand {
	float:right;	
}
.accexpand:after,
.simplechevron:after {
	content: url('../../img/landing_modal/chevron_down.png');
}

.accexpand.accopen:after,
.simplechevron.accopen:after {
	content: url('../../img/landing_modal/chevron_up.png');
}

h1 .accexpand:after,
h1 .accexpand.accopen:after {
	vertical-align:middle;
/*	content: url('../../img/icons/help.png');  */
	padding-right:22px;
}

.newitemtemplate {
	display:none;
}

.additem {
	cursor: pointer; 
}

.removeitemwrap {
	text-align:right;
}

.removeitem {
	cursor: pointer; 
}

.groupbox {
	border:1px solid #AAA;
	border-radius:5px;
	padding:15px;
	margin-bottom:30px;
	margin-top:0;
	position:relative;
}	

.groupbox.newitem {
	margin-top:50px;
	border-top:1px double #AAA !important;
}

.groupbox.newitem:before {
	content: "New Team Member";
	position:absolute;
	top:-30px;
	left:15px;
	font-weight:bold;
	font-size:1.2em;
	color: #333;
}

.groupboxwrap .groupbox {
	border-top-left-radius: 0;
}

.sectionbody textarea {
	width:100%;
}

.itemdeleted {
	position:absolute;
	width:100%;
	height:100%;
	background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 100 100'><path d='M100 0 L0 100 ' stroke='red' stroke-width='3'/><path d='M0 0 L100 100 ' stroke='red' stroke-width='3'/></svg>");
  background-repeat:no-repeat;
  background-position:center center;
  background-size: 100% 100%, auto;
  background-color:rgba(0, 0, 0, 0.5);
  margin-top:-15px;
  margin-left:-15px;
  z-index:99;
}

.itembox .undeleteitemwrap {
	display:none;
}

.itembox.itemdeleted .undeleteitemwrap {
	display:block;
	text-align:center;
	margin-top:25%;
}

.reviewlist {
	width:100%;
	font-weight:bold;
	font-size:1.1em;
}

.haschanges {
	color:red;
}




/* Approve News items pages */

.newswrap {
	font-size:14px;
	border:1px solid grey;
	border-radius:0 0 5px 5px;
	padding:0 15px 15px 15px;
	margin:0 30px 30px 30px;
}

.newswrap label {
	display:inline-block;
	width:200px;
	font-weight:bold;
}

.newswrap .newsfield {
	display:inline-block;
	width:600px;
}

.newswrap .newsrow {
	margin-top:10px;
}
.newswrap .approvebutton {
	margin-top:15px;
}

.majorlinkbutton.rejectbutton {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff4c4c), color-stop(1, #b72a2a) );
	background:-moz-linear-gradient( center top, #ff4c4c 5%, #b72a2a 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4c4c', endColorstr='#b72a2a');
	background-color:#ff4c4c;
}
.majorlinkbutton.rejectbutton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b72a2a), color-stop(1, #ff4c4c) );
	background:-moz-linear-gradient( center top, #b72a2a 5%, #ff4c4c 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b72a2a', endColorstr='#ff4c4c');
}

h1.newshead{
	margin: 15px 30px 0 !important;
}

/*  News Edit Styles  */
.newseditpages,
.newseditlist,
.newseditcontent {
	width:97%;
	font-size:12px;
}
.newseditlist,
.newseditcontent {
	margin-bottom:15px;
}

.newseditcontent {
	margin-top:15px;
}
.newseditcontent.listtable td,
.newseditcontent.listtable th
 {
 	padding:10px;
}

#templatehelplink {
	float:right;
	margin-right:20px;
}

.iconpreview {
	max-height:100px;
	max-width:400px;
}

.inputblock {
	width:80%;
	display:inline-block;
}

.inputblock label {
	width:200px;
	display:inline-block;
	margin-bottom:15px;
}

.perfupdatesection h2 {
	margin-bottom:15px;
}

.perfupdatesection .fieldinput {
	width:auto
}

.inprogressnote {
	width:50%;
	margin:50px auto;
	border-radius:5px;
	padding:30px;
	border:1px solid grey;
	text-align:center;
	
}

.inprogressnote img {
	padding:50px;
}

.smallinput {
	width:5em;
}

.perftable {
	border-collapse:collapse;
}

.perftable td {
	padding-right:30px;
	padding-top:10px;
	vertical-align:top;
}

.perftable td:last-child {
	padding-right:0;
}

.quickstatstable th,
.quickstatstable td {
	padding:3px;
	font-size:smaller;
}
.inprogressnote {
	display:none;
}

#updateperfaccordian hr {
	margin: 30px 0;
	border-top:1px solid #E6E6E6;
}

.manajerperfbutton {
	float:right;
	box-sizing: border-box; 
	width:85px;
}

.info {
	width:1000px;
}

.formnumbering {
	color:#d33;
}

.formnumbering {
	position: absolute;
	left: -80px;
	display: inline-block;
	width: 70px;
	text-align: right;
}

.groupbox .formnumbering {
	position: relative;
	left: 0;
	width: 50px;
	text-align: left;
}

.inreportnote {
    color:#e00;
	font-size:75%;
}

.prevnotes {  
	font-size: 12px;
	padding: 5px 10px;
	background-color: #f0f0f0;
}

.rightbutton {
	float:right;
}


.floatingbuttons {
	position:sticky; 
	height: 1px;
	top:100px;
	width:1000px;
	margin:0 auto; 
}

.floatingbuttons > div{
	width:200px; 
	position:absolute; 
	left:100%;
}

.updatebutton {
	display:inline-block;
	margin:3px;
	text-align: center;
}

.informbuttons {
	text-align: right;
}

.commentfieldsticky{
	position: sticky;
	top: 200px;
}

.commentfieldwrap {
	position: absolute;
	width: 300px;
	left: 103%;
	border: solid 1px #bbb;
	background: #f6f6f6;
	padding: 5px;
	margin-top:50px;
}
.commentfieldwrap textarea {
	height: calc(98vh - 300px);
}

.outsidefloat.commentfieldsticky{
	top: 100px;
}

.outsidefloat .commentfieldwrap {
	right: 3%;
	left:auto;
	margin-top:0;
}


.ddq .extrafieldcontent {
	flex:0 0 auto;
}

.ddqreview .extrafieldcontent {
	width:200px;
	flex:0 0 200px;
}

.ajaxstatusicon {
	vertical-align: middle;
	margin:0;
}

.emptyfieldsnote {
	float:right;
	padding-right:10px;
}

.spinnerobj.ajaxstatusicon {
	/* also see .spinnerobj in style.css */
	display: inline-block;
	height: 2em;
	width: 2em;
	background-size: contain;
}
.commentflags {
	height:1.2em;
	width:1.2em;
}

.inlineblock {
	display:inline-block;
}

.groupsummarybox {
	display:inline-block;
	position: relative;
	width:500px;
	margin-right:50px;
	background-color: #104070;
	border-radius:10px;
	color:white;
	vertical-align: middle;
	padding:15px;
	margin-top: 15px;
}

.groupsummarybox.expanded {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.groupsummaryname {
	font-weight: bold;
}

.groupsummary_is_departed {
	position:absolute;
	top:35px;
	right:10px;
	font-weight: bold;
	color:#fb331e;
	display:none;
}
.groupsummarybox.departed .groupsummary_is_departed{
	display:block;
}

.groupdisplayposition {
	position: absolute;
	top:10px;
	right:10px;
}

is_departed

.fraudcheckbutton {
	margin-left:30px;
}

.extrawrap {
	display:flex;
	justify-content: space-between;
}

.extrawrap > * {
	flex-grow: 1;
}

.editmanagerlink {
	margin-top: 10px; 
	margin-bottom:10px; 
	padding:0;
}

.pageurl-reviewresearch .editmanagerlink {
	width:  calc(94% - 300px);
	margin-left:3%;
}

.editmanagerlink a {
	color:#4D4D4D !important; text-decoration:none !important; display:block; margin-left:65px; margin-right:30px; line-height:2.5em
}
 
.editmanagerlink a small {
	font-weight:normal;
}


.curfile .manaerhelpicon {
	position:absolute;
	margin-top:2px;
	margin-left:4px;
}