.mce-content-body ul {
  display: block !important;
  list-style-type: disc !important;
  margin-inline-start: 0px !important;
  margin-inline-end: 0px !important;
  padding-inline-start: 40px !important;
}

.noMargin {
  margin: 0px !important;
}

.mce-content-body ul[style*="square"] > li {
  list-style-type: square !important;
}

.mce-content-body ul[style*="circle"] > li {
  list-style-type: circle !important;
}

.mce-content-body ul:not([style*="circle"]):not([style*="square"]) ul li {
  list-style-type: circle !important;
}

.mce-content-body ul:not([style*="circle"]):not([style*="square"]) ul ul li {
  list-style-type: square !important;
}

.mce-content-body li {
  display: list-item !important;
  text-align: -webkit-match-parent !important;
}

.mce-content-body ul ul:first-of-type {
  list-style-type: circle !important;
}

.mce-content-body ul ul ul li {
  list-style-type: square !important;
}
.mce-content-body ul li {
  display: list-item !important;
  list-style-type: disc !important;
}

.editorbtn {
    margin-left: 7px;
    margin-bottom: 7px;
    position: fixed;
}

strong {
  font-weight: bold !important;
}

.standardTable tr:nth-child(1) {
  background-color: 	#5DBCD2;
  border: 2px solid #5DBCD2;
  color: #FFF;
}

.standardTable tr td {
  border: 2px solid #5DBCD2
}

.answer-list {
  list-style: none;
  margin: 20px 0;
}

.answer {
  margin: 0;
  padding: 0;
}

td {
   padding: 0px 5px 0px 5px !important
}

td p {
   margin: 2px !important
}

.tox-textarea {
height: 300px !important;
flex: none !important
}

.tox-form__group select {
display: unset !important
}

.material-tooltip
{
background-color: blue
}

.viewer {
  padding-left: 0.625rem !important;
  padding-right: 0.625rem !important;
  font-size: 14px;
}

@media print {
   .doNotPrint {display: none;}
   .textArea {overflow: visible !important}
   figure, img {
       display: block;
       page-break-inside: avoid;
       -webkit-region-break-inside: avoid;
      }
   table {
      page-break-before: auto;
      page-break-inside: avoid;
  }
}

.smallRow {
   margin-bottom: 0px !important;
   margin-left: 0px !important;
   width: 100%;
   
}

.historyContainer {
    width: 99% !important
}

.answer-button:focus {
  background-color: #333;
}

.instruction {
  font-weight: 600;
}

.bordered td {
  border:1px solid black
}

.SortableList {
  position: relative;
  z-index: 0;
  background-color: #F3F3F3;
  border: 1px solid #EFEFEF;
  border-radius: 3px;
  outline: none;

  height: auto;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  border: 1px solid #E0E0E0;
  list-style: none;
  padding: 0;
}

.sc-launcher {
  z-index: 1337;
}

.sc-message--text a {
  color: #000;
  text-decoration: underline;
}

.SortableItem {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 60px;
  padding: 0 20px;
  background-color: #FFF;
  border-bottom: 1px solid #EFEFEF;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #333;
  font-weight: 500;
}
.SortableHelper {
  box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.2), 0 -5px 5px -5px rgba(0, 0, 0, 0.2);
  background-color: rgba(255, 255, 255, 0.8);
  cursor: row-resize;
}
.collapsible-body .collection .collapsible-collection {
  padding: 0 !important;
}

.glossarCollap {
  margin: 5px !important;
  padding: 0;
}

.content {
  position: relative;
}
.content .img {
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 2vw;
}

.content .triangle {
  position: absolute;
  bottom: 0px;
  right: 0px;
  font-size: 2vw;
}

table.highlight tbody tr:hover {
  background-color: #eee !important;
}

.child-container {
  position: relative;
  color: #000;
}

