#side{
    margin: 0;
    padding: 0;
    font-weight: 400;
    position: sticky;
    top: calc(76px + 15px + 20px);
    display: flex;
    flex-direction: column;
    /*overflow: auto;*/
}

#side>div:first-child{
    margin-bottom: 20px;
}

#news_section{
    margin: 0;
    padding: 30px;
    background: white;
    border-radius: 10px;
    font-weight: 400;
    display: flex;
    flex-direction: column;
    flex:1;
    max-height: calc(0.55 * (100vh - 76px - 15px - 20px - 20px - 20px));
}
.news-header{
    display: flex;
    align-items: center;
    justify-content: start;
    /*box-shadow: -10px 10px 0px 0px rgba(0,0,0,0.2);*/
    /*background-color: #fff1c3;*/
    /*margin:20px 20px 30px 20px;*/
    /*padding-top: 20px;*/
}
.news-header>img{
    /*width: 2em;*/
}
.news-header>h4{
    font-size: 1.25em;
    /*margin-bottom: 0;*/
    font-weight: bold;
    /*border-bottom: 2px solid #fd9b07;*/
    /*color: #fd8407;*/
    /*margin: 10px 25px;*/
    /*padding-bottom: 10px;*/
}
.news-content{
    overflow: hidden;
    height: inherit;
    padding-top: 10px;
}
.news-content>ul{
    list-style: none;
    padding: 0;
    overflow-y: auto;
}
.news-content>ul li{
    /*margin-top: 5px;*/
    background-image:
            linear-gradient(to right, #333 50%, rgba(255, 255, 255, 0) 0%);
    background-position: bottom left;
    background-size: 10px 1px;
    background-repeat: repeat-x;
    /*margin-left: 40px;*/
    /*margin-right: 30px;*/
    padding-left: 15px;
    margin-top: 5px;
    padding-bottom: 10px;
    /*border-bottom: 1px dashed #fd8407;*/
    position: relative;
}
.news-content>ul li:last-child {
    background-image: unset;
    background-position: unset;
    background-size: unset;
    background-repeat: unset;
}
.news-content>ul li:before {
    font-family: FontAwesome;
    /*content: "\f054"; !* FontAwesome Unicode *!*/
    content: "\f0da"; /* FontAwesome Unicode */
    color: black;
    display: inline-block;
    margin-left: -15px; /* same as padding-left set on li */
    width: 10px; /* same as padding-left set on li */
    top: 0px;
    position: absolute;
}
.news-content>ul li>span a, .news-content>ul li>a a{
    /*color: #fd8407;*/
}
.news-content>ul li>a, .news-content>ul li>span{
    /*text-decoration: none;*/
    /*color: #1a1a1a!important;*/
    /*display: inline-block;*/
    /*margin-top: 5px;*/
    /*font-size: 1em;*/
    /*font-weight: normal;*/
    /*border-bottom: 1px solid transparent;*/
    /*transition: border 0.2s ease 0s;*/
}
.news-content>ul .active li>a{
    /*color: rgb(26, 26, 26);*/
    /*font-weight: 700;*/
}


/* side navigation */

#side_menu{
    margin: 0;
    /*margin-bottom: 20px;*/
    padding: 30px;
    background: white;
    border-radius: 10px;
    font-weight: 400;
    display: flex;
    flex-direction: column;
    flex: 2;
    max-height: calc(0.45 * (100vh - 76px - 15px - 20px - 20px - 20px));
}

.side-menu-header>h4{
    font-size: 1.25em;
    /*margin-bottom: 0;*/
    font-weight: bold;
    /*border-bottom: 2px solid #fd9b07;*/
    /*color: #fd8407;*/
    /*margin: 10px 25px;*/
    /*padding-bottom: 10px;*/
}
.side-menu-content{
    /*overflow: auto;*/
    /*padding-top: 10px;*/
}
.side-menu-content>ul{
    list-style: none;
    padding: 0;
    /*overflow-y: auto;*/
    /*box-shadow: -10px 10px 0px 0px rgba(0,0,0,0.2);*/
    /*list-style: none;*/
    /*background-color: #f1f1f1;*/
    /*margin:20px 20px 30px 20px;*/
    /*padding-top: 20px;*/
    /*flex-direction: column;*/
}
.side-menu-content>ul li{
    /*margin-top: 5px;*/
    /*background-image:*/
    /*        linear-gradient(to right, #333 50%, rgba(255, 255, 255, 0) 0%);*/
    /*background-position: bottom left;*/
    /*background-size: 10px 1px;*/
    /*background-repeat: repeat-x;*/
    /*margin-left: 40px;*/
    /*margin-right: 30px;*/
    /*padding-left: 15px;*/
    /*padding-top: 5px;*/
    /*padding-bottom: 5px;*/
    /*border-bottom: 1px dashed #fd8407;*/
    position: relative;
}
/*.side-menu-content>ul li:last-child {*/
/*    background-image: unset;*/
/*    background-position: unset;*/
/*    background-size: unset;*/
/*    background-repeat: unset;*/
/*}*/
.side-menu-content>ul li:before {
    /*font-family: FontAwesome;*/
    /*!*content: "\f054"; !* FontAwesome Unicode *!*!*/
    /*content: "\f0da"; !* FontAwesome Unicode *!*/
    /*color: black;*/
    /*display: inline-block;*/
    /*margin-left: -15px; !* same as padding-left set on li *!*/
    /*width: 10px; !* same as padding-left set on li *!*/
    /*top: 5px;*/
    /*position: absolute;*/
}
.side-menu-content>ul li>span a, .news-content>ul li>a a{
    /*color: #fd8407;*/
}
.side-menu-content>ul li>a, .news-content>ul li>span{
    text-decoration: none;
    padding-bottom: 0;
    padding-top: 0;
    padding-right: 0;
    /*color: #1a1a1a!important;*/
    /*display: inline-block;*/
    /*margin-top: 5px;*/
    /*font-size: 1em;*/
    /*font-weight: normal;*/
    /*border-bottom: 1px solid transparent;*/
    /*transition: border 0.2s ease 0s;*/
}
.side-menu-content>ul li>a{
    transition: all 0s ease-in-out;
    padding-left: 10px  ;
    color: #243452;
}
.side-menu-content>ul li>a.active{
    margin-left: -5px;
    border-left: solid 5px #243452;
    border-radius: 5px;
    padding-top: 2px;
    background: #ececec;
    color: #092c3f;
    /*font-weight: 700;*/
    padding-bottom: 2px;
}




