body{
    background-color: #f8f8f8;
}
#admin2b1 .container{
    background-color: white;
    box-shadow: 0px 1px 10px #C0C0C0 ;
    margin-top: 20px;
    margin-bottom: 20px;
}
@media screen and (max-width:767px){
    #admin2b1 .container{
        margin-top: 0px;
        margin-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }
}
h2{
    margin-top: 10px;
}
a:hover{
    color: #cc0000;
}
a:visited{
    text-decoration: none;
}
/*form login*/
#loginform form{
    background-color: #F0F0F0;
    padding: 10px 30px 20px 30px;
    border-radius: 2px;
    box-shadow: 1px 1px 10px darkgray;
}
#loginform hr{
    border-bottom: 1px solid #cc0000;
}
/*-----admin*-----/
/*header*/
.admin2b1-header{
    box-shadow:0px 0px 3px darkgray; 
    background-color: white;
    height: 90px;
}
@media screen and (max-width:767px){
    .admin2b1-header{
        height: 90px;
    }
    .admin2b1-header h1{
        font-size: 24px;
    }
}

/*navigationbar*/
#admin2b1-nav{
    background-color: #cc0000 ;
    padding: 10px 0px;
}
#admin2b1-nav .container a{
    color: white;
    padding-right: 10px;
}
@media screen and (max-width:767px){
    #admin2b1-nav .container a{
        display: block;
        padding-right: 0px;
        padding: 5px 10px;
    }
}
/*menu*/
#admin2b1-menu{
    background-color: white;
}
#admin2b1-menu a{
    display: block;
    padding: 10px 10px ;
}
#admin2b1-menu a:hover{
    background-color: #cc0000;
    color: white;
    text-decoration: none;
}
#admin2b1-menu h3{
    text-align: center;
}
/*main content*/
#admin2b1-menu .col-sm-8,.col-md-9{
    border-left: 1px solid #f0f0f0;
}
@media screen and (max-width:767px){
    #admin2b1-menu .col-sm-8,.col-md-9{
        border-left: none;
    }     
}

#admin2b1-content h2{
    text-align: center;
    display: block;
    background-color: #cc0000;
    color: white;
    padding: 10px 20px;;
}