#logo {
    width: 400px;
    margin-left: 5%;
    margin-top: 20px;
}

#logo1 {
    width: 30%;
    padding: 10px;
}

#logo2 {
    width: 20%;
    padding: 10px;
    margin-top: 10px;
    float: right;
}

.container-full {
    width: 100%;
    height: 100vh !important;
    background-color: #f8f9fa;
}

.container-fluid {
    padding-bottom: 80px !important;
}

.nav {
    font-size: 1.1em;
    padding: 5px !important;
}

.nav-item {
    padding: 0 10px;
}

.nav-link {
    font-weight: 500;
    color: #ffffff !important;
}

.nav-link:hover {
    color: #d7063b !important;
}

.dropdown-item {
    font-weight: 400 !important;
    color: gray !important;
}

.dropdown-item:hover {
    font-weight: 400 !important;
    font-weight: bolder;
    color: #5d2885 !important;
}

td.details-control {
    background: url('../images/details_open.png') no-repeat center center;
    cursor: pointer;
}

tr.shown td.details-control {
    background: url('../images/details_close.png') no-repeat center center;
}

.footer {
    position: fixed;
    bottom: 0;
    z-index: 1;
    padding: 0 20px;
    width: 100%;
    height: 60px;
    line-height: 60px;
    /*background-color: #5d2885;*/
}

.no-spin::-webkit-inner-spin-button,
.no-spin::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
    -moz-appearance: textfield !important;
}

.chosen-container {
    width: 180px !important;
}

@media screen and (max-width: 768px) {
    #logo {
        margin-left: 0px
    }
    .image {
        width: 100%;
    }
    #logo2 {
        margin-top: 0px;
    }
}