/* aside */

.aside {
  padding: 0;
  width: 500px;
}

.list__personOnline {
  padding: 0 0.5rem;
  margin: 1.5rem 0 1rem 0;
}

.section__publish {
  margin: 2.5rem 4rem;
}

/* meessage__ofChat */

.meessage__ofChat {
  margin: 1rem 0 0 0;
  padding: 0 0.5rem;
}

.div__titleTopChat {
  border: 1px solid #EFEFEF;
  border-top-right-radius: 1rem;
  border-top-left-radius: 1rem;
  padding: 1rem 1rem 1rem 0.2rem;
  height: 60px;
}

.selectMessageChat {
  border: none;
  outline: none;
  font-weight: 600;
  font-size: 15px;
  cursor: pointer;
}

/* ul__listPeopleDonation */

.ul__listPeopleDonation {
  list-style: none;
}

.li__donationPeople {
  background: #FFB300;
  padding: 0.1rem 0.3rem;
  border-radius: 2rem;
  font-weight: 500;
  color: #6A4B00;
}

.donation__peopleAvatar img,
.avatar__donationPeopleMessage img,
.my__avatar img {
  border-radius: 50%;
  margin: 0 0.5rem 0 0;
}

/* options__menuMessageChat */

.options__menuMessageChat img {
  cursor: pointer;
}

/* list__peoplesMessage */

.list__peoplesMessage {
  background: #F9F9F9;
  padding: 0.5rem;
  overflow: auto;
  height: 650px;
}

.h__donationPeopleMessage {
  background: #FFB300;
  border: 1px solid #FFBA0C;
  padding: 0.4rem 1.5rem;
  border-top-right-radius: 0.7rem;
  border-top-left-radius: 0.7rem;
}

.avatar__donationPeopleMessage img {
  margin: 0 1rem 0 0;
}

.title__nameAuthorDonation {
  color: #9E7100;
  font-weight: 600;
  font-size: 15px;
  margin: 0 0 0.1rem 0;
}

.amount__ofMoney {
  color: #623400;
  font-weight: 600;
  letter-spacing: 2px;
}

.text__descriptionMessageDonation {
  background: #FFCA28;
  border: 1px solid #F6D15F;
  padding: 0.5rem 1.5rem;
  font-size: 13.5px;
  font-weight: 500;
}

/* li__peopleMessage */

.li__peopleMessage {
  margin: 0.5rem 0;
}

.title__namePeopleMessage {
  font-size: 13px;
  color: #95999E;
  font-weight: 600;
  padding: 0 0.5rem 0 0;
}

.text__descriptionMessage {
  font-size: 13px;
  font-weight: 500;
  margin: 0 0 0 0.5rem;
}

/* send__message */

.send__message {
  border: 1px solid #C7B8D6;
  border-radius: 0.5rem;
  height: 60px;
}

.my__avatar {
  margin: 0;
  padding: 0.5rem;
}

.input__writeMessage {
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  font-weight: 500;
  font-size: 15px;
}

.button__sendaAnswer {
  margin: 0 0.5rem;
  background: #764FA0;
  border: 1px solid #8461AA;
  color: #CABCDA;
  padding: 0.4rem 0.5rem;
  border-radius: 2rem;
  font-weight: 500;
  cursor: pointer;
  transition: 0.3s;
}

.button__sendaAnswer:hover {
  background: #4a276e;
}

/* section__contentChannel */

.section__contentChannel {
  width: 750px;
}

.button__createNewPublish {
  margin: 0;
}

.title__contentChannel {
  font-size: 28px;
  font-weight: 600;
}

.ul__filterContentChannel {
  margin: 3rem 0 0 0;
  list-style: none;
  border-bottom: 1px solid #DBDB;
}

.ul__filterContentChannel li {
  height: 100%;
  display: flex;
  align-items: center;
}

.ul__filterContentChannel li a {
  height: 100%;
  display: flex;
  align-items: center;
  text-decoration: none;
  font-weight: 600;
  font-size: 17px;
  padding: 1rem;
  color: #616161;
  border-bottom: 3px solid transparent;
  transition: 0.3s;
}

.ul__filterContentChannel li a:hover {
  color: #196BD6 !important;
  border-bottom: 3px solid #065FD4 !important;
}

.li__activeContentChannel a {
  color: #196BD6 !important;
  border-bottom: 3px solid #065FD4 !important;
}

/* filter__ContentChannel */

.filter__ContentChannel {
  padding: 1rem;
  border-bottom: 1px solid #DBDBDB;
}

.select__contentNameFilter {
  margin: 0 0 0 2rem;
  border: none;
  background: none;
  appearance: none;
  font-size: 17px;
  color: #909090;
  font-weight: 500;
  outline: none;
  cursor: pointer;
}

/* line__rowPages */

.line__rowPages {
  padding: 1rem 2.5rem;
}

.triangle {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #606060;
}

.images__arrow img {
  margin: 0 0 0 1rem;
  cursor: pointer;
}

.row__pages {
  color: #606060;
  font-weight: 500;
}

.valuePage {
  margin: 0 0 0 1rem;
  color: #444444
}

.title__followersPublish--margin {
  margin: 0;
}

.edit__videoPublish {
  margin: 0 1.3rem;
}

.redirect__video {
  margin: 0 0 0 2rem;
}

.choose__optionsVideo {
  list-style: none;
  margin: 1rem 0 0 0;
}

.choose__optionsVideo li {
  margin: 0 2rem 0 0;
  cursor: pointer;
}

.redirect__video a {
  color: #444444;
  font-size: 17px;
  margin: 0 0 1rem 0;
  font-weight: 500;
}

.text__descriptionVideo {
  padding: 2rem 1.3rem 1rem 1.3rem;
}

.card__informationGraphics {
  padding: 0 1.3rem;
}

