.modalcontent-view-content {
  z-index: 99;
  position: relative;
  height: 70.5vh;
  /* overflow-y: auto; */
  /* padding: 30px; */
}

.icon-open {
  position: absolute;
  bottom: 50px;
  right: 70px;
  z-index: 100;
  width: 50px;
  height: 50px;
  background-size: cover;
  background-position: 50%;
}

#modalcontent-view p {
  margin-bottom: 1rem;
  margin-right: 1rem;
}

/* Invalid Class Textbox Start */

.invalid {
  border: 1px solid #ff0000 !important;
  box-shadow: 0 0 5px #999 !important;
}

.input-group > .invalid:focus,
.input-group > .invalid:focus {
  border-color: #ff0000 !important;
  border-top-color: transparent !important;
  box-shadow:
    inset 1px 0 #ff0000,
    inset -1px 0 #ff0000,
    inset 0 -1px #ff0000 !important;
  outline: none;
}

.input-group > .invalid:focus + span,
.input-group > .invalid:focus + span {
  color: #ff0000 !important;
}

.input-group > .invalid:focus + span::before,
.input-group > .invalid:focus + span::after,
.input-group > .invalid:focus + span::before,
.input-group > .invalid:focus + span::after {
  border-top-color: #ff0000 !important;
  box-shadow: inset 0 1px #ff0000 !important;
}

.invalid:focus ~ .select-label {
  color: #ff0000 !important;
  top: -4px;
  transition: 0.2s ease all;
  font-size: 14px;
  background: #fff;
  padding: 0px 5px;
}

.findcontent {
  z-index: 99999 !important;
}

.findcontentMobile {
  z-index: 99999 !important;
}

/* Invalid Class Textbox End */
.click-block-dropdown {
  display: none;
  padding: 15px;
  background-color: #fff;
  border: 1px solid #cdd4e0;
  width: 300px;
  min-height: 115px;
  z-index: 999;
  position: absolute;
  top: 30px;
  border-radius: 5px;
}

.click-block-dropdown2 {
  display: none;
  padding: 15px;
  background-color: #fff;
  border: 1px solid #cdd4e0;
  border-radius: 5px;
  width: 300px;
  min-height: 345px;
  z-index: 99;
  position: absolute;
  top: 50px;
  right: 0px;
}

.click-block-dropdown3 {
  display: none;
  padding: 15px;
  background-color: #fff;
  border: 1px solid #cdd4e0;
  border-radius: 5px;
  width: 300px;
  min-height: 50px;
  z-index: 999;
  position: absolute;
  top: 37px;
  right: 0px;
}

.click-block-dropdown {
  min-height: 221px;
}

.search-results-left-right
  .tab-filter-hide-show.theme-btn.bg-them-head-l
  .dropdown-check-box
  li
  .ckbox
  span {
  color: #000;
}

.click-block,
.click-block2,
.click-block3 {
  cursor: pointer;
}

.edit-icon-table {
  margin-top: -4px;
  padding: 0px;
}

.edit-icon-table img {
  width: 16px;
  height: 16px;
  margin-left: 10px;
}

.edit-icon-table {
  visibility: hidden;
}

.d-flex:hover .edit-icon-table {
  visibility: visible;
}

/* ###### 4.7 Quill ###### */

.ql-wrapper {
  display: flex;
  flex-direction: column;
}

.ql-wrapper-modal .ql-snow.ql-toolbar {
  border-width: 0;
  border-bottom-width: 1px;
}

@media (min-width: 576px) {
  .ql-wrapper-modal .ql-snow.ql-toolbar {
    padding: 15px 20px;
  }
}

.ql-wrapper-modal .ql-snow.ql-container {
  border-width: 0;
}

.ql-wrapper-modal .ql-snow .ql-editor {
  padding: 20px;
}

.ql-bubble.ql-container {
  border: 2px solid #e3e7ed;
}

.ql-bubble.ql-container:not(.ql-disabled) a::before {
  background-color: #1c273c;
  border-radius: 2px;
}

.ql-bubble .ql-tooltip {
  background-color: #1c273c;
  border-radius: 2px;
}

.ql-bubble .ql-tooltip.ql-flip .ql-tooltip-arrow {
  border-top-color: #1c273c;
}

.ql-bubble .ql-tooltip:not(.ql-flip) .ql-tooltip-arrow {
  border-bottom-color: #1c273c;
}

