.postView img,
.postView video {
    max-height: 500px;
    object-fit: contain;
}



:root {
    --brown: #8B5A2B;
    --brown-dark: #6f451f;
    --brown-light: #f5ede6;
}


.btn-brown {
    background-color: #8B4513; /* brown */
    color: #ffffff;
    border-color: #8B4513;
}

    .btn-brown:hover,
    .btn-brown:focus {
        background-color: #6f360f; /* darker brown */
        color: #ffffff;
        border-color: #6f360f;
    }


.filter-box {
    background: #fff;
    border: 1px solid #e6e0da;
    border-radius: 12px;
    padding: 16px;
    box-shadow: 0 4px 12px rgba(0,0,0,.05);
}


.post-card {
    border-radius: 16px;
    border: 1px solid #eee;
}


    .post-card h5 {
        font-weight: 600
    }

.action-bar img {
    opacity: .75
}

.action-bar span {
    margin-right: 18px
}

.login_eye_icon {
    position: absolute;
    right: 0;
    top: 6px;
    border: none;
    background: transparent;
}

.sub_navmenu_layout {
    display: flex;
    gap: 5px;
    align-items: center;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #ddd;
}

body {
    font-family: "Roboto", sans-serif;
}
.dropdown-item:active{
  background-color: #98272A;
}

::-webkit-scrollbar {
    width: 5px;
    height:5px;
}

::-webkit-scrollbar-track {
    background: #c2adad;
}

::-webkit-scrollbar-thumb {
    background: #98272A;
    border-radius: 5px
}

.mainbodydivcls::-webkit-scrollbar {
    width: 5px;
    visibility: hidden;
}

.mainbodydivcls::-webkit-scrollbar-track {
    background: #c2adad;
    visibility: hidden;
}

.mainbodydivcls::-webkit-scrollbar-thumb {
    background: #98272A;
    border-radius: 5px;
    visibility:hidden;
}


.table-responsive::-webkit-scrollbar {
    width: 5px;
    height: 4px;
}

.table-responsive::-webkit-scrollbar-track {
    background: #c2adad;
}

.table-responsive::-webkit-scrollbar-thumb {
    background: #98272A;
    border-radius: 5px
}
/* Pagination */

.page-link, a {
  color: #98272A;
}

.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #98272A;
  border-color: #98272A;
}
/* Pagination Ends here */

.carousel-indicators [data-bs-target]{
  background-color: #98272A;
}

.mobile-header i{
  font-size: 1.5rem;
}

.page_dashboard .content {
  background-image: url("../images/dashboard-bg.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.page_dashboard .sticky-bottom p strong {
  font-size: 14px;
}

.page_dashboard .leave-request .card small {
  font-size: 13px;
}

.page_dashboard .leave-request .card p strong {
  font-size: 14px;
}

.consumed-leave-type {
  /* min-height: 422px; */
  min-height: 468px;
}

.accordion-button:not(.collapsed) {
  color: #98272A;
}

.svg-icon {
  transition: filter 0.1s;
}

.svg-icon:hover {
  filter: brightness(0) saturate(100%) invert(13%) sepia(53%) saturate(4756%)
    hue-rotate(357deg) brightness(99%) contrast(94%);
  color: #98272A;
}

.list-group-item.active {
  color: #98272A;
  border-color: #00000020;
}

.page_dashboard .list-group-item {
  background: transparent !important;
}

@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .page_login {
    background-image: url("../images/login_background1366px.jpg") !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
  }
}

.main_pad {
    padding: 40px 20px 20px;
}
label.form-check-label {
    font-size: 14px;
    font-weight: 400;
}
.forgot_password {
    font-size: 14px;
    font-weight: 400
}
.page_login {
    background-image: url("../images/login_background.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.imglogin_right .card.rounded {
    width: 400px !important
}

.login_btnsec {
    background-color: #98272A;
    padding: 2px 16px;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0.3px;
}
.imglogin_right .login-img {
    width: 400px !important;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}
.imglogin_right h5.card-title.mb-0 {
    text-align: center;
    margin-top: 10px;
}
.page_login img.login-img {
    border-radius: 10px;
    margin-right: 40px;
}
    .form-check-input:checked {
        background-color: #98272A;
        border-color: #98272A;
    }
.page_login .form_pad {
    padding: 20px 56px !important;
}
.page_login .user_input i {
    position: absolute;
    top: 6%;
    font-size: 25px;
    left: 1%;
    color: #98272A;
}

.page_login .user_input {
  position: relative;
}

.page_login #username,
#password {
  padding-left: 45px;
}
.page_dashboard .sticky-bottom .box {
    min-height: auto !important;
    position: relative;
    top: 0;
}
.footer_fixed h5 {
    font-size: 12px;
    padding: 14px 6px 12px;
    font-weight: 400;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    /*    color: #fff;*/
}
.page_dashboard .footer_fixed h5 img {
    width: 21px !important;
    padding-top: 0 !important;
}
    .page_dashboard .box img {
        padding-top: 0;
        padding-bottom: 0 !important;
    }
/*--Side Menu--*/
.accordion-button::after {
    width: 12px;
    height: 12px;
}
.side-menu {
    display: block;
    padding-right: 8px
}
    .side-menu li.list-group-item {
        padding: 3px 0px;
    }
        .side-menu li.list-group-item .col {
            color: #000;
            font-weight: 400 !important;
            font-size: 14px;
            line-height: 26px;
        }
        .side-menu li.list-group-item .col > div, .side-menu li.list-group-item .col > a {
            text-decoration: none
        }

    .side-menu li.list-group-item .col.active {
        color: #98272A
    }
li.list-group-item.svg-icon img {
    width: 20px;
}
.side-menu img_div {
    padding-left: 12px !important;
}
.side-menu button.accordion-button.p-0.collapsed {
    padding-bottom: 0px !important;
}
.side-menu button.accordion-button.p-0 {
    padding-bottom: 0.5rem !important;
    box-shadow: none;
    border-color: unset;
}
.side-menu ul.list-unstyled small .nav-link {
    padding: 0;
    font-size: 12px;
}
.side-menu li.list-group-item.svg-icon .nav-link {
    padding: 0 10px;
}
.side-menu ul.list-unstyled small {
    padding: 2px 1rem;
    display: block;
    font-size: 11px;
}
.side-menu ul .list-group-flush > .list-group-item:last-child {
    border-bottom-width: thin;
}
.side-menu::-webkit-scrollbar {
    width:5px;
}
.side-menu::-webkit-scrollbar-track {
    background: #c2adad;
}
.side-menu::-webkit-scrollbar-thumb {
    background: #98272A;
    border-radius:5px
}

.pl-0{padding-left:0px}
.pr-0{padding-right:0px}
.plr-0{padding-left:0;padding-right:0}
.my_team_self .btn-check:focus + .btn, .my_team_self .btn:focus {
    box-shadow: none
}
.new-dashboard .my_team_self .btn{padding:3px}
.page_dashboard.h-100 {
   margin:5px;
    overflow-x: hidden;
}
.main_wrapper {
    margin-left: 0px !important;
}
.my_team_self .dropdown-item {
    text-align: left
}
.my_team_self{padding:0px !important}
.buzzborad .owl-theme .owl-dots {
    text-align: right
}
    .buzzborad .owl-theme .owl-dots .owl-dot.active span {
        background: #f7b731
    }
.new-dashboard .card-box .buzzborad {
    height: 21rem;
    position:relative;
}
.new-dashboard h5 {
    font-size: 16px;
}
.buzzborad .owl-carousel .owl-stage-outer {
    height: 17rem;
}
.buzzborad .owl-carousel.buzz-board-carousal.owl-theme.owl-loaded.owl-drag {
    height: 16rem;
}
.buzzborad .owl-carousel .owl-stage {
    height: 16rem;
}
.buzzborad .owl-dots {
    position: absolute;
    right: 0;
    bottom: -30px;
}
.buzzboard-img-wrapper {
    object-fit: contain;
    height: 16rem !important;
    width: 100%;
}
.leadership-container.bullet-bordered-container .d-flex.align-items-center.justify-content-between.p-3.pr-0 {
    padding:10px !important;
}
.buzzborad .owl-carousel .owl-item img, .buzzborad .owl-carousel .owl-item video {
    display: block;
    width: 100%;
    height: 253px;
    object-fit: cover;
    border-radius: 5px;
}
.calendar_list select {
    border: 1px solid #ddd;
    border-radius: 3px;
    font-size: 14px;
    padding: 5px 8px;
}
.calendar_list .btn_bdr {
    background: transparent;
    border: 1px solid #ccc;
    color: #000;
    border-radius:3px;
}

.calendar_month {
    font-weight: 500 !important;
    margin: 0  !important;
    font-size: 14px;
}
.calendar_flex {
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.new-header h5 {
    font-size: 16px;
    margin-bottom: 0;
}
.expandright:focus {
    padding: 0 0 0 16px;
    border-radius: 5px;
}
.edit_profile .modal-body img {
    border-radius: 0;
    width:auto !important;
}
    .new-header .row.p-4.p-lg-2.p-xxl-2.align-items-center {
    padding: 0 !important;
}
.row.pt-lg-3.bulletin_leadership {
    padding-top: 10px !important;
}
/*leadership*/
.bulletin_leadership .bullet-carousel-btn {
    background: transparent;
    padding: 0px;
}
.bulletin_leadership .bulletin_leadership .bullet-carousel-btn{margin-right:0px}
.bullet-profile-item {
    text-align: center;
    margin: 0 9px;
}
    .bulletin_leadership .bullet-carousel-btn img{width:16px}
.bullet-profile-image-container {
    width: 70px;
    height: 70px;
}
.bulletin_leadership .bullet-bordered-container {
    border: 1px solid #ddd;
    border-radius: 7px;
    margin-bottom: 0px;
    box-shadow: 0 .25rem .25rem rgba(0, 0, 0, .085) !important;
    height: 52.5%;
}
.four-initiatives .card {
    height: 138px;
}
.four-initiatives.pt-2 .card.shadow-sm.p-2.position-relative {
    min-height: 9rem !important;
}
.four-initiatives .d-flex.align-items-center.justify-content-between.p-3.pr-0 {
    padding: 10px !important;
}
.bullet-profile-name{margin-top:10px !important}
.new-dashboard .four-initiatives .carousel-track img {
    width: 90px;
    height: 100px;
    border-radius: 5px;
}
.four-initiatives small {
    font-size: 12px;
    white-space: nowrap;
    display: block;
    padding-bottom: 6px;
    height: auto !important;
}
.new-dashboard .four-initiatives .card, .new-dashboard .card {
    border-radius: 7px !important;
    min-height: 20rem !important;
    padding: 10px !important;
}

.birthday-anniversary .card{

}
.four-initiatives .row {
    display: flex;
    flex-wrap: nowrap;
    gap: 0;
    box-sizing: border-box;
    overflow: hidden;
    padding: 0 4px;
}
.four-initiatives .carousel-btn.right {
    right: -21px;
}
.four-initiatives .carousel-btn.left {
    left: -12px;
}
.four-initiatives button.carousel-btn {
    background: transparent;
    top: 55%;
    z-index: 9;
}
 .four-initiatives button.carousel-btn img {
     width: 20px;
     height: 20px;
     background: #fffefef7;
     border-radius: 50%;
     box-shadow: 0 .25rem .25rem rgba(0, 0, 0, .085) !important;
    }
.bullet-profile-item {
    text-align: center;
    margin: 0 4px !important;
}
.bullet-profile-image-container {
    width: 70px !important;
    height: 70px !important;
}
.bullet-profile-name {
    margin-top: 5px;
    font-size: 12px;
    color: #555;
    white-space: unset !important;
    line-height: 16px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 32px;
}
.new-dashboard .minute-me-sikho .card {
    min-height: 20rem;
    height: 20rem;
}
.minute-me-sikho .buzzboard-img-wrapper {
    height: 16.7rem;
    border-radius: 8px;
    width: 395px;
}
.minute-me-sikho .owl-carousel .owl-item img, .minute-me-sikho .owl-carousel .owl-item img {
    height: 90%;
}
.minute-me-sikho .owl-nav.disabled + .owl-dots {
    bottom: 0px;
}
.important-alerts .card.shadow-sm {
    min-height: 128px !important;
}
.four-initiatives {
    height: 150px;
}
.new-dashboard .buzz-board-carousal .owl-nav.disabled + .owl-dots {
    margin-top: 0px;
    position: absolute !important;
    right: 0 !important;
    display:block !important;
}
.birthday-anniversary.pt-lg-2 .card {
    min-height: 100px !important;
    padding-bottom: 0px !important;
}
.buzzboard-img-wrapper video.buzzboard-img {
    height: 248px;
    width: 100%;
    object-fit: cover;
    border-radius: 5px;
}
/*
 CSS for the main interaction
*/
.birthday_anniversary .tabset > input[type="radio"] {
    position: absolute;
    left: -200vw;
    display:none;
}

.birthday_anniversary .tabset .tab-panel {
    display: none;
}

.birthday_anniversary .tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child,
.birthday_anniversary .tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2),
.birthday_anniversary .tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3),
.birthday_anniversary .tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4),
.birthday_anniversary .tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5),
.birthday_anniversary .tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6) {
    display: block;
}

/*
 Styling
*/

