/* Including sound loader css file */
@import "soundloader.min.css";

/* GERAL ----------------------------------------------------- */
@media (min-width: 1366px) {
  .container {
    max-width: 1336px !important;
  }
}

@media (min-width: 1420px) {
  .container {
    max-width: 1420px !important;
  }
}

*,
*:before,
*:after {
  margin: 0;
  box-sizing: border-box;
}

*:focus {
  outline: none;
}

.form-control:focus {
  border-color: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
}

select.form-control:focus {
  border-color: #ced4da;
}

html,
body {
  height: 100%;
}

* {
  text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  font-family: 'Roboto', sans-serif;
  font-family: 'Roboto-Thin', 'Roboto Thin', 'Roboto', sans-serif;
  font-size: 14px;
  /*overflow-x: hidden;*/
  color: #333;
}

html {
  scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

p {
  font-weight: 600;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Roboto', sans-serif;
  color: rgba(0, 157, 217, 1);
}

h1 {
  /*font-size: 26px;*/
  font-size: 32px;
  text-transform: uppercase;
}

h2 {
  /*font-size: 22px;*/
  font-size: 28px;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
}

h3 {
  /*font-size: 18px;*/
  font-size: 24px;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
}

h4 {
  /*font-size: 16px;*/
  font-size: 18px;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
}

h5 {
  /*font-size: 14px;*/
  font-size: 16px;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
}

h6 {
  /*font-size: 12px;*/
  font-size: 14px;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
}

ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

a {
  /*color: rgba(0, 157, 217, 1);*/
  color: #009DD9;
}

a:hover {
  color: #0285B7;
}

a:focus,
button:focus,
input:focus,
textarea:focus {
  outline: none;
}

input,
textarea,
select,
button,
a:focus {
  outline: none;
  box-shadow: none;
}

input,
textarea,
select,
a,
button {
  transition-duration: 2s;
}

input,
textarea,
select {
  border-color: #888888;
  background-color: #F2F2F2;
}

a,
button {
  cursor: pointer !important;
}

select,
select option {
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
}

a:focus,
button:focus,
input:focus,
textarea:focus {
  outline: none;
}

input,
textarea,
select,
button,
a:focus {
  outline: none;
  box-shadow: none !important;
}

::selection {
  background: rgba(0, 157, 217, 1);
  color: #FFF;
}

::-moz-selection {
  background: rgba(0, 157, 217, 1);
  color: #FFF;
}

/*button {
  background-color: #009dd9;
  border: solid 1px #0285b7;
  color: #FFF;
  }

  button:hover {
    background-color: #0285b7;
    border: solid 1px #0285b7;
    color: #FFF;
  }*/


/* PLACEHOLDER --------------------------------------------------- */
/*::placeholder {
  color: #bfbfbf !important;
  opacity: 1;
  font-size: 16px;
}

:-ms-input-placeholder {
  color: #bfbfbf !important;
  font-size: 16px;
}

::-ms-input-placeholder {
  color: #bfbfbf !important;
  font-size: 16px;
}*/

/*.box-login ::placeholder {
  color: #999 !important;
  font-size: 12px;
}

.box-login :-ms-input-placeholder {
  color: #999 !important;
  font-size: 12px;
}

.box-login ::-ms-input-placeholder {
  color: #999 !important;
  font-size: 12px;
}*/

::placeholder {
  color: #999 !important;
  font-size: 12px;
  font-weight: 200;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #999 !important;
  font-size: 12px;
  font-weight: 200;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: #999 !important;
  font-size: 12px;
  font-weight: 200;
}

:-ms-input-placeholder {
  color: #999 !important;
  font-size: 12px;
  font-weight: 200;
}

::-ms-input-placeholder {
  color: #999 !important;
  font-size: 12px;
  font-weight: 200;
  line-height: 16px;
}

@media screen and (max-width: 767px) {

  input[type="text"]::-webkit-input-placeholder,
  input[type="text"]::-moz-placeholder,
  input[type="text"]:-ms-input-placeholder,
  input[type="text"]:-moz-placeholder,
  input[type="text"]::placeholder {
    background-color: transparent;
    font-family: 'Roboto Medium', 'Roboto';
    font-weight: 500;
    font-style: normal;
    font-size: 16px;
    text-decoration: none;
    /*color: rgba(0, 0, 0, 0.5) !important;*/
    color: #999;
  }

  input[type="text"]::placeholder {
    color: #999;
  }

  input[type="text"]:-ms-input-placeholder {
    color: #999;
  }

  input[type="text"]::-ms-input-placeholder {
    color: #999;
  }
}


/* OVERWRITING CODE SELECT2 -------------------------------- */
span.select2-container {
  width: 100% !important;
}

.select2-container--default .select2-selection--multiple {
  background-color: #f2f2f2 !important;
  border-color: #888 !important;
  -webkit-box-shadow: 2px 2px 2px 0px rgb(212 212 212 / 75%) !important;
  -moz-box-shadow: 2px 2px 2px 0px rgba(212, 212, 212, .75) !important;
  box-shadow: 2px 2px 2px 0px rgb(212 212 212 / 75%) !important;
  min-height: calc(1.5em + .75rem + 2px) !important;
  padding: .45rem .75rem .75rem .75rem !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

.select2-container--default .select2-selection--multiple ul.select2-selection__rendered {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  flex-wrap: wrap;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: rgba(0, 0, 0, .05) !important;
  border-radius: 2px !important;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 6px;
  margin-bottom: 0px;
  padding-left: 20px;
  border: solid 1px rgba(0, 0, 0, .1) !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-align-items: center !important;
  align-items: center !important;
  -webkit-justify-content: center !important;
  justify-content: center !important;
  padding: 4px 6px !important;
  overflow: visible !important;
}

.select2-selection ul.select2-selection__rendered {
  padding: 0;
  margin: 0;
  list-style: none;
}

.select2-selection ul.select2-selection__rendered li.select2-selection__choice {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-right: 8px;
  font-weight: 400;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: rgba(0, 0, 0, .05);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  position: relative !important;
}

.select2-selection__choice__display {
  font-weight: 300 !important;
  font-family: 'Roboto' !important;
  font-size: 11px !important;
  color: rgba(0, 0, 0, .5) !important;
  margin: 0 4px;
  padding-right: 7px;
  border-right: solid 1px rgba(0, 0, 0, .3);
}

.select2-container--below .select2-search--inline {
  display: none;
}

button.select2-selection__choice__remove,
button.select2-selection__choice__edit {
  border: none;
  padding-left: 3px;
  padding-right: 3px;
  padding-top: 3px;
  padding-bottom: 3px;
  background-color: transparent;
  border-right: none !important;
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  width: 16px !important;
  height: 16px !important;
  max-width: 16px !important;
  max-height: 16px !important;
  overflow: hidden;
  position: relative;
}

button.select2-selection__choice__remove span,
button.select2-selection__choice__edit span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  line-height: 1px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

button.select2-selection__choice__edit span i {
  font-size: 10px;
  line-height: 1;
}

.select2-container .selection .select2-selection--multiple ul.select2-selection__rendered li.select2-selection__choice {
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-align-items: center !important;
  align-items: center !important;
  -webkit-justify-content: center !important;
  justify-content: center !important;
  flex-direction: row-reverse !important;
  font-weight: 500 !important;
  font-family: 'Roboto' !important;
  font-size: 11px !important;
  color: rgba(0, 0, 0, .5) !important;
  border: solid 1px rgba(0, 0, 0, .1);
}

.select2-container .selection .select2-selection--multiple ul.select2-selection__rendered li.select2-selection__choice_rtl {
  flex-direction: row !important;
}

.select2-container .selection .select2-selection--multiple ul.select2-selection__rendered li.select2-selection__choice .select2-selection__choice__remove {
  margin-right: 0px;
  margin-left: 5px;
  padding-left: 5px;
  border-left: solid 1px rgba(0, 0, 0, .1);
}

.select2-container .selection .select2-selection--multiple ul.select2-selection__rendered li.select2-selection__choice_rtl .select2-selection__choice__remove {
  border-left: none;
  margin-right: 0px;
  margin-left: 0px;
  padding-left: 0px;
}

.select2-selection--multiple ul.select2-selection__rendered li.select2-selection__choice .selectdropdown {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 30px;
  width: 100%;
  background-color: #FFF;
  border: solid 1px rgba(0, 0, 0, .1);
  z-index: 2;
}

.select2-selection--multiple ul.select2-selection__rendered li.select2-selection__choice .selectdropdown a.dropdown-item {
  color: #007fb1;
  font-size: 11px;
  text-align: right;
  padding: .25rem .5rem;
  font-weight: 300 !important;
}

.select2-selection--multiple ul.select2-selection__rendered li.select2-selection__choice .selectdropdown a.dropdown-item:focus {
  color: #FFF;
}


/* GERAL --------------------------------------------------- */
picture {
  display: block;
}

figure {
  margin: 0;
}

@media screen and (max-width: 1024px) {
  figure img {
    width: 100%;
  }
}

small {}

.form-group {
  margin-bottom: 0rem;
}

.form-check-input {
  margin-top: .1rem;
}

a.link-all {
  text-decoration: none;
}

.red {
  color: #CC0000 !important;
}

.bold {
  font-weight: 700;
  font-family: 'Roboto Bold', 'Roboto';
}

.noborder {
  border: none;
}

.displaycenter {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.border {
  border: 1px solid #888888 !important;
}

.form-control {
  background-color: #f2f2f2;
  border-color: #888;
}

.dropdown-menu {
  border-color: #888;
}


/* BUTTONS --------------------------------------------------- */
button.btn {
  transition-duration: 2s;
  padding: 6px 12px;
  /*background-color: #009dd9;
  border: solid 1px #0285b7;*/
  color: #f2f2f2;
}

button.btn-add {
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  color: #f2f2f2;
  line-height: normal;
  background-color: #009DD9;
  border: solid 1px #0285B7;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  /* padding: 0.3em 1em;*/
  padding: 6px 12px;
  transition-duration: 2s;
  white-space: nowrap;
}

button.btn-add:hover {
  background-color: #0285b7;
  color: #f2f2f2;
}

button.btn-add:active,
button.btn-add:focus,
button.btn-add.active {
  background-color: #009900 !important;
}

button.btn-add:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f067";
  color: #f2f2f2;
  margin-right: 10px;
  font-size: 14px;
}

button.btn-add:active:before,
button.btn-add:focus:before,
button.btn-add.active:before {
  content: "\f00c";
  color: #f2f2f2;
}

button.btn-follow {
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  color: #F2F2F2;
  line-height: normal;
  background-color: #009DD9;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  /* padding: 0.3em 1em;*/
  padding: 6px 12px;
  width: 100%;
  transition-duration: 2s;
  text-align: left;
  white-space: nowrap;
}

button.btn-follow:hover {
  background-color: #0285b7;
  color: #f2f2f2;
}

button.btn-follow:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f067";
  color: #f2f2f2;
  margin-right: 10px;
  font-size: 16px;
}

button.btn-follow:active,
button.btn-follow:focus,
button.btn-follow.active {
  background-color: #009900 !important;
}

button.btn-follow:active:before,
button.btn-follow:focus:before,
button.btn-follow.active:before {
  content: "\f00c";
  color: #f2f2f2;
}

button.btn-default {
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  color: #f2f2f2;
  text-align: center;
  line-height: normal;
  background: rgba(0, 157, 217, 1);
  padding: 4px 10px;
  transition-duration: 2s;
}

button.btn-default.btn-disable {
  background-color: #d7d7d7;
}

button.btn-default.btn-enable {
  background: rgba(0, 157, 217, 1);
}

button.btn-default:hover {
  color: #f2f2f2;
  background: #0285b7
}

button.btn-grey {
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  color: #333333;
  text-align: center;
  line-height: normal;
  background: #DADADA;
  padding: 4px 10px;
  transition-duration: 2s;
  border: 1px solid #cccccc;
}

button.btn-link {
  background-color: transparent;
  border: none;
  font-family: 'Roboto Thin', 'Roboto';
  font-weight: 200;
  font-style: normal;
  font-size: 12px;
  color: #009DD9;
  padding: 4px 0px;
  text-decoration: none;
  white-space: nowrap;
  text-align: center;
}

button.btn-invert,
button.btn-details {
  font-family: 'Roboto-Bold', 'Roboto Bold', 'Roboto', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  color: #009DD9;
  border: solid 1px #0285b7;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 0.2rem 0.5rem;
}

button.btn-invert:hover,
button.btn-details:hover {
  color: #0285b7;
}

button.btn-link:hover {
  text-decoration: none;
}

button.btn-save {
  background-color: transparent;
  border: none;
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  color: #F2F2F2;
  padding: 4px 10px;
  text-decoration: none;
  white-space: nowrap;
  /*background: rgba(0, 157, 217, 1);*/
  background-color: #009DD9;
  border: solid 1px #0285B7;

}

button.btn-saveandnext {
  border: none;
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
  font-size: 14px;
  color: #F2F2F2;
  padding: 6px 20px;
  text-decoration: none;
  white-space: nowrap;
  background: rgba(0, 157, 217, 1);
}

button.btn-save:hover,
button.btn-saveandnext:hover {
  background-color: #0285b7;
  color: #F2F2F2;
}

button.btn-cancel {
  font-family: 'Roboto-Regular', 'Roboto', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  color: #009DD9;
  padding: 6px 0px;
  text-align: left;
}

button.btn-cancel.btn-disable {
  color: #d7d7d7;
}

button.btn-cancel.btn-enable {
  color: rgba(0, 157, 217, 1);
}

button.btn-green {
  /* No UI inicial do projeto havia um botão verde em algumas telas de upload de conteúdo. Com o novo padrão, os botões ficaram todos azuis, mas, para não alterar o HTML, alterei apenas a cor desses botões*/
  /*background-color: #009933;*/
  background-color: #009DD9;
  border: solid 1px #0285B7;
}

button[class*='btn-action-'] {
  text-align: left;
  border-radius: 0px;
  white-space: nowrap;
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  color: #009DD9;
  line-height: normal;
  transition-duration: 2s;
}

button.btn-action-like span {
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  color: #009DD9;
}

button[class*='btn-action-']:before {
  font-family: "Font Awesome 5 Free";
  font-weight: normal;
  color: #333;
  margin-right: 10px;
  font-size: 18px;
}

button.btn-action-like:before {
  content: "\f164";
}

button.btn-like-clicked,
button.btn-like-clicked:before {
  color: #009900;
}

button.btn-action-play:before {
  content: "\f04b";
  font-weight: 900;
}

button.btn-action-playlist:before {
  content: "\f067";
  font-weight: 900;
}

button.btn-playlist-clicked,
button.btn-playlist-clicked:before {
  color: #009900;
}

button.btn-playlist-clicked:before {
  content: "\f00c";
  font-weight: 900;
}

button.btn-action-share:before {
  content: "\f1d8";
}

button.btn-action-report:before {
  content: "\f024";
}

button.btn-action-download:before {
  content: "\f063";
  font-weight: 900;
}

@media screen and (max-width: 768px) {
  button[class*='btn-action-'] span {
    display: none;
  }

  button[class*='btn-action-']:before {}
}

button.btn-save.btn-disable {
  background-color: #d7d7d7;
  font-weight: 600;
}

button.btn-cancel.btn-disable {
  color: #D7D7D7;
}

button.btn-full {
  width: 100%;
  /*background-color: rgba(2, 133, 183, 1);*/
  background-color: #009dd9;
  border: solid 1px #0285b7;
  color: #f2f2f2;
  font-family: 'Roboto Thin', 'Roboto', sans-serif;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 500;
  padding-top: 10px;
  padding-bottom: 10px !important;
  padding-left: 40px;
  padding-right: 40px;
  transition-duration: 2s;
}

button.btn-full:hover {
  background-color: #0285b7;
}


/* Custom form components
---------------------------------------------------------------- */
main textarea,
main input[type="text"],
.modal .modal-dialog .modal-content .modal-body textarea,
.modal .modal-dialog .modal-content .modal-body input[type="text"] {
  -webkit-box-shadow: 2px 2px 2px 0px rgba(212, 212, 212, .75) !important;
  -moz-box-shadow: 2px 2px 2px 0px rgba(212, 212, 212, .75) !important;
  box-shadow: 2px 2px 2px 0px rgba(212, 212, 212, .75) !important;
}

.modal .modal-dialog .modal-content .modal-footer .space {
  /*min-width: 113px;
  width: 113px;
  max-width: 113px;*/
  min-width: 155px;
  width: 155px;
  max-width: 155px;
  display: block;
}

.dropdown-select {
  width: 100%;
  display: block;
  position: relative;
}

.dropdown-select a.dropdown-toggle {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 100%;
  height: 38px;
  height: calc(1.5em + .75rem + 2px);
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057 !important;
  /*background-color: #fff !important;*/
  background-color: #F2F2F2 !important;
  background-clip: padding-box;
  border: 1px solid #888888 !important;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  -webkit-box-shadow: 2px 2px 2px 0px rgba(212, 212, 212, .75) !important;
  -moz-box-shadow: 2px 2px 2px 0px rgba(212, 212, 212, .75) !important;
  box-shadow: 2px 2px 2px 0px rgba(212, 212, 212, .75) !important;
}

.dropdown-select a.dropdown-toggle::after {
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-align-items: center !important;
  align-items: center !important;
  -webkit-justify-content: flex-end !important;
  justify-content: flex-end !important;
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900 !important;
  content: "\f078" !important;
  border: none !important;
  position: absolute;
  right: 0;
  margin-right: 14px;
}

.dropdown-select.dropdown-select-small {
  width: 35% !important;
  margin-right: 20px;
}

.dropdown-select .dropdown-menu a.dropdown-item {
  font-family: "Roboto Bold", 'Roboto';
  font-weight: 700;
  font-size: 14px;
  color: rgb(51, 51, 51);
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  width: 100%;
  padding: .375rem .75rem;
  border: none;
  transition-duration: 2s;
}

.dropdown-select .dropdown-menu a.dropdown-item small {
  font-family: "Roboto Thin", 'Roboto';
  font-weight: 200;
  font-size: 14px;
  color: #333333;
  margin-left: 10px;
}

.dropdown-select .dropdown-menu a.dropdown-item-footer {
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
  font-size: 14px;
  color: #009DD9;
  margin-top: 10px;
  padding-top: 10px;
  border-top: solid 1px #ddd;
}


/* Autocomplete
---------------------------------------------------------------- */
.autocompletewidget {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
}

.autocompletewidget:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f067";
  position: absolute;
  right: 0;
  margin-right: 15px;
  font-size: 10px;
}

.AlterarModeradorContent {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

.ui-autocomplete {
  position: absolute;
  z-index: 1000;
  cursor: default;
  padding: 0;
  margin-top: 2px;
  list-style: none;
  background-color: #ffffff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.ui-autocomplete > li {
  padding: 5px 20px;
  font-size: 16px;
}

.ui-autocomplete > li.ui-state-focus {
  background-color: #DDD;
}

.ui-helper-hidden-accessible {
  display: none;
}


/* Align top and down flexbox
---------------------------------------------------------------- */
.aligner {
  display: -webkit-flex;
  display: flex;
  width: 100%;
  flex: 1;
}

.aligner-item--top {
  display: flex;
  flex: 1;
  align-self: flex-start;
}

.aligner-item--bottom {
  align-self: flex-end;
  display: flex;
  flex: 1;
}


/* Thumb Áudio
---------------------------------------------------------------- */
.thumb-audio:before {
  background-image: url(../img/audio.png);
  background-position: left 0px bottom 10px;
  background-position: calc(100% - 0px) calc(100% - 10px);
  background-repeat: repeat-x;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  left: 0;
}


/* 5 column layout with Bootstrap 4
---------------------------------------------------------------- */
.col-2dot4,
.col-sm-2dot4,
.col-md-2dot4,
.col-lg-2dot4,
.col-xl-2dot4 {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col-2dot4 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
}

@media (min-width: 540px) {
  .col-sm-2dot4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
}

@media (min-width: 720px) {
  .col-md-2dot4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
}

@media (min-width: 960px) {
  .col-lg-2dot4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
}

@media (min-width: 1140px) {
  .col-xl-2dot4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
}


/* TOP HEADER (Logo + login)
---------------------------------------------------------------------- */
header {
  margin-bottom: 0px;
}

header .topheader {
  background-color: #FFF;
  padding: 10px 0;
}

header .topheader .flex {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

main {
  margin-top: 26px;
  margin-bottom: 20px;
}

main.margintop {
  margin-top: 0px;
}


/* TOP HEADER (LOGO)
---------------------------------------------------------------------- */
header .topheader .topheader-branding {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

header .topheader a.brand {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  text-decoration: none;
  width: auto !important;
}

header .topheader a.brand .logo {
  padding-right: 20px;
  margin-right: 20px;
  border-right: solid 1px #e4e4e4;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
  font-style: normal;
  font-size: 24px;
  color: #0070BF;
  white-space: nowrap;
}

header .topheader a.brand .logo:before {
  background-image: url(https://eduplay.rnp.br/portal/resources/img/eduplay-logo.svg);
  background-position: left center;
  background-repeat: no-repeat;
  content: "";
  width: 150px;
  height: 42px;
  display: block;
  background-size: cover;
  margin-right: 10px;
}

header .topheader a.brand picture.nasnuvens {
  width: 65px;
}

header .topheader a.brand picture.nasnuvens img {
  width: 100%;
}

@media screen and (max-width: 575px) {
  header .topheader a.brand picture.nasnuvens {
    display: none;
  }

  header .topheader a.brand .logo {
    padding-right: 0px;
    margin-right: 0px;
    border-right: none 0px;
  }

  header .topheader a.brand .logo:before {
    width: 128px;
    height: 36px;
  }

  header#logado .topheader .topheader-login ul.tools {
    margin-top: 0px !important;
  }

  header .topheader .topheader-login ul.tools > li {
    min-width: 32px;
    min-height: 32px;
    max-width: 32px;
    max-height: 32px;
    margin-left: 0px;
    margin-right: 0px;
  }
}


/* TOP HEADER (LOGIN)
---------------------------------------------------------------------- */
header .topheader .topheader-login {
  display: flex;
  justify-content: flex-end;
  align-content: center;
}


/* TOP HEADER - MENU SERVIÇOS NASNUVENS
---------------------------------------------------------------------- */
header#login .topheader .btn-group button {
  padding: 0rem .75rem;
}

header#login .topheader .btn-group button:before {
  width: 40px;
  height: 40px;
  display: block;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  object-fit: cover;
  content: "";
  background-size: 70%;
}

header .topheader .topheader-login .btn-group button.btn-secondary {
  color: #6c757d !important;
  background-color: transparent !important;
  border-color: transparent !important;
}

header .topheader .topheader-login .btn-group button.btn-secondary i {
  font-size: 22px;
}

header .topheader .topheader-login .btn-group button.dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-bottom: 0;
  border-left: .3em solid transparent;
  display: none !important;
}

header#login .topheader .topheader-login .btn-group .dropdown-menu {
  min-width: 25rem;
  padding: 10px 0 0 0;
  margin: 0 0 0;
}

@media screen and (max-width: 575px) {
  header#login .topheader .topheader-login .btn-group .dropdown-menu {
    min-width: 14rem;
  }
}

header .topheader .topheader-login .btn-group .dropdown-menu {
  background: #FFF;
  border: 1px solid #CCC;
  margin-top: 10px !IMPORTANT;
}

header .topheader .topheader-login .btn-group .dropdown-menu:after,
header .topheader .topheader-login .btn-group .dropdown-menu:before {
  bottom: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

header#login .topheader .topheader-login .btn-group .dropdown-menu:after,
header#login .topheader .topheader-login .btn-group .dropdown-menu:before {
  left: 92%;
}

header#logado .topheader .topheader-login .btn-group .dropdown-menu:after,
header#logado .topheader .topheader-login .btn-group .dropdown-menu:before {
  left: 93%;
}

header#logado .topheader .topheader-login ul.tools li.menu-nasnuvens .btn-group .dropdown-menu:after,
header#logado .topheader .topheader-login ul.tools li.menu-nasnuvens .btn-group .dropdown-menu:before {
  left: 94%;
}

header#logado .topheader .topheader-login ul.tools li.user-avatar .btn-group .dropdown-menu:after,
header#logado .topheader .topheader-login ul.tools li.user-avatar .btn-group .dropdown-menu:before {
  left: 88%;
}

@media screen and (max-width: 767px) {
  header#logado .topheader .topheader-login ul.tools {
    margin-top: 0px;
  }
}

header .topheader .topheader-login .btn-group .dropdown-menu:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #FFF;
  border-width: 10px;
  margin-left: -10px;
}

header .topheader .topheader-login .btn-group .dropdown-menu:before {
  border-color: rgba(204, 204, 204, 0);
  border-bottom-color: #CCC;
  border-width: 12px;
  margin-left: -12px;
}

header#login .topheader .topheader-login .btn-group .dropdown-menu p {
  font-family: 'Roboto Thin', 'Roboto';
  font-weight: 200;
  font-size: 14px;
  color: #999999;
  margin: 5px 10px;
  padding: 0 10px;
}

header .topheader .topheader-login .btn-group .dropdown-menu ul {
  padding: 0 10px;
  margin: 0px;
  list-style: none;
}

header .topheader .topheader-login .btn-group .dropdown-menu ul li {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-bottom: 6px;
  padding-right: 6px;
  padding-left: 6px;
}

header .topheader .topheader-login ul.tools li.menu-nasnuvens .btn-group .dropdown-menu ul li a {
  border: solid 1px #cccccc;
  padding: 7px 5px;
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-shadow: 2px 2px 2px 0px rgba(212, 212, 212, .75);
  -moz-box-shadow: 2px 2px 2px 0px rgba(212, 212, 212, .75);
  box-shadow: 2px 2px 2px 0px rgba(212, 212, 212, .75);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

header .topheader .topheader-login ul.tools li.menu-nasnuvens .btn-group .dropdown-menu ul li a picture {
  max-width: 100%;
  max-height: 100%;
}

header .topheader .topheader-login ul.tools li.menu-nasnuvens .btn-group .dropdown-menu ul li a picture img {
  max-width: 115px;
  max-height: 100%;
}

header .topheader .topheader-login .btn-group .dropdown-menu footer {
  border-top: 1px solid #cccccc;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-top: 10px;
  margin-bottom: 0px;
}

header .topheader .topheader-login .btn-group .dropdown-menu footer a {
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
  color: #009DD9;
  text-align: center;
  padding: 8px 0;
  width: 100%;
  text-decoration: none;
}

header .topheader .topheader-login .btn-group .dropdown-menu footer a:hover {
  background-color: #F1F1F1;
}

header .topheader .topheader-login .login {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

header .topheader .topheader-login .btn-group .dropdown-menu {
  -webkit-box-shadow: 3px 3px 3px 0px rgba(173, 173, 173, 0.4);
  -moz-box-shadow: 3px 3px 3px 0px rgba(173, 173, 173, 0.4);
  box-shadow: 3px 3px 3px 0px rgba(173, 173, 173, 0.4);
}


/* TOP HEADER - BOTÃO LOGIN NASNUVENS
---------------------------------------------------------------------- */
header .topheader .topheader-login .login a.btn-login {
  background-color: #009dd9;
  color: #FFF;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding-right: 30px;
  text-decoration: none;
  height: 36px;
  max-height: 36px;
  white-space: nowrap;
  -webkit-box-shadow: 3px 3px 3px 0px rgba(207, 207, 207, 1);
  -moz-box-shadow: 3px 3px 3px 0px rgba(207, 207, 207, 1);
  box-shadow: 3px 3px 3px 0px rgba(207, 207, 207, 1);
}

header .topheader .topheader-login .login a.btn-login:hover {
  background-color: #0285b7;
}

header .topheader .topheader-login .login a.btn-login .btn-login-icon {
  background-color: #008cc3;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  margin-right: 20px;
  font-family: 'Arial', sans-serif;
}

header .topheader .topheader-login .login a.btn-login .btn-login-icon img {
  width: 75px;
  padding: 5px;
}

header .topheader .topheader-login .login a.btn-naofederado {
  text-align: center;
  margin-left: 6px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 0px 20px;
}

@media screen and (max-width: 767px) {
  header .topheader .topheader-login .login a.btn-login {
    padding-right: 0px;
    margin-right: 0px;
  }

  header .topheader .topheader-login > .btn-group {
    min-width: 32px;
    min-height: 32px;
    width: 32px;
    height: 32px;
    max-width: 32px;
    max-height: 32px;
    margin-right: 5px;
  }

  header .topheader .topheader-login > .btn-group > button {
    min-width: 32px;
    min-height: 32px;
    width: 32px;
    height: 32px;
    max-width: 32px;
    max-height: 32px;
  }

  header#login .topheader .btn-group > button {
    padding: 0rem .0rem;
  }

  header#login .topheader .topheader-login .btn-group button:before {
    min-width: 32px;
    min-height: 32px;
    width: 32px;
    height: 32px;
    max-width: 32px;
    max-height: 32px;
    content: "";
    background-size: 70%;
  }

  header .topheader .topheader-login .login a.btn-login .btn-login-icon {
    margin-right: 0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }

  header .topheader .topheader-login .login a.btn-login span {
    display: none;
  }
}


/* TOP HEADER - GERAL
---------------------------------------------------------------------- */
.dropdown.dropdown-masked {
  position: static;
}

.dropdown.dropdown-masked.open > .dropdown-menu {
  background: #ccc;
  box-shadow: 0 100vh 0 100vh rgba(0, 0, 0, 0.5), 0 5px 5px rgba(0, 0, 0, 0.5);
  width: 100vw;
  border-width: 1px 0 0;
  border-radius: 0;
  margin-left: -1px;
}

/*.dropdown .dropdown-menu {
  transition: all 0.3s;
  max-height: 0;
  display: block;
  overflow: hidden;
  opacity: 0;
}*/

.dropdown.open .dropdown-menu {
  transition: max-height 1s;
  max-height: 100vh;
  opacity: 1;
  width: auto;
}

.overlay {
  background-color: rgba(0, 0, 0, 0.1);
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1032;
  display: none;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

.dropdown-masked {
  z-index: 1033;
}


/* TOP HEADER - FUNCIONALIDADES USUÁRIO LOGADO
---------------------------------------------------------------------- */
ul.tools {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  list-style: none;
}

ul.tools > li {
  text-align: center;
  min-width: 40px;
  min-height: 40px;
  margin-left: 2px;
  margin-right: 2px;
}

ul.tools li button.btn {
  padding: 0px 3px;
}

ul.tools li.menu-nasnuvens .btn-group > button:before,
ul.tools li.upload .btn-group > button:before,
ul.tools li.notification .btn-group > button:before {
  display: block;
  width: 40px;
  height: 40px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  object-fit: cover;
  content: "";
  background-size: 70%;
}

@media screen and (max-width: 575px) {
  ul.tools > li {
    min-width: 32px;
    min-height: 32px;
    width: 32px;
    height: 32px;
    max-width: 32px !important;
    max-height: 32px !important;
    margin-left: 2px !important;
    margin-right: 2px !important;
  }

  ul.tools li .btn-group,
  ul.tools li .btn-group > button {
    min-width: 32px;
    min-height: 32px;
    width: 32px;
    height: 32px;
    max-width: 32px;
    max-height: 32px;
  }

  ul.tools li > button.btn {
    padding: 0px 0px;
  }

  ul.tools li.menu-nasnuvens .btn-group > button:before,
  ul.tools li.upload .btn-group > button:before,
  ul.tools li.notification .btn-group > button:before {
    width: 32px;
    height: 32px;
    max-width: 32px;
    max-height: 32px;
    content: "";
    background-size: 70% !important;
    background-position: center;
    background-size: contain;
  }
}


/* TOP HEADER - FUNCIONALIDADES USUÁRIO LOGADO - MENU NASNUVENS
---------------------------------------------------------------------- */
header#login .topheader .btn-group button:before,
ul.tools li.menu-nasnuvens button:before {
  background-image: url(../img/icon-menu.png);
}

header#logado .topheader .topheader-login ul.tools li.menu-nasnuvens .btn-group .dropdown-menu {
  min-width: 25rem;
  padding-bottom: 0;
}

@media screen and (max-width: 767px) {
  header#logado .topheader .topheader-login ul.tools li.menu-nasnuvens .btn-group .dropdown-menu {
    min-width: 14rem;
    width: 14rem;
    max-width: 14rem;
  }
}

header#logado .topheader .topheader-login ul.tools li.menu-nasnuvens .btn-group .dropdown-menu p {
  font-family: 'Roboto Thin', 'Roboto';
  font-weight: 200;
  font-size: 14px;
  color: #999999;
  margin: 5px 10px;
  padding: 0 10px;
}


/* TOP HEADER - FUNCIONALIDADES USUÁRIO LOGADO - IDENTIFICAÇÃO DO USUÁRIO
---------------------------------------------------------------------- */
ul.tools li.user-id {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  -webkit-justify-content: center;
  justify-content: center;
  flex-direction: column;
  margin-right: 10px;
}

ul.tools li.user-id p {
  text-align: right;
  margin: 0px;
  padding: 0px;
  font-size: 14px;
  color: #999999;
  font-family: 'Arial Bold', 'Arial';
  line-height: 15px;
}

ul.tools li.user-id p.user-name {
  font-weight: 700;
}

ul.tools li.user-id p.user-institution {
  text-transform: uppercase;
}

@media screen and (max-width: 767px) {
  ul.tools li.user-id {
    display: none;
  }
}


/* TOP HEADER - FUNCIONALIDADES USUÁRIO LOGADO - UPLOAD
---------------------------------------------------------------------- */
ul.tools li.upload button:before {
  background-image: url(../img/icon-upload.png);
}

/* background-image: url(../img/icon-channel.png);*/

header#logado .topheader .topheader-login ul.tools li.upload .btn-group .dropdown-menu {
  padding: 0px 0 0 0;
  max-width: 320px !important;
  width: 320px !important;
}

ul.tools li.upload .btn-group .dropdown-menu button.dropdown-item {
  background-position: center left;
  background-repeat: no-repeat;
  border-bottom: solid 1px #f2f2f2;
  display: flex;
  padding: 10px 10px;
}

ul.tools li.upload .btn-group .dropdown-menu button.dropdown-item p {
  font-family: 'Arial Bold', 'Arial';
  padding: 0;
  margin: 0;
  color: #009dd9;
  font-weight: 600;
  font-size: 16px;
}

ul.tools li.upload .btn-group .dropdown-menu button.dropdown-item span {
  font-family: 'Arial', sans-serif;
  display: block;
  width: 100%;
  font-size: 12px;
  color: #333333;
  text-align: center;
  line-height: normal;
  font-weight: 300;
}

ul.tools li.upload .btn-group .dropdown-menu button.dropdown-item:before {
  content: "";
  width: 40px;
  height: 40px;
  display: block;
  background-size: cover;
  margin-right: 10px;
}

ul.tools li.upload .btn-group .dropdown-menu button.dropdown-item-upload:before {
  background-image: url(../img/icon-files.png);
  content: "";
}

ul.tools li.upload .btn-group .dropdown-menu button.dropdown-item-aovivo:before {
  background-image: url(../img/icon-transmissao.png);
  content: "";
}

ul.tools li.upload .btn-group .dropdown-menu button.dropdown-item-podcast:before {
  background-image: url(../img/icon-podcast.png);
}

ul.tools li.upload .btn-group .dropdown-menu button.dropdown-item-channel:before {
  background-image: url(../img/icon-channel-small.png);
}

@media screen and (max-width: 767px) {
  header#logado .topheader .topheader-login ul.tools li.upload .btn-group .dropdown-menu {
    width: 224px !important;
    max-width: 224px !important;
    height: auto;
  }

  ul.tools li.upload .btn-group .dropdown-menu button.dropdown-item {
    /*white-space: nowrap;*/
    white-space: normal;
  }

  ul.tools li.upload .btn-group .dropdown-menu button.dropdown-item:before {
    display: none;
  }

  ul.tools li.upload .btn-group .dropdown-menu button.dropdown-item span {
    text-align: left;
  }
}


/* TOP HEADER - FUNCIONALIDADES USUÁRIO LOGADO - ALERT / NOTIFICATIONS
---------------------------------------------------------------------- */
ul.tools li.notification button:before {
  background-image: url(../img/icon-alert.png);
}

ul.tools li.notification button .badge-danger {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  width: 20px;
  height: 20px;
  font-size: 10px;
  font-weight: 300;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: absolute;
  right: 0;
}

header#logado .topheader .topheader-login ul.tools li.notification .btn-group .dropdown-menu:after,
header#logado .topheader .topheader-login ul.tools li.notification .btn-group .dropdown-menu:before {
  content: none;
}

header#logado .topheader .topheader-login ul.tools li.notification .btn-group .dropdown-menu {
  padding: 14px;
  max-width: 320px !important;
  width: 320px !important;
}

/*header#logado .topheader .topheader-login ul.tools li.notification .btn-group .dropdown-menu p.filenotification {
  white-space: nowrap;
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  line-height: 16px;
  color: #009DD9;
  margin: 0 0 6px 0;
}

header#logado .topheader .topheader-login ul.tools li.notification .btn-group .dropdown-menu span {
  display: block;
  width: 100%;
}

header#logado .topheader .topheader-login ul.tools li.notification .btn-group .dropdown-menu .filename,
header#logado .topheader .topheader-login ul.tools li.notification .btn-group .dropdown-menu .fileinfo {
  white-space: nowrap;
  font-family: 'Roboto';
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  color: #666666;
}

header#logado .topheader .topheader-login ul.tools li.notification .btn-group .dropdown-menu button {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  margin-bottom: 0px;
  position: absolute;
  right: 0;
  top: 0;
  margin-right: 10px;
  margin-top: 10px;
  width: 16px;
  height: 16px;
}

@media screen and (max-width: 767px) {
  header#logado .topheader .topheader-login ul.tools li.notification .btn-group .dropdown-menu {
    max-width: 224px !important;
    width: 224px !important;
  }

  header#logado .topheader .topheader-login ul.tools li.notification .btn-group .dropdown-menu p.filenotification {
    white-space: normal;
  }
}*/

header#logado .topheader .topheader-login ul.tools li.notification .btn-group .dropdown-menu {}

header#logado .topheader .topheader-login ul.tools li.notification .btn-group .dropdown-menu .dropdown-content {
  min-height: 372px;
  height: 372px;
  /*overflow: hidden;*/
  overflow-y: scroll;
}

header#logado .topheader .topheader-login ul.tools li.notification .btn-group .dropdown-menu .dropdown-body {
  margin-right: 10px;
  position: relative;
}

header#logado .topheader .topheader-login ul.tools li.notification .btn-group .dropdown-menu .dropdown-body .dropdown-header {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: .5rem .5rem;
  border-bottom: solid 1px rgba(0, 0, 0, 0.3);
  margin-bottom: 5px;
}

header#logado .topheader .topheader-login ul.tools li.notification .btn-group .dropdown-menu .dropdown-body .dropdown-header h6 {
  font-family: 'Roboto';
  font-weight: 700;
  text-transform: none;
  font-size: 19px;
  color: rgba(0, 0, 0, 0.9);
  margin-bottom: 10px;
}

header#logado .topheader .topheader-login ul.tools li.notification .btn-group .dropdown-menu .dropdown-body .dropdown-header button.config {
  border: none;
  background-color: transparent;
  font-size: 19px;
  color: #007fb4;
}

header#logado .topheader .topheader-login ul.tools li.notification .btn-group .dropdown-menu .dropdown-body ul[class*='notifications-'] {
  padding: 0;
  margin: 0;
  list-style: none;
}

header#logado .topheader .topheader-login ul.tools li.notification .btn-group .dropdown-menu .dropdown-body ul:before {
  content: attr(aria-label);
  font-family: 'Roboto';
  font-weight: 500;
  font-size: 95%;
  margin-left: 0px;
  margin-bottom: 7px;
  display: block;
}

