/****************************************************************************
* All Pages                                                                 *
****************************************************************************/
@font-face
{
	font-family: 'Nunito';
	font-style: normal;
	font-weight: 300;
	src: local('Nunito-Light'), url(//themes.googleusercontent.com/static/fonts/nunito/v4/1TiHc9yag0wq3lDO9cw0vj8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

@font-face
{
	font-family: 'Nunito';
	font-style: normal;
	font-weight: 700;
	src: local('Nunito-Bold'), url(//themes.googleusercontent.com/static/fonts/nunito/v4/TttUCfJ272GBgSKaOaD7Kj8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

html,
body
{
	font-family: 'Nunito', helvetica, arial, sans-serif;
	font-size: 14px;
	color: #3a3a3a;
	line-height: 1.6;
	height: 100%;
	padding: 0px;
	margin: 0px;
}

/****************************************************************************
* Popup Boxes                                                               *
****************************************************************************/

.simplemodal-overlay
{
	background: #000000;
}

.simplemodal-close
{
	width: 22px;
	height: 22px;
	position: absolute;
	cursor: pointer;
	right: -10px;
	top: -10px;
	display: block;
}

/****************************************************************************
* Welcome page                                                              *
****************************************************************************/
.share-welcome .share-welcome-content
{
	background: white;
	border-radius: 10px;
	margin: 10px;
	padding: 10px;
	clear: both;
}

/****************************************************************************
* Share page                                                                *
****************************************************************************/
.share-page
{
	position: relative;
	height: 100%;
}

.share-left-column
{
	width: 300px;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	padding: 10px;
	padding-right: 0px;
	box-sizing: border-box;
}

.share-left-column-inner
{
	padding: 10px;
	background: white; /* IE8 fix */
	background: rgba(255, 255, 255, 0.7);
	border-radius: 10px;
	height: 100%;
	box-sizing: border-box;
	overflow: auto;
}

.share-right-column
{
	margin-left: 300px;
	height: 100%;
	overflow: auto;
	padding: 10px;
	box-sizing: border-box;
	-webkit-overflow-scrolling: touch;
}

.share-right-column-inner
{
	position: relative;
	height: 100%;
	box-sizing: border-box;
	border: 1px solid transparent;
}

#warning-banner
{
	background: white;
	border-radius: 10px;
	text-align: center;
	padding: 2px;
	position: absolute;
	z-index: 1;
	width: 100%;
	box-sizing: border-box;
}

.share-right-column iframe
{
	position: absolute;
	border-radius: 10px;
	background: white;
	width: 100%;
	height: 100%;
	margin: 0px;
	display: block;
	border: none;
}

#share-img
{
	border-radius: 10px;
	background: white;
	width: 100%;
	height: 100%;
	margin: auto;
	display: block;
}

.share-item
{
	padding: 5px;
	border-radius: 10px;
	background: #ccc; /* IE8 fix */
	background: rgba(0, 0, 0, 0.3);
	margin: 5px 0px;
	height: 45px;
	overflow: hidden;
	line-height: 1.2;
	cursor: pointer;
	position: relative;
}

.active.share-item
{
	background: rgba(255, 132, 0, 0.3);
}

.item-title
{
	margin-left: 40px;
	margin-right: 72px;
	font-size: 16px;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
}

.item-shared-by
{
	margin-left: 40px;
	margin-right: 72px;
	text-align: right;
	font-size: 12px;
	overflow: hidden;
}

.item-icon
{
	width: 35px;
	height: 35px;
	display: block;
	border-radius: 10px;
	margin-right: 10px;
	position: absolute;
	top: 5px;
	left: 5px;
}

.item-info
{
	position: absolute;
	overflow: hidden;
	top: 5px;
	left: 5px;
	width: 100%;
}

.item-tools
{
	width: 64px;
	position: absolute;
	top: 0px;
	right: 0px;
	padding-top: 5px;
}

.item-tools img
{
	border-radius: 10px;
	display: block;
	float: left;
}

.item-tools img:hover
{
	background: rgba(0, 0, 0, 0.3);
}

.item-shared-by-name
{
	font-style: italic;
}

.share-popup
{
	background: white;
	border-radius: 10px;
	padding: 10px;
}

.share-popup-title
{
	font-size: 30px;
	text-align: center;
}

#share-start-popup
{
	width: 400px;
}

#share-sessions-section
{
	display: none;
}

#share-start,
#share-create,
#notes-save
{
	display: block;
	background: #00B81B;
	padding: 5px;
	border-radius: 2px;
	border: none;
	margin: 10px auto;
	font-size: 20px;
	color: white;
	box-shadow: 5px 5px 2px #ccc;
	cursor: pointer;
}

#notes-close
{
	position: absolute;
	top: -16px;
	right: -8px;
	padding: 5px 10px;
	border-radius: 100%;
	border: 1px solid grey;
	background: white;
	cursor: pointer;
}

#share-session-id
{
	font-size: 30px;
	color: blue;
	width: 120px;
	margin: auto;
	display: block;
}

#share-url-container-label,
#share-file-container-label,
#share-hotel-container-label,
#share-search
{
	display: block;
	border-radius: 10px;
	border: 3px dashed #999;
	margin-top: 10px;
	padding: 10px;
}

.share-form
{
	color: white;
	font-family: 'Nunito', helvetica, arial, sans-serif;
	font-size: 10px;
}

.share-form .ff-label
{
	margin: 0px;
	font-size: 14px;
	font-weight: bold;
}

.share-form p
{
	margin: 0px;
}

.share-form .FFHasError
{
	color: red;
}

.share-form-container
{
	background: #999; /* IE8 fix */
	background: rgba(0, 0, 0, 0.6);
	border-radius: 10px;
	padding: 10px;
	color: white;
	margin-top: 10px;
}

.share-form-container iframe
{
	width: 100%;
	border: none;
}

.share-form-title
{
	text-align: center;
	font-size: 20px;
}

.share-form .FFSubmit
{
	text-align: right;
}

.share-form .FFSubmit input,
#share-search .gsc-search-button input
{
	color: #ffffff;
	border: 0;
	padding: 3px 15px;
	cursor: pointer;
	border: 1px solid #008000;
	background: #52bf02;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.share-form .FFSubmit input:hover
{
	border: 1px solid white;
}

#shareFile_file
{
	width: 210px;
	height: 22px;
}

#blank-item,
#share-start-popup
{
	display: none;
}

#session-id-section
{
	border: 1px solid #666;
	border-radius: 10px;
	padding: 10px;
	font-size: 18px;
	margin-top: 10px;
}

#session-id-section .session-identifier
{
	color: blue;
}

#shareHotel_hotel_results
{
	background: white;
	-border: 2px solid black;
	padding: 5px;
	color: black;
	border-radius: 10px;
	box-shadow: 5px 5px 10px #000;
	display: none;
}

#shareHotel_hotel_results .selected
{
	background: blue;
	color: white;
	border-radius: 2px;
}


#share-search .gsc-control-cse,
#share-search .gsc-input-box,
#share-search .gsib_a
{
	background: none !important;
	border: none !important;
	padding: 0px !important;
	height: auto !important;
}

#share-search .gsc-search-button input
{
	box-sizing: initial;
}

#share-search .gsc-thumbnail,
#share-search .gs-visibleUrl-long,
#share-search .gsc-snippet-metadata,
#share-search .gsc-result-info-container
{
	display: none;
}

#share-search .gsc-result
{
	border: none;
}

#share-search .gs-title,
#share-search .gs-title *
{
	color: #91B4FF;
	font-size: 12px;
	height: auto;
}

#share-deleted-items
{
	/* Fix for margin collapsing */
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
}

#share-deleted-items-container
{
	margin-top: 15px;
}

#share-deleted-items-header
{
	padding: 5px;
	border-radius: 10px;
	background: #ccc; /* IE8 fix */
	background: rgba(0, 0, 0, 0.3);
	height: 45px;
	overflow: hidden;
	line-height: 1.2;
	cursor: pointer;
	position: relative;
}

#share-deleted-items-title
{
	padding-left: 35px;
	background: url(images/bin.png);
	background-repeat: no-repeat;
	text-align: center;
	height: 32px;
	font-size: 16px;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	padding-top: 10px;
}

#share-deleted-items .share-item
{
	background: rgba(0, 0, 0, 0.3);
	cursor: auto;
}

#share-deleted-items
{
	display: none;
}

#notes-popup
{
	width: 400px;
	height: 300px;
	display: none;
}

#notes
{
	width: 100%;
	height: 150px;
	box-sizing: border-box;
	margin-top: 10px;
}

.share-info
{
	text-align: center;
	font-size: 12px;
}

.share-form-container #contact_message
{
	width: 100%;
	box-sizing: border-box;
	height: 60px;
}

#invitation_send,
#bookit_book
{
	margin: auto;
	display: block;
}

#invitation_send_label,
#bookit_book_label
{
	display: none;
}

#share-items-title-toggle
{
	display: none;
}

#add-share-mobile-title
{
	display: none;
}

.hp-search-link
{
	color: #BBBBFF;
	font-size: 1.3em;
}
.hp-search-link:hover
{
	color: #8888FF;
}

@media only screen and (min-width: 769px)
{
	#add-share-content
	{
		display: block !important;
	}

	#share-items
	{
		display: block !important;
	}
}

@media only screen and (max-width: 768px)
{
	.share-right-column
	{
		margin-left: 0px;
	}

	.share-left-column
	{
		width: 100%;
		position: unset;
		padding: 10px;
		height: unset;
	}

	.share-form-title
	{
		cursor: pointer;
		display: none;
	}

	.share-left-column-inner
	{
		height: unset;
	}

	#share-form-title-toggle
	{
		display: block;
	}

	#share-items-title-toggle
	{
		display: block;
		padding: 5px;
		border-radius: 10px;
		background: #ccc; /* IE8 fix */
		background: rgba(0, 0, 0, 0.3);
		margin: 5px 0px;
		height: 45px;
		overflow: hidden;
		line-height: 1.2;
		cursor: pointer;
		position: relative;
	}

	#share-items
	{
		display: none;
	}

	#share-items-title
	{
		padding-left: 35px;
		background: url(images/website-icon.png);
		background-repeat: no-repeat;
		text-align: center;
		height: 32px;
		font-size: 16px;
		font-weight: bold;
		white-space: nowrap;
		overflow: hidden;
		padding-top: 10px;
	}

	#add-share-content
	{
		display: none;
	}

	#add-share-mobile-title
	{
		display: block;
	}
}