/*.ms-ref-refinername{ 
    pointer-events: none !important;
}*/

.ms-container{
    display: inline-block;
    float: left;
    height: inherit;
    width: 20%;
}
.vic-margin{
    margin-bottom:5px;
	font-size:0.9em;
}
.vic-bold{
    font-weight:bold;
}
.vic-grey{
    color:#757575;
}
.home_btn::after {
    content: none;
    color: #fff;
    font-size: 0.9em;
}
.home_btn {
    font-size: 0.9em !important;
    padding: 0 13px 0 13px !important;
    height: 23px !important;
}
.VIC-Google {
	float:right;
	font-size:0.8em;
	margin-top:11px;
}
@media screen and (max-width: 500px) {
	.VIC-Google, .VIC-Amazon, .VIC-BoB {
		float:none !important;
	}
}

.ms-srch-item {
    width:100%;
}
.underlineLink{
    border-bottom: 1px dotted #000;
    text-decoration: none;
}
.halfpercent{
    float:right;
	width:83%;
	


}

#OtherValue {
    display: none;
}
#Container{
    padding:0 !important;
}
.halfpercent .content {
	margin-top:11px;

	overflow-wrap: break-word;
	word-wrap: break-word;

	/* -ms-word-break: break-all; */
	/* This is the dangerous one in WebKit, as it breaks things wherever */
	/* word-break: break-all; */
	/* Instead use this non-standard one: */
	word-break: break-word;

	/* Adds a hyphen where the word breaks, if supported (No Blink) */
	/* -ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto; */
	max-width:560px; /*to try and get around word wrap issue on ie*/
}

/*SEARCH RESULTS*/
.welcome-content {
    display:none;   
}
#MSOZoneCell_WebPartWPQ3, #MSOZoneCell_WebPartWPQ2 {
    margin-bottom: 2px;
}
.ms-srchnav {
    margin-bottom:-10px;
}
.tableCol-50 {  
    vertical-align:top;
}
.ms-alignCenter {   
    margin-right: 20px;
    margin-bottom: 7px;
}
#EmptyContainer {
    /* margin-top:-20px; */
	display:none;
}
.ms-srch-item {
    /*max-width:480px;  */
    /*padding-left: 10px;*/
    margin-left: 0px;
    padding-right: 10px;
	margin-bottom:30px;
}
.search-item-maxwidth {
    /*max-width:400px;*/
    word-break:break-all;
}
.ms-srch-item-summary {
    max-height:83px;
    overflow:hidden;        
}
#main-contentarea .ms-srch-sbLarge input {
    /* max-width: 422px; */
}
.ms-srch-item-icon {
    height: auto;
    padding-right:0px;
    width:15%;
}
.ms-srch-item-icon a {
	text-decoration:none;
}
.ms-srch-item-icon img {
    width:100%;
    height:auto;
    max-width: none !important;
    max-height: none !important;
	max-width:90px !important;
	margin-top:0 !important;
}
.ms-srch-item-body {
    width: 100%;
}
.typeOfResource {
    text-align: center;
    background: #014876;
    color: white;
    padding:3px;
	max-width:90px;
}
.home_btn::after {
    content: none;
    color: #fff;
    font-size: 0.9em;
}
.home_btn {
    font-size: 0.9em !important;
    padding: 0 13px 0 13px !important;
    height: 23px !important;
}
.buttonSizing {
    width: 80px;
    text-align: center;
    cursor:pointer;
}
.ms-searchCenter-result-main {
    width: 100%;
}
.pmcp-content h3 {
    border-bottom: none;
	padding:0;
	margin-top:0;
	margin-bottom:4px;
	font-size:1.3em !important;
}
.ms-srch-item-link {
    display:initial;
	font-size:1.2em;
	padding:0;
	margin:0;
	line-height:130%;
}
.ms-srch-item-title {
	float:right;
	width:83%;
}

@media screen and (max-width: 500px) {
	.ms-srch-item-title {
		float:none;
		width:100%;
	}
	.ms-srch-item-icon {
		width:90px;
		margin:0 auto 15px;
		float:none;
		max-width:100%;
		background-color:transparent;
	}
	.ms-srch-item-icon > img {
		display:none !important;
		border:0;
	}
	.typeOfResource {
		text-align:center;
		border:0;
		background:none;
		color:#fff;
		font-weight:bold;
		padding:2px 0 0 0;
		max-width:100%;
		margin-bottom:3px;
		text-transform:uppercase;
	}
	.halfpercent {
		float:none;
		width:100%;
	}
	.ms-srch-item {
		/*margin: -10px -15px 10px 0px;*/
		margin:0;
		margin-bottom:20px;
		max-width: initial;
	}
	.buttonSizing {
		text-align:left;
		width:100%;
	}
	.buttonSizing::after {
		float:right;
	}
	.home_btn {
		font-size:1.0em !important;
		padding:2px 13px 3px 13px !important;
		height:auto !important;
	}
}


