/*
Copyright (c) 2018 Sharpay Inc.

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/

#sharpay-settings form small {
	display: block;
	margin-top: 5px;
}

#sharpay-settings form select {
	min-width: 162px;
}

#sharpay-settings form label {
	margin-right: 20px;
}

#sharpay-settings form .group {
	margin-bottom: 20px;
}

#sharpay-settings form strong {
	display: block;
	margin-bottom: 20px;
	margin-top: 8px;
}

#sharpay-settings form h3 {
	font-size: 14px;
	margin-bottom: 20px;
	margin-top: 8px;
}

#sharpay-settings form .settings {
	padding-left: 40px;
	margin-bottom: 30px;
	margin-top: 30px;
}

#sharpay-settings form #image, #sharpay-settings form textarea {
	width: 600px;
}


#sharpay-settings .colors {
	margin-top: 10px;
}

.sharpay-code-error {
	border: 1px solid red !important;
}


/* Widget Settings -----------------------------------------------------------*/

.sharpay-widget-settings .group {
	margin-top: 15px;
}

.sharpay-widget-settings label {
	margin-right: 5px;
}

.sharpay-widget-settings .field-description {
	font-size: 80%;
	padding: 0 0;
	margin-top: 2px;
	color: darkgray;
}

.sharpay-widget-settings .share-counter-mode {
	margin-top: 5px;
}

.sharpay-widget-settings input[type=text], .sharpay-widget-settings textarea {
	width: 100%;
}

.sharpay-widget-settings .sharpay-error {
	color: red;
	background: yellow;
	margin: 10px;
	padding: 10px;
	border-radius: 10px;
	text-align: center;
	font-weight: bold;
}

.sharpay-construct {
	border: none !important;
	width: 100%;
	height: 1050px;
}