.alert {
    display: none;
}

/*-------show screensize---------*/
aside#dimension {
    bottom: 4px;
    right: 0;
    width: 100px;
    height: 38px;
    height: 19px;
    z-index: 100;
}

.affix, .pos-fix {
    position: fixed;
}

.padding-xheight {
    padding: 5px 0 5px 0;
}

p.text, p.look {
    font-size: 9pt;
    color: #ccc;
    margin: 0 0 0 0;
}
/*--------------------------------*/

.navbar-nav li > a {
    color: #8ac1ef;
}

.justify-content-center {
    max-width: 700px;
    margin: 60px auto;
}

.myinfo {
    width: 100%;
    text-align: center;
    display: inline-block;
}

.action_bar {
 /* height: 65px; */
}

.api_action_bar {
    top: 56px;
    height: 65px;
    padding-right: 20px;
    padding-left: 0;
    /* margin-left: 5px; */
    width: 100%;
    display: flex;
    z-index: 15;
    padding-left: 25px;
    background: var(--thematik-gray);
}

.dropdown {
    cursor: pointer;
}

.input-group {
    height: 65px;
    padding-left: 0;
    margin-left: -5px;
}

.input-group>.custom-select:not(:last-child), .input-group>.form-control:not(:last-child) {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.controls > input {
    border-radius: 6px;
}

.search-text {
    right: auto;
    margin: 17px 0 17px 20px;
    max-width: 350px;
    width: 100%;
    height: 30px;
    padding-right: 20px;
    border: 1.5px solid grey;
    border-radius: 8px;
    font-weight: bold;
    text-align: center;
}

.search-button {
    display: none;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: lightgrey;
    font-weight: normal;
}
::-moz-placeholder { /* Firefox 19+ */
    color: lightgrey;
    font-weight: normal;
}
:-ms-input-placeholder { /* IE 10+ */
    color: lightgrey;
    font-weight: normal;
}
:-moz-placeholder { /* Firefox 18- */
    color: lightgrey;
    font-weight: normal;
}

.btn {
    border: none;
}

.btn:not(:disabled):not(.disabled) {
    cursor:text;
}

.btn-info {
    cursor:text;
    color: #666;
    background-color: rgba(0, 0, 0, 0);
    border-color: transparent;
    border-color: #ccc;
    margin-left: -40px;
}

.btn-info:hover {
    cursor:text;
    color: #666;
    background-color: rgba(0, 0, 0, 0);
    border-color: transparent;
    border-color: #ccc;
}

.input-group i {
    margin: 18px 0 0 -35px;
    z-index: 15;
}

}
.searchfield {
    position: fixed;
    top: 55px;
    z-index: 15;
}

.form-control {
    padding: 0 20px 0 0;
}

:focus {
    outline: -webkit-focus-ring-color auto 0px;
}

label {
    display: none;
}

.custom-checkbox,
.custom-checkbox > label {
    display: flex;
    float: left;
    cursor: pointer;
}

.custom-checkbox.my-2 {
    margin: 20px 0 0 2px !important;
}

input {
    cursor:text;
}

#id_username, #id_password {
    margin: 0 0 20px 0;
    text-align: center;
    background-color: #f5f5f5;
}

#id_password {

}

.buttonHolder {
    margin-top: 30px;
}

.btn-primary {
    color: #8ac1ef;
    background-color: #343a40;
    border-color: #343a40;
}

.btn-primary:hover {
    cursor: pointer;
    color: #fff;
    font-weight: bold;
}

a {
    color: #2f86ce;
}

.bg-primary {
    background-color: #2f86ce!important;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: #2f86ce;
}

.photo > a > img, .cover > a > img {
    width: 50px;
}

.photo > a > img:hover, .cover > a > img:hover {
    cursor: pointer;
    transform: scale(1.5, 1.5);
}

.liste {
    min-width: calc(100% - 290px);
    padding: 18px 0 0 0;
}

.liste .info {
    margin: 3px 10px 0 0;
}

.liste > button {
    min-width: 36px;
    border-radius: 6px;
}

.liste > button:hover {
    cursor: pointer;
}

.description {
    white-space: pre-line;
}

.custom-checkbox > label.largecheck { display: none; }
.custom-checkbox > label.middlecheck{ display: none; }
.custom-checkbox > label.smallcheck { display: none; }

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: #2f86ce;
}


/*------------------------------------------------------*/
@media (max-width: 600px) {
    .myinfo { display: none; }
}

@media (max-width: 760px) {
    .table-responsive > table > thead > tr > th:nth-child(1),
    .table-responsive > table > thead > tr > th:nth-child(2),
    .table-responsive > table > thead > tr > th:nth-child(3),
    .table-responsive > table > thead > tr > th:nth-child(4),
    .table-responsive > table > thead > tr > th:nth-child(5),
    .table-responsive > table > thead > tr > th:nth-child(6),
    .table-responsive > table > thead > tr > th:nth-child(7),
    .table-responsive > table > thead > tr > th:nth-child(8) {
        display: none;
    }
    .table-responsive > table > tbody > tr > td:nth-child(4),
    .serienstaffel,
    .serienfolge,
    .seriengenre {
        display: none;
    }
}

@media (max-width: 656px) {
    .table-responsive > table > tbody > tr > td:nth-child(3),
    .table-responsive > table > tbody > tr > td:nth-child(4),
    .serienage,
    .serienstaffel,
    .serienfolge,
    .seriengenre {
        display: none;
    }
}


@media (max-width: 666px) and (min-width: 576px) {
/*    .navbar-expand-sm .navbar-toggler { display: block; } */
/*    .collapse.show { display: block; } */
    .navbar-expand-sm .navbar-nav { display: none; }
    .navbar-expand-sm .navbar-collapse {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }
}

@media (max-width: 740px) and (min-width: 576px) {
    .nav.navbar-nav.ml-auto { display: none; }
}

@media (max-width: 476px) {
    .table-responsive > table > tbody > tr > td:nth-child(2),
    .table-responsive > table > tbody > tr > td:nth-child(3),
    .table-responsive > table > tbody > tr > td:nth-child(4),
    .seriendate,
    .serienage,
    .serienstaffel,
    .serienfolge,
    .seriengenre {
        background-color: red!important;
        display: none;
    }
}