:root {
    --light-gray: #C2D0DB;
    --success-color: #3dc900bf;
    --light-blue: #16a1dfbf;
    --text-light-blue: #17a1df;
}

@font-face {
    font-family: 'Proxima Nova';
    /* src: url('../font/Proxima\ Nova\ Regular.otf'); */
    src: url('../assets-campus/fonts/ProximaNova-Light.otf');
    font-weight: 300;
}

@font-face {
    font-family: 'Proxima Nova';
    /* src: url('../font/Proxima\ Nova\ Regular.otf'); */
    src: url('../assets-campus/fonts/ProximaNova-Regular.otf');
    font-weight: normal;
}

.responsive-image img {
    height: auto;
    width: 100%;
}
/* *{
    color: red !important;
} */
body {
    /* font-family: 'proxima-nova', Arial, Helvetica, sans-serif !important; */
    font-family: 'Proxima Nova' !important;
    background-color: #f4f5f7 !important;
    line-height: 21px !important;
}

submit-idea-input {
    padding: 1px 5px;
}

.btn.like-btn.active {
    background-color: green;
    color: white;
}

.btn.dislike-btn.active {
    background-color: red;
    color: white;
}

.fs-small {
    font-size: 13.6px;
}

.fs-14 {
    font-size: 14px;
}

.text-light-blue {
    color: var(--text-light-blue);
}

a.anchor-light {
    color: var(--text-light-blue);
    text-decoration: none;
}

.fs-24 {
    font-size: 24px !important;
    cursor: pointer !important;
}

a.anchor-light:hover {
    color: #127cab;
    text-decoration: underline;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    line-height: 1.1 !important;
}

strong {
    font-weight: 600 !important;
    color: #71757b;
}

.text-gray {
    color: #8d9195 !important;
}

.text-dark-gray {
    color: #71757b;
}


.mb-10px {
    margin-bottom: 10px;
}

.mb-20px {
    margin-bottom: 20px;
}

.custom-title {
    font-size: 20px;
}

nav.navbar {
    height: 70px;
    background-color: #003c73;
    position: fixed;
    z-index: 9999;
    width: 100%;
    top: 0px;
}

    nav.navbar .navbar-brand {
        margin-right: 25px;
        margin-left: -6px;
    }

    nav.navbar .navbar-nav .nav-item .nav-link {
        color: var(--light-gray);
        font-size: 19px;
        font-weight: 500;
        padding: 0px 25px;
        height: 100%;
    }

        nav.navbar .navbar-nav .nav-item .nav-link.active {
            background-color: #002C5C;
            color: white;
            box-shadow: inset 0px -4px 0px 0px #17a1df;
        }

.user-loggedIn {
    margin-right: 27px;
}

    .user-loggedIn span {
        color: var(--light-gray);
    }

.side-nav {
    position: absolute;
    top: 70px;
    left: 0;
    width: 210px;
    padding: 20px;
}

.btn {
    font-size: 14px !important;
    transition: all 0.2s !important;
    border: none !important;
    letter-spacing: 0.5px;
    line-height: 22px !important;
}

    .btn.btn-success {
        background-color: var(--success-color);
    }

        .btn.btn-success:hover {
            background-color: #3DC900;
        }

        .btn.btn-success:active {
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
            background-color: #3DC900 !important;
        }

    .btn.btn-primary {
        background-color: var(--light-blue);
    }

        .btn.btn-primary:hover {
            background-color: #17A1DF;
        }

        .btn.btn-primary:active {
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
            background: #17A1DF !important;
        }

.side-nav-buttons li a {
    padding: 85px 15px 15px 15px;
    background-position: center 25px;
    background-repeat: no-repeat;
    display: block;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    color: #9d9d9d !important;
    transition: all 0.1s;
    cursor: pointer !important;
}

.cke_editor label {
    display: none;
}

.cke_button[title]::after {
    content: none !important;
}


.side-nav-buttons li a.active {
    color: var(--text-light-blue);
}

