red{ color: red; } divcenter { width: 760px; display: block; top: 5%; left: 25%; position: absolute; } ErrorMessage{ color: red; } /* div.new_form { width: 680px; border: 1px solid red; display: block; }*/ div.new_form { width: 680px; border: 1px solid #cecece; display: block; height: 320px; padding: 40px; box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 3px 6px rgba(0,0,0,0.22); margin: auto; } div.new_form input[type="text"] { width: 100%; margin-top: 10px; padding: 10px 0; text-indent: 15px; } div.new_form input[type="number"] { width: 100%; margin-top: 10px; padding: 10px 0; text-indent: 15px; } div.new_form input[type="radio"] { width: 15px; padding: 10px 0; text-indent: 1px; } div.new_form input[type="submit"] { float: right; } div.new_form input { width: 49%; margin-top: 10px; padding: 10px 0; text-indent: 15px; } h2.forms { text-align: center; font-family: sans-serif; font-weight: 100; color: #4d5d53; text-transform: uppercase; } /* начало раскраски кнопок RADIO */ .form_radio_btn { display: inline-block; /* margin-right: 10px; */ } .form_radio_btn input[type=radio] { display: none; } .form_radio_btn label { width: 306px; display: inline-block; cursor: pointer; padding: 0px 15px; line-height: 35px; border: 1px solid #999; border-radius: 6px; user-select: none; } /* Checked */ .form_radio_btn input[type=radio]:checked + label { background: #ffe0a6; } /* Hover */ .form_radio_btn label:hover { color: #666; } /* Disabled */ .form_radio_btn input[type=radio]:disabled + label { background: #efefef; color: #666; } /* конец раскраски кнопок RADIO */ rezult { display: block; margin: 14px; } /* #result_table { position:relative; margin-top:70px; top:0; width: 100%; display: block; border: 1px solid #cecece; box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 3px 6px rgba(0,0,0,0.22); margin: auto; } */ /* раскраска таблицы */ #result_table table { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; border-collapse: collapse; /*width: 600px;*/ /*height: 210px;*/ padding: 10px; position:relative; margin-top:15px; top:15px; width: 100%; display: block; border: 1px solid #cecece; box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 3px 6px rgba(0,0,0,0.22); } #result_table table td, table th { border: 1px solid #ddd; padding: 4px; } #result_table table tr:nth-child(even){ background-color: #f2f2f2; } #result_table table tr:hover { background-color: #ddd; } #result_table table th { padding-top: 8px; padding-bottom: 8px; text-align: left; background-color: #808583; color: white; } #bottom_text p { display: inline-block; position:relative; margin-top: 10px; border: 1px solid rgb(219, 11, 11); border-radius: 6px; padding: 10px; top:5px; width: 97%; }