html,
body {
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: #fff;
    color: inherit !important;
    font-size: 14px;
    line-height: 1.3;
}

footer {
    background-color: #f8f9fc;
    right: 0;
    left: 0;
    bottom: 0;
    position: fixed;
    min-height: 50px;
    border-top: 1px solid #e7e7e7;
    z-index: 1000;
}

#content {
    padding: inherit;
}

#content-wrapper {
    background-color: #fff !important;
    width: 100%;
    overflow-x: hidden;
    padding: 20px 0 50px 0 !important;
    min-height: 100%;
}

.blankSpaceForFooter {
    padding-bottom: 51px;
    background-color: #ffffff;
}

/* Icon */
.navbar-brand {
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    margin-left: -15px;
    margin-top: -8px;
    height: inherit !important;
}

.navbar {
    min-height: 70px;
    padding: 0px;
    border-bottom: 1px solid #e7e7e7;
}

.navbar-top-links li a {
    min-height: 69px;
    line-height: 38px;
}

.padded-link {
    padding: 10px 10px;
    margin: -10px -6px;
}

.card-title {
    font-size: 16px;
}

@media(min-width:768px) {
    .sidebar {
        width: 250px !important;
        border-bottom: 1px solid #e7e7e7;
    }
}

@media print {
    @page {
        size: landscape;
    }

    a[href]:after {
        content: none !important;
    }

    .form-horizontal .control-label {
        padding-top: 5px;
        margin-bottom: 0;
    }

    /*Custom col layout for the print "viewport"*/
    .col-print-1,
    .col-print-2,
    .col-print-3,
    .col-print-4,
    .col-print-5,
    .col-print-6,
    .col-print-7,
    .col-print-8,
    .col-print-9,
    .col-print-10,
    .col-print-11,
    .col-print-12 {
        float: left;
    }

    .col-print-12 {
        width: 100%;
    }

    .col-print-11 {
        width: 91.66666666666666%;
    }

    .col-print-10 {
        width: 83.33333333333334%;
    }

    .col-print-9 {
        width: 75%;
    }

    .col-print-8 {
        width: 66.66666666666666%;
    }

    .col-print-7 {
        width: 58.333333333333336%;
    }

    .col-print-6 {
        width: 50%;
    }

    .col-print-5 {
        width: 41.66666666666667%;
    }

    .col-print-4 {
        width: 33.33333333333333%;
    }

    .col-print-3 {
        width: 25%;
    }

    .col-print-2 {
        width: 16.666666666666664%;
    }

    .col-print-1 {
        width: 8.333333333333332%;
    }
}

.bulletinboard {
    resize: none;
    min-height: 20px;
    max-height: 300px;
}

/* Bootstrap Input type file */
.btn-file {
    position: relative;
    overflow: hidden;
}

    .btn-file input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        min-width: 100%;
        min-height: 100%;
        font-size: 100px;
        text-align: right;
        filter: alpha(opacity=0);
        opacity: 0;
        outline: none;
        background: white;
        cursor: inherit;
        display: block;
    }

/* tables-----------------------------------*/

table {
    border-collapse: collapse;
    border-spacing: 0;
    border: 0 none;
    margin-bottom: 5px;
}

    table.detail {
        width: 66%;
    }


td {
    padding: 0.25em 2em 0.25em 0em;
    border: 0 none;
}

tr.pager td {
    padding: 0 0.25em 0 0;
}

.section-left-right-parent {
    overflow: hidden;
}

/* forms */
fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

    fieldset legend {
        display: none;
    }

    fieldset ol {
        padding: 0;
        list-style: none;
        margin-bottom: 0.5em;
    }

        fieldset ol li {
            padding-bottom: 5px;
        }

            fieldset ol li ul {
                padding: 16px;
                list-style: disc;
            }

            fieldset ol li ol {
                padding: 16px;
                list-style: decimal;
            }

label.checkbox, label.radio {
    font-weight: normal;
}