.react-draggable {
border: 1px solid #00D19C;
background: rgba(255,255,255,0.6);
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.resize-container {
position: absolute !important;
width: 99% !important;
}

.size-auto {
  position: absolute;
  top: 1px;
  bottom: 1px;
  right: 1px;
  left: 1px;
}

.inputTypeRadio {
  margin-top: 25px !important
}

.sc-chat-window {
z-index: 2;
}

.lowPadding {
  padding: 5px !important;
}

.annotationLayer
{
display: none !important
}

.react-pdf__Page__canvas  {
width: 100% !important;
height: 100% !important;
}

.tableOfContents {
border-right: grey solid 1px;
overflow-y: scroll;
height: 94vh !important;
padding-bottom: 50px !important;
}

.mediaArea {
border-left: grey solid 1px;
overflow-y: scroll;
height: 94vh !important;
padding-bottom: 50px !important;
}

.sc-message {
width: 90% !important;
/* margin: auto; */
display: flex;
}

.sc-user-input--text {
width: 100%!important
}

.sc-message--content.sent .sc-message--text {
max-width: 100%!important
}

.sc-message--content.received .sc-message--text {
  max-width: 100% !important;
  width: 100% !important;
  margin-right: 10px !important;
}

.sc-chat-window{
width: 40% !important;
height: calc(100% - 200px)!important;
}

.textArea {
height: 94vh !important;
overflow-y: scroll;
padding-top: 10px !important;
}

body {
 -webkit-print-color-adjust: exact;
 color-adjust: exact; 
}

.MainEditor {
height: 45vh !important;
border: 1px solid #F1F1F1 !important;
overflow-y: hidden;
}

.compList {
display:inline-block !important;
width: 100% !important;
}

/* Full-width inputs */
.fullInput {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0px;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.chatDelete {
font-size: 20px
}

.halfInput {
  width: 50%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.noDrag {
user-drag: none;
user-select: none;
-moz-user-select: none;
-webkit-user-drag: none;
-webkit-user-select: none;
-ms-user-select: none;
overflow: hidden;
}

/* Extra style for the cancel button (red) */
.cancelbtn {
  width: auto;
  padding: 10px 18px;
  background-color: #f44336;
}

/* Center the avatar image inside this container */
.imgcontainer {
  text-align: center;
  margin: 24px 0 12px 0;
}

/* Avatar image */
img.avatar {
  width: 40%;
  border-radius: 50%;
}


.btnMargin {
margin-left: 5px
}
/* Add padding to containers */
.container {
  padding: 16px;
}

/* The "Forgot password" text */
span.psw {
  float: right;
  padding-top: 16px;
}

/* Change styles for span and cancel button on extra small screens */
@media screen and (max-width: 300px) {
  span.psw {
      display: block;
      float: none;
  }
  .cancelbtn {
      width: 100%;
  }
}

.dashBoardText {
  font-size: 27.5px;
  margin-top: 5px;
  margin-bottom: 0px
}

.dashBoardTextSubtitle{
  font-size: 20px;
  margin-top: 0px;
  margin-bottom: 5px
}
    
/* ---------------- Mobile / Tablet shit DashBoard -----------------*/
@media screen and (max-width: 1109px)
{
  .dashBoardNavBar {
  display: none !important;
  }
  .dashBoardSideTrigger {
    display: inline !important;
  }
  .dashBoardTextContainer {
    margin-left: 10% !important;
  }
  .dashBoardText {
    font-size: 22.5px;
    font-weight: 500;
  }
  .dashBoardTextSubtitle {
    font-size: 18px;
  }
}

/* Mobile / Tablet shit*/
@media screen and (min-width: 1109px)
{
  .dashBoardTextContainer {
    margin-left: 30% !important;
  }
}

.headLine {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;
}

/* ---------------- Mobile / Tablet shit MainView -----------------*/
@media screen and (max-width: 1125px)
{
  .mainViewHideOnTablet {
  display: none !important;
  }
  .mainViewSideTrigger {
    display: inline !important;
  }
}

/*  Text in media components */

.mediaText p {
  margin: 0px;
}

.mediaText {
  padding: 15px;
}

.front {
  z-index: 9999 !important;
}