@charset "UTF-8";
#pollGrid {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: minmax(450px, 1fr) 250px;
	grid-template-columns: minmax(450px, 1fr) 250px;
	    grid-template-areas: "form preview";
}

#pollPreview {
	-ms-grid-row: 1;
	-ms-grid-column: 2;
	width: 250px;
	right: 0;
	padding: 0 14px 8px 3px;
	grid-area: preview;
}
#pollPreview h3 {
	margin-left: 0;
}
#pollPreview .gtqPoll {
	width: 100%;
	margin: 0;
	transition: background-color 1s;
}

#pollForm {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
	grid-area: form;
}
#pollForm > * {
	margin-left: 0;
}
#pollForm p {
	clear: both;
}

.pollFormLabel {
	width: 40%;
	float: left;
	clear: left;
	padding: 0 0 16px 12px;
	font-weight: bold;
}

.pollFormEntry {
	width: 59%;
	float: left;
	padding-bottom: 16px;
}
.pollFormEntry > input {
	margin-top: -1px;
}

#pollItemList {
	margin-bottom: 10px;
}
#pollItemList .ui-icon {
	background: url(/img/2.53/ic/reorder_c.svg) no-repeat 0 0;
}
#pollItemList > li {
	color: #000;
	position: relative;
	font-size: 1.2em;
	font-weight: normal;
	margin: 0 3px 3px;
	padding: 0.4em 1.4em;
}
#pollItemList > li .ui-icon-arrowthick-2-n-s {
	top: 50%;
	margin-top: -7px;
	left: 7px;
	position: absolute;
}
#pollItemList > li .ui-icon-arrowthick-2-n-s:hover {
	background-position: 0 -34px;
}
#pollItemList > li .ui-icon-closethick {
	top: 50%;
	margin-top: -7px;
	position: absolute;
	right: 7px;
	background-position: 0 -16px;
}
#pollItemList > li .ui-icon-closethick:hover {
	background-position: 0 -50px;
}

.removeItem {
	text-indent: -999px;
}

.dropArea {
	border: 1px dotted #555;
	border-radius: 5px;
	height: 18px;
}

.fixedPos {
	position: fixed;
	top: 0;
}

#itemWait {
	position: absolute;
}

#startOver,
#startOver a {
	text-align: center;
}

#noVotesAfterContainer {
	border: 1px solid #bbb;
	border-radius: 8px;
	margin: 4px 12px 16px;
	position: relative;
}

.ui-datepicker {
	font-size: 0.9em !important;
	margin: 0 auto 4px;
}

#noVotesAfterDisp {
	font: bold 1.3em Georgia, "Times New Roman", serif;
}

#noVotesAfterUndo {
	position: absolute;
	top: 6px;
	right: 6px;
}

#noPromo {
	font-size: 0.9375em;
}

#startOver,
#noLinkUser {
	color: var(--color-link-alt);
}

#p-siteUrl,
#p-siteTitle,
#p-creatorName {
	width: 80%;
}

.vdateMsg {
	display: inline-block;
}

.vdateFocus .vdateTxt,
.vdateCount,
#p-itemListV,
#p-termsV {
	display: none;
}

.vdateFocus .vdateCount {
	padding-right: 3px;
	display: inline;
}

.vdateInvalid .vdateCount {
	color: #b02;
}

.vdateMsg.vdateInvalid {
	color: #b02;
	background: url(/img/2.1/cross.png) no-repeat 0 0;
	padding-left: 20px;
	height: 16px;
	margin-top: 2px;
}

.vdateInvalid.vdateFocus {
	color: #000;
	padding-left: 3px;
	background: none;
}

.vdateMsg.vdateValid {
	color: #0b2;
	background: url(/img/2.1/tick.png) no-repeat 0 0;
	padding-left: 20px;
	height: 16px;
	margin-top: 2px;
}

#p-questionV,
#p-descriptionV {
	display: block;
	height: 16px;
	margin-top: 2px;
}

#p-itemListV {
	margin-top: -6px;
	margin-bottom: 6px;
}

#p-termsV {
	margin-top: -10px;
	margin-bottom: 12px;
}

#p-termsV.vdateInvalid {
	display: block;
}

textarea,
#p-addItem,
#p-buttons {
	margin-left: 3.6%;
}

#p-addItem {
	margin-top: 4px;
}

input.vdateInvalid,
textarea.vdateInvalid {
	box-shadow: 0 0 1px 2px rgba(233, 0, 22, 0.6);
}

input:focus,
textarea:focus {
	box-shadow: none;
}

.closerToNext {
	margin-bottom: 8px;
}

.errList li:before {
	color: #000;
	content: "➔";
}

#btnWait1,
#btnWait2 {
	visibility: hidden;
}

.pollBarInner {
	transition: background-color 1s, border-color 1s, width 2s ease;
}

.modalLabel {
	width: 112px;
}

.modalEntry {
	width: 200px;
}

#gtqModal.modalLogin {
	max-width: 400px;
}

#gtqModal.modalReset {
	max-width: 300px;
}

.modalLogin > .card {
	padding: 2px 0 14px;
}

.modalReset > .card {
	padding: 2px 0 14px;
	text-align: center;
}

#overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: -1;
	background: rgba(0, 0, 0, 0.5);
}

.modalDesc {
	padding-bottom: 8px;
	font-size: 16px;
	line-height: 1.4;
}

.modalLabel, .modalValue {
	float: left;
	padding-left: 8px;
}

.modalLabel {
	clear: left;
	font-weight: bold;
}

.modalBtns {
	clear: left;
	text-align: center;
	padding-top: 12px;
}

.logoutCancel {
	padding-left: 18px;
}

.sideBox > .stdVertical > li:hover {
	background: none;
}
.sideBox > .stdVertical, .sideBox > #pImpo {
	font-size: 1.5rem;
}

.subtle {
	font-size: 0.875em;
}
/*# sourceMappingURL=designPoll.css.map */