:root {
  --color_main1: #ef107d;
  --color_main2: #4f107c;
  --auth_modal_opacity: 1;
  --auth_modal_bg_color: #ffffff;
  --grad_main1: #fff3eb;
  --grad_revert1: #10ef82;
  --studio-text-color: #313131;
}

/* Utility-style classes */
.color-main1 { color: var(--color_main1) !important; }
.stroke-main1 { stroke: var(--color_main1) !important; }
.fill-main1 { fill: var(--color_main1) !important; }
.border-main1 { border-color: var(--color_main1) !important; }
.bg-main1 { background-color: var(--color_main1) !important; }

.color-main2 { color: var(--color_main2) !important; }
.border-main2 { border-color: var(--color_main2) !important; }
.bg-main2 { background-color: var(--color_main2) !important; }

.vt-auth-opacity { opacity: var(--auth_modal_opacity); }
.vt-auth-modal-bg-color { background-color: var(--auth_modal_bg_color) !important; }

body.app, body.admin { 
    background: linear-gradient(233.56deg, var(--grad_main1) -21.9%, #FFF5E0 46.72%, #F8F8F8 115.74%); 
}

.dark body.app, .dark body.admin { 
    background: linear-gradient(233.56deg, var(--grad_revert1) -21.9%, #202225 46.72%, #453232 115.74%);
}

.v-sidenav .v-bg-side-active .MuiListItemIcon-root,
.v-sidenav .v-bg-side-active .v-side-symbol > span {
    color: var(--color_main1) !important;
}

/* Buttons */
.btn, .btn:hover, .button, .button:hover {
  box-shadow: none !important;
}

.subsection-header-actions .action-actions-menu li.nav-item {
  background-color: #ffffff !important;
}

.outline-complex .outline-subsection.is-ready {
  border-left-color: var(--color_main1) !important;
}

/* Primary buttons */
.v-button-primary,
.wrapper-mast .nav-actions ul > li.nav-item:first-child > a.button,
.content-primary .inner-wrapper a.button,
#page-prompt nav.nav-actions button.action-primary,
.view-textbooks .content-primary .no-textbook-content .button,
.view-textbooks .content-primary .textbook .edit-textbook .actions .action-primary,
.course-handouts .edit-button, 
.view-container .content-supplementary .unit-tags .wrapper-tags .action-primary,
.xmodule_display.xmodule_ProblemBlock div.problem .action .submit-attempt-container .submit,
.view-group-configurations .content-primary .wrapper-collection .collection-details .actions .action .edit,
.view-textbooks .content-primary .textbook .view-textbook .actions .action .view,
.view-textbooks .content-primary .textbook .view-textbook .actions .action .edit,
.form-create .actions .action-primary,
.wrapper-xblock .xblock-header-secondary .btn-primary,
[class*="view-"] .modal-window .modal-chin .action-primary,
[class*="view-"] .modal-window .xblock-actions .action-primary,
[class*="view-"] .modal-window .modal-actions .action-primary,
.poll-block-form-wrapper form button.submit,
.openassessment .list--actions .action--submit,
.openassessment .openassessment_student_info_form .action--submit-username,
[class*="view-"] .xblock-visibility_view .is-not-configured .button, 
.view-outline .content-primary .no-content .button, 
.view-static-pages .content-primary .add-pages .button, 
.view-container .content-primary .no-container-content .button, 
.view-textbooks .content-primary .no-textbook-content .button, 
.view-group-configurations .content-primary .no-content .button, 
.view-certificates .content-primary .no-content .button, 
[class*="view-"] .xblock-visibility_view .is-not-configured .action, 
.view-outline .content-primary .no-content .action, 
.view-static-pages .content-primary .add-pages .action, 
.view-container .content-primary .no-container-content .action, 
.view-textbooks .content-primary .no-textbook-content .action, 
.view-group-configurations .content-primary .no-content .action, 
.view-certificates .content-primary .no-content .action, 
.add-xblock-component .new-component .new-component-type .add-xblock-component-button, 
.wrapper-mast .mast.has-actions .nav-actions .button.new-button, 
.wrapper-mast .mast.has-actions .nav-actions .button.button-new, 
.notification.has-actions .action-primary.new-button, 
.notification.has-actions .action-primary.button-new, 
.notice-create.has-actions .list-actions .action-primary, 
.view-uploads .no-asset-content .new-button, 
.view-dashboard .content .notice-incontext.has-actions .list-actions .action-create-course, 
.view-dashboard .content .notice-incontext.has-actions .list-actions .action-create-library, 
.view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .action-create-course, 
.view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .action-create-library, 
.view-import .action-choose-file, 
.view-import .wrapper-file-name .submit-button, 
.view-settings .group-settings.assignment-types .actions .new-button, 
.view-settings .group-settings.course-learning-info .actions .new-button, 
.view-settings .group-settings.instructor-types .actions .new-button, 
.view-team .content .notice-create.has-actions .list-actions .action-primary, 
.wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .button, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .action
{
  box-shadow: none !important;
  text-decoration: none;
  display: inline-flex !important;
  justify-content: center;
  align-items: center;

  background-color: var(--color_main1) !important;
  background-image: none !important;
  color: #ffffff !important;

  border-radius: 5px !important;
  min-height: 3.5rem;

  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;

  border-width: 1px !important;
  border-style: solid !important;
  border-color: var(--color_main1) !important;

  font-weight: 400 !important;

  /* Note: this overrides px above as in your original */
  padding: initial;

  transition-property: all !important;
  transition-duration: 150ms !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.v-button-primary:hover,
.wrapper-mast .nav-actions ul > li.nav-item:first-child > a.button:hover,
.content-primary .inner-wrapper a.button:hover,
#page-prompt nav.nav-actions button.action-primary:hover,
.view-textbooks .content-primary .no-textbook-content .button:hover,
.view-textbooks .content-primary .textbook .edit-textbook .actions .action-primary:hover, 
.course-handouts .edit-button:hover, 
.view-container .content-supplementary .unit-tags .wrapper-tags .action-primary:hover,
.xmodule_display.xmodule_ProblemBlock div.problem .action .submit-attempt-container .submit:hover,
.view-group-configurations .content-primary .wrapper-collection .collection-details .actions .action .edit:hover,
.view-textbooks .content-primary .textbook .view-textbook .actions .action .view:hover,
.view-textbooks .content-primary .textbook .view-textbook .actions .action .edit:hover,
.form-create .actions .action-primary:hover,
.wrapper-xblock .xblock-header-secondary .btn-primary:hover,
[class*="view-"] .modal-window .modal-chin .action-primary:hover,
[class*="view-"] .modal-window .xblock-actions .action-primary:hover,
[class*="view-"] .modal-window .modal-actions .action-primary:hover,
.poll-block-form-wrapper form button.submit:hover,
.openassessment .list--actions .action--submit:hover,
.openassessment .openassessment_student_info_form .action--submit-username:hover,
[class*="view-"] .xblock-visibility_view .is-not-configured .button:hover, 
.view-outline .content-primary .no-content .button:hover, 
.view-static-pages .content-primary .add-pages .button:hover, 
.view-container .content-primary .no-container-content .button:hover, 
.view-textbooks .content-primary .no-textbook-content .button:hover, 
.view-group-configurations .content-primary .no-content .button:hover, 
.view-certificates .content-primary .no-content .button:hover, 
[class*="view-"] .xblock-visibility_view .is-not-configured .action:hover, 
.view-outline .content-primary .no-content .action:hover, 
.view-static-pages .content-primary .add-pages .action:hover, 
.view-container .content-primary .no-container-content .action:hover, 
.view-textbooks .content-primary .no-textbook-content .action:hover, 
.view-group-configurations .content-primary .no-content .action:hover, 
.view-certificates .content-primary .no-content .action:hover, 
.add-xblock-component .new-component .new-component-type .add-xblock-component-button:hover, 
.wrapper-mast .mast.has-actions .nav-actions .button.new-button:hover, 
.wrapper-mast .mast.has-actions .nav-actions .button.button-new:hover, 
.notification.has-actions .action-primary.new-button:hover, 
.notification.has-actions .action-primary.button-new:hover, 
.notice-create.has-actions .list-actions .action-primary:hover, 
.view-uploads .no-asset-content .new-button:hover, 
.view-dashboard .content .notice-incontext.has-actions .list-actions .action-create-course:hover, 
.view-dashboard .content .notice-incontext.has-actions .list-actions .action-create-library:hover, 
.view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .action-create-course:hover, 
.view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .action-create-library:hover, 
.view-import .action-choose-file:hover, 
.view-import .wrapper-file-name .submit-button:hover, 
.view-settings .group-settings.assignment-types .actions .new-button:hover, 
.view-settings .group-settings.course-learning-info .actions .new-button:hover, 
.view-settings .group-settings.instructor-types .actions .new-button:hover, 
.view-team .content .notice-create.has-actions .list-actions .action-primary:hover, 
.wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .button, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .action:hover
{
  opacity: 0.9;
  color: #ffffff !important;
}

#root.SFE .btn-primary {
    color: #fff;
    background-color: var(--color_main1) !important;
    border-color: var(--color_main1) !important;
}

#root.SFE .btn-secondary {
    color: var(--studio-text-color) !important;
    background-color: transparent !important;
    border-color: var(--color_main1) !important;
}

/* Secondary buttons */
.v-button-secondary,
.wrapper-mast .nav-actions ul > li.nav-item:first-child ~ li.nav-item > a.button,
.content-supplementary .external-help a.button,
.content-primary .inner-wrapper li.component button.btn-default,
#page-prompt nav.nav-actions a.action-secondary,
#root.SFE .btn-outline-primary:not(.search-btn),
.view-group-configurations .content-primary .wrapper-collection .collection-details .actions .action .delete,
.view-textbooks .content-primary .textbook .view-textbook .actions .action .delete,
.view-textbooks .content-primary .textbook .edit-textbook .actions .action-secondary,
.form-create .actions .action-secondary,
[class*="view-"] .modal-window .modal-chin .openassessment_cancel_button,
[class*="view-"] .modal-window .xblock-actions .openassessment_cancel_button,
[class*="view-"] .modal-window .modal-actions .openassessment_cancel_button,
[class*="view-"] .modal-window .modal-chin .cancel-button,
[class*="view-"] .modal-window .xblock-actions .cancel-button,
[class*="view-"] .modal-window .modal-actions .cancel-button,
[class*="view-"] .modal-window .modal-chin .action-button,
[class*="view-"] .modal-window .xblock-actions .action-button,
[class*="view-"] .modal-window .modal-actions .action-button,
.add-xblock-component .new-component-templates .cancel-button {
  text-decoration: none;
  display: inline-flex !important;
  justify-content: center;
  align-items: center;

  background-color: transparent !important;
  background-image: none !important;
  color: #333333 !important;

  border-radius: 5px !important;
  min-height: 3.5rem;

  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;

  border-width: 1px !important;
  border-style: solid !important;
  border-color: #ced0d0 !important;

  font-weight: 400 !important;

  /* Note: this overrides px above as in your original */
  padding: initial;

  transition-property: all !important;
  transition-duration: 150ms !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.wrapper-comp-settings .file-uploader .upload-setting,
.wrapper-comp-settings .list-input.settings-list .metadata-list-enum .create-setting,
.wrapper-comp-settings .list-input.settings-list .metadata-dict .create-setting,
.paste-component .paste-component-button,
.bit .external-help-button,
.view-outline .new-subsection-item,
.view-outline .new-unit-item,
.view-outline .outline-complex .outline-subsection .subsection-header-actions .actions-list .proctoring-configuration-button,
.view-settings .group-settings #field-course-image .wrapper-input .action-upload-image,
.view-settings .group-settings #field-banner-image .wrapper-input .action-upload-image,
.view-settings .group-settings #field-video-thumbnail-image .wrapper-input .action-upload-image,
.view-settings .group-settings.instructor-types .field-group .wrapper-input .action-upload-instructor-image,
.view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field-group .field .action-upload,
.view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field-group .field .action-upload,
.view-textbooks .content-primary .textbook .edit-textbook .action-add-chapter,
.view-group-configurations .content-primary .wrapper-collection .action-add-item,
.view-group-configurations .content-primary .action-add,
.view-certificates .wrapper-collection .collection-edit .action-add-signatory,
.view-certificates .wrapper-collection .action-add-item,
.view-certificates .action-add,
.view-certificates .certificates .signatory-edit .field .signature-upload-wrapper .action-upload-signature,
.xmodule_VideoBlock .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .create-setting,
.xmodule_VideoBlock .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .upload-setting
{
	text-decoration: none;
	display: inline-flex !important;
	justify-content: center;
	align-items: center;

	background-color: transparent !important;
	color: #333333 !important;

	border-radius: 5px !important;

	padding-left: 1.5rem !important;
	padding-right: 1.5rem !important;

	border-width: 1px !important;
	border-style: solid !important;
	border-color: #ced0d0 !important;

	font-weight: 400 !important;

	/* Note: this overrides px above as in your original */
	padding: initial;

	transition-property: all !important;
	transition-duration: 150ms !important;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.v-button-secondary:hover,
.wrapper-mast .nav-actions ul > li.nav-item:first-child ~ li.nav-item > a.button:hover,
.content-supplementary .external-help a.button:hover,
.content-primary .inner-wrapper li.component button.btn-default:hover,
#page-prompt nav.nav-actions a.action-secondary:hover,
#root.SFE .btn-outline-primary:hover,
.wrapper-comp-settings .file-uploader .upload-setting:hover,
.wrapper-comp-settings .list-input.settings-list .metadata-list-enum .create-setting:hover,
.wrapper-comp-settings .list-input.settings-list .metadata-dict .create-setting:hover,
.paste-component .paste-component-button:hover,
.bit .external-help-button:hover,
.view-outline .new-subsection-item:hover,
.view-outline .new-unit-item:hover,
.view-outline .outline-complex .outline-subsection .subsection-header-actions .actions-list .proctoring-configuration-button:hover,
.view-settings .group-settings #field-course-image .wrapper-input .action-upload-image:hover,
.view-settings .group-settings #field-banner-image .wrapper-input .action-upload-image:hover,
.view-settings .group-settings #field-video-thumbnail-image .wrapper-input .action-upload-image:hover,
.view-settings .group-settings.instructor-types .field-group .wrapper-input .action-upload-instructor-image:hover,
.view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field-group .field .action-upload:hover,
.view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field-group .field .action-upload:hover,
.view-textbooks .content-primary .textbook .edit-textbook .action-add-chapter:hover,
.view-group-configurations .content-primary .wrapper-collection .action-add-item:hover,
.view-group-configurations .content-primary .action-add:hover,
.view-certificates .wrapper-collection .collection-edit .action-add-signatory:hover,
.view-certificates .wrapper-collection .action-add-item:hover,
.view-certificates .action-add:hover,
.view-certificates .certificates .signatory-edit .field .signature-upload-wrapper .action-upload-signature:hover,
.xmodule_VideoBlock .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .create-setting:hover,
.xmodule_VideoBlock .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .upload-setting:hover,
.view-textbooks .content-primary .textbook .edit-textbook .actions .action-secondary:hover,
.view-textbooks .content-primary .textbook .view-textbook .actions .action .delete:hover,
.view-group-configurations .content-primary .wrapper-collection .collection-details .actions .action .delete:hover,
.form-create .actions .action-secondary:hover,
[class*="view-"] .modal-window .modal-chin .openassessment_cancel_button:hover,
[class*="view-"] .modal-window .xblock-actions .openassessment_cancel_button:hover,
[class*="view-"] .modal-window .modal-actions .openassessment_cancel_button:hover,
[class*="view-"] .modal-window .modal-chin .cancel-button:hover,
[class*="view-"] .modal-window .xblock-actions .cancel-button:hover,
[class*="view-"] .modal-window .modal-actions .cancel-button:hover,
[class*="view-"] .modal-window .modal-chin .action-button:hover,
[class*="view-"] .modal-window .xblock-actions .action-button:hover,
[class*="view-"] .modal-window .modal-actions .action-button:hover,
.add-xblock-component .new-component-templates .cancel-button:hover
{
  opacity: 0.9;
  border-color: var(--color_main1) !important;
}

.view-static-pages .wrapper-actions-list .actions-list .action-item.action-visible .toggle-checkbox:hover ~ .action-button {
  background-color: var(--color_main1);
}

/* Boxes */
.v-box-primary,
.view-dashboard .list-courses
{
  border: 1px solid #d1d5db !important;
  border-color: #d1d5db !important;
  border-radius: 5px !important;
  overflow: hidden;
}

.v-box-primary-left,
.view-updates .main-column {
  border: 1px solid #d1d5db !important;
  border-color: #d1d5db !important;

  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.v-box-primary-right,
.view-updates .course-handouts {
  border: 1px solid #d1d5db !important;
  border-color: #d1d5db !important;

  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.view-updates .course-handouts {
  border-left: 0 !important;
}

/* Static pages */
.view-static-pages .content-primary .add-pages {
  background-color: #ffffff;
  box-shadow: none;
}

/* Supplementary content bit */
.content-supplementary .bit {
  border: 1px solid #d1d5db !important;
  border-color: #d1d5db !important;
  border-radius: 5px;
  padding: 20px;
  overflow: auto;
  padding-bottom: 20px !important;
}

/* Studio text color */
.studio-default-black,
#root.SFE .status-link,
.view-outline .highlights-button {
  color: var(--studio-text-color) !important;
}

.view-outline .number-highlights {
  background-color: var(--studio-text-color) !important;
}

/* SFE wrapper */
#root.SFE .SFE-wrapper {
  background-color: #ffffff !important;
}

#root.SFE .page-item.active .page-link {
  color: var(--studio-text-color) !important;
  background: transparent !important;
}

#root.SFE .table thead th {
  border-bottom: 0 !important;
}

#root.SFE .form-group .search-field.focused {
  border-color: var(--color_main1) !important;
  box-shadow: none !important;
}

/* Static pages toggles + modal close */
.view-static-pages .wrapper-actions-list .actions-list .action-item.action-visible .toggle-checkbox:hover ~ .action-button,
.view-static-pages .wrapper-actions-list .actions-list .action-item.action-visible .toggle-checkbox:checked:hover ~ .action-button {
  background-color: var(--color_main1) !important;
}

.content-modal .action-modal-close:hover,
.content-modal .action-modal-close:active {
  background: var(--color_main1) !important;
}

/* Remove box shadows in many views */
[class*="view-"] .xblock-visibility_view .is-not-configured,
.view-outline .content-primary .no-content,
.view-static-pages .content-primary .add-pages,
.view-container .content-primary .no-container-content,
.view-textbooks .content-primary .no-textbook-content,
.view-group-configurations .content-primary .no-content,
.view-certificates .content-primary .no-content,
.ui-loading,
.notice-incontext,
.view-uploads .no-asset-content,
.view-import .wrapper-file-name,
.view-group-configurations .content-primary .notice-moduledisabled,
.view-certificates .content-primary .notice-moduledisabled,
.view-textbooks .content-primary .textbook .edit-textbook .actions {
  box-shadow: none !important;
}

/* Inputs */
input[type="text"],
input[type="email"],
input[type="password"],
.view-settings .group-settings.advanced-policies .CodeMirror,
textarea.text {
  background-color: transparent !important;
  background-image: none !important;
  border-radius: 5px !important;
  box-shadow: none !important;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
.view-settings .group-settings.advanced-policies .CodeMirror.CodeMirror-focused,
textarea.text:focus {
  border-color: var(--color_main1) !important;
  box-shadow: #512B24 !important;
  outline: none !important;
}

input[type="radio"],
input[type="checkbox"] {
  accent-color: var(--color_main1) !important;
}

.view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field-group .action-close,
.view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field-group .action-close {
  color: #6b7280 !important; /* gray */
}


.view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field-group .action-close:hover, .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field-group .action-close:hover {
    color: var(--color_main1) !important;
}

.view-textbooks .content-primary .textbook .edit-textbook .action-add-chapter {
	height: 4rem !important;
}

#root.SFE input:focus,
.wrapper-xblock.level-element:hover {
	border-color: var(--color_main1) !important;
	box-shadow: none !important;
}


.view-dashboard #course-index-tabs li.active {
  border-bottom: 4px solid var(--color_main1) !important;
}

.view-dashboard #course-index-tabs li a {
  color: var(--studio-text-color) !important;
}

