.scroll-sidebar {
    overflow-y: auto;
    max-height: 100vh;
    /* Full height */
}

.vibe-check-button-cs {
    text-align: center;
}

.vibe-check-button-cs {
    padding: 25px;
}

.download-btn-admin-school {
    border: unset;
    font: 14px;
    color: green;
    background-color: transparent;
    outline: none;
    box-shadow: none;
    cursor: pointer;
}

.download-btn-admin-school:focus,
.download-btn-admin-school:active {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

.vibe-check-cs {
    border-radius: 10px 10px 0px 0px;
    background: #00657F;
    padding: 15px 26px;
    display: flex;
}

td.break-text {
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
    max-width: 200px;
}

td.count-vibe-check {
    text-align: center;
}

.skip-now-new-cs .btn {
    color: #F60;
    background-color: unset;
    font-size: 15px;
}

.student-of-the-day {
    background-image: url(../images/jobs/studentofthedaybg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 10px 0px;
}

.vibe-check-text-info p {
    width: 73%;
}

#userSubTabs .nav-link.active {
    background-color: #DAA800;
    color: #fff;
    border-radius: unset;
    border: none;
}

.vibe-check-button-cs p {
    font-size: 16px;
}

.cursor-cs {
    cursor: pointer;
}

.student-of-the-day h5 {
    color: #000;
    font-weight: 700;
    margin: 0px;
    padding-top: 12px;
    padding-bottom: 8px;
}

.student-of-the-day .add-as-friend {
    background-color: white;
    border-radius: 13px;
    border: 1px solid #00657F;
    color: #00657F;
    margin-bottom: 25px;
}

.student-of-the-day-profile {
    width: 126px;
    height: 126px;
    border-radius: 132px;
    box-shadow: 0px 0px 20px 0px rgba(0, 101, 127, 0.60);
}

.student-of-the-day-profile.cursor-cs.res-friend-list {
    object-fit: cover;
}

.job-sec p {
    margin-bottom: 10px;
}

.vibe-check-text-info p {
    width: 73%;
}

.vibe-check-button-cs p {
    font-size: 16px;
}

.job-sec p {
    margin-bottom: 10px;
}

.friend-suggestions {
    padding-left: 25px;
    padding-right: 25px;
    margin-top: 30px;
}

.friend-list-bg img {
    min-width: 177px;
}

.friend-list-bg img {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.friend-list-content img {
    width: 80px;
    height: auto;
    border-radius: 50%;
    margin-top: -40px;
    object-fit: cover;
}

.friend-list-content img {
    width: 80px;
    height: auto;
    border-radius: 50%;
    margin-top: -40px;
}

.add-as-button {
    font-size: 12px;
    font-weight: 400;
    color: #00657F;
    padding: 3px 10px;
    border: 1px solid #00657F;
    border-radius: 10px;
    margin-bottom: 10px;
    background-color: white;
}

element.style {
    margin-top: 30px;
}

.form-spacing {
    padding-left: 25px;
    padding-right: 25px;
}

.main-textbox-home-create-cs .text-box-one-cs textarea {
    max-height: 42px;
    min-height: 42px;
    resize: none;
    margin-bottom: 10px;
}

.form-profile {
    height: 44px;
    width: 44px;
    margin-right: 5px;
    border-radius: 50%;
    object-fit: cover;
}

.toggle-fourms-buttons-cs {
    display: flex;
    justify-content: space-between;
}

.createforum-button {
    background-color: #00657F;
    color: #FFFFFF;
    border-radius: 0px;
    font-weight: 500;
    margin-top: 10px;
}

.new-main-dashboard-changes {
    display: flex;
}

.main-textbox-home-create-cs .text-box-one-cs textarea {
    max-height: 42px;
    min-height: 42px;
    resize: none;
    margin-bottom: 10px;
}

textarea.form-control {
    height: auto;
}

.form-box {
    min-height: 90px;
    width: 100%;
    border-radius: 5px;
    border: 1px solid #00657F;
}

element.style {
    position: absolute;
    transform: translate3d(0px, 25px, 0px);
    top: 0px;
    left: 0px;
    will-change: transform;
}

.new-forums-post .dropdown-menu {
    left: -125px !important;
}

element.style {
    position: absolute;
    transform: translate3d(0px, 25px, 0px);
    top: 0px;
    left: 0px;
    will-change: transform;
}

.new-forums-post .dropdown-menu {
    left: -125px !important;
}

.like-comment a span {
    color: #00657F;
    font-size: 16px;
    font-weight: 700;
    padding-left: 13px;
}

.form-box {
    min-height: 90px;
    width: 100%;
    border-radius: 5px;
    border: 1px solid #00657F;
}

.friend-list-content h5 {
    font-weight: 500;
}

.friend-list-content h5 {
    margin: 0px;
    font-weight: 700;
    padding-top: 8px;
}

.view-all {
    border-bottom: 1px solid rgba(0, 101, 127, 0.21);
    margin-bottom: 25px;
}

.vibe-check-button-cs .btn {
    border-radius: 60px;
    background: #00657F;
    color: white;
    padding: 9px 25px;
}

.pass_valid_wrap ul {
    padding: 0px;
}

body {
    position: relative;
    overflow-x: hidden;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    background: #F2F4F6;
    color: #161616;
    font-size: 13px;
    height: 100vh;
}

.user-login {
    max-width: 520px;
    background: #fff;
    margin: 0 auto;
    padding: 70px;
    border-radius: 5px;
}

.close {
    outline: none;
    background: none !important;
}

.close:hover {
    outline: none;
    background: none !important;
}

.close:focus {
    background: none !important;
    outline: none;
}

.login-head {
    color: #00657F;
}

.trash_icon {
    font-size: 15px;
}

.edit-icon {
    font-size: 15px;
}

.btn-theme {
    background: #00657F;
    color: #fff;
    font-weight: 600;
    border-color: #00657F;
}

.login-wrapper {
    overflow: hidden;
    background-size: cover;
    width: 100%;
    min-height: 100vh;
    background-image: url(../images/login-background.jpg);
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    height: 100%;
    background-size: cover;
}

.logo-center {
    width: 200px;
    height: 50px;
    margin: 0 auto;
    margin-bottom: 20px;
}

.logo-center img {
    width: 100%;
    max-width: 100%;
    object-fit: contain;
}

#buttonContainer {
    flex-wrap: wrap;
    display: flex;
}

.remove-word {
    padding: 10px;
}

.text-white .remove-word {
    border-left: 1px solid #FF3939;
}

.fixed-btn {
    width: 150px !important;
    white-space: normal !important;
    text-align: center !important;
    word-wrap: break-word !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    height: auto !important;
    line-height: 1.2 !important;
    justify-content: space-between !important;
    min-height: 40px;
    padding: 0px 0px 0px 10px !important;
}

.site-header {
    background: #a7d3e0;
    border-bottom: 1px solid #ebebeb;
    padding: 18px 0;
    height: 80px;
    box-shadow: 0 2px 9px rgba(0, 0, 0, 0.06);
    z-index: 1001;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
}

.suicidal-btn {
    background-color: #FFABAB;
    /* Light Red */
    color: black;
    border: none;
    outline: none;
    box-shadow: none;
    border-color: transparent;
}

.word-btn {
    padding: 8px 12px;
    text-align: center;
    white-space: nowrap;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.suicidal-btn .remove-word {
    padding: 10px;
    border-left: 1px solid #FF3939;
    color: #FF3939;
}

.badword-btn {
    background-color: #FFF2C5;
    /* Light Yellow */
    color: black;
    border: none;
    outline: none;
    box-shadow: none;
    border-color: transparent;
}

.badword-btn .remove-word {
    padding: 10px;
    border-left: 1px solid #DAA802;
    color: #DAA802;
}

.site-wrapper {
    padding-top: 80px;
}

.sidebar_link .site-logo {
    width: 164px;
    height: 35px;
}

.sidebar {
    width: 245px;
    background: #fff;
    position: fixed;
    left: 0;
    top: 0;
    box-shadow: 5px 0 15px rgba(0, 0, 0, 0.08);
    -ms-box-shadow: 5px 0 15px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 5px 0 15px rgba(0, 0, 0, 0.08);
    backface-visibility: hidden;
    overflow: auto;
    margin-top: 80px;
    height: auto;
    bottom: 0;
}

.sidebar>ul {
    height: auto;
}

.sidebar ul li {
    padding: 0px 15px;
    position: relative;
}

.sidebar ul li a {
    color: #333;
    font-weight: 400;
    display: block;
}

.sidebar>ul>li>a {
    color: #333;
    font-size: 14px;
    font-weight: 400;
    display: block;
    padding: 14px 0;
    border-bottom: 1px solid #eee;
}

.sidebar_icon {
    font-size: 18px;
    min-width: 30px;
    align-items: center;
}

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

.sidebar ul li a:hover {
    color: #00657F;
    text-decoration: none;
}

a.dropdown-item:focus,
a.dropdown-item:hover {
    opacity: 0.8;
    background-color: initial;
}

.main-content {
    background: #fff;
    margin-left: 245px;
    display: block;
    margin-top: 15px;
    overflow: hidden;
}

.dash-owner {
    background-color: #fff;
    padding: 12px;
    margin-bottom: 3px;
    margin-top: 20px;
}

.card {
    background-color: #FFFFFF;
    margin: 0 0 15px 0;
    padding: 12px;
    border: 0 solid rgba(120, 130, 140, 0.13);
    border-radius: 0px;
    box-shadow: 1px 0 5px rgba(0, 0, 0, 0.05);
}

.change_pass_sec {
    border-style: groove;
    border-color: #f5f5f500;
    padding-top: 18px;
    padding-bottom: 18px;
    padding-left: 7px;
}

.save-btn {
    color: #fff;
    border: none;
    background: #00657F;
    border-radius: 5px;
    padding: 12px 30px;
}

.card-body {
    padding: 0;
}

.owner-tag {
    color: #00657F;
}

label {
    color: #888;
    font-weight: 400;
    font-size: 14px;
}

small {
    font-size: 13px;
}

h4.mt-0 {
    margin-bottom: 20px;
}

.nav-item.active a {
    color: #00657F;
}

.user-login h2 {
    margin-bottom: 20px;
}

.site-header .sidebar_link {
    float: left;
    margin-right: 20px;
}

.welcome_msg {
    margin-top: 11px;
    font-weight: bold;
    color: white;
    font-size: 17px;
}

a.dropdown-item {
    padding: 0px;
}

.sidebar-toggle {
    display: none;
}

#schoolloginform {
    max-width: 400px;
    margin: 0 auto;
    padding: 30px;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.1);
    background: #fff;
}

