	.upload_progress {
		border: 1px solid black;
		position: relative;
		padding: 2px;
	}
	.upload_progress > div {
		/*background-color: #62A21D !important;*/
		font-size: 15px;
		height: 25px;
	}
	.upload_progress > span {
		position: absolute;
		left: 1%;
		margin: 5px 0px 5px 0px;
	}
	.infoblocks {
		background: white;
		border: 1px solid black;
		display: block;
		padding: 10px 20px;
		color: black;
		border-radius: 5px;
	}
	.gb_no_underscore {
		text-decoration: none !important;
	}
	.grassblade {
		overflow: hidden;
	}
	.grassblade_lightbox , .grassblade_popup, .grassblade_test_lightbox {
		position: fixed; border: 11px solid black; max-width: 100%;max-height: 100%; margin: auto; bottom: 0px; left: 0px; right: 0px; top: 30px;  overflow: hidden; padding: 0px; z-index: 1000000; background: white;
	}
	.grassblade_lightbox .grassblade_close, .grassblade_popup .grassblade_close, .grassblade_test_lightbox .grassblade_close {
		float: right; font-weight: bold; background: transparent; right: 0px; top: 0px; font-family: verdana; font-size: 20px; text-decoration: none; z-index: 10; position: absolute;
	}
	.grassblade_lightbox .grassblade_close a, .grassblade_popup .grassblade_close, .grassblade_test_lightbox .grassblade_close a {
		color: transparent; text-decoration: none; padding: 7px; cursor: pointer;
	}
	.grassblade_lightbox .grassblade_close, .grassblade_popup .grassblade_close, .grassblade_test_lightbox .grassblade_close {
		background: white;
	}
	.grassblade_lightbox .grassblade_close a, .grassblade_popup .grassblade_close, .grassblade_test_lightbox .grassblade_close a {
		color: black;
	}
	.grassblade_popup .grassblade_close {
		padding: 0 7px;
	}
	div#grassblade_quiz_report .grassblade_popup, .gb_iframe_loader {
		background-size: 60px;
	}
	.grassblade_lightbox iframe {
		width:100%;height:100%;
	}
	.grassblade_lightbox_overlay {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 999999;
		opacity: 0.8;
		background: black;
	}
	.grassblade_test_lightbox {
		width: 60%;
		height: 60%;
		overflow-y: scroll;
	}
	#xapi_posts_list ul {
		list-style-type:lower-alpha;
		list-style-position: inside;
		margin: 5px;
	}
	#show_xapi_content {
		margin: 5px;
	}
	h2.gb-content-selector {
		padding: 0 !important;
	}
	.has_xapi_content #sfwd-quiz_quiz_pro,.has_xapi_content #sfwd-quiz_quiz_pro_html {display: none;}
	.grassblade_admin_wrap {
		background: white;
		padding: 20px;
		margin: 20px 0;
		max-width: 900px;
	}
	.grassblade_admin_wrap .select2-container {
		width: 100% !important;
	}
	.grassblade_admin_wrap .select2-selection ul {
		margin: 0;
	}
	.grassblade_admin_wrap .select2-selection ul li {
		margin-bottom: 0;
	}

	#gb_preview_message {
		display: none;
	}
	#gb_preview_message.has_content {
		display: block;
	}
	#gb_upload_message {
		color: red;
	}
	#gb_upload_message.has_content {
		display: none;
	}
	.grassblade_field_group > div.grassblade_field_group_label {
		background: none repeat scroll 0 0 #f1f1f1;
		border: 1px solid #ddd;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		cursor: pointer;
		font-weight: bold;
		padding: 5px 10px;
	}
	.grassblade_field_group > div.grassblade_field_group_fields {
		border: 1px solid #eee;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		display: block;
		margin: 10px 0;
		padding: 10px;
	}
	.grassblade_field_group_label .dashicons-arrow-right-alt2:before {
		content: "\f345";
		display: inline-block;
		color: #85ab3d;
		-webkit-font-smoothing: antialiased;
	}
	.grassblade_field_group_label .dashicons-arrow-down-alt2:before {
		content: "\f347";
		display: inline-block;
		color: #85ab3d;
		-webkit-font-smoothing: antialiased;
	}
	.grassblade_field_group_label span {
		margin-left: 5px;
	}
	.grassblade_show_results {
		margin-top: 20px;
	}
	.grassblade_show_results p {
		display: none;
	}
	.gb_xapi_block_settings {
		margin: 15px;
	}

	/* GrassBlade Table */
	.grassblade_table table {
		width: 100% !important;
		/*border: 1px solid #C3D1A3 !important;*/
		border-collapse: collapse !important;
		margin: 0 !important;
		margin-bottom: 15px !important;
	}
	.grassblade_table caption {
		caption-side: top !important;
		text-align: left;
		padding-bottom: 2px !important;
		color: gray !important;
		margin: 0 !important;
		font-weight: bold;
	}
	.grassblade_table thead tr {
		background: rgb(155,187,89) !important;
		padding: 5px !important;
		color: white !important;
		font-weight: bold !important;
	}
	.grassblade_table tbody td:FIRST-CHILD{
		font-weight: bold !important;
	}
	.grassblade_table td, .grassblade_table th {
		padding: 5px !important;
		text-align: center !important;
		border: 0 !important;
	}
	.grassblade_table th {
		background: #FBB216 !important;
		color: white !important;
	}
	.grassblade_table td {
		background: #B7CF3C !important;
		border-top: 5px solid white !important;
	}
	.grassblade_table tr.tr_odd.gb_status_expired td, .grassblade_table tr.tr_even.gb_status_expired td {
		background-color: #a8a8a8 !important;
	}
	.grassblade_table .gb_status_expired span {
		background-color: #d75454;
		border-radius:5px;
		font-size: 10px;
		margin-left: 10px;
		padding: 4px;
		color:white;
	}
	.grassblade_table tr.tr_odd td, .grassblade_table tr.odd td {
		background: #90B53D !important;
	}
	/* GrassBlade Table */

	#aspect_slider {
		margin-left: 20px;
		position: relative;
		top: 5px;
	}
	#aspect_slider::-webkit-slider-thumb {
		-webkit-appearance: none; /* Override default look */
		appearance: none;
		width: 25px; /* Set a specific slider handle width */
		height: 25px; /* Slider handle height */
		background: #4CAF50; /* Green background */
		cursor: pointer; /* Cursor on hover */
	}
	#aspect_slider_value {
		width: 60px;
	}
	.grassblade_aspect_ratio {
		background: skyblue;
		padding: 5px;
		color: white;
		border-radius: 4px;
		font-size: 12px;
		cursor: pointer;
	}

	/* GrassBlade Result Loader */
	.gb-loader {
	  border: 4px solid #f3f3f3;
	  border-radius: 50%;
	  border-top: 4px solid #5F5F65;
	  width: 40px;
	  height: 40px;
	  margin-bottom: 15px !important;
	  -webkit-animation: spin 2s linear infinite;
	  animation: spin 2s linear infinite;
	}

	/* Safari */
	@-webkit-keyframes spin {
	  0% { -webkit-transform: rotate(0deg); }
	  100% { -webkit-transform: rotate(360deg); }
	}

	@keyframes spin {
	  0% { transform: rotate(0deg); }
	  100% { transform: rotate(360deg); }
	}

	.gb-icon-img {
		vertical-align: middle !important;
		cursor: pointer;
		margin: auto;
	}

	.grassblade_popup {
		max-width: 95%;
		max-height: 95%;
		bottom: 2%;
		left: 2%;
		right: 2%;
		top: 2%;
		overflow-y: auto;
		height: 95%;
	}

	.gb-pointer, a.gb-quiz-report{
		cursor: pointer;
	}
	.grassblade-search{
		padding: 5px;
	}
	.grassblade-search input {
		width: 30%;
	}
	.grassblade-search-found {
		background-color: yellow;
	}
	#grassblade_setting_search {
		width: 100%;
		line-height: 30px;
		font-size: 18px;
		border-radius: 5px;
	}

	.gb_test {
		padding: 20px;
		margin: 20px;
		background: #ffe2c4;
		border-radius: 5px;
		border: 1px solid #ffbc00;
	}

	.gb_test_success {
		color: green;
		padding: 20px;
	}
	.gb_test_error {
		color: red;
		display: list-item;
		margin-left: 40px;
		margin-top: 10px;
	}
	.gb_red {
		color: red;
	}
	.grassblade_lrs_settings_update {
		font-size: 1.5em;
		color: red;
		padding: 20px;
		text-align: center;
	}
	.grassblade_lrs_settings_update2 {
		padding: 20px;
		text-align: center;
	}
	.grassblade_bulk_settings .grassblade_field_group {
	    margin: 5px 0;
	}
	.field_yellow {
		color: #333;
		background: yellow;
		padding: 5px;
		border: 1px solid #333;
		border-radius: 3px;
	}
	#quiz_continue_link[disabled] {
		pointer-events: none;
		cursor: default;
		background: #4c4c4c!important;
		filter: grayscale(100%);
	}
	body.wp-admin.wp-editor .grassblade, body.wp-admin.block-editor-page .edit-post-visual-editor .grassblade {
		border-left: 15px solid #8080801a;
	}

	dd.grassblade_progress {
		position: relative;
		display: block;
		border: 1px solid black;
		width: 100%;
		height: 16px;
		margin: 0 0 2px;
		background-color: white;
		padding:0;
	}

	dd.grassblade_progress div.grassblade_progress_blue {
		position: relative;
		background-color: blue;
		height: 16px;
		width: 75%;
		text-align:right;
		display:block;
	}

	#gb_meta_box_extra_message {
		background: yellow;
		padding: 5px;
		margin-top: 5px;
	}

	.wp-admin .wp-block.gb_voc:before {
		content: "\f177";
		font-family: 'dashicons';
		background: white;
		width: 100% !important;
		top: -15px !important;
		color: gray;
	}

	.wp-admin .wp-block.gb_voc:hover:before {
		font-style: italic;
	}

	.gb_form_info {
		display: inline-block;
	}
	#field-src .gb_form_info .gb_src_tools {
		margin-right: 5px;
	}
	#field-src .gb_form_info .gb_src_tools .dashicons-no {
		line-height: 30px;
    	cursor: pointer;
	}
	#field-src .gb_form_info .dashicons-admin-tools {
		cursor: pointer;
	}
	.gb_tooltip {
		position: relative;
		display: inline-block;
		border-bottom: 1px dotted black;
	}

	.gb_tooltip .tooltiptext {
		visibility: hidden;
		width: 300px;
		background-color: black;
		color: #fff;
		text-align: center;
		border-radius: 6px;
		padding: 5px;
		white-space: break-spaces;
		line-height: 17px;
		cursor: default;

		/* Position the tooltip */
		position: absolute;
		z-index: 1;
	}
	.gb_tooltip:hover .tooltiptext {
		visibility: visible;
	}
	.gb_tooltip .tooltiptext-right {
		top: -5px;
		left: 105%;
	}
	.gb_tooltip .tooltiptext-left {
		top: -5px;
		right: 105%;
	}
	.gb_tooltip .tooltiptext-top {
		width: 300px;
		bottom: 100%;
		left: 50%;
		margin-left: -60px; /* Use half of the width (120/2 = 60), to center the tooltip */
	}
	.gb_tooltip .tooltiptext-bottom {
		width: 300px;
		top: 100%;
		left: 50%;
		margin-left: -60px; /* Use half of the width (120/2 = 60), to center the tooltip */
	}
	.gb_tooltip.tooltip-locked .tooltiptext {
		visibility: visible !important;
	}
	.gb_revisions:hover span.gb_switch_revision_link, .gb_revisions_reset:hover, .gb_revisions .file_versions:hover {
		display: inline-block !important;
		cursor: pointer;
	}
	.gb_revisions:hover span:hover, .gb_revisions .file_versions:hover {
		color: orange;
	}
	.gb_revisions.switched_to span.gb_switch_revision_link {
		display: none !important;
	}
	.gb_revisions.switched_to, .gb_revisions_reset {
		color: orange;
	}
	.gb_revisions.file_version_selected {
		color: red;
	}
	.gb_revisions.file_version_selected .gb_delete_revisions {
		display: inline-block !important;
		cursor: pointer;
	}
	.gb_revisions.file_version_selected .gb_switch_revision_link, .gb_revisions.file_version_selected:hover .gb_switch_revision_link {
		display: none !important;
	}

	#field-blacklist_urls_html td:first-child {
		display: none;
	}
	#grassblade_delete_folders_table .delete_folder_button {
		background-color: red;
		color: white;
	}
	.gb_warning {
		color: red;
		font-size: 16px;
		margin: 10px;
	}
	.gb_table_search_div {
		padding: 5px;
	}
	.grassblade_table #grassblade_all_settings td, .grassblade_table #grassblade_all_settings th {
		max-width: 300px;
		border: 1px solid #ccc !important;
		overflow-wrap: break-word;
		word-break: normal;
	}
	#grassblade_all_settings_body {
		overflow: scroll hidden;
		overflow-y: auto;
		width: max-content;
	}
	#grassblade_all_settings_body div {
		padding: 0;
		margin: 0;
	}
	#grassblade_all_settings_body .gb_table_search_div {
		position: sticky;
		top: 0;
		background: white;
		margin-left: 10px;
		margin-top: 5px;
		width: 100%;
		height: 36px;
	}
	#grassblade_all_settings_body .gb_table_search_div > div {
		display: inline-block;
	}
	#grassblade_all_settings_body .gb_table_search_div > div.search_box {
		position: fixed;
	}
	#grassblade_all_settings_body .gb_table_search_div input {
		height: 30px;
		line-height: 28px;
	}
	#grassblade_all_settings_body .gb_table_search_div input[type="submit"] {
		padding: 0 20px;
		position: fixed;
		right: 5px;
		top: 5px;
	}
	#grassblade_all_settings_body .grassblade_table {
		margin: 0px 10px;
	}
	#grassblade_all_settings_body .grassblade_table thead {
		position: sticky;
		top: 36px;
	}

	/* Manage Integrations Page */
	.page-gb-integrations form {
		background: white;
		padding: 30px;
		margin-top: 10px;
	}

	.page-gb-integrations h1 {
		font-size: 20px !important;
		font-weight: 500 !important;
		background-repeat: no-repeat;
		padding-left: 35px !important;
		background-position: left;
		background-position-y: center;
	}

	.gb_group_leaders_dropdown .select2-container .select2-selection--multiple .select2-selection__rendered {
		white-space: normal;
		width: max-content;
	}
	.gb_group_leaders_dropdown .select2-search__field {
		width: 100% !important;
	}
	.gb_group_leaders_dropdown .select2-container .select2-search--inline {
		float: right;
	}
	.gb_group_leaders_dropdown ul {
		margin: 0;
	}
	.gb_link {
		cursor: pointer;
		color: royalblue;
	}
	.gb_link:hover {
		cursor: pointer;
		color: darkorchid;
	}

	#grassblade_add_to_content_box .select2-container {
		width: 100% !important;
	}

	/* Admin Report Quiz & Question Report Popup box */
	#grassblade_quiz_report, #grassblade_question_report {
		position: absolute;
		height: 99%;
		width: 100%;
	}
	/* End Admin Report Quiz & Question Report Popup box */
	.upload_progress {
		border: 1px solid black;
		position: relative;
		padding: 2px;
	}
	.upload_progress > div {
		/*background-color: #62A21D !important;*/
		font-size: 15px;
		height: 25px;
	}
	.upload_progress > span {
		position: absolute;
		left: 1%;
		margin: 5px 0px 5px 0px;
	}
	.infoblocks {
		background: white;
		border: 1px solid black;
		display: block;
		padding: 10px 20px;
		color: black;
		border-radius: 5px;
	}
	.gb_no_underscore {
		text-decoration: none !important;
	}
	.grassblade {
		overflow: hidden;
	}
	.grassblade_lightbox , .grassblade_popup, .grassblade_test_lightbox {
		position: fixed; border: 11px solid black; max-width: 100%;max-height: 100%; margin: auto; bottom: 0px; left: 0px; right: 0px; top: 30px;  overflow: hidden; padding: 0px; z-index: 1000000; background: white;
	}
	.grassblade_lightbox .grassblade_close, .grassblade_popup .grassblade_close, .grassblade_test_lightbox .grassblade_close {
		float: right; font-weight: bold; background: transparent; right: 0px; top: 0px; font-family: verdana; font-size: 20px; text-decoration: none; z-index: 10; position: absolute;
	}
	.grassblade_lightbox .grassblade_close a, .grassblade_popup .grassblade_close, .grassblade_test_lightbox .grassblade_close a {
		color: transparent; text-decoration: none; padding: 7px; cursor: pointer;
	}
	.grassblade_lightbox .grassblade_close, .grassblade_popup .grassblade_close, .grassblade_test_lightbox .grassblade_close {
		background: white;
	}
	.grassblade_lightbox .grassblade_close a, .grassblade_popup .grassblade_close, .grassblade_test_lightbox .grassblade_close a {
		color: black;
	}
	.grassblade_popup .grassblade_close {
		padding: 0 7px;
	}
	div#grassblade_quiz_report .grassblade_popup, .gb_iframe_loader {
		background-size: 60px;
	}
	.grassblade_lightbox iframe {
		width:100%;height:100%;
	}
	.grassblade_lightbox_overlay {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 999999;
		opacity: 0.8;
		background: black;
	}
	.grassblade_test_lightbox {
		width: 60%;
		height: 60%;
		overflow-y: scroll;
	}
	#xapi_posts_list ul {
		list-style-type:lower-alpha;
		list-style-position: inside;
		margin: 5px;
	}
	#show_xapi_content {
		margin: 5px;
	}
	h2.gb-content-selector {
		padding: 0 !important;
	}
	.has_xapi_content #sfwd-quiz_quiz_pro,.has_xapi_content #sfwd-quiz_quiz_pro_html {display: none;}
	.grassblade_admin_wrap {
		background: white;
		padding: 20px;
		margin: 20px 0;
		max-width: 900px;
	}
	.grassblade_admin_wrap .select2-container {
		width: 100% !important;
	}
	.grassblade_admin_wrap .select2-selection ul {
		margin: 0;
	}
	.grassblade_admin_wrap .select2-selection ul li {
		margin-bottom: 0;
	}

	#gb_preview_message {
		display: none;
	}
	#gb_preview_message.has_content {
		display: block;
	}
	#gb_upload_message {
		color: red;
	}
	#gb_upload_message.has_content {
		display: none;
	}
	.grassblade_field_group > div.grassblade_field_group_label {
		background: none repeat scroll 0 0 #f1f1f1;
		border: 1px solid #ddd;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		cursor: pointer;
		font-weight: bold;
		padding: 5px 10px;
	}
	.grassblade_field_group > div.grassblade_field_group_fields {
		border: 1px solid #eee;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		display: block;
		margin: 10px 0;
		padding: 10px;
	}
	.grassblade_field_group_label .dashicons-arrow-right-alt2:before {
		content: "\f345";
		display: inline-block;
		color: #85ab3d;
		-webkit-font-smoothing: antialiased;
	}
	.grassblade_field_group_label .dashicons-arrow-down-alt2:before {
		content: "\f347";
		display: inline-block;
		color: #85ab3d;
		-webkit-font-smoothing: antialiased;
	}
	.grassblade_field_group_label span {
		margin-left: 5px;
	}
	.grassblade_show_results {
		margin-top: 20px;
	}
	.grassblade_show_results p {
		display: none;
	}
	.gb_xapi_block_settings {
		margin: 15px;
	}

	/* GrassBlade Table */
	.grassblade_table table {
		width: 100% !important;
		/*border: 1px solid #C3D1A3 !important;*/
		border-collapse: collapse !important;
		margin: 0 !important;
		margin-bottom: 15px !important;
	}
	.grassblade_table caption {
		caption-side: top !important;
		text-align: left;
		padding-bottom: 2px !important;
		color: gray !important;
		margin: 0 !important;
		font-weight: bold;
	}
	.grassblade_table thead tr {
		background: rgb(155,187,89) !important;
		padding: 5px !important;
		color: white !important;
		font-weight: bold !important;
	}
	.grassblade_table tbody td:FIRST-CHILD{
		font-weight: bold !important;
	}
	.grassblade_table td, .grassblade_table th {
		padding: 5px !important;
		text-align: center !important;
		border: 0 !important;
	}
	.grassblade_table th {
		background: #FBB216 !important;
		color: white !important;
	}
	.grassblade_table td {
		background: #B7CF3C !important;
		border-top: 5px solid white !important;
	}
	.grassblade_table tr.tr_odd.gb_status_expired td, .grassblade_table tr.tr_even.gb_status_expired td {
		background-color: #a8a8a8 !important;
	}
	.grassblade_table .gb_status_expired span {
		background-color: #d75454;
		border-radius:5px;
		font-size: 10px;
		margin-left: 10px;
		padding: 4px;
		color:white;
	}
	.grassblade_table tr.tr_odd td, .grassblade_table tr.odd td {
		background: #90B53D !important;
	}
	/* GrassBlade Table */

	#aspect_slider {
		margin-left: 20px;
		position: relative;
		top: 5px;
	}
	#aspect_slider::-webkit-slider-thumb {
		-webkit-appearance: none; /* Override default look */
		appearance: none;
		width: 25px; /* Set a specific slider handle width */
		height: 25px; /* Slider handle height */
		background: #4CAF50; /* Green background */
		cursor: pointer; /* Cursor on hover */
	}
	#aspect_slider_value {
		width: 60px;
	}
	.grassblade_aspect_ratio {
		background: skyblue;
		padding: 5px;
		color: white;
		border-radius: 4px;
		font-size: 12px;
		cursor: pointer;
	}

	/* GrassBlade Result Loader */
	.gb-loader {
	  border: 4px solid #f3f3f3;
	  border-radius: 50%;
	  border-top: 4px solid #5F5F65;
	  width: 40px;
	  height: 40px;
	  margin-bottom: 15px !important;
	  -webkit-animation: spin 2s linear infinite;
	  animation: spin 2s linear infinite;
	}

	/* Safari */
	@-webkit-keyframes spin {
	  0% { -webkit-transform: rotate(0deg); }
	  100% { -webkit-transform: rotate(360deg); }
	}

	@keyframes spin {
	  0% { transform: rotate(0deg); }
	  100% { transform: rotate(360deg); }
	}

	.gb-icon-img {
		vertical-align: middle !important;
		cursor: pointer;
		margin: auto;
	}

	.grassblade_popup {
		max-width: 95%;
		max-height: 95%;
		bottom: 2%;
		left: 2%;
		right: 2%;
		top: 2%;
		overflow-y: auto;
		height: 95%;
	}

	.gb-pointer, a.gb-quiz-report{
		cursor: pointer;
	}
	.grassblade-search{
		padding: 5px;
	}
	.grassblade-search input {
		width: 30%;
	}
	.grassblade-search-found {
		background-color: yellow;
	}
	#grassblade_setting_search {
		width: 100%;
		line-height: 30px;
		font-size: 18px;
		border-radius: 5px;
	}

	.gb_test {
		padding: 20px;
		margin: 20px;
		background: #ffe2c4;
		border-radius: 5px;
		border: 1px solid #ffbc00;
	}

	.gb_test_success {
		color: green;
		padding: 20px;
	}
	.gb_test_error {
		color: red;
		display: list-item;
		margin-left: 40px;
		margin-top: 10px;
	}
	.gb_red {
		color: red;
	}
	.grassblade_lrs_settings_update {
		font-size: 1.5em;
		color: red;
		padding: 20px;
		text-align: center;
	}
	.grassblade_lrs_settings_update2 {
		padding: 20px;
		text-align: center;
	}
	.grassblade_bulk_settings .grassblade_field_group {
	    margin: 5px 0;
	}
	.field_yellow {
		color: #333;
		background: yellow;
		padding: 5px;
		border: 1px solid #333;
		border-radius: 3px;
	}
	#quiz_continue_link[disabled] {
		pointer-events: none;
		cursor: default;
		background: #4c4c4c!important;
		filter: grayscale(100%);
	}
	body.wp-admin.wp-editor .grassblade, body.wp-admin.block-editor-page .edit-post-visual-editor .grassblade {
		border-left: 15px solid #8080801a;
	}

	dd.grassblade_progress {
		position: relative;
		display: block;
		border: 1px solid black;
		width: 100%;
		height: 16px;
		margin: 0 0 2px;
		background-color: white;
		padding:0;
	}

	dd.grassblade_progress div.grassblade_progress_blue {
		position: relative;
		background-color: blue;
		height: 16px;
		width: 75%;
		text-align:right;
		display:block;
	}

	#gb_meta_box_extra_message {
		background: yellow;
		padding: 5px;
		margin-top: 5px;
	}

	.wp-admin .wp-block.gb_voc:before {
		content: "\f177";
		font-family: 'dashicons';
		background: white;
		width: 100% !important;
		top: -15px !important;
		color: gray;
	}

	.wp-admin .wp-block.gb_voc:hover:before {
		font-style: italic;
	}

	.gb_form_info {
		display: inline-block;
	}
	#field-src .gb_form_info .gb_src_tools {
		margin-right: 5px;
	}
	#field-src .gb_form_info .gb_src_tools .dashicons-no {
		line-height: 30px;
    	cursor: pointer;
	}
	#field-src .gb_form_info .dashicons-admin-tools {
		cursor: pointer;
	}
	.gb_tooltip {
		position: relative;
		display: inline-block;
		border-bottom: 1px dotted black;
	}

	.gb_tooltip .tooltiptext {
		visibility: hidden;
		width: 300px;
		background-color: black;
		color: #fff;
		text-align: center;
		border-radius: 6px;
		padding: 5px;
		white-space: break-spaces;
		line-height: 17px;
		cursor: default;

		/* Position the tooltip */
		position: absolute;
		z-index: 1;
	}
	.gb_tooltip:hover .tooltiptext {
		visibility: visible;
	}
	.gb_tooltip .tooltiptext-right {
		top: -5px;
		left: 105%;
	}
	.gb_tooltip .tooltiptext-left {
		top: -5px;
		right: 105%;
	}
	.gb_tooltip .tooltiptext-top {
		width: 300px;
		bottom: 100%;
		left: 50%;
		margin-left: -60px; /* Use half of the width (120/2 = 60), to center the tooltip */
	}
	.gb_tooltip .tooltiptext-bottom {
		width: 300px;
		top: 100%;
		left: 50%;
		margin-left: -60px; /* Use half of the width (120/2 = 60), to center the tooltip */
	}
	.gb_tooltip.tooltip-locked .tooltiptext {
		visibility: visible !important;
	}
	.gb_revisions:hover span.gb_switch_revision_link, .gb_revisions_reset:hover, .gb_revisions .file_versions:hover {
		display: inline-block !important;
		cursor: pointer;
	}
	.gb_revisions:hover span:hover, .gb_revisions .file_versions:hover {
		color: orange;
	}
	.gb_revisions.switched_to span.gb_switch_revision_link {
		display: none !important;
	}
	.gb_revisions.switched_to, .gb_revisions_reset {
		color: orange;
	}
	.gb_revisions.file_version_selected {
		color: red;
	}
	.gb_revisions.file_version_selected .gb_delete_revisions {
		display: inline-block !important;
		cursor: pointer;
	}
	.gb_revisions.file_version_selected .gb_switch_revision_link, .gb_revisions.file_version_selected:hover .gb_switch_revision_link {
		display: none !important;
	}

	#field-blacklist_urls_html td:first-child {
		display: none;
	}
	#grassblade_delete_folders_table .delete_folder_button {
		background-color: red;
		color: white;
	}
	.gb_warning {
		color: red;
		font-size: 16px;
		margin: 10px;
	}
	.gb_table_search_div {
		padding: 5px;
	}
	.grassblade_table #grassblade_all_settings td, .grassblade_table #grassblade_all_settings th {
		max-width: 300px;
		border: 1px solid #ccc !important;
		overflow-wrap: break-word;
		word-break: normal;
	}
	#grassblade_all_settings_body {
		overflow: scroll hidden;
		overflow-y: auto;
		width: max-content;
	}
	#grassblade_all_settings_body div {
		padding: 0;
		margin: 0;
	}
	#grassblade_all_settings_body .gb_table_search_div {
		position: sticky;
		top: 0;
		background: white;
		margin-left: 10px;
		margin-top: 5px;
		width: 100%;
		height: 36px;
	}
	#grassblade_all_settings_body .gb_table_search_div > div {
		display: inline-block;
	}
	#grassblade_all_settings_body .gb_table_search_div > div.search_box {
		position: fixed;
	}
	#grassblade_all_settings_body .gb_table_search_div input {
		height: 30px;
		line-height: 28px;
	}
	#grassblade_all_settings_body .gb_table_search_div input[type="submit"] {
		padding: 0 20px;
		position: fixed;
		right: 5px;
		top: 5px;
	}
	#grassblade_all_settings_body .grassblade_table {
		margin: 0px 10px;
	}
	#grassblade_all_settings_body .grassblade_table thead {
		position: sticky;
		top: 36px;
	}

	/* Manage Integrations Page */
	.page-gb-integrations form {
		background: white;
		padding: 30px;
		margin-top: 10px;
	}

	.page-gb-integrations h1 {
		font-size: 20px !important;
		font-weight: 500 !important;
		background-repeat: no-repeat;
		padding-left: 35px !important;
		background-position: left;
		background-position-y: center;
	}

	.gb_group_leaders_dropdown .select2-container .select2-selection--multiple .select2-selection__rendered {
		white-space: normal;
		width: max-content;
	}
	.gb_group_leaders_dropdown .select2-search__field {
		width: 100% !important;
	}
	.gb_group_leaders_dropdown .select2-container .select2-search--inline {
		float: right;
	}
	.gb_group_leaders_dropdown ul {
		margin: 0;
	}
	.gb_link {
		cursor: pointer;
		color: royalblue;
	}
	.gb_link:hover {
		cursor: pointer;
		color: darkorchid;
	}

	#grassblade_add_to_content_box .select2-container {
		width: 100% !important;
	}

	/* Admin Report Quiz & Question Report Popup box */
	#grassblade_quiz_report, #grassblade_question_report {
		position: absolute;
		height: 99%;
		width: 100%;
	}
	/* End Admin Report Quiz & Question Report Popup box */