.view-settings .group-settings .list-input .field label.is-focused {
  color: #4c4c4c !important;
}

.view-group-configurations .content-primary .wrapper-collection .collection-header .title .toggle:hover, .view-group-configurations .content-primary .wrapper-collection .collection-header .title .toggle:focus {
  color: var(--color_main1) !important;
}

#root.SFE .search-btn.btn-outline-primary, #root.SFE .search-btn.btn-outline-primary:hover {
  border-color: var(--color_main1) !important;
  color: #333333 !important;
}

.view-outline .outline-complex .outline-section.is-collapsible .ui-toggle-expansion:hover,
.view-outline .outline-complex .outline-subsection.is-collapsible .ui-toggle-expansion:hover,
.view-outline .outline-complex .outline-section.is-collapsible .ui-toggle-expansion:active,
.view-outline .outline-complex .outline-subsection.is-collapsible .ui-toggle-expansion:active,
.jump-nav .nav-item .title:hover,
.jump-nav .nav-item .title:active
{
  color: var(--color_main1) !important;
}


.view-outline .outline-complex .outline-section .section-header .is-editable .incontext-editor-input:focus, .view-outline .outline-complex .outline-subsection .subsection-header .is-editable .incontext-editor-input:focus, .view-outline .outline-complex .outline-unit .unit-header .is-editable .incontext-editor-input:focus{
  color: var(--studio-text-color) !important;
}