/* REFINERS */
#Refinement #Container {
    padding: 6px 6px !important;
    border: 1px solid #a1a1a1;
	outline: 1px solid #fff;
}
#Refinement #Container:hover {
    border: 1px solid #006cb6;
	outline: 1px solid #006cb6;
}
.ms-ref-refiner {
	margin:0 0 10px;
	padding:0;
	clear:both;
	/* min-height:1px; */
}
.ms-ref-refiner #Value .ms-ref-name {
	color:#333;
	font-family:Arial, sans-serif;
	font-weight:300 !important;
	margin:0 0 0 5px !important;
	white-space:pre-line !important;
	word-wrap:break-word !important;
	width:80%;
}
.ms-ref-refiner #Value {
	display:block;
	padding:4px 3px;
	clear:both;
	width:90%;
}
.ms-ref-refiner #Value > input[type="Checkbox"] {
	margin:5px 0 0 0 !important; 
	float:left;
}
#SubmitValue {
	display:block;
	border-top:1px solid #959696;
	background-color:rgba(230,230,230,0.5);
	margin:4px -6px -6px -6px;
	padding:3px 6px 5px;
	width:auto !important;
	text-align:center;
}
#SubmitValue a {
	width:45%;
	display:inline-block;
	font-weight:700 !important;
	border-bottom:0 !important;
}

#Refinement .ms-ref-refinername, #Refinement .ms-ref-refinername:visited {
	color:#610460 !important;
    padding:0;
	margin:2px 0 4px;
	text-transform:uppercase;
	display:block;
	text-align:center;
	width:100%;
	font-weight:700;
	font-family:Arial, sans-serif;
	cursor:pointer;
	font-size:13px;
	border-bottom:0 !important;
}
#Refinement .ms-ref-refinername:hover {
	border-bottom:0 !important;
	background:#fff !important;
}

#refinerExpandCollapseArrow {
	display:inline-block;
}
#Refinement .ms-ref-uparrow, #Refinement .ms-ref-downarrow {
	background:none;
	margin-top:0;
}
#Refinement .ms-ref-uparrow {
	margin-top:-2px;
}
#Refinement .ms-ref-uparrow:before {
	font-family: 'Font Awesome 6 Pro';
    content: "\f077";
	color:#3333FF;
	font-size:1.0rem;
}
#Refinement .ms-ref-downarrow:before {
	font-family: 'Font Awesome 6 Pro';
    content: "\f078";
	color:#3333FF;
	font-size:1.0rem;
}
#Refinement > div:nth-child(3) #unselShortList {
	max-height:290px;
	overflow-y:scroll;
	overflow-x:hidden;
} 
#Refinement > div:nth-child(3) #Value {
	max-width:201px;
	width:100%;
}
#s4-workspace .pmcp-ref {
	float:left !important;
}
#s4-workspace .pmcp-result {
	float:right !important;
}
@media screen and (max-width: 978px) {
	#Refinement > div:nth-child(3) #Value {
		max-width:201px;
		width:100%;
	}


}
@media screen and (max-width: 700px) {
	#s4-workspace .pmcp-ref {
		width:100%;
		margin-top:18px;
		padding-left:10px;
		padding-right:10px;
	}
	#s4-workspace .pmcp-result {
		width:100%;
		padding:12px 15px 15px 15px !important;
		background:#e8e9e9;
		border-bottom:1px solid #bfc0c0;
	}
	.ms-ref-refiner {
		margin:0;
		margin-top:-1px;
	}
	#Refinement .ms-ref-refinername, #Refinement .ms-ref-refinername:visited {
		font-size:13px;
		margin:0;
	}
	#Refinement #Container {
		background:#fff;
	}
	.pmcp-result  h2 {
		margin:0 !important;
		padding:0 !important;
		font-size:15px !important;
		margin-bottom:10px !important;
		border-bottom:0 !important;
		text-align:center !important;
	}
	.pmcp-result  h2:after {
		font-family: 'Glyphicons Halflings';
		content: "\e252";
		color: purple;
		float: right;
		font-size: 0.8em;
		float:none;
		margin-left:23px;
	}

	.pmcp-result  h2.collapseVIC:after {
		font-family: 'Glyphicons Halflings';
		content: "\e252";
		color: purple;
		float: right;
		font-size: 0.8em;
		float:none;
		margin-left:23px;
	}
	#Refinement > div:nth-child(3) #Value {
		max-width:201px;
		width:100%;
	}
}

.show-scroll {
    max-height:196px;
    overflow-y:scroll;
}
.ms-ref-unsel-toggle div, #RefinementName {
    font-size: 13px;
}


/* SearchBox */
#MSO_ContentTable {
    overflow:hidden;
}
#MSO_ContentTable #SearchBox {
    width: 72%;
}
#MSO_ContentTable #SearchBox .ms-srch-sbLarge {
    width: 100%;
    position: relative;
    z-index:40;
}
#MSO_ContentTable #SearchBox input {
    width: inherit;
    /* padding-right: 64px;   padding for old search box*/ 
    margin-bottom: 1px;
}
#MSO_ContentTable #SearchBox .ms-srch-sb-searchLink,
#MSO_ContentTable #SearchBox #clear-search  {
    position: absolute;
    right: 0;
}
#MSO_ContentTable #SearchBox #clear-search {
    right: 155px;
    top: 6px;
}
/* /SearchBox */

