.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: url(../img/loader.gif) center center no-repeat white;
		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: right !important;
		padding-bottom: 2px !important;
		color: gray !important;
		margin: 0 !important;
		font-size: 11px !important;
	}
	.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 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%;
	}

	.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-image: url(../img/icon_30x30.png);
		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;
	}