.card__informationGraphics {
  padding: 0 1.3rem 2rem 1.3rem;
}

.div__imageCard .title__descriptionPublish:first-child {
  margin: 0 1.5rem 0 0;
}

.div__imageCard .title__descriptionPublish,
.title__assessmentPublish {
  margin: 1rem 0 0 0;
}

.check__cardArrowInput {
  width: 35px;
  height: 30px;
  appearance: none;
  border: 2px solid #909090;
  border-radius: 0.2rem;
  cursor: pointer;
  margin: 0 2rem 0 0;
}

.check__cardArrowInput:checked {
  background: rgb(62, 108, 235);
  border: 2px solid blue;
}

.card__publish {
  margin: 3.5rem 0 0 0;
}

/* .aside__cardsStatistics */

.aside__cardsStatistics {
  margin: 0 0 0 1rem;
}

/* card__StatisticsChannel */

.card__StatisticsChannel {
  background: #fff;
  padding: 2.5rem;
  margin: 2rem 0 0 0;
  border: 1px solid #ECECEC;
  border-radius: 0.5rem;
}

.card__StatisticsChannel:first-child {
  margin: 0;
}

.title__statisticsChannel {
  font-weight: 600;
  font-size: 22px;
}

.title__currentSubscribers {
  color: #8C8C8C;
  font-weight: 500;
  margin: 1rem 0 0 0;
}

.title__subscribers {
  font-weight: 500;
  font-size: 35px;
  margin: 0.5rem 0 1.5rem 0;
}

.title__analysisChannel {
  font-weight: 500;
  margin: 1rem 0 0 0 !important;
}

.title__analysisChannelGreen {
  color: #2E912E;
  font-weight: 500;
}

.line__rowGray {
  width: 100%;
  height: 1px;
  background: #E6E6E6;
  margin: 1.5rem 0;
}

.title__resumeChannel {
  font-weight: 600;
}

.title__endDaysChannel {
  font-weight: 500;
  font-weight: 15px;
  margin: 0.5rem 0 0 0;
  color: #7D7D7D;
}

.ul__listanalysisChannel {
  list-style: none;
}

.ul__listanalysisChannel li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 1rem 0 0 0;
  color: #3B3B3B;
  font-weight: 500;
}

.value__visualization {
  color: #7D7D7D;
}

.value__visualization img {
  margin: 0 0 0 0.5rem;
}

.button__statisticsChannel {
  margin: 2rem 0 0 0;
  border: none;
  background: transparent;
}

.button__statisticsChannel a {
  color: #2271D9;
  margin: 2rem 0 0 0;
  text-decoration: none;
  font-weight: 600;
  font-size: 15px;
}

.title__statisticsChannel--maxWidth {
  max-width: 300px;
}

.text__classification {
  margin: 0 0 0 1rem;
}

.button__statisticsChannel--margin,
.buttons__optionsVideo {
  margin: 1.5rem 0 0 0;
}

.card__StatisticsChannel iframe {
  margin: 1rem 0;
}


@media (max-width: 1250px) {
  .input {
    width: 600px;
  }
}


@media (max-width: 1070px) {
  .input {
    width: 500px;
  }
}

@media (max-width: 990px) {

  .section__publish,
  .perfil__cardsContent {
    flex-direction: column;
  }

  .main__container {
    flex-direction: column-reverse;
  }

  .all__contentPerfil {
    align-items: start;
  }

  .card__informationAccount {
    margin: 0.5rem 1rem;
    width: 100%;
  }

  .input {
    display: none;
  }

  .image__option img {
    margin: 0 0.5rem;
  }

  .all__contentPerfil {
    flex-direction: column;
    align-items: center;
  }

  .section__publish {
    margin: 1rem 0;
    display: flex;
    justify-content: center;
  }

  .main {
    display: flex;
    justify-content: center;
  }

  .main__container {
    width: 95%;
  }

  .section__contentChannel,
  .aside {
    width: 100%;
  }

  .aside__cardsStatistics {
    margin: 1rem 0 0 0;
  }


}

@media (max-width: 725px) {
  .section__perfil {
    padding: 1rem;
  }

  .card__informationAccount,
  .button__createNewPublish {
    margin: 1rem 0 0 0;
  }

  .ul__buttons,
  .ul__listAboutAccount,
  .ul__informationMoney,
  .card__informationPublish {
    flex-direction: column;
    align-items: start;
  }

  .li__movements {
    width: 100%;
  }

  .li__movements a,
  .li__manageContent a {
    width: 100%;
    text-align: center;
    margin: 0 0 0.5rem 0;
  }

  .card__informationAccount {
    height: 175px;
  }

  .li__strike {
    margin: 0;
  }

  .text__createPublish,
  .ul__filterContentChannel,
  .edit__videoPublish,
  .check__cardArrow {
    flex-direction: column;
  }

  .check__cardArrow,
  .redirect__video {
    margin: 0.5rem 0;
  }

  .card__publish {
    margin: 1rem 0;
  }

  .text__createPublish,
  .edit__videoPublish {
    align-items: center;
  }

  .ul__filterContentChannel {
    height: auto !important;
  }

  .ul__filterContentChannel li {
    justify-content: center;
    border-top: 1px solid #DBDBDB;
    height: 50px;
  }

  .card__informationStatus {
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    margin: 0;
  }

  .card__publish {
    width: 95%;
  }

  .edit__videoPublish {
    margin: 0;
  }

  .redirect__video {
    width: 100%;
    align-items: center;
    padding: 0 0.5rem;
  }

  .choose__optionsVideo {
    flex-wrap: wrap;
  }

  .edit__videoPublish iframe {
    width: 100%;
  }

  .card__StatisticsChannel {
    padding: 1.5rem;
  }

}