.side-nav-buttons li {
    width: 100%;
}

    .side-nav-buttons li.menuFeed a {
        background-image: url('../assets-campus/images/feed-icon.png');
        background-size: 47px 48px;
    }

        .side-nav-buttons li.menuFeed a:hover {
            background-image: url('../assets-campus/images/feed-icon-hover.png');
        }

        .side-nav-buttons li.menuFeed a.active {
            background-image: url('../assets-campus/images/feed-icon-active.png');
        }

    .side-nav-buttons li.menuAnswers a {
        background-image: url('../assets-campus/images/answers-icon.png');
        background-size: 72px 38px;
        background-position: center 35px !important;
    }

        .side-nav-buttons li.menuAnswers a:hover {
            background-image: url('../assets-campus/images/answers-icon-hover.png');
        }

        .side-nav-buttons li.menuAnswers a.active {
            background-image: url('../assets-campus/images/answers-icon-active.png');
        }

    .side-nav-buttons li.menuArticles a {
        background-image: url('../assets-campus/images/articles-icon.png');
        background-size: 36px 44px;
    }

        .side-nav-buttons li.menuArticles a:hover {
            background-image: url('../assets-campus/images/articles-icon-hover.png');
        }

        .side-nav-buttons li.menuArticles a.active {
            background-image: url('../assets-campus/images/articles-icon-active.png');
        }

    .side-nav-buttons li.menuIdeas a {
        background-image: url('../assets-campus/images/ideas-icon.png');
        background-size: 34px 52px;
    }

        .side-nav-buttons li.menuIdeas a:hover {
            background-image: url('../assets-campus/images/ideas-icon-hover.png');
        }

        .side-nav-buttons li.menuIdeas a.active {
            background-image: url('../assets-campus/images/ideas-icon-active.png');
        }

    .side-nav-buttons li.menuHelp a {
        background-image: url('../assets-campus/images/help-icon.png');
        background-size: 49px 49px;
    }

        .side-nav-buttons li.menuHelp a:hover {
            background-image: url('../assets-campus/images/help-icon-hover.png');
        }

        .side-nav-buttons li.menuHelp a.active {
            background-image: url('../assets-campus/images/help-icon-active.png');
        }

    .side-nav-buttons li.menuCases a {
        background-image: url('../assets-campus/images/cases-icon.png');
        background-size: 52px 48px;
    }


        .side-nav-buttons li.menuCases a.active {
            background-image: url('../assets-campus/images/cases-icon-active.png');
        }


.content-box {
    margin-left: 210px;
    margin-top: 70px;
    /*width: 780px;*/
    width: 850px;
    background-color: white;
    padding: 40px;
}

.word-break {
    word-break: break-word;
}

.content-box p {
    line-height: 24px;
    word-break: break-word;
}

.right-content {
    margin-top: 70px;
    padding: 20px;
}

.elite-banner {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.10), 0 3px 7px rgba(0, 0, 0, 0.10);
    margin-top: 48px;
}

.submit-btn {
    margin: 20px 0;
}

