/* Global css */
 body {
    height: 100%;
    min-height: 100vh;
    position: relative;
}

@media all and (max-width: 767px) {
    body {
        padding-bottom: 200px;
    }
}

.site_contact {
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.clstrBarCntnt > a {
    line-height: 20px;
}

.tt-single-topic-list {
    margin-bottom: 30px;
}

.p-t-b {
    padding: 20px 0;
}

.m-b-t30 {
    margin-bottom: 30px;
}

.page_content {
    width: 100%;
    padding: 30px 30px 20px;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0px 5px 15px 0px rgba(82, 63, 105, 0.08);
    -webkit-box-shadow: 0px 5px 15px 0px rgba(82, 63, 105, 0.08);
}

.feedback_dropcap_icon {
    width: 100%;
    text-align: center;
    display: inline-block;
}

.feedback_dropcap_icon i {
    width: 55px;
    height: 55px;
    font-size: 55px;
    line-height: 55px;
    color: #402c9f;
}

.pagination_b_top {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.dropdown-menu {
    border: 0 !important;
    -webkit-box-shadow: 0px 0px 50px 0px rgba(82,63,105,0.15);
    box-shadow: 0px 0px 50px 0px rgba(82,63,105,0.15);
    border-radius: 4px;
    font-size: 14px;
}

.dropdown-menu .dropdown-item {
    min-height: 2.5rem;
}

@media (min-width: 768px) {
    .dropdown-menu .dropdown-item {
        padding: 10px 20px;
    }
}

.w_100 {
    width: 100%;
}
/* Global css ends */

/* #Start custom bootstrap buttons */
.btn_custom {
    color: #fff;
    height: auto;
    border-radius: 2px !important;
    padding: 3px 8px !important;
    font-size: 12px !important;
    line-height: 18px !important;
    display: inline-block;
    text-transform: none;
    transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
}

.btn_custom:hover {
    color: #fff;
}

.btn_primary {
    background-color: #337ab7;
    border-color: #2e6da4;
}

.btn_primary:hover {
    background-color: #286090;
    border-color: #204d74;
}

.btn_success {
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.btn_success:hover {
    background-color: #449d44;
    border-color: #398439;
}

.btn_info {
    background-color: #5bc0de;
    border-color: #46b8da;
}

.btn_info:hover {
    background-color: #31b0d5;
    border-color: #269abc;
}

.btn_warning {
    background-color: #f0ad4e;
    border-color: #eea236;
}

.btn_warning:hover {
    background-color: #ec971f;
    border-color: #d58512;
}

.btn_danger {
    background-color: #d9534f;
    border-color: #d43f3a;
}

.btn_danger:hover {
    background-color: #c9302c;
    border-color: #ac2925;
}

.label_custom {
    color: #fff !important;
    letter-spacing: 0.3px;
    display: inline-block;
    text-transform: none;
    text-align: center !important;
    transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    border: none !important;
    border-radius: 2px !important;
    padding: 3px 6px !important;
    font-size: 10px !important;
    line-height: 14px !important;
    text-transform: capitalize !important;
}

.label_primary {
    background-color: #2172cd;
}

.label_success {
    background-color: #3cb878;
}

.label_info {
    background-color: #3ebafa;
}

.label_warning {
    background-color: #f26522;
}

.label_danger {
    background-color: #f4555b;
}
/* #End custom bootstrap buttons */

.feedback_page {
    width: 100%;
    display: inline-block;
    border-top: 1px solid #ddd;
}

/* #Start Feedback Suggestion css */
.feedback_title {
    width: 100%;
    text-align: center;
    margin: 40px 0;
}

.feedback_title h1 {
    font-size: 50px;
    font-weight: 300;
    color: #000;
}

.feedback_title p {
    font-size: 19px;
    line-height: 30px;
    color: #73777d;
    font-weight: 300;
    max-width: 750px;
    padding: 0 40px;
    margin: 0 auto;
}

.feedback_block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
    flex-flow: column wrap;
    transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    border-radius: 4px;
    padding: 40px;
    /*background: #f9efe3;*/
    background: #fff;
    color: #402c9f;
    box-shadow: 0px 5px 15px 0px rgba(82, 63, 105, 0.08);
    -webkit-box-shadow: 0px 5px 15px 0px rgba(82, 63, 105, 0.08);
}

.feedback_block a {
    text-decoration: none !important;
}

.feedback_block h5 {
    margin: 30px 0 0;
    color: #64676d;
}

.feedback_block:hover {
    background: #402c9f;
}

.feedback_block:hover h5 {
    color: #fff;
}

.feedback_block i {
    width: 60px;
    height: 60px;
    font-size: 64px;
    text-align: center;
    line-height: 64px;
}

.feedback_block:hover i {
    color: #fff;
}

.feedback_svg_icon {
    margin: 0;
    border: none;
    border-radius: 0;
    overflow: visible;
    font: inherit;
    color: inherit;
    text-transform: none;
    padding: 0;
    background-color: transparent;
    display: inline-block;
    fill: #402c9f;
    line-height: 0;
}

.feedback_block:hover .feedback_svg_icon {
    fill: #fff;
}

.feedback_block:hover .feedback_svg_icon:not(.uk-preserve) [stroke*='#']:not(.uk-preserve) {
    stroke: #fff;   
}

svg {
    max-width: 100%;
    height: auto;
    box-sizing: border-box;
}

.feedback_svg_icon:not(.uk-preserve) [stroke*='#']:not(.uk-preserve) {
    stroke: #402c9f;
}
/* #End Feedback Suggestion css */

/* #Start Feedback General css */
.feedback_breadcrumbs {
    width: 100%;
    padding: 20px 0;
    border-bottom: 1px solid #ddd;
}

.feedback_breadcrumbs ul.list-inline {
    margin: 0;
    padding: 0;
    min-height: 54px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    flex-wrap: wrap;
    list-style: none;
}

.feedback_breadcrumbs ul.list-inline > * {
    flex: none;
}

.feedback_breadcrumbs ul.list-inline li {
    font-family: 'Fira Sans', sans-serif;
    position: relative;
    font-size: 14px;
    color: #323232;
    font-weight: 400;
}

.feedback_breadcrumbs ul.list-inline li a {
    color: #2172cd;
}

.feedback_breadcrumbs ul.list-inline > :nth-child(n+2):not(.uk-first-column)::before {
    content: "/";
    display: inline-block;
    margin: 0 20px;
    color: #402c9f;
}

.feedback_genral_title {
    width: 100%;
    display: inline-block;
    margin-bottom: 70px;
}

.feedback_genral_title h2 {
    font-size: 38px;
    font-weight: 300;
    color: #000;
}

.feedback_genral_title p {
    font-size: 20px;
    color: #73777d;
    line-height: 28px;
    font-weight: 100;
}

.feedback_section {
    padding: 70px 0;
    margin-bottom: 80px;
    width: 100%;
    display: inline-block;
}

@media all and (min-width: 768px) {
    .feedback_section {
        min-height: 100vh;
    }
}

.fdbck_gnrl_panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    flex-wrap: wrap;
    background-color: #fff;
    border-radius: 4px;
    padding: 25px;
    margin-bottom: 30px;
    box-shadow: 0px 5px 15px 0px rgba(82, 63, 105, 0.08);
    -webkit-box-shadow: 0px 5px 15px 0px rgba(82, 63, 105, 0.08);
}

.fdbck_gnrl_panel > * {
    display: inline-block;
    width: 100%;
}

.fdbck_gnrl_panel h2 {
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 32px;
}

.fdbck_gnrl_panel h2 a {
    color: #77173f;
    text-decoration: none !important;
    transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
}

.fdbck_gnrl_panel h2 a:hover {
    color: #402c9f;
}

.fdbck_gnrl_panel p {
    color: #64676d;
    font-size: 16px;
    font-weight: 100;
    line-height: 26px;
    margin-bottom: 20px;
}

.fdbck_gnrl_panel small {
    color: #cc7901;
    font-weight: 500;
    font-size: 13px;
    display: inline-block;
    width: auto;
    padding: 3px 0px;
    border-radius: 3px;
    letter-spacing: 0.5px;
    word-spacing: 0.5px;
}

.article_action {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: space-between;
    justify-content: space-between;
}

.article_action>span>ul {
    margin: 0;
    padding: 0;
}

.fdbck_gnrl_panel .article_action > span > a {
    color: #000;
    font-weight: 400;
    line-height: 1.6;
    font-size: 15px;
    display: inline-block;
    text-decoration: none !important;
    border-bottom: 1px solid #402c9f;
    transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
}

.fdbck_gnrl_panel .article_action > a:hover {
    color: #402c9f;
}

.fullwidth_btn_div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: unset;
    -ms-flex-pack: unset;
    justify-content: space-between;
    flex-wrap: wrap;
    border-top: 1px solid #ddd;
    padding: 70px 0;
    margin: 40px 0;
}

