.required {
   color: #dd4b39;
   font-weight: bold;
}

.smooth{
  transition: width 1s ease-in-out;
}

.compact-editing {
    margin: auto;
    float: none;
    max-width: 3000px;
}

p {
	font-size: 1.3rem;
  margin: 0.2rem 0.25rem 0;
}

sup {
    /* color: hsl(0 100% 22% / 1); */
		color: hsl(240deg 100% 30%);
    cursor: pointer;
}

.mb-4 {
    margin-bottom: 1.5rem !important;
}

.cke_editable hr {
    width: 25%;
    min-width: 150px;
	border-top: none;
	border-right: none;
	border-left: none;
    border-bottom: 1px solid hsl(0 0% 75% / 1);
    margin-right: 0;
}

/* .cke_editable{
  padding: 0 0.5rem;
} */

.cke_editable p:not([class*="hoda-paragraph-"]):not(.hoda-span):not(.hoda-signature){
	margin: 0 0.25rem 2rem;
}

.cke_editable > .hoda-title-main:first-of-type{
  margin: 1.75rem 0 3.25rem !important;
}

.cke_editable .hoda-paragraph-question {
    margin-top: 3rem;
}

/* :not([class*="hoda-shi3or"]) */

/*.cke_editable .hoda-title-question, .cke_editable .hoda-title-answer, .cke_editable .hoda-footnote {
  margin-bottom: -1.25rem;
  display: block;
}*/

.cke_editable p.hoda-signature{
  margin: 0.25rem 0.25rem 0;
}

.cke_rtl .cke_toolgroup {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

/* Alhoda Styles Drop Down Menu*/
ul.cke_panel_list [class*="hoda-"] {
    font-size: 16px;
    font-weight: bold;
}

.cke_editable ol, .cke_editable ul {
    margin-top: 0;
}

.cke_editable ol {
    list-style: none;
    counter-reset: my-list-counter;
    padding-right: 3rem;
}

.cke_editable ol li {
    counter-increment: my-list-counter;
    margin-bottom: 1rem;
}

.cke_editable ol li:first-of-type {
    margin-top: 0rem;
}

.cke_editable ol li::before {
    content: counter(my-list-counter) "- ";
    position: absolute;
    right: 2rem;
}

[class*="hoda-"] {
  /* base hoda properties */
  font-size: 1.3rem;
}

[class*="hoda-paragraph"] {
  /* base hoda properties */
  font-weight: bold;
}

[class*="hoda-title"] {
  /* base hoda properties */
  font-weight: normal;
}

.hoda-title-main{
	color: #800000;
	text-align: center;
	font-size: 26px;
  font-weight: bold;
}

.hoda-paragraph{
	text-align: justify;
  font-weight: normal;
}

.hoda-span{
  margin: 0.3rem 0.25rem 0.5rem;
}

.hoda-center{
	color: #800000;
	text-align: center;
	font-weight: bold;
}

.hoda-signature{
	color: #800000;
	text-align: left;
	font-weight: bold;
}

.hoda-title-ayah{
	color: #CC0033;
}

.hoda-title-question, .hoda-paragraph-question, .hoda-title-answer, .hoda-paragraph-answer{
	color: #800000;
}


.hoda-title-p-1, .hoda-paragraph-p-1{
	color: #800000;
}

.hoda-title-p-2, .hoda-paragraph-p-2{
	color: #000099;
}

.hoda-title-p-3, .hoda-paragraph-p-3{
	color: #006600;
}

/* [class*="-footnote"]{
	font-size: 14px;
} */

.hoda-footnote, .hoda-paragraph-footnote {
    font-size: 0.9rem;
    /* display: inline-block; */
    /* font-weight: 400; */
    text-indent: -1.0rem;
    padding-right: 1.0rem;
}

:nth-child(n+10 of .hoda-paragraph-footnote) {
    text-indent: -1.6rem;
    padding-right: 1.6rem;
}


.hoda-shi3or {
  color: #d25700;
  text-align: center;
  font-weight: bolder;
}

.hoda-shi3or ~ .hoda-shi3or {
    margin-top: -1rem !important;
    margin-bottom: 1.5rem !important;
}


.hoda-shi3or-table {
    border: 0 #fff;
    color: #d25700;
    /* text-align: justify; */
    font-weight: bolder;
    margin-left: auto;
    margin-right: auto;
}

table.hoda-shi3or-table td{
    padding: 15px;
    text-align: justify;
    text-align-last: justify;
    border: none;
}

table.hoda-shi3or-table tr td p{
    text-align: justify;
    text-align-last: justify;
}

/*
table.hoda-shi3or-table tr td:first-child{

    text-align: right;
}

table.hoda-shi3or-table  tr td:last-child{
    text-align: left;
}


table.hoda-shi3or-table tr td:first-child p{
    text-align: right;
}

table.hoda-shi3or-table  tr td:last-child p{
    text-align: left;
}
*/


/* Select2 Fixes */
    .select2.form-control {
        width: calc(100% - 27px) !important;
        left: 15px !important;
        right: 15px !important;
        min-width: 256px !important;
    }

    .select2-container--default .select2-selection--single, .select2-selection .select2-selection--single {
        padding: 9px 12px 7px 12px;
        height: 36px;
    }

    .select2-container--default .select2-selection--single {
        /*background-color: #fff;*/
        border: 1px solid #d2d6de;
        border-radius: 0px;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 100%;
        width: 33px;
    }

    .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
        padding-right: 0;
    }

    span.select2.select2-container.select2-container--default.select2-container--below, span.select2.select2-container.select2-container--default.select2-container--focus, span.select2.select2-container.select2-container--default {
        max-width: -webkit-fill-available;
        margin-bottom: 15px;
        min-width: -webkit-fill-available;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice {
        color: #616161;
    }
/* Select2 Fixes */


@media only screen and (max-width: 600px) {
    table.hoda-shi3or-table tr td{
      padding: 7px;
    }

    table.hoda-shi3or-table tr{
      display: grid;
      align-items: center;
      margin-bottom: 30px;
    }
}

.cke_rtl .cke_toolbar_break {
    clear: none !important;
}

*[data-widget="collapse"] {
    cursor: pointer;
}


.box-header>.box-tools {
    position: static;
    /* right: initial; */
    /* top: initial; */
    float: right !important;
    margin: -4px 0 -6px 2px;
}



.border-top-light {
    border-top: 1px solid hsl(0deg 0% 93% / 6%);
}

.bg-light{
  background-color: hsl(0deg 0% 93% / 4%);
}

#myTree > li:first-child {
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
}

