/*----вкладка симптомы-----*/
#patientWork #symptoms {
    padding-left: 0px;
    padding-top: 16px;
}
#patientWork #symptoms .simple-grid table {
    
}
#patientWork #symptoms .simple-grid table td{
    height: auto;
    border: none;
    border-top: solid 1px #fff;
    border-bottom: solid 1px #fff;
}
/*----выбранный для реперторизации симптом----*/
#patientWork #symptoms .selected-symptom {
    background-color: rgba(243, 201, 32, 0.56)
}

/*-----общие для всех нижних таблиц стили------*/
#patientWork #symptoms #moreDetailSymptoms {
    margin-top: 10px;
}
#patientWork #symptoms #moreDetailSymptoms .simple-grid-header h3 {
    font-size: 1.0em;
    padding-left: 28px;
}
#patientWork #symptoms #moreDetailSymptoms .simple-grid-header h3 .drug-name {
    font-size: 1.1em;
}
#patientWork #symptoms #moreDetailSymptoms .simple-grid-header {
    padding-bottom: 6px;
}
#patientWork #symptoms #moreDetailSymptoms .simple-grid-header table {
    border-collapse: collapse;
}
#patientWork #symptoms #moreDetailSymptoms .simple-grid-header table td{
    border: solid 1px silver;
    width: 15px;
    height: 15px;
    text-align: center;
    padding: 0;
}
#patientWork #symptoms #moreDetailSymptoms .simple-grid{
    overflow-y: auto;
}
#patientWork #symptoms #moreDetailSymptoms .close-icon {
    margin-left: 10px;
}
#patientWork #symptoms #moreDetailSymptoms td.register-symptom-cell {
    width: 20px;
}

#patientWork #symptoms #moreDetailSymptoms td.register-symptom-cell a {
    width: 16px;
    height: 16px;
    background-position: top left;
    background-repeat: no-repeat;
    display: block;
}
#patientWork #symptoms #moreDetailSymptoms .simple-grid td {
    border-width: 1px;
    border-style: solid;
}
#patientWork #symptoms #moreDetailSymptoms .simple-grid-header h3 .drug-name {
    color: #602a00;
}

/*-----табица подробнее о...-----*/

#patientWork #symptoms .more-detail-symptoms{
    background-color: #c7d1fc;
}
#patientWork #symptoms .more-detail-symptoms .simple-grid-header h3 {
    color: #28286B;
}
#patientWork #symptoms .more-detail-symptoms .simple-grid-header table td.active {
    background-color: #ececff;   
}
#patientWork #symptoms .more-detail-symptoms .simple-grid-header table td.disabled a {
    color: rgb(156, 156, 156);
}
#patientWork #symptoms .more-detail-symptoms .simple-grid td {
    border-color:#DEDFE4;
}
#patientWork #symptoms .more-detail-symptoms .category a{
    text-decoration: none;
    display: block;
    padding: 2px 7px;
}
#patientWork #symptoms .more-detail-symptoms tr.symptom-row:hover {
    background-color: #ececff;   
}
#patientWork #symptoms .more-detail-symptoms td.register-symptom-cell a {
    background-image: url('images/arrow-up-blue-plain.gif');
}
#patientWork #symptoms .more-detail-symptoms tr.symptom-row:hover td.register-symptom-cell a {
    background-image: url('images/arrow-up-blue-hover.gif');
}

/*-----табица дифф. диагноз-----*/
#patientWork #symptoms .diff-diagnoz-symptoms{
    background-color: #e8cef3;
    
}
#patientWork #symptoms .diff-diagnoz-symptoms .simple-grid-header h3 {
    color: #693b86;
}

#patientWork #symptoms .diff-diagnoz-symptoms tr.symptom-row:hover {
    background-color: #fdf1ff;   
}
#patientWork #symptoms .diff-diagnoz-symptoms td.register-symptom-cell a {
    background-image: url('images/arrow-up-pink.gif');
}
#patientWork #symptoms .diff-diagnoz-symptoms tr.symptom-row:hover td.register-symptom-cell a {
    background-image: url('images/arrow-up-pink-hover.gif');
}
#patientWork #symptoms .diff-diagnoz-symptoms .simple-grid td {
    border-color:#ffecff;
}

/*-----табица советую поискать-----*/
#patientWork #symptoms .advice-symptoms{
    background-color: #d3f9be;
    
}
#patientWork #symptoms .advice-symptoms .simple-grid-header h3 {
    color: #24722C;
}

#patientWork #symptoms .advice-symptoms tr.symptom-row:hover {
    background-color: #f1fceb;   
}
#patientWork #symptoms .advice-symptoms td.register-symptom-cell a {
    background-image: url('images/arrow-up-green.gif');
}
#patientWork #symptoms .advice-symptoms tr.symptom-row:hover td.register-symptom-cell a {
    background-image: url('images/arrow-up-green-hover.gif');
}
#patientWork #symptoms .advice-symptoms .simple-grid td {
    border-color:#ffecff;
}