.file-selector {
    margin-top: 5px;
    border: 1px solid #E1E1E1 !important;
    color: #8d9195;
    height: 29px;
    width: 100%;
    margin-bottom: 17px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

.table-pagination {
    display: flex;
    justify-content: end;
    align-content: center;
}

    .table-pagination .btn, .table-pagination input, .table-pagination label {
        float: left;
        border: 1px solid #ccc !important;
        padding: 4px 8px;
        min-width: 30px;
        line-height: 17px;
        margin-left: -1px;
        text-align: center;
        height: 26px;
        border-radius: 4px !important;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        font-size: .875rem;
        font-weight: 500;
        text-transform: capitalize;
        padding-bottom: 3px;
    }

.bg-primary {
    background-color: #009bde !important;
    color: white !important;
}

.pagination-select {
    border-radius: 4px;
}

.selection-btn {
    border: none;
    font-size: 14px;
    color: #8d9195 !important;
    height: 27px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    background-color: transparent !important;
    border-right: 1px solid #E1E1E1;
    border-top-left-radius: 20px !important;
    border-bottom-left-radius: 20px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

    .selection-btn i {
        transform: rotate(86deg);
        font-size: 17px;
        color: #8d9195;
    }

.custom-search {
    position: relative;
    margin-right: 17px;
    margin-bottom: 15px;
}

.custom-search-input {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 100px;
    padding: 6px 8rem 6px 22px;
    line-height: 1;
    font-size: 20px;
    box-sizing: border-box;
    outline: none;
    height: 48px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    color: #B8BABD;
    transition: all 0.2s;
    text-overflow: ellipsis;
    /* letter-spacing: 0px !important; */
}

    .custom-search-input::placeholder {
        color: #a9acaf;
        transition: all 0.2s;
        /* letter-spacing: 0.1px; */
    }

    .custom-search-input:focus {
        border-color: #66afe9;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    }

        .custom-search-input:focus::placeholder {
            color: #cccccc;
        }

.custom-search-botton {
    position: absolute;
    right: 6px;
    top: 5px;
    bottom: 5px;
    border: 0;
    color: #fff;
    outline: none;
    margin: 0;
    padding-right: 30px !important;
    padding-left: 30px !important;
    border-radius: 100px;
    z-index: 2;
}


.warning-box {
    padding: 15px 20px 5px 20px;
    margin: 0 0 20px 0;
    border: 2px solid #f7ba00;
    background: #fefae5;
    border-radius: 8px;
}

    .warning-box .title {
        color: #906d00;
        margin: 0 0 5px 0;
        font-size: 18px;
        margin-bottom: 10px;
    }

    .warning-box p {
        line-height: 24px;
    }

    .warning-box ul {
        padding-left: 40px;
    }

        .warning-box ul li::marker {
            color: #8d9195;
            font-size: 18px;
        }

.list-comments {
    border-top: 1px solid #dfdfdf;
}

    .list-comments .comment {
        padding: 18px 18px 5px 14px;
        border-bottom: 1px solid #dfdfdf;
        border-right: 1px solid #fff;
        border-left: 1px solid #fff;
    }

.comment-detail .comment {
    padding: 18px 0px 10px 0px;
    border-top: 1px solid #dfdfdf;
}

.list-comments .comment h4 {
    margin-bottom: 10px;
}

.list-comments .comment p {
    line-height: 24px;
}

.comment .votes {
    font-size: 11.5px;
}

.list-comments .comment:hover {
    background-color: #f9f9f9;
    border-right: 1px solid #dfdfdf;
    border-left: 1px solid #dfdfdf;
}

.list-comments .comment .comment-details span,
.comment-detail .comment .comment-details span {
    color: #B1B7C1;
    font-weight: 300;
}

.article-post-details .postmeta {
    font-family: 'Proxima Nova' !important;
    color: #B1B7C1;
    font-weight: 300;
    font-size: 16px;
}

.pagination .pagination-buttons .button {
    background: #EEEFEF;
    border: 1px solid #DADADA;
    border-radius: 8px;
    padding: 1px 15px;
    text-decoration: none;
}

.search-bar {
    font: inherit;
}

.pagination .pagination-buttons .button:not(.disabled):hover {
    background-image: linear-gradient(-180deg, #FEFEFE 0%, #E2E2E2 100%);
    border: 1px solid #D2D2D2;
}

.cursor-pointer {
    cursor: pointer !important;
}

.case-number {
    color: #17a1df;
    text-decoration: none;
    cursor: pointer;
    transition: 0.4s;
}

    .case-number:hover {
        text-decoration: underline;
    }

.case-detail-info h4 {
    font-size: 24px;
    margin: 0 0 20px !important;
}

.pagination .pagination-buttons .button.disabled img {
    opacity: 0.3;
}

.comments-header {
    padding: 5px 20px 2px 20px;
}

    .comments-header select {
        margin-left: 6px;
        border: none !important;
        background: none;
        color: #009bde;
        -webkit-appearance: none;
        width: 175px;
        width: -moz-fit-content;
        padding: 2px 5px;
        font-size: 16px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        outline: none;
    }

.new-comment {
    padding: 23px 0 8px 0;
}

    .new-comment .addComment {
        padding-top: 20px;
    }

.postBtn {
    background: var(--text-light-blue) !important;
    border: none;
    font-size: 14px;
    color: white !important;
}

    .postBtn:hover {
        background: linear-gradient(to bottom, rgba(31, 181, 248, 1) 0%, rgba(20, 145, 201, 1) 100%) !important;
    }

.replies .reply {
    padding: 18px 16px 8px;
}

    .replies .reply .reply-data {
        color: #B1B7C1;
        font-weight: 100;
        margin-top: 90px;
    }

.dot::after {
    content: '\00b7';
    font-weight: bold;
    margin: 0 10px;
}

.articles-collection {
    padding: 10px 15px;
}

    .articles-collection .card {
        margin-bottom: 2.4rem;
    }

        .articles-collection .card .card-body {
            color: #8d9195 !important;
            padding: 11px 0px;
        }

            .articles-collection .card .card-body .card-title {
                font-size: 18px;
            }

            .articles-collection .card .card-body .card-text {
                font-size: 14px;
                line-height: 18px;
            }

        .articles-collection .card .image-container {
            width: 100%;
            height: auto;
        }

            .articles-collection .card .image-container .overlay {
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background-color: rgba(22, 161, 223, 0.8);
                transition: all .5s ease-out 0.1s;
            }

            .articles-collection .card .image-container:hover .overlay {
                background-color: rgba(22, 161, 223, 0.40);
            }

            .articles-collection .card .image-container::after {
                position: absolute;
                content: '';
                background-image: url(../assets-campus/images/article-icon.png);
                background-size: contain;
                background-repeat: no-repeat;
                top: 50%;
                left: 50%;
                width: 48px;
                height: 56px;
                transform: translate(-50%, -50%);
            }

.article-post-details p,
.article-post-details strong {
    font-family: arial, helvetica, sans-serif !important;
    font-size: 14px;
    margin-bottom: 36px;
}

.alert.alert-light {
    background: #f4f5f7 !important;
    border: 2px solid #DFDFDF;
    margin: 0 0 20px 0;
    padding: 15px 20px 10px 20px;
    border-radius: 8px;
}

    .alert.alert-light h5 {
        font-size: 18px !important;
    }

.alert-dismissible .btn-close {
    font-size: 11px;
    padding: 12px 1rem !important;
}

.like-dislike .btn {
    background: #EEEFEF;
    border: 1px solid #D2D2D2 !important;
    background-repeat: no-repeat !important;
    padding: 14px 20px;
}

    .like-dislike .btn:hover {
        background: #E8E8E8;
        background-position: 12px 9px;
    }


    .like-dislike .btn.active {
        background: white;
    }

    .like-dislike .btn.like-btn {
        background-image: url('../assets-campus/images/like.png');
        background-position: 12px 6px;
    }

        .like-dislike .btn.like-btn:active {
            background-position: 12px 6px;
        }

        .like-dislike .btn.like-btn.active {
            background-image: url('../assets-campus/images/like-active.png');
        }

    .like-dislike .btn.dislike-btn {
        background-image: url('../assets-campus/images/dislike.png');
        background-position: 12px 7px;
    }

        .like-dislike .btn.dislike-btn.active {
            background-image: url('../assets-campus/images/dislike-active.png');
        }

.px-custom {
    padding-left: 18px !important;
    padding-right: 22px !important;
}

.upload-field {
    margin-top: 5px;
    border: 1px solid #E1E1E1 !important;
    color: #8d9195;
    height: 29px;
    float: left;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

    .upload-field::-webkit-file-upload-button {
        border-right: 1px solid #E1E1E1 !important;
        border-left: 1px solid #fff !important;
        border-top: 1px solid #fff !important;
        border-bottom: 1px solid #fff !important;
        background: url('../assets-campus/images/attachment-icon.png') #fff no-repeat 10px 5px !important;
        color: #71757b !important;
        font-family: 'proxima-nova', Arial, Helvetica, sans-serif !important;
        font-size: 14px !important;
        height: 100% !important;
        padding: 0 10px 0 32px !important;
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px;
    }

.cke_top {
    border-bottom: 1px solid #b6b6b6 !important;
    padding: 6px 8px 2px !important;
    white-space: normal;
    box-shadow: 0 1px 0 #fff inset !important;
    background: #cfd1cf !important;
    background-image: linear-gradient(to bottom, #f5f5f5, #cfd1cf) !important;
}

.cke_bottom {
    display: none !important;
}

.cke_chrome {
    border: 1px solid #b6b6b6 !important;
    padding: 0;
    box-shadow: 0 0 3px rgba(0, 0, 0, .15) !important;
}

.cke_toolgroup {
    margin: 0 6px 5px 0 !important;
    border: 1px solid #a6a6a6 !important;
    border-bottom-color: #979797 !important;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .5), 0 0 2px rgba(255, 255, 255, .15) inset, 0 1px 0 rgba(255, 255, 255, .15) inset !important;
    background: #e4e4e4 !important;
    background-image: linear-gradient(to bottom, #fff, #e4e4e4) !important;
    padding-right: 0px !important;
}

    .cke_toolgroup a.cke_button:last-child:after,
    .cke_toolgroup a.cke_button.cke_button_disabled:hover:last-child:after {
        display: none !important;
    }

a.cke_button_on {
    box-shadow: 0 1px 5px rgba(0, 0, 0, .6) inset, 0 1px 0 rgba(0, 0, 0, .2) !important;
    background: #b5b5b5 !important;
    background-image: linear-gradient(to bottom, #aaa, #cacaca) !important;
}

a.cke_button_off:hover,
a.cke_button_off:focus,
a.cke_button_off:active {
    box-shadow: 0 0 1px rgba(0, 0, 0, .3) inset !important;
    background: #ccc !important;
    background-image: linear-gradient(to bottom, #f2f2f2, #ccc) !important;
    border: none !important;
    padding: 4px 6px !important;
}

.case-table table {
    font-size: 14px;
    letter-spacing: 0.4px;
    margin-bottom: 20px;
    background-color: #fff;
    /* border: 1px solid transparent; */
    /* border-radius: 4px; */
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.case-table tr th {
    background: #F8F8F8;
    color: #8d9195;
}

.case-table tr td {
    color: #8d9195;
}

.icon-box img {
    height: 74px;
    width: 74px;
    border-radius: 50%;
}

.icon-box {
    margin-bottom: 15% !important;
}

.select-padding {
    padding: 2px 5px !important;
}

.date-text {
    color: #B1B7C1 !important;
}

.upload-btn {
    background: rgba(22, 161, 223, 0.75);
    color: #fff;
    border-top-right-radius: 24px;
    border-bottom-right-radius: 24px;
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 26px;
    font-size: 12px !important;
    letter-spacing: 0.5px;
    border: none;
    padding: 3px 15px 0px 15px;
    float: right;
    display: inline;
    margin-top: -13px;
}

.side-icon img {
    height: 74px;
    width: 74px;
    border-radius: 50%;
}

.border-bottoms {
    border-bottom: 1px solid #dfdfdf;
}

.parent.border-bottoms:not(:last-child) {
    border-bottom: 0 !important;
}

.selected-items {
    font-size: 16px;
    color: #17a1df !important;
    cursor: pointer;
    transition: 0.4s;
    line-height: 25px;
}

    .selected-items:hover {
        color: #127cab !important;
        text-decoration: underline;
    }

.clip-icon {
    margin: 0 4px;
    margin-left: 0;
    transform: rotate(80deg);
    font-size: 16px;
}
/* ---------------------------------
-------- Case Detail - Start -------
------------------------------------ */
.case-detail-table table tr td {
    border: none;
}

.case-detail-table {
    margin-bottom: 25px;
}

    .case-detail-table table tr td span:last-child {
        color: #8d9195;
        margin-left: 8px;
    }

.highlight {
    color: #fff;
    background-color: #0066b4;
}

.tooltips-text3 {
    position: relative;
    display: inline-block;
}

    .tooltips-text3 .tooltiptext-hover3 {
        visibility: hidden;
        width: auto;
        background-color: #f8f9fb;
        color: #1960a7;
        border-radius: 6px;
        padding: 8px 10px;
        position: absolute;
        z-index: 999;
        font-size: 13px;
        top: -35px;
        left: -50%;
        transform: translateX(-50%);
        text-align: center;
        border: 1px solid #1960a7;
        font-weight: 600;
    }


        .tooltips-text3 .tooltiptext-hover3:before {
            content: "";
            position: absolute;
            bottom: 100%;
            top: 100%;
            left: -50%;
            margin-left: -5px;
            border-width: 7px;
            border-style: solid;
            border-color: #1960a7 transparent transparent transparent;
        }

    .tooltips-text3:hover .tooltiptext-hover3 {
        visibility: visible;
    }

.tooltips-text2 {
    position: relative;
    display: inline-block;
}

    .tooltips-text2 .tooltiptext-hover2 {
        visibility: hidden;
        width: auto;
        background-color: #f8f9fb;
        color: #1960a7;
        border-radius: 6px;
        padding: 8px 10px;
        position: absolute;
        z-index: 999;
        font-size: 13px;
        top: -40px;
    }

.tooltips-text1 {
    position: relative;
    display: inline-block;
}

    .tooltips-text1 .tooltiptext-hover1 {
        visibility: hidden;
        background-color: #f8f9fb;
        color: #1960a7;
        border-radius: 6px;
        padding: 3px 10px;
        position: absolute;
        z-index: 999;
        font-size: 13px;
        top: -42px;
        left: 60%;
        transform: translateX(-50%);
        text-align: center;
        border: 1px solid #1960a7;
        font-weight: 600;
        word-break: break-all;
        white-space: pre-line;
        font-size: 12px !important;
        width: 230%;
    }


        .tooltips-text1 .tooltiptext-hover1:before {
            content: "";
            position: absolute;
            bottom: 100%;
            top: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 7px;
            border-style: solid;
            border-color: #1960a7 transparent transparent transparent;
        }

    .tooltips-text1:hover .tooltiptext-hover1 {
        visibility: visible;
    }

.tooltips-text {
    position: relative;
    display: inline-block;
}

    .tooltips-text .tooltiptext-hover {
        visibility: hidden;
        background-color: #f8f9fb;
        color: #1960a7;
        border-radius: 6px;
        padding: 3px 10px;
        position: absolute;
        z-index: 999;
        font-size: 13px;
        top: -35px;
        left: 60%;
        transform: translateX(-50%);
        text-align: center;
        border: 1px solid #1960a7;
        font-weight: 600;
        word-break: break-all;
        white-space: pre-line;
        font-size: 12px !important;
        width: 200%;
    }

        .tooltips-text .tooltiptext-hover:before {
            content: "";
            position: absolute;
            bottom: 100%;
            top: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 7px;
            border-style: solid;
            border-color: #1960a7 transparent transparent transparent;
        }

    .tooltips-text:hover .tooltiptext-hover {
        visibility: visible;
    }

.tooltips-text2:hover .tooltiptext-hover2 {
    visibility: visible;
}

.custom-file-upload {
    border: 1px solid #ccc;
    border-radius: 100px;
    line-height: 1;
    font-size: 1rem;
    box-sizing: border-box;
    outline: none;
    height: 48px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    color: #B8BABD;
    transition: all 0.2s;
    text-overflow: ellipsis;
}

.upload-file input[type="file"] {
    width: 15%;
    position: absolute;
    top: 0px;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.custom-file-upload .upload-files button {
    background-color: var(--light-blue);
    border: none;
    border-radius: 0px 100px 100px 0px;
    color: #fff;
}

.custom-file-upload .choose-file-btn {
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom-file-upload .choose-file-btn, .custom-file-upload .upload-files button {
    width: 15%;
    height: 100%;
}

.custom-file-upload .upload-files, .custom-file-upload .upload-files input {
    width: 85%;
    height: 100%;
}

    .custom-file-upload .upload-files input:focus {
        outline: none;
        box-shadow: none;
    }
/* -------------------------------
-------- Case Detail - End -------
---------------------------------- */
@media screen and (max-width:1264px) {
    .right-content {
        margin-left: 210px;
        margin-top: 0px;
        padding-left: 0px;
    }
}

@media screen and (max-width:1200px) {
    .content-box {
        /* width: auto; */
        width: calc(100% - 210px);
    }

    .custom-search {
        margin-right: 0px;
    }
}


@media screen and (max-width:768px) {
    nav.navbar {
        min-height: 63px;
        height: auto;
    }

    .side-nav {
        width: 185px;
        padding: 10px;
        top: 63px;
    }

    .content-box {
        margin-left: 185px;
        padding: 18px;
        width: calc(100% - 185px);
        margin-top: 63px;
    }

    .right-content {
        margin-left: 185px;
    }
}

@media screen and (max-width:576px) {
    .custom-search-input {
        height: 37px;
        font-size: 15px;
        padding: 4px 89px 4px 8px;
    }

    .custom-search-botton {
        padding-right: 15px !important;
        padding-left: 15px !important;
        font-size: 12px !important;
        line-height: 12px !important;
    }

    .side-nav {
        width: 107px;
    }

        .side-nav .btn {
            font-size: 12px !important;
            line-height: 16px !important;
        }

    .content-box {
        margin-left: 107px;
        padding: 10px;
        width: calc(100% - 107px);
    }

    .right-content {
        margin-left: 107px;
    }

    .side-nav-buttons li a {
        padding: 65px 15px 15px 15px;
        background-position: center 17px;
    }

    .side-nav-buttons li.menuFeed a {
        background-size: 40px 41px;
    }

    .side-nav-buttons li.menuAnswers a {
        background-size: 56px 28px;
        background-position: center 26px !important;
    }


    .side-nav-buttons li.menuArticles a {
        background-size: 26px 34px;
    }

    .side-nav-buttons li.menuIdeas a {
        background-size: 24px 38px;
    }

    .side-nav-buttons li.menuHelp a {
        background-size: 39px 39px;
    }

    .side-nav-buttons li.menuCases a {
        background-size: 42px 38px;
    }
}


textarea {
    resize: none !important;
}

.fr-box .fr-toolbar.fr-top {
    box-shadow: none !important;
    border: 1px solid #E0E0E0 !important;
}

.fr-box.fr-basic.fr-top .fr-wrapper {
    box-shadow: none !important;
    border: 1px solid #E0E0E0 !important;
    border-top: none !important;
}

a {
    cursor: pointer !important;
}

.custom-table-height {
    max-height: 65vh !important;
    overflow: auto !important;
    white-space: nowrap;
}

.mt-minus-5 {
    margin-top: -5px !important;
}
.file-list {
    white-space: nowrap;
    flex-wrap: wrap;
}
.attatched-file {
    width: 112px;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
    font-size: 14px;
    color: #8d9195 !important;
    font-weight: 500;
}
.choose-btn {
    width: 126px;
    border-radius: 30px !important;
    background-color: whitesmoke !important;
}
.export-btn img{
    height: 25px;
}

table thead tr th:after {
    content: "\f0dc";
    padding-left: 7px;
    font-family: FontAwesome;
}

table thead tr th.headerSortUp:after {
    content: "\f0de";
    padding-left: 7px;
    font-family: FontAwesome;
}

table thead tr th.headerSortDown:after {
    content: "\f0dd";
    padding-left: 7px;
    font-family: FontAwesome;
}