@import url("fonts.css");
@import url("header.css");

html,
body {
 min-height: 100%;
 height: 100%;
}
body {
 font-family: 'Source Sans Pro', 'sans-serif';
}

.container--light-gray-theme {
 background-color: #f7f7f7;
 color: rgba(38,41,44,0.88);
}

/*Button*/
.btn--green {
 background: #08a742;
 box-shadow: 0 1px 2px rgb(38 41 44 / 8%);
}
.btn--green:hover {
 background: #30b560;
}
.btn--green span {
 color: #fff;
}
.btn--large {
 min-width: 180px;
}
.btn--round {
 border-radius: 30px;
}

.btn--round-0 {
 border-radius: 0;
}

/*Font*/
.font-18 {
 font-size: 18px;
}

.font-20 {
 font-size: 20px;
}

.font-22 {
 font-size: 22px;
}

.font-bold {
 font-weight: bold;
}

/*Form*/
.auth-form {
 background-color: #fff;
 max-width: 500px;
 color: #b9babb;
 padding: 40px 60px 52px;
 box-shadow: rgba(0, 162, 187, 0.04) 0px 14px 44px 0px, rgba(9, 29, 48, 0.02) 0px -2px 4px 0px, rgba(9, 29, 48, 0.02) 0px 2px 8px 0px, rgba(9, 29, 48, 0.02) 0px 19px 44px 0px;
}

.auth-form--login {
 max-width: 500px;
}

.auth-form--register {
 max-width: 600px;
}

.auth-form__title {
 font-weight: bold;
 letter-spacing: 1px;
 color: #26292c;
 font-size: 26px;
 line-height: 1.2em;
 margin: 0 0 16px 0;
}

a.auth-form__link {
 color: #747678;
 text-decoration: none;
}

.form-control-user {
 border: none;
 border-bottom: 1px solid #ced4da;
 border-radius: 0;
}

.form-control-user:focus {
 box-shadow: none;
}

.form-control-user:focus::placeholder {
 color: transparent;
}

.auth-form__label {
 transition: ease-in color 500ms;
 color: #fff;
 margin-bottom: 0;
 font-weight: bold;
}

.auth-form__link-fogot {
 right: 0;
 top: 25px;
 color: #b9babb;
 text-decoration: none;
 font-size: 14px;
}
.auth-form__link-fogot:hover {
 color: #a8aaac;
}

.input--filled .auth-form__label {
 color: #333;
}

ul.order-list--red {
 list-style: none;
 padding: 0;
}

ul.order-list--red li {
 position: relative;
 padding-left: 20px;
 margin-bottom: 8px;
}

ul.order-list--red li:before {
 content: "";
 display: block;
 position: absolute;
 left: 0;
 top: 1em;
 margin-top: -.35em;
 height: 5px;
 width: 5px;
 background-color: #da081d;
 border-radius: 100%;
}

.link--red {
 color: #dc3545;
 text-decoration: none;
}

.link--red:hover {
 color: #da081d;
}