/*
body {
	min-height: 100vh;
	
	background-image: linear-gradient(to bottom, #2875e2, #ffffff);
}

/** footer ** /
body > footer {
	background-color: #565656;
	color: #fff;
}
body > footer > p {
	padding: 10px;
	text-align: center;
}

/** header ** /
body > nav.navbar > .navbar-brand {
	color: #1800ff;
}
body > nav.navbar > .navbar-collapse > .navbar-nav > .nav-item > .nav-link {
	color: #0074bf;
}

/** page ** /
body > main {
	/* to get footer at bottom of page always * /
	flex:1 1 auto;
	
	color: #fff;
}
body > main > h1 {
	text-align: center;
	margin: 1rem auto 1rem auto;
}

body > main > h2 {
	text-align: center;
	margin: 1rem auto 1rem auto;
}

body > main  form {
	margin: 2rem auto 2rem auto;
}

body > main  form  .btn {
	width: 100%;
}
*/

.coop .coop.shortcode {
	padding: 1px;
}

.coop .coop.shortcode form {
	margin: 2rem auto 2rem auto;
}

.coop .coop.shortcode form .btn,
.coop .coop.shortcode form .btn.btn-secondary,
.coop .coop.shortcode form input[type="submit"].btn,
.coop .coop.shortcode form input[type="submit"].btn.btn-secondary {
	width: 100%;
	
	padding: 5px;
}

/** component **/
.coop .coop.shortcode .component_input_option_wrapper {
	position: relative;
}
.coop .coop.shortcode .component_input_option_wrapper > .component_input_option {
	display: none;
	
	position: absolute;
	top:  30px;
	left: 0px;
	
	width: 100%;
	height: auto;
	
	max-height: 10em;
	overflow-y: auto;
	
	margin: 0px;
	padding: 0px;
	
	list-style-type: none;
	
	background-color: #fff;
	border: 5px solid #fff;
	border-radius: 5px;
	
	z-index: 10000;
	
}

.coop .coop.shortcode .component_input_option_wrapper > .component_input_option > li {
	cursor: pointer;
	
	padding: 3px;
	
	color: #000;
}