#myTree > li:last-child {
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
}


/* ckeditor Tools (action buttons) Order * /
.cke_panel {
    width: fit-content !important;
    max-width: 220px;
}

.cke_rtl #cke_1_toolbox {
    display: flex;
    flex-direction: row;
}

#cke_60 {
    order: 1;
}

#cke_29 {
    order: 2;
}

#cke_38 {
    order: 3;
}

#cke_17 {
    order: 4;
}

#cke_25 {
    order: 5;
}

#cke_50 {
    order: 6;
}

#cke_54 {
    order: 7;
}

#cke_64 {
    order: 8;
}

#cke_13 {
    order: 9;
}

#cke_61 {
    display: none;
}



#cke_38 .cke_toolgroup {
    display: flex;
    flex-direction: row;
}

#cke_44 {
    order: 1;
}

#cke_45 {
    order: 2;
}

#cke_46 {
    order: 3;
}

#cke_47 {
    order: 4;
}

#cke_38 > .cke_toolgroup > .cke_toolbar_separator:nth-child(6) {
/ *     background-color: blue; * /
    order: 5;
}

#cke_39 {
    order: 6;
}

a#cke_40 {
    order: 7;
}

#cke_38 > .cke_toolgroup > .cke_toolbar_separator:nth-child(13) {
/ *     background-color: lime; * /
    order: 8;
}

#cke_41 {
    order: 9;
}

#cke_42 {
    order: 10;
}

#cke_38 > .cke_toolgroup > .cke_toolbar_separator:nth-child(0n+3) {
/ *     background-color: red; * /
    order: 11;
}

#cke_43 {
    order: 12;
}

#cke_38 > .cke_toolgroup > .cke_toolbar_separator:nth-child(0n+8) {
    order: 13;
}

#cke_48 {
    order: 14;
}

#cke_49 {
    order: 15;
}

/ * ckeditor Tools (action buttons) Order */


.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999;
    cursor: not-allowed;
}