@import "https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700";

.wrapper {
    background: linear-gradient(rgba(0, 0, 0, 0.648), rgba(0, 0, 0, 0.614)), url("../images/bg1.png") no-repeat center top;
    background-size: cover;
    height: 100%;
    /* Add the blur effect */

}

html, body {
    height: 100%;
    overflow-y: auto;
}

body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown), html.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
    height: 100% !important;
    overflow-y: visible !important;
}

body {
    font-family: 'Poppins' !important;
    font-size: 1rem !important;
}

p {
    font-family: 'Poppins' !important;
}

.cardstyle {
    background-color: rgba(156, 156, 156, 0.80);

}

table td {
    font-size: 1rem !important;
    padding: 5px !important;
    vertical-align: middle !important;
}

table th {
    padding: 5px !important;
}

.tab-content {
    padding: 0 !important;
}

h1, h2, h3, h4, h5 {
    color: gray;
    font-family: 'Poppins' !important;
    font-weight: normal !important;
}


#body-row {
    margin-left: 0;
    margin-right: 0;
}

#sidebar-container {
    min-height: 100vh;
    background-color: #777;
    padding: 0;

}

/* Sidebar sizes when expanded and expanded */
.sidebar-expanded {
    width: 230px;
}

.sidebar-collapsed {
    width: 60px;
}

/* Menu item*/
#sidebar-container .list-group a {
    height: 50px;
    color: white;
}

#sidebar-container .list-group a:hover {
    height: 50px;
    color: black !important;
}

/* Submenu item*/
#sidebar-container .list-group .sidebar-submenu a {
    height: 45px;
    padding-left: 30px;
    background-color: #999;
}

#sidebar-container .list-group .sidebar-submenu a:hover {
    height: 45px;
    padding-left: 30px;
    color: black;
}

.sidebar-submenu {
    font-size: 0.9rem;
}

.bg-stc-menu {
    background-color: #1a6398;
}

#sidebar-container .active {
    color: black !important;
}

.list-group-item-action:focus {
    background-color: lightgray;
    color: black !important;
}

.text-black {
    color: black;
}

.switch label input[type=checkbox]:checked + .lever:after {
    background-color: darkgreen;
}

[v-cloak] {
    display: none;
}

.btn {
    border-radius: 10px;
}

.minimeny {
    border-bottom: 1px solid gray;
    background-color: #d3e6ec;
    border-radius: 5px;
    margin-bottom: 5px;
}

.sticky {
    position: sticky;
}