/*News Page*/
.news_pane {
    width: 100%;
    min-height: 100vh;
    display: block;
}
    .news_pane .news_pane_con {
        max-width: 1300px;
        margin: auto;
        display: block;
    }
    .news_pane .news_side {
        width: 100%;
        display: block;
    }
        .news_pane .news_side .Header {
            background: url('../../OPSource/Images/news.png') left center no-repeat;
            background-size: 30pt;
            width: 94%;
            display: block;
            font-size: 13pt;
            font-weight: 600;
            padding: 18px 3% 18px 50px;.news_pane .news_side .row .Main_Article .Body ol 
            margin:0 0 0 3%;
            color: #2b719a;
        }
        .news_pane .news_side .Header2 {
            background: url('../../OPSource/Images/news.png') left center no-repeat;
            background-size: 30pt;
            width: 94%;
            display: block;
            font-size: 13pt;
            font-weight: 600;
            padding: 18px 3% 18px 50px;
            margin:0 0 0 3%;
            color: #389dd8;
        }
        .news_pane .news_side .Header2:hover {
            text-decoration:underline;
            cursor:pointer;
        }
        .news_pane .news_side .row {
            display: block;
            width: 100%;
            margin: 10px 0 10px 0;
            padding: 10px 0 10px 0;
            background: #fff;
            border-radius: 2px;
            border: 2px solid #eaeaea;
            border-top: 1px solid #eaeaea;
        }
            .news_pane .news_side .row .news_list {
                width: 100%;
                padding-bottom: 40px;
                display: block;
                border-top:1px solid #e0e0e0;             
            }
                .news_pane .news_side .row .news_list li {
                    width: 94%;
                    padding: 20px 3% 15px 3%;
                    display: inline-block;
                    border-bottom: 1px solid #ededed;
                    -webkit-transition: background .1s ease-in-out;
                    -moz-transition: background .1s ease-in-out;
                    -o-transition: background .1s ease-in-out;
                    transition: background .1s ease-in-out;
                }
                    .news_pane .news_side .row .news_list li:hover {
                        background: #f9f9f9;
                    }
                    .news_pane .news_side .row .news_list li img {
                        display: none;
                    }
                    .news_pane .news_side .row .news_list li .Text {
                        width: 94%;
                        display: inline-block;
                        position: relative;
                        vertical-align: top;
                        margin-left: 3%;
                        margin-right: 3%;
                        float: right;
                    }
                        .news_pane .news_side .row .news_list li .Text .Title {
                            font-size: 11pt;
                            font-weight: 600;
                            color: #353d3d;
                            display: block;
                        }
                            .news_pane .news_side .row .news_list li .Text .Title:hover {
                                text-decoration: underline;
                                cursor: pointer;
                            }
                        .news_pane .news_side .row .news_list li .Text .Posted {
                            background: url('../OPSource/Images/mini/small_calendar.png') left center no-repeat;
                            font-size: 8.8pt;
                            background-size: 20px;
                            margin-top: 5px;
                            margin-right: 10px;
                            padding-left: 25px;
                            color: #999999;
                            display: inline-block;
                        }
                            .news_pane .news_side .row .news_list li .Text .Posted:hover,
                            .news_pane .news_side .row .news_list li .Text .Posted:active {
                                color: #5f5f5f;
                            }
                        .news_pane .news_side .row .news_list li .Text .Category {
                            background: url('../OPSource/Images/mini/small_newscatr.png') left center no-repeat;
                            font-size: 8.8pt;
                            background-size: 20px;
                            margin-top: 5px;
                            padding-left: 25px;
                            color: #999999;
                            display: inline-block;
                        }
                            .news_pane .news_side .row .news_list li .Text .Category:hover,
                            .news_pane .news_side .row .news_list li .Text .Category:active {
                                color: #5f5f5f;
                            }
                        .news_pane .news_side .row .news_list li .Text .Description {
                            font-size:10.8pt;
                            line-height: 2em;
                            color: #666666;
                        }
                    .news_pane .news_side .row .news_list li .Read {
                        width: 40px;
                        float: right;
                        font-weight: 600;
                        font-size: 9pt;
                        display: block;
                        text-align: center;
                        color: #3BA52A;
                        margin-top: 10px;
                        margin-bottom: 20px;
                        border: 1px solid #3BA52A;
                        border-radius: 2px;
                        padding: 2px 8px 1px 8px;
                        -webkit-transition: background .1s ease-in-out;
                        -moz-transition: background .1s ease-in-out;
                        -o-transition: background .1s ease-in-out;
                        transition: background .1s ease-in-out;
                    }

                        .news_pane .news_side .row .news_list li .Read:hover {
                            background: #3BA52A;
                            color: #fff;
                            border: 1px solid #46a038;
                        }

            .news_pane .news_side .row .Main_Article {
                width: 88%;
                min-height: 80vh;
                display: block;
                padding: 20px 6% 20px 6%;
                border-top:1px solid #e0e0e0;              
            }
                .news_pane .news_side .row .Main_Article .title {
                    width: 100%;
                    display: block;
                    font-size: 14pt;
                    font-weight: 600;
                    line-height: 1.5em;
                    color: #535353;
                }
                .news_pane .news_side .row .Main_Article .date {
                    background: url('../OPSource/Images/mini/small_calendar.png') left center no-repeat;
                    font-size: 8.8pt;
                    background-size: 20px;
                    margin-top: 5px;
                    margin-right: 10px;
                    padding-left: 25px;
                    color: #999999;
                    display: inline-block;
                }
                    .news_pane .news_side .row .Main_Article .date:hover,
                    .news_pane .news_side .row .Main_Article .date:active {
                        color: #5f5f5f;
                    }
                .news_pane .news_side .row .Main_Article .Category {
                    background: url('../OPSource/Images/mini/small_newscatr.png') left center no-repeat;
                    font-size: 8.8pt;
                    background-size: 20px;
                    margin-top: 5px;
                    padding-left: 25px;
                    color: #999999;
                    display: inline-block;
                }
                    .news_pane .news_side .row .Main_Article .Category:hover,
                    .news_pane .news_side .row .Main_Article .Category:active {
                        color: #5f5f5f;
                    }

                .news_pane .news_side .row .Main_Article .Body {
                    width: 100%;
                    max-width: 800px;
                    font-size:10.8pt;
                    display: block;
                    line-height: 2em;
                }
                    .news_pane .news_side .row .Main_Article .Body img {
                        width: 100%;
                        max-width: 600px;
                        display: block;
                        margin: 20px 0 20px 0;
                        border: 1px solid #ededed;
                    }
                 .news_pane .news_side .row .Main_Article .Body ul{
                    list-style:disc;
                }
                 
 /*END of News Page*/

 /*News Pager*/

            .news_pane .news_side .row .r_pager {
                width: 94%;
                margin: 10px 3% 10px 3%;
                display: block;
            }
                .news_pane .news_side .row .r_pager .page_enabled {
                    width: 20px;
                    height: 20px;
                    text-align: center;
                    border: 1px solid #cacaca;
                    background: #f0f0f0;
                    color: #5f5f5f;
                    display: inline-block;
                }
                .news_pane .news_side .row .r_pager .page_disabled {
                    width: 20px;
                    height: 20px;
                    text-align: center;
                    border: 1px solid #9a9a9a;
                    background: #c6c6c6;
                    color: #4b4b4b;
                    display: inline-block;
                }

 /*END of News Pager*/

