form#new_product input {
	width: 400px;
}

form#new_product input#product_min_vers, form#new_product input#product_max_vers {
	width: 100px;
}

#new_product div.row {
	padding-top: 10px;
}
@tailwind base;
@tailwind components;
@tailwind utilities;
div.contact-content {
	background-color: ghostwhite;
    padding: 50px 20px;
}

.contact-content div.contact {
	margin: 20px 0px;
    background-color: white;
    border: 1px solid blue;
    padding: 10px;
}

div.content p {
	margin: 0;
}
/* Landing page */
.login {
	padding-top: 120px;
}

.partner-revenue td {
	padding-right: 20px;
}

.on-top {
	z-index: 5000;
	position: fixed !important;
	margin-left: 20%;
	width: 60%;
	text-align: center;
	font-weight: bold;
}

#error_explanation {
	background-color: lightyellow;
}

#error_explanation h2 {
	background-color: lightpink;
	font-size: 1.5em;
	margin-bottom: 10px;
	padding: 5px;
}

#first_password_form div.row {
	margin-bottom: 10px;
}

#first_password_form div.sublabel {
	margin-top: -10px;
	margin-bottom: 20px;
	color: grey;
	font-size: 12px;
}

.navbar-padding {
	min-height: 112px;
	width: 100%;
}

.navbar-slim-padding {
	min-height: 75px;
}

nav.slim a.nav-link {
	padding: 0;
	margin: 0;
}

.partner-nav {
	padding-top: 30px;
}

nav.slim {
	padding: 0;
	margin-bottom: 0;
	min-height: 0;
}

.setup-welcome {
	width: 60%;
}

.partner-nav ul {
	list-style-type: none;
	font-size: initial;
}

.partner-nav li {
	margin-bottom: 5px;
}

#partner_settings label {
	font-weight: bold;
}

#partner_settings .form-explain {
	font-size: smaller;
	color: grey;
}

#partner_settings .required {
	margin-bottom: 0;
	margin-top: -1em;
	font-size: smaller;
	color: darkred;
}

#partner_settings .row {
	margin-bottom: 3px;
}

#partner_settings .form-pre {
	text-align: right;
	padding: 3px 0 0 0;
}

.partner-link {
	background-color: darkorange;
	font-weight: bolder;
	border-radius: 10px;
}

.partner-create {
	background: #4E9CAF;
	padding: 10px 30px;
	border-radius: 5px;
	border-width: 2px;
	border-style: solid;
	border-color: #90d3f4;
	color: white;
	font-weight: bold;
	font-family: sans-serif;
	text-decoration: none;
}

.partner-create:hover {
	background: green;
	color: white;
	text-decoration: none;
}

.pfaq-q {
	font-family: sans-serif;
	font-weight: 700;
	margin-bottom: 0;
	border-bottom: 2px dotted darkgray;
}

.pfaq-q p {
	margin-bottom: 0;
}

.a-emph {
	font-weight: 500;
}

div.pfaq {
	margin-right: 30px;
}

div.pfaq-headers h3 {
	margin-bottom: 0;
}

div.pfaq-headers {
	margin-bottom: 36px;
}

.pfaq .anchor {
  display: block;
  height: 115px; /*same height as header*/
  margin-top: -115px; /*same height as header*/
  visibility: hidden;
}

.pfaq-a .example {
	padding: 30px 30px 10px 30px;
	background-color: lightgrey;
	margin: 30px 50px 30px 50px;
}

.pfaq-a .mono p {
	font-family: Ayuthaya,Courier,Monaco;
	margin-bottom: 0;
}

div.pfaq-a div.container {
	margin-bottom: 30px;
}

div.pfaq-a div.inset {
	padding-left: 50px;
	padding-right: 50px;
}
div.privacy-content {
	border: 3px solid green;
}
.manual-container p {
	margin-left: 1rem;
}

.manual-container h2 {
	font-weight: bold;
	text-align: center;
    background-color: lightslategrey;
    color: navajowhite;
    padding: 5px;
    margin-top: 70px;
    margin-bottom: -10px;
}

.manual-container h3 {
	margin-top: 40px;
	margin-bottom: 10px;
}

.active-page {
	border-bottom: 3px solid lightgray;
}

#beta-request {
	font-size: medium;
    font-weight: 600;
    opacity: 1.0;
    background-color: cornflowerblue;
    border: 2px solid lightsteelblue;
    margin: 5px 20px;
}

#beta-request:hover {
	font-size: large;
	margin: 0;
	border: 3px solid white;
}

.appstore-download {
	width: 200px;
}

body.landing-page {
	font-family: 'Source Sans Pro', sans-serif;
	font-display: swap;
}

/* Fix the footer on mobile screens so it doesn't have excessive white-space */
@media (max-width:768px){
	nav#footer-links a {
		margin: 0;
	}

	div.navbar-translate a.navbar-brand {
		padding: 0 15px;
		margin: 0;
	}
}
// Place all the styles related to the video controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com/

h2.title {
	margin-top: 100px;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */

.gradient, button.gradient {
  background-image: linear-gradient(to right, #944c9b 0%,#d870a4 100%);
}