/* Стиль сайта для расписания сабай */

#head [data-head="zagalovok"] {font-size: 34px;}

.top_menu {display: flex; margin: 30px 0px 0px 0px; justify-content: space-around ;  }

.top_menu div { margin: 0px 20px 0px 20px;
    cursor: pointer;
    display: inline-block;
    transition: all 0.3s ease;}

.top_menu div:hover {
    transform: scale(1.05);
    transition: all 0.3s ease;

}

.admin_task_container {font-size: 20px; font-family: "DIN Pro" ;}
.admin_task_container >  div  {margin: 20px 0px 20px 0px;}
.admin_task_container select, .admin_task_container input  {font-size: 20px !important; font-family: "DIN Pro" !important;  }
.admin_task_container .header {}
.admin_task_container .date_edit_container {}
.admin_task_container .type_select_container {}
.admin_task_container .type_select_container {}
.admin_task_container .buttons_container { margin: 40px 0px 0px 0px; display: flex; justify-content: space-between ;  }
.buttons_container div { padding: 10px 20px 10px 20px !important;}

.table_task {margin: 40px 0px 0px 0px; width: 100%; }
.table_task tr:first-child {background-color: #696969; color: white; }
.table_task td {vertical-align: top;  padding: 8px 10px 8px 10px !important; white-space: nowrap; }

.table_task .editable_tr { cursor: pointer  ; }
.table_task .editable_tr:hover { background-color: #e2e2e2;  }
.table_task .data_tr { background-color: #888; color: white ; user-select: none;  }


.master_1 {background-color: #C4FF80; }
.master_2 {background-color: #86D7FF; }
.master_3 {background-color: #80FFB7; }

@media (max-width: 600px) {  #main_content { width: 100%; }  .admin_task_container .date_edit_container { display: flex; justify-content: center;}}


@media (max-width: 600px) {

    #head [data-head="zagalovok"] {font-size: 28px;}
    .top_menu {font-size: 20px; margin-top: 20px; }
    .table_task {font-size: 16px;}


}


@media (max-width: 500px) {

    #head [data-head="zagalovok"] {font-size: 26px;}
    .top_menu {font-size: 18px; margin-top: 20px; }
    .table_task {font-size: 15px;}


}

@media (max-width: 450px) {

    #head [data-head="zagalovok"] {font-size: 22px;}
    .top_menu {font-size: 16px; margin-top: 12px; }
    .table_task {font-size: 14px; margin-top: 20px ; }
    .table_task td {padding: 8px 4px 8px 7px !important ; }



}


@media (max-width: 410px) {

    #head [data-head="zagalovok"] {font-size: 22px;}
    .top_menu {font-size: 16px; margin-top: 12px; }
    .table_task {font-size: 13px; margin-top: 20px ; }
    .table_task td {padding: 8px 4px 8px 7px !important ; }



}



@media (max-width: 370px) {

    #head [data-head="zagalovok"] {font-size: 20px;}
    .top_menu {font-size: 16px; margin-top: 12px; }
    .table_task {font-size: 13px; margin-top: 20px ; }
    .table_task td {padding: 8px 4px 8px 4px !important ; }



}
@media (max-width: 350px) {

    #head [data-head="zagalovok"] {font-size: 20px;}
    .top_menu {font-size: 16px; margin-top: 12px; }
    .table_task {font-size: 12px; margin-top: 20px ; }
    .table_task td {padding: 8px 4px 8px 7px !important ; }



}