header#logado .topheader .topheader-login ul.tools li.notification .btn-group .dropdown-menu .dropdown-body ul.notifications-news {
  margin-bottom: 30px;
}

header#logado .topheader .topheader-login ul.tools li.notification .btn-group .dropdown-menu .dropdown-body ul[class*='notifications-'] {}

header#logado .topheader .topheader-login ul.tools li.notification .btn-group .dropdown-menu .dropdown-body ul[class*='notifications-'] li {
  display: -webkit-flex;
  display: flex;
  /*-webkit-align-items: center;
  align-items: center;*/
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  padding-left: 0px;
  padding-right: 0px;
  margin-bottom: 20px;
}

header#logado .topheader .topheader-login ul.tools li.notification .btn-group .dropdown-menu .dropdown-body ul[class*='notifications-'] li .note-body-line {
  display: -webkit-flex;
  display: flex;
  /*-webkit-align-items: center;
  align-items: center;*/
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 100%;
}

header#logado .topheader .topheader-login ul.tools li.notification .btn-group .dropdown-menu .dropdown-body ul[class*='notifications-'] li .note-body-line .note-body {
  display: -webkit-flex;
  display: flex;
  width: 100%;
}

header#logado .topheader .topheader-login ul.tools li.notification .btn-group .dropdown-menu .dropdown-body ul[class*='notifications-'] li .note-body-line .note-body picture {
  min-width: 30px;
  min-height: 30px;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  background-image: url(../img/user.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
}

header#logado .topheader .topheader-login ul.tools li.notification .btn-group .dropdown-menu .dropdown-body ul[class*='notifications-'] li .note-body-line .note-body picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
}

header#logado .topheader .topheader-login ul.tools li.notification .btn-group .dropdown-menu .dropdown-body ul[class*='notifications-'] li .note-body-line .note-body p.note {
  font-family: 'Roboto Regular';
  font-size: 14px;
  line-height: 16px;
  color: #000;
  font-weight: 300;
  margin: 0;
}

header#logado .topheader .topheader-login ul.tools li.notification .btn-group .dropdown-menu .dropdown-body ul[class*='notifications-'] li .note-body-line .note-body p.note a {
  color: #009dd9;
  font-weight: 900;
}

header#logado .topheader .topheader-login ul.tools li.notification .btn-group .dropdown-menu .dropdown-body ul[class*='notifications-'] li .note-body-line .status {
  width: 15px;
  height: 15px;
  min-width: 15px;
  min-height: 15px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  background-color: #F1F1F1;
  margin-left: 5px;
}

header#logado .topheader .topheader-login ul.tools li.notification .btn-group .dropdown-menu .dropdown-body ul[class*='notifications-'] li .note-body-line .status.read {
  background-color: #999999;
}

header#logado .topheader .topheader-login ul.tools li.notification .btn-group .dropdown-menu .dropdown-body ul[class*='notifications-'] li .note-body-line .status.noread {
  background-color: #009dd9;
}

header#logado .topheader .topheader-login ul.tools li.notification .btn-group .dropdown-menu .dropdown-body ul[class*='notifications-'] li p.date {
  font-size: 11px;
  width: 100%;
  padding-left: 40px;
  margin: 4px 0 0 0;
}

header#logado .topheader .topheader-login ul.tools li.notification .btn-group .dropdown-menu .dropdown-body ul[class*='notifications-'] li p.date a {
  color: #009dd9;
}

header#logado .topheader .topheader-login ul.tools li.notification .btn-group .dropdown-menu .configs {
  padding: 1rem;
  border: solid 1px #999999;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #eaeaea;
  position: absolute;
  -webkit-box-shadow: 3px 3px 3px 0px rgb(173 173 173 / 40%);
  -moz-box-shadow: 3px 3px 3px 0px rgba(173, 173, 173, 0.4);
  box-shadow: 3px 3px 3px 0px rgb(173 173 173 / 40%);
  display: none;
}

header#logado .topheader .topheader-login ul.tools li.notification .btn-group .dropdown-menu .configs ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

header#logado .topheader .topheader-login ul.tools li.notification .btn-group .dropdown-menu .configs ul:before {
  content: attr(aria-label);
  font-family: 'Roboto';
  font-weight: 500;
  font-size: 95%;
  margin-left: 0px;
  margin-bottom: 7px;
  display: block;
}

header#logado .topheader .topheader-login ul.tools li.notification .btn-group .dropdown-menu .configs ul li,
header#logado .topheader .topheader-login ul.tools li.notification .btn-group .dropdown-menu .configs ul li .form-check {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

header#logado .topheader .topheader-login ul.tools li.notification .btn-group .dropdown-menu .configs ul li {
  margin: 10px 0;
}

header#logado .topheader .topheader-login ul.tools li.notification .btn-group .dropdown-menu .configs ul li .form-check {
  width: 100%;
}

header#logado .topheader .topheader-login ul.tools li.notification .btn-group .dropdown-menu .configs ul li .form-check input {
  margin-top: 1px;
}

header#logado .topheader .topheader-login ul.tools li.notification .btn-group .dropdown-menu .configs ul li .form-check label {
  font-size: 14px;
  font-weight: 300;
  font-family: 'Roboto';
  line-height: 16px;
}


/* TOP HEADER - FUNCIONALIDADES USUÁRIO LOGADO - AVATAR
---------------------------------------------------------------------- */
ul.tools li.user-avatar picture {
  max-width: 100%;
  max-height: 100%;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
}

ul.tools li.user-avatar picture img {
  width: 40px;
  height: 40px;
  object-fit: cover;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  border: solid 1px #dbdbdb;
}

@media screen and (max-width: 575px) {
  ul.tools li.user-avatar picture img {
    width: 32px;
    height: 32px;
  }
}

header#logado .topheader .topheader-login ul.tools li.user-avatar .btn-group .dropdown-menu {
  width: 190px;
  padding: 0rem 0;
}

header#logado .topheader .topheader-login ul.tools li.user-avatar .btn-group .dropdown-menu button {
  white-space: nowrap;
  font-family: 'Roboto';
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  color: #009DD9;
  padding: .40rem 1rem;
}

header#logado .topheader .topheader-login ul.tools li.user-avatar .btn-group .dropdown-menu footer {
  margin-top: 0px;
}

header#logado .topheader .topheader-login ul.tools li.user-avatar .btn-group .dropdown-menu footer button.btn-primary {
  width: 100%;
  margin: 10px 1rem;
  color: #FFF;
}


/* HEADER MENU
---------------------------------------------------------------------- */
header .menubar {
  background-color: rgba(0, 157, 217, 1);
  padding: 0px;
  margin: 0px;
}

header .menubar > div {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  header .menubar > div {
    padding-right: 0px;
    padding-left: 0px;
  }
}

header nav.navbar {
  background-color: rgba(0, 157, 217, 1);
  padding: 0px;
  margin: 0px;
}

header nav.navbar .navbar-collapse ul.navbar-nav li.nav-item {
  padding: 3px 15px;
  border-right: 1px solid #008bc1;
  transition-duration: 2s;
  white-space: nowrap;
}

header nav.navbar .navbar-collapse ul.navbar-nav li.nav-item:first-child {
  border-left: 1px solid #008bc1;
}

header nav.navbar .navbar-collapse ul.navbar-nav li.nav-item:hover {
  background-color: #007fb1;
}

header nav.navbar .navbar-collapse ul.navbar-nav li.nav-item.active {
  background-color: #007fb1;
}

header nav.navbar .navbar-collapse ul.navbar-nav li.nav-item a.nav-link {
  font-family: 'Roboto', sans-serif;
  font-weight: 600;
  color: #FFF;
  font-size: 16px;
  white-space: nowrap;
}

header .menubar form.form-inline {
  height: 32px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: stretch;
  align-items: stretch;
  position: relative;
}

header .menubar form.form-inline input[type="text"] {
  border: none;
  background-color: transparent;
  padding: 0rem .75rem;
  width: 100%;
  height: auto;
  color: #AAA;
  font-weight: 200;
  font-size: 16px;
  background-color: #007fb4;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-image: url(../img/icon-s-white.png);
  background-position: 10px center;
  background-repeat: no-repeat;
  background-size: 6%;
  padding-left: 40px;
}

header .menubar form.form-inline input[type="text"]:focus {
  font-size: 16px;
  background-color: #FFF;
  background-image: url(../img/icon-s-black.png);
}

header .menubar form.form-inline button.btn {
  font-size: 13px;
  position: absolute;
  left: 0;
  z-index: 2;
  display: none;
}

header .menubar form.form-inline button.btn-secondary {
  border: none;
  background-color: transparent;
}

header .menubar form.form-inline ::placeholder {
  color: rgba(255, 255, 255, .6) !important;
  font-size: 14px !important;
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 200;
}

header .menubar form.form-inline :-ms-input-placeholder {
  color: rgba(255, 255, 255, 1) !important;
  font-size: 14px !important;
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 200;
}

header .menubar form.form-inline ::-ms-input-placeholder {
  color: rgba(255, 255, 255, 1) !important;
  font-size: 14px !important;
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 200;
}

header .menubar form.form-inline input[type="text"]:focus::placeholder {
  color: #999;
}

header nav.navbar button.navbar-toggler .navbar-toggler-icon {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

header nav.navbar button.navbarMenu .navbar-toggler-icon:before {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0c9";
  color: #FFF !important;
}

header nav.navbar button.navbarMenu i:after {
  content: 'Início';
  font-family: 'Roboto Bold', 'Roboto';
  font-style: normal;
  color: #FFF;
  text-decoration: none;
  font-weight: 700;
  font-size: 18px;
  margin-left: 12px;
}

.navbarMenu.color-changed i.fas {
  color: #000 !important;
}

@media screen and (min-width: 768px) and (max-width: 960px) {
  header nav.navbar .navbar-collapse ul.navbar-nav li.nav-item {
    padding: 3px 10px;
  }
}

@media screen and (max-width: 767px) {

  .menubar .navbar,
  .menubar .navbar .navbar-collapse {
    width: 100%;
  }

  .menubar .navbar .navbar-collapse ul.navbar-nav li.nav-item {
    border-right: none;
    border-bottom: 1px solid #008bc1;
  }

  header nav.navbar .navbar-collapse ul.navbar-nav li.nav-item:first-child {
    border-left: none;
  }

  header .menubar form.form-inline {
    display: none;
  }

  header .menubar nav.navbar button#navbarSearch {
    border: none;
    background-color: transparent;
    color: #FFF;
    font-size: 18px;
  }
}

@media screen and (min-width: 768px) {
  header .menubar nav.navbar button#navbarSearch {
    display: none;
  }
}

@media screen and (min-width: 960px) {
  header .menubar form.form-inline {
    min-width: 315px;
  }
}

.navbar-toggler {
  padding: .75rem .75rem;
}

.navbar-toggler,
.navbar-toggler.collapsed,
.navbar-toggler:hover,
.navbar-toggler:focus,
.navbar-toggler:hover i,
.navbar-toggler:focus i,
.navbar-toggler.collapsed i {
  color: #FFF !important;
}

.navbar-collapse#navbarSearch {
  background-color: #f2f2f2;
  padding: 1em 0.5em;
  border-bottom: 1px solid #e4e4e4;
}

.navbar-collapse#navbarSearch input.form-control,
.navbar-collapse#navbarSearch button.btn-searchmobile {
  width: 100%;
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  border-radius: 3px !important;
}

.navbar-collapse#navbarSearch input.form-control {
  margin-bottom: 15px;
  background-color: #FFF;
  border: solid 1px #cccccc;
  -webkit-box-shadow: 3px 3px 4px 0px rgba(0, 0, 0, 0.23) !important;
  -moz-box-shadow: 3px 3px 4px 0px rgba(0, 0, 0, 0.23) !important;
  box-shadow: 3px 3px 4px 0px rgba(0, 0, 0, 0.23) !important;
}

.navbar-collapse#navbarSearch button.btn-searchmobile {
  background-color: #009dd9;
  font-family: "Arial Bold", 'Arial';
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  text-decoration: none;
  color: #FFFFFF;
  text-align: center;
  line-height: normal;
  border: solid 1px #0285b7;
  padding: 0.5em;
}

.navbarSearch.color-changed i.fas {
  color: #000 !important;
}


/* MENU DE CONTEXTO
---------------------------------------------------------------- */
nav.menu-contexto {
  margin-top: 40px;
  border-bottom: 1px solid #e4e4e4;
}

nav.menu-contexto .scroll {
  white-space: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

nav.menu-contexto .scroll::-webkit-scrollbar {
  display: none;
}

nav.menu-contexto h3 {
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
  font-style: normal;
  font-size: 28px;
  color: #000;
  margin-right: 20px;
  display: inline;
  text-transform: none;
  padding-bottom: 12px;
}

nav.menu-contexto.menu-contexto-aovivo h3 {
  color: #CC0000 !important;
}

.menu-contexto ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  -webkit-justify-content: center;
  justify-content: center;
}

.menu-contexto ul li a {
  padding: 0px 15px;
  display: block;
  width: 100%;
}

.menu-contexto ul li a {
  font-family: 'Roboto';
  font-style: normal;
  color: #009DD9;
  text-decoration: none;
  font-weight: 600;
  font-size: 18px;
  width: 100%;
  height: 100%;
  padding-bottom: 10px;
}

.menu-contexto ul li a.live {
  color: #CC0000;
}

.menu-contexto ul li a.active,
.menu-contexto ul li a:active,
.menu-contexto ul li a:hover,
.menu-contexto ul li a:focus {
  color: #0285B7;
}

/* Underline From Left */
.hvr-underline-from-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}

.hvr-underline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #0285B7;
  height: 5px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-underline-from-left:hover:before,
.hvr-underline-from-left:focus:before,
.hvr-underline-from-left:active:before {
  right: 0;
}

.menu-contexto ul li a.active::before {
  content: '';
  display: block;
  width: 100%;
  height: 5px;
  background: #0285B7;
  margin-top: 6px;
}

main .flex article.geral > header.contexto {
  border-bottom: solid 1px #e4e4e4;
  padding-bottom: 0;
  width: 100%;
  overflow: hidden;
}

header.contexto nav.menu-contexto-conteudo {
  margin: 0px 0px;
  border: none;
  width: auto;
  overflow: hidden;
}

header.contexto nav.menu-contexto-conteudo h3 {
  font-family: 'Roboto Thin', 'Roboto';
  /*font-weight: 250 !important;*/
  font-weight: 600;
  white-space: nowrap;
  font-style: normal;
  font-size: 22px;
  color: #333333;
  text-align: left;
  line-height: normal;
  margin-right: 20px !important;
}

header.contexto nav.menu-contexto-conteudo ul {}

header.contexto nav.menu-contexto-conteudo ul li {}

header.contexto nav.menu-contexto-conteudo ul li a {
  white-space: nowrap;
  font-family: 'Roboto Thin', 'Roboto';
  font-weight: 250 !important;
  font-style: normal;
  font-size: 14px;
  color: #009DD9;
  text-align: left;
  line-height: 30px;
  display: block;
  padding-bottom: 8px !important;
}

header.contexto nav.menu-contexto-conteudo ul li a.active,
header.contexto nav.menu-contexto-conteudo ul li a:focus,
header.contexto nav.menu-contexto-conteudo ul li a:active,
header.contexto nav.menu-contexto-conteudo ul li a:hover {
  /*color: #333333;*/
  color: #0285B7;
}

header.contexto nav.menu-contexto-conteudo ul li a.live {
  color: #CC0000;
}

header.contexto nav.menu-contexto-conteudo ul li a:before {
  content: '';
  margin-top: 6px !important;
}


/* MODAL
---------------------------------------------------------------- */
.modal-dialog .modal-header h5 {
  font-family: 'Roboto Thin', 'Roboto';
  font-weight: 200;
  white-space: nowrap;
  font-size: 18px;
  color: #333333;
  text-transform: none;
}


/* TAGS
---------------------------------------------------------------- */
.thumb .thumb-info {
  position: absolute;
  z-index: 3;
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  padding: 3%;
  top: 0;
  left: 0;
}

.badge {
  font-family: 'Roboto';
  text-transform: uppercase;
  font-size: 11px;
  padding: 5px 10px;
  color: #FFF;
  margin-right: 8px;
  font-weight: 400;
  -webkit-box-shadow: 2px 2px 2px 0px rgba(64, 64, 64, 0.6);
  -moz-box-shadow: 2px 2px 2px 0px rgba(64, 64, 64, 0.6);
  box-shadow: 2px 2px 2px 0px rgba(64, 64, 64, 0.6);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.badge-small {
  text-transform: none;
}

.badge-blue,
.badge-default,
.badge-audio,
.badge-video {
  background-color: #009dd9;
}

.badge-red,
.badge-aovivo {
  background-color: #cc0000;
}

.badge-orange,
.badge-scheduled,
.badge-tv,
.badge-radio {
  background-color: #ff9900;
}

.badge-purple,
.badge-podcast {
  background-color: #b354e2;
}

.badge-dark {
  color: #fff;
  background-color: #343a40;
}

.badge-grey {
  color: #fff;
  background-color: #999999;
}

.badge-green,
.badge-progress,
.badge-success {
  color: #fff;
  background-color: #009900;
  text-transform: none;
}

.badge-process {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#009900+0,009900+50,aeaeae+50,aeaeae+100 */
  background: #009900;
  /* Old browsers */
  background: -moz-linear-gradient(right, #009900 0%, #009900 50%, #aeaeae 50%, #aeaeae 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(right, #009900 0%, #009900 50%, #aeaeae 50%, #aeaeae 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #009900 0%, #009900 50%, #aeaeae 50%, #aeaeae 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009900', endColorstr='#aeaeae', GradientType=0);
  /* IE6-9 */
  text-transform: none;
}

.thumb-info {
  display: flex;
}

.progressbar {
  min-width: 200px;
  width: 200px;
  max-width: 200px;
  /*-webkit-box-shadow: 2px 2px 2px 0px rgba(64, 64, 64, 0.6);
  -moz-box-shadow: 2px 2px 2px 0px rgba(64, 64, 64, 0.6);
  box-shadow: 2px 2px 2px 0px rgba(64, 64, 64, 0.6);*/
}

.progress {
  display: flex;
  height: 1.3rem;
  overflow: hidden;
  font-size: .55rem;
  background-color: #aeaeae !important;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.progress .progress-bar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #009900 !important;
  transition: width .6s ease;
}

table.table-content tr td .thumb-info {
  margin-top: 5px;
}

table.table-content tr td .thumb-info .badge {
  font-size: 10px;
  padding: 7px 7px 4px 7px !important;
}

main section.lista-thumb-aovivo .thumb .thumb-info .badge {
  font-size: 10px;
}

table.table-content tr td .thumb-info .progressbar {
  -webkit-box-shadow: 2px 2px 2px 0px rgba(64, 64, 64, 0.6);
  -moz-box-shadow: 2px 2px 2px 0px rgba(64, 64, 64, 0.6);
  box-shadow: 2px 2px 2px 0px rgba(64, 64, 64, 0.6);
}


/* HOME - LISTA (elementos gerais)
---------------------------------------------------------------- */
main section.lista-thumb {
  margin: 35px 0 0 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #e4e4e4;
}

main section.lista-thumb:last-child {
  border-bottom: none;
}

main section.lista-thumb header {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 5px;
  margin-left: 5px;
  margin-right: 5px;
}

main section.lista-thumb header h2 {
  white-space: nowrap;
  font-family: "Roboto Thin", 'Roboto';
  /*font-weight: 200;*/
  font-weight: 600;
  font-style: normal;
  font-size: 22px;
  text-transform: uppercase;
  margin-right: 20px;
  color: #CC0000;
}

main section.lista-thumb header h3 {
  white-space: nowrap;
  font-family: "Roboto Thin", 'Roboto';
  /*font-weight: 200;*/
  font-weight: 600;
  font-style: normal;
  font-size: 22px;
  text-transform: none;
  margin-right: 20px;
  color: #333;
}

main section.lista-thumb header a.link-all {
  font-family: "Roboto Thin", 'Roboto';
  font-weight: 200;
  white-space: nowrap;
  font-style: normal;
  font-size: 18px;
  color: #009DD9;
  text-transform: none;
  text-decoration: none;
}

main section.lista-thumb header a.link-all:hover {
  color: #0285B7;
}

@media screen and (max-width: 450px) {
  main section.lista-thumb header h3 {
    font-size: 20px;
    letter-spacing: -0.05em;
  }

  main section.lista-thumb header a.link-all {
    font-size: 17px;
    letter-spacing: -0.05em;
  }
}

main section.lista-thumb header a.link-all:hover {
  font-weight: 500;
}

main section.lista-thumb header h4 a {
  color: #009DD9;
  text-decoration: none;
}

main section.lista-thumb .rowlista {
  margin-right: 0px;
  margin-left: 0px;
}

main section.lista-thumb .rowlista > div {
  padding-right: 5px;
  padding-left: 5px;
  margin-bottom: 20px;
}

main section.lista-thumb.noborder {
  border: none;
  margin: 10px 0 0 0;
}


/* HOME - AO VIVO AGORA
---------------------------------------------------------------- */
main section.lista-thumb .thumb {
  position: relative;
}

/*main section.lista-thumb .thumb,
main section.lista-thumb .thumb img {
  min-height: 121px;
  height: 121px;
  max-height: 121px;
  object-fit: cover;
  width: 100%;
  background-color: #bdbdbd;
  display: inline-flex;
  overflow: hidden;
}*/

main section.lista-thumb-aovivo .thumb,
main section.lista-thumb-aovivo .thumb img {
  height: 143px;
  max-height: 143px;
}

/*main section.lista-thumb .thumb img {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}*/

main section.lista-thumb .info a.titulo {
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  color: #009DD9;
  line-height: normal;
  margin: 5px 0px;
  display: block;
}

main section.lista-thumb .info a.titulo:hover {
  color: #0285B7;
}

main section.lista-thumb .info a.channel {
  font-family: 'Roboto';
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  color: #009DD9;
  line-height: normal;
}

main section.lista-thumb .info a.channel:hover {
  color: #0285B7;
}

main section.lista-thumb .info p {
  margin: 0;
  padding: 0;
}

main section.lista-thumb .info p.pastdata,
main section.lista-thumb .info p.views,
main section.lista-thumb .info p.info {
  font-family: "Roboto Thin", Roboto;
  font-weight: 200;
  font-style: normal;
  font-size: 12px;
  color: #AEAEAE;
  line-height: normal;
}

main section.lista-thumb .info .like {
  margin-top: 3px;
}

main section.lista-thumb .info .like .icon i {
  color: #bdbdbd;
  font-size: 16px;
}

main section.lista-thumb .info .like button {
  border: none;
  background-color: #FFF;
  padding: 0px;
  margin-right: 3px;
}

main section.lista-thumb .info .like button .iconEmpty::before {
  content: "\f164";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #bdbdbd;
  font-size: 16px;
}

main section.lista-thumb .info .like button .iconActive::after {
  content: "\f164";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #009DD9;
  font-size: 16px;
}

main section.lista-thumb .info .like button .hide {
  display: none;
}

main section.lista-thumb .info .like .like-number {
  white-space: nowrap;
  font-family: 'Roboto Bold', 'Roboto';
  font-style: normal;
  font-size: 12px;
  color: #999999;
  line-height: normal;
}

main section.lista-thumb .info .infoLike {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  /*-webkit-justify-content: space-between;
  justify-content: space-between;*/
}

main section.lista-thumb .info .infoLike button.locked {
  width: 25px;
  height: 25px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #eb5757;
  font-size: 16px;
  margin-left: 10px;
}

main section.lista-thumb .info .infoLike button.locked:before {
  content: "\f023";
}

main section.lista-thumb .info .user {
  margin-top: 3px;
  display: flex;
}

main section.lista-thumb .info .user picture.userimage {
  min-width: 23px;
  min-height: 23px;
  width: 23px;
  height: 23px;
  max-width: 23px;
  max-height: 23px;
  margin-right: 5px;
}

main section.lista-thumb .info .user picture.userimage {
  background-image: url(../img/user.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

main section.lista-thumb .info .user picture.userimage img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  border: solid 1px #dbdbdb;
}

main section.lista-thumb .info .user .userinfo .username,
main section.lista-thumb .info .user .userinfo .userchannel {
  font-family: 'Roboto';
  /*font-weight: 400;*/
  font-style: normal;
  font-size: 12px;
  color: #009DD9;
  /*line-height: 7px !important;*/
}

main section.lista-thumb .info .user .userinfo .username:hover,
main section.lista-thumb .info .user .userinfo .userchannel:hover {
  color: #0285B7;
}

main section.lista-thumb .info .user .userinfo .username {
  display: block;
  line-height: 12px;
}

main section.lista-thumb .info .user .userinfo .userchannel:before {
  content: '\203A';
  font-size: 16px;
  margin-right: 3px;
  font-weight: 500;
  line-height: 1px;
}

main section.lista-thumb .info .like .data {
  white-space: nowrap;
  font-family: 'Roboto';
  font-style: normal;
  font-size: 12px;
  color: #999999;
  line-height: normal;
}

main section.lista-thumb .info .like .data:before {
  content: " - ";
  margin-left: 3px;
}

main section.lista-thumb .thumb {}

main section.lista-thumb .thumb a {
  width: 100% !important;
  height: 100%;
  display: block;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}


/* Conteúdos em múltiplos canais ----------------------------------------------- */
main section.lista-thumb .rowlista .info .user .userinfo .channelInfo,
main section.player article.player-description .content-box-channelinfo .userinfo-content .userinfo .channelInfo {
  display: flex;
}

main section.player article.player-description .content-box-channelinfo .userinfo-content .userinfo .channelInfo button.dropdown-multi,
main article.geral section table tbody tr td.channelInfo button.dropdown-multi,
main section.lista-thumb .rowlista .info .userinfo .channelInfo button.dropdown-multi {
  margin-left: 0px;
  padding: 0px;
  font-family: "Font Awesome 5 Free";
  /*font-weight: 100;*/
  font-weight: 900;
  margin-left: 4px;
}

main section.player article.player-description .content-box-channelinfo .userinfo-content .userinfo .channelInfo button.dropdown-multi:before,
main article.geral section table tbody tr td.channelInfo button.dropdown-multi:before,
main section.lista-thumb .rowlista .info .userinfo .channelInfo button.dropdown-multi:before {
  content: "\f078";
  font-size: 8px;
  margin-right: 3px;
  line-height: 1px;
  position: absolute;
  color: #212529;
}

main section.player article.player-description .content-box-channelinfo .userinfo-content .userinfo .channelInfo .dropdown-menu span,
main article.geral section table tbody tr td.channelInfo .dropdown-menu span,
main section.lista-thumb .rowlista .info .userinfo .channelInfo .dropdown-menu span {
  font-family: 'Roboto';
  display: block;
  width: 100%;
  padding: .25rem 1.5rem;
  color: #212529;
  font-size: 13px;
  white-space: nowrap;
}

main section.player article.player-description .content-box-channelinfo .userinfo-content .userinfo .channelInfo .dropdown-menu a.dropdown-item,
main article.geral section table tbody tr td.channelInfo .dropdown-menu a.dropdown-item,
main section.lista-thumb .rowlista .info .userinfo .channelInfo .dropdown-menu a.dropdown-item {
  font-family: 'Roboto';
  color: #009DD9;
  font-size: 13px;
  font-weight: 600;
}

main section.player article.player-description .content-box-channelinfo .userinfo-content .userinfo,
main article.geral section table tbody tr td.channelInfo {
  position: relative;
}

main section.player article.player-description .content-box-channelinfo .userinfo-content .userinfo .channelInfo .dropdown-menu {
  width: auto;
}


/* THUMBS
------------------------------------------------------------------------*/
.thumb a picture.background {
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  min-width: 90px;
  min-height: 90px;
  width: 90px;
  height: 90px;
  max-width: 90px;
  max-height: 90px;
  overflow: hidden;
  object-fit: cover;
}

.thumb a picture.background:before {
  width: 90px;
  height: 90px;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
  position: absolute;
  content: "";
  background-size: 70%;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.2;
}

.thumb a picture.background img {
  position: absolute;
  min-width: 100%;
  min-height: 100%;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover !important;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  border: solid 1px #9f9f9f;
}

.thumb a picture.backuser:before {
  background-image: url(../img/user_profile.png);
  background-size: 90%;
}

.thumb {
  min-height: 121px;
  height: 121px;
  max-height: 121px;
  width: 100%;
  background-color: #bdbdbd;
  position: relative;
  overflow: hidden;
  object-fit: cover;
}

.thumb a {
  width: 100%;
  height: 100%;
  /*position: relative;*/
  overflow: hidden;
  object-fit: cover;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.thumb a > img {
  width: 100%;
  min-height: 100%;
  height: 100%;
  max-height: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  object-fit: cover;
  display: inline-flex;
  overflow: hidden;
}

.thumb-audio:before {
  background-image: url(../img/audio.png),
    linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.4) 80%, rgba(0, 0, 0, 0.7) 100%);
  background-repeat: repeat-x,
    no-repeat;
  background-position: calc(100% - 0px) calc(100% - 10px),
    bottom;
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
}

.thumb a picture.backaudio:before {
  background-image: url(../img/icon-audio.png);
}

.thumb a picture.backcast:before {
  background-image: url(../img/icon-podcast.png);
}

.thumb a picture.backtv:before {
  background-image: url(../img/icon-tv.png);
}

.thumb a picture.backradio:before {
  background-image: url(../img/icon-radio.png);
}

.thumb a picture.backlist:before {
  background-image: url(../img/icon-playlist.png);
}

.thumb-channel {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  background-color: #FFF;
}

.thumb-channel a {
  min-width: 121px;
  min-height: 121px;
  width: 121px;
  height: 121px;
  max-width: 121px;
  max-height: 121px;
}

.thumb-channel a picture {
  min-width: 121px;
  min-height: 121px;
  width: 121px;
  height: 121px;
  max-width: 121px;
  max-height: 121px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  position: absolute;
  border: solid 1px #e6e6e6;
}

.thumb-channel a picture:after {
  content: "";
  background-image: url(../img/icon-channel.png);
  opacity: 0.5;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 1;
  background-repeat: no-repeat;
  background-size: 60%;
  background-position: center center;
  width: 100%;
  height: 100%;
}

.thumb-channel a picture img {
  object-fit: cover;
  object-position: center;
  min-width: 100% !important;
  min-height: 100% !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  position: absolute;
  z-index: 2 !important;
}


/* LOGIN WAYF CAFE
------------------------------------------------------------------------------------ */
main.login {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  background-color: #f2f2f2;
  border-bottom: 1px solid #e4e4e4;
  height: 89vh;
  margin-top: 0px;
  margin-bottom: 0px;
}

main.newuser {
  height: auto;
  padding: 40px 0;
}

main.login header.head {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

main.login header.head p {
  font-family: 'Roboto';
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  color: #999999;
  text-align: center;
}

/*main.login header.head .logo-eduplay {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
  font-style: normal;
  font-size: 24px;
  color: #0070BF;
  white-space: nowrap;
  border: solid 3px white;
}*/

main.login header.head .logo-eduplay {
  background-image: url(https://eduplay.rnp.br/portal/resources/img/eduplay-logo.svg);
  background-position: left center;
  background-repeat: no-repeat;
  content: "";
  width: 50%;
  height: 60px;
  display: block;
  background-size: contain;
}

/*main.login header.head .logo-eduplay:before {
  background-image: url(../img/eduplay-logo.svg);
  background-position: left center;
  background-repeat: no-repeat;
  content: "";
  width: 180px;
  height: 61px;
  display: block;
  background-size: contain;
}*/

main.login header.head .logo-nasnuvens {
  background-image: url(../img/logo-nasnuvens.png);
  background-position: right center;
  background-repeat: no-repeat;
  content: "";
  width: 50%;
  height: 45px;
  display: block;
  background-size: contain;
  /*background-size: 55%;*/
}

main.login header.head .logo-nasnuvens:before {}

main.login section.box-login {
  border: solid 1px #cccccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #FFF;
  -webkit-box-shadow: 3px 3px 3px 0px rgba(173, 173, 173, 0.4);
  -moz-box-shadow: 3px 3px 3px 0px rgba(173, 173, 173, 0.4);
  box-shadow: 3px 3px 3px 0px rgba(173, 173, 173, 0.4);
  margin: 20px 0px 10px 0px;
}

main.login section.box-login > .row {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

main.login section.box-login article .btn-bar {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  margin-top: 20px;
}

main.login section.box-login article .btn-bar a.btn-login {
  border: solid 1px #DDD;
  color: #FFF;
  font-family: 'Roboto Thin', 'Roboto', sans-serif;
  font-weight: 500;
  padding-top: 10px;
  height: 40px;
  white-space: nowrap;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  transition-duration: 2s;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 13px;
  color: #6d6d6d;
  padding-left: 40px;
  padding-right: 40px;
  background-color: #f9f9f9;
  text-align: center;
  margin-right: 10px;
}

main.login section.box-login article .btn-bar button.btn {
  /*background-color: rgba(0, 157, 217, 1);*/
  background-color: #009dd9;
  border: solid 1px #0285b7;
  color: #F2F2F2;
  border-radius: 2px;
  font-family: 'Roboto Thin', 'Roboto', sans-serif;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 500;
  padding-top: 10px;
  padding-bottom: 10px !important;
  padding-left: 40px;
  padding-right: 40px;
  transition-duration: 2s;
}

main.login section.box-login article .btn-bar button.btn:hover {
  background-color: #0285b7;
  border: solid 1px #0285b7;
}

main.login section.box-login article .btn-bar a {
  text-decoration: underline;
  font-size: 13px;
  /*color: #6d6d6d;*/
  color: #009dd9;
  margin-right: 20px;
}

main.login section.box-login article .btn-bar a:hover {
  color: #0285b7;
}

/*main.login section.box-login header {
  border-bottom: solid 1px #CCC;
  margin-bottom: 30px;
  background-image: url(../img/logo-nasnuvens.png) !important;
  background-position: right top;
  background-repeat: no-repeat;
  background-size: 14%;
}*/

main.login section.box-login header h2 {
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 400;
  font-style: normal;
  font-size: 30px;
  color: #000000;
  text-transform: none;
}

@media screen and (min-width: 450px) and (max-width: 767px) {
  main.login section.box-login header h2 {
    font-weight: 400;
    font-size: 25px;
  }
}

@media screen and (max-width: 450px) {
  main.login section.box-login header h2 {
    font-weight: 400;
    font-size: 18px;
  }
}

main.login section.box-login .cafe {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

main.login section.box-login .cafe picture {
  width: 100%;
  height: 100%;
}

@media (max-width: 575.98px) {
  main.login section.box-login .cafe picture {
    width: 50%;
    height: auto;
    margin-bottom: 10px;
  }

  main.login section.box-login article .btn-bar {
    flex-direction: column;
  }

  main.login section.box-login article .btn-bar a {
    margin-bottom: 10px;
    margin-right: 0px !important;
    width: 100%;
  }

  main.login section.box-login article .btn-bar button {
    width: 100%
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  main.login section.box-login .cafe picture {
    width: 40%;
    height: auto;
    margin-bottom: 10px;
  }
}

main.login section.box-login .cafe picture img {
  width: 100%;
  object-fit: cover;
}

main.login section.box-login header p.lead {
  font-family: 'Roboto';
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  color: #999999;
  text-align: left;
}

main.login section.box-login article .login-head h2 {
  font-family: 'Roboto';
  color: #999;
  text-transform: none;
  font-weight: 400;
}

main.login section.box-login article .form-group {
  margin-bottom: 20px;
  margin-top: 20px;
}

main.login section.box-login article .form-group p.info {
  margin-top: 20px;
  margin-bottom: 10px;
  color: #000;
  font-weight: 600;
  font-size: 16px;
}

main.login section.box-login article .form-group p.email {
  color: rgba(0, 0, 0, 0.6);
  font-style: italic;
  font-size: 16px;
  font-weight: 500;
}

main.login section.box-login article button.btn-full {
  width: 100%;
  /*background-color: rgba(0, 157, 217, 1);
  color: #FFF;*/
  font-family: 'Roboto Thin', 'Roboto', sans-serif;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 500;
  padding-top: 10px;
  padding-bottom: 10px !important;
  padding-left: 40px;
  padding-right: 40px;
  transition-duration: 2s;
}

main.login section.box-login select.select-search.select-instituicao {
  font-size: 12px !important;
  height: calc(2.5em + .75rem + 2px);
  font-weight: 300;
  min-width: 100% !important;
  width: 100% !important;
  max-width: 100% !important;
}

main.login section.box-login select.select-instituicao option {
  min-width: 100% !important;
  width: 100% !important;
  max-width: 100% !important;
}

main.login a.powered {
  font-family: 'Roboto Thin', 'Roboto', sans-serif;
  font-weight: 200;
  font-style: normal;
  font-size: 13px;
  color: #999999;
  text-align: center;
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

main.login a.powered img {
  margin-left: 10px;
  width: 50px;
}

@media screen and (min-width: 768px) {
  section.box-login {
    padding: 4%;
  }

  /*main.login section.box-login header {
    background-image: url(../img/logo-nasnuvens.png) !important;
    background-position: right top;
    background-repeat: no-repeat;
  }*/
}

@media screen and (max-width: 767px) {
  section.box-login {
    padding: 8%;
  }
}

main.login section.box-login .form-control {
  display: block;
  width: 100%;
  height: 38px;
  height: calc(1.5em + .75rem + 2px);
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  color: #495057;
  /*background-color: #fff;*/
  background-clip: padding-box;
  border: 1px solid #888888;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

main.login section.box-login select.select-search {
  background-image:
    linear-gradient(45deg, transparent 50%, #717171 60%),
    linear-gradient(135deg, #717171 40%, transparent 50%) !important;
  background-position:
    calc(100% - 30px) 14px,
    calc(100% - 20px) 14px,
    100% 0;
  background-size:
    10px 10px,
    10px 10px;
  background-repeat: no-repeat;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-box-shadow: 2px 2px 2px 0px rgba(212, 212, 212, .75) !important;
  -moz-box-shadow: 2px 2px 2px 0px rgba(212, 212, 212, .75) !important;
  box-shadow: 2px 2px 2px 0px rgba(212, 212, 212, .75) !important;
}

.login-instituicao {
  display: none;
}

.login-instituicao p.title {
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
  font-style: normal;
  font-size: 25px;
  color: #000000;
  margin: 0px;
}

.login-instituicao p.text {
  font-family: 'Roboto';
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  color: #666666;
}

.login-instituicao p.text a {
  color: #009DD9;
}

.login-instituicao span a {
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  color: #009DD9;
  text-decoration: none;
}

.login-instituicao span a:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  content: "\f164";
  margin-right: 5px;
  color: #999999;
}

.login-instituicao span label {
  font-family: 'Roboto';
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  color: #999999;
  margin-left: 10px;
  display: none;
}

/* UPLOAD FIELD ----------------------------------------------------------------------- */
.file-upload-wrapper {
  position: relative;
  width: 100%;
  height: 38px;
  border: 1px solid #ced4da;
  -webkit-box-shadow: 2px 2px 2px 0px rgba(212, 212, 212, .75) !important;
  -moz-box-shadow: 2px 2px 2px 0px rgba(212, 212, 212, .75) !important;
  box-shadow: 2px 2px 2px 0px rgba(212, 212, 212, .75) !important;
  border-radius: .25rem;
}

.file-upload-wrapper:after {
  content: attr(data-text);
  font-size: 12px;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0px 15px;
  display: block;
  width: calc(100% - 38px);
  pointer-events: none;
  z-index: 20;
  height: 38px;
  line-height: 34px;
  color: #999;
  border-radius: 5px 10px 10px 5px;
  font-weight: 300;
}

.file-upload-wrapper:before {
  content: 'Upload';
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  height: 36px;
  font-family: 'Roboto Condensed', sans-serif;
  background-color: rgba(0, 157, 217, 1);
  color: #fff;
  font-weight: 100;
  z-index: 25;
  font-size: 12px;
  line-height: 38px;
  padding: 0 15px;
  text-transform: uppercase;
  pointer-events: none;
  border-radius: 0 .25rem .25rem 0;
  transition-duration: 2s;
}

.file-upload-wrapper:hover:before {
  background: #007fb1;
}

.file-upload-wrapper input {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
  height: 38px;
  margin: 0;
  padding: 0;
  display: block;
  cursor: pointer;
  width: 100%;
}


/* ASIDE
---------------------------------------------------------------- */
main aside.sidebar {
  position: relative;
  min-width: 206px;
  width: 206px;
  max-width: 206px;
  float: left;
}

main .related > aside.sidebar {
  padding-right: 10px;
  padding-left: 10px;
  min-width: 160px;
  width: 160px;
  max-width: 160px;
}

@media screen and (max-width: 767px) {
  main .related nav.menu-contexto {
    display: none;
  }
}

main .related nav.slide-menu aside.sidebar {
  min-width: 100%;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding-left: 15px;
  padding-right: 15px;
}

main .related nav.slide-menu aside.sidebar header.side {
  margin-bottom: 30px;
}

main .related nav.slide-menu aside.sidebar ul li {
  padding: 5px 5px;
}

main .related nav.slide-menu aside.sidebar ul li a {
  cursor: pointer !important;
}

main .related nav.slide-menu aside.sidebar h3 {
  text-transform: none;
  font-family: "Roboto Bold", Roboto;
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
  color: rgb(51, 51, 51);
  text-align: left;
  line-height: normal;
  padding: 0px 5px 8px 5px;
}

main .related nav.slide-menu aside.sidebar header.side {
  width: 100%;
  position: relative;
}

main .related nav.slide-menu aside.sidebar header.side picture.videothumb {
  min-width: 193px;
  width: 193px;
  max-width: 193px;
  height: 110px;
  overflow: hidden;
}

main .related nav.slide-menu aside.sidebar header.side picture.videothumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

main .related nav.slide-menu aside.sidebar header.side picture.videothumb .thumb-info {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  margin-bottom: 6px;
  margin-left: 6px;
}

#sticky.stick {
  position: fixed;
  top: 20px;
  z-index: 10000;
}

main aside.sidebar header {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

main aside.sidebar header.space picture.useravatar {
  max-width: 100%;
  max-height: 100%;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  margin-right: 10px;
}

main aside.sidebar header.space picture.useravatar img {
  width: 34px;
  height: 34px;
  object-fit: cover;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  border: solid 1px #dbdbdb;
}

main aside.sidebar header.space picture.videothumb {
  max-width: 100%;
  max-height: auto;
}

main aside.sidebar header.space picture.videothumb img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

main aside.sidebar header.space picture.videothumb .thumb-info {
  position: absolute;
  z-index: 3;
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  padding: 3%;
  top: 0;
  left: 0;
}

main aside.sidebar header.space h2 {
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
  font-style: normal;
  font-size: 22px;
  color: #333333;
  text-align: left;
  line-height: normal;
  text-transform: none;
}

main aside.sidebar header.side h2 {
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
  font-style: normal;
  font-size: 22px;
  color: #333333;
  text-align: left;
  line-height: 22px;
  width: 90%;
  text-transform: none;
  margin-right: 15px;
}

main aside.sidebar ul {
  padding: 0;
  margin: 0;
  list-style: none;
  margin-top: 20px;
}

main aside.sidebar ul li {
  margin-bottom: 6px;
  cursor: pointer;
  padding: 6px 10px;
}

main aside.sidebar ul li.active,
main aside.sidebar ul li:hover {
  background-color: #f2f2f2;
  color: #333;
}

main aside.sidebar ul li a {
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
  line-height: 18px;
  color: #009DD9;
  text-align: left;
  padding: 7px 10px 7px 0;
  width: 100%;
  display: flex;
  cursor: pointer;
}

main aside.sidebar ul li:hover a,
main aside.sidebar ul li.active a,
main aside.sidebar ul li.active a:active,
main aside.sidebar ul li.active a:hover,
main aside.sidebar ul li.active a:focus {
  /*color: #333;*/
  color: #0285B7;
  text-decoration: none;
  cursor: pointer !important;
}

main aside.sidebar ul.actions {}

main aside.sidebar ul.actions li {
  margin-bottom: 5px;
  padding: 0;
}

main aside.sidebar ul.actions li a {}

main aside.sidebar header.side p.instituicao {
  font-family: 'Roboto Thin', 'Roboto';
  font-weight: 200;
  font-style: normal;
  font-size: 16px;
  line-height: 18px;
  color: #009DD9;
  margin-top: 5px;
  margin-bottom: 0px;
  word-wrap: normal !important;
  width: 90%;
}

main aside.sidebar header.side p.instituicao.black {
  color: #333;
}

main aside.sidebar header.side p.aside-info {
  margin-top: .5rem;
  margin-bottom: 0rem;
}

main aside.sidebar header.side p.aside-info span {
  font-family: 'Roboto Thin', 'Roboto';
  font-weight: 200;
  font-style: normal;
  font-size: 14px;
  color: #999;
  text-align: left;
  line-height: normal;
  display: block;
}

main aside.sidebar header.side p.aside-info.canal span {
  font-family: 'Roboto';
  font-weight: 400;
  color: #BCBCBC;
}

main aside.sidebar header.side p.aside-info.inst span {
  font-family: 'Roboto';
  font-weight: 400;
  color: #666;
}

main aside.sidebar header.side button.btn-follow {
  width: 90%;
  cursor: pointer !important;
  margin-top: 10px;
}

main aside.sidebar ul.counter li {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding-right: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 0px;
  margin-bottom: 0px;
}

main aside.sidebar ul.counter li.active {
  background-color: #f2f2f2;
  color: #333;
}

main aside.sidebar ul.counter li label {
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
  line-height: 17px;
  color: #009DD9;
  text-align: left;
  padding: 6px 10px;
  width: 100%;
  display: block;
  margin: 0;
}

main aside.sidebar ul.counter li:hover label {
  color: #0285B7;
}

main aside.sidebar ul.counter li a label {
  cursor: pointer;
}

main aside.sidebar ul.counter li.active label {
  color: #333;
}

main aside.sidebar ul.counter li .number {
  padding: 3px 10px;
  text-align: right;
  color: #1E1E1E;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-style: normal;
  font-size: 18px;
  line-height: 20px;
  font-family: 'Roboto Thin', 'Roboto';
  font-weight: 200;
  letter-spacing: -1px;
}

main aside.sidebar ul.counter li .number.number-none {
  color: #CCC;
}

main aside.sidebar ul.counter li .number small {
  display: block;
  font-family: 'Roboto Thin', 'Roboto';
  font-weight: 200;
  font-size: 12px;
  color: #999999;
}

main aside.sidebar ul.counter li .number.active {
  background-color: #cc0000;
  color: #FFF;
}


/* FIXED ASIDE
---------------------------------------------------------------- */
#content {
  min-height: 2000px;
}

#sidebar {
  will-change: min-height;
}

#sidebar .sidebar__inner {
  position: relative;
  transform: translate(0, 0);
  transform: translate3d(0, 0, 0);
}

.clearfix:after {
  display: block;
  content: "";
  clear: both;
}

#sidebar .sidebar__inner header.side picture.useravatar {
  transition-duration: 2s;
}

#sidebar .sidebar__inner header.side picture.useravatar .avatarhover {
  z-index: 3;
  position: absolute !important;
  width: 184px;
  height: 184px;
  border-radius: 100px;
  background-color: rgba(0, 0, 0, 0.4);
  position: absolute;
  display: none;
  transition-duration: 2s;
}

#sidebar .sidebar__inner header.side picture.useravatar .avatarhover .avatarhoveroptions a {
  font-family: 'Roboto Medium', 'Roboto';
  text-align: center;
  font-weight: 900;
  font-size: 13px;
  color: #FFF;
}

#sidebar .sidebar__inner header.side picture.useravatar .avatarhover .avatarhoveroptions {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

#sidebar .sidebar__inner header.side picture.useravatar .avatarhover .avatarhoveroptions a {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  width: 45px;
  height: 45px;
  background-color: rgba(0, 0, 0, 0.4);
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  text-decoration: none;
  margin: 0px 3px !important;
}

#sidebar .sidebar__inner header.side picture.useravatar .avatarhover .avatarhoveroptions a:hover {
  background-color: rgba(0, 0, 0, 0.6);
}

#sidebar .sidebar__inner header.side picture.useravatar .avatarhover .avatarhoveroptions .personal-image {
  text-align: center;
}

#sidebar .sidebar__inner header.side picture.useravatar .avatarhover .avatarhoveroptions .personal-image input[type="file"] {
  display: none;
}

