.markdown{
    display: none !important;
}

#react{
    height: 100%;
}

#topMenu {
    border-radius: 0px;
}

Table.TableRowSelectable.ui.basic.table tbody tr:hover {
    background-color: rgb(254, 253, 170) !important;
}

Table.TableRowSelectable.ui.basic.table tbody tr.selected {
    background-color: rgb(254, 253, 170) !important;
}

Table.ui.table tbody tr.categoryExpired {
    background-color: rgba(144, 144, 144, 0.178) !important;
}

.editor-wrapper {
    width: 100% !important;
    display: block !important;
    margin-bottom: 25px !important;
    height: 400px !important;
}

.editor-content {
    height: 275px !important;
    border: 1px solid #F1F1F1 !important;
    padding: 5px !important;
    border-radius: 2px !important;
}

.rdw-image-alignment {
    display: inline !important;
}

.rdw-image-center {
    display: flex !important;
    justify-content: center;
}

.rdw-image-right {
    float: right !important;
}

.rdw-image-left {
    float: left !important;
}

.publicHeader{
    background-color: #4F9490;
    font-size: 1.3em;  
    height: 100px;
}

.publicHeaderRow{
    height: 100%;
}

.facebookIcon{
    border-color: #316CF1;
    border-width: 1;
    color: white;
    font-size: 2rem !important;
}

.publicHeaderTitle,
.publicHeaderSmart{
    color: white;
}
.publicHeaderMom{
    color: #F7C12E;
}

.messageViewer.topic{
    color: #79B7B4 !important;
}

.messageViewer.wrapper{
    background-color: #79B7B4 !important;
    min-height: 100%;
}

.messageViewer.container{
    background-color: white;
    min-height: 100%;
    /* min-width: 600px; */
    /* width: 60% !important; */
}

.messageViewer li{
    padding: 5px;
}
.messageViewer.title{
    text-align: center; margin-bottom: 20px;
}

.messageViewer.title h1{
    /* padding: 0px 10px 10px 0px; */
    text-align: center;
    font-size: 1.5em;
}
.messageViewer h1,
.EasyMDEContainer .editor-preview h1,
.EasyMDEContainer .CodeMirror-lines .cm-header-1{
    color: #4F9490 !important;
    font-size: 1.5em;
}

.messageViewer h2,
.EasyMDEContainer .editor-preview h2,
.EasyMDEContainer .CodeMirror-lines .cm-header-2{
    color: #79B7B4 !important;
    font-size: 1.3em;
}

.messageViewer h3,
.EasyMDEContainer .editor-preview h3,
.EasyMDEContainer .CodeMirror-lines .cm-header-3{
    color: #F7C12E !important;
    font-size: 1.1em;
}

.messageViewer,
.EasyMDEContainer .editor-preview {
    background-color: #ffff !important;
}

.messageViewer img,
.EasyMDEContainer .editor-preview img{
    max-width: 100% !important;
}

.downloadButton{
    background-color: #F7C12E !important;
    color: #585b5c !important;
}

.wrap{
 text-wrap: balance;
}

.draft{
 float: right;
 background-color: orange;
 font-size: 20px;
 border-radius: 30px;
 padding: 5px;
 width: 100px;
 text-align: center;
}

.middled.aligned.column{
    align-self: center !important;
}

.mobilePage{
    font-size: 1.5em;
    height:100%;
    color: #585b5c;
}