.birthday_anniversary .tabset > label {
    position: relative;
    display: inline-block;
    padding: 0px 8px 25px;
    border: 1px solid transparent;
    cursor: pointer;
    font-weight: 500;
    padding-bottom: 5px;
    width: 49%;
    font-size: 14px;
    color: #98272A;
}
span.birthdate {
    font-size: 13px;
}
.birthday_anniversary input:focus-visible + label {
    outline: 2px solid rgba(0,102,204,1);
    border-radius: 3px;
}

.birthday_anniversary .tabset > input:checked + label {
    border-bottom: 2px solid #98272A;
    margin-bottom: 0px;
}

.birthday_anniversary .tab-panel {
    padding: 15px 0 0;
    border-top: 1px solid #ccc;
}


.birthday_anniversary .tabset {
    max-width: 65em;
}

.birthday_anniversary .tabset > label img {
    width: 20px;
    height: 20px;
}
.employee-row p strong {
    font-size: 13px;
    color: #98272A;
    font-weight: 500;
}
.employee-row {
    margin-bottom: 8px !important;
    padding-bottom: 5px;
}
.employee-row small {
    font-size: 12px
}
.birthday-anniversary .tab-panels small.btn.text-danger.float-end {
    padding: 3px !important;
    color: #98272A !important;
}
.birthday_anniversary {
    height: 172px;
    padding: 0px !important;
    min-height: auto !important;
}
    .birthday_anniversary view-profile-btn {
        padding: 6px 10px 4px !important;
    }
    .important-alerts .owl-carousel.buzz-board-carousal.owl-theme.owl-loaded.owl-drag {
        position: relative;
    }
.important-alerts .owl-dots {
    position: absolute;
    bottom: -30px;
    right: -10px;
}
.important-alerts .owl-theme .owl-dots .owl-dot span{margin:5px 3px}
.important-alerts .owl-stage-outer .item {
    line-height: 16px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
}
.important-alerts h5, .bulletin_leadership h5, .new-dashboard h5 {
    font-size: 15px !important;
}
.minute-me-sikho h5 {
    font-size: 15px !important;
}
.buzzborad .owl-theme .owl-dots .owl-dot span{
margin:4px;
}
.important-alerts .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #f7b731;
}
.important-alerts .owl-stage-outer .item small {
    font-size: 13px;
    line-height: 15px;
    padding-top: 7px;
    display: block;
}
.minute_sikho .modal-body {
    padding: 10px 0;
}
.comment_post{}
.minute-me-sikho .minute_sikho .card {
    min-height: 100%;
    height: 100%;
    margin-bottom: 10px;
}
.bozzboard_main .card{margin-bottom:10px !important}
.p-10 {
    padding: 10px !important
}
.contain_post{padding:0 0.5rem !important}
/*.minute_sikho .scroll-wrapper{overflow-y:hidden}*/
.openAtFront .custom-detail-modal {
    max-width: 850px
}
.openAtFront .modal-body{padding:10px !important}
.openAtFront .comment-card {
    padding: 10px;
    border-radius: 5px;
}
    .openAtFront .comment-card:hover {
        transform: unset;
        box-shadow:unset;
    }
.openAtFront .comments-wrapper hr {
    display: none;
}
.gap-10{gap:10px}
.openAtFront .comments-wrapper {
    padding: 10px;
}
    .openAtFront .comments-wrapper .comment-card {
        box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
    }
.textarea_btn{
    padding:10px
}
.textarea_btn button {
    width: 90px;
    margin-top: 15px;
}
.p-10{padding:10px}
.bozzboard_main .modal-body, .openAtFront .custom-detail-content-2 .modal-body, .minute_sikho .modal-body .scroll-wrapper {
    height: 90vh;
    min-height: 80vh;
    overflow-y: auto;
    padding: 1.5rem;
    flex: 1 1 auto;
    scrollbar-width: unset;
    scrollbar-color: unset;
}
    .bozzboard_main .modal-body .scroll-wrapper {
        max-height: max-content !important;
        height: auto !important;
    }

    .openAtFront .custom-detail-content-2 .modal-body::-webkit-scrollbar, .birthday_table .modal-dialog::-webkit-scrollbar,
    .personal_info::-webkit-scrollbar, .gallery_image_section::-webkit-scrollbar, .ceo_recogn .modal-body::-webkit-scrollbar,
    .bozzboard_main .modal-body::-webkit-scrollbar, .gallery-modal-body::-webkit-scrollbar,
    .descgallerymodal_sec .modal-dialog .modal-content .gallery-modal-body::-webkit-scrollbar,
    .add_new_privilege .modal-body::-webkit-scrollbar,
    .minute_sikho .modal-body .scroll-wrapper::-webkit-scrollbar,
    .birthday_table .modal-dialog .modal-body::-webkit-scrollbar,
    .forced-post-slide::-webkit-scrollbar,
    .employee_modal::-webkit-scrollbar,
    .bell_notify .modal-body::-webkit-scrollbar {
        width: 4px;
    }
    .openAtFront .custom-detail-content-2 .modal-body::-webkit-scrollbar-track, .birthday_table .modal-dialog::-webkit-scrollbar-track,
    .personal_info::-webkit-scrollbar, .gallery_image_section::-webkit-scrollbar-track, .ceo_recogn .modal-body::-webkit-scrollbar-track,
    .bozzboard_main .modal-body::-webkit-scrollbar-track, .gallery-modal-body::-webkit-scrollbar-track,
    .descgallerymodal_sec .modal-dialog .modal-content .gallery-modal-body::-webkit-scrollbar-track,
    .add_new_privilege .modal-body::-webkit-scrollbar-track,
    .minute_sikho .modal-body .scroll-wrapper::-webkit-scrollbar-track,
    .birthday_table .modal-dialog .modal-body::-webkit-scrollbar-track,
    .forced-post-slide::-webkit-scrollbar-track,
    .employee_modal::-webkit-scrollbar-track,
    .bell_notify .modal-body::-webkit-scrollbar-track {
        background: gray;
    }

    .openAtFront .custom-detail-content-2 .modal-body::-webkit-scrollbar-thumb, .birthday_table .modal-dialog::-webkit-scrollbar-thumb,
    .personal_info::-webkit-scrollbar, .gallery_image_section::-webkit-scrollbar-thumb, .ceo_recogn .modal-body::-webkit-scrollbar-thumb,
    .bozzboard_main .modal-body::-webkit-scrollbar-thumb, .gallery-modal-body::-webkit-scrollbar-thumb,
    .descgallerymodal_sec .modal-dialog .modal-content .gallery-modal-body::-webkit-scrollbar-thumb,
    .add_new_privilege .modal-body::-webkit-scrollbar-thumb,
    .minute_sikho .modal-body .scroll-wrapper::-webkit-scrollbar-thumb,
    .birthday_table .modal-dialog .modal-body::-webkit-scrollbar-thumb,
    .forced-post-slide::-webkit-scrollbar-thumb,
    .employee_modal::-webkit-scrollbar-thumb,
    .bell_notify .modal-body::-webkit-scrollbar-thumb {
        background: #98272A;
    }
    .bozzboard_main .modal-body img {
        height: 100vh;
        max-height: 100%;
    }
.birthday_table .modal-body {
    padding: 10px;
}
.birthday_table .table th{padding-top:0px}
.birthday_table .table th, .birthday_table .table td {
    padding-left: 0px;
    font-weight: 400;
}
.birthday_table .modal-dialog {
    max-width: 40%;
    height: 78vh;
    min-height: 72vh;
    overflow-y: auto;
}
.birthday_table strong.font-400 {
    font-weight: 400;
    font-size: 14px;
}
.birthday_table .font-12 {
    font-size: 12px
}
.birthday_table .view-profile-btn {
    padding: 9px 10px 4px !important
}
.openAtFront img.img-fluid.rounded.mb-3 {
    height: 100vh !important;
    max-height: 100vh;
}

/*--edit--profile-*/
.edit_profile .modal-dialog.modal-dialog-scrollable {
    width: 470px;
    height: 57vh;
    margin-top: 3%;
    margin-right: 2%;
}
.edit_profile .modal-dialog-scrollable .modal-content {
    position: relative;
    overflow: hidden;
}
.profile_edit {
    width: 90px;
    border-radius: 100%;
    height: 90px;
    border: 1px solid #f7b731;
    position: relative;
}
.edit_profile .profile-img {
    width: 100%;
    border-radius: 100%;
    height: 100%;
}
.edit_profile button.btn-close {
    position: absolute;
    right: 10px;
    top: 10px;
}
.edit_icon {
    position: absolute;
    right: -8px;
    top: 50%;
}
.edit-profile-btn {
    font-size: 23px;
    background: #ffff;
    padding: 0;
    border-radius: 31px;
    width: 34px;
    display: block;
    height: 34px;
    padding-left: 5px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    color: #98272A;
}
.pad-15 {padding:15px}

.edit_profile .modal-dialog-scrollable .modal-body {
    padding: 15px 15px !important;
    overflow-y: hidden;
}
.edit_profile .modal-title {
    font-weight: 500;
    font-size: 18px;
    line-height: 18px;
}
.edit_profile .modal-header {
    padding-top: 0px;
}
.edit_profile .pad-15{
    padding:0px;
}
.profile_head small {
    font-size: 13px;
}
.edit_profile .view-profile-btn {
    padding: 4px !important;
    font-size: 11px;
    letter-spacing: 0.3px;
}
.personal_info {
    padding-left: 0;
    padding-right: 0;
    overflow-x: hidden;
    padding-bottom: 10px;
}
.col.personal_info small{display:flex}
    .col.personal_info small span {
        word-wrap: break-word;
        width: 66%;
        display: inline-block;
    }
    .col.personal_info small > b {
        width: 120px;
        display: block;
        font-weight: 500;
    }
.profile_flex {
    padding-left: 10px
}

/*Gallery---modal*/

.gallery_modal .modal-content {
    padding: 20px 0px;
}
.gallery_modal .gallery-modal-header{width:100%}
.gallery-category-dropdown, .custom-category-dropdown {
    width: 50% !important;
    font-weight: 400 !important;
    border-radius: 25px;
    font-size: 16px;
    background-image: url(../images/white-chevron.png) !important;
    background-repeat: no-repeat !important;
    background-position: right 25px top 50% !important;
    background: #98272A;
}
.gallery-modal-body {
    padding: 20px;
}
.gallery_modal .image-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
    margin-bottom: 20px;
    padding: 0px 20px 0px 0px;
}
.gallery_modal .image-item {
    border: none;
    margin-bottom: 20px;
    height:200px;
    padding-bottom:0px;
}
.desc-image-item img {
    width: 100% !important;
    height:100% !important;
    border-radius:10px;
}
.desc-image-item{margin-bottom:20px}
.desc-image-grid {
    gap: 25px !important
}
.desc-image-stats {
    bottom: -30px !important;
    right: 0 !important;
}
    .desc-image-stats{
        font-size:0.9rem;
    }
    .image-item img {
        border-radius: 10px;
    }
.gallery_modal .eye-icon, .gallery_modal .fa-eye {
    color: #98272A;
}
.gallery_modal .image-stats {
    bottom: -200px;
    color: #98272A;
    display:flex;
    justify-content:flex-end;
    gap:5px;
    position:relative;
}
.gallery_modal .gallery-modal-body {
    padding: 20px 0px 20px 20px;
}
.gallery_image_section {
    height: 74vh;
    min-height: 70vh;
    overflow-y: auto;
}
    .gallery_image_section h2 {
        font-weight: 500;
        margin-bottom: 20px;
    }

.gallery_modal .btn-close {
    position: absolute;
    right: 10px;
    top: 10px;
}