.gb_voc {
    display: none !important;
    visibility: hidden !important;
}
.grassblade-button-disabled {
    opacity: 0.3;
    pointer-events: none;
}
.gb_voc {
    display: none !important;
    visibility: hidden !important;
}
.grassblade-button-disabled {
    opacity: 0.3;
    pointer-events: none;
}
/* Fields */
.xoo-aff-input-group {
    position: relative;
    display: flex;
    border-collapse: separate;
    width: 100%;
}

.xoo-aff-input-group:first-child {
    border-right: 0;
}

.xoo-aff-group input{
    box-sizing: border-box;
}


.xoo-aff-input-group .xoo-aff-input-icon {
    padding: 6px 0;
    font-size: 14px;
    text-align: center;
    border-radius: 4px;
    align-items: center;
    height: auto;
    align-self: stretch;
    display: flex;
    width: 100%;
    justify-content: center;
    border-style: solid;
}

.xoo-aff-group input[type="text"], .xoo-aff-group input[type="password"], .xoo-aff-group input[type="email"], .xoo-aff-group input[type="number"], .xoo-aff-group select, .xoo-aff-group select + .select2, .xoo-aff-group input[type="tel"], .xoo-aff-group input[type="file"]{
    flex-grow: 1;
    min-width: 1px;
    margin: 0;
    position: relative;
    z-index: 2;
    width: 100%!important;
    margin-bottom: 0!important;
    height: 50px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 3.428571;
    background-image: none;
    border: 1px solid #ccc;
    border-style: solid;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    outline: 0;
}