.no-margin {
    margin: 0 !important;
}

.form-horizontal .checkbox input,
.form-horizontal .checkbox-inline input,
.form-horizontal .radio input,
.form-horizontal .radio-inline input {
    margin-top: 2px;
}

/* Scanning */
.scannable[data-scan-ready='true'] {
    background-color: #d9edf7;
}

/* Elements */
.title-underlined {
    border-bottom: solid 1px #c8c8c8;
    margin-bottom: 15px;
}

.btn-disabled i {
    color: gray;
    cursor: not-allowed;
}

.btn-group-xs > .btn, .btn-xs {
    padding: .25rem .4rem;
    font-size: .875rem;
    line-height: 1;
    border-radius: .2rem;
}

/* Input Elements */
input, textarea {
    border: 1px solid #e2e2e2;
    background: #fff;
    color: #333;
    font-size: 1.1em;
    padding: 4px;
}

select {
    border: 1px solid #e2e2e2;
    background: #fff;
    color: #333;
    font-size: 1.1em;
    padding: 4px;
    width: 100%;
}

    select[disabled="disabled"] {
        background: #f7f7f7;
    }

textarea {
    font-family: inherit;
    height: 100px;
    width: 100%;
}

    input:focus, textarea:focus {
        border: 1px solid #7ac0da;
    }

input[type="checkbox"] {
    background: transparent;
    border: inherit;
    width: auto;
}

/* Cancels the bootstrap style of disabled and read-only to make the background with again */
input.uneditable-input {
    background-color: #fff !Important;
}