.modal-header.d-flex.justify-content-center.align-items-center {
    border-bottom: none;
}
.gallery_modal .card-body h6 {
    font-size: 13px;
    font-weight: 600 !important;
}
.gallery_modal .card-body p {
    font-size: 11px;
}
.ceo_recogn .modal-body .card {
    border-radius: 10px;
    align-items: unset !important;
}
/*.gallery-modal-body {
    height: 70vh;
    min-height: 64vh;
    overflow-y: auto;
}*/
.ceo_recogn .modal-body {
    height: 70vh;
    min-height: 64vh;
    overflow-y:auto;
}
.descgallerymodal_sec .modal-dialog .modal-content .gallery-modal-body{
    height: 70vh;
    min-height: 64vh;
    overflow-y: auto;
}
.gallery-category-dropdown, .custom-category-dropdown {
    padding: 8px 30px 8px 12px !important;
}
.clap_section .clap-button-container {
    bottom: 3px;
    gap: 5px;
}
.clap_section .clap-count {
    font-size: 14px;
    color: #000;
    font-weight: 400;
}
.clap_section .modal-profile-image {
    border-radius: 0px !important;
    margin: 0;
    width: 100%;
    height: 260px;
    max-width: 100%;
}
.recog_details h5 {
    text-align: center;
    font-size: 16px;
    font-weight: 600 !important;
}
.recog_details .modal-content {
    max-height: 70%;
    overflow-y: auto;
}
.recog_details p.mb-1 b {
    width: 110px;
    display: block;
}
.recog_details p.mb-1 {
    display: inline-flex;
}
.recog_details p.mb-1 b {
    font-weight: 400;
    width: 150px;
    display: block;
    font-size: 14px;
}
.recog_details p span{font-size:14px}
.recog_details .modal-content {
    max-height: 78vh !important;
    padding-top: 30px;
}
.recog_details .modal-profile-image {
    border-radius: 10px !important;
    height: 380px !important;
    max-width: 300px !important;
}
.recog_details .modal-dialog {
    max-width: 400px;
    padding-top: 70px;
}
.recog_details button.btn.btn-close {
    position: absolute;
    right: 16px;
    top: 11px;
}
.recog_details .modal-body img{cursor:pointer}
.gallerymodal_sec .modal-dialog {
    max-width: 600px;
}
.gallerymodal_sec button.btn-close {
    position: absolute;
    top: 10px;
    right: 10px;
}
.gallerymodal_sec .gallery-full-image-card {
    max-height: 100%;
    width: 100%;
    object-fit: contain;
/*    height:100% !important;*/
}
.bozzboard_main .text-muted.small.d-flex.align-items-center {
    color: #000000 !important;
}
.bozzboard_main span.ms-1, .bozzboard_main .like-count.ms-1, .bozzboard_main .comment-count.ms-1, .bozzboard_main .view-count.ms-1,
.minute_sikho span.ms-1, .minute_sikho .like-count.ms-1, .minute_sikho .comment-count.ms-1, .minute_sikho .view-count.ms-1 {
    font-size: 14px;
    font-weight: 400;
    color:#000;
}
.bozzboard_main .outsideHeart, .bozzboard_main .outsideOpenViewDetail,
.minute_sikho .outsideHeart, .minute_sikho .outsideOpenViewDetail {
    display: flex;
    align-items: center;
    padding: 0px;
}
.outsideHeart img{
    position:relative;
    bottom:3px;
}
.descgallerymodal_sec .modal-content img {
    height: 100% !important
}
.gallerymodal_sec .modal-content.gallery-modal-content-card, .descgallerymodal_sec .modal-content.desc-gallery-modal-content-card {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}
.descgallerymodal_sec .desc-gallery-image-details, .gallerymodal_sec .gallery-image-details {
    background: transparent !important;
    bottom: 5px !important
}
.minute-me-sikho .buzzboard-img-wrapper {
    width: 100% !important;
}
    .descgallerymodal_sec .desc-gallery-image-details img, .gallerymodal_sec .gallery-image-details img {
        width: 18px;
        margin-right: 5px;
    }
    .descgallerymodal_sec .desc-gallery-image-details span, .gallerymodal_sec .gallery-image-details span {
        font-size: 14px !important;
        color: #98272A !important;
        font-weight: 500;
    }
.clap_section .card img{cursor:pointer}
.card.myself_info {
    height: 20rem !important;
    box-shadow: 0 .25rem .25rem rgba(0, 0, 0, .085) !important;
}
.calendar-day{
    height:46px !important;
}
.page_login .card {
    width: 100% !important;
    border-radius: 10px !important;
}
.new-dashboard #chartdiv {
    width: 100%;
    height: 254px !important;
}
.descgallerymodal_sec .btn-close {
    position: absolute;
    right: 10px;
    top: 10px;
}
.bozzboard_main .fw-semibold.text-primary , .minute_sikho .contain_post .fw-semibold.text-primary, .openAtFront .fw-semibold.text-primary, .openAtFront span.fw-semibold.text-primary {
    color: #98272A !important;
    font-size:15px;
}
.bozzboard_main .scroll-wrapper .btn.btn-outline-primary.btn-sm, .minute_sikho .contain_post .btn.btn-outline-primary.btn-sm, .openAtFront .textarea_btn .btn.btn-primary.btnCommentSend {
    background: #98272A !important;
    outline: none;
    border: none;
    color: white;
    font-weight: normal;
    font-size: 13px;
    letter-spacing: 0.3px;
}
.minute_sikho .modal-body img {
    border-radius: 10px !important;
    max-height: 100% !important;
    object-fit: contain;
    height: 100% !important;
}
.minute_sikho .modal-body .outsideHeartMms img, .minute_sikho .modal-body .outsideOpenViewDetailMms img{
    border-radius: 0px !important;
}
.openAtFront .card-text.mb-3.text-start.w-100 p {
    font-size: 14px;
}
.openAtFront .text-secondary {
    color: #6c757d !important;
    font-size: 14px;
}
.circle {
    width: 40px !important;
    height: 40px !important;
}
/*.calendar-grid .calendar-day:nth-child(7n) .circle, .calendar-grid :nth-child(7n + 1).calendar-day .circle {
    background: #f3d773;
    color: #000000;
    border: 1px solid #f3d773;
}*/
.status-text {
    font-size: 10px !important;
    color: #000;
}
.calendar-weekdays div:nth-child(7), .calendar-grid .calendar-day:nth-child(7n) {
    color: #000 !important;
}
.calendar-weekdays div:nth-child(1), .calendar-grid .calendar-day:nth-child(7n + 1) {
    color: #000 !important;
}
.side-menu .accordion-button::after {
    width: 13px !important;
    height: 13px !important;
    background-size: 12px;
    background-image: url(../images/icons/arrow_down.svg) !important;
}
/*.buzz-board-carousal .owl-theme .owl-dots .owl-dot.active span {
    background: #f7b731;
}*/
.buzz-board-carousal  .owl-dots .owl-dot.active span{
    background: #f7b731 !important;
}
.buzz-board-carousal .owl-dots .owl-dot span {
    margin: 5px 4px !important;
}
.buzz-board-carousal .owl-dots .owl-dot.active span {
    background: #f7b731 !important;
}

.btn_application {
    padding-right: 30px;
}
    .btn_application button {
        border-radius: 5px;
        font-size: 14px;
        padding: 4px 10px;
    }
.app_form .btn-submit{
    background-color:#98272A;
    color:#fff;
    border-color:#98272A;
}
.important_link .tile-column{
    padding-bottom:5px;
}
/*Team hierarchy styles start*/
.hierarchy-container {
    position: relative;
}

/* Normal card */
.hierarchy-node {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    padding: 10px 15px;
    width: auto;
    transition: 0.3s ease;
    min-width: 280px;
    margin: 10px 0px 5px;
    position: relative;
    border: 1px solid #dee2e6;
}
    .hierarchy-node:after {
        content: '';
        position: absolute;
        width: 1px;
        background: #000;
        height: 24px;
        left: 50%;
        bottom: -25px;
        opacity: 0.25;
    }

/*.reportee-row .hierarchy-node.reportee-card:before {
    content: '';
    position: absolute;
    background: #000;
    width: 11px;
    height: 1px;
    right: -11px;
    opacity:0.25;
}*/
.reportee-row.d-flex.justify-content-center.align-items-start.gap-4.mt-3 {
    margin-top: 10px !important;
    padding: 10px 0px 10px 30px;
    border: 1px solid #ddd;
    border-radius: 10px;
    background-color: #fff;
    position: relative;
    z-index: 9;
    flex-wrap:wrap;
}
.hierarchy-node.text-start.highlight {
    border: 1px solid #98272aa6;
}
    .hierarchy-node.text-start.highlight .employee-circle {
        border: 1px solid #98272aa6;
    }
    .reportee-row .hierarchy-node.reportee-card:last-child:before{
        display:none;
    }
    .hierarchy-node:last-child::after {
        display: none;
    }
    /* Highlighted (Level 1) employee */
/*    .hierarchy-node.highlight {
        border: 2px solid #b52b2b;
        background-color: #fff5f5;
    }*/
.personal_info .connector {
    display: none;
}
.employee_main .modal-dialog {
    max-width: 910px;
}
.employee-circle {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    color: #000;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    text-transform: uppercase;
    position: absolute;
    left: -25px;
    top: -0.5px;
    font-size: 18px;
}
.employee_main h6 {
    margin-bottom:0px;
    color:#98272A;
}
.employee-box {
    padding-left: 60px;
}
    .employee-box h4 {
        font-size: 16px;
        margin-bottom: 3px;
    }

    .employee-box h5 {
        font-size: 12px;
        font-weight: normal;
        margin-bottom: 1px;
        text-align:left;
    }
.employee-box-reportee {
    border: 2px solid #d9534f;
    border-radius: 12px;
    padding: 10px;
}

.employee-circle-reportee {
    background-color: #e0ffe3;
}

.connector {
    width: 2px;
    height: 25px;
    background-color: #ccc;
    margin: 0 auto;
}
.modal-body.employee_modal {
    padding: 10px;
    overflow-x: hidden;
}
.hierarchy-node.reportee-card {
    min-width: 200px;
    flex-wrap: wrap;
}
.reportee-row .hierarchy-node:after {
    display: none;
}
.reportee-row .hierarchy-node.reportee-card {
    min-width: 228px;
    margin-right: 10px;
}

/*Team hierarchy styles End*/
/*--privilege management--*/
.label_sapcode {
    display: block;
    text-align: center;
    padding-left: 78px;
    font-size: 16px;
}
.enter_sapcode {
    display: flex;
    align-items: center;
}
    .enter_sapcode .search_btn, .privilege-management .btn-addPage, .privilege-management  .btn-export {
        height: 32px;
        line-height: 15px;
        font-size: 13px;
        letter-spacing: 0.2px;
    }
        .privilege-management .btn-addPage i {
            color: #ffffff !important;
            position:relative;
            top:2px;
        }
        .privilege-management .btn-export img{width:20px}
        .privilege-management .btn-export {
            font-size: 13px;
            color: #ffffff;
            background-color: #98272A !important;
            font-weight: normal;
        }
.sapcode_section{
    display:flex;
    justify-content:end;
}
.sapcode_flex {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: flex-end;
}
.enter_sapcode input {
    margin-right: 5px;
    font-size: 13px;
}

.privilege-management .table span b, .privilege-management .table b, .privilege-management .table b i, .privilege-management .table span b i {
    font-size: 13px;
    font-weight: normal !important;
    text-transform: capitalize;
}
.helpdesk_query th, .helpdesk_query td, .remark_history th, .remark_history td {
    font-size: 13px;
    font-weight: normal !important;
}
.privilege-management .table tbody tr td {
    font-size: 13px;
    border-bottom: 1px solid #dee2e6;
    border-right: none;
    white-space:nowrap;
}
.privilege-management table.dataTable tbody th:last-child, .privilege-management table.dataTable tbody td:last-child {
    border-right: 1px solid #dee2e6;
}
.privilege-management table.dataTable tbody th, .privilege-management table.dataTable tbody td {
    padding: 8px 10px;
    border-width: 1px var(--bs-border-width);
    border-bottom: none;
    font-family: "Roboto", sans-serif;
}
.layout_pagination {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    align-items: center;
}
    .layout_pagination .dt-info{font-size:12px;}

.privilege-management span.dt-column-order {
    display: none;
}
.privilege-management table.dataTable thead > tr > th.dt-orderable-asc:hover,
.privilege-management table.dataTable thead > tr > th.dt-orderable-desc:hover,
.privilege-management table.dataTable thead > tr > td.dt-orderable-asc:hover,
.privilege-management table.dataTable thead > tr > td.dt-orderable-desc:hover {
    outline: 0;
    outline-offset: 0;
}
.privilege-management div.dt-container div.dt-layout-row{margin:0px}
.privilege-management .dt-layout-cell.dt-layout-end button {
    padding: 2px 8px;
}
.add_new_privilege .modal-dialog.modal-dialog-centered.custom-width {
    max-width: 650px;
}
.add_new_privilege .modal-body {
    height: 80vh;
    min-height: 78vh;
    overflow-y: auto;
}
.add_new_privilege table.table.table-bordered th {
    font-weight: normal;
    font-size: 14px;
}
.add_new_privilege h5.modal-title {
    color: #98272A;
}
.page_dashboard .sticky-bottom{
    z-index:99 !important;
    background:transparent !important;
}
.myself_flex {
    display: flex;
    justify-content: flex-end;
    padding-right: 10px;
    gap: 5px;
}

.new-dashboard .my_team_self .btn {
    width: 67px;
}
.birthday-anniversary .tab-panels small.btn.text-danger.float-end strong {
    font-weight: 500;
    font-size: 13px;
}
.col-lg-2.d-none.d-lg-block {
    width: 15.5%;
}
.birthday_anniversary .tab-panel {
    padding: 5px 0 0;
}
    /*--End- Side- Menu-- */
    /*---Important Links--*/

.important_link .tile.card.shadow.border-0 {
/*    box-shadow: unset !important;*/
    border: 1px solid rgba(0, 0, 0, .125) !important;
    padding-bottom: 5px;
}
.important_link .tile-container{gap:10px}
.important_link .card-body{padding:0px !important}
.important_link .tile-scroll::-webkit-scrollbar {
    height:4px;
}
.important_link .tile-scroll::-webkit-scrollbar-track {
    background: gray;
}
.important_link .tile-scroll::-webkit-scrollbar-thumb {
    background: #98272A;
}
.important_link .tile-link {
    font-size: 14px
}
.important_link h6.tile-title.text-danger.fw-bold{
    color:#98272A !important;
}
.bozzboard_main .card.shadow-sm.mb-4.mx-auto {
    height: 100% !important;
    min-height: 100% !important;
}
.page_dashboard .box img {
    padding-bottom: 0 !important;
    width: 140px !important;
    padding-top: 4px !important;
}
.bullet-profile-image-container {
    border: 2px solid #f7b731  !important;
}
.page_dashboard .sticky-bottom {
    height: 44px !important;
}
.accordion-header{
    margin-top:0px !important;
}
.clap-btn i.text-danger {
    color: #98272A !important; 
}
/*.gallerymodal_sec .modal-content.gallery-modal-content-card{
    width:500px !important;
    height:500px !important;
}*/
.gallerymodal_sec .modal-content.gallery-modal-content-card, .descgallerymodal_sec .modal-content.desc-gallery-modal-content-card {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
    height: 100% !important;
}
.myself_flex .btn {
    width: 63px !important;
    font-size: 12px !important;
}
.myself_info,
/*.birthday_anniversary, */
.important-alerts, .calendar_list, .leadership-container, .minute-me-sikho, .four-initiatives, .buzzborad {
    transition: all 0.4s ease-in-out;
    transform: scale(1);
}
    .myself_info:hover, 