.fullwidth_btn_div.b_bt {
    border-top: 0;
    padding-top: 0;
    margin-top: 0;
    border-bottom: 1px solid #ddd;
}

.fullwidth_btn_div h3 {
    font-size: 24px;
    font-weight: 300;
    color: #333;
    margin-bottom: 0;
}

.fullwidth_btn > a {
    font-size: 14px;
    height: auto;
    min-height: 38px;
    padding: 12px 16px;
    line-height: 1;
    color: #fff;
    background: #402c9f;
    border-radius: 3px;
    margin-bottom: 0;
    letter-spacing: 0.3px;
    text-transform: capitalize;
}

.fullwidth_select {
    width: 25%;
    display: inline-block;
}

.fullwidth_select label {
    position: static;
    font-size: 16px;
    font-weight: 400;
    color: #333;
    margin-bottom: 14px;
}

.fullwidth_select select.form-control {
    padding: 20px;
    max-width: 100%;
    width: 100%;
    border: 0 none;
    background: #fff;
    border: 1px solid #ddd;
    color: #64676d;
    border-radius: 3px;
    transition: 0.2s ease-in-out;
    transition-property: color, background-color, border;
}

.fullwidth_select select.form-control {
    -moz-appearance: menulist;
    -webkit-appearance: menulist;
    min-height: 30px;
    padding: 10px;
    font-size: 14px;
    height: auto !important;
}

