@font-face {
    font-family: 'Raleway';
    src: url("fonts/Raleway-SemiBold.eot");
    src: url("fonts/Raleway-SemiBold.eot?#iefix") format("embedded-opentype"), url("fonts/Raleway-SemiBold.woff2") format("woff2"), url("fonts/Raleway-SemiBold.woff") format("woff"), url("fonts/Raleway-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal; }
  
  @font-face {
    font-family: 'Raleway';
    src: url("fonts/Raleway-Regular.eot");
    src: url("fonts/Raleway-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/Raleway-Regular.woff2") format("woff2"), url("fonts/Raleway-Regular.woff") format("woff"), url("fonts/Raleway-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal; }
  
  @font-face {
    font-family: 'Raleway';
    src: url("fonts/Raleway-Bold.eot");
    src: url("fonts/Raleway-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/Raleway-Bold.woff2") format("woff2"), url("fonts/Raleway-Bold.woff") format("woff"), url("fonts/Raleway-Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal; }
  
  @font-face {
  font-family: 'Raleway';
  src: url("fonts/Raleway-SemiBold.eot");
  src: url("fonts/Raleway-SemiBold.eot?#iefix") format("embedded-opentype"), url("fonts/Raleway-SemiBold.woff2") format("woff2"), url("fonts/Raleway-SemiBold.woff") format("woff"), url("fonts/Raleway-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal; }


  .def__button, .commentPanel__btn, .panel__form .panel__btn {
    outline: none;
    border: none;
    display: flex;
    padding: 2rem 3rem;
    width: 70%;
    margin: 0rem auto;
    border-radius: .5rem;
    background: #21B4B7;
    transition: all .5s ease;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); }
    .def__button .button__text, .commentPanel__btn .button__text, .panel__form .panel__btn .button__text {
      font-family: 'Raleway', sans-serif;
      font-weight: 400;
      text-transform: uppercase;
      margin: auto; }
    .def__button:active, .commentPanel__btn:active, .panel__form .panel__btn:active {
      background: #1d9fa1; }

    .panel, .commentPanel {
      margin-top: 2.5rem;
      padding: 0rem 1.5rem;
    }
  
  /* min-width: 980px; */
  /*min-width: 768px; */
  /* -------------------- -------------------- */
  /* -------------------- Default settings -------------------- */
  html,
body {
  font-size: 10px;
  height: 100% !important; }

* {
  padding: 0;
  margin: 0; }


  body,
  html {
    font-size: 10px;
    background: #fafafa;
    height: 100%; }
  
  body {
    display: flex;
    flex-direction: column; }
  
  .content {
    flex: 1 0 auto; }

    
.header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: .5rem;
    position: relative;
    background: #FBFBFB;
    box-shadow: -1px -2px 5px 0px #7d1038; }
    .header__logo {
      display: flex;
      margin: auto 0rem; }
      .header__logo .logo__link svg {
        height: 60px;
        width: 200px; }
.order .error__message {
  display: none;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  font-size: 1.6rem;
  text-align: center;
  color: #f44336;
  margin: 2rem auto; }

.order .error__message--active {
  display: block;
}


.error__message--bold {
  font-weight: 600;
}
 /* -------------------- Step One. Username -------------------- */
 .card__btn--edit {
  background: url("editIcon.svg") no-repeat;
  display: block;
  background-size: contain; }

.order {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #fafafa;
    padding: 2rem; }
    .order__title {
      font-family: 'Raleway', sans-serif;
      font-weight: 700;
      font-size: 2.5rem;
      text-align: center;
      color: #C2185B;
      margin-bottom: 2rem;
      letter-spacing: .2rem; }
.form__button--submit {
        outline: none;
        border: none;
        display: flex;
        padding: 2rem 3rem;
        width: 80%;
        margin: 3rem auto;
        border-radius: .5rem;
        background: #21B4B7;
        transition: all .5s ease;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); }
.form__button--submit .button__text {
          font-family: 'Raleway', sans-serif;
          font-weight: 400;
          font-size: 1.5rem;
          text-align: center;
          color: #fff;
          text-transform: uppercase;
          margin: auto; }
.form__button--submit:active {
          background: #1d9fa1; }
  
  /* -------------------- Mediaqueries -------------------- */
  @media (min-width: 450px) and (max-width: 549px) {
    .order {
      padding: 2rem; }
      .order__form--username {
        padding: 0rem;
        width: 80%; }
        .order__form--username .form__username {
          box-sizing: border-box; }
        .order__form--username .form__button--submit {
          width: 70%; } }
  
  @media (min-width: 550px) and (max-width: 767px) {
    .order__form--username {
      width: 80%; }
    .order .form__button--submit {
      width: 60%; } }
  
  @media (min-width: 768px) and (max-width: 951px) {
    .order {
      padding: 3rem; }
      .order__subtitle {
        font-size: 1.8rem; }
      .order__form--username {
        width: 70%; }
        .order__form--username .form__button--submit {
          width: 50%; }
          .order__form--username .form__button--submit:hover {
            background: #1d9fa1; } }
  
  @media screen and (min-width: 952px) {
    .order {
      padding: 3rem; }
      .order__subtitle {
        font-size: 1.8rem; }
      .order__form--username {
        width: 60%; }
        .order__form--username .form__button--submit {
          width: 40%; }
          .order__form--username .form__button--submit:hover {
            background: #1d9fa1; } }  

.order {
padding: 2rem 1rem; }
.card__comment {
        display: flex;
        box-sizing: border-box;
        width: 100%;
        flex-direction: column;
        justify-content: center;
        background: #FAFAFA;
        border: 1px solid #CDCDCD;
        box-shadow: 0 8px 8px 0 rgba(216, 224, 237, 0.5);
        border-radius: 3px;
        margin: 0rem auto;
        height: auto;
        padding-bottom: 1rem; }
.card__comment .card__photo {
        width: 250px;
        margin: 0rem auto;
        box-sizing: border-box; }

.card__comment .post__caption {
    display: block;
    font-family: Raleway;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 18px;
    text-align: left;
    color: #212121;
    margin: 1.5rem 0rem 1.5rem 1rem; }
.card__comment .card__list {
        padding: 1rem .5rem;
        margin: 0rem; }
.card__comment .card__listItem {
            display: flex;
            box-sizing: border-box;
            margin: 1rem 0rem 0rem 0rem; }
            .card__comment .card__listItem .listItem__number {
            font-family: 'Raleway', sans-serif;
            font-weight: 400;
            font-size: 1.4rem;
            text-align: center;
            color: #21B4B7;
            margin-right: .5rem;
            width: 5%; }
            .card__comment .card__listItem .listItem__text {
            font-family: 'Raleway', sans-serif;
            font-weight: 400;
            font-size: 1.5rem;
            text-align: left;
            color: #111;
            width: 74%; }
            .card__comment .card__listItem .listItem__input {
            font-family: 'Raleway', sans-serif;
            font-weight: 400;
            font-size: 1.5rem;
            text-align: left;
            color: #111;
            width: 74%; }
            .card__comment .card__listItem .listItem__button--submit {
            margin-left: .3rem;
            padding: 1rem;
            background: #D81B60;
            box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
            border-radius: 5px;
            font-family: 'Raleway', sans-serif;
            font-weight: 400;
            font-size: 1.4rem;
            text-align: center;
            color: #fff;
            outline: none;
            border: none;
            transition: background .5s ease; }
            .card__comment .card__listItem .listItem__button--submit:active {
                background: #c11856; }
            .card__comment .card__listItem .listItem__buttons {
            display: flex;
            width: 26%; }
            .card__comment .card__listItem .listItem__buttons .listItem__button {
                margin: 0rem .4rem;
                width: 2.2rem;
                height: 2.2rem;
                outline: none;
                border: none;
                transition: all .3s ease; }
                .card__comment .card__listItem .listItem__buttons .card__btn--changeSex {
                    margin: 0rem .4rem;
                    font-family: 'Raleway', sans-serif;
                    font-weight: 600;
                    font-size: 1.4rem;
                    text-align: center;
                    width: 4rem !important;
                    height: 2.3rem;
                    outline: none;
                    background: transparent;
                    border: 1px solid #C4C4C4;
                    border-radius: .5rem;
                    transition: all .3s ease;}
                
                   .card__comment .card__listItem .listItem__buttons .btn__sexFemale{
                    color: #D81B60;
                    font-weight: 600;
                   }
    
                  .card__comment .card__listItem .listItem__buttons .btn__sexMale{
                      color: #21B4B7;
                      font-weight: 600;
                     }
          
            .card__comment .card__listItem .listItem__buttons .card__btn__edit {
                transition: all .5s ease; }
            .card__comment .card__listItem .listItem__buttons .btn__edit--active {
                -webkit-transform: translateX(5px);
                        transform: translateX(5px); }
            .card__comment .card__listItem .listItem__buttons .card__btn--edit:active,
            .card__comment .card__listItem .listItem__buttons .card__btn--delete:active,
            .card__comment .card__listItem .listItem__buttons .card__btn--refresh:active {
                opacity: .5; }

@media (min-width: 450px) and (max-width: 549px) {
     .card__comment {
      width: 36rem;
      margin: 0rem auto; }
       .card__comment .card__list {
        padding: 1rem; }
         .card__comment .card__listItem .listItem__text {
          width: 60%; }
         .card__comment .card__listItem .listItem__input {
          width: 60%; }
         .card__comment .card__listItem .listItem__buttons {
          width: 35%;
          justify-content: flex-end; } }

@media (min-width: 550px) and (max-width: 767px) {
     .card__comment {
      width: 36rem;
      margin: 0rem auto; }
       .card__comment .card__list {
        padding: 1rem; }
         .card__comment .card__listItem .listItem__number {
          font-size: 1.5rem; }
         .card__comment .card__listItem .listItem__text {
          width: 60%; }
         .card__comment .card__listItem .listItem__input {
          width: 60%; }
         .card__comment .card__listItem .listItem__buttons {
          width: 35%;
          justify-content: flex-end; }
    }

@media (min-width: 768px) and (max-width: 951px) {
  
     .card__comment {
      width: 38rem;
      margin: 0rem auto; }
       .card__comment .card__list {
        padding: 1rem; }
         .card__comment .card__listItem .listItem__number {
          font-size: 1.5rem; }
         .card__comment .card__listItem .listItem__text {
          width: 60%; }
         .card__comment .card__listItem .listItem__input {
          width: 60%; }
         .card__comment .card__listItem .listItem__button--submit:hover {
          background: #c11856; }
         .card__comment .card__listItem .listItem__buttons {
          width: 35%;
          justify-content: flex-end; }
           .card__comment .card__listItem .listItem__buttons .card__btn--edit:hover {
            opacity: .5; }
       }

@media screen and (min-width: 952px) {
         .card__comment {
          width: 38rem;
          margin: 0rem auto; }
           .card__comment .card__list {
            padding: 1rem; }
             .card__comment .card__listItem .listItem__number {
              font-size: 1.5rem; }
             .card__comment .card__listItem .listItem__text {
              width: 60%; }
             .card__comment .card__listItem .listItem__input {
              width: 60%; }
             .card__comment .card__listItem .listItem__button--submit:hover {
              background: #c11856; }
             .card__comment .card__listItem .listItem__buttons {
              width: 35%;
              justify-content: flex-end; }
               .card__comment .card__listItem .listItem__buttons .listItem__button {
                width: 2.5rem;
                height: 2.5rem;
                margin: 0rem 0.3rem; }
                .card__comment .card__listItem .listItem__buttons .card__btn--changeSex {
                  width: 3.8rem;
                  height: 2.3rem;
               }
               .card__comment .card__listItem .listItem__buttons .card__btn--edit:hover {
                opacity: .5; }
          
    .order__form .form__button--submit {
      width: 30%; } }

/* ------------------- Comment Panel -------------------------- */
/* ------------------- Step One. Take it Action --------------------------  */
.commentPanel,
.commentPanelFirst {
  display: flex;
  flex-direction: column; }
  .commentPanel .text--alignLeft,
  .commentPanelFirst .text--alignLeft {
    text-align: left; }
  .commentPanel .commentPanel__undertitle,
  .commentPanelFirst .commentPanel__undertitle {
     font-family: 'Raleway', sans-serif;
    font-weight: 600;
    margin: 2rem 2.5rem; }
  .commentPanel .commentPanel__text,
  .commentPanelFirst .commentPanel__text {
    margin: 0rem 2.5rem;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 1.5rem;
    color: #212121; }
  .commentPanel .order__imageWrapper,
  .commentPanelFirst .order__imageWrapper {
    width: 260px;
    height: 200px;
    overflow: hidden;
    margin: 0rem 2.5rem 3rem 2.5rem;
    border-radius: 10px; }
    .commentPanel .order__imageWrapper .order__image,
    .commentPanelFirst .order__imageWrapper .order__image {
      width: 100%;
      height: auto;
      border-radius: 10px; }

@media (min-width: 550px) and (max-width: 767px) {
  .commentPanelFirst {
    width: 60%;
    margin: 2rem auto; }
    .commentPanelFirst .commentPanel__btn--save {
      margin: 1rem auto 3rem auto;
      width: 60%; }
    .commentPanelFirst .order__imageWrapper {
      margin: 0rem auto 3rem auto; } }

@media (min-width: 768px) and (max-width: 951px) {
  .commentPanelFirst {
    width: 40%;
    margin: 2rem auto; }
    .commentPanelFirst .commentPanel__btn--save {
      margin: 1rem auto 3rem auto;
      width: 50%; }
    .commentPanelFirst .order__imageWrapper {
      margin: 0rem auto 3rem auto; } }

@media (min-width: 952px) and (max-width: 1140px) {
  .commentPanelFirst {
    width: 30%;
    margin: 2rem auto; }
    .commentPanelFirst .commentPanel__btn--save {
      margin: 1rem auto 4rem auto;
      width: 40%; }
    .commentPanelFirst .order__imageWrapper {
      margin: 0rem auto 3rem auto; } }

@media (min-width: 1141px) {
  .commentPanelFirst {
    width: 30%;
    margin: 2rem auto; }
    .commentPanelFirst .commentPanel__btn--save {
      margin: 1rem auto 4rem auto;
      width: 30%; }
    .commentPanelFirst .order__imageWrapper {
      margin: 0rem auto 3rem auto; } }

@media (min-width: 550px) and (max-width: 767px) {
  .commentPanel {
    width: 60%;
    margin: 2rem auto; }
    .commentPanel .commentPanel__btn--save {
      margin: 1rem auto 3rem auto;
      width: 60%; } }

@media (min-width: 768px) and (max-width: 951px) {
  .commentPanel {
    width: 70%;
    margin: 2rem auto; }
    .commentPanel .commentPanel__btn--save {
      margin: 1rem auto 3rem auto;
      width: 50%; } }

@media (min-width: 952px) and (max-width: 1140px) {
  .commentPanel {
    width: 40%;
    margin: 2rem auto; }
    .commentPanel .commentPanel__btn--save {
      margin: 1rem auto 4rem auto;
      width: 40%; } }

@media (min-width: 1141px) {
  .commentPanel {
    width: 30%;
    margin: 2rem auto; }
    .commentPanel .commentPanel__btn--save {
      margin: 1rem auto 4rem auto;
      width: 30%; } }

/* ------------------- Step Two. Edit/modify comments --------------------------  */
.evaluationText__text {
  text-align: center; }

.commentPanel__cardComment {
  display: flex;
  box-sizing: border-box;
  width: 280px;
  flex-direction: column;
  justify-content: center;
  background: #FAFAFA;
  border: 1px solid #CDCDCD;
  box-shadow: 0 8px 8px 0 rgba(216, 224, 237, 0.5);
  border-radius: 3px;
  margin: 0rem auto;
  height: auto;
  padding-bottom: 2rem;
  margin: 2rem auto; }
  .commentPanel__cardComment .card__photo {
    width: 100%;
    height: auto;
    margin: 0rem;
    box-sizing: border-box; }
  .commentPanel__cardComment .card__list {
    padding: 1rem .5rem;
    margin: 0rem; }
    .commentPanel__cardComment .card__listItem {
      display: flex;
      box-sizing: border-box;
      margin: 1rem 0rem 0rem 0rem; }
      .commentPanel__cardComment .card__listItem .listItem__number {
        font-family: 'Raleway', sans-serif;
        font-weight: 400;
        font-size: 1.4rem;
        text-align: center;
        color: #21B4B7;
        margin-right: .5rem;
        width: 5%; }
      .commentPanel__cardComment .card__listItem .listItem__text {
        font-family: 'Raleway', sans-serif;
        font-weight: 400;
        font-size: 1.5rem;
        text-align: left;
        color: #111;
        width: 74%; }
      .commentPanel__cardComment .card__listItem .listItem__input {
        font-family: 'Raleway', sans-serif;
        font-weight: 400;
        font-size: 1.5rem;
        text-align: left;
        color: #111;
        width: 74%; }
      .commentPanel__cardComment .card__listItem .listItem__button--submit {
        margin-left: .3rem;
        padding: 1rem;
        background: #D81B60;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        border-radius: 5px;
        font-family: 'Raleway', sans-serif;
        font-weight: 400;
        font-size: 1.4rem;
        text-align: center;
        color: #fff;
        outline: none;
        border: none;
        transition: background .5s ease; }
        .commentPanel__cardComment .card__listItem .listItem__button--submit:active {
          background: #c11856; }
      .commentPanel__cardComment .card__listItem .listItem__buttons {
        display: flex;
        width: 26%; }
        .commentPanel__cardComment .card__listItem .listItem__buttons .comment__status {
          font-family: 'Raleway', sans-serif;
          font-weight: 400;
          font-size: 1.2rem;
          text-align: left;
          color: #fff;
          padding: .5rem 1rem;
          border-radius: 1rem;
          box-sizing: border-box;
          margin-left: auto; }
        .commentPanel__cardComment .card__listItem .listItem__buttons .listItem__button {
          margin: 0rem .4rem;
          width: 2.2rem;
          height: 2.2rem;
          outline: none;
          border: none;
          transition: all .3s ease; }
        .commentPanel__cardComment .card__listItem .listItem__buttons .card__btn__edit {
          transition: all .5s ease; }
        .commentPanel__cardComment .card__listItem .listItem__buttons .card__btn--edit:active {
          opacity: .5; }

.commentPanel__btn--save {
  margin-bottom: 3rem; }
  .commentPanel__btn--save .button__text {
    font-size: 1.5rem;
    text-align: center;
    color: #fff; }

.commentPanel__btn--accept {
  margin-bottom: 1.5rem; }
  .commentPanel__btn--accept .button__text {
    font-size: 1.5rem;
    text-align: center;
    color: #fff; }

.commentPanel__btn--decline {
  background: #D81B60;
  margin-bottom: 3rem; }
  .commentPanel__btn--decline .button__text {
    font-size: 1.5rem;
    text-align: center;
    color: #fff; }
  .commentPanel__btn--decline:after {
    background: #c11856; }

    .commentPanel__btnsChoice .commentPanel__btn--newTest {
      background: #7E1B91;
       margin-bottom: 3rem;
  } 
  .commentPanel__btn--newTest .button__text {
    font-size: 1.5rem;
    text-align: center;
    color: #fff; }
  .commentPanel__btn--newTest:after {
    background: #c11856; }

.commentPanel__btn--notChosen {
  background: #DDDDDD;
  box-shadow: 1px 1px 4px rgba(84, 84, 84, 0.15);
  margin-bottom: 1rem;
  border-radius: 10px; }
  .commentPanel__btn--notChosen .button__text {
    font-size: 2.5rem;
    text-align: center;
    color: #fff; }
  .commentPanel__btn--notChosen:active {
    background: #21B4B7;
    box-shadow: 2px 2px 5px rgba(84, 84, 84, 0.25); }

.commentPanel__btnsChoice {
  display: flex;
  margin: 0rem auto;
  flex-direction: column;
  width: 90%; }

@media (min-width: 550px) and (max-width: 767px) {
  .commentPanel {
    width: 80%;
    margin: 2rem auto; }
    .commentPanel .commentPanel__cardComment {
      width: 350px; }
    .commentPanel .commentPanel__btnsChoice {
      width: 80%; } }

@media (min-width: 768px) and (max-width: 951px) {
  .commentPanel {
    width: 70%;
    margin: 2rem auto; }
    .commentPanel .commentPanel__cardComment {
      width: 350px; }
    .commentPanel .commentPanel__btnsChoice {
      width: 60%; } }

@media (min-width: 952px) and (max-width: 1140px) {
  .commentPanel {
    width: 60%;
    margin: 2rem auto; }
    .commentPanel .commentPanel__cardComment {
      width: 350px; }
    .commentPanel .commentPanel__btnsChoice {
      width: 40%; } }

@media (min-width: 1141px) {
  .commentPanel {
    width: 60%;
    margin: 2rem auto; }
    .commentPanel .commentPanel__cardComment {
      width: 400px; }
    .commentPanel .commentPanel__btnsChoice {
      width: 40%; } }

/* ------------------- Step Three. Tracking list -------------------------- */
.commentPanel .commentsOrder__list {
  list-style-type: decimal;
  padding-left: 2rem; }
  .commentPanel .commentsOrder__listItem {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    margin: 1.5rem auto;
    font-size: 1.5rem; }
    .commentPanel .commentsOrder__listItem .commentsOrder__link {
      display: block;
      color: #212121;
      text-decoration: none; }
      .commentPanel .commentsOrder__listItem .commentsOrder__linkStatus {
        margin-left: 0.5rem;
        font-weight: 600; }
      .commentPanel .commentsOrder__listItem .commentsOrder__linkStatus--error {
        color: #F44336; }
      .commentPanel .commentsOrder__listItem .commentsOrder__linkStatus--progress {
        color: #FFA000; }
      .commentPanel .commentsOrder__listItem .commentsOrder__linkStatus--completed {
        color: #388E3C; }

/* ------------------- Test task evaluation --------------------------  */
.commentPanel__btns {
  display: flex;
  flex-direction: column;
  margin: 0rem auto;
  width: 80%; }

.commentPanel__btn {
  text-decoration: none;
}

@media (min-width: 550px) and (max-width: 767px) {
  .commentPanel__btns {
    width: 80%; } }

@media (min-width: 768px) and (max-width: 951px) {
  .commentPanel__btns {
    flex-direction: row;
    width: 90%;
    justify-content: space-between;
    margin: 2rem auto 3rem auto; }
    .commentPanel__btns .commentPanel__btn {
      width: 80px; } }

@media (min-width: 952px) and (max-width: 1140px) {
  .commentPanel__btns {
    flex-direction: row;
    width: 90%;
    justify-content: space-between;
    margin: 2rem auto 3rem auto; }
    .commentPanel__btns .commentPanel__btn {
      width: 80px; } }

@media (min-width: 1141px) {
  .commentPanel__btns {
    flex-direction: row;
    width: 90%;
    justify-content: space-between;
    margin: 2rem auto 4rem auto; }
    .commentPanel__btns .commentPanel__btn {
      width: 80px; } }

/* ------------------- Editor Dashboard --------------------------  */
.panel {
  display: flex;
  flex-direction: column;
  justify-content: center; }

.panel {
  margin-bottom: 3rem; }
  .panel .btnBack {
    margin: 1rem auto 3rem 1rem;
    font-size: 1.3rem;
    text-decoration: none;
  }
  .panel__title {
    margin-bottom: 4rem; }
  .panel .dashboard__list {
    display: flex;
    flex-direction: column;
    margin-top: 1rem;
    margin-bottom: 2rem; }
    .panel .dashboard__listItem {
      display: flex;
      margin: 1rem 0rem;
      align-items: flex-end; }
      .panel .dashboard__listItem .dashboard__iconRules {
        background: url("dashboard__iconRules.svg") no-repeat;
        display: block;
        background-size: contain; }
      .panel .dashboard__listItem .dashboard__iconEmail {
        background: url("dashboard__iconEmail.svg") no-repeat;
        display: block;
        background-size: contain; }
      .panel .dashboard__listItem .dashboard__iconUsername {
        background: url("dashboard__iconUsername.svg") no-repeat;
        display: block;
        background-size: contain; }
      .panel .dashboard__listItem .dashboard__iconReward {
        background: url("dashboard__iconReward.svg") no-repeat;
        display: block;
        background-size: contain; }
      .panel .dashboard__listItem .dashboard__iconBalance {
        background: url("dashboard__iconBalance.svg") no-repeat;
        display: block;
        background-size: contain; }
      .panel .dashboard__listItem .dashboard__iconCompletedOrders {
        background: url("dashboard__iconCompletedOrders.svg") no-repeat;
        display: block;
        background-size: contain; }
      .panel .dashboard__listItem .dashboard__iconWrittenComments {
        background: url("dashboard__iconWrittenComments.svg") no-repeat;
        display: block;
        background-size: contain; }
      .panel .dashboard__listItem .dashboard__iconRatings {
        background: url("dashboard__iconRatings.svg") no-repeat;
        display: block;
        background-size: contain; }

      .panel .dashboard__listItem .dashboard__iconCohort {
        background: url("dashboard__iconCohort.svg") no-repeat;
        display: block;
        background-size: contain; }
      .panel .dashboard__listItem .dashboard__iconPercentage {
        background: url("dashboard__iconPercentage.svg") no-repeat;
        display: block;
        background-size: contain; }
      .panel .dashboard__listItem .dashboard__rulesBtn {
        display: block;
        background: #21B4B7;
        box-shadow: 2px 2px 4px rgba(142, 142, 142, 0.25);
        border-radius: 10px;
        font-family: Raleway;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 16px;
        text-align: center;
        color: #FFFFFF;
        padding: 1rem 2rem;
        text-decoration: none;
        text-transform: uppercase;
        margin-left: 1rem; }

      .panel .dashboard__listItem .dashboard__rulesBtn--yellow {
        background: #FBC02D;
      }
      .panel .dashboard__listItem .dashboard__icon {
        width: 2.5rem;
        height: 2.5rem;
        margin-right: 7px; }
      .panel .dashboard__listItem .dashboard__title {
        font-family: 'Raleway', sans-serif;
        font-weight: 400;
        font-size: 16px;
        font-weight: bold;
        margin-right: 1rem;
        color: #212121; }
      .panel .dashboard__listItem .dashboard__text {
        font-family: 'Raleway', sans-serif;
        font-weight: 400;
        font-size: 1.5rem;
        color: #212121; }
       .panel .dashboard__listItem .dashboard__dropdown {
        font-family: 'Raleway', sans-serif;
        font-weight: 400;
        font-size: 1.5rem;
        padding: .5rem;
        flex-basis: 30%;
        margin-right: 1rem;
        border: 1px solid #ddd;
        border-radius: .4rem; }
        .panel .dashboard__listItem .dashboard__dropdown:focus {
          outline: none; }

      
      .panel .dashboard__listItem  .toggleBox {
        display: flex;
       /* margin: 1rem auto 3rem auto;*/
        justify-content: center;
      }


      .panel .dashboard__listItem  .toggleBox .toggle {
        display: flex;
        background: #858484;
        border-radius: 50px;
        width: 10rem;
        height: 3rem;
        /*margin: 1rem auto;*/
        position: relative;
      }

      .panel .dashboard__listItem  .toggleBox .toggle .toggle__btn {
        width: 5rem;
        border-radius: 50px;
        outline: none;
        border: none;
        font-family: 'Raleway', sans-serif;
        font-weight: 400;
        font-size: 1.6rem;
        text-align: center;
        color: #eee;
        background: transparent;
        height: 3rem;
        z-index: 5;
      }

      .panel .dashboard__listItem  .toggleBox .toggle .toggle__btn--yes {
        margin-right: auto;
      }

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

      .panel .dashboard__listItem  .toggleBox .toggle .toggle__btn--no {
        margin-left: auto;
      }

      .panel .dashboard__listItem  .toggleBox .toggle .toggler {
        width: 5rem;
        height: 3rem;
        background: #D81B60;
        border-radius: 50px;
        position: absolute;
        top: 0rem;
        left: 0rem;
        transition: all .3s ease;
        box-shadow: 2px 2px 4px rgba(105, 17, 49, 0.3);
      }

      .panel .dashboard__listItem .toggleBox .toggle .toggler--yes {
        left: 0rem;
        transition: all .3s ease;
        z-index: 1;
      }

       .panel .dashboard__listItem  .toggleBox .toggle .toggler--no {
        left: 5rem;
        transition: all .3s ease;
        z-index: 1;
      }
       .panel .dashboard__listItem .dashboard__texts {
        display: flex;
        justify-content: space-between;
        width: 30%; }
        .panel .dashboard__listItem .dashboard__texts .dashboard__textRate {
          display: block;
          font-family: Raleway;
          font-style: normal;
          font-weight: normal;
          font-size: 15px;
          line-height: 18px;
          text-align: center;
          color: #212121;
          padding-bottom: .3rem; }
      .panel .dashboard__listItem .dashboard__link {
        display: block;
        font-family: Raleway;
        font-style: normal;
        font-weight: normal;
        font-size: 15px;
        line-height: 18px;
        color: #21B4B7;
        margin-left: 1rem; }

      .panel .dashboard__listItem .dashboard__iconReward {
        height: 3rem;
        margin-bottom: 0rem;
      }

      .panel .dashboard__listItem .dashboard__nameTitleReward {
        display: flex;
        flex-direction: column;
      }

      .panel .dashboard__listItem .dashboard__nameTitle .dashboard__subtitle {
        font-family: Raleway;
        font-style: normal;
        font-weight: normal;
        font-size: 11px;
        line-height: 13px;
        color: #212121;
      }

      .panel .dashboard__listItem .dashboard__listItemText {
        margin-bottom: auto;
      }

      .panel .dashboard__listItem .dashboard__listItemText .rewardPrice__new {
        font-family: Lato;
        font-style: normal;
        font-weight: bold;
        font-size: 20px;
        line-height: 24px;
        color: #388E3C;
      }

      .panel .dashboard__listItem .dashboard__listItemText .rewardPrice__old {
        font-family: Lato;
        font-style: normal;
        font-weight: normal;
        font-size: 15px;
        line-height: 18px;
        text-decoration-line: line-through;
        color: #212121;
      }

      .panel .dashboard__listItem .dashboard__listItemText {
        position: relative;
      }

      .panel .dashboard__listItem .dashboard__listItemText .rewardPrice__demand {
        position: absolute;
        top: -1.2rem;
        left: 5rem;
        display: flex;
        font-family: Raleway;
        font-style: normal;
        font-weight: 600;
        font-size: 13px;
        line-height: 15px;
        align-items: center;
        color: #388E3C;
      }

      .panel .dashboard__listItem .dashboard__listItemText .rewardPrice__demand .dashboard__iconRewardHighDemand {
        display: block;
        width: 1.1rem;
        height: 1.1rem;
        background: url("dashboard__iconRewardHighDemand.svg") no-repeat;
      }

    .panel .dashboard__list .dashboard__btn--lastOrder {
      display: flex;
      background: #FFA000;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        border-radius: 5px;
        width: 25rem;
        height: 5.5rem;
        font-family: Raleway;
        font-style: normal;
        font-weight: normal;
        font-size: 15px;
        line-height: 18px;
        
        letter-spacing: 0.1em;
        color: #FFFFFF;
        text-decoration: none;
        margin: 2.5rem auto;
    }

    .text--center {
      display: block;
      margin: auto;
      text-align: center;
    }

    .text--centerArrow {
      margin-left: 1rem;
    }

  .panel .commentsOrder__list {
    list-style-type: decimal;
    padding-left: 2rem; }
    .panel .commentsOrder__listItem {
      font-family: 'Raleway', sans-serif;
      font-weight: 400;
      margin: 1.5rem auto;
      font-size: 1.5rem; }
      .panel .commentsOrder__listItem .commentsOrder__link {
        display: block;
        color: #212121; }
        .panel .commentsOrder__listItem .commentsOrder__linkStatus {
          margin-left: 0.5rem;
          font-weight: 600; }
        .panel .commentsOrder__listItem .commentsOrder__linkStatus--error {
          color: #F44336; }
        .panel .commentsOrder__listItem .commentsOrder__linkStatus--progress {
          color: #FFA000; }
        .panel .commentsOrder__listItem .commentsOrder__linkStatus--completed {
          color: #388E3C; }
  .panel .dashboard__cards {
    display: flex;
    flex-direction: column;
    margin: 1rem auto 2.5rem auto; }
    .panel .dashboard__cards .dashboard__card {
      margin: 1rem auto;
      padding: 2.3rem 2.5rem;
      background: #FFFFFF;
      box-shadow: 2px 2px 4px rgba(121, 120, 120, 0.25);
      border-radius: 10px; }
      .panel .dashboard__cards .dashboard__cardTitle {
        font-family: 'Raleway', sans-serif;
        font-weight: 400;
        font-size: 2rem;
        font-weight: bold;
        text-align: center;
        margin-bottom: 1.5rem;
        color: #212121; }
      .panel .dashboard__cards .dashboard__cardNumber {
        display: block;
        font-family: 'Raleway', sans-serif;
        font-weight: 400;
        font-size: 3rem;
        font-weight: bold;
        text-align: center;
        margin-bottom: 1.5rem;
        color: #D81B60; }
      .panel .dashboard__cards .dashboard__cardBtn {
        background: #21B4B7;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        border-radius: 5px;
        font-family: Raleway;
        font-style: normal;
        font-weight: normal;
        font-size: 15px;
        line-height: 18px;
        display: flex;
        align-items: center;
        text-align: center;
        letter-spacing: 0.1em;
        color: #FFFFFF;
        text-decoration: none;
        text-transform: uppercase;
        padding: 2rem 7rem; }
  .panel__form .panel__btn .button__text {
    font-size: 1.5rem;
    color: #fff; }
  .panel__form .panel__btn--red {
    background: #D81B60;
    margin: 3rem auto;
    text-decoration: none; }


    .panel__form .panel__input {
    font-family: Raleway;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 16px;
    text-align: left;
    color: #212121;
    margin: 0rem 2rem 3rem 2rem;
    padding: 1.5rem 2rem;
    box-sizing: border-box;
    width: 90%;
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    box-sizing: border-box;
    box-shadow: 1px 1px 4px rgba(175, 175, 175, 0.15);
    border-radius: 20px; }
    .panel__form .panel__input:focus {
      outline: none; }
  .panel .panel__btn--back {
    font-family: Raleway;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 16px;
    text-align: center;
    color: #212121;
    margin: 3rem auto 5rem auto; }
  .panel .dashboard__status {
    display: flex;
    justify-content: center;
    margin-bottom: 2.5rem; }
    .panel .dashboard__statusTitle {
      font-family: Raleway;
      font-style: normal;
      font-weight: normal;
      font-size: 15px;
      line-height: 18px;
      color: #212121;
      margin-right: 2rem; }
    .panel .dashboard__statusText {
      font-family: Raleway;
      font-style: normal;
      font-size: 15px;
      line-height: 18px;
      font-weight: bold;
      color: #212121; }
  .panel .dashboard__text {
    display: block;
    font-family: Raleway;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    color: #212121;
    margin-bottom: 2.5rem;
    padding: 0rem 2rem; }
    .panel .dashboard__listItemText {
      margin-bottom: 0rem;
    }

    .panel .dashboard__text--alignLeft {
    text-align: left; }

  .panel .dashboard__text--bold {
    font-weight: bold; }
  .panel .dashboard__btn {
    display: block;
    background: #21B4B7;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    font-family: Raleway;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    letter-spacing: 0.1em;
    color: #FFFFFF;
    padding: 2rem;
    text-transform: uppercase;
    text-decoration: none;
    width: 213px;
    margin: 1rem auto 3rem auto; }

@media (min-width: 450px) and (max-width: 550px) {
  .panel {
    width: 80%;
    margin: 2rem auto; } }

@media (min-width: 551px) and (max-width: 767px) {
  .panel {
    width: 60%;
    margin: 2rem auto; } }

@media (min-width: 768px) and (max-width: 951px) {
  .panel {
    width: 50%;
    margin: 2rem auto; } }

@media (min-width: 952px) and (max-width: 1140px) {
  .panel {
    width: 40%;
    margin: 2rem auto; } }

@media (min-width: 1141px) {
  .panel {
    width: 30%;
    margin: 2rem auto; } }
          

@media (min-width: 450px) and (max-width: 550px) {
  .order .reserveOrder__btnCard {
  width: 80%;
} }

@media (min-width: 551px) and (max-width: 767px) {
  .order .reserveOrder__btnCard {
  width: 70%;
} }

@media (min-width: 768px) and (max-width: 951px) {
  .order .reserveOrder__btnCard {
  width: 50%;
}}

@media (min-width: 952px) and (max-width: 1140px) {
  .order .reserveOrder__btnCard {
  width: 40%;
} }

@media (min-width: 1141px) {
  .order .reserveOrder__btnCard {
  width: 30%;
} }


.tos {
  padding: 3rem;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  font-size: 1.3rem;
  text-align: left;
  color: #212121; }
  .tos h1 {
    font-size: 2rem; }
  .tos strong {
    font-size: 1.5rem; }

/* Updates */

.admin__comment .order__text {
  display: block;
  text-align: center; }

.admin__commentInput {
  display: block;
  font-family: Raleway;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 16px;
  text-align: left;
  color: #212121;
  margin: 2rem auto;
  padding: 1.5rem 2rem;
  box-sizing: border-box;
  width: 100%;
  background: #FFFFFF;
  border: 1px solid #E5E5E5;
  box-sizing: border-box;
  box-shadow: 1px 1px 4px rgba(175, 175, 175, 0.15);
  border-radius: 20px; }
  .admin__commentInput:focus {
    outline: none; }

.admin__commentBtn {
  display: block;
  background: #21B4B7;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  font-family: Raleway;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 18px;
  text-align: center;
  letter-spacing: 0.1em;
  color: #FFFFFF;
  padding: 2rem;
  text-transform: uppercase;
  text-decoration: none;
  width: 213px;
  border: none;
  margin: 1rem auto 3rem auto; }
  .admin__commentBtn:active {
    background: #1d9fa1; }


.dashboard__iconRules {
  min-width: 2.5rem;
  min-height: 2.5rem; }

.dashboard__updateCard {
  margin: auto 0rem;
  display: flex; }
  .dashboard__updateCard .dashboard__updateIcon {
    display: block;
    width: 2rem;
    height: 2rem;
    min-width: 2rem;
    min-height: 2rem;
    background: url("warning.svg") no-repeat;
    background-size: contain;
    margin-left: 1.5rem; }
  .dashboard__updateCard .dashboard__updateText {
    display: none;
    font-family: Raleway;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    text-align: left;
    color: #D81B60; }

@media screen and (min-width: 360px) {
  .dashboard__updateCard .dashboard__updateIcon {
    width: 1.5rem;
    height: 1.5rem;
    min-width: 1.5rem;
    min-height: 1.5rem;
    margin-left: 1rem;
    margin-right: 1rem; }
  .dashboard__updateCard .dashboard__updateText {
    display: block; } }

.messages {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0rem;
  padding: 1rem; }
  .messages .message {
    display: flex;
    flex-direction: column;
    padding: 1rem 2rem;
    border: 1px solid #ddd;
    border-radius: 20px;
    margin: 1rem 0rem; }
    .messages .message__label, .messages .message__number, .messages .message__text {
      display: block;
      font-family: Raleway;
      font-style: normal;
      font-size: 15px;
      text-align: left;
      color: #212121; }
    .messages .message__label {
      font-weight: bold;
      margin-top: .5rem; }
    .messages .message__number {
      margin-bottom: 1rem; }
    .messages .message__text {
      margin-top: .5rem;
      font-size: 1.3rem; }
  .messages .message--unread {
    border: 2px solid #D81B60;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.15); }

.admin__comment {
  display: block;
  font-family: Raleway;
  font-style: normal;
  font-size: 15px;
  text-align: left;
  color: #212121;
  margin: 1rem auto 3rem auto; }

.message__btn {
  display: block;
  background: #86E7E9;
  box-shadow: 2px 2px 4px rgba(142, 142, 142, 0.25);
  border-radius: 10px;
  font-family: Raleway;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  color: #FFFFFF;
  padding: 1rem 2rem;
  text-decoration: none;
  text-transform: uppercase;
  margin-left: 1rem;
  width: 15rem;
  margin: 0rem auto;
}

.message__btn--unread {
  background: #21B4B7;
}

.response__message {
  display: block;
  font-family: Raleway;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 16px;
  text-align: center;
  color: #212121;
  margin: 1rem 0rem;
  color: #21B4B7;
  width: 100%;
 
}

.commentsOrder__link:visited {
  color: #D81B60;
}


/*system accounts page*/


.text {
  font-family: Raleway;
  font-size: 1.5rem;
  line-height: 1.8rem;
  font-style: normal;
  font-weight: normal;
  color: #212121; }

.input {
  background: #FFFFFF;
  border: 1px solid #E5E5E5;
  box-sizing: border-box;
  box-shadow: 1px 1px 4px rgba(175, 175, 175, 0.15);
  border-radius: 20px;
  font-family: Raleway;
  font-size: 1.5rem;
  line-height: 1.8rem;
  font-style: normal;
  font-weight: normal;
  color: #212121; }
  .input:focus {
    outline: none; }

.form__btn {
  outline: none;
  border: none;
  display: flex;
  padding: 2rem 3rem;
  width: 80%;
  margin: 3rem auto;
  border-radius: .5rem;
  background: #21B4B7;
  transition: all .5s ease;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); }
  .form__btn .button__text {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 1.5rem;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    margin: auto;
    letter-spacing: 0.2rem; }
  .form__btn:active {
    background: #1d9fa1; }

.dashboard__dropdown {
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
  font-size: 1.5rem;
  padding: .5rem;
  flex-basis: 30%;
  margin-right: 1rem;
  border: 1px solid #ddd;
  border-radius: .4rem; }
  .dashboard__dropdown:focus {
    outline: none; }

.panel .accountCard__title {
  font-family: Raleway;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 21px;
  color: #212121;
  text-align: center;
  margin: 1.5rem auto; }

.panel .account__card {
  margin: 0rem 2rem 3rem 2rem; }
  .panel .account__card .account__title {
    display: flex;
    font-family: Raleway;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 18px;
    text-align: left;
    color: #212121;
    margin-top: 2rem; }

  .panel .account__card  .account__title--show:after {
    content: '';
    display: block;
    width: 1.3rem;
    height: .8rem;
    background: url('arrowDownBlack.svg') no-repeat;
    background-size: contain;
    margin-left: 1rem;
    margin-top: auto;
    margin-bottom: auto;
  }
  .panel .account__card .account__text {
    margin-bottom: 3rem; }
  .panel .account__card .account__inputCard {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 3rem;
    position: relative;
    margin-top: 1rem; }
    .panel .account__card .account__inputCard--first {
      margin-top: 3rem;
    }
    .panel .account__card .account__inputCard .account__inputLabel {
      font-family: Raleway;
      font-style: normal;
      font-weight: bold;
      font-size: 15px;
      line-height: 18px;
      color: #212121;
      text-align: left;
      margin-bottom: 1.5rem;
      margin-left: .5rem; }
    .panel .account__card .account__inputCard .account__inputIcon {
      display: block;
      width: 2rem;
      height: 2rem;
      background: url("questionIcon.svg") no-repeat;
      background-size: contain;
      margin-bottom: 1rem;
      margin-left: auto; }
    .panel .account__card .account__inputCard .account__iconText {
      position: absolute;
      background: #FFFFFF;
      box-shadow: 1px 1px 4px rgba(89, 89, 89, 0.15);
      border-radius: 10px;
      padding: 1rem;
      bottom: 7rem;
      right: 0rem;
      font-size: 1.2rem;
      max-width: 30rem; }
    .panel .account__card .account__inputCard .account__iconText--hide {
      display: none; }
    .panel .account__card .account__inputCard .account__input {
      width: 90%;
      padding: 1rem 1.5rem; }
    .panel .account__card .account__inputCard .account__inputLabel--select {
      align-self: center;
      margin-bottom: 0rem; }
    .panel .account__card .account__inputCard .account__inputSelection {
      margin-left: 1rem; }
  .panel .account__card .account__inputCard--position {
    position: relative; }
    .panel .account__card .account__inputCard--position .account__iconText--position {
      position: absolute;
      bottom: 3rem !important; }

.error__message {
  display: none;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  font-size: 1.6rem;
  text-align: center;
  color: #f44336;
  margin: 2rem auto; }

.error__message--active {
  display: block;
}


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

/*Placing order Pages*/

.account__inputLabel {
  font-family: Raleway;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 18px;
  color: #212121;
  text-align: left;
  margin-bottom: 1.5rem;
  margin-left: .5rem; }

.account__input {
  width: 90%;
  padding: 1rem 1.5rem; }

.panel .placeOrder__menu {
  display: flex;
  flex-direction: column;
  width: 280px;
  margin: 1.5rem auto 0rem auto; }
  .panel .placeOrder__menuItem {
    display: flex;
    justify-content: space-between;
    margin: 1rem 0rem; }
    .panel .placeOrder__menuItem .placeOrder__info {
      display: flex;
      flex-direction: column; }
      .panel .placeOrder__menuItem .placeOrder__infoTitle {
        font-weight: 700;
        margin-bottom: 5px; }
    .panel .placeOrder__menuItem .placeOrder__link {
      display: flex;
      background: #21B4B7;
      border-radius: 10px;
      font-family: Raleway;
      font-style: normal;
      font-weight: normal;
      font-size: 15px;
      line-height: 18px;
      color: #FFFFFF;
      text-decoration: none;
      padding: 1rem 1.5rem;
      text-align: center; }
      .panel .placeOrder__menuItem .placeOrder__link:after {
        content: '';
        display: block;
        width: 1.3rem;
        height: 1rem;
        background: url("../images/arrowRight.svg") no-repeat;
        background-size: contain;
        margin: auto 0rem auto 1.5rem; }
    .panel .placeOrder__menuItem .placeOrder__linkOrders {
      background: #FFA000; }

.panel .text__error {
  margin: 3rem 0rem -2rem 0rem;
  font-weight: 700;
  text-align: center; }

.panel .text__error--red {
  color: #F44336; }

.panel .text__error--green {
  color: #388E3C; }

.panel .placeOrder__form {
  display: flex;
  flex-direction: column;
  padding: 0rem 2rem; }
  .panel .placeOrder__form .placeOrder__select {
    padding: 1rem;
    border-radius: 10px;
    border: 1px solid #E5E5E5; }
    .panel .placeOrder__form .placeOrder__select:focus {
      outline: none; }
  .panel .placeOrder__form .placeOrder__label {
    margin: 2.5rem 0rem 1rem .3rem; }
  .panel .placeOrder__form .placeOrder__input {
    width: 100%;
    border-radius: 10px; }
    .panel .placeOrder__form .placeOrder__input:focus {
      outline: none; }
  .panel .placeOrder__form .placeOrder__input--disabled {
    border: 1px solid #E5E5E5;
    box-sizing: border-box;
    box-shadow: 1px 1px 4px rgba(175, 175, 175, 0.15);
    background: #F5F5F5; }
  .panel .placeOrder__form .placeOrder__comments {
    border-radius: 10px;
    box-shadow: 1px 1px 4px rgba(89, 89, 89, 0.15);
    border: none;
    padding: 1rem 1.5rem; }
    .panel .placeOrder__form .placeOrder__comments:focus {
      outline: none; }
  .panel .placeOrder__form .password__card {
    display: flex;
    margin: 1.5rem; }
    .panel .placeOrder__form .password__card .btn__password--show {
      border: none;
      outline: none;
      background: none;
      width: 1.5rem;
      height: 1.5rem; }
    .panel .placeOrder__form .password__card .text {
      font-size: 1.3rem;
      align-self: center;
      text-align: left;
      margin-left: 1rem; }


.content .order .commentPanel__faq {
  display: flex;
  justify-content: center;
  flex-direction: column; }
  .content .order .commentPanel__faqItem {
    display: flex;
    flex-direction: column;
    margin: 1rem 0rem; }
    .content .order .commentPanel__faqItemHead {
      display: flex;
      align-items: center; }
      .content .order .commentPanel__faqItemHead .commentPanel__faqIcon {
        display: block;
        width: 1.5rem;
        height: 1.5rem;
        background: url("arrowDownRed.svg") no-repeat;
        background-size: contain;
        background-position: center;
        margin-right: 1rem;
        -webkit-transform: rotate(-90deg);
                transform: rotate(-90deg);
        transition: all .3s ease; }
      .content .order .commentPanel__faqItemHead .commentPanel__question {
        font-family: Raleway;
        font-style: normal;
        font-weight: normal;
        font-size: 15px;
        line-height: 18px;
        color: #212121; }
    .content .order .commentPanel__faqItemHead--open .commentPanel__faqIcon {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
      transition: all .3s ease; }
    .content .order .commentPanel__faqItemHead--open .commentPanel__question {
      font-weight: 600;
      transition: all .3s ease; }
    .content .order .commentPanel__faqItem .commentPanel__answer {
      display: none;
      background: #eee;
      border-radius: 20px;
      font-family: Raleway;
      font-style: normal;
      font-weight: normal;
      font-size: 15px;
      line-height: 18px;
      color: #212121;
      margin: 2rem 0rem 1rem 2rem;
      padding: 2rem; }
      .content .order .commentPanel__faqItem .commentPanel__answerList {
        font-family: Raleway;
        font-style: normal;
        font-weight: normal;
        font-size: 15px;
        line-height: 18px;
        color: #212121;
        margin: 1rem 0rem;
        padding: 1rem 1rem 1rem 2rem; }
    .content .order .commentPanel__faqItem .commentPanel__answer--visible {
      display: block; }


.accountChecker__wrapper {
    max-width: 50rem;
    padding: 2rem;
    margin: 2rem auto;
    display: flex;
    flex-direction: column;
}

.accountChecker__wrapper .accountChecker__accordionBtn {
    display: flex;
    border: none;
    outline: none;
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    color: #212121;
    transition: all .5s ease;
    text-align: left;
    background: transparent;
}

.accountChecker__wrapper .accountChecker__accordionBtn:after {
    content: '';
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    background: url("accordionArrow.svg") no-repeat;
    background-size: contain;
    margin-left: 1rem;
    transition: all .5s ease;
}

.accountChecker__wrapper .accountChecker__accordionBtn:focus {
    outline: none;
    border: none;
}

.accountChecker__wrapper .accountChecker__accordionBtn--clicked {
    /*color: #21B4B7;*/
}

.accountChecker__wrapper .accountChecker__accordionBtn--clicked:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.accountChecker__wrapper .accountChecker__accordion {
    padding-left: 3rem;
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    color: #212121;
    margin-top: 1rem;
}

.accountChecker__wrapper .accountChecker__accordionItem {
    margin-top: .5rem;
}

.accountChecker__wrapper .accountChecker__message {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    color: #4CAF50;
    text-align: center;
    margin-top: 2rem;
}

.accountChecker__wrapper .accountChecker__message--error {
color: #f44336 !important;
}

.accountChecker__wrapper .accountChecker__accountInfo {
    display: flex;
    flex-direction: column;
    margin-top: 2rem;
    padding: 2rem;
    background: #fff;
    box-shadow: 0px 17px 33px -2px rgba(28, 39, 49, 0.05);
    border-radius: 15px;
}

.accountChecker__wrapper .accountChecker__accountInfo .accountChecker__text {
    display: block;
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    color: #212121;
    transition: all .5s ease;
    margin-bottom: 1rem;
}

.accountChecker__wrapper .accountChecker__accountInfo .accountChecker__text .acccountChecker__textBold {
    font-weight: 600;
    margin-right: 1rem;
}

.accountChecker__wrapper .accountChecker__accountInfo .accountChecker__text .accountChecker__textOrdinaryTitle {
    color: #0288D1;
}

.accountChecker__wrapper .accountChecker__forms {
    display: flex;
    justify-content: center;
}

.accountChecker__wrapper .accountChecker__forms .accountChecker__form {
    margin: 2rem auto;
}

.accountChecker__wrapper .accountChecker__forms .accountChecker__formBtn {
    display: block;
    padding: 2rem;
    border-radius: 12px;
    box-shadow: 0px 1px 2px rgba(28, 39, 49, 0.08);
    transition: all .5s ease;
    border: none;
    outline: none;
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    color: #fff;
    width: 13.5rem;
}

.accountChecker__wrapper .accountChecker__forms .accountChecker__formBtn:focus {
    outline: none;
}

.accountChecker__wrapper .accountChecker__forms .accountChecker__formBtnAccept {
    background: #1DC8DF;
}

.accountChecker__wrapper .accountChecker__forms .accountChecker__formBtnAccept:active {
    background: #1ab4c8;
}

.accountChecker__wrapper .accountChecker__forms .accountChecker__formBtnDecline {
    background: #FF4242;
}

.accountChecker__wrapper .accountChecker__forms .accountChecker__formBtnDecline:active {
    background: #ff2929;
}