xblock_studio_view.css

.pgn__stepper-header{display:flex;flex-direction:row !important;flex:none !important;justify-content:center;align-items:center;background:rgba(0,0,0,0);padding:.75rem 1rem;height:5.13rem}.pgn__stepper-header .pgn__stepper-header-step-list{list-style:none;padding:.25rem 0;display:flex;align-items:center;margin:0;flex-grow:1;justify-content:center}.pgn__stepper-header .pgn__stepper-header-step-list .pgn__stepper-header-line{display:block;height:1px;background:#e1dddb;flex-basis:80px;margin:0 .5rem}.pgn__stepper-header .pgn__stepper-header-step{display:flex;align-items:center;color:#0a3055;flex-shrink:1;min-width:0;padding:.25rem}.pgn__stepper-header .pgn__stepper-header-step .pgn__stepper-header-step-title{white-space:nowrap;overflow:hidden;min-width:0;text-overflow:ellipsis}.pgn__stepper-header .pgn__stepper-header-step.pgn__stepper-header-step-active .pgn__bubble{background:#0a3055}.pgn__stepper-header .pgn__stepper-header-step:not(.pgn__stepper-header-step-active) .pgn__bubble{background:#707070}.pgn__stepper-header .pgn__stepper-header-step.pgn__stepper-header-step-active~.pgn__stepper-header-step{color:#707070}.pgn__stepper-header .pgn__stepper-header-step.pgn__stepper-header-step-active~.pgn__stepper-header-step .pgn__bubble{background:#707070}.pgn__stepper-header .pgn__bubble{line-height:normal;height:1.5rem;width:1.5rem;border-radius:50%;display:inline-flex !important;margin-inline-end:.5rem;align-items:center;justify-content:center;font-size:75%;color:#fff}.hidden{display:none !important}.button-select-options{list-style-type:none;padding:0;margin-top:.5rem;display:flex}.button-select-options li{display:inline-block;width:100px;height:40px;margin:0px !important;position:relative;flex-grow:1}.button-select-options li:first-child label{border-radius:4px 0 0 4px}.button-select-options li:last-child label{border-radius:0 4px 4px 0}.button-select-options li:not(:first-child) label{border-left:none}.button-select-options input{position:absolute;top:0;left:0;right:0;bottom:0;cursor:pointer}.button-select-options label{display:block;padding:5px;border:1px solid #0a3055;cursor:pointer;text-align:center;font-weight:500 !important;font-size:18px !important}.button-select-options input[type=radio]{opacity:0}.button-select-options input[type=radio]:checked+label{background:#0a3055;color:#fff !important}.field-group{flex-grow:0 !important}.field-group.field-group-lti-configuration ul{display:flex;flex-direction:row !important}.field-group.field-group-lti-configuration li:not(:last-child){margin-right:2rem}.field-group.field-group-lti-configuration li.lti-version{width:200px}.field-group.field-group-lti-configuration li.flex-grow{flex-grow:1}.field-group .field-group-heading{font-weight:700;font-size:12px;line-height:20px;color:#454545;margin-bottom:.5rem}.field-group .two-column{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;gap:1rem}.field-group .two-column li{flex-grow:1}hr.field-group-separator{border:none;border-top:2px solid #e9e6e4;margin:1rem 0;width:100% !important}.step-body{padding:1rem;flex-grow:1;height:315px;overflow-y:scroll}span.icon.fa-question-circle{color:#707070}div.tooltip{min-width:300px}[class*=view-] .wrapper .modal-window.modal-editor .modal-content,[class*=view-] .wrapper.xblock-iframe-content .modal-content{display:flex;flex-direction:column;flex-grow:1}[class*=view-] .wrapper .modal-window.modal-editor .modal-content .xblock-editor,[class*=view-] .wrapper.xblock-iframe-content .modal-content .xblock-editor{display:flex;flex-direction:column;flex-grow:1}[class*=view-] .wrapper .modal-window.modal-editor .modal-content .xblock-editor .xblock-studio_view,[class*=view-] .wrapper.xblock-iframe-content .modal-content .xblock-editor .xblock-studio_view{display:flex;flex-direction:column;flex-grow:1}[class*=view-] .wrapper .modal-window.modal-editor .editor-with-buttons,[class*=view-] .wrapper.xblock-iframe-content .editor-with-buttons{display:flex;flex-direction:column;margin-bottom:0;flex-grow:1}[class*=view-] .wrapper .modal-window.modal-editor .editor-with-buttons .xblock-actions,[class*=view-] .wrapper.xblock-iframe-content .editor-with-buttons .xblock-actions{flex:none;margin-top:auto;flex-direction:row;position:relative}[class*=view-] .wrapper .modal-window.modal-editor .editor-with-buttons .xblock-actions .action-buttons-left,[class*=view-] .wrapper.xblock-iframe-content .editor-with-buttons .xblock-actions .action-buttons-left{margin-right:auto;margin-left:0;margin-bottom:0}[class*=view-] .wrapper .modal-window.modal-editor .editor-with-buttons .xblock-actions .action-buttons,[class*=view-] .wrapper.xblock-iframe-content .editor-with-buttons .xblock-actions .action-buttons{flex-grow:0}[class*=view-] .wrapper .modal-window.modal-editor .editor-with-buttons .xblock-actions .primary-button,[class*=view-] .wrapper.xblock-iframe-content .editor-with-buttons .xblock-actions .primary-button{color:#fff;background-color:#0a3055;box-shadow:none;font-weight:500;border:1px solid rgba(0,0,0,0);padding:10px 16px;font-size:18px;line-height:20px;border-radius:6px;text-align:center;vertical-align:middle;user-select:none;background-image:none;height:auto;display:block;margin-right:0}[class*=view-] .wrapper .modal-window.modal-editor .editor-with-buttons .xblock-actions .secondary-button,[class*=view-] .wrapper.xblock-iframe-content .editor-with-buttons .xblock-actions .secondary-button{color:#333;background-color:rgba(0,0,0,0);box-shadow:none;font-weight:500;border:1px solid #707070;padding:10px 16px;font-size:18px;line-height:20px;border-radius:6px;text-align:center;vertical-align:middle;user-select:none;background-image:none;display:block}[class*=view-] .wrapper .modal-window.modal-editor .comp-setting-entry,[class*=view-] .wrapper.xblock-iframe-content .comp-setting-entry{margin-top:.5rem}[class*=view-] .wrapper .modal-window.modal-editor label:not(.checkbox-label),[class*=view-] .wrapper .modal-window.modal-editor .label.setting-label:not(.checkbox-label),[class*=view-] .wrapper.xblock-iframe-content label:not(.checkbox-label),[class*=view-] .wrapper.xblock-iframe-content .label.setting-label:not(.checkbox-label){font-weight:700;font-size:14px;line-height:32px;color:#082644}[class*=view-] .wrapper .modal-window.modal-editor select,[class*=view-] .wrapper .modal-window.modal-editor textarea,[class*=view-] .wrapper .modal-window.modal-editor input[type=text],[class*=view-] .wrapper.xblock-iframe-content select,[class*=view-] .wrapper.xblock-iframe-content textarea,[class*=view-] .wrapper.xblock-iframe-content input[type=text]{display:block;margin-top:.5rem;width:100%}[class*=view-] .wrapper .modal-window.modal-editor select,[class*=view-] .wrapper.xblock-iframe-content select{border:1px solid #707070;border-radius:6px;padding:10px 16px;font-size:18px;line-height:20px;color:#082644;font-weight:500;font-size:18px}[class*=view-] .wrapper .modal-window.modal-editor select option,[class*=view-] .wrapper.xblock-iframe-content select option{color:#0a3055;font-weight:bold}[class*=view-] .wrapper .modal-window.modal-editor textarea,[class*=view-] .wrapper.xblock-iframe-content textarea{resize:none;height:auto}