.xoo-aff-group input::file-selector-button {
    background-color: transparent;
    border: 0;
    padding: 0;
    margin-right: 10px;
}


.xoo-aff-group label{
    font-weight: 600;
    display: block;
    margin-bottom: 5px;
}

.xoo-aff-group {
    float: left;
    width: calc(100% - 20px);
    position: relative;
}

.xoo-aff-group.onehalf{
    width: calc(50% - 20px);
    margin-right: 20px;
}

.xoo-aff-group.onethird {
    width: calc(30% - 20px);
    margin-right: 20px;
}


.xoo-aff-group.twothird {
    width: calc(70% - 20px);
    margin-right: 20px;
}

.xoo-aff-group.onefourth {
    width: calc(25% - 20px);
    margin-right: 20px;
}

.xoo-aff-group.threefourth {
    width: calc(75% - 20px);
    margin-right: 20px;
}


div#ui-datepicker-div {
    z-index: 99999999999!important;
}
.xoo-aff-single_checkbox .xoo-aff-label{
    display: none;
}

.xoo-aff-options-list label {
    font-weight: 400;
}

.xoo-aff-fields {
    display: table;
    width: 100%;
}
.xoo-aff-group.xoo-aff-checkbox_single {
    min-height: auto;
}

.xoo-aff-group.one.xoo-aff-checkbox_single {
    margin-bottom: 10px;
}