/* Button Elements */
.form-grid {
    height: 25px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.fa-grid {
    font-size: 1.5em;
    display: inline-block;
    width: 100%;
    text-align: center;
}

td span i {
    display: inline !important;
    text-align: center;
}

button:not(.vjs-button)
input[type="submit"]
input[type="button"] {
    width: auto;
    padding: 5px;
    border: 1px solid #999;
    cursor: pointer;
    /*font-size: 1em;*/
    font-weight: 600;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 1px 1px 3px #ccc;
    -moz-box-shadow: 1px 1px 3px #ccc;
    -ms-box-shadow: 1px 1px 3px #ccc;
    -o-box-shadow: 1px 1px 3px #ccc;
    box-shadow: 1px 1px 3px #ccc;
    /* Generated by http://www.colorzilla.com/gradient-editor/ */
    background: #ffffff; /* Old browsers */
    background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */
    background: -moz-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* FF3.6+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* IE10+ */
    background: -o-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* Opera 11.10+ */
    background: linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( enabled = false ); /* IE6-9 */
}

/* styles for validation helpers */
.field-validation-error {
    color: #e80c4d;
}

.field-validation-valid {
    display: none;
}

div.input-validation-error {
    border: 1px solid #e80c4d;
    border-left: 1px solid #e80c4d;
    border-left-width: 5px;
    border-radius: 3px;
}


input.input-validation-error {
    border: 1px solid #e80c4d;
    border-left: 1px solid #e80c4d;
    border-left-width: 5px;
    border-radius: 3px;
}

select.input-validation-error {
    border: 1px solid #e80c4d;
    border-left: 1px solid #e80c4d;
    border-left-width: 5px;
    border-radius: 3px;
}

textarea.input-validation-error {
    border: 1px solid #e80c4d;
    border-left: 1px solid #e80c4d;
    border-left-width: 5px;
    border-radius: 3px;
}

input[type="checkbox"].input-validation-error, input.dx-texteditor-input {
    border: 0 none;
}

.validation-summary-errors {
    color: #d9534f;
    font-weight: normal;
    font-size: 1.1em;
}

    .validation-summary-errors ul {
        list-style: none;
        padding-left: 0;
    }

        .validation-summary-errors ul li {
            list-style-position: inside
        }

    .validation-summary-errors li::before {
        display: inline-block;
        font-family: 'Font Awesome 5 Pro';
        font-weight: 900;
        content: "\f00d"; /* FontAwesome Unicode for X */
        text-align: center;
        width: 1.25em;
    }


.validation-summary-valid {
    display: none;
}

.validationField {
    color: red;
}

.clickable-element {
    cursor: pointer;
}

.indented-element {
    margin-left: 5px;
    padding-left: 5px;
}

.indented-element-red {
    border-left: 2px solid #d26911;
    margin-left: 5px;
    padding-left: 5px;
}

.indented-element-blue {
    border-left: 2px solid #286090;
    margin-left: 5px;
    padding-left: 5px;
}

.indented-element-grey {
    border-left: 2px solid #c8c8c8;
    margin-left: 5px;
    padding-left: 5px;
}

.opaque > *:not(.spinner) {
    opacity: 0.3;
}

.opaque-grid > *:not(.spinner) {
    opacity: 0.25;
}


.bs-callout + .bs-callout {
    margin-top: -5px;
}

.bs-callout {
    padding: 20px;
    margin: 10px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}

.bs-callout-row {
    padding: 5px !important;
}

.bs-callout-info {
    border-left-color: #1b809c;
}

.bs-callout-warning {
    border-left-color: #aa6708;
}

.bs-callout-danger {
    border-left-color: #ce4844;
}

.bs-callout-success {
    border-left-color: #28a745;
}

.border-left-primary {
    border-left: .25rem solid #4e73df !important
}

.border-left-secondary {
    border-left: .25rem solid #858796 !important
}

.border-left-success {
    border-left: .25rem solid #1cc88a !important
}

.border-left-info {
    border-left: .25rem solid #36b9cc !important
}

.border-left-warning {
    border-left: .25rem solid #f6c23e !important
}

.border-left-danger {
    border-left: .25rem solid #e74a3b !important
}

.border-left-light {
    border-left: .25rem solid #f8f9fc !important
}

.border-left-dark {
    border-left: .25rem solid #5a5c69 !important
}

/* Bootstrap overrides / extensions */
.input-xs {
    height: 22px;
    padding: 2px 5px;
    line-height: 1.5;
}

.form-horizontal .control-label {
    text-align: left;
    padding-top: 2px;
}

.modal {
    overflow-y: auto;
}

.form-horizontal .form-group {
    margin-bottom: 5px;
}

.form-control-static,
.form-control-static.radio-inline, .form-control-static.radio,
.form-control-static.checkbox-inline, .form-control-static.checkbox {
    min-height: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-left: 0px;
}

hr {
    margin-bottom: 5px;
    margin-top: 5px;
    border-top: 1px solid #c1c1c1;
}

.form-group.form-inline.bottom-buffer .form-group, .form-group.form-inline.bottom-buffer .form-control {
    width: 100% !important;
}

/* ************************* */
/* -- <Menu fixes> beware -- */
/* ************************* */

/* Makes collapsed menu full width with top nav bar */
@media (max-width:768px) {
    .navbar-portals li, .navbar-portals li a {
        display: inline-block;
        width: 100%;
        line-height: normal;
        min-height: 0px;
    }
}

/* Prevents menu items from being too big, allows for line returns in menu items */
@media (min-width:768px) {
    .navbar-portals li, .navbar-portals li a {
        max-width: 120px;
        height: 69px; /* Ensures they are the correct height */
        display: table-cell;
        line-height: normal;
    }
}

/* Fixes menu items alignment to middle (requires display table-cell) */
.navbar-portals li, .navbar-portals li a {
    vertical-align: middle;
}

/* Fixed faq alignment with other right menu icons */
.fa-2x {
    vertical-align: -20%;
}

/* Fixes right menu dropdown to be spaced properly and take the full menu width */
.nav .dropdown-menu li, .nav .dropdown-menu li a {
    line-height: normal;
    width: 100%;
}

/* Fixes side menu collapsed width */
.sidebar .navbar-collapse.sidebar-nav {
    width: 100%;
}

/* Bootstrap fix for bad height on empty span and p, adds an empty space in the element... yeah */
span.form-control-static:empty:before, p.form-control-static:empty:before, div.form-control-static:empty:before {
    content: "\00a0";
}

/* To keep the controls in the card-header under the form-inline format rather than to switch to 100% width upon resizing to mobile devices view*/
@media (max-width: 767px) {
    .card-header-filter > .form-inline > .form-group {
        display: inline-block;
        margin-bottom: 0px;
        vertical-align: middle;
        width: auto;
    }

        .card-header-filter > .form-inline > .form-group .form-control {
            width: 100%;
        }
}

@media (max-width: 991px) {
    .card-header .card-header-filter {
        margin-top: 10px;
    }
}

@media (min-width: 992px) {
    .card-header .card-header-filter {
        margin-top: -3px;
    }
}

.form-group > .scanner.input-group {
    width: 178px;
}

/* ************* */

/* Word wrap */
.comment-text {
    word-wrap: break-word;
    -ms-word-break: break-all;
    /* Be VERY careful with this, breaks normal words wh_erever */
    word-break: break-all;
    /* Non standard for webkit */
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

/* CSS for the Filters button on panel-headers */
.card-header .card-header-filter {
    /*margin-top: -3px;  Moved to size limited rules ^^  */
    font-size: 15px;
}

.card-body-filters {
    display: none;
    border-bottom: solid 1px #1b809c;
    padding-bottom: 20px;
}
/* ******** */

/* Charting */
.card > div.chart-container {
    min-height: 150px;
}
/* ******** */

/* dxDataGrid overrides for table row colouring */
.dx-datagrid-table > thead > tr > td.warning,
.dx-datagrid-table > tbody > tr > td.warning,
.dx-datagrid-table > tfoot > tr > td.warning,
.dx-datagrid-table > thead > tr > th.warning,
.dx-datagrid-table > tbody > tr > th.warning,
.dx-datagrid-table > tfoot > tr > th.warning,
.dx-datagrid-table > thead > tr.warning > td,
.dx-datagrid-table > tbody > tr.warning > td,
.dx-datagrid-table > tfoot > tr.warning > td,
.dx-datagrid-table > thead > tr.warning > th,
.dx-datagrid-table > tbody > tr.warning > th,
.dx-datagrid-table > tfoot > tr.warning > th {
    background-color: #fcf8e3;
}

    .dx-datagrid-table > tbody > tr > td.warning:hover,
    .dx-datagrid-table > tbody > tr > th.warning:hover,
    .dx-datagrid-table > tbody > tr.warning:hover > td,
    .dx-datagrid-table > tbody > tr:hover > .warning,
    .dx-datagrid-table > tbody > tr.warning:hover > th {
        background-color: #faf2cc;
    }

.dx-datagrid-table > thead > tr > td.danger,
.dx-datagrid-table > tbody > tr > td.danger,
.dx-datagrid-table > tfoot > tr > td.danger,
.dx-datagrid-table > thead > tr > th.danger,
.dx-datagrid-table > tbody > tr > th.danger,
.dx-datagrid-table > tfoot > tr > th.danger,
.dx-datagrid-table > thead > tr.danger > td,
.dx-datagrid-table > tbody > tr.danger > td,
.dx-datagrid-table > tfoot > tr.danger > td,
.dx-datagrid-table > thead > tr.danger > th,
.dx-datagrid-table > tbody > tr.danger > th,
.dx-datagrid-table > tfoot > tr.danger > th {
    background-color: #f2dede;
}

    .dx-datagrid-table > tbody > tr > td.danger:hover,
    .dx-datagrid-table > tbody > tr > th.danger:hover,
    .dx-datagrid-table > tbody > tr.danger:hover > td,
    .dx-datagrid-table > tbody > tr:hover > .danger,
    .dx-datagrid-table > tbody > tr.danger:hover > th {
        background-color: #ebcccc;
    }

.dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-expand {
    min-width: 15px;
    width: 15px;
}

/* ******** */
/* DxList row highlighting */
.dx-item.warning {
    background-color: #fcf8e3;
}

.dx-item.danger {
    background-color: #f2dede;
}

.dx-item.info {
    background-color: #d9edf7;
}
/* DevExtreme font-size override */
.dx-widget {
    font-size: inherit;
}
/* ******** */

/* DexEtreme support for inline-form */
.form-inline .form-group .dx-lookup .dx-datebox {
    display: inline-block;
    width: 100%;
}

/* dx-Popup z-index override so that the filter popups show over Bootstrap dialogs*/
.dx-popup-wrapper {
    z-index: 1059 !important;
}

/*
    Overrides the default highlighting of fields that failed validation for DevExtreme controls.
    This applies the same styling as for all of our other controls.
*/
.dx-invalid.dx-texteditor {
    border: 1px solid #e80c4d;
    border-left: 1px solid #e80c4d;
    border-left-width: 5px;
    border-radius: 3px;
}

    .dx-invalid.dx-texteditor.dx-state-focused {
        border: 1px solid #e80c4d;
        border-left: 1px solid #e80c4d;
        border-left-width: 5px;
        border-radius: 3px;
    }

/* ******** */

/*  Jquery dialog override so that it goes over the Bootstrap dialogs.
    For cases where an error happens while a BS dialog is up */
.ui-dialog {
    z-index: 1060;
}

#side-bar-nav {
    margin-bottom: 4em;
    border-right: 1px solid #e7e7e7
}

#side-menu {
    margin-bottom: 0;
}

    #side-menu li a.active:before {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 3px;
        content: "";
        background-color: #d26911;
    }

    #side-menu li a.active {
        font-weight: 600
    }

