/*----------- SEARCH & REPLACE NOTES -----------*/
/*

Primary Color:   #f7f4ea
Secondary Color: #0e6073

Search & Replace Primary Color to change colors of:
Toolbars
Page Back Button
Book Toolbar Title
Left Tabs
Social Tabs

Search & Replace Secondary Color to change colors of:
Input/Form Fields 'Glow'
TOC & Search Results Hover
Selected Thumbnail 'Glow'
AboutAccordion Hover
Progress Bar

*/

/*----------- MAIN BACKGROUND -----------*/
.applicationView
{
	background: #010101;
}

/*----------- TOOLBARS -----------*/

/* DESKTOP & BOOKSHELF TOOLBARS */
.PlatformDesktop .tbContainer,
.PlatformTablet .tbContainer,
.bookshelfView_header,
.verticalToolbar  .tbCenterWrapper,
.verticalToolbar  .tbCenterWrapper .tbButton.spriteButton,
.verticalToolbar  .tbCenterWrapper,
.verticalToolbar  .tbCenterWrapper .tbButton.spriteButton,
.DarkToolbarButtonStyle.PlatformDesktop .tbContainer,
.DarkToolbarButtonStyle.PlatformTablet .tbContainer,
.DarkToolbarButtonStyle .bookshelfView_header,
.LightToolbarButtonStyle.PlatformDesktop .tbContainer,
.LightToolbarButtonStyle.PlatformTablet .tbContainer,
.LightToolbarButtonStyle .bookshelfView_header
.DarkMenuButtonStyle .verticalToolbar  .tbCenterWrapper,
.DarkMenuButtonStyle .verticalToolbar  .tbCenterWrapper .tbButton.spriteButton,
.LightMenuButtonStyle .verticalToolbar .tbCenterWrapper,
.LightMenuButtonStyle .verticalToolbar  .tbCenterWrapper .tbButton.spriteButton
{
	background: #010101;
    /****** UNCOMMENT THESE STYLES FOR TRANSPARENT TOOLBARS
	background: none  !important;
	border: none  !important;
    *****/
}

.verticalToolbar 
{ 
    /****** UNCOMMENT THESE STYLES FOR TRANSPARENT TOOLBARS
	background-color: rgba(0,0,0,0.10) !important;
	border: none  !important;
    *****/
}

.verticalToolbar .tbCenterWrapper .tbButton.spriteButton.minimalShowTip,
.verticalToolbar .tbCenterWrapper .tbPageInput.minimalShowTip,
.LightMenuButtonStyle .verticalToolbar .tbCenterWrapper tbButton:hover,
.DarkMenuButtonStyle .verticalToolbar .tbCenterWrapper tbButton:hover,
.LightToolbarButtonStyle .verticalToolbar .tbCenterWrapper .tbButton.spriteButton.radio-group.down,
.DarkToolbarButtonStyle .verticalToolbar .tbCenterWrapper .tbButton.spriteButton.radio-group.down 
{
    /****** UNCOMMENT THESE STYLES FOR TRANSPARENT TOOLBARS
	background-color: rgba(0,0,0,0.20) !important;
    *****/
}

/* MOBILE TOOLBARS */
.DarkToolbarButtonStyle.PlatformMobile .tbContainer,
.DarkToolbarButtonStyle.PlatformTablet7 .tbContainer,
.LightToolbarButtonStyle.PlatformMobile .tbContainer,
.LightToolbarButtonStyle.PlatformTablet7 .tbContainer
{
	background: #010101;
}

/* MOBILE MENU BUTTON */
.LightToolbarButtonStyle.PlatformMobile .mobilemenubtn .icon-bar,
.LightToolbarButtonStyle.PlatformTablet7 .mobilemenubtn .icon-bar
{
    background-color: #fff;
}
.DarkToolbarButtonStyle.PlatformMobile .mobilemenubtn .icon-bar,
.DarkToolbarButtonStyle.PlatformTablet7 .mobilemenubtn .icon-bar
{
    background-color: #4d4d4d;
}

/* PAGE BACK BUTTON */
.DarkToolbarButtonStyle .pageHistLeft .pageCtlButton,
.LightToolbarButtonStyle .pageHistLeft .pageCtlButton
{
	background-color: #f7f4ea;
}

/* BOOK TOOLBAR TITLE */
.DarkToolbarButtonStyle  .titleControl .center,
.LightToolbarButtonStyle .titleControl .center,
.DarkToolbarButtonStyle .titleControl .titleControlTab,
.LightToolbarButtonStyle .titleControl .titleControlTab
{
	background-color: #f7f4ea;
}

/*---- LEFT & SOCIAL TABS ----*/

.DarkToolbarButtonStyle .tab-bar-wrapper1 li
{
	color: #fff;
}

.LightToolbarButtonStyle .tab-bar-wrapper1 li
{
	color: #000;
}

