/*!
 * @package     Guest Support
 * @author      RcaTheme.com <support@rcatheme.com>
 * @license     https://www.gnu.org/licenses/gpl-3.0.html GPLv3
 * @link        https://www.rcatheme.com
 * @copyright   2025 RcaTheme.com, All rights reserved.
 */
.guest-support-wp-heading-spacer {
    margin-bottom: 8px;
}
.guest-support-edit-form-wrapper {
	margin-top: 20px;
}
guest-support-edit-form-wrapper * {
	box-sizing: border-box;
}

ul#guest-support-tab-menu {
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 100%;
	white-space: nowrap;
    list-style: outside none none;
    border-bottom: 1px solid #f0f0f1;
	display: flex;
    flex-flow: wrap;
}
ul#guest-support-tab-menu li:first-child {
	border-start-start-radius: .25rem;
}
ul#guest-support-tab-menu li {
	margin: 0;
	padding: 0.725rem 1rem;
    text-decoration: none;
    display: block;
    position: relative;
	overflow: hidden;
	background: #fff;
	color: #333;
	font-weight: 500;
	cursor: pointer;
	font-size: 14px;
}
ul#guest-support-tab-menu li a {
	text-decoration: none !important;
	outline: 0 !important;
	border: 0 !important;
	box-shadow: none !important;
}
ul#guest-support-tab-menu li a:before,
ul#guest-support-tab-menu li a:after {
	display: none !important;
}
ul#guest-support-tab-menu li.active {
	background: #ececee;
	color: #2271b1;
	font-weight: 700;
}
ul#guest-support-tab-menu li.active:after,
ul#guest-support-tab-menu li:hover:after {
	content: "";
    background-color: #2271b1;
    opacity: .8;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.guest-support-tab-content {
	background-color: #fff;
    box-shadow: none;
    border: 0;
    border-radius: .25rem;
    padding: 30px 2vw;
	display: none;
}

.guest-support-tab-content.active {
	display: block;
}
@media only all and (min-width: 1200px) {
	.guest-support-admin {
		padding: 2rem;
	}
}

.guest-support-admin {
    min-height: 500px;
}

.guest-support-admin * {
	box-sizing: border-box;
}
.guest-support-admin .guest-support-field {
	display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    flex-flow: row wrap;
    list-style: none;
    margin: 0;
    padding: 20px 0;
	line-height: 1;
    text-rendering: optimizespeed;
}
.guest-support-field-grid {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    flex-flow: row wrap;
    list-style: none;
    margin: 0 -8px;
    padding: 0;
	line-height: 1;
    text-rendering: optimizespeed;
    max-width: 400px;
}
.guest-support-field-block {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    min-height: 0;
}
.guest-support-field-block-content {
    margin: 0 8px;
}
.guest-support-field-block-content label {
    display: block;
    margin-bottom: 6px;
}
.guest-support-admin .guest-support-field:not(.guest-support-field-with-desc) {
	-webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
}
.guest-support-admin .guest-support-field.guest-support-field-with-desc:not(.guest-support-field-with-checkbox) .guest-support-field-label {
	padding-top: 8px;
}

.guest-support-admin .guest-support-field > div {
	-webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    min-height: 0;
}

.guest-support-admin .guest-support-field .guest-support-field-label {
	-webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 220px;
    -moz-flex: 0 220px;
    -ms-flex: 0 220px;
    flex: 0 220px;
    width: 220px;
	line-height: 1;
}

@media only all and (max-width: 600px) {
	body .guest-support-admin .guest-support-field > div.guest-support-field-label,
	body .guest-support-admin .guest-support-field > div.guest-support-field-input {
		width: 100%;
		max-width: 100%;
		-webkit-flex-grow: 0;
		-moz-flex-grow: 0;
		flex-grow: 0;
		-ms-flex-positive: 0;
		-webkit-flex-basis: 100%;
		-moz-flex-basis: 100%;
		flex-basis: 100%;
		-ms-flex-preferred-size: 100%;
		margin-bottom: 0.5em;
	}
}
.guest-support-field > div.guest-support-field-input textarea {
    height: 80px;
}

.guest-support-admin .guest-support-field .guest-support-field-label label,
.guest-support-admin .guest-support-field .guest-support-field-label span {
	font-size: 14px;
	font-weight: 600;
	color: #23282d;
	display: block;
}
.guest-support-admin .guest-support-field input.guest-support-inputbox,
.guest-support-admin .guest-support-field select,
.guest-support-admin .guest-support-field textarea {
	width: 100%;
	max-width: 400px;
    margin: 0;
    padding: 6px;
    vertical-align: top;
	padding: 0 8px;
	height: auto;
    line-height: 2;
    min-height: 30px;
	box-shadow: 0 0 0 transparent;
    border-radius: 4px;
    border: 1px solid #7e8993;
    background-color: #f1f1f1;
    color: #32373c;
}
.guest-support-admin .guest-support-field input.guest-support-inputbox:focus,
.guest-support-admin .guest-support-field select:focus,
.guest-support-admin .guest-support-field textarea:focus {
	border-color: #007cba;
    box-shadow: 0 0 0 1px #007cba;
    outline: 2px solid transparent;
}