/*---плоские чекбоксы---*/
#patientWork #symptoms .label_check {
    background: url('images/checkbox-all.png') -5px -22px no-repeat;
    width: 0px;
    height: 15px;
    margin-top: 2px;
}

#patientWork #symptoms tr.active {
    background-color: #e3d4a3;
}


#patientWork #symptoms td.symptom-name {
    padding-left: 2px;
}

#patientWork #symptoms .selected-symptom td.symptom-name {
    color: #000;
}

#patientWork #symptoms td.checkbox-cell,
#patientWork #symptoms td.degree-cell,
#patientWork #symptoms td.unite-cell{
    border-right-color: transparent;                 
}

#patientWork #symptoms td.unite-cell {
    width: 0px;
    padding: 0px;
}

#patientWork #symptoms tr.unite-main td {
    border-bottom: none;
}

#patientWork #symptoms tr.unite-child td{
    border-top: none;
    border-bottom: none;
}
#patientWork #symptoms #registeredSymptoms {
    
}
#patientWork #symptoms #registeredSymptomsGrid {
    border:solid 1px #d6ceab;   
}
#patientWork #symptoms #registeredSymptomsGrid tr.unite-main td.unite-cell {
    padding: 0;
}



#patientWork #symptoms #registeredSymptomsGrid tr.unite-child td.symptom-name {
    padding-left: 15px;
    
}
#patientWork #symptoms .c_on {
    background: url('images/checkbox-all.png') -31px -22px no-repeat;
}


#patientWork #symptoms .counter {
    font-size: 0.9em;
    display: inline-block;
    border: solid 1px #c8c3b4;
    padding: 1px 3px;
}
#patientWork #symptoms .counter a {
    text-decoration: none;
}
#symptoms .counter a.selected,
#symptoms .counter a.actual {
    color: #000;
    
}
#symptoms .counter a.anamnesis
{
    color: #139d88;
}

#symptoms .counter a.selected {
    background-color: yellow;
}


#patientWork #symptoms .middle {
    margin-bottom: 10px;
}

#patientWork #symptoms .first {
    width: 130px;
    margin-right: 10px;
}
#patientWork #symptoms .first .separator {
    height: 28px;
}
#patientWork #symptoms .first .button-transparent {
    width: 100px;
    margin-bottom: 8px;
    border-radius: 6px;
    background-color: #e8e1c2;
}
#patientWork #symptoms .first a.button-psisa2,
#patientWork #symptoms .first a.button-psisa {
    background-color: transparent;
}
#patientWork #symptoms .first a.button-psisa:hover {
    background-color: #d3f9bc;
}


#patientWork #symptoms .first a.button-psisa2:hover {
    background-color: rgb(255, 229, 211);
}
#patientWork #symptoms .first .button-ununite,
#patientWork #symptoms .first .button-ununite-dis {
    width: 96px;
}
#patientWork #symptoms .first .button-psisa2 {
    width: 85px;    
}

#patientWork #symptoms .first .button-psisa,
#patientWork #symptoms .first .button-psisa-dis {
    width: 80px;
}
#patientWork #symptoms .second{
    width: 858px;
    position:relative;
}
#patientWork #symptoms .degree-cell {
    width:19px;
}
#patientWork #symptoms .checkbox-cell {
    width: 16px;
}
#patientWork #symptoms #registeredSymptomsGrid {
    overflow-y: auto;
    position: relative;
    border-top: none;
}
#patientWork #symptoms #moreDetailSymptoms td,
#patientWork #symptoms #registeredSymptomsGrid td {
    padding: 2px 3px 2px 3px;
}
#patientWork #symptoms .header-row {
    border-top:solid 1px #d6ceab;
    border-left:solid 1px #d6ceab;
    border-right:solid 1px #d6ceab;
    background-color: #e8e1c2;
}
#patientWork #symptoms .header-row .border {
    border-top: solid 1px #fff;
    border-left: solid 1px #fff;
    border-right: solid 1px #fff;
    padding: 3px;
}
#patientWork #symptoms .header-row .counter-wrapper {
    margin-right: 90px;
}
#patientWork #symptoms .header-row .checkbox-cell{
    width: 58px;
}

#patientWork #results .order-radio-group .label_radio,
#patientWork #symptoms .header-row .label_radio{
    margin-right: 10px;
    padding-left: 18px;
    padding-top: 3px;
}


a.button-ai-recommend {
    background: url('images/ai_filin.png') no-repeat 7px center;
    background-size: 28px 28px;
    padding-left: 35px !important;
    padding-top: 5px !important;
    height: 45px !important;
}