.tab-bar-wrapper1 li:not(.tab-selected)
{
	background-color: #f7f4ea;
	font-weight: 400;
}

.tab-bar-wrapper1 li:hover:not(.tab-selected)
{
background-color: #f2eddc; /* Hover color of unselected tab */
margin-top: 0px;
}

.tab-bar-wrapper1 li.tab-selected
{
	color: #000;
	background-color: #f2eddc;
	font-weight: 400;
}

#SocialWidgets #social-tabs .social-tabs li
{
background-color: #f7f4ea;
}

/*---- ACCENTS / INPUT 'GLOW' ----*/

.form-control:focus
{
	border-color: #0e6073 !important;
}

.form-control:focus
{
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(73, 186, 215, 0.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(73, 186, 215, 0.6);
}

.listview_link:hover,
.listview_nextLevel:hover
{
	background-color: #0e6073;
}

#AboutAccordion_DialogContent .panel-default > .panel-heading:hover,
#AboutAccordion_DialogContent .panel-default > .panel-heading:focus,
#AboutAccordion_DialogContent .panel-default > .panel-heading:active
{
	background-color: #0e6073 !important;
}

.SearchResults .item:hover
{
	-webkit-box-shadow: 0 1px 7px #0e6073;
	-moz-box-shadow: 0 1px 7px #0e6073;
	-o-box-shadow: 0 1px 7px #0e6073;
	box-shadow: 0 1px 7px #0e6073;
	border-color: #0e6073;
}

#headingResultsForm label:hover
{
	color: #0e6073;
}

#headingResultsForm label.headingCheckboxLabel
{
	background-color: #0e6073 !important;
	color: #fff;
}

.progress-bar
{
	background-color: #0e6073;
}

.PlatformIE8 .thumbSelection
{
	border: 5px solid #0e6073;
}

.thumbSelection
{
	-moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.55), 0 0 3px 5px #0e6073, 0 1px 5px rgba(0, 0, 0, 0.75);
	-webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.55), 0 0 3px 5px #0e6073, 0 1px 5px rgba(0, 0, 0, 0.75);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.55), 0 0 3px 5px #0e6073, 0 1px 5px rgba(0, 0, 0, 0.75);
}

/*----------- START NEWSPAPERS ----------- */

.ProductNews .tocContentsTable .supp
{
	color: #0e6073;
}

.ProductNews .tocContentsTable a:hover .supp
{
	color: #fff;
}

div.calendar div.active,
div.calendar div.hilite
{
    color: #000;
    border: 1px solid #0e6073;
    background: #0e6073;
}
div.calendar div.active:hover,
div.calendar div.hilite:hover
{
    color: #000;
    border: 1px solid #0e6073;
    background: #0e6073;
	opacity: 0.7;
}
div.calendar div.valid
{
	border: 1px solid #0e6073;
	background: #0e6073;
	opacity: 0.7;
}
div.calendar div.valid:hover
{
	border: 1px solid #0e6073;
	background: #0e6073;
	opacity: 1;
}

/*----------- END NEWSPAPERS ----------- */

/*----------- START TPOD ----------- */
/*
#TpodPubsTabPanel_Content .allPubsPanel .listview_link:hover,
#TpodPubsTabPanel_Content .allPubsPanel .listview_link:focus,
#TpodPubsTabPanel_Content .allPubsPanel .listview_link:active 
{
	background-color: #0e6073 !important;
}
.listview_link:hover
{
	background: #0e6073;
}
#TpodStudiesTabPanel_Content .studiesPanel .tpodLabelWrapper:hover span
{
	color: #0e6073 !important; 
}
#TpodPubsTabPanel_Content .allPubsPanel li.listview_nextlevel:hover
{
	background-color: #0e6073 !important;
	color: #fff;
}
#TpodPubsTabPanel_Content .allPubsPanel .listview_link:hover,
#TpodPubsTabPanel_Content .allPubsPanel .listview_link:focus,
#TpodPubsTabPanel_Content .allPubsPanel .listview_link:active
{
	background-color: #0e6073 !important;
}
#TpodPubsTabPanel_Content .favoritesPanel label span:hover
{
	color: #0e6073;
}

.TpodImageResourceSelected {
	border: 4px solid #0e6073 !important;
}

/*----------- END TPOD ----------- */

.bookshelfView_body {
	background-color:#f5f5f5;
}

/*----------- BOOKSHELF BACKGROUND COLOR BEHIND LEFT TABS  -----------*/
.BookshelfView_gridBody {
    background-color: #ffffff;
}

.BookshelfView_gridWrapper, .BookshelfView_listWrapper {
    border: 0px solid #ffffff;
    background-color: #ffffff;
}

/*-------- BOOKSHELF POPOVER ------- */