/* Clear Search */
#clear-search img {
	display:none;
}
#clear-search .s4-clust {
	height:32px !important;
	width:32px !important;
	margin-top:-2px;
}
#clear-search > span > span::before {
	content:"x";
	font-family:Arial, sans-serif;
	font-size:24px;
	color:#333;
	font-weight:700;
}
#clear-search > span > span:hover::before {
	color:#770330;
}
/* /Clear Search */

/* SearchNav */
.ms-srchnav-link {
  font-size: 0.8em;
}
h2, .ms-h2 {
  font-size: 1.46em;
}
@media (max-width:768px){
    .ms-srchnav-link-selected {
        font-size: 0.8em;
        position: relative;
        font-weight:600;
    }
    .ms-srchnav-link-selected:before {
        content:url('../img/rightpanel/icon-down.png');
        position:absolute;
        left:-14px;
        top:1px;
        -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -ms-transform:rotate(-90deg); -o-transform:rotate(-90deg); transform:rotate(-90deg);
    }
    .ms-srchnav {
        background-color: rgba(171, 171, 171, 0.2);
        margin: 0 -15px;
        padding: 0 15px 0 20px;
    }
    .tableCol-75.active .ms-srchnav {
        margin: 0;      
    }   
    .ms-srchnav .ms-srchnav-item {
        width:50%;
    }
}
/* /SearchNav */

/* SearchRefiners */
.tableCol-50:first-child {
    width: 205px;
    min-width: initial;
}
.tableCol-50:first-child .ms-fullWidth {
    width:auto;
    margin:0 auto;
}
.show-refiners-wrap {
    margin-top:15px;
    height: 30px; 
    position: relative;
}
.show-refiners {
    -webkit-transform: rotate(0deg); 
    -moz-transform: rotate(0deg); 
    -ms-transform: rotate(0deg); 
    -o-transform: rotate(0deg); 
    transform: rotate(0deg); 
    width: 115px;
    height: 27px; 
    color: white; 
    font-size: 17px; 
    padding: 5px; 
    text-transform: uppercase; 
    cursor: pointer; 
    background-color: #620460;
}
.show-refiners-icon {
    -webkit-transform: rotate(90deg); 
    -moz-transform: rotate(90deg); 
    -ms-transform: rotate(90deg);       
    -o-transform: rotate(90deg);    
    transform: rotate(90deg); 
    height: 7px; 
    width: 11px; 
    margin-top: 6px; 
    margin-right: 4px; 
    float: left; 
    color: white; 
    background: url(http://spdev.sp2013.com/_catalogs/masterpage/uhn/img/rightpanel/icon-down.png) 0px 0px no-repeat;
}
@media screen and (max-width: 767px) {
    .tableCol-75 {
        position: relative;
        -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out;
    }
    .tableCol-75 { 
        -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px);  
    }
    .tableCol-75  .tableCol-50:first-child { left: -215px; }
    .tableCol-75.active { 
        -webkit-transform: translateX(205px); -moz-transform: translateX(205px); -ms-transform: translateX(205px); -o-transform: translateX(205px); transform: translateX(205px);
    }
    .tableCol-50:first-child { 
        position: absolute;
        top: 0;
        width: 205px; 
	}
}
/* /SearchRefiners */

/* SearchResults */
.ms-srch-ellipsis {
	margin:0 !important;
}
.ms-srch-ellipsis,
.ms-srch-ellipsis-specialty {
    margin:0 5px 0 0;
    padding:0;
    white-space: normal;
}
.ms-srch-item {
    width:auto;
}
.ms-srch-item, .ms-srch-resultHover, .edisc-SearchResultItemContainer {
	border:1px solid #fff;
	outline:1px solid #fff;
}
.ms-srch-item:hover, .ms-srch-resultHover:hover, .edisc-SearchResultItemContainer:hover {
	/* background-color:rgba(230,230,230,0.5); */
	background-color:#fff;
	border:1px solid #006cb6;
	outline:1px solid #006cb6;
}

/*
.ms-srch-item-title:before{
    content:"Title Not Responsive";
    color: red;
    font-weight:900;
}
.ms-srch-item-title > * {
    display:none;
}
*/

.ms-srch-item-path {
  word-break: break-word;
  overflow: hidden;
  height: 24px;
  width: initial;
  max-width: initial;
}
#NoResult ul {
    padding-left:15px;
}
@media (max-width:768px) {
  .ms-srch-group .ms-srch-group-content {
    margin-left: -10px;
    margin-right: -10px;
  }
  

}
/* /SearchResults */

@media (max-width:768px) {
    #MSO_ContentTable #DeltaPlaceHolderMain > div {
        padding: 10px 15px
    }
}
/*End search*/






/* relevant styling */

/*body { overflow-x: hidden; }  trick from css-tricks comments */

ul.container {
    padding-left: 0;
}

/*Tags*/

ul.tags {
  list-style: none !important;
  margin: 0;
  overflow: hidden; 
  padding: 0;
  padding:6px 6px 0px 6px;
  border:1px solid #bfc0c0;
  margin:10px 0;
  background-color:rgba(255,255,255,0.5);
  line-height: 8px !important;
}
.v-mob ul.tags {
	margin:0;
	border:0;
	background-color:rgba(255,255,255,0.0)
}

