.advir-banner {
            display: flex;
            height: 100px;
            justify-content: center;
            align-items: center;
            margin: 0;
            padding: 0;
            background-image: url("/static/mhstatic/site/rehab/img/banner-background.jpg");
            background-position: center;
            {#background-size: cover;#}
            {#background-size: no-repeat;#}
        }
        .advir-logo {
            object-fit: contain;
            height: 100%;
            margin: 0;
            padding: 0;
        }
        .advir-banner-text {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            font-family: serif;
            font-size: 25px;
             margin: 0;
            padding: 0;
        }
        .advir-line1 {
            text-transform: uppercase;
            color: #0C54A0;
            font-size: 0.52em;
            font-family: Arial;
            font-weight: 550;
            margin: 0;
            padding: 0;
        }
        .advir-line2 {
            color: #6c4a98;
            text-transform: uppercase;
            font-size: 2em;
            font-weight: 550;
            line-height: 90%;
	    font-family: Arial;
            margin: 0;
            padding: 0;
        }
        .advir-line3 {
            text-transform: uppercase;
            color: #0C54A0;
            font-size: 0.74em;
            font-family: Arial;
            font-weight: 550;
            margin: 0;
            padding: 0;
        }

         .my-tr {
                            font-family: Arial;
                            line-height: 1;
            }
            .my-tr:nth-child(even)  {
                                font-family: Arial;
                                {#line-height: 1em;#}
                                line-height: 1;
                                background: {{ poll_html.table_2nd_line_bcg_color }}; /* Цвет фона */
            }
            .my-hover-v tr:hover{
                                color: black;
                                background: white;
                                font-family: Arial;
                                font-size: large;
                                font-weight: bold;
            }
            .my-hover-h tr:hover{
                                color: white;
                                background: grey;
                                line-height: 1;
                                {#line-height: 1em;#}
            }
             .my-thead{
                            color: black;
                            background: silver;
                            font-family: Arial;
                            font-size:  small;
                            line-height: 1;
                            text-align: center;
            }
            .my-thead tr {  color: black;
                            background: silver;
                            font-family: Arial;
                            font-size: medium;
                            line-height: 1;
            }

             /*Перекрываем hover в таблице bootstrup*/
             .table-hover tbody tr:hover td {
                 background: grey;
                 color: white;
              }

            .qst_text {
                background: silver;
                font-family: Arial;
                font-size: large;
                line-height: 1;
            }
        label.ans-v {
                /* opacity: 0.8;  прозрачность шрифта dscjrfz */
                font-family: Arial;
                 font-size: large;
                line-height: 1;

            }
            label.ans-v:hover  {
                opacity: 1; /* шрифт не прозрачный */
                background: white;
                font-family: Arial;
                font-size: large;
                font-weight: bold;
                line-height: 1;
            }


        /* Карточки в advir стиле */
                /* CSS карточки */
      .my-card{
        font-family: Arial;
        max-width: 200px;
        min-height: 100px;
        background: silver;
        padding: 20px;
        box-sizing: border-box;
        /* color: #FFF; */
        color: black;
        margin:20px;
        box-shadow: 0px 2px 18px -4px rgba(0,0,0,0.75);
}

 .my-card-title{
     margin-top: 0;
     font-size: 12px;
     font-weight: 600;
     letter-spacing: 1.2px;
}
 .my-card-content{
     font-size: 10px;
     letter-spacing: 0.5px;
     line-height: 1.2em;
}
 .my-card-btn{
     all: unset;
     display: block;
     margin-left: auto;
     border: 2px solid #FFF;
     padding: 5px 7px;
     border-radius: 25px;
     font-size: 6px;
     font-weight: 600;
     transition: all 0.5s;
     cursor: pointer;
     letter-spacing: 1.2px;
     text-align: center;
}
 .my-card-btn:hover{
    color: black;
    background: #FFF;
}
 .my-card-btn a{
     text-decoration: none; /*убираем подчеркивание текста ссылок*/
 }
/* Если экран больше 800 то не показываем карточу */
      @media all and (min-width:  800px){
      .my-card_phone{
          display: none; /* карточку не поазываем */
          font-family: Arial;
          max-width: 200px;
            min-height: 100px;
            background: silver;
            padding: 20px;
            box-sizing: border-box;
            /* color: #FFF; */
            color: black;
            margin:20px;
            box-shadow: 0px 2px 18px -4px rgba(0,0,0,0.75);
        }
      }
/* Экран меньше 800, показываем карточку (нет display: none) */
      @media all and (max-width:  800px){
      .my-card_phone{
          font-family: Arial;
          max-width: 200px;
            min-height: 100px;
            background: silver;
            padding: 20px;
            box-sizing: border-box;
            /* color: #FFF; */
            color: black;
            margin:20px;
            box-shadow: 0px 2px 18px -4px rgba(0,0,0,0.75);
        }
      }
/* Если экран больше 800 то показываем карточу (нет display: none)*/
      @media all and (min-width:  800px){
      .my-card_desktop{
          font-family: Arial;
          max-width: 200px;
            min-height: 100px;
            background: silver;
            padding: 20px;
            box-sizing: border-box;
            /* color: #FFF; */
            color: black;
            margin:20px;
            box-shadow: 0px 2px 18px -4px rgba(0,0,0,0.75);
        }
      }
/* Экран меньше 800, не показываем карточку (display: none) */
      @media all and (max-width:  800px){
      .my-card_desktop{
          display: none; /* карточку не поазываем */
          font-family: Arial;
          max-width: 200px;
            min-height: 100px;
            background: silver;
            padding: 20px;
            box-sizing: border-box;
            /* color: #FFF; */
            color: black;
            margin:20px;
            box-shadow: 0px 2px 18px -4px rgba(0,0,0,0.75);
        }
      }

        .home_cards_container{
        		display: flex;
        		flex-wrap: wrap;
		        flex-direction: row;
		        justify-content: center;
		        align-items: stretch;
        }
            .uuid:invalid {
                border: 2px dashed red;
            }

            .uuid:invalid:required {
                background-image: linear-gradient(to right, pink, lightgreen);
            }

            .uuid:valid {
                border: 2px solid black;
            }
            .uidbox {
                display: flex;
                flex-wrap: wrap;
                justify-content: space-between;
            }