#auth-frame-fast {
    display: flex;
    flex-direction: column;
    /*position: fixed;*/
    /*top: 0%;
    left: 50%;
    */
    width: 100%;
    max-width: 600px;
    background-color: #fff;
    border: none;
    /*margin-left:-300px;*/
    border: 1px solid #e8e8e8;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    opacity: 1;
    z-index: 51;
    transition: all 0.3s;
}

.auth-container {
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: auto;
    scrollbar-width: none;
}

.container a, #auth-frame-fast a {
    display: flex;
    position: relative;
}

.thankyou {
    max-height: 600px;
}

.x {
    position: absolute;
    top: 32px;
    right: 32px;
    cursor: pointer;
}

.x:hover svg line {
    stroke: var(--sait-background-color);
}

.form-container {
    display: flex;
    flex-direction: column;
    padding-left: 30px;
    padding-right: 30px;
}

.login-form-header-fast {
    display: block;
    width: 100%;
    padding: 55px 30px 50px 30px;
    background: #fff;
}

.login-form-title-fast {
    display: block;
    font-size: 1.05em;
    font-weight: 700;
    color: #222;
}

.login-form-header-fast p {
    display: flex;
    margin: 0;
    font-size: 1.5rem;
    font-weight: 400;
    border-bottom: 1px solid #ec1000;
}

.login-form-header-fast p span {
    display: flex;
    justify-content: center;
    font-size: 1.1rem;
    font-weight: lighter;
    color: var(--sait-background-color);
}

.username {
    display: flex;
    justify-content: center;
    color: #222;
    font-size: 1.05rem;
    margin-top: 0px;
    margin-bottom: 65px;
    font-weight: lighter;
}

.frame-body-fast {
 padding: 0px 0px;
}

/*Внутренние окна*/

.card-body-fast{
    flex: 1 1 auto;
}

.container-btn-reg-fast {
    display: flex;
    justify-content: center;
    border-top: 1px solid rgba(0, 0, 0, 0.175);
    padding: 40px 0px 40px 0px;
    background-color: #fbfbfb;
    border-top: 1px solid #f2f2f2;
}

.btn-reg-fast {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.3rem 1.75rem;
    margin-left: auto;
    margin-right: auto;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--sait-background-color);
    background-color: #fff;
    border: 1px solid var(--sait-background-color);
    border-radius: 0.175rem;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn-reg-fast:hover {
    background-color:  var(--sait-background-color);
    border-color: var(--sait-background-color);
    color: #fff;
}

.cont-fast .forgout-fast a {
    display: flex;
    /*color: rgba(13, 110, 253);*/
    color: var(--sait-background-color);
    text-decoration: none;
    align-items: center;
}


.card-body-fast a {
    display: flex;
    color: rgba(13, 110, 253);
    color: #222;
    text-decoration: none;
    align-items: center;
    justify-content: flex-start;
    font-weight: lighter;
}

.form-label-fast {
    display: flex;
    flex-direction: column;
    margin-bottom: 0.3rem;
    color: #222;
    font-weight: lighter;
}

.form-label-fast span,  .form-label-fast small{
   color: var(--sait-background-color);
}

.label-fast {
    display: inline-block;
}