.tags li {
  float: left; 
  padding-left:0px !important;
  padding-right:6px !important;
  padding-bottom:6px !important;
}
.tags li::marker {
	content:"";
}
.tag {
  background: #eee;
  color: #999;
  display: inline-block;
  line-height: 26px;
  padding: 0 10px 0 10px;
  -webkit-transition: color 0.2s;
  border: 1px solid #bbbbbb !important;
}

.tag:hover {
  background-color:#004566;
  color: white !important;
}
.tag.active{
    background-color:#0085D1;
    color:white !important;
	font-weight:bold;
}
.hideContent {
    overflow: hidden;
    /*line-height: 1em;*/
    height: 3em;
}
.showContent {
    /*line-height: 1em;*/
    height: auto;
}
.show-more {
    cursor:pointer;
    font-weight:bold;
    color:#3333FF;
}
.show-more:hover {
	color:#337ab7;
}
.show-more:before {
	content:"... ";
	margin-right:5px;
	font-weight:500;
	color:#333;
}

button:focus {outline:none;}

/* RETURN TO TOP CSS */
#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);
    width: 50px;
    height: 50px;
    display: block !important;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
    color: #fff;
    top: 5px;
}

/* SEARCH BOX */
#SearchBox {
	width:100% !important;
}
#SearchBox .ms-srch-sb-border, #SearchBox .ms-srch-sb-borderFocused {
	border:2px solid #989b9b;
	padding:2px;
}
#SearchBox .ms-srch-sb-borderFocused {
	border:2px solid #0085d1;
}
#SearchBox .ms-srch-sbLarge {
	display:table;
}
#SearchBox .ms-srch-sbLarge > input {
	display:table-cell;
	padding:0;
	text-align:left;
	vertical-align:top;
	margin:0 0 0 1% !important;
	padding:0 !important;
	height:36px;
	width:98% !important;
}
#SearchBox .ms-srch-sb-searchLink {
	position:static !important;
	display:table-cell;
	padding:0;
	text-align:left;
	vertical-align:top;
	width:130px;
	height:36px;
	background:#427723 url("/PrincessMargaret/Custom Code/Images/VIC/search_icon.png") no-repeat;
	background-position:right;
	border-bottom:2px solid #2e5318;
	text-decoration:none !important;
}
#SearchBox .ms-srch-sb-searchLink:before {
	content:"SEARCH";
	font-family:Arial, sans-serif;
	color:#fff;
	font-size:17px;
	line-height:40px;
	font-weight:500;
	margin-left:10px;
	text-decoration:none !important;
	border-bottom:0 !important;
}
#SearchBox .ms-srch-sb-searchLink:hover, #SearchBox .ms-srch-sb-searchLink:focus {
	background:#2e5318 url("/PrincessMargaret/Custom Code/Images/VIC/search_icon.png") no-repeat;
	background-position:right;
	border-bottom:0;
	border-top:2px solid #427723;
	text-decoration:none !important;
}
#SearchBox .ms-srch-sb-searchLink:hover:before, #SearchBox .ms-srch-sb-searchLink:focus:before {
	line-height:40px;
	text-decoration:none !important;
	font-weight:700;
	border-bottom:0 !important;
}
#SearchBox #searchImg {
	display:none;
}
.c2-1 > div > div > div  > div {
	margin-bottom:5px !important;
}
@media screen and (max-width: 600px) {
	#SearchBox .ms-srch-sbLarge  a:before {
			content:" ";
	}
	#SearchBox .ms-srch-sbLarge  a {
		width:45px;
	}
}

/* BROWSE BY */
.pmcp-content .nav.browse-by-nav {
	width:100%;
	margin:0;
	padding:0;
	font-family:Arial, sans-serif;
	color:#333333;
	margin-bottom:9px;
}
.nav.browse-by-nav div {
	float:left;
	width:22%;
	margin:0;
	padding:0;
	position:relative;
	text-align:center;
}
.nav.browse-by-nav div:after {
	content:"|";
	color:#767677;
	position:absolute;
	z-index:1;
	right:0;
	top:5px;
	font-size:14px;
}
.nav.browse-by-nav div:first-child:after {
	content:"";
}
.nav.browse-by-nav div:hover {
	background:#004566;
	color:#fff;
}
.nav.browse-by-nav div:first-child {
	text-align:left;
	font-weight:700;
	color:#333;
	border-right:0;
	margin-top:6px;
}
.nav.browse-by-nav div:hover:first-child {
	background:#fff;
	color:#333;
}
/* nav column widths */
.nav.browse-by-nav div:nth-child(1) {
	width:18%;
}
.nav.browse-by-nav div:nth-child(2) {
	width:23%;
}
.nav.browse-by-nav div:nth-child(3) {
	width:25%;
}
.nav.browse-by-nav div:nth-child(4) {
	width:33%;
}
.nav.browse-by-nav div:nth-child(5) {
	width:26%;
}