.fullwidth_select.is-focused select.form-control {
    border: 1px solid #ddd;
    background: #fff;
}
/* #End Feedback General css */

/* #Start Feedback Details css */
.post_reply_box {
    padding: 20px 30px 23px 28px;
    -webkit-appearance: none;
    background: #e2e7ea;
    color: #666f74;
    font-size: 16px;
    line-height: 25px;
    border: 1px solid #e2e7ea;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0;
    width: 100%;
    height: 169px;
    font-weight: 500;
    letter-spacing: .01em;
    border-radius: 3px;
    overflow: auto;
    resize: vertical;
    margin: 0;
    -webkit-transition: border-color .2s linear;
    transition: border-color .2s linear;
}

.is-focused .post_reply_box {
    background: #e2e7ea;
    border-color: #2172cd;
}

.editor_reply_box {
    background-color: #ffffff;
    box-shadow: 0px 5px 15px 0px rgba(82, 63, 105, 0.08);
    -webkit-box-shadow: 0px 5px 15px 0px rgba(82, 63, 105, 0.08);
    border-radius: 4px;
}

.feedback_uploaded_img {
    width: 100%;
    display: inline-block;
    margin-top: 20px;
}

.feedback_uploaded_img ul {
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

.feedback_uploaded_img>ul>li {
    background: #fff;
    box-shadow: 0px 1px 4px 2px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 1px 4px 2px rgba(0, 0, 0, 0.15);
    padding: 5px;
    display: inline-block;
    border-radius: 3px;
    text-align: right;
    margin-bottom: 8px;
    -webkit-flex: auto;
    -moz-flex: auto;
    -moz-box-flex: auto;
    -ms-flex: auto;
    flex: auto;
}

@media all and (min-width: 1200px) {
    .feedback_uploaded_img>ul>li {
        max-width: 25%;
    }

    .feedback_uploaded_img>ul>li:nth-child(4n+0) {
        margin-right: 0;
    }
}

.feedback_uploaded_img>ul>li>span.img_thumb_preview>a {
    display: block;
    overflow: hidden;
    /*width: 250px;*/
    height: 150px;
    border-radius: 3px;
}

.doc_thumb_li,
.pdf_thumb_li {
    width: 160px;
    height: 160px;
    flex: 0 !important;
}

.feedback_uploaded_img>ul>li>span.doc_thumb_preview>a,
.feedback_uploaded_img>ul>li>span.pdf_thumb_preview>a {
    display: block;
    overflow: hidden;
    width: 150px;
    height: 150px;
    border-radius: 3px;
}

.feedback_uploaded_img>ul>li>span>img,
.feedback_uploaded_img>ul>li>span>a>img,
.feedback_uploaded_img>ul>li>span>a[data-fancybox]>img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
}