.ql-bubble .ql-toolbar {
  padding: 0 8px 8px;
}

.ql-bubble .ql-toolbar button {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #8896af;
  outline: none;
}

.ql-bubble .ql-toolbar button i {
  font-size: 24px;
  line-height: 0;
  display: inline-block;
}

.ql-bubble .ql-toolbar button i.la-bold,
.ql-bubble .ql-toolbar button i.la-underline {
  width: 21px;
}

.ql-bubble .ql-toolbar button .ql-fill {
  fill: #8896af;
}

.ql-bubble .ql-toolbar button .ql-stroke {
  stroke: #8896af;
}

.ql-bubble .ql-toolbar button.ql-active {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.08);
}

.ql-bubble .ql-toolbar .ql-formats {
  margin: 8px 8px 0 0;
}

.ql-bubble .ql-toolbar .ql-formats:first-child {
  margin-left: 0;
}

@media (min-width: 576px) {
  .ql-bubble .ql-toolbar .ql-formats {
    margin: 8px 0 0;
  }

  .ql-bubble .ql-toolbar .ql-formats:first-child {
    margin-left: 0;
  }
}

.ql-snow.ql-container {
  border-color: #e3e7ed;
  border-width: 2px;
}

.ql-snow.ql-toolbar {
  border-width: 2px;
  border-color: #e3e7ed;
  border-bottom-width: 1px;
  padding: 5px 10px 10px;
}

@media (min-width: 576px) {
  .ql-snow.ql-toolbar {
    padding: 15px;
  }
}

.ql-snow.ql-toolbar .ql-picker-label {
  border-color: #b4bdce;
}

.ql-snow.ql-toolbar .ql-picker-label.ql-active {
  background-color: #e3e7ed;
  border-color: transparent;
  color: #1c273c;
  font-weight: 500;
}

.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke {
  stroke: #031b4e;
}

.ql-snow.ql-toolbar button {
  border: 1px solid transparent;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #031b4e;
  outline: none;
}

.ql-snow.ql-toolbar button svg {
  width: 20px;
  float: none;
}

.ql-snow.ql-toolbar button i {
  font-size: 24px;
  line-height: 0;
  display: inline-block;
}

.ql-snow.ql-toolbar button i.la-bold,
.ql-snow.ql-toolbar button i.la-underline {
  width: 21px;
}

.ql-snow.ql-toolbar button .ql-stroke {
  stroke-width: 2px;
}

.ql-snow.ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus {
  border-color: #b4bdce;
  color: #063598;
}

.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke {
  stroke: #7987a1;
}

.ql-snow.ql-toolbar button.ql-active {
  background-color: #e3e7ed;
  color: #3b4863;
  border-color: transparent;
}

.ql-snow.ql-toolbar button.ql-active .ql-fill {
  fill: #3b4863;
}

.ql-snow.ql-toolbar button.ql-active .ql-stroke {
  stroke: #3b4863;
}

.ql-snow.ql-toolbar .ql-formats {
  margin-top: 5px;
  margin-right: 5px;
}

.ql-snow .ql-formats button + button {
  margin: 0 0 0 2px;
}

.ql-snow .ql-picker {
  display: block;
  border-width: 0;
  height: 32px;
  color: #596882;
}

.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  right: 3px;
}

.ql-snow .ql-picker:hover .ql-picker-label,
.ql-snow .ql-picker:focus .ql-picker-label {
  color: #1c273c;
}

.ql-snow .ql-picker:hover .ql-picker-label .ql-stroke,
.ql-snow .ql-picker:focus .ql-picker-label .ql-stroke {
  stroke: #031b4e;
}

.ql-snow .ql-picker.ql-header {
  width: 120px;
}

.ql-snow .ql-picker-label {
  display: block;
  padding-left: 10px;
  font-size: 13px;
  border: 1px solid #cdd4e0;
  background-color: #fff;
  outline: none;
}

.ql-snow .ql-picker-label::before {
  line-height: 2.25;
  font-weight: 400;
}

.ql-snow .ql-stroke {
  stroke: #031b4e;
  stroke-linecap: square;
  stroke-linejoin: miter;
  stroke-width: 1;
}

.ql-snow .ql-editor {
  padding: 20px;
  color: #3b4863;
}