.my-bidoo-table td, .mobile_time{
  font-size: 12px;
}

.subt{
  font-size: 13px;
}

.title_tickets{
  font-size:16px !important;
  font-weight:bold !important;
  margin-top:0px !important;
  margin-bottom:0px !important;
}

.new_ticket{
  color:#000; 
  margin-top: 2px; 
  font-size: 18px !important; 
  opacity: 0.3; 
  float:right
}

.mobile .text-darkgrey{
  text-decoration: underline; 
  word-break: break-word;
}

.ticket-container .box-my-bidoo{
  min-height: 369px
}
@media (max-width: 576px) {
  .ticket-container .box-my-bidoo {
    padding: 15px;
  }
}
.table-striped>tbody>tr.new-ticket{
  background-color: #c7f3ff;
}

.table-striped .new-ticket td:first-child a{
  color: #222;
}

@media screen and (max-width: 414px), screen and (max-height: 414px) {
	table .mobile {
		width: 29%;
	}
}

@media screen and (max-width: 320px){
  .subt{
    font-size: 11px;
  }
}
.box-new-ticket .pt-center{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.box-new-ticket .pt-center .box-content{
  text-align: left;
}
.box-new-ticket .pt-center .box-content .group .pt{
  margin-right: 5px;
}
@media (max-width: 576px) {
  .box-new-ticket .pt-center .box-content .group-1, .box-new-ticket .pt-center .box-content .group-2{
    display: flex;
    align-items: baseline;
    align-items: normal;
    flex-direction: column;
    padding: 0;
  }
}

.box-new-ticket .pt-center .box-content .text-title{
  font-weight: bold;
  font-size: 16px;
  color: #333;
}
.box-new-ticket .group-1{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.box-new-ticket .btn-ticket{
  background-color: #3182F7;
  color: #fff;
  width: 210px;
  padding: 6px 10px;
  outline: none;
}
@media (max-width: 576px) {
  .box-new-ticket .btn-ticket{
    margin-top: 10px;
    max-width: 270px;
  }
}
@media (max-width: 420px) {
  .box-new-ticket .btn-ticket{
    max-width: 230px;
  }
}
.box-new-ticket, .section-ticket-item, .section-ticket-item .pt-1, .section-ticket-item .pt-2, .section-ticket-item .pt-3{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.box-new-ticket .group-2{
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  width: 90%;
}
.section-ticket-item{
  padding: 12px 0;
  border-bottom: 1px solid #E8E8E8;
}
.box-new-ticket{
  margin-top: 10px;
  margin-bottom: 20px;
}
.box-new-ticket .box-img, #ticket_chat_content .box-img{
  background-color: #F0F4FF;
  padding: 10px;
  border-radius: 100%;
  margin-right: 10px;
  border: 1px solid #3182F7;
}
#ticket_chat_content .box-img{
  display: inline-block;
  margin-right: 0;
  margin-top: 30px;
  margin-bottom: 0px;
}
#ticket_chat_content .title-no-session{
  font-size: 18px;
  font-weight: bold;
  color: #333;
}
.section-ticket-item .wrap-ticket-id{
  font-size: 16px;
  font-weight: bold;

}
.ticket-id, .ticket-id:hover, .ticket-id:visited{
  color: #333;
  text-decoration: none;
}
.section-ticket-item .ticket-id.ticket-1, .section-ticket-item .ticket-id.ticket-4{
  color: #333;
}
.section-ticket-item .ticket-status{
  border-radius: 2px;
  text-transform: uppercase;
  padding: 0px 2px;
  font-weight: bold;
  font-size: 9px;
  margin: 5px 10px;
  color: #333;
  width: 70px;
  text-align: center;
}
.section-ticket-item .ticket-status-0{
  background-color: #F0F4FF;
  border: 1px solid #67A3F9;
}
.section-ticket-item .ticket-status-1{
  background-color: #E1E1E3;
  border: 1px solid #C2C2C6;
}
.section-ticket-item .ticket-date{
  color: #777474;
  width: 200px;
  text-align: left;
  font-size: 13px;
}
.section-ticket-item .ticket-date.unread-msg{
  color: #3182F7;
  font-weight: 600;
}
.section-ticket-item .ticket-msg{
  color: #333333;
  font-size: 12px;
}
.section-ticket-item .ticket-unread{
  background-color: #3182F7;
  color: #fff;
  text-align: center;
  font-weight: 600;
  line-height: 18px;
  padding: 3px;
  border-radius: 50%;
  margin-left: 5px;
}
@media (max-width: 576px){
  .section-ticket-item .ticket-unread{
    margin-left: 0px;
  }
}
.section-ticket-item .pt-1{
  width: 20%;
  text-align: left;
}
.section-ticket-item .pt-3{
  text-align: left;
  width: 340px; /* Puoi regolare la larghezza secondo le tue esigenze */
  height: 40px; /* Altezza per due linee di testo */
  overflow: hidden;
  position: relative;
}

