#letter{
	
    font-family: 'Quattrocento', serif;
    font-size: 120% ;
	color: #6a6a6a;
}
.letter-review{
	 max-height: 400px;
	 overflow: auto; 
	 background-color: #f6f6f6;
	 padding: 22px;
}
::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}

::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}
.letter_read{
	 content: 'R:';
	font-size: .6em;
	text-transform: uppercase;
	padding-right: 2px		
}

.button.success {
	background-color: #78c500;
}

.button.secondary {
	background-color: #bdbdbd;
	color: #fefefe; 
}
.button.secondary:hover, .button.secondary:focus {
	background-color: #a8a8a8;
	color: #fefefe; 
  }
.hollow.button {
    background-color: transparent;
}


.top-bar-right .menu{padding: 9.4px 0;}

.menu-icon:after {
    background: #3e3e3e;
    box-shadow: 0 7px 0 #3e3e3e, 0 14px 0 #3e3e3e;
}

.menu>li>a.logo-nav {
	padding: 1px 1px 1px 1.325rem ;
	width: 69%;
}

.menu>li>a.logo-nav img {
	padding: 18px 1px ;
	width: 650px;
}

.invisable {visibility: hidden}


.review-points {
    font-size: 0.8em;
    line-height: 1.3;
}

.review.award {
	padding-top: 55px;
	text-transform: uppercase;
	color: black
	
}
.review.university {
	padding-top: 25px;
}
.icn-grid{
	float: right;
	text-transform: capitalize
}
.review-date, .review-rank {
 float: right;
 color: black;	
}
.review-rank {
  padding-right: 15px		
}
.review-rank::before {
 content: 'rank:';
 font-size: .6em;
 text-transform: uppercase;
 padding-right: 2px	
}

.your_review {
    color: rgb(69, 127, 255);
    font-size: 0.8rem;
    padding-left: .5rem;
}

/*
.review-date::before {
 content: 'reviewed';
 font-size: .6em;
 text-transform: uppercase;
 padding : 0 5px	
}
*/
i.large {
    color: #f68b33;
/*     background-color: aqua; */
    padding: 8px 12px;
    margin-right: 1.4em;
}

h5 {line-height: 1.4;}  /* 2020Mar24 1 */
.profile p {line-height: 1;}
.letters i.large { padding: 0;}
.nominator {font-size: 80%; line-height: 1.3}

.jsGrid .university {
	color: #ff3601; 
	font-family: sans-serif; 
	font-size: 70%;
	text-transform: uppercase;
	}
table.jsgrid-table{
    margin-bottom: 0;
}
.jsgrid-table th {
    font-weight: inherit;
    font-family: sans-serif;
    line-height: 1
}
.jsgrid-table i.large {
    font-size: 144%;
    padding: 0 ;
    text-align: center;
    margin: 0 auto;
}
.jsgrid-edit-button {
    display: none;
}


/* !STATUS */
.status {
	color: white;
	padding: 3px 8px;
	font-size: .75em;
	text-transform: capitalize;
}

.status.primary {
	background: #b058f8;

}
.status.primary:after {
	content: 'primary';
}

.status.approved, .status.published {
	background: #8cd702;
}
.status.approved:after {
	content: 'approved';
}
.status.published:after {
	content: 'published';
}

.status.pending {
	background: #33b8fa;
}
.status.pending:after {
	content: 'pending';
}

.status.draft {
	background: #9a9a9a;
}
.status.draft:after {
	content: 'draft';
}
.status.denied {
	background: #ee0000;
}
.status.denied:after {
	content: 'denied';
}
.status.deactivated {
	background: #999999;
}
.status.deactivated:after {
	content: 'deactivated';
}


/* !nomination-status */
.nomination-status {background-color: #def0fc}
.nomination-status .button {margin: 0}
.nomination-status .stat-current {float: left}
.nomination-status .stat-btn {float: right}



/* // Small screens */
@media only screen {} /* Define mobile styles */

@media only screen and (max-width: 40em) {

	
		.nomination-status .stat-current {float: right; margin-bottom: 22px;}
		.nomination-status .stat-btn {float: right}
		
		
	
	
	 } /* max-width 640px, mobile-only styles, use when QAing mobile issues */

/* // Medium screens */
@media only screen and (min-width: 40.063em) {} /* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */




/* // Large screens */
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) and (max-width: 90em) {
	
	
} /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */



/* // XLarge screens */
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) and (max-width: 120em) {} /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */



/* // XXLarge screens */
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */



/* .jsgrid-table i.large { display: none;} */
/* .jsgrid-edit-button { display: none;} */

/* Small only */
@media screen and (max-width: 39.9375em) {}

/* Medium and up */
@media screen and (min-width: 40em) {}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {}

/* Large and up */
@media screen and (min-width: 64em) {}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}