body{
    /*background: url("../Images/backgrounds/cool-background.png") no-repeat fixed;
    background-size: cover;*/
    background-color: #304151;
}

body {
    font-family:"Poppins", "Open Sans", sans-serif;
}

/*.card{
    box-shadow: 0px 0 30px rgb(75 6 193 / 54%);
}*/

.header{
    background-color: #304151;
    border-bottom: none;
    box-shadow: 1px 3px 6px 1px #172b2f66;
}

.logo img {
    max-height: 50px;
}

.sidebar {    
    width: 260px;    
    padding: 10px; 
    
    
}

.sidebar-nav .nav-link {        
    color: #ffffff;
    background: #05276a; 
    background-color: black;
}

.sidebar-nav .nav-link > i {
    color: #ffffff;
}

.sidebar-nav .nav-link:hover  >  i {
    color: white;
}


.sidebar-nav .nav-link:hover {
    color: #ffffff;
    background: #243f76;
    background: rgba(5,39,106,0.5);
    background-color: black;
   
}

.sidebar-nav .nav-content a:hover, .sidebar-nav .nav-content a.active {
    color: black;
    background-color: #d2e2ff; 
    background: rgba(210,226,255,0.5);
}

@media (min-width: 1200px){
    #main, #footer {
        margin-left: 250px;
    }    
}

.btn{
    border-radius: 4px !important;
}


.btn-shadow:hover{
    box-shadow: 0px 0 30px rgb(255 0 0 / 54%);
}


.footer{
    border-top: none;
 }


.input-validation-error{
    border-color: #dc3545 !important;
    box-shadow: 0 0 0 0.25rem rgb(220 53 69 / 25%) !important;
    background: #fff0f3 !important;
}

.required::after {
    content: " *";
    color: red;
}

.hint {
    font-size: 0.8em;
    color: #6c757d;
}

.form-control.valid{
    border-color: #28a745;
    box-shadow: 0 0 0 0.25rem rgb(40 167 69 / 25%);
    background: #f8fff5;
}

.footer .copyright, .footer .credits{
    color: #ffffff;
}