/* CSS Document */

.ProperCaseText {
	text-transform:capitalize;
}
.hoverproject:hover { background-color:#D9EEC1;}
.hoverproject2:hover { background-color:#FFE8C4;}

.hoverproject img {
	max-width: 100% !important;
	margin-left: 0px;
}
.hoverproject2 img {
	max-width: 100% !important;
	margin-left: 0px;
}
.ProjectInfoRow{
	width:100% !important;
	padding:10px;
	border-radius: 10px;
    margin-left:-10px;
}

#project-table{border:none !important; border-style:none !important;}
#ActiveProjects_DataList td {border: 0px !important;}
#Get_All_Closed_Projects td {border: 0px !important;}
#ClosedProjects_DataList td {border: 0px !important;}

#DataList1 td {border: 0px !important;}

/* FOR DIV LAYOUT */
.divfloatleft{float:left;}
.divfloatright{float:right;}
#Projects_Main_Div1{width:50%; float:left;}
#Projects_Main_Div2{width:50%; float:right;}
.projectphoto{width:150px; margin-right:5px; border:0px; }
.projecttitle{
	width: 62%;
	border: 1px;
	min-height: 84px;
	margin-top: 0px;
	padding: .5em;
}
#Projects_DataList{
	width: -webkit-fill-available !important;
	max-width:716px !important;
}
.ProjectInfoLeft{
	float:left;
	max-width:75%;
}
/* only on Research Group pages */
.RGProjects .ProjectInfoLeft {
    float: left;
    max-width: 67%;
}
.ProjectInfoRight{
	float:right;
}
.RGProjects #Projects_DataList h3 {
/*    display: none; */
}
/* Style the projects listing on Research Group pages */
.textwidget .RGProjects {/* only on pages within the textwidget */
    margin-top: -180px;
}

.EvenLargerText{
	font-size:12pt;
}

.SmallerText{
	font-size:9pt;
	line-height:18px;
}

.SmallestText{
	font-size:8pt;
}

.SmallestGrayText{
	font-size:8pt;
	color:#999999;
}
.ReallyLargeText{
	font-size:x-large;
}

.Whitetext{
	color:#FFF;
}
.GrayText{
	color:#999999;
}

.NotesText{
	font-size:8pt;
	color:#FF0000;
}
.QuickLinks{
	font-size:small;
	width:140px;
}

.BlackText{
	color:#000000;
}

.RedText{
	color:#FF0000;
}

.GrayBackground {
	background-color:#F8F8F8;
}

.DataTable{
	border-style:solid;
	border-color:#B7DBFF;
	border-bottom-width:thin; 
	border-left-width:thin;
	border-right-width:thin; 
	border-top-width:thin;
}
#ProjectProfile div{
	border: solid 0px #ff3333;
	padding: 5px;
}
.flexidiv {
    display: grid;
    grid-gap: 5px;
    grid-template-columns: repeat(auto-fit, minmax(205px, 1fr));
    grid-template-rows: repeat(1, 150px);
}