/* Базовые стили */
.not-mobile {
    display: inline
}
div.not-mobile {
    display: block
}
div.is-mobile, .is-mobile {
    display: none;
}

@media screen and (max-width: 991px) {
    .not-mobile, div.not-mobile {
        display: none;
    }
    .is-mobile {
        display: inline;
    }
    div.is-mobile {
        display: block
    }

}

@media screen and (max-width: 1200px) {
    footer li {
        padding: 0 10px;
    }
}

/* --- ПЛАНШЕТЫ */
@media screen and (max-width: 991px) {
    #content {
        width: 100%;
    }
    #status_bar {
        padding-left: 10vw;
    }
    /*#status_bar {*/
    /*    background: red;*/
    /*}*/
    .main-widgets .widget-row {
        display: inline;
    }
    .main-widgets .widget-row .widget {
        margin-right: 10px;
    }
    #content {
        align-items: center
    }

    .main-announce {
        text-align: center;
    }
    .main-widgets {
        flex-wrap: wrap;
        min-width: 0;
        width: 100%;
    }

    .logo1, .logo3 {
        display: none;
    }

    .announce_block_info {
        display: block!important;
    }

    footer {
        height: 30px;
        background: none;
    }
    footer ul {
        display: none;
    }

    .msg_layout {
        display: block!important;
    }
    .top-widgets {
        margin-right: 2rem;
    }
    .top_icon {
        margin-left: 0;
        margin-right: 0;
    }


    .main-announce {
        width: auto;
    }

    .dpo-programms {
        display: none;
    }

    .kurator-connect-data {
        display: block;
    }
    .widget-kurator .kurator-max {
        padding-left: 0;
    }
    .widget-kurator .contact-data img {
        padding-right: 5px
    }
    #sub-content {
        padding-left: 10px;
        padding-right: 10px;
    }
    .elms-table {
        word-break: break-word;
    }
    .elms-table th.col-name {
        width: 29%;
    }
    #testname h3 {
        margin-top: 25px;
    }
}


@media screen and (max-width: 767px) {}

