body{
            background-image: url('./img/fon.png');
            background-repeat: no-repeat;
            background-size: cover;
        }
            fieldset {
                background-color: lightcyan;
                width: 75%;
            }
            .reglist{
                width: 100%;
            }
            input:required {
                background-color: lightgoldenrodyellow;
            }
            .TableClass{
                width: 80%;
                border: 1px solid;
                background-color: lightgoldenrodyellow;
            }
            th{
                text-align: left;
            }
            label{
                margin-left: 50px;
                line-height: 1.3;
            }
            datalist, option{ 
                /*line-height: 2;*/
                text-indent:5%;
                margin-top:    0px;
                margin-bottom: 0px;
                padding-top:   0px;
                padding-bottom:0px;
                font-size: 18px;
            }
            div, .red{
                color: red;
                display: inline;
            }
            /*NIR*/
            /* The container */
            .container {
                display: block;
                position: relative;
                padding-left: 35px;
                margin-bottom: 6px;
                cursor: pointer;
                font-size: 18px;
                -webkit-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
                
            }
            /* Hide the browser's default checkbox NIR required*/
            .container input {
                position: absolute;
                opacity: 0;
                cursor: pointer;
                height: 1px;
                width: 1px;
            }

            /* Create a custom checkbox */
            .checkmark {
                position: absolute;
                top: 0;
                left: 0;
                /* chkBox следван от етикет */
                height: 25px;
                width: 25px;
                background-color: #ccc;
                border: 2px solid;
            }

            /* On mouse-over, add a grey background color */
            .container:hover input ~ .checkmark {
                background-color: #aaa;
                border: 2px solid;
            }

            /* When the checkbox is checked, add a blue background */
            .container input:checked ~ .checkmark {
                background-color: #2196F3;
            }

            /* Create the checkmark/indicator (hidden when not checked) */
            .checkmark:after {
                content: "";
                position: absolute;
                display: none;
            }

            /* Show the checkmark when checked */
            .container input:checked ~ .checkmark:after {
                display: block;
            }

            /* Style the checkmark/indicator */
            .container .checkmark:after {
                left: 9px;
                top: 5px;
                width: 5px;
                height: 10px;
                border: solid white;
                border-width: 0 3px 3px 0;
                -webkit-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                transform: rotate(45deg);
            }