.drop {
	display:block;
	margin:0;
	padding:5px 0;
	font-weight:500;
	color:#333333 !important;
	text-decoration:none !important;
	border-bottom:0 !important;
}
.drop:hover {
	background:#004566;
	font-weight:700;
	color:#fff !important;
	text-decoration:none !important;
}
.drop:after {
	font-family:'Font Awesome 6 Pro';
	content:"\f078";
	color:#0333ff;
	margin-left:8px;
	font-size:0.8em;
}
.drop:hover:after {
	color:#fff;
}
/* Active Browse By State*/
.d-active, .d-active:hover, .d-active:focus {
	background:#004566 !important;
	font-weight:700 !important;
	color:#fff !important;
	margin:0 !important;
	padding:5px 0 !important;
}
.d-active:after, .d-active:hover:after, .d-active:focus:after {
	font-family:'Font Awesome 6 Pro';
	content:"\f078";
	color:#fff !important;
	margin-left:8px;
	font-size:0.8em;
}
.cat1 {
	border-left:2px solid #767677;
}
@media screen and (max-width: 1000px) {
	.nav.browse-by-nav div:nth-child(1) {
		display:none;
	}
	.nav.browse-by-nav div:nth-child(2) {
		width:21%;
	}
	.nav.browse-by-nav div:nth-child(3) {
		width:28%;
	}
	.nav.browse-by-nav div:nth-child(4) {
		width:28%;
	}
	.nav.browse-by-nav div:nth-child(5) {
		width:23%;
	}
}
@media screen and (max-width: 700px) {
	.drop:after, .drop:hover:after, .drop:focus:after {
		content:"" !important;
		margin-left:0 !important;
	}
}
@media screen and (max-width: 600px) {
/*	.nav div {
		border-bottom:5px solid #D1D3D4;
	}
	.nav div:hover, .nav div:focus {
		border-bottom:5px solid #B8A66E;
	}*/
	.pmcp-content .nav.browse-by-nav {
		margin-top:15px !important;
		margin-bottom:0;
	}
	.c2-1 {
		padding-left:0;
		padding-right:0;
		margin-bottom:-12px;
	}
	.c2-1 .img-full {
		display:none;
	}	
	.nav.browse-by-nav .v-des {
		display:none !important;
	}
	.nav.browse-by-nav .v-mob {
		display:inline !important;
	}
    #MSO_ContentTable #SearchBox #clear-search {
        right:37px;
    }
}



/* BROWSE BY DROP DOWN */
.drop-menu {
	font-family:Arial, sans-serif;
	color:#fff;
	margin:-11px 0 12px 0;
	position:absolute;
	z-index:30;
	width:100%;
	background:#004566;
	position:relative;
}
.drop-menu ul {
	width:100%;
	margin:0 !important;
	padding:10px 15px !important;
    display:none;
    background:#004566;
	list-style-type:none !important;
	/* padding: 0 1000em;  trick from css-tricks comments */
    /* margin: 0 -1000em; /* trick from css-tricks comments */
	position:absolute;
	z-index:30;
}
.drop-menu ul > li {
	margin:2px 2% 2px 0 !important;
	padding:1px 6px !important;
	border:1px solid #004566;
	display:inline-block;
	width:47%;
}
.drop-menu ul > li:hover {
	border:1px solid #4d7d94;
}
.drop-menu ul > li > a, .drop-menu ul > li > a:hover {
    color: white !important;
	text-decoration:none !important;
	border-bottom:0 !important;
}
.drop-menu ul > li > a:hover {
	font-weight:700;
	text-decoration:none !important;
}
.drop-menu ul > li > a:before {
	font-family:'Font Awesome 6 Pro';
	content:"\f054";
	color:#fff;
	margin-right:6px;
	font-size:0.8em;
	text-decoration:none !important;
}
.drop-menu ul:hover {    
    visibility: visible;
    opacity: 1;
}
/* Adds Scroll bar */
#cancerType {
	padding-top:0;
	/* max-height:250px; */
	/* overflow-y:scroll; */
}
#cancerType {
/* Force Show Cancer Type Dropdown 
.drop-menu ul:first-child {
	display:block;
} */ 
}
#cancerType-nav {
	padding:11px 8px 0px 15px;
	background:#004566;
}
#cancerType-nav .ln-letters > a {
	font-size:0.9em;
	display:inline-block; 
	float:left;
	padding:0.1rem 0.3rem;
	margin:0 0.3rem 0.6rem;
	color:#fff;
	background:#004566;
	border:1px solid #4d7d94;
	text-decoration:none !important;
	font-weight:500;
}
#cancerType-nav .ln-letters > a:hover, #cancerType-nav .ln-letters > a:focus {
	background:#fff;
	border:1px solid #4d7d94;
	color:#004566;
	text-decoration:none !important;
	font-weight:700;
}
#cancerType-nav .ln-disabled {
	border:1px solid #257da8 !important;
	color:#257da8 !important;
}
#cancerType-nav .ln-selected {
	font-weight:bold;
	background:#0085D1 !important;
	border:1px solid #0085D1 !important;
	color:#fff !important;
	text-decoration:none !important;
}
#browseByPlace {
	margin-top:16px;
	border-top:1px solid #989b9b;
}