a.button-ai-recommend span {
    padding-left: 5px !important;
    padding-right: 0px !important;
    padding-top: 7px !important;
    font-size: 0.9em !important;
    text-align: center !important;
}

#patientWork #symptoms .first a.button-ai-recommend:hover {
    background-color: rgb(255, 229, 211);
}
#patientWork #symptoms .first a.button-ai-recommend {
    display: flex;
    flex-direction: row; /* Меняем с column на row */
    align-items: center; /* Выравнивание по центру по вертикали */
    background-color: transparent;
    width: 85px;
    text-align: left;
}

#patientWork #symptoms .first .button-ai-recommend {
    width: 85px;
}


.ai-recommendation {
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 15px;
    margin: 10px 0;
}

.ai-recommendation h3 {
    color: #333;
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 18px;
}

.ai-recommendation p {
    margin-bottom: 10px;
    line-height: 1.5;
}

.ai-recommendation ul {
    margin: 0;
    padding-left: 20px;
}

.ai-recommendation li {
    margin-bottom: 5px;
    line-height: 1.5;
}

.ai-recommendation strong {
    color: #444;
}

/* Стили для диалога ИИ рекомендаций */
.dialog-ai-recommendation {
    padding: 0 !important;
    background-color: #fbe6e3 !important;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
}

.dialog-ai-recommendation .ui-dialog-titlebar {
    background-color: #ee9595 !important;
    color: #990030 !important;
    font-size: 1.2em !important;
    height: 24px !important;
    padding: 5px 10px !important;
    border: none !important;
    border-radius: 0 !important;
}

.dialog-ai-recommendation .ui-dialog-titlebar-close {
    right: 10px !important;
}

.dialog-ai-recommendation .dialog-content {
    padding: 15px 20px !important;
    color: #5E3502 !important;
    line-height: 1.5 !important;
    overflow-y: auto !important;
    max-height: calc(80vh - 150px) !important;
}

.dialog-ai-recommendation .quality-conditions {
    margin-bottom: 20px !important;
}

.dialog-ai-recommendation strong {
    display: block !important;
    color: maroon !important;
    margin: 15px 0 10px !important;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
}

.dialog-ai-recommendation .dialog-footer {
    background-color: #fbe6e3 !important;
    padding: 10px 20px !important;
    border-top: 1px solid #ee9595 !important;
    position: sticky !important;
    bottom: 0 !important;
}

.dialog-ai-recommendation .float-right.button.ok {
    float: right !important;
    background-color: #005bb0 !important;
    color: white !important;
    border: none !important;
    padding: 5px 15px !important;
    border-radius: 3px !important;
    cursor: pointer !important;
    margin: 0 !important;
}

.dialog-ai-recommendation .float-right.button.ok:hover {
    background-color: #004a8c !important;
}

.dialog-ai-recommendation .question-group {
    margin: 15px 0;
    padding: 10px;
    background-color: #fff9f8;
    border-radius: 6px;
    border-left: 3px solid #ee9595;
}

.dialog-ai-recommendation .question-group h4 {
    color: #990030;
    margin: 0 0 10px 0;
    font-size: 1.1em;
}

.dialog-ai-recommendation .group-description {
    color: #666;
    font-style: italic;
    margin: 5px 0 10px;
    font-size: 0.9em;
}

.dialog-ai-recommendation .questions-list {
    margin: 0;
    padding-left: 20px;
}

.dialog-ai-recommendation .questions-list li {
    margin-bottom: 8px;
    color: #333;
    line-height: 1.4;
}

.dialog-ai-recommendation .general-recommendations {
    margin: 10px 0;
    padding-left: 20px;
}

.dialog-ai-recommendation .recommendation-item {
    margin-bottom: 15px;
}

.dialog-ai-recommendation .main-recommendation {
    margin-bottom: 8px;
}

.dialog-ai-recommendation .recommendation-details {
    margin: 5px 0 5px 20px;
    padding-left: 15px;
}

.dialog-ai-recommendation .recommendation-details li {
    margin: 5px 0;
    color: #666;
    line-height: 1.4;
}

.dialog-ai-recommendation .urgency-low {
    color: #27ae60;
}

.dialog-ai-recommendation .urgency-medium {
    color: #f39c12;
}

.dialog-ai-recommendation .urgency-high {
    color: maroon;
}

/* Стили для скроллбара */
.dialog-ai-recommendation .dialog-content::-webkit-scrollbar {
    width: 8px;
}

.dialog-ai-recommendation .dialog-content::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

.dialog-ai-recommendation .dialog-content::-webkit-scrollbar-thumb {
    background: #ee9595;
    border-radius: 4px;
}

.dialog-ai-recommendation .dialog-content::-webkit-scrollbar-thumb:hover {
    background: #e57f7f;
}