#document_reg {line-height: 24px; } .border_bottom {border-bottom: 1px solid #000; } .float_left {float: left; } .float_right {float: right; } .clear:after {content: '';clear: both; } .text-center {text-align: center; } .text-right {text-align: right; } .text-left {text-align: left; } .w20 {width: 20%; } .w10 {width: 10%; } .w5 {width: 5%; } .w80 {width: 80%; } .w30 {width: 30%; } .w33 {width: 33.33%; } .w66 {width: 66.66%; } .w50 {width: 50%; } .w25 {width: 25%; } .bold {font-weight: bold; } .about2 {padding: 10px 0 0 0;border: 1px solid #000; } #document_reg table {text-align: center; } #document_reg table tr td {padding: 7px; } #document_reg table p, #document_reg table span {padding: 10px 10px;display: flow-root;font-size: 16px; } #document_reg table span.small {font-size: 14px;padding-top: 0;margin-top: -10px; } #document_reg .form-block {display: flex; } #document_reg .form-block:after {content: '';clear: both; } #document_reg .form-block .req {float: left;display: block;width: 6px;padding: 0;margin-top: -10px;font-size: 24px; } #document_reg .form-block input {display: block;float: left;padding: 10px;width: calc(100% - 6px); } #web_form_submit {display: block;margin: 20px auto;padding: 15px 30px;color: #fff;box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .16), 0 2px 30px 0 rgba(0, 0, 0, .12);background: #1b415a;border-radius: 15px; } .date_protocol_accreditation, .passport_date, .diploma_year, .birth_date {font-size: 0;display: table; } .date_protocol_accreditation div {font-size: initial; } .date_protocol_accreditation input, .passport_date input, .diploma_year input, .birth_date input {font-size: initial;display: table-cell;width: calc(100% - 30px); } .date_protocol_accreditation img, .passport_date img, .diploma_year img, .birth_date img {height: 100%;width: 30px;border: 0;display: table-cell;margin: 10px 0 0 0; } #document_reg select {height: 42px; } .checkbox_table td {text-align: left; } #document_reg .checkbox_table .form-block input {margin: 5px 0 0 25px;width: 15px;height: 15px; } #document_reg .form-block.add_file {display: block; } #document_reg .form-block.add_file input {width: 50%; } #document_reg .form-block.add_file .bx-input-file-desc {display: none; } #document_reg .form-block.add_file br {display: none; } #document_reg .form-block.personal_data_button {padding-top: 30px;line-height: 12px;display: inline-block; } #document_reg .form-block.personal_data_button input {width: auto; } #make_appointment {display: block;margin: 20px auto 0px auto;padding: 5px 20px;color: #fff;box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .16), 0 2px 30px 0 rgba(0, 0, 0, .12);background: #1b415a;border-radius: 15px; } .appointment {display: table-row;display: none; } .appointment_select {display: flex;margin: 0 auto } #document_reg .appointment_select .form-block {display: flex;margin: 0 auto; } #document_reg .checkbox_table .add_file_bonus .form-block {display: block; } #document_reg .checkbox_table .add_file_bonus .form-block span {display: block; } #document_reg .checkbox_table .add_file_bonus .form-block span.bx-input-file-desc, #document_reg .checkbox_table .add_file_bonus .form-block br {display: none; } #document_reg .checkbox_table .add_file_bonus .form-block input {width: 50%;height: auto;margin: 10px 0 0 0; } #document_reg .checkbox_table .form-block.make_appointment3 {font-size: 0; } #document_reg .checkbox_table .form-block.make_appointment3 input {width: 120px;height: 42px;margin: 0 0 0 10px;font-size: initial; } #document_reg .checkbox_table .form-block.make_appointment3 img {height: 25px;width: 30px;border: 0;display: block;margin: 7px 0 0 3px; } .data-block {display: none; } .data-block:first-child {display: block; } #button_else {display: block;margin: 20px auto;padding: 5px 20px;color: #fff;box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .16), 0 2px 30px 0 rgba(0, 0, 0, .12);background: #1b415a;border-radius: 10px;outline: none; } .add_more_files {float: left;width: 99%;margin-top: -20px; }