﻿.White_Wrap h3 {
    text-align: center;
    color: #ffc857;
    border-bottom: 1px solid #ffc857;
    padding-bottom: 1rem;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    font-family: lobster;
    font-size: 3rem;
}

/* line 3193, ../scss/app.scss */
.Message_Wrap {
    /* Zebra striping */
    width: 100%;
}
    /* line 3194, ../scss/app.scss */
    .Message_Wrap table {
        width: 800px;
        margin: 0 auto;
        border-collapse: collapse;
    }
    /* line 3199, ../scss/app.scss */
    .Message_Wrap tr:nth-of-type(odd) {
        background: #eee;
    }
    /* line 3202, ../scss/app.scss */
    .Message_Wrap th {
        background: #333;
        color: white;
        font-weight: bold;
    }
    /* line 3207, ../scss/app.scss */
    .Message_Wrap td, .Message_Wrap th {
        padding: 6px;
        border: 1px solid #ccc;
        text-align: left;
        font-size: 12px;
    }
        /* line 3213, ../scss/app.scss */
        .Message_Wrap td a, .Message_Wrap th a {
            color: black !important;
        }
            /* line 3216, ../scss/app.scss */
            .Message_Wrap td a:hover, .Message_Wrap th a:hover {
                color: #db3933 !important;
                transition: all 600ms ease-out;
            }
    /* line 3223, ../scss/app.scss */
    .Message_Wrap table thead tr th {
        color: #ffc857;
        font-size: 0.875rem;
        background: #db3933;
        font-weight: bold;
        padding: 0.5rem 0.625rem 0.625rem;
        /*text-align: center;*/
    }

/* line 3233, ../scss/app.scss */
.TH_Numbering,
.TH_Date {
    width: 12%;
}

/*message--end*/
/*pagination - START*/
/* line 3244, ../scss/app.scss */
.Pagination_Wrap ul.pagination li a {
    border-radius: 0;
    color: #ffc857;
    font-size: 12px;
}
/* line 3251, ../scss/app.scss */
.Pagination_Wrap ul.pagination li:hover a {
    background: #db3933;
    color: white !important;
}
/* line 3259, ../scss/app.scss */
.Pagination_Wrap ul.pagination li.current a {
    background: #ffc857;
    color: #000000 !important;
}

/*pagination - END*/
/*personal message details - START*/
/* line 3269, ../scss/app.scss */
.MessageDetails_Wrap {
    color: black;
    background: white;
    margin: 0 auto;
    width: 800px;
}
    /* line 3273, ../scss/app.scss */
    .MessageDetails_Wrap .DetailsRow1 {
        background: #b42520;
        margin: 0;
    }
        /* line 3277, ../scss/app.scss */
        .MessageDetails_Wrap .DetailsRow1 .DetailsRow1_Left {
            padding: 2rem 3rem !important;
            background-color: #db3933;
            color: #ffc857;
        }
        /* line 3283, ../scss/app.scss */
        .MessageDetails_Wrap .DetailsRow1 .DetailsRow1_Right {
            padding: 2rem 3rem !important;
            color: white;
        }
    /* line 3289, ../scss/app.scss */
    .MessageDetails_Wrap .DetailsRow2 {
        background: white;
        padding: 3rem 3rem;
        margin: 0;
    }
    /* line 3295, ../scss/app.scss */
    .MessageDetails_Wrap p {
        padding: 0;
        margin: 0;
    }

/* line 3301, ../scss/app.scss */
.BackBtn {
    background-color: #ffc857;
    color: black;
    text-transform: uppercase;
    font-size: 12px;
    font-family: latobold;
    margin-top: 1.5rem;
}
    /* line 3311, ../scss/app.scss */
    .BackBtn:after {
        content: "\e80b";
        font-family: 'Linearicons-Free';
        color: #000000;
        font-size: 1.2rem;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        padding: 0rem 0rem 0rem 1rem;
        vertical-align: bottom;
    }
    /* line 3328, ../scss/app.scss */
    .BackBtn:hover {
        background: #ffc857;
        color: black;
    }

    /* line 3335, ../scss/app.scss */
    .BackBtn:after {
        content: "\e860" !important;
    }

/*personal message details - END*/

div.Message_Wrap label.NewPoint {
    background-color: #DD2121;
    border-radius: 0.7rem;
    color: #FFFFFF;
    display: inline-block;
    font-size: 0.7rem;
    height: 1.4rem;
    line-height: 1rem;
    padding: 0.2rem;
    position: absolute;
    right: -1rem;
    top: -0.5rem;
}