/*Increase the max-length of the bootstrap popovers*/
.popover {
    min-width: 300px;
    max-width: 1200px;
    width: auto;
}

/* Some additional handling for the colored blocks we put on the home pages.
    This is so that the bottom card is the same size for those with just links
    as of those with a textbox in there.*/
.action-block-card .card-footer {
    min-height: 52px;
}

    .action-block-card .card-footer > span.pull-left {
        margin-top: 5px;
    }

.alert-popup {
    display: none;
}

.alert {
    margin-bottom: 5px;
    margin-top: 5px;
}

@media(min-width:768px) {
    .sidebar-collapsed {
        width: 50px !important;
    }
}

.hidden-sidebar-collapsed {
    display: none !important;
}

.nav > li#tk-menu-minimize-link > a:hover {
    text-decoration: none;
    background-color: #eee;
}

.nav > li#tk-menu-minimize-link > a:focus {
    text-decoration: none;
    background-color: transparent !important;
}

.sidebar-collapsed .collapse-menu-icon {
    display: block !important;
}

.collapse-menu-icon {
    display: none;
}
/* */

.tk-control-label {
    font-weight: 700;
}

.tk-required-label:after {
    content: "\00a0 *";
    color: #FF0000
}

.tk-required-lookup .dx-lookup-arrow:after {
    content: "*";
    color: #FF0000
}