#sidebar .sidebar__inner header.side picture.useravatar .avatarhover .avatarhoveroptions .personal-figure {
  position: relative;
  width: 45px;
  height: 45px;
}

#sidebar .sidebar__inner header.side picture.useravatar .avatarhover .avatarhoveroptions .personal-figcaption {
  cursor: pointer;
  width: inherit;
  height: inherit;
  border-radius: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  color: #FFF;
}

#sidebar .sidebar__inner header.side picture.useravatar .avatarhover .avatarhoveroptions .personal-image label {
  margin-bottom: 0px;
}


/* ASIDE MOBILE - SLIDE MENU
---------------------------------------------------------------- */
@media screen and (max-width: 767px) {
  main .openmenu {
    min-width: 50px;
    width: 50px;
    max-width: 50px;
    display: block;
    position: relative;
    margin-left: -15px;
    margin-right: 15px;
    overflow: hidden;
  }

  main .openmenu button.slide-menu__control {
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    padding: 0;
    position: fixed;
    min-width: 50px;
    width: 50px;
    max-width: 50px;
    min-height: 50px;
    height: 50px;
    max-height: 50px;
    overflow: hidden;
    background-color: #f1f1f1;
  }

  main .openmenu button.btn:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
  }

  main .openmenu button.btn-filter:before {
    content: "\f0b0";
  }

  main .openmenu button.btn-plus:before {
    content: "\f067";
  }

  nav.slide-menu .controls button.btn,
  nav.slide-menu a {
    transition: background-color .15s ease-in-out;
    will-change: background-color;
  }
}

nav.slide-menu {
  width: 230px;
  background-color: #FFF;
  right: auto !important;
  border-right: 3px solid #CCC;
}

nav.slide-menu .controls {
  position: relative;
}

nav.slide-menu aside {
  margin: 0 15px;
  width: 100%;
}

nav.slide-menu .controls {
  display: flex;
  margin-bottom: 1rem;
}

nav.slide-menu .controls .btn {
  padding: .75rem 1.5rem;
  flex: 1 0 auto;
  font-size: 90%;
  color: #fff;
  border-radius: 0px;
  background-color: rgba(0, 157, 217, 1);
  text-transform: uppercase;
}

nav.slide-menu .sidebar {
  padding-bottom: 40px;
}

@media screen and (max-width: 767px) {
  nav.slide-menu .btn {
    padding: 6px 12px;
  }
}

nav.slide-menu .controls .btn.slide-menu__control:first-of-type {
  text-align: left;
}

nav.slide-menu .controls .btn.slide-menu__control:first-of-type:before {
  content: "⮜";
  margin-right: .5rem;
}

nav.slide-menu .controls .btn.slide-menu__control:last-of-type {
  text-align: right;
}

nav.slide-menu .controls .btn.slide-menu__control:last-of-type:before {
  content: "✕";
  margin-right: .5rem;
}

nav.slide-menu .slide-menu__backlink {
  text-transform: uppercase;
}

@media screen and (max-width: 767px) {
  button.slide-menu__control {
    display: block;
    border-radius: 0px;
    background-color: rgba(0, 157, 217, 1);
  }

  main .flex > aside.sidebar {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  button.slide-menu__control {
    display: none;
  }

  main .flex > aside.sidebar {
    display: block;
  }
}

.slide-menu {
  position: fixed;
  max-width: 100%;
  height: 100vh;
  top: 0;
  right: 0;
  display: none;
  overflow: hidden;
  box-sizing: border-box;
  transform: translateX(100%);
  overflow-y: auto;
  z-index: 2000;
}

.slide-menu,
.slide-menu .slide-menu__slider {
  transition: transform .3s ease-in-out;
  will-change: transform;
}

.slide-menu .slide-menu__slider {
  width: 100%;
  transform: translateX(0);
}

.slide-menu ul {
  position: relative;
  width: 100%;
  margin: 0;
  padding-left: 0;
  list-style: none;
}

.slide-menu ul ul {
  position: absolute;
  top: 0;
  left: 100%;
  display: none;
}

.slide-menu ul a {
  display: block;
}

.slide-menu a {
  cursor: pointer;
}


/* GERAL
---------------------------------------------------------------- */
.geral .registros .form-group-horizontal .form-control {
  font-size: 0.8rem;
}

main .flex {
  display: flex;
  position: relative;
  width: 100%;
  overflow: hidden;
}

main article.geral {
  width: 100%;
  overflow: hidden;
}

@media screen and (min-width: 768px) {
  main article.geral {
    padding: 0 15px;
    border-left: 1px solid #F2F2F2;
  }

  main .related article.geral {
    padding: 0 15px;
    border-left: none;
  }
}

main article.geral > header {
  padding-bottom: 10px;
  margin-bottom: 15px;
  border-bottom: solid 1px #e4e4e4;
  width: 100%;
}

main .related article.geral > header {
  padding-bottom: 10px;
  margin-bottom: 0px;
  border: none;
  width: 100%;
}

main article.geral > header.noborder {
  border-bottom: none;
  margin-bottom: 0;
}

main article.geral > header .title-bar {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

main .related article.geral > header .title-bar {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

main article.geral > header h3 {
  font-family: 'Roboto Thin', 'Roboto';
  /*font-weight: 200;*/
  font-weight: 600;
  font-size: 22px;
  color: #333333;
  text-transform: none;
}

main .related article.geral > header h6 {
  font-family: 'Roboto Bold', 'Roboto';
  /*font-weight: 700;*/
  /*font-weight: 200;*/
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
  color: #009DD9;
  text-transform: none;
  padding-top: 10px;
}

main article.geral > header h3 span {
  margin-right: 10px;
}

main article.geral > header form.form-inline {
  background-color: #f2f2f2;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  height: 33px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  min-width: 300px;
  margin-bottom: 10px;
}

main article.geral > header.contexto form.form-inline {
  min-width: 100%;
  width: 100%;
  max-width: 100%;
}

main article.geral > header form.form-inline input[type="text"] {
  border: none;
  background-color: transparent;
  padding: 0rem .75rem;
  height: auto;
  color: #FFF;
  font-size: 13px;
  padding-left: 0;
  padding-right: 0;
}

main article.geral > header form.form-inline button.btn,
main article.geral > header.contexto form.form-inline button.btn {
  font-size: 13px;
  color: #999999;
}

main article.geral > header form.form-inline button.btn-secondary {
  border: none;
  background-color: transparent;
}

/*main article.geral > header form.form-inline ::placeholder,
main article.geral > header form.form-inline :-ms-input-placeholder,
main article.geral > header form.form-inline ::-ms-input-placeholder {
  color: #999;
  font-size: 12px !important;
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 200;
  line-height: 12px;
}*/


/* Search Field ---------------------------------------------- */
article.geral .title-bar form.form-inline {
  position: relative;
}

article.geral .title-bar form.form-inline button.btn {
  display: none;
}

article.geral .title-bar form.form-inline input[type="text"] {
  border: none;
  background-color: transparent;
  padding: 0rem .75rem;
  width: 100%;
  height: 33px;
  font-size: 16px;
   font-weight: 200; 
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-image: url(../img/icon-s-black.png);
  background-position: 10px center;
  background-repeat: no-repeat;
  background-size: 18px;
  padding-left: 40px;
  color: #000; 
  font-weight: 200;
}

article.geral .title-bar form.form-inline input[type="text"]:focus {
  font-size: 16px;
  background-color: #FFF;
  background-image: url(../img/icon-s-black.png);
  -webkit-box-shadow: 3px 3px 3px 0px rgba(173, 173, 173, 0.4) !important;
  -moz-box-shadow: 3px 3px 3px 0px rgba(173, 173, 173, 0.4) !important;
  box-shadow: 3px 3px 3px 0px rgba(173, 173, 173, 0.4) !important;
}

/*article.geral .title-bar form.form-inline input[type="text"] ::placeholder,
article.geral .title-bar form.form-inline input[type="text"] :-ms-input-placeholder,
article.geral .title-bar form.form-inline input[type="text"] ::-ms-input-placeholder {
  font-weight: 200;
}*/

article.geral .title-bar form.form-inline .form-control,
article.geral .title-bar form.form-inline .close-icon {
  position: relative;
}

article.geral .title-bar form.form-inline .form-control:focus {
  border: 1px solid #cccccc;
}

article.geral .title-bar form.form-inline .close-icon {
  border: 1px solid transparent;
  background-color: transparent;
  outline: 0;
  cursor: pointer;
  position: absolute;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  right: 0;
  margin-right: 10px;
}

article.geral .title-bar form.form-inline .close-icon:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f00d";
  display: block;
  width: 15px;
  height: 15px;
  position: absolute;
  background-color: transparent;
  z-index: 1;
  text-align: center;
  color: #333;
  font-size: 12px;
  cursor: pointer;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

article.geral .title-bar form.form-inline .form-control:not(:valid) ~ .close-icon {
  display: none;
}

article.geral .title-bar form.form-inline .form-control-focused {
  border: 1px solid #cccccc !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  background-color: #FFF !important;
  -webkit-box-shadow: 3px 3px 3px 0px rgba(173, 173, 173, 0.4) !important;
  -moz-box-shadow: 3px 3px 3px 0px rgba(173, 173, 173, 0.4) !important;
  box-shadow: 3px 3px 3px 0px rgba(173, 173, 173, 0.4) !important;
}

article.geral .title-bar form.form-inline .form-control-focused:not(:valid) ~ .close-icon {
  display: block;
}

@media screen and (max-width: 991px) {
  main article.geral > header .title-bar {
    flex-direction: column;
  }

  main article.geral > header h3 {
    width: 100%;
    margin-bottom: 10px;
  }

  main article.geral > header form.form-inline {
    width: 100%;
    height: 40px;
    display: flex;
  }

  main article.geral > header form.form-inline input[type="text"] {
    width: 85%;
    padding-left: 0;
    padding-right: 0;
    height: 40px;
  }

  article.geral .title-bar form.form-inline input[type="text"] {
    height: 40px;
  }
}

main article.geral section.lista-thumb header h3 {
  font-size: 18px;
}

main article.geral section.lista-thumb .info a.titulo {
  font-size: 14px;
}

main article.geral header .menu-contexto {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  width: 100%;
  position: relative;
  margin-top: 0px;
}

main article.geral header .menu-contexto .left {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
}

main article.geral header .menu-contexto .left h3 {
  margin-bottom: 10px;
  margin-right: 5px;
}

main article.geral header .menu-contexto .left ul li a {
  font-family: 'Roboto Thin', 'Roboto';
  font-weight: 200;
  font-style: normal;
  font-size: 14px;
}

main article.geral header .menu-contexto form {
  position: absolute;
  margin-bottom: 10px !important;
  bottom: 0;
  right: 0;
}

main article.geral section .registros {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
}

main article.geral section .registros .selectAction {
  display: flex;
}

main article.geral section .registros .selectAction .btn-group {
  border: solid 1px #ccc;
  margin-right: 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

main article.geral section .registros .selectAction .btn-group button.btn,
main article.geral section .registros .selectAction .btn-group .dropdown-menu a {
  font-size: 13px;
  color: #888;
}

main article.geral section .registros .selectAction button.btn-default {
  padding: 4px 20px;
}

/*main article.geral section .registros .registros-actions {
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

main article.geral section .registros .registros-actions .more-info {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

main article.geral section .registros .registros-actions .more-info .btn-openActions {
  font-family: 'Roboto-Bold', 'Roboto Bold', 'Roboto', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  color: #009DD9;
  border: solid 1px #009DD9;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 0.2rem 0.5rem;
}*/

main article.geral section .registros .right {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

main article.geral section .registros .right .more-info {
  font-family: 'Roboto';
  font-weight: 300;
  color: #BBB;
  font-style: normal;
  font-size: 16px;
  line-height: normal;
  margin-right: 20px;
}

main article.geral section .registros a {
  font-family: 'Roboto Thin', 'Roboto';
  font-weight: 200;
  font-style: normal;
  font-size: 18px;
  color: #333333;
  line-height: normal;
  text-decoration: none;
}

main article.geral section .registros .form-group-horizontal {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

main article.geral section .registros .form-group-horizontal label {
  margin-bottom: 0rem;
  margin-right: 7px;
  font-family: 'Roboto Thin', 'Roboto';
  font-weight: 200;
  font-style: normal;
  font-size: 18px;
  color: #333333;
  line-height: normal;
  text-decoration: none;
}

main article.geral section .registros .form-group-horizontal select.form-control {
  font-size: 14px;
  -webkit-box-shadow: 3px 3px 3px 0px rgba(173, 173, 173, 0.4) !important;
  -moz-box-shadow: 3px 3px 3px 0px rgba(173, 173, 173, 0.4) !important;
  box-shadow: 3px 3px 3px 0px rgba(173, 173, 173, 0.4) !important;
}

main article.geral section .registros .result {
  font-family: 'Roboto Thin', 'Roboto';
  font-weight: 200;
  font-style: normal;
  font-size: 18px;
  color: #333333;
  line-height: normal;
  text-decoration: none;
}

/*main article.geral section .registros #moreInfo {
  display: none;
}

main article.geral section .registros .more-info {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  margin: 0 15px;
}

main article.geral section .registros .more-info span {
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
  color: #FF9900;
  font-style: normal;
  font-size: 18px;
  line-height: normal;
}*/

main article.geral section .registros .more-info button.btn-clear {
  /*padding: 0px;*/
  padding: 0.2rem 0.5rem;
  font-family: 'Roboto Thin', 'Roboto', sans-serif;
  font-weight: 200;
  font-style: normal;
  font-size: 14px;
  color: #009DD9;
  border: 0px;
  background-color: transparent;
  color: #009DD9;
}

main article.geral section .registros .more-info .btn-group > button {
  padding: 0px;
  font-family: 'Roboto Thin', 'Roboto';
  font-weight: 200;
  font-style: normal;
  font-size: 14px;
  color: #009DD9;
}

main article.geral section .registros .more-info .btn-group button.dropdown-toggle::after {
  display: none;
}

main article.geral section .registros .more-info .btn-group button.dropdown-toggle::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f03a";
  color: #BBB;
  margin-right: 3px;
}

main article.geral section .registros button.btn-enviar {
  font-family: 'Roboto-Bold', 'Roboto Bold', 'Roboto', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  color: #f2f2f2;
  border: solid 1px #009DD9;
  background-color: #009DD9;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  border-radius: 4px !important;
  padding: 0.4rem 1rem;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

main article.geral section .registros button.btn-enviar:before {
  content: "";
  background-image: url(../img/icon-upload-small.png);
  display: flex;
  width: 20px;
  height: 20px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  object-fit: cover;
  background-size: 80%;
  margin-right: 5px;
}

main article.geral section .registros button.btn-enviar:hover {
  background-color: #0285B7;
}

@media screen and (max-width: 450px) {
  main article.geral section .registros {
    display: flex;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
}

@media screen and (max-width: 767px) {
  main article.geral section .registros .result {
    display: block;
    margin-bottom: 6px;
    font-size: 14px;
  }

  main article.geral section .registros .form-group-horizontal label {
    font-size: 14px;
  }
}

@media screen and (min-width: 1200px) and (max-width: 1400px) {
  main article.geral > header.contexto nav.menu-contexto-conteudo h3 {
    font-size: 18px !important;
    margin-right: 5px !important;
  }

  main article.geral > header.contexto nav.menu-contexto-conteudo ul li a {
    padding: 0px 7px;
  }

  main article.geral > header form.form-inline {
    display: flex;
  }

  main article.geral > header form.form-inline input[type="text"] {
    width: 75%;
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (min-width: 996px) and (max-width: 1200px) {
  main article.geral > header.contexto {
    padding-bottom: 10px !important;
  }

  main article.geral > header.contexto nav.menu-contexto {
    margin-bottom: 8px;
  }

  main article.geral > header.contexto nav.menu-contexto-conteudo h3 {
    font-size: 18px !important;
    margin-right: 5px !important;
  }

  main article.geral > header.contexto nav.menu-contexto-conteudo ul li a {
    padding: 0px 7px;
  }

  main article.geral > header form.form-inline {
    display: flex;
  }

  main article.geral > header form.form-inline input[type="text"] {
    width: 75%;
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (min-width: 768px) and (max-width: 995px) {
  main article.geral > header.contexto {
    padding-bottom: 10px !important;
  }

  main article.geral > header.contexto nav.menu-contexto {
    margin-bottom: 8px;
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    justify-content: flex-start;
  }

  main article.geral > header.contexto nav.menu-contexto-conteudo h3 {
    font-size: 12px !important;
    margin-right: 0px !important;
    width: 100%;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
  }

  main article.geral > header.contexto nav.menu-contexto-conteudo ul {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    width: 100%;
  }

  main article.geral > header.contexto nav.menu-contexto-conteudo ul li a {
    padding: 0px 5px;
    font-size: 13px;
  }

  main article.geral > header form.form-inline {
    display: flex;
  }

  main article.geral > header form.form-inline input[type="text"] {
    width: 75%;
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (max-width: 768px) {
  main article.geral > header.contexto {
    padding-bottom: 10px !important;
  }

  main article.geral > header.contexto nav.menu-contexto {
    margin-bottom: 8px;
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    justify-content: flex-start;
  }

  main article.geral > header.contexto nav.menu-contexto-conteudo h3 {
    font-size: 12px !important;
    margin-right: 0px !important;
    width: 100%;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
  }

  main article.geral > header.contexto nav.menu-contexto-conteudo ul {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    width: 100%;
  }

  main article.geral > header.contexto nav.menu-contexto-conteudo ul li a {
    padding: 0px 5px;
    font-size: 13px;
  }

  main article.geral > header form.form-inline {
    display: flex;
  }

  main article.geral > header form.form-inline input[type="text"] {
    width: 75%;
    padding-left: 0;
    padding-right: 0;
  }
}


/* MEU ESPAÇO - MEU CONTEÚDO (Tabela)
---------------------------------------------------------------- */
table.table-content thead {
  border-right: 1px solid #dee2e6;
  border-left: 1px solid #dee2e6;
}

table.table-content thead th {
  border-bottom: 1px solid #dee2e6;
}

table.table-content thead tr th {
  font-family: 'Roboto Thin', 'Roboto';
  font-weight: 200;
  font-style: normal;
  font-size: 14px;
  color: #666666;
  /*color: #009DD9;*/
}

table.table-content thead tr th a {
  color: #009DD9;
  text-decoration: none;
}

table.table-content thead tr th a.selected {
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  color: #666666;
  line-height: normal;
}

table.table-content thead tr th a.selected:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f107";
  margin-left: 5px;
}

table.table-content tr td picture {
  min-width: 95px;
  width: 95px;
  max-width: 95px;
  position: relative;
  display: block;
}

table.table-content tr td picture source,
table.table-content tr td picture img {
  width: 100%;
  max-width: 100%;
}

table.table-content tr td {
  font-family: 'Roboto Thin', 'Roboto';
  font-weight: 200;
  font-style: normal;
  font-size: 14px;
  color: #666666;
  white-space: nowrap;
  min-height: 77px;
  height: 77px;
}

table.table-content tr td p.title {
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  line-height: 14px;
  color: #009DD9;
  white-space: normal;
  margin: 0;
}

table.table-content tr td button {
  padding: 0px;
  font-family: 'Roboto Thin', 'Roboto';
  font-weight: 200;
  font-style: normal;
  font-size: 14px;
  color: #009DD9;
}

table.table-content tr td button.btn-details {
  font-family: 'Roboto-Bold', 'Roboto Bold', 'Roboto', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  color: #009DD9;
  border: solid 1px #009DD9;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 0.2rem 0.5rem;
}

table.table-content tr td button.btn-remove {
  font-family: 'Roboto-Bold', 'Roboto Bold', 'Roboto', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  color: #dc3545;
  border: solid 1px #dc3545;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 0.2rem 0.5rem;
}

table.table-content tr td button.dropdown-toggle::after {
  display: none;
}

table.table-content tr td button.dropdown-toggle::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f03a";
  color: #BBB;
  margin-right: 3px;
}

table.table-content td,
table.table-content th {
  padding: .75rem;
  vertical-align: middle;
}

.highlight {
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
}


/* MEU ESPAÇO - BUSCA VISÃO GERAL
---------------------------------------------------------------- */
main section.lista-thumb.lista-thumb-nomargin {
  margin: 0;
}

main section.lista-thumb .rowlistahorizontal {
  margin: 0 0 40px 0;
  padding-bottom: 20px;
  border-bottom: 1px solid #e4e4e4;
}

main section.lista-thumb .rowlistahorizontal:last-child {
  border-bottom: none;
}

main section.lista-thumb .rowlistahorizontal .info {}

main section.lista-thumb .rowlistahorizontal .info a.titulo {
  font-family: 'Roboto';
  font-weight: 600;
  font-style: normal;
  font-size: 18px !important;
  line-height: 18px;
  color: #009DD9;
  margin: 0;
  padding: 0;
  text-decoration: none;
}

main section.lista-thumb .rowlistahorizontal .info a.titulo:hover {
  color: #0285B7;
}

main section.lista-thumb .rowlistahorizontal .info a.titulo .highlight {
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
}

main section.lista-thumb .rowlistahorizontal .info p.description {
  font-family: 'Roboto Thin', 'Roboto';
  /*font-weight: 200;*/
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
}

main section.lista-thumb .rowlistahorizontal .info .user {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  font-family: 'Roboto';
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
}

@media screen and (max-width: 767px) {
  main section.lista-thumb .info .user {
    margin-top: 15px;
    line-height: 15px;
  }

  main section.lista-thumb .info .user .userinfo .user {
    font-size: 12px;
  }
}

main section.lista-thumb .rowlistahorizontal .info .user picture.userimage {
  background-image: url(../img/user.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  margin-right: 5px;
  min-width: 23px;
  min-height: 23px;
  width: 23px;
  height: 23px;
  max-width: 23px;
  max-height: 23px;
}

main section.lista-thumb .rowlistahorizontal .info .user picture.userimage img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  border: solid 1px #9f9f9f;
}

main section.lista-thumb .rowlistahorizontal .info .user .userinfo a.username,
main section.lista-thumb .rowlistahorizontal .info .user .userinfo a.userchannel {
  display: inline;
}

main section.lista-thumb .rowlistahorizontal .info .user .userinfo a.userchannel:before {
  content: '\203A';
  font-size: 16px;
  margin-right: 3px;
  font-weight: 500;
}

main section.lista-thumb .rowlistahorizontal .info .like .like-number,
main section.lista-thumb .rowlistahorizontal .info .like .data {
  font-family: 'Roboto';
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  color: #666666;
}

main section.lista-thumb .rowlistahorizontal .info .topicos {
  margin-top: 10px;
}

main section.lista-thumb .rowlistahorizontal .info .topicos label {
  margin: 0;
  font-family: 'Roboto';
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  color: #666666;
}

main section.lista-thumb .rowlistahorizontal .info .topicos label:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f03a";
  color: #e4e4e4;
  margin-right: 5px;
  font-size: 16px;
}

main section.lista-thumb .rowlistahorizontal .info .topicos ul {
  list-style: none;
  display: block;
  list-style-type: none;
  margin-block-start: 0em;
  margin-block-end: 0em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 25px;
}

main section.lista-thumb .rowlistahorizontal .info .topicos ul li {
  font-family: 'Roboto';
  font-weight: 400;
  color: #666666;
  font-style: normal;
  font-size: 14px;
}

main section.lista-thumb .rowlistahorizontal .info .topicos ul li a {
  font-family: 'Roboto';
  font-weight: 400;
  color: #009DD9;
}

main section.lista-thumb .rowlistahorizontal .info .topicos ul li a:hover {
  color: #0285B7;
}

@media screen and (min-width: 1200px) {
  main section.lista-thumb .rowlistahorizontal {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
  main section.lista-thumb .rowlistahorizontal {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: center;
    justify-content: center;
  }
}

@media screen and (max-width: 768px) {
  main section.lista-thumb .rowlistahorizontal .thumb {
    margin-bottom: 10px;
  }
}

.rowlistahorizontal .info .follow {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  margin-top: 7px;
}

.rowlistahorizontal .info .follow button,
.rowlistahorizontal .info .follow input[type="button"] {
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  color: #f2f2f2;
  text-align: left;
  background-color: #009dd9;
  padding: 4px 14px;
  border: none;
  margin-right: 8px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  white-space: nowrap;
  width: auto;
}

.rowlistahorizontal .info .follow button:hover,
.rowlistahorizontal .info .follow input[type="button"]:hover {
  background-color: #0285B7;
}

.rowlistahorizontal .info .follow button i {
  margin-right: 4px;
}

.rowlistahorizontal .info .follow .info {}

.rowlistahorizontal .info .follow .info p {
  font-family: 'Roboto Thin', 'Roboto';
  font-weight: 200;
  font-style: normal;
  font-size: 12px;
  line-height: normal;
}


/* CHECKBOX
---------------------------------------------------------------- */
.styled-checkbox {
  position: absolute;
  opacity: 0;
  border: solid 4px green;
}

.styled-checkbox + label {
  position: relative;
  cursor: pointer;
  padding: 0;
}

.styled-checkbox + label:before {
  content: "";
  display: inline-block;
  vertical-align: text-top;
  width: 27px;
  height: 27px;
  background: #f2f2f2;
  border: solid 1px #888;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 2px 2px 2px 0px rgba(212, 212, 212, .75);
  -moz-box-shadow: 2px 2px 2px 0px rgba(212, 212, 212, .75);
  box-shadow: 2px 2px 2px 0px rgba(212, 212, 212, .75);
}

table thead tr th .styled-checkbox + label:before {
  margin-right: 10px;
}

table thead tr th .styled-checkbox + label {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

.styled-checkbox:hover + label:before {
  background: white;
}

.styled-checkbox:checked + label:before {
  background: white;
}

.styled-checkbox:disabled + label {
  color: #b8b8b8;
  cursor: auto;
}

.styled-checkbox:disabled + label:before {
  box-shadow: none;
  background: #ddd;
}

.styled-checkbox:checked + label:after {
  content: "";
  position: absolute;
  left: 7px;
  top: 13px;
  background: #33cc66;
  width: 3px;
  height: 3px;
  box-shadow: 3px 0 0 #33cc66, 6px 0 0 #33cc66, 6px -3px 0 #33cc66, 6px -6px 0 #33cc66, 6px -8px 0 #33cc66, 6px -10px 0 #33cc66;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}


/* MEU PERFIL - LATERAL
---------------------------------------------------------------- */
main aside.sidebar header.side {
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -webkit-align-items: center;
  align-items: center;
  justify-content: flex-start;
  align-items: flex-start;
}

main aside.sidebar header.side.space {
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

main aside.profile header picture.useravatar {
  width: 184px;
  height: 184px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  margin-bottom: 20px;
  background-color: #c7c7c7;
  overflow: hidden;
  position: relative;
  /*background-image: url(../img/user.png);
  background-position: center;
  background-repeat: no-repeat;*/
}

main aside.profile header picture.useravatar:after {
  content: "";
  background-image: url(../img/user_profile.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  opacity: 0.2;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

main aside.profile header picture.useravatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  border: solid 1px #dbdbdb;
  position: absolute;
  z-index: 2;
}

main aside.profile header.side h2 {
  margin-bottom: 0px;
}

main aside.sidebar header.side button.btn-follow {
  margin-bottom: 5px;
}


/* MEU PERFIL
---------------------------------------------------------------- */
section.lista-thumb .list-channel {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

section.lista-thumb .list-channel .thumb {
  min-width: 45px;
  min-height: 45px;
  width: 45px;
  height: 45px;
  max-width: 45px;
  max-height: 45px;
  margin-right: 10px;
  border: solid 1px #dbdbdb;
}

section.lista-thumb .list-channel .thumb picture {
  width: 100%;
  height: 100%;
}

section.lista-thumb .list-channel .thumb picture:after {
  width: 100%;
  height: 100%;
  background-image: url(../img/icon-channel.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 60%;
  opacity: 0.3;
  content: "";
  position: absolute;
}

section.lista-thumb .list-channel .thumb picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

section.lista-thumb .list-channel .channel-info a {
  display: block;
}

section.lista-thumb .list-channel .channel-info a.channel {
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  color: #009DD9;
  line-height: normal;
}

section.lista-thumb .list-channel .channel-info a.channel:hover {
  color: #0285B7;
}

section.lista-thumb .list-channel .channel-info a.info {
  font-family: 'Roboto';
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  color: #666666;
  line-height: normal;
  white-space: nowrap;
}

section.lista-thumb .list-channel .channel-info a.info:hover {
  color: #0285B7;
}


/* INSTITUIÇÃO - LATERAL
---------------------------------------------------------------- */
main aside.inst header picture.useravatar {
  min-width: 184px;
  min-height: 184px;
  width: 184px;
  height: 184px;
  max-width: 184px;
  max-height: 184px;
  margin-bottom: 20px;
  border: solid 1px #dbdbdb;
}

main aside.inst header picture.useravatar img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

main aside.inst header picture.useravatarcanal img {
  object-fit: cover;
}


/* USUÁRIO
---------------------------------------------------------------- */
section.lista-thumb .list-channel-bigger .thumb {
  margin-bottom: 5px;
}

section.lista-thumb .list-channel-bigger .thumb,
section.lista-thumb .list-channel-bigger .thumb picture img {
  height: 121px;
  max-height: 121px;
  object-fit: contain;
  width: 100%;
  background-color: #FFF;
}

section.lista-thumb .list-channel-bigger .thumb picture {
  width: 100%;
  height: 100%;
}

section.lista-thumb .list-channel-bigger .channel-info a {
  display: block;
}

section.lista-thumb .list-channel-bigger .channel-info a.channel {
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  color: #009DD9;
  line-height: normal;
}

section.lista-thumb .list-channel-bigger .channel-info a.channel:hover {
  color: #0285B7;
}

section.lista-thumb .list-channel-bigger .channel-info a.info,
section.lista-thumb .list-channel-bigger .channel-info p.info {
  font-family: "Roboto Thin", 'Roboto';
  font-weight: 200;
  font-style: normal;
  font-size: 12px;
  color: #AEAEAE;
  line-height: normal;
  white-space: nowrap;
  margin: 0;
}

section.lista-thumb .btn-follow {
  margin-top: 10px;
}

main aside.sidebar ul.counter.user li label {
  font-size: 16px;
  line-height: 15px;
}

main aside.sidebar ul.counter.user li .number {
  font-size: 16px;
  line-height: 15px;
}

main aside.sidebar ul.user li {
  margin-bottom: 5px;
}


/* CANAL
---------------------------------------------------------------- */
main article.geral > header .banner {
  width: 100%;
  margin-bottom: 20px;
  height: 182px;
  max-height: 182px;
  overflow: hidden;
  background-color: #f2f2f2;
}

main article.geral > header .banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

main aside.inst header picture.useravatarcanal::after {
  content: "";
  background-image: url(../img/icon-channel.png);
  opacity: 0.3;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;
  background-repeat: no-repeat;
  background-size: 60%;
  background-position: center center;
  width: 184px;
  height: 184px;
}

main article.geral > header p.descricao {
  font-family: 'Roboto Thin', 'Roboto';
  font-style: normal;
  font-size: 16px;
  margin-top: 12px;
}

main section.lista-thumb .thumb-channel {
  object-fit: cover;
  width: 100%;
  background-color: #FFF;
}

@media (min-width: 576px) {
  .modalActions .modal-md-x {
    max-width: 650px;
  }
}


/* ACESSO RESTRITO - MODAL E CONTENT
---------------------------------------------------------------- */
#ModalLocked {
  z-index: 2002;
}

#ModalLocked .modal-body h2.lock,
main.boxMiddle .box-login h2.lock {
  font-family: 'Roboto-Regular', 'Roboto', sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 30px;
  color: #000;
  text-transform: none;
}

#ModalLocked .modal-body .form-group p.info,
main.boxMiddle .box-login p.info {
  font-family: 'Roboto Thin', 'Roboto';
  margin: 20px 0px;
  font-size: 14px;
  font-weight: 600;
}

#ModalLocked .modal-body .form-group label,
main.boxMiddle .box-login label {
  font-family: 'Roboto';
  font-weight: 600;
  font-size: 14px;
}

#ModalLocked .modal-header h5.lock:before,
#ModalLocked .modal-body h2.lock:before,
main.boxMiddle .box-login h2.lock:before {
  content: "\f023";
  margin-right: 10px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

main.boxMiddle {
  height: calc(100% - 290px);
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

main.boxMiddle .box-login {
  border: solid 1px #cccccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #FFF;
  -webkit-box-shadow: 3px 3px 3px 0px rgba(173, 173, 173, 0.4);
  -moz-box-shadow: 3px 3px 3px 0px rgba(173, 173, 173, 0.4);
  box-shadow: 3px 3px 3px 0px rgba(173, 173, 173, 0.4);
  margin: 20px 0px 10px 0px;
  padding: 4%;
}


/* CANAL - MODAIS
---------------------------------------------------------------- */
.modalActions .modal-dialog .modal-content .modal-body ul li {
  display: -webkit-flex;
  display: flex;
  /*-webkit-align-items: center;
  align-items: center;*/
  margin-bottom: 12px;
}

.modalActions .modal-dialog .modal-content .modal-body label,
.modalActions .modal-dialog .modal-content .modal-body ul li > label {
  /*min-width: 113px;
  width: 113px;
  max-width: 113px;*/
  min-width: 155px;
  width: 155px;
  max-width: 155px;
  font-family: 'Roboto Thin', 'Roboto';
  font-weight: 200;
  font-style: normal;
  font-size: 14px;
  line-height: 16px;
  color: #333333;
  text-align: left;
  margin-right: 10px;
  margin-bottom: 0px;
  margin-top: 10px;
}

.modalActions .modal-dialog .modal-content .modal-body .line,
.modalActions .modal-dialog .modal-content .modal-body ul li .line {
  display: -webkit-flex;
  display: flex;
  /*-webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;*/
}

.modalActions .modal-dialog .modal-content .modal-body ul li .line a {
  display: block;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  /*-webkit-justify-content: center;
  justify-content: center;*/
  flex-direction: column;
  margin-right: 15px;
  text-decoration: none;
  flex: 1 1 0px;
}

.modalActions .modal-dialog .modal-content .modal-body ul.share li .line a .label {
  font-family: 'Roboto-Regular', 'Roboto', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  color: #009DD9;
  text-align: center;
  line-height: 13px;
  /*white-space: nowrap;*/
  text-transform: none;
  margin-top: 2px;
}

.modalActions .modal-dialog .modal-content .modal-body ul.share li .column {
  position: relative;
}

.modalActions .modal-dialog .modal-content .modal-body ul.share li .column #success-alert {
  display: none;
  position: absolute;
}

.modalActions .modal-dialog .modal-content .modal-body ul.share li .column #success-alert {
  color: #15a725;
  background-color: #FFF;
  border-color: rgba(0, 0, 0, 0.5);
  width: 100%;
}

.alert-dismissible .close {
  padding: .50rem 1.25rem;
}

.modalActions .modal-dialog .modal-content .modal-body ul.share li.codeembed {
  border-top: solid 1px rgba(0, 0, 0, 0.1);
  margin-top: 20px;
  padding-top: 20px;
}

.modalActions .modal-dialog .modal-content .modal-body ul li .line a span.share {
  width: 63px;
  height: 63px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  font-family: "Font Awesome 5 Brands";
  color: #FFF;
  font-size: 30px;
  background-color: #b5b5b5;
}

.modalActions .modal-dialog .modal-content .modal-body ul li .line a span.share.share-facebook {
  background-color: #3b5998;
}

.modalActions .modal-dialog .modal-content .modal-body ul li .line a span.share.share-facebook:before {
  content: "\f39e";
}

.modalActions .modal-dialog .modal-content .modal-body ul li .line a span.share.share-twitter {
  background-color: #55acee;
}

.modalActions .modal-dialog .modal-content .modal-body ul li .line a span.share.share-twitter:before {
  content: "\f099";
}

.modalActions .modal-dialog .modal-content .modal-body ul li .line a span.share.share-linkedin {
  background-color: #007ab9;
}

.modalActions .modal-dialog .modal-content .modal-body ul li .line a span.share.share-linkedin:before {
  content: "\f0e1";
}

.modalActions .modal-dialog .modal-content .modal-body ul li .line a span.share.share-link:before {
  font-family: "Font Awesome 5 Free";
  content: "\f0c1";
  color: #5a5a5a;
  font-weight: 900;
}

.modalActions .modal-dialog .modal-content .modal-body ul li .line a span.share.share-email:before {
  font-family: "Font Awesome 5 Free";
  content: "\f1d8";
  color: #5a5a5a;
}

.modalActions .modal-dialog .modal-content .modal-body ul li .column {
  display: -webkit-flex;
  display: flex;
  /*-webkit-align-items: center;
  align-items: center;*/
  flex-direction: column;
  width: 100%;
}

.modalActions .modal-dialog .modal-content .modal-body ul li .column input[type="text"],
.modalActions .modal-dialog .modal-content .modal-body ul li .column textarea {
  font-family: 'Arial-BoldMT', 'Arial Bold', 'Arial', sans-serif;
  font-weight: 700;
  font-size: 13px;
  color: #000000;
  text-transform: none;
}

.modalActions .modal-dialog .modal-content .modal-body ul li .column p {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

.modalActions .modal-dialog .modal-content .modal-body ul li .column a {
  margin-right: 15px;
  margin-top: 4px;
  font-family: 'Roboto-Regular', 'Roboto', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  color: #009DD9;
}

.modalActions .modal-dialog .modal-content .modal-body ul li ul.reason li {
  margin-bottom: 8px;
}

.modalActions .modal-dialog .modal-content .modal-body ul li ul.reason li .form-check label.form-check-label {
  margin-top: 0px;
}

.modalActions .modal-dialog .modal-content .modal-body ul.download {
  width: 100%;
}

.modalActions .modal-dialog .modal-content .modal-body ul.download li {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.modalActions .modal-dialog .modal-content .modal-body ul.download li .quality {
  font-family: 'Roboto-Bold', 'Roboto Bold', 'Roboto', sans-serif;
  font-weight: 700;
  color: #333333;
  font-size: 14px;
}

.modalActions .modal-dialog .modal-content .modal-body ul.download li .quality small {
  font-family: 'Roboto-Regular', 'Roboto', sans-serif;
  font-weight: 400;
  color: #999999;
  display: block;
  font-size: 12px;
}

.modalActions .modal-dialog .modal-content .modal-body ul.download li .quality-weight {
  font-family: 'Roboto-Bold', 'Roboto Bold', 'Roboto', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  color: #333333;
}

.modalActions .modal-dialog .modal-content .modal-body ul.download li button.btn-link {
  font-family: 'Roboto-Regular', 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 14px;
}

.modalActions .modal-dialog .modal-content .modal-body .line .line-content {
  width: 100%;
}

.modalActions .modal-dialog .modal-content .modal-body ul.playlist {
  height: 190px;
  overflow-y: auto;
  margin-top: 20px;
  padding: 10px 0px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.modalActions .modal-dialog .modal-content .modal-body ul.playlist li {
  height: 33px;
  margin-bottom: 6px;
}

.modalActions .modal-dialog .modal-content .modal-body ul.playlist li .form-check {
  width: 100%;
  position: relative;
}

.modalActions .modal-dialog .modal-content .modal-body ul.playlist li .form-check label {
  font-family: 'Roboto-Bold', 'Roboto Bold', 'Roboto', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  min-width: 100% !important;
  width: 100% !important;
  max-width: 100% !important;
  display: block;
  margin: 0px;
  position: absolute;
  height: 33px;
  left: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

.modalActions .modal-dialog .modal-content .modal-body .line .line-content .btnbar {
  margin-bottom: 1rem;
  margin-top: 1rem;
}

.modalActions .modal-dialog .modal-content .modal-body .line .line-content .btnbar button.btn-link {
  font-family: 'Roboto-Regular', 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #009DD9;
}

.modalActions#ModalEmail .modal-dialog .modal-content .modal-body ul li label {
  margin-top: 0px;
}

.modalActions#ModalEmail .modal-dialog .modal-content .modal-body ul li label small {
  font-family: 'Roboto-Regular', 'Roboto', sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #999999;
  display: block;
}

.modalActions#ModalEmail .modal-dialog .modal-content .modal-body ul li p {
  margin: 0px;
  font-family: 'Roboto-Bold', 'Roboto Bold', 'Roboto', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
}

.modalActions#ModalEmail .modal-dialog .modal-content .modal-header h5#ModalEmailTitle button {
  border: none;
  background-color: transparent;
}


/* PLAYLISTS
---------------------------------------------------------------- */
aside.sidebar ul.actions li button[class*='btn-action-'] {
  width: 90%;
  text-align: left;
  border-radius: 0px;
  white-space: nowrap;
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  color: #009DD9;
  line-height: normal;
  transition-duration: 2s;
}

aside.sidebar ul.actions li button[class*='btn-action-']:hover {
  color: #0285B7;
}

aside.sidebar ul.actions li:hover {
  background-color: transparent;
}

aside.sidebar ul.actions li button.btn-action-like span {
  margin-left: 10px;
  font-family: 'Roboto Thin', 'Roboto';
  font-weight: 200;
  font-style: normal;
  font-size: 14px;
  color: #666666;
  text-align: right;
}

aside.sidebar ul.actions li button[class*='btn-action-']:before {
  font-family: "Font Awesome 5 Free";
  font-weight: normal;
  color: #333;
  margin-right: 10px;
  font-size: 16px;
}

aside.sidebar ul.actions li button.btn-action:hover {
  background-color: #f1f1f1;
}

aside.sidebar ul.actions li button.btn-action-like:before {
  content: "\f164";
}

aside.sidebar ul.actions li button.btn-action-like-clicked,
aside.sidebar ul.actions li button.btn-action-like-clicked:before {
  color: #009900;
}

aside.sidebar ul.actions li button.btn-action-play:before {
  content: "\f04b";
  font-weight: 900;
}

aside.sidebar ul.actions li button.btn-action-playlist:before {
  content: "\f067";
  font-weight: 900;
}

aside.sidebar ul.actions li button.btn-action-playlist-clicked,
aside.sidebar ul.actions li button.btn-action-playlist-clicked:before {
  color: #009900;
}

aside.sidebar ul.actions li button.btn-action-playlist-clicked:before {
  content: "\f00c";
  font-weight: 900;
}

aside.sidebar ul.actions li button.btn-action-share:before {
  content: "\f1d8";
}

aside.sidebar ul.actions li button.btn-action-report:before {
  content: "\f024";
}

aside.sidebar a.user {
  margin-top: 0.5rem;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

aside.sidebar a.user picture.userimage {
  min-width: 34px;
  min-height: 34px;
  width: 34px;
  height: 34px;
  max-width: 34px;
  max-height: 34px;
  margin-right: 8px;
  background-image: url(../img/user.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

aside.sidebar a.user picture.userimage img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  border: solid 1px #dbdbdb;
}

main aside.inst header picture.useravatarplaylist::after {
  content: "";
  background-image: url(../img/icon-playlist.png);
  opacity: 0.3;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;
  background-repeat: no-repeat;
  background-size: 60%;
  background-position: center center;
  width: 184px;
  height: 184px;
}

aside.sidebar a.user .userinfo .username,
aside.sidebar a.user .userinfo .userchannel {
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 300;
  font-style: normal;
  color: #009DD9;
  line-height: 15px;
  display: block;
  width: 95%;
  margin-right: 15px;
}

aside.sidebar a.user .userinfo .username {
  font-weight: 700;
  margin-bottom: 3px;
  font-size: 16px;
}

aside.sidebar a.user .userinfo .userchannel {
  font-size: 13px;
}

section.playlist .rowlista {
  position: relative;
}

section.playlist .rowlista div.rowlistahorizontal:last-child {
  padding-bottom: 0px;
}

@media screen and (min-width: 768px) {

  /* increment the counter anywhere there's a div*/
  section.playlist .rowlista div.rowlistahorizontal {
    counter-increment: demoCounter;
    width: 100%;
    flex-wrap: nowrap;
    position: relative;
    padding-left: 30px;
    padding-bottom: 20px;
  }

  /* display the value of the counter before the element */
  section.playlist .rowlista div.rowlistahorizontal:before {
    content: counter(demoCounter);
    font-family: 'Roboto';
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    color: #999999;
    text-align: center;
    min-width: 30px;
    width: 30px;
    max-width: 30px;
    overflow: hidden;
    display: block;
    letter-spacing: -2px;
    position: absolute;
    left: 0;
  }
}

@media screen and (max-width: 767px) {
  section.playlist .rowlista div.rowlistahorizontal {
    counter-increment: demoCounter;
    position: relative;
  }

  section.playlist .rowlista div.rowlistahorizontal:before {
    content: counter(demoCounter);
    font-family: 'Roboto';
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    color: #999999;
    text-align: center;
    position: absolute;
    z-index: 2;
    padding: 1em 1.5em;
    margin: 0;
    color: #f2f2f2;
    background-color: rgba(0, 0, 0, 0.6);
    font-size: 11px;
    top: 0;
    left: 0;
  }

  main section.lista-thumb .rowlista > div {
    padding-right: 0px;
    padding-left: 0px;
  }
}


/* PLAYLIST EDIÇÃO - LATERAL
---------------------------------------------------------------- */
#menu-left ul.actions li button.btn-save,
.sidebar .sidebar__inner ul.actions li button.btn-save {
  width: 90%;
  cursor: pointer !important;
  margin-top: 10px;
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  color: #FFFFFF;
  line-height: normal;
  /*background-color: #009900;*/
  background-color: #009DD9;
  border-color: #0285B7;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  /* padding: 0.3em 1em; */
  padding: 6px 12px;
  transition-duration: 2s;
  text-align: left;
  white-space: nowrap;
}

#menu-left ul.actions li button.btn-link,
.sidebar .sidebar__inner ul.actions li button.btn-link {
  width: 90%;
  cursor: pointer !important;
  font-family: 'Roboto Thin', 'Roboto';
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  line-height: normal;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  /* padding: 0.3em 1em; */
  padding: 6px 12px;
  transition-duration: 2s;
  text-align: left;
  white-space: nowrap;
}

#ModalAdicionarLista .modal-body .row > div:first-child {
  right: auto !important;
  border-right: 1px solid rgba(0, 0, 0, 0.1) !important;
}


/* PLAYLIST EDIÇÃO - ABAS NAVEGAÇÃO
---------------------------------------------------------------- */
article.geral > header.tabs {
  margin-bottom: 20px;
  padding-bottom: 0px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

article.geral > header.tabs h3 {
  margin-right: 50px;
}

article.geral ul#TabPlaylist {
  border-bottom: 0px;
}

article.geral ul#TabPlaylist li.nav-item {}

article.geral ul#TabPlaylist li.nav-item a.nav-link {
  border: none;
  font-family: 'Roboto-Thin', 'Roboto Thin', 'Roboto', sans-serif;
  font-weight: 200;
  font-style: normal;
  font-size: 14px;
}

article.geral ul#TabPlaylist li.nav-item a.nav-link:hover {
  color: #0285B7;
}

article.geral ul#TabPlaylist li.nav-item a.nav-link.active::before {
  content: '';
  display: block;
  width: 100%;
  height: 5px;
  background: #0285B7;
  margin-top: 6px;
}


/* PLAYLIST EDIÇÃO - CONTENT SOBRE 
---------------------------------------------------------------- */
article.geral #TabContentPlaylist {}

article.geral #TabContentPlaylist section.edit-playlist {}

article.geral #TabContentPlaylist section.edit-playlist .edit-form {}

article.geral #TabContentPlaylist section.edit-playlist .edit-form ul.form {}

article.geral #TabContentPlaylist section.edit-playlist .edit-form ul.form li.edit-line {
  display: flex;
  margin-bottom: 10px;
  align-items: center;
}

article.geral #TabContentPlaylist section.edit-playlist .edit-form ul.form li.edit-line label {
  /*min-width: 113px;
  width: 113px;
  max-width: 113px;*/
  min-width: 155px;
  width: 155px;
  max-width: 155px;
  font-family: 'Roboto Thin', 'Roboto';
  font-weight: 200;
  font-style: normal;
  font-size: 14px;
  line-height: 16px;
  color: #333333;
  text-align: left;
  margin-right: 10px;
  margin-bottom: 0px;
}

article.geral #TabContentPlaylist section.edit-playlist .edit-form ul.form li.edit-line label small {
  display: block;
  width: 100%;
  font-size: 80%;
  font-weight: 400;
}

article.geral #TabContentPlaylist section.edit-playlist .edit-form ul.form li.edit-line .content-edit {}

article.geral #TabContentPlaylist section.edit-playlist .edit-form ul.form li.edit-line .content-edit.content-edit-image {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

article.geral #TabContentPlaylist section.edit-playlist .edit-form ul.form li.edit-line .content-edit.content-edit-image picture {
  width: 70px;
  height: 70px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-right: 10px;
  border: solid 1px #dfdfdf;
}

article.geral #TabContentPlaylist section.edit-playlist .edit-form ul.form li.edit-line .content-edit.content-edit-image picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-box-shadow: 2px 2px 2px 0px rgba(212, 212, 212, .75) !important;
  -moz-box-shadow: 2px 2px 2px 0px rgba(212, 212, 212, .75) !important;
  box-shadow: 2px 2px 2px 0px rgba(212, 212, 212, .75) !important;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

article.geral #TabContentPlaylist section.edit-playlist .edit-form ul.form li.edit-line .content-edit.content-edit-image .options {}

article.geral #TabContentPlaylist section.edit-playlist .edit-form ul.form li.edit-line .content-edit.content-edit-image .options a {
  display: block;
  font-family: 'Roboto-Thin', 'Roboto Thin', 'Roboto', sans-serif;
  font-weight: 200;
  font-style: normal;
  font-size: 14px;
  color: #009DD9;
}

article.geral #TabContentPlaylist section.edit-playlist .edit-form ul.form li.edit-line .content-edit.content-edit-image .options a:hover {
  color: #0285B7;
}

article.geral #TabContentPlaylist section.edit-playlist .edit-form ul.form li.edit-line .dropdown-select {
  width: 100%;
  display: block;
  position: relative;
}

/*article.geral #TabContentPlaylist section.edit-playlist .edit-form ul.form li.edit-line .dropdown-select a {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 100%;
  height: 38px;
  height: calc(1.5em + .75rem + 2px);
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}*/

article.geral #TabContentPlaylist section.edit-playlist .edit-form ul.form li.edit-line .dropdown-select .dropdown-menu {
  width: 100%;
}

article.geral #TabContentPlaylist section.edit-playlist .edit-form ul.form li.edit-line .dropdown-select .dropdown-menu .dropdown-menu ul {
  padding: 15px;
}

article.geral #TabContentPlaylist section.edit-playlist .edit-form ul.form li.edit-line .dropdown-select .dropdown-menu a.dropdown-item {
  font-family: "Roboto Bold", 'Roboto';
  font-weight: 700;
  font-size: 14px;
  color: rgb(51, 51, 51);
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  width: 100%;
  padding: .375rem .75rem;
  border: none;
  transition-duration: 2s;
}

article.geral #TabContentPlaylist section.edit-playlist .edit-form ul.form li.edit-line .dropdown-select .dropdown-menu a.dropdown-item:hover {
  background-color: #f8f9fa;
}

article.geral #TabContentPlaylist section.edit-playlist .edit-form ul.form li.edit-line .dropdown-select .dropdown-menu a.dropdown-item small {
  font-family: "Roboto Thin", Roboto;
  font-weight: 200;
  font-size: 14px;
  color: #333333;
  margin-left: 10px;
}

article.geral #TabContentPlaylist section.edit-playlist .edit-form ul.form li.edit-line .dropdown-select .dropdown-menu a.dropdown-item-footer {
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
  font-size: 14px;
  color: #009DD9;
  margin-top: 10px;
  padding-top: 10px;
  border-top: solid 1px #ddd;
}


/* PLAYLIST EDIÇÃO - CONTENT PUBLICAÇÃO 
---------------------------------------------------------------- */
article.geral #TabContentPlaylist #publicacoes {}

article.geral #TabContentPlaylist #publicacoes header .title-bar {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  border-bottom: solid 1px #ccc;
  padding: 20px 0;
}