.NewBookCtlView_container .popover-title
{
	background-color: #0e6073;
	color: #fff;
}
.NewBookCtlView_container .popover.left > .arrow
{
	border-left-color: #fff;
}
.NewBookCtlView_container .popover.right > .arrow
{
	border-left-color: #fff;
}
.NewBookCtlView_container .popover.bottom > .arrow:after
{
	border-bottom-color: #0e6073;
}
.NewBookCtlView_container .bookCtlView_price
{
	color: #0e6073;
}

/*--------- BOOKSHELF GRID --------- */

.NewBookCtlView_cover_open_btn.btn.btn-primary {
	background-color: #0e6073;
}
.NewBookCtlView_title_container.selected {
	background-color: #0e6073;
}

.NewBookCtlView_multiCheck {
	color: #0e6073;
}

/*-------- BOOKSHELF FILTERS ------- */

#BookshelfFilterTabView_Content .searchFilterTitle,
#BookshelfCategories_DialogContent .searchFilterTitle
{
	background: #393939;
}
#BookshelfFilterTabView_Content .searchFilterElement.checked,
#BookshelfCategories_DialogContent .searchFilterElement.checked
{
	background-color: #393939;
	color: #fff;
}
#BookshelfFilterTabView_Content .accordion .toggler.filterExists {
    background-color: #393939;
    color: #fff;
}
#BookshelfFilterTabView_Content li.filterGroupStart
{
	border-color: #0e6073;
}
#BookshelfFilterTabView_Content .applyFiltersBtn,
#BookshelfFilterTabView_Content .clearFiltersBtn
{
	background-color: #0e6073;
}

/*-------- COMPOSER ------- */

.ProductModule .template-header
{
	background-color: #0e6073;	
}
.ProductModule .template-footer
{
	background-color: #f7f4ea;
}
.ProductModule .hotspot:hover div 
{
	outline: thick solid #f7f4ea;
}

/*----------- CUSTOM -----------*/

/*---------- TOUCHPOINTS --------------*/
.hotspot .imageButton_wrapper img {
	display: none;
}
.hotspot .imageButton_wrapper {
	position: absolute;
	display: block;
	content: '';
	width: 30px !important;
	height: 30px !important;
	cursor: pointer;
}
.hotspot .imageButton_wrapper::before {
	content: '';
	animation: pulseAnimation 4s infinite;
}
.hotspot .imageButton_wrapper::before,
.hotspot .imageButton_wrapper::after {
	position: absolute;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 50%;
	border: 2px solid #222;
}
.hotspot .imageButton_wrapper::before,
.hotspot .imageButton_wrapper::after {
	border: 2px solid #fff;
}
.hotspot .imageButton_wrapper::after {
	content: '+';
	color: #222;
	text-align: center;
	line-height: 26px;
	font-family: 'Arial';
	font-size: 26px;
}
.hotspot .imageButton_wrapper::after {
	color: #fff;
}
.hotspot .imageButton_wrapper:hover::after {
	background: #c4c4c4;
}
@keyframes pulseAnimation {
	0% {
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
	}
	
	70% {
		box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
	}
	
	100% {
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
	}
}
	
.hotspot.tchPts2 .imageButton_wrapper img {
	display: none;
}
.hotspot.tchPts2 .imageButton_wrapper {
	position: absolute;
	display: block;
	content: '';
	width: 30px !important;
	height: 30px !important;
	cursor: pointer;
}
.hotspot.tchPts2 .imageButton_wrapper::before {
	content: '';
	animation: pulseAnimationDark 4s infinite;
}
.hotspot.tchPts2 .imageButton_wrapper::before,
.hotspot.tchPts2 .imageButton_wrapper::after {
	position: absolute;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 50%;
	border: 2px solid #222;
}
.hotspot.tchPts2 .imageButton_wrapper::before,
.hotspot.tchPts2 .imageButton_wrapper::after {
	border: 2px solid #222;
}
.hotspot.tchPts2 .imageButton_wrapper::after {
	content: '+';
	color: #222;
	text-align: center;
	line-height: 26px;
	font-family: 'Arial';
	font-size: 26px;
}
.hotspot.tchPts2 .imageButton_wrapper::after {
	color: #222;
}
.hotspot.tchPts2 .imageButton_wrapper:hover::after {
	background: #c4c4c4;
}
@keyframes pulseAnimationDark {
	0% {
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.3);
	}
	
	70% {
		box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
	}
	
	100% {
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}
}

.PlatformTablet7 .hotspot,
.PlatformMobile .hotspot	{
	-webkit-backface-visibility: hidden !important;
	-webkit-perspective: 1000 !important;
	-webkit-transform:translate3d(0,0,0);
}
/* Hotspot Resize */
/* resizes hotspots for every device */
.hotspot.tchPts1 .imageButton_wrapper,
.hotspot.tchPts2 .imageButton_wrapper {
	transform: scale(.525);
}