@media (max-width: 767px) {
    .wrapper .site-header {
        height: 150px;
        font-size: 17px;
    }
    div.site-wrapper {
        padding-top: 150px;
    }
    .sidebar {
        z-index: 999;
        padding-top: 75px;
        top: 0;
        transform: translate(-245px, 0);
        -ms-transform: translate(-245px, 0);
        -webkit-transform: translate(-245px, 0);
        transition: 0.2s ease;
        -ms-transition: 0.2s ease;
        -webkit-transition: 0.2s ease;
        box-shadow: none;
        -ms-box-shadow: none;
        -webkit-box-shadow: none;
    }
    .main-content {
        margin-left: 0;
    }
    .sidebar-toggle {
        display: block;
        padding-left: 0.50rem;
        padding-right: 0.50rem;
    }
    .active-menu .sidebar {
        transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        transition: 0.2s ease;
        -ms-transition: 0.2s ease;
        -webkit-transition: 0.2s ease;
        box-shadow: 5px 0 15px rgba(0, 0, 0, 0.08);
        -ms-box-shadow: 5px 0 15px rgba(0, 0, 0, 0.08);
        -webkit-box-shadow: 5px 0 15px rgba(0, 0, 0, 0.08);
    }
    #userAccount {
        margin-top: 90px;
    }
    #userAccount .navbar {
        padding: 0;
    }
}