.card_block {
    background-color: #ffffff;
    box-shadow: 0px 5px 15px 0px rgba(82, 63, 105, 0.08);
    -webkit-box-shadow: 0px 5px 15px 0px rgba(82, 63, 105, 0.08);
    border-radius: 4px;
    padding: 20px;
}

.card_block:not(:last-child) {
    margin-bottom: 30px;
}

.feedback_date_title {
    width: 100%;
    margin-bottom: 20px;
}

.feedback_date_title>span {
    color: #64676d;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.5px;
}

.feedback_date_title>span>i {
    margin-right: 5px;
}

.feedback_description {
    width: 100%;
}

.feedback_description h1 {
    color: #77173f;
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 32px;
}

.feedback_description p {
    color: #64676d;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 0;
}

.replies_container {
    width: 100%;
    background-color: #ffffff;
    box-shadow: 0px 5px 15px 0px rgba(82, 63, 105, 0.08);
    -webkit-box-shadow: 0px 5px 15px 0px rgba(82, 63, 105, 0.08);
    border-radius: 4px;
    margin-bottom: 30px;
    padding: 20px;
}

.reply_avatar {
    width: 100%;
    display: inline-block;
}

.reply_avatar a {
    width: 40px;
    height: 40px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 100%;
    display: block;
    cursor: default;
    pointer-events: none;
}

.reply_avatar a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.reply_date_time {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    margin-bottom: 20px;
}