@media (max-width: 1453px){
    #side{
        top: calc(48.5px + 15px + 20px);
    }
    #news_section{
        margin: 0;
        padding: 30px;
        background: white;
        border-radius: 10px;
        font-weight: 400;
        display: flex;
        flex-direction: column;
        flex:1;
        max-height: calc(0.55 * (100vh - 48.5px - 15px - 20px - 20px - 20px));
    }
    #side_menu{
        margin: 0;
        /*margin-bottom: 20px;*/
        padding: 30px;
        background: white;
        border-radius: 10px;
        font-weight: 400;
        display: flex;
        flex-direction: column;
        flex: 2;
        max-height: calc(0.45 * (100vh - 48.5px - 15px - 20px - 20px - 20px));
    }
}
@media (max-width: 575px){
    #side{
        position: absolute;
        top: unset;
        display: unset;
    }
    #side_menu, #news_section{
        background: rgba(236, 236, 236, 0.955);
        position: fixed;
        z-index: 9;
        top: 0;
        width: 100%;
        border-radius: 0;
        margin: 0;
        padding: 0;
        /*background: white;*/
        font-weight: 400;
        display: flex;
        flex-direction: column;
        flex: 1;
        height: 100vh;
        max-height: unset;
        left: 100%;
        transition: all 0.5s;
    }
    #news_section.slided, #side_menu.slided{
        left: 0;
        z-index: 11;
    }
    .news-content>ul, .side-menu-content>ul {
        height: 100%;
        overflow-y: auto;
        padding: 20px;
        background: white;
        border-radius: 10px;
    }


    .news-header, .side-menu-header{
        padding: 20px 0;
        display: flex;
        align-items: center;
        justify-content: start;
    }
    .side-menu-content, .news-content{
        padding: 20px;
    }
    .news-header>h4, .side-menu-header>h4{
        font-size: 1.5em;
        font-weight: 100;
        margin: 0;
        border-top-right-radius: 200px;
        border-bottom-right-radius: 200px;
        padding: 10px 30px 10px 20px;
        background: white;
    }
    .side-menu-content>ul li>a{
        font-size: 1.25em;
    }

    #announcement-btn{
        position: fixed;
        bottom: 78px;
        left: 16px;
        z-index: 9;
    }
    #nav-btn{
        position: fixed;
        bottom: 18px;
        left: 16px;
        z-index: 9;
    }
    #announcement-btn>img, #nav-btn>img{
        cursor: pointer;
        height: 50px;
        width: auto;
    }
    #announcement-btn.hide, #nav-btn.hide{
        opacity: 0;
        visibility: hidden;
    }
}
@media (max-width: 768px) {

    #close_btn {
        display: inline-block;
        background-color: white;
        width: 40px;
        height: 40px;
        text-align: center;
        border-radius: 50%;
        position: fixed;
        top: 25px;
        right: 25px;
        transition: background-color .3s, opacity .5s, visibility .5s;
        opacity: 0;
        visibility: hidden;
        z-index: 100000;
        text-decoration: none;
    }
    #close_btn::after {
        /*content: "\f00d";*/
        content: "\2715";
        font-family: FontAwesome;
        font-weight: normal;
        font-style: normal;
        font-size: 1.5em;
        line-height: 40px;
        color: #092c3f;
        cursor: pointer;
    }
    #close_btn:hover {
        /*background-color: #ffc50d;*/
    }
    #close_btn:active {
        background-color: white;
    }
    #close_btn.shw {
        transition-delay: 0.25s;
        opacity: 1;
        visibility: visible;
    }
}