body.active-menu {
    overflow: hidden;
}

.required_star {
    color: red;
}

.save_btn_action:hover,
.btn-theme:hover {
    opacity: 0.8;
    color: white;
}

.c-checkbox {
    display: none;
}

label {
    font-weight: 400;
}

label {
    margin-bottom: -6px;
}

input[type="checkbox"]:checked+label:before {
    background: green;
    color: #fff !important;
    text-align: center !important;
}

input[type='checkbox'].c-checkbox+label::before {
    content: "\f00c";
    border: 1px solid #d7d7d7;
    border-radius: 3px;
    display: inline-block;
    width: 22px;
    height: 22px;
    padding: 0;
    text-align: center;
    line-height: 22px;
    font-size: 12px;
    margin-right: 5px;
    vertical-align: bottom;
    color: transparent;
    transition: .2s;
    font-family: 'FontAwesome', FontAwesome;
}

form#SaveFundraiserForm span.select2-container .select2-selection--single {
    height: 44px;
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    padding-top: 10px;
    outline: none !important;
    box-shadow: none;
    border-color: #ced4da;
}

form#SaveFundraiserForm .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 22px;
}

form#SaveFundraiserForm .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
}

span.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 11px;
}

span.expand-icon {
    padding-right: 10px;
    font-size: 15px!important;
}