ul.guest-support-field-checkbox {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
ul.guest-support-field-checkbox li {
	display: inline-block;
	margin: 0;
	padding: 0;
}
ul.guest-support-field-checkbox li > div {
	display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
}
ul.guest-support-field-checkbox li > div input {
	margin: 0;
	padding: 0;
}
ul.guest-support-field-checkbox li > div label {
	margin: 0 0 0 8px;
	padding: 0;
}
ul.guest-support-field-checkbox li.guest-support-field-checkbox-last {
	margin-left: 1.5rem;
}
.guest-support-admin .guest-support-field p.guest-support-field-description {
	font-size: 14px;
	margin: 4px 0 5px;
    color: #666;
	line-height: 1.4;
}
h3.guest-support-field-title {
	display: inline-block;
	border-bottom: 3px solid #ccc;
	padding-right: 1rem;
}
.guest-support-admin .wp-picker-container .wp-color-result.button {
	margin: 0;
}
.guest-support-plugin-support .postbox {
    padding: 2rem;
}
@media only all and (max-width: 767px) {
    .guest-support-plugin-support .postbox {
        padding: 1rem;
    }
}


.guest-support-tabs-dd-content {
    display: none;
}

.guest-support-tabs-dd-wrapper {
    position: relative;
    display: inline-block;
    cursor: pointer;
    transition: .15s ease;
    -webkit-transition: .15s ease;
    padding: 13px 20px;
    min-width: 160px;
    text-align: left;
    margin: 0;
    font-size: 16px;
    font-weight: bold;
    background: #e0e0e0;
    color: #000;
}
.guest-support-tabs-dd-wrapper > span {
    margin-right: 11px;
}
ul.guest-support-tabs-dd-menu {
    position: absolute;
    top: -9999px;
    bottom: auto;
    left: 0;
    margin: 0;
    padding: 1em 0;
    min-width: 13.75rem;
    background: #f5f5f5;
    border-radius: 0;
    opacity: 0;
	visibility: hidden;
    overflow: hidden;
    z-index: 999999;
    -webkit-transition: opacity 0.1s ease;
    transition: opacity 0.1s ease;
}
.guest-support-tabs-dd-wrapper:hover {
    background: #f5f5f5;
}
.guest-support-tabs-dd-wrapper:hover ul.guest-support-tabs-dd-menu {
    top: 100%;
    opacity: 1;
    visibility: visible;
    overflow: visible;
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-transition: opacity .3s ease-out, transform .3s ease-out;
    transition: opacity .3s ease-out, transform .3s ease-out;
}
ul.guest-support-tabs-dd-menu li {
    display: block;
    cursor: pointer;
    white-space: nowrap;
    padding: 9px 24px 9px 20px;
    color: #333;
    -webkit-transition: 0.15s ease;
    transition: 0.15s ease;
}
ul.guest-support-tabs-dd-menu li:hover {
    background: #ddd;
    color: #000;
}
ul.guest-support-tabs-dd-menu li > span.has-content:before,
span.guest-support-tabs-dd-toggle > span.has-content:before {
    content: " - ";
}
.guest-support-tabs-dd-chevron {
    padding-right: 4px;
}
.guest-support-tabs-dd-chevron:before {
    border-style: solid;
	border-width: 3px 3px 0 0;
	content: '';
	display: inline-block;
	height: 0.45em;
	left: 0.15em;
	position: relative;
    top: 3px;
	transform: rotate(135deg);
	vertical-align: top;
	width: 0.45em;
}
.form-wrap.guest-support-add-departments {
    max-width: 600px;
}
@media only all and (max-width: 767px) {
    .guest-support-hide-mobile {
        display: none !important;
    }
}
@media only all and (max-width: 480px) {
    .guest-support-hide-small-mobile {
        display: none !important;
    }
}
@media only all and (min-width: 768px) and (max-width: 1199px) {
    .guest-support-hide-tablet {
        display: none !important;
    }
}
form.guest_support_delete_form {
    display: inline-block !important;
}
button.guest_support_delete_button {
    color: #b32d2e !important;
}

.guest-support-edit-form-header {
    padding: 0 0 1rem;
}
ul.guest-support-edit-form-field-list {
	margin: 0;
	padding: 0;
	list-style: none;
	border: 0;
}
ul.guest-support-edit-form-field-list.guest-support-edit-form-field-list-submit-buttons {
	margin: 1rem 0;
    border-top: 2px solid #f0f0f1;
}
ul.guest-support-edit-form-field-list li {
	border-bottom: 2px solid #f0f0f1;
    margin: 0;
    padding: 2rem 0;
}
ul.guest-support-edit-form-field-list li:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}
ul.guest-support-edit-form-field-list li h3 {
	margin-top: 0;
}
ul.guest-support-form-fields {
    list-style: none;
    margin: 1rem 0;
    padding: 0;
    border-top: 2px solid #f0f0f1;
}
ul.guest-support-form-fields li {
    border-bottom: 2px solid #f0f0f1;
    margin: 0;
    padding: 2rem 1rem;
}
.guest-support-edit-form-content h3 {
	margin-top: 0;
}
.guest-support-edit-form-content .guest-support-form-input {
	margin-bottom: 1.25rem;
}

.guest-support-departments-form input[type=email], .guest-support-departments-form input[type=number], .guest-support-departments-form input[type=password], .guest-support-departments-form input[type=search], .guest-support-departments-form input[type=tel], .guest-support-departments-form input[type=text], .guest-support-departments-form input[type=url], .guest-support-departments-form textarea{
    width: 100% !important;
}