.add-xblock-component .new-component .new-component-type .add-xblock-component-button {
  display: inline-block !important;
}

.xmodule_display.xmodule_SequenceBlock .sequence-nav-button.focused,
.xmodule_display.xmodule_SequenceBlock .sequence-nav-button:hover,
.xmodule_display.xmodule_SequenceBlock .sequence-nav-button:active,
.xmodule_display.xmodule_SequenceBlock .sequence-nav-button.active,
.xmodule_display.xmodule_SequenceBlock .sequence-nav button.focused,
.xmodule_display.xmodule_SequenceBlock .sequence-nav button:hover,
.xmodule_display.xmodule_SequenceBlock .sequence-nav button:active,
.xmodule_display.xmodule_SequenceBlock .sequence-nav button.active {
  border-bottom-color: var(--color_main1) !important;
}

.wrapper-xblock .wrapper-xblock .header-actions .actions-list .action-item .action-button:hover,
.wrapper-xblock .wrapper-xblock-message .xblock-message-actions .actions-list .action-item .action-button:hover,
.wrapper-message .message-actions .actions-list .action-item .action-button:hover,
[class*="view-"] .modal-window .modal-section-content .list-actions .action-item .action-button:hover,
.view-uploads .actions-list .action-item .action-button:hover,
.view-outline .course-status .status-actions .action-item .action-button:hover,
.view-outline .outline-complex .outline-section .section-header-actions .actions-list .action-item .action-button:hover,
.view-outline .outline-complex .outline-subsection .subsection-header-actions .actions-list .action-item .action-button:hover,
.view-outline .outline-complex .outline-unit .unit-header-actions .actions-list .action-item .action-button:hover,
.view-video-uploads .assets-library .actions-list .action-item .action-button:hover {
  background-color: var(--color_main1) !important;
  border-color: var(--color_main1) !important;
}

