/*
Template:	GT-101
File:		custom.css - Use this file to add any custom styles you need
If you add styles to this template, be sure to include it in your template files.
*/
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
  --primary: #2a4467;
  --lightBlue: #33a0e3;
  --limetGreen: #57d30d;
}

body {
	font-family: "Inter", sans-serif;
	font-size: 16px;
	line-height: 26px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Poppins", sans-serif;
}
h1 {
	font-size: 50px;
	line-height: 60px;
}
h2 {
	font-size: 40px;
	line-height: 50px;
}
h3 {
	font-size: 30px;
	line-height: 40px;
}
h4 {
	font-size: 24px;
	line-height: 34px;
}
h5 {
	font-size: 20px;
	line-height: 30px;
}
h6 {
	font-size: 16px;
	line-height: 26px;
}

p {
	font-family: "Inter", sans-serif;
	font-size: 16px;
	line-height: 26px;
}
a, button, .button, a:link, a:visited {
	font-family: "Poppins", sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 22px;
	color: var(--limetGreen);
	text-decoration: underline;
	transition: all 0.3s ease-out;
}
a:hover, .button:hover, button:hover {
	color: var(--primary);
}


input, select, textarea {
	width: 100%;
	border: 1px solid var(--primary);
	padding: 0 15px;
	height: 50px;
	border-radius: 6px;
	box-shadow: none;
	outline: 0;
	font-family: "Inter", sans-serif;
	font-size: 16px;
	color: var(--primary);
	transition: all 0.3s ease-out;
}
input[type="file"] {
	height: auto;
	padding: 8px 15px;
}
input::placeholder, select::placeholder, textarea::placeholder {
	color: #5e5f5f;
}
input:focus, select:focus, textarea:focus {
	border: 1px solid var(--lightBlue);
}

select[multiple="multiple"] {
	width: 100% !important;
	height: 100px;
}

form.styled label.normal input[type="checkbox"] {
	display: none;
	opacity: 0;
}
form.styled label.normal {
	padding-left: 35px;
	position: relative;
	font-size: 14px;
	color: #000;
	font-weight: 400;
	text-transform: none;
	display: inline-block;
	margin-right: 10px;
  margin-top: 5px;
}
form.styled label.normal:before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	display: block;
	transform: translateY(-50%);
	width: 25px;
	height: 25px;
	border: 1px solid var(--limetGreen);
	border-radius: 6px;
	background-color: #fff;
	transition: all 0.3s ease-out;
}

form.styled label.normal:after {
	opacity: 0;
	content: '';
	position: absolute;
	top: 50%;
  transform: translateY(-50%);
  left: 5px;
	background-image: url(data:image/png;base64,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);
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
	transition: all 0.3s ease-out;
	width: 15px;
	height: 15px;
	z-index: 10;
}
form.styled label.normal:has(input[type=checkbox]:checked):before {
	background-color: var(--limetGreen);
	border-color: var(--limetGreen);
}
form.styled label.normal:has(input[type=checkbox]:checked):after {
	opacity: 1;
}
form.styled label.normal:has(input[type=radio]:checked):before {
	background-color: var(--limetGreen);
	border-color: var(--limetGreen);
}
form.styled label.normal:has(input[type=radio]:checked):after {
	opacity: 1;
}


input[type="checkbox"] {
	width: 20px;
	height: 20px;
	border: 1px solid var(--limetGreen);
	border-radius: 6px;
}

input.button, input[type=button], input[type=submit], a.button {
	display: inline-block;
	width: auto;
	height: 50px;
	background: var(--lightBlue);
	border: 0;
	padding: 0 30px;
	vertical-align: middle;
	border-radius: 50px;
	font-family: "Poppins", sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 50px;
	letter-spacing: 1px;
	color: #fff;
	cursor: pointer;
	text-transform: uppercase;
	transition: all 0.3s ease-out;
	text-decoration: none !important;
}
input.button:hover, input[type=button]:hover, input[type=submit]:hover, .button:hover {
	background: var(--primary);
	color: #fff;
}