.tk-suggested-label:after {
    content: " * (recommended)";
    color: #8a6d3b
}

/* This will disable any special highlighting and popover that DevExtreme uses */
.dx-invalid.dx-texteditor .dx-texteditor-container:after {
    display: none;
}

.dx-invalid-message.dx-overlay {
    display: none;
}

/*
    This removes the double underline in Firefox, Opera and Chrome.
    Bootstrap takes care of the underline using a border-bottom
*/
abbr[title], acronym[title] {
    text-decoration: none;
}

/* TK Date Range */
.tk-date-range-type, .tk-date-range-start, .tk-date-range-end, .tk-date-range-int {
    display: inline-block;
    vertical-align: top;
    width: 33%;
    min-width: 120px;
    min-height: 26px;
}

/* Normalize dx-texteditor height to match dx-lookup height */
.dx-texteditor-input, .dx-lookup-field, .dx-datagrid-rowsview .dx-texteditor-input, .dx-datagrid-rowsview .dx-lookup-field {
    height: auto;
    min-height: inherit;
    padding-top: 2px;
    padding-bottom: 2px;
}

.dx-texteditor, .dx-lookup {
    height: auto;
}

/* OT-56788 Fixes small screen tab overflows */
div.dx-item.dx-tab {
    width: auto;
}

