.richText { position: relative; border: 1px solid #D6D8D8; background: #D6D8D8; width: 100%; border-radius: 0.25rem; } .richText .richText-toolbar ul { padding: 0 !important; margin: 0 !important; display: flex; flex-wrap: wrap; justify-content: left;/*center*/ } .richText .richText-toolbar ul li { list-style: none; } .richText .richText-toolbar ul li a { display: block; padding: 0.25rem 0.5rem; cursor: pointer; -webkit-transition: color 0.4s; -moz-transition: color 0.4s; transition: color 0.4s; } .richText .richText-toolbar ul li a:hover { color: #001d68; } .richText .richText-toolbar ul li a .fa, .richText .richText-toolbar ul li a .fas, .richText .richText-toolbar ul li a .far, .richText .richText-toolbar ul li a svg { pointer-events: none; } .richText .richText-toolbar ul li[data-disable="true"] { opacity: 0.1; } .richText .richText-toolbar ul li[data-disable="true"] a { cursor: default; } .richText .richText-toolbar ul li:not([data-disable="true"]).is-selected .richText-dropdown-outer { display: block; } .richText .richText-toolbar ul:after { display: block; content: ""; clear: both; } .richText .richText-toolbar:last-child { font-size: 0.75rem; } .richText .richText-toolbar:after { display: block; clear: both; content: ""; } .richText .richText-form select {cursor: pointer;} .richText .richText-editor { padding: 0.5rem; background-color: #FFFFFF; height: 15rem; outline: none; overflow-y: scroll; overflow-x: auto; } .richText .richText-toolbar ul li a .richText-dropdown-outer { display: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.3); cursor: default; } .richText .richText-toolbar ul li a .richText-dropdown-outer .richText-dropdown { position: relative; z-index:10; display: block; margin: 3% auto 0 auto; background-color: #D6D8D8; border: 0.1rem solid #777777; border-radius: 0.25rem; padding: 0.75rem; padding-top: 1.5rem; max-width: 90%; -webkit-box-shadow: 0 0 5px 0 #777777; -moz-box-shadow: 0 0 5px 0 #777777; box-shadow: 0 0 5px 0 #777777; } .richText .richText-toolbar ul li a .richText-dropdown-outer .richText-dropdown .richText-dropdown-close { position: absolute; top: 0.25rem; right: 0.5rem; color: #CE0E2D; cursor: pointer; } .richText .richText-toolbar ul li a .richText-dropdown-outer .richText-dropdown .richText-dropdown-close:hover { opacity: 0.5 } .richText-form-item{ position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .richText .richText-form label { display: flex; align-items: left;/*center*/ padding: 0.375rem 0.75rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; font-weight: 600; text-align: left;/*center*/ white-space: nowrap; } .richText .richText-form input[type="text"], .richText .richText-form input[type="file"], .richText .richText-form input[type="number"], .richText .richText-form select { display: block; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #777777; background-color: #FFFFFF; background-clip: padding-box; border: 1px solid #D6D8DB; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; position: relative; flex: 1 1 auto; width: 1%; margin-bottom: 0; } .richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown {list-style: none;} .richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li {display: block;float: none;font-family: Calibri,Verdana,Helvetica,sans-serif;} .richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li a {display: block;padding: 10px 15px;border-bottom: #EFEFEF solid 1px;} .richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li a:hover {background-color: #FFFFFF;} .richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li.inline {margin: 10px 6px;float: left;} .richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li.inline a {display: block;padding: 0;margin: 0;border: none;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;-webkit-box-shadow: 0 0 10px 0 #999;-moz-box-shadow: 0 0 10px 0 #999;box-shadow: 0 0 10px 0 #999;} .richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li.inline a span {display: block;height: 30px;width: 30px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;} .richText .richText-undo, .richText .richText-redo { float: left; display: block; padding: 0.5rem; cursor: pointer; } .richText .richText-undo.is-disabled, .richText .richText-redo.is-disabled { opacity: 0.4; } .richText .richText-help { display: none; } /* .richText .richText-initial {margin-bottom: -4px;padding: 10px;background-color: #282828;border: none;color: #33FF33;font-family: Monospace,Calibri,Verdana,Helvetica,sans-serif;max-width: 100%;min-width: 100%;width: 100%;min-height: 400px;height: 400px;} .richText .richText-editor ul, .richText .richText-editor ol {margin: 10px 25px;} .richText .richText-editor:focus {border-left: #3498db solid 2px;} .richText .richText-editor table {margin: 10px 0;border-spacing: 0;width: 100%;} .richText .richText-editor table td, .richText .richText-editor table th {padding: 10px;border: #EFEFEF solid 1px;} .richText .richText-help {float: right;display: block;padding: 10px 15px;cursor: pointer;} .richText .richText-help-popup a {color: #3498db;text-decoration: underline;} .richText .richText-help-popup hr {margin: 10px auto 5px auto;border: none;border-top: #EFEFEF solid 1px;} .richText .richText-list.list-rightclick {position: absolute;background-color: #FAFAFA;border-right: #EFEFEF solid 1px;border-bottom: #EFEFEF solid 1px;} .richText .richText-list.list-rightclick li {padding: 5px 7px;cursor: pointer;list-style: none;}*/