.add_new_cat {
    color: #49C0F0!important;
    text-decoration: none!important;
    padding: 6px!important;
}

.custom-badge {
    float: right;
    margin-right: 20px;
    font-size: 12px;
    padding: 8px;
}

.badge-success {
    background-color: #26dad2;
}

li.parent-inner,
ul.child li {
    padding-top: 20px;
}

.inventory-cat-list li.parent,
.inventory-cat-list li.sin-cat {
    padding: 20px 0px;
    border-bottom: 1px solid lightgrey;
}

ul {
    list-style: none;
}

.category_details i.fa-edit,
ul.child i.fa-edit {
    color: black;
}

div.image-editor {
    max-width: 300px;
    margin: auto;
}

div.im_photo_editer_inner {
    max-width: 300px;
}

.cropit-preview {
    border: 1px solid #ccc;
    border-radius: 50%;
    width: 250px;
    height: 250px;
    margin: 0 auto;
    float: none;
    overflow: hidden;
    z-index: 1;
}

div.cropit-preview {
    border: none;
}

.cropit-preview {
    border: 1px solid #ccc;
    border-radius: 50%;
    width: 140px;
    height: 140px;
    float: left;
    overflow: hidden;
    z-index: 1;
}

#user_img_editor .cropit-preview>img {
    object-fit: contain;
    height: 100%;
    width: 100%;
}

.cropit-preview-image-container {
    cursor: move;
}

.cropit-preview-image-container {
    cursor: move;
}

.border-0 {
    border: 0px;
}

.img_edit_label {
    color: #31b0d5;
}

.cust_img_edit_cont .fiselect_cont {
    float: left;
    margin-top: 100px;
    margin-left: 15px;
}

.cust_img_edit_cont .fiselect_cont {
    float: left;
    margin-top: 50px;
    margin-left: 15px;
}

.fiselect_cont {
    margin-bottom: 10px;
}

.img_resize_controls {
    padding-top: 15px;
    display: table;
    width: 100%;
}

.img_resize_controls {
    display: table;
    width: 100%;
    padding-bottom: 10px;
}

.img_resize_controls {
    display: table;
    width: 100%;
    padding-bottom: 10px;
}

.img_resize_controls .im_left {
    vertical-align: 4px;
}

.img_resize_controls .im_left {
    vertical-align: 4px;
}

input.cropit-image-zoom-input {
    width: 150px;
    margin-left: 6px;
    display: inline-block;
}

input.cropit-image-zoom-input {
    width: 150px;
    margin-left: 6px;
    display: inline-block;
}

.toggleWrapper input.mobileToggle:checked+label:before {
    background: #00657F;
    transition: width 0.2s cubic-bezier(0, 0, 0, 0.1);
}

.toggleWrapper input.mobileToggle+label:before {
    content: "";
    position: absolute;
    display: block;
    transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
    height: 20px;
    width: 35px;
    top: 0;
    left: 0;
    border-radius: 30px;
    border: 1px solid grey;
}

.toggleWrapper input.mobileToggle {
    opacity: 0;
    position: absolute;
}

.toggleWrapper input.mobileToggle+label:after {
    content: "";
    position: absolute;
    display: block;
    box-shadow: none;
    transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
    background: #97A3B4;
    height: 13px;
    width: 13px;
    top: 3px;
    left: 4px;
    border-radius: 60px;
}

.toggleWrapper input.mobileToggle:checked+label:after {
    left: 18px;
    background: #fff;
}

.toggleWrapper label+span {
    vertical-align: top;
    margin-left: 47px;
    color: #888;
    font-size: 14px;
    font-weight: 500;
    position: relative;
    width: 100%;
}

.toggleWrapper {
    margin-top: 15px;
}


/*th a{*/


/*	color:black !important;*/


/*}*/


/*td a{*/


/*	color:black !important;*/


/*}*/

.btn {
    padding: 10px 20px;
    font-size: 16px;
}

.btn.focus,
.btn:focus {
    box-shadow: none;
}

.btn-theme:hover {
    opacity: 0.8;
    background: #00657F;
    border: 1px solid #00657F;
}

