.tq-app-icon {
    text-align: center;
    width: 40px;
}

.tq-app {
    background-color: #f2f3fe;
    color: #038edc;
}

.tq-ptr {
    cursor: pointer;
}

.tq-icn {
    font-size: 1.2em;
}

.tq-qt-header {
    padding-top: 10px;
    padding-left: 10px;
}
.tq-help {
    padding-top: 7px;
    cursor: pointer;
    color: #5fd0f3;
    font-size: 1.5em;
}
.tq-export {
    padding-top: 7px;
    cursor: pointer;
    color: #038edc;
    font-size: 1.5em;
}
.tq-mnubtn {
    padding-top: 7px;
    cursor: pointer;
    font-size: 1.5em;
}

.tq-help-bc {
    padding-top: 1px;
    cursor: pointer;
    color: #5fd0f3;
    font-size: 1.5em;
    margin-left: 10px;
}

.tq-icon {
    font-size: 1.125rem
}

.tq-odd {
    background-color: #f5f6f8;
}
.tq-rqd {
    padding-left: 3px;
    color: red;
}

label {
    font-weight: bold;
}
.tq-notecount-read {
    color: #038edc;
}
.tq-notecount-unread {
    color: red;
}
.tq-note-auth {
    font-size: .9em;
}
.tq-note-unread {
    cursor: pointer;
    color: #51d28c;
}
    .tq-note-unread:hover {
        color: #74788d;
    }
.tq-note-read {
    color: #74788d;
}

.tq-bold {
    font-weight: bold;
}

.tq-fm {
    padding: 2px 5px;
    line-height: 1;
    height: calc(1.1em + 1.1rem + 2px);
    font-size: 12px;
    width: 100%;
}

.tq-avatar {
    font-size: 18px;
    width: 2.5em;
    height: 2.5em;
    border-radius: 50%;
    background: #CC2427;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

    .tq-avatar::after {
        content: attr(profileAv);
        font-family: "Readex Pro", sans-serif;
        color: #ffffff;
    }

.tq-avatar-mini {
    font-size: 14px;
    width: 2em;
    height: 2em;
    border-radius: 50%;
    background: #CC2427;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

    .tq-avatar-mini::after {
        content: attr(profileAv);
        font-family: "Readex Pro", sans-serif;
        color: #ffffff;
    }

.tq-tt {
    margin-left: 7px;
}

.checkboxalign {
    vertical-align: middle;
}
/*** side menu adjustments ***/
body[data-sidebar-size=sm] .vertical-menu #sidebar-menu .menu-header h6 {
    display: none;
    padding-left: 25px;
}

body[data-sidebar-size=md] .vertical-menu #sidebar-menu .menu-header h6 {
    display: none;
    padding-left: 25px;
}

body[data-sidebar-size=lg] .vertical-menu #sidebar-menu .menu-header i {
    display: none;
    padding-left: 25px;
}

@media (min-width: 769px) {
    .vertical-menu-btn {
        display: none;
    }
}


@media (max-width: 768px) {
    .vertical-menu-btn {
        display: block !important;
    }


    body:not([data-sidebar-size=sm]) .app-search {
        margin-left: 10px !important;
    }
}


@media (min-width: 992px) {
    .centerfavicon {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 992px) {
    #layout-wrapper #page-topbar .navbar-header {
        display: flex !important;
    }
}

@media (max-width: 992px) {
    .vertical-menu {
        display: none;
        top: 70px;
    }

        .vertical-menu .sidebar-menu-scroll {
            height: 100%;
            margin-top: 0;
        }

        .vertical-menu .navbar-brand-box,
        .vertical-menu .vertical-menu-btn {
            display: none;
        }

    .main-content {
        margin-left: 0 !important;
    }

    body.sidebar-enable .vertical-menu {
        display: block;
    }
}

@media (min-width: 992px) {
    body[data-sidebar-size="sm"] #page-topbar {
        left: 0px !important;
    }
}