@import url(https://fonts.googleapis.com/css?family=Lato:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);

@import url(https://fonts.googleapis.com/css?family=Montserrat);

@import url(line-icons.css);

:root {
  --base-font-size-mobilelarge: 22px;
  --base-font-size-mobilemedium: 16px;
  --base-font-size-mobilesmall: 14px;
  --base-font-size-mobilemenu: 14px;
  --base-font-size-mobilebutton: 16px;

  --base-font-lineheight-mobilelarge: 28px ;
  --base-font-lineheight-mobilemedium: 24px;
  --base-font-lineheight-mobilesmall: 19px;
  --base-font-lineheight-mobilebutton: 24px;
}


body.Opac{
	font-family: 'Inter', 'Roboto', 'Lato', 'Arial';
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
		background-color: #F8F9FA;
}


@media (max-width: 900px) {
	body.Opac{
		padding-left: 5px;
		padding-right: 5px;


		width:100%;
	}
}


div.Portal{
	background-color: #F8F9FA;
	width:1200px;
        margin-left: auto;
        margin-right: auto;
}

@media (max-width: 900px) {
	div.Portal {
		width:100%;

		padding-left: 5px;
		padding-right: 5px;
	}
}



/*new*/
div.Header{
	box-sizing: border-box;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
	background: #FFFFFF;
	Height:80px;
	border-bottom: 1px solid #E0E0E0;
}

/*new*/
div.HeaderLogo{
	float:left;	
}

/*new*/
img.HeaderLogo{
	Height:60px;
}

/*new*/
div.HeaderAccount{
	float:right;
}

/*new*/
div.HeaderCatalogSearchBox{	
	display: inline-block;

	box-sizing: border-box;
	align-items: center;
	gap: 16px;
	width: 348px;
	height: 56px;

	background: #FAFAFA;
	border: 1px solid #EAECF0;
	border-radius: 1000px;
}




/*new*/
input.HeaderCatalogSearchBox{
	width: 300px;
	height: 100%;
	background-color:transparent;
	border: 0px solid #EAECF0;
	padding: 0px 0px;
	margin: 0px 0px;
	outline: none;	
}




/*new*/
/*input.HeaderCatalogSearchBox{
	box-sizing: border-box;
	align-items: center;
	padding: 5px 24px;
	gap: 16px;
	width: 348px;
	height: 56px;

	background: #FAFAFA;
	border: 1px solid #EAECF0;
	border-radius: 1000px;
}*/

/*new*/
input.HeaderCatalogSearchButton{	
	width: 28px;
	height: 28px;
}



div.Slider{
	height:385px;
}



div.FooterItem{
	display: inline-block;
}


/*new*/
div.HeaderAccountImage{
/*	background: url("images/screens/accountlogo.png");
	border: 3px solid #005A9C;
	border-radius: 1000px;
	height:20px;
	width:20px;*/
	display: inline-block;
}

/*new*/
img.HeaderAccountImage{
	padding: 0px 0px;
	height:28px;
	width:28px;
}

/*new*/
div.HeaderAccountLabel{
	display: inline-block;
	margin-top:30px;
}





/*new*/
a.HeaderAccountLabel{
	font-style: normal;
	font-weight: 600;
	font-size: 17px;
	line-height: 24px;
	color: #4F4F4F;
	margin-left: 20px;
}

@media (max-width: 900px) {
	a.HeaderAccountLabel {
		font-size: var(--base-font-size-mobilemenu);
		line-height: var(--base-font-size-mobilemenu);
	}
}





span.HeaderAccountLabel{
	font-style: normal;
	font-weight: 600;
	font-size: 17px;
	line-height: 24px;
	color: #4F4F4F;
	margin-left: 20px;
}

@media (max-width: 900px) {
	span.HeaderAccountLabel {
		font-size: var(--base-font-size-mobilemenu);
		line-height: var(--base-font-size-mobilemenu);
	}
}


div.HeaderSearch{

	height:60px;

	padding-left:10px;
	padding-right:10px;

	background: linear-gradient(0deg, rgba(63, 135, 233, 0.1), rgba(63, 135, 233, 0.1)), #FFFFFF;
}

@media (max-width: 900px) {
	div.HeaderSearch {
	    height:140px;

	    padding-left:5px;
	    padding-right:5px;
	}
}





div.HeaderSearchMenuPanel{
	float:left;
}


div.HeaderSearchLabelPanel{
	float:right;
}

div.HeaderSearchLabel {    

	padding: 10px 16px;
	gap: 12px;

	height: 44px;
	display: inline-block;
}



div.HeaderSearchLabel_Home {    

	padding: 10px 0px;
	gap: 12px;

	height: 44px;
	display: inline-block;
}


div.Slider{


}

span.HeaderSearchLabel {    

	font-style: normal;
	font-weight: 600;
	font-size: 17px;
	line-height: 24px;
	color: #3F87E9;
}


@media (max-width: 900px) {
	span.HeaderSearchLabel{
	    font-size:   var(--base-font-size-mobilesmall);
	    line-height: var(--base-font-lineheight-mobilesmall);
	}
}



a.HeaderSearchLabel {    

	font-style: normal;
	font-weight: 600;
	font-size: 17px;
	line-height: 24px;
	color: #3F87E9;
}


@media (max-width: 900px) {
	a.HeaderSearchLabel {
		font-size: var(--base-font-size-mobilemenu);
		line-height: var(--base-font-lineheight-mobilemenu);
	}
}




@media (max-width: 900px) {
	a.BackResults{
	    font-size: var(--base-font-size-mobilemedium);
	}
}


div.OrganizationInfo {

	justify-content: space-between;
	
	gap: 10px;
	Height:250px;

	background: #FFFFFF;
}





div.LibraryInfoLeft{
	float:left;
}

div.LibraryInfoRight{
	float:right;
}



/*new*/
span.LibraryInfoHeader{
	font-weight: 600;
	margin-bottom: 5px;
	margin-top: 10px;

	font-style: normal;
	font-size: 16px;
	line-height: 19px;
	display:block;
	color: #101828;
}

/*new*/
span.LibraryInfo{
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 19px;
	display:block;
	color: #4F4F4F;
}


/*new*/
div.Search{
	justify-content: space-between;
	
	gap: 10px;
	background: #FFFFFF;
	height: 180px;

	padding-top:20px;
	padding-left:10px;
	padding-right:10px;
}


/*new*/
div.SearchInfo {
	justify-content: space-between;
	background: #FFFFFF;
	float:left;

	padding-top:10px;

	padding-left:3px;
	padding-right:3px;
}


@media (max-width: 900px) {
	div.SearchInfo {
	    width: 100%;
	}
}

/*new*/
span.SearchInfoHeader{
	font-style: normal;
	font-weight: 500;
	font-size: 30px;
	line-height: 38px;
	color: #101828;
	display:block;
	margin-bottom: 5px;
	text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

@media (max-width: 900px) {
	span.SearchInfoHeader {
	    font-size: var(--base-font-size-mobilelarge);
	    line-height: var(--base-font-lineheight-mobilelarge);

	    margin-bottom: 20px;
	}
}

/*new*/
span.SearchInfoDetail{
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 19px;
	display:block;
	width: 365px;
	color: #4F4F4F;
}

@media (max-width: 900px) {
	span.SearchInfoDetail {
	    font-size: 60px;
	    line-height: 65px;
	    width: 100%;

	    display: none;
	}
}


/*new*/
div.CatalogSearch{
	float:right;
} 


@media (max-width: 900px) {
	div.CatalogSearch {
		float:left;
	}
}

/*new*/
input.CatalogSearchBox{
	box-sizing: border-box;
	align-items: center;
	padding: 16px 24px;
	gap: 16px;
	isolation: isolate;
	width: 620px;
	height: 56px;
	background: #FFFFFF;
	border: 1px solid #EAECF0;
	border-radius: 1000px;

	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 19px;
	color: #4F4F4F;
}


@media (max-width: 900px) {
	input.CatalogSearchBox{
		width: 200px;
		height: 50px;

    		font-size: var(--base-font-size-mobilemedium);
    		padding: 8px;

    		margin-top:20px;
	}
}

/*new*/
input.CatalogSearchButton{	
	gap: 10px;

	width: 44px;
	height: 44px;

	align-items: center;
	gap: 16px;
}

@media (max-width: 900px) {
	input.CatalogSearchButton {
		width: 50px;
		height: 50px;
	}
}


/*new*/
select.CatalogSearchFilter{
	align-items: center;
	padding: 2px 5px 2px 5px;
	gap: 8px;

	width: 135px;
	height: 42px;

	background: #EAECF0;
	border-radius: 1000px;

	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 17px;
	color: #4F4F4F;
}


@media (max-width: 900px) {
	select.CatalogSearchFilter {
	    font-size : 40px;
	    width: 250px;
	    height: auto;
	    padding-left:20px;
	    margin-top:20px;
	    padding-top: 10px;
	    padding-bottom: 10px;
	    margin-right: 20px;
	}
}



div.Footer {
	justify-content: center;
	align-items: center;
	padding-top: 20px;
	padding-bottom: 20px;
	background: #005A9C;

	text-align: center;
}


div.FooterContent {

}

span.Footer {

	height: 19px;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 19px;

	color: #FFFFFF;
}

img.Footer{
	height:41px;
}






div.CreateArea{
	background: #FFFFFF;
	border-radius: 20px;

	padding-bottom: 30px;
	padding-top: 11px;
	padding-left: 11px;
	padding-right: 11px;

}

@media (max-width: 900px) {
	div.CreateArea{

		padding-left: 10px;
		padding-right: 10px;
	}
}





div.PortalHeader {    
	left: 0;
	right: 0;
	height: 60px;
	z-index: 1002;

	width:100%;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	background-color:#486484;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
}

div.PortalHeaderImage {    
	display: inline-block;
	margin:5px;
}

img.PortalHeaderImage {    
	height:30px;
}

div.PortalHeaderLinks {    
	float:right;
	display: inline-block;

	margin-top: 10px;
}

a.PortalHeaderLink {    
	color: #FFFFFF;
	margin-left: 10px;
}

span.PortalHeaderUser {    
	color: #FFFFFF;
	margin-left: 10px;
}








div.MenuSection {
	margin-top: 20px;
}


img.MenuItemHeader {
	width:20px;
}

span.MenuItemHeader {
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #344054;
	flex: none;
	order: 1;
	flex-grow: 0;
	margin-left: 15px;
}

.MenuItem {
	margin-top:13px;
	padding-left:0px;
	padding-right:20px;
}
.MenuItem a {
	font-style: normal;
	font-weight: 500;
	font-size: 15px;
	line-height: 24px;
	color: #344054;
	flex: none;
	order: 0;
	flex-grow: 0;
}

.MenuItem li {
	height: 40px;
	padding-top: 8px;
	padding-left: 12px;
}


span.Title {
	font-style: normal;
	font-weight: 500;
	font-size: 30px;
	line-height: 38px;
	color: #101828;
	flex: none;
	order: 0;
	align-self: stretch;
	flex-grow: 0;
}

span.TitleHelp {
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #667085;
	flex: none;
	order: 1;
	align-self: stretch;
	flex-grow: 0;
}






div.CreateFields {
	padding-top:20px;
}

@media (max-width: 900px) {
	div.CreateFields {

	}
}




div.CreateFooter {
	margin-top:40px;
	margin-left:20px;
	margin-right:20px;
}

@media (max-width: 900px) {

	div.CreateFooter {
		margin-top:40px;
		margin-left:2px;
		margin-right:2px;
	}
}


div.CreatePreviousButton {
	display: inline-block;
}

div.CreateNextButton {
	display: inline-block;
	float:right;
}

div.FieldLabel {
	margin-top:20px;
}

div.FieldControl {
	margin-top:6px;
}




span.FieldHeader {
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #344054;
	width: 100%;

	flex: none;
	order: 0;
	flex-grow: 0;
	display:block;
}



@media (max-width: 900px) {
	span.FieldHeader {	    
	    font-size: var(--base-font-size-mobilesmall);
	    line-height: var(--base-font-size-mobilesmall);
	}
}


span.FieldHeaderAction {

	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;

	color: #667085;
}

span.FieldHeaderHelp {
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	color: #667085;
}

select.Field {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 14px;

	background: #FFFFFF;

	border: 1px solid #D0D5DD;

	box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
	border-radius: 8px;

	width: 405px;
	height: 44px;


	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	color: #667085;
}

@media (max-width: 900px) {
	select.Field {
		width: 100%;
	}
}


input.Field {
	box-sizing: border-box;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;

	width: 400px;
	height: 44px;

	background: #FFFFFF;

	border: 1px solid #D0D5DD;

	box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
	border-radius: 8px;
}

@media (max-width: 900px) {
	input.Field {	

		width: 100%;
	}
}


textarea.Field {
	box-sizing: border-box;

	display: flex;
	flex-direction: row;
	align-items: flex-start;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 14px;

	width: 400px;

	background: #FFFFFF;

	border: 1px solid #D0D5DD;

	box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
	border-radius: 8px;
}

@media (max-width: 900px) {
	textarea.Field {
		width: 100%;
	}
}


div.CreateTitle {
	padding-top:20px;
	margin-left:100px;
}

@media (max-width: 900px) {

	div.CreateTitle {
		margin-left:0px;
	}
}




span.CreateTitle {

	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 28px;
	color: #101828;
}

span.CreateTitleHelp {
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #344054;
	width: 100%;

	flex: none;
	order: 0;
	flex-grow: 0;
}

a.CreateButtonNext{
	text-align: center;
	justify-content: center;
	align-items: center;
	padding: 10px 16px;
	gap: 8px;

	width: 100px;
	height: 40px;

	background: #3F87E9;
	box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
	border-radius: 8px;

	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #FFFFFF;
}

a.CreateButtonBack{
	text-align: center;
	justify-content: center;
	align-items: center;
	padding: 10px 16px;
	gap: 8px;

	width: 100px;
	height: 40px;

	background: #FFFFFF;

	border: 1px solid #D0D5DD;

	box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
	border-radius: 8px;

	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;

	color: #344054;
}









a.CreateHyperlink{
	font-style: normal;
	font-weight: 500;
	font-size: 15px;
	line-height: 20px;
	text-decoration-line: underline;
	color: #3F87E9;
}


a.CreateHyperlinkButton{
	box-sizing: border-box;

	padding-top: 10px;
	padding-left: 0px;
	padding-right: 13px;
	padding-bottom: 10px;

	border: 0px solid #3F87E9;
	border-radius: 8px;
	display: inline-block;
}

span.CreateHyperlinkButton{
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;

	margin-left: 8px;
	color: #3F87E9;
}

img.CreateHyperlinkButton {
	width:10px;
}

img.CreateHyperlinkAddButton {
	width:16px;
}





span.CreateCheckListHeader{
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #000000;
	display: block;	
	margin-bottom: 15px;
}

CreateCheckListChecked.input{
	box-sizing: border-box;

	width: 16px;
	height: 16px;
	background: #FFFFFF;
	border: 1px solid #D0D5DD;
	border-radius: 4px;
}

div.CreateCheckListChecked{
	display: inline-block;
	width:20px;
	float: left;
}

div.CreateCheckListName{
	margin-left: 35px;
	margin-right:30px;
}

span.CreateCheckListName{
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	color: #2C3038;
}






div.CreateDocument{
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-right: 10px;

	margin-left:0px;
	display: inline-block;
}

span.CreateDocumentHeader{

}

div.CreateDocumentIcon{
	display: inline-block;

	width: 40px;
	height: 40px;
	padding-top:8px;
	padding-left:13px;

	background: #F0F3F7;
	border-radius: 20px;
}

@media only screen and (max-width: 1300px) {
	div.CreateDocumentIcon{
		display: none;
	}
}


img.CreateDocumentIcon{
	width: 13px;
}

div.CreateDocumentName{
	display: inline-block;
	width: 300px;
}

span.CreateDocumentName{
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #101828;	
}

span.CreateDocumentHeader{
	font-weight: 600;
	margin-top: 20px;
	margin-bottom: 10px;
	display: inline-block;
}


div.CreateDocumentUpload{
	display: inline-block;
	width: 75px;
}

a.CreateDocumentUpload{
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #3F87E9;
}



div.CreateContactHeader{
   	padding-left: 15px;
}

div.ContactSelect{
	width: 70px;
}

div.ContactAvatar{
	width: 50px;
}

@media only screen and (max-width: 1300px) {
	div.ContactAvatar{
		display: none;
	}
}

div.ContactName{
	width: 250px;
}

div.ContactOrganization{
	width: 200px;
}

div.ContactType{
	width: 200px;
}



div.CreateContact{
	background: #FFFFFF;
	border: 1px solid #8EAEDE;
	box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
	border-radius: 8px;
	margin-top:10px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
}

div.CreateContactSelect{
	display: inline-block;	
	margin-right: 10px;
	float: left;
}

div.CreateContactFields{
	margin-left: 30px;
}


div.CreateContactAvatar{

	width: 38px;
	height: 38px;

	background: #F7F9FA;
	border: 1px solid #DDE4ED;
	border-radius: 200px;	
	display: inline-block;

	padding-top: 5px;
	margin-right: 10px;

	display: inline-block;
 	vertical-align:top;
}

@media only screen and (max-width: 1300px) {
	div.CreateContactAvatar{
		display: none;
	}
}

span.CreateContactAvatar{
	font-style: normal;
	font-weight: 600;
	font-size: 12px;
	line-height: 15px;

	margin-left: 10px;
	
	color: #405D88;

}

span.CreateContactName {
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 16px;
	color: #000000;
}

span.CreateContactOrganization {
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	color: #646D72;
}

span.CreateContactEmail {
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	color: #667085;	
}

div.CreateContactName{
	display: inline-block;
	width: 240px;
}

div.CreateContactOrg{
	display: inline-block;
	width: 240px;
}

div.CreateContactType{
	float: right;
	display: inline-block;	
}

@media only screen and (max-width: 1300px) {
	div.CreateContactType{
		float: none;
	}	
}


select.CreateContactType{
	width: 170px;
	height: 40px;

	background: #F4F7F8;
	border-radius: 8px;
	margin-bottom: 5px;
}


div.CreateSignatureCheckBox{
	margin-top: 20px;
}


span.ESignatureConditions{
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	color: #667085;
}

span.ESignatureAgree{
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 16px;
	color: #3F8CFF;
}







div.SearchItem {
	Display:inline-block;
}

select.FieldMyType {
	width: 200px;
}

input.FieldMyFilter {
	width: 200px;
}

div.SearchResults {
	margin-top: 10px;
}

span.SearchResults {
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #000000;
	margin-right: 10px;
}





a.SearchButton{

	justify-content: center;
	align-items: center;
	padding: 10px 16px;
	gap: 8px;

	height: 40px;

	background: #3F87E9;
	box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
	border-radius: 8px;

	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #FFFFFF;

	margin-top: 10px;
	display: inline-block;
}

input.SearchField{
	box-sizing: border-box;
	padding: 10px 14px;
	gap: 8px;
	width: 343px;
	height: 45px;
	background: #FFFFFF;
	border: 1px solid #D0D5DD;
	box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
	border-radius: 8px;

	margin-top: 10px;
	display: inline-block;
}


div.ActionFooter{
	margin-top: 40px;
}


div.CreateHyperlinkHeader{
	margin-top: 20px;
}

span.CreateHyperlinkHeader{
	margin-top: 10px;
	margin-bottom: 25px;
	width:100px;
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #344054;
}

div.NoFloat{
	float: none;
	margin-left: 10px;
}








div.DetailsSectionTop{
	margin-top: 40px;
}

div.DetailsSection{
	margin-top: 20px;
}

div.DetailsSectionHeader{
	margin-top: 35px;
	margin-bottom: 10px;
	background: #F9FAFB;
	padding-top:5px;
	padding-bottom:5px;
	padding-left: 5px;
	border-radius: 8px;
	padding-right: 5px;
}



@media (max-width: 900px) {
	div.DetailsSectionHeader {
		padding-top:10px;
		padding-bottom:10px;
	}
}



div.DetailsSectionScreenHeader{
	
}



hr.DetailsSection{
	height: 1px;
	background: #EAECF0;
}


div.DetailsButtons{
	float:right;
	padding-right:0px;
}

a.DetailsButton{
	align-items: center;

	padding: 10px 16px;
	gap: 8px;
	background: #FFFFFF;
	border: 1px solid #D0D5DD;
	box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
	border-radius: 8px;
	margin-left: 10px;

	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #344054;
}

select.DetailsButton{
	width: 150px;
	height: 35px;
	font-size: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}

img.DetailsButton{
	height: 15px;
	margin-right: 5px;
}

a.DetailsButtonPrimary{
	background: #3F8CFF;
	color: #FFFFFF;
}

span.DetailsSectionHeader{
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 28px;
	color: #101828;
}



@media (max-width: 900px) {
	span.DetailsSectionHeader {
		font-size: var(--base-font-size-mobilelarge);
		line-height: 34px;
		margin-bottom: 20px;
		margin-top: 20px;
		margin-left: 20px;
		margin-right: 20px;
	}
}


div.DetailsField{
	padding-top:10px;
	display: inline-block;
	padding-bottom: 10px;
	padding-left: 10px;
	width: 250px;
 	vertical-align:top;
}

div.DetailsVal{
	margin-top:5px;
}

span.DetailsFieldHeader{
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #667085;
}

span.DetailsFieldValue{
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #344054;
}

span.DetailsFieldValueNonHighlight{
	font-weight: 300;
}


div.DetailsContact{
	display: inline-block;
	margin-right: 5px;
}


div.DetailsDocument{
	border-radius: 0px 0px 14px 14px;
	box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.1);
	width: 200px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 10px;
	display: inline-block;
	margin-right: 5px;
}

div.DetailsDocumentName{
	display:Inline-Block;
}

div.DetailsDocumentView{
	float:right;
}

a.DetailsDocumentView{
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #3F87E9;
}


span.DetailsDocumentName{
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #101828;																		color: #101828;
}

span.DetailsDocumentDate{
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 20px;
	color: #667085;
}



div.InspectionDate{
	width:100px;
}

div.InspectionName{
	width:150px;
}

div.InspectionStatus{
	width:100px;
}

div.InspectionInspector{
	width:120px;
}

div.InspectionComment{
	width:200px;
}

div.CheckListName{
	width:350px;
}


div.DetailsList{
	margin-bottom: 10px;
	margin-left: 5px;
}

div.DetailsListField{
	display: inline-block;
	vertical-align:top;
}






.DetailsList
    .DetailsList tr:nth-child(even)
    {
        background-color:#ffffff;
    }
    .DetailsList tr:nth-child(odd)
    {
        background-color:#f9f9f9;
    }




@media (max-width: 900px) {
	table.DetailsList {
	    font-size: var(--base-font-size-mobilemedium);
	}
}



table.CatalogInfoDetails{
	width="800px";
}



@media (max-width: 900px) {
	table.CatalogInfoDetails {
	    font-size: var(--base-font-size-mobilemedium);

	}
}




div.ProjectDocumentUpload{
	width:250px;
}

div.ProjectDocumentView{
	width:100px;
}

div.ProjectDocumentName{
	width:400px;
	max-width:100%;
}

@media (max-width: 900px) {
	div.ProjectDocumentName{
		width:300px
	}
}

div.ProjectDocumentDate{
	width:100px;
}

div.ProjectDocumentStatus{
	width:100px;
}








div.ProjectDocumentName{
	width:400px;
	max-width:100%;
}

@media (max-width: 900px) {
	div.ProjectDocumentName{
		width:300px
	}
}





div.ProjectReviewer{
	width:250px;
}

div.ProjectReviewStatus{
	width:100px;
}

div.ProjectReviewStatus{
	width:200px;
	max-width:100%;
}

div.ProjectReviewComment{
	width: 100%;
}

@media (max-width: 900px) {
	div.ProjectReviewComment{
		width:300px
	}
}

div.ProjectEmail{
	margin-bottom: 20px;
}



div.PaymentHeader{
	padding-left: 5px;
}

div.PaymentItem{
	background: #FFFFFF;
	border: 1px solid #D0D5DD;
	box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
	border-radius: 8px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

div.PaymentItemSelect{
	width:50px;
}

div.PaymentItemStop{
	width:100px;
}

div.PaymentItemDate{
	width:100px;
}

div.PaymentItemType{
	width:300px;
}

div.PaymentItemTypeAccount{
	width:150px;
}

span.PaymentDate{
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	color: #667085;
}

div.PaymentItemDescription{
	width:300px;
}

@media (max-width: 900px) {
	div.PaymentItemDescription{
		width:300px
	}
}

div.PaymentItemAmount{
	width:200px;
	text-align: right;
	padding-right: 20px;
}

div.PaymentStatus{
	width:150px;
}





div.Login{

}

@media (max-width: 900px) {
	div.Login {

	}
}


div.LoginHeader{

}

span.LoginHeader{
	font-style: normal;
	font-weight: 600;
	font-size: 30px;
	line-height: 38px;
	text-align: center;
	color: #101828;
	display:block;
}



@media (max-width: 900px) {
	span.LoginHeader {
	    font-size: var(--base-font-size-mobilelarge);

	}
}


span.LoginInfo{
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	color: #667085;
	width:100%;
	display:block;
}

@media (max-width: 900px) {
	span.LoginInfo {
	    font-size: var(--base-font-size-mobilemedium);
	    line-height: var(--base-font-size-mobilemediumlineheight);

	}
}


span.LoginHelp{
	text-align: center;
	color: #667085;
	width:100%; 
	display:block;
}

@media (max-width: 900px) {
	span.LoginHelp {
	    font-size: var(--base-font-size-mobilesmall);
	}
}

div.LoginInfo{
	margin-top: 12px;
}


div.LoginFields{
  width: 400px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 900px) {
	div.LoginFields {
	    width: 100%
	}
}

div.LoginButton{
	margin-top: 30px;
	justify-content: center;
}

a.LoginButton{
	width: 30%;
	Display: Inline-Block;
}


div.LoginFooter{
	margin-top: 30px;
}

img.LoginBack{
	width: 10px;
	margin-right: 5px;
}

a.LoginBack{
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #667085;
}

div.ResultsScreen{
	padding-right: 10px;
	padding-left: 10px;
}


@media (max-width: 900px) {
	div.ResultsScreen {
		padding-right: 3px;
		padding-left: 3px;
	}
}


div.Results{
	background: #FFFFFF;
	border: 1px solid #D0D5DD;
	box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
	border-radius: 8px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 7px;
}

div.Results1{
	width:400px;
}


div.Results2{
	width:400px;
}

div.Results3{
	width:300px;
}

div.Results4{
	width:300px;
}

div.Results5{
	width:200px;
}



@media (max-width: 900px) {
	div.Results1{
		width:300px
	}

	div.Results2{
		width:300px
	}
}





span.InspectionSchedulePermit{
	font-style: normal;
	font-weight: 600;
	font-size: 20px;
	line-height: 38px;
	color: #000000;
}

img.InspectionScheduleAddress{
	width: 12px;
	display: inline-block;
	margin-right: 5px;
}

span.InspectionScheduleAddress{
	font-style: normal;
	font-weight: 500;
	font-size: 15px;
	line-height: 38px;
	color: #667085;
}

span.InspectionScheduleType{
	font-style: normal;
	font-weight: 500;
	font-size: 17px;
	line-height: 21px;
	color: #000000;
}




div.Message{

}

span.Message{
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	color: #667085;
}



div.FeaturedSection{

	padding-left: 10px;
	padding-right: 10px;
}


@media (max-width: 900px) {
	div.FeaturedSection {

		padding-left: 3px;
		padding-right: 3px;
	}		
}


div.FeaturedButton{

}


@media (max-width: 900px) {
	div.FeaturedButton {
	}		
}


a.FeaturedButton{
	align-items: center;
	padding: 12px 20px 12px 24px;
	gap: 8px;

	width: 85px;
	height: 41px;

	background: #005A9C;
	border-radius: 1000px;

	color: #FFFFFF;

}


@media (max-width: 900px) {
	a.FeaturedButton {

		margin-top:10px;
		display: inline-block; 
		width: auto;  

		font-size: var(--base-font-size-mobilebutton)


		height:  auto;

		margin-right: 10px;
	}		
}


a.FeaturedButton_Selected{
	align-items: center;
	padding: 12px 20px 12px 24px;
	gap: 8px;

	width: 85px;
	height: 41px;

	background: #005A9C;
	border-radius: 1000px;

	color: #FFFFFF;
}


@media (max-width: 900px) {
	a.FeaturedButton_Selected {

		margin-top:10px;
		display: inline-block; 
		width: auto;  

		font-size: var(--base-font-size-mobilebutton)

		height:  auto;

		margin-right: 10px;
	}		
}



div.SearchResults{

}


a.ResultsTitle{
	height: 39px;

	font-style: normal;
	font-weight: 600;
	font-size: 20px;
	line-height: 39px;
	color: #4F4F4F;
}

@media (max-width: 900px) {
	a.ResultsTitle {
	    font-size: var(--base-font-size-mobilelarge);
	    line-height: var(--base-font-height-mobilelarge);
	}
}



a.ResultsAuthor{
	height: 24px;

	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #2F80ED;
}

@media (max-width: 900px) {
	a.ResultsAuthor {
	    font-size:var(--base-font-size-mobilemedium);
	    line-height: 39px;
	}
}

span.ResultsAuthor{
	height: 24px;

	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 18px;
	color: #828282;
}


@media (max-width: 900px) {
	span.ResultsAuthor {
	    font-size:var(--base-font-size-mobilemedium);
	    line-height: 39px;
	}
}

span.ResultsGeneral{
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 18px;
}


@media (max-width: 900px) {
	span.ResultsGeneral {
	    font-size:var(--base-font-size-mobilemedium);
	    line-height: 39px;
	}
}



div.ResultsItem{
	margin-bottom: 30px;
}


div.ResultsCover{
	display: inline-block;
	vertical-align: top;
	border-radius: 6px;
}

img.ResultsCover{
	width: 150px;
	border-radius: 6px;
}

div.ResultsDetails{
	vertical-align: top;
	display: inline-block;
}


div.ResultsHoldingsList{
	margin-top:20px;
}

table.ResultsHoldingList{
}

div.ResultsActionSection{	
	margin-top: 20px;
}
                                                                                

div.ResultsAction{
	display: inline-block;
	align-items: center;
	gap: 12px;
	height: 56px;
	text-align: center;
	align-items: center;

	background: #F0F0F0;
	width:200px;
	margin-right:20px;
	border-radius: 8px;
}

a.ResultsAction{
	display: inline-block;
	height: 50px;
	text-align: center;
	align-items: center;
	padding-top:10px;
	padding-bottom:10px;

	margin-top: 5px;
	margin-bottom: 5px;
	margin-right:5px;

	background: #F0F0F0;
	width:200px;

	border-radius: 8px;
}


@media (max-width: 900px) {
	a.ResultsAction {
	    height:auto;
	    width:auto;
	}
}


span.ResultsAction{
	font-style: normal;
	font-weight: 600;
	font-size: 17px;

	color: #00acec;
	vertical-align: middle;
}

@media (max-width: 900px) {
	span.ResultsAction {
	    font-size: var(--base-font-size-mobilebutton);
	    margin-top:5px;
	    margin-bottom:5px;
	    margin-left:5px;
	    margin-right:5px;
	}
}



img.ResultsAction{
	width: 30px;
	height: 30px;
	vertical-align: middle;
}

@media (max-width: 900px) {
	img.ResultsAction {
	     display: none;

	}
}


div.ResultsCount{
	margin-top:20px;
}

span.ResultsInfo{
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 18px;
}

@media (max-width: 900px) {
	span.ResultsInfo {
	    font-size: var(--base-font-size-mobilemedium);
	    line-height: var(--base-font-lineheight-mobilemedium);
	}
}


div.ResultsStatus{
	width: 150px;
	height: 25px;
	background: rgba(33, 150, 83, 0.1);
	border-radius: 1000px;
	text-align: center;


}

@media (max-width: 900px) {
	div.ResultsStatus {
	    width: auto;
	    height: auto;

	}
}

span.ResultStatus{
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 17px;
	color: #219653;
}


@media (max-width: 900px) {
	span.ResultStatus {
	    font-size: var(--base-font-size-mobilebutton)
	    line-height: var(--base-font-height-mobilebutton)
	    margin-left: 20px;
	    margin-right: 20px;
	    margin-top: 20px;
	    margin-bottom: 20px;
	}
}




span.ResultsCopiesLocation{
	display: inline-block;
	font-style: normal;
	font-weight: 700;
	width:110px;
}

span.ResultsCopies{
	font-style: normal;
	font-weight: 700;
}

span.ResultsCopiesValue{
	font-style: normal;
	margin-left:10px;
	margin-right:20px;
}



div.ScreenActionDetails{
	margin-top: 30px;
}


div.ScreenAction{
	margin-bottom: 10px;
}

a.ScreenAction{
	display: inline-block;
	text-align: center;
	align-items: center;
	padding-top:4px;

	background: #F0F0F0;
	width:170px;
	height: 40px;

	margin-right:10px;
	margin-top:10px;

	border-radius: 8px;
}

@media (max-width: 900px) {
	a.ScreenAction {
	    width: auto;
	    height: auto;
	    padding-left: 20px;
	    padding-right: 20px;
	    padding-top: 20px;
	    padding-bottom: 20px;
	}
}

span.ScreenAction{
	font-style: normal;
	font-weight: 600;
	font-size: 14px;

	color: #00acec;
	vertical-align: middle;
}



@media (max-width: 900px) {
	span.ScreenAction {
	    font-size: var(--base-font-size-mobilebutton);
	    width: auto;
	}
}



img.ScreenAction{
	width: 30px;
	height: 30px;
	vertical-align: middle;
}


@media (max-width: 900px) {
	img.ScreenAction {
	    display: none;
	}
}



img.CatalogCover{
	width: 150px;
	border-radius: 6px;
}

div.Details{

}


a.DetailsPanelAction{
	margin-top:10px;
	margin-bottom:10px;
}

select.History{
	width:200px;
	display: inline-block;
}

input.History{
	width:200px;
	display: inline-block;
}


a.MenuSocialImage{
	width:30px;
	display:inline-block;
}

div.ScreenActionButton{
	display: inline-block;
	vertical-align: top;
}


div.TableCreateDetails{
	width:400px;
}

@media (max-width: 900px) {
	table.TableCreateDetails {
	    	width:100%;
	}
}















@media (max-width: 900px) {
	.GridResultsEmpty {
	    font-size: var(--base-font-size-mobilemedium);

	}
}

@media (max-width: 900px) {
	div.search-filters {
	    display:none;

	}
}