.xmodule_display.xmodule_ProblemBlock div.problem .choicegroup input:focus+label,
.xmodule_display.xmodule_ProblemBlock div.problem .choicetextgroup input:focus+label,
.xmodule_display.xmodule_ProblemBlock div.problem .choicegroup input:hover+label,
.xmodule_display.xmodule_ProblemBlock div.problem .choicetextgroup input:hover+label {
  border-color: var(--color_main1) !important;
}

.add-xblock-component {
  border: none !important;
  box-shadow: none !important;
}

.sequence-nav ol li .dropdown-main-button {
  border-right: none !important;
}

.course-status .status-studio-frontend .SFE .SFE-wrapper .d-block.status-value {
  margin-top: 12px !important;
}

.status-manage-tags .course-manage-tags-container .status-course-manage-tags-info {
  margin-top: 7px !important;
}

#page-alert:has(.wrapper.wrapper-alert.wrapper-alert-announcement.is-shown) {
  display: none !important;
}

.react-course-listing .list-courses .course-item a,
.bit .list-actions .action-item a {
  color: var(--studio-text-color) !important;
}

.react-course-listing .list-courses .course-item a:hover,
.bit .list-actions .action-item a:hover {
  color: var(--color_main1) !important;
}

.view-dashboard .course-item:hover {
  background-color: transparent !important;
}