.guest-support-modal {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,.6);
    z-index: 999999999;
}
.guest-support-modal * {
    box-sizing: border-box;
}
.guest-support-modal.guest-support-modal-active {
    display: block;
}
body.guest-support-modal-active {
    overflow: hidden;
}
.guest-support-modal-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.guest-support-modal-container {
    position: relative;
    z-index: 11;
    background: #fff;
    width: 90%;
    max-width: 800px;
    margin: 1rem;
    border-radius: 0.25rem;
    -webkit-animation: guest_support_ModalAnimation 0.3s;
    animation: guest_support_ModalAnimation 0.3s;
    overflow: hidden;
}
.guest-support-modal-container-wrapper {
    box-shadow: 1px 3px 3px 0px rgba(0, 0, 0, 0.2), 1px 3px 15px 2px rgb(0, 0, 0, 0.2);
}
.guest-support-modal-content {
    padding: 1.5rem;
    max-height: calc(70vh);
    overflow: auto;
}
.guest-support-modal-header {
    padding: 1.5rem 1.5rem 1rem;
    border-bottom: 1px solid rgba(34, 36, 38, 0.15);
}
.guest-support-modal-header > h1,
.guest-support-modal-header > h2,
.guest-support-modal-header > h3 {
    margin: 0;
}
.guest-support-modal-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 1rem 1.5rem 1.5rem;
    background: #fafafa;
    border-top: 1px solid #f2f2f2;
}

