ticket{width:100%;}
ticket-new{background:#ECF3FB;gap:30px;display:flex;justify-content:space-between;align-items:flex-start;padding:30px;box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 10%);border-radius:4px;}
ticket-user{order:1;color:#444;text-align:center;}
ticket-user svg{height:80px;width:80px;fill:#999;}
ticket-new-content{flex:1;order:2;width:100%;}
ticket-new-content textarea{height:150px;}
ticket-new-content div.textarea{height:150px;overflow-y:scroll;border:1px solid #ccc;width:100%;background:#fff;border-radius:4px;padding:10px;font-size:1rem;}
ticket-new-content div.textarea img{max-width:100%;max-height:100px;}
ticket-new-content div.textarea img:focus{border:1px solid #dd0000;}

ticket-new-content div.textarea .placeholder{color:#aaa;font-style:italic;}
ticket-new-footer{margin-top:10px;width:100%;display:flex;justify-content:space-between;}
ticket-new-attach{gap:10px;display:flex;align-items:center;justify-content:flex-start;width:100%;flex-wrap:wrap;}
ticket-new-attach input{background:#fff;}
ticket-new-attach input:disabled{background:#efefef;}

ticket-log{width:100%;position:relative;min-height:200px;}
ticket-loading{position:absolute;top:0px;left:0px;z-index:+1;width:100%;text-align:center;background:rgba(255,255,255,0.7);width:100%;height:100%;}
ticket-messages{flex:1;gap:30px;width:100%;}
ticket-message{width:100%;display:flex;justify-content:space-between;min-height:100px;flex:1;padding:30px;margin-top:30px;box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 10%);border-radius:4px;gap:30px;}
ticket-message-content{width:100%;display:flex;justify-content:space-between;min-height:100px;flex:1;gap:30px}
ticket-message-msg{min-height:100px;flex:1;}
ticket-attachment{width:250px;}
ticket-attachment p.t{display:flex;align-items:center;font-weight:500;margin-bottom:10px;}
ticket-attachment-el a{overflow:hidden;text-overflow:ellipsis;display:block;white-space:nowrap;}
ticket-insert-control{display:inline-flex;gap:10px;width:100%;justify-content:right;}
ticket-attachlist {width: 100%;display: flex;gap: 5px;box-sizing: border-box;flex-wrap: wrap;margin-top: 5px;}
ticket-attachresult{width:100%;display:flex;gap:5px;box-sizing:border-box;align-items:center;}
.deleteAttach{color:#dd0000;cursor:pointer;font-size:1.2rem!important;}
.nameAttach{line-height:1;}

.msg{min-height:100px;}
.msg img{max-width:100%;cursor:pointer;}
.time{color:#555;font-size:13px;padding:10px 0px 0px 0px;border-top:1px solid #ddd;margin-top:10px;}
.dx__log{background:#fffaf0;}
.sx__log{background:#fff;}
.sx__log ticket-user{order:1;}
.sx__log ticket-message-content{order:2;}

@media screen and (max-width:900px){
	ticket-new{flex-wrap:wrap;gap:15px;padding:15px;}
	ticket-user{width:100%;}
	ticket-user svg{height:40px;width:40px;}
	ticket-user img{width:40px;}
	ticket-new-footer{flex-wrap:wrap;justify-content:center;gap:15px;margin-top:15px;}
	ticket-new-attach input{max-width:240px;}
	ticket-message{padding:15px;gap:15px;flex-wrap:wrap;}
	ticket-message-content{flex-wrap:wrap;gap:15px;}
	ticket-message-msg{min-height:auto;}
	ticket-message-msg .msg{min-height:auto;margin-bottom:20px;}
	ticket-attachment{width:100%;}
	.dx__log ticket-user{order:1;}
	.dx__log ticket-message-content{order:2;}
}