/*    .birthday_anniversary:hover, */
    .important-alerts:hover, .calendar_list:hover, .leadership-container:hover, .minute-me-sikho:hover, .four-initiatives:hover, .buzzborad:hover {
        transform: scale(1.025);
    }
.buzzborad .owl-carousel.buzz-board-carousal.owl-theme.owl-loaded.owl-drag .buzzboard-img-wrapper img,
.buzzborad .owl-carousel.buzz-board-carousal.owl-theme.owl-loaded.owl-drag .buzzboard-img-wrapper video{
    height: 100%;
    object-fit: fill;
}
.buzzborad .owl-carousel.buzz-board-carousal.owl-theme.owl-loaded.owl-drag .buzzboard-img-wrapper a img {
    transition: transform 0.8s ease-in-out;
    display: block;
    width: 100%;
}
    .buzzborad .owl-carousel.buzz-board-carousal.owl-theme.owl-loaded.owl-drag .buzzboard-img-wrapper:hover a img {
        transform: scale(1.025);
    }
.side-menu .accordion-body {
    padding: 0rem 0.14rem !important;
}
.bozzboard_main .card-text p {
    font-size: 14px
}
.modal-body.d-flex.flex-column.align-items-center.p-4 {
    padding: 10px 20px !important;
}
.image-stats img {
position:relative !important;
}
.privilege-management .table-responsive::-webkit-scrollbar {
    height: 4px;
}
.privilege-management .table-responsive::-webkit-scrollbar-track {
    background: gray;
}
.privilege-management .table-responsive::-webkit-scrollbar-thumb {
    background: #98272A;
}
/*--AML Reports--*/
.aml_reports_sec thead.table-light2 {
    background: transparent !important;
}
.aml_reports_sec th, .aml_reports_sec td, .aml_reports_sec th b,.aml_reports_sec span i{
    font-size: 14px;
    font-weight: normal !important
}
    .aml_reports_sec td {
        text-align:left !important;
    }
.report_search, .report_export {
    height: 37.6px;
    margin-right: 10px;
    width: 52%;
}
    .report_export{
        margin-right:0px;
    }

    .report_search i, .report_export i {
        font-size: 14px;
    }
    .report_search strong, .report_export strong {
        font-size: 14px;
        font-weight: normal;
        letter-spacing: 0.3px;
    }
.report_export {
    background-color: #98272A !important;
    color: #ffffff !important;
    border: 1px solid #98272A !important;
}
.button_report {
 margin-top:30px;
}
.desktop_show {
    display: block;
}

.mobile_show {
    display: none;
}
.report_section {
    width: 20%;
}
    /*--End--AML Reports*/

/*--Post Modal--*/

.post_section_modal .forced-modal-content {
    max-width: 850px !important;
    margin: 1.75rem auto !important;
    height: 92vh;
    display: flex;
    flex-direction: column;
    max-height: 92vh;
    justify-content: space-around !important;
}

.forced-modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px);
}
h4.forced-header-title{
    font-size:15px !important;
    color:#98272A;
}
.forced-post-slide {
    overflow-y: auto !important;
    height: 79vh !important;
    min-height: 74vh !important;
}
.forced-close-wrapper {
    display: block;
    text-align: center;
    padding: 0;
    box-shadow: unset;
    position: relative;
}
.forced-media-wrapper {
    max-height: unset !important;
    min-height: 416px;
    height: 460px;
    width: 100% !important;
}

.forced-close-btn {
    box-sizing: content-box;
    width: 14px;
    height: 14px;
    color: #000;
    background-image: url(../images/icons/close_btn.svg);
    border: 0;
    border-radius: .25rem;
    opacity: 0.5;
    background-repeat: no-repeat;
    top: 14px !important;
    right: 11px !important;
    display:block !important;
}
.post_section_modal .forced-nav-btn {
    padding: 0;
    color: #ffffff !important;
    outline: 0;
    text-decoration: unset;
    text-align: center;
    font-size: 16px;
    line-height: 31px;
    display: block;
    top: unset;
    bottom: 0px;
    width: 58px;
    height: 33px;
    background: #98272A;
    font-weight: 400;
    border: 1px solid #98272A;
    border-radius: 5px;
}

.post_section_modal .forced-next {
    right: 10px !important;
}
.post_section_modal .forced-prev {
    left: 10px;
}
.post_section_modal .forced-nav-btn:hover {
    color: #000000;
}
.post_section_modal .forced-footer-close-btn {
    padding: 0;
    color: #ffffff !important;
    outline: 0;
    text-decoration: unset;
    text-align: center;
    font-size: 16px;
    line-height: 31px;
    display: block;
    width: 58px;
    height: 33px;
    background: #98272A;
    font-weight: 400;
    border: 1px solid #98272A;
    border-radius: 5px;
    position: absolute;
    left: 45%;
    bottom: 4px;
}
.post_section_modal .forced-modal-footer {
    background-color: transparent;
    border-top: 1px solid #dee2e6 !important;
    position: relative;
    bottom: 0px;
    padding: 20px !important;
}
    .post_section_modal .forced-modal-footer img {
        width: 25px !important;
        height: 25px !important;
        cursor: pointer;
        transition: opacity 0.2s ease;
        line-height: 18px !important;
        vertical-align: sub;
    }
.poll-survey-content {
    margin: 5% auto !important;
    width: 550px !important;
    position: relative;
}
/*.poll-footer{
    justify-content:center !important;
}*/
.poll-info-text {
    color: #000 !important;
    font-size: 13px !important;
    opacity: 1;
}
.forced-text-content h3 {
    font-size: 15px !important;
}
.forced-text-content p{
    font-size:14px;
}
.forced-carousel-container {
    padding-top: 0px;
    display: block !important;
    height: 77vh !important;
    min-height: 70vh;
    /*    overflow-y: auto !important;*/
}
    .forced-media-wrapper img, .forced-media-wrapper video {
    max-width: 100%;
    max-height: 100% !important;
    display: block;
    border-radius: 4px;
    height: 100% !important;
    width: 100%;
    object-fit: contain;
}

.forced-doc-container {
    max-height: 92vh;
}
.forced-doc-content {
    position: absolute;
    top: 10px;
    left: 20px;
    width: 100%;
}
    .forced-doc-content h2 {
        font-size: 15px !important;
        font-weight:500;
    }
.forced-doc-container {
    height: 100% !important;
    overflow: hidden !important;
    max-height: 100% !important;
    padding: 0px !important;
}
.poll-next-btn, button.forced-ok-btn {
    background: #98272A !important;
    outline: none;
    border: none;
    color: white;
    font-weight: normal;
    font-size: 13px !important;
    letter-spacing: 0.3px;
    padding: 5px 16px !important;
}
button.forced-ok-btn {
      margin-top: 0;
    position: relative;
    bottom: 8px;
    margin-bottom: 0;
}
.document-scroll {
    max-height: 549px;
    overflow-y: auto;
}
    .document-scroll::-webkit-scrollbar {
        display: none;
    }


/*--Personal Information*/

.org-chart {
    width: 50%;
    margin: 50px auto;
}
.chart-flex {
    display: inline-flex;
    align-items: center;
    gap: 0;
    position: relative;
    border: 1px solid gray;
    border-radius: 9px;
    width: 78%;
    padding: 5px;
    margin-bottom: 30px;
}
    .chart-flex:after {
        content: '';
        position: absolute;
        width: 2px;
        height: 46%;
        bottom: -31px;
        background: #000;
        left: 50%;
    }
.name_circle span {
    padding: 25px;
    background: #75ff75f7;
    border-radius: 50px;
    position: relative;
    left: -25px;
    top: 0;
    z-index: 99999;
}
.name_circle.second_name span {
    background-color: #a7b4f7
}
.name_pos h3 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0px;
}
.name_pos p {
    margin-bottom: 0px;
    font-size: 12px;
}
/*---End--personal-info--*/


/*---Unread Notification--*/

.unread_notifications {
    position:relative;
}
.unread_notify {
    position: absolute;
    top: -9px;
    background: #98272A;
    border-radius: 25px;
    color: #fff;
    width: 22px;
    height: 22px;
    right: 0;
    font-size: 11px;
    line-height: 18px;
    text-align: center;
}

