html, body {
    margin: 0;
    height: 100%;
}

input[type=checkbox]:checked {
    accent-color: #118289;
}


.highlight, .HIGHLIGHT {background-color:#F4E99D; color:#000;}

.testing{
	font-size:80px;
	color:red;
}

.header{
	height:60px;
	background-image:url(/images/u68-d5404a9a4404b9606018c4f14b7fff50.svg);
	
}
.header-logo {
  background-color: transparent;
  background-image: url('/images/pq-logo-9b4bec9f1c6febecfe37f8cf3afa2760.svg');
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: 53px 11px;
  height: 11px;
  width: 53px;
}
.headerHolder{
	padding-top:10px;
	padding-left:60px;
}

.appTitle{
	color:white;
	font-family: 'aleoregular',serif;
	font-size: 22px;
	font-weight: 300;
	padding-left:5px;
}
.appTitle a{
	text-decoration: none;
	color:white;	
}
.appTitle a:hover{
	color:white;	
}

.floatRight{
	float:right;
}
.floatLeft{
	float:left;	
}
.footer {
  width: 100%;
  background-color: #494949;
  color: white;
}

.linkWhite{
	color:white !important;
}

.searchHolder{
	width:60%;
	top:100px;
	left:150px;
	position:relative;
}

#divResultHolder{
	padding-bottom:100px;
}

.countDiv{
	padding:15px;
	border-bottom: 1px solid gray;
}

.resultItemDiv{
	padding:15px;
	border-bottom: 1px solid rgb(228, 228, 228);
}

/* #divFilterHolder{
	padding-top:60px;
} */

.padR10Px{
	padding-right:10px;
}

.marginBottom10, .mb10 {
    margin-bottom: 10px;
}

.headerBackgroundColor{
	background-color: #118289;	
}
ul.horizontal {
    list-style-type: none;
    margin: 0 0 5px;
    zoom: 1;
    clear: both;
}
ul.horizontal li {
    display: inline-block;
    margin: 0 10px 0 0;
    padding: 1px 0;
    background: none;
    vertical-align: top;
    zoom: 1;
}
.addToggleIconAfter::after {
    content: "\4a";
    font-family: UX-Framework!important;
    display: inline-block;
    text-decoration: none;
    vertical-align: middle;
    font-size: 20px;
}

#divTypeAheadHolder{
    position: absolute;
    left: 10px;
    z-index: 9000;
    top: 50px;
    background-color: rgba(249, 249, 249, 1);
    border: 1px solid #D8D8D8;
    border-radius: 5px;
    padding:10px;
    width: 98%;
}
#divTypeAheadHolder .divTypeAheadItem.borderDiv{
	border: 1px solid #D8D8D8;	
}
#divTypeAheadHolder .divTypeAheadItem .dataTypeHeading{
	font-style: italic;
}
.divTypeAheadItem:hover {
    background-color: #ECECEC;
    cursor: pointer;
}
.comingSoon{
	margin-left:40px;
}
/************* Generic Classes*****************/
.mb00 {
	margin-bottom:0px !important;
}
.marginBottom1 {
	margin-bottom:1px;
}
.marginBottom2,.mb2 {
	margin-bottom:2px;
}
.marginBottom3,.mb3 {
	margin-bottom:3px;
}
.marginBottom4 {
	margin-bottom:4px;
}
.marginBottom5,.mb5 {
	margin-bottom:5px;
}
.marginBottom6 {
	margin-bottom:6px;
}
.marginBottom7 {
	margin-bottom:7px;
}
.marginBottom8 {
	margin-bottom:8px;
}
.marginBottom9 {
	margin-bottom:9px;
}
.marginBottom10,.mb10 {
	margin-bottom:10px;
}
.marginBottom10,.mb20 {
	margin-bottom:20px;
}
.marginBottom10,.mb30 {
	margin-bottom:30px;
}
.marginBottom10,.mb40 {
	margin-bottom:40px;
}
.marginTop1 {
	margin-top:1px;
}
.marginTop2 {
	margin-top:2px;
}
.marginTop3 {
	margin-top:3px;
}
.marginTop4 {
	margin-top:4px;
}
.marginTop5,.mt5 {
	margin-top:5px;
}
.marginTop6 {
	margin-top:6px;
}
.marginTop7 {
	margin-top:7px;
}
.marginTop8 {
	margin-top:8px;
}
.marginTop9 {
	margin-top:9px;
}
.marginTop10, .mt10 {
	margin-top:10px !important;
}
.marginTop15, .mt15 {
	margin-top:15px !important;
}

.marginTop20, .mt20 {
	margin-top:20px !important;
}

.marginTop25, .mt25 {
	margin-top:20px !important;
}

