/* Style used by nosvoid  (leave it empty soo academy config will not load) */

:root {
    --main-color: #8947b1;
    --main-color-shadow: #a14dd4;
    --white-text-color: rgba(255, 255, 255, 0.90);
}

.nav {
    background-color: #8947b1;
    color: rgba(255, 255, 255, 0.90);
}


.nav a {
    color: rgba(255, 255, 255, 0.90);
}


.navbar {
    background-position: 0px -38px;
    background-color: rgba(0,0,0,.6);
    background-image: url('/static/img/nav_bg.png');
    background-repeat: repeat-x;
}


.dropdown-item {
    color: #ffffff;
    background-color: transparent;
}

.dropdown-menu {
    background-color: #8947b1;
}

.dropdown-item.active {
    color: #8947b1;
    text-decoration: none;
    background-color: #ffffff;
}


.navbar-nav .nav-link.active,
.navbar-nav .show>.nav-link {
    background-color: #ffffff;
    color: #8947b1;
}

.my-vertical-nav .nav-link.accordion-button {
    background-color: transparent;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:active,
.my-vertical-nav .nav-link.accordion-button:hover,
.my-vertical-nav .nav-link.accordion-button:active
.my-vertical-nav .nav-link.accordion-button.active {
    background-color: #ffffff;
    color: #8947b1;
}

.navbar-nav .nav-link,
.navbar-nav .show>.nav-link,
.navbar-nav .nav-link.disabled
{
    color: rgba(255, 255, 255, 0.90);
}

.navbar-nav .nav-link:focus:not(:hover):not(:active):not(.active)
{
    color: rgba(255, 255, 255, 0.90);
}

.btn-secondary-login {
    border-color: rgba(255, 255, 255, 0.90);
    color: rgba(255, 255, 255, 0.90);
    font-weight: bold;
}

.btn-secondary-register {
    border-color: #8947b1;
    color: rgba(255, 255, 255, 0.90);
    font-weight: bold;
}

.nav-item:hover .btn-secondary-login,
.nav-item:hover .btn-secondary-register {
    color: #8947b1;
    border-color: #8947b1;
    font-weight: bold;
    background-color: rgba(255, 255, 255, 0.90);
}

.card {
    background-color: rgba(255, 255, 255, 0.8);
}


.red {
    color: #ff0000;
}

.green {
    color: #32cd32;
}


/*special Button*/
.image-btn {
    background: url('/static/img/button.png') no-repeat;
    color: #ffffff;
    text-shadow: 1px 1px 2px black;
}

.bg-shadow {
    background-color: rgba(255, 255, 255, 0.8);
}

.btn-primary, 
.btn-primary:hover,
.btn-primary:focus,
.btn-outline-primary:hover,
.btn-outline-primary:focus {
    background-color: #8947b1;
    border-color: #8947b1;
    color: #ffffff;
}

.btn-outline-primary {
    color: #ffffff;
    background-color: transparent;
    border-color: #8947b1;
}

.btn-primary:active,
.btn-outline-primary:active {
    background-color: #8947b1 !important;
    border-color: #8947b1 !important;
    color: #ffffff !important;
}

.btn-primary:disabled {
    background-color: #8947b1;
    border-color: #8947b1;
}

.page-item.active .page-link {
    color: #ffffff !important;
    background-color: #a14dd4 !important;
    border-color: #a14dd4 !important;
}

.page-link {
    color: #ffffff !important;
    background-color: #8947b1 !important;
    border: 1px solid #8947b1 !important;
}

.shop-nav .nav {
    color: #0d6efd;
}

.shop-nav .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #ffffff;
    background-color: #8947b1;
}

.btn-outline-shop {
    color: #8947b1;
    border-color: #8947b1;
}

.btn-outline-shop:hover {
    color: #ffffff;
    border-color: #8947b1;
    background-color: #8947b1;
}

.btn-outline-primary-itemshop {
    color: #8947b1;
    border-color: #8947b1;
}

.btn-outline-primary-itemshop:hover {
    color: #ffffff;
    border-color: #8947b1;
    background-color: #8947b1;
}

.dropdown-item:hover {
    color: #8947b1;
    background-color: #e9ecef;
}


/* nosbazar */

.itemSlot .amount {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.75);
}

.itemSlot:hover, .itemSlot.itemSelected {
    background-color: rgba(0, 0, 0, 0.75);
    border: #8947b1 2px solid;
}