.bell_notify .modal-header {
    display: block !important;
    padding: 15px !important;
    position: relative;
    border-bottom: 1px solid #dee2e6;
}
.bell_notify button.btn-close {
    position: absolute;
    right: 10px;
    top: 10px;
}
.btn_flex_sec {
    display: flex;
    gap: 10px;
    justify-content: space-between;
}
.notify_width {
    width: 80%;
}
.bell_notify .modal-content{
    padding:0px !important;
}
.bell_notify .modal-title {
    padding-bottom: 10px
}
.btn_flex_sec button {
    margin-right: 5px;
    padding: 4px 16px !important;
    border-radius: 40px;
    margin-bottom: 8px;
}
.bell_notify .modal-body {
    padding: 15px !important;
}
.bell_notify .accordion-item {
    border-bottom: 1px solid rgb(222, 226, 230) !important;
    border-radius: 0px !important;
    padding: 10px 20px 10px 0px !important;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.bell_notify i.fa.fa-trash.clearOneBtn {
    padding: 6px;
    background: #98272A;
    border-radius: 3px;
    color: #fff;
    border: 1px solid #98272A;
    font-size:12px;
}
.bell_notify .accordion-button {
    padding: 0px 14px !important;
}
.bell_notify .accordion-button:focus {
    border-color: transparent;
    box-shadow: none;
}
.accordion-collapse.collapse.show, .accordion-collapse.collapsing {
    background: #fff7f5;
    padding-left: 15px;
}
    .bell_notify span.fw-semibold {
        font-weight: 500 !important;
        font-size: 16px;
        width: 550px;
    }
.bell_notify p {
    color: #58585a !important;
    font-size: 13px !important;
}
.bell_notify .accordion-button::after {
    width: 18px;
    height: 18px;
    background-size: 16px;
    background-image:url('../images/chevron-down.svg')
}
.bell_notify .accordion-button:not(.collapsed) {
    background-color: transparent;
    box-shadow: unset;
}
.bell_notify .title_date {
    padding-right: 5px !important;
}
button.btn.btn-sm.btn-goToPost {
    font-size: 13px !important;
    background-color: #98272A;
    border-color: #98272A;
}
.bell_notify .accordion-body {
    padding: 1rem 0rem !important;
}
.bell_notify .btn-outline-primary, .bell_notify .btn-outline-primary:hover {
    color: #58585a;
    border-color: #ffffff;
    background-color: #ffffff;
    font-size: 12px;
    padding: 6px 12px;
    border: 1.5px solid #58585a;
}
.bell_notify .btn-check:active + .btn-primary,
.bell_notify .btn-check:checked + .btn-primary,
.bell_notify .btn-primary.active,
.bell_notify .btn-primary:active,
.bell_notify .show > .btn-primary.dropdown-toggle {
    color: #ffffff;
    background-color: #98272A;
    border-color: #98272A;
    border: 1.5px solid #98272A;
    box-shadow: unset;
}
.bell_notify .btn-outline-danger:hover {
    color: #fff;
    background-color: #98272A;
    border-color: #98272A;
}
.collapse_img_sec {
    max-height: 250px !important;
    min-height: 250px;
    height: 250px;
    width: auto !important;
    margin-bottom: 15px;
}
    .collapse_img_sec img, .collapse_img_sec video {
        max-height: 100%;
        object-fit: cover;
        margin: auto;
        width: 100%;
        height: 100% !important;
        border-radius: 10px !important;
        border: 1px solid #ddd;
        max-width: max-content !important;
    }
.bell_notify .btn-outline-secondary {
    color: #58585a !important;
    background-color: #ffffff !important;
    border-color: unset !important;
    border: 1.75px solid #58585a;
}
.bell_notify .btn-check:focus + .btn-outline-primary, .bell_notify .btn-outline-primary:focus {
    box-shadow: unset;
}

/*---FAQ---*/

.faq-container {
    width: 100%;
    background-image: url(../images/dashboard-bg.jpg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}

/* ===== Header ===== */
.faq-header {
    width: 100%;
    background-image: url(../images/faq.jpg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    padding-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
}

    .faq-header h2 {
        margin-bottom: 15px;
        font-size: 16px;
        text-align: center;
        padding-top: 20px;
        color: #fff;
    }

.faq-search {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}
    .faq-search i {
        color: #ababac;
        font-size: 14px;
    }
    .faq-search input {
        width: 36%;
        padding: 10px;
        border: none;
        border-radius: 25px 0 0 25px;
        outline: none;
        font-size: 14px;
    }

    .faq-search button {
        background: #fff;
        border: none;
        border-radius: 0 25px 25px 0;
        padding: 10px 15px;
        cursor: pointer;
        font-size:14px;
    }

.faq-tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
}

    .faq-tabs button {
        background: #ffffff;
        border: none;
        color: #000000;
        padding: 8px 15px;
        border-radius: 6px;
        cursor: pointer;
        font-size: 14px;
        transition: all 0.2s;
    }

    .faq-tabs .active {
        background: #faebcd;
        color: #98272A;
    }

/* ===== Action Buttons ===== */
.faq-actions {
    display: flex;
    justify-content: end;
    flex-wrap: wrap;
    gap: 10px;
    padding: 15px 40px;
    background: #fff;
}

    .faq-actions .btn {
        background: #98272A;
        color: #fff;
        border: none;
        padding: 6px 15px;
        border-radius: 6px;
        cursor: pointer;
        font-size: 13px;
    }

/* ===== Content Area ===== */
.faq-content {
    display: flex;
    flex-wrap: wrap;
    background: transparent;
    margin: 5px 0;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: unset;
}

/* Sidebar */
.faq-sidebar {
    width: 220px;
    background:transparent;
    border-right: none;
    margin-right: 20px;
    box-shadow: unset;
}

    .faq-sidebar ul {
        list-style: none;
        padding-left:0px;
    }

    .faq-sidebar li {
        padding: 8px 10px;
        cursor: pointer;
        border: 1px solid #eee;
        transition: all 0.2s;
        margin-bottom: 10px;
        border-radius: 5px;
        background: #ffffff;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        font-size: 14px;
    }

        .faq-sidebar li.active,
        .faq-sidebar li:hover {
            background: #ffffff;
            color: #98272A;
        }

/* Main FAQ Section */
.main_faq_section {
    width: 80%;
    padding: 20px;
    border: 1px solid #ebebec;
    position: relative;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 5px;
}
.notice_faq {
    display: block;
    position: absolute;
    bottom: 0;
    color: #98272A;
    font-size: 14px;
    font-weight:400;
}
.faq-main {
    flex: 1;
    display: none;
    background-color:#ffffff;

}

    .faq-main.active {
        display: block;
        box-shadow: unset;
        border-radius: 10px;
    }

.faq-item {
    background: #faebcd;
    border-bottom: 1px solid #eee;
    padding: 8px;
    margin-bottom: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
    font-size: 14px;
    color: #98272A;
    border-radius: 5px;
}


    .faq-item::after {
        content: '';
        background-image: url(../images/icons/chevron-downs.png);
        position: absolute;
        right: 15px;
        top: 10px;
        width: 18px;
        height: 18px;
        transition: transform 0.2s;
        background-repeat: no-repeat;
        background-size: cover;
    }

.faq-btm{
    margin-bottom:20px;
}

.faq-item.active::after {
    transform: rotate(180deg);
}

.faq-answer {
    display: none;
    padding: 10px 12px;
    background: #fff;
    border: 1px solid #eee;
    border-top: none;
    margin-top: -8px;
    border-radius: 0 0 5px 5px;
    font-size: 14px;
}

.faq-item.active + .faq-answer {
    display: block;
}

.note {
    color: #a8240e;
    font-weight: 500;
    margin-top: 15px;
    text-align: center;
}


/*Employee--access--*/
.mt-4.employee_access{
    padding:0px;
}
.employee_access .table td {
    font-size: 14px;
    font-weight: normal;
}
.leaders_story .modal-body.bullet-modal-body {
    padding: 10px;
}
.leaders_story .modal-dialog.modal-dialog-centered {
    height: 71vh;
    min-height: 67vh !important;
}
.leaders_story .bullet-view-count-text {
    color: #98272A;
}
.leaders_story .bullet-modal-header {
    border-bottom: 1px solid #dee2e6;
}
/*--End--FAQ---*/

/*---query--track--*/

.employee_access button.dt-paging-button, .employee_access button.dt-paging-button.current {
    padding: 4px 12px !important;
    border: 1px solid rgba(0, 0, 0, 0.3) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    margin-right: 5px;
    border-radius: 4px !important;
    height: 32px;
}
div.dt-container .dt-paging .dt-paging-button.disabled, div.dt-container .dt-paging .dt-paging-button.disabled:hover, div.dt-container .dt-paging .dt-paging-button.disabled:active{
    background-color:transparent !important
}
.employee_access div.dt-container .dt-paging .dt-paging-button.current, .employee_access div.dt-container .dt-paging .dt-paging-button.current:hover {
    background: #98272A !important;
    color: #fff !important;
}
.employee_access button.dt-paging-button:hover {
    background: #98272A !important;
    color: #fff !important;
}
/*.employee_access div.dt-container .dt-paging .dt-paging-button.disabled,
.employee_access div.dt-container .dt-paging .dt-paging-button.disabled:hover,
.employee_access div.dt-container .dt-paging .dt-paging-button.disabled:active {
    background: #ced4da !important;
}*/
.employee_access button.dt-paging-button.disabled.first,
.employee_access button.dt-paging-button.first,
.employee_access button.dt-paging-button.last,
.employee_access button.dt-paging-button.disabled.last {
    display: none !important;
}
.employee_access .dt-layout-row.dt-layout-table, .employee_access .dt-layout-row.dt-layout-table + .dt-layout-row {
    margin-bottom: 10px !important;
}
    .employee_access .dt-layout-row.dt-layout-table + .dt-layout-row {
        padding: 0px 10px;
        font-size: 14px;
    }
.employee_access table.dataTable th.dt-type-numeric, .employee_access table.dataTable th.dt-type-date, .employee_access table.dataTable td.dt-type-numeric, .employee_access table.dataTable td.dt-type-date {
    text-align: left;
}
/*--End--post--modal--*/

/*---swal--*/


.swal2-backdrop-show .swal2-title {
    font-size: 18px;
    font-weight: 500;
}
div:where(.swal2-icon).swal2-warning {
    border-color: #98272A;
    color: #98272A;
}
button.swal2-confirm.swal2-styled.swal2-default-outline {
    padding: 5px 10px;
    background-color: #98272A !important;
    color: #ffff;
    font-size: 14px;
    font-weight: normal;
}
button.swal2-confirm.swal2-styled {
    padding: 5px 10px;
    background-color: #98272A !important;
    color: #ffff;
    font-size: 14px;
    font-weight: normal;
}
div:where(.swal2-icon).swal2-success .swal2-success-ring {
    border: .25em solid green !important;
}
div:where(.swal2-icon).swal2-success [class^=swal2-success-line] {
    background-color: green !important;
}
button.swal2-cancel.swal2-styled.swal2-default-outline {
    padding: 5px 8px;
    font-size: 14px;
    font-weight: normal;
    background-color: #898989 !important;
}

.status_report .modal-header, .assign_role .modal-header {
    padding: 8px 16px;
}
.status_report .form-label, .assign_role .form-label {
    font-size: 13px;
    margin-bottom: 5px;
}
.status_report h5.modal-title, .assign_role h5.modal-title {
    font-size:16px;
}
.status_report .form-control, .status_report .form-select, .assign_role .form-select, .input_query input {
    padding: 5px 6px;
    font-size: 13px;
    height: 32px;
    border-radius: 5px
}
.input_query input {
    padding: 5px 6px !important;
    font-size: 13px !important;
    height: 32px;
    border-radius: 5px
}
.input_query .select2-container--default .select2-search--inline .select2-search__field {
    margin-top:0px;
}
.input_query .select2-container--default .select2-selection--multiple {
    height: 32px;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
    border: 1px solid #ced4da !important;
}
    .input_query .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: #98272A;
        border: 1px solid #98272A;
        font-size: 12px;
        color: #fff;
    }
.input_query span.select2-selection__choice__remove {
    border: none !important;
    color: #ffffff !important;
    background-color: transparent !important;
}
.approval_steps_sec .input-group label {
    font-weight: normal !important;
    font-size: 13px;
}
.status_report .mb-3 {
    margin-bottom: 8px !important;
}
.download_simple {
    color:#98272A;
}
.helpdesk_table_sec span.badge.bg-secondary  {
    background-color: gray !important;
    font-size:13px;
    width:64px;
    height:22px;
}
/*.helpdesk_table_sec span.badge.bg-secondary, .helpdesk_table_se span.badge.bg-success {
    width:64px;
    height:22px;
}*/
    .helpdesk_table_sec span.badge.bg-secondary ,.helpdesk_table_sec .bg-success {
        width: 64px;
        height: 22px;
        line-height: 14px;
        font-weight: normal;
        font-size: 12px;
    }
.helpdesk_table_sec .btn.btn-danger.btn-sm.delete-group, .table_helpdesk .btn.btn-danger.btn-sm.delete-member {
    background-color: #98272a;
    font-size: 13px;
    width: 81px;
    height: 29px;
    line-height: 18px;
}
    .helpdesk_table_sec .btn.btn-secondary.btn-sm i, .helpdesk_table_sec .btn.btn-danger.btn-sm.delete-group i {
        font-size: 14px;
    }
.helpdesk_table_sec .btn.btn-secondary.btn-sm {
    background-color: gray;
    opacity: 1;
    border: none;
    font-size: 13px;
    width: 81px;
    height: 29px;
    line-height: 18px
}
select.form-select.approvalselect {
    height: auto;
}
.question_textarea {
    height: 50px !important;
}
.status_report.edit_faq .modal-body {
    height: 74vh !important;
    min-height: 70vh !important;
    padding-top: 5px;
    padding-bottom: 0 !important;
}
.edit_faq .status-box{
    border:none;
}
.edit_faq .edit_textarea {
    height: 90px;
}
.reset_search {
    padding-top: 15px;
    text-align: center;
}
    .reset_search button {
        background-color: #98272A;
        color: #fff;
        border: 1px solid #98272A;
        border-radius: 5px;
        font-size: 13px;
        padding: 3px 12px;
        font-weight: normal;
        margin-right: 20px;
    }

.status_report .modal-body {
    height: 83vh;
    min-height: 80vh;
    padding-top: 5px;
}

.add_employee .modal-body {
    height: 80vh;
    min-height: 75vh;
}
.track_query .modal-body {
    height: 56vh;
    min-height: 53vh;
    padding-top: 5px;
}
.query_group .modal-body {
    height: 46vh;
    min-height: 42vh;
    padding-top: 5px;
}
.attend_query .modal-body, .query_type .modal-body {
    height: 61vh;
    min-height: 50vh;
    padding-top: 5px;
}
.add_query_status .modal-body {
    height: 35vh;
    min-height: 28vh;
    padding-top: 5px;
}
.assign_role .modal-body {
    height: 60vh;
    min-height: 58vh;
    overflow-y: auto;
}
.assign_role .modal-dialog.modal-dialog-centered.custom-width {
    max-width: 450px;
}
.sap_details {
    padding: 0px;
    border: 1px solid #ddd;
    border-radius: 5px;
}
.sap_sec {
    padding: 8px;
    border-bottom: 1px solid #ddd;
}
        .sap_sec:last-child {
            border-bottom:none;
        }
        .sap_sec p {
            margin-bottom: 0px;
            font-size: 14px;
        }
    .sap_sec span {
        display: inline-block;
        width: 32%;
        font-weight: 500;
    }

 .status-box {
    border: 1px solid #ddd;
    padding: 12px 15px;
    border-radius: 5px;
    margin-bottom: 15px;
}

    .status-box label {
        font-weight: normal;
        font-size: 13px;
        display: block;
        margin-bottom: 8px;
    }

    .status-box .radio-group {
        display: flex;
        align-items: center;
        gap: 20px;
    }

    .status-box input[type="radio"], .status-box .form-check-input:checked[type=radio] {
        accent-color: #98272A;
        width: 14px;
        height: 14px;
        cursor: pointer;
        position: relative;
        top: 1px;
    }

.main_query_table .col-auto button.text-white, .main_query_table .btn-addPage, .main_query_table button.btn-export {
    padding: 7px 8px;
    font-size: 14px;
    background-color: #98272A !important;
    color: #ffffff;
    height: 32px;
    line-height: 15px;
    font-size: 13px;
    letter-spacing: 0.2px;
}
 .main_query_table .col-auto button.text-white i {
        font-size: 14px;
 }

.main_query_table i.bi.bi-plus{
    font-size:14px;
}
select#requestGroupDropdown {
    height: 32px;
    line-height: 32px;
    padding: 0 8px;
    font-size: 13px;
}
    select#requestGroupDropdown option {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .main_query_table button.btn-export img {
        width: 20px;
    }
.main_add_query_sec {
    padding: 10px !important;
    box-shadow: 0 .25rem .25rem rgba(0, 0, 0, .055) !important;
    border: 1px solid rgba(0, 0, 0, .125);
}
.main_add_query_sec label{
    font-size:14px;
}
.main_add_query_sec span.text-danger{
    color:#98272A;
}
addquery_sec{
    border-radius:5px;
}
.addquery_sec h3 {
    font-size: 18px;
    font-weight: 500;
}
/*.addquery_sec i{
    color:#98272A;
}*/
.addquery_sec a.btn.btn-outline-danger, .arrow-back a.btn.btn-sm.btn-outline-light {
    padding: 4px 10px;
    font-size: 14px;
    display: flex;
    align-items: center;
    color: #98272A !important;
    border-color: #98272A !important;
    background: transparent;
}
        .addquery_sec a.btn.btn-outline-danger:hover {
            color: #000;
            background-color: #ffffff;
            border-color: #ffffff;
        }
        .btn-check:focus + .addquery_sec a.btn.btn-outline-danger, .addquery_sec a.btn.btn-outline-danger:focus {
            box-shadow: unset;
        }
    .addquery_sec a.btn.btn-outline-danger i {
        font-size: 14px;
        margin-right: 7px;
    }