.xoo-aff-group.xoo-aff-cont-checkbox_single {
    margin-bottom: 5px;
}


/* Password Strength */
.xoo-aff-password-strength {
    text-align: center;
    font-weight: 600;
    padding: 3px 0.5em;
    font-size: 1em;
}

.xoo-aff-password-strength.strong {
    background-color: #c1e1b9;
    border-color: #83c373;
}

.xoo-aff-password-strength.short {
    background-color: #f1adad;
    border-color: #e35b5b;
}

.xoo-aff-password-strength.bad {
    background-color: #fbc5a9;
    border-color: #f78b53;
}

.xoo-aff-password-strength.good {
    background-color: #ffe399;
    border-color: #ffc733;
}

.xoo-aff-password-hint {
    margin: 0.5em 0 0;
    display: block;
}

.xoo-aff-radio input, .xoo-aff-checkbox_single input, .xoo-aff-checkbox_list input {
    margin-right: 5px;
}


/* Select 2 */
body .select2-dropdown {
    z-index: 99999999999;
}

.xoo-aff-group .select2-container .select2-selection.select2-selection--single {
    border: 0;
    height: 100%;
    background-color: transparent;
    margin: 0 0 0 0;
    border-radius: 0;
    line-height: inherit;
    padding: 0;
}