/* .gt-list-table a:link, .gt-list-table a:visited {
    color: #333;
    text-decoration: none;
    background: #33a0e3;
    padding: 3px 15px;
    line-height: 1;
    border-radius: 30px;
    color: #fff;
    font-size: 12px;
} */
table {
	width: 100%;
}
table.gt-list-table tr td a.button,
ul li a.button {
	text-decoration: none;
	padding: 8px 15px;
	line-height: 1;
	border-radius: 30px;
	font-size: 12px;
	background: none;
}
table.gt-list-table tr td:last-child {
	white-space: nowrap;
}
table.gt-list-table tr td a.button.primary,
ul li a.button.primary {
	border: 1px solid var(--lightBlue);
	color: var(--lightBlue);
}
table.gt-list-table tr td a.button.secondary,
ul li a.button.secondary {
	border: 1px solid var(--primary);
	color: var(--primary);
}
table.gt-list-table tr td a.button.remove,
ul li a.button.remove {
	border: 1px solid red;
	color: red;
}
table.gt-list-table tr td a.button.primary:hover,
ul li a.button.primary:hover {
	background: var(--primary);
	border: 1px solid var(--primary);
	color: #fff;
}
table.gt-list-table tr td a.button.remove:hover,
ul li a.button.remove:hover {
	background: red;
	border: 1px solid red;
	color: #fff;
}
table.gt-list-table tr td a.button.secondary:hover,
ul li a.button.secondary:hover {
	background: var(--primary);
	border: 1px solid var(--primary);
	color: #fff;
}
table td a.button,
ul li a.button {
	height: auto;
}

.gt-list-table th {
	background: var(--primary);
	color: #fff;
	font-size: 18px;
	font-weight: 500;
}
.gt-list-table tbody td {
	background-color: rgba(42, 68, 103, 0.1);
	font-size: 16px;
}

.gt-hd {
	background: #445c79;
}
.gt-util-box {
	background: var(--primary);
	border-radius: 6px;
}

.gt-cols .gt-content form .form-group {
	position: relative;
}

.adhoc-form {
	max-width: 700px;
}