.reply_date_time>span {
    color: #64676d;
    display: block;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.reply_date_time>span>i {
    margin-right: 5px;
}

.reply_date_time h4 {
    font-size: 16px;
    font-weight: 500;
    display: block;
    margin-bottom: 0;
}

.reply_description {
    display: inline-block;
    width: 100%;
}

.reply_description p {
    color: #64676d;
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 0;
}

.reply_description .table {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.feedback_description [class^="article-"],
.reply_description [class^="article-"],
.post_content [class^="article-"] {
    width: 100%;
    display: inline-block;
    text-align: left;
}
/* #End Feedback Details css */

/* #Start Feedback entry page css */
.feedback_entry_form {
    width: 100%;
}

.form-group.bmd-form-group {
    padding-top: 0;
}

.feedback_entry_form .form-group label {
    position: static;
    font-size: 15px;
    font-weight: 400;
    color: #333;
    margin-bottom: 8px;
}

.feedback_entry_form .form-group input.form-control {
    height: 54px;
}

.feedback_entry_form .form-group input.form-control,
.feedback_entry_form .form-group select.form-control,
.feedback_entry_form .form-group textarea.form-control {
    padding: 20px;
    max-width: 100%;
    width: 100%;
    border: 0 none;
    background: #fff;
    border: 1px solid #ddd;
    color: #64676d;
    border-radius: 3px;
    transition: 0.2s ease-in-out;
    transition-property: color, background-color, border;
}

.feedback_entry_form .form-group select.form-control {
    -moz-appearance: menulist;
    -webkit-appearance: menulist;
    min-height: 54px;
    padding: 10px 20px;
}

.feedback_entry_form .form-group.is-focused input.form-control,
.feedback_entry_form .form-group.is-focused select.form-control,
.feedback_entry_form .form-group.is-focused textarea.form-control {
    border: 1px solid #ddd;
    background: #fff;
}

.feedback_form_submit {
    text-align: right;
    width: 100%;
    margin-top: 10px;
    display: inline-block;
}

.feedback_form_submit input[type='submit'] {
    font-size: 15px;
    padding: 12px 26px;
    text-transform: capitalize;
    color: #fff;
    background: #402c9f;
    border-radius: 3px;
    margin-bottom: 0;
}

.feedback_entry_img_upload {
    margin-top: 25px;
}

.feedback_entry_img_upload ul {
    margin: 0;
    padding: 0;
}

.feedback_entry_img_upload>ul>li {
    background: #fff;
    box-shadow: 0px 1px 4px 2px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 1px 4px 2px rgba(0, 0, 0, 0.15);
    padding: 5px;
    margin-bottom: 16px;
    border-radius: 3px;
    text-align: right;
}

.feedback_entry_img_upload>ul>li>span>a {
    display: block;
    overflow: hidden;
    width: 100px;
    height: 100px;
    border-radius: 3px;
    margin-bottom: 5px;
}

.feedback_entry_img_upload>ul>li>span>a>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.feedback_entry_img_upload>ul>li>a.delete_img {
    padding: 3px 6px;
    text-transform: capitalize;
    text-shadow: none;
    border-radius: 2px;
    margin-bottom: 1px;
    height: auto;
}

#upldimg {
    margin-bottom: 0;
}

.user_logged_in {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0 0 10px;
    margin-bottom: 25px;
    border-bottom: 1px solid #ddd;
}

.user_logged_in>strong,
.user_logged_in>b {
    font-size: 20px;
    color: #402c9f
}

.user_logged_in>strong {
    margin-right: 20px;
    color: #333;
}

.form_fieldset {
    width: 100%;
    border: 1px solid #e2e5ec;
    position: relative;
    padding: 20px 20px 0;
    margin-bottom: 25px;
    border-radius: 4px;
}

.form_fieldset h3 {
    font-size: 18px;
    color: #402c9f;
    font-weight: 600;
    margin: 0;
    display: inline-block;
    position: absolute;
    top: -20px;
    left: 12px;
    background: #fff;
    padding: 10px 8px;
    border-radius: 4px;
}

.form_fieldset .form-group {
    margin-bottom: 20px;
}

[id^="err-"] {
    font-size: 11px;
    font-weight: 500;
    margin-top: 8px;
    display: block;
    color: red;
}
/* #End Feedback entry page css */

/* #Start Feedback My Request page css */
.feedback_tbl_dropdown>a {
    color: #303344;
    text-decoration: none !important;
}

.feedback_tbl_dropdown>.dropdown-menu>a {
    font-size: 14px;
    font-weight: 500;
}

#create_request_modal a.close {
    font-size: 16px;
    margin: -0.6rem -1rem -1rem auto;
}

.feedback_modal_select form {
    width: 100%;
    margin-bottom: 0;
}

.feedback_modal_select select {
    max-width: 100%;
    width: 100%;
    font-size: 15px;
    padding: 0 10px;
    vertical-align: middle;
    display: inline-block;
    background: #fff;
    color: #64676d;
    border: 1px solid #ddd;
    border-radius: 3px;
    transition: 0.2s ease-in-out;
    transition-property: color, background-color, border;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 20px;
    background-image: url(../../img/feedback/select-drop-arrow.svg);
    background-repeat: no-repeat;
    background-position: 100% 50%;
    height: 48px;
    padding-left: 20px;
    padding-right: 20px;
}

.feedback_input_row {
    width: 100%;
    display: inline-block;
    margin-bottom: 20px;
}

.feedback_input_row label {
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 16px;
}

.feedback_input_row:last-child {
    margin-bottom: 0;
}

.feddback_modal_submit_btn {
    text-align: center;
}

.feddback_modal_submit_btn button {
    border-radius: 3px;
    margin-bottom: 0;
    text-transform: capitalize;
    font-size: 15px;
    padding: 14px 28px;
    height: auto;
}

#create_request_modal .modal-header {
    border-bottom: 1px solid #e9ecef;
    padding: 20px;
    color: #212529;
}

#create_request_modal .modal-body {
    padding: 20px;
}

#create_request_modal .modal-footer {
    border-top: 1px solid #e9ecef;
    padding: 20px;
}

a.btn.show_create_request_modal {
    font-size: 14px;
    height: auto;
    min-height: auto;
    padding: 12px 16px;
}

@media all and (min-width: 768px) {
    .feedback_tbl_dropdown>.dropdown-menu {
        padding: 0;
    }
}
/* #End Feedback My Request page css */

