body{
    font-family: Arial,Helvetica,sans-serif;
    background-color:#d0dffe ;
}
ul{
    padding:0px;
    margin:0px;
}
*:focus{
    box-shadow: none !important;
}
a:hover{
    text-decoration: none;
    color:#008dc9;
}
.wrapper{
    position: relative;
    min-height: 100vh;
    width:100%;
}
.wrapper aside{
    background: #1d1d1d;
    width:25em;
    min-height: 100%;
    height: auto;
    position: absolute;
    top:0;
    /*bottom:0;*/
    padding-bottom: 40px;
}
.wrapper aside .logo{
    text-align: center;
    padding:20px;
}
.wrapper aside .logo a{
    display: block;
}
.wrapper aside .logo a img{
    height: 80px;
    width: auto;
}
.wrapper aside hr{
    margin:5px auto;
}
.wrapper aside .action-btns{
    padding:5px 40px;
}
.wrapper aside .action-btns .btn{
    width:100%;
    padding:10px 0px;
    color:#fff;
    border-radius: 10px;
    margin-top:10px;
    font-size: 17px;
}
.wrapper aside ul .menu-item a{
    padding: 5px 20px;
    display: block;
    /*color:#656464;*/
    color:#fff;
    opacity: 0.8;
}
.wrapper aside ul .menu-item a img{
    height:auto;
    width:20px;
    display: inline-block;
    float: right;
    margin-top:3px;
}
.wrapper aside ul .menu-item .sub-menu{
    height: 0px;
    overflow: hidden;
    transition: all .5s;
}
.wrapper aside ul .menu-item.active{
    background: #292929;
}

.wrapper aside ul .menu-item.active > a{
    background: #272727;
    color: #008dc9;
    font-weight: bold;
    border-bottom:1px solid black;
}
.wrapper aside ul .menu-item:hover > a{
    background: #272727;
    color: #008dc9;

}
.wrapper aside ul .menu-item.active .sub-menu{
    height: auto;
    overflow: hidden;
    padding:5px 0px;

}

.wrapper aside ul .menu-item.active .sub-menu > li > a{
    border:none;
    background-color:#292929 ;
    font-weight: normal;
    color:#ffffff;
    margin-left:15px;
}
.wrapper aside ul .menu-item.active .sub-menu > li > a:hover{
    color:#008dc9;
}
.wrapper aside .action-btns .btn-login{
    background:#008dc9;
}
.wrapper aside .copyright{
    color:#fff;
    opacity: 0.8;
    /*position: absolute;*/
    width: 100%;
    /*bottom:10px;*/
    margin-top: 100px;
    font-size:12px;
    font-weight: bold;
}

.wrapper .content{
    margin-left:25em;
    text-align: center;
    display: flex;
    align-items: center;
    min-height: 100vh;
    justify-content: center;
    flex-direction: column;
}
.wrapper .content .polio-virus{
    height: 430px;
    width:auto;
}
.wrapper .content .heading{
    width:100%;
    margin-top:20px;
}
.wrapper .content .heading h2{
    color:#101010;
    font-weight: bold;
    font-size: 28px;
}
.wrapper .content .heading h4{
    color:#505050;
    font-weight: normal;
    font-size: 18px;
}
.natural-color{
    /*color: inherit;*/
    color: #ff4e4e;
}
.downloadTitle {
    margin-top: 10px;
    padding: 7px;
    width: 100%;
    background: #005cab;
}
.downloadTitle a{
    color: #fff;
    font-size: 0.9rem;
}
p {
    font-size: 0.9rem;
}
.logo {
    max-width: 300px;
}
.table-condensed.table td, .table th {
    padding: 0.25rem 0.75rem;
}

.wrapper aside ul .submenu-item ul{
    height: 0px;
    overflow: hidden;
    transition: all .5s;
}
.wrapper aside ul .submenu-item.active > a{
    color: #008dc9 !important;
    font-weight: bold !important;
}
.wrapper aside ul .submenu-item.active ul{
    height: auto;
    overflow: hidden;
    padding:5px 0px;
}
.wrapper aside ul .submenu-item ul > li > a, .wrapper aside ul .submenu-item ul > li > a:hover{
    color: #ffffff;
}
.w-min-600 {
    min-width: 600px;
}
@media screen and (max-width: 600px) {
    .w-min-600 {
        min-width: 100%;
    }
}