.login-page *, .notification-page * {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.login-page, .notification-page {
    background: linear-gradient(to bottom,#22536d  0%,rgb(255, 255, 255) 100%);
    background: #033b63;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    height: 100vh   ;
    justify-content: center;
    align-items: center;
}
.login-page.administrator{
    background: linear-gradient(to bottom, #22536d 0%,rgb(255, 255, 255) 100%);
    background: #033b63 ;
}
.legal-notice-text{
    margin-top: 15px;
    font-size: 16px;
    line-height: 1.5;
    font-weight: normal;
    max-width: 600px;
    text-align: center;
    color: white;
}
.form-container{
    width: 90%;
    max-width: 460px;
    background: #fff;
    padding: 30px;
    border-radius: 5px;
    box-sizing: border-box;
    border: solid red 5px;
}
.form-container .form-header{
    font-size: 25px;
    line-height: 1.1;
    text-align: center;
    color: #3f4043;
    font-weight: bold;
    margin-bottom: 10px;
}
.form-container .form-field{
    width: 100%;
    margin: 0 auto;
    margin-bottom: 20px;
    position: relative;
    flex-wrap: wrap;
}
.form-container .form-field label{
    font-size: 16px;
    font-weight: bold;
    color: #424242;
    display: block;
    width: 100%;
    margin-bottom: 5px;
}

.notification-message {
    text-align: center;
    font-size: 16px;
    color: #424242;
    display: block;
    margin: 20px 5px;
}

.notification-message.error {
    color: red;
}

.form-container .form-field label span{
    font-weight: normal;
}
.form-container .form-field input{
    width: 100%;
    height: 48px;
    border-radius: 4px;
    border: solid 1px #767676;
    font-size: 16px;
    color: #000;
    line-height: 46px;
    padding: 0 16px;
    background: 0 0;
}
.form-container .form-field select{
    width: 100%;
    height: 48px;
    border-radius: 4px;
    border: solid 1px #767676;
    font-size: 16px;
    color: #000;
    line-height: 46px;
    padding: 0 16px;
    background: 0 0;
}
.form-container .form-field .toggle-password {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 48px;
    height: 48px;
    cursor: pointer;
}
.form-container .form-field .toggle-password:before {
    content: '';
    background:
        url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNDY5LjMzMyA0NjkuMzMzIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0NjkuMzMzIDQ2OS4zMzM7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxnPg0KCQk8Zz4NCgkJCTxwYXRoIGQ9Ik0yMzQuNjY3LDE3MC42NjdjLTM1LjMwNywwLTY0LDI4LjY5My02NCw2NHMyOC42OTMsNjQsNjQsNjRzNjQtMjguNjkzLDY0LTY0UzI2OS45NzMsMTcwLjY2NywyMzQuNjY3LDE3MC42Njd6Ii8+DQoJCQk8cGF0aCBkPSJNMjM0LjY2Nyw3NC42NjdDMTI4LDc0LjY2NywzNi45MDcsMTQxLjAxMywwLDIzNC42NjdjMzYuOTA3LDkzLjY1MywxMjgsMTYwLDIzNC42NjcsMTYwDQoJCQkJYzEwNi43NzMsMCwxOTcuNzYtNjYuMzQ3LDIzNC42NjctMTYwQzQzMi40MjcsMTQxLjAxMywzNDEuNDQsNzQuNjY3LDIzNC42NjcsNzQuNjY3eiBNMjM0LjY2NywzNDEuMzMzDQoJCQkJYy01OC44OCwwLTEwNi42NjctNDcuNzg3LTEwNi42NjctMTA2LjY2N1MxNzUuNzg3LDEyOCwyMzQuNjY3LDEyOHMxMDYuNjY3LDQ3Ljc4NywxMDYuNjY3LDEwNi42NjcNCgkJCQlTMjkzLjU0NywzNDEuMzMzLDIzNC42NjcsMzQxLjMzM3oiLz4NCgkJPC9nPg0KCTwvZz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjwvc3ZnPg0K)
        no-repeat
        center;
    background-size: 26px;
    position: absolute;
    display: block;
    width: 48px;
    height: 48px;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.form-container .form-field .toggle-password.show:before{
    background:
        url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDQ2OS40IDQ2OS40IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0NjkuNCA0NjkuNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPGc+DQoJCTxnPg0KCQkJPHBhdGggZD0iTTIzMS4xLDE3MS40bDY3LjIsNjcuMmwwLjMtMy41YzAtMzUuMy0yOC43LTY0LTY0LTY0TDIzMS4xLDE3MS40eiIvPg0KCQkJPHBhdGggZD0iTTIzNC43LDEyOC40YzU4LjksMCwxMDYuNyw0Ny44LDEwNi43LDEwNi43YzAsMTMuOC0yLjgsMjYuOS03LjYsMzguOWw2Mi40LDYyLjRjMzIuMi0yNi45LDU3LjYtNjEuNyw3My4zLTEwMS4zDQoJCQkJYy0zNy05My43LTEyOC0xNjAtMjM0LjgtMTYwYy0yOS45LDAtNTguNSw1LjMtODUsMTQuOWw0Ni4xLDQ2QzIwNy44LDEzMS4zLDIyMC45LDEyOC40LDIzNC43LDEyOC40eiIvPg0KCQkJPHBhdGggZD0iTTIxLjMsNzAuM0w3MCwxMTguOWw5LjcsOS43Yy0zNS4yLDI3LjUtNjMsNjQuMS03OS43LDEwNi41YzM2LjksOTMuNywxMjgsMTYwLDIzNC43LDE2MGMzMy4xLDAsNjQuNi02LjQsOTMuNS0xOA0KCQkJCWw5LjEsOS4xbDYyLjIsNjIuM2wyNy4yLTI3LjFMNDguNSw0My4xTDIxLjMsNzAuM3ogTTEzOS4zLDE4OC4xbDMzLDMzYy0xLDQuNi0xLjYsOS4yLTEuNiwxNGMwLDM1LjMsMjguNyw2NCw2NCw2NA0KCQkJCWM0LjgsMCw5LjQtMC42LDEzLjktMS42bDMzLDMzYy0xNC4yLDctMzAsMTEuMy00Ni44LDExLjNjLTU4LjksMC0xMDYuNy00Ny44LTEwNi43LTEwNi43QzEyOCwyMTguMiwxMzIuMywyMDIuNCwxMzkuMywxODguMXoiLz4NCgkJPC9nPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K)
        no-repeat
        center;
    background-size: 26px;
}
.form-container .button-part{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 560px;
    margin: 0 auto;
}
.form-container .button-part.double-buttons{
    justify-content: center;
}
.form-container .button-part .btn{
    height: 40px;
    border-radius: 4px;
    background-color: #3e6199;
    border: solid 1px #3e6199;
    display: inline-block;
    text-decoration: none;
    line-height: 26px;
    padding: 6px 25px;
    color: #fff;
    font-size: 16px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    position: relative;
    text-align: center;
    min-width: 170px;
    cursor: pointer;
    margin: 0 10px 0 10px
}
.form-container .button-part .btn.red-btn{
    background-color: #DC3128;
    border: solid 1px #DC3128;
}
.form-container .button-part .btn.grey-btn{
    background-color: #7c7c7c;
    border: solid 1px #7c7c7c;
}
.form-container .button-part .btn:hover{
    background-color: #385385;
    border: solid 1px #385385;
}
.form-container .button-part .btn.red-btn:hover{
    background-color: #bc2b23;
    border: solid 1px #bc2b23;
}
.form-container .button-part .btn.grey-btn:hover{
    background-color: #626262;
    border: solid 1px #626262;
}
.form-container .button-part .btn:disabled{
    opacity: 0.5;
    pointer-events: none;
}
.form-container .wrong-form{
    text-align: center;
    margin-top: 20px;
}
.form-container .wrong-form a{
    color: #4e4c99;
}
.form-container .wrong-form a:hover{
    text-decoration: none;
}
.form-error {
    font-size: 14px;
    color: red;
    font-weight: bold;
    width: 100%;
    margin-top: -15px;
    margin-bottom: 15px;
}
.form {
    position: relative;
}

.captcha_block{
    display: flex;
    height: 48px
}
.captcha_icon_block{
    display: grid;
}
.information-icon{
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath id='circle' d='m12 2.085c-5.477 0-9.915 4.438-9.915 9.916 0 5.48 4.438 9.92 9.916 9.92 5.48 0 9.92-4.44 9.92-9.913 0-5.477-4.44-9.915-9.913-9.915zm.002 18a8.084 8.084 0 1 1 0 -16.17 8.084 8.084 0 0 1 0 16.17z'/%3E%3Cpath id='info' d='m11 6.16v2.01h2.02v-2.01zm-1.61 3.22v2.01h1.61v4.43h-1.61v2.01h5.23v-2.01h-1.61v-6.44z'/%3E%3C/svg%3E");
    height: 24px;
    width: 24px;
    cursor: pointer;
}
.reload-icon{
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 23.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 20 20' style='enable-background:new 0 0 20 20;' xml:space='preserve'%3E%3Ctitle%3Ereload%3C/title%3E%3Cpath d='M2,2v7h7L5.8,5.8c0.4-0.4,0.8-0.7,1.3-1c2.9-1.6,6.5-0.6,8.2,2.3s0.6,6.5-2.3,8.2S6.4,15.9,4.8,13H2.6c0.4,1,1,1.9,1.8,2.7 c3.1,3.1,8.2,3.1,11.3,0s3.1-8.2,0-11.3s-8.2-3.1-11.3,0L2,2z'/%3E%3C/svg%3E");
    height: 24px;
    width: 24px;
    cursor: pointer;
}
.tooltip {
    position: relative;
    display: inline-block;
}
.tooltip .tooltip_text {
    visibility: hidden;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;

    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;

    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 0.3s;
}
.tooltip .tooltip_text::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}
.tooltip:hover .tooltip_text {
    visibility: visible;
    opacity: 1;
}

.captcha_image {
    border-radius: 4px;
    border: solid 1px #767676;
}
.captcha_text{
    margin-bottom: 5px;
    margin-top: 5px;
    color: #424242;
    font-size: 16px;
    font-weight: bold;
}
a.link {
    color: red !important;
}
a.link:visited {
    color: #BF1E23 !important;
}

.global-notification {
    margin: 5px 0;
    font-weight: bolder;
    background-color: white;
    border-radius: 5px;
    height: 50px;
    padding: 10px;
    width: 450px;
}
.global-notification .icon {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAZCAMAAAD3wqVsAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAB8lBMVEX////+/v7+/Pz++/v//v7+/f301NTnoaHdeHjZZWXYY2PccnLklpbxyMj9+Pj89vbkl5fMNzfAAgK8AAC7AAC+AADIJSXefHz45eXuvLzJLS29AAC/AADAAwPBBgbAAADDFRXll5flmJi+AgLBAwPAAQHBBATZaWnpp6e/AQHMNTXrra3uubnQRUW6AADbb2/34ODCDg6+AQHPQ0PrsLDz0dHYZGTUVFTyysrturrST0/ABATssrLZaGjSTU3tu7vxx8fZbGzCERHRSEjSSkrBCQnVW1vuvr7ww8PWXV2/AwPLLy/78fHFFRX56Oi4AADMNDTRRkbXXV3FFxfwxcXTUFC8AQHIIiL88/P9+vrNNze+AwO9AgLMMzP34uLCCQnijY3rsbHmnJzEERH99vbHHR3ii4vvvr7cc3PtuLjJJyf99/fKKyvppqbDERHRRUXee3v229vggoL23t7eenrhiIjABgboo6PMMjK9AQHss7Pvv7/339/89fX009O/Bwe/AgLCCgr44+PooqLstLTGHR3DEhLqrKz00tLBDw/BBQXjkZH12dnz0NC/BATFGRn55+f56enKLCzTTk7BDQ3wxMTQRkbHJSXjkpLGHx/CDw/bcXH77e378PDUVlbIJCTGGxvQR0fijo734eH9+fn23NycFYg1AAAAAWJLR0QAiAUdSAAAAAlwSFlzAAAk6AAAJOgBgmMFHAAAAAd0SU1FB+YICQw7ApoXIQQAAAH4SURBVCjPZZKHV9RAEMZnk1sEFNHdWfXMLmu5jZwlKoJiRxHLiSJWTlQUe+9i74oNxd4r+n86yUXh6fdeksn8NpOdnQ9gUIwE/4uynp/I+2cByzB/MOFzSqRxhoFHj7Jh5RWVw0dUjSTKoLSU7h5UjxotJMZSY8aOA16CGWA+ZMdjoE0NyViFEyamkBGaNDnICSECROmMCBVOYV5S1INamRfCSZw6bfoMKa1xYTQTaL90zZpdJ6wM5tQ3zJ3XOH+BktoulIvApz3BYgytWrK0adny5hUtK1etXlOwJljr0y+hdZ0SWq8vl20bANrb5EZ/k3JObY4bq1LWWlW2ZWthW0dxe+eOnbu6qCjuZkVge6SwJuquR7t3H+zX0YGDKIgdAmKHiYngyNFjQeF4tqXuROtJSoR4KlMEOG201QLPnO1U585fiLK19Jk1sof65vzipeTl8hV39Zruvn7jprMuf+s2cOrhDoZa23xwt/He/d4HD5XTOsQKahwY5+34SGuXl4+f9PU+jVEueNbPOZ0ZZ89fYOi0ddHLStQUhMGr19QdTYHq9r9BZYzISaQTz2l820SIJfPjwN+9l1JpYbSS+OHjpxQlkMHnni9fu6yu+fb9x0A8mz+uYPF4AX4ONPT96kgNM9Rm3PdKIacB/LVSaqiYex4fCn4DNyJSpWFvf3MAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMDgtMDlUMTI6NTc6NDcrMDA6MDDZI29bAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTA4LTA5VDEyOjU3OjQ3KzAwOjAwqH7X5wAAAABJRU5ErkJggg==");
    width: 25px;
    height: 25px;
    display: inline-block;
    margin-left: 5px;
}