article.geral #TabContentPlaylist #publicacoes header .title-bar h3 {
  font-family: 'Roboto-Thin', 'Roboto Thin', 'Roboto', sans-serif;
  font-weight: 200;
  font-style: normal;
  font-size: 18px;
  color: #333333;
  text-transform: none
}

article.geral #TabContentPlaylist #publicacoes header .title-bar button.btn {
  background-color: #009dd9;
  padding: 6px 16px;
}

article.geral #TabContentPlaylist #publicacoes section.lista-thumb.playlist {
  margin-top: 0px;
}

article.geral #TabContentPlaylist #publicacoes section.lista-thumb.playlist .rowlistahorizontal {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 20px 0px;
  margin-bottom: 1px;
  border-style: solid;
  border-color: #FFF;
  border-width: 4px 4px 4px 4px;
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.10);
  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.10);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.10);
}

article.geral #TabContentPlaylist #publicacoes section.lista-thumb.playlist .rowlistahorizontal:last-child {
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.10);
  -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.10);
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.10);
}

article.geral #TabContentPlaylist #publicacoes section.lista-thumb.playlist .rowlistahorizontal:hover {
  border-style: solid;
  border-color: #000;
  border-width: 4px 4px 4px 4px;
}

article.geral #TabContentPlaylist #publicacoes section.lista-thumb.playlist .rowlistahorizontal .thumb {
  min-width: 95px;
  min-height: 63px;
  width: 95px;
  height: 63px;
  max-width: 95px;
  max-height: 63px;
  border: solid 1px #cbd0cf;
}

article.geral #TabContentPlaylist #publicacoes section.lista-thumb.playlist .rowlistahorizontal .thumb picture {
  min-width: 95px;
  min-height: 63px;
  width: 95px;
  height: 63px;
  max-width: 95px;
  max-height: 63px;
  padding: 0px;
  display: block;
  /*background-color: rgba(0, 0, 0, 0.1);*/
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
}

article.geral #TabContentPlaylist #publicacoes section.lista-thumb.playlist .rowlistahorizontal .thumb picture > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
}

article.geral #TabContentPlaylist #publicacoes section.lista-thumb.playlist .rowlistahorizontal .thumb > img {
  width: 100%;
  min-height: 100%;
  height: 100%;
  max-height: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  object-fit: cover;
  display: inline-flex;
  overflow: hidden;
}

article.geral #TabContentPlaylist #publicacoes section.lista-thumb.playlist .rowlistahorizontal .thumb picture.background {
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  min-width: 40px;
  min-height: 40px;
  width: 40px;
  height: 40px;
  max-width: 40px;
  max-height: 40px;
  overflow: hidden;
  object-fit: cover;
}

article.geral #TabContentPlaylist #publicacoes section.lista-thumb.playlist .rowlistahorizontal .thumb picture.background:before {
  background-image: url(../img/user_profile.png);
  background-size: 100%;
  width: 40px;
  height: 40px;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
  position: absolute;
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.2;
}

article.geral #TabContentPlaylist #publicacoes section.lista-thumb.playlist .rowlistahorizontal a.titulo {
  font-size: 14px !important;
}

article.geral #TabContentPlaylist #publicacoes section.lista-thumb.playlist .rowlistahorizontal .thumb-info {}

article.geral #TabContentPlaylist #publicacoes section.lista-thumb.playlist .rowlistahorizontal .thumb.thumb-audio:before {
  background-position: bottom;
  background-position: calc(100% - 0px) calc(100% + 15px), bottom;
}

article.geral #TabContentPlaylist #publicacoes section.lista-thumb.playlist .rowlistahorizontal a.icon-menu {
  text-decoration: none;
}

article.geral #TabContentPlaylist #publicacoes section.lista-thumb.playlist .rowlistahorizontal a.icon-menu:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0c9";
  font-size: 21px;
  width: 40px;
  height: 40px;
  margin-right: 20px;
  color: rgba(0, 0, 0, 0.6);
}

article.geral #TabContentPlaylist #publicacoes section.lista-thumb.playlist .rowlistahorizontal > div:first-child {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding-left: 15px;
  padding-right: 0px;
}

article.geral #TabContentPlaylist #publicacoes section.lista-thumb.playlist .rowlistahorizontal .thumb picture.backcast:before {
  background-image: url(../img/icon-podcast.png);
}

article.geral #TabContentPlaylist #publicacoes section.lista-thumb.playlist .rowlistahorizontal .thumb picture.backaudio:before {
  background-image: url(../img/icon-audio.png);
}

article.geral #TabContentPlaylist #publicacoes section.lista-thumb.playlist .rowlistahorizontal .thumb picture.backtv:before {
  background-image: url(../img/icon-tv.png);
}

article.geral #TabContentPlaylist #publicacoes section.lista-thumb.playlist .rowlistahorizontal .thumb picture.backradio:before {
  background-image: url(../img/icon-radio.png);
}

article.geral #TabContentPlaylist #publicacoes section.lista-thumb.playlist .rowlistahorizontal .actions {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

article.geral #TabContentPlaylist #publicacoes section.lista-thumb.playlist .rowlistahorizontal .actions a {
  font-family: 'Roboto-Light', 'Roboto Light', 'Roboto', sans-serif;
  font-weight: 200;
  font-style: normal;
  font-size: 14px;
  color: #009DD9;
}


/* PLAYLIST - CONTENT PUBLICAÇÃO MODAL - ADICIONAR À LISTA
---------------------------------------------------------------- */
#ModalAdicionarLista .modal-content .modal-body aside.sidebar .sidebar__inner header.side h2 {
  font-family: 'Roboto-Thin', 'Roboto Thin', 'Roboto', sans-serif;
  font-weight: 200;
  font-style: normal;
  font-size: 22px;
  color: #333333;
  text-transform: none;
  margin-bottom: 20px;
}

#ModalAdicionarLista .modal-content .modal-header {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  padding: 0.5rem 1rem 0rem 1rem;
  position: relative;
}

#ModalAdicionarLista .modal-content .modal-header h5 {
  margin-right: 20px;
}

#ModalAdicionarLista .modal-content .modal-header form.form-inline {
  position: relative;
  margin-right: 20px;
  background-color: #f2f2f2;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  height: 33px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  min-width: 300px;
}

#ModalAdicionarLista .modal-content .modal-header form.form-inline button.btn {
  display: none;
}

#ModalAdicionarLista .modal-content .modal-header form.form-inline input[type="text"] {
  border: none;
  background-color: transparent;
  padding: 0rem .75rem;
  width: 100%;
  height: 33px;
  font-size: 16px;
  font-weight: 200;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-image: url(../img/icon-s-black.png);
  background-position: 10px center;
  background-repeat: no-repeat;
  background-size: 18px;
  padding-left: 40px;
  color: #000;
  font-weight: 200;
}

#ModalAdicionarLista .modal-content .modal-header form.form-inline input[type="text"]:focus {
  font-size: 16px;
  background-color: #FFF;
  background-image: url(../img/icon-s-black.png);
  -webkit-box-shadow: 3px 3px 3px 0px rgba(173, 173, 173, 0.4) !important;
  -moz-box-shadow: 3px 3px 3px 0px rgba(173, 173, 173, 0.4) !important;
  box-shadow: 3px 3px 3px 0px rgba(173, 173, 173, 0.4) !important;
}

/*#ModalAdicionarLista .modal-content .modal-header form.form-inline input[type="text"] ::placeholder,
#ModalAdicionarLista .modal-content .modal-header form.form-inline input[type="text"] :-ms-input-placeholder,
#ModalAdicionarLista .modal-content .modal-header form.form-inline input[type="text"] ::-ms-input-placeholder {
  font-weight: 200;
}*/

#ModalAdicionarLista .modal-content .modal-header form.form-inline .form-control,
#ModalAdicionarLista .modal-content .modal-header form.form-inline .close-icon {
  position: relative;
}

#ModalAdicionarLista .modal-content .modal-header form.form-inline .form-control:focus {
  border: 1px solid #cccccc;
}

#ModalAdicionarLista .modal-content .modal-header form.form-inline .close-icon {
  border: 1px solid transparent;
  background-color: transparent;
  outline: 0;
  cursor: pointer;
  position: absolute;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  right: 0;
  margin-right: 10px;
}

#ModalAdicionarLista .modal-content .modal-header form.form-inline .close-icon:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f00d";
  display: block;
  width: 15px;
  height: 15px;
  position: absolute;
  background-color: transparent;
  z-index: 1;
  text-align: center;
  color: #333;
  font-size: 12px;
  cursor: pointer;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

#ModalAdicionarLista .modal-content .modal-header form.form-inline .form-control:not(:valid) ~ .close-icon {
  display: none;
}

#ModalAdicionarLista .modal-content .modal-header form.form-inline .form-control-focused {
  border: 1px solid #cccccc !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  background-color: #FFF !important;
  -webkit-box-shadow: 3px 3px 3px 0px rgba(173, 173, 173, 0.4) !important;
  -moz-box-shadow: 3px 3px 3px 0px rgba(173, 173, 173, 0.4) !important;
  box-shadow: 3px 3px 3px 0px rgba(173, 173, 173, 0.4) !important;
}

#ModalAdicionarLista .modal-content .modal-header form.form-inline .form-control-focused:not(:valid) ~ .close-icon {
  display: block;
}

@media screen and (max-width: 991px) {
  #ModalAdicionarLista .modal-content .modal-header form.form-inline {
    width: 100%;
    height: 40px;
    display: flex;
  }

  #ModalAdicionarLista .modal-content .modal-header form.form-inline input[type="text"] {
    width: 85%;
    padding-left: 0;
    padding-right: 0;
    height: 40px;
  }

  #ModalAdicionarLista .modal-content .modal-header form.form-inline input[type="text"] {
    height: 40px;
  }
}

#ModalAdicionarLista .modal-content .modal-header nav.menu-contexto {
  position: relative;
  display: block;
  width: auto;
  margin-bottom: 0px;
  border-bottom: none;
}

#ModalAdicionarLista .modal-content .modal-header nav.menu-contexto ul li a {
  font-family: 'Roboto-Regular', 'Roboto', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  color: #009DD9;
  text-decoration: none;
  width: 100%;
  height: 100%;
  padding-bottom: 20px;
}

#ModalAdicionarLista .modal-content .modal-header nav.menu-contexto ul li a.live {
  color: #c00;
}

#ModalAdicionarLista .modal-content .modal-header nav.menu-contexto ul li a.active,
#ModalAdicionarLista .modal-content .modal-header nav.menu-contexto ul li a:focus,
#ModalAdicionarLista .modal-content .modal-header nav.menu-contexto ul li a:active,
#ModalAdicionarLista .modal-content .modal-header nav.menu-contexto ul li a:hover {
  color: #333;
}

#ModalAdicionarLista .modal-body article.geral section.lista-thumb .registros {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 20px;
}

#ModalAdicionarLista .modal-body article.geral section.lista-thumb .registros .form-group-horizontal {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

#ModalAdicionarLista .modal-body article.geral section.lista-thumb .registros .result {
  font-family: 'Roboto Thin', 'Roboto';
  font-weight: 200;
  font-style: normal;
  font-size: 16px;
  color: #333333;
  line-height: normal;
  text-decoration: none;
}

#ModalAdicionarLista .modal-body article.geral section.lista-thumb .registros .form-group-horizontal label {
  margin-bottom: 0rem;
  margin-right: 7px;
  font-family: 'Roboto Thin', 'Roboto';
  font-weight: 200;
  font-style: normal;
  font-size: 16px;
  color: #333333;
  line-height: normal;
  text-decoration: none;
}

#ModalAdicionarLista .modal-body article.geral section.lista-thumb .registros .form-group-horizontal select.form-control {
  font-size: 14px;
  -webkit-box-shadow: 3px 3px 3px 0px rgba(173, 173, 173, 0.4) !important;
  -moz-box-shadow: 3px 3px 3px 0px rgba(173, 173, 173, 0.4) !important;
  box-shadow: 3px 3px 3px 0px rgba(173, 173, 173, 0.4) !important;
}

#ModalAdicionarLista .modal-body article.geral section.lista-thumb .rowlista {
  margin-top: 00px;
}

#ModalAdicionarLista .modal-body article.geral section.lista-thumb .rowlista .rowlistahorizontal {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 15px 0px;
  border-bottom: rgba(0, 0, 0, 0.1) solid 1px;
}

#ModalAdicionarLista .modal-body article.geral section.lista-thumb .rowlista .rowlistahorizontal:last-child {
  border-bottom: none;
}

#ModalAdicionarLista .modal-body article.geral section.lista-thumb .rowlista .rowlistahorizontal .thumb-info {}

#ModalAdicionarLista .modal-body article.geral section.lista-thumb .rowlista .rowlistahorizontal .thumb-info .info {}

#ModalAdicionarLista .modal-body article.geral section.lista-thumb .rowlista .rowlistahorizontal .thumb-info .info a.titulo {
  font-family: 'Roboto-Bold', 'Roboto Bold', 'Roboto', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  line-height: 13px;
  color: #009DD9;
  display: block;
}

#ModalAdicionarLista .modal-body article.geral section.lista-thumb .rowlista .rowlistahorizontal .thumb-info .info a.channel {
  font-family: 'Roboto-Regular', 'Roboto', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  color: #009DD9;
}

#ModalAdicionarLista .modal-body article.geral section.lista-thumb .rowlista .rowlistahorizontal .thumb-info .info .like {}

#ModalAdicionarLista .modal-body article.geral section.lista-thumb .rowlista .rowlistahorizontal .thumb-info .info .like button.videoLike {}

#ModalAdicionarLista .modal-body article.geral section.lista-thumb .rowlista .rowlistahorizontal .thumb-info .info .like .like-number {}

#ModalAdicionarLista .modal-body article.geral section.lista-thumb .rowlista .rowlistahorizontal .thumb-info .info p {
  margin: 0;
  padding: 0;
}

#ModalAdicionarLista .modal-body article.geral section.lista-thumb .rowlista .rowlistahorizontal .thumb-info .info p.pastdata {
  font-family: 'Roboto-Thin', 'Roboto Thin', 'Roboto', sans-serif;
  font-weight: 200;
  font-style: normal;
  font-size: 12px;
  color: #AEAEAE;
}

#ModalAdicionarLista .modal-body article.geral section.lista-thumb .rowlista .rowlistahorizontal .thumb-info .info p.views {
  font-family: 'Roboto-Thin', 'Roboto Thin', 'Roboto', sans-serif;
  font-weight: 200;
  font-style: normal;
  font-size: 12px;
  color: #AEAEAE;
}

#ModalAdicionarLista .modal-body article.geral section.lista-thumb .rowlista .rowlistahorizontal .thumb-info .thumb,
#ModalAdicionarLista .modal-body article.geral section.lista-thumb .rowlista .rowlistahorizontal .thumb-info .thumb a,
#ModalAdicionarLista .modal-body article.geral section.lista-thumb .rowlista .rowlistahorizontal .thumb-info .thumb a picture.background {
  min-width: 180px;
  min-height: 120px;
  width: 180px;
  height: 120px;
  max-width: 180px;
  max-height: 120px;
}

#ModalAdicionarLista .modal-body article.geral section.lista-thumb .rowlista .rowlistahorizontal .thumb-info .thumb {
  margin-right: 10px;
}

#ModalAdicionarLista .modal-body article.geral section.lista-thumb .rowlista .rowlistahorizontal .thumb-info .thumb a picture.background {
  min-width: 90px;
  min-height: 90px;
  width: 90px;
  height: 90px;
  max-width: 90px;
  max-height: 90px;
}

#ModalAdicionarLista .modal-body article.geral section.lista-thumb .rowlista .rowlistahorizontal .thumb-info .thumb a picture.background img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#ModalAdicionarLista .modal-body article.geral section.lista-thumb .rowlista .rowlistahorizontal .thumb-info .info .like {
  margin-top: 3px;
}

#ModalAdicionarLista .modal-body article.geral section.lista-thumb .rowlista .rowlistahorizontal .thumb-info .info .like .icon i {
  color: #bdbdbd;
  font-size: 16px;
}

#ModalAdicionarLista .modal-body article.geral section.lista-thumb .rowlista .rowlistahorizontal .thumb-info .info .like button {
  border: none;
  background-color: #FFF;
  padding: 0px;
  margin-right: 3px;
}

#ModalAdicionarLista .modal-body article.geral section.lista-thumb .rowlista .rowlistahorizontal .thumb-info .info .like button .iconEmpty::before {
  content: "\f164";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #bdbdbd;
  font-size: 16px;
}

#ModalAdicionarLista .modal-body article.geral section.lista-thumb .rowlista .rowlistahorizontal .thumb-info .info .like button .iconActive::after {
  content: "\f164";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #009DD9;
  font-size: 16px;
}

#ModalAdicionarLista .modal-body article.geral section.lista-thumb .rowlista .rowlistahorizontal .thumb-info .info .like button .hide {
  display: none;
}

#ModalAdicionarLista .modal-body article.geral section.lista-thumb .rowlista .rowlistahorizontal .thumb-info .info .like .like-number {
  white-space: nowrap;
  font-family: 'Roboto Bold', 'Roboto';
  font-style: normal;
  font-size: 12px;
  color: #999999;
  line-height: normal;
}

@media (min-width: 992px) {
  .modal-bigger {
    max-width: 80%;
    height: 90vh;
    position: relative;
    overflow: hidden;
  }

  .modal-bigger .modal-content {
    overflow-y: auto;
  }

  .modal-bigger .modal-content .modal-body {
    max-height: calc(100vh - 210px);
    overflow-y: auto;
  }
}

#ModalAdicionarLista .modal-content .modal-footer {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
  padding: 1rem !important;
}

#ModalAdicionarLista .modal-content .modal-footer button.btn {
  border: none;
  font-family: 'Roboto-Regular', 'Roboto', sans-serif;
  font-style: normal;
  font-size: 14px;
  color: #fff;
  padding: 4px 10px;
  text-decoration: none;
  white-space: nowrap;
}

#ModalAdicionarLista .modal-content .modal-footer button.btn-cancel {
  font-family: 'Roboto-Regular', 'Roboto', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  color: #009DD9;
}

#ModalAdicionarLista .modal-content .modal-footer button.btn-save {
  padding: 6px 20px;
  margin-right: 20px;
}

#ModalAdicionarLista .modal-content .modal-footer .select {
  font-family: 'Roboto-Bold', 'Roboto Bold', 'Roboto', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  color: #009900;
}


