/* style.css */

html, body {
    height: 100%;
    display: flex;
    flex-direction: column;
}

#wrapper {
    flex: 1 0 auto;
}

footer {
    flex-shrink: 0;
}

.bg-primary,
.btn-primary{
    background-color: #43a15e!important;
    background: #43a15e!important;
}

.btn-primary{
    border: 1px solid #43a15e!important;
}

.btn-outline-success{
    border: 2px solid #e5e753!important;
    color: #aaa!important;
}

.btn-outline-danger{
    border: 2px solid #e26b6b!important;
    color: #aaa!important;
}

.btn-outline-danger:hover{
    background-color: #e26b6b!important;
    color:#fff!important;
}

.btn-outline-success:hover{
    background-color: #dde753!important;
    color:#000!important;
}

.bg-success,
.btn-success{
    background-color: #dde753!important;
    background: #dde753!important;
    color: #000 !important ;
    border: 1px solid #dde753!important;
}

.text-primary{
    color: #43a15e!important;
}

.bg-gradient-primary{
    background-color: #43a15e!important;
    background: #43a15e!important;
    color:#fff!important;
}

.sidebar{
    width: 5rem!important;
}

.sidebar .nav-item .nav-link{
    text-align: center!important;
    width: 5rem!important;
}


/* ----------------------------------------- */
/* Manage item color */
/* ----------------------------------------- */
.page-item.active .page-link{
    background-color: #43a15e!important;
    border-color: #43a15e!important;
    color: #fff!important;
}

.page-link{
    color: #43a15e!important;
}
/* ----------------------------------------- */
/* Manage style per screen size */
/* ----------------------------------------- */
/* for all devices < md */
@media (max-width: 991.98px) {
    .at-language{
        margin-top: 10px!important;
    }

    .blog_content{
        width: calc(100% - 50px)!important;
    }
}

@media (min-width: 768px) {
    .sidebar {
        width: 5rem!important;
    }
    .sidebar .nav-item .nav-link{
        text-align: center!important;
        width: 5rem!important;
    }
}

@media (min-width: 992px) {
    .sidebar {
        width: 14rem!important;
    }
    .sidebar .nav-item .nav-link{
        text-align: left!important;
        width: 14rem!important;
    }
}