/* FOR LAPTOP SIZE => SEARCH FOR LAPTOP SCREEN SIZE START */
/* FOR IPAD SIZE => SEARCH FOR IPAD SCREEN SIZE START */
/* FOR MOBILE SIZE => SEARCH FOR MOBILE SCREEN SIZE START */
/* CSS FOR FREE SIZE SCREEN => CSS FOR FREE SIZE SCREEN (GLOBAL CSS) START  */

/* CSS FOR FREE SIZE SCREEN (GLOBAL CSS) START */
/* Re-Usable Classes START */
.greenColor {
    color: #74bdbf !important;
}

.lightGreenColor {
    color: #c2e2e3;
}

.primaryColor {
    color: #65acae !important;
}

.blueLinkColor {
    color: #005e93 !important;
}

.redColor {
    color: #ce3d3d !important;
}

.yellowColor {
    color: #feac00 !important;
}

.fontBold {
    font-weight: bold !important;
}

.flexOne {
    flex: 1;
}

.width-10 {
    width: 10%;
}

.width-26 {
    width: 26%;
}

.width-30 {
    width: 30%;
}

.width-40 {
    width: 40%;
}

.width-50 {
    width: 50%;
}

.width-60 {
    width: 60%;
}

.cursor-pointer {
    cursor: pointer;
}

.resetFilterButton {
    align-content: center;
    flex-wrap: wrap;
    font-weight: 500;
    cursor: pointer;
}

.resetFilterButton:hover {
    color: #65acae;
    text-decoration: underline;
}

.rangeValue {
    display: flex;
    justify-content: space-between;
    padding-top: 0px;
    padding-bottom: 20px;
    font-size: 20px;
    color: #616161;
    width: 107%;
    margin-left: -5px;
}

.infoText {
    color: #282828;
    text-align: center;
    font-family: "Raleway";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
}

.infoText:hover {
    text-decoration: underline;
}

.smallText {
    font-size: 14px;
}

.modalSubTitle {
    color: #818383;
    font-family: "Raleway";
    font-size: 18px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: center;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    color: rgba(0, 0, 0, 0);
    opacity: 1;
    display: block;
    background: url("/assets/images/calenderIcon.svg") no-repeat;
    width: 20px;
    height: 20px;
    border-width: thin;
}

.redOutline {
    outline: 1px solid #cc3333;
}

.errorText {
    color: #cc3333;
    font-size: 12px;
    font-family: "Raleway";
}

.bottom-20 {
    bottom: 1rem;
}

.bottom-40 {
    bottom: 4rem;
}

/* Re-Usable Classes END */

.textAreaMsgBtnsTrue {
    /* position: absolute;

    border-radius: 25px;
    border: 1px solid rgba(84, 154, 156, 0.5);

    height: fit-content;
    width: 94%;
    right: 3%;
    background: white; */
}

.textAreaMsg {
    /* position: absolute;
    bottom: 15px;
    border-radius: 50px;
    border: 1px solid rgba(84, 154, 156, 0.5);
     height: fit-content;
    width: 94%;
    right: 3%;
    background: white; */
}
.sect-btn-box {
    gap: 10px;
}
.sendButton {
    /* border-radius: 8px;
    background: linear-gradient(263deg, #549a9c 5.13%, #65acae 86.84%);
    width: 24px;
    height: 24px;
    display: flex;
    align-self: center;
    align-items: center;
    justify-content: center;
    margin-right: 5px; */
}
.sendButtonDisabled {
    /* border-radius: 8px;
    background: linear-gradient(263deg, #549a9c 5.13%, #65acae 86.84%);
    width: 24px;
    height: 24px;
    display: flex;
    align-self: center;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
    opacity: 0.7; */
}
.emoji-position {
    position: absolute;
    right: 100px;
    z-index: 1000;
    bottom: 25px;
}

.all-chat-section {
    width: 28vw;
    height: 40vw;
    /* background-color: white; */
    /* border-radius: 20px; */
    overflow-y: scroll;
    /* border: 1px solid #549a9c80; */
    scrollbar-width: none;
}