.btn-default:hover {
    opacity: 0.8;
    background: #efefef;
    border-color: #efefef;
}


/*new*/

.dec_text {
    font-size: medium;
}

.sidedivadmin {
    background-color: #fff;
    margin-top: 30px;
    border: 1px solid #ddd;
    min-width: 100%;
    height: max-content;
    width: 100%;
}

.memberslink.active {
    color: #00657F !important;
}

.memberslink {
    color: black;
}

.memberslink:hover {
    text-decoration: none;
    color: #00657F;
}

.memberslink.active .fa,
.adduser .fa {
    color: #00657F;
}

.memberslink.active .fas,
.adduser .fas {
    padding-right: 5%;
    color: #00657F;
}

.memberslink .fa,
.adduser .fa {
    padding-right: 5%;
    color: black;
}

.memberslink .fas,
.adduser .fas {
    padding-right: 5%;
    color: black;
}

.order-card {
    border-radius: 0;
    padding: 0;
    margin-bottom: 15px;
    border-top: 1px solid #ddd;
    padding-top: 15px;
}

.order--img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
}

h4.order_title_wrap {
    margin-top: 10px;
    margin-bottom: 5px;
}

.order-header img.img-responsive {
    height: 130px;
}

.order-edit {
    padding-left: 5px;
    padding-right: 5px;
    color: #00657F;
}

.order-edit.edit_orders:hover {
    text-decoration: none;
}

.order-header img.img-responsive {
    width: 130px;
    height: 100%;
    object-fit: cover;
    max-height: 170px;
    border-radius: 10px;
}

.order-header .order-info {
    margin-bottom: 0;
    opacity: 0.7;
    font-size: 14px;
}

.nav-pills .nav-link {
    font-weight: 500;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #00657F;
    background: transparent;
}

.nav-item a {
    color: #7f7f7f;
}

.nav-pills {
    background-color: #f6f6f6;
    padding: 10px;
}

.link-edit {
    float: right;
}

.sidebar:focus {
    outline: none !important;
}

.right-panel {
    padding: 20px;
    background: #fff;
    margin-left: 20px;
    margin-right: 20px;
}

.pagination_counter.pagination_pageNumber a {
    border: 1px solid;
    padding: 5px 0;
    margin-right: 5px;
    text-decoration: none;
    height: 30px;
    display: inline-block;
    width: 30px;
    margin-bottom: 2px;
    text-align: center;
}

.pagination_counter.pagination_pageNumber a:hover,
.pagination_counter.pagination_pageNumber a.active {
    color: white;
    background-color: #DAA800;
    border: 1px solid #DAA800;
    text-decoration: none;
}

textarea {
    height: auto;
    overflow: auto;
    min-height: 100px;
    max-height: 100px;
}

.bdt-select-acc .card {
    height: 100%;
    padding: 6px;
}

.bdt-select-acc .card .row.m-1 {
    word-break: break-all;
}

.school-image-logo {
    width: 100%;
    max-height: 100px;
    max-width: 100px;
    object-fit: contain;
}

.logo-upload-btn {
    width: 100%;
    text-align: left;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-color: black;
}

#common-forum-like-modal-body {
    max-height: 400px;
    overflow-y: auto;
}

.no-likes {
    color: #999;
    /* Change text color */
    font-style: italic;
    /* Italic style */
    text-align: center;
    /* Center the text */
    padding: 10px;
    /* Add some padding */
    background-color: #f8f8f8;
    /* Light background */
    margin: 10px 0;
    /* Margin for spacing */
}

.styled-likes-list li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px;
    border-top: 1.5px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin: 0;
    /* Ensures no additional margin */
}

.styled-likes-list {
    list-style: none;
    padding: 0;
    margin: 0;
    /* Ensures the list itself has no outer margin */
    width: 100%;
    background-color: #f4f4f4;
}

.styled-likes-list li:last-child {
    border-bottom: none;
}

.styled-likes-list span {
    flex-grow: 1;
    margin-right: 10px;
}

.icon-container {
    width: 33px;
    /* Set icon container width */
    height: 33px;
    /* Set icon container height */
    background-color: #00657f;
    /* Blue background color */
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    /* Circular shape */
}

.icon-container i {
    font-size: 15px;
    /* Larger icon size */
}