.marginTop30, .mt30 {
	margin-top:30px !important;
}

.marginTop40, .mt40 {
	margin-top:40px !important;
}

.ml30 {
	margin-left:30px !important;
}

.ml25 {
	margin-left:20px !important;
}

.ml20 {
	margin-left:20px !important;
}

.ml15 {
	margin-left:10px !important;
}

.ml10 {
	margin-left:10px !important;
}

.ml5 {
	margin-left:5px !important;
}
.mli30 {
	margin-left:110px !important;
}

.mli25 {
	margin-left:90px !important;
}

.mli20 {
	margin-left:70px !important;
	white-space: nowrap;
}


.mli15 {
	margin-left:49px !important;
	white-space: nowrap;
}

.mli10 {
	margin-left:29px !important;
	white-space: nowrap;
}

.mli1 {
	margin-left:0px !important;
	white-space: nowrap;
}

.mli5 {
	margin-left:7px !important;
	white-space: nowrap;
}
.mr10 {
	margin-left:10px !important;
}
.mr15 {
	margin-left:15px !important;
}
.mr20 {
	margin-right:20px !important;
}
.nowrap {
	white-space: nowrap;
}

.mtb10 {
		margin-top:10px !important;
		margin-top:10px !important;
	
}
.hidden_ux {
	display: none;
}
.pl5 {
	padding-left:5px;
}
.pl10 {
	padding-left:10px;
}
.pl15 {
	padding-left:15px;
}
.pl20 {
	padding-left:20px;
}
.pl25 {
	padding-left:25px;
}
.pl30 {
	padding-left:30px;
}
.pl35 {
	padding-left:35px;
}
.pl40 {
	padding-left:40px;
}
.p10 {
	padding:10px;
}
.p20 {
	padding:20px;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #000000;
}
/************* spinner *************************/

@keyframes rotation {
  from {
    opacity: 1;
    transform: rotate(0deg);
  }
  to {
    opacity: 1;
    transform: rotate(359deg);
  }
}

.spinner {
  height: 5vh;
  width: 5vh;
  /*border: 6px solid rgba(7, 51, 54, 0.2);
  border-top-color: rgba(56, 77, 78, 0.8);*/
  border: 6px solid rgba(0, 174, 239, 0.2);
  border-top-color: rgba(0, 174, 239, 0.8);
  border-radius: 100%;
  animation: rotation 0.6s infinite linear 0.25s;
	
  opacity: 0;
}

.loading{
	position: fixed;
	top: 30%;
	left: 50%;
	padding-top:30px;
	padding-right:50px;
	padding-bottom:20px;
	padding-left:70px;
	background-color:#f2f2f2;
	border-radius: 6px;
	/*background-color:#f7feff;
	border:1px solid red;
	color:red;*/
	
	z-index:1000;
}
.loadingText{
	color:#128289;
	font-size:16px;
	padding-top:12px;
}

/************** end of spinner **********************************/

#selectedItemBody .resultItemDiv .uxf-icon{
	color:  #118289;	
}

.greybackground {
	background-color:rgba(242, 242, 242, 1) !important;
}

.pb20 {
	padding-bottom: 20px;
}

.pt20 {
	padding-top: 20px;
}

.relLf5{
	position:relative;
	left:-5px;
}

.relRt5 {
	position:relative;
	right:-5px;
}


#skiplink a {
	height:1px;
	top:0px;
	overflow:hidden;
	position:absolute;
	left:-5000px;
	width:1px;
}
#skiplink a:active, #skiplink a:focus {
	background-color:#F0F0F0;
	border:1px solid #333;
	color:#333;
	font-weight:bold;
	height:auto;
	left:5px;
	overflow:visible;
	padding:5px;
	position:absolute;
	top:5px;
	width:auto;
	z-index:9999;
}


#doccount,#searchcount,#doccount2,#searchcount2,.doccount,.searchcount {
	font-family: "Roboto Medium", Roboto, sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 28px;
    color:#333333;
 	background-color:rgba(218, 238, 242, 1);
  	border:none;
  	border-radius:3px;    
  	padding: 5px 5px 5px 5px;
  	width: 40px !important;
}
.resultNotFoundContainer{
    background-color: rgba(255, 244, 230, 1);
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(255, 192, 154, 1);
    border-radius: 5px;
    margin-bottom: 20px;
}
.resultNotFoundContainer > p, .resultNotFoundContainer > div.paragraph{
	margin:10px;
}	
.disabled-link {
	pointer-events: none;
}
.modalTitle {
    font-size: 24px;
    font-family: Roboto;
    color: #0C5E63;
}
.modalLastInvisibleButton,button[modal-tab-focus]{
	border-color: transparent;
    background-color: transparent;
}