.guest-support-loader {
	display: block;
	white-space: nowrap;
}
.guest-support-loader > span {
	display: inline-block;
	margin: 0 3px;
	background: #333333;
	width: 11px;
	height: 11px;
	border-radius: 50%;
	animation-name: guest_support_LoaderAnimation;
	-webkit-animation-name: guest_support_LoaderAnimation;
	animation-duration: 1.4s;
	-webkit-animation-duration: 1.4s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
}
.guest-support-loader > span:nth-child(2) {
	animation-delay: .2s;
	-webkit-animation-delay: .2s;
}
.guest-support-loader > span:nth-child(3) {
	animation-delay: .4s;
	-webkit-animation-delay: .4s;
}
.guest-support-loader > span:nth-child(4) {
	animation-delay: .6s;
	-webkit-animation-delay: .6s;
}
.guest-support-loader > span:nth-child(5) {
	animation-delay: .8s;
	-webkit-animation-delay: .8s;
}
.guest-support-loader > span:nth-child(6) {
	animation-delay: .10s;
	-webkit-animation-delay: .10s;
}
@-webkit-keyframes guest_support_LoaderAnimation {
	0% {
		opacity: .1;
	}
	20% {
		opacity: 1;
	}
	100% {
		opacity: .1;
	}
}
@keyframes guest_support_LoaderAnimation {
	0% {
		opacity: .1;
	}
	20% {
		opacity: 1;
	}
	100% {
		opacity: .1;
	}
}
@-webkit-keyframes guest_support_ModalAnimation {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}
@keyframes guest_support_ModalAnimation {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}
.guest-support-fields-contents {
    display: none;
}
ul.guest-support-field-contents {
    display: block;
    list-style: none;
    margin: 1rem 0;
    padding: 0;
    border-top: 1px solid rgba(34, 36, 38, 0.15);
}
ul.guest-support-field-contents li {
    margin: 0;
    padding: 0.5rem 1rem;
}
.guest-support-modal-content ul.guest-support-field-contents {
    display: block !important;
}
ul.guest-support-field-contents label {
    display: block;
    padding: 2px 0;
    color: #1d2327;
    font-weight: 400;
    text-shadow: none;
    vertical-align: baseline;
    cursor: pointer;
}
ul.guest-support-field-contents input[type=email], ul.guest-support-field-contents input[type=number], ul.guest-support-field-contents input[type=password], ul.guest-support-field-contents input[type=search], ul.guest-support-field-contents input[type=tel], ul.guest-support-field-contents input[type=text], ul.guest-support-field-contents input[type=url], ul.guest-support-field-contents textarea {
    border-style: solid;
    border-width: 1px;
    width: 100%;
}
ul.guest-support-field-contents p {
    font-size: 13px;
    margin: 2px 0 5px;
    color: #646970;
}
.guest-support-add-fields-block-selector {
    margin-bottom: 1rem;
}
.guest_support_form_field_hidden {
    display: none;
}
.guest-support-grid { display: flex; flex-flow: row wrap; list-style: none; margin: 0; padding: 0; text-rendering: optimizespeed; }
.guest-support-block { flex: 1; min-width: 0; min-height: 0; }
.guest-support-vcenter {
    align-items: center;
}
.guest-support-size-5 { flex: 0 5%; width: 5%; }
.guest-support-size-6 { flex: 0 6%; width: 6%; }
.guest-support-size-7 { flex: 0 7%; width: 7%; }
.guest-support-size-8 { flex: 0 8%; width: 8%; }
.guest-support-size-9 { flex: 0 9%; width: 9%; }
.guest-support-size-10 { flex: 0 10%; width: 10%; }
.guest-support-size-11 { flex: 0 11%; width: 11%; }
.guest-support-size-12 { flex: 0 12%; width: 12%; }
.guest-support-size-13 { flex: 0 13%; width: 13%; }
.guest-support-size-14 { flex: 0 14%; width: 14%; }
.guest-support-size-15 { flex: 0 15%; width: 15%; }
.guest-support-size-16 { flex: 0 16%; width: 16%; }
.guest-support-size-17 { flex: 0 17%; width: 17%; }
.guest-support-size-18 { flex: 0 18%; width: 18%; }
.guest-support-size-19 { flex: 0 19%; width: 19%; }
.guest-support-size-20 { flex: 0 20%; width: 20%; }
.guest-support-size-21 { flex: 0 21%; width: 21%; }
.guest-support-size-22 { flex: 0 22%; width: 22%; }
.guest-support-size-23 { flex: 0 23%; width: 23%; }
.guest-support-size-24 { flex: 0 24%; width: 24%; }
.guest-support-size-25 { flex: 0 25%; width: 25%; }
.guest-support-size-26 { flex: 0 26%; width: 26%; }
.guest-support-size-27 { flex: 0 27%; width: 27%; }
.guest-support-size-28 { flex: 0 28%; width: 28%; }
.guest-support-size-29 { flex: 0 29%; width: 29%; }
.guest-support-size-30 { flex: 0 30%; width: 30%; }
.guest-support-size-31 { flex: 0 31%; width: 31%; }
.guest-support-size-32 { flex: 0 32%; width: 32%; }
.guest-support-size-33 { flex: 0 33%; width: 33%; }
.guest-support-size-34 { flex: 0 34%; width: 34%; }
.guest-support-size-35 { flex: 0 35%; width: 35%; }
.guest-support-size-36 { flex: 0 36%; width: 36%; }
.guest-support-size-37 { flex: 0 37%; width: 37%; }
.guest-support-size-38 { flex: 0 38%; width: 38%; }
.guest-support-size-39 { flex: 0 39%; width: 39%; }
.guest-support-size-40 { flex: 0 40%; width: 40%; }
.guest-support-size-41 { flex: 0 41%; width: 41%; }
.guest-support-size-42 { flex: 0 42%; width: 42%; }
.guest-support-size-43 { flex: 0 43%; width: 43%; }
.guest-support-size-44 { flex: 0 44%; width: 44%; }
.guest-support-size-45 { flex: 0 45%; width: 45%; }
.guest-support-size-46 { flex: 0 46%; width: 46%; }
.guest-support-size-47 { flex: 0 47%; width: 47%; }
.guest-support-size-48 { flex: 0 48%; width: 48%; }
.guest-support-size-49 { flex: 0 49%; width: 49%; }
.guest-support-size-50 { flex: 0 50%; width: 50%; }
.guest-support-size-51 { flex: 0 51%; width: 51%; }
.guest-support-size-52 { flex: 0 52%; width: 52%; }
.guest-support-size-53 { flex: 0 53%; width: 53%; }
.guest-support-size-54 { flex: 0 54%; width: 54%; }
.guest-support-size-55 { flex: 0 55%; width: 55%; }
.guest-support-size-56 { flex: 0 56%; width: 56%; }
.guest-support-size-57 { flex: 0 57%; width: 57%; }
.guest-support-size-58 { flex: 0 58%; width: 58%; }
.guest-support-size-59 { flex: 0 59%; width: 59%; }
.guest-support-size-60 { flex: 0 60%; width: 60%; }
.guest-support-size-61 { flex: 0 61%; width: 61%; }
.guest-support-size-62 { flex: 0 62%; width: 62%; }
.guest-support-size-63 { flex: 0 63%; width: 63%; }
.guest-support-size-64 { flex: 0 64%; width: 64%; }
.guest-support-size-65 { flex: 0 65%; width: 65%; }
.guest-support-size-66 { flex: 0 66%; width: 66%; }
.guest-support-size-67 { flex: 0 67%; width: 67%; }
.guest-support-size-68 { flex: 0 68%; width: 68%; }
.guest-support-size-69 { flex: 0 69%; width: 69%; }
.guest-support-size-70 { flex: 0 70%; width: 70%; }
.guest-support-size-71 { flex: 0 71%; width: 71%; }
.guest-support-size-72 { flex: 0 72%; width: 72%; }
.guest-support-size-73 { flex: 0 73%; width: 73%; }
.guest-support-size-74 { flex: 0 74%; width: 74%; }
.guest-support-size-75 { flex: 0 75%; width: 75%; }
.guest-support-size-76 { flex: 0 76%; width: 76%; }
.guest-support-size-77 { flex: 0 77%; width: 77%; }
.guest-support-size-78 { flex: 0 78%; width: 78%; }
.guest-support-size-79 { flex: 0 79%; width: 79%; }
.guest-support-size-80 { flex: 0 80%; width: 80%; }
.guest-support-size-81 { flex: 0 81%; width: 81%; }
.guest-support-size-82 { flex: 0 82%; width: 82%; }
.guest-support-size-83 { flex: 0 83%; width: 83%; }
.guest-support-size-84 { flex: 0 84%; width: 84%; }
.guest-support-size-85 { flex: 0 85%; width: 85%; }
.guest-support-size-86 { flex: 0 86%; width: 86%; }
.guest-support-size-87 { flex: 0 87%; width: 87%; }
.guest-support-size-88 { flex: 0 88%; width: 88%; }
.guest-support-size-89 { flex: 0 89%; width: 89%; }
.guest-support-size-90 { flex: 0 90%; width: 90%; }
.guest-support-size-91 { flex: 0 91%; width: 91%; }
.guest-support-size-92 { flex: 0 92%; width: 92%; }
.guest-support-size-93 { flex: 0 93%; width: 93%; }
.guest-support-size-94 { flex: 0 94%; width: 94%; }
.guest-support-size-95 { flex: 0 95%; width: 95%; }
.guest-support-size-33-3 { flex: 0 33.33333%; width: 33.33333%; max-width: 33.33333%; }
.guest-support-size-16-7 { flex: 0 16.66667%; width: 16.66667%; max-width: 16.66667%; }
.guest-support-size-14-3 { flex: 0 14.28571%; width: 14.28571%; max-width: 14.28571%; }
.guest-support-size-12-5 { flex: 0 12.5%; width: 12.5%; max-width: 12.5%; }
.guest-support-size-11-1 { flex: 0 11.11111%; width: 11.11111%; max-width: 11.11111%; }
.guest-support-size-9-1 { flex: 0 9.09091%; width: 9.09091%; max-width: 9.09091%; }
.guest-support-size-8-3 { flex: 0 8.33333%; width: 8.33333%; max-width: 8.33333%; }
.guest-support-size-100 { width: 100%; max-width: 100%; flex-grow: 0; flex-basis: 100%; }
@media only all and (max-width: 767px) {
    .guest-support-block:not(.guest-support-block-fixed) {
        flex-grow: 0;
        flex-basis: 100%;
    }
    body [class*="guest-support-size-"]:not(.guest-support-block-fixed) {
        flex-grow: 0;
        flex-basis: 100%;
        max-width: 100%;
    }
}
.guest-support-form-field-reorder {
    display: flex;
    align-items: center;
    flex: 0 70px; width: 70px;
}
span#guest_support_form_field_reorder {
    cursor: move;
}
.guest-support-form-field-items p {
    margin: 5px 0 0;
}
.guest-support-form-fields a {
    text-decoration: none;
}
svg#svg-icon-global {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
}
@media only all and (min-width: 768px) {
    .guest-support-form-field-edit {
        flex: 0 100px; width: 100px;
    }
}
@media only all and (max-width: 767px) {
    .guest-support-form-field-resize, .guest-support-form-field-edit {
        padding: 0.5rem 0;
    }
}
.guest-support-form-field-label {
    line-height: 1;
    vertical-align: baseline;
    margin: 0.14285714rem;
    background-color: #e8e8e8;
    background-image: none;
    padding: 0.2rem 0.5rem 0.3rem;
    color: rgba(0,0,0,.6);
    text-transform: none;
    font-weight: 700;
    border: 0 solid transparent;
    border-radius: 0.28571429rem;
}
#guest_support_modal_add_fields ul.guest-support-field-contents,
#guest_support_modal_edit_fields ul.guest-support-field-contents {
    border: 0;
    margin: 0;
}
.guest-support-form-field-edit-disabled {
    color: #666;
    cursor: default;
    pointer-events: none;
}
.guest-support-form-field-edit span {
    display: inline-block;
}
li.guest-support-form-fields-item.dragged {
    position: absolute;
    background: #fff;
    border: 1px solid #f0f0f1;
    box-shadow: 0 3px 6px rgb(0 0 0 / 12%), 0 3px 12px rgb(0 0 0 / 25%) !important;
}
.guest-support-edit-form-rightnotice {
    margin-top: 2rem;
}
ul.guest-support-field-checkbox {
    display: inline-block;
    list-style: none;
    margin: 0 0 0.5rem 0;
    padding: 0;
}
ul.guest-support-field-checkbox li {
    display: inline-block;
    margin: 0 1rem 0 0;
    padding: 0;
    border: 0;
}
label.guest-support-field-checkbox-label {
    display: inline-block !important;
}
ul#guest_support_form_additional .guest-support-form-input {
    margin-top: 1rem;
}
.guest-support-color-red {
    color: #ff0000 !important;
    opacity: 1 !important;
}