/* PODCAST - LATERAL
---------------------------------------------------------------- */
main aside.podcast header picture.useravatar {
  max-width: 100%;
  max-height: 100%;
  margin-bottom: 20px;
}

main aside.podcast header picture.useravatar img {
  width: 184px;
  height: 122px;
  object-fit: cover;
  border: solid 1px #dbdbdb;
}

main aside.podcast header .userinfo {
  margin-top: 15px;
}

main aside.podcast ul.counter {
  margin-top: 20px;
}

main section.playlist .rowlistahorizontal .info a.titulo {
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  color: #009DD9;
  line-height: normal;
  margin: 0px 0px 5px 0px;
  display: block;
}


/* PESQUISA MENU SUPERIOR
---------------------------------------------------------------- */
nav.menu-contexto {
  margin: 20px 0px;
}

main .related nav.menu-contexto {
  margin: 0px 0px 20px 0;
}

nav.menu-contexto .p-menu {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

nav.menu-contexto .p-menu h3 {
  text-transform: none;
  margin-right: 40px;
  font-family: "Roboto Bold", Roboto;
  font-weight: 700;
  font-style: normal;
  font-size: 28px;
  padding-bottom: 8px;
  color: rgb(51, 51, 51);
  text-align: left;
  line-height: normal;
}

@media screen and (max-width: 767px) {
  nav.menu-contexto .p-menu h3 {
    font-size: 21px;
    margin-right: 20px;
  }

  nav.menu-contexto .p-menu ul li a {
    font-family: "Roboto Bold", Roboto;
    font-weight: 700;
    font-style: normal;
    font-size: 18px;
    color: rgb(0, 157, 217);
    white-space: nowrap;
  }

  nav.menu-contexto .p-menu ul li a.live {
    color: rgb(204, 0, 0);
  }

  nav.menu-contexto .p-menu ul li a.active,
  nav.menu-contexto .p-menu ul li a:active,
  nav.menu-contexto .p-menu ul li a:focus,
  nav.menu-contexto .p-menu ul li a:hover {
    color: rgb(51, 51, 51);
  }
}


/* PESQUISA LATERAL
---------------------------------------------------------------- */
main aside.filtros header.side h2 {
  font-family: 'Roboto Thin', 'Roboto';
  font-weight: 200;
  font-style: normal;
  font-size: 22px;
  color: #333333;
  text-align: left;
  line-height: normal;
  margin-bottom: 0px;
}

aside.filtros div[class*='p-'] {
  margin-right: 20px;
  margin-bottom: 20px;
}

aside.filtros div[class*='p-'] h6 {
  font-family: 'Roboto Light', 'Roboto';
  font-weight: 200;
  font-style: normal;
  font-size: 18px;
  color: #999999;
  text-transform: none;
  margin-bottom: 8px;
}

aside.filtros div[class*='p-'] ul li {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 0.2em .5em;
  margin-bottom: 0;
}

aside.filtros div[class*='p-'] ul li label {
  font-family: 'Roboto';
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  color: #009DD9;
  margin: 0;
  padding: 0;
}

aside.filtros .p-data ul li label:before {
  font-family: "Font Awesome 5 Free";
  font-weight: normal;
  color: #ccc;
  margin-right: 3px;
  font-size: 16px;
  content: '\f0da';
  font-weight: 900;
}

aside.filtros div[class*='p-'] ul li .counter {
  font-family: 'Roboto Thin', 'Roboto';
  font-weight: 200;
  font-style: normal;
  font-size: 14px;
  color: #999999;
}

aside.filtros .p-instituicao form {
  margin: 10px 0;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  /*border: solid 1px #CCC;
  background-color: #fafafa;*/
  border: none;
  background-color: transparent;
  position: relative;
}

aside.filtros .p-instituicao form button {
  border: none;
  background-color: transparent;
  color: #DDD;
  padding: .375rem 0rem .375rem .25rem;
  display: none;
}

aside.filtros .p-instituicao form input.form-control {
  /*  background-color: #fafafa;*/
  background-color: #f2f2f2;
  border: solid 1px #888;
  width: 85%;
  font-size: 13px;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  position: relative;
  padding-left: 30px;
  background-image: url(../img/icon-s-black.png);
  /*background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%), url(../img/icon-s-black.png), url(../img/icon-s-black.png);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 100%), url(../img/icon-s-black.png);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.7)), color-stop(100%, rgba(255, 255, 255, 0.7))), url(../img/icon-s-black.png);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 100%), url(../img/icon-s-black.png);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 100%), url(../img/icon-s-black.png);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 100%), url(../img/icon-s-black.png);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 100%), url(../img/icon-s-black.png);*/
  background-position: 8px center;
  background-repeat: no-repeat;
  background-size: 15px;
}

aside.filtros .p-instituicao form input.form-control:focus {
  font-size: 13px;
  color: #000;
  -webkit-box-shadow: 3px 3px 3px 0px rgba(173, 173, 173, 0.4) !important;
  -moz-box-shadow: 3px 3px 3px 0px rgba(173, 173, 173, 0.4) !important;
  box-shadow: 3px 3px 3px 0px rgba(173, 173, 173, 0.4) !important;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%), url(../img/icon-s-black.png), url(../img/icon-s-black.png);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%), url(../img/icon-s-black.png);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0.5))), url(../img/icon-s-black.png);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%), url(../img/icon-s-black.png);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%), url(../img/icon-s-black.png);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%), url(../img/icon-s-black.png);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%), url(../img/icon-s-black.png);
  background-position: 8px center;
  background-repeat: no-repeat;
  background-size: 15px;
  background-color: #FFF;
}

aside.filtros .p-instituicao form .close-icon {
  border: 1px solid transparent;
  background-color: transparent;
  outline: 0;
  cursor: pointer;
  position: absolute;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  right: 0;
  top: 0;
  margin-top: 2px;
  margin-right: 20px;
}

aside.filtros .p-instituicao form .close-icon:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f00d";
  display: block;
  width: 15px;
  height: 15px;
  position: absolute;
  background-color: transparent;
  z-index: 1;
  text-align: center;
  color: #333;
  font-size: 12px;
  cursor: pointer;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

aside.filtros .p-instituicao form input.form-control ~ .close-icon {
  display: none;
}

aside.filtros .p-instituicao form input.form-control:focus ~ .close-icon {
  display: block;
}

/*aside.filtros .p-instituicao form input.form-control::placeholder {
  color: #999;
  font-size: 13px;
}

aside.filtros .p-instituicao form input.form-control:-ms-input-placeholder {
  color: #999;
  font-size: 13px;
}

aside.filtros .p-instituicao form input.form-control::-ms-input-placeholder {
  color: #999;
  font-size: 13px;
}

aside.filtros .p-instituicao form input.form-control:focus::placeholder {
  opacity: .1;
}

aside.filtros .p-instituicao form input.form-control:focus:-ms-input-placeholder {
  color: #999;
}

aside.filtros .p-instituicao form input.form-control:focus::-ms-input-placeholder {
  color: #999;
}*/


/* PESQUISA LATERAL SHOW MORE/LESS
---------------------------------------------------------------- */
aside.filtros .p-instituicao input[type="checkbox"].read-more-state {}

aside.filtros .p-instituicao ul.read-more-wrap {}

aside.filtros .p-instituicao .read-more-state {
  display: none;
}

aside.filtros .p-instituicao .read-more-target {
  opacity: 0;
  max-height: 0;
  font-size: 0;
  transition: .25s ease;
}

aside.filtros .p-instituicao .read-more-state:checked ~ .read-more-wrap .read-more-target {
  opacity: 1;
  font-size: inherit;
  max-height: 999em;
}

aside.filtros .p-instituicao .read-more-state ~ .read-more-trigger:after {
  content: 'Exibir tudo';
}

aside.filtros .p-instituicao .read-more-state:checked ~ .read-more-trigger:after {
  content: 'Exibir menos';
}

aside.filtros .p-instituicao .read-more-trigger {
  cursor: pointer;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  padding: 0em;
  color: #666;
  font-size: .9em;
  line-height: 2;
  border-radius: .25em;
  font-family: 'Roboto';
  font-weight: 300;
  font-style: normal;
  font-size: 16px;
  color: #009DD9;
}

aside.filtros .p-instituicao .read-more-trigger:hover {
  color: #0285B7;
}

aside.filtros .p-instituicao .read-more-trigger:before {
  font-family: "Font Awesome 5 Free";
  color: #ccc;
  margin-right: 10px;
  font-size: 16px;
  content: '\f107';
  font-weight: 900;
}


/* PAGINAÇÃO
---------------------------------------------------------------- */
nav ul.pagination {
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid #e4e4e4;
  padding-top: 30px;
}

nav ul.pagination li.page-item {
  margin-right: 6px;
  margin-bottom: 6px;
}

nav ul.pagination-sm .page-link {
  padding: .4rem 0.8rem;
  font-family: 'Arial Bold', 'Arial';
  font-weight: 700;
  font-style: normal;
  font-size: 15px;
  color: #6699CC;
  -webkit-box-shadow: 2px 2px 2px 0px rgba(64, 64, 64, 0.2);
  -moz-box-shadow: 2px 2px 2px 0px rgba(64, 64, 64, 0.2);
  box-shadow: 2px 2px 2px 0px rgba(64, 64, 64, 0.2);
}

.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: 0rem;
  border-bottom-left-radius: 0rem;
}

.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: 0rem;
  border-bottom-right-radius: 0rem;
}

.page-item.active .page-link {
  z-index: 1;
  color: #000;
  background-color: #f2f2f2;
  border-color: #cccccc;
}

nav ul.pagination li.page-item a.loadmore {
  font-family: 'Roboto Thin', 'Roboto';
  font-weight: 200;
  font-style: normal;
  font-size: 16px;
  color: #009DD9;
  text-align: center;
  line-height: normal;
  /*background: #DADADA;*/
}


/* PLAYER LISTA VÍDEOS RELACIONADOS - ASIDE
---------------------------------------------------------------- */
main section.player .header-aside {
  font-family: 'Roboto Medium', 'Roboto';
  font-weight: 500;
  font-style: normal;
  font-size: 18px;
  color: #999999;
  margin-bottom: 10px;
}

main section.player .header-aside a {
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  color: #009DD9;
  white-space: nowrap;
  line-height: normal;
  margin-left: 10px;
  text-decoration: none;
}

main section.player .header-aside a:hover {
  color: #0285B7;
}

main section.player .footer-aside a {
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  color: #009DD9;
  white-space: nowrap;
  line-height: normal;
  text-decoration: none;
}

main section.player .footer-aside a:hover {
  color: #0285B7;
}

main section.player ul.list-aside {
  padding: 0;
  margin: 0;
  list-style: none;
}

main section.player ul.list-aside li {
  display: flex;
  margin-bottom: 15px;
}

main section.player ul.list-aside li.list-info .thumb {
  position: relative;
  margin-right: 10px;
}

main section.player ul.list-aside li.list-info .thumb a {
  width: 100%;
  height: 100%;
  display: block;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

main section.player ul.list-aside li.list-info .thumb,
main section.player ul.list-aside li.list-info .thumb a > img {
  min-height: 119px;
  height: 119px;
  max-height: 119px;
  min-width: 170px;
  width: 170px;
  max-width: 170px;
  object-fit: cover;
  width: 100%;
  background-color: #bdbdbd;
  display: inline-flex;
}

main section.player ul.list-aside li.list-info .thumb a > img {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}

main section.player ul.list-aside li.list-info .thumb .thumb-info {
  position: absolute;
  z-index: 3;
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  padding: 3%;
  top: 0;
  left: 0;
}

main section.player ul.list-aside li.list-info .thumb a picture.userimage {
  position: absolute;
  background-image: url(../img/user_profile.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  width: 90px;
  height: 90px;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
}

main section.player ul.list-aside li.list-info .thumb a picture.userimage img {
  min-width: 100%;
  min-height: 100%;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  border: solid 1px #9f9f9f;
}

main section.player ul.list-aside li.list-info .thumb .thumb-info {
  position: absolute;
  z-index: 3;
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  padding: 3%;
  top: 0;
  left: 0;
}

main section.player ul.list-aside li.list-info .thumb .thumb-info .badge {
  font-size: 11px;
  padding: 5px 10px;
}

[id^="Modal"] .modal-dialog .modal-content .modal-body .modal-detail-thumb .info a.titulo,
main section.player ul.list-aside li.list-info .info a.titulo {
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  color: #009DD9;
  line-height: 17px;
  display: block;
}

[id^="Modal"] .modal-dialog .modal-content .modal-body .modal-detail-thumb .info a.titulo:hover,
main section.player ul.list-aside li.list-info .info a.titulo:hover {
  color: #0285B7;
}

[id^="Modal"] .modal-dialog .modal-content .modal-body .modal-detail-thumb .info a.channel,
main section.player ul.list-aside li.list-info .info a.channel {
  font-family: 'Roboto';
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  color: #009DD9;
  line-height: normal;
}

[id^="Modal"] .modal-dialog .modal-content .modal-body .modal-detail-thumb .info a.channel:hover,
main section.player ul.list-aside li.list-info .info a.channel:hover {
  color: #0285B7;
}

[id^="Modal"] .modal-dialog .modal-content .modal-body .modal-detail-thumb .info p,
main section.player ul.list-aside li.list-info .info p {
  margin: 0;
  padding: 0;
}

[id^="Modal"] .modal-dialog .modal-content .modal-body .modal-detail-thumb .info p.pastdata,
[id^="Modal"] .modal-dialog .modal-content .modal-body .modal-detail-thumb .info p.views,
[id^="Modal"] .modal-dialog .modal-content .modal-body .modal-detail-thumb .info p.info,
main section.player ul.list-aside li.list-info .info p.pastdata,
main section.player ul.list-aside li.list-info .info p.views,
main section.player ul.list-aside li.list-info .info p.info {
  font-family: 'Roboto Thin', 'Roboto';
  font-weight: 200;
  font-style: normal;
  font-size: 12px;
  color: #AEAEAE;
  line-height: normal;
  white-space: nowrap;
}

[id^="Modal"] .modal-dialog .modal-content .modal-body .modal-detail-thumb .info .like,
main section.player ul.list-aside li.list-info .info .like {
  margin-top: 3px;
}

[id^="Modal"] .modal-dialog .modal-content .modal-body .modal-detail-thumb .info .like .icon i,
main section.player ul.list-aside li.list-info .info .like .icon i {
  color: #bdbdbd;
  font-size: 16px;
}

[id^="Modal"] .modal-dialog .modal-content .modal-body .modal-detail-thumb .info .like button,
main section.player ul.list-aside li.list-info .info .like button {
  border: none;
  background-color: #FFF;
  padding: 0px;
  margin-right: 3px;
}

[id^="Modal"] .modal-dialog .modal-content .modal-body .modal-detail-thumb .info .like button .iconEmpty::before,
main section.player ul.list-aside li.list-info .info .like button .iconEmpty::before {
  content: "\f164";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #bdbdbd;
  font-size: 16px;
}

main section.player ul.list-aside li.list-info .info .like button .iconActive::after {
  content: "\f164";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #009DD9;
  font-size: 16px;
}

main section.player ul.list-aside li.list-info .info .like button .hide {
  display: none;
}

main section.player ul.list-aside li.list-info .info .like .like-number {
  white-space: nowrap;
  font-family: 'Roboto Bold', 'Roboto';
  font-style: normal;
  font-size: 12px;
  color: #999999;
  line-height: normal;
}

main section.player ul.list-aside li.list-info .info a.user {
  margin-top: 3px;
  display: flex;
}

main section.player ul.list-aside li.list-info .info a.user picture.userimage {
  max-width: 100%;
  max-height: 100%;
  margin-right: 5px;
}

main section.player ul.list-aside li.list-info .info a.user picture.userimage img {
  width: 23px;
  height: 23px;
  object-fit: cover;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  border: solid 1px #dbdbdb;
}

main section.player ul.list-aside li.list-info .info a.user .userinfo .username,
main section.player ul.list-aside li.list-info .info a.user .userinfo .userchannel {
  font-family: 'Roboto';
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  color: #009DD9;
  line-height: 12px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  width: 95%;
}

main section.player ul.list-aside li.list-info .info a.user .userinfo .userchannel:before {
  content: '\203A';
  font-size: 16px;
  margin-right: 3px;
  font-weight: 500;
}

main section.player ul.list-aside li.list-info .info .like .data {
  white-space: nowrap;
  font-family: 'Roboto';
  font-style: normal;
  font-size: 12px;
  color: #999999;
  line-height: normal;
}

main section.player ul.list-aside li.list-info .info .like .data:before {
  content: " - ";
  margin-left: 3px;
}

main section.player ul.list-aside li.list-info .thumb a {
  width: 100%;
  height: 100%;
  display: block;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

@media screen and (min-width: 1200px) and (max-width: 1365px) {

  main section.player ul.list-aside li.list-info .thumb,
  main section.player ul.list-aside li.list-info .thumb img {
    min-height: 90px;
    height: 90px;
    max-height: 90px;
    min-width: 130px;
    width: 130px;
    max-width: 130px;
  }

  main section.player ul.list-aside li.list-info .thumb a picture.userimage {
    width: 70px;
    height: 70px;
  }
}


/* PLAYER VÍDEO
---------------------------------------------------------------- */
main section.player .player-area,
main section.player .audio-area {
  margin-bottom: 40px;
  background-color: #000;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  overflow: hidden;
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {

  /* IE10+ specific styles go here */
  main section.player .player-area,
  main section.player .audio-area {
    display: block;
  }
}

main section.player .player-area .container,
main section.player .audio-area .container {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
}

main section.player .player-area video {
  width: 70%;
}


/* PLAYER HEADER VÍDEO
---------------------------------------------------------------- */
main section.player header {}

main section.player header .head {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

main section.player header h2 {
  font-family: 'Roboto';
  font-weight: 600;
  font-style: normal;
  font-size: 22px;
  color: #333333;
  text-align: left;
  line-height: normal;
  text-transform: none;
}

main section.player header .head button.btn-subtitle {
  width: 29px;
  height: 29px;
  border: none;
  background-color: transparent;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 20px;
}

main section.player header .head .dropdown .dropdown-menu span {
  font-family: 'Roboto';
  display: block;
  width: 100%;
  padding: .25rem 1.5rem;
  color: #212529;
  font-size: 13px;
  white-space: nowrap;
}

main section.player header .head .dropdown .dropdown-menu a.dropdown-item {
  font-family: 'Roboto';
  color: #009DD9;
  font-size: 13px;
  font-weight: 600;
}

main section.player header .head button.btn-subtitle:before {
  content: '\f142';
}

main section.player header .bar-controls {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-top: 8px;
  border-bottom: 1px solid #d7d7d7;
  padding-bottom: 20px;
  margin-bottom: 25px;
}

main section.player header .bar-controls ul.actions {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
}

article.player-description .userinfo-content-box {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

article.player-description .userinfo-content-box > button.btn-follow {
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  color: #FFFFFF;
  line-height: normal;
  background-color: #009DD9;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 4px 12px;
  margin: 0 20px !important;
  width: auto !important;
  transition-duration: 2s;
  text-align: left;
}

article.player-description .userinfo-content-box > button.btn-follow:hover {
  background-color: #007fb1;
}

main section.player header .bar-controls button[class*='btn-action-'] {
  text-align: left;
  border-radius: 0px;
  white-space: nowrap;
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  color: #009DD9;
  line-height: normal;
  transition-duration: 2s;
}

main section.player header .bar-controls button[class*='btn-action-']:hover {
  color: #0285B7;
}

main section.player header .bar-controls button.btn-action-like span {
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  color: #009DD9;
}

main section.player header .bar-controls button.btn-action-like:hover span {
  color: #0285B7;
}

main section.player header .bar-controls button[class*='btn-action-']:before {
  font-family: "Font Awesome 5 Free";
  font-weight: normal;
  color: #333;
  margin-right: 10px;
  font-size: 18px;
}

main section.player header .bar-controls .button-like {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

main section.player header .bar-controls .button-like .counter {
  font-family: 'Roboto Thin', 'Roboto';
  font-weight: 200;
  font-style: normal;
  font-size: 14px;
  color: #666666;
}

main section.player header .bar-controls button.btn-action-like:before {
  content: "\f164";
}

main section.player header .bar-controls button.btn-like-clicked,
main section.player header .bar-controls button.btn-like-clicked:before {
  color: #009900;
}

main section.player header .bar-controls ul.actions li button.btn-action-play:before {
  content: "\f04b";
  font-weight: 900;
}

main section.player header .bar-controls ul.actions li button.btn-action-playlist:before {
  content: "\f067";
  font-weight: 900;
}

main section.player header .bar-controls ul.actions li button.btn-playlist-clicked,
main section.player header .bar-controls ul.actions li button.btn-playlist-clicked:before {
  color: #009900;
}

main section.player header .bar-controls ul.actions li button.btn-playlist-clicked:before {
  content: "\f00c";
  font-weight: 900;
}

main section.player header .bar-controls ul.actions li button.btn-action-share:before {
  content: "\f1d8";
}

main section.player header .bar-controls ul.actions li button.btn-action-report:before {
  content: "\f024";
}

main section.player header .bar-controls ul.actions li button.btn-action-download:before {
  content: "\f063";
  font-weight: 900;
}

@media screen and (max-width: 768px) {
  main section.player header .bar-controls button[class*='btn-action-'] span {
    display: none;
  }

  main section.player header .bar-controls button[class*='btn-action-']:before {}
}


/* PLAYER DESCRIÇÃO VÍDEO
---------------------------------------------------------------- */
main section.player .userinfo-content {
  display: -webkit-flex;
  display: flex;
}

main section.player .userinfo-content a.user {
  display: -webkit-flex;
  display: flex;
}

@media screen and (min-width: 768px) {
  main section.player .userinfo-content {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
  }

  main section.player .userinfo-content a.user {
    -webkit-align-items: center;
    align-items: center;
  }
}

main section.player .userinfo-content a.user picture.userimage {
  width: 34px;
  height: 34px;
  margin-right: 8px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  background-image: url(../img/user.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

main section.player .userinfo-content a.user picture.userimage img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
}

main section.player .userinfo-content a.user picture.channel-image {
  width: 34px;
  height: 34px;
  margin-right: 8px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border: solid 1px #999999;
}

main section.player .userinfo-content a.user picture.channel-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

main section.player .userinfo {
  flex-direction: column;
}

main section.player .userinfo a {
  display: block;
}

main section.player .userinfo a.username {
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  color: #009DD9;
  white-space: nowrap;
  text-decoration: none;
  line-height: 18px;
}

main section.player .userinfo a.username:hover {
  color: #0285B7;
}


main section.player .userinfo a.userinst {
  font-family: 'Roboto';
  font-weight: 400;
  font-style: normal;
  color: #009DD9;
  font-size: 13px;
  white-space: nowrap;
  text-decoration: none;
  line-height: 14px;
}

main section.player .userinfo a.userinst:hover {
  color: #0285B7;
}

main section.player .userinfo .description {
  font-family: 'Roboto Thin', 'Roboto';
  font-weight: 200;
  font-size: 12px;
  color: #666666;
}

main section.player article.player-description .userinfo-content-box .info {
  display: flex;
  flex-direction: column;
}

main section.player article.player-description .userinfo-content-box .info span {
  display: block;
  font-family: 'Roboto Thin', 'Roboto';
  white-space: nowrap;
  font-style: normal;
  font-size: 12px;
  color: #999999;
  line-height: normal;
}

main section.player article.player-description .video-copyright {
  display: flex;
  flex-wrap: wrap;
  margin-left: 42px;
  margin-top: 10px;
}

main section.player article.player-description .video-copyright span {
  font-family: 'Roboto Thin', 'Roboto';
  font-weight: 200;
  color: #666666;
  font-style: normal;
  font-size: 14px;
}

main section.player article.player-description .video-copyright span.live {
  color: #CC0000;
}

main section.player article.player-description .video-copyright span.live .time {
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
  color: #CC0000;
}

main section.player article.player-description .video-copyright span.wait {
  color: #FF9900;
}

main section.player article.player-description .video-copyright span.wait .time {
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
  color: #FF9900;
}

main section.player article.player-description .video-copyright .trace:after {
  content: "-";
  margin: 0 5px;
  color: #666666;
}

main section.player article.player-description .video-copyright a {
  font-family: 'Roboto Thin', 'Roboto';
  font-weight: 200;
  color: #009DD9;
  white-space: nowrap;
  font-size: 14px;
  line-height: normal;
}

main section.player article.player-description .video-copyright a:hover {
  color: #0285B7;
}

main section.player article.player-description .video-copyright button.btn-alert {
  white-space: nowrap;
  font-family: 'Roboto';
  font-weight: 400;
  font-style: normal;
  color: #009DD9;
  font-size: 13px;
  padding: 0;
  margin-left: 20px;
  display: flex;
}

main section.player article.player-description .video-copyright button.btn-alert i {
  color: #000;
  font-size: 20px;
  margin-right: 5px;
}

main section.player article.player-description .video-copyright button.btn-alert-active {
  display: none;
  white-space: nowrap;
  font-family: 'Roboto';
  font-weight: 400;
  font-style: normal;
  color: #009900;
  font-size: 13px;
  padding: 0;
  margin-left: 20px;
}

main section.player article.player-description .video-copyright button.btn-alert-active:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f00c";
  margin-right: 5px;
}

main section.player article.player-description p.description {
  font-family: 'Roboto';
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  text-align: left;
  line-height: normal;
  color: #333333;
  margin: 10px 0 0 42px;
}

main section.player article.player-description div.tagline {
  margin: 5px 0px 0px 42px;
  list-style: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}

main section.player article.player-description div.tagline a.tag {
  margin-right: 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #999999;
  font-family: "Roboto Thin", 'Roboto';
  white-space: nowrap;
  font-weight: 200;
  font-style: normal;
  font-size: 14px;
  color: #FFFFFF;
  padding: 2px 10px;
  margin-bottom: 3px;
}

main section.player article.player-description div.tagline a.tag:hover {
  background-color: #666666;
}

main section.player article.player-description [class*='content-box'] {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

main section.player article.player-description .content-box-channelinfo {
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

main section.player article.player-description [class*='content-box'] .videoinfo-content {
  display: flex;
  margin-left: 20px;
}

main section.player article.player-description [class*='content-box'] .videoinfo-content .info {
  display: flex;
  flex-direction: column;
  color: #999;
  font-family: 'Roboto Thin', 'Roboto';
  font-weight: 200;
}

main section.player article.player-description [class*='content-box'] .videoinfo-content .info span {
  white-space: nowrap;
}

main section.player article.player-description [class*='content-box'] .videoinfo-content button.btn-follow {
  width: auto;
  padding: 6px 12px !important;
  margin-right: 10px;
}

@media screen and (max-width: 575px) {

  main section.player article.player-description .content-box-channelinfo,
  main section.player article.player-description .userinfo-content-box {
    flex-direction: column;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }

  main section.player article.player-description [class*='content-box'] .videoinfo-content {
    margin-top: 10px;
    margin-left: 40px;
    flex-wrap: wrap;
  }
}

@media screen and (min-width: 576px) {
  main section.player article.player-description .userinfo-content-box {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }

  main section.player article.player-description [class*='content-box'] .videoinfo-content {
    flex-direction: row;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
}


/* PLAYER SCHEDULED
---------------------------------------------------------------- */
.player-area.scheduled [id$="player"] {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  flex-direction: column;
}

.player-area.scheduled [id$="player"] .poster-area {
  position: relative;
  min-width: 70%;
  width: 70%;
  max-width: 70%;
  overflow: hidden;
}

.player-area.scheduled [id$="player"] .poster-area video {
  min-width: 100%;
  width: 100%;
  max-width: 100%;
  height: 100%;
}

.player-area.scheduled [id$="player"] .poster-area tagline {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 2;
  padding: 0.5rem;
}

.player-area.scheduled [id$="player"] .poster-area tagline tag[class*='badge-'] {
  font-size: 14px;
}

.player-area.scheduled [id$="player"] .poster-area tagline tag.badge-wait {
  background-color: #ff9900;
  text-transform: none;
}

.player-area [id$="player"] p.waiting-message {
  white-space: nowrap;
  font-family: 'Roboto';
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  color: #FFFFFF;
  line-height: normal;
  margin-bottom: 0px;
  margin-top: 15px;
  text-align: center;
}


/* PLAYER COMENTÁRIOS VÍDEO
---------------------------------------------------------------- */
main section.player article.player-comments {
  margin-top: 40px;
}

main section.player article.player-comments .tab-header {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  border-bottom: solid 1px #dee2e6;
  margin-bottom: 25px;
}

main section.player article.player-comments .tab-header .subtitle {
  white-space: nowrap;
  font-family: 'Roboto Medium', 'Roboto';
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  color: #333333;
  text-align: left;
  line-height: normal;
}

@media screen and (max-width: 768px) {
  main section.player article.player-comments .tab-header .subtitle {
    font-size: 12px;
  }
}

main section.player article.player-comments .tab-header ul.nav-tabs {
  border: none;
}

main section.player article.player-comments .tab-header ul.nav-tabs li.nav-item a {
  font-family: 'Roboto';
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  color: #AEAEAE;
  line-height: normal;
}

@media screen and (max-width: 768px) {
  main section.player article.player-comments .tab-header ul.nav-tabs li.nav-item a {
    font-size: 12px;
  }
}

main section.player article.player-comments .tab-header ul.nav-tabs li.nav-item a.nav-link {
  border: none;
}

main section.player article.player-comments .tab-header ul.nav-tabs li.nav-item a.nav-link.active {
  border-bottom: 4px solid #000;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  color: #333;
}

main section.player article.player-comments .tab-content .comment {
  margin-bottom: 35px;
}

main section.player article.player-comments .tab-content .comment .comment-user-info,
main section.player article.player-comments .tab-content .comment .current-user-info {
  display: -webkit-flex;
  display: flex;
  /*-webkit-align-items: center;
  align-items: center;*/
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

main section.player article.player-comments .tab-content .comment .comment-user-info .comment-user,
main section.player article.player-comments .tab-content .comment .current-user-info .current-user {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

main section.player article.player-comments .tab-content .comment .comment-user-info .data {
  white-space: nowrap;
  font-family: 'Roboto';
  font-weight: 400;
  font-style: normal;
  color: #999999;
  line-height: normal;
}

main section.player article.player-comments .tab-content .comment .user-comment {
  margin: 10px 0 0 42px;
  font-family: 'Roboto';
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  color: #333333;
  line-height: 17px;
}

main section.player article.player-comments .tab-content .comment ul.action {
  margin: 5px 0 0 42px;
  list-style: none;
  padding: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

main section.player article.player-comments .tab-content .comment ul.action li button[class*='btn-'] {
  border: solid 3px #000;
  border: none;
  background-color: #FFF;
  padding: 0px;
  margin-right: 3px;
}

main section.player article.player-comments .tab-content .comment ul.action li.like {
  margin-right: 10px;
}

main section.player article.player-comments .tab-content .comment ul.action li.like:first-child {
  margin-right: 20px;
}

main section.player article.player-comments .tab-content .comment ul.action li.like button {
  border: none;
  background-color: transparent;
  padding: 5px 3px 4px 3px;
}

main section.player article.player-comments .tab-content .comment ul.action li.like button.videoLike .iconEmpty::before {
  content: "\f164";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #0f0f0f;
  font-size: 18px;
}

main section.player article.player-comments .tab-content .comment ul.action li.like button.videoLike .iconActive::after {
  content: "\f164";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #009a00;
  font-size: 18px;
}

main section.player article.player-comments .tab-content .comment ul.action li.like button.videoDislike .iconEmpty::before {
  content: "\f165";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #0f0f0f;
  font-size: 18px;
}

main section.player article.player-comments .tab-content .comment ul.action li.like button.videoDislike .iconActive::after {
  content: "\f165";
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #009a00;
  font-size: 18px;
}

main section.player article.player-comments .tab-content .comment ul.action li.like button .hide {
  display: none;
}

main section.player article.player-comments .tab-content .comment ul.action li.like .like-number {
  white-space: nowrap;
  font-family: 'Roboto';
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  color: #666666;
  line-height: normal;
}

main section.player article.player-comments .tab-content .comment ul.action li.showmore button {
  white-space: nowrap;
  font-family: 'Roboto';
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  color: #009DD9;
  line-height: normal;
}

main section.player article.player-comments .tab-content .comment ul.action li.showmore button:hover {
  color: #0285B7;
}

main section.player article.player-comments .tab-content .comment ul.action li.showmore {
  display: none;
}

main section.player article.player-comments .tab-content .comment ul.action li.showmore button.btn {
  font-family: 'Roboto';
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  color: #009DD9;
  line-height: normal;
  white-space: nowrap;
}

main section.player article.player-comments .tab-content .comment ul.action li.showmore button.btn:hover {
  color: #0285B7;
}

main section.player article.player-comments .tab-content .comment .current-user-comment {
  margin-left: 42px;
}

main section.player article.player-comments .tab-content .comment .current-user-info .current-user .userinfo {
  flex-direction: column;
}

main section.player article.player-comments .tab-content .comment .current-user-info .current-user .userinfo a {
  display: block;
}

main section.player article.player-comments .tab-content .comment .current-user-info .current-user .userinfo a.username {
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  color: #009DD9;
  white-space: nowrap;
  text-decoration: none;
  line-height: 16px;
}

main section.player article.player-comments .tab-content .comment .current-user-info .current-user .userinfo a.userinst {
  font-family: 'Roboto';
  font-weight: 400;
  font-style: normal;
  color: #999;
  font-size: 13px;
  white-space: nowrap;
  text-decoration: none;
  line-height: 13px;
}

main section.player article.player-comments .tab-content .comment .current-user-comment textarea {
  margin-bottom: 10px;
}


/* VÍDEO PLAYER
---------------------------------------------------------------- */
[id$="player"] {
  position: relative;
  width: 70%;
  overflow: hidden;
}

[id$="player"] audio,
#videoplayer video {
  width: 100%;
  object-fit: cover;
}

[id$="player"] video source {
  width: 100%;
}

.player-area .container {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

@media screen and (max-width: 575px) {
  main section.player .player-area #videoplayer {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
  }

  main section.player .player-area video {
    width: 100%;
  }

  main section.player .video-w-playlist #videoplayer {
    width: 100%;
  }
}

@media screen and (min-width: 575px) {
  main section.player .player-area video {
    width: 100%;
    height: 100%;
  }

  main section.player .video-w-playlist #videoplayer {
    width: 100%;
  }
}

@media screen and (max-width: 1200px) {
  [id$="player"] {
    width: 100%;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  main section.player .player-area {
    padding: 18px;
  }

  main section.player .player-area video {
    width: 100%;
  }
}

@media screen and (max-width: 992px) {
  main section.player .player-area {
    padding-top: 18px;
    padding-bottom: 18px;
  }
}

@media screen and (min-width: 992px) {
  main section.player .player-area #videoplayer {
    min-height: 550px;
    height: 550px;
    max-height: 550px;
  }
}

main section.player .player-area #videoplayer .video-blocked {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.7);
  z-index: 2001;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  flex-direction: column;
}

main section.player .player-area #videoplayer .video-blocked i {
  color: #CC0000;
  font-size: 50px;
}

main section.player .player-area #videoplayer .video-blocked .alert {
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
  color: #CC0000;
  font-size: 30px;
}

main section.player .player-area #videoplayer .video-blocked .alert-text {
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
  color: #000;
  font-size: 20px;
  align-content: center;
  align-items: center;
  text-align: center;
}

main section.player .player-area #videoplayer .video-blocked .alert-link {
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
  color: #009dd9;
  font-size: 20px;
}

main section.player .player-area #videoplayer .video-blocked .alert-link:hover {
  color: #0285B7;
}


/* THUMBNAIL VIDEO PREVIEW
---------------------------------------------------------------- */
[id$="player"] .thumbnail-preview {
  display: none;
  width: 200px;
  max-width: 200px;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  margin-bottom: 50px;
  z-index: 5;
  object-fit: cover;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.54);
  box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.54);
  background-color: #444;
}

[id$="player"] .thumbnail-preview .header {
  height: 52px;
  display: flex;
  padding: 12px;
}

[id$="player"] .thumbnail-preview .header .number {
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  color: #FFFFFF;
  margin-right: 10px;
}

[id$="player"] .thumbnail-preview .header p.subtitle {
  font-family: 'Roboto Thin', 'Roboto';
  font-weight: 200;
  opacity: 0.768627450980392;
  font-style: normal;
  font-size: 14px;
  color: #FFFFFF;
  margin: 0;
  line-height: 14px;
}

[id$="player"] .thumbnail-preview picture {
  height: 118px;
  max-height: 118px;
}

[id$="player"] .thumbnail-preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

[id$="player"] .thumbnail-preview .minute {
  bottom: 0;
  width: 100%;
  position: absolute;
  z-index: 6;
  background-color: rgba(0, 0, 0, 0.7);
  color: #FFF;
  text-align: center;
  font-family: 'Roboto Thin', 'Roboto';
  font-weight: 200;
  font-size: 14px;
  padding: 4px;
}


/* SEEKBAR
---------------------------------------------------------------- */
[id$="player"] .gradient {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0+0,0.65+70 */
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 70%, rgba(0, 0, 0, 0.65) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 70%, rgba(0, 0, 0, 0.65) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 70%, rgba(0, 0, 0, 0.65) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
  /* IE6-9 */
  width: 100%;
  height: 100px;
  position: absolute;
  bottom: 0;
  z-index: 1998;
  display: none;
}

[id$="player"] #seekbar {
  position: absolute;
  width: 100%;
  bottom: 0;
  z-index: 2000;
  background-color: rgba(0, 0, 0, 0.1);
}

[id$="player"] #seekbar .controls {
  display: flex;
  flex-direction: column;
}

[id$="player"] #seekbar .controls .buttons-bar {
  display: none;
  margin-top: 2px;
}

[id$="player"] #seekbar .controls .buttons-bar.hover {
  display: block;
}

[id$="player"] #seekbar .controls .buttons {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 6px 10px;
}

[id$="player"] #seekbar .controls .buttons > ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

[id$="player"] #seekbar .controls .buttons ul li {
  margin: 0 2px;
  color: #FFF;
  font-family: 'Roboto Thin', 'Roboto';
  font-weight: 200;
  font-size: 15px;
}

[id$="player"] #seekbar .controls .buttons ul li button {
  background-color: transparent;
  border: none;
  color: #FFF;
  font-size: 19px;
  width: 32px;
  height: 32px;
  max-width: 32px;
  max-height: 32px;
  overflow: hidden;
}

[id$="player"] #seekbar .controls .buttons ul li button:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

[id$="player"] #seekbar .controls .buttons ul li button#replay:before {
  content: '\f2f9';
}

[id$="player"] #seekbar .controls .buttons ul li button#rew:before {
  content: '\f048';
}

[id$="player"] #seekbar .controls .buttons ul li button#play:before {
  content: '\f04b';
}

[id$="player"] #seekbar .controls .buttons ul li button#fastFwd:before {
  content: '\f051';
}

[id$="player"] #seekbar .controls .buttons ul li button#sound:before {
  content: '\f028';
}

[id$="player"] #seekbar .controls .buttons ul li button#device:before {
  content: '\f09e';
}

[id$="player"] #seekbar .controls .buttons ul li button#screen:before {
  content: '\f108';
}

[id$="player"] #seekbar .controls .buttons ul li button#settings:before {
  content: '\f013';
}

[id$="player"] #seekbar .controls .buttons ul li button#fullscreen:before {
  content: '\f065';
}

[id$="player"] #seekbar .controls .buttons ul li button#playlist:before {
  content: '\f550';
  color: #009dd9;
}

[id$="player"] #seekbar .controls .buttons ul li button#pause:before {
  content: '\f04c';
}

