.whitespacenormal{
    white-space: normal;
}

.mw-200{
    min-width: 200px !important;
}

.flex{
    display: flex;
}

.mr-0{
    margin-right: 0 !important;
}

.bold{
    font-weight: 600;
}

.black{
    font-weight: 800;
}

.table-color1{
    background-color: #ffd966 !important;
}

.table-color2{
    background-color: #b7b7b7 !important;
}

.table-color3{
    background-color: #efefef !important;
}


.table-color4{
    background-color: #ead1dc !important;
}

.table-color5{
    background-color: #fff !important;
}
.table-color6{
    background-color: #4e4e4e !important;
}
.table-color7{
    background-color: #ffd6e0 !important;
}
.maxtext{
    display: inline-block;
    width: 200px;
    padding: 10px;
    border: 0px solid #000 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mt-10{
    margin-top: 3rem !important;
}

.maxtext2{
    display: inline-block;
    width: 800px;
    padding: 10px;
    border: 0px solid #000 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.listflex{
    display: flex !important; justify-content: space-between; gap: 20px;
}

.w50{
    width: 50%;
}

.dbflex{
  display: flex;
  gap: 20px;
}
.modal{
    --bs-modal-width: 800px !important;
}
.form-select{
    width: auto;
}

.flexmodal{
    display: flex;
    gap: 14px;
}

.linebox{
    margin-top: 20px;
    margin-bottom: 20px;

}
.line{
    border: 1px solid #aeaeae;

}

#chatblock{
    height: 161px;
    overflow-y: scroll;
    padding-right: 10px;
}
.chatbox{
    border: 1px solid #c5c5c5;
    padding: 10px;
    margin-bottom: 15px;
    border-radius: 14px;
}

.spacebetw{
    justify-content: space-between;
}

.chattext{
    color: #000;
    font-size: small;
}

.date{
    font-size: small;
}

.name{
    font-size: small;
}
.splitalign{
    align-items: center;
}
.text-point{
    color: #ff8a3d;
    font-weight: 700;
}
.text-point-white{
    color: #fff;
    font-weight: 700;
}

.text-point-blue{
    color: #ff8a3d;
    font-weight: 700;
}

.modalinput{
padding: .469rem .4rem !important;
}

@media screen and (max-width: 600px) {
   
    .flexmodal{
        display: flex;
        flex-direction: column;
        gap: 14px;
    }
    .splitalign{
        align-items: normal !important;
    }
    .dbflex2{
        display: flex
;
    flex-direction: column;
    }
}



@media screen and (max-width: 460px) {
    .listflex{
        display: flex; flex-direction: column; gap: 20px;
    }
    .w50{
        width: 100%;
    }

    .dbflex{
        display: flex;
        flex-direction: column;
        gap: 20px;
      }


    .w100{
        width: 100%;
    }

    .ma0{
        margin: 0 !important;
    }
    .nor{
        flex-wrap: nowrap !important;
    }


}