.guest-support-settings-fields-content {
    padding: 1rem;
    margin: 0;
    word-wrap: break-word;
    background-color: #fff;
    border: 0 solid transparent;
    border-radius: 0.25rem;
    position: relative;
    box-shadow: 0 2px 10px -8px #4d79b3;
}
ul.guest-support-field-checkbox-block {
    display: block !important;
}
ul.guest-support-field-checkbox-block li {
    display: block !important;
    margin: 0 0 0.75rem !important;
}
.guest-support-input {
    display: block;
    width: 100%;
    max-width: 400px;
}
.guest-support-textarea {
    display: block;
    width: 100%;
}
#guest_support_delete_field {
    color: #b32d2e;
}
#guest_support_delete_field:hover {
    color: #ff0000;
}
ul.guest-support-form-fields-container li#guest_support_form_field_group_helper {
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
}
ul.guest-support-form-fields-container {
    list-style: none;
    margin: 0 -3px;
    padding: 0;
}
ul.guest-support-form-fields-container > li {
    margin: 0 0 6px !important;
    padding: 0 !important;
    border: 0 !important;
}
ul.guest-support-form-fields-container > li.guest-support-field-deleting .guest-support-form-fields-item-wrapper {
    position: relative;
    overflow: hidden;
    transition: 0.25s;
    height: 0;
}
ul.guest-support-form-fields-container .guest-support-form-fields-item-wrapper {
    background: #fff;
    height: 100%;
    margin: 0 3px;
    padding: 0;
	border: 2px solid #d9dfe4;
	box-sizing: border-box;
}
ul.guest-support-form-fields-container .guest-support-form-fields-item-wrapper > div.guest-support-grid {
    padding: 1rem;
}