.warning .alert-warning {
    border-left: 6px solid #ffeb3b;
    background-color: #ffffcc;
}

.dx-tab:after {
    content: "";
    pointer-events: none;
    position: absolute;
    top: -1px;
    bottom: -1px;
    right: -1px;
    left: -1px;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-top: none;
    border-bottom: none;
    z-index: 1;
}

.dx-scheduler-appointment {
    margin-top: 5px;
    min-height: 45px;
}

.dx-datagrid-content .dx-datagrid-table .dx-row > td, .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td {
    vertical-align: middle;
}

.tk-grid-focus .dx-checkbox .dx-checkbox-icon {
    border: 1px solid #265a87;
}

.border-left-dark-blue {
    border-left: .25rem solid #00008b !important;
}

.border-dark-blue {
    border-color: #00008b !important;
}


/* SB ADMIN OVERRIDES 2 */

.sidebar .nav-item.dropdown .dropdown-toggle::after,
.topbar .nav-item.dropdown .dropdown-toggle::after {
    font-family: 'Font Awesome 5 Pro';
}

.sidebar #sidebarToggle::after {
    font-family: 'Font Awesome 5 Pro';
}

.sidebar.toggled #sidebarToggle::after {
    font-family: 'Font Awesome 5 Pro';
    width: 0rem;
}

.sidebar .nav-item .nav-link[data-toggle="collapse"]::after {
    font-family: 'Font Awesome 5 Pro';
    width: 0rem;
}

.card .card-header[data-toggle="collapse"]::after {
    font-family: 'Font Awesome 5 Pro';
    width: 0rem;
}

.sidebar .nav-item .nav-link {
    width: 15rem;
}

.tk-menu {
    list-style: none;
    line-height: 1.5;
    width: 250px;
    min-width: 0;
}

    .tk-menu > li {
        border-bottom: 1px solid #e7e7e7;
    }

        .tk-menu > li > a {
            position: relative;
            display: block;
            padding: 10px 15px;
            text-decoration: none;
            word-wrap: break-word;
        }

.tk-menu-minimized {
    width: 50px;
}

.tk-menu-sub > li {
    border-bottom: none;
}

.metismenu {
    padding-left: 0px;
}

.metismenu-2 {
    padding-left: 20px;
    padding-right: 15px;
}

.metismenu-3 {
    padding-left: 20px;
    padding-right: 15px;
}

ul {
    list-style: inherit;
}

@media screen and (max-width: 576px) {
    #page-wrapper {
        flex-direction: column !important;
    }

    .tk-menu {
        width: 100%;
    }
}

/*OT-65250 Row Same Height Columns */
.row.display-flex {
    display: flex;
    flex-wrap: wrap;
}

    .row.display-flex > [class*='col-'] {
        flex-grow: 1;
    }

/* Essentially just the boostrap .badge .badge-primary*/
.tk-highlight-badge {
    display: inline-block;
    padding: .25em .4em;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    color: #fff;
    background-color: #007bff;
}

/* Disables the highlighting from .tk-highlight-badge if contained in a container with the .tk-no-highlight-container class */
.tk-no-highlight-container .tk-highlight-badge {
    padding: initial;
    font-size: inherit;
    font-weight: initial;
    color: initial;
    background-color: initial;
}

#footer-disclaimer-text {
    height: 40px !important;
    max-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    cursor: pointer;
}

.tk-filter-footer {
    padding: .2rem .2rem;
    width: 100%;
}

.nav-bar-button-link {
    padding-left: 1rem;
    padding-right: 1rem;
}