.submitticket2-invoices {
    margin-bottom: -50px;
    margin-top: 50px;
}

form.submitticket2{
    margin-top: 50px;
}

.silver{
    color:silver;
}

button span{
    padding:3px;
}

.attachment-buttons{
    margin-top:25px;

}

.attachment-buttons input,
.attachment-buttons input:hover{
    color:#7DA521;
}




#ticketSuggestionsContainer{
    padding:12px;
    height: 240px;
    margin-bottom:15px;
}

#ticketSuggestionsContainer h3{
    margin-top:0;
    color:#058;
    font-size:22px;
}

#ticketSuggestionsContainer div.kbarticles{
    padding:0;
}

#ticketSuggestionsContainer > p{
    display:none;
    
}


#ticketSuggestionsContainer div.kbarticles p:last-child{
    margin:0;
}

input[type="file"]{
    font-size:12px;
    margin-bottom:5px;
}



.md-editor > textarea{
    font-family: "Open Sans",Verdana,Tahoma,serif;
}


.md-editor > .md-preview, .md-editor > textarea.markdown-editor{
    padding:10px !important;
}

#autoAnswerSuggestionsContainer{
    margin-top:15px;
}


/* SEE: 2025-02-03
.ticket-attachments-message{
    padding-bottom: 20px;
    font-size:.7em;
} */



.invoice{
    position: relative;
    background-color:#f2f2f2;
    border:1px solid #d5d5d5;
    color:#3f4e54;
    border-radius:5px;
    /* height:40px; */
    line-height: 36px;
    vertical-align: middle;
    margin-bottom:2px;
    font-size:.95em;

}

.invoice:hover,
.invoice.active{
    background-color:#d9edf7;
    border:1px solid #8eb3c5;
    color:#31708f;
    cursor:pointer;

}

.invoice input{
    margin-top:11px;
    margin-right:15px;
    float:left;
}


.invoice .label{
    text-transform:uppercase;
    font-weight:bold;
    margin-right:10px;
}

.invoice .label-success{
    background-color:#7da521;
}
.invoice .label-error{
    background-color:#a94442;
}

.invoice .einvoice-sign {
    vertical-align: -0.64em;
    width: 1.4em;
}

.invoice .fa{
    color:#31708f;
}

.invoice small {
    font-size:.8em;
}

.invoice_small{
    width:50%;
}



#inputInvoicesContainer{
    margin-bottom:15px;
}


#inputErrorMessage[name='error_message'] {
    background-color: #f5f5f5;
    font-family: Courier,Menlo,Monaco,Consolas,"Courier New",monospace;
    height: 4em;
}
#inputErrorMessage[name='error_message']:focus {
    height: 9em;
}
.tooltip-inner {
    min-width: 250px; /* the minimum width */
}
@media screen and (max-width:767px) {
    #chatgpt_response .fa-stack {display: none;}
}



#premium_service_info {
    padding-left: 19px;
}
#premium_service_info > span {
    color: #666666; 
    display: block;
    font-size: 90%;
}
#premium_service_info > label {
    position: relative;
    color: #333333; 
    font-weight: bold;
}
#premium_service_info #awards_link {
    color: #8BB725;
}
#premium_service_info > label > [type='checkbox']{
    position: absolute;
    left: -18px;
}

@media screen and (max-width:992px) { /* <md */
    .invoice {
        line-height: 1.5;
    }
    .invoice .btn{
        margin: 0.3em 0;
    }
}

/* SKT/PT: 2024-12-18 */
#inputSubject.SKTPTBySubject--urgent {
    border-color: #a94442;
    background-color: #fff0f0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
#inputSubject.SKTPTBySubject--urgent:focus {
  	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}
#SKTPTBySubjectBox {
    display: none;
}
#SKTPTBySubjectBoxInner {
    font-size: 90%;
    margin-top: -16px;
    padding: 7px;
    border: 1px solid #a94442;
    border-radius: 0 0 4px 4px;
    padding: 10px 15px;
    background-color: #fbfbfb;
}
#SKTPTBySubjectBoxInner h4 {
    font-size: 1.05em;
    margin: 0.2em 0 0.6em;
}
#SKTPTBySubjectBoxInner .fa-lightbulb {
    font-size: 1.2em;
    margin-right: .1em;
    color: #ecad19;
}
#SKTPTBySubjectBadge {
    display: inline-block;
    border: 1px solid #cacaca;
    padding: 0px 3px;
    border-radius: 4px;
    font-weight: bold;
    white-space: nowrap;
    background-color: #fff;
}
#SKTPTBySubjectBadge .fa-stack {
    font-size: .5em;
    vertical-align: -0.25em;
    color: #d3bdbd;
}


/* Re-designed (2025-02-03) */
.st_title--mt-medium {
  margin-top: 1em;
}

#ticketBlockWithAttachments {
    position: sticky;
    z-index: 1; /* Fontos a `.popover` miatt (Hogyan tudok képernyőképet készíteni?) */
    top: 10px;
    float: right;
}
#ticketBlockWithSubjectMessageEtc {
    float: left;
}
#addAttachmentBtnContainer {
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 10px;
}
#fileUploadsContainer .input-group {
    margin-top: 10px;
}
#fileUploadsContainer input[type=file].form-control {
    margin: 0;
}
#submitticket_1_container .tooltip,
#submitticket_1_container .popover {
    transition: none;
}
#ticketBlockWithAttachments .tooltip-inner {
    min-width: auto;
}
#ticketBlockWithAttachments .popover ul {
    padding-left: 1.5em;
}
#ticketBlockWithAttachments .popover li {
    margin-bottom: .75em;
}
#ticketBlockWithAttachments .popover kbd {
    background-color: #555;
}
.fa--upper-right {
    position: relative; 
    font-size: .85em;
    top: -.5em;
    left: -.5em;
    margin-right: -.25em;
}
.ticket-attachments-message {
    font-size: 1em;
    padding: 0;
    margin: 10px 0 20px;
    line-height: 1.2;
}
@media (max-width:767px){
    #ticketBlockWithAttachments {
        position: relative; /* Fontos a `z-index` miatt (ld. fent)! */
        float: none;
    }
    #ticketBlockWithSubjectMessageEtc {
        float: none;
    }
}

/* 2025-02-10 */
#submitticket_1_container [name="attachments[]"] + .fileUploadsContainerError + .input-group-btn .btn-danger {
  transition: none;
}
[name="attachments[]"].alert-danger + .fileUploadsContainerError + .input-group-btn .btn-danger {
  height: 55px;
	vertical-align: top;
	margin-top: -5px;
}