h1 { font: bold 24px "Century Gothic"; color: #6080B0; margin-top: 1em; margin-bottom: 0.5em; text-indent: 0; } h2 { font: 18px "Trebuchet MS"; /*color: #8080C0;*/ margin-top: 1em; margin-bottom: 0.25em; text-indent: 0; } h3 { font: italic 16px "Trebuchet MS"; /*color: #8080C0;*/ margin-top: 0.5em; margin-bottom: 0.125em; text-indent: 0; } /*Вывод сведений из БД*/ .Info_Block { width: 100%; /*border: solid 1px #AAA;*/ display: inline-flex; min-height: 400px; } .Menu_List { width: 20%; border: solid 1px #AAA; height: max-content; } .Menu_List a { text-decoration: none; color: #000; } .Menu_List div { font: 12pt "Trebuchet MS"; background-color: #F0F0FF80; padding: 0.5em; } .Menu_List div:hover { background-color: #D0D0FFD0; } .Data { width: 80%; min-height: 400px; padding-left: 1em; margin: 0 auto; } .invisible { display: none; } table { margin: 16px auto; } td { vertical-align: top; } .info_table { /*border-spacing: 0;*/ border-collapse: collapse; } .info_table th, .info_table td { font: normal 10pt "Trebuchet MS"; border: solid 1px #555; padding: 2pt 4pt; } .Message { margin: 64px auto; padding: 32px 24px; width: 320px; border: 2px solid #888D; background-color: #ed5D; font: normal 14pt "Trebuchet MS"; text-align: center; } .PAForm { font: 12pt/14pt 'Roboto'; text-align: center; padding: 16px; margin: 32px auto; } .InputField { margin: 8px auto; max-width: 480px; } .InputCaption { top: 4px; position: relative; } button, input, optgroup, select, textarea { font-size: 100%; line-height: 1.15; padding: 8px; width: 100%; margin-top: 10px; } .InputButton { width: 240px; margin: 32px auto 16px auto; } .PAForm h1 { color: #222; font-size: 14pt; margin: 16px auto; } input[type=checkbox] { position: relative; cursor: pointer; width: initial; margin-right: 16px; } input[type=checkbox]:before { content: ""; display: block; position: absolute; width: 20px; height: 20px; top: 0; left: 0; border: 2px solid #555555; border-radius: 3px; background-color: white; } input[type=checkbox]:checked:after { content: ""; display: block; width: 6px; height: 12px; border: solid black; border-width: 0 2px 2px 0; -webkit-transform: rotate(40deg); -ms-transform: rotate(40deg); transform: rotate(40deg); position: absolute; top: 3px; left: 8px; } .WaitingBlock { }