.white {
	color: #fff;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.clear {
	clear: both;
}
.nofloat {
	float: none;
}
.float_right {
	float: right;
}
.float_left {
	float: left;
}
form.styled p {
	margin-bottom: 1.5em;
}
form.styled select.multiple {
	padding: 0 1em 0 0;
	height: 8em;
}
form.styled label,
strong.faux_label,
.gt-form label {
	cursor: pointer;
	display: block;
	color: var(--primary);
	font-weight: 500;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 1;
}
form.styled textarea {
	padding: 4px;
	height: 50px;
}
form.styled textarea.code {
	font-family: "Courier New", "Courier", monospace;
}
form.styled textarea.html {
	font-family: "Courier New", monospace;
	height: 120px;
}
ul.errors {
	margin: 1em 0;
	padding: 1em;
	border: 1px solid #ca0000;
	background: #fefe88;
	color: #ca0000;
	list-style: none;
}
ul.errors li {
	list-style: none;
	margin: 0;
}
.success {
	color: #006600;
	border: 1px solid;
	background: #fefe88;
	padding: 1em;
	margin: 1em 0;
}
h3 {
	margin-top: 1.5em;
}
div.subform {
	width: 500px;
	margin: 1em 3em;
	padding: 1em 1em 0;
	background: #f2f2ff;
	border: #dddde7 1px solid;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}
.gt-list-table tr td .soft a {
	color: #666;
}
table.gt-list-table tr td {
	vertical-align: top;
}
table.basic {
	margin: 1em 0;
	border: 0;
	border-collapse: collapse;
	line-height: 1.25;
}
table.basic tr th {
	font-weight: bold;
	color: #000;
}
table.basic tr th,
table.basic tr td {
	vertical-align: top;
	padding: 0.5em 2em 0.5em 0.5em;
	border-bottom: 1px solid #ddd;
}
table.basic tr td.label {
	width: 170px;
}
ul#tabs {
	list-style: none;
	margin: 0 0 1em;
	padding: 0;
	border-bottom: 1px solid #555;
	height: 37px;
}
ul#tabs li {
	float: left;
	list-style-type: none;
	margin: 0 5px;
	padding: 0;
}
ul#tabs li a {
	display: block;
	padding: 6px 1em;
	border: 1px solid #ccc;
	border-bottom: 0;
	background: #f5f5f5;
	color: #888;
	text-decoration: none;
	-moz-border-top-right-radius: 5px;
	-moz-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
}
ul#tabs li a:hover {
	color: #666;
	border-color: #888;
}
ul#tabs li a.active {
	color: #069;
	background: #fff;
	font-weight: bold;
	border-color: #555;
	padding-bottom: 0.6em;
}
.tab_pane {
	padding: 1em;
}
.gt-content h2 em {
	font-style: normal;
}
.gt-content h2 em a {
	text-decoration: none;
}
.gt-content h2 em a:hover {
	text-decoration: underline;
}
div.indent {
	border-left: 3px #e7e7e7 solid;
	padding: 1em 1em 1em 2em;
	margin: 0;
}
form.styled p.template_list label {
	display: block;
	line-height: 1.5;
}
form.styled p.template_list img {
	margin: 0 0 0.5em;
	display: block;
	cursor: pointer;
}
form.styled fieldset {
	border: 1px solid #ccc;
	background: #f9f9f9;
	padding: 1em 1em 0;
	margin: 1em 0;
}
form.styled input[type="button"] {
	cursor: pointer;
}
table.layout {
	border-collapse: collapse;
	margin: 0 0 1em;
}
table.layout tr td {
	vertical-align: top;
}
form.styled table.layout tr td {
	padding-right: 3em;
}
form.styled table.layout tr td.right {
	padding-right: 0;
}
form.styled fieldset table.layout tr td select#field_type {
	padding: 4px;
}
form.styled fieldset div#question_preview {
	border: 1px solid #ccc;
	background: #fff;
	padding: 1em;
	margin: 1em;
}
form.styled fieldset div#question_preview label {
	display: block;
	padding-right: 2em;
	text-transform: none;
	width: 220px;
}
form.styled fieldset div#question_preview table tr td {
	vertical-align: top;
}
form.styled fieldset div#question_preview table tr td textarea {
	height: 60px;
	width: 300px;
}
form.styled fieldset div#question_preview label.preview-radio {
	display: block;
	width: auto;
	min-height: 28px;
	margin: 0 0 10px;
	padding: 4px 0 4px 36px;
	line-height: 20px;
}
form.styled fieldset div#question_preview label.preview-radio input[type="radio"] {
	display: none;
}
form.styled fieldset div#question_preview label.preview-radio::before {
	border-radius: 50%;
}
form.styled fieldset div#question_preview label.preview-radio::after {
	left: 7px;
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background: #fff;
	background-image: none;
}
form#add_question .maxsize + .options {
	margin-top: 22px;
}
form.styled fieldset table tr td select#option_list {
	height: 60px;
	width: 200px;
}
form.styled fieldset .template_list input {
	display: none;
}
span.req {
	color: #ca0000;
	font-weight: normal;
}
#sortable {
	margin: 0;
	padding: 0;
	list-style: none;
}
#sortable li {
	list-style-type: none;
	margin: 0;
	padding: 7px 10px;
	background-color: #e9eff9;
	border-bottom: 1px solid #fff;
	color: #333;
}
#sortable li span.question {
	display: block;
	width: 500px;
	float: left;
	cursor: default;
}
#sortable li span.question_options {
	display: block;
	text-align: right;
}
.gt-content h3.faux_table_header {
	background: url(../images/gt/table-hd-bkg.gif) no-repeat 50% 0;
	font-weight: bold;
	font-size: 123.1%;
	margin: 0;
	padding: 10px;
	color: #fff;
}
table.gt-list-table tr td.image strong {
	display: block;
	padding: 0 0 4px 28px;
	background: url("../images/icon_image.png") top left no-repeat;
}
table.gt-list-table tr td.popup strong {
	display: block;
	padding: 0 0 4px 28px;
	background: url("../images/icon_page.png") top left no-repeat;
}
#job_jumper {
	padding-right: 10px;
	border-right: 1px solid rgba(255,255,255,0.25);
}
#job_jumper select {
	background: none;
	border: 0;
	border-radius: 0;
	font-size: 14px;
	color: #fff;
}
#job_jumper select option {
	background-color: var(--primary);
}
#assets,
#assets li ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#assets li,
#assets li ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#assets li.folder ul {
	padding: 1em 0 0;
}
#assets li.folder strong.folder {
	display: block;
	border-bottom: #d7d7d7 solid 1px;
	border-top: #d7d7d7 solid 1px;
	font-size: 1.15em;
	padding: 0 0 0 30px;
	background: #f0f0f0 url("../images/icon_folder.png") 4px 4px no-repeat;
	position: relative;
}
#assets li.folder strong.folder a {
	font-weight: normal;
	font-size: 0.8em;
	position: absolute;
	top: 8px;
	right: 10px;
	letter-spacing: 0;
  font-weight: 500;
}
#assets li.folder strong.folder span {
	display: block;
	padding: 0.5em;
	cursor: pointer;
}
#assets li.folder ul li {
	padding: 0 1em 1em;
	margin: 0 0 1em;
	border-bottom: 1px solid #e7e7e7;
}
#assets li.folder ul li a {
	font-weight: bold;
	text-decoration: none;
}
#assets li.folder ul li input.url {
	border: 1px solid #d7d7d7;
	background: #f9f9f9;
	padding: 3px;
	width: 500px;
	margin-right: 10px;
}
#assets li ul li em {
	clear: left;
	display: block;
	margin-top: 1em;
}
#assets li.folder ul li img.thumbnail {
	width: 75px;
	float: left;
	margin: 0 1em 1em 0;
	border: 0;
}
img.button {
	vertical-align: middle;
}
.ui-datepicker-trigger {
	margin: 4px 0 0 4px;
	vertical-align: top;
	cursor: pointer;
	position: absolute;
	bottom: 17px;
  right: 15px;
}
span.email_controls {
	display: block;
	margin-top: 10px;
}
span.email_controls,
span.email_controls select {
	font-size: 14px;
}
span.email_controls input {
	background: var(--lightBlue);
	border: 0;
	color: #fff;
	padding: 0 30px;
	margin: 0;
	border-radius: 50px;
	margin-top: 10px;
  width: auto;
}
span.email_controls input:hover {
	background: var(--primary);
}
form.styled input.mycolorpicker {
	cursor: pointer;
	width: 40px !important;
}
form.styled input.colorpicker_value {
	display: inline-block;
	width: 92px;
	height: 42px;
	padding: 0 10px;
	border: 1px solid #ccd3dc;
	background: #fff;
	font-family: "Courier New", Courier, monospace;
	vertical-align: middle;
}
form.styled fieldset.template-settings {
	padding-bottom: 1em;
}
form.styled fieldset.template-settings p {
	margin: 0 0 18px;
}
form.styled fieldset.template-settings p:last-child {
	margin-bottom: 0;
}
form.styled fieldset.template-settings .color-setting {
	display: inline-block;
	width: 32%;
	margin-right: 1.5%;
	vertical-align: top;
}
form.styled fieldset.template-settings .color-setting:last-child {
	margin-right: 0;
}
form.styled fieldset.template-settings .color-setting label {
	min-height: 28px;
	line-height: 1.25;
}
form.styled fieldset.template-settings input.mycolorpicker {
	display: inline-block;
	height: 42px;
	padding: 0;
	margin-left: 6px;
	vertical-align: middle;
}
@media (max-width: 900px) {
	form.styled fieldset.template-settings .color-setting {
		display: block;
		width: 100%;
		margin-right: 0;
	}
}
#settings .sortable {
	list-style: none;
	margin: 1em 0 2em;
	padding: 0;
}
#settings .sortable li {
	list-style-type: none;
	margin: 0;
	padding: 0 0 0.5em;
}
#settings .sortable li label {
	display: block;
	text-transform: none;
	display: block;
	float: left;
	width: 100px;
}

.gt-login-hd a img {
	height: 180px;
}
.gt-hd .gt-logo img {
	height: 80px;
}

input[type="text"][id^="tribute_ecard_"] {
    margin-bottom: 5px;
}

/* The first preview label describes the field; it is not a checkbox control. */
form.styled fieldset div#question_preview table tr td:first-child > label.normal {
	padding-left: 0;
}
form.styled fieldset div#question_preview table tr td:first-child > label.normal::before,
form.styled fieldset div#question_preview table tr td:first-child > label.normal::after {
	display: none;
}