@media screen and (max-width: 1000px) {
	#cancerType {
		padding-top:0;
		position:relative;
	}
	#cancerType-nav{
		position:relative !important;
	}
	#scrollContainer{
		position:relative !important;
		top:0px !important;
		height:auto !important;
	}
	#scollContainer .ps-scrollbar-y-rail{
		z-index:0;
	}
	.drop-menu {
		margin:-10px 0 12px 0;
		position:static;
	}
	.pmcp-result {
		margin-top:13px !important;
	}
	.drop-menu ul {
		position:static;
		z-index:30;
	}
	.drop-menu ul > li {
		margin:0 !important;
		padding:3px 0 4px 0 !important;
		border:0;
		border-top:1px solid #4d7d94;
		display:block;
		width:100%;
	}
	.drop-menu ul > li:hover {
		border:0;
		border-top:1px solid #4d7d94;
	}
	.drop-menu ul > li > a:after {
		font-family:'Glyphicons Halflings';
		content:"\e250";
		color:#fff;
		float:right;
		font-size:0.8em;
	}
	.drop-menu ul > li > a:before {
		content:"";
		margin-right:0;
	}
	.drop-menu ul > span {
		width:98%;
		text-align:center;
		color:#fff;
		text-transform:uppercase;
		font-weight:bold;
		margin-bottom:10px;
		font-size:14px;
		display:block;
	}
	.drop-menu .v-des {
		display:none !important;
	}
	.drop-menu .v-mob {
		display:block !important;
	}
}
@media screen and (max-width: 600px) {
	.drop-menu {
		margin:0 0 12px 0;
		position:static;
	}
}


/* MOBILE TOOGLE */
.v-mob {
	display:none !important;
}
.v-des {
	display:initial;
}
@media screen and (max-width: 500px) {
	.v-mob {
		display:inline !important;
	}
	.v-des {
		display:none;
	}
}
/* RESULT */
#Result {
	margin:0;
}

/* MOBILE DETAILS */
.vic-details {
	border:1px solid #b0b0b0;
	padding:3px 7px;
	background:rgba(255,255,255,0.5);
}
.vic-mob-margin {
	margin:15px 0 9px 0;
}

/* BOOK DETAILS */

.vicTopContainer {
	background:#fff;
	display:table;
	width:100%;
	padding:18px 16px 21px 16px;
}
.vicTopLeft{
	display:table-cell;
	text-align:left;
	vertical-align:top;
	width:16%;
	padding-right:20px;
}
.vicTopRight{
	display:table-cell;
	text-align:left;
}
.vicTopRight h1 {
	margin:0 0 15px;
	padding:0;
	border-bottom:0;
	font-family:Arial, sans-serif;
	font-size:30px;
	color:#032A61;
	line-height:120%;
}
.bookContainer {
	clear:both;
	margin:0 0 15px;
	padding:0;
	font-family:Arial, sans-serif;
	font-size:14px;
	line-height:120%;
}
.vicAuthorLeft, .vicAuthorRight {
	font-weight:700;
	color:#767677;
	margin:0 20px 0 0;
	padding:0;
	display:inline-block;
}
.vicAuthorRight {
	color:#333333;
	font-weight:300;
}
.bookContainer a {
	margin-top:16px !important;
	display:block;
}

.vicBottomContainer {
	background:#E6E6E6;
	display:table;
	width:100%;
	padding:18px 16px 8px 16px;
	font-family:Arial, sans-serif;
}
.vicDetailHeader {
	margin:0 0 15px;
	padding:0 0 5px;
	color:#004566;
	font-size:1.4em;
	font-weight:700;
	border-bottom:1px dashed #004566;
}
.vicBottomContainer .bookContainer {
	display:table;
	margin:0;
	padding:0 0 8px 0;
	clear:both;
	width:100%;
}
.vicBottomContainer .bookContainer > p:nth-child(1) {
	display:table-cell;
	width:170px;
	margin:0;
	padding:0;
	vertical-align:top;
	text-align:left;
	color:#61045f;
}
.vicBottomContainer .bookContainer > p:nth-child(2) {
	display:table-cell;
	margin:0;
	padding:0;
	vertical-align:top;
	text-align:left;
	color:#000000;
}
.vicButton {
	background:#770330 !important;
	padding:5px;
	color:white;
	margin:10px 0 10px 0;
	border-radius:12px;
	font-size:15px;
	line-height:19px;
}
.vicButton:after {
    font-family: 'Glyphicons Halflings';
    content: "\e014";
    color: #fff;
	margin:1px 5px 0 10px;
    font-size: 1.0em;
	line-height:17px;
	float:right;
}

.vicButton:hover{
	background-color:inherit;
	border-color:inherit;
}
.vicNone {
	display:none;
}


@media screen and (max-width: 600px) {
	.vicBottomContainer .bookContainer {
		display:block;
		padding:0 0 11px 0;
	}
	.vicBottomContainer .bookContainer > p:nth-child(1), .vicBottomContainer .bookContainer > p:nth-child(2) {
		display:block;
		width:auto;
		margin:0 0 4px 0;
		line-height:130%;
	}
	.vicTopContainer {
		display:block;
		width:100%;
		padding:18px 16px 13px 16px;
	}
	.vicTopLeft {
		display:block;
		text-align:center;
		width:auto;
		padding-right:0;
	}
	.vicTopRight {
		display:block;
		text-align:center;
		margin:13px 0 0 0;
	}
	.vicTopRight h1 {
		margin:0 0 4px;
		line-height:130%;
	}
	.vicButton {
		margin:-15px 0 10px 0;
	}
}
@media screen and (max-width: 500px) {
	.lity-close {
		display:none !important;
	}
	
}


