a,
.nav > li > a:hover,
.nav > li > a:focus {
    color: #333333;
}

.flag {
    width: 16px;
    height: 11px;
    display: inline-block;
}

.flag.bg {
    background-image: url('images/bg.png');
}

.flag.de {
    background-image: url('images/de.png');
}

.flag.en {
    background-image: url('images/en.png');
}

.flag.pl {
    background-image: url('images/pl.png');
}

.flag.al {
    background-image: url('images/al.png');
}

.flag.vn {
    background-image: url('images/vn.png');
}

.flag.ba {
    background-image: url('images/ba.png');
}

.btn-language {
    line-height: 1;
}

.link-language {
    opacity: 0.3;
}

.link-language:hover {
    opacity: 0.7;
}

.link-language.active {
    opacity: 1;
}

.link-language.active img {
    border-bottom: 2px solid;
}


/*add styles for google like functionality*/
.selectedSOLItem {
    color: #d9534f !important;
}

.selectedSOLItem > label:before {
    /*noinspection CssNoGenericFontName*/
    font-family: FontAwesome;
    top: 0;
    padding-right: 5px;
    content: "\F101";
}

.sol-label:hover {
    color: #808080;
}

.sol-option input[type="radio"] {
    display: none;
}

option[disabled] {
    background-color: #eee;
}

.dataTables_filter > label input {
    margin-left: 5px;
}

.changed_field_anim {
    -moz-animation: flash 1s ease-out;
    -moz-animation-iteration-count: 1;
    -webkit-animation: flash 1s ease-out;
    -webkit-animation-iteration-count: 1;
    animation: flash 1s ease-out;
    animation-iteration-count: 1;
}

@-webkit-keyframes flash {
    0% {
        background-color: unset;
    }
    50% {
        background-color: #fbf8b2;
    }
    100% {
        background-color: unset;
    }
}

@-moz-keyframes flash {
    0% {
        background-color: unset;
    }
    50% {
        background-color: #fbf8b2;
    }
    100% {
        background-color: unset;
    }
}

@-ms-keyframes flash {
    0% {
        background-color: unset;
    }
    50% {
        background-color: #fbf8b2;
    }
    100% {
        background-color: unset;
    }
}

@media print {
    form {
        display: none
    }
}

@media (max-width: 979px) {
    .only_desktop_visibility {
        display: none;
    }
}

.tnc-panel {
    margin-top: 40px;
    margin-bottom: 100px;
}

#response-text {
    color: #d10000;
}

.modal-body #container {
    color: #d10000;
}

#page-wrapper .action-buttons,
.page-wrapper .action-buttons,
#page-wrapper .actions {
    min-width: 100px;
}

/* use with .action-buttons for columns where the min-width would create horizontal scroll bars */
#page-wrapper .no-min-width,
.page-wrapper .no-min-width {
    min-width: initial;
}

#page-wrapper .action-buttons .btn,
#page-wrapper .actions .btn,
.page-wrapper .action-buttons .btn {
    padding: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin-bottom: 3px;
}