[class*="view-"] .modal-window .modal-actions ul {
  display: flex !important;
}

[class*="view-"] .modal-window .modal-section .settings-tabs-header li.settings-tab-buttons .settings-tab-button:hover{
  color: var(--color_main1) !important;
}

[class*="view-"] .modal-window .modal-section .settings-tabs-header li.settings-tab-buttons .settings-tab-button.active {
  border-bottom-color: var(--color_main1) !important;
  color: var(--color_main1) !important;
}

.incontext-editor.is-editable .incontext-editor-open-action:hover, 
.incontext-editor.is-editable .access-button:hover, 
.view-group-configurations .content-primary .wrapper-collection .collection-details .actions .action .edit:hover, 
.view-certificates .wrapper-collection .collection-details .actions .action .edit:hover, 
.view-certificates .wrapper-collection .collection-details .actions .action .edit-signatory:hover, 
.incontext-editor.is-editable .incontext-editor-open-action:focus, 
.incontext-editor.is-editable .access-button:focus, 
.view-group-configurations .content-primary .wrapper-collection .collection-details .actions .action .edit:focus, 
.view-certificates .wrapper-collection .collection-details .actions .action .edit:focus, 
.view-certificates .wrapper-collection .collection-details .actions .action .edit-signatory:focus {
  background-color: var(--color_main1) !important;
}

