/**
 * Default CSS for PDCFW share page widget
 */

/* master dialog container */
[aria-describedby="RecExcite-share-page"] {
	position: fixed;
	width: 50% !important;
	left: 25% !important;
	top: 10vh;
}

	/* light responsive adjustments for master dialog container */
	@media (max-width: 800px) {
		body.is-mobile [aria-describedby="RecExcite-share-page"] {
			position: fixed;
			width: 95% !important;
			left: 2.5% !important;
			top: 5vh !important;
		}
	}

	/* dialog content wrapper */
	#RecExcite-share-page {
		
	}

		#RecExcite-share-page > form {
			display: block;
			position: relative;
			width: 100%;
			max-height: 70vh;
			overflow-y: auto;
			overflow-x: hidden;
		}
		
			@media (max-width: 800px) {
				#RecExcite-share-page > form {
					max-height: 55vh;
				}
			}

		/* labels */
		#RecExcite-share-page label {
			display: block;
		}

		/* inputs */
		#RecExcite-share-page input,
		#RecExcite-share-page textarea {
			display: block;
			position: relative;
			margin: 5px 0px 20px 0px;
			padding: 5px 0px 5px 0px;
			width: calc( 100% - 10px );
			
			background: white;
		}

			/* inputs with default values */
			#RecExcite-share-page input[value-defaulter]:not(.has-value),
			#RecExcite-share-page textarea[value-defaulter]:not(.has-value) {
				color: rgba(0,0,0,.35);
			}
			

		/* textareas */
		#RecExcite-share-page textarea {
			height: 150px;
			border: 0px;
			border-bottom: 2px solid #299926;
		}

			#RecExcite-share-page textarea:hover {
				border-bottom: 2px solid rgba(70,10,90,.75);
			}