.xoo-aff-group .select2.select2-container .select2-selection .select2-selection__rendered {
    padding: 0;
    line-height: inherit;
    height: inherit;
}

.xoo-aff-group .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 50%;
    transform: translateY(-50%);
}


.xoo-aff-group .select2-container *:focus {
    outline: none;
}

div.xoo-aff-group select.xoo-aff-field, div.xoo-aff-group select.xoo-aff-field + .select2 {
    padding-top: 0;
    padding-bottom: 0;
}


select.xoo-aff-states{
    display: none;
}



.xoo-aff-flag-cont {
    display: flex;
    align-items: center;
    height: inherit;
} 
.xoo-aff-flag-cont span:nth-child(1) {
    margin-right: 6px;
}
 
.select2-results .xoo-aff-flag-cont span:nth-child(2) {
    font-size: 12px;
}

span.xoo-aff-pwtog-hide {
    display: none;
}

.xoo-aff-pw-toggle {
    display: flex;
    align-items: center;
    right: 5px;
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    user-select: none;
}

.xoo-aff-pw-toggle > * {
    cursor: pointer;
    padding: 5px;
}

.xoo-aff-select2-dropdown {
    min-width: 140px;
}

/* Profile */
label.xoo-aff-file-profile input[type="file"] {
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    position: absolute !important;
    top: 30px !important;
    z-index: -1;
}