.section-ticket-item .pt-3 .ticket-msg{
  display: -webkit-box;
  -webkit-line-clamp: 2; /* Mostra solo due linee */
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 13px;
}
.section-ticket-item .pt-4{
  width: 29px;
}
.section-ticket-item .group-1{
  display: flex;
  justify-content: space-between;
  align-content: center;
  width: 50%;
}
.section-ticket-item .group-2{
  display: flex;
  width: 50%;
  align-items: center;
}
@media (max-width: 576px) {
  .section-ticket-item .group-2{
    width: 100%;
  }
  .section-ticket-item .pt-4{
    width: 24px;
  }
}
.section-ticket-item .pt{
  margin: 5px;
}
.section-ticket-item.border-none{
  border: none;
}
.menu_my_cont{
  padding: 0 30px;
}

@media (max-width: 576px) {
  .section-ticket-item .pt-2, .section-ticket-item .pt-3{

  }
  .section-ticket-item .pt-3 .ticket-msg{
    max-width: 300px;
  }
  .section-ticket-item .pt-1{
    justify-content: flex-start;
  }
  .section-ticket-item .group-1{
    width: 100%;
  }
  .box-new-ticket .group-2{
    display: block;
    width: 100%;
    padding: 0 10px;
  }
  .section-ticket-item{
    flex-direction: column;
    align-items: flex-start;
  }
  .section-ticket-item .ticket-date{
    text-align: right;
    font-size: 12px;
  }
}

.body-new-ticket{
  background-color: #fff;
  padding-top: 30px;
}
.body-new-ticket .title{
  color: #3C3A3B;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
.body-new-ticket .content{
  text-align: center;
  margin-top: 20px;
  font-size: 16px;
}
.body-new-ticket .ticket_lnk, .body-new-ticket .add-new-file, .body-new-ticket .add-no-active{
  color: #3182F7;
  font-size: 16px;
}
.body-new-ticket .add-new-file .fa, .body-new-ticket .add-no-active .fa{
  margin-right: 5px;
}
.body-new-ticket .add-no-active{
  color: #777777;
  display: none;
}
.body-new-ticket #section-input{
  margin-top: 20px;
}
#send-new-ticket.disable{
  background-color: #777 !important;
}
.body-new-ticket .input-file{
  display: none;
}
.body-new-ticket .container-file-uploded{

}
.body-new-ticket .btn-send-ticket {
  display: block;
  width: 100%;
  background-color: #3182F7;
  color: #fff;
  margin-top: 20px;
  border-radius: 8px;
  font-size: 20px;
  margin-top: 15px;
  text-transform: uppercase;
  width: 100%;
  outline: 0 !important;
  padding: 5px;
  box-shadow: 3px 3px 6px 0px rgba(208, 209, 213, 0.6), 0 2px 2px 1px rgba(220, 221, 224, 0.4);
  -moz-box-shadow: 3px 3px 6px 0px rgba(208, 209, 213, 0.6), 0 2px 2px 1px rgba(220, 221, 224, 0.4);
  -webkit-box-shadow: 3px 3px 6px 0px rgba(208, 209, 213, 0.6), 0 2px 2px 1px rgba(220, 221, 224, 0.4);
}
.box-error{
  display: none;
}
.d-none{
  display: none;
}
@media (max-width: 576px) {
  .page-ticket-list{
    background-color: #fff;
  }
  .page-ticket-list .box-my-bidoo{
    box-shadow: none;
  }
}
.section-ticket-item .wrap-ticket-id{
  width: 70px;
  text-align: left;
}
.ticket-container .no-ticket{
  font-size: 16px;
  color: #777;
  font-weight: bold;
  margin-top: 100px;
}
#box-new-ticket textarea.form-control:focus, #box-new-ticket .form-control.email_input:focus, #box-new-ticket .form-control.motivazione_input:focus{
  border-color: #3182F7 !important;
}
#send-new-ticket .img-spinner{
  display: none;
  color: #fff;
}


.dropdownMotivazione{
  position: absolute;
  padding: 0;
  list-style: none;
  box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.05);
  width: 100%;
  background-color: #fff;
  z-index: 5;
  max-height: 310px;
  overflow-y: scroll;
  top: 34px;
  display: none;
}
.dropdownMotivazione li{
  padding: 5px 15px;
  cursor: pointer;
}
.dropdownMotivazione li:hover{
  padding: 5px 15px;
  background-color: #ECECEC;
}
.motivazioneSelected{
  border: 1px solid #ccc;
  padding: 5px 10px;
  border-radius: 3px;
  margin-top: 10px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  position: relative;
}