.liked-modal-close-btn {
    border: none !important;
    font-size: 1.5rem !important;
    font-weight: 700;
    line-height: 1;
    opacity: .5;
    background-color: white !important;
    cursor: pointer !important;
    margin-top: 0px !important;
    margin-right: 0px !important;
}

.modal-pop-section-changes .pop-up-content .pop-up-content-profile {
    display: flex;
}

.modal-pop-section-changes .pop-up-content .pop-up-content-profile img {
    height: 55px;
    width: auto;
    object-fit: cover;
    border-radius: 50%;
    border: 2px solid #00657F;
}

.modal-pop-section-changes .pop-up-content .pop-up-content-profile .user-content-names p {
    margin-bottom: 0px;
}

.modal-pop-section-changes .pop-up-content .pop-up-content-profile .user-content-names {
    align-content: center;
    padding-left: 10px;
}

.modal-pop-section-changes .pop-up-content {
    display: flex;
    justify-content: space-between;
}

.modal-pop-section-changes .pop-up-content .pop-up-content-profile .user-content-names p span {
    font-size: 18px;
    font-weight: 700;
    padding-right: 10px;
}

.modal-pop-section-changes .pop-up-content .pop-up-content-profile img {
    height: 45px;
    width: 45px;
    object-fit: cover;
    border-radius: 50%;
    border: 2px solid #00657F;
}

.modal-pop-section-changes .p-post-date {
    font-size: 12px;
}

.modal-pop-section-changes .profile-post-content-ch {
    padding-top: 10px;
}

.modal-pop-section-changes .profile-post-content-ch .user-images-ch {
    text-align: center;
    padding-bottom: 15px;
    border-bottom: 1px solid #D3D3D3;
    margin-bottom: 10px;
}

.modal-pop-section-changes .profile-post-content-ch .user-images-ch img {
    object-fit: contain;
    min-width: 750px;
}

.modal-pop-section-changes .rating-ch a {
    text-decoration: none;
}

.modal-pop-section-changes .rating-ch a span {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    padding-left: 25px;
}

.modal-pop-section-changes .rating-ch {
    padding-bottom: 7px;
    border-bottom: 1px solid #D3D3D3;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
    border-top: 1px solid #D3D3D3;
    padding-top: 10px;
}

.n-edit image {
    margin-top: auto;
}

.modal-pop-section-changes .rating-ch img {
    padding-bottom: 4px;
    padding-left: 10px;
}

.modal-pop-section-changes .message-ch .p1-ch {
    margin-bottom: 2px;
    font-size: 14px;
    font-weight: 700;
    color: #00657F;
}

.display-css-fundraiser {
    display: inline-grid;
}

.modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
}

.reported-css {
    white-space: normal;
    word-wrap: break-word;
    display: block;
    width: 80%;
}

.reported {
    display: flex !important;
    align-items: center;
}

.like-comment {
    padding: 20px 20px;
    text-align: end;
}

.modal-pop-section-changes .message-ch .p1-ch a {
    font-size: 12px;
}

.modal-pop-section-changes .message-ch .p2-ch {
    font-size: 14px;
    word-break: break-all;
    margin-bottom: 0px;
}

.modal-pop-section-changes .message-ch .comment-para-ch {
    background-color: #f0f2f5;
    padding: 10px;
    border-radius: 15px;
}

.modal-pop-section-changes .message-ch p span {
    padding-left: 15px;
    font-size: 12px;
}

.modal-pop-section-changes .message-ch img {
    border-radius: 50%;
    max-height: 35px;
    width: auto;
    margin-right: 10px;
    border: 2px solid #00657F;
}

.modal-pop-section-changes .message-ch .message-reply-ch {
    display: flex;
    width: 95%;
}

.modal-pop-section-changes .message-ch {
    padding-top: 20px;
}

.modal-pop-section-changes .modal-footer img {
    /*vertical-align: top;
    border-radius: 50%;
    max-height: 35px;
    border: 2px solid #00657F;*/
    height: 35px;
    width: 35px;
    object-fit: cover
}

.modal-pop-section-changes .modal-footer {
    justify-content: normal;
}

.modal-pop-section-changes .modal-footer .reply-message-image-ch {
    width: 90%;
}

.modal-pop-section-changes .modal-footer textarea {
    width: 94%;
    border-radius: 5px;
    border: 1px solid #00657F;
    margin-left: auto;
    max-height: 21px;
    resize: none;
}

.modal-pop-section-changes .message-ch .three-dot-profile i {
    font-size: 14px;
}