[id$="player"] #seekbar .controls .buttons ul li button#videoslide {
  background-image: url(../img/icon_video_slide.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 75%;
}

[id$="player"] #seekbar .controls .buttons ul li button#topicos-prev {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  padding-right: 0;
}

[id$="player"] #seekbar .controls .buttons ul li button#topicos-next {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  padding-left: 0;
}

[id$="player"] #seekbar .controls .buttons ul li button#topicos-prev:before {
  content: '\f053';
}

[id$="player"] #seekbar .controls .buttons ul li button#topicos-next:before {
  content: '\f054';
}

[id$="player"] #seekbar .controls .buttons ul li button#topicos:before {
  content: '\f03a';
  margin-right: 7px;
}

[id$="player"] #seekbar .controls .buttons ul li button#topicos {
  width: 130px;
  max-width: 130px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  color: #FFF;
  font-family: 'Roboto Thin', 'Roboto';
  font-weight: 200;
  font-size: 15px;
}

.dropdown-menu-topicos {
  max-height: 478px;
  min-width: 520px;
  width: 520px;
  max-width: 520px;
  padding: 18px;
}

.dropdown-menu-topicos .header {
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
  font-size: 22px;
  color: #FFF;
  border-bottom: 1px solid #949494;
}

.dropdown-menu-topicos ol {
  counter-reset: item;
  list-style-type: decimal-leading-zero;
  padding-left: 0px;
  list-style-position: outside;
  border-collapse: collapse;
  border-spacing: 0px 10px;
}

.dropdown-menu-topicos > ol {
  height: 400px;
  max-height: 400px;
  overflow-y: scroll;
  overflow-x: hidden;
}

.dropdown-menu-topicos ol li {
  font-family: 'Roboto Medium', 'Roboto' !important;
  display: block;
  font-weight: 500 !important;
  color: #949494;
  -webkit-align-items: center;
  align-items: center;
  display: table-row;
  line-height: 19px;
}

.dropdown-menu-topicos ol li:before {
  content: counters(item, ".") ".";
  counter-increment: item;
  min-width: 30px !important;
  width: 30px;
  overflow: hidden;
  display: table-cell;
  text-align: right;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  padding-right: .3em;
  color: #949494;
  transition-duration: 2s;
  padding-left: 20px;
}

.dropdown-menu-topicos ol li a {
  text-decoration: none;
  color: #949494;
  padding: 7px 7px 7px 0px;
  line-height: 17px;
  display: block;
  position: relative;
}

.dropdown-menu-topicos ol li:hover {
  background-color: #323232;
  color: #FFF;
}

.dropdown-menu-topicos ol li:hover,
.dropdown-menu-topicos ol li a:hover {
  color: #FFF;
}

.dropdown-menu-topicos ol li:hover::before {
  color: #FFF;
}

.dropdown-menu-topicos ol li.active,
.dropdown-menu-topicos ol li.active a,
.dropdown-menu-topicos ol li.active:before {
  color: #FFF;
}

.dropdown-menu-topicos ol li.active a:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0da";
  color: #0099ff;
  position: absolute;
  left: 0;
  margin-left: -40px;
  font-size: 20px;
}

[id$="player"] #seekbar .controls .buttons ul li.viewnow {
  font-family: 'Roboto Medium', 'Roboto';
  margin-left: 10px;
  font-weight: 600;
}

[id$="player"] #seekbar .controls .buttons ul li tag {
  font-size: 13px;
  font-weight: 500;
}

[id$="player"] #seekbar .controls .buttons ul li tag.badge-blue {
  display: none;
}

#seekbar .controls .track {
  width: 100%;
  height: 5px;
  max-height: 5px;
  position: relative;
}

#seekbar .controls .track [class*='progress-'] {
  position: absolute;
  height: 100%;
}

#seekbar .controls .track .progress-full {
  background-color: #797979;
  z-index: 1;
  width: 100%;
}

#seekbar .controls .track .progress-loaded {
  background-color: #a1a1a1;
  z-index: 2;
  width: 70%;
}

#seekbar .controls .track .progress-buffered {
  background-color: #00b9ff;
  z-index: 3;
  width: 40%;
}

#seekbar .controls .track .progress-marked {
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 4;
  width: 3px;
}

#seekbar .controls .track .progress-live {
  background-color: #cc0000;
  z-index: 5;
  width: 100%;
}

#seekbar .controls .buttons-bar .buttons ul li.btn-group .dropdown-menu {
  background-color: #444444;
  padding: 20px 16px;
  width: 287px;
}

#seekbar .controls .buttons-bar .buttons ul li.btn-group .dropdown-menu a.dropdown-item {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  color: #FFF;
  padding: 5px;
}

#seekbar .controls .buttons-bar .buttons ul li.btn-group .dropdown-menu a.dropdown-item:hover {
  background-color: rgba(0, 0, 0, 0.1)
}

#seekbar .controls .buttons-bar .buttons ul li.btn-group .dropdown-menu a.dropdown-item .option {
  font-family: 'Roboto';
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  color: #aeaeae;
}

#seekbar .controls .buttons-bar .buttons ul li.btn-group .dropdown-menu a.dropdown-item .option:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f054";
  margin-left: 7px;
}

#seekbar .controls .buttons-bar .buttons ul li.btn-group .dropdown-menu .form-check {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  padding: 14px 0;
}

#seekbar .controls .buttons-bar .buttons ul li.btn-group .dropdown-menu-settings .form-check {
  margin-top: 14px;
  padding-top: 18px;
  border-top: solid 1px #999999;
}

#seekbar .controls .buttons-bar .buttons ul li.btn-group .dropdown-menu-slidevideo .form-check:last-child {
  margin-top: 14px;
  padding-top: 18px;
  border-top: solid 1px #999999;
}

#seekbar .controls .buttons-bar .buttons ul li.btn-group .dropdown-menu .form-check input[type="checkbox"][class*='styled-checkbox-'],
#seekbar .controls .buttons-bar .buttons ul li.btn-group .dropdown-menu .form-check input[type="radio"][class*='styled-checkbox-'] {
  position: relative;
  opacity: 0;
  border: solid 4px #999999;
}

[class*='styled-checkbox-'] + label {
  position: absolute;
  cursor: pointer;
  padding: 0;
  left: 0;
}

.styled-checkbox-seek + label:before {
  content: "";
  display: inline-block;
  vertical-align: text-top;
  width: 24px;
  height: 24px;
  border: solid 1px #999999;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  margin-right: 0px;
  background: #333333;
  margin-right: 8px;
}

.styled-checkbox-seek:hover + label:before {
  background: #333333;
}

.styled-checkbox-seek:checked + label:before {
  background: #333333;
}

.styled-checkbox-seek:disabled + label {
  color: #b8b8b8;
  cursor: auto;
}

[class*='styled-checkbox-']:disabled + label:before {
  box-shadow: none;
  background: #ddd;
}

[class*='styled-checkbox-']:checked + label:after {
  content: "";
  position: absolute;
  left: 5px;
  top: 9px;
  background: #0099ff;
  width: 3px;
  height: 3px;
  box-shadow: 3px 0 0 #0099ff, 6px 0 0 #0099ff, 6px -3px 0 #0099ff, 6px -6px 0 #0099ff, 6px -8px 0 #0099ff, 6px -10px 0 #0099ff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

#seekbar .controls .buttons-bar .buttons ul li.btn-group .dropdown-menu a.dropdown-item label,
#seekbar .controls .buttons-bar .buttons ul li.btn-group .dropdown-menu .form-check label {
  font-family: 'Roboto';
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  color: #FFFFFF;
  margin: 0;
  padding: 0;
}

#seekbar .controls .buttons-bar .buttons ul li.btn-group .dropdown-menu .form-check label.form-check-label {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

.styled-checkbox-slide + label:before {
  content: "";
  display: inline-block;
  vertical-align: text-top;
  width: 24px;
  height: 24px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  background: #444444;
}

.styled-checkbox-slide:hover + label:before {
  background: #444444;
}

.styled-checkbox-slide:checked + label:before {
  background: #444444;
}

.styled-checkbox-slide:disabled + label {
  color: #b8b8b8;
  cursor: auto;
}

.styled-checkbox-slide:checked + label:after {
  content: "";
  position: absolute;
  left: 5px;
  top: 15px;
  background: #0099ff;
  width: 3px;
  height: 3px;
  box-shadow: 3px 0 0 #0099ff, 6px 0 0 #0099ff, 6px -3px 0 #0099ff, 6px -6px 0 #0099ff, 6px -8px 0 #0099ff, 6px -10px 0 #0099ff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

li.btn-group .dropdown-menu .form-check {}

li.btn-group .dropdown-menu .form-check label {
  width: 100%;
}

li.btn-group .dropdown-menu .form-check label span.icon {
  margin-left: 8px;
  width: 100%;
}

.form-check {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

.form-check label .icon {
  background-repeat: no-repeat;
  background-position: left center;
  min-width: 34px;
  min-height: 34px;
  width: 34px;
  height: 34px;
  max-width: 34px;
  max-height: 34px;
  margin-left: 35px;
  margin-right: 7px;
}

.form-check.CheckSlide label .icon {
  background-image: url(../img/icon_slide_maior.png);
}

.form-check.CheckVideo label .icon {
  background-image: url(../img/icon_video_maior.png);
}

.form-check.CheckSlideVideo label .icon {
  background-image: url(../img/icon_video_slide.png);
}


/* AUDIO PLAYER
---------------------------------------------------------------- */
main section.player .audio-area .container {
  height: 100%;
}

main section.player .audio-area [id$="player"] audio {
  height: 100%;
  min-height: 300px !important;
  width: 70%;
  border: solid 4px cyan;
}

main section.player .audio-area #audioplayer > tagline {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 1rem;
  z-index: 11;
  display: none;
}

main section.player .audio-area #audioplayer poster {
  height: 100%;
  position: relative;
  object-fit: cover;
  width: 100%;
  background-color: #353535;
  display: inline-flex;
  overflow: hidden;
  min-height: 300px !important;
}

main section.player .audio-area #audioplayer poster:before {
  content: '';
  width: 100% !important;
  height: 100%;
  position: absolute;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.4);
  transition-duration: 2s;
}

main section.player .audio-area #audioplayer poster:hover:before {
  background-color: rgba(0, 0, 0, 0.6);
}

main section.player .audio-area #audioplayer poster > img {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
  z-index: 9;
}

main section.player .audio-area #audioplayer poster > picture.userimage {
  position: absolute;
  background-image: url(../img/user_profile.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  width: 184px;
  height: 184px;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
  z-index: 8;
}

main section.player .audio-area #audioplayer poster > picture.userimage > img {
  min-width: 100%;
  min-height: 100%;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  border: solid 1px #9f9f9f;
}

@media screen and (max-width: 575px) {
  main section.player .audio-area audio {
    width: 100%;
  }

  main section.player .audio-area #audioplayer {
    width: 100%;
  }
}

@media screen and (min-width: 575px) {
  main section.player .audio-area audio {
    width: 100%;
  }

  main section.player .audio-area #audioplayer {
    width: 100%;
  }
}

@media screen and (min-width: 992px) {
  main section.player .audio-area #audioplayer {
    min-height: 550px;
    height: 550px;
    max-height: 550px;
  }
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
  main section.player .audio-area #audioplayer {
    width: 90%;
  }
}

@media screen and (min-width: 1200px) {
  main section.player .audio-area #audioplayer {
    width: 70%;
  }
}


/* PLAYER WITH PLAYLIST
---------------------------------------------------------------- */
main section.player article.video-w-playlist {
  padding: 18px;
}

main section.player article.video-w-playlist aside.playlist {
  background-color: #2d2d2d;
  height: 100%;
}

main section.player article.video-w-playlist aside.playlist header {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  background-color: #444;
  padding: 15px;
  border-bottom: solid 1px #4e4e4e;
  margin-bottom: 8px;
}

main section.player article.video-w-playlist aside.playlist header picture {
  width: 40px;
  height: 40px;
  border: solid 1px #e4e4e4;
  margin-right: 7px;
  background-color: #FFF;
}

main section.player article.video-w-playlist aside.playlist header picture.podcast {
  width: 70px;
}

main section.player article.video-w-playlist aside.playlist header picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

main section.player article.video-w-playlist aside.playlist header .playlist-info {}

main section.player article.video-w-playlist aside.playlist header .playlist-info p {
  margin-bottom: 0px;
}

main section.player article.video-w-playlist aside.playlist header .playlist-info p.title {
  font-family: 'Roboto Medium', 'Roboto';
  font-weight: 500;
  font-style: normal;
  font-size: 18px;
  color: #00B9FF;
}

main section.player article.video-w-playlist aside.playlist header .playlist-info p span {
  margin-right: 4px;
}

main section.player article.video-w-playlist aside.playlist header .playlist-info p .type {
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
  opacity: 0.67843137254902;
  font-style: normal;
  font-size: 14px;
  color: #FFFFFF;
}

main section.player article.video-w-playlist aside.playlist header .playlist-info p .itens {
  font-family: 'Roboto Thin', 'Roboto';
  font-weight: 200;
  opacity: 0.67843137254902;
  font-style: normal;
  font-size: 14px;
  color: #FFFFFF;
}

main section.player article.video-w-playlist aside.playlist header .playlist-info p .username {
  font-family: 'Roboto Thin', 'Roboto';
  font-weight: 200;
  font-style: normal;
  font-size: 14px;
  color: #00B9FF;
}

main section.player article.video-w-playlist aside.playlist ul {
  padding: 0;
  margin: 0;
  list-style: none;
  max-height: calc(100% - 87px) !important;
  overflow-y: scroll;
}

main section.player article.video-w-playlist aside.playlist ul li {
  padding: 8px 8px 8px 40px;
  counter-increment: demoCounter;
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

main section.player article.video-w-playlist aside.playlist ul li.thumb-audio:before {
  height: auto !important;
}

main section.player article.video-w-playlist aside.playlist ul.podcast li {
  padding: 8px 8px 8px 50px;
}

main section.player article.video-w-playlist aside.playlist ul li:before {
  content: counter(demoCounter);
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  color: #FFFFFF;
  text-align: center;
  opacity: 0.509803921568627;
  min-width: 25px;
  width: 25px;
  max-width: 25px;
  margin-left: 8px;
  margin-right: 4px;
  overflow: hidden;
  display: block;
  letter-spacing: -2px;
  position: absolute;
  left: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: transparent;
  background-image: none;
}

main section.player article.video-w-playlist aside.playlist ul li.active:before {
  color: #000;
  opacity: 1;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  background-color: #FFF;
}

main section.player article.video-w-playlist aside.playlist ul li.active:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  left: 0;
  border-style: solid;
  border-width: 10.5px 0 10.5px 12px;
  border-color: transparent transparent transparent #fff;
  z-index: 10;
  position: absolute;
  margin-left: 33px;
}

main section.player article.video-w-playlist aside.playlist ul li.active {
  background-color: #5b5b5b;
}

main section.player article.video-w-playlist aside.playlist ul li a {
  text-decoration: none;
  display: flex;
}

main section.player article.video-w-playlist aside.playlist ul li picture {
  min-width: 95px;
  width: 95px;
  max-width: 95px;
  min-height: 63px;
  height: 63px;
  max-height: 63px;
  margin-right: 7px;
}

main section.player article.video-w-playlist aside.playlist ul li picture img.thumb {
  min-width: 100%;
  width: 100%;
  max-width: 100%;
  min-height: 100%;
  height: 100%;
  max-height: 100%;
  object-fit: cover;
}

main section.player article.video-w-playlist aside.playlist ul li.thumb-audio picture {
  border: solid 1px #c9c9c9;
  position: relative;
}

main section.player article.video-w-playlist aside.playlist ul li.thumb-audio picture:before {
  background-image: url(../img/audio.png);
  background-position: calc(100% - 0px) calc(100% - 3px);
  background-repeat: repeat-x;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 20;
  left: 0;
}

main section.player article.video-w-playlist aside.playlist ul li a .info-video p.title {
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  color: #cdcdcd;
  line-height: 16px;
  margin-bottom: 8px;
  max-height: 32px;
  overflow: hidden;
}

main section.player article.video-w-playlist aside.playlist ul li a:hover .info-video p.title {
  color: #FFFFFF;
}

main section.player article.video-w-playlist aside.playlist ul li .info-video .tagline .data {
  font-family: 'Roboto Thin', 'Roboto';
  font-weight: 200;
  opacity: 0.768627;
  font-style: normal;
  font-size: 14px;
  color: #FFFFFF;
}

main section.player article.video-w-playlist aside.playlist ul li .info-video .tagline .data:hover {
  opacity: 0.9;
}

@media screen and (min-width: 992px) {
  main section.player article.video-w-playlist aside.playlist {
    min-height: 550px;
    height: 550px;
    max-height: 550px;
  }
}

@media screen and (max-width: 991px) {
  main section.player article.video-w-playlist aside.playlist {
    min-height: 340px;
    height: 340px;
    max-height: 340px;
  }
}

@media screen and (min-width: 1201px) {
  main section.player article.video-w-playlist aside.playlist {
    min-width: 415px;
    width: 415px;
    max-width: 415px;
    margin-left: 40px;
  }
}

@media screen and (max-width: 991px) {
  .video-w-playlist .colHeight {
    flex-wrap: wrap;
  }

  .video-w-playlist .colHeight aside.playlist {
    min-width: 100%;
    width: 100%;
    max-width: 100%;
    margin-top: 20px;
  }

  .video-w-playlist .colHeight aside.playlist ul {
    max-height: 350px;
    overflow-y: auto;
  }
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
  .video-w-playlist .colHeight aside.playlist ul {
    overflow-y: auto;
    max-height: calc(542px - 79px);
  }

  .video-w-playlist .colHeight aside.playlist {
    min-width: 350px;
    width: 350px;
    max-width: 350px;
    margin-left: 30px;
  }
}


/* Player Chat
---------------------------------------------------------------- */
main section.player aside .chat-box {
  margin-bottom: 30px;
  -webkit-box-shadow: 3px 3px 3px 0px rgba(173, 173, 173, 0.4);
  -moz-box-shadow: 3px 3px 3px 0px rgba(173, 173, 173, 0.4);
  box-shadow: 3px 3px 3px 0px rgba(173, 173, 173, 0.4);
}

main section.player aside .chat-box .accordionChat .card .card-header {
  padding: 0.8rem;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

main section.player aside .chat-box .accordionChat .card .card-header h6 {
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  color: #666666;
  text-transform: none;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

main section.player aside .chat-box .accordionChat .card .card-header h6 i {
  font-size: 22px;
  color: #afafaf;
  margin-right: 10px;
}

main section.player aside .chat-box .accordionChat .card .card-header button {
  padding-left: 0px;
  padding-right: 0px;
  font-family: 'Roboto Thin', 'Roboto';
  font-weight: 200;
  font-size: 14px;
  color: #009DD9;
}

main section.player aside .chat-box .accordionChat .card .card-header button span:before {
  margin-right: 5px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #999999;
}

main section.player aside .chat-box .accordionChat .card .card-header button span.hide:before {
  content: '\f077';
}

main section.player aside .chat-box .accordionChat .card .card-header button span.show:before {
  content: '\f078';
}

main section.player aside .chat-box .accordionChat .card .card-header button.btn-link .hide {
  display: inline;
}

main section.player aside .chat-box .accordionChat .card .card-header button.btn-link:not(.collapsed) .show {
  display: none;
}

main section.player aside .chat-box .accordionChat .card .card-header button.btn-link.collapsed .hide {
  display: none;
}

main section.player aside .chat-box .accordionChat .card .collapse .start {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 0.8rem;
}

main section.player aside .chat-box .accordionChat .card .collapse .start [class*='status-'] {
  font-family: 'Roboto';
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
}

main section.player aside .chat-box .accordionChat .card .collapse .start [class*='status-']:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 5px;
}

main section.player aside .chat-box .accordionChat .card .collapse .start .status-started {
  color: #009900;
}

main section.player aside .chat-box .accordionChat .card .collapse .start .status-started:before {
  content: '\f00c';
}

main section.player aside .chat-box .accordionChat .card .collapse .start .status-waiting {
  color: #ff8f21;
}

main section.player aside .chat-box .accordionChat .card .collapse .start .status-waiting:before {
  content: '\f017';
}

main section.player aside .chat-box .accordionChat .card .scrollbar {
  max-height: 408px;
  overflow-y: scroll;
  overflow-x: hidden;
}

main section.player aside .chat-box .accordionChat .card .collapse ul {
  margin: 0.3rem;
  padding: 0;
  list-style: none;
}

main section.player aside .chat-box .accordionChat .card .collapse .card-body {
  font-family: 'Roboto';
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 16px;
  color: #333333;
  display: flex;
  padding: 0.8rem;
  border: solid 1px white;
  margin-bottom: 0.3rem;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

main section.player aside .chat-box .accordionChat .card .collapse .card-body:hover,
main section.player aside .chat-box .accordionChat .card .collapse .card-body.active {
  border: solid 1px #cccccc;
  background-color: #ddf5fe;
}

main section.player aside .chat-box .accordionChat .card .collapse .card-body picture {
  width: 28px;
  height: 28px;
  margin-right: 8px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  background-image: url(../img/user_profile.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

main section.player aside .chat-box .accordionChat .card .collapse .card-body picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
}

main section.player aside .chat-box .accordionChat .card .collapse .card-body .card-body-chat .infogroup {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 5px;
}

main section.player aside .chat-box .accordionChat .card .collapse .card-body .card-body-chat .infogroup .infogroup-user {
  display: flex;
  flex-direction: column;
}

main section.player aside .chat-box .accordionChat .card .collapse .card-body .card-body-chat .infogroup .infogroup-user a {
  font-style: normal;
  color: #009DD9;
  text-decoration: none;
  line-height: 14px;
}

main section.player aside .chat-box .accordionChat .card .collapse .card-body .card-body-chat .infogroup .infogroup-user a:hover {
  color: #0285B7;
}

main section.player aside .chat-box .accordionChat .card .collapse .card-body .card-body-chat .infogroup .infogroup-user .username {
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
  font-size: 14px;
}

main section.player aside .chat-box .accordionChat .card .collapse .card-body .card-body-chat .infogroup .infogroup-user .inst {
  font-family: 'Roboto Thin', 'Roboto';
  font-weight: 200;
  font-size: 12px;
}

main section.player aside .chat-box .accordionChat .card .collapse .card-body .card-body-chat .infogroup .time {
  font-family: 'Roboto';
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  color: #999999;
  text-align: right;
}

form.message-sent {
  padding: 0.6rem;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  background-color: #f2f2f2;
  border-top: solid 1px #cccccc;
}

form.message-sent input {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: solid 1px #cccccc;
}

form.message-sent input[type="text"] {
  width: 70%;
  min-height: 100%;
  font-family: 'Roboto';
  font-weight: 300;
  font-style: normal;
  font-size: 14px;
  padding: 8px 5px;
}

form.message-sent input[type="button"] {
  width: 28%;
  /*background-color: #cccccc;*/
  background-color: #009DD9;
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  color: #F2F2F2;
  text-align: center;
  padding: 8px 3px;
}

form.message-sent input[type="button"]:hover,
form.message-sent input[type="button"]:active {
  /*background-color: #b3b3b3;*/
  background-color: #007fb1;
}


/* Button ConferênciaWeb
---------------------------------------------------------------- */
.conf {
  margin-bottom: 10px;
  overflow: hidden;
  position: relative;
}

.conf button {
  border: solid 1px #CCC;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 2px 2px 3px 0px rgba(173, 173, 173, 0.4) !important;
  -moz-box-shadow: 2px 2px 3px 0px rgba(173, 173, 173, 0.4) !important;
  box-shadow: 2px 2px 3px 0px rgba(173, 173, 173, 0.4) !important;
}

.conf button[class*='btn-conf-'] .btn-content {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

.conf button[class*='btn-conf-'] .btn-content:before {
  content: '';
  width: 120px;
  background-image: url('../img/logo-conferenciaweb.png');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  height: 25px;
  max-height: 25px;
}

.conf button[class*='btn-conf-'] .btn-content span {
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
  font-size: 16px;
  color: #009DD9;
  margin-left: 10px;
  margin-right: 10px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  white-space: nowrap;
  transition-duration: 2s;
}

.conf button[class*='btn-conf-'] .btn-content:hover span {
  color: #0285B7;
}

.conf button.btn-conf-off .btn-content span:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f111";
  color: #009900;
  margin-right: 3px;
  font-size: 11px;
}

.conf button[class*='btn-conf-'] .btn-content label {
  padding: 0;
  margin: 0;
  font-family: 'Roboto Thin', 'Roboto';
  font-weight: 200;
  font-size: 14px;
  color: #999999;
}

.conf button.btn-conf-on {
  display: none;
}

@media screen and (min-width: 576px) {
  .conf {
    min-height: 42px;
    height: 42px;
  }
}

@media screen and (max-width: 575px) {

  .conf button.btn,
  .conf button.btn .btn-content {
    min-width: 100%;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
  }

  .conf button.btn-conf-on {
    min-height: 72px;
    height: 72px;
    max-height: 72px;
  }

  .conf button.btn-conf-on .btn-content {
    flex-direction: column;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }

  .conf button.btn-conf-on .btn-content span {
    margin: 0px;
  }

  .conf button.btn-conf-on .btn-content label {
    align-content: flex-start;
    text-align: left;
  }
}

@media screen and (max-width: 767px) {
  .conf button[class*='btn-conf-'] .btn-content span {
    font-size: 12px;
  }

  .conf button[class*='btn-conf-'] .btn-content label {
    font-size: 12px;
    width: 100%;
    display: block;
    white-space: nowrap;
  }

  .conf button[class*='btn-conf-'] .btn-content:before {
    min-width: 120px;
    width: 120px;
    max-width: 120px;
  }
}


/* TV
---------------------------------------------------------------- */
main section.player article.relacionados {
  border-top: 1px solid #d7d7d7;
  padding-top: 20px;
  margin-top: 25px;
}

main section.player article.relacionados section.lista-thumb {
  margin: 0px 0 0 0;
  padding-bottom: 10px;
  border-bottom: none;
}

main section.player article.relacionados section.lista-thumb .rel-item {
  margin-bottom: 20px;
}

main section.player article.relacionados section.lista-thumb .info a.titulo {
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  color: #009DD9;
  line-height: 16px;
  margin: 5px 0px;
}

main section.player article.relacionados section.lista-thumb .info a.titulo:hover {
  color: #0285B7;
}

main section.player article.relacionados section.lista-thumb .info a.user .userinfo .userchannel:before {
  content: '';
}

main section.player article.relacionados section.lista-thumb .info .like .like-number {
  font-weight: 500;
}


/* Perfect Scrollbar
---------------------------------------------------------------- */
.scrollbar::-webkit-scrollbar {
  width: 6px;
  background-color: transparent;
}

.scrollbar::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 1);
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 1);
}

.scrollbar::-webkit-scrollbar {
  width: 6px;
  background-color: transparent;
}

.scrollbar::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  background-color: #c1c1c1;
}

.scrollbarLight::-webkit-scrollbar {
  width: 6px;
  background-color: transparent;
}

.scrollbarLight::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.1);
}

.scrollbarLight::-webkit-scrollbar {
  width: 6px;
  background-color: transparent;
}

.scrollbarLight::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  background-color: #c1c1c1;
}


/* Card geral
---------------------------------------------------------------- */
main.blockSend section.boxSend article.card .card-header,
main.blockSend section.boxSend .card .card-header {
  white-space: nowrap;
  font-family: 'Roboto Thin', 'Roboto';
  font-weight: 250;
  font-size: 18px;
  color: #333333;
  padding: 1.25rem;
  background-color: #FFF;
}

main.blockSend section.boxSend .card .card-header-green {
  color: #009900;
}

main.blockSend section.boxSend article.card .card-header strong {
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
}

main.blockSend section.boxSend article.card .card-header a.link-header {
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
  font-size: 14px;
  color: #009DD9;
  margin-left: 10px;
}

main.blockSend section.boxSend article > ul {
  width: 100%;
}

@media screen and (max-width: 380px) {
  main.blockSend section.boxSend article.card .card-header a.link-header {
    display: block;
    width: 100%;
    margin-left: 0px;
  }
}


/* MÓDULO ENVIO - ENVIO
---------------------------------------------------------------- */
main.blockSend {
  min-height: calc(100vh - 260px);
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-top: 0;
  margin-bottom: 0;
  padding: 50px 0px;
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
  main.blockSend {
    display: block;
  }
}

main.blockSend.greenoverlay {
  background-color: #bff9b4 !important;
}

main.blockSend section.boxSend header {
  margin-bottom: 20px;
}

main.blockSend section.boxSend header h1 {
  font-family: 'Roboto Thin', 'Roboto';
  /*font-weight: 200;*/
  color: #333333;
  text-transform: none;
  font-style: normal;
  font-weight: 600;
  font-size: 32px;
  line-height: 20px;
}

main.blockSend section.boxSend header h2 {
  font-family: 'Roboto Thin', 'Roboto';
  /*font-weight: 200;*/
  color: #333333;
  font-style: normal;
  font-weight: 600;
  font-size: 32px;
  line-height: 20px;
  text-transform: none;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

main.blockSend section.boxSend header h2:before {
  content: "";
  width: 32px;
  height: 32px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 10px;
  display: block;
}

main.blockSend section.boxSend header h2.aovivo:before {
  background-image: url(../img/icon-transmissao-small.png);
}

main.blockSend section.boxSend header h2.files:before {
  background-image: url(../img/icon-files-small.png);
}

main.blockSend section.boxSend header h2.video:before {
  background-image: url(../img/icon-video-small.png);
}

main.blockSend section.boxSend header h2.podcast:before {
  background-image: url(../img/icon-podcast-small.png);
}

main.blockSend section.boxSend article.box-choose {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  flex-direction: column;
}

main.blockSend section.boxSend article.box-choose ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

main.blockSend section.boxSend article.box-choose ul li {
  border: solid 1px #d7d7d7;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 3px 3px 3px 0 rgba(173, 173, 173, 0.4);
  -moz-box-shadow: 3px 3px 3px 0 rgba(173, 173, 173, 0.4);
  box-shadow: 3px 3px 3px 0 rgba(173, 173, 173, 0.4);
  margin-bottom: 16px;
}

main.blockSend section.boxSend article.box-choose ul.select li p {
  margin-bottom: 0px;
}

main.blockSend section.boxSend article.box-choose ul.select li a {
  width: 100%;
  height: 100%;
  font-family: 'Arial Bold', 'Arial';
  padding: 0;
  margin: 0;
  color: #009dd9;
  font-weight: 600;
  font-size: 18px;
  text-decoration: none;
  display: block;
  padding: 22px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

main.blockSend section.boxSend article.box-choose ul.select li a:hover {
  color: #0285B7;
}

main.blockSend section.boxSend article.box-choose ul.select li a span {
  font-family: 'Arial', sans-serif;
  display: block;
  width: 100%;
  font-size: 14px;
  color: #333;
  text-align: left;
  line-height: normal;
  font-weight: 300;
}

main.blockSend section.boxSend article.box-choose ul.select li a:before {
  width: 43px !important;
  height: 43px !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 17px;
  content: "";
  display: block;
}

main.blockSend section.boxSend article.box-choose ul.select li.select-upload a:before {
  background-image: url(../img/icon-files-small.png);
}

main.blockSend section.boxSend article.box-choose ul.select li.select-aovivo a:before {
  background-image: url(../img/icon-transmissao-small.png);
}

main.blockSend section.boxSend article.box-choose ul.select li.select-podcast a:before {
  background-image: url(../img/icon-podcast-small.png);
}

main.blockSend section.boxSend article.box-choose ul.select li.select-video a:before {
  background-image: url(../img/icon-video-small.png);
}

main.blockSend section.boxSend article.box-choose ul.select li.select-audio a:before {
  background-image: url(../img/icon-audio-small.png);
}

main.blockSend section.boxSend article.box-choose ul.select li.select-tv a:before {
  background-image: url(../img/icon-tv-small.png);
}

main.blockSend section.boxSend article.box-choose ul.select li.select-radio a:before {
  background-image: url(../img/icon-radio-small.png);
}

main.blockSend section.boxSend article.box-choose ul.select li.select-channel a:before {
  background-image: url(../img/icon-channel-small.png);
}
 

main.blockSend section.boxSend article.box-select {
  border: dashed 2px #d7d7d7;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  flex-direction: column;
  padding: 2rem;
  position: relative;
}

main.blockSend section.boxSend article.box-select.box-select-warning {
  border: dashed 2px #ff9900;
}

main.blockSend section.boxSend article p.titulo {
  font-family: 'Roboto';
  font-weight: 400;
  font-style: normal;
  font-size: 22px;
  text-align: center;
  line-height: 22px;
  margin-bottom: 5px;
}

main.blockSend section.boxSend article p.titulo.green {
  color: #339900;
}

main.blockSend section.boxSend article p.titulo.orange {
  color: #FF9900;
}

main.blockSend section.boxSend article p.subtitulo {
  font-family: 'Roboto Thin', 'Roboto';
  /*font-weight: 200;*/
  font-weight: 600;
  color: #333333;
  font-style: normal;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
}

main.blockSend section.boxSend article p.subtitulo strong {
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
}

main.blockSend section.boxSend article p.subtitulo a {
  color: #009DD9;
}

main.blockSend section.boxSend article.box-select picture.icon-middle {
  margin-bottom: 25px;
}

main.blockSend section.boxSend article.box-select picture img {}

main.blockSend section.boxSend article.box-choose button.btn-bigger,
main.blockSend section.boxSend article.box-select button.btn-bigger {
  font-family: 'Arial Bold', 'Arial';
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  color: #F2F2F2;
  text-align: center;
  line-height: normal;
  border: solid 1px #797979;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  width: 260px;
  padding: .6rem;
}

@media screen and (max-width: 551px) {
  main.blockSend section.boxSend article.box-select {
    padding: 1rem;
  }

  main.blockSend section.boxSend article.box-select picture.icon-middle {
    width: 75%;
  }

  main.blockSend section.boxSend article.box-select picture img {
    width: 100%;
  }

  main.blockSend section.boxSend article.box-choose button.btn-bigger,
  main.blockSend section.boxSend article.box-select button.btn-bigger {
    width: 100%;
  }
}

main.blockSend section.boxSend article.box-select button.btn-green {
  /* No UI inicial do projeto havia um botão verde em algumas telas de upload de conteúdo. Com o novo padrão, os botões ficaram todos azuis, mas, para não alterar o HTML, alterei apenas a cor desses botões*/
  /*background-color: #009933;*/
  background-color: #009DD9;
  border-color: #0285B7;
}

main.blockSend section.boxSend article.box-select button.btn-green:hover {
  background-color: #0285B7;
}

main.blockSend section.boxSend article.box-select button.btn-blue {
  background-color: #009dd9;
}

main.blockSend section.boxSend article.box-select button.btn-blue:hover {
  background-color: #0285B7;
}

main.blockSend section.boxSend article.box-choose button.btn-disable,
main.blockSend section.boxSend article.box-select button.btn-disable {
  /*background-color: #cccccc;*/
  background-color: #999;
  border: solid 1px #bcbcbc;
}

main.blockSend section.boxSend article.box-select a.middle {
  margin-top: 10px;
  width: 100%;
  text-align: center;
  font-family: 'Roboto Thin', 'Roboto';
  font-weight: 200;
  font-style: normal;
  font-size: 14px;
  color: #009DD9;
  text-decoration: none;
}

main.blockSend section.boxSend article.box-select a.middle:hover {
  color: #0285B7;
}

main.blockSend section.boxSend article ul.attach-files {
  padding: 0;
  margin: 0;
  list-style: none;
  margin-bottom: 40px;
  width: 100%;
}

main.blockSend section.boxSend article ul[class*="-files"] li {
  border: solid 1px #d7d7d7;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 3px 3px 3px 0 rgba(173, 173, 173, 0.4);
  -moz-box-shadow: 3px 3px 3px 0 rgba(173, 173, 173, 0.4);
  box-shadow: 3px 3px 3px 0 rgba(173, 173, 173, 0.4);
  margin-bottom: 16px;
  padding: 1rem;
  position: relative;
}

main.blockSend section.boxSend article ul.attach-files li {
  display: -webkit-flex;
  display: flex;
}

main.blockSend section.boxSend article.box-select ul.attach-files li button.btn-close {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 5px;
  margin-right: 5px;
  background-color: #cc0000;
  color: #FFF;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  /*border: solid 1px #999999;*/
  border: none;
  width: 26px;
  height: 26px;
}

@media screen and (max-width: 551px) {
  main.blockSend section.boxSend article.box-select ul.attach-files li button.btn-close {
    margin-top: -8px;
    margin-right: -8px;
    max-width: 24px;
    max-height: 24px;
    overflow: hidden;
  }
}

main.blockSend section.boxSend article.box-select ul.attach-files li button.btn-close:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f00d";
  font-size: 11px;
  line-height: 1px;
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {

  /* IE10+ specific styles go here */
  main.blockSend section.boxSend article.box-select ul.attach-files li button.btn-close:before {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

main.blockSend section.boxSend article ul[class*="-files"] li picture {
  margin-bottom: 0px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 50%;
  border: solid 1px #e6e6e6;
}

main.blockSend section.boxSend article ul.attach-files li picture {
  min-width: 88px;
  min-width: 88px;
  min-height: 58px;
  width: 88px;
  height: 58px;
  max-width: 88px;
  max-height: 58px;
  margin-right: 10px;
}

main.blockSend section.boxSend article ul.upload-files {
  margin-bottom: 30px;
}

main.blockSend section.boxSend article ul.upload-files li picture {
  min-width: 122px;
  min-height: 81px;
  width: 122px;
  height: 81px;
  max-width: 122px;
  max-height: 81px;
}

main.blockSend section.boxSend article ul[class*="-files"] li.video-file picture {
  background-image: url(../img/icon-video.png);
}

main.blockSend section.boxSend article ul[class*="-files"] li.audio-file picture {
  background-image: url(../img/icon-audio.png);
}

main.blockSend section.boxSend article ul[class*="-files"] li picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

main.blockSend section.boxSend article ul[class*="-files"] li .info {
  height: auto;
  width: 100%;
  overflow: hidden;
}

main.blockSend section.boxSend article ul[class*="-files"] li .info p.title-file {
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
  font-style: normal;
  line-height: 16px;
  color: #999999;
  text-transform: uppercase;
  margin: 0;
  max-height: 32px;
  overflow: hidden;
  margin-right: 20px;
}

main.blockSend section.boxSend article ul[class*="-files"] li .info p.info-file {
  font-family: 'Roboto Thin', 'Roboto';
  font-weight: 200;
  font-style: normal;
  color: #999999;
  margin: 0;
}

main.blockSend section.boxSend article ul.attach-files li .info p.title-file {
  font-size: 14px;
  text-transform: none;
}

main.blockSend section.boxSend article ul.attach-files li .info p.info-file {
  font-size: 14px;
}

main.blockSend section.boxSend article ul.upload-files li .info p.title-file {
  font-size: 12px;
  text-transform: none;
}

main.blockSend section.boxSend article ul.upload-files li .info p.title {
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  color: #333333;
  text-transform: none;
  line-height: 18px;
}

main.blockSend section.boxSend article ul.upload-files li .info p.info-file {
  font-size: 12px;
}

@media screen and (max-width: 767px) {
  main.blockSend section.boxSend article ul.upload-files li.select-video {
    flex-direction: column;
  }
}

main.blockSend section.boxSend .card p.text {
  font-family: 'Roboto Thin', 'Roboto';
  font-weight: 250;
  font-size: 14px;
  color: #333333;
  margin: 0;
}

main.blockSend section.boxSend .card p.text-process {
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  color: #333333;
}

main.blockSend section.boxSend article ul.upload-files li.select-video {
  display: -webkit-flex;
  display: flex;
  align-content: space-between;
  height: 100%;
  flex: 1;
}

main.blockSend section.boxSend article ul.upload-files li.select-video .info-content {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  align-content: space-between !important;
}

main.blockSend section.boxSend article ul.upload-files li.select-video .info-content .aligner {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  flex: 1;
}

main.blockSend section.boxSend article ul.upload-files li.select-video .info-content .aligner-item--top {
  display: flex;
  flex: 1;
  align-self: flex-start;
}

main.blockSend section.boxSend article ul.upload-files li.select-video .info-content .aligner-item--bottom {
  display: flex;
  flex: 1;
  align-self: flex-end;
}

main.blockSend section.boxSend article ul.upload-files li > .info-content .row {
  margin-left: 0;
  margin-right: 0;
}

main.blockSend section.boxSend article ul.upload-files li > .info-content .row:last-child {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

main.blockSend section.boxSend article ul.upload-files li .info-content [class*='actions-'] {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding-right: 0px;
  padding-left: 0px;
}

main.blockSend section.boxSend article ul.upload-files li .info-content .actions-l1 {
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

main.blockSend section.boxSend article ul.upload-files li .info-content [class*='actions-'],
main.blockSend section.boxSend article ul.upload-files li .info-content [class*='actions-'] span {
  white-space: nowrap;
}

main.blockSend section.boxSend article ul.upload-files li .info-content [class*='actions-'] i {
  font-size: 22px;
}

main.blockSend section.boxSend article ul.upload-files li .info-content [class*='actions-'] button.btn-edit {
  background-color: #009dd9;
  border: solid 1px #0285B7;
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  color: #F2F2F2;
  padding: 4px 20px;
  margin-right: 10px;
}

main.blockSend section.boxSend article ul.upload-files li .info-content [class*='actions-'] button.btn-edit:hover {
  background-color: #0285B7;
}

@media screen and (min-width: 768px) {
  main.blockSend section.boxSend article ul.upload-files li .info-content [class*='actions-'] button.btn-edit {
    min-width: 105px;
  }
}

@media screen and (max-width: 767px) {
  main.blockSend section.boxSend article ul.upload-files li .info-content {
    margin-top: 8px;
  }

  main.blockSend section.boxSend article ul.upload-files li .info-content [class*='actions-'],
  main.blockSend section.boxSend article ul.upload-files li .info-content .info,
  main.blockSend section.boxSend article ul.upload-files li .info-content .progressbar {
    padding-right: 0px;
    padding-left: 0px;
  }

  main.blockSend section.boxSend article ul.upload-files li .info-content [class*='actions-'] {
    padding-right: 0px;
    padding-left: 15px;
  }

  main.blockSend section.boxSend article ul.upload-files li .info-content .aligner-item--top {
    margin-bottom: 6px;
  }
}

main.blockSend section.boxSend article ul.upload-files li .info-content [class*='actions-'] button.btn-edit:hover {
  background-color: #007fb1;
  color: #FFF;
}

main.blockSend section.boxSend article ul.upload-files li .info-content [class*='actions-'] .status {
  font-family: 'Roboto Thin', 'Roboto';
  font-weight: 200;
  font-style: normal;
  font-size: 12px;
}

main.blockSend section.boxSend article ul.upload-files li .info-content [class*='actions-'] .status-success {
  font-size: 14px;
  color: #009900;
  letter-spacing: -0.04rem;
}

main.blockSend section.boxSend article ul.upload-files li .info-content [class*='actions-'] .status-uploading {
  color: #333333;
}

main.blockSend section.boxSend article ul.upload-files li .info-content [class*='actions-'] .status-waiting {
  color: #999999;
}

main.blockSend section.boxSend article ul.upload-files li .info-content [class*='actions-'] .status .counter {
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
  font-size: 14px;
  color: #333333;
}

main.blockSend section.boxSend article ul.upload-files li .info-content .actions-l1 .actions {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

main.blockSend section.boxSend article ul.upload-files li .info-content .actions-l1 i {
  color: #CCC;
}

main.blockSend section.boxSend article ul.upload-files li .info-content .actions-l2 i {
  color: #009900;
}

main.blockSend section.boxSend article ul.upload-files li .info-content .actions-l1 icon.icon-status {
  width: 22px;
  height: 22px;
  font-size: 22px;
  line-height: 22px;
}

main.blockSend section.boxSend article ul.upload-files li .info-content .actions-l1 icon.icon-status .icon-waiting:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f017";
  color: #CCC;
}

main.blockSend section.boxSend article ul.upload-files li .info-content .actions-l1 icon.icon-status .icon-success:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f058";
  color: #009900;
}

main.blockSend section.boxSend article ul.upload-files li .info-content .actions-l1 icon.icon-status .icon-alert:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f071";
  color: #f9c700;
}

main.blockSend section.boxSend article ul.upload-files li .info-content .progressbar .progress {
  border-radius: 0px;
  background-color: #f2f2f2;
  border: solid 1px #bcbcbc;
  height: 10px;
}

main.blockSend section.boxSend article ul.upload-files li .info-content .progressbar .progress .bg-uploading {
  background-color: #000;
}

/* Progressbar Counter */
main.blockSend section.boxSend article ul.upload-files li .info-content .row:last-child .actions-l2 {
  max-height: 22px;
  overflow: hidden;
}

main.blockSend section.boxSend article ul.upload-files li .info-content .actions-l2 .progressbar {
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
  font-size: 14px;
  width: 120px;
  overflow: hidden;
  max-height: 22px;
}

main.blockSend section.boxSend article ul.upload-files li > .info-content .actions-l2 .progressbar .progress-counter {
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
  font-size: 14px;
  display: flex;
  width: 36px;
  max-height: 22px;
  overflow: hidden;
}

main.blockSend section.boxSend article ul.upload-files li > .info-content .actions-l2 .progressbar .progress-counter #progressbar-counter {
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
  font-size: 14px;
  min-width: 36px;
  max-height: 22px;
  overflow: hidden;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

main.blockSend section.boxSend article ul.upload-files li > .info-content .actions-l2 .progressbar .progress-counter:after {
  font-family: 'Roboto Thin', 'Roboto';
  font-weight: 200;
  font-size: 12px;
  content: 'enviado';
  padding-left: 41px;
  position: absolute;
  left: 0;
  max-height: 22px;
  overflow: hidden;
}

main.blockSend section.boxSend article.box-choose p.alert {
  white-space: nowrap;
  font-family: 'Roboto';
  font-weight: 400;
  font-size: 13px;
  color: #D4A900;
  margin-bottom: 0;
}

main.blockSend section.boxSend article.box-choose p.alert:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f071";
  color: #f9c700;
  margin-right: 5px;
}

main.blockSend section.boxSend article.box-choose .card .card-body .info-group {
  margin: 20px 0px;
}

main.blockSend section.boxSend article.box-choose .card .card-body a.inner {
  font-family: 'Roboto Thin', 'Roboto';
  font-weight: 250;
  font-style: normal;
  font-size: 14px;
  color: #009DD9;
}

main.blockSend section.boxSend article.box-choose .card .card-body a.inner:hover {
  color: #0285B7;
}


/* Ao Vivo - Upload & Meta
-------------------------------------------------------------------------------------------- */
.styled-checkbox + label:before {
  margin-right: 10px;
}

main.blockSend section.boxSend article.box-form ul li {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 10px;
}

@media screen and (max-width: 551px) {
  main.blockSend section.boxSend article.box-form ul li {
    -webkit-align-items: flex-start;
    align-items: flex-start;
    flex-direction: column;
  }
}

main.blockSend section.boxSend article.card ul li .row {
  width: 100%;
  margin: 0px;
}

main.blockSend section.boxSend article.card ul li .row > div {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  padding-left: 0px;
  padding-right: 0px;
}

main.blockSend section.boxSend article.card ul li > label,
main.blockSend section.boxSend article.box-form ul li > label,
main.blockSend section.boxSend article.box-form ul li.edit-line-chat label {
  font-family: 'Roboto Thin', 'Roboto';
  font-weight: 200;
  font-style: normal;
  font-size: 14px;
  line-height: 16px;
  color: #333333;
  text-align: left;
  line-height: normal;
  margin-right: 10px;
  margin-bottom: 0px;
}

main.blockSend section.boxSend article.card .card-body > ul > li > label {
  line-height: 16px;
}

@media screen and (min-width: 552px) {

  main.blockSend section.boxSend article.card .card-body > ul > li > label,
  main.blockSend section.boxSend article.box-form ul li.edit-line-chat label {
    /*min-width: 113px;
    width: 113px;
    max-width: 113px;*/
    min-width: 155px;
    width: 155px;
    max-width: 155px;
  }
}

@media screen and (max-width: 551px) {
  main.blockSend section.boxSend article.card .card-body > ul > li > label {
    min-width: auto;
    width: auto;
    max-width: auto;
    margin-bottom: 4px;
  }
}

main.blockSend section.boxSend article.box-form ul li .form-check {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

main.blockSend section.boxSend article.box-form ul li .form-check label {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  font-family: 'Roboto Thin', 'Roboto';
  font-weight: 200;
  font-size: 14px;
  color: #333333;
}

main.blockSend section.boxSend article.box-form ul li .form-check label.form-check-label:before {
  margin-right: 10px;
}

main.blockSend section.boxSend article.box-form ul li.edit-line-chat #AlterarModerador {
  display: none;
}

main.blockSend section.boxSend article.box-form ul li.edit-line-chat #AlterarModerador .AlterarModeradorContent {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

main.blockSend section.boxSend article.box-form ul li.edit-line-chat a.dropdown-toggle {
  min-width: 100%;
  width: 100%;
  max-width: 100%;
}

@media screen and (max-width: 767px) {
  main.blockSend section.boxSend article.box-form ul li.edit-line-chat #AlterarModerador {
    margin-top: 10px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }

  main.blockSend section.boxSend article.box-form ul li.edit-line-chat #AlterarModerador .AlterarModeradorContent {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }

  main.blockSend section.boxSend article.box-form ul li.edit-line-chat #AlterarModerador .AlterarModeradorContent label {
    min-width: 155px;
    width: 155px;
    max-width: 155px;
    text-align: left !important;
  }
}

@media screen and (min-width: 768px) {
  main.blockSend section.boxSend article.box-form ul li.edit-line-chat #AlterarModerador .AlterarModeradorContent label {
    min-width: auto !important;
    width: auto !important;
    max-width: auto !important;
    text-align: right !important;
    line-height: 14px !important;
    margin-right: 5px !important;
  }
}

