.filmsearch {
    display: flex;
    padding-bottom: 25px;
}

.filmsearch .searchedit {
    flex-grow: 1;
    font-family: sofia_sans_cd;
    font-size: 16px;
    font-weight: 400;
    padding-left: 12px;
    padding-top: 4px;
    padding-bottom: 3px;
    border: 1px solid rgba(34,36,38,.15);
    border-right: 0px;
    border-radius: 10px 0px 0px 10px;
}

.filmsearch .searchedit::placeholder {
    color: #aaa;
}

.filmsearch .searchedit:focus {
    outline: none;
}

.filmsearch .searchbtn {
    border: 1px solid rgba(34,36,38,.15);
    border-radius: 0px 10px 10px 0px;
    color: #333;
    background-color: #00003205;
}

.filmsearch .searchbtn:hover {
    background: #00003210;
}

.filmtable_wrapper {
    border: 1px solid rgba(34,36,38,.15);
    border-radius: 10px;
    overflow: hidden;
}

.filmtable {
    font-family: sofia_sans_cd;
    font-size: 16px;
    font-weight: 400;
    width: 100%;
    background-color: #fff;
    border-spacing: 0px;
    border-collapse: collapse;
}

.filmtable th {
    padding-top: 0.4em;
    padding-bottom: 0.3em;
    color: #333;
    background-color: #00003205;
    text-align: left;
}

.filmtable b {
    font-weight: 700;
}

.filmtable tr {
    color: #333;
}

.filmtable .summary_row {
    transition: all 0.3s;
    cursor: pointer;
}

.filmtable .summary_row:hover {
    background: #00003210;
}

.filmtable .row_odd {
}

.filmtable .row_even {
    background-color: #00003205;
}

.filmtable td, .filmtable th {
    padding-left: 7px;
    padding-right: 7px;
    border-bottom: 1px solid #ebebeb;
    text-align: left;
    font-size: 15px;
}

.filmtable td {
    padding-top: 0.12em;
    padding-bottom: 0.1em;
    background-color: transparent;
}

.filmtable td.col_expand, .filmtable th.col_expand {
    padding-left: 10px;
    padding-right: 0px;
    width: 0px;
    font-size: 10px;
    color: #aaa;
    transition: all ease 0.5s;
}

.filmtable td.col_collapse {
    transform: rotate(90deg);
    transform-origin: 75%;
}

.filmtable td.col_type, .filmtable th.col_type {
    padding-left: 5px;
}

.filmtable .col_film {
    width: 23%;
    font-size: 16px;
    padding-left: 9px;
}

.filmtable .col_theme {
    width: 20%;
}

.filmtable td.col_country {
    width: 50px;
}

.filmtable td.col_genre, .filmtable td.col_theme, .filmtable td.col_type, filmtable td.col_country,
.filmtable td.col_length, .filmtable td.col_year, .filmtable td.col_watch {
    font-size: 15px;
}

.filmtable .col_popularity {
    padding-right: 0px;
}

.filmtable td.col_popularity {
    font-size: 15px;
}

/* drawers */

.filmtable .row_selected {
    background: #00003215;
}

.filmtable .drawer td {
    border-bottom: 0;
}

.filmtable .drawer_expanded td {
    border-bottom: 1px solid #ebebeb;
}

.filmtable .drawer td, .filmtable .drawer_expanded td {
    padding-top: 0;
    padding-bottom: 0;
}

.filmtable .drawer_container {
    overflow: hidden;
    transition: all 0.5s;
}

/* details */

.filmtable .detailtable {
    width: 100%;
    border-collapse: collapse;
    border: 0;
}

.filmtable .detailtable td {
    padding-left: 10px;
    padding-top: 0.18em;
    padding-bottom: 0.15em;
    font-size: 16px;
}

.filmtable .detailtable .col_dimage {
    width: 40px;
}

.filmtable .detailtable .col_dtype, .filmtable .detailtable .col_dyear {
    width: 25%;
}

.filmtable .detailtable .col_dfilm {
    font-size: 18px;
}

.filmtable .detailtable .col_empty {
    padding: 0;
    border: 0;
}

/* pagination */

.filmtable_pagination_wrapper {
    padding-top: 25px;
    display: flex;
    font-family: sofia_sans_cd;
    font-size: 16px;
    font-weight: 400;
}
.filmtable_pagination {
    margin-left: auto;
    margin-right: auto;
}

.filmtable_pagination a {
    text-decoration: none;
}

.filmtable_page {
    display: inline;
    margin-left: 3px;
}

.filmtable_page span {
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.filmtable_page span.current {
    border: 1px solid rgba(34,36,38,.15);
    border-radius: 50px;
    background-color: #f9fafb;
}

.filmtable_page a {
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    border: 1px solid rgba(34,36,38,.15);
    border-radius: 50px;
}

.filmtable_page a:hover {
    background: #00003210;
} 

.filmtable_page .current {
    font-weight: bold;
}

.list_ext_watch {
    display: inline;
    margin-left: 1px;
    padding-left: 1px;
    padding-right: 1px;
    border-radius: 3px;
    font-size: 14px;
}

.list_ext_watch a {
    color: #333;
}