html, body {
    height: 100%;
    margin: 0px;
}

.box-content {
    height: 100%;
}

.richText {
    position: relative;
    background-color: #FAFAFA;
    border: #EFEFEF solid 1px;
    color: #333333;
    width: 100%;
    height: 100%;
}
.richText .richText-form  {
    font-family:  Calibri, Verdana, Helvetica, sans-serif;
}
.richText .richText-form label  {
    display:  block;
    padding:  10px 15px;
}
.richText .richText-form input[type="text"],  .richText .richText-form input[type="file"],  .richText .richText-form input[type="number"],  .richText .richText-form select  {
    padding:  10px 15px;
    border:  #999999 solid 1px;
    min-width:  200px;
    width:  100%;
}
.richText .richText-form select  {
    cursor:  pointer;
}
    .richText .richText-form button {
        margin: 10px 0;
        padding: 10px 15px;
        background-color: #676E71;
        border: none;
        color: #FAFAFA;
        cursor: pointer;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }
.richText .richText-toolbar  {
    min-height:  40px;
    border-bottom:  #EFEFEF solid 1px;
}
.richText .richText-toolbar .richText-length  {
    font-family:  Verdana,  Helvetica,  sans-serif;
    font-size:  13px;
    vertical-align:  middle;
    line-height:  34px;
}
.richText .richText-toolbar .richText-length .black  {
    color:  #000;
}
.richText .richText-toolbar .richText-length .orange  {
    color:  orange;
}
.richText .richText-toolbar .richText-length .red  {
    color:  red;
}
.richText .richText-toolbar ul  {
    padding-left:  0;
    padding-right:  0;
    margin-top:  0;
    margin-bottom:  0;
}
.richText .richText-toolbar ul li  {
    float:  left;
    display:  block;
    list-style:  none;
}
.richText .richText-toolbar ul li a  {
    display:  block;
    padding:  10px 13px;
    border-right:  #EFEFEF solid 1px;
    cursor:  pointer;
    -webkit-transition:  background-color 0.4s;
    -moz-transition:  background-color 0.4s;
    transition:  background-color 0.4s;
}
.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 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;
    display:  block;
    margin:  3% auto 0 auto;
    background-color:  #FAFAFA;
    border:  #EFEFEF solid 1px;
    min-width:  100px;
    width:  300px;
    max-width:  90%;
    -webkit-box-shadow:  0 0 5px 0 #333;
    -moz-box-shadow:  0 0 5px 0 #333;
    box-shadow:  0 0 5px 0 #333;
}
.richText .richText-toolbar ul li a .richText-dropdown-outer .richText-dropdown .richText-dropdown-close  {
    position:  absolute;
    top:  0;
    right:  -23px;
    background:  #FFF;
    color:  #333;
    cursor:  pointer;
    font-size:  20px;
    text-align:  center;
    width:  20px;
}
.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-toolbar ul li a .richText-dropdown-outer div.richText-dropdown  {
    padding:  10px 15px;
}
.richText .richText-toolbar ul li a:hover  {
    background-color:  #FFFFFF;
}
.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:  12px;
}
.richText .richText-toolbar:after  {
    display:  block;
    clear:  both;
    content:  "";
}
.richText .richText-editor  {
    padding:  20px;
    background-color:  #FFFFFF;
    border-left:  #FFFFFF solid 2px;
    font-family:  Calibri, Verdana, Helvetica, sans-serif;
    height: calc(100% - 80px);
    outline:  none;
    overflow-y:  scroll;
    overflow-x:  auto;
}
.richText .richText-editor ul,  .richText .richText-editor ol  {
    margin:  10px 25px;
}
.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-editor:focus  {
    border-left:  #3498db solid 2px;
}
.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-help  {
    float:  right;
    display:  none;
    padding:  10px 15px;
    cursor:  pointer;
}
.richText .richText-undo,  .richText .richText-redo  {
    float:  left;
    display:  block;
    padding:  10px 15px;
    border-right:  #EFEFEF solid 1px;
    cursor:  pointer;
}
.richText .richText-undo.is-disabled,  .richText .richText-redo.is-disabled  {
    opacity:  0.4;
}
.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;
}

#textAlignLeft {
    text-align: left;
}

#paint-background-color1 {
    background-color: #FFFFFF
}

#paint-background-color2 {
    background-color: #000000
}

#paint-background-color3 {
    background-color: #7F6000
}

#paint-background-color4 {
    background-color: #938953
}

#paint-background-color5 {
    background-color: #1F497D
}

#paint-background-color6 {
    background-color: blue
}

#paint-background-color7 {
    background-color: #4F81BD
}

#paint-background-color8 {
    background-color: #953734
}

#paint-background-color9 {
    background-color: red
}

#paint-background-color10 {
    background-color: #4F6128
}

#paint-background-color11 {
    background-color: green
}

#paint-background-color12 {
    background-color: #3F3151
}

#paint-background-color13 {
    background-color: #31859B
}

#paint-background-color14 {
    background-color: #4BACC6
}

#paint-background-color15 {
    background-color: #E36C09
}

#paint-background-color16 {
    background-color: #F79646
}

#paint-background-color17 {
    background-color: #FFFF00
}