[id^="ModalEdit"] .modal-dialog .modal-content .modal-body #streaming article ul li {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

[id^="ModalEdit"] .modal-dialog .modal-content .modal-body #streaming article ul li .dropdown-select,
main.blockSend section.boxSend article.box-form ul li .dropdown-select {
  display: block;
  width: 200px;
  position: relative;
}

[id^="ModalEdit"] .modal-dialog .modal-content .modal-body #streaming article ul li .dropdown-select {
  max-width: 200px;
}

[id^="ModalEdit"] .modal-dialog .modal-content .modal-body #streaming article ul li a.dropdown-toggle,
main.blockSend section.boxSend article.box-form ul li a.dropdown-toggle {
  min-width: 200px;
}

[id^="ModalEdit"] .modal-dialog .modal-content .modal-body #streaming article ul li .dropdown-item,
main.blockSend section.boxSend article.box-form ul li .dropdown-item {
  font-family: "Roboto Bold", 'Roboto';
  font-weight: 700;
  font-size: 14px;
  color: rgb(51, 51, 51);
}

[id^="ModalEdit"] .modal-dialog .modal-content .modal-body #streaming article ul li .dropdown-item-small small,
main.blockSend section.boxSend article.box-form ul li .dropdown-item-small small {
  font-family: "Roboto Thin", 'Roboto';
  font-weight: 200;
  font-size: 12px;
  color: rgb(153, 153, 153);
  display: block;
}

[id^="ModalEdit"] .modal-dialog .modal-content .modal-body #streaming article ul li .placeholder,
main.blockSend section.boxSend article.box-form ul li .placeholder {
  font-family: 'Roboto Thin', 'Roboto';
  font-weight: 200;
  font-style: normal;
  font-size: 14px;
  line-height: 16px;
  color: #999;
  margin-left: 10px;
}

@media screen and (max-width: 551px) {
  [id^="ModalEdit"] .modal-dialog .modal-content .modal-body #streaming article ul li .placeholder main.blockSend section.boxSend article.box-form ul li .placeholder {
    margin-left: 0px;
    margin-top: 4px;
  }
}

[id^="ModalEdit"] .modal-dialog .modal-content .modal-body #streaming article ul li .form-group .gj-datepicker,
main.blockSend section.boxSend article.box-form ul li .form-group .gj-datepicker,
main.blockSend section.boxSend article.box-form ul li .form-group .gj-timepicker {
  min-width: 200px;
  width: 200px;
  max-width: 200px;
}

[id^="ModalEdit"] .modal-dialog .modal-content .modal-body #streaming article ul li .form-group .gj-datepicker,
main.blockSend section.boxSend article.box-form ul li .form-group .gj-datepicker {
  margin-right: 10px;
}

@media screen and (max-width: 551px) {

  [id^="ModalEdit"] .modal-dialog .modal-content .modal-body #streaming article ul li .form-group .gj-datepicker,
  main.blockSend section.boxSend article.box-form ul li .form-group .gj-datepicker {
    margin-right: 0px;
    margin-bottom: 8px;
  }
}

[id^="ModalEdit"] .modal-dialog .modal-content .modal-body #streaming article ul li .form-group .picker,
main.blockSend section.boxSend article.box-form ul li .form-group .picker {
  color: #495057;
  /*background-color: #fff;*/
  background-color: #F2F2F2;
  background-clip: padding-box;
  border: 1px solid #888888;
  /*border-radius: .25rem;*/
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;

  /*-webkit-border-top-left-radius: .25rem;
  -webkit-border-bottom-left-radius: .25rem;
  -moz-border-radius-topleft: .25rem;
  -moz-border-radius-bottomleft: .25rem;
  border-top-left-radius: .25rem;
  border-bottom-left-radius: .25rem;*/


  -webkit-border-radius: .25rem;
  -moz-border-radius: .25rem;
  border-radius: .25rem;




}

main.blockSend section.boxSend article.box-form .gj-modal .gj-picker .modal-footer {
  display: flex !important;
  justify-content: space-between !important;
}

[id^="ModalEdit"] .modal-dialog .modal-content .modal-body #streaming article ul li .form-group .input-group-append button.btn,
main.blockSend section.boxSend article.box-form ul li .form-group .input-group-append button.btn {
  border: none;
  color: #6c757d;
}

[id^="ModalEdit"] .modal-dialog .modal-content .modal-body #streaming article ul li .form-group .input-group-append button.btn,
main.blockSend section.boxSend article.box-form ul li .form-group .input-group-append button.btn:hover {
  color: #007fb1;
  background-color: transparent;
  border: none;
}

main.blockSend section.boxSend article.box-confirm .video {
  display: flex;
  margin-bottom: 20px;
}

main.blockSend section.boxSend article.box-confirm .video picture {
  min-width: 112px;
  min-height: 74px;
  width: 112px;
  height: 74px;
  max-width: 112px;
  max-height: 74px;
  margin-right: 20px;
}

main.blockSend section.boxSend article.box-confirm .video picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

main.blockSend section.boxSend article.box-confirm .video p.titulo {
  font-family: 'Roboto Thin', 'Roboto';
  font-weight: 200;
  font-size: 18px;
  color: #333333;
  text-align: left;
}

main.blockSend section.boxSend article.box-confirm .video p.titulo strong {
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
  font-size: 18px;
}

main.blockSend section.boxSend article.box-confirm .video p.titulo-blue {
  color: #009DD9;
}

main.blockSend section.boxSend article.box-confirm .video p.subtitulo {
  font-family: 'Roboto Thin', 'Roboto';
  font-weight: 200;
  font-size: 14px;
  color: #333333;
  text-align: left;
  margin-bottom: 50x;
}

main.blockSend section.boxSend article.box-confirm .video p.user {
  font-family: 'Roboto Thin', 'Roboto';
  font-weight: 200;
  font-size: 14px;
  color: #333333;
  text-align: left;
  margin-bottom: 50x;
}

main.blockSend section.boxSend article.box-confirm .video p.warning {
  font-family: 'Roboto Thin', 'Roboto';
  font-weight: 200;
  font-size: 14px;
  color: #FF9900;
}

main.blockSend section.boxSend article.box-confirm .video p.warning a {
  margin-left: 10px;
}

main.blockSend section.boxSend article.box-confirm ul.confirm li.edit-line {
  margin-bottom: 10px;
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
  font-size: 14px;
  color: #333333;
}

main.blockSend section.boxSend article.box-confirm ul.confirm li.edit-line small {
  font-family: 'Roboto Thin', 'Roboto';
  font-weight: 200;
  font-size: 12px;
  color: #999999;
}

main.blockSend section.boxSend article.box-confirm ul.confirm li.edit-line label {
  font-family: 'Roboto Thin', 'Roboto';
  font-weight: 200;
  font-size: 14px;
  color: #333333;
}

main.blockSend section.boxSend article.card .card-header-success {
  font-family: 'Roboto Thin', 'Roboto';
  font-weight: 200;
  font-size: 18px;
  color: #009900;
}

main.blockSend section.boxSend article.card .card-header-success:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f058";
  margin-right: 10px;
}

main.blockSend section.boxSend article.box-form .card-body ul.form li.edit-line .dropdown-select {
  width: 100%;
}

@media screen and (max-width: 551px) {
  main.blockSend section.boxSend article.box-confirm ul.confirm li.edit-line {
    flex-direction: column;
  }

  main.blockSend section.boxSend article.card .card-header-success {
    font-size: 15px;
  }

  main.blockSend section.boxSend article.box-confirm ul.confirm li.edit-line label {
    width: 100%;
    margin-bottom: 2px;
  }
}


/* Podcasts
---------------------------------------------------------------- */
main.blockSend section.boxSend article.box-choose ul.podlist li {
  padding: 1rem;
}

main.blockSend section.boxSend article.box-choose ul.podlist li .info-group {
  display: flex;
  width: 100% !important;
}

main.blockSend section.boxSend article.card ul.podlist li {
  display: flex;
  width: 100% !important;
  margin-bottom: 15px;
}

main.blockSend section.boxSend article.box-choose .card {
  width: 100%;
}

main.blockSend section.boxSend article.box-choose .card .card-body .info-group {
  display: flex;
}

main.blockSend section.boxSend article.box-choose .card .card-body .info-group .thumb,
main.blockSend section.boxSend article.box-choose ul.podlist li .thumb,
main.blockSend section.boxSend article.card ul.podlist li .thumb {
  position: relative;
  min-width: 122px;
  min-height: 82px;
  width: 122px;
  height: 82px;
  max-width: 122px;
  min-height: 82px;
  margin-right: 10px;
  overflow: hidden;
}

main.blockSend section.boxSend article.box-choose .card .card-body .info-group .thumb .thumb-info,
main.blockSend section.boxSend article.box-choose ul.podlist li .thumb .thumb-info,
main.blockSend section.boxSend article.card ul.podlist li .thumb .thumb-info {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  margin-bottom: 4px;
  z-index: 4;
}

main.blockSend section.boxSend article.box-choose .card .card-body .info-group .thumb .thumb-info .badge,
main.blockSend section.boxSend article.box-choose ul.podlist li .thumb .thumb-info .badge,
main.blockSend section.boxSend article.card ul.podlist li .thumb .thumb-info .badge {
  font-size: 9px;
  padding: 4px 8px;
}

main.blockSend section.boxSend article.box-choose .card .card-body .info-group .thumb picture,
main.blockSend section.boxSend article.box-choose ul.podlist li .thumb picture,
main.blockSend section.boxSend article.card ul.podlist li .thumb picture {
  width: 100% !important;
  height: 100% !important;
  margin-right: 0px;
}

main.blockSend section.boxSend article.box-choose .card .card-body .info-group .thumb picture img,
main.blockSend section.boxSend article.box-choose ul.podlist li .thumb picture img,
main.blockSend section.boxSend article.card ul.podlist li .thumb picture img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}

main.blockSend section.boxSend article.box-choose .card .card-body .info-group .info,
main.blockSend section.boxSend article.box-choose ul.podlist li .info,
main.blockSend section.boxSend article.card ul.podlist li .info {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  align-content: space-between !important;
  position: relative;
}

main.blockSend section.boxSend article.box-choose .card .card-body .info-group .info .info-inner,
main.blockSend section.boxSend article.box-choose ul.podlist li .info .info-inner,
main.blockSend section.boxSend article.card ul.podlist li .info .info-inner {
  flex-direction: column;
}

main.blockSend section.boxSend article.box-choose .card .card-body .info-group .info p.titulo,
main.blockSend section.boxSend article.box-choose ul.podlist li .info p.titulo,
main.blockSend section.boxSend article.card ul.podlist li .info p.titulo {
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  color: #009DD9;
  margin-bottom: 0px;
  text-align: left;
  max-height: 32px;
  overflow: hidden;
}

main.blockSend section.boxSend article.box-choose .card .card-body .info-group .info p.user,
main.blockSend section.boxSend article.box-choose ul.podlist li .info p.user,
main.blockSend section.boxSend article.card ul.podlist li .info p.user {
  font-family: 'Roboto Thin', 'Roboto';
  font-weight: 200;
  font-size: 12px;
  color: #009DD9;
  margin-bottom: 4px;
}

main.blockSend section.boxSend article.box-choose .card .card-body .info-group .info .pod-inner p.titulo,
main.blockSend section.boxSend article.box-choose ul.podlist li .info .pod-inner p.titulo,
main.blockSend section.boxSend article.card ul.podlist li .info .pod-inner p.titulo {
  color: #333;
}

main.blockSend section.boxSend article.box-choose .card .card-body .info-group .info .pod-inner p.user,
main.blockSend section.boxSend article.box-choose ul.podlist li .info .pod-inner p.user,
main.blockSend section.boxSend article.card ul.podlist li .info .pod-inner p.user {
  color: #333;
  margin-bottom: 1px;
}

main.blockSend section.boxSend article.card ul.podlist li .info button.btn-default.btn-small {
  font-family: 'Arial Bold', 'Arial';
  font-weight: 700;
  font-size: 12px;
  color: #F2F2F2;
  width: auto;
  position: absolute;
  bottom: 0;
  padding: 6px 14px;
}

main.blockSend section.boxSend article.box-choose ul.podlist li .li-top {
  font-family: 'Roboto Thin', 'Roboto';
  font-weight: 200;
  white-space: nowrap;
  font-size: 12px;
  display: flex;
  margin-bottom: 10px;
}

main.blockSend section.boxSend article.box-choose ul.podlist li .li-top a {
  font-family: 'Roboto Thin', 'Roboto';
  font-weight: 200;
  white-space: nowrap;
  font-size: 12px;
  color: #009DD9;
  padding: 0px;
  margin-left: 15px;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

main.blockSend section.boxSend article.box-choose ul.podlist li .li-top a:hover {
  color: #0285B7;
}

article.box-choose .card .card-body .info-group .thumb .thumb-info .progressbar {
  min-width: 47px !important;
  width: 47px !important;
  max-width: 47px !important;
  max-height: 21px !important;
  background-color: #999;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

article.box-choose .card .card-body .info-group .thumb .thumb-info .progressbar {
  position: relative;
}

article.box-choose .card .card-body .info-group .thumb .thumb-info .progressbar .progress {
  background-color: #999;
}

article.box-choose .card .card-body .info-group .thumb .thumb-info .progressbar:before {
  width: 100%;
  height: 100%;
  content: 'Publicando';
  position: absolute;
  z-index: 2;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-size: 8px;
  color: #FFF;
}

.box-footer {
  margin-top: 30px;
  text-align: center;
}

.box-footer p {
  margin-bottom: 0;
}

.box-footer .box-footer-text {
  font-family: 'Roboto Thin', 'Roboto';
  font-weight: 200;
  font-size: 18px;
  color: #339900;
}

.box-footer .box-footer-text strong {
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
}

.box-footer .box-footer-text-orange {
  font-family: 'Roboto';
  font-weight: 400;
  color: #FF9900;
  font-size: 22px;
  line-height: 24px;
  margin-bottom: 4px;
}

.box-footer .box-footer-subtext {
  font-family: 'Roboto Thin', 'Roboto';
  font-weight: 200;
  font-size: 14px;
  color: #333333;
  margin-bottom: 10px;
}

.box-footer .box-footer-subtext strong {
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
}

.box-footer button.btn-default {
  font-family: 'Arial Bold', 'Arial';
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  color: #F2F2F2;
  text-align: center;
  line-height: normal;
  border: solid 1px #797979;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  white-space: nowrap;
  width: 260px;
  padding: .6rem;
}

/* Shadows */
main.blockSend section.boxSend article.card {
  -webkit-box-shadow: 2px 2px 2px 0px rgba(212, 212, 212, .75);
  -moz-box-shadow: 2px 2px 2px 0px rgba(212, 212, 212, .75);
  box-shadow: 2px 2px 2px 0px rgba(212, 212, 212, .75);
}

main.blockSend section.boxSend article.card ul li a.dropdown-toggle,
main.blockSend section.boxSend article.card ul li input.form-control,
main.blockSend section.boxSend article.card ul li textarea.form-control {
  -webkit-box-shadow: 2px 2px 2px 0px rgba(212, 212, 212, .75) !important;
  -moz-box-shadow: 2px 2px 2px 0px rgba(212, 212, 212, .75) !important;
  box-shadow: 2px 2px 2px 0px rgba(212, 212, 212, .75) !important;
}

main.blockSend section.boxSend article.box-form .card-body #collapseLastVideo .card-body {
  padding: 0rem;
}

main.blockSend section.boxSend article.box-form .card-body ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

main.blockSend section.boxSend article.box-form p.titulo {
  font-family: 'Roboto Thin', 'Roboto';
  font-weight: 200;
  font-size: 18px;
  color: #339900;
}

main.blockSend section.boxSend article.box-form p.titulo strong {
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
  font-size: 18px;
  color: #339900;
}

main.blockSend section.boxSend article.box-form p.titulo,
main.blockSend section.boxSend article.box-form p.subtitulo {
  text-align: left;
}

main.blockSend section.boxSend article.box-form button.btn-toggle {
  padding: 0px;
  font-family: 'Roboto Thin', 'Roboto';
  font-weight: 200;
  font-size: 14px;
  color: #009DD9;
  white-space: nowrap;
  position: relative;
  display: flex;
  margin-bottom: 10px;
  padding-right: 20px;
  text-decoration: none;
}

main.blockSend section.boxSend article.box-form button.btn-toggle:after {
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-align-items: center !important;
  align-items: center !important;
  -webkit-justify-content: flex-end !important;
  justify-content: flex-end !important;
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900 !important;
  content: "\f078" !important;
  border: none !important;
  position: absolute;
  right: 0;
  color: #9f9f9f;
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {

  /* IE10+ specific styles go here */
  main.blockSend section.boxSend article.box-form button.btn-toggle:after {
    top: 0;
  }
}

main.blockSend section.boxSend article.box-form .collapse.show {
  margin-bottom: 30px;
}

main.blockSend section.boxSend article.box-form ul.lastvideos {
  padding: 0;
  margin: 0;
  list-style: none;
}

main.blockSend section.boxSend article.box-form ul.lastvideos li {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 0px;
  background-color: #f5f5f5;
  border-bottom: 1px solid #e4e4e4;
}

main.blockSend section.boxSend article.box-form ul.lastvideos li:hover,
main.blockSend section.boxSend article.box-form ul.lastvideos li.active {
  background-color: #FFF;
}

main.blockSend section.boxSend article.box-form ul.lastvideos li .line {
  padding: 1.25rem .4rem;
  margin-right: 0px;
  margin-left: 0px;
  width: 100%;
}

main.blockSend section.boxSend article.box-form ul.lastvideos li .line tagline {
  display: flex;
}

main.blockSend section.boxSend article.box-form ul.lastvideos li a {
  font-family: 'Roboto Thin', 'Roboto';
  font-weight: 200;
  font-style: normal;
  font-size: 14px;
  color: #009DD9;
  margin-bottom: 5px;
  line-height: 16px;
  display: block;
  text-decoration: none;
}

main.blockSend section.boxSend article.box-form ul.lastvideos li div:last-child {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

main.blockSend section.boxSend article.box-form ul.lastvideos li button.btn-link {
  padding-bottom: 0px;
  padding-top: 0px;
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  color: #009DD9;
  text-align: right;
  white-space: nowrap;
}

main.blockSend section.boxSend article.box-form ul.lastvideos li button.btn-copy {
  padding: 6px 12px;
  border: solid 1px #ddd;
  background-color: #FFF;
}

main.blockSend section.boxSend article.box-form ul.lastvideos li button.btn-copy:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0c5";
  color: #009DD9;
}

@media screen and (min-width: 552px) {
  main.blockSend section.boxSend article.box-form ul.lastvideos li button.btn-link {
    display: block;
  }

  main.blockSend section.boxSend article.box-form ul.lastvideos li button.btn-copy {
    display: none;
  }
}

@media screen and (max-width: 551px) {
  main.blockSend section.boxSend article.box-form ul.lastvideos li button.btn-link {
    display: none;
  }

  main.blockSend section.boxSend article.box-form ul.lastvideos li button.btn-copy {
    display: block;
  }
}

main.blockSend section.boxSend article.box-form ul.form li.edit-line > label small {
  display: block;
  width: 100%;
}

main.blockSend section.boxSend article.box-form ul.form li.edit-line .dropdown-select.dropdown-select-small {
  width: 35%;
  margin-right: 20px;
}

main.blockSend section.boxSend article.box-form ul.form li.edit-line .dropdown-menu {
  width: 100%;
}

main.blockSend section.boxSend article.box-form ul.form li.edit-line .dropdown-select .dropdown-menu a.dropdown-item-footer {
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
  font-size: 14px;
  color: #009DD9;
  margin-top: 10px;
  padding-top: 10px;
  border-top: solid 1px #ddd;
}

main.blockSend section.boxSend article.box-form ul.form li.edit-line .dropdown-menu ul {
  padding: 15px;
}

main.blockSend section.boxSend article.box-form ul.form li.edit-line .dropdown-select .dropdown-menu a.dropdown-item small {
  font-family: "Roboto Thin", Roboto;
  font-weight: 200;
  font-size: 14px;
  color: #333333;
}

main.blockSend section.boxSend article.box-form ul.form li.edit-line .dropdown-menu ul li label {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
  font-size: 14px;
}

main.blockSend section.boxSend article.card .card-footer {
  padding: 0rem 1.25rem 1.25rem 1.25rem;
  background-color: #FFF !important;
  border-top: none !important;
}

main.blockSend section.boxSend article.card button.btn-link {
  text-decoration: none;
  font-size: 14px;
}

main.blockSend section.boxSend article.card .card-footer button.btn-link {
  min-width: 160px;
  text-align: left;
  padding-left: 0px !important;
  padding-right: 0px !important;
}

main.blockSend section.boxSend article.card .card-footer button.btn {
  padding: 6px 30px;
}


@media (min-width: 992px) {
  .modal-half {
    max-width: 600px;
  }
}

/* Modal Editar Vídeo
---------------------------------------------------------------- */
[id^="ModalEdit"] .modal-dialog .modal-content .modal-body .videos {
  display: -webkit-flex;
  display: flex;
  align-content: space-between;
  height: 100%;
  flex: 1;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: solid 1px #DDD;
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {

  /* IE10+ specific styles go here */
  [id^="ModalEdit"] .modal-dialog .modal-content .modal-body .videos {
    height: auto;
  }
}

[id^="ModalEdit"] .modal-dialog .modal-content .modal-body .videos .info-content {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  align-content: space-between !important;
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {

  /* IE10+ specific styles go here */
  [id^="ModalEdit"] .modal-dialog .modal-content .modal-body .videos .info-content {
    display: block;
  }
}

[id^="ModalEdit"] .modal-dialog .modal-content .modal-body .videos .info-content .aligner {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
}

[id^="ModalEdit"] .modal-dialog .modal-content .modal-body .videos .info-content .aligner-item--top {
  display: flex;
  flex: 1;
  align-self: flex-start;
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {

  /* IE10+ specific styles go here */
  [id^="ModalEdit"] .modal-dialog .modal-content .modal-body .videos .info-content .aligner-item--top {
    margin-bottom: 10px;
  }
}

[id^="ModalEdit"] .modal-dialog .modal-content .modal-body .videos .info-content .aligner-item--bottom {
  display: flex;
  flex: 1;
  align-self: flex-end;
}

[id^="ModalEdit"] .modal-dialog .modal-content .modal-body .videos .info-content .progressbar .progress {
  border-radius: 1px;
  height: 0.6rem;
}

[id^="ModalEdit"] .modal-dialog .modal-content .modal-body .videos .info-content .actions-l2 .status-success {
  font-size: 14px;
  color: #009900;
  letter-spacing: -0.04rem;
  font-family: 'Roboto Thin', 'Roboto';
  font-weight: 200;
  font-style: normal;
  white-space: nowrap;
}

[id^="ModalEdit"] .modal-dialog .modal-content .modal-body .videos .info-content .actions-l2 i {
  color: #009900;
  font-size: 22px;
}

[id^="ModalEdit"] .modal-dialog .modal-content .modal-body .videos .info-content p.title-file {
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
  font-style: normal;
  font-size: 12px;
  line-height: 12px;
  color: #999999;
  margin: 0;
  max-height: 32px;
  overflow: hidden;
}

[id^="ModalEdit"] .modal-dialog .modal-content .modal-body .videos .info-content p.info-file {
  font-size: 12px;
  font-family: 'Roboto Thin', 'Roboto';
  font-weight: 200;
  font-style: normal;
  color: #999999;
  margin: 0;
}

[id^="ModalEdit"] .modal-dialog .modal-content .modal-body .videos picture {
  min-width: 122px;
  min-height: 81px;
  width: 122px;
  height: 81px;
  max-width: 122px;
  max-height: 81px;
  margin-right: 10px;
}

[id^="ModalEdit"] .modal-dialog .modal-content .modal-body .videos picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

[id^="Modal"] .modal-dialog .modal-content .modal-body .edit-form {}

[id^="Modal"] .modal-dialog .modal-content .modal-body .edit-form ul.form {
  margin: 0;
  padding: 0;
  list-style: none;
}

[id^="Modal"] .modal-dialog .modal-content .modal-body .edit-form ul li.edit-line {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 10px;
  position: relative;
  width: 100%;
}

[id^="Modal"] .modal-dialog .modal-content .modal-body .edit-form ul.form li.edit-line > label,
[id^="ModalEdit"] .modal-dialog .modal-content .modal-body #streaming article ul li > label {
  font-family: 'Roboto Thin', 'Roboto';
  font-weight: 200;
  font-style: normal;
  font-size: 14px;
  color: #333333;
  text-align: left;
  line-height: normal;
  margin-right: 10px;
  margin-bottom: 0px;
  white-space: nowrap;
}

main.blockSend section.boxSend article.box-form ul li a.dropdown-toggle,
[id^="Modal"] .modal-dialog .modal-content .modal-body .edit-form ul.form li.edit-line a.dropdown-toggle,
[id^="ModalEdit"] .modal-dialog .modal-content .modal-body #streaming article ul li a.dropdown-toggle {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 100%;
  height: 38px;
  height: calc(1.5em + .75rem + 2px);
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

[id^="Modal"] .modal-dialog .modal-content .modal-body .edit-form ul.form li.edit-line .dropdown-menu,
[id^="ModalEdit"] .modal-dialog .modal-content .modal-body #streaming article ul li .dropdown-menu {
  width: 100%;
}

[id^="Modal"] .modal-dialog .modal-content .modal-body .edit-form ul.form li.edit-line .dropdown-select,
[id^="ModalEdit"] .modal-dialog .modal-content .modal-body #streaming article ul li .dropdown-select {
  display: block;
  width: 100%;
  position: relative;
}

main.blockSend section.boxSend article.box-form ul li .dropdown-toggle::after,
[id^="Modal"] .modal-dialog .modal-content .modal-body .edit-form ul.form li.edit-line .dropdown-select .dropdown-toggle::after,
[id^="ModalEdit"] .modal-dialog .modal-content .modal-body #streaming article ul li .dropdown-select .dropdown-toggle::after {
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-align-items: center !important;
  align-items: center !important;
  -webkit-justify-content: flex-end !important;
  justify-content: flex-end !important;
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900 !important;
  content: "\f078" !important;
  border: none !important;
  position: absolute;
  right: 0;
  margin-right: 14px;
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {

  main.blockSend section.boxSend article.box-form ul li .dropdown-toggle::after,
  [id^="Modal"] .modal-dialog .modal-content .modal-body .edit-form ul.form li.edit-line .dropdown-select .dropdown-toggle::after,
  [id^="ModalEdit"] .modal-dialog .modal-content .modal-body #streaming article ul li .dropdown-select .dropdown-toggle::after {
    top: 0;
    margin-top: 6px;
  }
}

[id^="Modal"] .modal-dialog .modal-content .modal-body .tab-content .tab-pane .header-actions,
[id^="ModalEdit"] .modal-dialog .modal-content .modal-body .edit-form ul.form li.edit-line .dropdown-select.dropdown-select-small,
[id^="ModalEdit"] .modal-dialog .modal-content .modal-body #streaming article ul li .dropdown-select.dropdown-select-small {
  width: 30% !important;
  display: block;
  margin-right: 20px;
}

[id^="Modal"] .modal-dialog .modal-content .modal-body .edit-form ul.form li.edit-line .form-group {
  margin-bottom: 0rem !important;
}

[id^="Modal"] .modal-dialog .modal-content .modal-body {
  padding: 2rem !important;
}

[id^="Modal"] .modal-dialog .modal-content .modal-body .edit-form ul.form li.edit-line .dropdown-select .dropdown-menu a.dropdown-item {
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
  font-size: 14px;
  color: #333333;
  padding-top: 8px;
  padding-bottom: 8px;
}

[id^="Modal"] .modal-dialog .modal-content .modal-body .modal-detail-thumb {
  display: flex;
  margin-bottom: 30px;
}

[id^="Modal"] .modal-dialog .modal-content .modal-body .modal-detail-thumb .thumb,
[id^="Modal"] .modal-dialog .modal-content .modal-body .modal-detail-thumb picture {
  width: 200px;
  min-height: 140px;
  height: 140px;
  max-height: 140px;
  margin-right: 20px;
}

[id^="Modal"] .modal-dialog .modal-content .modal-body .modal-detail-thumb picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

[id^="Modal"] .modal-dialog .modal-content .modal-body .modal-detail-thumb .info-content {}

/*[id^="Modal"] .modal-dialog .modal-content .modal-body .modal-detail-thumb .info-content .title-file {
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  color: #009DD9;
  margin-bottom: 0px;
  text-align: left;
  max-height: 32px;
  overflow: hidden;
  display: block;
}

[id^="Modal"] .modal-dialog .modal-content .modal-body .modal-detail-thumb .info-content .info-channel {
  font-family: 'Roboto Thin', 'Roboto';
  font-weight: 200;
  font-size: 12px;
  color: #009DD9;
  margin-bottom: 4px;
  display: block;
}*/

[id^="Modal"] .modal-dialog .modal-content .modal-body .modal-detail-thumb .info-content p.file-status {
  font-family: 'Roboto-Thin', 'Roboto Thin', 'Roboto', sans-serif;
  font-weight: 200;
  font-style: normal;
  font-size: 12px;
  color: #999999;
  white-space: nowrap;
  text-transform: none;
}