/*.helpdesk_workflow {
    border: 1px solid #ddd;
    padding: 12px !important;
    margin-bottom: 10px;
    border-radius: 3px;
}*/
.helpdesk_flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}
.helpdesk_heading h4 {
    font-size: 20px;
    font-weight: 500;
}
.helpdesk_content h6 {
    margin-right: 10px;
    font-weight: normal;
    margin-bottom: 0;
}
.query_for h5{
    font-size:16px;
}
.query_for input {
    border-radius: 100px !important;
}
.query_select_form .card-header {
    background-color: #98272A;
    font-weight: 500 !important;
    color: #ffffff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.query_form .card-header {
    font-size: 16px !important;
}
.add_submit {
    background-color: #98272A !important;
    border: 1px solid #98272A !important;
    color: #ffffff !important;
    font-size: 13px;
    font-weight: 500;
    height: 32px;
}
.add_reset {
    background-color: #ffffff !important;
    border: 1px solid #98272A !important;
    color: #98272A !important;
    font-size: 13px;
    font-weight: 500;
    height: 32px;
}
.main_query_table .card{
    border:none;
}
.main_query_table .card .card-body {
    padding: 0px;
}
.main_query_table .align-items-end {
    padding: 0px;
    width: 100%;
    display: inline-flex;
    justify-content: flex-start;
    gap: 15px;
    border-radius:3px;
}
.filter_col {
    width: 20%;
    margin-top:0px; 
}
.main_query_table .form-control, .main_query_table .form-select, .main_query_table .filter_col button{
    height: 32px;
    line-height: 15px;
    font-size: 13px;
    letter-spacing: 0.2px;
}
.filter_col label{
    font-size:14px;
    font-weight:normal !important;
}
.sap_sec .heading_request {
    text-align: center;
}
.heading_request {

    font-size: 16px;
}
.heading_request p.mb-2.text-truncate{
    font-size:13px;
}
.download_file {
    background-color:#98272A !important;
    color:#fff !important;
}
.filter_form {
    border: 1px solid #ddd;
    padding: 12px !important;
}
.filter_col.filter_main_sec{
    width:36%;
}
    .filter_col.filter_main_sec button, .filter_col.filter_main_sec  a{
        margin-right: 10px;
    }
.border-card {
    border: 1px solid #ddd;
    padding: 10px;
}
.edit_request textarea.form-control {
    height:70px !important;
}
.sidepanelcls {
    position: sticky;
    top: 0;
    height: 100vh;
    border-radius: 5px;
    box-shadow: 0 .25rem .25rem rgba(0, 0, 0, .055) !important;
    border: 1px solid rgba(0, 0, 0, .125);
    background: #fff7f5;
}

.mainbodydivcls {
    overflow-y: auto;
    height: 100vh;
}
.resume_helpdesk_query {
    display: grid;
}
    .resume_helpdesk_query span {
        font-size: 12px;
        padding-top: 6px;
    }
.query_select_form .card-body.status_report {
    border: 1px solid #ddd;
}
.helpdesk_workflow_table .dataTables_scrollBody {
    overflow:unset !important;
}
.helpdesk_query{
    width:100%;
}
.heading_sec h5 {
    font-size: 18px;
}
.employee_access .paginate_button a, .employee_access .paginate_button button {
    border-radius: 4px;
    color: #98272A;
    height: 32px;
    font-size: 13px;
}
.employee_access .paginate_button.active a, .employee_access .paginate_button.active button {
    border-radius: 4px;
    color: #ffffff;
}
.employee_access .card{
    border:none;
}
.employee_access .dataTables_info {
    font-size: 14px;
    padding-left: 10px;
}
.employee_access .pagination{
    margin-bottom:3px;
}
.add_group_members .btn-addPage i {
    top: 1px;
    font-size: 14px;
}
.add_group_members a.btn-addPage{
    padding-top:6px !important;
}
.main_faq_section .faq-answer {
    display: flex;
}
.back_btn_sec {
    padding: 2px 10px;
    font-size: 14px;
    display: flex;
    align-items: center;
    color: #98272A !important;
    border: 1px solid #98272A;
    background: transparent;
    border-radius: 5px;
    text-decoration:none;
}
.help-deskflex {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 20px;
}
.faq_active {
    float: right;
    font-size: 14px;
    color: green;
    padding-right: 37px;
}

.faq_inactive {
    float: right;
    font-size: 14px;
    color: gray;
    padding-right: 37px;
}
.your_query textarea{
    height:70px !important;
}

/*--Register Query--Show--*/

.personal_details_section {
    padding-top: 15px;
    margin-top: 15px;
    border-top: 1px solid #ddd;
}
.personal_details_section .row.g-3 {
   margin-top:0px;
}
.personal_details_section .card.mb-3 {
        padding: 0;
        display: block;
        width: 98%;
        margin: 10px auto 0 !important;
    }
.personal_details_section .card{
    padding:0px;
}
.personal_details_section .heading_sec h5{
    font-size:15px;
}
.personal_details_section .form-check-input:checked {
    background-color: #98272A;
    border-color: #fff;
}
.personal_details_section .btn-outline-primary{
    color: #98272A !important;
    border-color: #fff !important;
    background-color:#ffffff !important;
    font-size: 12px !important;
    margin-left: 10px;
    cursor: pointer;
}
.personal_details_section .card-body{
    padding-top:0px;
}
.collapse_margin .heading_sec {
    margin-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
}
.collapse_margin button.btn.btn-primary.btn-sm.add-nominee, .collapse_margin .btn.btn-success {
    height: 32px;
    line-height: 15px;
    font-size: 13px;
    letter-spacing: 0.2px;
    background-color: #98272A;
    padding: 0 0.8rem;
    border-color: #98272A;
}
.helpdesk_query.helpdesk_table_sec button.btn.btn-danger.btn-sm.btnDeleteFamily {
    height: 32px;
    line-height: 15px;
    font-size: 13px;
    letter-spacing: 0.2px;
    background-color: #98272A;
    padding: 0 0.8rem;
}
.query_select_form .card-body{
    padding:1rem 1.5rem;
}
    .query_select_form .card-body .btn.text-white.btn-addPage {
        margin-left: 0.5rem;
    }
.employee_flex {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
}
.employee_div {
    width: 33%;
    height: 84.5px;
}
.empwidth-100 {
    width: 100%;
}
.employee_div label{
    font-size:14px;
}
.employee_div.emp_validate {
    white-space: nowrap;
    width: 66%;
}
.employee_btn_flex {
    display: flex;
    align-items: center;
    gap: 20px;
}
.employee_upload .text-primary {
    padding-left:0px;
    font-size: 14px;
    padding-top: 5px;
    text-decoration: none;
    color:#98272A !important;
}
thead.text-white.maroonbgcolor .theadcls{
    background-color:transparent !important;
}
.employee_upload_query i{
    color:#98272A;
}
.activity_upload .employee_div.emp_validate{
    padding-top:29px !important;
}
.export_div {
    margin-top: 29px;
}
.departments_rights {
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
}
    .departments_rights .dataTables_filter label {
        display: flex;
        align-items: center;
    }
.departments_select .select2-container {
    display: block;
    width:100% !important;
}
.departments_select .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #ced4da;
    outline: 0;
    padding: 5px 6px;
    font-size: 13px;
    height: 32px;
    border-radius: 5px;
    line-height: normal;
}
.departments_select .select2-container--default .select2-selection--multiple {
    font-weight: 400;
    line-height: 1.5;
    font-size: 13px;
    border: 1px solid #ced4da;
}
.depart_pt5 {
    padding-top:5px;
}
.employee_div .text-primary{
    font-size:13px;
}
.wish_message .modal-dialog {
    max-width: 700px;
    height: 88vh;
    min-height: 84vh;
}
.bday_img {
    width: 100%;
    height: auto;
    margin: auto;
}
.wish_message .modal-body .bday_img img {
    width: 100%;
    margin: auto;
    height: 100%;
    object-fit: cover;
}
.wish_message .modal-title span{
    color:#98272A;
}
.amls_report .button_report {
    margin-top: 28px;
}
.compliance_detail_report .button_report{
    margin-top:20px;
}
.faq_buttonflex {
    display: flex;
    align-items: center;
    gap: 10px;
}
.heading_faq_flex {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}
.anchor_line_height{
    line-height:32px !important;
}
.heading_main_section .sap_sec:first-child, .heading_main_section th.text-center {
    background-color: #98272A;
    color: #ffffff;
}
.heading_main_section .sap_sec span{
    width:20%;
}
.top_search_query {
/*    border: 1px solid #ddd;*/
    border-radius: 5px;
    box-shadow: 0 .25rem .25rem rgba(0, 0, 0, .055) !important;
}
.search-results.top_search_query li {
    border-bottom: 0.5px solid #dddddd91;
}
    .search-results.top_search_query li a {
        color: #000;
        font-size: 13px;
        text-align:left;
    }
