.ai-button{transition: background-color 0.15s,box-shadow 0.15s;display: inline-block;padding: 4px 20px 5px;border: 1px solid #0075b4;border-radius: 3px;background-color: #0075b4;color: #fff;display: inline-block;width: 188px;margin-bottom: 4px;float: right;}
.ai-button[disabled]{box-shadow: none;border: 1px solid #99c8e1;background: #99c8e1;color: #fff;}
#field-course-name label{display: inline-block;width: calc(100% - 190px);}
#field-course-short-description textarea#course-short-description{height: 130px;}
#field-course-description textarea#course-description{height: 200px;}
.wrapper-header .branding a{width: 150px;height: auto;overflow: hidden;position: relative;}
.wrapper-header .branding a img{display: block;width: 100%;height: auto;max-width: 100%;max-height: 100%;}
#sidePanel{display: none;}
/*.sidePanel {height: 100%;width: 0;position: fixed;z-index: 1;top: 0;right: 0;background-color: #f0f0f0;overflow-x: hidden;transition: 0.5s;padding-top: 60px;}
.sidePanel iframe {width: 100%;height: 100%;}
.closeBtn {position: absolute;top: 0;right: 25px;font-size: 36px;margin-left: 50px;cursor: pointer;}
.closeBtn:hover {color: red;}*/
body,h1, h2, h3, p, span, ul li, a, #root.SFE *,
.view-dashboard .course-item .course-title, .course-handouts .title {font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;}
.view-howitworks.not-signedin .wrapper-content-header{    background-image: linear-gradient(var(--primary-color),var(--primary-color),var(--primary-color));}
.view-howitworks.not-signedin .content-header .tagline,
.wrapper-mast .mast.has-actions .nav-actions .nav-item a,
.view-container .content-supplementary .bit-publishing .wrapper-pub-actions .action-publish,
.view-static-pages .content-primary .add-pages a,
.view-textbooks .content-primary .no-textbook-content a,
.view-settings .group-settings.basic .note-promotion-courseURL .list-actions a,
.view-settings .group-settings.assignment-types .actions a,
.view-group-configurations .content-primary .no-content a,
.view-certificates .content-primary .no-content a, .view-import .import-form a, a.action-export,
.view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions a,
.xblock-visibility_view .is-not-configured.has-actions .actions a,
.xmodule_VideoBlock .wrapper-comp-settings.basic_metadata_edit .transcripts-status .action,
[class*="view-"] .modal-lg.modal-type-video .xmodule_edit.xmodule_VideoBlock .editor-with-tabs .edit-header .editor-tabs .inner_tab_wrap a.tab.current,
.wrapper-xblock .wrapper-xblock-message .xblock-message.validation a,
.view-outline .outline-complex .add-section .button-new,
.view-export .wrapper-status .list-progress .item-progresspoint.has-actions .list-actions .action-primary,
.wrapper-mast .mast.has-actions .nav-actions .preview-certificate-link{color: #fff !important;}
a, .xmodule_display.xmodule_VideoBlock .video .subtitles .subtitles-menu li,
.xblock-render .xmodule_display.xmodule_ProblemBlock div.problem .action .problem-action-btn:hover, 
.xblock-render .xmodule_display.xmodule_ProblemBlock div.problem .action .problem-action-btn:focus, 
.xblock-render .xmodule_display.xmodule_ProblemBlock div.problem .action .problem-action-btn:active,
.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,
.view-outline .outline-complex .add-item .button-new,
.outline .paste-component .paste-component-button.button{color: var(--primary-color) !important;}

.view-dashboard #course-index-tabs li.active, #root.SFE .checklist-item-incomplete:hover,
.btn-default:hover, .btn-default.is-hovered, .btn-default:focus, .btn-default.is-focused,
.wrapper-xblock.level-element:hover{border-color: var(--primary-color);}
.outline-complex .outline-subsection.is-live{border-left-color: var(--primary-color);}
.xmodule_display.xmodule_SequenceBlock .sequence-nav ol li button.active,
.xmodule_display.xmodule_SequenceBlock .sequence-nav ol li button:hover,
.xmodule_display.xmodule_SequenceBlock .sequence-nav ol li button:focus{border-bottom-color: var(--primary-color);}
.view-outline .highlights-button,
[class*="view-"] .modal-window .modal-section .settings-tabs-header li.settings-tab-buttons .settings-tab-button:hover{color: var(--primary-color);}
[class*="view-"] .modal-window .modal-chin .action-primary, [class*="view-"] .modal-window .xblock-actions .action-primary, [class*="view-"] .modal-window .modal-actions .action-primary{color: #fff !important;background: var(--primary-color); border-color: var(--primary-color);}
#field-course-name .ai-button, #field-course-description .ai-button, #field-course-short-description .ai-button,
.view-dashboard .create-course .new-course-save, .view-dashboard .create-library .new-course-save,
.wrapper-mast .mast.has-actions .nav-actions .button, .wrapper-sock .sock .support .list-actions .action-primary, 
.wrapper-sock .sock .feedback .list-actions .action-primary, .notification.has-actions .action-primary, 
.notice-incontext.has-actions .list-actions .action-primary, .notice-instruction.has-actions .list-actions .action-primary, 
.view-dashboard .status-creationrights .list-actions .action-primary, .view-dashboard .status-creationrights .form-actions .action-primary, 
.view-export .export-controls .action-export, .view-export .wrapper-status .list-progress .item-progresspoint.has-actions .list-actions .action-primary, 
.view-import .wrapper-status .list-progress .item-progresspoint.has-actions .list-actions .action-primary, 
.view-outline .course-status .status-highlights-enabled-value.button, .view-settings .group-settings.basic .note-promotion-courseURL .list-actions .action-primary, 
.view-container .content-supplementary .bit-publishing .wrapper-pub-actions .action-publish, .view-container .content-supplementary .bit-publishing .wrapper-pub-actions .action-copy:hover, 
.view-export-git .export-git-controls .action-export-git, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .action-primary, 
.view-video-uploads .course-video-settings-container .button, .view-certificates .wrapper-collection .collection-edit .actions .action-primary, 
.xmodule_VideoBlock .wrapper-comp-settings.basic_metadata_edit .transcripts-status .action,
.view-outline .number-highlights, .form-create .actions .action-primary,
.wrapper-mast .mast.has-actions .nav-actions .nav-item a.button,
.wrapper-mast .mast.has-actions .nav-actions .preview-certificate-link{background: var(--primary-color); border-color: var(--primary-color);}

.not-signedin .wrapper-header .nav-pitch .action-signin, .view-util .wrapper-header .nav-pitch .action-signin, #root.SFE .btn-primary,
.incontext-editor.is-editable .incontext-editor-open-action: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 .create-setting:focus,
.xmodule_VideoBlock .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .upload-setting:hover,
.xmodule_VideoBlock .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .upload-setting:focus,
.xmodule_VideoBlock .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .download-setting:hover,
.xmodule_VideoBlock .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .download-setting:focus,
.wrapper-comp-settings .file-uploader .upload-setting:hover, .wrapper-comp-settings .file-uploader .upload-setting:focus,
.wrapper-comp-settings .list-input.settings-list .metadata-list-enum .create-setting:hover,
.wrapper-comp-settings .list-input.settings-list .metadata-list-enum .create-setting:focus,
.view-textbooks .content-primary .textbook .edit-textbook .action-add-chapter:hover,
.view-textbooks .content-primary .textbook .edit-textbook .action-add-chapter:focus,
.view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field-group .field .action-upload:hover,
.view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field-group .field .action-upload:focus,
.course-updates .new-update-form .save-button, .edit-handouts-form .save-button,
.view-static-pages .component .component-actions .action-item .action-button:hover,
.view-static-pages .component .component-actions .action-item .action-button:focus,
.view-team .user-list .user-item .item-actions .action-role .add-admin-role,
.view-team .content .notice-create.has-actions .list-actions .action-primary,
.view-team .user-list .user-item .item-actions .action-role .remove-admin-role,
.view-textbooks .content-primary .textbook .view-textbook .actions .action .view,
.view-textbooks .content-primary .textbook .view-textbook .actions .action .edit{background: var(--primary-color); border-color: var(--primary-color); color: #fff !important;}


.view-team .user-list .user-item .item-actions .action-delete .remove-user{color: red !important;}
.view-team .user-list .user-item .item-actions .action-delete .remove-user:hover,
.view-team .user-list .user-item .item-actions .action-delete .remove-user:focus{background: none;}

.view-outline .outline-complex .add-item .button-new, .bit .external-help-button,
.xmodule_VideoBlock .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .upload-setting,
.xmodule_VideoBlock .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .create-setting,
.wrapper-comp-settings .file-uploader .upload-setting,
.wrapper-comp-settings .list-input.settings-list .metadata-list-enum .create-setting,
.outline .paste-component .paste-component-button.button{border-color: var(--primary-color);}

[class*="view-"] .modal-window .modal-section .settings-tabs-header li.settings-tab-buttons .settings-tab-button.active,
.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-container .content-supplementary .bit-publishing .wrapper-pub-actions .action-copy,
.view-settings .group-settings.instructor-types .field-group .wrapper-input .action-upload-instructor-image{border-color: var(--primary-color); color: var(--primary-color);}
.view-dashboard .create-course .new-course-save:hover, .view-dashboard .create-library .new-course-save:hover,
.view-dashboard .create-course .new-course-save:focus, .view-dashboard .create-library .new-course-save:focus,
.form-create .actions .action-primary:hover, .form-create .actions .action-primary:focus,
#root.SFE .btn-primary:hover, #root.SFE .btn-primary:focus,
.wrapper-mast .mast.has-actions .nav-actions .button:hover, .wrapper-sock .sock .support .list-actions .action-primary:hover, .wrapper-sock .sock .feedback .list-actions .action-primary:hover, .notification.has-actions .action-primary:hover, .notice-incontext.has-actions .list-actions .action-primary:hover, .notice-instruction.has-actions .list-actions .action-primary:hover, .view-dashboard .status-creationrights .list-actions .action-primary:hover, .view-dashboard .status-creationrights .form-actions .action-primary:hover, .view-export .export-controls .action-export:hover, .view-export .wrapper-status .list-progress .item-progresspoint.has-actions .list-actions .action-primary:hover, .view-import .wrapper-status .list-progress .item-progresspoint.has-actions .list-actions .action-primary:hover, .view-outline .course-status .status-highlights-enabled-value.button:hover, .view-settings .group-settings.basic .note-promotion-courseURL .list-actions .action-primary:hover, .view-container .content-supplementary .bit-publishing .wrapper-pub-actions .action-publish:hover, .view-container .content-supplementary .bit-publishing .wrapper-pub-actions .action-copy:hover, .view-export-git .export-git-controls .action-export-git:hover, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .action-primary:hover, .view-video-uploads .course-video-settings-container .button:hover, .view-certificates .wrapper-collection .collection-edit .actions .action-primary:hover, .xmodule_VideoBlock .wrapper-comp-settings.basic_metadata_edit .transcripts-status .action:hover, .wrapper-mast .mast.has-actions .nav-actions .button:active, .wrapper-sock .sock .support .list-actions .action-primary:active, .wrapper-sock .sock .feedback .list-actions .action-primary:active, .notification.has-actions .action-primary:active, .notice-incontext.has-actions .list-actions .action-primary:active, .notice-instruction.has-actions .list-actions .action-primary:active, .view-dashboard .status-creationrights .list-actions .action-primary:active, .view-dashboard .status-creationrights .form-actions .action-primary:active, .view-export .export-controls .action-export:active, .view-export .wrapper-status .list-progress .item-progresspoint.has-actions .list-actions .action-primary:active, .view-import .wrapper-status .list-progress .item-progresspoint.has-actions .list-actions .action-primary:active, .view-outline .course-status .status-highlights-enabled-value.button:active, .view-settings .group-settings.basic .note-promotion-courseURL .list-actions .action-primary:active, .view-container .content-supplementary .bit-publishing .wrapper-pub-actions .action-publish:active, .view-container .content-supplementary .bit-publishing .wrapper-pub-actions .action-copy:active:hover, .view-export-git .export-git-controls .action-export-git:active, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .action-primary:active, .view-video-uploads .course-video-settings-container .button:active, .view-certificates .wrapper-collection .collection-edit .actions .action-primary:active, .xmodule_VideoBlock .wrapper-comp-settings.basic_metadata_edit .transcripts-status .action:active{background: #3F3A64;border-color: #3F3A64;}
.view-dashboard .create-course .new-course-save.disabled, .view-dashboard .create-course .new-course-save.is-disabled, .view-dashboard .create-library .new-course-save.disabled, .view-dashboard .create-library .new-course-save.is-disabled, #field-course-name .ai-button[disabled],
.form-create .actions .action-primary.disabled, .form-create .actions .action-primary.is-disabled,
.view-course-create .rerun-course .actions .action-primary.disabled, .view-course-create .rerun-course .actions .action-primary.is-disabled{border: 1px solid #b48fc1 !important;background: #b48fc1 !important;}

.not-signedin .wrapper-header .nav-pitch .action-signin:hover, .view-util .wrapper-header .nav-pitch .action-signin:hover,
.not-signedin .wrapper-header .nav-pitch .action-signin:focus, .view-util .wrapper-header .nav-pitch .action-signin:focus,
.course-updates .new-update-form .save-button:hover, .course-updates .new-update-form .save-button:focus,
.edit-handouts-form .save-button:hover, .edit-handouts-form .save-button:focus,
.view-team .user-list .user-item .item-actions .action-role .add-admin-role:hover,
.view-team .user-list .user-item .item-actions .action-role .add-admin-role:focus,
.view-team .content .notice-create.has-actions .list-actions .action-primary:hover,
.view-team .content .notice-create.has-actions .list-actions .action-primary:focus,
.view-team .user-list .user-item .item-actions .action-role .remove-admin-role:hover,
.view-team .user-list .user-item .item-actions .action-role .remove-admin-role:focus,
.wrapper-mast .mast.has-actions .nav-actions .nav-item a.button:hover,
.wrapper-mast .mast.has-actions .nav-actions .nav-item a.button:focus,
.view-settings .group-settings.instructor-types .field-group .wrapper-input .action-upload-instructor-image:hover,
.view-settings .group-settings.instructor-types .field-group .wrapper-input .action-upload-instructor-image:focus,
.view-textbooks .content-primary .textbook .view-textbook .actions .action .view:hover,
.view-textbooks .content-primary .textbook .view-textbook .actions .action .view:focus,
.view-textbooks .content-primary .textbook .view-textbook .actions .action .edit:hover,
.view-textbooks .content-primary .textbook .view-textbook .actions .action .edit:focus{background: #3F3A64; border-color: #3F3A64; color: #fff  !important;}


.view-outline .outline-complex .add-item .button-new:hover, .bit .external-help-button:hover,
.view-outline .outline-complex .add-item .button-new:focus, .bit .external-help-button:focus,
.xmodule_edit.xmodule_VideoBlock .editor-with-tabs .edit-header .editor-tabs .inner_tab_wrap a.tab:hover, 
.xmodule_edit.xmodule_VideoBlock .editor-with-tabs .edit-header .editor-tabs .inner_tab_wrap a.tab:focus,
.modal-window .modal-actions a.action-primary:hover, .modal-window .modal-actions a.action-primary:focus,
.wrapper-xblock .xblock-header-secondary .actions-list .action-item .action-button:hover,
.wrapper-xblock .xblock-header-secondary .actions-list .action-item .action-button:focus,
.view-textbooks .content-primary .textbook .edit-textbook .actions .action-primary,
.view-container .content-supplementary .bit-publishing .wrapper-pub-actions .action-copy:hover,
.view-container .content-supplementary .bit-publishing .wrapper-pub-actions .action-copy:focus,
.outline .paste-component .paste-component-button.button:hover,
.outline .paste-component .paste-component-button.button:focus{color: #fff!important; background: var(--primary-color) !important; border-color: var(--primary-color) !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: var(--primary-color); color: #fff !important;}
#root.SFE .btn-outline-primary, .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-certificates .certificates .signatory-edit .field .signature-upload-wrapper .action-upload-signature,
.view-certificates .wrapper-collection .collection-edit .action-add-signatory{border-color: var(--primary-color); color: var(--primary-color);}

#root.SFE .btn-outline-primary:hover,
#root.SFE .btn-outline-primary:focus,
.view-settings .group-settings #field-course-image .wrapper-input .action-upload-image:hover,
.view-settings .group-settings #field-course-image .wrapper-input .action-upload-image:focus,
.view-settings .group-settings #field-banner-image .wrapper-input .action-upload-image:hover,
.view-settings .group-settings #field-banner-image .wrapper-input .action-upload-image:focus,
.view-settings .group-settings #field-video-thumbnail-image .wrapper-input .action-upload-image:hover,
.view-settings .group-settings #field-video-thumbnail-image .wrapper-input .action-upload-image:focus,
.view-certificates .certificates .signatory-edit .field .signature-upload-wrapper .action-upload-signature:hover,
.view-certificates .certificates .signatory-edit .field .signature-upload-wrapper .action-upload-signature:focus,
.view-certificates .wrapper-collection .collection-edit .action-add-signatory:hover,
.view-certificates .wrapper-collection .collection-edit .action-add-signatory:focus{border-color: var(--primary-color); background: var(--primary-color); color: #fff;}


.wrapper-mast .mast.has-navigation .nav-actions{top: 0;}
.wrapper-alert.wrapper-alert-announcement{display: none;}
.wrapper-mast .mast.has-actions .nav-actions .nav-item .is-disabled,
.wrapper-mast .mast.has-actions .nav-actions .nav-item a.is-disabled{background: #b48fc1;font-weight: bold;}
.institution-filter{display: flex;align-content: center;align-items: center;}
.institution-filter label{font-weight: bold;font-size: 14px;padding-right: 15px;}
.institution-filter .institution-select{border-radius: 0;background: #fff;box-shadow: none;color: #454545;display: block;font-size: 18px;font-weight: 400;padding: 0 1rem;height: 40px;}
.additional-filter{display: flex;padding: 15px 0;}
.additional-filter .search-filter-content{    flex-direction: row; display: flex;}
.additional-filter .search-filter-content .courses-search{margin-right: 1.5rem;border: .0625rem solid #707070;display: flex;}
.additional-filter .searchfield-form {align-items: center;background-color: #fff;display: flex;width: 100%;}
.additional-filter .searchfield-form .form-control{border: none;border-radius: 0;background: #fff;box-shadow: none;color: #454545;display: block;font-size: 18px;font-weight: 400;padding: 0 1rem; height: 38px;}
.additional-filter .searchfield-form .course-search-action {background-color: #0000;color: #0a3055;cursor: pointer;border: none;border-radius: 50%;display: inline-flex;justify-content: center;padding: 0;padding-right: 8px;}
.additional-filter .searchfield-form .course-search-action .btn-icon__icon-container {align-self: center;display: inline-flex;}
.view-howitworks.not-signedin .content-header h1{border: none;}
.paste-component .paste-component-button.button{color: var(--primary-color);border-color: var(--primary-color);}
.paste-component .paste-component-button.button:hover, 
.paste-component .paste-component-button.button:focus{color: #fff;background: var(--primary-color);border-color: var(--primary-color);}