.xmodule_display.xmodule_SequenceBlock .sequence-nav-button {
  border-color: var(--border-color, #e7e7e7) !important;
  border-width: 1px;
}

.view-static-pages .course-nav-item .course-nav-item-actions {
  position: relative;
  top: -5px;
}

#root.SFE .btn-link{
  color: var(--studio-text-color) !important;
}

#root.SFE .btn-link:hover {
  background-color: var(--color_main1) !important;
}

[class*="view-"] .modal-window .modal-chin .action-primary.disabled,
[class*="view-"] .modal-window .modal-chin .action-primary.is-disabled,
[class*="view-"] .modal-window .xblock-actions .action-primary.disabled,
[class*="view-"] .modal-window .xblock-actions .action-primary.is-disabled,
[class*="view-"] .modal-window .modal-actions .action-primary.disabled,
[class*="view-"] .modal-window .modal-actions .action-primary.is-disabled,
.form-create .actions .action-primary.is-disabled
{
  border: none !important;
  background: var(--color_main1) !important;
  opacity: 0.7;
}

.view-textbooks .content-primary .textbook:hover .actions{
  display: flex !important;
}

.v-unit-wrapper .incontext-editor .xblock-string-field-editor input.xblock-field-input {
  position: relative;
  top: 3px;
  border: 0;
  color: var(--studio-text-color);
  font-size: 35px;
}