label.xoo-aff-file-profile .xoo-aff-input-icon {
    border: 0;
    margin: 0 auto;
    padding: 0;
    background-color: transparent;
    position: relative;
}

label.xoo-aff-file-profile {
    display: table;
    margin: 0 auto;
}

label.xoo-aff-file-profile .xoo-aff-input-group {
    margin: 0 auto;
    display: table;
    width: auto;
    cursor: pointer;
}


.xoo-ff-file-pladd, .xoo-ff-file-plcheck {
    position: absolute;
    background-color: #fff;
    padding: 2px;
    border-radius: 50%;
    bottom: 0px;
    right: 0;
    z-index: 5;
}

.xoo-aff-file-profile .xoo-ff-file-plcheck {
    color: #058105;
    display: none;
}

.xoo-aff-file-profile-cont:not(.one) + .xoo-aff-group:not(.one) {
    align-self: center;
}

.xoo-ff-file-preview{
    border-radius: 50%;
}

.xoo-aff-file-profile-cont .xoo-ff-files{
    text-align: center;
}

.xoo-aff-file-profile-cont .xoo-aff-label {
    margin-top: 5px;
    margin-bottom: 0;
}

.xoo-aff-isfocused.xoo-aff-group .xoo-aff-file-profile .xoo-aff-input-icon {
    background-color: transparent;
    border: 0;
}


