#registrator {
    width     : 80em;
    max-width : 100%;
    margin    : 1em auto;
    border    : 1px solid gray;
}

#registrator .hl {
    color : #cb2156;
}

#registrator #registrator-logout-div {
    justify-content : flex-end;
}

#registrator input:disabled {
    background-color : #eeeeee;
}

#registrator #registrator-steps-title {
    color         : #cb2156;
    margin-bottom : .5em;
}

#registrator #registrator-steps {
    display         : flex;
    justify-content : center;
}

#registrator #registrator-steps > div {
    display      : flex;
    align-items  : center;
    flex         : 0 0 12em;
    height       : 5.5em;
    margin-right : 1.5em;
    font-size    : .8rem;
    padding      : .2em .5em;
    font-weight  : bold;
    box-sizing   : border-box;
    position     : relative;
    background   : lightblue;
    color        : darkblue;
    border       : 2px solid blue;
}

#registrator #registrator-steps > div > .n {
    font-size     : 2em;
    padding-right : .3em;
}

#registrator #registrator-steps > div:after,
#registrator #registrator-steps > div:before {
    left           : 100%;
    top            : 50%;
    border         : solid transparent;
    content        : " ";
    height         : 0;
    width          : 0;
    position       : absolute;
    pointer-events : none;
}

#registrator #registrator-steps > div:after {
    border-left-color : lightblue;
    border-width      : 1em;
    margin-top        : -1em;
}

#registrator #registrator-steps > div:before {
    border-left-color : darkblue;
    border-width      : 1.2em;
    margin-top        : -1.2em;
}

#registrator #registrator-steps > div.step-done {
    background : dodgerblue;
    color      : white;
    cursor     : pointer;
}

#registrator #registrator-steps > div.step-done:after {
    border-left-color : dodgerblue;
}

#registrator #registrator-steps > div.step-active {
    background   : #cb2156;
    border-color : #cb2156;
    color        : white;
}

#registrator #registrator-steps > div.step-active:after,
#registrator #registrator-steps > div.step-active:before {
    border-left-color : #cb2156;
}

#registrator #registrator-forms > form {
    margin : 0 auto;
}

#registrator #registrator-forms > form > div {
    display     : flex;
    margin      : .5em 0;
    align-items : center;
}

#registrator #registrator-forms > form button,
#registrator #registrator-forms > form a.button {
    width : 11em;
}

#registrator #registrator-forms #registrator-register-form label.big-label {
    flex-grow : 1;
}

#registrator #registrator-forms > form input[type=text],
#registrator #registrator-forms > form input[type=password] {
    flex-grow : 1;
}

#registrator #registrator-forms > #registrator-login-form {
    width : 20em;
}

#registrator #registrator-forms #registrator-login-form label {
    flex : 0 0 4em;
}

#registrator #registrator-forms #registrator-login-form button,
#registrator #registrator-forms #registrator-login-form a.button {
    padding : .7em 1em;
    margin  : .7em 0;
    height  : 3em;
}

#registrator #registrator-button-instruction {
    background : linear-gradient(to bottom right, orange, darkred, orange);
}

#registrator #registrator-button-toggle {
    background : linear-gradient(to bottom right, lightgreen, darkgreen, lightgreen);
}

#registrator #registrator-button-restore {
    background : linear-gradient(to bottom right, silver, gray, silver);
}

#registrator #registrator-forms #registrator-register-form {
    display : none;
    width   : 25em;
}

#registrator #registrator-forms #registrator-register-form label {
    flex : 0 0 8em;
}

#registrator #registrator-forms #registrator-register-form input[type=checkbox] {
    margin-right : .5em;
}

.registrator-form {
    width  : 95%;
    margin : 0 auto 2em;
}

.registrator-form > h3 {
    border-radius  : 10px 10px 0 0 !important;
    margin-bottom  : 10px;
    background     : linear-gradient(#3268AE, #5E9CD5);
    color          : #ffffff;
    font-weight    : bold;
    letter-spacing : 1px;
    text-align     : center;
    padding        : 5px;
    font-size      : 1em;
}

.registrator-form > div {
    display         : flex;
    flex-flow       : row nowrap;
    align-items     : center;
    justify-content : flex-start;
    margin          : .5em 0;
}

.registrator-form select {
    flex : 0 0 auto;
}

.registrator-form input[type=text], .registrator-form textarea {
    flex-grow : 1;
}

.registrator-form input[type=text].date {
    flex       : 0 0 10em;
    width      : 10em;
    text-align : center;
}

.registrator-form input[type=text].number,
.registrator-form input[type=text].numberx,
.registrator-form input[type=text].phone {
    flex       : 0 0 12em;
    width      : 12em;
    text-align : center;
}

.registrator-form input[type=text].postindex {
    flex       : 0 0 6em;
    width      : 6em;
    text-align : center;
}

.registrator-form input[type=text].email {
    flex  : 0 0 30em;
    width : 30em;
}

.registrator-form > div > label {
    font-size   : .8em;
    font-weight : bold;
}

.registrator-form > div > label:not(.nrq)::after {
    content : '*';
}

.registrator-form > div > label.nrq {
    font-weight : normal;
}

#registrator-admin .registrator-form > div > label {
    flex : 0 0 12em;
}

.registrator-form > div > label.label-w100 {
    flex : 1 0 auto !important;
}

.registrator-form > div > label.label-auto {
    flex         : 0 0 auto !important;
    margin-right : .5em;
}

.registrator-form > div > label.label-auto-l {
    flex         : 0 0 auto !important;
    margin-left  : 2em;
    margin-right : .5em;
}

.registrator-form .registrator-hint {
    line-height : 1.2;
    font-size   : .9em;
}

