body { 
        font-family: 'Nunito Sans',sans-serif;
        font-size: 14px;
    }
    
    footer {
        background-color:  #171b50;
        color:#fff;
    }

    /* ---------------------------------------------------
        SIDEBAR STYLE
    ----------------------------------------------------- */
    #sidebar {
        background: #171b50;
        box-shadow:0 0 0.25rem rgba(0,0, 0, 0.5) !important;
    }
    #sidebar .sidebar-header {  
        background:  #0076c0;
    }
    .sidebar-menu li.active a{
        background-color: #0076c0;
    } 
    .sidebar-menu li.group a{
        background-color: #0076c0;
        } 
    #sidebar ul li a:hover , .sidebar-menu li.group a:hover{
        color: #000!important;
        background: #fff!important;
        } 
    /*   #sidebar ul li a:hover {
        color: #fff;
        background: #0076c0!important;
        }  */
    
    /*  .sidebar-menu li.group a:hover{
            background-color: #494949!important;
        }  */
        
    /*---------------------------------------
        STICK OUT BUTTON
    ---------------------------------------*/
    #content .custom-btn .btn.btn-default:after {	
        background:#171b50;		 	
    }
    
    @media (max-width: 576px) {
        .navbar-brand img {
            max-width:80px;
        }
    } 
    @media (max-width: 800px) {
        .navbar-nav .nav-item {
        border-top: 1px solid #06ac88;
        }
        .navbar-brand img {
        max-width:100px;
        }
        #navbar-main .top-nav-link{font-size:12px}
    }  
    
    /*-----buttons ----*/
    .btn-primary {
        background: #0076c0!important;
        color: #FFF;
        border-color: #0076c0!important;
    }
    .btn-primary:hover {
        color: #0076c0!important;
        background-color: #fff !important;
        border-color: #0076c0!important;
    } 
    .btn-secondary{
        background: #494949!important;
        color: #FFF;
        border-color: #494949!important;
    }
    .btn-secondary:hover {
        color: #494949!important;
        background-color: #fff !important;
        border-color: #494949!important;
    } 

    .btn-success {
        background: #008540!important;
        color: #FFF;
        border-color: #008540!important;
    }
    .btn-success:hover {
        color: #008540!important;
        background-color: #fff !important;
        border-color: #008540!important;
    } 

    .btn-outline-success {
        color: #008540!important;
        border-color: #008540!important;
    }
    .btn-outline-success:hover {
        background-color: #008540!important;
        color: #fff !important;
        border-color: #008540!important;
    } 

    .btn-info {
        background: #862a8c!important;
        color: #FFF;
        border-color: #862a8c!important;
    }
    .btn-info:hover {
        color: #862a8c!important;
        background-color: #fff !important;
        border-color: #862a8c !important;
    } 

    .btn-edit, .btn-warning {
        background-color:#d09c16!important;
        color: #fff!important;
        border-color: #d09c16!important;
    } 
    .btn-edit:hover , .btn-warning:hover {  
        background-color: #fff !important;
        color: #d09c16!important;
        border-color: #d09c16!important;
    } 

    .btn-danger {
        background: #f2573f!important;
        color: #FFF;
        border-color: #f2573f!important;
    }
    .btn-danger:hover {
        color: #f2573f!important;
        background-color:#fff !important;
        border-color: #f2573f!important;
    } 

    
    /* ------ bg colours-----------*/
    .bg-danger{ background-color: #f2573f!important;color: #FFF;}
    .border-danger {
        border-color: #f2573f !important;
    }
    
    .bg-info{ background-color: #862a8c!important;color: #FFF;}
    .border-info {
        border-color: #862a8c !important;
    }

    .bg-success{background-color: #008540 !important;color:#fff}
    .border-success {
        border-color: #008540 !important;
    }

    .badge-danger { 
        background-color: #f2573f !important;
    }
    .badge-info { 
        background-color: #862a8c !important;
    }
    .badge-success { 
        background-color: #008540 !important;
    }
    .text-info { 
    color: #171b50 !important;
    }