.body{
/*    background: #EEF4F4;*/
    background: #FFFFFF;
    padding:0%;
    padding-top:1px;
}
.header{
    padding:0px 10%;
    /*background:#34495E;*/
   /* background: rgb(31,73,125);*/
   /* background: rgb(161, 195, 186);*/
}
.header2{
    padding:1px 1%;
    /*background:#34495E;*/
    background: rgb(31,73,125);
}
.pad-header2{
    padding:1px 0px;
}

.footer{
    padding: 0px 1%;

}
.footer .container-main{

}
.container-main{
    max-width:900px;
    margin:0px auto;
    padding:0px;
}
.pad-20{
    padding:20px 0px;
}
.pad-10{
    padding:10px 0px;
}
.pad-5{
    padding:5px 0px;
}
.pad-4{
    padding:4px 0px;
}
.pad-3{
    padding:3px 0px;
}
.pad-2{
    padding:2px 0px;
}
.pad-1{
    padding:1px 0px;
}
.pad-0{
    padding: 0px;
}

.padding-0{
    padding: 0px;
}
.padding-1{
    padding: 1px;
}
.padding-2{
    padding: 2px;
}
.padding-3{
    padding: 3px;
}
.padding-4{
    padding: 4px;
}
.padding-5{
    padding: 5px;
}
.no-margin-top{
    margin-top: 0;
}
.pad-header{
    padding:2px 0px;
}

.notify-container{
    background: white;
    padding:30px;
}
.table{
    border:1px;
    width:100%;
}
.no-notify{
    background: #f8f8f8;
    padding:10px;
}
.new-unread{
    color:#e67e22;
    border:1px solid #f39c12;
    font-size: 10px;
    padding:5px 2px;
    margin-left: 10px;
    border-radius: 4px;
}

.up{
    font-size:20px;
}
.s-icons{
    color:silver;
}
.s-icons:hover{
    color:#7f8c8d;
}
.ftr{
    padding-left:5px;
    font-size:10px;
}
ul.ftr_menu{
    margin:0px;
    padding:0px;
}
ul.ftr_menu li{
    display:inline;
    padding:5px;
}
a.tw{
    color:#7f8c8d;
}
.min-height-65{
    min-height: 65vh;
}
@media screen and (max-width:700px){
    .container-main{
        margin:0px auto;
        padding:0px 0px;
    }
    .footer{
        text-align: center;
    }
    .ftrr .bcol-30, .ftrr .bcol-70{
        width:100%;
    }
    .pull-right{
        float:none;
        text-align: center;
    }
    .logo{
        display: none;
        text-align: center;
        /*padding:20px 0px;*/
    }
    .header{
        padding:0px;
    }
    .pad-header{
        padding:0px;
    }
    .bcol-25,.bcol-75{
        width:100%;
    }
    .bcol-30{
        width:10%;
    }
    .bcol-70{
        width:90%;
    }
    .min-height-65{
        min-height: 65vh;
    }
}
@media screen and (max-width:480px){
    .notify-container{
        background: white;
        padding:10px;
    }
    h1{
        font-size: 25px;
        line-height: 35px;
    }
    .bcol-30{
        width:100%;
    }
    .bcol-70{
        width:100%;
    }
}