.xoo-aff-auto-fetch-loc {
    font-size: 90%;
    cursor: pointer;
    margin-top: 5px;
    margin-bottom: -10px;
    display: block;
    text-align: right;
}

.xoo-aff-auto-fetch-loc span{
    margin: 0 5px;
}

.pac-container{
    z-index: 9999999999;
}

.xoo-aff-one-line .xoo-aff-radio {
    display: inline-flex;
    flex-wrap: wrap;
}

.xoo-aff-one-line .xoo-aff-radio label {
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}




/* RTL */
body.rtl .xoo-aff-pw-toggle {
    left: 5px;
    right: auto;
}


body.rtl .xoo-aff-flag-cont span:nth-child(1) {
    margin-left: 10px;
    margin-right: 0;
    padding-right: 0;
}

body.rtl .xoo-aff-group {
    float: right;
}

body.rtl .xoo-aff-radio input, body.rtl .xoo-aff-checkbox_single input, body.rtl .xoo-aff-checkbox_list input{
    margin-left: 5px;
    margin-right: 0;
}

body.rtl .xoo-aff-group:not(.one){
    margin-left: 20px;
    margin-right: 0;
}



@media only screen and (max-width: 450px) {
    .xoo-aff-group.onehalf , .xoo-aff-group.onefourth, .xoo-aff-group.onethird , .xoo-aff-group, .xoo-aff-group.twothird {
        width: 100%;
        margin-right: 0;
    }
    .xoo-aff-group {
        margin-right: 0;
    }
    body.rtl .xoo-aff-group:not(.one){
        margin-left: 0;
    }
}
/* Fields */
.xoo-aff-input-group {
    position: relative;
    display: flex;
    border-collapse: separate;
    width: 100%;
}

.xoo-aff-input-group:first-child {
    border-right: 0;
}

.xoo-aff-group input{
    box-sizing: border-box;
}


.xoo-aff-input-group .xoo-aff-input-icon {
    padding: 6px 0;
    font-size: 14px;
    text-align: center;
    border-radius: 4px;
    align-items: center;
    height: auto;
    align-self: stretch;
    display: flex;
    width: 100%;
    justify-content: center;
    border-style: solid;
}

.xoo-aff-group input[type="text"], .xoo-aff-group input[type="password"], .xoo-aff-group input[type="email"], .xoo-aff-group input[type="number"], .xoo-aff-group select, .xoo-aff-group select + .select2, .xoo-aff-group input[type="tel"], .xoo-aff-group input[type="file"]{
    flex-grow: 1;
    min-width: 1px;
    margin: 0;
    position: relative;
    z-index: 2;
    width: 100%!important;
    margin-bottom: 0!important;
    height: 50px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 3.428571;
    background-image: none;
    border: 1px solid #ccc;
    border-style: solid;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    outline: 0;
}

.xoo-aff-group input::file-selector-button {
    background-color: transparent;
    border: 0;
    padding: 0;
    margin-right: 10px;
}


.xoo-aff-group label{
    font-weight: 600;
    display: block;
    margin-bottom: 5px;
}

.xoo-aff-group {
    float: left;
    width: calc(100% - 20px);
    position: relative;
}

.xoo-aff-group.onehalf{
    width: calc(50% - 20px);
    margin-right: 20px;
}

.xoo-aff-group.onethird {
    width: calc(30% - 20px);
    margin-right: 20px;
}


.xoo-aff-group.twothird {
    width: calc(70% - 20px);
    margin-right: 20px;
}

.xoo-aff-group.onefourth {
    width: calc(25% - 20px);
    margin-right: 20px;
}

.xoo-aff-group.threefourth {
    width: calc(75% - 20px);
    margin-right: 20px;
}


div#ui-datepicker-div {
    z-index: 99999999999!important;
}
.xoo-aff-single_checkbox .xoo-aff-label{
    display: none;
}

.xoo-aff-options-list label {
    font-weight: 400;
}

.xoo-aff-fields {
    display: table;
    width: 100%;
}
.xoo-aff-group.xoo-aff-checkbox_single {
    min-height: auto;
}

.xoo-aff-group.one.xoo-aff-checkbox_single {
    margin-bottom: 10px;
}

.xoo-aff-group.xoo-aff-cont-checkbox_single {
    margin-bottom: 5px;
}


/* Password Strength */
.xoo-aff-password-strength {
    text-align: center;
    font-weight: 600;
    padding: 3px 0.5em;
    font-size: 1em;
}

