.react-grid-item .react-resizable-handle::after {
    border-right: 2px solid rgba(0, 0, 0, 0.4);
    border-bottom: 2px solid rgba(0, 0, 0, 0.4);
}

#manual-editor .fr-wrapper {
    background: #f9f9f9;
}
#manual-editor .fr-view {
    background: #ffffff;
    margin: 0 auto;
    max-width: 815px;
}
.fr-view .froala-code {
    background: #f5f2f0;
}
.fr-view .froala-h2 {
    font-size: 26px;
}
.fr-view .froala-h3 {
    font-size: 20px;
}
.fr-view .froala-h4 {
    font-size: 16px;
}
.fr-view table tbody{
    border-collapse: separate;
    border-spacing: 1px !important;
    border-color: #ccc !important;
    text-align: left;
    line-height: 1.5;
    margin : 20px 10px;
}

.fr-view .froala-alert {
    border-width: 0;
    border-left-width: 4px;
    border-radius: 0;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
}
.fr-view .froala-alert.alert-primary {
     color: #2a5485;
     background-color: #dcecff;
     border-color: #cee5ff;
 }
.fr-view .froala-alert.alert-secondary {
     color: #797b7d;
     background-color: #fbfbfc;
     border-color: #f9fafb;
 }
.fr-view .froala-alert.alert-success {
     color: #1f6e2e;
     background-color: #d8f6de;
     border-color: #c8f3d0;
 }
.fr-view .froala-alert.alert-danger {
     color: #85262c;
     background-color: #ffdbdd;
     border-color: #ffcccf;
 }
.fr-view .froala-alert.alert-warning {
     color: #856100;
     background-color: #fff1cc;
     border-color: #ffecb8;
 }
.fr-view .froala-alert.alert-info {
     color: #4c3973;
     background-color: #e9e2f8;
     border-color: #e0d6f6;
 }
.fr-view .froala-alert.alert-light {
     color: #818182;
     background-color: #fefefe;
     border-color: #fdfdfe;
 }
.fr-view .froala-alert.alert-dark {
     color: #0d0d0d;
     background-color: #d1d1d1;
     border-color: #bfbfbf;
 }

#manual-editor {
    line-height: 1.2 !important;
}

#manual-editor .fr-view table td{
    width: 350px;
    padding: 10px;
    border-top: 1px;
    border-bottom: 1px;
    vertical-align: top;
    border-bottom: 1px solid #ccc;
}
#manual-editor .fr-view pre {
    padding: 16px;
}
#manual-editor .fr-view table tr:first-child{
    background-color: #f9f9f9;
}
.froala-paragraph-wrap .froala-h2,
.froala-paragraph-wrap .froala-h3 {
    margin-bottom: 40px;
}
.froala-paragraph-wrap hr {
    border: none;
    border-top-width: 1px;
    border-top: 1px solid rgb(229, 231, 235);
    margin: 40px 0;
}
.para-2 {
    padding-left:20px;
}