.wrapper-comp-settings .list-input.settings-list .wrapper-comp-setting input[type="number"],
.wrapper-comp-settings .list-input.settings-list .wrapper-comp-setting input[type="text"],
.wrapper-comp-settings .list-input.settings-list .wrapper-comp-setting select,
.wrapper-comp-settings .list-input.settings-list .wrapper-comp-setting textarea {
  border: 1px solid #b2b2b2;
  width: 45% !important;
  color: var(--studio-text-color) !important;
}

.wrapper-comp-settings .list-input.settings-list .wrapper-comp-setting input[type="number"]:focus,
.wrapper-comp-settings .list-input.settings-list .wrapper-comp-setting input[type="number"]:focus-visible,
.wrapper-comp-settings .list-input.settings-list .wrapper-comp-setting input[type="text"]:focus,
.wrapper-comp-settings .list-input.settings-list .wrapper-comp-setting select:focus,
.wrapper-comp-settings .list-input.settings-list .wrapper-comp-setting textarea:focus {
  border: 1px solid var(--color_main1) !important;
  background-color: transparent !important;
  outline: none !important;
}

.wrapper-comp-settings .list-input.settings-list input[type="number"]:active {
  background-color: transparent !important;
}

.wrapper-comp-settings .list-input.settings-list .action.setting-clear {
  border: none;
}