ul.guest_support_dragging_now li#guest_support_form_field_group_helper > div {
    background: #f7dede;
    border: 5px solid #f0f0f1;
    padding: 0.5rem;
}
p.guest-support-field-item-labels a {
    text-decoration: none;
}
p.guest-support-field-item-labels > span {
    margin: 3px 0;
}
li.guest_support_field_list_nopadding {
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
}
li.guest_support_form_field_group_hidden {
    width: 0;
    height: 0;
    position: absolute;
    bottom: 0;
    overflow: hidden;
}

.guest-support-dropdown-search {
    position: relative;
    display: inline-block;
    cursor: pointer;
    word-wrap: break-word;
    line-height: 1;
    white-space: normal;
    width: 100%;
    max-width: 400px;
    transition: .1s ease;
}
input.guest-support-dropdown-search-box {

}
.guest-support-dropdown-search-text {
    display: none !important;
}
.guest-support-dropdown-search-menu {
    cursor: auto;
    position: absolute;
    display: none;
    top: 100%;
    left: 1px;
    right: 0;
    margin: 0;
    padding: 1rem 0;
    background: #fff;
    font-size: 1em;
    text-shadow: none;
    text-align: left;
    -webkit-box-shadow: 0 0 0 1px #2271b1;
    box-shadow: 0 0 0 1px #2271b1;
    border: 1px solid rgba(34, 36, 38, .15);
    border-radius: 0.28571429rem;
    transition: .1s ease;
    z-index: 11;
}
.guest-support-dropdown-search-menu > div.item {
    position: relative;
    display: block;
    text-align: left;
    border-top: none;
    line-height: 1em;
    color: rgba(0, 0, 0, .87);
    font-size: 14px;
    text-transform: none;
    font-weight: 400;
    border-top: 1px solid #fafafa;
    padding: 0.375rem 1.25rem !important;
    white-space: normal;
    word-wrap: normal;
}
.guest-support-dropdown-search-menu > div.item:hover {
    background: rgba(0,0,0,.05);
    color: rgba(0,0,0,.95);
}
.guest-support-dropdown-search-menu > div.item:not(.message) {
    cursor: pointer;
}
.guest-support-settings-form-fields {
    margin: 0 -1rem;
}
.guest-support-settings-fields-block {
    margin: 0 1rem;
}
.guest-support-settings-fields-block ul.guest-support-settings-fields-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
}
.guest-support-settings-fields-block ul.guest-support-settings-fields-list > li {
    margin: 0 0 2rem;
    padding: 0;
    display: block;
}
.guest-support-pagination {
    margin: 6px 0 4px;
    padding-top: 5px;
    vertical-align: middle;
    text-align: right;
}
.guest-support-pagination .guest-support-total-num {
    margin-right: 7px;
}
.guest-support-pagination-links > span,
.guest-support-pagination-links > a {
    display: inline-block;
    vertical-align: baseline;
    min-width: 30px;
    min-height: 30px;
    margin: 0;
    padding: 0 4px;
    font-size: 16px;
    line-height: 1.625;
    text-align: center;
    border-radius: 3px;
    white-space: nowrap;
    box-sizing: border-box;
    outline: 0;
    text-decoration: none;
}
.guest-support-pagination-links > a {
    color: #2271b1;
    border: 1px solid #2271b1;
    background: #f6f7f7;
}
.guest-support-pagination-links > span {
    color: #a7aaad;
    border: 1px solid #dcdcde;
    background: #f6f7f7;
}
.guest-support-pagination-links > a:hover {
    background: #f0f0f1;
    border-color: #0a4b78;
    color: #0a4b78;
}
.guest-support-pagination-links > .page-numbers:not(.prev):not(.next) {
    font-size: 13px;
    line-height: 28px;
}
.guest-support-more {
    padding: 1rem;
    margin: 1rem 0;
    word-wrap: break-word;
    background-color: #fff;
    border: 0 solid transparent;
    border-radius: 0.25rem;
    position: relative;
    box-shadow: 0 2px 10px -8px #4d79b3;
}
.guest-support-filter > ul {
    list-style: none;
    margin: 8px 0 12px;
    padding: 0;
    font-size: 13px;
    color: #646970;
}
.guest-support-filter > ul li {
    display: inline-block;
    margin: 0;
    padding: 0;
    white-space: nowrap;
}
.guest-support-filter > ul li a {
    line-height: 2;
    padding: 0.2em;
    text-decoration: none;
}
.guest-support-filter > ul li a.current {
    color: #000;
    font-weight: 600;
    border: none;
}
.guest-support-filter > ul li a span,
.guest-support-replies-count {
    color: #50575e;
    font-weight: 400;
}
.guest-support-tickets th.column-status,
.guest-support-tickets td.column-status {
    width: 100px;
}

