.table_class {border-top: 2px solid black; border-left: 2px solid black; border-right: 2px solid black; border-bottom: 0px solid black; width: 100%;}
                .table_choise_class {border: 0px; width: 100%;}
                .table_button_class {border: 0px; width: 100%;}
                .tr_class {border: 2px solid black;}
                .td_class {border: 2px solid black; text-align: center;}
                span.choise{font-color: blue; color: blue; border-bottom: 1px dashed blue; cursor: pointer;}
                span.choise_block{font-color: gray; color: gray; border-bottom: 1px dashed gray; cursor: pointer;}
                span.mode{font-color: #E10C55; color: #E10C55; border-bottom: 1px dotted #E10C55; cursor: pointer;} /* #E10C55 */
                
                .unselectable {
                    -webkit-touch-callout: none; /* iOS Safari */
                    -webkit-user-select: none;   /* Chrome/Safari/Opera */
                    -khtml-user-select: none;    /* Konqueror */
                    -moz-user-select: none;      /* Firefox */
                    -ms-user-select: none;       /* Internet Explorer/Edge */
                    user-select: none;           /* Non-prefixed version, currently not supported by any browser */
                }
                
                .scroll-table-body {
                    max-height: 250px;
                    overflow-x: auto;
                    margin-top: 0px;
                    margin-bottom: 20px;
                    border-top: 2px solid black;
                    border-bottom: 0px dotted black;
                }
                .scroll-table table {
                    table-layout: fixed;
                    border-top: 0px dotted black;
                    border-bottom: 0px dotted red;
                    border-left: 2px solid black;
                    border-right: 2px solid black;
                }
                .scroll-table thead th {
                    font-weight: bold;
                    text-align: center;
                    padding: 10px 15px;
                    background: #FFFFFF;
                    font-size: 13px;
                    border-top: 2px solid black;
                    border-left: 2px solid black;
                    border-right: 2px solid black;
                    border-bottom: 0px dotted red;
                }
                .scroll-table tbody td {
                    text-align: center;
                    border-top: 0px dotted green;
                    border-left: 2px solid black;
                    border-right: 2px solid black;
                    padding: 10px 15px;
                    font-size: 13px;
                    vertical-align: middle;
                }
                .scroll-table tbody tr:nth-child(even){
                    background: #FFFFFF;
                }
                 
                /* Стили для скролла */
                ::-webkit-scrollbar {
                    width: 6px;
                }
                ::-webkit-scrollbar-track {
                    box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
                } 
                ::-webkit-scrollbar-thumb {
                    box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
                }
                
                #my_progress {
					text-align: left;
					margin: 20px 0 20px 0;
					width: 80%;
					background-color: #ddd;
				}

				#my_bar {
					width: 0%;
					height: 30px;
					background-color: #4CAF50;
					text-align: center;
					line-height: 30px;
					color: white;
				}