#registrator-university #UniversityType,
#registrator-university #EducationType {
    width        : 25em;
    margin-right : 1em;
}

.registrator-form .edrpo,
.registrator-form .iban,
.registrator-form .uin {
    text-align : center;
    flex       : 0 0 20em !important;
}

#registrator-university .select2-container {
    min-width : 40%;
}

#registrator-university .select2-container .select2-selection--single {
    height : 34px;
}

.registrator-address-territory .select2-container {
    width     : 100% !important;
    min-width : auto !important;
}

.registrator-form .registrator-fio input:nth-child(3) {
    margin : 0 1em;
}

#registrator-university .registrator-form > div > label {
    flex : 0 0 19em;
}

.registrator-address.registrator-form > div > label {
    flex  : 0 0 9em !important;
    width : 9em !important;
}

.registrator-address #StreetType,
.registrator-address #StreetTypeU,
.registrator-address #AdminStreetType,
.registrator-address #StreetType + .select2-container,
.registrator-address #StreetTypeU + .select2-container,
.registrator-address #AdminStreetType + .select2-container {
    width     : 12em;
    min-width : 12em;
}

.registrator-address.registrator-form > div > label:nth-child(n+2) {
    margin : 0 1em 0 3em;
}

#university-contacts.registrator-form > div > label {
    flex  : 0 0 9em;
    width : 9em;
}

#registrator-admin .registrator-form > div > label {
    flex : 0 0 14em;
}

#registrator-docs {
    width     : 70em;
    max-width : 100%;
    margin    : 0 auto;
}

#registrator #registrator-university-id span {
    color     : #cb2156;
    font-size : 2em;
}

#registrator .fas {
    font-size  : 2em;
    text-align : center;
    cursor     : pointer;
}

#registrator .fa-cloud-upload-alt {
    color : steelblue;
}

#registrator .fa-cloud-download-alt {
    color : darkgreen;
}

#registrator .fa-trash-alt {
    color : darkred;
}

#registrator-docs ol {
    list-style-type : upper-roman;
}

#registrator-docs li {
    margin : 1em 0;
}

#legal-entity-docs {
    width : 90%;
}

#legal-entity-docs td {
    vertical-align : middle;
    border         : 1px solid #dddddd;
    border-left    : none;
    border-right   : none;
    cursor         : pointer;
}

#legal-entity-docs input[type=file] {
    display : none;
}

#legal-entity-docs > tbody > tr {
    height : 3em;
}

#legal-entity-docs > tbody > tr > td.icon-upload,
#legal-entity-docs > tbody > tr > td.icon-delete,
#legal-entity-docs > tbody > tr > td.scan-download {
    padding : 0 1em;
    width   : 3em;
}

#legal-entity-docs > tbody > tr > td.document-name {
    width     : 25em;
    min-width : 25em;
}

#legal-entity-docs > tbody > tr > td.document-file-name {
    color : purple;
}

#legal-entity-docs > tbody > tr > td.document-status {
    width     : 8em;
    min-width : 8em;
}

#legal-entity-docs > tbody > tr > td.scan-download {
    width     : 3em;
    min-width : 3em;
}

#legal-entity-docs > tbody > tr.status2 > td.document-status {
    background-color : lightgreen;
    color            : forestgreen;
    font-weight      : bold;
}

#legal-entity-docs > tbody > tr.status3 > td.document-status {
    background-color : pink;
    color            : #cb2156;
    font-weight      : bold;
}

#legal-entity-docs .info {
    text-decoration : underline;
    cursor          : pointer;
}

#finalize {
    width     : 70em;
    max-width : 100%;
    margin    : 0 auto;
}

#finalize #registrator-info {
    text-align : center;
}

#finalize table {
    margin : 1em 0;
    width  : 100%;
}

#finalize td {
    height : 3.5em;
}

#finalize thead td {
    font-weight : bold;
    text-align  : center;
}

#finalize #university-scan-info td.scan-type-name {
    width : 21em;
}

#finalize #university-scan-info td.scan-status {
    width      : 10em;
    text-align : center;
}

#finalize #university-scan-info td.scan-date {
    width      : 8em;
    text-align : center;
}

#finalize #university-scan-info td.scan-user {
    width : 18em;
}

#finalize #university-scan-info td.scan-download {
    width  : 3em;
    cursor : pointer;
}

#finalize #university-scan-info .status1 {
}

#finalize #university-scan-info .status2 {
    background-color : lightgreen;
    color            : darkgreen;
    font-weight      : bold;
}

#finalize #university-scan-info .status3 {
    background-color : pink;
    color            : #cb2156;
    font-weight      : bold;
}

#finalize #request-status {
    text-transform : uppercase;
    font-weight    : bold;
    text-align     : center;
    font-size      : 1.5em;
    padding        : 0 .5em;
}

#finalize .request-status-10 {
    background-color : dodgerblue;
    color            : white;
}

#finalize .request-status-20 {
    background-color : blueviolet;
    color            : white;
}

#finalize .request-status-30 {
    background-color : #cb2156;
    color            : white;
}

#finalize .request-status-40,
#finalize .request-status-50 {
    background-color : forestgreen;
    color            : white;
}

#finalize #button-change-status {
    width          : 20em;
    text-transform : uppercase;
    line-height    : 1.5;
}

#finalize #university-status-history tr > td.history-date {
    width      : 10em;
    text-align : center;
}

#finalize #university-status-history tr > td.history-status {
    width : 15em;
}

#finalize #university-status-history tr > td.history-user {
    width : 20em;
}

#finalize #university-status-history tr > td.history-description {
}

#select2-UniversityType-results, #select2-EducationType-results, #select2-AdminDocType-results {
    max-height : 400px;
}