/* Share with */

#reader #book .bubble-share-with {
	position: absolute;
	bottom: 62px;
	right: -9px;
	width: 270px;
	background-color: #18222E;
}
#reader #book .bubble-share-with:after {
	left: 45%;
	border-color: #18222E transparent;
}
#reader #book .bubble-share-with .bubble-header {
	height: 80px;
}
#reader #book .bubble-share-with.controllable-content .bubble-header {
	height: 103px
}
#reader #book .bubble-share-with .bubble-footer {
	height: 70px;
}
#reader #book .bubble-share-with.no-message .bubble-footer {
	height: 40px;
}
#reader #book .bubble-share-with .custom-search {
	height: 1.8em;
	width: 70%;
	width: calc(100% - 70px);
	margin: 5px;
}
#reader #book .bubble-share-with.controllable-content .custom-search {
	margin-bottom: 0;
}
#reader #book .bubble-share-with .custom-search input[type="search"] {
	height: 1.8em;
}
#reader #book .bubble-share-with .custom-search .button-search-cancel {
	right: 35px;
}
#reader #book .bubble-share-with .custom-search .book-share-with-filter-button {
	right: 8px;
}
#reader #book .bubble-share-with .column-title-container {
	display: none;
	font-size: .7em;
	line-height: 1.2em;
	color: #9FB0C4;
}
#reader #book .bubble-share-with.controllable-content .column-title-container {
	display: block;
}
#reader #book .bubble-share-with .column-title {
	width: 45px;
	padding-right: 4px;
}
/*
#reader #book .bubble-share-with .book-share-with-wrapper {
	display: inline-block;
	position: relative;
	margin: 5px 0 68px;

	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: auto;
	max-height: 200px;
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-base-color: #488AAA;
	scrollbar-3dlight-color: #488AAA;
	scrollbar-highlight-color: #488AAA;
	scrollbar-track-color: #CEE7EF;
	scrollbar-arrow-color: #488AAA;
	scrollbar-shadow-color: #488AAA;
	scrollbar-dark-shadow-color: #488AAA;
	-webkit-overflow-scrolling: touch;
}

#reader #book .bubble-share-with .book-share-with-wrapper::-webkit-scrollbar {
    width: 8px;
}

#reader #book .bubble-share-with .book-share-with-wrapper::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(72,138,170,0.3);
    border-radius: 10px;
}

#reader #book .bubble-share-with .book-share-with-wrapper::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 6px 6px 6px 6px rgba(72,138,170,0.5), inset 6px 0 6px rgba(72,138,170,0.5);
}

#reader #book .bubble-share-with .book-share-with-wrapper::-webkit-scrollbar-thumb:active {
	-webkit-box-shadow: inset 6px 6px 6px 6px rgba(72,138,170,0.5);
}
*/

#reader #book .bubble-share-with .bubble-content {
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: auto;
	max-height: 200px;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}
#reader #book .bubble-share-with.bubble-standalone .bubble-content {
	min-height: calc(100% - 150px);
}
#reader #book .bubble-share-with .bubble-content .custom-animated-loading {
	display: none;
    position: relative;
    height: 22px;
    width: 90px;
    margin-top: 3px;
}
#reader #book .bubble-share-with .bubble-content .custom-animated-loading.visible {
    display: block;
}
#reader #book .bubble-share-with .bubble-content .book-share-with-wrapper .book-share-with-option {
	position: relative;
	width: 100%;
	height: 40px;
	border-style: solid;
	border-width: 1px;
	border-color: #D6D6D6;
	border-bottom-color: #DEEEEE;
	font-size: 14px;
	text-indent: 1em;
	line-height: 40px;
	text-overflow: ellipsis;
	overflow: hidden;
}
#reader #book .bubble-share-with .bubble-content .book-share-with-wrapper[onFilter] > :not([onFilterMatch]) {
	display: none;
}

#reader #book .bubble-share-with .bubble-content .custom-toggle {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
#reader #book .bubble-share-with.no-checkboxes .bubble-content .custom-checkbox:after {content: none;}
#reader #book .bubble-share-with .bubble-content .custom-toggle .custom-toggle-option {
	line-height: 22px;
}
#reader[data-lang="en-US"] #book .bubble-share-with .bubble-content .custom-toggle .custom-toggle-option {
	font-size: 10px;
}
#reader #book .bubble-share-with .bubble-content .custom-toggle[checked] .custom-toggle-option {
	text-indent: 0;
}
#reader #book .bubble-share-with.no-checkboxes .bubble-content .custom-toggle {
	left: auto;
	margin-right: 10px;
}
#reader #book .bubble-share-with.no-checkboxes .custom-checkbox[label="after"][checked]:after,
#reader #book .bubble-share-with.no-checkboxes .custom-checkbox:not([label="after"])[checked]:before {
	content: none;
}
#reader #book .bubble-share-with .bubble-content .controllable[disabled].custom-checkbox:after {
	display: none;
}

#reader #book .bubble-share-with .bubble-footer [name="notify"] {
	display: none;
	position: absolute;
	height: 40px;
	line-height: 40px;
	color: #FFF;
	font-size: .8em;
}
#reader #book .bubble-share-with .bubble-footer .custom-button {
	margin: 5px;
}
#reader #book .bubble-share-with[data-sendImminent] .bubble-footer .book-share-with-done,
#reader #book .bubble-share-with:not([data-sendImminent]) .bubble-footer .book-share-send {
	display: none;
}
#reader #book .bubble-share-with .bubble-footer input {
	resize: none;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 5px;
	margin: 0 auto;
	width: 90%;
	width: calc(100% - 14px);
	height: 20px;
	line-height: 20px;
	text-indent: .5em;
	font-size: 12px;
}

#reader #book .bubble-share-with .custom-checkbox:active,
#reader #book .bubble-share-with .custom-checkbox:focus,
#reader #book .bubble-share-with .custom-checkbox[checked]:active,
#reader #book .bubble-share-with .custom-checkbox[checked]:focus,
#reader #book .bubble-share-with .bubble-footer .custom-checkbox:active,
#reader #book .bubble-share-with .bubble-footer .custom-checkbox:focus,
#reader #book .bubble-share-with .bubble-footer .custom-checkbox[checked]:active,
#reader #book .bubble-share-with .bubble-footer .custom-checkbox[checked]:focus {
	color: #26FFFF;
}
#reader #book .bubble-share-with .custom-checkbox:active:after,
#reader #book .bubble-share-with .custom-checkbox:focus:after,
#reader #book .bubble-share-with .custom-checkbox[checked]:active:after,
#reader #book .bubble-share-with .custom-checkbox[checked]:focus:after,
#reader #book .bubble-share-with .bubble-footer .custom-checkbox:active:before,
#reader #book .bubble-share-with .bubble-footer .custom-checkbox:focus:before,
#reader #book .bubble-share-with .bubble-footer .custom-checkbox[checked]:active:before,
#reader #book .bubble-share-with .bubble-footer .custom-checkbox[checked]:focus:before {
	background-color: #26FFFF;
}
/* //Share with */