.xoo-aff-password-strength.strong {
    background-color: #c1e1b9;
    border-color: #83c373;
}

.xoo-aff-password-strength.short {
    background-color: #f1adad;
    border-color: #e35b5b;
}

.xoo-aff-password-strength.bad {
    background-color: #fbc5a9;
    border-color: #f78b53;
}

.xoo-aff-password-strength.good {
    background-color: #ffe399;
    border-color: #ffc733;
}

.xoo-aff-password-hint {
    margin: 0.5em 0 0;
    display: block;
}

.xoo-aff-radio input, .xoo-aff-checkbox_single input, .xoo-aff-checkbox_list input {
    margin-right: 5px;
}


/* Select 2 */
body .select2-dropdown {
    z-index: 99999999999;
}

.xoo-aff-group .select2-container .select2-selection.select2-selection--single {
    border: 0;
    height: 100%;
    background-color: transparent;
    margin: 0 0 0 0;
    border-radius: 0;
    line-height: inherit;
    padding: 0;
}

.xoo-aff-group .select2.select2-container .select2-selection .select2-selection__rendered {
    padding: 0;
    line-height: inherit;
    height: inherit;
}

.xoo-aff-group .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 50%;
    transform: translateY(-50%);
}


.xoo-aff-group .select2-container *:focus {
    outline: none;
}

div.xoo-aff-group select.xoo-aff-field, div.xoo-aff-group select.xoo-aff-field + .select2 {
    padding-top: 0;
    padding-bottom: 0;
}


select.xoo-aff-states{
    display: none;
}



.xoo-aff-flag-cont {
    display: flex;
    align-items: center;
    height: inherit;
} 
.xoo-aff-flag-cont span:nth-child(1) {
    margin-right: 6px;
}
 
.select2-results .xoo-aff-flag-cont span:nth-child(2) {
    font-size: 12px;
}

span.xoo-aff-pwtog-hide {
    display: none;
}

.xoo-aff-pw-toggle {
    display: flex;
    align-items: center;
    right: 5px;
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    user-select: none;
}

.xoo-aff-pw-toggle > * {
    cursor: pointer;
    padding: 5px;
}

.xoo-aff-select2-dropdown {
    min-width: 140px;
}

/* Profile */
label.xoo-aff-file-profile input[type="file"] {
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    position: absolute !important;
    top: 30px !important;
    z-index: -1;
}

label.xoo-aff-file-profile .xoo-aff-input-icon {
    border: 0;
    margin: 0 auto;
    padding: 0;
    background-color: transparent;
    position: relative;
}

label.xoo-aff-file-profile {
    display: table;
    margin: 0 auto;
}

label.xoo-aff-file-profile .xoo-aff-input-group {
    margin: 0 auto;
    display: table;
    width: auto;
    cursor: pointer;
}


.xoo-ff-file-pladd, .xoo-ff-file-plcheck {
    position: absolute;
    background-color: #fff;
    padding: 2px;
    border-radius: 50%;
    bottom: 0px;
    right: 0;
    z-index: 5;
}

.xoo-aff-file-profile .xoo-ff-file-plcheck {
    color: #058105;
    display: none;
}

.xoo-aff-file-profile-cont:not(.one) + .xoo-aff-group:not(.one) {
    align-self: center;
}

.xoo-ff-file-preview{
    border-radius: 50%;
}

.xoo-aff-file-profile-cont .xoo-ff-files{
    text-align: center;
}

.xoo-aff-file-profile-cont .xoo-aff-label {
    margin-top: 5px;
    margin-bottom: 0;
}

.xoo-aff-isfocused.xoo-aff-group .xoo-aff-file-profile .xoo-aff-input-icon {
    background-color: transparent;
    border: 0;
}


.xoo-aff-auto-fetch-loc {
    font-size: 90%;
    cursor: pointer;
    margin-top: 5px;
    margin-bottom: -10px;
    display: block;
    text-align: right;
}

.xoo-aff-auto-fetch-loc span{
    margin: 0 5px;
}

.pac-container{
    z-index: 9999999999;
}

.xoo-aff-one-line .xoo-aff-radio {
    display: inline-flex;
    flex-wrap: wrap;
}

.xoo-aff-one-line .xoo-aff-radio label {
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}




/* RTL */
body.rtl .xoo-aff-pw-toggle {
    left: 5px;
    right: auto;
}


body.rtl .xoo-aff-flag-cont span:nth-child(1) {
    margin-left: 10px;
    margin-right: 0;
    padding-right: 0;
}

body.rtl .xoo-aff-group {
    float: right;
}

body.rtl .xoo-aff-radio input, body.rtl .xoo-aff-checkbox_single input, body.rtl .xoo-aff-checkbox_list input{
    margin-left: 5px;
    margin-right: 0;
}

body.rtl .xoo-aff-group:not(.one){
    margin-left: 20px;
    margin-right: 0;
}



@media only screen and (max-width: 450px) {
    .xoo-aff-group.onehalf , .xoo-aff-group.onefourth, .xoo-aff-group.onethird , .xoo-aff-group, .xoo-aff-group.twothird {
        width: 100%;
        margin-right: 0;
    }
    .xoo-aff-group {
        margin-right: 0;
    }
    body.rtl .xoo-aff-group:not(.one){
        margin-left: 0;
    }
}
:where(html.wpc-bgl255) div#grassblade_quiz_report .grassblade_popup,:where(html.wpc-bgl255) .gb_iframe_loader{background: url("/wp-content/plugins/grassblade/img/loader.gif") center center no-repeat white}:where(html.wpc-bgl255) .page-gb-integrations h1{background-image: url("/wp-content/plugins/grassblade/img/icon_30x30.png")}:where(html.wpc-bgl255) div#grassblade_quiz_report .grassblade_popup,:where(html.wpc-bgl255) .gb_iframe_loader{background: url("/wp-content/plugins/grassblade/img/loader.gif") center center no-repeat white}:where(html.wpc-bgl255) .page-gb-integrations h1{background-image: url("/wp-content/plugins/grassblade/img/icon_30x30.png")}