:root {
    font-size: 16px;
  }
  
/* header, footer, main {display: block;}  */

body {
padding: 0;
margin: 0;
/* min-height: 100%;  */
  font-size: 1rem;
  font-weight: 400;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: flex;
  flex-direction: column;
}

html,
body {
  height: 100%;
}

.regwrapper {
padding: 0;
margin: 0;
width: 100%;
height: 100%;
}

.BGdark {
    background: #00494f;
}	

.hdfcol {
    color: #fff;
}
  
.hdstr {
min-height: 6.25em;
height: max-content;
display: flex;
align-items: center;
}

.ftstr {
margin: auto 0;
}

footer {
  width: 100%;
  background: #00494f;
  height: 3.125em;
  padding: 1em;
  display: flex;
}

#minLogoTitleW {
    letter-spacing: 0.063em;
    font-size: 150%;
    color: #fff;
    cursor: pointer;
    text-decoration: none;	
}

#minLogoW {

    color: #fff;
    cursor: pointer;
    text-decoration: none;	
}

#minLogoW img {min-width: 45px; min-height: 49px; width: 100%; height: 100%;} /* {width: 100%; height: 100%;} */

* {box-sizing: border-box; }

#flex-obert {display: flex; height: 100%; width: 100%; flex-direction: row; align-content: center; justify-content: space-between; }
#flex-obert  > div:nth-of-type(2) {padding: 1.25em; align-self: center; width: max-content;}
#flex-obert  > div:nth-of-type(2) a {color: #fff; }
#flex-obert  > div:nth-of-type(2) p {
    margin: 0;
    line-height: 1rem;
 }

#flex-obert  > div:nth-of-type(2) p.middleParagraph {
	line-height: 2rem;
}

#flex-obert  > div:nth-of-type(1) {align-self: center; }  

#flex-container {display: flex; height: 100%; flex-wrap: nowrap; padding-left: 0.85em; gap: 0.6em;}
#flex-container > div {margin: 0; padding: 0; }
#flex-container > div:nth-of-type(1) {

                                      min-width: 45px; 
                                      min-height: 49px;
                                      width: 2.813em; 
                                      height: 3.063em; 
				      align-self: center; 
}

#flex-container > div:nth-of-type(2) {padding: 0 0 0 0.625em; align-self: center; width: auto;}




/* main {width: 100%; height: auto; padding: 1.5em; position: relative; min-height: calc(100vh - 6.25em - 3.125em); }  */
main {width: 100%; padding: 1.5em; }
.wrpmain {margin: 0 auto;}

main .wrpmain h1 {font-size: 150%; color: #00494f; text-align: center; padding-bottom: 2rem;}

main .wrpmain a {color: #00494f; text-decoration: underline;}

@media screen and (min-width: 1300px){
.wrpmain {width: min(900px, 70%); }
}


@media screen and (min-width: 1100px)  and (max-width: 1299px) {
.wrpmain {width: 85%; }
}

@media screen and (min-width: 903px) and (max-width: 1099px) {
.wrpmain {width: 90%; }
}

@media screen and (min-width: 547px) and (max-width: 902px) {
.wrpmain {width: 100%; }
#flex-obert {justify-content: flex-start; align-content: flex-start; flex-direction: column;  }
#flex-obert  > div:nth-of-type(1) {align-self: flex-start; width: auto;} 
#flex-container { padding-left: 1.25em;}
#flex-container > div:nth-of-type(2) {white-space: normal;}
/* .hdstr {height: 11em; } */
/* main {min-height: calc(100vh - 11em - 3.125em); }  */

}

@media screen and (max-width: 546px) {
.wrpmain {width: 100%; }
#flex-obert {justify-content: flex-start; align-content: flex-start; flex-direction: column;  }
#flex-obert  > div:nth-of-type(1) {align-self: flex-start; width: auto;} 
#flex-container { padding-left: 1.25em;}
#flex-container > div:nth-of-type(2) {white-space: normal;}
/*.hdstr {height: 11em; } */
/* main {min-height: calc(100vh - 11em - 3.125em); }  */
}


@media screen and (max-width: 25em) {
.wrpmain {width: 100%;}
/*.hdstr {height: 14em; } */
/* main {min-height: calc(100vh - 14em - 3.125em); } */
#flex-container > div:nth-of-type(1) {
    display: none;
}

#minLogoTitleW {
    font-size: 120%;
    padding-top: 0;
}

#block-webform-client-block-4 h2 {display: none;}

.hidpole {display: none;}



.fragmZel {color: #00494f; font-weight: bold;}


}	

main {
 flex: 1 0 auto;  

}

footer {
  flex: 0 0 auto;
}

header {
  flex: 0 0 auto;
}

main {
  display: flex;
  align-items: center;
  width: 100%;
  flex-direction: column;
  justify-content: flex-start;
}

main section {
    width: 100%;
}

main h2 {
    color: #00494f;
    text-align: center;
}

main h1 {
    color: #00494f;
    font-size: 1.5em;
    text-align: center;
}


#edit-name, #edit-pass, #edit-mail, #edit-state, #edit-city, #edit-university, #edit-last-name-ruc, #edit-first-name-ruc, #edit-middle-name-ruc, #edit-department-ruc, #edit-phone-ruc, #edit-email-ruc, #edit-last-name-p1, #edit-first-name-p1, #edit-middle-name-p1, #edit-course-p1, #edit-group-name-p1 {
   width: 200px;
   background: rgba(0, 73, 79, 0.5);
}