.img_pointer{
    cursor:pointer;
}
.add_newquery_button button {
    height: 32px;
    line-height: 15px;
    font-size: 13px;
    letter-spacing: 0.2px;
}
.add_newquery_button .btn-success {
    color: #fff !important;
    background-color: #98272a !important;
    border-color: #98272a !important;
}
.add_newquery_button .btn-danger {
    color: #fff !important;
    background-color: red !important;
    border-color: red !important;
}
.add_newquery_button .btn-warning {
    color: #fff !important;
    background-color: #ffcf69 !important;
    border-color: #ffcf69 !important;
}
.main_profile_view .col-lg-4 {
    padding: 5px;
    margin-top: 10px;
}
.main_profile_view h5 {
    font-size: 16px;
    color: #ffffff;
    padding: 10px 16px 10px;
    background-color: #98272a;
    margin-bottom: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.main_profile_view .card-body.heading_sec {
    padding: 0px;
}
.info_content {
    padding: 16px;
}
.main_profile_view .card-body.p-lg-4 {
    padding: 1rem !important;
}
.main_profile_view hr {
    background-color: transparent;
    border-bottom: 1px solid #ddd;
    opacity: 1;
}
.modal_personal_view .modal-header {
    padding: 0px 15px;
    font-size: 16px;
    color: #98272a;
}
.modal_personal_view_address .modal-dialog.modal-dialog-centered{
    max-width:600px;
}
.modal_personal_view_address .modal-body p {
    margin-bottom: 5px;
    font-size:14px;
}
.family_details .modal-dialog.modal-dialog-centered {
    max-width: 950px;
}
.family_details .modal-content {
    height: 186px;
}
.family_details td {
    white-space: nowrap;
    border-width: 1px var(--bs-border-width);
}
.page-profile.main_profile_view h5.card-title small {
    color: #ffffff !important;
}
/*---End---Desktop---*/
/* low Range */
@media only screen and (max-width: 1359px) {
    .leave-request .small-profile-img {
            width: 1.9rem;
            border-radius: 50%;
            height: 1.9rem;
        }

        .profile-img {
            width: 4rem;
            border-radius: 50%;
            height: 4rem;
        }

        .accordion-button::after {
            width: 1rem;
            height: 1rem;
            background-size: 1rem;
        }

        .side-menu ul li,
        .svg-icon {
            font-size: 0.9rem;
        }

        .page_login .logo {
            /* max-height: 10rem; */
            width: 14rem;
        }
    }

    @media only screen and (min-width: 1510px) and (max-width: 1830px) {
        .side-menu .accordion-body {
            padding: 0.5rem 0.14rem;
        }
        /*        .post_section_modal .forced-next {
            right: 24% !important;
        }

        .post_section_modal .forced-prev {
            left: 24%;
        }*/
    }

    @media only screen and (min-width: 1200px) and (max-width: 1250px) {
        .side-menu .accordion-body {
            padding: 0.5rem 0.14rem;
        }

        .forced-carousel-container {
            height: 81vh !important;
        }
    }
    /* Laptop mid range */
    @media only screen and (min-width: 1250px) and (max-width: 1440px) {
        .footer_fixed .col-lg-2 {
            padding: 0px 5px;
        }

        .page_dashboard .sticky-bottom .box {
            top: 10px;
        }
        /*        .post_section_modal .forced-modal-content {
            max-height: 70vh;
            height: 75vh;
        }*/
        /*        .post_section_modal .forced-next {
            right: 42% !important;
        }

        .post_section_modal .forced-prev {
            left: 42%;
        }*/
        .faq-tabs button {
            padding: 8px 10px;
        }

        .document-scroll {
            max-height: 455px;
            overflow-y: auto;
        }

        .minute-me-sikho .owl-carousel .owl-item img, .minute-me-sikho .owl-carousel .owl-item img {
            height: 82%;
            object-fit: fill;
        }

        .bullet-profile-item {
            margin: 0 6px !important;
        }

        .bulletin_leadership .bullet-bordered-container {
            height: 49%;
        }

        .new-dashboard #chartdiv {
            width: 100%;
            height: 204px !important;
        }

        .new-dashboard .four-initiatives .card, .new-dashboard .card {
            height: 18rem !important;
            min-height: 19rem !important
        }

        .buzzborad .owl-carousel .owl-item img, .buzzborad .owl-carousel .owl-item video {
            height: 210px;
        }

        .calendar-weekdays {
            margin-top: 3px !important;
        }

        .calendar-day {
            height: 38px !important;
        }

        .circle {
            width: 35px !important;
            height: 35px !important;
        }

        .day-num {
            font-size: 10px !important;
        }

        .status-text {
            font-size: 10px !important;
        }

        .buzzborad .owl-dots {
            bottom: 18px;
        }

        .edit_profile .modal-dialog.modal-dialog-scrollable {
            height: 56vh;
        }

        .new-dashboard .important-alerts img {
            width: 4rem;
        }

        .myself_flex .btn {
            width: 62px !important;
            font-size: 11px;
        }

        .four-initiatives small {
            font-size: 11px;
        }

        .important-alerts h5, .bulletin_leadership h5, .new-dashboard h5 {
            font-size: 14px !important;
        }

        .calendar_month {
            font-size: 14px !important
        }

        .birthAndAnniversary .card-body, .company-highlights .card-body {
            min-height: 11rem !important;
        }

        .my_team_self {
            padding: 0 !important;
        }

        .bullet-profile-name {
            margin-top: 2px !important;
            font-size: 11px !important;
            line-height: 13px;
            height: 28px;
        }

        .bullet-profile-image-container {
            width: 54px !important;
            height: 54px !important;
        }

        .four-initiatives {
            height: 144px;
        }

            .four-initiatives.pt-2 .card.shadow-sm.p-2.position-relative {
                height: 9rem !important;
                min-height: 9rem !important;
            }

        .important-alerts .card.shadow-sm {
            min-height: 116px !important;
            height: 129px !important;
        }

        .important-alerts .owl-dots {
            bottom: -42px;
        }

        .birthday-anniversary .card {
            min-height: 100px !important;
            height: 9.9rem !important;
        }

        .employee-row {
            margin-bottom: 0 !important;
            padding-bottom: 0 !important;
            margin-top: 0px !important;
        }

        .view-profile-btn.wish-btn {
            margin-top: 0px !important;
            padding: 4px !important;
        }

        .new-dashboard .four-initiatives .carousel-track img {
            width: 80px !important;
        }

        .birthday-anniversary .tab-panels small.btn.text-danger.float-end {
            padding-top: 0px !important;
            padding-right: 17px !important;
        }

        .new-dashboard .minute-me-sikho .card {
            min-height: 18.5rem !important;
            height: 18.5rem !important;
        }

        .minute_sikho .modal-dialog-scrollable .modal-body {
            overflow-y: hidden !important;
        }

        .minute-me-sikho .buzzboard-img-wrapper {
            width: 329px;
        }

        .minute-me-sikho .owl-nav.disabled + .owl-dots {
            bottom: 22px;
        }

        .new-dashboard .minute-me-sikho .modal-body .card {
            min-height: 100% !important;
            height: 100% !important;
            margin-bottom: 10px;
        }

        .buzzboard-img-wrapper video.buzzboard-img {
            height: 238px;
            width: 98%;
            object-fit: cover;
            border-radius: 5px
        }

        .buzzborad .owl-carousel.buzz-board-carousal .owl-item img, .buzzborad .owl-carousel.buzz-board-carousal .owl-item video {
            height: 74% !important;
            object-fit: fill;
        }


        /*        .buzz-board-carousal .owl-carousel .owl-item .buzzboard-img-wrapper img, .buzz-board-carousal .owl-carousel .owl-item .buzzboard-img-wrapper video {
            height: 74%;
            object-fit: fill;
        }*/
        .raise-request .card .form-control {
            padding: 1px 1px;
        }

        .header-profile-data .mode-atta-col {
            width: 23% !important;
        }

        .header-profile-data .employee-col {
            width: 23% !important;
        }

        .header-profile-data .email-col {
            width: 34% !important;
        }

        .btn-export img {
            width: 0.897rem;
        }

        .header-profile-data .dob-data-col {
            width: 20% !important;
        }



        .side-menu li div {
            font-size: 0.795rem;
            font-weight: 500 !important;
            color: #283971;
        }

        .side-menu .accordion-body {
            padding: 0.5rem 0.14rem;
        }

        .view-profile-btn {
            padding-left: 0.2rem !important;
            padding-right: 0.2rem !important;
        }

        .header-profile-data p {
            font-size: 0.68rem;
        }

        .leave-request .small-profile-img {
            width: 1.9rem;
            border-radius: 50%;
            height: 1.9rem;
        }



        .view-profile-btn {
            font-size: 0.7rem !important;
            margin-bottom: 0.6rem !important;
            margin-top: 0.7rem !important;
        }

        .profile-img {
            width: 3rem;
            border-radius: 50%;
            height: 3rem;
        }

        .profile-name {
            font-size: 0.9rem;
        }

        .profile-designation {
            font-size: 0.775em;
        }

        .accordion-button::after {
            width: 1rem;
            height: 1rem;
            background-size: 1rem;
        }

        .side-menu ul li,
        .svg-icon {
            font-size: 0.9rem;
            line-height: 2;
        }

        .logo {
            width: 12rem;
        }

        .page_login .logo {
            /* max-height: 10rem; */
            width: 14rem;
        }

        .page_login .card {
            width: 21rem;
        }

        .page_login input,
        label,
        p {
            font-size: 14px;
        }

        .page_login .user_input i {
            font-size: 20px;
        }

        .page_login #username,
        #password {
            padding-left: 30px;
        }

        .enter_sapcode .search_btn, .privilege-management .btn-addPage, .privilege-management .btn-export {
            font-size: 13px;
            white-space: nowrap;
        }
    }

    @media only screen and (min-width: 1250px) and (max-width: 1300px) {
        .buzzboard-img-wrapper {
            height: 15.75rem !important;
        }

        .buzzborad .owl-carousel.buzz-board-carousal.owl-theme.owl-loaded.owl-drag .buzzboard-img-wrapper img, .buzzborad .owl-carousel.buzz-board-carousal.owl-theme.owl-loaded.owl-drag .buzzboard-img-wrapper video {
            height: 95% !important;
            object-fit: cover;
        }

        .buzzborad .owl-dots {
            bottom: -14px;
        }
        /*        .post_section_modal .forced-next {
            right: 16% !important;
            top: 54%;
        }

        .post_section_modal .forced-prev {
            left: 16%;
            top: 54%;
        }*/
        .new-dashboard .important-alerts img {
            width: 3rem;
        }

        .new-dashboard .four-initiatives .carousel-track img {
            width: 73px !important;
        }

        .forced-media-wrapper {
            max-height: 67vh !important;
        }

        .forced-carousel-container {
            padding-top: 0px;
            display: block !important;
            height: 71vh !important;
            min-height: 52vh;
        }

        .forced-post-slide {
            overflow-y: auto !important;
            height: 75vh !important;
            min-height: 49vh !important;
            padding-top: 0px !important;
        }

        .forced-media-wrapper {
            max-height: unset !important;
            min-height: 320px;
            height: 350px;
            width: 100% !important;
        }

        .unread_notify {
            right: 0px;
        }

        .faq-sidebar {
            width: 190px;
        }

        .main_faq_section {
            width: 77%;
        }

        .filter_col.filter_main_sec {
            width: 38%;
        }

        .filter_col {
            width: 16%;
        }

        .status_report.edit_faq .modal-body {
            height: 91vh !important;
            min-height: 88vh !important;
            padding-top: 5px;
            padding-bottom: 0 !important;
        }
        .hierarchy-node {
            padding: 5px 15px;
        }
        .employee-box h4 {
            font-size: 15px;
        }

        .employee-box h5 {
            font-size: 11px;
        }
        }

    @media only screen and (min-width: 1300px) and (max-width: 1400px) {
        .main_pad {
            padding: 33px 20px 20px;
        }

        .edit_profile .modal-dialog.modal-dialog-scrollable {
            height: 67vh;
        }

        .forced-carousel-container {
            padding-top: 0px;
            display: block !important;
            height: 70vh !important;
            min-height: 52vh;
        }

        .forced-post-slide {
            overflow-y: auto !important;
            height: 67vh !important;
            min-height: 57vh !important;
            padding-top: 0px !important;
        }

        .forced-media-wrapper {
            max-height: unset !important;
            min-height: 330px;
            height: 330px;
            width: 100% !important;
        }

        .post_section_modal .forced-nav-btn {
            bottom: -2px;
        }

        .main_faq_section {
            width: 78%;
        }
    }
    /* Laptop High Range */
    @media only screen and (min-width: 1441px) {

        .leave-request .small-profile-img {
            width: 2.8rem;
            border-radius: 50%;
            height: 2.8rem;
        }

        .side-menu {
            min-height: 24rem;
            overflow-y: auto;
            overflow-x: hidden;
            height: 31rem;
        }


        .edit-profile-btn {
            font-size: 24px;
        }

        .view-profile-btn {
            font-size: 14px;
        }

        .profile-img {
            width: 74%;
            border-radius: 50%;
            height: 6rem;
        }

        .side-menu ul li {
            font-size: 18px;
        }

        .page_login .logo {
            /* max-height: 10rem; */
            width: 15rem;
        }

        .page_login .card {
            width: 34rem;
        }
    }

    html, body {
        height: 100%;
    }


@media only screen and (min-width: 768px) and (max-width: 992px) {
    .calendar-day {
        height: 54px !important;
        margin-bottom: 10px;
    }

    .circle {
        width: 54px !important;
        height: 54px !important;
    }

    .buzzborad .owl-carousel.buzz-board-carousal.owl-theme.owl-loaded.owl-drag .buzzboard-img-wrapper img,
    .buzzborad .owl-carousel.buzz-board-carousal.owl-theme.owl-loaded.owl-drag .buzzboard-img-wrapper video {
        height: 100%;
        object-fit: fill;
    }

    .buzz-board-carousal .buzzboard-img-wrapper {
        object-fit: contain;
        height: 21rem !important;
    }

    .minute-me-sikho .buzzboard-img-wrapper {
        height: 17rem !important;
    }

    .buzzborad .owl-carousel.buzz-board-carousal .owl-stage-outer {
        height: 20rem;
    }

    .page_dashboard .mb-sticky-bottom .owl-carousel .owl-item .box {
        min-height: auto !important;
        padding: 20px;
        gap: 10px;
    }
    .page_dashboard .mb-sticky-bottom .owl-carousel .owl-item img {
        width: 28px !important;
        padding-top: 0 !important;
    }
    .birthday_anniversary .tabset > label{
        text-align:center;
    }
    .card.card-box.shadow-sm.p-lg-3.pb-lg-0.buzzborad {
        height: 25rem !important;
        min-height: 21rem !important;
    }
    .employee-row .view-profile-btn{
        display:block;
        width:39px;
        height:39px;
        margin: auto;

    }
    .buzzborad .owl-dots {
        bottom: -102px !important;
    }
        .bullet-profile-image-container {
            width: 100px !important;
            height: 100px !important;
        }
        .birthday-anniversary.pt-lg-2 {
            margin-bottom: 40px;
        }
        .bullet-profile-item {
            margin: 0 11px !important;
        }
         .minute-me-sikho .card {
            height: 28rem;
        }
    .minute-me-sikho .modal-body img,  .minute-me-sikho .modal-body video {
        max-height: 330px;
        object-fit: fill;
    }
    .minute_sikho .modal-body .scroll-wrapper {
        height: 95vh;
        min-height: 92vh;
    }
        .minute-me-sikho .owl-carousel .owl-item img, .minute-me-sikho .owl-carousel .owl-item video {
            height: 100%;
        }
        .minute-me-sikho .owl-nav.disabled + .owl-dots {
            bottom: -50px;
        }
    .new-dashboard .four-initiatives .carousel-track img {
        width: 100% !important;
        object-fit: cover;
        object-position: top;
        height: 100% !important;
    }
    .gallery_modal .modal-dialog {
        height: 100vh;
        margin: 0px !important;
    }
    .gallery_modal{padding:0px}
    .gallery_image_section {
        height: 88vh;
        min-height: 80vh;
    }
    .post_section_modal .forced-next {
        right: 5% !important;
        top: 20% !important;
    }

    .post_section_modal .forced-prev {
        left: 5% !important;
        top: 20% !important;
    }
    }