.bookContainer, #googleBooks{
    clear:both;
}

.bookDetailsSize{
    width:1000px;
}


/* Content from browse by :: MAY BE DUPLICATES! */
/***********************************************/


.carousel{
    background: #eeebf5;
    padding-left: 10px;
    padding-top: 10px;
    margin-bottom: 10px;
}
.showSub:after {
    font-family:'Font Awesome 6 Pro';
	content: "\f078";
    color: #0333ff;
    margin-left: 8px;
    font-size: 0.9rem;
	text-decoration:none !important;
}
.hideSub:after{
    font-family:'Font Awesome 6 Pro';
    content: "\f077";
    color: #fff;
    margin-left: 8px;
    font-size: 0.9rem;
	text-decoration:none !important;
}
.showSub, .hideSub, .mob-details{
    color: #3333FF;
    cursor:pointer;
    font-weight:700;
}
.showSub:hover {
	color:#337ab7;
	font-weight:700;
	text-decoration:none !important;
}
.hideSub {
	padding:3px 6px;
	background:#0333ff;
	color:#fff;
}
.tag:hover {
  background-color: #0333ff;
  color: white !important;
  font-weight:700;
}
.tag.active{
    background-color:#0333ff;
    color:white !important;
	font-weight:700;
}
.tag {
    overflow: hidden;
    text-overflow: ellipsis;
	font-weight:500;
}

[class="mob-details"]:after {
    font-family: 'Glyphicons Halflings';
    content: "\e253";
    color: #3333FF;
    float: right;
    font-size: 0.8em;
}
.mob-details.collapsed:after {
    font-family: 'Glyphicons Halflings';
    content: "\e252";
    color: #3333FF;
    float: right;
    font-size: 0.8em;
}




/***** NEW CHANGES including book details mobile */




.ms-webpart-titleText {
    border-bottom: 7px purple solid !important;
}
.ms-webpart-titleText span {
    color: purple !important;
}
@media screen and (max-width: 1000px) {
    .bookDetailsSize{
        width:700px;
    }
}

@media screen and (max-width: 700px) {
    .bookDetailsSize{
        width:500px;
    }
}

@media screen and (max-width: 500px) {
    .tag {
        margin:2px;
    }
    .halfpercent{
        width:100%;
    }
    .buttonSizing{
        width:100%;
    }
    .bookDetailsSize{
        width:100%;
        overflow-y: scroll;
    }
    .vicTopLeft {
        float:none;
        width:auto;
        text-align:center;
        padding-top:15px;
    }
    .vicTopRight {
        float:none;
        width:auto;
        text-align:center;
    }
    .vicAuthorLeft, .vicAuthorRight {
        float:none;
        width:auto;
    }
    .ms-webpart-titleText {
        border-bottom: none !important;
        text-align:center !important;
    }

    .ms-webpart-titleText:after {
        font-family: 'Glyphicons Halflings';
        content: "\e252";
        color: purple;
        float:right;
        font-size: 0.8em;
    }

    .ms-webpart-titleText.collapseVIC:after {
        font-family: 'Glyphicons Halflings';
        content: "\e253";
        color: purple;
        float:right;
        font-size: 0.8em;
    }
    .ln-letters{
        width:300px; /*temp solution for long width in mobile*/
    }
}
.vicNone {
    display:none !important;
}
.lity-close, .lity-close:hover {
    width: 35px;
    border: 3px solid white;
    border-radius: 25px;
    padding: 5px;
    line-height: 5px;
    min-width: 0;
    background: #770330;
    vertical-align: middle;
    margin: 8px;
}
.vicHover {
    background:#004566;
    font-weight:700;
    color:#fff !important;
}
.vicHover:after {
    color:#fff;
	font-family:'Font Awesome 6 Pro';
	content:"\f078";
    margin-left:8px;
    font-size:0.8em;
}

#resultsVIC {
	margin-top:10px;
	padding:0;
	border-bottom:1px dashed #051D60;
	text-align:center;
}
.searchVIC {
	margin:0 !important;
	padding:0;
	color:#004566;
	font-family:Arial, sans-serif;
	font-size:1.6rem;
	line-height:1.4 !important;
}
#isMult {
	margin:0;
	padding:0;
	font-family:Arial, sans-serif;
	font-size:16px;
	color:#767677;
}
#isMult b {
	font-weight:bold;
	color:#333333;
}
#resultsVIC p:nth-child(2) {
	margin:0 0 12px 0;
	padding:0;
}
#currentPag, #numResults {
	color:#767677 !important;
}
/*BUTTON CLOSE BOOK DETAILS */
.vicCloseButton{
	min-width:0;
	background:#770330 !important;
	padding:5px;
	color:white;
	border-radius:17px;
	font-size:15px;
	line-height:19px;
}
.vicCloseButton:after {
    font-family: 'Glyphicons Halflings';
    content: "\e014";
    color: #fff;
    margin: 1px 4px 0 4px;
    font-size: 0.9em;
    float: right;
}
.vicCloseButton:hover{
	background-color:inherit;
	border-color:inherit;
}

.home_btn{
    line-height: 1.7em !important;
}

/* BROWSE BY SCROLL */

