.jq-modal#modal-self-tickets-data{width:80%}
#modal-self-tickets-data{max-width:900px}
#modal-self-tickets-data .modal-header{flex-wrap:wrap}
#modal-self-tickets-data .modal-header .head-container{display:flex;flex-wrap:wrap;align-items:center;width:100%}
#modal-self-tickets-data .modal-header h6{margin:0;font-size:1.4rem}
#modal-self-tickets-data .modal-body{}

#modal-self-tickets-data .modal-header .left{width:50%;text-align:left}
#modal-self-tickets-data .modal-header .right{width:50%;text-align:right;padding-right:8px}
#modal-self-tickets-data .modal-header .right button{background-color:#2A4494;color:white;font-size:1.05rem;font-weight:bold;outline:none;padding:5px 8px;cursor:pointer}

#modal-self-tickets-data .small-notice{display:block;font-size:.8rem;color:#C73E1D;margin-top:3px}

#modal-self-tickets-data .btn-add-ticket{background-color:#2A4494;color:white;font-size:.98rem;font-weight:bold;outline:none;padding:5px 8px;cursor:pointer}

#modal-self-tickets-data .form-group{margin:10px 0}
#modal-self-tickets-data label.before-prefix-label{display:block;margin-bottom:5px;text-transform:capitalize;font-size:1rem}
#modal-self-tickets-data .input-col-container{width:calc(100%)}
#modal-self-tickets-data .input-col-container input{width:100%;height:40px;padding:8px 5px;border:1px solid #dfdfdf}

#modal-self-tickets-data .right-button{text-align:right}
#modal-self-tickets-data p.or-hr{margin:5px 0}

#new-ticket-section{display:none;width:100%}

#modal-self-tickets-data .modal-body{padding-top:0;padding-bottom:10px}

.own-tickets{}
.own-tickets .ticket-header {
    border-bottom: 1px solid #090302;
    padding: 5px 0px;display:flex;flex-wrap:wrap;align-items:center;font-size:1.05rem;
    gap: 5px;
}
.own-tickets .ticket-header p{margin:0}
.own-tickets .ticket-header p:nth-child(1){width:calc(55% - 5px)}
.own-tickets .ticket-header p:nth-child(2){width:calc(45% - 5px);text-align:right}

.own-tickets .ticket-body{padding:5px 0px}
.own-tickets .ticket-body .own-ticket{
    display:flex;
    flex-wrap:wrap;align-items:center;font-size:1.02rem;padding:10px 0;margin:3px 0;border-bottom:1px dashed #777;
    gap:5px;
}

.own-tickets .ticket-body .own-ticket-detail{width:100%;padding:8px;border:2px solid #2A2D34;margin-top:10px;display:none}
.own-tickets .ticket-body .own-ticket-detail .ticket-detail-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:10px}
.own-tickets .ticket-body .own-ticket-detail .ticket-detail-row:last-child{margin-bottom:0}
.own-tickets .ticket-body .own-ticket-detail .ticket-detail-row .ticket-text{font-size:1.02rem}
.own-tickets .ticket-body .own-ticket-detail .ticket-detail-row .ticket-text span.ticket-sign-label{font-size:.9rem}
.own-tickets .ticket-body .own-ticket-detail .ticket-detail-row .ticket-text p{margin:0}


.own-tickets .ticket-body .own-ticket .ticket-id{width:calc(55% - 5px)}
.own-tickets .ticket-body .own-ticket .ticket-status{width:calc(45% - 5px);text-align:right}

@media screen and (max-width: 900px) {
    .own-tickets .ticket-body .own-ticket-detail .ticket-detail-row .ticket-text{width:100%;margin-top:5px;margin-bottom:5px}
    .own-tickets .ticket-body .own-ticket-detail .ticket-detail-row{margin-bottom:0}    
}

@media screen and (max-width: 768px) {
    .own-tickets .ticket-body .own-ticket-detail .ticket-detail-row .ticket-text{font-size:.9rem}
    .own-tickets .ticket-body .own-ticket-detail .ticket-detail-row .ticket-text span.ticket-sign-label{font-size:.8rem}
}