/* --- МАЛЕНЬКИЕ ТЕЛЕФОНЫ  --- */
@media screen and (max-width: 575px) {
    .content-wrapper { overflow-x: scroll;}
    .schedule_mob {display: block;}
    .schedule-desctop {display: none;}
    .date_and_wday {
        padding: 3px 0px;
        cursor: pointer;
    }
    .date_and_wday > label {
        color: #2c496c;
        opacity: 50%;
    }

    .date_and_wday > input[type="radio"] {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

    .date_and_wday > input[type="radio"]:checked ~ .checkmark {
        /*visibility: visible;*/
        /*transition: ease-in-out 0.6s;*/
    }

    .date_and_wday > input[type="radio"]:checked ~ label {
        opacity: 100%;
        transition: ease-in-out 0.6s;
    }
    .date_and_wday:has(input[type="radio"]:checked) {
        font-weight: bold;
        color: #2c496c;
        border: 2px solid #2c496c;
        border-radius: 5px;
    }

    @keyframes showLessonsInAWeek {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }

    .b-show {
        animation: showLessonsInAWeek 0.6s linear forwards;
    }

    .schedule_mob .checkmark {
        height: 5pt;
        width: 5pt;
        background-color: #ddd;
        border-radius: 50%;
        margin-left: 4pt;
        visibility: hidden;
    }
    .dpo-programms
    {
        rotate: 90deg;
        position: relative;
        right: 41vw;
        top: 74vw;
        height: 0;
        margin-bottom: 0px;
    }
    /*плашка с рекламой ДПО*/
    .dpo-programms-show
    {
        right: 24.6vw;
        transition: ease-in-out 0.5s;
        filter: drop-shadow(8px -2px 6px black);
    }
    div[class="dpo-programms vysshee-obrazovanie dpo-programms-show"]
    {
        right: 27.9vw;
    }
    .vysshee-obrazovanie #show_dpo_programms
    {
        background: linear-gradient(90deg, rgba(255,96,2,1) 53%, rgba(255,125,1,1) 100%);
        width: max-content;
    }
    #show_dpo_programms
    {
        background: linear-gradient(90deg, rgba(78,130,213,1) 0%, rgba(47,40,118,1) 100%);
        color: white;
        border: none;
        font-size: 25px;
        display: block;
    }

    .dpo-programms > a > img,.dpo-banner-background
    {
        width: 200%;

    }

    .vysshee-obrazovanie
    {
        display: block;
    }

    .vysshee-obrazovanie > a > img {
        width: 130%;
    }

    /*плашка с рекламой ДПО, конец*/
    .date_and_wday
    {
        display: flex;
        flex-direction: column;
    }

    .schedule_mob .single_date
    {
        word-break: break-all;
        width: 17pt;
    }

    .schedule_mob .dates
    {
        display: flex;
        justify-content: space-between;
        margin-top: 10pt;
    }


    .schedule_mob .lesson_block
    {
        border: solid #DDDDDD;
        margin-top: 10pt;
        box-shadow: 3pt 4px 2px #0000005e;
        padding-top: 10pt;
    }

    .schedule_mob .lesson_info
    {
        display: flex;
        flex-direction: column;
        padding: 5pt 5pt 0pt 5pt;
    }

    .lesson_info_content
    {
        display: flex;
        flex-direction: column;
    }

    .schedule_mob #lesson_table {
        display: table;
        width: 100%;
        font-size: 8pt;
    }
    .schedule_mob #lesson_tr {
        display: table-row;
    }
    .schedule_mob #lesson_th {
        display: table-cell;
        text-align: left;
        padding-bottom: 5pt;
        padding-top: 5pt;
    }
    .schedule_mob  #lesson_td {
        display: table-cell;
        text-align: end;
        padding-bottom: 5pt;
        padding-top: 5pt;
        border-bottom: solid #ddd; /* Рамка между строками */
    }

    .schedule_mob .teacher
    {
        background: #ddd;
        font-size: 6pt;
        margin-top: 10pt;
        text-align: end;
        padding: 5pt 5pt 5pt 0pt
    }

    .schedule_mob .lesson_title
    {
        padding: 5pt 5pt 0pt 5pt;
    }

    .schedule_mob .lessons_wrap
    {
        display: none;
        flex-direction: column;
    }
    /*главная страница*/
    .widget {
        width: 240px;
        padding-right: 1rem;
        border-right: none;
        border-bottom: none;
        height: 240px;
        float: left;
        line-height: 35px;
        padding: 10pt 25pt;
        height: auto;
    }
    /*.widget-inner {
        background: #f3f3f3;
        padding: 5px;
        min-height: 220px;
    }*/

    /*#content
        {
            display: flex;
        flex-direction: column;
        align-items: center;
        }
    */
    .ico-widget
    {
        display: flex;
        justify-content: space-between;

    }
    .ico-widget > a
    {
        display: flex;
        flex-direction: column;
        width: 61pt;
        align-items: center;

    }

    .fa-caret-down
    {
        text-align: end;
        margin-top: -18pt;
        margin-right: 17pt;
    }

    /*#widget_session .widget-inner, #widget_practice .widget-inner
	{
		padding: 17px;
	}*/

    #content
    {
        /*display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 0pt;*/
    }
    .wico > img
    {
        width: 34pt;
    }
    .wico > span
    {
        font-size: 8pt;
        margin-top: 6pt;
    }
    .wico-help > img
    {
        width: 40pt;
    }
    .wico-edir > img
    {
        width: 45pt;
    }

    .widget {
        width: 240px;
        padding-right: 30px;
        border-right: none;
        border-bottom: none;
        height: 240px;
        float: left;
        line-height: 35px;
        padding: 10pt 10pt;
        height: auto;
    }
    .main-widgets {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .widget-calendar #widget_calendar {
        width: 20rem;
    }
    .session
    {
        display: contents;
    }
    .widget-inner {
        padding: 5px;
        min-height: 220px;
    }
    #widget_calendar .cal_cell {
        background: #e9e7ec;
    }
    .kurator > .widget > .widget-inner
    {
        display: flex;
        flex-direction: column;
        /*align-items: center;*/
        /*width: 206px;*/

    }

    .top-widgets .director {
        display: none;
    }
    .top-widgets {
        margin-right: 0;
    }
    .profile {
        margin-left: 0;
    }
    .top-message {
        margin-top: 5px;
    }
    #status_bar {
        padding-left: 18vw;
    }

    .kurator > .widget
    {
        width: 240px;
    }

    .uch_otd
    {
        margin-left: unset;
    }

    /*.practice-doсumentation-steps
    {
        width: 75%;
    }
    .practice-doсumentation-steps:nth-child(2) {
        width: 100%;
    }*/

    .kurator_info
    {
        margin-left: 0px;
        padding: 10pt;
        display: flex;
        flex-direction: column;
    }
    .kurator_info > br
    {
        display: none;
    }
    .kurator_contacts
    {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-right: 40pt;
    }

    .kurator_contacts > span
    {
        display: none;
    }

    .info-box {
        border: 1px solid #bbbe77;
        background: #f6f8c5;
        border-radius: 5px 5px 5px 5px;
        box-shadow: 0 1px 1px #FFFFFF inset;
        padding: 8px;
    }

    #click-to-hide-sesdate, #click-to-hide-news,#click-to-hide-practdate {
        background-color: transparent;
        border: none;
        margin-top: 6pt;
        font-weight: 600;
        font-size: 13pt;
        display: flex;
        align-items: center;
    }

    .news-widget > .widget-title {
        display: none;
    }

    #click-to-hide-sesdate-polygon, #click-to-hide-news-polygon,#click-to-hide-practdate-polygon {
        width: 9.9pt;
        rotate: 180deg;
        padding-right: 5pt;
        display: flex;
    }

    #click-to-hide-news-polygon, #click-to-hide-sesdate-polygon,#click-to-hide-practdate-polygon
    {
        rotate: 180deg;
        padding-left: 5pt;
    }
    #hidden-content-news, #hidden-content-sesdate,#hidden-content-practdate
    {
        /*display: none;*/
    }

    .hidden_info
    {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }



    .news-widget > .announce_block {
        margin-right: 20px;
        /* float: left; */
        /* margin-left: 0; */
        width: 93%;
        display: flex;
        flex-direction: row;
        align-items: center;
        font-size: 15px;
    }

    .announce_block > .bubble_1 {
        background-color: hsl(220, 50%, 59%);
        width: 85pt;
        margin-bottom: 10pt;
        text-align: center;
    }

    .text_bubble {
        color: #fff;
        padding: 0 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 2rem;
    }

    .announce_title
    {
        font-size: 12pt;

    }

    .carousel
    {
        display: none;
    }

    footer ul {
        display: flex;
        flex-direction: column;
        list-style: none;
        margin: 0;
        padding: revert;
        font-size: 0.9em;
    }
    footer li:first-child {
        padding-left: 0;
    }

    footer li {
        list-style: none;
        display: block;
        float: left;
        border-right: 1px #e5e5e5 dotted;
        padding: 0 44px 0 0;
    }

    footer li {
        border-right: 0;
    }

    footer strong, footer span {
        display: block;
    }

    footer li:last-child {
        float: right;
        border: none;
        text-align: right;
        padding-right: 0;
    }

    .debug {
        display: none;
    }

    footer> ul > li > a > img {
        width: 20px;
        margin-left: 5px;
    }

    .main-widgets .widget-row {
        display: flex;
        flex-direction: column;
    }
    .main-widgets .widget-row .widget-item {
        margin: 0 auto;
    }
    .main-widgets .widget-row .widget {
        margin: 10px 0;
    }

    footer {
        display: none;
    }

    .widget-announce .widget {
        width: 21.5rem;
    }

    .elibrary_info_wrap {
        flex-direction: column;
    }
    #sub-content .elibrary_info_wrap .widget-inner {
        width: auto;
    }
    #sub-content .msg_layout {
        padding: 0;
    }
    .test_info .test_detail {
        float: none;
        margin-top: 10px;
    }
    #tdetail, #wdetail, .start_test, .set_answer {
        float: none!important;
        margin-top: 0!important;
    }
    .test_info .test-name {
        width: 100%!important;
    }
    .test-time-amount {
        display: flex;
        justify-content: space-between;
        margin: 0 0 10px 0;
    }
    #dcdetail {
        width: 100% !important;
    }
    #dcdetail .control span {
        display: block;
    }

}

#burger-menu li a img {
    background: hsl(220, 50%, 59%);
    padding: 5px;
    border-radius: 10px;
    margin-right: 27px;
}

#burger-menu .linkinfo {
    display: flex;
    align-items: center;  /* Вертикальное выравнивание по центру */
    gap: 8px;             /* Отступ между иконкой и текстом */
    text-decoration: none;
}

#burger-menu .menu_icon {
    display: block;
    width: 20px;          /* Фиксируйте размер иконки */
    height: 20px;
}

#burger-menu .linkinfo span {
    line-height: 1;       /* Убираем проблемы с высотой строки */
}