/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 29 Jan 2019, 8:32:51 PM
    Author     : Machapula
*/

body{
    background: #2F4F4F;
    color: #E6E6FA;
}
p{
    color: #2F4F4F;
}

tr{
    color: #2F4F4F;
}

tr:nth-child(even){
    background-color: #A9A9A9;
}

tr:hover{
    
     background-color: #2E8B57 !important;
    color: #FFF5EE;
}


/*Style for navigation bar*/
.navbar{
    min-height: 100px !important;
    margin: 0;
    border-radius: 0;
}

.navbar-nav > li > a{
    margin-top: 25px !important;
    padding-bottom: 0 !important;
    
}

.navbar-brand{
    padding-top: 0px !important;
}
.navbar-default{
    background-color: #FFF;
    border-color: #008B8B;
   
}

.navbar-default .navbar-brand{
    color: #E6E6FA;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus{
    color: #FFF5EE;
}

.navbar-default .navbar-text{
    color: #E6E6FA;
}

.navbar-default .navbar-nav > li > a{
    color: #3AC51D;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus{
    background-color: #2E8B57;
    color: #FFF5EE;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus{
    background-color: #800000;
   color: #E6E6FA;
}
.navbar-default > .container > .navbar-header > .navbar-brand > img{
    width: 100px;
    height: 100px;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus{
    background-color: #800000;
   color: #E6E6FA;
}

.navbar-default .navbar-toggle{
    border-color: #800000;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus{
    border-color: #800000;
}

.navbar-default .navbar-toggle .icon-bar{
    background-color: #E6E6FA;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form{
    border-color: #E6E6FA;
}

.navbar-default .navbar-link{
    color: #E6E6FA;
}

.navbar-default .navbar-link:hover{
    color: #4169E1;
}

/*Custom style*/

.main-bg-color{
    background-color: #4169E1 !important;
    border-color: #DC143C !important;
    color: #E6E6FA !important;
}

.panel-title{
    color: #E6E6FA !important;
}
.well{
    background-color: #2F4F4F !important;
    color: #E6E6FA !important;
}

.dash-box{
    text-align: center;
     color: #2F4F4F !important;
}

.form-group{
    color: #2F4F4F !important;
}

   
/*Style for the header*/

#header{
    background-color: #800000;
    color: #E6E6FA;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

#header .addnew{
    padding-top: 20px;
}

#footer{
    background-color: #800000;
    text-align: center;
    padding: 30px;
    margin-top: 30px;
}

@media (max-width: 750px){
    .navbar-default .navbar-nav .open .dropdown-menu > li > a{
        color: #FFF5EE;
    }
    
     .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
     .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus{
        color: #E6E6FA;
    }
    .navbar-default .navbar-nav > .open .dropdown-menu > a,
.navbar-default .navbar-nav > .open .dropdown-menu > a:hover,
.navbar-default .navbar-nav > .open .dropdown-menu > :focus{
    background-color: #800000;
   color: #E6E6FA;
}
#bar, #line{
    display: none;
}
}