@import 'colors.css';
#navbar nav{
    background-color: var(--primary-color)!important;
}

.btn-outline-success{
    color: var(--white)!important;
    border-color: var(--white);
}

.btn-outline-success:hover, .btn-outline-success:active, .show>.btn-outline-success.dropdown-toggle, .btn-outline-success:not(:disabled):not(.disabled):active{
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
}

.show>.btn-outline-success.dropdown-toggle:focus, .btn-outline-success:focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus{
    box-shadow: 0 0 0 0.2rem rgba(40, 85, 167, 0.5);
}

.btn-primary, .nav-pills .nav-link.active{
    background-color: #006ebd;
    border-color: #006ebd;
}


/*XXS*/
@media screen and (max-width: 395px){}
/*XS*/
@media screen and (max-width: 576px){}
/*SM*/
@media screen and (max-width: 768px){}
/*MD*/
@media screen and (max-width: 992px){
    .offcanvas-collapse{
        background-color: var(--primary-color);;
        position: fixed;
        top: 56px; 
        bottom: 0;
        left: 100%;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        overflow-y: auto;
        visibility: hidden;
        transition: visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
        transition: transform .3s ease-in-out, visibility .3s ease-in-out;
        transition: transform .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
    }

    .offcanvas-collapse .btn-outline-success{
        background-color: var(--secondary-color);;
        border-color: var(--secondary-color);;
    }

    .offcanvas-collapse ul{
        padding: unset!important;
    }

    .offcanvas-collapse ul li .dropdown-menu{
        display: block!important;
        padding: 0px!important;
        margin: unset!important;
    }

    .offcanvas-collapse ul li .dropdown-menu a{
        text-align: center!important;
        border-bottom: 1px solid #a0a0a0;
    }

    .offcanvas-collapse ul.navbar-nav:first-child{
        margin-bottom: 10px!important;
    }

    .offcanvas-collapse.open {
        visibility: visible;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    #navbarsExampleDefault ul.navbar-nav{
        border: none!important;
        margin-right: unset!important;
    }

    #navbarsExampleDefault ul.navbar-nav li.nav-item{
        margin-right: unset!important;
    }

    .dropdown-toggle::after{
		display: none!important;
	}
}
/*LG*/
@media screen and (min-width: 992px){
    li.nav-item.dropdown {
        max-width: 220px;
        min-width: 170px;
    }
}