.all-chat-section::-webkit-scrollbar {
    width: 10px;
}

.all-chat-section .single-box-chat {
    /* background-color: white; */
    /* padding: 20px 40px; */
}

.single-box-chat .chat-text-name {
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    color: #000;
}

.single-box-chat .chat-text-name span {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #989ba1;
}

.single-box-chat.active-single-chat-box .chat-text-name,
.single-box-chat.active-single-chat-box .chat-text-name span,
.single-box-chat.active-single-chat-box .chat-msg-notif,
.single-box-chat.active-single-chat-box .msg-time {
    color: #fff;
}

.active-single-chat-box {
    /* background: linear-gradient(263.11deg, #549a9c 5.13%, #65acae 86.84%); */
}

.unread-single-message-tag {
    min-width: 20px;
    height: 20px;
    border-radius: 50px;
    background: linear-gradient(180deg, #0094e7 0%, #005e93 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 12px;
    /* Adjust font size as needed */
    padding: 4px 6px;
    /* Adjust padding as needed */
    font-weight: 800;
    white-space: nowrap;
    /* Prevent wrapping */
}

.chat-msg-notif {
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    color: #616161;
    padding-top: 8px;
    /* text-align:center; */
}

.chat-msg-notif .text {
    max-width: 74%;
}

.msg-time {
    font-weight: 500;
    font-size: 11px;
    line-height: 14px;
    color: #989ba1;
    max-width: 26%;
}

.nothing-found {
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: center;
    margin-top: 3rem;
    height: 40vh;
}

.box-padding {
    /* padding: 0px 18px 0 18px; */
}

.searchbar-right-container {
    width: 60%;
    gap: 15px;
}

.searchbar-right-container p {
    /* font-size: 20px;
    line-height: 23px;
    color: #555758;
    font-weight: 500; */
}

.active-link-style {
    text-decoration: underline;
    color: #3862a0 !important;
    cursor: pointer;
}


.pending-requests-tag {
    left: 177px;
    bottom: 15px;
    position: absolute;
    min-width: 20px;
    height: 20px;
    border-radius: 50px;
    background-color: #65acae;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 14px;
    /* Adjust font size as needed */
    padding: 4px 6px;
    /* Adjust padding as needed */
    font-weight: 800;
    white-space: nowrap;
    /* Prevent wrapping */
}


.inbox-setting .options-section {
    border-bottom: 1px solid #eeeeee;
}

.inbox-setting .mark-text {
    color: #005e93;
}

.inbox-setting .inner-dropdown {
    position: absolute;
    z-index: 11;
    color: #e3dfe9;
    font-size: 20px;
    font-weight: 400;
    background: white;
    padding: 15px;
    border-radius: 15px;
    cursor: pointer;
    height: 230px; 
    top: 55px;
    /* right: 100px; */
    right: 35px;

    /* Initial state: hidden */
    transform: scale(0.01);
    opacity: 0;
    pointer-events: none;
    transition: transform 0.3s ease, opacity 0.3s ease, box-shadow 0.3s ease 0.15s;
    transform-origin: center top;
}

.inbox-setting .inner-dropdown.open {
    /* Open state */
    transform: scale(1);
    opacity: 1;
    pointer-events: auto;
}


.single-chat-section {
    /* please check .all-chat-section if change css */
    /* width: calc(100% - 28vw);  */
    /* margin-left: 30px; */
    /* background: #ffffff; */
    /* box-shadow: 0px 24px 65px rgba(0, 0, 0, 0.04); */
    /* border-radius: 20px;
    border: 1px solid #549a9c80; */
    /* padding: 0px 18px 0 18px; */
}

.creator-chat-box-scroll-btns-true {
    /* max-height: 33vw; */
    /* max-height: calc(100% - 130px); */
    overflow-y: scroll;
}

@media (max-width: 640px){
    .creator-chat-box-scroll-btns-true {
         /* max-height: calc(100% - 220px); */
    }
}

.creator-chat-box-scroll-btns-true::-webkit-scrollbar {
    display: none;
}

.creator-chat-box-scroll-multi-btns-true {
    /* max-height: 23vw; */
    overflow-y: scroll;
}

.creator-chat-box-scroll-multi-btns-true::-webkit-scrollbar {
    display: none;
}

.creator-chat-box-scroll {
    /* max-height: 36vw; */
    max-height: calc(100% - 50px);
    overflow-y: scroll;
}

.creator-chat-box-scroll::-webkit-scrollbar {
    display: none;
}

.countdown-container {
    font-family: Arial, sans-serif;
    text-align: center;
}

.delivery-time-section {
    /* border-top-left-radius: 18px;
    border-top-right-radius: 18px; */
    background-color: #5abb71;
    height: 53px;
    display: flex;
    justify-content: space-between;
    color: white;
    padding: 0 20px;
    position: absolute;
    width: 100%;
    z-index: 10;
}

.delivery-time-section p:nth-child(1) {
    /* font-size: 17px; */
    font-weight: 800;
    /* padding-top: 15px; */
}

.delivery-time-section p:nth-child(2) {
    font-size: 20px;
    font-weight: 700;
    padding-top: 10px;
    letter-spacing: 3px;
}

.delivery-time-section {
    /* margin-bottom: 20px; */
}

.wait-approval-time-color {
    background: #feac00;
}

.brand-favor-time-bar {
    background-color: #989ba1;
}

.countdown {
    display: flex;
    justify-content: center;
}

.countdown-item {
    text-align: center;
    margin: 0 10px;
}

.countdown-value {
    font-size: 20px;
    font-weight: 800;
    padding-top: 2px;
    color: white;
}

.countdown-label {
    font-weight: 800;
    font-size: 14px;
    color: white;
}

.creator-empty-chat {
    height: 38vw;
    display: grid;
    align-content: center;
}

.custom-offer-heading {
    /* color: #549a9c;
    font-weight: 900; */
}
.custom-offer-msg p {
    border-color: #65acae;
    color: #65acae;
}

.custom-offer .custom-offer-textarea {
    width: 100%;
    height: 160px;
    /* background-color: #f1f8ff; */
    /* outline: 1px solid #549a9c80; */
    border-radius: 23px;
    border: none;
    padding: 20px;
    resize: none;
}

.custom-offer-textarea {
    width: 100%;
    height: 210px;
    /* background-color: #f1f8ff; */
    outline: 1px solid #549a9c80;
    border-radius: 23px;
    border: none;
    padding: 20px;
    resize: none;
}

.view-offer-count-position {
    position: absolute;
    font-size: 15px;
    color: #616161;
    right: 20px;
    bottom: 5px;
}

.newPosition {
    bottom: 20px;
}

.custom-input {
    height: 51px;
    background-color: #ffff;
    outline: 1px solid #549a9c80;
    border-radius: 26px;
    border: none;
    width: 100%;
    /* margin-bottom: 20px; */
    padding-left: 19px;
}

.custom-input:focus {
    box-shadow: none;
    /* outline: none; */
}


.collaboration-proposal-dollar-icon {
    position: absolute;
    top: 18px;
    right: 22px;
}

.dropdown-hours-box-list .hours-dropdown-button {
    background-color: transparent;
    width: 520px !important;
    height: 50px;
    border-radius: 50px;
    /* border: 1px solid #989ba1; */
    border: 1px solid #549a9c80;
    padding: 0 20px;
    margin: auto;
}

.dropdown-hours-box-list .hours-inner-dropdown {
    height: 110px !important;
    overflow-y: scroll;
}

.dropdown-hours-box-list .hours-dropdown-button::-webkit-scrollbar {
    width: 10px;
}

.dropdown-hours-box-list .hours-inner-dropdown .dropdown-list-data div,
.inner-dropdown .dropdown-list-data div {
    color: black;
    padding: 5px 12px;
    font-family: Raleway;
    height: 27px;
    font-size: 16px;
    font-weight: 400;
    margin: 5px;
    border-radius: 8px;
    display: flex;
    align-items: center;
}

.dropdown-hours-box-list .hours-inner-dropdown .dropdown-list-data div:hover,
.dropdown-box-list .inner-dropdown .dropdown-list-data div:hover {
    background-color: #005e93;
    color: #ffffff;
}

.hours-inner-dropdown {
    padding-top: 10px;
    padding-bottom: 10px;
    width: 520px !important;
    top: 235px !important;
    left: 65px;
}

.reject-submission .attachments-button {
    width: 540px;
    height: 45px;
    border-radius: 50px;
    /* border: 1px solid #0094e7; */
    border: 1px solid #549a9c80;
    color: gray;
    text-align: center;
}

.reject-submission-position {
    bottom: 45px;
}

.reject-submission-error-position {
    bottom: 65px;
}

.reject-submission .title {
    font-family: Raleway;
    font-size: 18px !important;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0.03em !important;
    text-align: center;
    color: #818383;
}

.reject-submission .submit-appeal-textarea {
    width: 100%;
    height: 190px;
    /* background-color: #f1f8ff; */
    outline: 1px solid #549a9c80;
    border-radius: 20px;
    border: none;
    padding: 20px;
    resize: none;
}

.submit-appeal-textarea {
    width: 100%;
    height: 200px;
    /* background-color: #f1f8ff; */
    outline: 1px solid #549a9c80;
    border-radius: 20px;
    border: none;
    padding: 20px;
    resize: none;
}

.word-count {
    position: absolute;
    right: 60px;
    bottom: 20px;
    color: #616161;
    font-size: 15px;
}

.attachments-button {
    width: 240px;
    height: 35px;
    border-radius: 8px;
    border: 1px solid #0094e7;
    color: #0094e7;
    text-align: center;
}

.attachments-button:hover {
    border: 1px solid #549a9c80;
    color: black;
    background-color: #549a9c80;
}

.accept-offer-btn {
    background-color: #005e93;
    width: 340px;
    margin-top: 50px;
}

.accept-offer-btn:hover {
    color: black;
    background-color: #005e93;
}

.accept-offer .title {
    font-family: Raleway;
    font-size: 16px !important;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0.03em !important;
    text-align: left;
    color: black;
}

.accept-offer .cancel-notice {
    background-color: #fcf2f2;
    color: #ce3d3d;
    padding: 10px 50px;
    border-radius: 6px;
    text-align: center;
}

.appeal-count-position {
    bottom: 20px;
}

.appeal-count-error-position {
    bottom: 40px;
}

.request-count-position {
    bottom: 50px;
}

.add-files-container {
    width: 580px;
    height: 200px;
    border-radius: 16px;
    background: linear-gradient(180deg,
            rgba(167, 231, 233, 0.5) -1.08%,
            rgba(255, 255, 255, 0.5) 100%),
        linear-gradient(0deg, #ffffff, #ffffff);
}

.smallImage {
    width: 4vw;
    height: 4vw;
    margin-right: 1vw;
}

.otherButton {
    padding: 1% 4%;
    width: 40%;
    height: 40px;
}

.submitButton {
    padding: 1% 4%;
    width: 40%;
    border: transparent;
    height: 40px;
    align-items: center;
    text-align: center;
}

.buttons-display {
    position: absolute;
    bottom: 15px;
    width: 100%;
    padding: 0 2%;
}
.buttons-display-2 {
    position: absolute;
    bottom: -50px;
    width: 100%;
    padding: 0 2%;
}

.lightRedButton {
    border-radius: 50px;
    background: rgba(255, 0, 0, 0.04);
    color: #ce3d3d;
    padding: 2% 4%;
    border: transparent;
    font-size: 14px;
    font-weight: 500;
}

.lightGreenButton {
    border-radius: 50px;
    background: rgba(90, 187, 113, 0.08);
    color: #5abb71;
    padding: 2% 4%;
    border: transparent;
    font-size: 14px;
    font-weight: 500;
}

.lightYellowButton {
    border-radius: 50px;
    background: rgba(254, 172, 0, 0.08);
    color: #feac00;
    padding: 2% 4%;
    border: transparent;
    font-size: 14px;
    font-weight: 500;
}

.insideButtons {
    letter-spacing: 0px;
    height: 40px;
    width: 30%;
    padding: 1% 2%;
    box-shadow: unset;
}

.linkStyleButton {
    text-align: center;
    font-family: "Raleway";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-decoration-line: underline;
    color: #65acae;
    width: 30%;
}

.whiteButton:hover,
.greenButton:hover,
.closeModalButton:hover,
.searchIcon:hover,
.linkStyleButton:hover {
    cursor: pointer;
}

.normalText {
    color: #000;
    text-align: center;
    font-family: "Raleway";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.disabledButton {
    background: rgba(84, 154, 156, 0.5);
}

.submitInfluencerLink {
    padding: 2% 4%;
    border: transparent;
}

.underLineText {
    text-decoration: underline;
}

.reportIssueButton {
    padding: 1% 4%;
    height: 44px;
    width: 40%;
}

.leaveReviewButton {
    padding: 1.5% 4%;
    height: 44px;
    box-shadow: unset;
    border: transparent;
    width: 40%;
}

.normalButtonText {
    justify-content: center;
    align-items: center;
    color: black;
    text-align: center;
    font-family: "Raleway";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

/* CSS FOR CHAT MODALS PAGE START */
.work-accepted-msg p {
    border-color: #005e93;
    color: #005e93;
    font-weight: 800;
}

.recive-msg {
    gap: 15px;
    margin-top: 25px;
}

.text-rec-mdg {
    /* width: 450px; */

    /* max-width: 60vw; */

    /* min-width: 100px;
    max-width: 80%; */
    word-break: break-word; /* Đây là dòng quan trọng */
}

.non-editable-chat-section .text-rec-mdg {
    width: 550px;
}

.text-rec-mdg p,
.text-rec-mdg .p-message {
    /* border: 1px solid #549a9c80; */
    /* border-radius: 16px; */
    padding: 18px;
    color: #818383;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    overflow-x: hidden;
    text-overflow: ellipsis;
}

.txt-time {
    color: #989ba1;
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    padding-top: 3px;
}

.rply-rec-msg {
    margin: 20px auto;
    flex-direction: row-reverse;
}

.rply-rec-msg p {
    /* border: 1px solid #549a9c80;
    background: #65acae0d;
    color: #818383;
    border-radius: 16px; */
}

.rply-rec-msg .p-sent-message {
    border: 1px solid #549a9c80;
    background: #65acae0d;
    padding: 18px;
    color: #818383;
    border-radius: 16px;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
}

.blueBallLeft {
    position: absolute;
    top: 8%;
    left: 6%;
    width: 4%;
}

.yellowCircleRight {
    position: absolute;
    bottom: 9%;
    right: 2%;
    width: 3%;
}

.purpleEmptyCircleRight {
    position: absolute;
    bottom: 50%;
    right: 6%;
    width: 2%;
}

.purplePlusRight {
    position: absolute;
    top: 18%;
    right: 18%;
    width: 2%;
}

.purpleEmptyLeft {
    position: absolute;
    bottom: 9%;
    left: 5%;
    width: 3%;
}

/* Input Designs */

.inputGenericOne {
    border-radius: 50px;
    border: 1px solid rgba(84, 154, 156, 0.5);
    background: #fff;
    width: 100%;
    padding: 2% 4%;
    color: #000;
    font-family: "Raleway";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}

.searchBar {
    padding: 1% 2%;
    background-color: #fff;
    border-radius: 100px;
    border: 1px solid rgba(84, 154, 156, 0.5);
}

.searchOutSide {
    display: flex;
    flex-direction: row;
    position: relative;
    width: 40%;
    padding: 0px;
}

.inputGenericOne .insideSearch {
    border: none;
    padding-left: 4%;
    border-radius: 50px;
    width: 70%;
}

.linkContent {
    padding: 1% 4% !important;
}

.selectAttachment {
    padding: 1.5% 4%;
    width: 100%;
}

/* Text Designs - Start */



.highlightText {
    color: #65acae;
    font-weight: 700;
    font-size: 18px;
}

.subTitleTexts {
    color: #818383;
    text-align: center;
    font-family: "Raleway";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

.boldText {
    color: #000;
    font-family: "Raleway";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}



.normalTextTwo {
    color: #000;
    text-align: center;
    font-family: "Raleway";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

/* Text Designs - End */

.closeChatModal {
    padding: 4% 4%;
    width: 40%;
}

.submitChatModal {
    padding: 4% 4%;
    width: 40%;
    border: transparent;
}

.review-textarea {
    width: 100%;
    height: 230px;
    /* background-color: #f1f8ff; */
    border-radius: 23px;
    border: none;
    padding: 20px;
    resize: none;
    border: 1px solid #549a9c80;
}

.review-textarea:focus {
    outline: none;
}

.review-count-error-position {
    bottom: 170px;
}

.review-count-position {
    bottom: 150px;
}

.initiated-appeal-msg {
    background: #fcf2f2;
    border-radius: 21px;
    padding: 18px;
    font-weight: 800;
    font-size: 13px;
    line-height: 20px;
    color: #ce3d3d;
    border: 1px solid #bb000080;
}

.adjustment-requested-msg p {
    border-color: #fea100;
    color: #fea100;
}

.submission-accepted-msg p {
    border-color: #5abb71;
    color: #5abb71;
}

.submission-rejected-msg p {
    color: #ce3d3d;
    border: 1px solid #ce3d3d80;
    background: #ce3d3d14;
}

.text-gray {
    color: #818383;
}

.review-sent-msg {
    /* flex-direction: row-reverse; */
}

.review-received-msg {
    flex-direction: row;
}

.review-sent-msg p,
.review-received-msg p {
    /* font-weight: 800;
    color: #5abb71;
    border-color: #5abb71; */
}

.decision-notice {
    color: #fe0201;
    font-family: Raleway;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: center;
}

.refunded-notice {
    font-family: Raleway;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: center;
    color: #feac00;
}

.work-submit-msg-received p,
.work-submit-msg p {
    background: #d8f8d0;
    border: none;
    color: #000;
}

.extension-req-msg,
.work-submit-msg {
    flex-direction: row-reverse;
}

.submit-heading {
    color: #5abb71;
    font-weight: 900;
}

.extensionReqHeading {
    font-weight: 400;
    color: #818383;
    font-size: 16px;
}

.extensionReqTime {
    font-weight: 600;
    color: #818383;
    font-size: 16px;
}

.rply-send-msg {
    margin: 20px auto;
    flex-direction: row;
}




/* CSS FOR CHAT MODALS PAGE END */

/* CSS FOR FREE SIZE SCREEN (GLOBAL CSS) END */



/* LAPTOP SCREEN SIZE START  */
@media (min-width: 1200px) and (max-width: 1399px){
.creator-chat-box-scroll-btns-true {
        /* max-height: 31vw !important; */
        overflow-y: scroll;
    }

    .creator-chat-box-scroll-btns-true::-webkit-scrollbar {
        display: none;
    }
.creator-chat-box-scroll-multi-btns-true {
    max-height: 22vw !important;
    overflow-y: scroll;
}

.creator-chat-box-scroll-multi-btns-true::-webkit-scrollbar {
    display: none;
}

 .creator-chat-box-scroll {
     max-height: 35vw !important;
     overflow-y: scroll;
 }

 .creator-chat-box-scroll::-webkit-scrollbar {
     display: none;
 }



}

/* LAPTOP SCREEN SIZE END  */


/* IPAD SCREEN SIZE START */

@media (min-width: 768px) and (max-width: 1199px){



}

/* IPAD SCREEN SIZE END */


/* MOBILE SCREEN SIZE START  */
@media (max-width: 575px){


}

/* MOBILE SCREEN SIZE END  */





@media (max-width: 320px) {

    .creator-empty-chat {
        height: 38vw;
        display: grid;
        align-content: center;
        /* repeated css  */
    }



}