.form-control-fast {
    display: block;
    width: 100%;
    margin-bottom: 2rem;
    padding: 0.375rem 0.75rem;
    font-size: 1.2rem;
    font-weight:lighter;
    height: 49px;
    color: #222;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #dee2e6;
    border-radius: 0rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

a.form-control-fast:hover {
    color: var(--sait-background-color)
}


.form-control-fast:focus {
    color: #222;
    font-weight: lighter;
    background-color: #fff;
    /*border-color: #86b7fe;*/
    /*border-color: #aaa;*/
    outline: 0;
    /*box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);*/
}

.form-control-fast-adress {
    display: block;
    font: 15px / 24px Roboto, Arial, sans-serif;
    width: 100%;
    margin-bottom: 2rem;
    padding: 0.375rem 0.75rem;
    font-size: 1.2rem;
    font-weight:lighter;
    height: 150px;
    color: #222;
    resize: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #dee2e6;
    border-radius: 0rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control-fast-adress:focus {
    color: #222;
    font-weight: lighter;
    background-color: #fff;
    /*border-color: #86b7fe;*/
    /*border-color: #aaa;*/
    outline: 0;
    /*box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);*/
    resize: none;
}

.updprof-error-container {
    display: flex;
    justify-content: center;
    font-size: 1.2rem;
    padding: 20px 10px 20px 10px;
    margin-bottom: 25px;
    border: 1px solid #9ed7d5;
    color: rgb(0 151 139);
    background-color: rgb(214 239 238);
}

.loginFPErrors {
 padding: 0px 30px 10px 30px;   
}


.loginFPEmai {
    display: block;
    width: 100%;
    margin-bottom: 4rem;
    padding: 0.375rem 0.75rem;
    font-size: 1.1em;
    font-weight: lighter;
    height: 49px;
    color: #222;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #dee2e6;
    border-radius: 0rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.loginFPEmai:focus {
    color: #222;
    background-color: #fff;
    /*border-color: #86b7fe;*/
    /*border-color: #aaa;*/
    outline: 0;
    /*box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);*/
}

.input-pass {
    display: flex;
    position: relative;
}

input {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    border-color: #aaa;
}

input:focus {
    border-color: #bbb;
}

input::placeholder {
    color: #777;
}

input:focus::placeholder {
    color: #dedede;
}

#password {
    padding-right: 42px;
}

.btn-fast {
    display: flex;
    width: max-content;
    padding: 0.3rem 1.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #fff;
    /*background-color: #0d6efd;*/
    /*border: 1px solid #0d6efd;*/
    background-color: var(--sait-background-color);
    border: 1px solid var(--sait-background-color);
    border-radius: 0.175rem;
    margin-bottom: 30px;
    display: flex;
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn-fast:hover {
    background-color:  var(--sait-background-color);
    border-color: var(--sait-background-color);
    color: #fff;
}


.btn-reg-fast {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.3rem 1.75rem;
    margin-left: auto;
    margin-right: auto;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--sait-background-color);
    background-color: #fff;
    border: 1px solid var(--sait-background-color);
    border-radius: 0.175rem;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn-reg-fast:hover {
    background-color: var(--sait-background-color);
    border-color: var(--sait-background-color);
    color: #fff;
}

.alert-danger {
    background-color: #f8d7da;
    border: 1px solid #f1aeb5;
}

.alert {
    background-color: #f8d7da;
    border: 1px solid #f1aeb5;
    padding: 1rem 1rem;
    margin-bottom: 1rem;
    border-radius: 0.175rem;
    color: #58151c;
    margin-left: 30px;
    margin-right: 30px;
}

.error {
    color: #ec1000;
}

.cont-fast {
    display: flex;
    margin-bottom: 2rem;
}

.forgout-fast {
    margin-left: auto;
}

.forgout-fast p a {
    display: flex;
    justify-content: end;
    color: var(--sait-background-color);
}

.overlay-fast {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #3a3f44;;
    z-index: 3;
    opacity: 0;
    transition: transform 0.3s ease-in-out;
    transition: all 0.3s;
    cursor: pointer;
}

.overlay-fast-active {
    display: grid;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #3a3f44;
    background: rgba(0, 0, 0, 0.99);
    background-color: rgba(255, 255, 255, 0.99);;
    z-index: 3;
    opacity: 0.8;
    transition: transform 0.3s ease-in-out;
    transition: all 0.3s;
    cursor: pointer;
    overflow-y: overlay;
}

.btw-0 {
    border-top-width: 0px;
}  

.bn {
    border: none;
}

.forgot-text {
    padding: 60px 20px 0;
    text-align: center;
    color: #555;
    font: 15px / 24px Roboto, Arial, sans-serif;
    font-size: 1.1em;
    font-weight: lighter;
}

.forgot-form-title-fast {
    display: flex;
    font-size: 1.05em;
    font-weight: 700;
    color: #222;
    justify-content: center;
    color: var(--sait-background-color);
}

.forgot-form-header-fast p {
  margin: 0;
  font-size: 1.55em;
  font-weight: 500;
}

.loginFPEmailLabel {
    display: flex;
}

.loginFPEmail {
    display: block;
    width: 100%;
    margin-bottom: 2rem;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    height: 49px;
    color: #222;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #dee2e6;
    border-radius: 0rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}



.loginFPEmail:focus
{
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    height: 49px;
    color: #222;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    background-clip: padding-box;
    /*border: 1px solid #dee2e6;U
    border-radius: 0rem;
    /*border-color: #86b7fe;*/
    outline: 0;
    /*box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);*/
    /*transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;*/
}

span.loginFPButton input {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.3rem 1.75rem;
    margin-left: auto;
    margin-right: auto;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--sait-background-color);
    background-color: #fff;
    border: 1px solid var(--sait-background-color);
    border-radius: 0.175rem;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

span.loginFPButton input:hover {
    background-color: var(--sait-background-color);
    border-color: var(--sait-background-color);
    color: #fff;
}

.ok {
    display: flex;
    justify-content: center;
    margin-top: 60px;
    margin-bottom: 60px;
}

.form-container p span {
    display: flex;
    justify-content: center;
    font-weight: 400;
    font-size: 1.5rem;
    padding: 0px 0px 20px 0px;
}

.form-container small p {
    display: flex;
    flex-direction: column;
    text-align: center;
    font-weight: lighter;
    font-size: 1.0rem;
    padding-top: 40px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 80px;
}

.form-container p {
    display: flex;
    flex-direction: column;
    text-align: center;
    font-weight: 400;
    font-size: 1.15rem;
    padding-bottom: 0px;
}



/*-------------- FLAG MEDIA 

/* X-Small devices (portrait phones, less than 576px)*/
/* No media query for `xs` since this is the default in Bootstrap*/

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
   .form-container {
    display: flex;
    flex-direction: column;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 10px;
    }

    .eye, .eye-new, .eye-confirm {
      width: 48px;
      height: 48px;
      position: absolute;
      background-image: url(../images/eye_close.svg) ;
      background-repeat: no-repeat;
      background-position-x: center;
      background-position-y: center;
      cursor: pointer;
      right: 0px;
      top: 0px;
    }


    .loginFPErrors {
     padding: 0px 60px 10px 60px;   
    }
   
   .rem-container {
      display: flex;
      flex-direction: column;
      margin-bottom: 2rem !important;
    }

    .btn-fast {
       display: flex;
       width: max-content;
    }

    .alert {
       margin-left: 60px;
       margin-right: 60px;
    }

    .loginFPEmail {
       margin-left: 60px;
       margin-right: 60px;
    }

    .login-form-header-fast {
       padding: 55px 60px 50px 60px;
}



/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
	
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {}


/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    
}

/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {
    
    }