.chat-modal{width:75%;left:12.5%;right:12.5%;top:12.5%;max-height:75%}.chat-modal-dialog{background-color:#3c3c3c;border-radius:20px !important;overflow:hidden!important}.chat-modal-content{width:100% !important;height:100% !important;background-color:transparent;border:none !important}.chat-modal-body{height:100% !important;background-color:#fff;display:flex;padding:0
!important}.chat-modal-header{background-color:#fff;padding:10px
20px !important;align-items:center;width:100%}.chat-modal-header-row{display:flex;align-items:center}.chat-close-btn:hover{color:#ff6347;cursor:pointer}.chat-title{justify-content:center;width:75%;font-weight:500;font-size:x-large}.chat-close-button{justify-content:end;width:25%}.chat-close-btn{font-size:30px;float:inline-end}.nodata-chat-card{width:100%;height:80%;display:flex;text-align:center;justify-content:center;align-items:center}.nodata-chat-card
p{color:#fff;font-size:medium;font-weight:500}.chatbox .chatbox-header
i{display:none}.container-right{flex:0 0 65%;overflow:hidden !important}.container-left{flex:auto 0 35%;min-width:35%;background-color:#cf111a;overflow-y:auto;scrollbar-width:thin;max-height:65dvh;height:60dvh}.container-left .chat-card{border-bottom:1px solid #e0212b;color:#fff;padding:20px
15px}.container-left .chat-card:hover{background-color:#e0212b }.container-left .chat-card .chat-card-header{display:flex;opacity:0.7;justify-content:space-between;align-items:center;padding-bottom:15px;font-weight:700}.container-left .chat-card .chat-card-header .ticket-time{color:#f1f0f0 !important;font-size:smaller !important}.container-left .chat-card .chat-card-header .ticket-id{font-size:larger}.chatbox{overflow:hidden;display:flex;height:100%;;flex-flow:column}.chatbox .chatbox-header{padding:15px
12px;flex:0 1 auto;font-size:1.2em;font-weight:bold}.chatbox .chatbox-body{padding:5px;flex:1 1 auto;overflow-y:auto;scrollbar-width:thin;text-align:center;max-height:50dvh;height:40dvh}.chatbox .chatbox-body .chat-container{border-radius:20px 20px 20px 0px !important;margin:15px
5px;padding:20px
15px !important;max-width:60%;width:fit-content;background-color:#f0bdac}.chatbox .chatbox-body .chat-right{border-radius:20px 20px 0px 20px !important;margin:15px
5px;padding:10px
15px;max-width:60%;background-color:#f0f0f1;margin-left:auto}.chatbox  .type-box{background-color:white;padding:15px
20px;flex:0 1 auto;background-color:#f0f0f1;margin:10px;border-radius:25px !important}.chatbox  .type-box
i{right:20px}#msg{background-color:transparent !important;border:none !important;width:90%}#msg:focus{outline:none}.chat-modal-content::-webkit-scrollbar{display:none}.chat-modal-content{scrollbar-width:none}.chatbox .chatbox-body::-webkit-scrollbar{width:6px}.chatbox .chatbox-body::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}.chatbox .chatbox-body::-webkit-scrollbar-track{background:transparent}.container-left::-webkit-scrollbar{width:6px}.container-left::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}.container-left::-webkit-scrollbar-track{background:transparent}@media only screen and (max-width: 992px){.container-right{flex:0 0 100%;display:none}.container-left{flex:0 0 100%}.chatbox .chatbox-header
i{display:block}}@media (min-width: 1025px) and (max-width: 1540px){.chat-modal{width:75%;left:12.5%;right:12.5%;top:12.5%;max-height:75%}.chatbox .chatbox-body{max-height:50dvh !important;height:40dvh !important}.container-right{flex:0 0 60%;overflow:hidden !important}.container-left{flex:auto 0 40%;min-width:40%;overflow-y:auto;scrollbar-width:thin;max-height:65dvh;height:60dvh}.container-left .chat-card .chat-card-header .ticket-id{font-size:small !important}}@media (max-width: 420px){.chat-modal{width:95%;left:2.5%;right:2.5%;top:12.5%;max-height:75%}.chat-title{font-size:medium !important}.chatbox .chatbox-body{max-height:40dvh!important;height:40dvh!important}.container-left{flex:auto 0 40%;min-width:40%;overflow-y:auto;scrollbar-width:thin;max-height:65dvh;height:60dvh}.container-left .chat-card .chat-card-header .ticket-id{font-size:small !important}}@media (min-width: 768px) and (max-width: 1024px){.chat-modal{width:85%;left:7.5%;right:7.5%;top:12.5%;max-height:75%}.chatbox .chatbox-body{max-height:50dvh!important;height:40dvh!important}.container-left{flex:auto 0 40%;min-width:40%;overflow-y:auto;scrollbar-width:thin;max-height:65dvh;height:60dvh}.container-left .chat-card .chat-card-header .ticket-id{font-size:small !important}}@media (max-width: 767px){.chat-modal{width:95%;left:2.5%;right:2.5%;top:12.5%;max-height:75%}.chat-title{font-size:large !important}.chatbox .chatbox-body{max-height:50dvh!important;height:40dvh!important}}@media (min-width:1024px){.modal-dialog{width:80% !important}}