.iload::after {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    font-family: "Font Awesome 5 Pro";
    /* font-family: "Font Awesome 5 Duotone"; */
    font-weight: 300;
    /* content: "\f007"; */
    /* content: "\f110"; */
    content: "\f021";
    margin-left: 0.2rem;
    color: #17a2b8;
    animation: fa-spin 2s infinite linear;
    -webkit-animation: fa-spin 2s infinite linear;
    -webkit-font-smoothing: antialiased;
}
/* .iload-t {
    transform: translate(0px, 11px);
} */

.logohome {
    /* width: 197px; */
    width: 197px;
    height: 40px;
    background-image: url('../imgs/velokratia-logo-340-88-new.png');
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 197px 40px;
    cursor: pointer;
}
.pntr {
    cursor: pointer;
}

.ovf-y {
    overflow-y: scroll;
    overflow-x: hidden;
    position: relative;
}
.navbar-dark .nav-link i {
    color: #fff;
    /* margin-right: .1rem; */
}

.bg-preparation {
    background-color: rgba(0, 200, 255, 0.1) !important;
}
.bg-executing {
    background-color: rgba(0, 255, 0, 0.1) !important;
}
.bg-won {
    background-color: rgba(255, 0, 255, 0.1) !important;
}
.bg-lose {
    background-color: rgba(255, 0, 0, 0.1) !important;
}
span.dtr-data {
    /* white-space: normal; */
    white-space: break-spaces;
}

@media only screen and (max-width: 900px) {
/* @media (max-width: 768px) { */
    .logohome {
        width: 51px;
        height: 40px;
        background-size: 223px 54px;
    }
    .nav-link {
        font-size: 1.3rem;
    }
    .navbar-dark .nav-link i {
        width: 1.8rem;
    }
    
}