[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

:root{
	
	--box-shadow-grey: rgb(172,172,172);
	--dark-blue-box-shadow:rgb(44,13,74);
	--set-black:rgb(0,0,0);
	--set-partial-background-grey:rgb(249,249,249);
	--login-background-light-grey:rgb(248, 248,248);
	--set-red:rgb(229,85,22);
	--set-light-green:rgb(0,176,80);
	--set-orange:rgb(244, 108, 35);
	--set-dark-orange: rgb(181, 68, 7);
	--set-dark-blue:rgb(64,27,99);
	--ui-grid-shade:rgb(252, 252, 252);
	--set-light-grey-shade1:rgb(242, 242,242);
	--set-light-grey-shade2:rgb(118,113,113);
	--set-light-grey-shade3:rgb(217,217,217);
	--set-light-grey-shade4:rgb(127,127,127);
	--set-dark-grey:rgb(89,89,89);
	--set-active-orange:rgb(243,149,19);
	--set-white:rgb(256,256,256);
	--light-blue:rgb(0,125,254);
	--light-green:rgb(46, 133, 64);
	--set-modal-background: rgba(0,0,0,0.8);
	--panel-color-green:rgb(49,188,159);
	--panel-color-red:rgb(248,135,129);
	--panel-color-yellow:rgb(252,194,116);
	--panel-color-blue:rgb(113,179,227);
	--download-report-button:rgb(0,112,192);
	--light-blue-shade2:rgb(91,155,213);
	--yellow-grid-hightlight:rgba(255, 222, 173, 0.90);
	
	--light-background: rgb(244, 240, 245);

	--text-dark-grey:rgb(0,0,0);
	--text-white:rgb(255,255,255);
}

.margin-0{
	margin:0%;
}
body{
	font-family: 'Roboto', sans-serif;
	color:var(--text-dark-grey);
	font-weight:300;
}
.backgroundContainer{
	width:100%;
	min-height:100vh;
	background: var(--set-white);
}
.gridDiv{
	padding: 5%;
	padding-top: 3%;
}
.readerDescription {
	padding: 2%;
    padding-left: 0;
    background: var(--set-light-grey-shade3);
    margin-bottom: 4%;
    padding-left: 1.5%;
}
.padding-0{
	padding:0;
}
.setLogo{
    width: 7%;
    margin-top: 0.2%;
    margin-left: 0.5%;
    cursor:pointer;
}
.accountVerifiedImage{
	width: 26%;
	margin-top: 4%;
}

.accountVerifiedText{
	font-size: 1.6em;
    position: relative;
    top: -1em;
    color: var(--set-light-grey-shade2);
    margin-bottom:0%;
}
.linkText{
	color: var(--set-active-orange);
    font-weight: bold;
    border-bottom: 1px solid;
    cursor:pointer;
}
.redirectToPortalText {
    color: var(--set-light-grey-shade2);
    position: relative;
    top: -1em;
}
/* ---------- FOOTER STYLES ------------------------- */
.footerContainer{
	width:100%;
	position:relative;
	bottom:0;
	background:var(--text-white);
}
.footerTextDiv{
	background: var(--set-bg-dark-blue);
    color: var(--text-white);
    font-size: 0.8em;
    margin-top: 2.5%;
    padding: 0.05%;
}
.termsAndConditions{
	cursor: pointer;
}

#screenReadersGrid {
	height: 90px;
	display: block;
}

#screenReadersGridSmallScreen {
	height: 90px;
	display: none;
}

.ui-grid-row:nth-child(even) .ui-grid-cell{
	background: var(--ui-grid-shade);
	border-top: 1px solid var(--set-light-grey-shade3);
	border-bottom: 1px solid var(--set-light-grey-shade3);
}
.headingDiv {
	padding-top: 2%;
    padding-bottom: 2%;
    background: var(--set-bg-dark-blue);
    color: var(--login-background-light-grey);
}
.templateHeading {
	margin-left: 1.5%;
}
.moreDetailsButton{
	padding: 1% 4%;
    margin: 1% 0;
}
/**-------------------MEDIA QUERIES --------------------------**/
@media (max-width:1199px) and (min-width:992px){
	.setLogo {
	    width: 12%;
	}
	.accountVerifiedImage {
	    width: 30%;
	    margin-top: 11%;
	}
	#screenReadersGrid{
		display:block;
	}
	#screenReadersGridSmallScreen{
		display:none;
	}
}

@media (max-width:991px) and (min-width:800px){
	.setLogo {
	    width: 12%;
	}
	.accountVerifiedImage {
	    width: 30%;
	    margin-top: 11%;
	}
	#screenReadersGrid{
		display:block;
	}
	#screenReadersGridSmallScreen{
		display:none;
	}
}

@media (max-width:800px) and (min-width:768px){
	.setLogo {
	    width: 15%;
	}
	.accountVerifiedImage {
	    width: 40%;
	    margin-top: 20%;
	}
	#screenReadersGrid{
		display:block;
	}
	#screenReadersGridSmallScreen{
		display:none;
	}
}

@media (max-width:767px) and (min-width:577px){
	.setLogo {
	    width: 13%;
	}
	.accountVerifiedImage {
	    width: 40%;
	}
	#screenReadersGrid{
		display:none;
	}
	#screenReadersGridSmallScreen{
		display:block;
	}
}

@media (max-width:576px) and (min-width:481px){
	.setLogo {
	    width: 23%;
	    margin-top: 1%;
	    margin-left: 1%;
	}
	.accountVerifiedImage {
	    width: 60%;
	    margin-top: 8%;
	}
	.accountVerifiedText {
	    font-size: 1.2em;
	    padding: 0% 3%;
	}
	.redirectToPortalText {
	    padding: 1% 13%;
	    margin-top: 0%;
	    font-size: 0.9em;
	}
	#screenReadersGrid{
		display:none;
	}
	#screenReadersGridSmallScreen{
		display:block;
	}
}

@media (max-width:480px){
	.setLogo {
	    width: 23%;
	    margin-top: 1%;
	    margin-left: 1%;
	}
	.accountVerifiedImage {
	    width:66%;
	    margin-top: 14%;
	}
	.accountVerifiedText {
	    font-size: 1.2em;
	    padding: 0% 3%;
	}
	.redirectToPortalText {
	    padding: 1% 13%;
	    margin-top: 0%;
	    font-size: 0.9em;
	}
	#screenReadersGrid{
		display:none;
	}
	#screenReadersGridSmallScreen{
		display:block;
	}
}