/* #Start feedback My Request page new table layout css */
.my_request_table {
    width: 100%;
}

.my_request_table .table thead tr th {
    padding: 15px 25px;
    color: #303344;
}

.my_request_table .table tbody tr td {
    padding: 20px 25px;
    font-size: 14px;
    color: #303344;
}

.my_request_table .table thead tr th,
.my_request_table .table tbody tr td {
    border: none !important;
    vertical-align: middle;
}

.my_request_table .table-striped tbody tr:nth-of-type(odd) {
    background-color: #f7f8fa;
}

.my_request_table .table thead tr th .dropdown>a {
    color: #303344;
}

.my_request_table .table-striped tbody tr td.my_request_title>a {
    color: #402c9f;
    -webkit-transition: color .2s linear;
    transition: color .2s linear;
    font-weight: 500;
    display: block;
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 10px;
}

.my_request_table .table-striped tbody tr td.my_request_title>a:hover {
    color: #303344;
}

@media all and (min-width: 768px) {
    .my_request_table.table-responsive {
        overflow-x: unset;
    }
}
/* #Ends feedback My Request page new table layout css */

/* Chatbox css */
.helpNmbrs p {
    font-size: 14px;
}
/* Chatbox css ends */

/* #Start Feedback pagination css */
.feedback_pagination {
    width: 100%;
}

.feedback_pagination>ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.feedback_pagination>ul>li {
    display: inline-block;
    margin: 0 2px;
}

.feedback_pagination>ul>li:last-child {
    margin: 0;
}

.feedback_pagination>ul>a {
    color: #323232;
}

.feedback_pagination>ul>li>a {
    display: block;
    border-radius: 3px;
    text-decoration: none !important;
    transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    width: 25px;
    height: 25px;
    font-size: 13px;
    line-height: 25px;
    text-align: center;
    color: #323232;
}

.feedback_pagination>ul>li>a:hover {
    background: rgba(0, 0, 0, 0.1);
}

.feedback_pagination>ul>li>a.pagination_active {
    background: #402c9f;
    color: #fff;
}
/* #End Feedback pagination css */

/* #Start feedback timeline new layout css */
.name_header,
.date_n_rating {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: space-between;
    justify-content: space-between;
}

.name_header {
    padding-bottom: 15px;
}

.post_user_name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.post_user_name>span {
    max-width: 42px;
    max-height: 42px;
    display: inline-block;
    overflow: hidden;
    border-radius: 100%;
    margin-right: 15px;
}

.post_user_name>span>img {
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
}

.post_user_name>a>span {
    display: block;
    color: #402c9f;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    padding-bottom: 2px;
    transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
}

.post_user_name>a>span:hover {
    color: #402c9f;
}

.post_user_name>a>small {
    display: block;
    color: #676a6c;
    font-size: 11px;
    line-height: 16.5px;
}

.event_name {
    text-align: right;
}

.event_name span {
    display: block;
    text-align: right;
    color: #666f74;
    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
}

.event_name .label_custom {
    margin-top: 5px;
}

.date_n_rating {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

.date_n_rating>span {
    font-size: 14px;
    color: #666f74;
    font-weight: 500;
    line-height: 14px;
    letter-spacing: 0.3px;
}

.date_n_rating>span>i {
    padding-right: 5px;
}

.date_n_rating>span>small {
    font-size: 85%;
    font-weight: 500;
}

.date_n_rating ul {
    margin: 0;
    padding: 0;
    line-height: 18px;
}

.date_n_rating ul li {
    font-size: 17.6px;
    font-weight: 600;
    color: #aaa;
}

.date_n_rating ul li.is_filled {
    color: #f4b30a;
}

.post_content {
    width: 100%;
    margin-top: 16px;
}

.post_content iframe {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.post_content h3 {
    font-size: 22px;
    line-height: 28px;
    color: #77173f;
    margin: 0 0 10px;
}

.post_content p {
    color: #666f74;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    margin-bottom: 0;
}

.display_inline {
    display: inline-block !important;
}
/* #End feedback timeline new layout css */

/* #Begins star rating css */
.rating-disabled .rating-input,
.rating-disabled .rating-stars {
    cursor: default;
}
/* #End star rating css */