@media only all and (min-width: 1600px) {
    .guest-support-tickets th.column-created-by,
    .guest-support-tickets td.column-created-by,
	.guest-support-tickets th.column-department,
	.guest-support-tickets td.column-department {
        width: 160px;
    }
}
@media only all and (min-width: 1600px) {
    .guest-support-tickets th.column-last-update-date,
    .guest-support-tickets td.column-last-update-date,
    .guest-support-tickets th.column-created-date,
    .guest-support-tickets td.column-created-date {
        width: 170px;
    }
}
@media only all and (min-width: 1200px) and (max-width: 1599px) {
    .guest-support-tickets th.column-last-update-date,
    .guest-support-tickets td.column-last-update-date,
    .guest-support-tickets th.column-created-date,
    .guest-support-tickets td.column-created-date,
    .guest-support-tickets th.column-created-by,
    .guest-support-tickets td.column-created-by,
	.guest-support-tickets th.column-department,
	.guest-support-tickets td.column-department {
        width: 120px;
    }
}
@media only all and (max-width: 1199px) {
    .guest-support-tickets th.column-created-date,
    .guest-support-tickets td.column-created-date,
    .guest-support-tickets th.column-created-by,
    .guest-support-tickets td.column-created-by,
	.guest-support-tickets th.column-department,
	.guest-support-tickets td.column-department {
        display: none;
    }
}
.guest-support-filter > form {
    margin: 0 0 8px;
}
.guest-support-filter .guest-support-filter-option {
    margin-right: 6px;
	margin-bottom: 6px;
}
@media only all and (min-width: 768px) {
    .guest-support-filter input#guest-support-ticket-searchstring {
        min-width: 240px;
    }
}
span.guest-support-menu-tickets-count {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    margin: 1px 0 -1px 2px;
    padding: 0 5px;
    min-width: 18px;
    height: 18px;
    border-radius: 9px;
    background-color: #d63638;
    color: #fff;
    font-size: 11px;
    line-height: 1.6;
    text-align: center;
    z-index: 26;
}
@font-face {
    font-family: 'GuestSupportIcon';
    src: url('fonts/icon.eot');
    src: url('fonts/icon.eot') format('embedded-opentype'),
         url('fonts/icon.woff2') format('woff2'),
         url('fonts/icon.woff') format('woff'),
         url('fonts/icon.ttf') format('truetype'),
         url('fonts/icon.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
#adminmenu li#toplevel_page_guest-support div.wp-menu-image:before {
    font-family: GuestSupportIcon !important;
    content: "\e801";
    font-size: 1.3em !important;
    position: relative;
    bottom: -1px;
}
#guest_support_create_ticket_by_agent #guest_support_field_errormsg {
    font-size: 1rem;
    color: red;
    font-weight: bold;
}
#guest_support_submit_ticket_by_agent_successmsg {
    font-size: 1.25rem;
    color: green;
    font-weight: bold;
}
.guest-support-create-ticket-by-agent-form input[type="text"],
.guest-support-create-ticket-by-agent-form select {
    width: 100% !important;
    max-width: 100%;
}
body.guest-support-modal-active .mce-menu.mce-in.mce-animate {
    z-index: 99999999999 !important;
}
.guest-support-create-ticket-by-agent-form {
    max-width: 700px;
}
.guest-support-settings-hr {
    margin: 1.5rem 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-top: 0;
    width: 95%;
    display: block;
}
.guest-support-separator-dots {
    margin: 1.5rem 0;
    border-bottom: 3px dotted rgba(0, 0, 0, 0.4);
    width: 95%;
}
.guest-support-settings-placeholders {
    background: #ddd;
    color: #000;
    padding: 20px !important;
    margin: 1.25rem 0 !important;
}
.guest-support-settings-placeholders p,
.guest-support-settings-placeholders h4 {
    color: #000 !important;
}
.guest-support-settings-placeholders span {
    font-weight: bold;
}
.guest-support-modal.guest-support-setup-guide .guest-support-modal-container {
    max-width: 500px;
}
.guest-support-setup-guide h3 {
    font-size: 1.25rem;
    margin: 0 0 1rem;
    line-height: 1.2;
}
.guest-support-setup-guide h4,
.guest-support-setup-guide p {
    font-size: 1rem;
    color: #333;
}
.guest-support-divider {
    display: block;
    margin: 1.5rem 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.guest-support-forms th#form-id,
.guest-support-forms td.form-id {
    width: 100px;
}
.guest-support-shortcode-item {
    font-size: 1.25rem;
    margin: 1rem 0;
    letter-spacing: 2px;
}
span.guest-support-shortcode-em {
    display: block;
    margin: 1rem 0;
    font-weight: bold;
    font-size: 1.125rem;
    color: 000000;
}
input.guest-support-subscription-key {
    max-width: 400px;
}
.guest-support-settings-fields-content h3 span,
.guest-support-settings-fields-content h4 span {
	font-size: 13px;
	font-weight: normal;
}
.guest-support-form-field-group {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	width: 95%;
}
.guest-support-form-field-group input,
.guest-support-form-field-group span {
	height: 30px;
	min-height: 30px;
	max-height: 30px;
}
.guest-support-form-field-group input {
	flex: 1;
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}
.guest-support-form-field-group span {
	padding: 0 12px;
	display: flex;
	align-items: center;
	background: #2271b1;
	color: #fff;
	border-radius: 4px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	position: relative;
	left: -4px;
}
.guest-support-spacer {
	padding: 1rem 0;
	display: block;
	line-height: 1;
}
.guest-support-tickets-table th.column-select,
.guest-support-tickets-table td.column-select {
	width: 30px;
	vertical-align: top;
	text-align: center;
}
.guest-support-tickets-table th.column-select input[type="checkbox"],
.guest-support-tickets-table td.column-select input[type="checkbox"] {
	margin: 0;
}
.guest-support-mass-delete:not(.active) {
	color: #666;
	pointer-events: none;
}
.guest-support-mass-delete.active {
	color: #ff0000;
	font-weight: bold;
}
.guest-support-form-submit-buttons {
	background: #dbdbe1;
	padding: 15px;
	border-radius: 0;
}

/* 
 * Dropdown with multi select capability
 */
 .guest-support-multiselect {
	position: relative;
    word-wrap: break-word;
    line-height: 1em;
    white-space: normal;
    width: 100%;
    max-width: 400px;
	min-height: 30px;
    background: #fff;
    display: block;
    padding: 0;
    color: #2c3338;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #8c8f94;
    border-radius: 4px;
    transition: none;
}
.guest-support-multiselect.active {
	border-color: #2271b1;
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
	transition: 0.1s ease;
}
.guest-support-multiselect.guest-support-options-top.active {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.guest-support-multiselect.guest-support-options-bottom.active {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.guest-support-multiselect-icon {
	cursor: pointer;
    position: absolute;
    top: 1em;
    right: 1em;
    z-index: 3;
    width: 0;
    height: 0;
    display: inline-block;
    vertical-align: middle;
    border-style: solid;
	opacity: .8;
	border-width: 5px 5px 0 5px;
    border-color: #2c3338 transparent transparent transparent;
    transition: opacity .1s ease;
}
guest-support-multiselect:hover .guest-support-multiselect-icon {
	opacity: 1;
}
.guest-support-multiselect > select {
	display: none !important;
}
.guest-support-multiselect-selected {
	padding: 12px 30px 12px 12px;
	cursor: pointer;
}
.guest-support-multiselect-selected-item {
	position: relative;
	display: inline-flex;
	align-items: center;
	color: #2271b1;
	font-size: 1em;
    padding: .35714286em .78571429em;
    margin: .14285714rem .28571429rem .14285714rem 0;
    -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, .15) inset;
    box-shadow: 0 0 0 1px rgba(34, 36, 38, .15) inset;
}

.guest-support-multiselect-selected-item-delete {
	display: inline-block;
	position: relative;
	width: 1em;
	height: 1em;
    margin: 0 0 0 .5em;
	cursor: pointer;
    margin-right: 0;
    font-size: .92857143em;
    opacity: .5;
    -webkit-transition: background .1s ease;
    transition: background .1s ease;
}
.guest-support-multiselect-selected-item-delete:hover {
	opacity: 1;
}
.guest-support-multiselect-selected-item-delete:before, .guest-support-multiselect-selected-item-delete:after {
	position: absolute;
	left: 5px;
	top: 1px;
	content: ' ';
	height: 10px;
	width: 2px;
	background-color: #333;
}
.guest-support-multiselect-selected-item-delete:before {
	transform: rotate(45deg);
}
.guest-support-multiselect-selected-item-delete:after {
	transform: rotate(-45deg);
}
.guest-support-multiselect-options {
	padding: 8px 0 12px;
	border: 1px solid #2271b1;
	position: absolute;
	visibility: hidden;
	opacity: 0;
	left: -1px;
	right: -1px;
	max-height: 260px;
    overflow: auto;
    border-radius: 4px;
    background: #fff;
	z-index: 1001;
}
.guest-support-options-bottom .guest-support-multiselect-options {
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
}
.guest-support-options-top .guest-support-multiselect-options {
	box-shadow: 0px -10px 15px -3px rgba(0, 0, 0, 0.1), 0px -4px 6px -4px rgba(0, 0, 0, 0.1);
}
.guest-support-multiselect.guest-support-options-bottom .guest-support-multiselect-options {
	top: -100%;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.guest-support-multiselect.guest-support-options-top .guest-support-multiselect-options {
	bottom: -100%;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.guest-support-multiselect.active .guest-support-multiselect-options {
	visibility: visible;
	opacity: 1;
    animation-iteration-count: 1;
    animation-duration: .2s;
    animation-delay: 0s;
    animation-timing-function: cubic-bezier(.23,1,.32,1);
    animation-fill-mode: both;
    backface-visibility: hidden;
}
.guest-support-multiselect.guest-support-options-bottom.active .guest-support-multiselect-options {
	top: 100%;
	animation-name: guest_support_ExpandInDown;
}
.guest-support-multiselect.guest-support-options-top.active .guest-support-multiselect-options {
	bottom: 100%;
	animation-name: guest_support_ExpandInUp;
}

.guest-support-multiselect-options-item {
	cursor: pointer;
	display: block;
	padding: 8px 12px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.02);
	font-size: 14px;
	color: rgba(0,0,0,.78);
	transition: 0.1s ease;
}
.guest-support-multiselect-options-item:last-child {
	margin-bottom: 0;
	border-bottom: 0;
}
.guest-support-multiselect-options-item:hover {
	background: rgba(0, 0, 0, 0.03);
	color: #000;
}
.guest-support-multiselect-placeholder {
	font-size: 14px;
	color: #767676;
}
.guest-support-multiselect-hide {
	display: none !important;
}
@keyframes guest_support_ExpandInDown {
	0% {
		opacity: 0;
		transform: scaleY(0);
		transform-origin: left top 0;
	}
	100% {
		opacity: 1;
		transform: scaleY(1);
		transform-origin: left top 0;
	}
}

@keyframes guest_support_ExpandInUp {
	0% {
		opacity: 0;
		transform: scaleY(0);
		transform-origin: left bottom 0;
	}
	100% {
		opacity: 1;
		transform: scaleY(1);
		transform-origin: left bottom 0;
	}
}