[id^="Modal"] .modal-dialog .modal-content .modal-body #history p.theend {
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 600;
  font-size: 14px;
}

[id^="Modal"] .modal-dialog .modal-content .modal-body ul.nav-tabs {
  border-bottom: 1px solid #dee2e6;
  margin-bottom: 30px;
}

[id^="Modal"] .modal-dialog .modal-content .modal-body ul.nav-tabs li.nav-item {
  font-family: 'Roboto-Light', 'Roboto Light', 'Roboto', sans-serif;
  font-weight: 200;
  font-style: normal;
  font-size: 14px;
  border-bottom: 1px solid #dee2e6;
}

[id^="Modal"] .modal-dialog .modal-content .modal-body ul.nav-tabs li.nav-item a.nav-link {
  color: #009DD9;
  border: none;
}

[id^="Modal"] .modal-dialog .modal-content .modal-body ul.nav-tabs li.nav-item a.nav-link.active {
  color: #000;
}

[id^="Modal"] .modal-dialog .modal-content .modal-body ul.nav-tabs li.nav-item a.nav-link:before {
  content: '';
  margin-top: 6px !important;
}

[id^="Modal"] .modal-dialog .modal-content .modal-body ul.nav-tabs li.nav-item a.nav-link.active::before {
  content: '';
  display: block;
  width: 100%;
  height: 5px;
  background: #000;
  margin-top: 6px;
}

[id^="ModalEdit"] .modal-dialog .modal-content .modal-body .edit-form ul.form li.edit-line .dropdown-select .dropdown-menu a.dropdown-item small,
[id^="Modal"] .modal-dialog .modal-content .modal-body .edit-form ul.form li.edit-line .dropdown-select .dropdown-menu a.dropdown-item small {
  font-family: "Roboto Thin", Roboto;
  font-weight: 200;
  font-size: 14px;
  color: #333333;
}

[id^="ModalEdit"] .modal-dialog .modal-content .modal-body .edit-form ul.form li.edit-line label small,
[id^="Modal"] .modal-dialog .modal-content .modal-body .edit-form ul.form li.edit-line label small,
.ModalCreate .modal-dialog .modal-content .modal-body .edit-form ul.form li.edit-line label small {
  display: block;
  width: 100%;
}

[id^="Modal"] .modal-dialog .modal-content .modal-body .edit-form ul.form li.edit-line .dropdown-select .dropdown-menu a.dropdown-item-footer {
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
  font-size: 14px;
  color: #009DD9;
  margin-top: 10px;
  padding-top: 10px;
  border-top: solid 1px #ddd;
}

[id^="ModalEdit"] .modal-dialog .modal-content .modal-body .edit-form ul.form li.edit-line,
[id^="Modal"] .modal-dialog .modal-content .modal-body .edit-form ul.form li.edit-line {
  position: relative;
}

[id^="Modal"] .modal-dialog .modal-content .modal-body .edit-form ul.form li.edit-line .content-edit {
  font-family: "Roboto Bold", 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 14px;
}

[id^="Modal"] .modal-dialog .modal-content .modal-body .edit-form ul.form li.edit-line .content-edit a {
  display: block;
  font-family: 'Roboto-Regular', 'Roboto', sans-serif;
  font-weight: 400;
  color: #009DD9;
  white-space: nowrap;
}

[id^="Modal"] .modal-dialog .modal-content .modal-body .edit-form ul.form li.edit-line .content-edit.content-edit-image {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

[id^="Modal"] .modal-dialog .modal-content .modal-body .edit-form ul.form li.edit-line .content-edit.content-edit-image picture {
  width: 75px;
  height: 75px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  margin-right: 10px;
}

[id^="Modal"] .modal-dialog .modal-content .modal-body .edit-form ul.form li.edit-line .content-edit.content-edit-image picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
}

[id^="ModalEdit"] .modal-dialog .modal-content .modal-body .edit-form ul.form li.edit-line .group,
[id^="Modal"] .modal-dialog .modal-content .modal-body .edit-form ul.form li.edit-line .group {
  width: 100%;
  display: flex;
}

[id^="ModalEdit"] .modal-dialog .modal-content .modal-body #streaming .modal-footer-buttonbar,
[id^="Modal"] .modal-dialog .modal-content .modal-body .edit-form .modal-footer-buttonbar,
[id^="Modal"] .modal-dialog .modal-content .modal-footer .modal-footer-buttonbar {
  display: flex;
  margin-top: 20px;
  width: 100%;
}

[id^="ModalEdit"] .modal-dialog .modal-content .modal-body #streaming .modal-footer-buttonbar button.btn,
[id^="ModalEdit"] .modal-dialog .modal-content .modal-body .edit-form ul.form li.edit-line button.btn,
[id^="Modal"] .modal-dialog .modal-content .modal-body .edit-form .modal-footer-buttonbar button.btn,
[id^="Modal"] .modal-dialog .modal-content .modal-footer .modal-footer-buttonbar button.btn {
  border: none;
  font-family: 'Roboto-Regular', 'Roboto', sans-serif;
  font-style: normal;
  font-size: 14px;
  color: #fff;
  padding: 4px 10px;
  text-decoration: none;
  white-space: nowrap;
}

[id^="ModalEdit"] .modal-dialog .modal-content .modal-body #streaming .modal-footer-buttonbar button.btn-cancel,
[id^="ModalEdit"] .modal-dialog .modal-content .modal-body .edit-form ul.form li.edit-line button.btn-cancel,
[id^="Modal"] .modal-dialog .modal-content .modal-body .edit-form .modal-footer-buttonbar button.btn-cancel,
[id^="Modal"] .modal-dialog .modal-content .modal-footer .modal-footer-buttonbar button.btn-cancel {
  font-family: 'Roboto-Regular', 'Roboto', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  color: #009DD9;
}

[id^="ModalEdit"] .modal-dialog .modal-content .modal-body #streaming .modal-footer-buttonbar button.btn-cancel.btn-enable,
[id^="Modal"] .modal-dialog .modal-content .modal-body .edit-form .modal-footer-buttonbar button.btn-cancel.btn-enable,
[id^="Modal"] .modal-dialog .modal-content .modal-footer .modal-footer-buttonbar button.btn-cancel.btn-enable {
  color: #009DD9;
}

[id^="ModalEdit"] .modal-dialog .modal-content .modal-body #streaming .modal-footer-buttonbar button.btn-cancel.btn-disable,
[id^="Modal"] .modal-dialog .modal-content .modal-body .edit-form .modal-footer-buttonbar button.btn-cancel.btn-disable,
[id^="Modal"] .modal-dialog .modal-content .modal-footer .modal-footer-buttonbar button.btn-cancel.btn-disable {
  color: #D7D7D7;
}

[id^="ModalEdit"] .modal-dialog .modal-content .modal-body #streaming .modal-footer-buttonbar .actions,
[id^="ModalEdit"] .modal-dialog .modal-content .modal-body .edit-form ul.form li.edit-line .actions,
[id^="Modal"] .modal-dialog .modal-content .modal-body .edit-form .modal-footer-buttonbar .actions,
[id^="Modal"] .modal-dialog .modal-content .modal-footer .modal-footer-buttonbar .actions {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

[id^="ModalEdit"] .modal-dialog .modal-content .modal-body #streaming .modal-footer-buttonbar .actions button.btn-save,
[id^="ModalEdit"] .modal-dialog .modal-content .modal-body .edit-form ul.form li.edit-line .actions button.btn-save,
[id^="Modal"] .modal-dialog .modal-content .modal-body .edit-form .modal-footer-buttonbar .actions button.btn-save,
[id^="Modal"] .modal-dialog .modal-content .modal-footer .modal-footer-buttonbar .actions button.btn-save {
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
}

[id^="ModalEdit"] .modal-dialog .modal-content .modal-body #streaming .modal-footer-buttonbar .actions button.btn-save.btn-enable,
[id^="Modal"] .modal-dialog .modal-content .modal-body .edit-form .modal-footer-buttonbar .actions button.btn-save.btn-enable,
[id^="Modal"] .modal-dialog .modal-content .modal-footer .modal-footer-buttonbar .actions button.btn-save.btn-enable {
  background: rgba(0, 157, 217, 1);
}

[id^="ModalEdit"] .modal-dialog .modal-content .modal-body #streaming .modal-footer-buttonbar .actions button.btn-save.btn-disable,
[id^="ModalEdit"] .modal-dialog .modal-content .modal-body .edit-form ul.form li.edit-line .actions button.btn-save.btn-disable,
[id^="Modal"] .modal-dialog .modal-content .modal-body .edit-form .modal-footer-buttonbar .actions button.btn-save.btn-disable,
[id^="Modal"] .modal-dialog .modal-content .modal-footer .modal-footer-buttonbar .actions button.btn-save.btn-disable {
  background-color: #d7d7d7;
  font-weight: 600;
}

[id^="ModalEdit"] .modal-dialog .modal-content .modal-body .edit-form ul.form li.edit-line .actions button.btn-delete,
[id^="Modal"] .modal-dialog .modal-content .modal-body .edit-form .modal-footer-buttonbar .actions button.btn-delete,
[id^="Modal"] .modal-dialog .modal-content .modal-footer .modal-footer-buttonbar .actions button.btn-delete {
  color: #C10000;
}

[id^="ModalEdit"] .modal-dialog .modal-content .modal-body #TabContent .header-actions {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  margin: 30px 0;
  width: 100% !important;
}

[id^="ModalEdit"] .modal-dialog .modal-content .modal-body #TabContent .header-actions label {
  /*min-width: 113px;
  width: 113px;
  max-width: 113px;*/
  min-width: 155px;
  width: 155px;
  max-width: 155px;
  font-family: 'Roboto Thin', 'Roboto';
  font-weight: 200;
  font-style: normal;
  font-size: 14px;
  color: #333333;
  text-align: left;
  line-height: normal;
  margin-right: 0px;
  margin-bottom: 0px;
}

[id^="ModalEdit"] .modal-dialog .modal-content .modal-body #TabContent .header-actions select {
  width: 250px;
  margin-right: 10px;
  -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.0980392156862745) !important;
  -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.0980392156862745) !important;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.0980392156862745) !important;
}

[id^="ModalEdit"] .modal-dialog .modal-content .modal-body #TabContent .header-actions button {
  font-family: 'Roboto-Regular', 'Roboto', sans-serif;
  font-weight: 200;
  font-style: normal;
  font-size: 14px;
  color: #009DD9;
  white-space: nowrap;
  border: none;
  background-color: transparent;
}

[id^="ModalEdit"] .modal-dialog .modal-content .modal-body #TabContent #history ul li {
  margin-bottom: 10px;
}

[id^="ModalEdit"] .modal-dialog .modal-content .modal-body #TabContent #history ul li p.data {
  margin-bottom: 0;
  font-family: 'Roboto-Regular', 'Roboto', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
}

[id^="ModalEdit"] .modal-dialog .modal-content .modal-body #TabContent #history ul li p.status {
  margin-bottom: 0;
  font-family: 'Roboto-Regular', 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 14px;
}

[id^="ModalEdit"] .modal-dialog .modal-content .modal-body #TabContent #history ul li p.user {
  margin-bottom: 0;
  color: #999999;
  font-size: 12px;
  font-family: 'Roboto-Regular', 'Roboto', sans-serif;
  font-weight: 400;
  font-style: normal;
}

[id^="ModalEdit"] .modal-dialog .modal-content .modal-body #TabContent #history ul li p a {
  font-family: 'Roboto-Regular', 'Roboto', sans-serif;
  font-weight: 400;
  color: #009DD9;
}

[id^="ModalEdit"] .modal-dialog .modal-content .modal-body ul.tab-stats li {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-bottom: 20px;
}

[id^="ModalEdit"] .modal-dialog .modal-content .modal-body ul.tab-stats li .side-info p {
  font-family: 'Roboto-Bold', 'Roboto Bold', 'Roboto', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  white-space: nowrap;
  margin-bottom: 5px;
}

[id^="ModalEdit"] .modal-dialog .modal-content .modal-body ul.tab-stats li .side-info small {
  font-family: 'Roboto-Regular', 'Roboto', sans-serif;
  font-weight: 400;
  color: #999999;
  font-size: 12px;
  white-space: nowrap;
  display: block;
}

[id^="ModalEdit"] .modal-dialog .modal-content .modal-body ul.tab-stats li .side-info number {
  font-family: 'Roboto-Bold', 'Roboto Bold', 'Roboto', sans-serif;
  font-weight: 700;
  white-space: nowrap;
  font-size: 18px;
  display: block;
}

[id^="ModalEdit"] .modal-dialog .modal-content .modal-body ul.tab-stats li .graph {
  border: solid 1px #000;
  padding: 0.7rem;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.0980392156862745);
  -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.0980392156862745);
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.0980392156862745);
}


/* MODAL ABA TRANSMISSÃO */
[id^="ModalEdit"] .modal-dialog .modal-content .modal-body #streaming {}

[id^="ModalEdit"] .modal-dialog .modal-content .modal-body #streaming article:first-child {
  border-bottom: 1px solid #CCC;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

[id^="ModalEdit"] .modal-dialog .modal-content .modal-body #streaming article h6 {
  white-space: nowrap;
  font-family: 'Roboto-Bold', 'Roboto Bold', 'Roboto', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  color: #333333;
  text-transform: none;
  margin-bottom: 15px;
}

[id^="ModalEdit"] .modal-dialog .modal-content .modal-body #streaming article p {
  display: flex;
  margin-bottom: 0.3rem;
}

[id^="ModalEdit"] .modal-dialog .modal-content .modal-body #streaming article ul li {
  display: flex;
  margin-bottom: 10px;
}

[id^="ModalEdit"] .modal-dialog .modal-content .modal-body #streaming article p label,
[id^="ModalEdit"] .modal-dialog .modal-content .modal-body #streaming article ul li label {
  /*min-width: 113px;
  width: 113px;
  max-width: 113px;*/
  min-width: 155px;
  width: 155px;
  max-width: 155px;
  font-family: 'Roboto Thin', 'Roboto';
  font-weight: 200;
  font-style: normal;
  font-size: 14px;
  color: #333333;
  text-align: left;
  line-height: normal;
  margin-right: 10px;
  margin-bottom: 0px;
}

[id^="ModalEdit"] .modal-dialog .modal-content .modal-body #streaming article p .url {
  white-space: nowrap;
  font-family: 'Roboto-Regular', 'Roboto', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  color: #C9C9C9;
  margin-right: 10px;
}

[id^="ModalEdit"] .modal-dialog .modal-content .modal-body #streaming article p a,
[id^="ModalEdit"] .modal-dialog .modal-content .modal-body #streaming article a {
  font-family: 'Roboto-Regular', 'Roboto', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  color: #009DD9;
}


/* MODAL CONFIRMA EXCLUSÃO */
#ModalConfirmDelete .modal-dialog .modal-content .modal-body,
#ModalConfirmDeleteSelected .modal-dialog .modal-content .modal-body,
#ModalConfirmDeleteProfile .modal-dialog .modal-content .modal-body {
  font-family: 'Roboto-Bold', 'Roboto Bold', 'Roboto', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  color: #C10000;
}

#ModalConfirmDeleteProfile .modal-dialog .modal-content .modal-body p {
  font-family: Roboto-Regular, Roboto, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.7);
  margin-top: 10px;
}

#ModalConfirmDelete .modal-dialog .modal-content .modal-footer .btnbar,
#ModalConfirmDeleteSelected .modal-dialog .modal-content .modal-footer .btnbar,
#ModalConfirmDeleteProfile .modal-dialog .modal-content .modal-footer .btnbar {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

#ModalConfirmDelete .modal-dialog .modal-content .modal-footer button.btn-cancel,
#ModalConfirmDeleteSelected .modal-dialog .modal-content .modal-footer button.btn-cancel,
#ModalConfirmDeleteProfile .modal-dialog .modal-content .modal-footer button.btn-cancel {
  font-family: 'Roboto-Regular', 'Roboto', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  color: #009DD9;
}

#ModalConfirmDelete .modal-dialog .modal-content .modal-footer button.btn-delete,
#ModalConfirmDeleteSelected .modal-dialog .modal-content .modal-footer button.btn-delete,
#ModalConfirmDeleteProfile .modal-dialog .modal-content .modal-footer button.btn-delete {
  font-family: 'Roboto-Bold', 'Roboto Bold', 'Roboto', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  color: #FFFFFF;
  background-color: #C10000;
}

@media screen and (min-width: 552px) {
  [id^="Modal"] .modal-dialog .modal-content .modal-body .edit-form ul.form li.edit-line {}

  [id^="ModalEdit"] .modal-dialog .modal-content .modal-body .edit-form ul.form li.edit-line > label,
  [id^="Modal"] .modal-dialog .modal-content .modal-body .edit-form ul.form li.edit-line > label,
  .ModalCreate .modal-dialog .modal-content .modal-body .edit-form ul.form li.edit-line > label {
    /*min-width: 113px;
    width: 113px;
    max-width: 113px;*/
    min-width: 155px;
    width: 155px;
    max-width: 155px;
    text-align: right;
    font-weight: 300;
  }

  [id^="ModalEdit"] .modal-dialog .modal-content .modal-body #streaming .modal-footer-buttonbar .space,
  [id^="Modal"] .modal-dialog .modal-content .modal-body #streaming .modal-footer-buttonbar .space,
  [id^="Modal"] .modal-dialog .modal-content .modal-body .edit-form .modal-footer-buttonbar .space,
  [id^="Modal"] .modal-dialog .modal-content .modal-footer .modal-footer-buttonbar .space {
    /*min-width: 123px;
    width: 123px;
    max-width: 123px;*/
    min-width: 163px;
    width: 163px;
    max-width: 163px;
    display: block;
  }
}

@media screen and (max-width: 551px) {

  [id^="ModalEdit"] .modal-dialog .modal-content .modal-body .edit-form ul.form li.edit-line,
  [id^="Modal"] .modal-dialog .modal-content .modal-body .edit-form ul.form li.edit-line,
  .ModalCreate .modal-dialog .modal-content .modal-body .edit-form ul.form li.edit-line {
    flex-direction: column;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }

  [id^="ModalEdit"] .modal-dialog .modal-content .modal-body .edit-form ul.form li.edit-line label,
  [id^="Modal"] .modal-dialog .modal-content .modal-body .edit-form ul.form li.edit-line label {
    min-width: auto;
    width: auto;
    max-width: auto;
    margin-bottom: 4px;
  }

  [id^="ModalEdit"] .modal-dialog .modal-content .modal-body .edit-form ul.form li.edit-line .dropdown-select.dropdown-select-small,
  [id^="Modal"] .modal-dialog .modal-content .modal-body .edit-form ul.form li.edit-line .dropdown-select.dropdown-select-small {
    width: 50% !important;
    display: block;
    margin-right: 20px;
  }
}

@media screen and (max-width: 992px) {
  [id^="ModalEdit"] .modal-dialog .modal-content .modal-body .edit-form ul.form li.edit-line .line-control-range .control-range {
    margin-right: 10px;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  [id^="ModalEdit"] .modal-dialog {
    max-width: 80%;
  }
}

[id^="ModalEdit"] .modal-dialog .modal-content .modal-body .thumbnail {
  border: solid 1px #CCC;
  display: block;
  background-color: #FFF;
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
  z-index: 1;
  margin-top: -95px;
  margin-right: 15px;
  display: none;
}

[id^="ModalEdit"] .modal-dialog .modal-content .thumbnail picture {
  width: 184px;
  height: 122px;
  border: solid 1px #000;
}

[id^="ModalEdit"] .modal-dialog .modal-content .thumbnail picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

[id^="ModalEdit"] .modal-dialog .modal-content .thumbnail button.btn-link {
  font-family: 'Roboto Thin', 'Roboto';
  font-weight: 200;
  font-style: normal;
  font-size: 14px;
  color: #009DD9;
  text-align: center;
  width: 100%;
  padding: 7px;
  display: block;
}

[id^="ModalEdit"] .modal-dialog .modal-header h5 {
  font-family: 'Roboto Thin', 'Roboto';
  font-weight: 200;
  white-space: nowrap;
  font-size: 18px;
  color: #333333;
  text-transform: none;
}

[id^="ModalEdit"] .modal-dialog .modal-content .modal-body .edit-form ul,
[id^="Modal"] .modal-dialog .modal-content .modal-body .edit-form ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

[id^="ModalEdit"] .modal-dialog .modal-content .modal-body .edit-form ul.form li.edit-line button.btn-link {
  font-size: 14px;
  text-decoration: none;
}

[id^="ModalEdit"] .modal-dialog .modal-content .modal-body .edit-form ul.form li.edit-line .line-control-range .control-range {
  width: 75%;
}

[id^="ModalEdit"] .modal-dialog .modal-content .modal-body .edit-form ul.form li.edit-line .line-control-range {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 100%;
}

[id^="ModalEdit"] .modal-dialog .modal-content .modal-body .edit-form ul.form li.edit-line .dropdown-menu ul {
  padding: 15px;
}

[id^="ModalEdit"] .modal-dialog .modal-content .modal-body .edit-form ul.form li.edit-line .dropdown-menu ul li {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  padding: 7px;
}

[id^="ModalEdit"] .modal-dialog .modal-content .modal-body .edit-form ul.form li.edit-line .dropdown-menu ul li label {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
  font-size: 14px;
}

[id^="ModalEdit"] .modal-dialog .modal-content .modal-body .edit-form ul.form li.edit-line .dropdown-menu ul li label:before {
  margin-right: 10px;
}

section.boxSend .box-form .card-body ul.form li.edit-line .dropdown-select .dropdown-menu .dropdown-link,
[id^="ModalEdit"] .modal-dialog .modal-content .modal-body .edit-form ul.form li.edit-line .dropdown-select .dropdown-menu a.dropdown-item.dropdown-link {
  color: #009DD9;
}

[id^="ModalEdit"] .modal-dialog .modal-content .modal-body .edit-form ul.form li.edit-line .form-group.form-check label.form-check-label {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  font-family: 'Roboto Thin', 'Roboto';
  font-weight: 200;
  font-size: 14px;
  color: #333333;
}

[id^="ModalEdit"] .modal-dialog .modal-content .modal-body .edit-form ul.form li.edit-line .form-group.form-check label.form-check-label:before {
  margin-right: 10px;
}

[id^="ModalEdit"] .modal-dialog .modal-content .modal-body .videos .info-content .aligner .actions-l1 .actions button.btn-save {
  width: 100%;
}

[id^="ModalEdit"] .modal-dialog .modal-content .modal-body .videos .info-content .aligner .actions-l2 {
  display: flex;
  justify-content: space-between;
}

[id^="ModalEdit"] .modal-dialog .modal-content .modal-body a.dropdown-toggle,
[id^="ModalEdit"] .modal-dialog .modal-content .modal-body li.edit-line input.form-control,
[id^="ModalEdit"] .modal-dialog .modal-content .modal-body li.edit-line textarea.form-control {
  -webkit-box-shadow: 2px 2px 2px 0px rgba(212, 212, 212, .75) !important;
  -moz-box-shadow: 2px 2px 2px 0px rgba(212, 212, 212, .75) !important;
  box-shadow: 2px 2px 2px 0px rgba(212, 212, 212, .75) !important;
  font-family: 'Arial-BoldMT', 'Arial Bold', 'Arial', sans-serif;
  font-weight: 700;
  font-size: 13px;
  color: #000000;
}

.ModalCreate .modal-dialog .modal-content .modal-header h5.modal-title {
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
  font-size: 18px;
  color: #333333;
  text-transform: none;
}

.ModalCreate .modal-dialog .modal-content .modal-header h5 p.subtitlemodal {
  font-family: 'Roboto Thin', 'Roboto';
  font-weight: 200;
  font-size: 14px;
  color: #333333;
  margin-bottom: 0;
}

.ModalCreate .modal-dialog .modal-content .modal-body .edit-form ul.form li.edit-line .placeholder {
  display: block;
  font-family: 'Roboto Thin', 'Roboto';
  font-weight: 200;
  white-space: nowrap;
  font-size: 14px;
  color: #999;
}

.ModalCreate {
  width: 100%;
}

.modal-footer {
  justify-content: flex-start !important;
  padding: 0rem 2rem 2rem 2rem !important;
  border-top: none !important;
}

.ModalCreate .modal-dialog .modal-content .modal-footer button.btn {
  padding: 6px 12px;
}

section.boxSend article.box-form .card-footer button.btn-link,
.ModalCreate .modal-dialog .modal-content .modal-footer button.btn-link {
  min-width: 155px;
  text-decoration: none;
  padding: 6px 0px !important;
  text-align: left;
}

.ModalCreate .modal-dialog .modal-content button.btn-link {
  font-size: 14px;
}

.ModalCreate .modal-dialog .modal-content .modal-footer button.btn-save {
  padding: 6px 30px;
}

#ModalCriarCanal:nth-of-type(even) {
  z-index: 1052;
}

#ModalCriarCanal.modal-backdrop.show:nth-of-type(even) {
  z-index: 1051;
}

#ModalCriarPlaylist {
  z-index: 1053;
}

#ModalCriarPlaylist.modal-backdrop.show {
  z-index: 1052;
}

.modalActions {
  z-index: 2001;
}

.modalActions#ModalCriarPlaylist {
  z-index: 2002;
}

.modalActions#ModalCriarCanal {
  z-index: 2003;
}

.ModalCreate .modal-dialog .modal-content .modal-body .edit-form ul.form li.edit-line .form-group {
  width: 100%;
}

.modal .modal-content .modal-header h5.modal-title-success {
  font-family: 'Roboto Thin', 'Roboto';
  font-weight: 200;
  font-size: 18px;
  color: #009900;
  text-transform: none;
}

.modal .modal-content .modal-header h5.modal-title-success:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f058";
  margin-right: 10px;
}

.ModalConfirm .modal-content .modal-body {
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  line-height: 18px;
  color: #666666;
}

.ModalConfirm .modal-content .modal-body .modal-body-content {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

.ModalConfirm .modal-content .modal-body .modal-body-content picture {
  width: 55px;
  height: 55px;
  border: solid 1px #999999;
  margin-right: 10px;
}

.ModalConfirm .modal-content .modal-body .modal-body-content picture img {
  width: 100%;
}

.ModalConfirm .modal-content .modal-body .modal-body-content .channel-name {
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  line-height: 18px;
  color: #666666;
}


/* Custom Range ------------------------------------------------------------------ */
input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  margin: 13.8px 0;
}

input[type=range]:focus {
  outline: none;
}

input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 6px;
  cursor: pointer;
  background: #cccccc;
  border-radius: 1px;
  border: 0.2px solid #bcbcbc;
}

input[type=range]::-webkit-slider-thumb {
  border: 1px solid #bcbcbc;
  height: 21px;
  width: 21px;
  border-radius: 100px;
  background: #ffffff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -8px;
}

input[type=range]:focus::-webkit-slider-runnable-track {
  background: #cccccc;
}

input[type=range]::-moz-range-track {
  width: 100%;
  height: 6px;
  cursor: pointer;
  background: #cccccc;
  border-radius: 1px;
  border: 0.2px solid #d3d3d3;
}

input[type=range]::-moz-range-thumb {
  border: 0.2px solid #bcbcbc;
  height: 21px;
  width: 21px;
  border-radius: 1px;
  background: #ffffff;
  cursor: pointer;
}

input[type=range]::-ms-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}

input[type=range]::-ms-fill-lower {
  background: #ccc;
  border: 0.2px solid #bcbcbc;
  border-radius: 0.2px;
}

input[type=range]::-ms-fill-upper {
  background: #ccc;
  border: 0.2px solid #d3d3d3;
  border-radius: 1px;
}

input[type=range]::-ms-thumb {
  border: 0.2px solid #d3d3d3;
  height: 21px;
  width: 21px;
  border-radius: 1px;
  background: #ffffff;
  cursor: pointer;
  height: 6px;
}

input[type=range]:focus::-ms-fill-lower {
  background: #d3d3d3;
}

input[type=range]:focus::-ms-fill-upper {
  background: #d3d3d3;
}

main.blockSend section.boxSend > footer {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-top: 5px;
  flex-wrap: wrap;
}

main.blockSend section.boxSend > footer a {
  font-family: 'Roboto Thin', 'Roboto';
  font-weight: 200;
  color: #009DD9;
  font-style: normal;
  font-size: 14px;
  margin-left: 4px;
  margin-right: 3px;
  white-space: nowrap;
  text-decoration: none;
}

main.blockSend section.boxSend > footer a:after {
  content: ' - ';
  margin-left: 3px;
}

main.blockSend section.boxSend > footer a:hover {
  color: #0285B7;
}

main.blockSend section.boxSend > footer a:last-child:after {
  content: '';
}

section.boxSend .dragdrop {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
}

section.boxSend .dragdrop .dragdrop-content {
  border: solid #009900 5px;
  background-color: rgba(255, 255, 255, 0.8);
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
  font-style: normal;
  font-size: 32px;
  color: #009900;
  text-align: center;
  white-space: nowrap;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}


/* TELAS DE TEXTO
---------------------------------------------------------------- */
main article.content {
  font-family: 'Roboto Thin', 'Roboto';
  /*font-weight: 200;*/
  font-weight: 600;
  color: #009DD9;
  font-style: normal;
  font-size: 14px;
  color: #333333;
  padding: 0 25px;
  margin-bottom: 40px;
}

main article.content h2 {
  font-family: 'Roboto';
  font-weight: 600;
  font-size: 32px;
  color: #333333;
  text-transform: none;
  margin-bottom: 20px;
}

main nav.slide-menu aside.sidebar ul.menu li,
main aside.sidebar ul.menu li {}

main article.content h6 {
  font-family: 'Roboto';
  font-weight: 600;
  font-style: normal;
  font-size: 18px;
  color: #333333;
  text-transform: none;
  margin-bottom: 7px;
  margin-top: 30px;
}

ul.cookies-option {
  margin-top: 20px;
}

ul.cookies-option li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0.8rem 0;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  font-size: 16px;
}

ul.cookies-option li.title {
  font-family: 'Roboto', 'Roboto';
  font-weight: 600;
}

ul.cookies-option li.option {
  font-family: 'Roboto Thin', 'Roboto';
  font-weight: 600;
}

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 42px;
  height: 24px;
  margin-bottom: 0px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #28a745;
}

input:focus + .slider {
  box-shadow: 0 0 1px #28a745;
}

input:checked + .slider:before {
  -webkit-transform: translateX(16px);
  -ms-transform: translateX(16px);
  transform: translateX(16px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

article.geral ul#TabPrivacidade li.nav-item a.nav-link.active::before {
  content: '';
  display: block;
  width: 100%;
  height: 5px;
  background: #000;
  margin-top: 6px;
}

article.geral ul#TabPrivacidade li.nav-item a.nav-link {
  border: none;
  font-family: 'Roboto-Thin', 'Roboto Thin', 'Roboto', sans-serif;
  font-weight: 200;
  font-style: normal;
  font-size: 14px;
}

article.geral .tab-content .tab-pane {
  font-family: 'Roboto-Thin', 'Roboto Thin', 'Roboto', sans-serif;
  /*font-weight: 200;*/
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
}


/* FOOTER MENU SECUNDÁRIO
---------------------------------------------------------------- */
main section.subtitles {
  margin: 40px auto;
}

main section.subtitles header {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

main section.subtitles header h6 {
  /*margin-bottom: 30px;*/
  margin: 0px;
  text-transform: none;
  color: #6c757d;
  font-size: 22px;
  font-weight: 600;
}

main section.subtitles header h6 span {
  color: rgba(0, 157, 217, 1);
}

main section.subtitles header .btngroup button.btn {
  padding: 8px 18px;
}

main section.subtitles header .btngroup button.btn-default {
  margin-left: 10px;
}

main section.subtitles .selection-subtitles {
  margin-top: 20px;
}

main section.subtitles .selection-subtitles label {
  font-family: 'Roboto-Thin', 'Roboto Thin', 'Roboto', sans-serif;
  font-weight: 200;
  font-style: normal;
  font-size: 13px;
}

main section.subtitles .selection-subtitles .dropdown {
  width: 250px;
}

main section.subtitles .selection-subtitles .dropdown a.btn-secondary {
  background-color: #f2f2f2;
  border: #f2f2f2;
  color: #000;
  width: 100%;
}

main section.subtitles .selection-subtitles .dropdown .dropdown-menu-subtitle {
  width: 100%;
  max-height: 315px !important;
  overflow-y: scroll;
}

main section.subtitles .selection-subtitles .dropdown .dropdown-menu-subtitle a.dropdown-item {}

main section.subtitles table {
  margin-top: 30px;
  margin-bottom: 10px;
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

main section.subtitles table tr td,
main section.subtitles table tr th {
  padding: 0.5rem;
}

main section.subtitles table thead tr th {
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
  font-size: 15px;
}

/*main section.subtitles table tr {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}*/

main section.subtitles table tr td {
  font-family: 'Roboto-Thin', 'Roboto Thin', 'Roboto', sans-serif;
  font-weight: 200;
  font-style: normal;
  font-size: 13px;
  vertical-align: middle;
}

main section.subtitles table tr td button.btn,
main section.subtitles table tr td a.btn {
  padding: 0;
  font-family: 'Roboto-Thin', 'Roboto Thin', 'Roboto', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 13px;
  color: #009DD9;
}

main section.subtitles table tr td button.btn:hover,
main section.subtitles table tr td a.btn:hover {
  color: #0285B7;
}

main section.subtitles table tbody tr td.subtitle-language {
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 700;
}

main section.subtitles table tr td.action {
  text-align: right;
}

main section.subtitles table tbody tr td.action button {
  border: none;
  background-color: transparent;
}

main section.subtitles p.warning {
  text-align: center;
  padding: 0.5rem 0;
  font-family: 'Roboto Bold', 'Roboto';
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  color: #BBB;
}

main section.subtitles table.table-subtitle tbody {
  background-color: #f2f2f2;
}

main section.subtitles table.table-subtitle tr td,
main section.subtitles table.table-subtitle tr th {
  padding: 0.7rem;
}

main section.subtitles table.table-subtitle tr td input {
  -webkit-box-shadow: 0px 0px 0px 0px rgba(212, 212, 212, .75) !important;
  -moz-box-shadow: 0px 0px 0px 0px rgba(212, 212, 212, .75) !important;
  box-shadow: 0px 0px 0px 0px rgba(212, 212, 212, .75) !important;
}

main section.subtitles table.table-subtitle thead th {
  vertical-align: bottom;
}

main section.subtitles table.table-subtitle thead th {
  border-bottom: none;
}

main section.subtitles table.table-subtitle tbody tr td {
  height: 62px;
  overflow: hidden;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

main section.subtitles table.table-subtitle tbody tr td input.form-control:active,
main section.subtitles table.table-subtitle tbody tr td input.form-control:focus {
  border: 1px solid rgba(0, 0, 0, 0.25);
}

main section.subtitles table.table-subtitle {
  width: 100%;
}

main section.subtitles table.table-subtitle tbody {
  height: 372px;
  overflow-y: auto;
  width: 100%;
}

main section.subtitles table.table-subtitle thead,
main section.subtitles table.table-subtitle tbody,
main section.subtitles table.table-subtitle tr,
main section.subtitles table.table-subtitle td,
main section.subtitles table.table-subtitle th {
  display: block;
}

main section.subtitles table.table-subtitle tbody td {
  float: left;
}

main section.subtitles table.table-subtitle thead tr th {
  float: left;
}


/* LOGIN - CADASTRO NOVO USUÁRIO
---------------------------------------------------------------- */
section.box-login article .form-group picture.useravatar {
  transition-duration: 2s;
  width: 150px;
  height: 150px;
  position: relative;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  /*border: 4px dashed #D1CFCF;*/
}

section.box-login article .form-group picture.useravatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  position: absolute;
  z-index: 2;
}

section.box-login article .form-group picture.useravatar:after {
  content: "";
  background-image: url(../img/user_profile.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  opacity: 0.2;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

section.box-login article .form-group picture.useravatar .avatarhover {
  z-index: 3;
  position: absolute !important;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  background-color: rgba(0, 0, 0, 0.4);
  position: absolute;
  display: none;
  transition-duration: 2s;
}

section.box-login article .form-group picture.useravatar .avatarhover .avatarhoveroptions a {
  font-family: 'Roboto Medium', 'Roboto';
  text-align: center;
  font-weight: 900;
  font-size: 13px;
  color: #FFF;
}

section.box-login article .form-group picture.useravatar .avatarhover .avatarhoveroptions {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

section.box-login article .form-group picture.useravatar .avatarhover .avatarhoveroptions a {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  width: 45px;
  height: 45px;
  background-color: rgba(0, 0, 0, 0.4);
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  text-decoration: none;
  margin: 0px 3px !important;
}

section.box-login article .form-group picture.useravatar .avatarhover .avatarhoveroptions a:hover {
  background-color: rgba(0, 0, 0, 0.6);
}

section.box-login article .form-group picture.useravatar .avatarhover .avatarhoveroptions .personal-image {
  text-align: center;
}

section.box-login article .form-group picture.useravatar .avatarhover .avatarhoveroptions .personal-image input[type="file"] {
  display: none;
}

section.box-login article .form-group picture.useravatar .avatarhover .avatarhoveroptions .personal-figure {
  position: relative;
  width: 45px;
  height: 45px;
}

section.box-login article .form-group picture.useravatar .avatarhover .avatarhoveroptions .personal-figcaption {
  cursor: pointer;
  width: inherit;
  height: inherit;
  border-radius: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  color: #FFF;
}

section.box-login article .form-group picture.useravatar .avatarhover .avatarhoveroptions .personal-image label {
  margin-bottom: 0px;
}


/* FOOTER MENU SECUNDÁRIO
---------------------------------------------------------------- */
footer#footer .footernav {
  background-color: #F7F7F7;
}

@media screen and (max-width: 899px) {
  footer#footer .footernav > div {
    display: -webkit-flex;
    display: flex;
  }

  footer#footer .footernav ul:first-child {
    margin-right: 50px;
  }

  footer#footer .footernav ul li {
    padding: 0.6em;
  }
}

@media screen and (min-width: 900px) {
  footer#footer .footernav > div {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }

  footer#footer .footernav ul li {
    margin-left: 10px;
    margin-right: 10px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
  }

  footer#footer .footernav ul {
    display: flex;
  }
}

footer#footer .footernav ul {
  padding: 15px 0;
  margin: 0;
  list-style: none;
}

footer#footer .footernav ul li a {
  font-family: 'Roboto';
  font-weight: 400;
  font-style: normal;
  color: #999999;
  font-size: 13px;
  line-height: normal;
  white-space: nowrap;
}

footer#footer .footernav ul li a img {
  width: 25px;
  max-width: 25px;
  margin-left: 5px;
  margin-right: 5px;
}


/* FOOTER MENU LOGOS RNP
---------------------------------------------------------------- */
footer#footer .logos {
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #FFF;
}

footer#footer .logos ul li figure img {
  text-align: center;
  width: 80%;
}

footer#footer .logos .container {
  text-align: center;
}

footer#footer ul.footer-mobile li a {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

@media screen and (max-width: 767px) {
  footer#footer .logos {
    padding: 3% 0;
  }

  footer#footer .logos ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }

  footer#footer .logos ul li figure {
    width: 100%;
    display: flex;
  }

  footer#footer .logos ul li figure img {
    text-align: center;
    width: 50%;
  }

  footer#footer .copy {
    padding: 3% 0 5% 0;
  }

  footer#footer ul.footer-mobile li figure {
    width: 70%;
  }
}

@media screen and (min-width: 768px) {
  footer#footer .logos ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
  }
}

@media screen and (max-width: 767px) {
  footer#footer ul.footer-desktop {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  footer#footer ul.footer-desktop {
    display: flex !important;
  }

  footer#footer ul.footer-mobile {
    display: none;
  }
}