#edit-last-name-p2, #edit-first-name-p2, #edit-middle-name-p1, #edit-course-p2, #edit-group-name-p2, #edit-middle-name-p2 {
   width: 200px;
   background: rgba(0, 73, 79, 0.5);
}

#edit-last-name-p3, #edit-first-name-p3, #edit-middle-name-p3, #edit-course-p3, #edit-group-name-p3, #edit-middle-name-p3 {
   width: 200px;
   background: rgba(0, 73, 79, 0.5);
}

#edit-workplace, #edit-position, #edit-age, #edit-phone, #edit-middle-name-p1 {
   width: 200px;
   background: rgba(0, 73, 79, 0.5);

}

.bot-space {
    padding-bottom: 20px;
}

#edit-submit, .webform-button--next, .webform-button--previous, .webform-button--submit {
  background: #00494f;
  color: #fff;
  height: auto;
  width: auto;
  font-size: 100%;
  padding: 0.625em;
}

.layout-content a {
    color: #00494f;
}

.fieldset-legend {
   font-weight: bold;
   padding-bottom: 20px;
   display: block;
}

.wrap-radio {
   display: block;
   padding-bottom: 10px;
}

.wrap-radio div {
   display: inline;
}

.form-actions {
    margin-top: 20px;
}

.webform-progress {
    padding-top: 10px;
    padding-bottom: 10px;
}

.form-actions {
    text-align: center;
}

.webform-confirmation__message p {
    text-align: center;
}

.center, .layout-content {
   text-align: center;
}

.cursive {
   font-style: italic;
}

.webform-button--draft {
    display: none;
}

.form-type-checkbox {
   display: flex;
   gap: 5px;
}

.form-item-add3 img {
   width: 100%;
   max-width: 600px;
   height: auto;
}

.form-item-add4 img {
   width: 100%;
   height: auto;

}


#block-olymp22-content {
   width: 1200px;
}

@media screen and (max-width: 1200px) {
#block-olymp22-content {
   width: 90%;
}

}


/*

.wrap-webform-content {
   width: min(900px, 70%);
}




@media screen and (max-width: 1200px) {
.wrap-webform-content {
   width: 80%;
}

}

*/

#edit-user-picture-wrapper, #edit-contact, #edit-pass--description {
display: none;
}

.js-form-item-pass-pass1, .js-form-item-pass-pass2, #edit-pass--description, #edit-account, .pass--description, #pass--description {
background: #fff;
}

#edit-pass {
padding-bottom: 0;
}

#block-olymp22-content {
text-align: center;
}

.form-item-soglasie-na-obrabotku-personalnyh-dannyh-consent-to-the-processi {
padding-top: 20px;
}

#edit-common-participants {
font-size: 150%; color: #00494f; text-align: center; padding-top: 20px;
}

#edit-rucov, #edit-particip-all {
width: max-content;
}

.fieldset-legend, #edit-mess p {
max-width: 400px;
}

.cntr, .form-item-soglasie-na-obrabotku-personalnyh-dannyh-consent-to-the-processi {
display: flex;
justify-content: center;
}

#edit-require li, #edit-task li {
display: list-item;
text-align: left;
}


.js-form-required, .form-item-middle-name-p1 label, .form-item-middle-name-p2 label, .form-item-middle-name-p3 label, .form-item-course-p1 label, .js-form-item-group-name-p1 label {
   font-weight: bold;
}

.form-item-course-p2 label, .js-form-item-group-name-p2 label, .form-item-course-p3 label, .js-form-item-group-name-p3 label {
   font-weight: bold;
}


.p_cntr {
text-align: center;
}

#edit-particip-2, #edit-particip-3 {
margin-top: 50px;
}

.webform-submission-first-aid-form {
    display: flex;
    flex-direction: column;
    align-items: center;
}

main h3 {
color: #00494f;
text-decoration: underline;
margin-top: 40px;
margin-bottom: 40px;
}

.form-type-processed-text  {
    display: flex;
    flex-direction: column;
    align-items: center;

}


.form-type-processed-text p:last-child {
text-align: left;
}

#block-olymp22-login>div p:last-child {
margin-top: 10px;
}

/*
#edit-task-1-txt1 p:last-child {
text-align: left;
}
*/


.webform-submission-theor-competition-1-form {
width: 100%;
min-width: 450px;
max-width: 1200px;
}

main a, main a:visited {
    color: #00494f;
}

#edit-account {
display: flex;
  flex-direction: column;
  align-items: center;
}

#edit-mail--description, #edit-name--description, .password-suggestions {
display: none!important;
}

#block-olymp22-views-block-registered-users-block-1 th, #block-olymp22-views-block-registered-users-block-1 td {
text-align: center;
border: 1px;
border-color: #000;
padding: 10px;
}

.messages--error {
    display: none;
}

#edit-processed-text {
   color: #f00;
}