.wrapper-comp-settings .list-input.settings-list .action.setting-clear:hover {
  background-color: var(--color_main1) !important;
  border: none;
}

.add-xblock-component .new-component-template .button-component:hover {
  background-color: var(--color_main1) !important;
}

.xblock--drag-and-drop .btn-default,
.modal-editor .btn-default {
  color: var(--color_main1) !important;
}

.xblock--drag-and-drop .btn-default:hover,
.modal-editor .btn-default:hover {
  border: 1px solid var(--color_main1) !important;
}

.wrapper-xblock .wrapper-xblock .header-actions .actions-list .action-item .action-button:focus,
.xblock--drag-and-drop .btn-default:focus,
.modal-editor .btn-default:focus
{
  border-color: transparent !important;
}

.wrapper-xblock .xblock-header-secondary .actions-list .action-item .action-button:hover {
  background-color: var(--color_main1) !important;
}

.add-xblock-component .problem-type-tabs {
  background-color: #ffffff !important;
  background-image: none !important;
}

.add-xblock-component .problem-type-tabs li {
  background-color: #ffffff !important;
  box-shadow: none !important;
}

.add-xblock-component .problem-type-tabs li:hover, .add-xblock-component .problem-type-tabs li.ui-state-active {
  border-bottom: 3px solid var(--color_main1) !important;
}

[class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .editor-button.is-set,
[class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .settings-button.is-set,
[class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .plugins-button.is-set,
#openassessment-editor #openassessment_editor_header .editor_tabs .ui-state-active.ui-state-default.oa_editor_tab:hover,
#openassessment-editor #openassessment_editor_header .editor_tabs .ui-state-active.oa_editor_tab {
  background-color: var(--color_main1) !important;
  border: 0;
}

[class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .editor-button.is-set:hover,
[class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .settings-button.is-set:hover,
[class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .plugins-button.is-set:hover {
  opacity: 0.9;
}

[class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .editor-button:hover,
[class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .settings-button:hover,
[class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .plugins-button:hover,
[class*="view-"] .modal-lg.modal-type-video .xmodule_edit.xmodule_VideoBlock .editor-with-tabs .edit-header .editor-tabs .inner_tab_wrap a.tab:hover,
.view-dashboard .wrapper-creationrights .ui-toggle-control:hover,
.view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .action-secondary:hover,
.view-certificates .wrapper-collection .collection-edit .actions .action-secondary:hover,
[class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .editor-button:active,
[class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .settings-button:active,
[class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .plugins-button:active,
[class*="view-"] .modal-lg.modal-type-video .xmodule_edit.xmodule_VideoBlock .editor-with-tabs .edit-header .editor-tabs .inner_tab_wrap a.tab:active,
.view-dashboard .wrapper-creationrights .ui-toggle-control:active,
.view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .action-secondary:active,
.view-certificates .wrapper-collection .collection-edit .actions .action-secondary:active,
#openassessment-editor #openassessment_editor_header .editor_tabs .ui-state-default.oa_editor_tab:hover, #openassessment-editor #openassessment_editor_header .editor_tabs .ui-state-default.oa_editor_tab:hover a {
  background-color: var(--color_main1) !important;
  opacity: 0.75;
  color: #ffffff !important;
}

#openassessment-editor .openassessment_container_add_button {
  color: var(--color_main1) !important;
  border-color: var(--color_background) !important;
}

#openassessment-editor .openassessment_container_add_button:hover {
  background-color: var(--color_main1) !important;
  color: #ffffff !important;
}

#poll-question-editor,
#poll-feedback-editor {
  box-shadow: none;
}

#poll-question-editor:focus,
#poll-feedback-editor:focus,
#poll-question-editor:focus-visible,
#poll-feedback-editor:focus-visible {
  border: 1px solid var(--color_main1) !important;
  outline: none !important;
}

.view-dashboard .courses-processing .wrapper-course {
  border: none !important;
}
.view-dashboard .wrapper-course.has-status .status-message {
  box-shadow: none !important;
}

        .vt-auth-bg {
          background-image: url(https://dev-customers-asset-bucket.s3.amazonaws.com/demo/image/auth_bg.png);
          background-size: cover;
          background-position: center;
        }