.ps-scrollbar-y-rail {
	background-color:#004566 !important;
	opacity:1 !important;
}
.ps-scrollbar-y-rail:hover {
	background-color:#175b7c !important;
	opacity:1 !important;
}
.ps-scrollbar-y {
	background-color:#fff !important;
	width:11px !important;
}

/* New styles from Browse By */
.cancerType:hover{
	display:block;
}
.ln-disabled {
    color:grey !important;
}

#cancerType-nav{
	display:none;
	position:absolute;
	width:100%;
}
#backToTopVIC{
	cursor:pointer;
    color: #051d43 !important;
    width:120px;
    margin:auto;

}
.show-more {
	cursor:auto;
}
.show-more span{
    cursor:pointer;
	text-decoration:underline;
	text-decoration-style:dotted;
}
.show-more span:hover {
	text-decoration:none;
}
.VIC-Google, .VIC-Amazon, .VIC-BoB {
	float:right;
    font-size: 0.8em;
    margin-top: 11px;
}
.browseByLink{
	display:inline-block;
	width:100%;
}
@media screen and (max-width: 700px) {

	#WebPartTitleWPQ9 h2{
		cursor:pointer;
	}
}
#scrollContainer{
	height:210px;
	position:absolute;
	width:100%;
	display:none;
	top:44px;
}
.ps-container.ps-active-y > .ps-scrollbar-y-rail { /*always visible*/
	opacity: 0.6;
}
.ps-scrollbar-y-rail{

	z-index:100;
	right:20px !important;
}

@media screen and (max-width: 500px){
	#scrollContainer{
		height:auto !important;
	}
	.ps-scrollbar-y-rail{
		z-index:0;
	}
}
.collapseVIC{
	margin-bottom:0;
}
/*Fuzzy search*/
#SearchBox input{
	width: 100% !important;
	height:42px;
	border:none;
}
.awesomplete ul {
	list-style:none !important;
}

.awesomplete{
	width:100%;
}

.awesomplete li:hover mark, .awesomplete mark {
	background:#005a9c !important;
	font-weight:bold;
	color:#fff;
}

/*App Buttons*/
.vic-googlePlay{
	float:left;
	margin-top:15px;

}
.vic-appleStore{
	float:left;
	margin-top:15px;
	margin-right:22px;
}
/*ClearAll Buttons*/
.vic-clearAllBot{
	text-align:center;
	background:rgba(230,230,230,0.5);
	border:1px solid #959696;
	color:#3333FF;
	cursor:pointer;
	padding:4px;
	font-weight:bold;
	text-decoration:underline;
	text-decoration-style:dotted;
}
.vic-clearAllBot:hover, .vic-clearAllBot:active, .vic-clearAllBot:focus {
	background:#3333FF;
	color:#FFF;
	text-decoration:none;
}
.vic-clearAllTop{
	float:right;
	font-size:10px;
	cursor:pointer;
	position:relative;
	margin-top:-13px;
	color:#3333FF;
	text-decoration:underline;
	text-decoration-style:dotted;
}
.vic-clearAllTop:hover, .vic-clearAllTop:active, .vic-clearAllTop:focus {
	color:#337ab7;
	text-decoration:none;
}
@media screen and (max-width: 700px){
	.vic-clearAllBot {
		background:#fff;
	}
}
@media all and (-ms-high-contrast:none) {
	.vic-clearAllTop {
		margin-top:7px;
	}
}


/*Search Again*/
.vic-searchAgain{
	background:rgba(230,230,230,0.5);
}
.ms-srch-resultFooter {
	color:inherit !important;
}
.ms-srch-resultFooter a {
	color:#0333ff !important;
}
.ms-srch-resultFooter a:hover, .ms-srch-resultFooter a:active {
	color:#337ab7 !important;
}

/* Unique Icon Colors */
.icon-app .typeOfResource {
	background:#465773;
}
.icon-musicCD .typeOfResource {
	background:#014977;
}
.icon-video .typeOfResource {
	background:#08727a;
}
.icon-website .typeOfResource {
	background:#4552c9;
}
.icon-dvd .typeOfResource {
	background:#4d7c84;
}
.icon-book .typeOfResource {
	background:#1478ad;
}
.icon-eBook .typeOfResource {
	background:#427723;
}
.icon-brochure .typeOfResource {
	background:#3e6eb4;
}
.icon-audio .typeOfResource {
	background:#667e3a;
}
.icon-audioBook .typeOfResource {
	background:#0a5e4d;
}
.icon-eLearning .typeOfResource {
	background:#2b825e;
}
.rightpanel-handle{
	visibility: hidden;
}

/*Break word*/
.ms-srch-group-content{
	word-break:break-word;
}

/* Forcing underline in IE */
@media all and (-ms-high-contrast:none) {
	.ms-srch-ellipsis > a > p {
		text-decoration:underline;
		text-decoration-style:dotted;
	}
	.ms-srch-ellipsis > a > p:hover {
		text-decoration:none;
	}
}

.reserveColor {
	color: #0006c7 !important;
}

/* Error Messaging */
.ms-status-msg {
	font-size:1.0rem;
	margin:20px;
	padding:20px 30px;
}
.ms-promlink-button-image {
	margin:0;
	padding:0;
}
.ms-srch-pagingNext {
	left:-109px;
	top:-6px;
}