@media only screen and (min-width: 360px) and (max-width: 992px) {
    .page_dashboard .mb-sticky-bottom .owl-carousel .owl-item .box {
        min-height: 40px;
        text-align: center;
    }
    .page_dashboard .mb-sticky-bottom {
        bottom: 0 !important;
        height: 40px !important;
    }
    .imglogin_right .card.rounded {
        width: 100% !important;
    }

    .imglogin_right .login-img {
        width: 100% !important;
    }

    .page_login .form_pad {
        padding: 20px !important;
    }

    .bullet-profile-name {
        margin-top: 5px !important;
    }

    .new-dashboard #chartdiv {
        width: 100%;
        height: 200px !important;
    }

    .bozzboard_main .card-body {
        padding: 0;
    }

    .important-alerts img {
        width: 40px
    }

    .important-alerts .card.shadow-sm {
        height: 157px;
        padding: 5px;
    }

    .important-alerts .owl-dots {
        right: 0px;
    }

    .bulletin_leadership {
        margin: 0px 5px;
        display: block;
    }

    .important-alerts, .minute-me-sikho, .four-initiatives {
        margin-bottom: 10px;
        height: auto;
    }

        .minute-me-sikho .card {
            padding: 5px;
        }

    .new-dashboard .four-initiatives .carousel-track img {
        width: 77px;
    }

    .buzzboard-img-wrapper video.buzzboard-img {
        height: 212px;
    }

    .minute-me-sikho {
        margin: 0px 10px 10px;
    }

    .bozzboard_main .modal-body, .openAtFront .custom-detail-content-2 .modal-body, .minute_sikho .modal-body .scroll-wrapper {
        padding: 15px;
    }

    .bozzboard_main .d-flex.justify-content-between.align-items-center.w-100.flex-wrap {
        justify-content: flex-end !important;
    }

    button .bullet-carousel-btn.bullet-right-arrow {
        margin-right: 0;
    }

    button.bullet-carousel-btn.bullet-left-arrow {
        margin-left: 0;
    }

    .buzzborad {
        margin: 10px 25px;
        padding: 5px;
        display: block;
    }

        .buzzborad .owl-carousel .owl-item img {
            height: 144px;
        }

        .buzzborad .owl-carousel.buzz-board-carousal.owl-theme.owl-loaded.owl-drag {
            height: 16rem;
        }

        .buzzborad .owl-carousel .owl-stage-outer {
            height: 14.5rem;
        }

        .buzzborad .owl-carousel .owl-stage {
            height: 100%;
        }

        .buzzborad .owl-dots {
            bottom: -10px;
        }

    .calendar_list {
        padding: 5px;
        margin: 0px 15px;
    }

    .card.myself_info {
        height: auto;
        margin: 10px 15px 0px;
    }

    .bozzboard_main .modal-dialog.modal-xl.modal-dialog-centered.modal-dialog-scrollable {
        margin-top: 0px;
        margin-bottom: 0px !important;
    }

    .bozzboard_main .container {
        width: 100%;
        padding: 0;
    }

    .bozzboard_main .modal-content {
        border-radius: 0;
    }

    .bozzboard_main .modal-dialog {
        height: 100vh;
    }

    .openAtFront .custom-detail-modal {
        max-width: 100%;
        margin-top: 0px;
    }

    .openAtFront .modal-dialog-scrollable .modal-content {
        border-radius: 0px;
    }

    .leaders_story {
        padding: 0px;
    }

    .bullet-story-modal-content {
        border-radius: 0px;
    }

    .birthday_anniversary {
        height: 210px;
    }
    .page_dashboard .mb-sticky-bottom .owl-carousel .owl-item .box {
        min-height: 40px;
        text-align: center;
    }

        .page_dashboard .mb-sticky-bottom .owl-carousel .owl-item img {
            width: 28px !important;
            padding-top: 0px !important;
        }

    .gallery_modal.ceo_recogn, .recog_details, .descgallerymodal_sec {
        padding: 0;
    }

        .gallery_modal.ceo_recogn .modal.show .modal-dialog {
            transform: none;
            margin: 0px;
            height: 100vh;
        }

    .ceo_recogn .modal-body {
        overflow-x: hidden
    }

    .gallery_modal .modal-content {
        border-radius: 0;
    }

    #fullImageModal .modal-dialog {
        max-width: 100%;
        padding: 0px;
        border-radius: 0px;
    }

    .recog_details .modal-content {
        max-height: 100vh !important;
        padding-top: 30px;
        border-radius: 0px !important;
    }

    .recog_details h5 {
        margin-bottom: 20px !important;
    }

    .descgallerymodal_sec .modal-content, .minute_sikho .modal-dialog-scrollable .modal-content {
        border-radius: 0px !important;
    }

    .minute_sikho .modal-dialog {
        margin-top: 0px !important
    }

    .birthday_table .modal-body {
        padding: 10px;
        height: 90vh;
        min-height: 90vh;
    }

    .birthday_table .modal-dialog {
        max-width: 100%;
        height: 100vh;
        min-height: 100vh;
        overflow-y: auto;
        margin-top: 0px;
    }

    .birthday_table .modal-content {
        border-radius: 0px !important
    }

    .descgallerymodal_sec .modal-dialog {
        margin-top: 0px
    }

        .descgallerymodal_sec .modal-dialog .modal-content .gallery-modal-body {
            height: 96vh;
            min-height: 93vh;
            overflow-y: auto;
        }

    .descgallerymodal_sec .modal-content {
        padding-right: 0px !important;
    }

    .card-body.my_team_self .col-6.pl-0 {
        width: 20%;
    }

    .my_team_self .row.pb-2 {
        justify-content: flex-end;
    }

    .desc-image-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .gallery-category-dropdown, .custom-category-dropdown {
        width: 85% !important;
    }

    .side-menu .svg-icon img {
        width: 20px;
    }

    .add_new_privilege .modal-dialog.modal-dialog-centered.custom-width {
        max-width: 100%;
        margin-top: 0;
        margin: 0;
    }

    .add_new_privilege .modal-body {
        height: 93vh;
        min-height: 90vh;
        overflow-y: auto;
    }
  
    .label_sapcode {
        padding-left: 0px;
        text-align: left;
        padding-bottom: 10px;
        font-size: 16px;
        font-weight: 500;
    }

    .privilege-management {
        padding: 5px;
    }

        .enter_sapcode .search_btn, .privilege-management .btn-addPage, .privilege-management .btn-export {
            height: 37px;
            line-height: 20px;
            font-size: 14px;
            letter-spacing: 0.2px;
            width: 49.5%;
            margin-bottom: 5px;
        }

    .enter_sapcode .search_btn {
        width: 32%;
    }

    .sapcode_flex {
        display: block;
    }

    .desktop_show {
        display: none;
    }

    .mobile_show {
        display: block;
    }

    .report_section {
        width: 100%;
    }

    .button_report {
        display: flex;
        margin-top: 10px
    }

    .mobile-header .offcanvas.offcanvas-start {
        width: 100%;
    }

    .post_section_modal .forced-modal-content {
        max-width: 100%;
        margin: 0px auto 0;
        height: 100%;
        display: flex;
        flex-direction: column;
        max-height: 100%;
        width: 100%;
        border-radius: 0px;
    }

    .forced-modal {
        padding: 0px !important;
    }

    .forced-carousel-container {
        padding-top: 0px;
    }

    .forced-media-wrapper img, .forced-media-wrapper video {
        height: 100% !important;
    }
    /*    .forced-modal{
        padding:0px !important;
    }
    .forced-post-slide {
        padding: 50px 20px 0px!important;
    }
    .post_section_modal .forced-modal-content {
        max-width: 100%;
        margin: 0;
        height: 100vh;
        display: flex;
        flex-direction: column;
        max-height: 100%;
        width: 100%;
        border-radius: 0px;
    }
    .forced-carousel-container {
        height: 96vh !important;
        min-height: 89vh !important;
        overflow-y: auto !important;
    }*/
    .forced-close-btn {
        width: 20px;
        height: 20px;
        top: 20px !important;
        right: 25px !important;
    }

    .poll-survey-content {
        margin: 0% 0 !important;
        width: 100% !important;
        position: relative;
        height: 100%;
        border-radius: 0px !important;
    }

    .poll-survey-modal {
        padding: 0px;
    }

    .poll-header {
        padding-top: 15px;
    }

    .forced-modal-content.is-document {
        width: 100%;
        margin: 0px !important;
        max-height: 100vh;
    }

    .document-scroll {
        padding-top: 20px;
    }

    .post_section_modal .forced-modal-content {
        margin: 0px !important;
    }

    .forced-post-slide {
        padding: 20px 10px !important;
    }

    .forced-media-wrapper {
        height: 205px;
    }

    .post_section_modal .forced-next {
        right: 5% !important;
        top: 28%;
    }

    .post_section_modal .forced-prev {
        left: 5% !important;
        top: 28%;
    }

    .forced-modal-content.is-document {
        width: 100%;
        max-height: 100vh;
    }

    .employee_main .modal-dialog {
        height: 100vh;
        margin: 0 auto;
    }

    .employee_main .modal-content {
        border-radius: 0px;
    }

    .post_section_modal .forced-modal-content {
        justify-content: unset !important;
    }

    .edit_profile .modal-header {
        padding-top: 15px;
    }

    .edit_profile .modal-dialog.modal-dialog-scrollable {
        width: 100%;
        height: 100vh;
        margin-top: 0;
        margin-right: 0;
    }

    .edit_profile .modal-content {
        border-radius: 0;
    }

    .bell_notify .modal-dialog {
        max-width: 100%;
        height: 100vh;
        margin: 0;
    }

    .bell_notify span.fw-semibold {
        font-size: 14px;
        width: 153px !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
    }

    .collapse_img_sec {
        max-height: unset !important;
        min-height: 100% !important;
        height: 100% !important;
        width: 100% !important;
        margin-bottom: 15px;
    }

        .collapse_img_sec img, .collapse_img_sec video {
            max-width: 100% !important;
        }

    .mobile_hide {
        display: none !important;
    }

    .imglogin_right {
        width: 100% !important;
    }

    .faq-search input {
        width: 100%;
    }

    .faq-header {
        padding: 20px 10px;
        height:100%;
    }

    .faq-tabs button {
        padding: 5px 6px;
        font-size: 12px;
    }

    .faq-actions {
        padding: 15px 10px;
    }

        .faq-actions .btn {
            padding: 6px 8px;
            font-size: 12px;
        }

    .faq-content {
        display: block;
    }

    .faq-sidebar {
        width: 94%;
        margin: 0px auto;
    }
    .faq-main {
        margin: 0px 15px;
    }
    .faq-tabs {
        justify-content:start;
    }
    .main_faq_section {
        width: 95%;
        margin: auto;
    }
        .notice_faq {
        position:unset;
    }
    .query_type_main .enter_sapcode input{
        width:100%;
    }
    .query_type_main .btn-addPage {
        width: 76%;
        height:32px;
    }
    .filter_col.filter_main_sec .query_type_main .btn-addPage {
        width: 54%;
        height: 32px;
        line-height: 18px;
    }
    .query_type_main .btn-export, .query_type_main .back_btn_sec {
        width: 22%;
        padding: 4px 8px;
    }
    .enter_sapcode{
        margin-bottom:10px;
    }
    .query_type_main .help-deskflex .btn-addPage {
        width: 77%;
    }
    .query_type_main .modal-body {
        height: 95vh;
        min-height: 90vh;
        overflow-y: auto;
    }
    .employee_access .mobile_block {
        display: block !important;
    }
    .btn_flex_sec {
        display: grid;
    }
    .notify_width {
        width: 100%;
    }
    .bell_notify .modal-content {
        border-radius: 0px !important;
    }
    .gallery_modal .image-grid {
        grid-template-columns: repeat(1, 1fr);
    }
    .main_query_table .card-body .row.g-2.align-items-center {
        display: grid;
    }
    .main_query_table .col-auto{
        text-align:right;
    }
    .main_query_table .align-items-end{
        display:block;
    }
    .filter_col {
        width: 100%;
        margin-bottom: 10px;
    }
        .filter_col.filter_main_sec {
            width: 100%;
        }
            .filter_col.filter_main_sec button, .filter_col.filter_main_sec a {
                margin-right: 0px;
                margin-bottom: 5px;
            }
    .filter_form {

        padding: 7px !important;
    }
    .view_query_modal .modal-dialog{
        margin:0px;
    }
     .sap_sec span {
        width: 33%;
    }
    .mainbodydivcls {
        overflow-x: hidden;
    }
    .helpdesk_flex{
        display:block;
    }
    .helpdesk_workflow {
        margin-right: 14px;
    }
    .helpdesk_heading h4 {
        font-size: 16px;
        margin-bottom: 5px !important;
    }
    .helpdesk_content .enter_sapcode {
        margin-bottom: 10px;
    }
    .help-deskflex {
        display: block;
    }
    .reportee-row {
        display: block !important;
        width: 90%;
    }
    .hierarchy-node{
        width:90%;
    }
    .personal_details_section .heading_sec h5 {
        font-size: 12px;
    }
    .personal_details_section .main_add_query_sec label {
        font-size: 12px;
    }
    .employee_flex {
        display: block;
    }
    .employee_div {
        width: 100%;
    }
    .employee_flex.pt-30{
        padding-top:0px !important;
    }
    .employee_div.emp_validate .btn-export{
        width:100%;
    }
    .main_profile_view {
        margin-top: 44px !important;
    }

    

    }



@media only screen and (min-width: 385px) and (max-width: 435px) {
    .post_section_modal .forced-next {
        right: 5% !important;
        top: 22%;
    }

    .post_section_modal .forced-prev {
        left: 5% !important;
        top: 22%;
    }
}
@media only screen and (min-width: 360px) and (max-width: 400px) {
    .filter_col.filter_main_sec button, .filter_col.filter_main_sec a {
        margin-right: 6px;
        margin-bottom: 5px;
    }

}
    body {
        /* background-color: #f2f6fd; */
        font-family: "Roboto", sans-serif;
    }

    @media only screen and (min-width: 360px) and (max-width: 767px) {
        .imglogin_right {
            margin-top: 0px !important;
        }
    }