.modal-pop-section-changes .modal-footer .post-button-ch {
    font-size: 16px;
    font-weight: 600;
    background-color: #00657F;
    color: white;
    margin-bottom: 11px;
}

.modal-pop-section-changes .pop-up-comments-like a i {
    color: #00657F;
    padding-left: 15px;
}

.modal-pop-section-changes .pop-up-comments-like a span {
    padding-left: 10px;
}

@media only screen and (max-width: 767px) {
    /* Styles for mobile devices */
    .modal-pop-section-changes .modal-footer textarea {
        width: 83%;
    }
    .modal-pop-section-changes .modal-footer .reply-message-image-ch {
        width: 75%;
    }
    .modal-pop-section-changes .profile-post-content-ch .user-images-ch img {
        max-width: 313px;
        min-width: 313px;
    }
    .modal-pop-section-changes .rating-ch a span {
        padding-left: 0px;
    }
    .modal-pop-section-changes .pop-up-comments-like a i {
        padding-left: 0px;
        padding-right: 5px;
    }
    .modal-pop-section-changes .likes-com-ch {
        padding-left: 0px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    /* Styles for tablets */
    .modal-pop-section-changes .modal-footer textarea {
        width: 90%;
    }
    .modal-pop-section-changes .modal-footer .reply-message-image-ch {
        width: 84%;
    }
    .modal-pop-section-changes .profile-post-content-ch .user-images-ch img {
        max-width: 463px;
        min-width: 463px;
    }
}

.three-dot-profile {
    position: absolute;
    right: -7px;
    bottom: 40px;
}

.modal-pop-section-changes .three-dot-profile a i {
    font-size: 25px;
    color: grey;
}

.modal-pop-section-changes .pop-up-comments-like a i {
    color: #040404;
    padding-left: 15px;
}

.modal-pop-section-changes .rating-ch a span {
    color: #00657F;
    font-size: 16px;
    font-weight: 600;
    padding-left: 5px;
}

.profile-post-content-ch .rating-ch .likes-com-ch {
    text-align: end;
}

.modal-pop-section-changes .message-ch img {
    height: 35px;
    width: 35px;
    object-fit: cover;
}

.n-edit,
.n-trash {
    display: flex;
    align-items: center;
    /* Align content vertically */
    gap: 10px;
    /* Adds spacing between elements inside */
}

.modal-pop-section-changes .pop-up-content .pop-up-content-profile img {
    height: 45px;
    width: 45px;
    object-fit: cover;
    border-radius: 50%;
    border: 2px solid #00657F;
}

.modal-pop-section-changes .pop-up-comments-like a i {
    color: #040404;
    padding-left: 15px;
}

.success-container {
    text-align: center;
}

.message-ch .comment-para-ch {
    background-color: #f0f2f5;
    padding: 10px;
    border-radius: 15px;
}

.message-ch .three-dot-profile i {
    font-size: 14px;
}

.message-ch .replies-container .message-reply-ch img {
    height: 35px;
    width: 35px;
    object-fit: cover;
    border-radius: 50%;
    max-height: 35px;
    margin-right: 10px;
    border: 2px solid #00657F;
}

.message-ch p span {
    padding-left: 15px;
    font-size: 12px;
}

.message-ch .p1-ch {
    margin-bottom: 2px;
    font-size: 14px;
    font-weight: 700;
    color: #00657F;
}

.modal-pop-section-changes .message-ch img {
    height: 35px;
    width: 35px;
    border-radius: 50%;
    max-height: 35px;
    margin-right: 10px;
    border: 2px solid #00657F;
}

#forum-image-portfolio .delete-image {
    left: 137px;
}

.delete-image {
    position: relative;
    top: -87%;
    right: -8px;
    background: red;
    color: white;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    cursor: pointer;
}

#forum-image-portfolio {
    position: relative;
    display: flex;
    overflow-x: auto;
}

#forum-image-portfolio img {
    max-width: 160px;
    max-height: 160px;
    min-height: 160px;
    min-width: 160px;
    margin-right: 10px;
    width: auto;
    height: auto;
    object-fit: cover;
    border-radius: 5px;
}

.pesonalcvision-buttons .save-button-into {
    border-radius: 5px;
    background: #00657F;
    font-size: 16px;
    color: #FFF;
    font-weight: 500;
    padding: 5px 29px;
    margin-right: 10px;
}