@media only screen and (min-width:450px) {
    .news_pane .news_side .row .news_list li img {
        width: 37%;
        max-width: 200px;
        margin-right: 3%;
        display: inline-block;
        vertical-align: top;
        border-bottom: 2px solid #1875ac;
    }

    .news_pane .news_side .row .news_list li .Text {
        width: 55%;
        margin-left: 0;
        margin-right: 3%;
    }
}
@media only screen and (min-width: 620px) {
    .news_pane .news_side .row .news_list li .Text {
        width: 58%;
    }
}
@media only screen and (min-width: 768px) {
    .news_pane .news_side .row .news_list li .Text {
        width: 65%;
    }
}
@media only screen and (min-width: 850px) {
    .news_pane .news_side .row .news_list li .Text {
        width: 68%;
    }
}
@media only screen and (min-width: 990px) {
    /*NewsPane*/

    /*NewsPane*/

    .news_pane {
        padding-top: 50px;
        display:block;
    }

        .news_pane .news_side {
            width: 96%;
            margin: auto;
            max-width: 1280px;
        }

            .news_pane .news_side .row {
                display: block;
                width: 100%;
                max-width: 870px;
                margin-bottom: 50px;
                padding: 10px 0 10px 0;
                background: #fff;
                border-radius: 2px;
                box-shadow: 0 0 2px 1px #ededed;
            }
                /*END of Newspane*/
                .news_pane .news_side .row .news_list li {
                    width: 96%;
                    padding: 30px 2% 10px 2%;
                }

                    .news_pane .news_side .row .news_list li .Text {
                        width: 70%;
                    }
}