.pesonalcvision-buttons .cancel-button-intro {
    border-radius: 5px;
    border: 1px solid #F00;
    font-size: 16px;
    background: #FFF;
    color: #F00;
    font-weight: 400;
    padding: 5px 29px;
}

.pesonalcvision-buttons {
    margin-top: 20px;
    text-align: end;
}

.new-read-blog-image p {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 4px;
}

.new-read-blog-image h5 {
    font-size: 10px;
    color: black;
    font-weight: 400;
}

.edit-forum-admin-modal .modal-body {
    padding: 50px 40px;
}

.edit-forum-admin-modal p {
    color: #00657F;
    font-size: 25px;
    font-weight: 700;
    margin: 0px;
    padding-bottom: 20px;
}

#message {
    width: 100%;
    border-radius: 5px;
    border: 1px solid rgba(130, 122, 122, 0.88);
    resize: none;
    min-height: 150px;
    margin-bottom: 20px;
    padding: 10px;
}

.first-min-pach {
    position: relative;
}

.reply-custom-cs {
    padding-left: 50px;
}

.comment-reply-like {
    right: -11px;
}

.first-min-pach .delete_comment {
    position: absolute;
    top: -59px;
    right: -4px;
}

.first-min-pach .delete_comment a i {
    background: #ff1900;
    padding: 6px;
    border-radius: 50%;
    color: white;
}

.modal-header {
    align-items: center;
}

.cross-icon.liked-modal-close-btn {
    padding: 0px;
    margin: 0px;
}

.modal-pop-section-changes .modal-dialog {
    top: 35%;
}

.modal-pop-section-changes .modal-header h5 {
    font-weight: 500;
}

.profile-image {
    height: 35px;
    width: 35px;
    border-radius: 50%;
    object-fit: cover;
}

.detail-schools tbody tr td {
    vertical-align: middle;
}

.detail-school-style {
    display: flex;
    justify-content: space-between;
}

.detail-school-style .detail-school-delete {
    display: flex;
    align-items: center;
}

.suggestion-text {
    display: flex;
    align-items: center;
}

#Save_eCardForm .col-auto {
    padding: 0px;
}

.custom-radio .custom-control-input:checked~.custom-control-label::before {
    position: absolute;
    left: -20px;
}

.custom-radio .custom-control-input:checked~.custom-control-label::after {
    position: absolute;
    left: -20px;
}

.custom-radio .custom-control-label::before {
    position: absolute;
    left: -20px;
}

@media only screen and (max-width: 767px) {
    .res-forum-name {
        margin-bottom: 0px;
    }
    .forums-background {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    .modal-dialog.modal-dialog-scrollable.modal-lg {
        width: 95%;
    }
    .modal-dialog.modal-lg.modal-dialog-centered {
        width: 95%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .sidebar-mini .sidebar-nav ul li:hover {
        background-color: unset;
    }
    .sidebar-mini .sidebar-nav #sidebar-menu>li:hover>a {
        background-color: unset;
    }
    .sidebar-mini .sidebar-nav #sidebar-menu>li:hover>a .hide-menu {
        display: none;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1366px) {
    .sidebar-nav ul li:hover {
        background-color: unset;
    }
    .sidebar-mini .sidebar-nav #sidebar-menu>li:hover>a {
        background-color: unset;
    }
    .sidebar-mini .sidebar-nav #sidebar-menu>li:hover>a .hide-menu {
        display: none;
    }
}
/* View fundraiser page */
.last_div {
    flex: 0 0 25% !important;
    max-width: 100% !important;
    margin-top: 18px !important; 
    /* background-color : black ; */
    /* align-content:end; */
    margin-left:15px !important;
}
.text-content{
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
}

.card-title-dashboard{
    background-color: #EFF4ED;
    padding: inherit;
    margin-left: -15px;
    margin-right: -15px;
    margin-top: -15px;
}
.table-fundraiser .table tbody tr td{
    vertical-align: unset;
}
.card-table-fundraiser{
    border-radius: 5px;
}
@media screen and (max-width: 360px)  {
    .dropdown-menu.show {
        left: 33%!important;
        top: 60%;
    }
}
@media screen and (min-width: 361px) and (max-width: 380px)  {
    .dropdown-menu.show {
        left: 44%!important;
        top: 60%;
    }
}
.dropdown-menu.show {
    left: 47%;
    top: 60%;
}

.custom-radio, .custom-control-label{
    cursor: pointer;
}