/* Minification failed. Returning unminified contents.
(7,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14338,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
 */
@media only screen and (max-width: 767px) {
  .custom-tooltip-suggestions {
    display: none;
  }
}
.custom-tooltip-suggestions {
  --bs-tooltip-bg: #507701 !important;
  --bs-tooltip-opacity: 1;
  font-weight: 600;
  --bs-tooltip-font-size: 16px;
}
/****/
/****/

* {
  margin: 0;
  padding: 0;
}
html {
  overflow: -moz-scrollbars-vertical;
  overflow-y: scroll;
}
/**FIX UL BOOTSTRAP**/

ol,
ul {
  padding-left: 0px;
}
.form-select {
  font-size: 14px;
}
h4 {
  font-size: 18px;
}
html,
body {
  height: 100%;
}
body {
  font-family: 'Open Sans', sans-serif !important;
  background-color: #e6e6e6 !important;
  padding-right: 0px !important;
  font-size: 14px !important;
}
a {
  text-decoration: none !important;
}
a:hover {
  text-decoration: underline;
}
.containerTopMenu {
  max-width: 1060px;
  padding: 0px !important;
}
.containerGondomar {
  max-width: 1230px;
  padding: 0px !important;
  margin: 0 auto;
}
.containerTopMenuClass {
  max-width: 1220px;
  padding: 0px !important;
}
.containerMain {
  max-width: 960px;
  padding: 0px !important;
  margin-top: 40px;
}
.ttl {
  font-family: 'Open Sans';
  margin-top: 25px;
  color: #424242;
  font-weight: 600;
  text-align: center;
  font-size: 18px;
}
.myApps {
  background-color: white;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 960px;
}
.myApps .tableMaster {
  line-height: 1.6;
  width: 100%;
  height: 100%;
  border-style: none;
  text-align: center;
  overflow: hidden;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.myApps .tableMaster thead {
  background-color: whitesmoke;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 13px;
  color: #707070;
  height: 72px;
}
.myApps .tableMaster thead td {
  padding-top: 12px;
}
.myApps .tableMaster tbody {
  border-left: 150px solid white;
  border-right: 150px solid white;
}
.myApps .tableMaster tbody .content {
  height: 130px;
  border-bottom: 1px solid #ebebeb;
}
.myApps .esq2 {
  font-size: 16px;
  line-height: 1;
  padding-left: 10px;
  text-align: left;
  font-weight: bold;
  padding-top: auto;
}
.myApps .esq {
  font-size: 16px;
  line-height: 1;
  padding-left: 10px;
  text-align: left;
  font-weight: bold;
  padding-top: 14px;
}
.myApps .peq {
  font-size: 10pt;
  margin-top: 0px;
  font-weight: 100;
  color: #9e9e9e;
  font-style: italic;
}
.myApps .button {
  background-color: #689ac9;
  border: none;
  color: white;
  padding: 10px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  margin: 0px 0px;
  cursor: pointer;
  border-radius: 8px;
}
#loaderMenu {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background-color: rgba(192, 192, 192, 0.9);
}
.topBarClass {
  min-height: 65px;
  background-color: #047dea;
}
.topBarClass .container {
  max-height: 65px;
}
.topBarClass .imagesContainer {
  display: inline-block;
}
.topBarClass .imagesContainer .leftIcon {
  float: left;
  z-index: 1000;
}
.topBarClass .imagesContainer .leftIcon2 {
  margin-left: 16px;
  margin-right: 22px;
}
.topBarClass .imagesContainer .text {
  font-weight: 700;
  font-size: 14px;
  color: white;
}
.topBarClass .dropdownContainer {
  float: right;
  height: 65px;
  display: flex;
  justify-content: center;
  font-size: 13px;
  color: white;
}
.topBarClass .dropdownContainer a {
  text-decoration: none;
  color: inherit;
}
.topBarClass .dropdownContainer .userName {
  padding-left: 7px;
  padding-right: 11px;
}
.topBarClass .dropdownContainer .helperCenter {
  align-self: center;
}
.topBarClass .dropdownContainer .iconInside {
  padding-right: 11px;
}
.topBarClass .dropdownContainer .containerOption {
  display: inline;
  margin-right: 34px;
}
.topBarClass .dropdownContainer .containerUsername {
  display: inline-block;
}
.topBarClass .dropdownContainer .menuContainer {
  display: inline-block;
}
.topBarClass .dropdownContainer .backContainer {
  display: inline-block;
}
.topBarClass .backContainer {
  margin-right: 20px;
}
.topBarClass .backContainer span {
  margin-left: 12px;
}
.topBarClass .menuContainer {
  font-weight: 700;
  font-size: 13px;
  color: white;
  margin-right: 40px;
}
.topBarClass .menuContainer .selected {
  border-bottom: 5px solid #e6e6e6;
  cursor: pointer;
  padding-bottom: 21px;
}
.topBarClass .menuContainer span {
  padding-right: 10px;
  padding-left: 10px;
  margin-left: -2px;
  margin-right: -2px;
}
.topBarClass .menuContainer span:hover {
  border-bottom: 5px solid #e6e6e6;
  cursor: pointer;
  padding-bottom: 21px;
}
.topBarClass .menuContainer .backText {
  font-weight: 500;
}
.topBarClass .dropContainer .outerAvatar {
  margin-right: 10px;
  margin-left: 20px;
}
.topBarClass .dropContainer:hover {
  cursor: pointer;
}
.topBarClass .dropContainer:hover .dropInnerContainer {
  display: block;
}
.topBarClass .dropContainer .emptyspace {
  height: 35px;
}
.topBarClass .dropContainer .dropInnerContainer {
  display: none;
  position: absolute;
  width: 200px;
  z-index: 500;
  margin-top: -10px;
  margin-left: -85px;
}
.topBarClass .dropContainer .drop {
  background-color: white;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  color: #333333;
  z-index: 1000 !important;
}
.topBarClass .dropContainer .drop .upArrow {
  position: absolute;
  margin-top: -8px;
  right: 0;
  margin-right: 24px;
}
.topBarClass .dropContainer .drop .header {
  height: 25px;
  font-size: 11px;
  font-weight: 700;
  display: flex;
}
.topBarClass .dropContainer .drop .header span {
  padding-left: 13px;
  align-self: center;
  vertical-align: middle;
}
.topBarClass .dropContainer .drop .headerdown {
  height: 15px;
  border-top: 1px solid #e6e6e6;
}
.topBarClass .dropContainer .drop .rowMenu {
  height: 39px;
  font-size: 13px;
  font-weight: 600;
  border-top: 1px solid #e6e6e6;
  display: flex;
  text-decoration: none;
  color: inherit;
}
.topBarClass .dropContainer .drop .rowMenu:hover {
  background-color: #9ce5ed;
}
.topBarClass .dropContainer .drop .rowMenu span {
  padding-left: 13px;
  align-self: center;
  vertical-align: middle;
}
.topBarClass .dropContainer .drop .rowMenu a {
  text-decoration: none;
  color: inherit;
}
.topBar {
  min-height: 103px;
  background-color: #047dea;
  border-bottom: 1px solid #1e94ff;
}
.topBar .container {
  max-height: 103px;
}
.topBar .menuContainer {
  font-weight: 700;
  font-size: 13px;
  color: white;
  margin-right: 22px;
  display: inline-flex;
  height: 36px;
}
.topBar .menuContainer .selected {
  color: #047dea;
  background-color: white;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.topBar .menuContainer a {
  margin-left: 42px;
  cursor: pointer;
  height: 36px;
  align-self: center;
  vertical-align: middle;
  display: inline-flex;
}
.topBar .menuContainer a span {
  align-self: center;
  vertical-align: middle;
  padding-right: 20px;
  padding-left: 20px;
}
.topBar .menuContainer a:hover:not(:last-child) {
  background-color: #0263e2;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.topBar .menuContainer a {
  text-decoration: none;
  color: inherit;
}
.topBar .imagesContainer {
  display: inline-block;
}
.topBar .imagesContainer .leftIcon {
  float: left;
  z-index: 1000;
}
.topBar .imagesContainer .leftIcon2 {
  margin-top: 15px;
  margin-left: 33px;
}
.topBar .dropdownContainer {
  float: right;
  padding-right: 22px;
  height: 103px;
  display: flex;
  justify-content: center;
  font-weight: 700;
  font-size: 13px;
  color: white;
}
.topBar .dropdownContainer .userName {
  padding-left: 7px;
  padding-right: 11px;
}
.topBar .dropdownContainer .helperCenter {
  align-self: center;
}
.topBar .dropdownContainer .iconInside {
  padding-right: 11px;
}
.topBar .dropdownContainer .containerOption {
  display: inline;
  margin-right: 34px;
}
.topBar .dropdownContainer .containerUsername {
  display: inline-block;
}
.topBar .dropContainer {
  position: relative;
}
.topBar .dropContainer:hover {
  cursor: pointer;
}
.topBar .dropContainer:hover .dropInnerContainer {
  display: block;
}
.topBar .dropContainer .emptyspace {
  height: 35px;
}
.topBar .dropContainer .dropInnerContainer {
  display: none;
  position: absolute;
  width: 200px;
  z-index: 500;
  margin-top: -10px;
  top: 43px;
  right: 0;
  margin-right: -25px;
}
.topBar .dropContainer .drop {
  background-color: white;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  color: #333333;
  z-index: 1000 !important;
}
.topBar .dropContainer .drop a {
  text-decoration: none;
  color: inherit;
}
.topBar .dropContainer .drop .upArrow {
  position: absolute;
  margin-top: -8px;
  right: 0;
  margin-right: 24px;
}
.topBar .dropContainer .drop .header {
  height: 25px;
  font-size: 11px;
  font-weight: 700;
  display: flex;
}
.topBar .dropContainer .drop .header span {
  padding-left: 13px;
  align-self: center;
  vertical-align: middle;
}
.topBar .dropContainer .drop .headerdown {
  height: 15px;
  border-top: 1px solid #e6e6e6;
}
.topBar .dropContainer .drop .rowMenu {
  height: 39px;
  font-size: 13px;
  font-weight: 600;
  border-top: 1px solid #e6e6e6;
  display: flex;
}
.topBar .dropContainer .drop .rowMenu:hover {
  background-color: #9ce5ed;
  /*
                    &:last-child {
                        .border-radius-bottom(10px);
                    }*/

}
.topBar .dropContainer .drop .rowMenu span {
  padding-left: 13px;
  align-self: center;
  vertical-align: middle;
}
.topBar .dropContainer .drop .rowMenu a {
  text-decoration: none;
  color: inherit;
}
.topBar .idiomaContainer:hover {
  cursor: pointer;
}
.topBar .idiomaContainer:hover .chooseIdiomaContainer {
  display: block;
}
.topBar .idiomaContainer .chooseIdioma {
  background-color: white;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  color: #333333;
  z-index: 1000 !important;
}
.topBar .idiomaContainer .chooseIdioma .upArrow {
  position: absolute;
  margin-top: -8px;
  right: 0;
  margin-right: 24px;
}
.topBar .idiomaContainer .chooseIdioma .header {
  height: 25px;
  font-size: 11px;
  font-weight: 700;
  padding: 5px 10px 5px 10px;
}
.topBar .idiomaContainer .chooseIdioma .rowMenuLan {
  height: 32px;
  font-size: 13px;
  font-weight: 600;
  border-top: 1px solid #e6e6e6;
  padding: 5px 10px 5px 10px;
}
.topBar .idiomaContainer .chooseIdioma .rowMenuLan:hover {
  background-color: #9ce5ed;
}
.topBar .idiomaContainer .chooseIdioma .rowMenuLan:hover:last-child {
  -webkit-border-radius: 0px 0px 10px 10px;
  -moz-border-radius: 0px 0px 10px 10px;
  border-radius: 0px 0px 10px 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.topBar .idiomaContainer .chooseIdioma .rowMenuLan span {
  padding-left: 13px;
}
.topBar .idiomaContainer .emptyspace {
  height: 35px;
}
.topBar .idiomaContainer .chooseIdiomaContainer {
  display: none;
  position: absolute;
  width: 140px;
  margin-top: -15px;
  margin-left: -65px;
  z-index: 1000;
}
.outerAvatar {
  display: inline-block;
  width: 42px;
  height: 42px;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  text-align: center;
}
.outerAvatar img {
  width: 42px;
  height: 42px;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.outerAvatarMini {
  display: inline-block;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  text-align: center;
}
.outerAvatarMini img {
  width: 20px;
  height: 20px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.menuBar {
  height: 45px;
  background-color: #047dea;
  display: flex;
  justify-content: center;
  text-align: center;
  font-weight: 700;
  font-size: 14px;
  color: white;
}
.menuBar ul {
  margin-bottom: 0px !important;
  height: 32px;
  margin-top: -1px;
  align-self: center;
  vertical-align: middle;
}
.menuBar ul .selected {
  cursor: pointer;
  background-color: #0263e2;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.menuBar ul li {
  height: 32px;
  display: inline-block;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 15px;
  padding-right: 15px;
  margin-right: 24px;
  display: inline-flex;
}
.menuBar ul li:hover {
  cursor: pointer;
  background-color: #0263e2;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.menuBar ul li span {
  align-self: center;
  vertical-align: middle;
}
.menuBar ul li img {
  padding-left: 10px;
}
.menuBar ul a {
  text-decoration: none;
  color: inherit;
}
.menuBar .contentDrop {
  display: inline-block;
}
.menuBar .contentDrop:hover {
  cursor: pointer;
}
.menuBar .contentDrop:hover .orderDrop {
  display: block;
}
.menuBar .contentDrop .orderDrop {
  display: none;
  position: absolute;
  width: 196px;
  z-index: 500;
  margin-left: -67px;
  margin-top: -2px;
}
.menuBar .contentDrop .orderDrop .emptyspace {
  height: 35px;
}
.menuBar .contentDrop .orderDropContainer {
  background-color: white;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  color: #333333;
  z-index: 500 !important;
  margin-top: 10px;
}
.menuBar .contentDrop .orderDropContainer .upArrow {
  position: absolute;
  margin-top: -8px;
  right: 0;
  margin-right: 24px;
}
.menuBar .contentDrop .orderDropContainer .header {
  height: 15px;
}
.menuBar .contentDrop .orderDropContainer .headerdown {
  height: 15px;
  border-top: 1px solid #e6e6e6;
}
.menuBar .contentDrop .orderDropContainer .rowMenu {
  height: 39px;
  font-size: 13px;
  font-weight: 600;
  border-top: 1px solid #e6e6e6;
  color: #333333;
  display: flex;
  padding-left: 16px;
}
.menuBar .contentDrop .orderDropContainer .rowMenu:hover {
  background-color: #1e94ff;
  color: white;
}
.menuBar .contentDrop .orderDropContainer .rowMenu span {
  align-self: center;
  vertical-align: middle;
}
.menuBar .gondomarDrop {
  display: inline-block;
}
.menuBar .gondomarDrop:hover {
  cursor: pointer;
}
.menuBar .gondomarDrop:hover .orderDrop {
  display: block;
}
.menuBar .gondomarDrop .orderDrop {
  display: none;
  position: absolute;
  width: 196px;
  z-index: 500;
}
.menuBar .gondomarDrop .orderDrop .emptyspace {
  height: 35px;
}
.menuBar .gondomarDrop .orderDropContainer {
  background-color: white;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  color: #333333;
  z-index: 500 !important;
  margin-top: 10px;
}
.menuBar .gondomarDrop .orderDropContainer .upArrow {
  position: absolute;
  margin-top: -8px;
  right: 0;
  margin-right: 24px;
}
.menuBar .gondomarDrop .orderDropContainer .header {
  height: 15px;
}
.menuBar .gondomarDrop .orderDropContainer .headerdown {
  height: 15px;
  border-top: 1px solid #e6e6e6;
}
.menuBar .gondomarDrop .orderDropContainer .rowMenu {
  height: 39px;
  font-size: 13px;
  font-weight: 600;
  border-top: 1px solid #e6e6e6;
  color: #333333;
  display: flex;
  padding-left: 16px;
}
.menuBar .gondomarDrop .orderDropContainer .rowMenu:hover {
  background-color: #1e94ff;
  color: white;
}
.menuBar .gondomarDrop .orderDropContainer .rowMenu:hover:last-child {
  -webkit-border-radius: 0px 0px 10px 10px;
  -moz-border-radius: 0px 0px 10px 10px;
  border-radius: 0px 0px 10px 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.menuBar .gondomarDrop .orderDropContainer .rowMenu span {
  align-self: center;
  vertical-align: middle;
}
.menuBar .badgesDrop {
  display: inline-block;
}
.menuBar .badgesDrop:hover {
  cursor: pointer;
}
.menuBar .badgesDrop:hover .orderDrop {
  display: block;
}
.menuBar .badgesDrop .orderDrop {
  display: none;
  position: absolute;
  width: 196px;
  z-index: 500;
  margin-left: -67px;
  margin-top: -2px;
}
.menuBar .badgesDrop .orderDrop .emptyspace {
  height: 35px;
}
.menuBar .badgesDrop .orderDropContainer {
  background-color: white;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  color: #333333;
  z-index: 500 !important;
  margin-top: 10px;
}
.menuBar .badgesDrop .orderDropContainer .upArrow {
  position: absolute;
  margin-top: -8px;
  right: 0;
  margin-right: 24px;
}
.menuBar .badgesDrop .orderDropContainer .header {
  height: 15px;
}
.menuBar .badgesDrop .orderDropContainer .headerdown {
  height: 15px;
  border-top: 1px solid #e6e6e6;
}
.menuBar .badgesDrop .orderDropContainer .rowMenu {
  height: 39px;
  font-size: 13px;
  font-weight: 600;
  border-top: 1px solid #e6e6e6;
  color: #333333;
  display: flex;
  padding-left: 16px;
}
.menuBar .badgesDrop .orderDropContainer .rowMenu:hover {
  background-color: #1e94ff;
  color: white;
}
.menuBar .badgesDrop .orderDropContainer .rowMenu:hover:last-child {
  -webkit-border-radius: 0px 0px 10px 10px;
  -moz-border-radius: 0px 0px 10px 10px;
  border-radius: 0px 0px 10px 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.menuBar .badgesDrop .orderDropContainer .rowMenu span {
  align-self: center;
  vertical-align: middle;
}
.menuBar .projectDrop {
  display: inline-block;
}
.menuBar .projectDrop:hover {
  cursor: pointer;
}
.menuBar .projectDrop:hover .orderDrop {
  display: block;
}
.menuBar .projectDrop .orderDrop {
  display: none;
  position: absolute;
  width: 196px;
  z-index: 500;
  margin-left: -91px;
  margin-top: -2px;
}
.menuBar .projectDrop .orderDrop .emptyspace {
  height: 35px;
}
.menuBar .projectDrop .orderDropContainer {
  background-color: white;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  color: #333333;
  z-index: 500 !important;
  margin-top: 10px;
}
.menuBar .projectDrop .orderDropContainer .upArrow {
  position: absolute;
  margin-top: -8px;
  right: 0;
  margin-right: 24px;
}
.menuBar .projectDrop .orderDropContainer .header {
  height: 15px;
}
.menuBar .projectDrop .orderDropContainer .headerdown {
  height: 15px;
  border-top: 1px solid #e6e6e6;
}
.menuBar .projectDrop .orderDropContainer .rowMenu {
  height: 39px;
  font-size: 13px;
  font-weight: 600;
  border-top: 1px solid #e6e6e6;
  color: #333333;
  display: flex;
  padding-left: 16px;
}
.menuBar .projectDrop .orderDropContainer .rowMenu:hover {
  background-color: #1e94ff;
  color: white;
}
.menuBar .projectDrop .orderDropContainer .rowMenu span {
  align-self: center;
  vertical-align: middle;
}
.writePostFullBack {
  opacity: 0.9;
  background: #0f4a80;
  width: 100%;
  height: 100%;
  z-index: 2000;
  top: 0;
  left: 0;
  position: fixed;
  display: none;
}
.challengeBack {
  opacity: 0.5;
  background: black;
  width: 100%;
  height: 100%;
  z-index: 2000;
  top: 0;
  left: 0;
  position: fixed;
}
@font-face {
  font-family: 'dk_lemon_yellow_sunregular';
  src: url(/Areas/Feed/Content/fonte/lemon/dk_lemon_yellow_sun-webfont.woff2) format('woff2'), url(/Areas/Feed/Content/fonte/lemon/dk_lemon_yellow_sun-webfont.woff) format('woff');
  font-weight: normal;
  font-style: normal;
}
.challengeCenter {
  position: absolute;
  z-index: 3000;
  left: 50%;
  background-color: white;
  margin-left: -328px;
  /* negative half the size of width */
  top: 50%;
  margin-top: -356px;
  width: 656px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  text-align: center;
}
.challengeCenter .topImage {
  margin-top: -77px;
}
.challengeCenter .specialText {
  margin-top: 10px;
  font-family: 'dk_lemon_yellow_sunregular';
}
.challengeCenter .specialText .first {
  font-size: 32px;
  color: #424242;
  display: block;
}
.challengeCenter .specialText .first2 {
  font-size: 28px;
  color: #424242;
  display: block;
}
.challengeCenter .specialText .second {
  font-size: 24px;
  color: #424242;
}
.challengeCenter .specialText .days {
  color: #047dea;
}
.challengeCenter .tabImage {
  margin-top: 10px;
}
.challengeCenter .playButton {
  margin-top: 30px;
  background-color: #047dea;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 254px;
  height: 48px;
  display: inline-flex;
  align-items: center;
  color: white;
  font-weight: 600;
  font-size: 16px;
  justify-content: center;
}
.challengeCenter .playButton:hover {
  cursor: pointer;
}
.challengeCenter .closeButton {
  margin-left: 16px;
  margin-top: 30px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 254px;
  height: 48px;
  display: inline-flex;
  align-items: center;
  color: #cccccc;
  border: 2px solid #cccccc;
  font-weight: 600;
  font-size: 16px;
  justify-content: center;
}
.challengeCenter .closeButton:hover {
  cursor: pointer;
  color: white;
  background-color: #cccccc;
}
.challengeCenter .disableButton {
  margin-top: 20px;
  align-items: center;
  color: #707070;
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 20px;
}
.challengeCenter .disableButton:hover {
  cursor: pointer;
}
@media only screen and (min-width: 1920px) {
  .challengeCenterNew {
    top: 466px !important;
  }
}
.challengeCenterNew {
  position: absolute;
  z-index: 3000;
  left: 0;
  right: 0;
  background-color: white;
  margin-left: auto;
  margin-right: auto;
  top: 373px;
  margin-top: -300px;
  width: 772px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  text-align: center;
  height: 542px;
}
.challengeCenterNew .topImage {
  margin-top: -57px;
}
.challengeCenterNew .topImage img {
  height: 112px;
}
.challengeCenterNew .specialText {
  margin-top: 10px;
  font-family: 'dk_lemon_yellow_sunregular';
}
.challengeCenterNew .specialText .first {
  font-size: 32px;
  color: #424242;
  display: block;
}
.challengeCenterNew .specialText .first2 {
  font-size: 28px;
  color: #424242;
  display: block;
}
.challengeCenterNew .specialText .second {
  font-size: 24px;
  color: #424242;
}
.challengeCenterNew .specialText .days {
  color: #047dea;
}
.challengeCenterNew .tabImage {
  margin-top: 10px;
}
.challengeCenterNew .tabImage img {
  cursor: pointer;
}
.challengeCenterNew .playButton {
  margin-top: 30px;
  background-color: #047dea;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 254px;
  height: 48px;
  display: inline-flex;
  align-items: center;
  color: white;
  font-weight: 600;
  font-size: 16px;
  justify-content: center;
}
.challengeCenterNew .playButton:hover {
  cursor: pointer;
}
.challengeCenterNew .closeButton {
  margin-left: 16px;
  margin-top: 20px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 400px;
  height: 48px;
  display: flex;
  align-items: center;
  color: #cccccc;
  border: 2px solid #cccccc;
  font-weight: 600;
  font-size: 16px;
  justify-content: center;
  display: inline-flex;
}
.challengeCenterNew .closeButton:hover {
  cursor: pointer;
  color: white;
  background-color: #cccccc;
}
.challengeCenterNew .disableButton {
  margin-top: 12px;
  align-items: center;
  color: #707070;
  font-weight: 600;
  font-size: 14px;
  display: block;
}
.challengeCenterNew .disableButton:hover {
  cursor: pointer;
}
.loginFullBack {
  opacity: 0.5;
  background: black;
  width: 100%;
  height: 100%;
  z-index: 2000;
  top: 0;
  left: 0;
  position: fixed;
  display: none;
}
.seePostFullBack {
  opacity: 0.9;
  background: #0f4a80;
  width: 100%;
  height: 100%;
  z-index: 2000;
  top: 0;
  left: 0;
  position: fixed;
  display: none;
}
.seePostFullBack:hover {
  cursor: zoom-out;
}
.containerWriteOut {
  max-width: 766px;
  padding: 0px !important;
  width: initial !important;
  margin-right: auto !important;
  margin-left: auto !important;
}
.containerSeeOut {
  max-width: 747px;
  padding: 0px !important;
}
.postVideoLink:hover {
  text-decoration: none !important;
}
.postVideoLink:focus {
  text-decoration: none !important;
  outline: none;
}
.postVideoArea {
  border-bottom: 1px solid #ebebeb;
  position: relative;
}
.postVideoArea .overlayHoverVideo {
  opacity: 0.05;
  background-color: black;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
}
.postVideoArea .infoVideoArea {
  padding-left: 16px;
  background-color: #ebebeb;
  padding-bottom: 23px;
  padding-top: 15px;
}
.postVideoArea .infoVideoArea .titleVideo {
  font-weight: 700;
  font-size: 16px;
  color: #3775fb;
}
.postVideoArea .infoVideoArea .descVideo {
  margin-top: 6px;
  font-size: 13px;
  color: #707070;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 18px;
  width: 500px;
}
.postVideoArea .infoVideoArea .urlVideo {
  margin-top: 6px;
  font-size: 13px;
  color: #707070;
}
.imageNew {
  position: relative;
}
.imageNew .image-over {
  position: absolute;
  padding: 1px;
  width: 271px;
  height: 224px;
  background-color: black;
  opacity: 0.7;
  right: 0;
  bottom: 0;
  z-index: 50;
}
.imageNew .text-over {
  position: absolute;
  padding: 1px;
  width: 271px;
  height: 224px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  right: 0;
  bottom: 0;
  z-index: 100;
}
.imageNew .text-over:hover {
  cursor: pointer;
}
.imageNew .text-over .one {
  font-weight: 600;
  font-size: 36px;
}
.imageNew .text-over .two {
  font-weight: 700;
  font-size: 40px;
}
.fancyBoxOpenContainer {
  position: absolute;
  right: 56px;
  top: 30px;
  z-index: 99997;
}
.fancyBoxOpenContainer .inner {
  font-size: 12px;
  color: #cccccc;
  height: 42px;
  width: 260px;
  border: 1px solid #cccccc;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  display: flex;
  flex-direction: column;
  /* make main axis vertical */
  justify-content: center;
  /* center items vertically, in this case */
  align-items: center;
}
.fancyBoxOpenContainer .inner span {
  width: 260px;
  text-align: center;
}
.fancyBoxOpenContainer .inner:hover {
  cursor: pointer;
  border: 1px solid white;
  color: white;
}
.postSuper .post {
  background-color: white;
  width: 540px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  display: inline-block;
  position: relative;
}
.postSuper .post .topPost {
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 16px;
  padding-bottom: 10px;
  font-size: 12px;
}
.postSuper .post .topPost .userInfo {
  display: inline-block;
}
.postSuper .post .topPost .userInfo .name {
  font-weight: 700;
  color: #424242;
}
.postSuper .post .topPost .userInfo .typeDate {
  color: #707070;
}
.postSuper .post .topPost .userInfo .icon {
  margin-right: 8px;
}
.postSuper .post .topPost .userInfo .second-line {
  display: flex;
  align-items: center;
}
.postSuper .post .topPost .userInfo .second-line .typeDate {
  margin-right: 8px;
}
.postSuper .post .topPost .userInfo .second-line .tooltipCustom {
  display: flex;
}
.postSuper .post .topPost .nodeView {
  display: inline-block;
  float: right;
}
.postSuper .post .image img {
  width: 100%;
  height: auto;
  margin-bottom: 2px;
}
.postSuper .post .imageNew .mid {
  width: 50%;
  height: 50%;
  float: left;
}
.postSuper .post .imageNew .alt {
  width: 50%;
  height: 100%;
  float: left;
}
.postSuper .post .imageNew .br-r {
  border-right: 1px solid white;
}
.postSuper .post .imageNew .br-l {
  border-left: 1px solid white;
}
.postSuper .post .imageNew .br-t {
  border-top: 1px solid white;
}
.postSuper .post .imageNew .br-b {
  border-bottom: 1px solid white;
}
.postSuper .post .imageNew img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.postSuper .post .imageClick:hover {
  cursor: pointer;
}
.postSuper .post .bottomPost {
  padding: 16px 16px 0px 16px;
}
.postSuper .post .bottomPost .title {
  font-weight: 700;
  font-size: 18px;
  color: #424242;
  margin-bottom: 15px;
}
.postSuper .post .bottomPost .title:hover {
  cursor: pointer;
}
.postSuper .post .bottomPost .text {
  font-size: 14px;
  color: #424242;
}
.postSuper .post .bottomPost .EditedText {
  font-size: 12px;
  color: #424242;
  font-style: italic;
  margin-top: 16px;
}
.postSuper .post .bottomPost .openArticleLabel {
  margin-bottom: 30px;
}
.postSuper .post .bottomPost .openArticleLabel:hover {
  cursor: pointer;
}
.postSuper .post .bottomPost .publish {
  font-size: 12px;
  font-weight: 600;
  color: #a3a3a3;
}
.postSuper .post .bottomPost .escolaName {
  font-size: 12px;
  font-weight: 600;
  color: #a3a3a3;
  margin-left: 8px;
}
.postSuper .post .bottomPost .detailsBar {
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 24px;
  margin-bottom: 12px;
}
.postSuper .post .bottomPost .detailsBar .nodeInfo {
  padding-top: 8px;
}
.postSuper .post .bottomPost .blueCircle {
  background-color: #a3a3a3;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  position: relative;
  display: inline-block;
  margin-left: 6px;
  cursor: pointer;
}
.postSuper .post .bottomPost .blueCircle img {
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.postSuper .post .bottomPost .blueCircle:hover {
  background-color: gray;
}
.postSuper .post .bottomPost .blueCircle:hover .smallCircle {
  background-color: gray;
}
.postSuper .post .bottomPost .liked {
  background-color: #047dea !important;
}
.postSuper .post .bottomPost .liked .smallCircle {
  background-color: #047dea !important;
}
.postSuper .post .bottomPost .smallCircle {
  background-color: #a3a3a3;
  min-width: 50%;
  min-height: 54%;
  padding-left: 3px;
  padding-right: 3px;
  border: 1px solid white;
  border-radius: 50%;
  color: white;
  font-size: 11px;
  position: absolute;
  right: -8px;
  bottom: -6px;
  text-align: center;
}
.postSuper .post .bottomPost .smallCircle:hover {
  background-color: #1e94ff;
}
.postSuper .post .bottomPost hr {
  margin-bottom: 0px !important;
  margin-top: 0px !important;
}
.postSuper .post .bottomPost .tagsContainer {
  font-size: 12px;
  color: #a3a3a3;
  display: inline-block;
  font-weight: 400;
  height: 38px;
  display: inline-flex;
}
.postSuper .post .bottomPost .tagsContainer .centerVertical {
  align-self: center;
  vertical-align: middle;
  margin-bottom: 5px;
}
.postSuper .post .bottomPost .tagsContainer span {
  align-self: center;
  vertical-align: middle;
}
.postSuper .post .bottomPost .tagsContainer span:hover {
  color: #707070;
}
.postSuper .post .bottomPost .tagsContainer a {
  color: inherit;
  text-decoration: inherit;
  margin-right: 10px;
}
.postSuper .post .bottomPost .viewsContainer {
  display: inline-flex;
  height: 38px;
  float: right;
  font-size: 12px;
  font-weight: 700;
  color: #707070;
}
.postSuper .post .bottomPost .viewsContainer .centerVertical {
  align-self: center;
  vertical-align: middle;
  margin-bottom: 5px;
}
.seePostFullActivity {
  height: 100%;
  position: fixed;
  top: 0;
  padding-top: 32px;
  padding-bottom: 500px;
  left: 0;
  z-index: 3000;
  width: 100%;
  overflow: auto;
}
.seePostFull {
  height: 100%;
  display: none;
  position: fixed;
  top: 0;
  padding-top: 32px;
  padding-bottom: 500px;
  left: 0;
  z-index: 3000;
  width: 100%;
  overflow: auto;
}
.seePostFull .containerSee {
  display: inline-block;
  background: white;
  width: 540px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  position: relative;
}
.seePostFull .containerSee .post {
  background-color: white;
  width: 540px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  display: inline-block;
  position: relative;
}
.seePostFull .containerSee .post .topPost {
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 16px;
  padding-bottom: 10px;
  font-size: 12px;
}
.seePostFull .containerSee .post .topPost .userInfo {
  display: inline-block;
}
.seePostFull .containerSee .post .topPost .userInfo .name {
  font-weight: 700;
  color: #424242;
}
.seePostFull .containerSee .post .topPost .userInfo .typeDate {
  color: #707070;
}
.seePostFull .containerSee .post .topPost .userInfo .icon {
  margin-right: 8px;
}
.seePostFull .containerSee .post .topPost .userInfo .second-line {
  display: flex;
  align-items: center;
}
.seePostFull .containerSee .post .topPost .userInfo .second-line .typeDate {
  margin-right: 8px;
}
.seePostFull .containerSee .post .topPost .userInfo .second-line .tooltipCustom {
  display: flex;
}
.seePostFull .containerSee .post .topPost .nodeView {
  display: inline-block;
  float: right;
}
.seePostFull .containerSee .post .image img {
  width: 100%;
  height: auto;
  margin-bottom: 2px;
}
.seePostFull .containerSee .post .imageNew .mid {
  width: 50%;
  height: 50%;
  float: left;
}
.seePostFull .containerSee .post .imageNew .alt {
  width: 50%;
  height: 100%;
  float: left;
}
.seePostFull .containerSee .post .imageNew .br-r {
  border-right: 1px solid white;
}
.seePostFull .containerSee .post .imageNew .br-l {
  border-left: 1px solid white;
}
.seePostFull .containerSee .post .imageNew .br-t {
  border-top: 1px solid white;
}
.seePostFull .containerSee .post .imageNew .br-b {
  border-bottom: 1px solid white;
}
.seePostFull .containerSee .post .imageNew img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.seePostFull .containerSee .post .imageClick:hover {
  cursor: pointer;
}
.seePostFull .containerSee .post .bottomPost {
  padding: 16px 16px 0px 16px;
}
.seePostFull .containerSee .post .bottomPost .title {
  font-weight: 700;
  font-size: 18px;
  color: #424242;
  margin-bottom: 15px;
}
.seePostFull .containerSee .post .bottomPost .title:hover {
  cursor: pointer;
}
.seePostFull .containerSee .post .bottomPost .text {
  font-size: 14px;
  color: #424242;
}
.seePostFull .containerSee .post .bottomPost .EditedText {
  font-size: 12px;
  color: #424242;
  font-style: italic;
  margin-top: 16px;
}
.seePostFull .containerSee .post .bottomPost .openArticleLabel {
  margin-bottom: 30px;
}
.seePostFull .containerSee .post .bottomPost .openArticleLabel:hover {
  cursor: pointer;
}
.seePostFull .containerSee .post .bottomPost .publish {
  font-size: 12px;
  font-weight: 600;
  color: #a3a3a3;
}
.seePostFull .containerSee .post .bottomPost .escolaName {
  font-size: 12px;
  font-weight: 600;
  color: #a3a3a3;
  margin-left: 8px;
}
.seePostFull .containerSee .post .bottomPost .detailsBar {
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 24px;
  margin-bottom: 12px;
}
.seePostFull .containerSee .post .bottomPost .detailsBar .nodeInfo {
  padding-top: 8px;
}
.seePostFull .containerSee .post .bottomPost .blueCircle {
  background-color: #a3a3a3;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  position: relative;
  display: inline-block;
  margin-left: 6px;
  cursor: pointer;
}
.seePostFull .containerSee .post .bottomPost .blueCircle img {
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.seePostFull .containerSee .post .bottomPost .blueCircle:hover {
  background-color: gray;
}
.seePostFull .containerSee .post .bottomPost .blueCircle:hover .smallCircle {
  background-color: gray;
}
.seePostFull .containerSee .post .bottomPost .liked {
  background-color: #047dea !important;
}
.seePostFull .containerSee .post .bottomPost .liked .smallCircle {
  background-color: #047dea !important;
}
.seePostFull .containerSee .post .bottomPost .smallCircle {
  background-color: #a3a3a3;
  min-width: 50%;
  min-height: 54%;
  padding-left: 3px;
  padding-right: 3px;
  border: 1px solid white;
  border-radius: 50%;
  color: white;
  font-size: 11px;
  position: absolute;
  right: -8px;
  bottom: -6px;
  text-align: center;
}
.seePostFull .containerSee .post .bottomPost .smallCircle:hover {
  background-color: #1e94ff;
}
.seePostFull .containerSee .post .bottomPost hr {
  margin-bottom: 0px !important;
  margin-top: 0px !important;
}
.seePostFull .containerSee .post .bottomPost .tagsContainer {
  font-size: 12px;
  color: #a3a3a3;
  display: inline-block;
  font-weight: 400;
  height: 38px;
  display: inline-flex;
}
.seePostFull .containerSee .post .bottomPost .tagsContainer .centerVertical {
  align-self: center;
  vertical-align: middle;
  margin-bottom: 5px;
}
.seePostFull .containerSee .post .bottomPost .tagsContainer span {
  align-self: center;
  vertical-align: middle;
}
.seePostFull .containerSee .post .bottomPost .tagsContainer span:hover {
  color: #707070;
}
.seePostFull .containerSee .post .bottomPost .tagsContainer a {
  color: inherit;
  text-decoration: inherit;
  margin-right: 10px;
}
.seePostFull .containerSee .post .bottomPost .viewsContainer {
  display: inline-flex;
  height: 38px;
  float: right;
  font-size: 12px;
  font-weight: 700;
  color: #707070;
}
.seePostFull .containerSee .post .bottomPost .viewsContainer .centerVertical {
  align-self: center;
  vertical-align: middle;
  margin-bottom: 5px;
}
.seePostFull .containerSee .closeSeeBtn {
  position: fixed;
  top: 0;
  padding-top: 32px;
  margin-left: 580px;
  padding-bottom: 500px;
}
.seePostFull .containerSee .closeSeeBtn:hover {
  cursor: pointer;
}
.seePostFull .containerSee .loggeduser img {
  height: 64px;
  width: 64px;
}
.seePostFull .containerSee .titleComments {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  padding-left: 16px;
  padding-right: 16px;
  height: 49px;
  display: flex;
}
.seePostFull .containerSee .titleComments .title {
  color: #424242;
  font-size: 14px;
  font-weight: 700;
}
.seePostFull .containerSee .titleComments .commentLegend {
  color: #a3a3a3;
  font-size: 12px;
  font-weight: 700;
  margin-left: auto;
}
.seePostFull .containerSee .titleComments span {
  align-self: center;
  vertical-align: middle;
}
.seePostFull .containerSee .openComments {
  border-bottom: 1px solid #e5e5e5;
  padding-left: 16px;
  padding-right: 16px;
  height: 49px;
  display: flex;
}
.seePostFull .containerSee .openComments .title {
  color: #424242;
  font-size: 14px;
  font-weight: 700;
}
.seePostFull .containerSee .openComments .commentLegend {
  margin-left: auto;
}
.seePostFull .containerSee .openComments .commentLegend:hover {
  cursor: pointer;
}
.seePostFull .containerSee .openComments span {
  align-self: center;
  vertical-align: middle;
}
.seePostFull .containerSee .loadMoreComments {
  border-bottom: 1px solid #e5e5e5;
  padding-left: 16px;
  padding-right: 16px;
  height: 49px;
  background-color: white;
  border-radius: 0px 0px 10px 10px;
  display: flex;
}
.seePostFull .containerSee .loadMoreComments .title {
  color: #424242;
  font-size: 14px;
  font-weight: 700;
}
.seePostFull .containerSee .loadMoreComments .commentLegend {
  font-weight: bold;
  margin-left: auto;
}
.seePostFull .containerSee .loadMoreComments .commentLegend:hover {
  cursor: pointer;
}
.seePostFull .containerSee .loadMoreComments span {
  align-self: center;
  vertical-align: middle;
}
.seePostFull .containerSee .row.childComments .commentContainer .row {
  margin-right: -10px;
}
.seePostFull .containerSee .row.childComments .commentContainer .commentSettings {
  position: absolute;
  right: -8px;
  top: 15px;
}
.seePostFull .containerSee .row.childComments .commentContainer .commentSettings:hover {
  cursor: pointer;
}
.seePostFull .containerSee .createComment {
  border-bottom: 1px solid #e5e5e5;
  padding-left: 16px;
  padding-right: 16px;
  height: 108px;
  display: flex;
}
.seePostFull .containerSee .createComment div {
  align-self: center;
  vertical-align: middle;
}
.seePostFull .containerSee .createComment .inputCommentContainer {
  width: 500px;
}
.seePostFull .containerSee .createComment .myName {
  color: #424242;
  font-size: 14px;
  font-weight: 600;
  padding-bottom: 12px;
}
.seePostFull .containerSee .inputBar {
  display: inline;
}
.seePostFull .containerSee .imageSend {
  margin-left: 24px;
  display: inline;
  cursor: pointer;
}
.seePostFull .containerSee .inputCommentContainer input[type="text"] {
  border: none;
  color: #a3a3a3;
  font-size: 14px;
  height: 38px;
  background-color: #ebebeb;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 85%;
  padding-left: 10px;
  padding-right: 10px;
  color: #424242;
}
.seePostFull .containerSee .inputCommentContainer input[type="text"]:focus {
  outline-width: 0;
}
.seePostFull .containerSee .inputCommentContainer .stylePlaceText {
  color: #a3a3a3;
}
.seePostFull .containerSee .inputCommentContainer input::-webkit-input-placeholder {
  color: #a3a3a3;
}
.seePostFull .containerSee .inputCommentContainer input:-ms-input-placeholder {
  color: #a3a3a3;
}
.seePostFull .containerSee .inputCommentContainer input:-moz-placeholder {
  color: #a3a3a3;
}
.seePostFull .containerSee .inputCommentContainer input::-moz-placeholder {
  color: #a3a3a3;
}
.seePostFull .containerSee .listComments {
  overflow: auto;
  max-height: 650px;
}
.seePostFull .containerSee .listComments .openComments:hover {
  cursor: pointer;
}
.seePostFull .containerSee .listComments .commentContainer {
  min-height: 113px;
  border-bottom: 1px solid #e5e5e5;
  padding: 16px;
  display: inline-block;
  position: relative;
  word-wrap: break-word;
  width: 100%;
}
.seePostFull .containerSee .listComments .commentContainer div {
  align-self: center;
  vertical-align: middle;
  /*padding-left: 5px;*/
  /*padding-right: 10px;*/
  padding-left: 2px;
  padding-right: 2px;
}
.seePostFull .containerSee .listComments .commentContainer .avatarImg {
  width: 65px;
}
.seePostFull .containerSee .listComments .commentContainer .myName {
  color: #424242;
  font-size: 14px;
  font-weight: 600;
}
.seePostFull .containerSee .listComments .commentContainer .myName span {
  color: #a3a3a3;
  font-size: 12px;
}
.seePostFull .containerSee .listComments .commentContainer div.messageShow {
  /*max-width: 370px !important;*/
  word-break: break-all;
}
.seePostFull .containerSee .listComments .commentContainer .loadChildComments {
  padding-top: 5px;
}
.seePostFull .containerSee .listComments .commentContainer .loadChildComments a {
  text-decoration: none;
}
.seePostFull .containerSee .listComments .commentContainer .loadChildComments a:hover {
  text-decoration: underline;
}
.seePostFull .containerSee .listComments .commentContainer .commentSettings {
  position: absolute;
  right: 10px;
  top: 15px;
}
.seePostFull .containerSee .listComments .commentContainer .commentSettings:hover {
  cursor: pointer;
}
.seePostFull .containerSee .commentsDown {
  height: 16px;
}
#loginFull {
  display: none;
  position: absolute;
  z-index: 3000;
  top: 100px;
  left: 50%;
  background-color: white;
  margin-left: -300px;
  /* negative half the size of width */
  width: 600px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  text-align: center;
  padding-top: 10px;
}
#loginFull .loginArea.lisboa .txtEsquecPass {
  color: #707070 !important;
}
#loginFull .loginArea.lisboa .txtApoioUtil [class^="icon-"] {
  color: #707070 !important;
}
#loginFull .loginArea.lisboa .txtApoioUtil a {
  color: #707070 !important;
}
#loginFull .loginArea .showpassword {
  margin-left: -36px;
  position: absolute;
  margin-top: 28px;
}
#loginFull .loginArea .showpassword:hover {
  cursor: pointer;
}
#loginFull .loginArea .header {
  height: 50px;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 20px;
}
#loginFull .loginArea .header img {
  float: right;
  padding-right: 16px;
  padding-top: 10px;
}
#loginFull .loginArea .header img:hover {
  cursor: pointer;
}
#loginFull .loginArea img {
  margin-bottom: 10px;
  max-height: 170px;
}
#loginFull .loginArea input[type="text"],
#loginFull .loginArea input[type="password"] {
  padding-left: 10px;
  margin-left: 12px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #eeeeee;
  border: 1px solid #e6e6e6;
  height: 40px;
  width: 380px;
  color: #424242 !important;
  font-size: 14px;
  margin-top: 20px;
}
#loginFull .loginArea input[type="text"]:focus,
#loginFull .loginArea input[type="password"]:focus {
  outline-width: 0;
}
#loginFull .loginArea .loginBtn {
  margin-top: 20px;
  margin-bottom: 22px;
  width: 140px;
  height: 40px;
  font-size: 14px;
  font-weight: 700;
  color: white;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #3775fb;
  display: inline-flex;
  justify-content: center;
  cursor: pointer;
}
#loginFull .loginArea .loginBtn span {
  text-align: center;
  align-self: center;
  vertical-align: middle;
}
#loginFull .loginArea .loginBtn:hover {
  color: white;
}
.writePostFull {
  display: none;
  position: absolute;
  top: 90px;
  left: 0;
  z-index: 3000;
  width: 100%;
}
.writePostFull .closeBtnOut {
  float: right;
  margin-top: -4px;
}
.writePostFull .writeBtn {
  cursor: pointer;
  min-width: 75px;
  padding-left: 5px;
  padding-right: 5px;
  height: 26px;
  font-size: 13px;
  font-weight: 700;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  display: inline-flex;
  justify-content: center;
}
.writePostFull .writeBtn span {
  text-align: center;
  align-self: center;
  vertical-align: middle;
}
.writePostFull .filled {
  color: white;
  background-color: #cccccc;
}
.writePostFull .filledBlue {
  color: white;
  background-color: #047dea;
}
.writePostFull .empty {
  border: 1px solid #a3a3a3;
  color: #a3a3a3;
}
.writePostFull .sendBtn {
  float: right;
}
.writePostFull .containerWrite {
  display: inline-block;
  background: white;
  width: 540px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.writePostFull .containerWrite .imageUploadProgress {
  position: absolute;
  top: 35%;
  left: 40%;
  font-size: 60px;
}
.writePostFull .containerWrite .loadcircle {
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100px;
  height: 100px;
}
.writePostFull .containerWrite .photoArea {
  height: 53px;
  background-color: #e5e5e5;
  text-align: center;
}
.writePostFull .containerWrite .photoArea .textIcon {
  height: 53px;
  font-weight: 700;
  color: #a3a3a3;
  padding-left: 158px;
  display: flex;
  cursor: pointer;
}
.writePostFull .containerWrite .photoArea .textIcon span {
  align-self: center;
  vertical-align: middle;
}
.writePostFull .containerWrite .photoArea .textIcon img {
  padding-right: 18px;
}
.writePostFull .containerWrite .videoArea {
  height: 112px;
  background-color: whitesmoke;
  display: inline-flex;
  width: 100%;
  position: relative;
  z-index: 1;
}
.writePostFull .containerWrite .videoArea .deleteVideoIcon {
  position: absolute;
  right: -12px;
  top: -12px;
}
.writePostFull .containerWrite .videoArea .deleteVideoIcon:hover {
  cursor: pointer;
}
.writePostFull .containerWrite .videoArea input:focus {
  outline: none;
}
.writePostFull .containerWrite .videoArea input {
  background-color: transparent;
  border: 0px;
  display: flex;
  width: 100%;
  padding-left: 32px;
  font-size: 14px;
  color: #424242;
  font-weight: 600;
}
.writePostFull .containerWrite .videoArea input ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-size: 12px;
  color: #424242;
}
.writePostFull .containerWrite .videoArea input ::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 12px;
  color: #424242;
}
.writePostFull .containerWrite .videoArea input :-ms-input-placeholder {
  /* IE 10+ */
  font-size: 12px;
  color: #424242;
}
.writePostFull .containerWrite .photoVideoIcons {
  height: 112px;
  background-color: #f0f0f0;
  display: inline-flex;
  width: 100%;
}
.writePostFull .containerWrite .photoVideoIcons #videoIcon {
  margin-left: 65px;
}
.writePostFull .containerWrite .photoVideoIcons .iconPhotoVideo {
  display: inline-flex;
  cursor: pointer;
  align-items: center;
}
.writePostFull .containerWrite .photoVideoIcons .iconPhotoVideo .labelPhotoVideo {
  text-align: left;
  font-size: 11px;
  width: 70px;
  font-weight: 700;
  color: #424242;
}
.writePostFull .containerWrite .photoVideoIcons .iconPhotoVideo span {
  align-self: center;
  vertical-align: middle;
}
.writePostFull .containerWrite .photoVideoIcons .iconPhotoVideo img {
  padding-right: 8px;
}
.writePostFull .containerWrite .imagePostIndividual {
  position: relative;
  margin-bottom: 2px;
}
.writePostFull .containerWrite .deleteImageIcon {
  position: absolute;
  right: -12px;
  top: -12px;
}
.writePostFull .containerWrite .deleteImageIcon:hover {
  cursor: pointer;
}
.writePostFull .containerWrite .preview-area {
  width: 100%;
}
.writePostFull .containerWrite .name {
  color: #424242;
  font-weight: 700;
  font-size: 12px;
  padding: 20px;
}
.writePostFull .containerWrite .title {
  padding-top: 25px;
  padding-left: 20px;
  padding-right: 20px;
  font-weight: 700;
  font-size: 18px;
  color: #424242;
}
.writePostFull .containerWrite .title input[type=text] {
  /*&:focus {
                    outline: none;
                }*/
  width: 100%;
  border-radius: 0 !important;
  border: none;
}
.writePostFull .containerWrite .title input::-webkit-input-placeholder {
  color: #a3a3a3;
  font-size: 21px;
  font-weight: 700;
}
.writePostFull .containerWrite .title input:-ms-input-placeholder {
  color: #a3a3a3;
  font-size: 21px;
  font-weight: 700;
}
.writePostFull .containerWrite .title input:-moz-placeholder {
  color: #a3a3a3;
  font-size: 21px;
  font-weight: 700;
}
.writePostFull .containerWrite .title input::-moz-placeholder {
  color: #a3a3a3;
  font-size: 21px;
  font-weight: 700;
}
.writePostFull .containerWrite .stylePlaceTitle {
  color: #a3a3a3;
  font-size: 21px;
  font-weight: 700;
}
.writePostFull .containerWrite .stylePlaceText {
  color: #a3a3a3;
  font-size: 14px;
  font-weight: 700;
}
.writePostFull .containerWrite .text {
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 14px;
  color: #424242;
}
.writePostFull .containerWrite .text textarea {
  width: 100%;
  resize: none;
  border-radius: 0 !important;
  border: none;
}
.writePostFull .containerWrite .text textarea:focus {
  outline: none;
}
.writePostFull .containerWrite .text textarea::-webkit-input-placeholder {
  color: #a3a3a3;
  font-size: 14px;
  font-weight: 700;
}
.writePostFull .containerWrite .text textarea:-ms-input-placeholder {
  color: #a3a3a3;
  font-size: 14px;
  font-weight: 700;
}
.writePostFull .containerWrite .text textarea:-moz-placeholder {
  color: #a3a3a3;
  font-size: 14px;
  font-weight: 700;
}
.writePostFull .containerWrite .text textarea::-moz-placeholder {
  color: #a3a3a3;
  font-size: 14px;
  font-weight: 700;
}
.writePostFull .containerWrite .cardFooter {
  border-top: 1px solid #e0e0e0;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 12px;
  padding-bottom: 20px;
}
.writePostFull .containerWrite .publish {
  margin-bottom: 31px;
}
.writePostFull .containerWrite .publish .publishInner {
  border-top: 1px solid #e0e0e0;
  padding-left: 20px;
  padding-right: 20px;
}
.writePostFull .containerWrite .publish .publishInner .header {
  padding-top: 16px;
  padding-bottom: 16px;
}
.writePostFull .containerWrite .publish .publishInner .header .publishLabel {
  color: #a3a3a3;
  font-size: 13px;
  font-weight: 700;
}
.writePostFull .containerWrite .publish .publishInner .header .publishName {
  color: #3775fb;
  font-size: 13px;
  font-weight: 600;
}
.writePostFull .containerWrite .publish .publishInner .header .publishArrow {
  float: right;
  padding-right: 10px;
}
.writePostFull .containerWrite .publish .publishInner .block_row {
  background-color: #f0f0f0;
}
.writePostFull .containerWrite .publish .publishInner .block_row:hover {
  cursor: not-allowed !important;
}
.writePostFull .containerWrite .publish .publishInner .rowEntity {
  font-size: 13px;
  color: #424242;
  border-bottom: 1px solid #e0e0e0;
  padding-right: 12px;
  height: 36px;
  display: flex;
}
.writePostFull .containerWrite .publish .publishInner .rowEntity:first-child {
  border-top: 1px solid #e0e0e0;
}
.writePostFull .containerWrite .publish .publishInner .rowEntity span {
  align-self: center;
  vertical-align: middle;
}
.writePostFull .containerWrite .publish .publishInner .rowEntity .tick {
  padding-left: 10px;
}
.writePostFull .containerWrite .publish .publishInner .rowEntity .icon {
  padding-left: 12px;
  padding-right: 12px;
}
.writePostFull .containerWrite .publish .publishInner .rowEntity .rowName {
  color: #424242;
  font-size: 13px;
}
.writePostFull .containerWrite .publish .publishInner .rowEntity .rowNameSelected {
  color: #424242;
  font-size: 13px;
  font-weight: 700;
}
.writePostFull .containerWrite .publish .publishInner .rowsGroup .rowEntityInner {
  font-size: 13px;
  color: #424242;
  cursor: pointer;
  background-color: #e5e5e5;
  height: 36px;
  border-bottom: 1px solid white;
  display: flex;
}
.writePostFull .containerWrite .publish .publishInner .rowsGroup .rowEntityInner span {
  align-self: center;
  vertical-align: middle;
}
.writePostFull .containerWrite .publish .publishInner .rowsGroup .rowEntityInner .tick {
  visibility: hidden;
  padding-left: 39px;
  padding-right: 15px;
}
.writePostFull .containerWrite .publish .publishInner .rowsGroup .rowEntityInner:hover {
  background-color: #047dea;
  color: white;
}
.writePostFull .containerWrite .publish .publishInner .rowsGroup .selected {
  background-color: #047dea;
  color: white;
}
.writePostFull .containerWrite .tags {
  color: #a3a3a3;
  font-size: 14px;
  padding-top: 20px;
  padding-left: 20px;
  margin-bottom: 31px;
  padding-right: 20px;
}
.loggeduser {
  width: 76px;
  height: 76px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-right: 20px;
  display: inline-block;
  float: left;
  position: relative;
}
.loggeduser img {
  width: 54px;
  height: 54px;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-border-radius: 28px;
  -moz-border-radius: 28px;
  border-radius: 28px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.loggeduser .userType {
  width: 16px;
  height: 16px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 4px solid red;
  position: absolute;
  right: 0;
  bottom: 0;
  background-clip: border-box !important;
}
.loggedusernew {
  width: 50px;
  height: 50px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  display: inline-block;
  margin-right: 15px;
  float: left;
  position: relative;
}
.loggedusernew img {
  width: 50px;
  height: 50px;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.loggedusernew .userType {
  width: 24px;
  height: 24px;
  border: 4px solid #e6e6e6;
  position: absolute;
  right: -8px;
  bottom: -8px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: border-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
}
.leftColumnMyBadges {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.06);
  background-color: white;
}
.leftColumnMyBadges .mainBanner {
  position: relative;
}
.leftColumnMyBadges .mainBanner .banner {
  width: 100%;
}
.leftColumnMyBadges .mainBanner .titleBanner {
  font-size: 18px;
  color: white;
  z-index: 200;
  position: absolute;
  left: 10%;
  top: 21%;
}
.leftColumnRanking {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.06);
  background-color: white;
}
.leftColumnRanking .mainBanner {
  position: relative;
}
.leftColumnRanking .mainBanner .banner {
  width: 100%;
}
.leftColumnRanking .mainBanner .titleBanner {
  font-size: 18px;
  color: white;
  z-index: 1000;
  position: absolute;
  left: 10%;
  top: 24%;
}
.myBadgesArea {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.06);
  background-color: white;
  padding-bottom: 30px;
}
.myBadgesArea .filtersArea {
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 50px;
  padding-bottom: 50px;
}
.myBadgesArea .filtersArea .filterBy {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
}
.myBadgesArea .filtersArea .filterBy .label {
  color: #a3a3a3;
  padding-right: 20px;
}
.myBadgesArea .filtersArea .filterBy .value {
  color: #1e94ff;
}
.myBadgesArea .filtersArea .filterButtons {
  display: inline-block;
  float: right;
}
.myBadgesArea .filtersArea .filterButtons span {
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-weight: 700;
  font-size: 14px;
  padding: 7px 13px 7px 13px;
}
.myBadgesArea .filtersArea .filterButtons span:last-child {
  margin-left: 20px;
}
.myBadgesArea .filtersArea .filterButtons .crachas {
  color: #a3a3a3;
  border: 1px solid #cccccc;
}
.myBadgesArea .filtersArea .filterButtons .percentagens {
  color: white;
  background-color: #f9a600;
}
.myBadgesArea .header {
  margin-top: 30px;
  margin-left: 30px;
  margin-right: 30px;
  background-color: #e0e0e0;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  color: #707070;
  height: 44px;
  display: flex;
  justify-content: center;
}
.myBadgesArea .header span {
  align-self: center;
  vertical-align: middle;
}
.myBadgesArea .badgesAreaNew {
  margin-left: 30px;
  margin-right: 30px;
  margin-top: 30px;
  padding-top: 36px;
  padding-bottom: 36px;
  text-align: center;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #f0f0f0;
}
.myBadgesArea .badgesAreaNew .imageBadge {
  padding-left: 20px;
  padding-right: 20px;
  text-align: center;
  margin-bottom: 40px;
  display: inline-block;
}
.myBadgesArea .badgesAreaNew .badgeProf {
  margin-top: 20px;
}
.myBadgesArea .badgesAreaNew .badgeProf img {
  width: 80px;
  height: 80px;
}
.myBadgesArea .badgesAreaNew .title {
  padding-top: 20px;
  padding-bottom: 24px;
  text-align: center;
  font-size: 14px;
  color: #707070;
}
.myBadgesArea .badgesArea {
  margin-left: 30px;
  margin-right: 30px;
  margin-top: 30px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #f0f0f0;
}
.myBadgesArea .badgesArea .imageBadge {
  text-align: center;
  margin-bottom: 20px;
}
.myBadgesArea .badgesArea .badgeProf {
  margin-top: 20px;
}
.myBadgesArea .badgesArea .badgeProf img {
  width: 80px;
  height: 80px;
}
.myBadgesArea .badgesArea .title {
  padding-top: 20px;
  padding-bottom: 24px;
  text-align: center;
  font-size: 14px;
  color: #707070;
}
.rankingArea {
  background-color: white;
  padding-left: 30px;
  padding-right: 30px;
}
.rankingArea .menuArea {
  padding-top: 45px;
  font-size: 14px;
  font-weight: 700;
  display: table;
  width: 100%;
  table-layout: fixed;
  color: #a3a3a3;
  margin-bottom: 30px;
}
.rankingArea .menuArea span {
  display: table-cell;
  text-align: center;
  cursor: pointer;
  border-bottom: 2px solid #e6e6e6;
  padding-bottom: 10px;
}
.rankingArea .menuArea span:hover {
  color: #1e94ff;
  border-bottom: 2px solid #1e94ff;
}
.rankingArea .menuArea .selected {
  color: #1e94ff;
  border-bottom: 2px solid #1e94ff;
}
.rankingArea .studentsArea .studentArea {
  background-color: #e6e6e6;
  border: 1px solid #e0e0e0;
  height: 60px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-bottom: 10px;
  display: flex;
}
.rankingArea .studentsArea .studentArea span {
  align-self: center;
  vertical-align: middle;
}
.rankingArea .studentsArea .studentArea .number {
  padding-left: 16px;
  font-size: 18px;
}
.rankingArea .studentsArea .studentArea .name {
  font-size: 14px;
  color: #424242;
}
.rankingArea .studentsArea .studentArea .name img {
  width: 32px;
  margin-left: 20px;
  margin-right: 12px;
  -webkit-border-radius: 32px;
  -moz-border-radius: 32px;
  border-radius: 32px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.rankingArea .studentsArea .studentArea .node {
  font-size: 12px;
  margin-left: auto;
  margin-right: 20px;
  color: #707070;
}
.rankingArea .studentsArea .studentArea .value {
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
  font-size: 14px;
  font-weight: 700;
  margin-right: 16px;
  width: 115px;
  height: 30px;
  background-color: #707070;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  color: white;
  display: flex;
}
.rankingArea .studentsArea .studentArea .value span {
  margin-left: auto;
  align-self: center;
  vertical-align: middle;
}
.rankingArea .studentsArea .studentArea .value span img {
  margin-right: 11px;
  margin-left: 11px;
}
.rankingArea .studentsArea .studentArea:nth-child(-n+3) .number {
  color: #424242;
  font-weight: 700;
}
.rankingArea .studentsArea .ownPosition {
  background-color: #ffe9bd;
  border: none;
}
.leftColumnHistoric {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.06);
  background-color: white;
}
.leftColumnHistoric .mainBanner {
  position: relative;
}
.leftColumnHistoric .mainBanner .banner {
  width: 100%;
}
.leftColumnHistoric .mainBanner .titleBanner {
  font-size: 18px;
  color: white;
  z-index: 1000;
  position: absolute;
  left: 10%;
  top: 37%;
}
.leftColumnMyArchivements {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.06);
  background-color: white;
}
.leftColumnMyArchivements .banner {
  width: 100%;
}
.leftColumnMyArchivements .title {
  padding: 25px 30px 0px 30px;
  font-size: 18px;
}
.generalArea {
  padding: 25px 30px 30px 30px;
}
.generalArea .levelArea {
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #f0f0f0;
  padding: 35px;
  text-align: center;
}
.generalArea .levelArea .text {
  padding-top: 23px;
  color: #1e94ff;
  font-size: 14px;
  font-weight: 700;
}
.generalArea .othersArea {
  padding-top: 27px;
}
.generalArea .othersArea .otherIndividual {
  display: inline-block;
  width: 30%;
  background-color: #575757;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-right: 4%;
  color: white;
  text-align: center;
  padding-top: 30px;
}
.generalArea .othersArea .otherIndividual:last-child {
  margin-right: 0px;
}
.generalArea .othersArea .otherIndividual .number {
  font-size: 28px;
  font-weight: 600;
}
.generalArea .othersArea .otherIndividual .label {
  font-size: 13px;
  font-weight: 700;
}
.generalArea .othersArea .otherIndividual .label2 {
  font-size: 12px;
  font-weight: 400;
  color: #b2b2b2;
}
.generalArea .othersArea .otherIndividual .saberMais {
  margin: auto;
  margin-bottom: 26px;
  margin-top: 26px;
  font-size: 14px;
  font-weight: 700;
  color: #d9d9d9;
  width: 116px;
  height: 40px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid gray;
  cursor: pointer;
  display: flex;
  justify-content: center;
}
.generalArea .othersArea .otherIndividual .saberMais span {
  align-self: center;
  vertical-align: middle;
}
.generalArea .othersArea .otherIndividual .saberMais:hover {
  color: white;
  border: 1px solid white;
}
.menuAchievementsRight .professorArea {
  margin-top: 40px;
  background-color: #1e94ff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.06);
  padding: 16px;
  color: white;
  font-size: 13px;
  font-weight: 700;
}
.menuAchievementsRight .professorArea .imageRight {
  float: right;
}
.menuAchievementsRight .professorArea .textLeft {
  padding-top: 8px;
}
.menuAchievementsRight .professorArea .btnArea {
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid white;
  text-align: center;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 20px;
  margin-bottom: 24px;
}
.menuAchievementsRight .professorArea a {
  color: inherit;
  text-decoration: inherit;
}
.menuAchievementsRight .rightColumn {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 16px 16px 0px 16px;
  background-color: white;
  -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.06);
}
.menuAchievementsRight .rightColumn .title {
  font-size: 13px;
  font-weight: 700;
  color: #707070;
  margin-bottom: 3px;
  border-bottom: 1px solid #e6e6e6;
}
.menuAchievementsRight .rightColumn a {
  color: inherit;
  text-decoration: inherit;
}
.menuAchievementsRight .rightColumn ul {
  padding-top: 20px;
  list-style-type: none;
  padding-bottom: 16px;
}
.menuAchievementsRight .rightColumn ul .selected {
  background-color: #e6e6e6;
}
.menuAchievementsRight .rightColumn ul li {
  padding: 9px 0px 9px 14px;
  margin-bottom: 16px;
  font-size: 14px;
  color: #707070;
  font-weight: 600;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
}
.menuAchievementsRight .rightColumn ul li img {
  padding-right: 15px;
}
.menuAchievementsRight .rightColumn ul li:hover {
  background-color: #e6e6e6;
}
.settingCommentContainer {
  position: absolute;
  top: 0px;
  color: #424242;
  font-size: 14px;
  left: auto !important;
  right: 0px;
}
.settingCommentContainer a {
  text-decoration: none;
  color: inherit;
}
.settingCommentContainer ul {
  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  /*padding-top: 10px;
        padding-bottom: 10px;*/
  background-color: white;
  z-index: 1000;
  width: 100px;
  height: 60px;
  display: none;
  margin-top: 5px;
  /*margin-bottom: 10px;*/
  right: 0px;
  left: auto !important;
}
.settingCommentContainer ul li {
  height: 30px;
  display: flex;
  padding-left: 20px;
}
.settingCommentContainer ul li span {
  align-self: center;
  vertical-align: middle;
}
.settingCommentContainer ul li:hover {
  background-color: #e5e5e5;
  cursor: pointer;
}
.settingContainer {
  position: absolute;
  width: 36px;
  height: 66px;
  color: #424242;
  font-size: 14px;
}
.settingContainer a {
  text-decoration: none;
  color: inherit;
}
.settingContainer ul {
  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: white;
  z-index: 1000;
  width: 130px;
  height: 80px;
  display: none;
  margin-top: 25px;
  margin-bottom: 10px;
  position: absolute;
  right: 0px;
  top: 34px;
}
.settingContainer ul li {
  height: 30px;
  display: flex;
  padding-left: 20px;
}
.settingContainer ul li span {
  align-self: center;
  vertical-align: middle;
}
.settingContainer ul li:hover {
  background-color: #e5e5e5;
  cursor: pointer;
}
.feed .postsContainer .postContainer {
  padding-left: 0px;
  padding-right: 0px;
  margin-bottom: 30px;
}
.feed .postsContainer .postContainer .post {
  background-color: white;
  width: 540px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  display: inline-block;
  position: relative;
}
.feed .postsContainer .postContainer .post .topPost {
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 16px;
  padding-bottom: 10px;
  font-size: 12px;
}
.feed .postsContainer .postContainer .post .topPost .userInfo {
  display: inline-block;
}
.feed .postsContainer .postContainer .post .topPost .userInfo .name {
  font-weight: 700;
  color: #424242;
}
.feed .postsContainer .postContainer .post .topPost .userInfo .typeDate {
  color: #707070;
}
.feed .postsContainer .postContainer .post .topPost .userInfo .icon {
  margin-right: 8px;
}
.feed .postsContainer .postContainer .post .topPost .userInfo .second-line {
  display: flex;
  align-items: center;
}
.feed .postsContainer .postContainer .post .topPost .userInfo .second-line .typeDate {
  margin-right: 8px;
}
.feed .postsContainer .postContainer .post .topPost .userInfo .second-line .tooltipCustom {
  display: flex;
}
.feed .postsContainer .postContainer .post .topPost .nodeView {
  display: inline-block;
  float: right;
}
.feed .postsContainer .postContainer .post .image img {
  width: 100%;
  height: auto;
  margin-bottom: 2px;
}
.feed .postsContainer .postContainer .post .imageNew .mid {
  width: 50%;
  height: 50%;
  float: left;
}
.feed .postsContainer .postContainer .post .imageNew .alt {
  width: 50%;
  height: 100%;
  float: left;
}
.feed .postsContainer .postContainer .post .imageNew .br-r {
  border-right: 1px solid white;
}
.feed .postsContainer .postContainer .post .imageNew .br-l {
  border-left: 1px solid white;
}
.feed .postsContainer .postContainer .post .imageNew .br-t {
  border-top: 1px solid white;
}
.feed .postsContainer .postContainer .post .imageNew .br-b {
  border-bottom: 1px solid white;
}
.feed .postsContainer .postContainer .post .imageNew img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.feed .postsContainer .postContainer .post .imageClick:hover {
  cursor: pointer;
}
.feed .postsContainer .postContainer .post .bottomPost {
  padding: 16px 16px 0px 16px;
}
.feed .postsContainer .postContainer .post .bottomPost .title {
  font-weight: 700;
  font-size: 18px;
  color: #424242;
  margin-bottom: 15px;
}
.feed .postsContainer .postContainer .post .bottomPost .title:hover {
  cursor: pointer;
}
.feed .postsContainer .postContainer .post .bottomPost .text {
  font-size: 14px;
  color: #424242;
}
.feed .postsContainer .postContainer .post .bottomPost .EditedText {
  font-size: 12px;
  color: #424242;
  font-style: italic;
  margin-top: 16px;
}
.feed .postsContainer .postContainer .post .bottomPost .openArticleLabel {
  margin-bottom: 30px;
}
.feed .postsContainer .postContainer .post .bottomPost .openArticleLabel:hover {
  cursor: pointer;
}
.feed .postsContainer .postContainer .post .bottomPost .publish {
  font-size: 12px;
  font-weight: 600;
  color: #a3a3a3;
}
.feed .postsContainer .postContainer .post .bottomPost .escolaName {
  font-size: 12px;
  font-weight: 600;
  color: #a3a3a3;
  margin-left: 8px;
}
.feed .postsContainer .postContainer .post .bottomPost .detailsBar {
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 24px;
  margin-bottom: 12px;
}
.feed .postsContainer .postContainer .post .bottomPost .detailsBar .nodeInfo {
  padding-top: 8px;
}
.feed .postsContainer .postContainer .post .bottomPost .blueCircle {
  background-color: #a3a3a3;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  position: relative;
  display: inline-block;
  margin-left: 6px;
  cursor: pointer;
}
.feed .postsContainer .postContainer .post .bottomPost .blueCircle img {
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.feed .postsContainer .postContainer .post .bottomPost .blueCircle:hover {
  background-color: gray;
}
.feed .postsContainer .postContainer .post .bottomPost .blueCircle:hover .smallCircle {
  background-color: gray;
}
.feed .postsContainer .postContainer .post .bottomPost .liked {
  background-color: #047dea !important;
}
.feed .postsContainer .postContainer .post .bottomPost .liked .smallCircle {
  background-color: #047dea !important;
}
.feed .postsContainer .postContainer .post .bottomPost .smallCircle {
  background-color: #a3a3a3;
  min-width: 50%;
  min-height: 54%;
  padding-left: 3px;
  padding-right: 3px;
  border: 1px solid white;
  border-radius: 50%;
  color: white;
  font-size: 11px;
  position: absolute;
  right: -8px;
  bottom: -6px;
  text-align: center;
}
.feed .postsContainer .postContainer .post .bottomPost .smallCircle:hover {
  background-color: #1e94ff;
}
.feed .postsContainer .postContainer .post .bottomPost hr {
  margin-bottom: 0px !important;
  margin-top: 0px !important;
}
.feed .postsContainer .postContainer .post .bottomPost .tagsContainer {
  font-size: 12px;
  color: #a3a3a3;
  display: inline-block;
  font-weight: 400;
  height: 38px;
  display: inline-flex;
}
.feed .postsContainer .postContainer .post .bottomPost .tagsContainer .centerVertical {
  align-self: center;
  vertical-align: middle;
  margin-bottom: 5px;
}
.feed .postsContainer .postContainer .post .bottomPost .tagsContainer span {
  align-self: center;
  vertical-align: middle;
}
.feed .postsContainer .postContainer .post .bottomPost .tagsContainer span:hover {
  color: #707070;
}
.feed .postsContainer .postContainer .post .bottomPost .tagsContainer a {
  color: inherit;
  text-decoration: inherit;
  margin-right: 10px;
}
.feed .postsContainer .postContainer .post .bottomPost .viewsContainer {
  display: inline-flex;
  height: 38px;
  float: right;
  font-size: 12px;
  font-weight: 700;
  color: #707070;
}
.feed .postsContainer .postContainer .post .bottomPost .viewsContainer .centerVertical {
  align-self: center;
  vertical-align: middle;
  margin-bottom: 5px;
}
.feed .createPostContainer {
  margin-bottom: 20px;
}
.feed .createPostContainer .loggeduserEmpty {
  width: 76px;
  margin-right: 20px;
  display: inline-block;
  float: left;
  position: relative;
}
.feed .createPostContainer .writePost {
  background-color: #689dcc;
  height: 42px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-right: 16px;
  display: inline-block;
  position: relative;
  cursor: pointer;
  float: left;
  color: white;
  font-weight: 600;
  font-size: 13px;
  padding-right: 20px;
  display: flex;
}
.feed .createPostContainer .writePost span {
  align-self: center;
  vertical-align: middle;
}
.feed .createPostContainer .writePost img {
  padding-left: 16px;
  padding-right: 16px;
}
.feed .createPostContainer .writePost:hover {
  background-color: #497fb7;
}
.feed .createPostContainer .studentBar {
  width: 375px !important;
}
.feed .createPostContainer .studentBar input[type="text"] {
  width: 300px !important;
}
.feed .createPostContainer .searchInput {
  background-color: white;
  height: 42px;
  width: 213px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-right: 16px;
  display: inline-block;
  position: relative;
  cursor: pointer;
  float: left;
  z-index: 110;
}
.feed .createPostContainer .searchInput img {
  position: absolute;
  margin: auto;
  left: 16px;
  margin-right: 6px;
  top: 0;
  bottom: 0;
}
.feed .createPostContainer .searchInput input[type="text"] {
  border: none;
  top: 0;
  bottom: 0;
  position: absolute;
  margin: auto;
  left: 50px;
  color: #424242;
  font-weight: 400;
  font-size: 13px;
  width: 125px;
}
.feed .createPostContainer .searchInput input[type="text"]:focus {
  outline-width: 0;
}
.feed .createPostContainer .orderBy {
  background-color: #689dcc;
  height: 42px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  display: inline-block;
  position: relative;
  cursor: pointer;
  color: white;
  font-weight: 600;
  font-size: 13px;
  text-align: center;
  z-index: 100;
  width: 149px;
}
.feed .createPostContainer .orderBy:hover {
  background-color: #497fb7;
}
.feed .createPostContainer .orderBy span {
  line-height: 42px;
  vertical-align: middle;
}
.feed .createPostContainer .orderBy img {
  padding-left: 10px;
}
.feed .createPostContainer .orderBy:hover {
  cursor: pointer;
}
.feed .createPostContainer .orderBy:hover .orderDrop {
  display: block;
}
.feed .createPostContainer .orderBy .orderDrop {
  display: none;
  position: absolute;
  width: 100%;
}
.feed .createPostContainer .orderBy .orderDrop .emptyspace {
  height: 35px;
}
.feed .createPostContainer .orderBy .orderDropContainer {
  background-color: white;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  color: #333333;
  z-index: 500 !important;
  margin-top: 10px;
}
.feed .createPostContainer .orderBy .orderDropContainer .header {
  height: 8px;
}
.feed .createPostContainer .orderBy .orderDropContainer .rowMenu {
  height: 39px;
  font-size: 13px;
  font-weight: 600;
  border-top: 1px solid #e6e6e6;
  color: #333333;
  display: flex;
  justify-content: center;
}
.feed .createPostContainer .orderBy .orderDropContainer .rowMenu:hover {
  background-color: #1e94ff;
  color: white;
}
.feed .createPostContainer .orderBy .orderDropContainer .rowMenu:hover:last-child {
  -webkit-border-radius: 0px 0px 10px 10px;
  -moz-border-radius: 0px 0px 10px 10px;
  border-radius: 0px 0px 10px 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.feed .createPostContainer .orderBy .orderDropContainer .rowMenu span {
  text-align: center;
  align-self: center;
  vertical-align: middle;
}
.feed .filters .title {
  color: #5b87b0;
  font-weight: 700;
  font-size: 14px;
  margin-bottom: 18px;
}
.feed .filters .items {
  color: #2a383e;
  font-size: 13px;
}
.feed .filters .items a {
  color: inherit;
  text-decoration: inherit;
}
.feed .filters .items .selected {
  background-color: #e6e6e6;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.feed .filters .items .item {
  padding: 2px;
  cursor: pointer;
}
.feed .filters .items .item:hover {
  background-color: #e6e6e6;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.feed .filters .welcomeContainer {
  background-color: #eeeeee;
  width: 278px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-bottom: 20px;
  height: 42px;
  font-size: 13px;
  font-weight: 700;
  color: #424242;
  display: flex;
}
.feed .filters .welcomeContainer span {
  padding-left: 16px;
  align-self: center;
  vertical-align: middle;
}
.feed .filters .resumeContainer {
  background-color: #eeeeee;
  width: 278px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-bottom: 20px;
  padding: 16px;
}
.feed .filters .resumeContainer .userInfo {
  padding-top: 20px;
  display: table;
}
.feed .filters .resumeContainer .userInfo div {
  align-self: center;
  vertical-align: middle;
}
.feed .filters .resumeContainer .userInfo .name {
  font-size: 14px;
  font-weight: 600;
  color: #424242;
}
.feed .filters .resumeContainer .userInfo .type {
  font-size: 13px;
  color: #a3a3a3;
}
.feed .filters .resumeContainer .otherInfo {
  padding-top: 32px;
  text-align: center;
  font-size: 11px;
  color: #707070;
}
.feed .filters .resumeContainer .otherInfo img {
  padding-bottom: 16px;
}
.feed .filters .resumeContainer .otherInfo .number {
  font-size: 13px;
  font-weight: 700;
}
.feed .filters .resumeContainer .otherInfo .level1 {
  font-size: 13px;
}
.feed .filters .resumeContainer .otherInfo .badgesEarn {
  border-right: 1px solid #e6e6e6;
  height: 82px;
}
.feed .filters .resumeContainer .otherInfo .points {
  border-right: 1px solid #e6e6e6;
}
.feed .filters .resumeContainer .otherInfo .titleI {
  font-weight: 700;
  color: #424242;
  padding-bottom: 10px;
  font-size: 14px;
  text-align: left;
}
.feed .filters .resumeContainer .otherInfo .subtitleI {
  color: #a3a3a3;
  padding-bottom: 18px;
  font-size: 13px;
  text-align: left;
}
.feed .filters .resumeContainer .otherInfo .classList {
  text-align: left;
}
.feed .filters .resumeContainer .otherInfo .classList .badgeimage {
  padding-right: 16px;
}
.feed .filters .specialCardContainer {
  background-color: #689dcc;
  width: 278px;
  height: 269px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-bottom: 20px;
}
.feed .filters .myArticlesContainer {
  background-color: white;
  width: 278px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-bottom: 20px;
  padding: 21px 25px 6px 25px;
}
.feed .filters .myArticlesContainer .item {
  padding-left: 15px;
  margin-bottom: 21px;
}
.feed .filters .filtersContainer {
  background-color: white;
  width: 278px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-bottom: 20px;
  padding: 21px 25px 27px 25px;
}
.feed .filters .filtersContainer .titleArea {
  padding-bottom: 18px;
}
.feed .filters .filtersContainer .titleArea .labeltitle {
  color: #424242;
  font-size: 13px;
  font-weight: 700;
}
.feed .filters .filtersContainer .titleArea .clean {
  cursor: pointer;
  color: #999999;
  font-size: 12px;
  float: right;
  font-weight: 400;
}
.feed .filters .filtersContainer .titleArea .clean a {
  color: inherit;
  text-decoration: inherit;
}
.feed .filters .filtersContainer .items span {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  color: white;
  font-size: 12px;
  font-weight: 600;
  background-color: #047dea;
  margin-right: 4px;
  padding: 2px 7px 2px 7px;
  margin-bottom: 8px;
  display: inline-block;
}
.feed .filters .filtersContainer .items span img {
  padding-left: 5px;
  padding-left: 7px;
}
.feed .filters .datesContainer {
  background-color: white;
  width: 278px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 21px 25px 6px 25px;
  margin-bottom: 20px;
}
.feed .filters .datesContainer .selected {
  background-color: #e6e6e6;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.feed .filters .datesContainer .itemDate {
  margin-bottom: 21px;
  padding-left: 15px;
}
.feed .filters .datesContainer .itemDate:hover {
  cursor: pointer;
  background-color: #e6e6e6;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.feed .filters .publishWhere {
  background-color: white;
  width: 278px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 21px 25px 27px 25px;
  margin-bottom: 20px;
  font-size: 13px;
}
.feed .filters .publishWhere .filterclickable:hover {
  cursor: pointer;
}
.feed .filters .publishWhere ul {
  list-style-type: none;
}
.feed .filters .publishWhere .selected {
  background-color: #e6e6e6;
}
.feed .filters .publishWhere li {
  margin-bottom: 15px;
}
.feed .filters .publishWhere li img {
  margin-right: 3px;
  padding-bottom: 3px;
  margin-left: 3px;
}
.feed .filters .publishWhere li img:hover {
  cursor: pointer;
}
.feed .filters .publishWhere li .imgDiv {
  float: left;
  margin-right: 5px;
}
.feed .filters .publishWhere li .spanDiv {
  overflow: hidden;
}
.feed .filters .publishWhere li .spanDiv span {
  padding-left: 5px;
}
.feed .filters .publishWhere li .imgDiv {
  padding: 2px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.feed .filters .publishWhere li .imgDiv:hover {
  background-color: #e6e6e6;
}
.feed .filters .publishWhere li .spanDiv {
  padding: 2px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.feed .filters .publishWhere li .spanDiv:hover {
  background-color: #e6e6e6;
}
.feed .filters .publishWhere li a {
  color: inherit;
  text-decoration: inherit;
}
.feed .filters .publishWhere .sc {
  padding-left: 10px;
}
.feed .filters .publishWhere .s {
  padding-left: 20px;
}
.feed .filters .publishWhere .c {
  padding-left: 65px;
}
.feed .filters .tagsContainer {
  background-color: white;
  width: 278px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 21px 25px 21px 25px;
}
.feed .filters .tagsContainer .filterContainer {
  margin-bottom: 18px;
  color: #999999;
  font-size: 12px;
}
.feed .filters .tagsContainer .filterContainer .selected {
  color: #333333;
}
.feed .filters .tagsContainer .filterContainer span:hover {
  color: #333333;
  cursor: pointer;
}
.feed .filters .tagsContainer .tags .tag {
  margin-right: 0px;
  margin-bottom: 6px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #9e9e9e;
  height: 21px;
  padding: 2px 8px 4px 8px;
  font-size: 12px;
  font-weight: 400;
  color: white;
  display: inline-block;
}
.feed .filters .tagsContainer .tags .tag:hover {
  background-color: #047dea;
}
.feed .filters .tagsContainer .tags a {
  color: inherit;
  text-decoration: inherit;
}
.errorInput {
  border: 1px solid red !important;
}
.startMain .start_block {
  background-color: white;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 40px;
}
.startMain .start_block .title {
  font-size: 30px;
  color: #424242;
}
.startMain .start_block .text {
  font-size: 16px;
  color: #707070;
}
.startMain .start_block span {
  display: block;
}
.startMain .btn_saber_mais {
  position: absolute;
  bottom: 0;
  width: 140px;
  color: white;
  height: 40px;
  display: flex;
  font-size: 14px;
  font-weight: 700;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #bdbdbd;
}
.startMain .btn_saber_mais span {
  width: 100%;
  text-align: center;
  align-self: center;
  vertical-align: middle;
}
.startMain .btn_saber_mais span a {
  text-decoration: none;
  color: white;
}
.startMain .btn_saber_mais:hover {
  background-color: #a3a3a3;
  cursor: pointer;
}
.startMain2 .start_block {
  padding-right: 40px;
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: white;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.startMain2 .start_block .title {
  font-size: 30px;
  color: #424242;
}
.startMain2 .start_block .subtitle {
  font-style: italic;
  font-size: 16px;
  color: #707070;
  margin-top: 5px;
  margin-bottom: 20px;
}
.startMain2 .start_block .text {
  font-size: 16px;
  color: #707070;
}
.startMain2 .start_block .text_right {
  margin-left: 100px;
}
.startMain2 .start_block .image_left {
  display: inline;
  width: 76px;
  float: left;
}
.startMain2 .start_block span {
  display: block;
}
.startMain2 .start_block .btn_saber_mais {
  position: absolute;
  bottom: 0;
  width: 140px;
  color: white;
  height: 40px;
  display: flex;
  font-size: 14px;
  font-weight: 700;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #bdbdbd;
}
.startMain2 .start_block .btn_saber_mais span {
  width: 100%;
  text-align: center;
  align-self: center;
  vertical-align: middle;
}
.startMain2 .start_block .btn_saber_mais:hover {
  background-color: #a3a3a3;
  cursor: pointer;
}
.startMain3 .start_block {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: white;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.startMain3 .start_block .title {
  font-size: 30px;
  color: #424242;
}
.startMain3 .start_block .subtitle {
  font-style: italic;
  font-size: 16px;
  color: #707070;
  margin-top: 5px;
  margin-bottom: 20px;
}
.startMain3 .start_block .text {
  font-size: 16px;
  color: #707070;
}
.startMain3 .start_block .text_right {
  margin-left: 100px;
}
.startMain3 .start_block .image_left {
  display: inline;
  width: 76px;
  float: left;
}
.startMain3 .start_block span {
  display: block;
}
.startMain3 .start_block .threecolumns {
  padding-left: 40px;
  padding-right: 40px;
  text-align: center;
}
.startMain3 .start_block .threecolumns .column {
  padding-left: 20px;
  padding-right: 20px;
}
.startMain3 .start_block .threecolumns .column:first-child {
  border-right: 1px solid #e6e6e6;
}
.startMain3 .start_block .threecolumns .column:last-child {
  border-left: 1px solid #e6e6e6;
}
.startMain3 .start_block .threecolumns .column div {
  text-align: left;
  padding-left: 5px;
  padding-right: 5px;
}
.startMain3 .start_block .threecolumns img {
  padding-bottom: 20px;
}
.startMain3 .start_block .btn_saber_mais {
  position: absolute;
  bottom: 0;
  width: 140px;
  color: white;
  height: 40px;
  display: flex;
  font-size: 14px;
  font-weight: 700;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #bdbdbd;
}
.startMain3 .start_block .btn_saber_mais span {
  width: 100%;
  text-align: center;
  align-self: center;
  vertical-align: middle;
}
.startMain3 .start_block .btn_saber_mais:hover {
  background-color: #a3a3a3;
  cursor: pointer;
}
.go_down {
  background-color: #ef2e02;
  width: 60px;
  height: 60px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  position: relative;
  margin: 0 auto;
  bottom: 30px;
}
.go_down:hover {
  cursor: pointer;
}
.go_down img {
  padding-top: 18px;
  padding-left: 18px;
}
.right_column {
  padding-left: 36px;
  height: 313px;
}
.bannerStart {
  position: relative;
  z-index: -1;
  width: 100%;
}
.split_line {
  background-image: url(/Areas/Feed/Content/images/project/Start/Slices_entrada-03.png);
  background-repeat: repeat-x;
  margin-top: 60px;
  margin-bottom: 60px;
}
.startTitle {
  text-align: center;
  font-size: 30px;
  color: #424242;
}
.startSubTitle {
  text-align: center;
  margin-top: 18px;
  margin-bottom: 20px;
  font-size: 16px;
  color: #a3a3a3;
}
.footer {
  background-color: #104a81;
  color: #87a5c0;
  font-size: 10px;
  padding-top: 40px;
  margin-top: 40px;
}
.footer .container-fluid {
  max-width: 1223px;
}
.footer .footertopout {
  border-bottom: 1px solid #87a5c0;
}
.footer a:focus,
.footer a:hover {
  text-decoration: none;
}
.footer .btnApoioUtil.coimbra {
  border: 4px solid white;
  color: white;
  margin-top: 10px;
}
.footer .btnApoioUtil.coimbra [class^="icon-"] {
  color: white;
  margin-top: 5px;
}
.footer .btnApoioUtil {
  margin: 0 auto;
  color: #99c1dc;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 24px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 4px solid #99c1dc;
  height: 40px !important;
  width: 184px;
  text-align: center;
  font-weight: 600;
  line-height: 40px;
  box-sizing: content-box;
  font-size: 16px;
  margin-left: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer .btnApoioUtil [class^="icon-"] {
  font-size: 24px;
  left: 33px;
  color: #91c1dc;
}
.footer .btnApoioUtil a,
.footer .btnApoioUtil a:focus,
.footer .btnApoioUtil a:hover {
  color: #99c1dc;
  text-decoration: none !important;
}
.footer .areaEntities {
  text-align: right;
  margin-bottom: 72px;
}
.footer .terms {
  margin-top: 28px;
  color: #87a5c0;
  font-size: 12px;
  font-weight: 700;
}
.footer .terms a {
  color: #87a5c0;
  text-decoration: none;
}
.footer .terms a:hover {
  text-decoration: underline !important;
}
.footer .footertop {
  position: relative;
  min-height: 140px;
}
.footer .footerbottom {
  min-height: 60px;
  margin-top: 13px;
  position: relative;
}
.footer .disc {
  position: absolute;
  right: 0;
  top: 15px;
}
.footer .menu {
  display: inline-block;
  position: absolute;
  right: 0;
}
.footer .menu .column {
  padding-left: 36px;
  display: inline-block;
  float: left;
}
.footer .menu .column .title {
  padding-bottom: 26px;
}
.footer .menu .column .item {
  padding-bottom: 13px;
}
.footer .menu .column .item a:hover {
  color: white;
  cursor: pointer;
}
.titleContent {
  color: #707070;
  height: 60px;
  display: flex;
  font-size: 18px;
}
.titleContent span {
  align-self: center;
  vertical-align: middle;
}
.kidsAreaTitle {
  font-size: 21px;
  color: #333333;
  margin-top: 50px;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 15px;
}
.subAreaContainer {
  margin-top: 40px;
}
#contentSub .container {
  margin-bottom: 50px;
}
.textActBox {
  font-size: 24px;
  margin-top: 0px;
  margin-bottom: 0px;
  font-weight: 300;
  color: white;
  padding-bottom: 5px;
}
.content2 {
  padding-bottom: 120px;
  /* Height of the footer element + margin */

}
.navcontainer {
  margin-bottom: 70px;
  border-bottom: 1px solid #846052;
}
.navcontainer ul {
  margin-bottom: 16px !important;
}
.navcontainer li {
  display: inline;
  margin-left: 40px;
  margin-bottom: 10px;
  padding-bottom: 17px;
}
.navcontainer li span {
  padding-left: 8px;
  padding-right: 8px;
}
.navcontainer li:hover {
  cursor: pointer;
  border-bottom: 1px solid white;
  color: white;
}
.navcontainer .selectedli {
  border-bottom: 1px solid white;
  color: white;
}
.pdfOnly {
  padding: 10px;
}
.pdfOnly .square {
  height: 65px;
}
.pdfOnly .square .textContainer {
  padding-left: 10px;
  display: table-cell;
  height: 65px;
  vertical-align: middle;
}
.pdfOnly .square .imgContainer {
  float: left;
  padding: 17px 11px 11px 11px;
}
.pdfOnly .square:hover {
  color: white;
  cursor: pointer;
}
.pdfOnly .square a:visited {
  text-decoration: none;
}
.slick-prev {
  z-index: 100;
  left: 10px !important;
}
.arrow-left {
  position: absolute;
  top: 50%;
  left: 16px !important;
  z-index: 99;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 40px;
  height: 40px;
}
.arrow-left:hover {
  background-color: #ef2e02;
  cursor: pointer;
}
.arrow-hover {
  background-color: #ef2e02;
  cursor: pointer;
}
.slick-next {
  z-index: 100;
  right: 10px !important;
}
.carousel .image {
  border: 10px solid #eeeeee;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.arrow-right {
  position: absolute;
  top: 50%;
  right: 16px !important;
  z-index: 99;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 40px;
  height: 40px;
}
.arrow-right:hover {
  background-color: #ef2e02;
  cursor: pointer;
}
.tagsCreate input[type="text"] {
  border: none;
  font-size: 14px;
  height: 25px;
  margin-top: 5px;
  margin-bottom: 5px;
  width: 100%;
  color: #424242;
  /*&:focus {
            outline-width: 0;
        }*/

}
.tagsCreate .tagCreate {
  margin-right: 8px;
  margin-bottom: 6px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #9e9e9e;
  height: 21px;
  padding: 2px 8px 4px 8px;
  font-size: 12px;
  font-weight: 400;
  color: white;
  display: inline-block;
}
.tagsCreate .tagCreate img {
  padding-left: 5px;
}
.tagsCreate .tagCreate img:hover {
  cursor: pointer;
}
.asd_gaviao {
  background-color: #75a510;
}
.asd_maissucessogondomar {
  background-color: #0c64a9;
}
.asd {
  position: absolute;
  bottom: 0;
  opacity: 0.7;
  height: 45px;
  width: 100%;
}
.menuBarGondomar {
  height: 45px;
  display: flex;
  justify-content: center;
  text-align: center;
  font-weight: 700;
  font-size: 14px;
  color: white;
  position: absolute;
  width: 100%;
  margin-top: -45px;
  z-index: 2000;
  /*
    .contentDrop {
        display: inline-block;

        &:hover {
            cursor: pointer;

            .orderDrop {
                display: block;
            }
        }


        .orderDrop {
            display: none;
            position: absolute;
            width: 196px;
            z-index: 500;
            margin-left: -67px;
            margin-top: -2px;

            .emptyspace {
                height: 35px;
            }
        }

        .orderDropContainer {
            background-color: white;
            .border-radius(10px);
            .box-shadow (@x: 0px, @y: 0px, @blur: 8px, @alpha: 0.2);
            color: @grayDropdown;
            z-index: 500 !important;
            margin-top: 10px;

            .upArrow {
                position: absolute;
                margin-top: -8px;
                right: 0;
                margin-right: 24px;
            }

            .header {
                height: 15px;
            }

            .headerdown {
                height: 15px;
                border-top: 1px solid #E6E6E6;
            }

            .rowMenu {
                height: 39px;
                font-size: 13px;
                font-weight: 600;
                border-top: 1px solid #E6E6E6;
                color: #333333;
                display: flex;
                padding-left: 16px;

                &:hover {
                    background-color: #1E94FF;
                    color: white;
                }

                span {
                    align-self: center;
                    vertical-align: middle;
                }
            }
        }
    }

    .gondomarDrop {
        display: inline-block;

        &:hover {
            cursor: pointer;

            .orderDrop {
                display: block;
            }
        }


        .orderDrop {
            display: none;
            position: absolute;
            width: 196px;
            z-index: 500;

            .emptyspace {
                height: 35px;
            }
        }


        .orderDropContainer {
            background-color: white;

            .box-shadow (@x: 0px, @y: 0px, @blur: 8px, @alpha: 0.2);
            color: @grayDropdown;
            z-index: 500 !important;
            margin-top: 10px;

            .upArrow {
                position: absolute;
                margin-top: -8px;
                right: 0;
                margin-right: 24px;
            }

            .header {
                height: 15px;
            }

            .headerdown {
                height: 15px;
                border-top: 1px solid #E6E6E6;
            }

            .rowMenu {
                height: 39px;
                font-size: 13px;
                font-weight: 600;
                border-top: 1px solid #E6E6E6;
                color: #333333;
                display: flex;
                padding-left: 16px;

                &:hover {
                    background-color: #1E94FF;
                    color: white;

                    &:last-child {
                        .border-radius-bottom(10px);
                    }
                }

                span {
                    align-self: center;
                    vertical-align: middle;
                }
            }
        }
    }

    .badgesDrop {
        display: inline-block;

        &:hover {
            cursor: pointer;

            .orderDrop {
                display: block;
            }
        }


        .orderDrop {
            display: none;
            position: absolute;
            width: 196px;
            z-index: 500;
            margin-left: -67px;
            margin-top: -2px;

            .emptyspace {
                height: 35px;
            }
        }


        .orderDropContainer {
            background-color: white;
            .border-radius(10px);
            .box-shadow (@x: 0px, @y: 0px, @blur: 8px, @alpha: 0.2);
            color: @grayDropdown;
            z-index: 500 !important;
            margin-top: 10px;

            .upArrow {
                position: absolute;
                margin-top: -8px;
                right: 0;
                margin-right: 24px;
            }

            .header {
                height: 15px;
            }

            .headerdown {
                height: 15px;
                border-top: 1px solid #E6E6E6;
            }

            .rowMenu {
                height: 39px;
                font-size: 13px;
                font-weight: 600;
                border-top: 1px solid #E6E6E6;
                color: #333333;
                display: flex;
                padding-left: 16px;

                &:hover {
                    background-color: #1E94FF;
                    color: white;

                    &:last-child {
                        .border-radius-bottom(10px);
                    }
                }

                span {
                    align-self: center;
                    vertical-align: middle;
                }
            }
        }
    }

    .projectDrop {
        display: inline-block;

        &:hover {
            cursor: pointer;

            .orderDrop {
                display: block;
            }
        }


        .orderDrop {
            display: none;
            position: absolute;
            width: 196px;
            z-index: 500;
            margin-left: -91px;
            margin-top: -2px;

            .emptyspace {
                height: 35px;
            }
        }

        .orderDropContainer {
            background-color: white;
            .border-radius(10px);
            .box-shadow (@x: 0px, @y: 0px, @blur: 8px, @alpha: 0.2);
            color: @grayDropdown;
            z-index: 500 !important;
            margin-top: 10px;

            .upArrow {
                position: absolute;
                margin-top: -8px;
                right: 0;
                margin-right: 24px;
            }

            .header {
                height: 15px;
            }

            .headerdown {
                height: 15px;
                border-top: 1px solid #E6E6E6;
            }

            .rowMenu {
                height: 39px;
                font-size: 13px;
                font-weight: 600;
                border-top: 1px solid #E6E6E6;
                color: #333333;
                display: flex;
                padding-left: 16px;

                &:hover {
                    background-color: #1E94FF;
                    color: white;
                }

                span {
                    align-self: center;
                    vertical-align: middle;
                }
            }
        }
    }*/

}
.menuBarGondomar ul {
  height: 100%;
}
.menuBarGondomar ul .selected {
  cursor: pointer;
  background-color: #074887;
}
.menuBarGondomar ul li {
  height: 100%;
  width: 180px;
  padding-top: 11px;
  text-align: center;
  display: inline-block;
}
.menuBarGondomar ul li:hover {
  cursor: pointer;
  background-color: #074887;
}
.menuBarGondomar ul li span {
  align-self: center;
  vertical-align: middle;
  text-align: center;
  width: 100%;
  position: relative;
}
.menuBarGondomar ul li span img {
  padding-left: 10px;
}
.menuBarGondomar ul .imageLi {
  width: inherit;
  padding-top: 0px;
}
.menuBarGondomar ul a {
  text-decoration: none;
  color: inherit;
}
.menuBarGondomar .dropbtn {
  padding: 16px;
  border: none;
  cursor: pointer;
}
.menuBarGondomar .dropbtnOver {
  padding: 16px 5px 16px 5px;
  border: none;
  cursor: pointer;
}
.menuBarGondomar .dropdown {
  position: relative;
  display: inline-block;
}
.menuBarGondomar .dropdown-content {
  display: none;
  position: absolute;
  background-color: white;
  min-width: 180px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  margin-top: 12px;
  color: #333333;
}
.menuBarGondomar .dropdown-content a {
  font-size: 13px;
  font-weight: 600;
  color: #333333;
  display: block;
  padding: 12px 16px 12px 20px;
  text-align: left;
}
.menuBarGondomar .dropdown-content a:hover {
  background-color: #f1f1f1;
}
.menuBarGondomar .dropdown:hover .dropdown-content {
  display: block;
}
.start-page .carouselContainer {
  padding-top: 11px;
  max-width: 1230px;
  margin: 0 auto;
}
.start-page .carouselContainer .carousel2 {
  padding-left: 0px !important;
  padding-right: 0px !important;
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.start-page .carouselContainer .carousel2 img {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.start-page .carouselContainer .carousel2 .dotCircle {
  width: 20px;
  height: 20px;
  background-color: #cccccc;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.start-page .carouselContainer .carousel2 .inCircle {
  width: 12px;
  height: 12px;
  margin-left: 0px;
  margin-top: 4px;
  background-color: #0c64a9;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  display: none;
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
}
.start-page .carouselContainer .carousel2 .slick-dots {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  bottom: -35px;
}
.start-page .carouselContainer .carousel2 .slick-active .inCircle {
  display: inline-block;
}
.start-page .carouselContainer .legend {
  margin-top: -15px;
}
.start-page .carouselContainer .legend .main {
  color: #707070;
  font-size: 18px;
  font-weight: 700;
}
.start-page .carouselContainer .legend .secondary {
  color: #707070;
  font-size: 16px;
}
.start-page .navBarShadow {
  width: 100%;
  height: 0px;
  position: absolute;
  box-shadow: 0 3px 5px 4px #234fbe, 0px 24px 2px -1px #2c5ec9;
  margin-left: -8px;
}
.start-page .anim {
  text-align: center;
}
.start-page .animacao {
  margin: auto;
}
.start-page .titles {
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 18px;
}
.start-page .titles .title {
  font-size: 30px;
  color: #424242;
  font-weight: 700;
}
.start-page .titles .subtitle {
  font-weight: 600;
  font-size: 14px;
  color: #424242;
  line-height: 16px;
}
.start-page .areaLogin {
  background-color: #2c5ec9;
  height: 672px;
  text-align: -webkit-center;
  text-align: -moz-center;
  margin-left: -8px;
  margin-right: -8px;
}
.start-page .areaLogin .mainarealogin .titles {
  padding-left: 0px;
  width: 70%;
  margin-top: 48px;
}
.start-page .areaLogin .mainarealogin .titles .title {
  color: white !important;
  font-weight: 700;
}
.start-page .areaLogin .mainarealogin .titles .subtitle {
  color: white !important;
  line-height: 24px;
  font-weight: 400;
  margin-top: 29px;
  height: 72px;
}
.start-page .areaLogin .mainarealogin .btnEntrarStart {
  height: 56px;
  width: 200px;
  background-color: #aafef9;
  -webkit-border-radius: 28px;
  -moz-border-radius: 28px;
  border-radius: 28px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  text-align: center;
  font-weight: 600;
  line-height: 56px;
  margin-bottom: 36px;
  margin-top: 31px;
  box-sizing: content-box;
}
.start-page .areaLogin .mainarealogin .btnEntrarStart a {
  color: #2c5ec9;
  font-size: 19px;
  font-weight: 600;
}
.start-page #AreaPosts .card {
  margin-bottom: 34px;
}
.start-page #AreaPosts .card-body .col {
  padding-left: 0px !important;
}
.start-page #AreaPosts .cardInside {
  cursor: pointer;
}
.start-page .areaInfoMainArea {
  width: 936px;
  font-size: 14px;
  background-color: white;
  z-index: 1;
  padding-top: 16px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 16px;
  border-radius: 10px;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.12);
  margin-left: auto;
  margin-right: auto;
  margin-top: 38px;
  display: flex;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 145px;
}
.start-page .areaAnimation {
  width: 936px;
  height: 408px;
  background-color: white;
  z-index: 1;
  padding-top: 16px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 16px;
  border-radius: 10px;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.12);
  margin-left: auto;
  margin-right: auto;
  margin-top: 58px;
}
.start-page .areaAnimation .areaBoneco {
  float: left;
  width: 296px;
  height: 376px;
  text-align: center;
}
.start-page .areaAnimation .areaBoneco .playAnimacao {
  margin-top: -147px;
  padding-left: 166px;
  position: sticky;
}
.start-page .areaAnimation .iconFadeOutEffect {
  z-index: 1;
  height: 120px;
  position: absolute;
  margin-left: 24px;
  margin-right: 24px;
  right: 0;
  left: 0;
  box-shadow: inset 12px 0 13px 2px white, inset -12px 0 13px 2px white;
  pointer-events: none;
}
.start-page .areaAnimation .centerIconFixed {
  height: 112px;
  z-index: 1;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 21%);
}
.start-page .areaAnimation .centerIconFixed .iconFixed {
  height: 73px !important;
  width: 73px !important;
  border-radius: 40px !important;
  border: 4px solid #3775fb;
}
.start-page .areaAnimation .areaIcones {
  width: 60.75%;
  float: right;
  height: 112px;
  overflow: hidden;
}
.start-page .areaAnimation .areaIcones .slick-slide {
  transform: scale(0.85, 0.85);
  transition: transform 0.3s;
  will-change: transform;
}
.start-page .areaAnimation .areaIcones .slick-current.slick-active.slick-center {
  transform: scale(1, 1);
  border-radius: 32px !important;
  /*margin-left: 16px !important;
                      margin-right: 16px !important;*/

}
.start-page .areaAnimation .areaIcones .slick-current.slick-active.slick-center [class^="icon-"] {
  font-size: 28px;
}
.start-page .areaAnimation .areaIcones .slick-cloned {
  transform: scale(0.85, 0.85) !important;
  transition: transform 0.3s !important;
  will-change: transform !important;
}
.start-page .areaAnimation .areaIcones .circleicon.largeScreen {
  float: left;
  margin-top: 28px;
  margin-left: 8px;
  margin-right: 8px;
  cursor: pointer;
}
.start-page .areaAnimation .areaIcones .circleicon.largeScreen.active {
  pointer-events: none;
}
.start-page .areaAnimation .areaIcones .circleicon.largeScreen.active .activeIcon {
  display: block !important;
}
.start-page .areaAnimation .areaIcones .circleicon.mob {
  outline: transparent;
  width: 56px;
  height: 56px;
  margin-bottom: 32px;
  margin-top: 32px;
  margin-left: 4px;
  margin-right: 4px;
  border-radius: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.start-page .areaAnimation .areaIcones .circleicon.mob [class^="icon-"] {
  color: white;
  font-size: 24px;
}
.start-page .areaAnimation .areaIcones .circleicon {
  outline: transparent;
  width: 56px;
  height: 56px;
  margin-bottom: 32px;
  margin-top: 32px;
  margin-left: 4px;
  margin-right: 4px;
  border-radius: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.start-page .areaAnimation .areaIcones .circleicon [class^="icon-"] {
  color: white;
  font-size: 24px;
}
.start-page .areaAnimation .areaIcones .circleicon .activeIcon {
  color: #3775fb;
  top: -2%;
  font-family: 'slick';
  height: 89px;
  font-size: 73px;
}
.start-page .areaAnimation .areaTexto.largeScreen {
  pointer-events: none;
  height: 224px;
}
.start-page .areaAnimation .areaTexto {
  text-align: left;
  width: 60.75%;
  float: right;
}
.start-page .areaAnimation .areaTexto .slick-list .slick-track {
  overflow: hidden;
}
.start-page .areaAnimation .areaTexto .textSIGA .title {
  max-width: none;
  font-size: 22px;
}
.start-page .areaAnimation .areaTexto .title {
  font-weight: 700;
  font-size: 25px;
  color: #424242;
  margin-bottom: 23px;
  margin-top: -3px;
  line-height: 33px;
  max-width: 323px;
}
.start-page .areaAnimation .areaTexto .text {
  font-weight: 400;
  font-size: 14px;
  color: #424242;
  line-height: 24px;
  margin-bottom: 17px;
  margin-right: 16px;
}
.start-page .areaAnimation .areaTexto .slick-dots {
  height: 40px;
  bottom: -40px;
  text-align: left;
  padding-left: 4px;
}
.start-page .areaAnimation .areaTexto .slick-dots li {
  margin-left: -2px;
  margin-right: -1px;
}
.start-page .areaAnimation .areaTexto .slick-dots button:before {
  color: #e0e0e0;
  opacity: 1;
  font-size: 8px;
  line-height: 32px;
}
.start-page .areaAnimation .areaTexto .slick-dots .slick-active button:before {
  color: #999999 !important;
  opacity: 1 !important;
}
.start-page .areaAnimation .areaTexto .slick-slide {
  outline: transparent !important;
}
.start-page #mural .rowTop {
  text-align: -webkit-center;
  text-align: -moz-center;
}
.start-page #mural .rowTop .circle {
  display: block;
  margin-top: 72px;
}
.start-page #mural .rowTop .titles {
  padding-left: 0px;
  margin-bottom: 29px;
}
.start-page #mural .btnMural {
  margin: 0 auto;
  color: white;
  -webkit-border-radius: 36px;
  -moz-border-radius: 36px;
  border-radius: 36px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #3775fb;
  border: 4px solid #d1d8e9;
  height: 48px !important;
  width: 200px;
  text-align: center;
  font-weight: 600;
  line-height: 48px;
  box-sizing: content-box;
  font-size: 19px;
}
.start-page #mural .btnMural:hover {
  opacity: 0.8;
  cursor: pointer;
}
.start-page #mural .btnMural a {
  text-decoration: none;
  color: white;
}
.start-page #mural .area-card-content {
  margin-bottom: 34px;
}
.start-page #mural .area-card-content:nth-child(even) {
  padding-left: 17.5px;
}
.start-page #mural .area-card-content:nth-child(odd) {
  padding-right: 17.5px;
}
.start-page #mural .area-card-content .cardInside {
  width: 100%;
  height: 180px;
  background-color: white;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  display: inline-block;
  overflow: hidden;
}
.start-page #mural .area-card-content .cardInside table {
  width: 100%;
}
.start-page #mural .area-card-content .cardInside td {
  width: 100%;
  vertical-align: top;
}
.start-page #mural .area-card-content .cardInside td.right {
  float: right;
}
.start-page #mural .area-card-content .cardInside .textContainer {
  padding-top: 16px;
  padding-left: 13px;
}
.start-page #mural .area-card-content .cardInside .imageContainer {
  float: right;
}
.start-page #mural .area-card-content .cardInside .name {
  font-size: 15px;
  color: #424242;
}
.start-page #mural .area-card-content .cardInside .entity {
  font-size: 13px;
  color: #a3a3a3;
}
.start-page #mural .area-card-content .cardInside .date {
  font-size: 11px;
  color: #a3a3a3;
}
.start-page #mural .area-card-content .cardInside .title {
  margin-top: 10px;
  font-weight: 700;
  font-size: 13px;
  color: #424242;
}
.start-page #mural .area-card-content .cardInside .textPost {
  margin-top: 5px;
  font-weight: 400;
  font-size: 13px;
  color: #424242;
}
.start-page #mural .area-card-content .cardInside .postedByAvatar {
  width: 50px;
  height: 50px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.start-page #mural .area-card-content .cardInside .imagePost {
  -webkit-border-radius: 0px 10px 10px 0px;
  -moz-border-radius: 0px 10px 10px 0px;
  border-radius: 0px 10px 10px 0px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  position: relative;
  top: 0px;
  right: 0px;
  /*  width: 180px;
                    height: 180px;*/
  object-fit: fill;
}
.start-page #conteudos.area.Layout2 .row.sameHeightColumn {
  justify-content: center;
}
.start-page #conteudos.area.Layout2 .ContCurriLoc {
  display: none;
}
.start-page #conteudos.area.Layout2 .ContEduc {
  display: none;
}
.start-page #conteudos.area.LayoutAmadotec .row.sameHeightColumn {
  justify-content: center;
}
.start-page #conteudos.area.LayoutAmadotec .ContCurriLoc {
  display: none;
}
.start-page #conteudos.area.LayoutAmadotec .ContCurric {
  display: none;
}
.start-page #conteudos.area.LayoutAmadotec .ContEduc {
  display: none;
}
.start-page #conteudos.area.Layout1 .row.sameHeightColumn {
  justify-content: center;
}
.start-page #conteudos.area.Layout1 .ContCurriLoc {
  display: none;
}
.start-page #conteudos.area.Layout200 .cardContent {
  height: 564px;
}
.start-page #conteudos.area.Layout200 .cardContent .textArea {
  line-height: 19px;
  font-size: 15px;
  color: rgba(74, 74, 74, 0.85);
}
.start-page #conteudos.area.Layout200 .cardContent .textArea .text {
  margin-left: 6px;
  margin-right: 6px;
}
.start-page #conteudos.area.Layout200 .cardContent .iconType {
  display: none;
}
.start-page #conteudos.area.Layout200 .cardContent .type {
  margin-top: 16px;
}
.start-page #conteudos.area.Layout200 .cardContent .type .title {
  margin-left: 20px;
}
.start-page #conteudos.area.Layout200 .ContEduc {
  display: none;
}
.start-page #conteudos.area.Layout200 .ContCurriLoc {
  width: 305px;
  margin-right: 16px;
  padding-right: 0px;
}
.start-page #conteudos.area.Layout200 .ContCurriLoc .textArea .images {
  padding-top: 5px;
}
.start-page #conteudos.area.Layout200 .ContCurric {
  width: 305px;
  padding-right: 0px;
}
.start-page #conteudos.area.Layout200 .ContCurric .images.top {
  display: none;
}
.start-page #conteudos.area.Layout200 .ContCurric .images.bottom {
  justify-content: initial;
  padding-left: 11px;
  padding-top: 16px;
}
.start-page #conteudos.area.Layout200 .ContCurric .images.bottom .left {
  display: inline-flex;
}
.start-page #conteudos.area.Layout200 .ContCurric .images.bottom .left .captionText {
  text-align: left;
  margin-left: 12px;
  margin-top: 32px;
}
.start-page #conteudos.area.Layout200 .ContCurric .images.bottom .right {
  display: none;
}
.start-page #conteudos.area.Layout200 .ContAmado {
  display: block !important;
  width: 568px;
  margin-right: 16px;
  padding-right: 0px;
}
.start-page #conteudos.area.Layout200 .ContAmado .images {
  display: flex;
}
.start-page #conteudos.area.Layout200 .ContAmado .images .imgIcon {
  padding-right: 17px;
}
.start-page #conteudos.area.Layout200 .ContAmado .textArea {
  padding-left: 26px;
}
.start-page #conteudos.area.Layout200 .ContAmado .textArea .type {
  margin-top: 0px;
}
.start-page #conteudos.area.Layout200 .ContAmado .textArea .type .title {
  max-width: none;
  font-size: 19px;
  margin-left: 4px;
  color: rgba(74, 74, 74, 0.85);
}
.start-page #conteudos.area.Layout200 .ContAmado .captionText {
  margin: auto;
  font-size: 15px;
  font-weight: 500;
  padding-top: 10px;
  padding-bottom: 4px;
  text-align: left;
  width: 81px;
  line-height: 16px;
  margin-left: 4px;
  margin-right: 4px;
}
.start-page #conteudos .rowTop {
  text-align: -webkit-center;
  text-align: -moz-center;
}
.start-page #conteudos .rowTop .circle {
  display: block;
}
.start-page #conteudos .rowTop .titles {
  margin-top: 8px;
  margin-bottom: 13px;
  padding-left: 0px;
}
.start-page #conteudos .area-card-content.ContEduc .textArea {
  padding-left: 16px;
  padding-right: 16px;
}
.start-page #conteudos .area-card-content.ContEduc .miniCarousel {
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 100%;
  height: 184px;
  object-fit: cover;
  object-position: left;
}
.start-page #conteudos .area-card-content.ContEduc .images {
  padding-top: 16px;
  display: flex;
  justify-content: center;
  margin-left: -8px;
  margin-right: -8px;
}
.start-page #conteudos .area-card-content.ContEduc .images .captionText {
  margin: auto;
  font-size: 12px;
  font-weight: 700;
  padding-top: 3px;
  padding-bottom: 4px;
  width: 104px;
  line-height: 16px;
  margin-left: 4px;
  margin-right: 4px;
}
.start-page #conteudos .area-card-content.ContEduc .images .left {
  display: inline-block;
  vertical-align: text-top;
}
.start-page #conteudos .area-card-content.ContEduc .images .middle {
  vertical-align: text-top;
  display: inline-block;
}
.start-page #conteudos .area-card-content.ContEduc .images .right {
  vertical-align: text-top;
  display: inline-block;
}
.start-page #conteudos .area-card-content.ContCurriLoc .textArea {
  padding-left: 16px;
  padding-right: 16px;
}
.start-page #conteudos .area-card-content.ContCurriLoc .images {
  padding-top: 57px;
  display: flex;
  justify-content: center;
}
.start-page #conteudos .area-card-content.ContCurriLoc .images .captionText {
  margin: auto;
  font-size: 12px;
  font-weight: 700;
  padding-top: 3px;
  padding-bottom: 4px;
  width: 104px;
  line-height: 16px;
  padding-left: 20px;
  padding-right: 20px;
}
.start-page #conteudos .area-card-content.ContCurriLoc .images .left {
  float: left;
  margin-right: 8px;
}
.start-page #conteudos .area-card-content.ContCurriLoc .images .right {
  float: right;
  margin-left: 8px;
}
.start-page #conteudos .area-card-content.ContCurric .textArea {
  padding-left: 16px;
  padding-right: 16px;
}
.start-page #conteudos .area-card-content.ContCurric .images.bottom {
  padding-top: 24px;
}
.start-page #conteudos .area-card-content.ContCurric .images.bottom .left {
  margin-right: 20px;
}
.start-page #conteudos .area-card-content.ContCurric .images.bottom .right {
  margin-left: 20px;
}
.start-page #conteudos .area-card-content.ContCurric .images {
  padding-top: 14px;
  display: flex;
  justify-content: center;
}
.start-page #conteudos .area-card-content.ContCurric .images .captionText {
  margin: auto;
  font-size: 12px;
  font-weight: 700;
  padding-top: 3px;
  padding-bottom: 4px;
  width: 93px;
  line-height: 16px;
  margin-left: 4px;
  margin-right: 4px;
}
.start-page #conteudos .area-card-content.ContCurric .images .top .captionText {
  max-width: 92px;
}
.start-page #conteudos .area-card-content.ContCurric .images .middle {
  margin-left: 10px;
  margin-right: 10px;
}
.start-page #conteudos .area-card-content.ContCurric .images .left {
  float: left;
}
.start-page #conteudos .area-card-content.ContCurric .images .right {
  float: right;
}
.start-page #conteudos .area-card-content {
  padding-right: 16px;
  margin-top: 16px;
}
.start-page #conteudos .sameHeightColumn {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}
.start-page #conteudos .sameHeightColumn::before {
  display: block;
}
.start-page #conteudos .cardContent {
  width: 100%;
  background-color: white;
  height: 732px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  display: inline-block;
}
.start-page #conteudos .cardContent .miniCarousel img {
  -webkit-border-radius: 10px 10px 0px 0px;
  -moz-border-radius: 10px 10px 0px 0px;
  border-radius: 10px 10px 0px 0px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 100%;
  height: 184px;
  object-fit: cover;
  object-position: left;
}
.start-page #conteudos .cardContent .iconType {
  margin-top: -40px;
  margin-left: 28px;
}
.start-page #conteudos .cardContent .type {
  color: #424242;
  font-weight: 700;
  font-size: 22px;
  margin-top: 8px;
}
.start-page #conteudos .cardContent .type .title {
  max-width: 162px;
  display: inline-flex;
  line-height: 24px;
  margin-left: 8px;
}
.start-page #conteudos .cardContent .textArea {
  padding-top: 19px;
  margin-bottom: 30px;
  color: #424242;
  font-size: 14px;
  padding-left: 30px;
  padding-right: 20px;
  line-height: 24px;
  font-weight: 400;
}
.start-page #conteudos .cardContent .textArea .text {
  margin-left: 16px;
  margin-right: 16px;
}
.start-page #conteudos .cardContent .textArea .images {
  padding-top: 40px;
  text-align: center;
}
.start-page .circle {
  width: 96px;
  height: 96px;
  background-color: #3775fb;
  box-shadow: 4px 4px 4px 0px rgba(46, 71, 255, 0.4);
  border-radius: 50%;
  position: relative;
  display: inline-block;
  margin-top: 80px;
}
.start-page .circle img {
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.start-page.habilitas .areaAnimation {
  height: 520px;
}
.start-page.habilitas .areaAnimation .areaTexto .slick-dots {
  display: none !important;
}
.start-page.layoutamadomaker .navBarShadow {
  display: none !important;
}
.start-page.layoutamadomaker .areaLogin {
  height: 310px !important;
  background-color: #be5d29;
}
.start-page.layoutamadomaker .areaLogin .row {
  display: none !important;
}
.start-page.layoutamadomaker .carouselContainer .carousel2 .inCircle {
  background-color: #be5e29;
}
.start-page.layoutamadomaker .circle {
  background-color: #f37f3e;
  box-shadow: 4px 4px 4px 0 #c7b8b0;
}
.start-page.layoutamadomaker #mural .btnMural {
  background-color: #f37f3e;
  border: 4px solid #ead3c4;
}
.start-page.layoutamadomaker #conteudos .cardContent {
  height: 564px;
}
.start-page.layoutamadomaker #conteudos .cardContent .textArea {
  line-height: 19px;
  font-size: 15px;
  color: rgba(74, 74, 74, 0.85);
}
.start-page.layoutamadomaker #conteudos .cardContent .textArea .text {
  margin-left: 6px;
  margin-right: 6px;
}
.start-page.layoutamadomaker #conteudos .cardContent .iconType {
  display: none;
}
.start-page.layoutamadomaker #conteudos .cardContent .type {
  margin-top: 16px;
}
.start-page.layoutamadomaker #conteudos .cardContent .type .title {
  margin-left: 20px;
}
.start-page.layoutamadomaker #conteudos .ContEduc {
  display: none;
}
.start-page.layoutamadomaker #conteudos .ContCurriLoc {
  width: 305px;
  margin-right: 16px;
  padding-right: 0px;
}
.start-page.layoutamadomaker #conteudos .ContCurriLoc .textArea .images {
  padding-top: 5px;
}
.start-page.layoutamadomaker #conteudos .ContCurric {
  width: 305px;
  padding-right: 0px;
}
.start-page.layoutamadomaker #conteudos .ContCurric .images.top {
  display: none;
}
.start-page.layoutamadomaker #conteudos .ContCurric .images.bottom {
  justify-content: initial;
  padding-left: 11px;
  padding-top: 16px;
}
.start-page.layoutamadomaker #conteudos .ContCurric .images.bottom .left {
  display: inline-flex;
}
.start-page.layoutamadomaker #conteudos .ContCurric .images.bottom .left .captionText {
  text-align: left;
  margin-left: 12px;
  margin-top: 32px;
}
.start-page.layoutamadomaker #conteudos .ContCurric .images.bottom .right {
  display: none;
}
.start-page.layoutamadomaker #conteudos .ContAmadov2 {
  display: flex !important;
  margin-right: 16px;
  padding-right: 0px;
  width: auto;
}
.start-page.layoutamadomaker #conteudos .ContAmadov2 .cardContent {
  width: 292px;
  box-shadow: none;
  border-radius: 0px;
  color: white !important;
  height: auto;
}
.start-page.layoutamadomaker #conteudos .ContAmadov2 .cardContent .miniCarousel img {
  width: 73px;
  height: 73px;
  margin-left: 12px;
  margin-top: 8px;
  object-fit: contain;
}
.start-page.layoutamadomaker #conteudos .ContAmadov2 .cardContent .title {
  color: white;
  max-width: none;
}
.start-page.layoutamadomaker #conteudos .ContAmadov2 .cardContent .textArea {
  color: white;
}
.start-page.layoutamadomaker #conteudos .ContAmadov2 .images {
  display: flex;
}
.start-page.layoutamadomaker #conteudos .ContAmadov2 .images .imgIcon {
  padding-right: 17px;
}
.start-page.layoutamadomaker #conteudos .ContAmadov2 .textArea {
  padding-left: 26px;
}
.start-page.layoutamadomaker #conteudos .ContAmadov2 .textArea .type {
  margin-top: 0px;
}
.start-page.layoutamadomaker #conteudos .ContAmadov2 .textArea .type .title {
  max-width: none;
  font-size: 19px;
  margin-left: 4px;
  color: rgba(74, 74, 74, 0.85);
}
.start-page.layoutamadomaker #conteudos .ContAmadov2 .captionText {
  margin: auto;
  font-size: 15px;
  font-weight: 500;
  padding-top: 10px;
  padding-bottom: 4px;
  text-align: left;
  width: 81px;
  line-height: 16px;
  margin-left: 4px;
  margin-right: 4px;
}
.start-page.layoutamadomaker #conteudos .ContAmado {
  display: none;
  width: 568px;
  margin-right: 16px;
  padding-right: 0px;
}
.start-page.layoutamadomaker #conteudos .ContAmado .images {
  display: flex;
}
.start-page.layoutamadomaker #conteudos .ContAmado .images .imgIcon {
  padding-right: 17px;
}
.start-page.layoutamadomaker #conteudos .ContAmado .textArea {
  padding-left: 26px;
}
.start-page.layoutamadomaker #conteudos .ContAmado .textArea .type {
  margin-top: 0px;
}
.start-page.layoutamadomaker #conteudos .ContAmado .textArea .type .title {
  max-width: none;
  font-size: 19px;
  margin-left: 4px;
  color: rgba(74, 74, 74, 0.85);
}
.start-page.layoutamadomaker #conteudos .ContAmado .captionText {
  margin: auto;
  font-size: 15px;
  font-weight: 500;
  padding-top: 10px;
  padding-bottom: 4px;
  text-align: left;
  width: 81px;
  line-height: 16px;
  margin-left: 4px;
  margin-right: 4px;
}
#gondomarPage {
  margin-bottom: 24px;
}
#gondomarPage #headerGondomar {
  position: relative;
  z-index: 100;
  height: 185px;
}
#gondomarPage #headerGondomar .topBarImage {
  position: absolute;
  width: 100%;
  height: 100%;
}
#gondomarPage #headerGondomar .menus {
  max-width: 1230px;
  margin: 0 auto;
  position: relative;
  height: 100%;
}
#gondomarPage #headerGondomar .menus .navbar {
  display: none;
}
#gondomarPage #headerGondomar .menus .navbar .navbar-brand {
  display: none;
}
#gondomarPage #headerGondomar .menus .logo {
  position: absolute;
  top: 34px;
  z-index: 1000;
}
#gondomarPage #headerGondomar .menus .logo3 {
  position: absolute;
  top: 31px;
  right: 0px;
}
#gondomarPage #headerGondomar .menus .selected a {
  border-bottom: 2px solid white !important;
}
#gondomarPage #headerGondomar .menus .menu {
  background-image: url("~/Areas/Feed/Content/gondomar/Assets-16(1).png");
  position: absolute;
  bottom: 10px;
  right: 0px;
  font-size: 13px;
  color: white;
}
#gondomarPage #headerGondomar .menus .menu a {
  color: white;
  text-decoration: none;
}
#gondomarPage #headerGondomar .menus .menu .alternativeBtnLink {
  width: auto !important;
  display: inline-flex !important;
  padding: 2px 1px 2px 1px !important;
}
#gondomarPage #headerGondomar .menus .menu .alternativeBtnLink .btnEntrarText {
  width: 90px;
}
#gondomarPage #headerGondomar .menus .menu .alternativeBtnLink .btnEntrarText span {
  padding: 2px 1px 2px 1px;
}
#gondomarPage #headerGondomar .menus .menu .alternativeBtnLink .icon {
  font-size: 21px;
  display: inline-flex;
  margin-top: 2px;
  margin-right: 6px;
}
#gondomarPage #headerGondomar .menus .menu .alternativeBtnLink .icon:hover {
  color: #136aa3 !important;
}
#gondomarPage #headerGondomar .menus .menu .alternativeBtnLink .dropdown-menu li > a:hover {
  padding-top: 3px !important;
}
#gondomarPage #headerGondomar .menus .menu .alternativeBtnLink a {
  color: black !important;
}
#gondomarPage #headerGondomar .menus .menu .alternativeBtnLink .txtEntrar {
  border: 0px;
}
#gondomarPage #headerGondomar .menus .menu span:not(:last-child) {
  border: 2px solid transparent;
  width: 112px;
  text-align: center;
  display: inline-block;
}
#gondomarPage #headerGondomar .menus .menu span:not(:last-child) a {
  width: 64px;
  display: inline-block;
  border: 2px solid transparent;
  padding-bottom: 10px;
}
#gondomarPage #headerGondomar .menus .menu span:not(:last-child):hover:not(:last-child) {
  cursor: pointer;
}
#gondomarPage #headerGondomar .menus .menu span:not(:last-child):hover:not(:last-child) a {
  border-bottom: 2px solid white !important;
}
#gondomarPage #headerGondomar .menus .menu span:last-child {
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 100px;
  text-align: center;
  border: 1px solid white;
  display: inline-block;
  padding: 5px 15px 5px 15px;
}
#gondomarPage #headerGondomar .menus .menu span:last-child .icon:hover {
  color: #136aa3 !important;
}
#gondomarPage #headerGondomar .menus .menu span:last-child:last-child {
  border: 1px solid white;
}
#gondomarPage #headerGondomar .menus .menu span:last-child:last-child:hover {
  cursor: pointer;
  background-color: white !important;
  color: #136aa3 !important;
  border: 1px solid white !important;
}
#gondomarPage #headerGondomar .menus2 {
  max-width: 1230px;
  margin: 0 auto;
  position: relative;
  height: 100%;
  display: flex;
}
#gondomarPage #headerGondomar .menus2 .logo {
  position: absolute;
  top: 34px;
  z-index: 1000;
}
#gondomarPage #headerGondomar .menus2 .logo3 {
  position: absolute;
  top: 31px;
  right: 0px;
}
#gondomarPage #headerGondomar .menus2 .selected a:not(.project) {
  border-bottom: 2px solid white !important;
}
#gondomarPage #headerGondomar .menus2 .menu {
  background-image: url("~/Areas/Feed/Content/gondomar/Assets-16(1).png");
  font-size: 13px;
  color: white;
  display: inline-flex;
  margin-top: 135px;
  margin-left: auto;
}
#gondomarPage #headerGondomar .menus2 .menu a {
  color: white;
  text-decoration: none;
}
#gondomarPage #headerGondomar .menus2 .menu span {
  border: 2px solid transparent;
  margin-left: 35px;
  text-align: center;
  display: inline-block;
}
#gondomarPage #headerGondomar .menus2 .menu span a {
  display: inline-flex;
  border: 2px solid transparent;
}
#gondomarPage #headerGondomar .menus2 .menu span a:not(.secondary) {
  padding-bottom: 10px;
}
#gondomarPage #headerGondomar .menus2 .menu span:hover:not(:last-child) {
  cursor: pointer;
}
#gondomarPage #headerGondomar .menus2 .menu span:hover:not(:last-child) a:not(.project) {
  border-bottom: 2px solid white !important;
}
#gondomarPage #headerGondomar .menus2 .menu .ja-dropdown .ja-dropdown-inner {
  top: 42px;
  right: -16px;
}
#gondomarPage #headerGondomar .menus2 .menu .ja-dropdown .ja-dropdown-inner form {
  margin-left: auto;
}
#gondomarPage #headerGondomar .menus2 .menu .ja-dropdown .toggle {
  top: 40px;
  right: 0px;
  height: -16px;
  width: 100%;
}
#gondomarPage #headerGondomar .menus2 .menu .p-r-16 {
  padding-right: 16px;
}
#gondomarPage #headerGondomar .menus2 .menu .tb-dropdown ul,
#gondomarPage #headerGondomar .menus2 .menu .tb-dropdown li {
  list-style-type: none;
}
#gondomarPage #headerGondomar .menus2 .menu .tb-dropdown .arrow {
  display: none;
  position: absolute;
  right: 4px;
  top: 34px;
  z-index: 200;
  width: 16px;
  height: 8px;
}
#gondomarPage #headerGondomar .menus2 .menu .tb-dropdown ul {
  background-color: white;
  width: 200px;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  right: -9px;
  top: 42px;
}
#gondomarPage #headerGondomar .menus2 .menu .tb-dropdown ul .li-start {
  height: 10px;
  border-bottom: 1px solid #f0f0f0;
}
#gondomarPage #headerGondomar .menus2 .menu .tb-dropdown ul .li-end {
  height: 10px;
}
#gondomarPage #headerGondomar .menus2 .menu .tb-dropdown ul .li-normal {
  height: 40px;
  border-bottom: 1px solid #f0f0f0;
  font-size: 13px;
  font-weight: 600;
  display: flex;
  align-items: center;
}
#gondomarPage #headerGondomar .menus2 .menu .tb-dropdown ul .li-normal:hover {
  background-color: whitesmoke;
}
#gondomarPage #headerGondomar .menus2 .menu .tb-dropdown ul .li-normal a {
  color: #424242;
  text-decoration: none;
  margin-left: auto;
  height: 100%;
  display: flex;
  align-items: center;
}
#gondomarPage #headerGondomar .menus2 .menu .tb-dropdown ul .li-normal a .icon {
  padding-top: 3px;
  padding-left: 8px;
  padding-right: 8px;
}
#gondomarPage .area {
  margin-top: 57px;
  margin-left: 5%;
  margin-right: 5%;
}
.goDown {
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 1000;
}
.goDown:hover {
  cursor: pointer;
}
.force-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2000;
  background-color: rgba(0, 0, 0, 0.5);
  /*dim the background*/

}
/* just some content with arbitrary styles for explanation purposes */

.force-main {
  width: 600px;
  min-height: 250px;
  position: fixed;
  top: 100px;
  left: 50%;
  margin-top: 0px;
  margin-left: -300px;
  background-color: white;
  border-radius: 10px;
  text-align: center;
  z-index: 2001;
  /* 1px higher than the overlay layer */

}
.force-main .title {
  margin-top: 42px;
  font-size: 20px;
  color: #424242;
}
.force-main .subtext {
  padding-top: 46px;
  font-size: 14px;
  color: #424242;
  width: 450px;
  margin: 0 auto;
}
.force-main .subtextdown {
  padding-top: 2px;
  font-size: 12px;
  color: #424242;
  width: 260px;
  margin: 0 auto;
}
.force-main .input-area {
  font-size: 14px;
  color: #424242;
  margin-top: 50px;
}
.force-main .input-area .label {
  font-size: 14px;
  color: #424242;
  text-align: right;
  font-weight: 400;
}
.force-main .input-area .errorMessage {
  font-size: 12px;
  color: #424242;
}
.force-main .input-area .form_group {
  text-align: right;
  margin-bottom: 40px;
  padding-right: 100px;
}
.force-main .input-area .form_group .errorInput {
  border: 1px solid #ff7f7f !important;
  background-color: #fff0f0 !important;
}
.force-main .input-area .form_group .validInput {
  background-color: #e4ffcd !important;
}
.force-main .input-area .form_group .validEmail {
  font-size: 12px;
}
.force-main .input-area .form_group input[type="text"] {
  background-color: #eeeeee;
  padding-left: 10px;
  margin-left: 12px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #d6d6d6;
  height: 36px;
  border: 1px solid #e5e5e5;
}
.force-main .input-area .form_group input[type="text"]:focus {
  outline-width: 0;
}
.force-main .input-area .form_group input[type="password"] {
  width: 300px !important;
}
.force-main .input-area .form_group input[type="text"] {
  width: 360px !important;
}
.force-main .btnArea {
  margin-top: 40px;
  margin-bottom: 40px;
  text-align: center;
}
.force-main .btnArea .btn-force {
  width: 120px;
  height: 40px;
  font-size: 14px;
  font-weight: 700;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  display: inline-flex;
  justify-content: center;
}
.force-main .btnArea .btn-force span {
  text-align: center;
  align-self: center;
  vertical-align: middle;
}
.force-main .btnArea .btn-force:hover {
  cursor: pointer;
}
.force-main .btnArea .saveBtn {
  border: 1px solid #047dea;
  background-color: #047dea;
  color: white;
}
.force-main .btnArea .quitBtn {
  margin-left: 18px;
  border: 1px solid #047dea;
  background-color: white;
  color: #047dea;
}
/* SET PASSWORD  */

#setPasswordScreen {
  position: absolute;
  z-index: 3000;
  color: white;
  margin: auto;
  display: flex;
  justify-content: center;
  width: 100%;
  flex-direction: column;
  flex-wrap: wrap;
  top: 0;
}
#setPasswordScreen .password-width {
  width: 944px;
  height: 100%;
  display: flex;
  align-items: center;
  margin: auto;
  justify-content: center;
  padding-top: 10px;
}
#setPasswordScreen .password-header {
  background-color: #3775fb;
  height: 120px;
  color: white;
  font-size: 18px;
  box-shadow: 0 20px 12px 0px #2155f9;
  /*.password-right {
            margin-left: auto;
            padding-right: 16px;

            .unlight {
                color: #80a9d9;
            }
        }

        .password-left {
            padding-left: 16px;
            text-align: center;
        }*/

}
#setPasswordScreen .password-header .Step.first .numb {
  margin-left: 0px !important;
}
#setPasswordScreen .password-header .Step.first .text {
  margin-left: 18px;
  margin-right: 24px;
}
#setPasswordScreen .password-header .stepsArea {
  display: flex;
}
#setPasswordScreen .password-header .Step {
  font-weight: bold;
  display: inline-flex;
  align-items: center;
}
#setPasswordScreen .password-header .Step .icon {
  font-size: 40px;
}
#setPasswordScreen .password-header .Step .numb {
  font-size: 39px;
  color: #6efdf3;
  margin-left: 20px;
}
#setPasswordScreen .password-header .Step .text {
  padding-top: 3px;
  max-width: 187px;
  font-size: 13px;
  line-height: 16px;
  margin-left: 26px;
}
#setPasswordScreen .password-header .unlight {
  color: #6192fc !important;
}
#setPasswordScreen .password-header .unlight span {
  color: #6192fc !important;
}
#setPasswordScreen a {
  text-decoration: none;
  color: inherit;
}
#setPasswordScreen .p-controlwidthConfirm {
  padding-left: 40px;
  padding-right: 40px;
  margin: auto;
}
#setPasswordScreen .p-controlwidth {
  width: 944px;
  margin: auto;
}
#setPasswordScreen .p-controlwidth.step2 {
  width: auto !important;
}
#setPasswordScreen .p-controlwidth.step2 .p-logout {
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 17px !important;
}
#setPasswordScreen .p-controlwidth.step2 .p-logout div {
  width: auto;
}
#setPasswordScreen .preferences {
  text-align: left;
  margin-top: 29px;
}
#setPasswordScreen .preferences .list {
  width: 944px;
  background-color: #4082fc;
  height: 88px;
  vertical-align: middle;
  padding-top: 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#setPasswordScreen .preferences .list .elem {
  display: flex;
  margin-top: 2px;
  align-items: center;
  margin-left: 16px;
}
#setPasswordScreen .preferences .list .elem .opac {
  opacity: 0.5;
}
#setPasswordScreen .preferences .list .elem .icon {
  font-size: 18px;
  color: #ebf1ff;
  margin-right: 18px;
  display: inline-flex;
}
#setPasswordScreen .preferences .list .elem .icon:hover {
  cursor: pointer;
}
#setPasswordScreen .preferences .list .elem .text-opac {
  font-size: 11px;
  color: #ebf1ff;
}
#setPasswordScreen .preferences .list .elem .text.footerLink {
  margin-top: 2px;
  margin-left: 36px;
}
#setPasswordScreen .preferences .list .elem .text.footerLink a {
  text-decoration: underline !important;
}
#setPasswordScreen .preferences .list .elem .text {
  font-size: 11px;
  color: #ebf1ff;
}
#setPasswordScreen .p-logout {
  font-size: 13px;
  font-weight: 400;
  padding-left: 24px;
  padding-right: 39px;
  display: table-cell;
  justify-content: center;
  line-height: 8px;
  vertical-align: middle;
  height: 56px;
}
#setPasswordScreen .p-logout div {
  width: 148px;
}
#setPasswordScreen .p-logout:hover {
  text-decoration: none;
}
#setPasswordScreen .p-summary-errors {
  background-color: #ffd8ce;
  color: #ff3e0b;
  width: 100%;
  -webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.2);
  margin: auto;
  text-align: left;
  align-items: center;
  min-height: 32px;
  margin-top: 8px;
  margin-bottom: -8px;
  display: none;
  font-size: 14px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-weight: 600;
}
#setPasswordScreen .p-summary-errors div {
  padding: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#setPasswordScreen .error-reg {
  margin-bottom: -10px;
  margin-top: 30px;
  display: flex;
  padding: 10px;
}
#setPasswordScreen .p-icon {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 2px solid white;
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  margin-bottom: 15px;
}
#setPasswordScreen .p-title {
  font-size: 28px;
}
#setPasswordScreen .p-subtitle {
  padding-top: 70px;
  font-size: 18px;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
#setPasswordScreen .p-subtitle2 {
  padding-top: 65px;
  font-weight: 600;
  font-size: 16px;
  display: flex;
  flex-direction: column;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
#setPasswordScreen .p-subtitle2 a {
  font-weight: 700;
}
#setPasswordScreen .p-subtitle2 a:hover {
  cursor: pointer;
}
#setPasswordScreen .p-info {
  font-size: 13px;
  font-weight: 600;
  color: #ebf1ff;
  text-align: left;
  margin: auto;
  display: flex;
}
#setPasswordScreen .p-info-2 {
  padding-top: 25px;
  font-size: 13px;
  width: 824px;
  text-align: left;
  margin: auto;
  display: flex;
}
#setPasswordScreen .p-info-2 a {
  font-weight: 700;
}
#setPasswordScreen .p-button.mural {
  margin-top: 40px;
  margin-bottom: 160px;
}
#setPasswordScreen .p-button {
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  padding-left: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  width: 264px;
  height: 64px;
  font-size: 20px;
  font-weight: 700;
  margin-top: 32px;
  margin-bottom: 36px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #3affd6;
  color: #1545ae;
  text-align: center;
}
#setPasswordScreen .p-button .icon {
  font-size: 40px;
}
#setPasswordScreen .p-button:hover {
  cursor: pointer;
}
#setPasswordScreen .p-validation-message {
  margin: auto;
  display: flex;
  width: 824px;
}
#setPasswordScreen .p-border {
  margin-top: 50px;
  border-bottom: 1px solid #459aff;
}
#setPasswordScreen .p-info-text.confirmedMail {
  height: 280px;
  width: 560px;
  min-height: 0px;
  margin-bottom: 48px;
}
#setPasswordScreen .p-info-text {
  margin-top: 48px;
  display: flex;
  flex-direction: column;
  text-align: center;
  border: 1px solid #6efdf3;
  background-color: #2e68fa;
  box-shadow: 20px 20px 12px 0 #2a62fa;
  border-radius: 4px;
  width: 520px;
  min-height: 520px;
  margin-bottom: 80px;
}
#setPasswordScreen .p-info-text .block1 {
  display: flex;
  justify-content: center;
  margin-right: 18px;
}
#setPasswordScreen .p-info-text .block1 [class^="icon-"] {
  line-height: 40px;
  color: white;
  font-size: 40px;
  display: flex;
  margin-top: 40px;
  margin-bottom: 20px;
}
#setPasswordScreen .p-info-text .block2 {
  display: flex;
  justify-content: center;
  font-size: 18px;
}
#setPasswordScreen .p-info-text .block5 {
  display: flex;
  justify-content: center;
  font-size: 16px;
  margin-top: 30px;
  line-height: 24px;
  padding-left: 89px;
  padding-right: 89px;
  text-align: center;
}
#setPasswordScreen .p-info-text .block6 {
  margin-top: 40px;
  display: block;
  width: 293px;
  margin-left: auto;
  margin-right: auto;
  font-weight: 400;
  font-size: 16px;
}
#setPasswordScreen .p-info-text .block3 {
  display: flex;
  justify-content: center;
  font-size: 13px;
  margin-top: 2px;
}
#setPasswordScreen .p-info-text .p-line {
  margin-top: 32px;
  border-top: 1px solid #2a62fa;
  padding-top: 26px;
  padding-bottom: 12px;
}
#setPasswordScreen .p-info-text .block4 {
  margin-top: 35px;
  display: flex;
  justify-content: center;
  font-size: 21px;
  font-weight: 700;
  color: #6efdf3;
}
#setPasswordScreen .p-info-text .block3:hover {
  text-decoration: underline;
  cursor: pointer;
}
#setPasswordScreen .p-info-text .resendEmail:hover {
  text-decoration: underline;
  cursor: pointer;
}
#setPasswordScreen .p-info-text2 {
  margin-top: 48px;
  display: flex;
  flex-direction: column;
  text-align: center;
  border: 1px solid #6efdf3;
  border-radius: 10px;
  width: 520px;
  min-height: 608px;
  background-color: #2e68fa;
  box-shadow: 20px 20px 12px 0 #2a62fa;
}
#setPasswordScreen .p-info-text2 .block.title {
  width: 408px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  padding-top: 25px;
  font-size: 16px;
}
#setPasswordScreen .p-info-text2 .highlight {
  font-weight: 700;
  color: #6efdf3;
}
#setPasswordScreen .p-info-text2 .p-areaEduc {
  height: 80px;
  width: 408px;
  border-radius: 4px;
  background-color: #3775fb;
  box-shadow: 20px 20px 12px 0 #2357f9;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  padding-left: 24px;
  padding-top: 5px;
  font-size: 16px;
}
#setPasswordScreen .p-info-text2 .p-areaEduc .highlight {
  font-size: 16px;
}
#setPasswordScreen .p-info-text2 .p-areaEduc .block.user {
  font-size: 13px;
  margin-top: 10px;
}
#setPasswordScreen .p-info-text2 .p-areaEduc .block.pass {
  font-size: 13px;
  margin-top: 2px;
}
#setPasswordScreen .p-info-text2 .block1 {
  display: flex;
  justify-content: center;
}
#setPasswordScreen .p-info-text2 .block2 {
  display: flex;
  justify-content: left;
  font-size: 18px;
  font-weight: 600;
}
#setPasswordScreen .p-info-text2 .block5 {
  display: flex;
  justify-content: center;
  font-size: 14px;
}
#setPasswordScreen .p-info-text2 .block3 {
  display: flex;
  justify-content: left;
  font-size: 11px;
}
#setPasswordScreen .p-info-text2 .p-line {
  margin-top: 32px;
  border-top: 1px solid #73b3ff;
  padding-top: 24px;
  padding-bottom: 12px;
  width: 296px;
  margin-left: 40px;
}
#setPasswordScreen .p-info-text2 .block4 {
  margin-top: 30px;
  display: flex;
  justify-content: center;
  font-size: 22px;
}
#setPasswordScreen .p-info-text2 .block3:hover {
  text-decoration: underline;
  cursor: pointer;
}
#setPasswordScreen .p-info-text2 .resendEmail:hover {
  text-decoration: underline;
  cursor: pointer;
}
#setPasswordScreen .p-forms {
  /* Change autocomplete styles in WebKit */

  margin: auto;
  display: flex;
  padding-top: 31px;
  padding-bottom: 10px;
}
#setPasswordScreen .p-forms input:-webkit-autofill,
#setPasswordScreen .p-forms input:-webkit-autofill:focus,
#setPasswordScreen .p-forms textarea:-webkit-autofill,
#setPasswordScreen .p-forms textarea:-webkit-autofill:focus,
#setPasswordScreen .p-forms select:-webkit-autofill,
#setPasswordScreen .p-forms select:-webkit-autofill:focus {
  -webkit-text-fill-color: white;
  -webkit-box-shadow: 0 0 0px 1000px black inset;
  transition: background-color 5000s ease-in-out 0s;
}
#setPasswordScreen .p-forms .p-label {
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
#setPasswordScreen .p-forms .icon {
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
#setPasswordScreen .p-forms .p-showpassword {
  display: inline-flex;
  position: absolute;
  right: 12px;
  font-size: 24px;
  top: 14px;
  color: #8ca4fc;
}
#setPasswordScreen .p-forms .p-showpassword:hover {
  cursor: pointer;
  color: #a6bbfd;
}
#setPasswordScreen .p-forms .p-small-title {
  font-size: 14px;
  font-weight: 600;
  border-bottom: 1px solid #459aff;
  text-align: left;
  padding-bottom: 8px;
}
#setPasswordScreen .p-forms .p-form-area {
  font-size: 11px;
  font-weight: 500;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  /*.iconInfo:active .iconInfoMessage {
                visibility: visible;
            }

            .iconInfo:active img {
                visibility: visible !important;
            }*/

}
#setPasswordScreen .p-forms .p-form-area .p-inputArea {
  position: relative;
}
#setPasswordScreen .p-forms .p-form-area .p-section {
  width: 444px;
  position: relative;
  margin-top: 13px;
}
#setPasswordScreen .p-forms .p-form-area .iconInfo:hover .iconInfoMessage {
  visibility: visible;
}
#setPasswordScreen .p-forms .p-form-area .iconInfo:hover img {
  visibility: visible;
}
#setPasswordScreen .p-forms .p-form-area .iconInfo {
  font-size: 18px;
  color: white;
  margin-top: -4px;
  height: 18px;
  margin-left: 13px;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  position: relative;
}
#setPasswordScreen .p-forms .p-form-area .iconInfo img {
  visibility: hidden;
}
#setPasswordScreen .p-forms .p-form-area .iconInfo .iconInfoMessage {
  font-family: 'Open Sans', sans-serif;
  visibility: hidden;
  width: 120px;
  background-color: white;
  font-size: 13px;
  color: #424242;
  text-align: left;
  padding-left: 12px;
  border-radius: 4px;
  padding-top: 12px;
  line-height: 16px;
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  left: -18px;
  top: 21px;
  width: 252px;
  height: 96px;
}
#setPasswordScreen .p-forms .p-form-area .icon {
  font-size: 24px;
  top: 17px;
  color: #6efdf3;
  left: 16px;
  position: absolute;
  border-radius: 35px;
  height: 23px;
}
#setPasswordScreen .p-forms .p-form-area .p-section.logout {
  width: 200px;
  top: 18px;
  background-color: #4082fc;
  border-radius: 4px;
  color: #ebf1ff;
  height: 56px;
}
#setPasswordScreen .p-forms .p-form-area .p-section-special {
  width: 100%;
}
#setPasswordScreen .p-forms .p-form-area .disabled-input {
  background-color: #2a62fa;
  font-size: 20px;
  box-shadow: 0 0 0 2px #437dfb;
  color: #d4e0fe;
}
#setPasswordScreen .p-forms .p-form-area span:not(.field-validation-error) {
  margin-top: 10px;
  font-size: 13px;
  color: #ebf1ff;
  display: inline-block;
  font-weight: 600;
}
#setPasswordScreen .p-forms .p-form-area .field-validation-error {
  color: #990000;
}
#setPasswordScreen .p-forms .p-form-area input {
  font-size: 16px;
  font-weight: bold;
  padding-left: 55px;
  border: none;
  width: 100%;
  height: 48px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-top: 7px;
  color: white;
  background-color: #2155f9;
  box-shadow: 0 0 0px 2px #5f91fc;
}
#setPasswordScreen .p-forms .p-form-area input:focus {
  outline: none;
  box-shadow: 0 0 0 2px #82c3ff;
  background-color: #0319f3;
}
#setPasswordScreen .p-forms .p-left {
  flex: 1 1 0px;
  -ms-flex: 1;
  margin-right: 8px;
}
#setPasswordScreen .p-forms .p-right {
  margin-left: 8px;
  flex: 1 1 0px;
  -ms-flex: 1;
  display: flex;
  flex-direction: column;
}
.setPasswordFullBack {
  background: #3775fb;
  width: 100%;
  height: 100%;
  z-index: 3000;
  top: 0;
  left: 0;
  position: fixed;
}
.tb-professor {
  height: 88px !important;
}
.tb-secondary {
  height: 40px;
  color: #424242;
  background-color: whitesmoke;
  border-bottom: 1px solid #cccccc;
}
.tb-secondary .tb-column {
  max-width: 1280px;
  margin: 0 auto;
  height: 100%;
  display: flex;
  align-items: center;
  font-size: 13px;
  font-weight: 700;
  justify-content: space-between;
}
.tb-secondary .tb-column .tb-left {
  display: flex;
  align-items: center;
}
.tb-secondary .tb-column .tb-left div {
  display: flex;
  align-items: center;
}
.tb-secondary .tb-column .tb-left a {
  text-decoration: none;
  color: inherit;
}
.tb-secondary .tb-column .tb-left:hover {
  color: #047dea;
  cursor: pointer;
}
.tb-secondary .tb-column .tb-left:hover div {
  color: #047dea !important;
}
.tb-secondary .tb-column .tb-right {
  display: flex;
  align-items: center;
}
.tb-secondary .tb-column .tb-right .selected {
  color: #047dea;
  border-bottom: 4px solid #047dea;
}
.tb-secondary .tb-column .tb-right a {
  text-decoration: none;
  color: inherit;
}
.tb-secondary .tb-column .tb-right span {
  padding-left: 24px;
  padding-right: 24px;
  padding-bottom: 7px;
}
.tb-secondary .tb-column .tb-right span:hover {
  color: #047dea;
  cursor: pointer;
}
[class^="icon-"].middle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
[class^="icon-"].round {
  font-family: fonte-2;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#myApps {
  margin-left: 16px;
  margin-right: 16px;
  margin-top: -8px;
}
#myApps .myApps {
  width: 100%;
  background-color: transparent;
}
#myApps .containerContent {
  background-color: #fafafa;
  margin: 0 auto;
  margin-bottom: 8px;
  width: 816px;
  min-height: 184px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  display: flex;
}
#myApps .containerContent .esqIMG {
  margin-top: 24px;
  margin-left: 24px;
  float: left;
}
#myApps .containerContent .esqIMG img {
  height: 120px;
  border-radius: 24px;
}
#myApps .containerContent .content {
  border-radius: 5px 5px 0 0;
  align-items: center;
  margin-left: 48px;
  margin-bottom: 40px;
}
#myApps .containerContent .content .esqTXT {
  font-family: 'Open Sans', sans-serif;
  margin-top: 32px;
  line-height: 18px;
  width: 376px;
}
#myApps .containerContent .content .esqTXT .Name {
  color: #3775fb;
  font-size: 19px;
  font-weight: 600;
}
#myApps .containerContent .content .esqTXT .SubName {
  color: #707070;
  font-size: 14px;
  font-style: italic;
}
#myApps .containerContent .content .descTXT {
  margin-top: 15px;
  color: #707070;
  font-size: 12px;
  line-height: 16px;
}
#myApps .containerContent .areaLinks {
  width: 100%;
  display: inline-block;
}
#myApps .containerContent .areaLinks .linkApp {
  border-radius: 0 0 5px 5px;
  margin-left: 72px;
  margin-right: 40px;
  margin-top: 8px;
}
#myApps .containerContent .areaLinks .linkApp img {
  margin-top: 24px;
}
#myApps .topBarLogin {
  display: none;
}


/****/
/*******/

.containerClass {
  max-width: 980px;
  padding: 0px !important;
  margin-top: 40px;
}
.menuClasses {
  background-color: #689dcc;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-right: 5px;
  padding: 20px;
}
.menuClasses .selectedT {
  border: 1px solid #d1e1f0 !important;
}
.menuClasses .selectedT .rightArrow {
  display: inline-block;
}
.menuClasses .selectedA {
  background-color: #d0ffff !important;
  border: none !important;
  color: #689dcc !important;
}
.menuClasses .selectedA .rightArrow {
  display: inline-block;
}
.menuClasses .classItem {
  color: white;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid white;
  width: 100%;
  height: 44px;
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 16px;
  display: inline-flex;
}
.menuClasses .classItem span {
  align-self: center;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
  margin-top: 2px;
}
.menuClasses .classItem:hover {
  cursor: pointer;
  border: 1px solid #d1e1f0 !important;
}
.menuClasses .classItem:hover .rightArrow {
  display: inline-block;
}
.menuClasses .classItem .className {
  margin-left: 15px;
}
.menuClasses .classItem .iconArrow {
  margin-left: auto;
  padding-right: 15px;
}
.menuClasses .studentItem {
  color: white;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 100%;
  height: 44px;
  font-size: 13px;
  font-weight: 700;
  display: flex;
  margin-bottom: 16px;
}
.menuClasses .studentItem .avatarIcon {
  padding-left: 14px;
  padding-right: 14px;
  width: 60px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.menuClasses .studentItem .rightArrow {
  margin-left: auto;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  align-self: center;
  margin-right: 10px;
}
.menuClasses .studentItem span {
  align-self: center;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
  margin-top: 2px;
}
.menuClasses .studentItem:hover {
  background-color: #7db1d6;
  cursor: pointer;
}
.mainContainterManageBadges {
  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  background-color: white;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.mainContainterManageBadges .header {
  margin-left: 30px;
  margin-right: 30px;
  font-size: 18px;
  color: #707070;
  border-bottom: 2px solid #e6e6e6;
  height: 65px;
  display: flex;
}
.mainContainterManageBadges .header span {
  vertical-align: middle;
  align-self: center;
}
.mainContainterManageBadges .header img {
  margin-right: 16px;
}
.mainContainterCreateBadges {
  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  background-color: white;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.mainContainterCreateBadges .header {
  margin-left: 30px;
  margin-right: 30px;
  font-size: 18px;
  color: #707070;
  border-bottom: 2px solid #e6e6e6;
  height: 65px;
  display: flex;
}
.mainContainterCreateBadges .header span {
  vertical-align: middle;
  align-self: center;
}
.mainContainterCreateBadges .header img {
  margin-right: 16px;
}
.mainContainterMyClass {
  margin-left: 35px;
  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  background-color: white;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.mainContainterMyClass .header {
  margin-left: 30px;
  margin-right: 30px;
  height: 65px;
  border-bottom: 2px solid #e6e6e6;
}
.mainContainterMyClass .header .mainContainterHeader {
  display: none;
  font-size: 14px;
  font-weight: 700;
  height: 65px;
}
.mainContainterMyClass .header .mainContainterHeader div {
  vertical-align: middle;
  align-self: center;
}
.mainContainterMyClass .header .mainContainterHeader .menuUser {
  margin-left: auto;
}
.mainContainterMyClass .header .mainContainterHeader .menuUser .selected {
  color: #1e94ff;
  cursor: pointer;
}
.mainContainterMyClass .header .mainContainterHeader .menuUser span {
  padding-left: 20px;
  padding-right: 20px;
  color: #a3a3a3;
}
.mainContainterMyClass .header .mainContainterHeader .menuUser span:hover {
  color: #1e94ff;
  cursor: pointer;
}
.mainContainterMyClass .header .mainContainterClassHeader {
  display: none;
  font-size: 14px;
  font-weight: 700;
  height: 65px;
}
.mainContainterMyClass .header .mainContainterClassHeader div {
  vertical-align: middle;
  align-self: center;
}
.mainContainterMyClass .header .mainContainterClassHeader .menuUser {
  margin-left: auto;
}
.mainContainterMyClass .header .mainContainterClassHeader .menuUser .selected {
  color: #1e94ff;
  cursor: pointer;
}
.mainContainterMyClass .header .mainContainterClassHeader .menuUser span {
  padding-left: 20px;
  padding-right: 20px;
  color: #a3a3a3;
}
.mainContainterMyClass .header .mainContainterClassHeader .menuUser span:hover {
  color: #1e94ff;
  cursor: pointer;
}
.mainContainterMyClass .header .mainContainterStudentHeader {
  display: none;
  font-size: 14px;
  font-weight: 700;
  height: 65px;
}
.mainContainterMyClass .header .mainContainterStudentHeader div {
  vertical-align: middle;
  align-self: center;
}
.mainContainterMyClass .header .mainContainterStudentHeader .menuUser {
  margin-left: auto;
}
.mainContainterMyClass .header .mainContainterStudentHeader .menuUser .selected {
  color: #1e94ff;
  cursor: pointer;
}
.mainContainterMyClass .header .mainContainterStudentHeader .menuUser span {
  padding-left: 20px;
  padding-right: 20px;
  color: #a3a3a3;
}
.mainContainterMyClass .header .mainContainterStudentHeader .menuUser span:hover {
  color: #1e94ff;
  cursor: pointer;
}
.mainContainterMyClass .header .mainContainterStudentHeader img {
  height: 36px;
  width: 36px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.mainContainterMyClass .changeArea {
  min-height: 137px;
}
.mainContainterMyClass .changeArea .defaultPage {
  text-align: center;
  margin-top: 48px;
}
.mainContainterMyClass .changeArea .defaultPage .title {
  font-size: 16px;
  font-weight: 600;
  color: #707070;
}
.mainContainterMyClass .changeArea .defaultPage .subtitle {
  font-size: 14px;
  color: #a3a3a3;
  margin-top: 30px;
}
.rankingAreaClass {
  background-color: white;
  padding-left: 30px;
  padding-right: 30px;
}
.rankingAreaClass .menuArea {
  padding-top: 45px;
  font-size: 14px;
  font-weight: 700;
  display: table;
  width: 100%;
  table-layout: fixed;
  color: #a3a3a3;
  margin-bottom: 30px;
}
.rankingAreaClass .menuArea span {
  display: table-cell;
  text-align: center;
  cursor: pointer;
  border-bottom: 2px solid #e6e6e6;
  padding-bottom: 10px;
}
.rankingAreaClass .menuArea span:hover {
  color: #1e94ff;
  border-bottom: 2px solid #1e94ff;
}
.rankingAreaClass .menuArea .selected {
  color: #1e94ff;
  border-bottom: 2px solid #1e94ff;
}
.rankingAreaClass .classesArea .classArea {
  background-color: #e6e6e6;
  border: 1px solid #e0e0e0;
  height: 60px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-bottom: 10px;
  display: flex;
}
.rankingAreaClass .classesArea .classArea span {
  align-self: center;
  vertical-align: middle;
}
.rankingAreaClass .classesArea .classArea .number {
  padding-left: 16px;
  font-size: 18px;
}
.rankingAreaClass .classesArea .classArea .name {
  font-size: 14px;
  color: #424242;
}
.rankingAreaClass .classesArea .classArea .name img {
  width: 32px;
  margin-left: 20px;
  margin-right: 12px;
  -webkit-border-radius: 32px;
  -moz-border-radius: 32px;
  border-radius: 32px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.rankingAreaClass .classesArea .classArea .progressBarStudent {
  align-self: center;
  vertical-align: middle;
  float: right;
  margin-left: auto;
  padding-right: 20px;
}
.rankingAreaClass .classesArea .classArea .progressBarStudent img {
  margin-right: -10px;
  z-index: 10000;
  position: relative;
}
.rankingAreaClass .classesArea .classArea .progressBarStudent .progress {
  display: inline-flex;
  margin-bottom: 0 !important;
  width: 300px;
}
.rankingAreaClass .classesArea .classArea:nth-child(-n+3) .number {
  color: #424242;
  font-weight: 700;
}
.btnSetBadge:hover {
  border: 1px solid white !important;
  color: white !important;
}
.manageBadgesMain {
  background-color: white;
  min-height: 160px;
}
.manageBadgesMain .tabUp {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
}
.manageBadgesMain .dropdown img {
  top: -61px;
}
.manageBadgesMain .dropdown:hover .settingsContainer {
  display: block;
}
.manageBadgesMain .dropdown .settingsContainer {
  display: none;
}
.manageBadgesMain .settingsContainer {
  font-size: 14px;
  color: #333333;
  text-align: right;
  list-style-type: none;
  position: absolute;
  background: white;
  top: -44px;
  right: -18px;
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.26);
  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.26);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.26);
}
.manageBadgesMain .settingsContainer .helperCenter {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.manageBadgesMain .settingsContainer a {
  color: #333333;
}
.manageBadgesMain .settingsContainer li {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px 10px 0px 10px;
  height: 30px;
}
.manageBadgesMain .settingsContainer li:first-child {
  border-bottom: 1px solid #e6e6e6;
  height: 31px;
}
.manageBadgesMain .settingsContainer li:hover {
  background-color: #e6e6e6;
}
.manageBadgesMain .badgeSquare {
  height: 128px;
  width: 128px;
  position: relative;
  align-items: center;
  justify-content: center;
  display: flex;
}
.manageBadgesMain .badgeSquare:hover {
  background-color: #ebebeb;
  cursor: pointer;
}
.manageBadgesMain .selected {
  background-color: white;
}
.manageBadgesMain .badgeImage {
  display: flex;
  width: 88px;
}
.manageBadgesMain .chooseTitle {
  display: none;
  height: 90px;
  color: white;
  background-color: #333333;
}
.manageBadgesMain .chooseTitle .helperCenter {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.manageBadgesMain .chooseTitle span {
  padding-left: 25px;
  font-size: 16px;
}
.manageBadgesMain .chooseButton {
  display: none;
  background-color: #4d4d4d;
  height: 76px;
  color: white;
}
.manageBadgesMain .chooseButton .helperCenter {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.manageBadgesMain .chooseButton .btnSetBadge {
  padding: 8px 20px 6px 20px;
  height: 36px;
  color: white !important;
  font-size: 14px;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  border-radius: 16px;
  font-weight: 600;
  border: 1px solid #4d4d4d;
}
.manageBadgesMain .chooseButton .btnSetBadge:hover {
  border: 1px solid white;
}
.manageBadgesMain .chooseList {
  display: none;
  background-color: #4d4d4d;
  color: white;
}
.manageBadgesMain .chooseList .selectedRow {
  background-color: #666666;
}
.manageBadgesMain .chooseList .listItem {
  height: 66px;
}
.manageBadgesMain .chooseList .listItem div {
  height: 100%;
}
.manageBadgesMain .chooseList .listItem div .helperCenter {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.manageBadgesMain .chooseList .listItem:hover {
  cursor: pointer;
  background-color: #666666;
}
.manageBadgesMain .chooseList .listItemClass {
  height: 66px;
}
.manageBadgesMain .chooseList .listItemClass div {
  height: 100%;
}
.manageBadgesMain .chooseList .listItemClass div .helperCenter {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.manageBadgesMain .chooseList .listItemClass:hover {
  cursor: pointer;
  background-color: #666666;
}
.infoBar {
  padding-right: 30px;
  color: white;
  padding-left: 30px;
  height: 80px;
  background-color: #333333;
}
.infoBar .helperCenter {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.secondInfoBar {
  height: 68px;
  background-color: #333333;
  color: white;
}
.secondInfoBar .insideBar {
  height: 100%;
  border-bottom: 1px solid #4d4d4d;
  margin-left: 30px;
  margin-right: 30px;
}
.secondInfoBar .insideBar .columnSelected {
  color: white;
  z-index: 100;
  height: 100%;
  text-align: center;
  border-bottom: 1px solid #00b5ff;
  cursor: pointer;
}
.secondInfoBar .insideBar .columnSelected .number {
  color: #00b5ff;
}
.secondInfoBar .insideBar .column {
  color: #666666;
  height: 100%;
  z-index: 100;
  text-align: center;
  cursor: pointer;
}
.secondInfoBar .insideBar .column .number {
  color: #1f6785;
}
.secondInfoBar .helperCenter {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.dropdownBar {
  height: 68px;
  background-color: #333333;
  border-bottom: 1px solid #4d4d4d;
}
.dropdownBar .insideBar {
  height: 100%;
  display: inline;
  margin-left: 30px;
  margin-right: 30px;
}
.dropdownBar .insideBar .outBtn {
  height: 32px;
  width: 350px;
  padding: 6px;
  position: absolute;
  right: 30px;
  top: 17px;
}
.dropdownBar .insideBar .outBtn .btnSetBadge {
  margin-left: 20px;
  margin-right: 40px;
  padding: 5px 10px 5px 10px;
  text-align: center;
  color: #999999;
  font-size: 14px;
  border: 1px solid #999999;
  cursor: pointer;
}
.dropdownBar .dropZone {
  display: inline;
  position: absolute;
  right: 30px;
  top: 24px;
}
.dropdownBar .dropZone .dropdownNodes {
  height: 32px;
  padding: 6px 16px 6px 16px;
  cursor: pointer;
  font-weight: 600;
  position: relative;
}
.dropdownBar .dropZone .dropdownNodes:hover .dropNodesContainer {
  display: block;
}
.dropdownBar .dropZone .dropdownNodes .text {
  margin-right: 11px;
  text-align: center;
  color: #999999;
}
.dropdownBar .dropZone .dropdownNodes:hover {
  background-color: #4d4d4d;
}
.dropdownBar .dropZone .dropdownNodes:hover .text {
  color: white;
}
.dropdownBar .dropZone .dropdownNodes .dropNodesContainer {
  display: none;
  color: #999999;
  text-align: right;
  list-style-type: none;
  position: absolute;
  background-color: #4d4d4d;
  top: 31px;
  right: 0px;
  z-index: 100;
}
.dropdownBar .dropZone .dropdownNodes .dropNodesContainer .helperCenter {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.dropdownBar .dropZone .dropdownNodes .dropNodesContainer a {
  color: #333333;
}
.dropdownBar .dropZone .dropdownNodes .dropNodesContainer li {
  padding: 0px 10px 0px 10px;
  min-height: 32px;
}
.dropdownBar .dropZone .dropdownNodes .dropNodesContainer li:hover {
  background-color: white;
}
.dropdownBar .helperCenter {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.mainArea {
  background-color: #333333;
  color: white;
}
.mainArea ul {
  list-style-type: none;
}
.mainArea li {
  padding-left: 50px;
  height: 66px;
}
.mainArea li .helperCenter {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.mainArea li:hover {
  background-color: #404040;
  cursor: pointer;
}
.mainArea li .labelName {
  padding-left: 30px;
}
.mainArea li .labelName2 {
  padding-left: 25px;
}
.mainArea li .img-student {
  margin-left: 25px;
}
.mainArea .selectedLi {
  background-color: #4d4d4d;
}
.mainArea .selectedLiUnselectable {
  background-color: #404040;
  color: gray;
}
.mainAreaCodes {
  background-color: #333333;
  color: white;
}
.mainAreaCodes ul {
  list-style-type: none;
}
.mainAreaCodes li {
  height: 66px;
}
.mainAreaCodes li .helperCenter {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.mainAreaCodes li div:hover {
  background-color: #404040;
  cursor: pointer;
}
.mainAreaCodes li .labelName {
  padding-left: 30px;
}
.mainAreaCodes li .labelName2 {
  padding-left: 25px;
}
.mainAreaCodes li .img-student {
  margin-left: 25px;
}
.mainAreaCodes .selectedLi {
  background-color: #4d4d4d;
}
.mainAreaCodes .selectedLiUnselectable {
  background-color: #404040;
  color: gray;
}
.loaderDiv {
  margin-left: 50%;
  padding-top: 60px;
}
.loaderDiv2 {
  margin-left: 50%;
  padding-top: 140px;
}
.loader {
  color: #54c1ed;
  font-size: 15px;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  text-indent: -9999em;
  -webkit-animation: load4 1.3s infinite linear;
  animation: load4 1.3s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
@-webkit-keyframes load4 {
  0%, 100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}
@keyframes load4 {
  0%, 100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}
.manageCodesMain .chooseTempCodesArea #btnRemoveAreaCode {
  float: right;
  font-size: 21px;
  margin-left: 11px;
  margin-top: 8px;
  cursor: pointer;
  opacity: 0.5;
  height: 27px;
}
.manageCodesMain .chooseTempCodesArea #btnRemoveAreaCode:hover {
  opacity: 1;
}
.manageCodesMain .chooseTempCodesArea .tempCodesMenuRow {
  display: flex;
  justify-content: center;
  text-align: center;
  line-height: 40px;
  height: 40px;
  margin-top: 24px;
}
.manageCodesMain .chooseTempCodesArea .tempCodesMenuRow div {
  width: 296px;
  border-bottom: 2px solid #3775fb;
  font-weight: 700;
  font-size: 13px;
  color: #3775fb;
  cursor: pointer;
}
.manageCodesMain .chooseTempCodesArea .tempCodesMenuRow .selected {
  background-color: #3775fb;
  color: white;
}
.manageCodesMain .chooseTempCodesArea .selectTurmasArea {
  margin-top: 34px;
  margin-left: 48px;
}
.manageCodesMain .chooseTempCodesArea .selectTurmasArea .dropdownSelect.disabled {
  background-color: #ebebeb;
  pointer-events: none;
  color: #707070;
}
.manageCodesMain .chooseTempCodesArea .selectTurmasArea .dropdownSelect {
  padding-right: 8px;
  margin-left: 4px;
  height: 40px;
  width: 196px;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #d6d6d6;
  background-color: whitesmoke;
  margin-top: 19px;
  cursor: pointer;
}
.manageCodesMain .chooseTempCodesArea .selectTurmasArea .dropdownSelect .dropdown-content.show-drop {
  display: block;
}
.manageCodesMain .chooseTempCodesArea .selectTurmasArea .dropdownSelect .titleDrop {
  padding-left: 16px;
}
.manageCodesMain .chooseTempCodesArea .selectTurmasArea .dropdownSelect .dropdown-content {
  display: none;
  position: absolute;
  background-color: white;
  min-width: 194px;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  color: #424242;
  top: 415px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: right;
  max-height: 560px;
  overflow: scroll;
}
.manageCodesMain .chooseTempCodesArea .selectTurmasArea .dropdownSelect .dropdown-content a {
  padding-right: 16px;
  display: flex;
  align-items: center;
  height: 40px;
  font-size: 13px;
  font-weight: 600;
  color: #424242;
  padding-left: 16px;
}
.manageCodesMain .chooseTempCodesArea .selectTurmasArea .dropdownSelect .dropdown-content a:hover {
  text-decoration: none;
  background-color: #f0f0f0;
}
.manageCodesMain .chooseTempCodesArea .selectTurmasArea .turmasSelectedArea {
  margin-top: 44px;
  line-height: 32px;
}
.manageCodesMain .chooseTempCodesArea .selectTurmasArea .turmasSelectedArea .turmasSelected {
  display: inline-flex;
  float: left;
  align-items: center;
  color: #707070;
  font-size: 11px;
  font-weight: 600;
}
.manageCodesMain .chooseTempCodesArea .selectTurmasArea .turmasSelectedArea .turmasSelected .tagTurma {
  justify-content: center;
  background-clip: padding-box;
  background-color: #4d4d4d;
  height: 24px;
  width: 114px;
  font-size: 12px;
  font-weight: 600;
  color: white;
  display: inline-flex;
  border-radius: 12px;
  align-items: center;
  margin-left: 12px;
}
.manageCodesMain .chooseTempCodesArea .selectTurmasArea .turmasSelectedArea .btnContinuarTempCode {
  background-color: #fc622b;
  width: 104PX;
  height: 32px;
  display: flex;
  border-radius: 4px;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 700;
  color: white;
  margin-right: 48px;
  cursor: pointer;
}
.manageCodesMain .chooseTempCodesArea .selectTurmasArea .turmasSelectedArea .btnContinuarTempCode.disabled {
  background-color: #fda180;
  pointer-events: none;
}
.manageCodesMain .chooseTempCodesArea .codesTempArea {
  margin-top: 38px;
  margin-left: 48px;
}
.manageCodesMain .turmaCodesArea {
  margin-left: 48px;
  margin-top: 32px;
  margin-right: 48px;
}
.manageCodesMain .turmaCodesArea .tableAlunosTurma {
  margin-top: 31px;
  margin-left: 16px;
}
.manageCodesMain .turmaCodesArea .tableAlunosTurma th {
  font-size: 9px;
  color: #a3a3a3;
  padding-bottom: 12px;
}
.manageCodesMain .turmaCodesArea .tableAlunosTurma td {
  font-size: 13px;
  color: #424242;
  line-height: 24px;
}
.manageCodesMain .turmaCodesArea .titleTurma {
  border: 1px solid #d6d6d6;
  padding-top: 5px;
  padding-bottom: 7px;
  padding-left: 24px;
  color: #424242;
  font-weight: 600;
}
.manageCodesMain .turmaCodesArea .titleTurma [class^="icon-"] {
  padding-right: 16px;
  font-size: 24px;
  cursor: pointer;
  font-weight: 500;
}
.manageCodesMain .turmaCodesArea .createCodeArea {
  background-color: #f0f0f0;
  min-height: 184px;
  padding-left: 17px;
  padding-top: 27px;
  font-size: 13px;
  font-weight: 600;
  color: #424242;
}
.manageCodesMain .turmaCodesArea .CodeArea {
  background-color: #f0f0f0;
  min-height: 184px;
  padding-left: 17px;
  padding-top: 27px;
  padding-bottom: 33px;
}
.manageCodesMain .turmaCodesArea .timeCodeArea {
  margin-top: 28px;
  margin-bottom: 32px;
  font-weight: 700;
  font-size: 13px;
  color: #707070;
  display: flex;
  align-items: center;
}
.manageCodesMain .turmaCodesArea .timeCodeArea .selected {
  background-color: #4d4d4d;
  color: white;
}
.manageCodesMain .turmaCodesArea .timeCodeArea span {
  height: 32px;
  border: 1px solid #b2b2b2;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
  color: #424242;
}
.manageCodesMain .turmaCodesArea .timeCodeArea .btnGerarCodigo {
  background-color: #fc622b;
  width: 120PX;
  height: 32px;
  display: flex;
  border-radius: 4px;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  color: white;
  margin-left: auto;
  margin-right: 16px;
  cursor: pointer;
  padding-bottom: 1px;
}
.manageCodesMain .turmaCodesArea .timeCodeArea .btnGerarNovoCodigo {
  background-color: #fc622b;
  width: 136PX;
  height: 32px;
  display: flex;
  border-radius: 4px;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  color: white;
  margin-left: auto;
  margin-right: 16px;
  cursor: pointer;
  padding-bottom: 1px;
}
.manageCodesMain .turmaCodesArea .timeCodeArea .TempCode {
  width: 112px;
  height: 40px;
  background-color: #4d4d4d;
  color: white;
  text-align: center;
  line-height: 40px;
  font-size: 16px;
}

/****/
/******/

.leftColumnProject {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.06);
  background-color: white;
  padding-left: 32px;
  padding-right: 32px;
}
.leftColumnProject .banner {
  width: 100%;
}
.leftColumnProject .title {
  padding-top: 25px;
  font-size: 18px;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 30px;
}
.leftColumnProject .banner {
  padding-bottom: 30px;
}
.leftColumnProject .text {
  font-size: 14px;
  color: #424242;
  padding-bottom: 100px;
}
.start_block {
  margin-top: 30px;
}

.menuPublish .selectTick,
.menuView .selectTick {
  margin-right: 10px;
}
.menuPublish .rowName,
.menuView .rowName {
  margin-left: 12px;
}
.menuPublish ul,
.menuView ul {
  list-style-type: none;
}
.menuPublish .rowEntity:hover,
.menuView .rowEntity:hover {
  cursor: pointer;
}

/************************/

.tb-logo {
  padding-left: 16px;
  padding-right: 40px;
}
.tb-left-link {
  color: white;
  position: absolute;
  padding-left: 24px;
  font-size: 14px;
  font-weight: 600;
  display: flex;
  align-items: center;
  height: 96px;
}
.tb-left-link a {
  text-decoration: none;
  color: inherit;
  align-items: center;
  display: flex;
}
.tb-main {
  height: 96px;
  background-color: #047dea;
}
.tb-main .tb-column {
  max-width: 1280px;
  margin: 0 auto;
  height: 100%;
  display: flex;
  align-items: center;
}
.tb-main .tb-column-reduced {
  width: 1024px !important;
}
.tb-main .tb-bar {
  height: 100%;
  border-left: 1px solid #2c92ed;
}
.tb-main .tb-userarea {
  width: 80px;
  background-color: #025de0;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tb-main .tb-menu {
  display: flex;
  margin-left: auto;
  font-size: 13px;
  color: white;
  font-weight: 600;
}
.tb-main .tb-menu .ja-dropdown .ja-dropdown-inner {
  top: 58px;
  right: -16px;
}
.tb-main .tb-menu .ja-dropdown .ja-dropdown-inner form {
  margin-left: auto;
}
.tb-main .tb-menu .ja-dropdown .toggle {
  top: 40px;
  right: 0px;
  height: -16px;
  width: 100%;
}
.tb-main .tb-menu .p-r-16 {
  padding-right: 16px;
}
.tb-main .tb-menu .tb-dropdown ul,
.tb-main .tb-menu .tb-dropdown li {
  list-style-type: none;
}
.tb-main .tb-menu .tb-dropdown .arrow {
  display: none;
  position: absolute;
  right: 10px;
  top: 50px;
  z-index: 200;
  width: 16px;
  height: 8px;
}
.tb-main .tb-menu .tb-dropdown ul {
  background-color: white;
  width: 200px;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.tb-main .tb-menu .tb-dropdown ul .li-start {
  height: 10px;
  border-bottom: 1px solid #f0f0f0;
}
.tb-main .tb-menu .tb-dropdown ul .li-end {
  height: 10px;
}
.tb-main .tb-menu .tb-dropdown ul .li-normal {
  height: 40px;
  border-bottom: 1px solid #f0f0f0;
  font-size: 13px;
  font-weight: 600;
  display: flex;
  align-items: center;
}
.tb-main .tb-menu .tb-dropdown ul .li-normal:hover {
  background-color: whitesmoke;
}
.tb-main .tb-menu .tb-dropdown ul .li-normal a {
  color: #424242;
  text-decoration: none;
  margin-left: auto;
  height: 100%;
  display: flex;
  align-items: center;
}
.tb-main .tb-menu .tb-dropdown ul .li-normal a .icon {
  padding-top: 3px;
  padding-left: 8px;
  padding-right: 8px;
}
.tb-main .tb-menu .c-selected {
  background-color: #0587ed;
}
.tb-main .tb-menu .tb-menu-elem {
  height: 40px;
  margin-left: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.tb-main .tb-menu .tb-menu-elem a {
  text-decoration: none;
  color: white;
}
.tb-main .tb-menu .tb-menu-elem img {
  width: 24px;
  height: 24px;
}
.tb-main .tb-menu .tb-menu-elem:hover:not(.tb-login-btn) {
  background-color: #0587ed;
}
.tb-main .tb-menu .tb-menu-elem:hover {
  cursor: pointer;
}
.tb-main .tb-menu .tb-login-btn {
  background-color: white;
  color: #047de8;
  font-weight: 700;
}
.tb-main .tb-menu .tb-elem-p-16 {
  padding-left: 16px;
  padding-right: 16px;
}
.tb-main .tb-menu .tb-elem-p-8 {
  padding-left: 8px;
  padding-right: 8px;
}
.options {
  position: absolute;
  right: 16px;
  top: 16px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  display: flex;
}
.options .icon {
  margin-right: 0px !important;
  opacity: 0.5;
}
.options:hover {
  background-color: #f0f0f0;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 32px;
  height: 32px;
  cursor: pointer;
}
.options:hover .icon {
  opacity: 0.5;
}
.m-post-super .post {
  background-color: white;
  width: 544px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  display: inline-block;
  position: relative;
}
.m-post-super .post .topPost {
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 16px;
  padding-bottom: 16px;
  font-size: 12px;
  position: relative;
  width: 100%;
  display: inline-flex;
  align-items: center;
}
.m-post-super .post .topPost .loggedusernew {
  width: 56px;
  height: 56px;
}
.m-post-super .post .topPost .loggedusernew img {
  width: 56px;
  height: 56px;
}
.m-post-super .post .topPost .userInfo {
  display: inline-block;
  font-size: 13px;
}
.m-post-super .post .topPost .userInfo .first-line {
  padding-bottom: 4px;
}
.m-post-super .post .topPost .userInfo .second-line {
  display: flex;
  align-items: center;
}
.m-post-super .post .topPost .userInfo .name {
  font-weight: 700;
  color: #424242;
}
.m-post-super .post .topPost .userInfo .typeDate {
  color: #707070;
  padding-right: 8px;
}
.m-post-super .post .topPost .userInfo .icon {
  margin-right: 8px;
}
.m-post-super .post .topPost .userInfo .tooltipCustom {
  display: flex;
}
.m-post-super .post .topPost .nodeView {
  display: inline-flex;
  align-items: center;
  padding-left: 12px;
}
.m-post-super .post .topPost .nodeView img {
  width: 12px;
  height: 12px;
}
.m-post-super .post .image img {
  width: 100%;
  height: auto;
  margin-bottom: 2px;
}
.m-post-super .post .imageNew .mid {
  width: 50%;
  height: 50%;
  float: left;
}
.m-post-super .post .imageNew .alt {
  width: 50%;
  height: 100%;
  float: left;
}
.m-post-super .post .imageNew .br-r {
  border-right: 1px solid white;
}
.m-post-super .post .imageNew .br-l {
  border-left: 1px solid white;
}
.m-post-super .post .imageNew .br-t {
  border-top: 1px solid white;
}
.m-post-super .post .imageNew .br-b {
  border-bottom: 1px solid white;
}
.m-post-super .post .imageNew img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.m-post-super .post .imageClick:hover {
  cursor: pointer;
}
.m-post-super .post .blueCircle {
  background-color: #a3a3a3;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  position: relative;
  display: inline-block;
  margin-left: 6px;
  cursor: pointer;
}
.m-post-super .post .blueCircle img {
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.m-post-super .post .blueCircle:hover {
  background-color: gray;
}
.m-post-super .post .blueCircle:hover .smallCircle {
  background-color: gray;
}
.m-post-super .post .bottomPost {
  padding: 16px 16px 0px 16px;
}
.m-post-super .post .bottomPost .title {
  font-weight: 700;
  font-size: 18px;
  color: #424242;
  margin-bottom: 15px;
}
.m-post-super .post .bottomPost .title:hover {
  cursor: pointer;
}
.m-post-super .post .bottomPost .text {
  font-size: 14px;
  color: #424242;
}
.m-post-super .post .bottomPost .EditedText {
  font-size: 12px;
  color: #424242;
  font-style: italic;
  margin-top: 16px;
}
.m-post-super .post .bottomPost .openArticleLabel {
  margin-top: 24px;
  margin-bottom: 24px;
}
.m-post-super .post .bottomPost .openArticleLabel:hover {
  cursor: pointer;
}
.m-post-super .post .bottomPost .publish {
  font-size: 12px;
  font-weight: 600;
  color: #a3a3a3;
}
.m-post-super .post .bottomPost .escolaName {
  font-size: 12px;
  font-weight: 600;
  color: #a3a3a3;
  margin-left: 8px;
}
.m-post-super .post .bottomPost .detailsBar {
  margin-left: 0px;
  margin-right: 0px;
  display: block;
  margin-top: 24px;
  margin-bottom: 12px;
}
.m-post-super .post .bottomPost .detailsBar .nodeInfo {
  padding-top: 8px;
}
.m-post-super .post .bottomPost .liked {
  background-color: #047dea !important;
}
.m-post-super .post .bottomPost .liked .smallCircle {
  background-color: #047dea !important;
}
.m-post-super .post .bottomPost .smallCircle {
  background-color: #a3a3a3;
  min-width: 50%;
  min-height: 54%;
  padding-left: 3px;
  padding-right: 3px;
  border: 1px solid white;
  border-radius: 50%;
  color: white;
  font-size: 11px;
  position: absolute;
  right: -8px;
  bottom: -6px;
  text-align: center;
}
.m-post-super .post .bottomPost hr {
  margin-bottom: 0px !important;
  margin-top: 0px !important;
}
.m-post-super .post .bottomPost .tagsContainer {
  font-size: 12px;
  color: #a3a3a3;
  display: inline-block;
  font-weight: 400;
  height: 38px;
  display: inline-flex;
}
.m-post-super .post .bottomPost .tagsContainer .centerVertical {
  align-self: center;
  vertical-align: middle;
  margin-bottom: 5px;
}
.m-post-super .post .bottomPost .tagsContainer span {
  align-self: center;
  vertical-align: middle;
}
.m-post-super .post .bottomPost .tagsContainer span:hover {
  color: #707070;
}
.m-post-super .post .bottomPost .tagsContainer a {
  color: inherit;
  text-decoration: inherit;
  margin-right: 10px;
}
.m-post-super .post .bottomPost .viewsContainer {
  display: inline-flex;
  color: #707070;
  height: 38px;
  float: right;
  font-size: 12px;
  font-weight: 700;
}
.m-post-super .post .bottomPost .viewsContainer .centerVertical {
  align-self: center;
  vertical-align: middle;
  margin-bottom: 5px;
}
.post-likes-btn {
  font-weight: 700;
  color: #707070;
  margin-left: 16px;
  text-decoration: underline;
}
.post-likes-btn:hover {
  text-decoration: underline;
  color: #707070;
  cursor: pointer;
}
.platform-badge-over-back {
  opacity: 0.5;
  background: black;
  width: 100%;
  height: 100%;
  z-index: 4000;
  top: 0;
  left: 0;
  position: fixed;
  display: none;
}
.platform-badge-over {
  display: none;
  position: fixed;
  width: 772px;
  height: 632px;
  top: 170px;
  margin: auto;
  background-color: white;
  z-index: 5000;
  left: 50%;
  margin-left: -386px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.platform-badge-over .close-platform-badge {
  position: absolute;
  top: 16px;
  right: 16px;
  color: black;
  opacity: 0.3;
  font-size: 24px;
  z-index: 3000;
}
.platform-badge-over .close-platform-badge:hover {
  cursor: pointer;
  opacity: 0.5;
}
.platform-badge-over .top_image {
  position: absolute;
  top: -65px;
  z-index: 6000;
  display: flex;
  margin-bottom: 8px;
}
.platform-badge-over .badge_image {
  width: 100%;
}
.platform-badge-over .title {
  font-family: 'dk_lemon_yellow_sunregular';
  font-weight: normal;
  font-style: normal;
  font-size: 28px;
  color: #707070;
  text-align: center;
}
.platform-badge-over .title.top_title {
  margin-top: 80px;
}
.platform-badge-over .title.bottom_title {
  margin-top: 4px;
  margin-bottom: 15px;
}
.platform-badge-over .sub_title {
  font-size: 18px;
  color: #707070;
  padding-left: 144px;
  padding-right: 144px;
  margin-bottom: 51px;
  text-align: left;
}
.platform-badge-over .badge_image_badge {
  position: absolute;
  top: 146px;
}
.platform-badge-over .bottom_area {
  height: 100%;
  width: 100%;
  border-top: 1px solid #ededed;
  display: flex;
  justify-content: center;
  align-items: center;
}
.platform-badge-over .bottom_area .share_badge_btn {
  margin-top: -1px;
  width: 232px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #cd7930;
  color: white;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 13px;
  font-weight: 600;
}
.platform-badge-over .bottom_area .share_badge_btn:hover {
  cursor: pointer;
}
.platform-badge-over .bottom_area .share_badge_btn .icon {
  display: inline-flex;
  padding-right: 16px;
}
.post-likes-over-back {
  opacity: 0.5;
  background: black;
  width: 100%;
  height: 100%;
  z-index: 4000;
  top: 0;
  left: 0;
  position: fixed;
  display: none;
}
.post-likes-over {
  display: none;
  position: fixed;
  width: 416px;
  height: 408px;
  top: 160px;
  margin: auto;
  background-color: white;
  z-index: 5000;
  left: 50%;
  margin-left: -208px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  overflow-y: auto;
}
.post-likes-over .close-post-likes {
  position: absolute;
  top: 16px;
  right: 16px;
  color: black;
  opacity: 0.3;
  font-size: 24px;
  z-index: 3000;
}
.post-likes-over .close-post-likes:hover {
  cursor: pointer;
  opacity: 0.5;
}
.post-likes-over .bar {
  height: 64px;
  margin-left: 16px;
  margin-right: 16px;
  display: flex;
  align-items: flex-end;
  border-bottom: 1px solid #ebebeb;
}
.post-likes-over .bar span {
  color: #3775fb;
  font-size: 13px;
  border-bottom: 2px solid #3775fb;
  padding-bottom: 5px;
  padding-left: 8px;
  padding-right: 8px;
  font-weight: 600;
}
.post-likes-over .list {
  height: 344px;
  overflow-y: auto;
}
.post-likes-over .list .elem {
  height: 72px;
  border-bottom: 1px solid #ebebeb;
  margin-left: 16px;
  margin-right: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.post-likes-over .list .elem img {
  width: 40px;
  height: 40px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-left: 8px;
}
.post-likes-over .list .elem span {
  font-size: 14px;
  font-weight: 600;
  color: #707070;
  margin-left: 16px;
}
.post-likes-over .list .elem .left-elem {
  margin-bottom: -1px;
}
.post-likes-over .list .elem .icon {
  font-size: 24px;
  color: #3775fb;
  justify-content: flex-end;
  margin-right: 16px;
}
.ja-dropdown {
  z-index: 300;
  position: relative;
}
.ja-dropdown .ja-dropdown-inner {
  display: none;
  position: absolute;
}
.ja-dropdown .toggle {
  display: none;
  position: absolute;
}
.m-card-image {
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-bottom: 16px;
}
.m-card-image img {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 100%;
}
.m-card-image .text-link {
  position: absolute;
  top: 16px;
  right: 16px;
  height: 26px;
  background-color: white;
  border: 2px solid #424242;
  font-size: 12px;
  font-weight: 700;
  color: #424242;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  align-items: center;
}
.m-card-image .text-link:hover {
  background-color: #424242;
  color: white;
}
.m-main.amadotec .m-create-bar {
  background-color: #f37f3e !important;
}
.m-main.amadotec #m-content .selected {
  border-bottom: 0px;
}
.m-main .m-column {
  max-width: 1080px;
  margin: 0 auto;
}
.m-main .m-card {
  background-color: white;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-bottom: 16px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}
.m-main .m-card-ActivityDay {
  background-color: white;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-bottom: 8px;
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
}
.m-main .m-card-AreaDestaques {
  background-color: white;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-bottom: 8px;
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
}
.m-main .PostDestaque {
  background-color: #ebebeb;
}
.m-main .PostDestaque .post {
  width: 100% !important;
}
.m-main .PostDestaque .destaqueLbl {
  background-color: #27aae4;
  color: #2bfdef;
  position: absolute;
  font-size: 21px;
  right: 70px;
  top: 0px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  align-items: center;
  justify-content: center;
  width: 39px;
  height: 48px;
  padding-top: 8px;
  display: flex !important;
}
.m-main .PostDestaque .postContainer {
  padding-left: 0px;
  padding-right: 0px;
  margin-bottom: 16px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}
.m-main .PostDestaque .postContainer .post {
  background-color: white;
  width: 544px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  display: inline-block;
  position: relative;
}
.m-main .PostDestaque .postContainer .post .topPost {
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 16px;
  padding-bottom: 16px;
  font-size: 12px;
  position: relative;
  width: 100%;
  display: inline-flex;
  align-items: center;
}
.m-main .PostDestaque .postContainer .post .topPost .loggedusernew {
  width: 56px;
  height: 56px;
}
.m-main .PostDestaque .postContainer .post .topPost .loggedusernew img {
  width: 56px;
  height: 56px;
}
.m-main .PostDestaque .postContainer .post .topPost .userInfo {
  display: inline-block;
  font-size: 13px;
}
.m-main .PostDestaque .postContainer .post .topPost .userInfo .first-line {
  padding-bottom: 4px;
}
.m-main .PostDestaque .postContainer .post .topPost .userInfo .second-line {
  display: flex;
  align-items: center;
}
.m-main .PostDestaque .postContainer .post .topPost .userInfo .name {
  font-weight: 700;
  color: #424242;
}
.m-main .PostDestaque .postContainer .post .topPost .userInfo .typeDate {
  color: #707070;
  padding-right: 8px;
}
.m-main .PostDestaque .postContainer .post .topPost .userInfo .icon {
  margin-right: 8px;
}
.m-main .PostDestaque .postContainer .post .topPost .userInfo .tooltipCustom {
  display: flex;
}
.m-main .PostDestaque .postContainer .post .topPost .nodeView {
  display: inline-flex;
  align-items: center;
  padding-left: 12px;
}
.m-main .PostDestaque .postContainer .post .topPost .nodeView img {
  width: 12px;
  height: 12px;
}
.m-main .PostDestaque .postContainer .post .image img {
  width: 100%;
  height: auto;
  margin-bottom: 2px;
}
.m-main .PostDestaque .postContainer .post .imageNew .mid {
  width: 50%;
  height: 50%;
  float: left;
}
.m-main .PostDestaque .postContainer .post .imageNew .alt {
  width: 50%;
  height: 100%;
  float: left;
}
.m-main .PostDestaque .postContainer .post .imageNew .br-r {
  border-right: 1px solid white;
}
.m-main .PostDestaque .postContainer .post .imageNew .br-l {
  border-left: 1px solid white;
}
.m-main .PostDestaque .postContainer .post .imageNew .br-t {
  border-top: 1px solid white;
}
.m-main .PostDestaque .postContainer .post .imageNew .br-b {
  border-bottom: 1px solid white;
}
.m-main .PostDestaque .postContainer .post .imageNew img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.m-main .PostDestaque .postContainer .post .imageClick:hover {
  cursor: pointer;
}
.m-main .PostDestaque .postContainer .post .blueCircle {
  background-color: #a3a3a3;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  position: relative;
  display: inline-block;
  margin-left: 6px;
  cursor: pointer;
}
.m-main .PostDestaque .postContainer .post .blueCircle img {
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.m-main .PostDestaque .postContainer .post .blueCircle:hover {
  background-color: gray;
}
.m-main .PostDestaque .postContainer .post .blueCircle:hover .smallCircle {
  background-color: gray;
}
.m-main .PostDestaque .postContainer .post .bottomPost {
  padding: 16px 16px 0px 16px;
}
.m-main .PostDestaque .postContainer .post .bottomPost .title {
  font-weight: 700;
  font-size: 18px;
  color: #424242;
  margin-bottom: 15px;
}
.m-main .PostDestaque .postContainer .post .bottomPost .title:hover {
  cursor: pointer;
}
.m-main .PostDestaque .postContainer .post .bottomPost .text {
  font-size: 14px;
  color: #424242;
}
.m-main .PostDestaque .postContainer .post .bottomPost .EditedText {
  font-size: 12px;
  color: #424242;
  font-style: italic;
  margin-top: 16px;
}
.m-main .PostDestaque .postContainer .post .bottomPost .openArticleLabel {
  margin-top: 24px;
  margin-bottom: 24px;
}
.m-main .PostDestaque .postContainer .post .bottomPost .openArticleLabel:hover {
  cursor: pointer;
}
.m-main .PostDestaque .postContainer .post .bottomPost .publish {
  font-size: 12px;
  font-weight: 600;
  color: #a3a3a3;
}
.m-main .PostDestaque .postContainer .post .bottomPost .escolaName {
  font-size: 12px;
  font-weight: 600;
  color: #a3a3a3;
  margin-left: 8px;
}
.m-main .PostDestaque .postContainer .post .bottomPost .detailsBar {
  margin-left: 0px;
  margin-right: 0px;
  display: block;
  margin-top: 24px;
  margin-bottom: 12px;
}
.m-main .PostDestaque .postContainer .post .bottomPost .detailsBar .nodeInfo {
  padding-top: 8px;
}
.m-main .PostDestaque .postContainer .post .bottomPost .liked {
  background-color: #047dea !important;
}
.m-main .PostDestaque .postContainer .post .bottomPost .liked .smallCircle {
  background-color: #047dea !important;
}
.m-main .PostDestaque .postContainer .post .bottomPost .smallCircle {
  background-color: #a3a3a3;
  min-width: 50%;
  min-height: 54%;
  padding-left: 3px;
  padding-right: 3px;
  border: 1px solid white;
  border-radius: 50%;
  color: white;
  font-size: 11px;
  position: absolute;
  right: -8px;
  bottom: -6px;
  text-align: center;
}
.m-main .PostDestaque .postContainer .post .bottomPost hr {
  margin-bottom: 0px !important;
  margin-top: 0px !important;
}
.m-main .PostDestaque .postContainer .post .bottomPost .tagsContainer {
  font-size: 12px;
  color: #a3a3a3;
  display: inline-block;
  font-weight: 400;
  height: 38px;
  display: inline-flex;
}
.m-main .PostDestaque .postContainer .post .bottomPost .tagsContainer .centerVertical {
  align-self: center;
  vertical-align: middle;
  margin-bottom: 5px;
}
.m-main .PostDestaque .postContainer .post .bottomPost .tagsContainer span {
  align-self: center;
  vertical-align: middle;
}
.m-main .PostDestaque .postContainer .post .bottomPost .tagsContainer span:hover {
  color: #707070;
}
.m-main .PostDestaque .postContainer .post .bottomPost .tagsContainer a {
  color: inherit;
  text-decoration: inherit;
  margin-right: 10px;
}
.m-main .PostDestaque .postContainer .post .bottomPost .viewsContainer {
  display: inline-flex;
  color: #707070;
  height: 38px;
  float: right;
  font-size: 12px;
  font-weight: 700;
}
.m-main .PostDestaque .postContainer .post .bottomPost .viewsContainer .centerVertical {
  align-self: center;
  vertical-align: middle;
  margin-bottom: 5px;
}
.m-main .m-mural {
  background-color: #ebebeb;
}
.m-main .m-mural .postContainer {
  padding-left: 0px;
  padding-right: 0px;
  margin-bottom: 16px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}
.m-main .m-mural .postContainer .post {
  background-color: white;
  width: 544px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  display: inline-block;
  position: relative;
}
.m-main .m-mural .postContainer .post .topPost {
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 16px;
  padding-bottom: 16px;
  font-size: 12px;
  position: relative;
  width: 100%;
  display: inline-flex;
  align-items: center;
}
.m-main .m-mural .postContainer .post .topPost .loggedusernew {
  width: 56px;
  height: 56px;
}
.m-main .m-mural .postContainer .post .topPost .loggedusernew img {
  width: 56px;
  height: 56px;
}
.m-main .m-mural .postContainer .post .topPost .userInfo {
  display: inline-block;
  font-size: 13px;
}
.m-main .m-mural .postContainer .post .topPost .userInfo .first-line {
  padding-bottom: 4px;
}
.m-main .m-mural .postContainer .post .topPost .userInfo .second-line {
  display: flex;
  align-items: center;
}
.m-main .m-mural .postContainer .post .topPost .userInfo .name {
  font-weight: 700;
  color: #424242;
}
.m-main .m-mural .postContainer .post .topPost .userInfo .typeDate {
  color: #707070;
  padding-right: 8px;
}
.m-main .m-mural .postContainer .post .topPost .userInfo .icon {
  margin-right: 8px;
}
.m-main .m-mural .postContainer .post .topPost .userInfo .tooltipCustom {
  display: flex;
}
.m-main .m-mural .postContainer .post .topPost .nodeView {
  display: inline-flex;
  align-items: center;
  padding-left: 12px;
}
.m-main .m-mural .postContainer .post .topPost .nodeView img {
  width: 12px;
  height: 12px;
}
.m-main .m-mural .postContainer .post .image img {
  width: 100%;
  height: auto;
  margin-bottom: 2px;
}
.m-main .m-mural .postContainer .post .imageNew .mid {
  width: 50%;
  height: 50%;
  float: left;
}
.m-main .m-mural .postContainer .post .imageNew .alt {
  width: 50%;
  height: 100%;
  float: left;
}
.m-main .m-mural .postContainer .post .imageNew .br-r {
  border-right: 1px solid white;
}
.m-main .m-mural .postContainer .post .imageNew .br-l {
  border-left: 1px solid white;
}
.m-main .m-mural .postContainer .post .imageNew .br-t {
  border-top: 1px solid white;
}
.m-main .m-mural .postContainer .post .imageNew .br-b {
  border-bottom: 1px solid white;
}
.m-main .m-mural .postContainer .post .imageNew img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.m-main .m-mural .postContainer .post .imageClick:hover {
  cursor: pointer;
}
.m-main .m-mural .postContainer .post .blueCircle {
  background-color: #a3a3a3;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  position: relative;
  display: inline-block;
  margin-left: 6px;
  cursor: pointer;
}
.m-main .m-mural .postContainer .post .blueCircle img {
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.m-main .m-mural .postContainer .post .blueCircle:hover {
  background-color: gray;
}
.m-main .m-mural .postContainer .post .blueCircle:hover .smallCircle {
  background-color: gray;
}
.m-main .m-mural .postContainer .post .bottomPost {
  padding: 16px 16px 0px 16px;
}
.m-main .m-mural .postContainer .post .bottomPost .title {
  font-weight: 700;
  font-size: 18px;
  color: #424242;
  margin-bottom: 15px;
}
.m-main .m-mural .postContainer .post .bottomPost .title:hover {
  cursor: pointer;
}
.m-main .m-mural .postContainer .post .bottomPost .text {
  font-size: 14px;
  color: #424242;
}
.m-main .m-mural .postContainer .post .bottomPost .EditedText {
  font-size: 12px;
  color: #424242;
  font-style: italic;
  margin-top: 16px;
}
.m-main .m-mural .postContainer .post .bottomPost .openArticleLabel {
  margin-top: 24px;
  margin-bottom: 24px;
}
.m-main .m-mural .postContainer .post .bottomPost .openArticleLabel:hover {
  cursor: pointer;
}
.m-main .m-mural .postContainer .post .bottomPost .publish {
  font-size: 12px;
  font-weight: 600;
  color: #a3a3a3;
}
.m-main .m-mural .postContainer .post .bottomPost .escolaName {
  font-size: 12px;
  font-weight: 600;
  color: #a3a3a3;
  margin-left: 8px;
}
.m-main .m-mural .postContainer .post .bottomPost .detailsBar {
  margin-left: 0px;
  margin-right: 0px;
  display: block;
  margin-top: 24px;
  margin-bottom: 12px;
}
.m-main .m-mural .postContainer .post .bottomPost .detailsBar .nodeInfo {
  padding-top: 8px;
}
.m-main .m-mural .postContainer .post .bottomPost .liked {
  background-color: #047dea !important;
}
.m-main .m-mural .postContainer .post .bottomPost .liked .smallCircle {
  background-color: #047dea !important;
}
.m-main .m-mural .postContainer .post .bottomPost .smallCircle {
  background-color: #a3a3a3;
  min-width: 50%;
  min-height: 54%;
  padding-left: 3px;
  padding-right: 3px;
  border: 1px solid white;
  border-radius: 50%;
  color: white;
  font-size: 11px;
  position: absolute;
  right: -8px;
  bottom: -6px;
  text-align: center;
}
.m-main .m-mural .postContainer .post .bottomPost hr {
  margin-bottom: 0px !important;
  margin-top: 0px !important;
}
.m-main .m-mural .postContainer .post .bottomPost .tagsContainer {
  font-size: 12px;
  color: #a3a3a3;
  display: inline-block;
  font-weight: 400;
  height: 38px;
  display: inline-flex;
}
.m-main .m-mural .postContainer .post .bottomPost .tagsContainer .centerVertical {
  align-self: center;
  vertical-align: middle;
  margin-bottom: 5px;
}
.m-main .m-mural .postContainer .post .bottomPost .tagsContainer span {
  align-self: center;
  vertical-align: middle;
}
.m-main .m-mural .postContainer .post .bottomPost .tagsContainer span:hover {
  color: #707070;
}
.m-main .m-mural .postContainer .post .bottomPost .tagsContainer a {
  color: inherit;
  text-decoration: inherit;
  margin-right: 10px;
}
.m-main .m-mural .postContainer .post .bottomPost .viewsContainer {
  display: inline-flex;
  color: #707070;
  height: 38px;
  float: right;
  font-size: 12px;
  font-weight: 700;
}
.m-main .m-mural .postContainer .post .bottomPost .viewsContainer .centerVertical {
  align-self: center;
  vertical-align: middle;
  margin-bottom: 5px;
}
.m-main .f-left {
  width: 232px;
}
.m-main .f-center {
  width: 576px;
}
.m-main .f-right {
  width: 272px;
}
.m-main .m-center-inside {
  margin-left: 16px;
  margin-right: 16px;
}
.m-main .m-search {
  height: 36px;
  margin-bottom: 16px;
}
.m-main .m-search .ja-dropdown .ja-dropdown-inner {
  top: 44px;
}
.m-main .m-search .ja-dropdown .toggle {
  top: 30px;
  width: 100%;
}
.m-main .m-search .m-create-bar {
  width: 150px;
  margin-left: 4px;
  margin-right: 4px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: white;
  font-weight: 600;
  background-color: #047dea;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.m-main .m-search .m-create-bar:hover {
  background-color: #0590f0;
  cursor: pointer;
}
.m-main .m-search .m-order-bar {
  margin-left: 4px;
  width: 150px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #bdbdbd;
  font-size: 14px;
  color: #424242;
  font-weight: 600;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.m-main .m-search .m-order-bar:hover {
  border: 2px solid #bdbdbd;
  background-color: #bdbdbd;
  cursor: pointer;
}
.m-main .m-search .m-order-bar ul,
.m-main .m-search .m-order-bar li {
  list-style-type: none;
}
.m-main .m-search .m-order-bar .arrow {
  display: none;
  position: absolute;
  right: 10px;
  top: 38px;
  z-index: 200;
  width: 12px;
  height: 6px;
}
.m-main .m-search .m-order-bar ul {
  background-color: white;
  width: 100%;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.m-main .m-search .m-order-bar ul .li-start {
  height: 10px;
  border-bottom: 1px solid #f0f0f0;
}
.m-main .m-search .m-order-bar ul .li-end {
  height: 10px;
}
.m-main .m-search .m-order-bar ul .li-normal {
  height: 40px;
  border-bottom: 1px solid #f0f0f0;
  font-size: 13px;
  font-weight: 600;
  width: 100%;
  display: flex;
  align-items: center;
}
.m-main .m-search .m-order-bar ul .li-normal:hover {
  background-color: whitesmoke;
}
.m-main .m-search .m-order-bar ul .li-normal a {
  color: #424242;
  text-decoration: none;
  margin: auto;
  height: 100%;
  display: flex;
  align-items: center;
}
.m-main .m-search .m-order-bar ul .li-normal a .icon {
  padding-top: 3px;
  padding-left: 8px;
  padding-right: 8px;
}
.m-main .m-search .m-search-input-off {
  width: 385px !important;
}
.m-main .m-search .m-search-input-off input[type="text"] {
  width: 300px !important;
}
.m-main .m-search .m-search-input {
  margin-right: 4px;
  background-color: #f9f9f9;
  height: 36px;
  width: 224px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  display: inline-block;
  position: relative;
  cursor: pointer;
  float: left;
}
.m-main .m-search .m-search-input img {
  position: absolute;
  margin: auto;
  left: 16px;
  margin-right: 6px;
  top: 0;
  bottom: 0;
}
.m-main .m-search .m-search-input input[type="text"] {
  background-color: #f9f9f9;
  border: none;
  top: 0;
  bottom: 0;
  position: absolute;
  margin: auto;
  left: 50px;
  color: #424242;
  font-weight: 400;
  font-size: 14px;
  width: 159px;
}
.m-main .m-search .m-search-input input[type="text"]:focus {
  outline-width: 0;
}
.m-main .m-user-info .m-professor {
  text-align: center;
}
.m-main .m-user-info .m-professor .m-professor-image {
  padding-top: 16px;
}
.m-main .m-user-info .m-button {
  -webkit-border-radius: 0px 0px 10px 10px;
  -moz-border-radius: 0px 0px 10px 10px;
  border-radius: 0px 0px 10px 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: white;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.m-main .m-user-info .m-button a,
.m-main .m-user-info .m-button a:hover,
.m-main .m-user-info .m-button a:active,
.m-main .m-user-info .m-button a:visited,
.m-main .m-user-info .m-button a:focus {
  text-decoration: none;
}
.m-main .m-user-info .m-button a {
  height: 32px;
  width: 172px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 2px solid #d9d9d9;
  color: #424242;
  font-size: 13px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
.m-main .m-user-info .m-button a:hover {
  background-color: #d9d9d9;
  text-decoration: none;
}
.m-main .m-user-info .m-button a div {
  display: flex;
  align-items: center;
  justify-content: center;
}
.m-main .m-user-info .m-user-badges {
  padding-top: 0px !important;
  padding-bottom: 31px;
}
.m-main .m-user-info .m-user {
  position: relative;
  text-align: center;
  background-color: whitesmoke;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.m-main .m-user-info .m-user .m-mun-image {
  -webkit-border-radius: 10px 10px 0px 0px;
  -moz-border-radius: 10px 10px 0px 0px;
  border-radius: 10px 10px 0px 0px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  max-width: 100%;
}
.m-main .m-user-info .m-user .m-user-image {
  width: 88px;
  height: 88px;
  border: 8px solid whitesmoke;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  position: absolute;
  top: 47px;
  left: 72px;
}
.m-main .m-user-info .m-user .m-user-name {
  margin-top: 52px;
  font-size: 14px;
  color: #047dea;
  font-weight: 600;
}
.m-main .m-user-info .m-user .m-user-school-info {
  margin-top: 6px;
  font-size: 14px;
  color: #424242;
  font-weight: 600;
  display: inline-flex;
  padding-left: 16px;
  padding-right: 16px;
  margin-bottom: 20px;
}
.m-main .m-user-info .m-user .m-user-school-info span {
  padding-left: 8px;
  align-items: center;
  display: inline-flex;
  justify-content: center;
}
.m-main .m-user-info .m-user .m-horizontal {
  border-bottom: 1px solid #e5e5e5;
  width: 216px;
  margin-left: 44px;
}
.m-main .m-user-info .m-user .m-badges-info {
  font-size: 13px;
  color: #707070;
  font-weight: 600;
  margin-top: 16px;
  margin-bottom: 16px;
  display: inline-flex;
}
.m-main .m-user-info .m-user .m-badges-info span {
  padding-left: 8px;
  align-items: center;
  display: inline-flex;
  justify-content: center;
}
.m-main .m-card-title {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #707070;
  font-weight: 700;
  height: 40px;
  border-bottom: 1px solid #e5e5e5;
  padding-left: 12px;
  width: 100%;
  display: inline-flex;
}
.m-main .m-card-title span {
  padding-left: 8px;
  align-items: center;
  display: inline-flex;
  justify-content: center;
}
.m-main .m-card-title2 {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #424242;
  font-weight: 700;
  height: 40px;
  width: 100%;
  display: inline-flex;
  padding-left: 16px;
}
.m-main .m-card-title2 span {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  margin-bottom: -4px;
}
.m-main .m-card-list-plat {
  margin-top: 16px;
  margin-bottom: 16px;
  width: 100%;
  padding-right: 16px;
  padding-left: 16px;
  color: #424242;
  font-size: 13px;
}
.m-main .m-card-list-plat ul,
.m-main .m-card-list-plat li {
  list-style-type: none;
}
.m-main .m-card-list-plat a {
  text-decoration: none;
  color: #424242;
}
.m-main .m-card-list-plat li {
  display: inline-flex;
  width: 100%;
}
.m-main .m-card-list-plat li span {
  margin-left: 16px;
  width: 100%;
  padding-left: 10px;
  display: inline-flex;
  align-items: center;
  height: 24px;
}
.m-main .m-card-list-plat li span:hover {
  background-color: #ebebeb;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
}
.m-main .m-card-AreaDestaques {
  padding-left: 10px;
  padding-right: 10px;
}
.m-main .m-card-AreaDestaques .m-card-title2 {
  height: 41px;
  border-bottom: 0px;
  padding-left: 0px;
}
.m-main .m-card-AreaDestaques .m-card:nth-child(2) {
  margin-left: 8px;
}
.m-main .m-card-AreaDestaques .m-card.emDestaque {
  height: 180px;
  display: inline-block;
}
.m-main .m-card-AreaDestaques .m-card.emDestaque .m-card-content .m-title {
  margin-top: 10px;
}
.m-main .m-card-AreaDestaques .m-card.emDestaque .m-card-content .m-button {
  margin-top: 16px;
}
.m-main .m-card-AreaDestaques .m-card.large.areaLink {
  height: 96px;
}
.m-main .m-card-AreaDestaques .m-card.large.areaLink .m-card-content {
  height: 100%;
  box-shadow: inset 0 0 0 1px white, 2px 2px 2px 0 rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.m-main .m-card-AreaDestaques .m-card.large.areaLink .m-card-content .m-top-image {
  height: auto;
  width: 72px;
  margin: 12px 14px 12px 12px;
}
.m-main .m-card-AreaDestaques .m-card.large.areaLink .groupImageBtn {
  display: inline-flex;
  align-items: center;
}
.m-main .m-card-AreaDestaques .m-card.large.areaLink .groupImageBtn .m-title {
  margin-top: 0px;
  font-size: 14px;
  font-weight: 600;
  text-align: left;
  line-height: 15px;
  color: #424242;
}
.m-main .m-card-AreaDestaques .m-card.large.areaLink .groupImageBtn .m-button {
  margin-top: 0px;
  margin-right: 15px;
  margin-left: auto;
}
.m-main .m-card-AreaDestaques .m-card.large.areaLink .groupImageBtn .m-button div {
  height: 48px;
  width: 28px;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: white;
  color: rgba(66, 66, 66, 0.7);
  font-size: 13px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.2);
}
.m-main .m-card-AreaDestaques .m-card.large.areaLink .groupImageBtn .m-button div:hover {
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2);
}
.m-main .m-card-AreaDestaques .m-card.emDestaque.large .m-title {
  margin-top: 16px;
}
.m-main .m-card-AreaDestaques .m-card.emDestaque.large .m-button {
  margin-top: 8px;
}
.m-main .m-card-AreaDestaques .m-card.large:nth-child(2) {
  margin-left: 0px;
}
.m-main .m-card-AreaDestaques .m-card.large {
  width: 100%;
  height: auto;
  min-height: 94px;
}
.m-main .m-card-AreaDestaques .m-card.large .m-card-content {
  display: flex;
  min-height: 94px;
}
.m-main .m-card-AreaDestaques .m-card.large .m-card-content .slick-dotted.slick-slider {
  margin-bottom: 0px;
}
.m-main .m-card-AreaDestaques .m-card.large .m-card-content .slideContestGallery {
  width: 127px;
  display: inline-flex;
}
.m-main .m-card-AreaDestaques .m-card.large .m-card-content .slideContestGallery .slick-list {
  width: 640px;
}
.m-main .m-card-AreaDestaques .m-card.large .m-card-content .slideContestGallery .slick-dots {
  position: initial;
  align-self: center;
}
.m-main .m-card-AreaDestaques .m-card.large .m-card-content .m-top-image.round {
  margin: 11px 30px 11px 22px;
  flex-shrink: 0;
}
.m-main .m-card-AreaDestaques .m-card.large .m-card-content .m-top-image {
  -webkit-border-radius: 16px 24px 24px 16px;
  -moz-border-radius: 16px 24px 24px 16px;
  border-radius: 16px 24px 24px 16px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.m-main .m-card-AreaDestaques .m-card.large .m-card-content .m-button a {
  width: 96px;
}
.m-main .m-card-AreaDestaques .m-card {
  background-color: white;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-bottom: 12px;
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2);
  width: 120px;
  height: 200px;
  display: inline-block;
}
.m-main .m-card-AreaDestaques .m-card .m-card-content {
  position: relative;
  text-align: center;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 100%;
}
.m-main .m-card-AreaDestaques .m-card .m-card-content .slick-dotted.slick-slider {
  margin-bottom: 24px;
}
.m-main .m-card-AreaDestaques .m-card .m-card-content .slick-dots li button:before {
  color: white;
}
.m-main .m-card-AreaDestaques .m-card .m-card-content .slick-dots li.slick-active button:before {
  color: white;
}
.m-main .m-card-AreaDestaques .m-card .m-card-content .tagNew {
  position: absolute;
  border-radius: 10px 0px 10px 10px;
  background-color: #5188ff;
  font-size: 10px;
  font-weight: 700;
  padding: 3px;
  color: white;
  margin-left: 10px;
  margin-top: 8px;
}
.m-main .m-card-AreaDestaques .m-card .m-card-content .groupImageBtn {
  width: 100%;
}
.m-main .m-card-AreaDestaques .m-card .m-card-content .m-top-image {
  -webkit-border-radius: 16px 16px 24px 24px;
  -moz-border-radius: 16px 16px 24px 24px;
  border-radius: 16px 16px 24px 24px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  max-width: 100%;
  height: 104px;
}
.m-main .m-card-AreaDestaques .m-card .m-card-content .m-top-image.round {
  height: auto;
  margin-top: 10px;
  border-radius: 60px;
}
.m-main .m-card-AreaDestaques .m-card .m-card-content .m-title {
  font-size: 14px;
  font-weight: 600;
  color: white;
  margin-top: 24px;
  line-height: 14px;
}
.m-main .m-card-AreaDestaques .m-card .m-card-content .m-button {
  -webkit-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 14px;
}
.m-main .m-card-AreaDestaques .m-card .m-card-content .m-button .frstBtn {
  box-shadow: 4px 4px 4px 0 #0a9889;
}
.m-main .m-card-AreaDestaques .m-card .m-card-content .m-button .frstBtn:hover {
  box-shadow: 2px 2px 2px 0 #0a9889;
}
.m-main .m-card-AreaDestaques .m-card .m-card-content .m-button .scndBtn {
  box-shadow: 4px 4px 4px 0 #ff8b00;
}
.m-main .m-card-AreaDestaques .m-card .m-card-content .m-button .scndBtn:hover {
  box-shadow: 2px 2px 2px 0 #ff8b00;
}
.m-main .m-card-AreaDestaques .m-card .m-card-content .m-button .thrdBtn {
  box-shadow: 4px 4px 4px 0 #662ffc;
}
.m-main .m-card-AreaDestaques .m-card .m-card-content .m-button .thrdBtn:hover {
  box-shadow: 2px 2px 2px 0 #662ffc;
}
.m-main .m-card-AreaDestaques .m-card .m-card-content .m-button .fourBtn {
  box-shadow: 4px 4px 4px 0 #197fe4;
  font-size: 12px;
  width: 96px;
}
.m-main .m-card-AreaDestaques .m-card .m-card-content .m-button .fourBtn:hover {
  box-shadow: 2px 2px 2px 0 #197fe4;
}
.m-main .m-card-AreaDestaques .m-card .m-card-content .m-button a {
  height: 28px;
  width: 88px;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: white;
  color: #424242;
  font-size: 13px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
.m-main .m-card-AreaDestaques .m-content {
  text-align: justify;
  -webkit-border-radius: 0px 0px 10px 10px;
  -moz-border-radius: 0px 0px 10px 10px;
  border-radius: 0px 0px 10px 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  /*li {
                border-bottom: 1px solid #E5E5E5;
                height: 95px;
                display: flex;
                flex-direction: row;
                align-items: center;

                .icon {
                    position: absolute;
                    right: 8px;
                }

                &:hover {
                    background-color: #FAFAFA;
                    cursor: pointer;
                }

                .m-image-area {
                    padding-left: 16px;
                    padding-right: 16px;

                    img {
                        width: 96px;
                        height: 80px;
                        object-fit: cover;
                    }
                }

                .m-text-area {
                    width: 170px;
                    line-height: 1.3;

                    .m-text1 {
                        font-size: 13px;
                        font-weight: 600;
                        color: #424242;
                        line-height: 1.3;
                    }

                    .m-text2 {
                        font-size: 11px;
                        color: #707070;
                    }
                }
            }*/

}
.m-main .m-card-AreaDestaques .m-content ul,
.m-main .m-card-AreaDestaques .m-content li {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
.m-main .m-card-AreaDestaques .m-content a {
  text-decoration: none;
}
.m-main .m-card-AreaDestaques .m-image-menu {
  padding-left: 16px;
  padding-right: 16px;
  text-align: center;
  border-bottom: 1px solid #e5e5e5;
}
.m-main .m-card-AreaDestaques .m-image-menu div {
  display: inline-block;
  width: 120px;
  cursor: pointer;
}
.m-main .m-card-AreaDestaques .m-image-menu div:hover span {
  color: #047dea;
  border-bottom: 2px solid #047dea;
}
.m-main .m-card-AreaDestaques .m-image-menu div .selected {
  color: #047dea;
  border-bottom: 2px solid #047dea;
}
.m-main .m-card-AreaDestaques .m-image-menu div span {
  text-align: center;
  display: inline-block;
  padding-top: 20px;
  font-size: 14px;
  color: #424242;
  font-weight: 600;
  border-bottom: 2px solid white;
  padding-bottom: 5px;
  width: 120px;
}
.m-main .m-card-ActivityDay {
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 8px;
}
.m-main .m-card-ActivityDay .chooserYears {
  width: 100%;
  display: inline-flex;
  justify-content: flex-end;
  margin-bottom: 8px;
}
.m-main .m-card-ActivityDay .chooserYears .c-selected {
  background-color: #d0e4fe !important;
  color: #3775fb !important;
}
.m-main .m-card-ActivityDay .chooserYears .yearItem {
  margin-left: 4px;
  cursor: pointer;
  display: flex;
  height: 24px;
  min-width: 24px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  color: #424242;
  font-size: 12px;
  font-weight: 600;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  text-align: center;
}
.m-main .m-card-ActivityDay .chooserYears .yearItem:hover {
  background-color: #e0e0e0;
}
.m-main .m-card-ActivityDay .m-card-title2 {
  height: 42px;
  border-bottom: 0px;
  padding-left: 0px;
}
.m-main .m-card-ActivityDay .m-content {
  -webkit-border-radius: 0px 0px 10px 10px;
  -moz-border-radius: 0px 0px 10px 10px;
  border-radius: 0px 0px 10px 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.m-main .m-card-ActivityDay .m-content ul,
.m-main .m-card-ActivityDay .m-content li {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
.m-main .m-card-ActivityDay .m-content a {
  text-decoration: none;
}
.m-main .m-card-ActivityDay .m-content li {
  height: 72px;
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: #ebebeb;
  border-radius: 10px;
  border: 1px solid white;
  margin-bottom: 4px;
  box-shadow: inset 0 0px 0px 1px white, 2px 2px 2px 0 rgba(0, 0, 0, 0.2);
}
.m-main .m-card-ActivityDay .m-content li .icon {
  position: absolute;
  right: 8px;
}
.m-main .m-card-ActivityDay .m-content li:hover {
  background-color: #fafafa;
  cursor: pointer;
}
.m-main .m-card-ActivityDay .m-content li .m-image-area {
  padding-left: 16px;
  padding-right: 16px;
}
.m-main .m-card-ActivityDay .m-content li .m-image-area img {
  border-radius: 8px;
  height: 56px;
  width: 72px;
  object-fit: cover;
}
.m-main .m-card-ActivityDay .m-content li .m-text-area {
  width: 170px;
  line-height: 1.3;
}
.m-main .m-card-ActivityDay .m-content li .m-text-area .m-text1 {
  font-size: 13px;
  font-weight: 600;
  color: #424242;
  line-height: 1.3;
}
.m-main .m-card-ActivityDay .m-content li .m-text-area .m-text2 {
  font-size: 11px;
  color: #707070;
}
.m-main .m-card-ActivityDay .m-button {
  background-color: white;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  -webkit-border-radius: 0px 0px 10px 10px;
  -moz-border-radius: 0px 0px 10px 10px;
  border-radius: 0px 0px 10px 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.m-main .m-card-ActivityDay .m-button a {
  text-decoration: none;
}
.m-main .m-card-ActivityDay .m-button span {
  font-size: 14px;
  font-weight: 600;
  color: #424242;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 16px;
  padding-right: 16px;
  height: 32px;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border: 2px solid #d9d9d9;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.m-main .m-card-ActivityDay .m-button span:hover {
  cursor: pointer;
}
.m-main .m-card-ActivityDay .m-image-menu {
  padding-left: 16px;
  padding-right: 16px;
  text-align: center;
  border-bottom: 1px solid #e5e5e5;
}
.m-main .m-card-ActivityDay .m-image-menu div {
  display: inline-block;
  width: 120px;
  cursor: pointer;
}
.m-main .m-card-ActivityDay .m-image-menu div:hover span {
  color: #047dea;
  border-bottom: 2px solid #047dea;
}
.m-main .m-card-ActivityDay .m-image-menu div .selected {
  color: #047dea;
  border-bottom: 2px solid #047dea;
}
.m-main .m-card-ActivityDay .m-image-menu div span {
  text-align: center;
  display: inline-block;
  padding-top: 20px;
  font-size: 14px;
  color: #424242;
  font-weight: 600;
  border-bottom: 2px solid white;
  padding-bottom: 5px;
  width: 120px;
}
.m-main .m-card-explore {
  padding-top: 22px;
}
.m-main .m-card-explore .m-apps {
  background-color: whitesmoke;
  -webkit-border-radius: 0px 0px 10px 10px;
  -moz-border-radius: 0px 0px 10px 10px;
  border-radius: 0px 0px 10px 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.m-main .m-card-explore .m-apps ul,
.m-main .m-card-explore .m-apps li {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
.m-main .m-card-explore .m-apps li {
  border-bottom: 1px solid #ebebeb;
  height: 128px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.m-main .m-card-explore .m-apps li .m-image-area {
  padding: 28px 16px 28px 16px;
}
.m-main .m-card-explore .m-apps li .m-image-area img {
  width: 64px;
  height: 64px;
}
.m-main .m-card-explore .m-apps li .m-text-area a {
  text-decoration: none;
}
.m-main .m-card-explore .m-apps li .m-text-area .m-text1 {
  font-size: 14px;
  font-weight: 600;
  color: #424242;
}
.m-main .m-card-explore .m-apps li .m-text-area .m-text2 {
  font-size: 12px;
  color: #707070;
}
.m-main .m-card-explore .m-apps li .m-text-area .m-app-link {
  margin-right: 3px;
  margin-top: 5px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #cccccc;
  color: #707070;
  font-weight: 600;
  width: 66px;
  font-size: 13px;
  height: 28px;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.m-main .m-card-explore .m-apps li .m-text-area .m-app-link:hover {
  color: #047dea;
  border: 1px solid #047dea;
  cursor: pointer;
}
.m-main .m-card-explore .m-badges {
  background-color: whitesmoke;
  -webkit-border-radius: 0px 0px 10px 10px;
  -moz-border-radius: 0px 0px 10px 10px;
  border-radius: 0px 0px 10px 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.m-main .m-card-explore .m-badges ul,
.m-main .m-card-explore .m-badges li {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
.m-main .m-card-explore .m-badges a {
  text-decoration: none;
}
.m-main .m-card-explore .m-badges li {
  border-bottom: 1px solid #ebebeb;
  height: 176px;
  width: 182px;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.m-main .m-card-explore .m-badges li:hover {
  background-color: #e5e5e5;
}
.m-main .m-card-explore .m-badges li span {
  position: relative;
}
.m-main .m-card-explore .m-badges li .m-legend-badge {
  display: flex;
  margin-top: 15px;
  font-size: 13px;
  color: #707070;
  justify-content: center;
}
.m-main .m-card-explore .m-badges li .m-legend-number {
  height: 32px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  color: white;
  font-size: 12px;
  font-weight: 700;
  border: 4px solid whitesmoke;
  position: absolute;
  top: 0px;
  right: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 8px;
  padding-right: 8px;
}
.m-main .m-card-explore .m-badges li .normal {
  background-color: #6698c4;
}
.m-main .m-card-explore .m-badges li .zero {
  background-color: #bdbdbd;
}
.m-main .m-card-explore .m-content {
  background-color: #f0f0f0;
  -webkit-border-radius: 0px 0px 10px 10px;
  -moz-border-radius: 0px 0px 10px 10px;
  border-radius: 0px 0px 10px 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.m-main .m-card-explore .m-content ul,
.m-main .m-card-explore .m-content li {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
.m-main .m-card-explore .m-content a {
  text-decoration: none;
}
.m-main .m-card-explore .m-content li {
  border-bottom: 1px solid #e5e5e5;
  height: 80px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.m-main .m-card-explore .m-content li .icon {
  position: absolute;
  right: 8px;
}
.m-main .m-card-explore .m-content li:hover {
  background-color: white;
  cursor: pointer;
}
.m-main .m-card-explore .m-content li:hover .icon {
  display: inline-flex;
}
.m-main .m-card-explore .m-content li .m-image-area {
  padding-left: 12px;
  padding-right: 12px;
}
.m-main .m-card-explore .m-content li .m-text-area {
  width: 170px;
  line-height: 1.3;
}
.m-main .m-card-explore .m-content li .m-text-area .m-text1 {
  font-size: 13px;
  font-weight: 600;
  color: #424242;
  line-height: 1.3;
}
.m-main .m-card-explore .m-content li .m-text-area .m-text2 {
  font-size: 11px;
  color: #707070;
}
.m-main .m-card-explore .m-button {
  background-color: white;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  -webkit-border-radius: 0px 0px 10px 10px;
  -moz-border-radius: 0px 0px 10px 10px;
  border-radius: 0px 0px 10px 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.m-main .m-card-explore .m-button a {
  text-decoration: none;
}
.m-main .m-card-explore .m-button span {
  font-size: 14px;
  font-weight: 600;
  color: #424242;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 16px;
  padding-right: 16px;
  height: 32px;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border: 2px solid #d9d9d9;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.m-main .m-card-explore .m-button span:hover {
  cursor: pointer;
}
.m-main .m-card-explore .m-split-bar {
  background-color: whitesmoke;
  border-bottom: 1px solid #e5e5e5;
  height: 32px;
  padding-left: 16px;
  padding-right: 16px;
  display: inline-flex;
  align-items: center;
  width: 100%;
}
.m-main .m-card-explore .m-split-bar span {
  font-size: 12px;
  color: #707070;
  font-weight: 700;
}
.m-main .m-card-explore .m-image-menu {
  padding-left: 16px;
  padding-right: 16px;
  text-align: center;
  border-bottom: 1px solid #e5e5e5;
}
.m-main .m-card-explore .m-image-menu div {
  display: inline-block;
  width: 120px;
  cursor: pointer;
}
.m-main .m-card-explore .m-image-menu div:hover span {
  color: #047dea;
  border-bottom: 2px solid #047dea;
}
.m-main .m-card-explore .m-image-menu div .selected {
  color: #047dea;
  border-bottom: 2px solid #047dea;
}
.m-main .m-card-explore .m-image-menu div span {
  text-align: center;
  display: inline-block;
  padding-top: 20px;
  font-size: 14px;
  color: #424242;
  font-weight: 600;
  border-bottom: 2px solid white;
  padding-bottom: 5px;
  width: 120px;
}
.m-main .m-card-filters {
  padding: 16px 16px 8px 16px;
}
.m-main .m-card-filters span {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  color: white;
  font-size: 12px;
  font-weight: 600;
  background-color: #047dea;
  margin-right: 4px;
  padding: 2px 7px 2px 7px;
  margin-bottom: 8px;
  display: inline-block;
}
.m-main .m-card-filters span img {
  padding-left: 5px;
  padding-left: 7px;
}
.m-main .m-card-who-pub {
  padding: 8px 16px 16px 16px;
  background-color: whitesmoke;
  -webkit-border-radius: 0px 0px 10px 10px;
  -moz-border-radius: 0px 0px 10px 10px;
  border-radius: 0px 0px 10px 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 100%;
  font-size: 13px;
}
.m-main .m-card-who-pub ul,
.m-main .m-card-who-pub li {
  list-style-type: none;
}
.m-main .m-card-who-pub ul {
  margin-bottom: 0px;
}
.m-main .m-card-who-pub li {
  display: inline-flex;
  width: 100%;
  margin-bottom: 5px;
  margin-top: 5px;
}
.m-main .m-card-who-pub li a {
  width: 100%;
  text-decoration: none;
  color: #424242;
}
.m-main .m-card-who-pub li span {
  width: 100%;
  display: inline-flex;
  align-items: center;
  height: 100%;
  padding-left: 28px;
}
.m-main .m-card-who-pub li span:hover {
  background-color: #e5e5e5;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
}
.m-main .m-card-tags {
  padding: 16px 12px 16px 12px;
  background-color: whitesmoke;
  -webkit-border-radius: 0px 0px 10px 10px;
  -moz-border-radius: 0px 0px 10px 10px;
  border-radius: 0px 0px 10px 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  text-align: left;
}
.m-main .m-card-tags a {
  text-decoration: none;
  display: inline-flex;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: gray;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 4px;
  padding-bottom: 4px;
  margin-bottom: 4px;
  color: white;
  font-size: 12px;
}
.m-main .m-card-tags a:hover {
  cursor: pointer;
  background-color: #3697ee;
}
.m-main .m-card-where-pub {
  padding: 8px 12px 16px 12px;
  background-color: whitesmoke;
  -webkit-border-radius: 0px 0px 10px 10px;
  -moz-border-radius: 0px 0px 10px 10px;
  border-radius: 0px 0px 10px 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 100%;
  color: #424242;
  font-size: 13px;
}
.m-main .m-card-where-pub ul,
.m-main .m-card-where-pub li {
  list-style-type: none;
}
.m-main .m-card-where-pub ul {
  margin-bottom: 0px;
}
.m-main .m-card-where-pub a {
  width: 100%;
  text-decoration: none;
  color: #424242;
}
.m-main .m-card-where-pub .sc {
  padding-left: 8px;
}
.m-main .m-card-where-pub .s {
  padding-left: 16px;
}
.m-main .m-card-where-pub .c {
  padding-left: 48px;
}
.m-main .m-card-where-pub li {
  display: inline-flex;
  width: 100%;
  margin-bottom: 5px;
  margin-top: 5px;
}
.m-main .m-card-where-pub li div {
  padding-top: 3px;
}
.m-main .m-card-where-pub li div:hover {
  background-color: #e5e5e5;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
}
.m-main .m-card-where-pub li span {
  width: 100%;
  display: inline-flex;
  align-items: center;
  height: 20px;
  padding-left: 8px;
}
.m-main .m-card-where-pub li span:hover {
  background-color: #e5e5e5;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
}
.old .sk-fading-circle {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
}
.old .sk-fading-circle .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.old .sk-fading-circle .sk-circle:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #333333;
  border-radius: 100%;
  -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
  animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}
.old .sk-fading-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}
.old .sk-fading-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}
.old .sk-fading-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.old .sk-fading-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
}
.old .sk-fading-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg);
}
.old .sk-fading-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.old .sk-fading-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg);
}
.old .sk-fading-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg);
}
.old .sk-fading-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.old .sk-fading-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg);
}
.old .sk-fading-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg);
}
.old .sk-fading-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.old .sk-fading-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.old .sk-fading-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.old .sk-fading-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
.old .sk-fading-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
.old .sk-fading-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
.old .sk-fading-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.old .sk-fading-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
.old .sk-fading-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
.old .sk-fading-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
.old .sk-fading-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
@-webkit-keyframes sk-circleFadeDelay {
  0%, 39%, 100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
@keyframes sk-circleFadeDelay {
  0%, 39%, 100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
.old .noscroll {
  overflow: hidden;
}
.old .overlay {
  position: fixed;
  overflow-y: scroll;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99999;
}
.old [aria-hidden="true"] {
  display: none;
}
.old [aria-hidden="false"] {
  display: block;
}
.old .overlay div {
  margin: 15vh auto;
  width: 80%;
  max-width: 650px;
  padding: 30px;
  min-height: 200vh;
  background: rgba(255, 255, 255, 0.95);
}
.old .overlay {
  background: rgba(40, 40, 40, 0.75);
}
.c-ali-b {
  background-color: #ff8d74;
}
.c-ali-t {
  color: #ff8d74;
}
.c-agua-b {
  background-color: #70acb7;
}
.c-agua-t {
  color: #70acb7;
}
.c-bio-b {
  background-color: #1cb75b;
}
.c-bio-t {
  color: #1cb75b;
}
.c-energia-b {
  background-color: #efa211;
}
.c-energia-t {
  color: #efa211;
}
.c-residuos-b {
  background-color: #6d5837;
}
.c-residuos-t {
  color: #6d5837;
}
.c-consumo-b {
  background-color: #8685f4;
}
.c-consumo-t {
  color: #8685f4;
}
.c-altclim-b {
  background-color: #f15735;
}
.c-altclim-t {
  color: #f15735;
}
.c-jogos-b {
  background-color: #3476af;
}
.c-jogos-t {
  color: #3476af;
}
.c-curriculares-b {
  background-color: #67bd68;
}
.c-curriculares-t {
  color: #67bd68;
}
.c-provas-b {
  background-color: #6698c3;
}
.c-provas-t {
  color: #6698c3;
}
.c-jogoscur-b {
  background-color: #3ab8aa;
}
.c-jogoscur-t {
  color: #3ab8aa;
}
.c-poderlocal-b {
  background-color: #758beb;
}
.c-poderlocal-t {
  color: #758beb;
}
.c-patrimonio-b {
  background-color: #758beb;
}
.c-patrimonio-t {
  color: #784f40;
}
.c-barcelos-b {
  background-color: #ec6b33;
}
.c-braga-b {
  background-color: #9ab205;
}
.c-guimaraes-b {
  background-color: #379393;
}
.c-famalicao-b {
  background-color: #efa211;
}
.c-barcelos-border {
  border-left: 4px solid #ec6b33 !important;
}
.c-braga-border {
  border-left: 4px solid #9ab205 !important;
}
.c-guimaraes-border {
  border-left: 4px solid #379393 !important;
}
.c-famalicao-border {
  border-left: 4px solid #efa211 !important;
}
.c-left-bar {
  float: left;
  width: 300px;
  -webkit-box-shadow: 0px 0px 36px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 36px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 36px 0px rgba(0, 0, 0, 0.2);
  height: 100%;
  position: absolute;
}
.c-left-bar .c-left-menu .c-selected {
  color: #424242 !important;
  background-color: #e0e0e0;
  border-left: 8px solid #047de8;
}
.c-left-bar .c-left-menu .c-selected .icon {
  color: #424242 !important;
}
.c-left-bar .c-left-menu .c-selected .icon:last-child {
  margin-left: auto;
  color: #424242 !important;
  display: inline-flex !important;
  padding-right: 16px;
}
.c-left-bar .c-left-menu .c-p-16 {
  padding-left: 16px;
}
.c-left-bar .c-left-menu .c-elem {
  height: 72px;
  width: 100%;
  color: #707070;
  font-size: 14px;
  font-weight: 600;
  display: flex;
  align-items: center;
}
.c-left-bar .c-left-menu .c-elem a {
  width: 100%;
  color: inherit;
  /* blue colors for links too */
  text-decoration: inherit;
  /* no underline */
  display: flex;
  align-items: center;
}
.c-left-bar .c-left-menu .c-elem:hover {
  cursor: pointer;
}
.c-left-bar .c-left-menu .c-elem:hover:not(.c-selected) {
  background-color: whitesmoke;
}
.c-left-bar .c-left-menu .c-elem:hover:not(.c-selected) .icon:last-child {
  color: black !important;
  opacity: 0.2;
  margin-left: auto;
  display: inline-flex !important;
  padding-right: 16px;
}
.c-left-bar .c-left-menu .c-elem .icon:first-child {
  padding-left: 24px;
  padding-right: 24px;
}
.c-left-bar .c-bar1 {
  padding-left: 24px;
  font-size: 14px;
  font-weight: 600;
  color: white;
  display: flex;
  align-items: center;
}
.c-left-bar .c-bar1 a {
  text-decoration: none;
  color: inherit;
  align-items: center;
  display: flex;
}
.c-left-bar .c-bar2 {
  margin-left: 34px;
  margin-right: 34px;
  margin-top: 50px;
}
.c-left-bar .c-bar2 .c-legend {
  color: white;
  opacity: 0.5;
  font-size: 14px;
  font-weight: 600;
}
.c-left-bar .c-bar2 .c-title {
  color: white;
  font-size: 18px;
  font-weight: 600;
}
.c-left-bar .c-bar2 .c-sub-menu {
  display: flex;
  justify-content: center;
  font-size: 11px;
  font-weight: 700;
  text-align: center;
  justify-content: space-between;
}
.c-left-bar .c-bar2 .c-sub-menu a {
  color: inherit;
  /* blue colors for links too */
  text-decoration: inherit;
  /* no underline */
  display: flex;
  flex-direction: column;
  width: 59px;
  color: white;
  align-items: center;
}
.c-left-bar .c-bar2 .c-sub-menu a .label-title {
  padding-top: 20px;
}
.c-left-bar .c-bar2 .c-sub-menu .c-selected {
  background-color: white !important;
  border: none !important;
}
.c-left-bar .c-bar2 .c-sub-menu .c-selected .icon {
  color: #047dea !important;
}
.c-left-bar .c-bar2 .c-sub-menu .c-selected .c-selected-icon {
  display: flex !important;
}
.c-left-bar .c-bar2 .c-sub-menu .c-item {
  width: 48px;
  height: 48px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid white;
}
.c-left-bar .c-bar2 .c-sub-menu .c-item:hover {
  background-color: #0697f0;
  cursor: pointer;
}
.c-left-bar .c-bar2 .c-sub-menu .c-item .c-selected-icon {
  position: absolute;
  background-color: white;
  width: 5px;
  height: 5px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  bottom: -15px;
  display: none;
}
.c-container {
  width: 1296px;
  margin: auto;
}
.c-bar1-menu {
  display: flex;
  align-items: center;
  height: 96px;
}
.c-bar1-menu .c-top-menu {
  margin-left: 8px;
  margin-left: auto;
}
.c-bar1-menu .c-go-back {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  opacity: 0.5;
  color: white;
  font-size: 11px;
  font-weight: 600;
  padding-right: 24px;
  border-right: 1px solid white;
  text-decoration: none;
}
.c-bar1-menu .c-go-back span {
  padding-left: 8px;
}
.c-bar1-menu .c-selected {
  background-color: #0587ed;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.c-bar1-menu .tb-menu-elem {
  color: white;
  height: 40px;
  margin-left: 16px;
  display: inline-flex;
  align-items: center;
}
.c-bar1-menu .tb-menu-elem a {
  text-decoration: none;
  color: white;
}
.c-bar1-menu .tb-menu-elem img {
  width: 24px;
  height: 24px;
}
.c-bar1-menu .tb-menu-elem:hover {
  cursor: pointer;
  background-color: #0587ed;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.c-bar1-menu .tb-elem-p-16 {
  padding-left: 16px;
  padding-right: 16px;
}
.c-bar1-menu .tb-elem-p-8 {
  padding-left: 8px;
  padding-right: 8px;
}
.c-right-bar {
  display: inline-flex;
  flex-direction: column;
  width: 100%;
}
.c-right-bar .content-area {
  margin-top: 190px;
}
.c-right-bar .c-main {
  margin-top: -176px;
  width: 100%;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}
.c-right-bar .c-main .c-area {
  background-color: white;
  -webkit-border-radius: 0px 0px 10px 10px;
  -moz-border-radius: 0px 0px 10px 10px;
  border-radius: 0px 0px 10px 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  display: flex;
  /*
            .barcelos {
                color: #ec6b33;

                .c-inner {
                    border-left: 4px solid #ec6b33;
                }


                &:not(.c-selected) {
                    color: #bdbdbd !important;
                }
            }

            .braga {
                color: #9ab205;

                .c-inner {
                    border-left: 4px solid #9ab205;
                }

                &:hover {
                    span {
                        color: #9ab205;
                    }

                    img.c-elem {
                        content: url(/Areas/Feed/Content/images/content_2.0/braga_active.png);
                    }
                }

                &:not(.c-selected) {
                    color: #bdbdbd !important;
                }
            }

            .famalicao {
                color: #efa211;

                .c-inner {
                    border-left: 4px solid #efa211;
                }

                &:hover {
                    span {
                        color: #efa211;
                    }

                    .c-elem {
                        img {
                            content: url(/Areas/Feed/Content/images/content_2.0/famalicao_active.png);
                        }
                    }
                }

                &:not(.c-selected) {
                    color: #bdbdbd !important;
                }
            }

            .guimaraes {
                color: #379393;

                .c-inner {
                    border-left: 4px solid #379393;
                }

                &:hover {
                    span {
                        color: #379393;
                    }

                    .c-elem {
                        img {
                            content: url(/Areas/Feed/Content/images/content_2.0/guimaraes_active.png);
                        }
                    }
                }

                &:not(.c-selected) {
                    color: #bdbdbd !important;
                }
            }*/

}
.c-right-bar .c-main .c-area .c-dropdown-mun-top {
  margin-bottom: 24px;
  text-align: right;
  /* Dropdown Button */

  /* Links inside the dropdown */

  /* Change color of dropdown links on hover */

  /* Show the dropdown menu on hover */

  /* Change the background color of the dropdown button when the dropdown content is shown */

}
.c-right-bar .c-main .c-area .c-dropdown-mun-top span {
  display: inline-flex;
  align-items: center;
  margin-right: 8px;
}
.c-right-bar .c-main .c-area .c-dropdown-mun-top .dropbtn {
  background-color: white;
  color: white;
  font-size: 13px;
  color: #047de8;
  font-weight: 700;
  padding-left: 16px;
  cursor: pointer;
  width: 304px;
  height: 40px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 2px solid #047de8;
  display: flex;
}
.c-right-bar .c-main .c-area .c-dropdown-mun-top .dropbtn span {
  padding-top: 3px;
}
.c-right-bar .c-main .c-area .c-dropdown-mun-top .dropbtn div {
  padding-right: 12px;
}
.c-right-bar .c-main .c-area .c-dropdown-mun-top .dropdown {
  position: relative;
  display: inline-block;
}
.c-right-bar .c-main .c-area .c-dropdown-mun-top .dropdown-content {
  background-color: #047de8;
  color: white;
  width: 304px;
  text-align: left;
  display: none;
  position: absolute;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.c-right-bar .c-main .c-area .c-dropdown-mun-top .dropdown-content div:first-child {
  height: 10px;
}
.c-right-bar .c-main .c-area .c-dropdown-mun-top .dropdown-content div:last-child {
  height: 10px;
}
.c-right-bar .c-main .c-area .c-dropdown-mun-top .dropdown-content div :not(.startend) {
  height: 32px;
}
.c-right-bar .c-main .c-area .c-dropdown-mun-top .dropdown-content div {
  padding-left: 16px;
  text-decoration: none;
  display: flex;
  font-size: 13px;
  font-weight: 500;
}
.c-right-bar .c-main .c-area .c-dropdown-mun-top .dropdown-content div .selected-tick {
  display: none;
}
.c-right-bar .c-main .c-area .c-dropdown-mun-top .selected {
  background-color: #1e95ff;
}
.c-right-bar .c-main .c-area .c-dropdown-mun-top .selected .selected-tick {
  display: flex !important;
}
.c-right-bar .c-main .c-area .c-dropdown-mun-top .dropdown-content div:hover:not(.startend) {
  background-color: #1e95ff;
  cursor: pointer;
}
.c-right-bar .c-main .c-area .c-dropdown-mun-top .dropdown:hover .dropdown-content {
  display: block;
}
.c-right-bar .c-main .c-area .c-activities {
  padding: 32px 24px 48px 24px;
}
.c-right-bar .c-main .c-area .c-activities a {
  display: inline-flex;
}
.c-right-bar .c-main .c-area .c-activities .c-subAreas {
  display: inline-table;
}
.c-right-bar .c-main .c-area .c-activities .c-subAreas .c-elem {
  width: 248px !important;
}
.c-right-bar .c-main .c-area .c-activities .c-mun-menu {
  margin-bottom: 32px;
  display: flex;
}
.c-right-bar .c-main .c-area .c-activities .c-mun-menu .c-text {
  font-size: 16px;
  color: #424242;
  display: inline-flex;
}
.c-right-bar .c-main .c-area .c-activities .c-mun-menu .c-selected {
  color: white;
}
.c-right-bar .c-main .c-area .c-activities .c-mun-menu .c-selected .icon {
  color: white !important;
}
.c-right-bar .c-main .c-area .c-activities .c-mun-menu .c-labels {
  display: inline-flex;
  margin-left: auto;
  font-size: 13px;
  align-items: center;
}
.c-right-bar .c-main .c-area .c-activities .c-mun-menu .c-labels .c-menu-elem:not(.c-selected) {
  background-color: white !important;
  color: #a3a3a3;
  background-color: whitesmoke !important;
}
.c-right-bar .c-main .c-area .c-activities .c-mun-menu .c-labels .c-menu-elem:not(.c-selected):hover {
  cursor: pointer;
}
.c-right-bar .c-main .c-area .c-activities .c-mun-menu .c-labels .c-menu-elem {
  display: flex;
  height: 32px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-right: 16px;
  display: inline-flex;
  align-items: center;
}
.c-right-bar .c-main .c-area .c-activities .c-mun-menu .c-labels .icon {
  padding-left: 12px;
}
.c-right-bar .c-main .c-area .c-activities .c-mun-menu .c-labels .c-name {
  padding-left: 8px;
  padding-right: 16px;
}
.c-right-bar .c-main .c-area .c-activities table {
  table-layout: fixed;
  width: 100%;
}
.c-right-bar .c-main .c-area .c-activities table th {
  background-color: whitesmoke;
  width: 100%;
  font-size: 13px;
  font-weight: 600;
  color: #707070;
  text-align: left;
}
.c-right-bar .c-main .c-area .c-activities table th:nth-child(1) {
  padding-left: 40px;
  width: 50%;
}
.c-right-bar .c-main .c-area .c-activities table th:nth-child(2) {
  width: 20%;
}
.c-right-bar .c-main .c-area .c-activities table th:nth-child(3) {
  width: 20%;
}
.c-right-bar .c-main .c-area .c-activities table th:nth-child(4) {
  width: 10%;
}
.c-right-bar .c-main .c-area .c-activities table .header {
  height: 40px !important;
}
.c-right-bar .c-main .c-area .c-activities table tr {
  height: 72px;
  border-bottom: 1px solid #e5e5e5;
}
.c-right-bar .c-main .c-area .c-activities table tr:not(:first-child) {
  font-size: 14px;
  color: #707070;
}
.c-right-bar .c-main .c-area .c-activities table tr:hover {
  background-color: #f0f0f0;
}
.c-right-bar .c-main .c-area .c-activities table tr td:nth-child(1) {
  padding-left: 40px;
}
.c-right-bar .c-main .c-area .c-activities table tr td:nth-child(4) {
  text-align: center;
}
.c-right-bar .c-main .c-area .c-activities table tr td:nth-child(4) a {
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 72px;
  color: #424242;
  font-weight: 700;
}
.c-right-bar .c-main .c-area .c-activities table tr td:nth-child(4) span {
  margin-left: 8px;
}
.c-right-bar .c-main .c-area .c-activities table tr td:nth-child(4):hover {
  cursor: pointer;
}
.c-right-bar .c-main .c-area .c-activities table tr td:nth-child(4):hover a {
  color: #047de8 !important;
}
.c-right-bar .c-main .c-area .c-activities table tr td:nth-child(4):hover .icon {
  color: #047de8 !important;
}
.c-right-bar .c-main .c-area .c-activities .c-elem {
  border: 1px solid #e5e5e5;
  margin-bottom: 16px;
  width: 222px;
  display: inline-table;
  margin-right: 12px;
}
.c-right-bar .c-main .c-area .c-activities .c-elem:nth-of-type(4n) {
  margin-right: 0px;
}
.c-right-bar .c-main .c-area .c-activities .c-elem .c-act-image {
  margin: 8px;
  position: relative;
}
.c-right-bar .c-main .c-area .c-activities .c-elem .c-act-image img {
  width: 100%;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.c-right-bar .c-main .c-area .c-activities .c-elem .c-over-text {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -48px;
  margin-top: -20px;
  width: 96px;
  border: 2px solid white;
  color: white !important;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 14px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  display: none;
}
.c-right-bar .c-main .c-area .c-activities .c-elem .c-over-text:hover {
  background-color: white;
  color: #424242 !important;
}
.c-right-bar .c-main .c-area .c-activities .c-elem .c-over {
  background-color: black;
  opacity: 0.5;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  display: none;
}
.c-right-bar .c-main .c-area .c-activities .c-elem:hover {
  cursor: pointer;
  background-color: #e5e5e5;
}
.c-right-bar .c-main .c-area .c-activities .c-elem:hover .c-over {
  display: block;
}
.c-right-bar .c-main .c-area .c-activities .c-elem:hover .c-over-text {
  display: flex;
}
.c-right-bar .c-main .c-area .c-activities .c-elem .c-act-name {
  padding-left: 16px;
  height: 64px;
  display: flex;
  align-items: center;
}
.c-right-bar .c-main .c-area .c-activities .c-elem .c-act-name .c-inner {
  padding-left: 16px;
}
.c-right-bar .c-main .c-area .c-activities .c-elem .c-act-name .c-title {
  font-size: 14px;
  font-weight: 600;
  color: #424242;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.c-right-bar .c-main .c-area .c-activities .c-elem .c-act-name .c-subtitle {
  font-size: 13px;
  color: #424242;
}
.c-right-bar .c-main .c-area .c2-mun {
  width: 112px;
  margin-left: auto;
  background-color: whitesmoke;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px;
}
.c-right-bar .c-main .c-area .c2-mun .c-elem {
  text-align: center;
}
.c-right-bar .c-main .c-area .c2-mun .c-elem img {
  padding-bottom: 12px;
}
.c-right-bar .c-main .c-area .c2-mun .c-elem span {
  padding-bottom: 25px;
  font-size: 12px;
  font-weight: 600;
  display: inline-flex;
}
.c-right-bar .c-main .c-area .c2-mun .c-elem:hover {
  cursor: pointer;
}
.c-right-bar .c-main .c-main-top-bar {
  width: 100%;
  background-color: #70acb7;
  height: 104px;
  -webkit-border-radius: 10px 10px 0px 0px;
  -moz-border-radius: 10px 10px 0px 0px;
  border-radius: 10px 10px 0px 0px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  display: inline-flex;
  align-items: center;
}
.c-right-bar .c-main .c-main-top-bar .c-main-top-bar-out {
  display: inline-flex;
  align-items: flex-end;
  width: 100%;
  margin-right: 26px;
}
.c-right-bar .c-main .c-main-top-bar .c-top-icon {
  margin-left: 28px;
  height: 48px;
  width: 48px;
  border: 2px solid white;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.c-right-bar .c-main .c-main-top-bar .c-menu-right {
  display: inline-flex;
  margin-left: auto;
  font-size: 14px;
  font-weight: 600;
}
.c-right-bar .c-main .c-main-top-bar .c-menu-right .c-selected {
  opacity: 1;
}
.c-right-bar .c-main .c-main-top-bar .c-menu-right .c-selected::after {
  content: '';
  position: absolute;
  width: 42px;
  height: 3px;
  background: white;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.c-right-bar .c-main .c-main-top-bar .c-menu-right span {
  padding-bottom: 15px;
  margin-left: 32px;
  position: relative;
  color: white;
  opacity: 0.5;
}
.c-right-bar .c-main .c-main-top-bar .c-menu-right span:hover {
  cursor: pointer;
}
.c-right-bar .c-main .c-main-top-bar .c-top-text {
  display: inline-flex;
  margin-left: 14px;
  color: white;
}
.c-right-bar .c-main .c-main-top-bar .c-top-text .c-title {
  font-size: 16px;
  font-weight: 600;
}
.c-right-bar .c-main .c-main-top-bar .c-top-text .c-subtitle {
  font-size: 13px;
}
.c-right-bar .c-main .c-main-img {
  width: 100%;
}
.c-right-bar .c-main .c-main-img img {
  -webkit-border-radius: 10px 10px 0px 0px;
  -moz-border-radius: 10px 10px 0px 0px;
  border-radius: 10px 10px 0px 0px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.c-right-bar .c-main .c-main-img .c-main-menu {
  height: 48px;
  bottom: 0px;
  opacity: 0.7;
  background-color: black;
  margin-top: -48px;
}
.c-right-bar .c-main .c-main-img .c-main-menu .c-selected {
  border-bottom: 3px solid white;
}
.c-right-bar .c-main .c-main-img .c-main-menu .c-elem {
  width: 25%;
  float: left;
  color: white;
  height: 100%;
  border-bottom: 3px solid transparent;
  display: flex;
  align-items: center;
  justify-content: center;
}
.c-right-bar .c-main .c-main-img .c-main-menu .c-elem:hover {
  border-bottom: 3px solid white;
  cursor: pointer;
}
.c-top-bar .c-bar1 {
  height: 80px;
}
.c-top-bar .c-bar2 {
  height: 200px;
}
.c-top-bar2 {
  height: 96px;
  background-color: #047de8;
}
.c-footer {
  background-color: #104a81;
  color: #87a5c0;
  font-size: 10px;
  padding-top: 40px;
  margin-top: 50px;
  margin-left: 312px;
}
.c-footer .footertopout {
  border-bottom: 1px solid #87a5c0;
}
.c-footer .logo {
  padding-left: 24px;
}
.c-footer .footertop {
  position: relative;
  min-height: 140px;
}
.c-footer .footerbottom {
  min-height: 60px;
  margin-top: 13px;
  position: relative;
}
.c-footer .disc {
  position: absolute;
  right: 0;
  top: 15px;
}
.c-footer .menu {
  padding-right: 24px;
  display: inline-block;
  position: absolute;
  right: 0;
}
.c-footer .menu .column {
  padding-left: 36px;
  display: inline-block;
  float: left;
}
.c-footer .menu .column .title {
  padding-bottom: 26px;
}
.c-footer .menu .column .item {
  padding-bottom: 13px;
}
.c-footer .menu .column .item a:hover {
  color: white;
  cursor: pointer;
}
@media screen and (min-width: 1634px) and (max-width: 4000px) {
  .c-activities .c-elem {
    width: 300px !important;
  }
  .c-activities a:not(.pdf) {
    width: 300px !important;
  }
}
@media screen and (min-width: 1450px) and (max-width: 1634px) {
  .voltaTopo {
    display: none;
  }
  .c-container {
    width: 1096px !important;
  }
  .activity-area {
    width: 900px !important;
    margin-top: 25px;
  }
  .c-activities .c-elem {
    width: 250px !important;
  }
  .c-activities a:not(.pdf) {
    width: 250px !important;
  }
}
@media screen and (min-width: 720px) and (max-width: 1450px) {
  .voltaTopo {
    display: none;
  }
  .c-container {
    width: 960px !important;
  }
  .activity-area {
    width: 800px !important;
    margin-top: 25px;
  }
  .c-activities .c-elem {
    width: 216px !important;
  }
  .c-activities a:not(.pdf) {
    width: 216px !important;
  }
}
.errorFlashContent a {
  color: white;
}
.popup-codes-shared {
  display: none;
  position: absolute;
  z-index: 3000;
  top: 104px;
  left: 50%;
  background-color: white;
  padding: 40px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.popup-codes-shared .border-bottom {
  margin-top: 30px;
  border-bottom: 2px solid #047dea;
  width: 32px;
}
.popup-codes-shared .title {
  margin-top: 14px;
  margin-bottom: 24px;
  font-size: 16px;
  font-weight: 700;
  color: #047dea;
}
.popup-codes-shared .sub-title {
  margin-bottom: 30px;
  font-size: 16px;
  font-weight: 600;
  color: #424242;
}
.popup-codes-shared .text {
  font-size: 16px;
  color: #424242;
  margin-bottom: 26px;
}
.popup-codes-shared .text div {
  margin-bottom: 30px;
}
.popup-codes-shared .p-button {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  width: 148px;
  height: 40px;
  font-size: 14px;
  font-weight: 700;
  margin-top: 60px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #047dea;
  color: #047dea;
}
.popup-codes-shared .p-button:hover {
  border: 2px solid #047dea;
  cursor: pointer;
}
.popup-codes-shared .p-icon {
  width: 48px;
  height: 48px;
  background-color: #047dea;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin: auto;
  margin-top: 8px;
  margin-bottom: 23px;
}
.popup-codes-shared .p-title2 {
  font-size: 20px;
  font-weight: 600;
  color: #047dea;
  margin: auto;
  margin-bottom: 32px;
  text-align: center;
}
.popup-codes-shared .p-text2 {
  font-size: 16px;
  color: #424242;
  margin: auto;
  text-align: center;
}
.p-close {
  position: absolute;
  right: 16px;
  top: 16px;
}
.p-close:hover {
  cursor: pointer;
}
.p-close:hover div {
  color: gray !important;
}
.popup-confirm-generation {
  margin-left: -280px;
  /* negative half the size of width */
  width: 560px;
}
.popup-confirm-generation .p-button {
  margin-top: 48px !important;
}
.popup-confirm-codes {
  margin-left: -280px;
  /* negative half the size of width */
  width: 560px;
}
.popup-confirm-codes .p-button {
  margin-top: 48px !important;
}
.popup-codes {
  margin-left: -394px;
  /* negative half the size of width */
  width: 788px;
}
.overlay-codes {
  opacity: 0.5;
  background: black;
  width: 100%;
  height: 100%;
  z-index: 2000;
  top: 0;
  left: 0;
  position: fixed;
  display: none;
}
.olimpiadas {
  display: flex;
  flex-direction: column;
}
.olimpiadas .blue-bar {
  height: 80px;
  color: white;
  font-size: 21px;
  font-weight: 600;
}
.olimpiadas .blue-horizontal {
  height: 4px;
  border-bottom: 4px solid #39ccdc;
  width: 32px;
  margin: auto;
  margin-top: 48px;
  margin-bottom: 13px;
}
.olimpiadas .title-bar {
  height: 80px;
  margin-top: -80px;
  -webkit-border-radius: 10px 10px 0px 0px;
  -moz-border-radius: 10px 10px 0px 0px;
  border-radius: 10px 10px 0px 0px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 960px;
  margin: auto;
  justify-content: center;
  display: flex;
  align-items: center;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}
.olimpiadas .actual-image {
  display: flex;
  align-items: center;
  justify-content: center;
}
.olimpiadas .actual-image iframe {
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.olimpiadas .main {
  background-color: white;
  width: 960px;
  margin: auto;
  justify-content: center;
  display: flex;
  font-size: 16px;
  color: #424242;
  font-weight: 600;
  padding: 24px;
  padding-bottom: 64px;
  flex-direction: column;
  -webkit-border-radius: 0px 0px 10px 10px;
  -moz-border-radius: 0px 0px 10px 10px;
  border-radius: 0px 0px 10px 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}
.olimpiadas .main .text-wrap {
  margin-left: 124px;
  margin-right: 124px;
}
.olimpiadas .main .title {
  font-size: 18px;
  font-weight: 600;
  padding-bottom: 10px;
  margin-bottom: 24px;
  border-bottom: 1px solid #e5e5e5;
  display: flex;
}
.olimpiadas .main .title .time {
  font-size: 14px;
  font-weight: 400;
  margin-left: auto;
}
.olimpiadas .main .title .highlighted {
  font-weight: 700;
  color: #047de8;
  font-size: 14px;
  padding-left: 8px;
}
.olimpiadas .main .title2 {
  font-size: 18px;
  font-weight: 800;
  color: #424242;
  display: flex;
  margin-bottom: 36px;
  justify-content: center;
}
.olimpiadas .main .text {
  font-size: 14px;
  font-weight: 600;
  color: #424242;
  padding-bottom: 40px;
  border-bottom: 1px solid #e5e5e5;
}
.olimpiadas .main a {
  text-decoration: none;
}
.olimpiadas .main .right {
  margin-left: auto;
  display: flex;
}
.olimpiadas .main .button-blue {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 45px;
  width: 125px;
  background-color: #5d8ffb;
  color: white;
  font-size: 14px;
  font-weight: 700;
  -webkit-border-radius: 22px;
  -moz-border-radius: 22px;
  border-radius: 22px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 4px solid #d7e9ff;
  margin-top: 24px;
}
.olimpiadas .main .button-blue:hover:not(.voted) {
  cursor: pointer;
  background-color: #3f6ff9;
}
.olimpiadas .main .actual-image img {
  margin-top: 16px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 100%;
}
.contest {
  display: flex;
  flex-direction: column;
}
.contest .blue-bar {
  height: 96px;
  color: white;
  font-size: 21px;
  font-weight: 600;
}
.contest .title-bar {
  height: 96px;
  margin-top: -96px;
  -webkit-border-radius: 10px 10px 0px 0px;
  -moz-border-radius: 10px 10px 0px 0px;
  border-radius: 10px 10px 0px 0px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 100%;
  max-width: 980px;
  margin: auto;
  justify-content: center;
  display: flex;
  align-items: center;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}
.contest .main {
  background-color: white;
  width: 100%;
  max-width: 980px;
  margin: auto;
  justify-content: center;
  display: flex;
  font-size: 16px;
  color: #424242;
  font-weight: 600;
  padding: 24px;
  padding-bottom: 64px;
  flex-direction: column;
  -webkit-border-radius: 0px 0px 10px 10px;
  -moz-border-radius: 0px 0px 10px 10px;
  border-radius: 0px 0px 10px 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}
.contest .main .tabs {
  display: flex;
  justify-content: center;
  margin: auto;
  height: 32px;
  width: 224px;
  border: 1px solid #3891ff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 12px;
  color: #047de8;
  font-weight: 700;
  align-items: center;
  margin-bottom: 24px;
}
.contest .main .tabs .cell {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.contest .main .tabs .cell:hover {
  background-color: #3891ff;
  color: white;
  cursor: pointer;
}
.contest .main .tabs .selected {
  background-color: #3891ff;
  color: white;
}
.contest .main .title {
  font-size: 18px;
  font-weight: 600;
  padding-bottom: 10px;
  margin-bottom: 24px;
  border-bottom: 1px solid #e5e5e5;
  display: flex;
}
.contest .main .title .time {
  font-size: 14px;
  font-weight: 400;
  margin-left: auto;
}
.contest .main .title .highlighted {
  font-weight: 700;
  color: #047de8;
  font-size: 14px;
  padding-left: 8px;
}
.contest .main .title2 {
  font-size: 18px;
  font-weight: 600;
  padding-top: 24px;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 11px;
}
.contest .main .list {
  padding-top: 26px;
  display: flex;
  flex-wrap: wrap;
}
.contest .main .list .challenge {
  position: relative;
  width: 280px;
  margin: 8px;
  margin-bottom: 24px;
}
.contest .main .list .challenge .areaIconRound {
  position: absolute;
  z-index: 1;
  display: grid;
  right: 0;
  margin-right: 5px;
}
.contest .main .list .challenge .areaIconRound .iconRound {
  display: inline-flex;
  width: 30px;
  height: 30px;
  cursor: pointer;
  background-color: white;
  border-radius: 50%;
  font-size: 19px;
  color: #3775fb;
  align-items: center;
  justify-content: center;
  margin-top: 5px;
  opacity: 0.8;
}
.contest .main .list .challenge .lblDestaque {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 19px;
  width: 72px;
  color: white;
  font-size: 11px;
  font-weight: 600;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #f24a00;
}
.contest .main .list .challenge .lblBreve {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 19px;
  width: 86px;
  color: #f24a00;
  font-size: 11px;
  font-weight: 600;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #f24a00;
}
.contest .main .list .challenge .btnPlay {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 48px;
  width: 152px;
  background-color: #5d8ffb;
  color: white;
  font-size: 14px;
  font-weight: 700;
  -webkit-border-radius: 22px;
  -moz-border-radius: 22px;
  border-radius: 22px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 4px solid #d7e9ff;
  margin-top: 16px;
  margin-left: auto;
  margin-right: auto;
  cursor: pointer;
}
.contest .main .list .challenge .btnPlay a {
  text-decoration: none;
  color: white;
}
.contest .main .list .challenge .btnPlay:hover {
  cursor: pointer;
  background-color: #3f6ff9;
}
.contest .main .list .challenge .image-finish {
  position: absolute;
}
.contest .main .list .challenge .challenge-image {
  width: 280px;
  height: 240px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  object-fit: cover;
}
.contest .main .list .challenge .name {
  display: inline;
  padding-top: 13px;
  font-size: 14px;
  font-weight: 700;
  color: #424242;
}
.contest .main .list .challenge .date {
  font-size: 13px;
  font-weight: 600;
  color: #477ce4;
  padding-top: 2px;
  padding-left: 8px;
}
.contest .main .actual-image img {
  margin-top: 16px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 100%;
}
.activity-area {
  width: 1072px;
  height: 648px;
  margin: auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  padding: 24px 24px 24px 24px;
  background-color: white;
  position: relative;
  margin-top: 57px;
}
.activity-area .close-activity-area {
  font-size: 24px;
  width: 48px;
  height: 48px;
  display: flex;
  background-color: #ff7151;
  color: white;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  position: absolute;
  top: 0px;
  right: -72px;
  justify-content: center;
  align-items: center;
}
.activity-area .close-activity-area:hover {
  cursor: pointer;
}
.activity-area .activity-area-inner {
  background-color: #e5e5e5;
  outline: 2px solid #e5e5e5;
  height: 100%;
}
.fancybox-container .fancybox-bg {
  background: rgba(17, 74, 128, 0.9);
}
.fancybox-container .fancybox-inner {
  right: 0 !important;
}
.fancybox-container .fancybox-inner .fancybox-image {
  /*box-shadow:0 10px 25px rgba(0, 0, 0, 0.5);*/
  border-radius: 4px;
  background: #f9f9f9;
}
.fancybox-container .fancybox-thumbs.fancybox-thumbs-x {
  top: initial;
  width: 100%;
}
.fancybox-container .fancybox-thumbs {
  background: transparent;
}
.fancybox-container .fancybox-thumbs .fancybox-thumbs__list a {
  background-color: white;
  width: 50px;
  height: 50px;
}
.fancybox-container .fancybox-thumbs .fancybox-thumbs__list a:before {
  border: 2px solid #222222;
}

.nav-no-login {
  height: 104px;
  font-size: 12px;
}
.nav-no-login .inner {
  max-width: 1230px;
}
.nav-no-login .loginBtnMenu li {
  background-color: white;
  color: #3775fb !important;
  -webkit-border-radius: 18px !important;
  -moz-border-radius: 18px !important;
  border-radius: 18px !important;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  height: 40px !important;
}
#navbar ul .dropdown.active {
  background-color: #2a62fa;
  border-radius: 18px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  border: 4px solid #4082fc;
  padding-bottom: 5px;
  padding-top: 4px;
}
#navbar ul .dropdown {
  display: inline-flex;
  border: 4px solid transparent;
  padding-left: 10px;
  padding-right: 10px;
  line-height: 24px;
  padding-top: 4px;
  padding-bottom: 5px;
}
#navbar ul .dropdown:hover:not(.active) {
  background-color: #2a62fa;
  border-radius: 18px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  border: 4px solid #4082fc;
  padding-bottom: 5px;
  padding-top: 4px;
}
#navbar ul li .languageSel .itemDown:hover {
  background-color: #ffffff61;
}
#navbar ul li a:hover:not(.active):not(.btnEntrar):not(.languageSel) {
  background-color: #2a62fa;
  border-radius: 18px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  padding-bottom: 0px;
  padding-top: 6px;
}
.navbar-default .navbar-nav > li.active > a {
  background-color: #2a62fa;
  -webkit-border-radius: 18px !important;
  -moz-border-radius: 18px !important;
  border-radius: 18px !important;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  border: 4px solid #4082fc;
  height: 40px;
  padding-top: 6px;
}
.navbar-brand {
  padding: 0px;
}
.navbar-brand img {
  display: inline-flex;
  max-height: 64px;
}
.navbar-nav > li > a {
  /*padding-top: 6px;*/
  /*border: 4px solid #3775fb;*/
  height: 40px;
  padding-left: 10px;
  padding-right: 10px;
  border: 4px solid transparent;
  padding-top: 6px;
}
.navbar-right {
  color: white;
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  font-weight: 700;
}
.dropdown-menu {
  right: 0;
  left: auto;
  position: absolute;
  background-color: white;
  min-width: 200px;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.75);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  border-radius: 10px !important;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  z-index: 1000;
  flex-direction: column;
  color: #424242;
  top: 36px;
  right: -10px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: right;
}
.dropdown-menu .dropdown-header {
  color: #707070;
  font-size: 11px;
  font-weight: 600;
  background-color: #f0f0f0;
  width: 100%;
  border-top: 1px solid #e5e5e5;
  height: 24px;
  display: grid;
  align-items: center;
  padding-right: 16px;
}
.dropdown-menu li > a {
  padding: 3px 20px;
  clear: both;
  line-height: 1.42857143;
  white-space: nowrap;
  padding-right: 16px;
  display: grid !important;
  align-items: center;
  height: 40px;
  border-top: 1px solid #e5e5e5;
  font-size: 13px;
  font-weight: 600;
}
.dropdown-menu li > a:hover {
  background-color: whitesmoke !important;
  border: 0px !important;
  border-radius: 0px !important;
  padding-top: 0px !important;
  border-top: 1px solid #e5e5e5 !important;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
  background-color: white;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus {
  background-color: transparent;
  border-color: transparent;
}
.navbar-default .navbar-toggle {
  border-color: transparent !important;
  margin-right: 6px;
}
.navbar-default .navbar-toggle:hover {
  background-color: transparent;
}
.navbar-default .navbar-toggle:focus {
  background-color: transparent;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: white;
  height: 3px !important;
}
.navbar-nav > li > .btnEntrar:focus {
  background-color: white !important;
}
.container.topNavBar {
  margin-right: initial;
  margin-left: initial;
  padding-left: 0px;
}
.navbar.navbar-default.navbar-static-top {
  background-color: #3775fb;
  height: auto;
  min-height: 104px;
  justify-content: center;
}
.navbar.navbar-default.navbar-static-top.Gondomar {
  background-color: transparent !important;
  height: auto;
  min-height: 104px;
  justify-content: center;
}
.force-overlay-showee {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  display: none;
  background-color: rgba(0, 0, 0, 0.5);
  /*dim the background*/

}
.showEE {
  width: 274px;
  position: absolute;
  left: 50%;
  background-color: white;
  border-radius: 10px;
  text-align: left;
  z-index: 10001;
  /* 1px higher than the overlay layer */
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 18px;
  padding-bottom: 28px;
  margin-top: 102px;
  display: flex;
  flex-direction: column;
  margin-left: -46px;
}
.showEE .upArrow2 {
  top: -8px;
  position: absolute;
}
.showEE span {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.showEE .t {
  font-size: 13px;
  font-weight: 600;
  color: #424242;
}
.showEE .b {
  font-size: 14px;
  font-weight: 700;
  color: #3775fb;
  padding-top: 20px;
}
.showEE .b:hover {
  cursor: pointer;
}
.showEE:hover {
  cursor: default;
}
.navbar.navbar-default.navbar-static-top.amadotec {
  min-height: 100px;
}
.navbar.navbar-default.navbar-static-top.amadotec #navbar .navbar-right {
  padding-top: 29px !important;
}

.topBarLogin.embedded {
  height: 62px !important;
  position: fixed;
  z-index: 99999;
  right: 0;
  left: 0;
  top: 0;
}
.topBarLogin.embedded .main {
  height: 62px !important;
  font-weight: 600;
  margin-bottom: 0px;
  -webkit-border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  border-radius: 10px !important;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-shadow: 1px 1px 10px 0 #00000033;
}
.topBarLogin.embedded .main .AreaBtnsIcons {
  height: 100%;
  margin-right: 19px;
}
.topBarLogin.embedded .main .active {
  border-radius: 0px !important;
  border-bottom: 8px solid white !important;
  padding-top: 28px !important;
}
.topBarLogin.embedded .main .buttons .normalBtn {
  padding-top: 24px !important;
}
.topBarLogin.embedded .main .buttons .normalBtn:hover {
  padding-top: 24px !important;
}
.topBarLogin.embedded .main .buttons a:first-child li {
  border-top-left-radius: 10px !important;
  border-bottom-left-radius: 10px !important;
}
.topBarLogin.embedded .main .buttons a:first-child li:hover {
  border-top-left-radius: 10px !important;
  border-bottom-left-radius: 10px !important;
}
.topBarLogin.embedded .main .topBarLogin.embedded .main li:hover {
  border-radius: 0px !important;
  background-color: #154096;
}
.topBarLogin.embedded .main .dropdown-notification .dropdown-content {
  top: 54px;
}
.topBarLogin.embedded .main #dropdown-notification {
  top: 62px;
  left: -288px;
}
.topBarLogin.embedded .main .dropdown-content {
  top: 62px;
  -webkit-border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  border-radius: 10px !important;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding-left: 10px;
}
.topBarLogin.embedded .main .notification-number {
  top: 15px;
}
.topBarLogin.embedded .main .topBarLogin.embedded .main li:hover:not(.active) {
  background-color: #154096;
}
.topBarLogin.embedded .main .selected {
  border-radius: 0px !important;
  border-bottom: 8px solid white !important;
  padding-top: 28px !important;
}
.topBarLogin.embedded .main .inner {
  margin: 0;
}
.topBarLogin.embedded .main a {
  height: 100%;
}
.topBarLogin.embedded .main li {
  height: 100%;
  border: 0px !important;
  border-radius: 0px !important;
  font-size: 13px;
  font-weight: 600;
  line-height: 15px;
  margin-left: 0px;
  padding: 20px;
  margin-top: 0px;
  color: white;
}
.topBarLogin.embedded .main li:hover:not(.not-selected) {
  border-radius: 0px !important;
  border-bottom: 8px solid white !important;
  padding-top: 28px !important;
}
.topBarLogin.embedded .main ul {
  height: 100%;
}

@keyframes reverse-height {
  from {
    transform: translateY(-100px);
  }
  to {
    transform: translateY(0px);
  }
}
.topBarLogin.fixedPosition {
  position: fixed;
  width: 100%;
  z-index: 88;
  top: 0;
  height: 50px;
  animation: reverse-height 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.topBarLogin.fixedPosition .dropdown-content {
  top: 44px;
}
.topBarLogin.fixedPosition .top-nav-bar-area {
  display: none !important;
}
.topBarLogin {
  margin-bottom: 24px;
  position: sticky;
  top: -70px;
  z-index: 88;
  height: 120px;
  display: flex;
  flex-flow: column;
}
.topBarLogin a {
  text-decoration: none !important;
  color: inherit !important;
}
.topBarLogin a:hover {
  color: white;
  cursor: pointer;
}
.topBarLogin ul {
  list-style-type: none;
  margin-top: 0;
  margin-bottom: 0px;
}
.topBarLogin ul li {
  display: inline;
}
.topBarLogin .dropdown-notification {
  position: relative;
  margin-left: 5px;
  margin-right: 5px;
}
.topBarLogin .icons-drop-area {
  top: 62px !important;
}
.topBarLogin .badges-number {
  color: white;
  -webkit-border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  border-radius: 10px !important;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  padding-left: 4px !important;
  padding-right: 4px !important;
  padding-top: 1px !important;
  padding-bottom: 2px !important;
  position: relative;
  min-width: 24px;
  width: 100%;
  height: 20px;
}
.topBarLogin .opensuggest-number {
  background-color: #ff4155;
  color: white;
  -webkit-border-radius: 8px !important;
  -moz-border-radius: 8px !important;
  border-radius: 8px !important;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  right: 2px;
  top: 4px;
  position: relative;
  width: 24px;
  height: 19px;
  font-size: 11px;
  width: fit-content;
  margin-left: 6px;
  padding: 2px !important;
  margin-bottom: 7px;
  min-width: 20px;
}
.topBarLogin .notification-number {
  background-color: #ff4155;
  color: white;
  -webkit-border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  border-radius: 10px !important;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 8px;
  margin-left: 3px;
  padding-left: 4px !important;
  padding-right: 4px !important;
  padding-top: 1px !important;
  padding-bottom: 2px !important;
  position: relative;
  min-width: 24px;
  width: 100%;
  height: 20px;
}
.topBarLogin .show-notification .unread {
  background-color: #e1ebff;
  border-bottom: 1px solid #d4e2ff !important;
}
.topBarLogin .show-notification .unread:hover {
  background-color: #dfe7fa;
}
.topBarLogin .show-notification a {
  text-decoration: none;
}
.topBarLogin .show-notification .downbar {
  text-align: center;
  height: 32px;
  -webkit-border-radius: 0px 0px 10px 10px;
  -moz-border-radius: 0px 0px 10px 10px;
  border-radius: 0px 0px 10px 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.topBarLogin .show-notification .downbar a {
  height: 32px;
  color: #707070 !important;
  font-size: 11px;
  font-weight: 700;
  border: none;
  border-bottom: 1px solid #e5e5e5;
  border-top: none !important;
  -webkit-border-radius: 0px 0px 10px 10px;
  -moz-border-radius: 0px 0px 10px 10px;
  border-radius: 0px 0px 10px 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 5px;
}
.topBarLogin .show-notification .downbar a:hover {
  color: #477ce4;
}
.topBarLogin .show-notification a:not(.downbar_a) {
  height: 64px !important;
  display: flex;
  align-content: center;
  padding: 8px !important;
  border-bottom: 1px solid #e5e5e5;
  border-top: none !important;
}
.topBarLogin .show-notification a:not(.downbar_a) .avatar {
  -webkit-border-radius: 100% !important;
  -moz-border-radius: 100% !important;
  border-radius: 100% !important;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  width: 48px;
  height: 48px;
  margin-right: 8px;
}
.topBarLogin .show-notification a:not(.downbar_a) .text {
  font-size: 13px;
  color: #424242;
  margin-bottom: 5px;
}
.topBarLogin .show-notification a:not(.downbar_a) .details {
  font-size: 12px;
  color: #707070;
  display: flex;
}
.topBarLogin .show-notification a:not(.downbar_a) .icon {
  display: inline-flex;
  font-size: 18px;
  margin-right: 7px;
}
.topBarLogin .show-notification a:not(.downbar_a) .right {
  display: flex;
  flex-direction: column;
  text-align: left;
  justify-content: center;
}
.topBarLogin .show-notification a:not(.downbar_a) .right span {
  padding-left: 0px !important;
}
.topBarLogin .show-notification a:not(.downbar_a):hover {
  background-color: whitesmoke;
}
.topBarLogin .notifications {
  flex: 1 0 auto;
}
.topBarLogin .notifications .main-notifications {
  background-color: white;
  width: 960px;
  margin: auto;
  -webkit-border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  border-radius: 10px !important;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin-top: 0px !important;
  padding-bottom: 50px;
}
.topBarLogin .notifications .main-notifications .top-bar {
  font-weight: 600;
  margin-left: 24px;
  margin-right: 24px;
  display: flex;
  align-items: center;
  height: 64px;
  border-bottom: 1px solid #ebebeb;
}
.topBarLogin .notifications .main-notifications .top-bar .title {
  color: #424242;
  font-size: 16px;
  align-items: center;
  height: 100%;
  display: flex;
}
.topBarLogin .notifications .main-notifications .top-bar a {
  text-decoration: none;
}
.topBarLogin .notifications .main-notifications .top-bar .definitions {
  font-size: 13px;
  align-items: center;
  height: 100%;
  display: flex;
  margin-left: auto;
}
.topBarLogin .notifications .main-notifications .top-bar .definitions a {
  color: #3775fb !important;
}
.topBarLogin .notifications .main-notifications .top-bar .definitions:hover {
  cursor: pointer;
}
.topBarLogin .notifications .main-notifications .list {
  padding-top: 16px;
  padding-left: 24px;
  padding-right: 24px;
}
.topBarLogin .notifications .loader-div {
  text-align: center;
  padding-top: 30px;
}
.topBarLogin #dropdown-notification {
  max-height: 448px;
  width: 352px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  flex-direction: column;
  top: 36px;
  background-color: white !important;
  right: -10px;
  padding-top: 10px;
  padding-bottom: 10px;
  height: auto;
  padding: 0px !important;
  top: 40px;
  left: -312px;
  overflow: auto;
}
.topBarLogin #dropdown-notification .title {
  width: 100%;
  text-align: left;
  display: flex;
  align-items: center;
  -webkit-border-radius: 10px 10px 0px 0px;
  -moz-border-radius: 10px 10px 0px 0px;
  border-radius: 10px 10px 0px 0px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding-left: 10px;
  min-height: 32px;
  font-size: 12px;
  font-weight: 700;
  color: #424242;
  background-color: white;
  border-bottom: 1px solid #e5e5e5;
}
.topBarLogin .outter-notifications {
  overflow-y: auto;
  width: 100%;
}
.topBarLogin .dropdown-content {
  display: none;
  position: absolute;
  background-color: white;
  -webkit-box-shadow: 0px 13px 12px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 13px 12px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0px 13px 12px 0 rgba(0, 0, 0, 0.3);
  z-index: 1000;
  color: #3775fb;
  font-size: 13px;
  top: 110px;
  right: 0;
  left: 0;
  text-align: right;
  align-items: center;
  padding-bottom: 31px;
  padding-top: 31px;
  cursor: default;
  padding-left: 16px;
}
.topBarLogin .dropdown-content .btn-show-all-contents-container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1080px;
}
.topBarLogin .dropdown-content .btn-show-all-contents-container .btn-show-all-contents {
  width: 208px;
  height: 40px;
  border-radius: 10px;
  background-color: #e7eefe;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 32px;
  cursor: pointer;
}
.topBarLogin .dropdown-content .btn-show-all-contents-container .btn-show-all-contents:hover {
  background-color: #dfe9fe;
}
.topBarLogin .dropdown-content .dropdown-content-title-area {
  text-align: left;
  font-size: 14px;
  font-weight: 600;
  color: #707070;
  margin-bottom: 9px;
  margin-left: auto;
  margin-right: auto;
  max-width: 1080px;
}
.topBarLogin .dropdown-content .dropdown-content-btns {
  display: flex;
  max-width: 1080px;
  margin: auto;
  flex: 1;
  flex-wrap: wrap;
}
.topBarLogin .dropdown-content .dropdown-content-btns .area-name {
  padding-bottom: 4px;
  max-width: 85px;
  min-height: 31px;
  display: flex;
  align-items: center;
}
.topBarLogin .dropdown-content .big {
  height: 56px;
}
.topBarLogin .dropdown-content a {
  padding-right: 10px;
  display: flex;
  align-items: center;
  font-size: 13px;
  font-weight: 700;
  height: 104px;
  margin-bottom: 8px;
}
.topBarLogin .dropdown-content a span {
  width: 100%;
}
.topBarLogin .show-drop {
  display: block;
}
.topBarLogin .main {
  height: 104px;
  background-color: #3775fb;
  flex: 1;
  justify-content: center;
  font-size: 12px;
  color: white;
  z-index: 99;
  font-weight: 700;
  position: relative;
  box-shadow: 2px 2px 4.1px 0 rgba(0, 0, 0, 0.2);
}
.topBarLogin .main .AreaBtnsIcons {
  display: flex;
  /*align-items: center;*/
  justify-content: space-between;
  /*position: relative;*/
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}
.topBarLogin .main .images {
  flex: 1;
  display: flex;
  align-items: center;
}
.topBarLogin .main .images .logo {
  padding-right: 12px;
  max-height: 70px;
}
.topBarLogin .main .images .logo2 {
  max-width: 63%;
  max-height: 70px;
}
.topBarLogin .main ul {
  height: 35%;
  display: flex;
  align-items: center;
}
.topBarLogin .main .s-dropdown {
  padding-right: 8px !important;
  padding-left: 8px !important;
  /*border-bottom: solid 6px transparent;*/

}
.topBarLogin .main .s-dropdown:hover {
  cursor: pointer;
}
.topBarLogin .main .iconsArea {
  height: 100%;
}
.topBarLogin .main .iconsArea li:hover:not(.not-selected) {
  color: white;
  border-radius: 20px;
  background-color: #ffffff1a;
}
.topBarLogin .main .iconsArea .active {
  color: white;
  border-radius: 20px;
  background-color: #ffffff1a;
}
.topBarLogin .main .iconsArea .s-dropdown.selected {
  color: white;
}
.topBarLogin .main .buttonsArea .btn-menu-dropdowns-area {
  width: 114px;
  height: 100%;
  color: white;
  background-color: #a1a1a1;
  border-radius: 23px;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.topBarLogin .main .buttonsArea .btn-menu-dropdowns-area .icon {
  margin-bottom: 15px;
  font-size: 32px;
  display: inline-flex;
}
.topBarLogin .main .buttonsArea .btn-menu-dropdowns-area .area-name {
  font-size: 12px;
  font-weight: 600;
}
.topBarLogin .main .buttonsArea .b-normal {
  border-bottom: solid 6px transparent;
  padding-bottom: 5px;
}
.topBarLogin .main .buttonsArea .b-normal:hover:not(.not-selected) {
  border-bottom: 6px solid white;
  cursor: pointer;
}
.topBarLogin .main .buttonsArea .active {
  border-bottom: 6px solid white;
}
.topBarLogin .main .buttonsArea .s-dropdown.active .area-name {
  padding-bottom: 12.5px;
}
.topBarLogin .main .buttonsArea .s-dropdown {
  flex-flow: column;
  justify-content: flex-end;
}
.topBarLogin .main .buttonsArea .s-dropdown .area-name {
  padding-bottom: 18px;
}
.topBarLogin .main .buttonsArea .s-dropdown:hover {
  cursor: pointer;
  border-bottom: 6px solid white;
}
.topBarLogin .main .buttonsArea .s-dropdown:hover .area-name {
  padding-bottom: 12.5px;
}
.topBarLogin .main .buttonsArea .s-dropdown.selected {
  border-bottom: 6px solid white;
}
.topBarLogin .main .buttonsArea .s-dropdown.selected .upArrow {
  display: block;
}
.topBarLogin .main .buttonsArea .s-dropdown.selected .area-name {
  padding-bottom: 12.5px;
}
.topBarLogin .main #previousListElement {
  display: none;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-size: 24px;
  padding: 5px;
}
.topBarLogin .main #nextListElement {
  display: none;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-size: 24px;
  padding: 5px;
}
.topBarLogin .main li {
  padding-left: 8px;
  padding-right: 8px;
  margin-left: 2px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-weight: 600;
  line-height: 14px;
  color: #9abbff;
  font-size: 14px;
  margin-top: 10px;
}
.topBarLogin .main .top-nav-bar-area {
  display: flex;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
  height: 60px;
}
.topBarLogin .inner {
  margin: auto;
  position: absolute;
  bottom: 0;
  width: 100%;
}
.NV-TopLogin-WithLogo {
  height: 72px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  box-shadow: 0 2px 4px 0 rgba(55, 117, 251, 0.12);
  background-color: white;
  border-top: 3px solid #5a85f3;
  position: sticky;
  top: 0;
  z-index: 999;
}
.NV-TopLogin-WithLogo .logo {
  height: 100%;
  object-fit: contain;
}
.NV-TopLogin-WithLogo .logodesktop {
  display: block;
  max-height: 60px;
}
.NV-TopLogin-WithLogo .logomobile {
  display: none;
}
.NV-TopLogin-WithLogo .NV-IconsArea .NV-Icons {
  cursor: pointer;
}
.NV-TopLogin-WithLogo .NV-IconsArea .NV-Icons:hover {
  color: #3d3f46;
}
@media only screen and (max-width: 500px) {
  
}
@media only screen and (max-width: 768px) {
  .NV-TopLogin-WithLogo .main {
    max-width: 97% !important;
    flex-direction: column;
  }
  .NV-TopLogin-WithLogo .main .erjl-searchArea {
    order: 2;
  }
  .NV-TopLogin-WithLogo .main .nv-icon-notification {
    margin-left: auto;
  }
  .NV-TopLogin-WithLogo .main .NV-IconsArea {
    order: 1;
    margin-bottom: 16px;
    width: 100%;
  }
  .NV-TopLogin-WithLogo .main .logodesktop {
    display: none;
  }
  .NV-TopLogin-WithLogo .main .logomobile {
    display: block;
    max-width: 180px;
  }
  .NV-TopLogin-WithLogo {
    height: auto;
    align-items: end !important;
    padding-bottom: 26px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1400px) {
  .NV-TopLogin-WithLogo .main {
    max-width: 95% !important;
  }
}

@keyframes reverse-height {
  from {
    transform: translateY(-100px);
  }
  to {
    transform: translateY(0px);
  }
}
.topBarNoLogin.fixedPosition {
  position: fixed;
  width: 100%;
  z-index: 100;
  height: 104px;
  animation: reverse-height 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.topBarNoLogin {
  margin-bottom: 24px;
  position: sticky;
  top: 0;
  z-index: 100;
  height: 104px;
  display: flex;
  flex-flow: column;
}
.topBarNoLogin a {
  text-decoration: none !important;
  color: inherit !important;
}
.topBarNoLogin a:hover:not(.btnEntrar) {
  color: white;
  cursor: pointer;
}
.topBarNoLogin ul {
  list-style-type: none;
  margin-top: 0;
  margin-bottom: 0px;
}
.topBarNoLogin ul li {
  display: inline;
}
.topBarNoLogin .dropdown-btn-menu {
  position: relative;
  margin-left: 5px;
  margin-right: 5px;
  cursor: pointer;
  border: 4px solid transparent;
}
.topBarNoLogin #dropdown-btn-menu.open {
  display: block !important;
}
.topBarNoLogin .icons-drop-area {
  top: 62px !important;
}
.topBarNoLogin .btn-text-area {
  color: white;
  -webkit-border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  border-radius: 10px !important;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: bold;
  padding-left: 4px !important;
  padding-right: 4px !important;
  padding-top: 1px !important;
  padding-bottom: 2px !important;
  position: relative;
  min-width: 24px;
  width: 100%;
  height: 20px;
}
.topBarNoLogin #dropdown-btn-menu {
  transition: none;
  position: absolute;
  background-color: white;
  min-width: 200px;
  -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.75);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.75);
  -moz-border-radius: 10px !important;
  border-radius: 10px !important;
  -moz-background-clip: padding;
  background-clip: padding-box;
  z-index: 1000;
  flex-direction: column;
  color: #424242;
  top: 36px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: right;
}
.topBarNoLogin #dropdown-btn-menu .dropdown-btns-links {
  padding: 3px 20px;
  clear: both;
  line-height: 1.42857143;
  white-space: nowrap;
  padding-right: 16px;
  display: grid !important;
  align-items: center;
  height: 40px;
  border-top: 1px solid #e5e5e5;
  font-size: 13px;
  font-weight: 600;
}
.topBarNoLogin #dropdown-btn-menu .dropdown-btns-links:hover {
  background-color: whitesmoke !important;
}
.topBarNoLogin #dropdown-btn-menu .dropdown-header {
  color: #707070;
  font-size: 11px;
  font-weight: 600;
  background-color: #f0f0f0;
  width: 100%;
  border-top: 1px solid #e5e5e5;
  height: 24px;
  display: grid;
  align-items: center;
  padding-right: 16px;
}
.topBarNoLogin .show-drop {
  display: block;
}
.topBarNoLogin .btnEntrar {
  background-color: white;
  -webkit-border-radius: 18px !important;
  -moz-border-radius: 18px !important;
  border-radius: 18px !important;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  height: 40px !important;
  border: 4px solid transparent;
  width: 75px;
}
.topBarNoLogin .btnEntrar li {
  height: 34px !important;
}
.topBarNoLogin .btnEntrar .btnEntrar-text {
  color: #3775fb !important;
  font-size: 12px;
  font-weight: bold;
}
.topBarNoLogin .navbar-default .navbar-nav > li > a:hover.btnEntrar {
  background-color: white;
}
.topBarNoLogin .main {
  height: 104px;
  background-color: #3775fb;
  flex: 1;
  justify-content: center;
  font-size: 12px;
  color: white;
  font-weight: 700;
  position: relative;
  box-shadow: 2px 2px 4.1px 0 rgba(0, 0, 0, 0.2);
}
.topBarNoLogin .main .AreaBtnsIcons {
  display: flex;
  /*align-items: center;*/
  justify-content: space-between;
  /*position: relative;*/
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}
.topBarNoLogin .main .images {
  flex: 1;
  display: flex;
  align-items: center;
}
.topBarNoLogin .main .images .logo {
  padding-right: 12px;
  max-height: 70px;
}
.topBarNoLogin .main .images .logo2 {
  max-width: 63%;
  max-height: 70px;
}
.topBarNoLogin .main ul {
  height: 35%;
  display: flex;
  align-items: center;
}
.topBarNoLogin .main .s-dropdown {
  padding-right: 8px !important;
  padding-left: 8px !important;
  /*border-bottom: solid 6px transparent;*/

}
.topBarNoLogin .main .s-dropdown:hover {
  cursor: pointer;
}
.topBarNoLogin .main .iconsArea {
  height: 100%;
}
.topBarNoLogin .main .iconsArea li {
  border: 4px solid transparent;
}
.topBarNoLogin .main .iconsArea li:hover:not(.not-selected) {
  color: white;
  border-radius: 20px;
  background-color: #2a62fa;
  border: 4px solid #4082fc;
}
.topBarNoLogin .main .iconsArea .active {
  color: white;
  border-radius: 20px;
  background-color: #2a62fa;
  border: 4px solid #4082fc;
}
.topBarNoLogin .main .iconsArea .s-dropdown.selected {
  color: white;
}
.topBarNoLogin .main .buttonsArea .btn-menu-dropdowns-area {
  width: 114px;
  height: 100%;
  color: white;
  background-color: #a1a1a1;
  border-radius: 23px;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.topBarNoLogin .main .buttonsArea .btn-menu-dropdowns-area .icon {
  margin-bottom: 15px;
  font-size: 32px;
  display: inline-flex;
}
.topBarNoLogin .main .buttonsArea .btn-menu-dropdowns-area .area-name {
  font-size: 12px;
  font-weight: 600;
}
.topBarNoLogin .main .buttonsArea .b-normal {
  border-bottom: solid 6px transparent;
  padding-bottom: 5px;
}
.topBarNoLogin .main .buttonsArea .b-normal:hover:not(.not-selected) {
  border-bottom: 6px solid white;
  cursor: pointer;
}
.topBarNoLogin .main .buttonsArea .active {
  border-bottom: 6px solid white;
}
.topBarNoLogin .main .buttonsArea .s-dropdown.active .area-name {
  padding-bottom: 12px;
}
.topBarNoLogin .main .buttonsArea .s-dropdown {
  flex-flow: column;
  justify-content: flex-end;
}
.topBarNoLogin .main .buttonsArea .s-dropdown .area-name {
  padding-bottom: 18px;
}
.topBarNoLogin .main .buttonsArea .s-dropdown:hover {
  cursor: pointer;
  border-bottom: 6px solid white;
}
.topBarNoLogin .main .buttonsArea .s-dropdown:hover .area-name {
  padding-bottom: 12px;
}
.topBarNoLogin .main .buttonsArea .s-dropdown.selected {
  border-bottom: 6px solid white;
}
.topBarNoLogin .main .buttonsArea .s-dropdown.selected .upArrow {
  display: block;
}
.topBarNoLogin .main .buttonsArea .s-dropdown.selected .area-name {
  padding-bottom: 4px;
}
.topBarNoLogin .main #previousListElement {
  display: none;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-size: 24px;
  padding: 5px;
}
.topBarNoLogin .main #nextListElement {
  display: none;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-size: 24px;
  padding: 5px;
}
.topBarNoLogin .main li {
  padding-left: 8px;
  padding-right: 8px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-weight: bold;
  line-height: 14px;
  font-size: 12px;
}
.topBarNoLogin .main .top-nav-bar-area {
  display: flex;
  max-width: 1232px;
  margin-left: auto;
  margin-right: auto;
  height: 100%;
}
.topBarNoLogin .inner {
  height: 100%;
  margin: auto;
  width: 100%;
}

@keyframes slide-in {
  from {
    transform: translateX(-400px);
  }
  to {
    transform: translateX(0px);
  }
}
@keyframes slide-out {
  from {
    transform: translateX(0px);
  }
  to {
    transform: translateX(-400px);
  }
}
.container.Mobile {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.container.Mobile .TopBarNavMobile-header {
  line-height: 72px;
}
.container .TopBarNavMobile-header {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
#firstMenu {
  background-color: white;
  margin: 0px !important;
  padding-bottom: 36px;
}
#firstMenu .icon {
  font-size: 24px;
  color: #3775fb;
  display: inline;
  float: right;
}
#navbarMobile.hidden1 {
  animation: slide-out 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transform: translateX(-100%);
  display: none;
}
#navbarMobile.show1 {
  transform: translateY(0);
  animation: slide-in 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  display: block;
}
#navbarMobile {
  background-color: whitesmoke;
  padding-left: 0px;
  padding-right: 0px;
  border: 0px;
  width: 76vw;
  margin-left: 0px;
  margin-right: 0px;
  height: 100%;
  overflow: auto;
  position: absolute;
  box-shadow: 6px 0px 7px 2px #0000001f;
  /*animation: slide-in 0.4s cubic-bezier(0.4, 0, 0.2, 1);*/
  transition: transform 0.5s ease;
  transform: translateX(-100%);
}
#navbarMobile ul {
  margin-top: 10px;
  width: 100%;
}
#navbarMobile ul .active .first-btn-dropdown {
  background-color: transparent !important;
  font-weight: 700;
}
#navbarMobile ul .dropdown-btn {
  border-bottom: 1px solid #e5e5e582;
}
#navbarMobile ul li a {
  min-height: 48px;
  height: auto;
  border: 0px;
  font-size: 19px;
  font-weight: 500;
  text-align: left;
  color: #3775fb !important;
  padding-top: 0px;
  padding-bottom: 0px;
  line-height: 25px !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#navbarMobile ul li:last-child {
  padding-bottom: 32px;
  border-bottom: 1px solid #e5e5e5;
}
.btnEntrarMobile {
  background-color: #3775fb;
  color: white;
  -webkit-border-radius: 24px !important;
  -moz-border-radius: 24px !important;
  border-radius: 24px !important;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 4px solid #e7eeff;
  height: 48px !important;
  width: 80%;
  text-align: center;
  font-weight: 600;
  line-height: 48px;
  margin-top: 36px;
  box-sizing: content-box;
  margin-left: auto;
  margin-right: auto;
}
.btnEntrarMobile a {
  font-size: 19px;
  color: white !important;
}
.btnEntrarMobile2Container {
  width: 100%;
  display: block;
  margin: auto;
  height: 100%;
  padding-top: 10px;
  border-top: 1px solid #e0e0e0;
}
.onbody .btnEntrarMobile2 {
  background-color: #aafef9;
  color: #2c5ec9;
  border: none;
  height: 56px !important;
  line-height: 56px !important;
  max-width: 300px;
}
.btnEntrarMobile2 {
  margin-bottom: 8px;
  margin-left: auto;
  margin-right: auto;
  background-color: #3775fb;
  color: white;
  -webkit-border-radius: 24px !important;
  -moz-border-radius: 24px !important;
  border-radius: 24px !important;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 4px solid #e7eeff;
  height: 48px !important;
  align-items: center;
  justify-content: center;
  display: flex;
  width: 40%;
  text-align: center;
  font-weight: 600;
  box-sizing: content-box;
  min-width: 180px;
  /*    display:block !important;*/

}
.btnEntrarMobile2 a {
  font-size: 19px;
}
.footerEntitiesMenu {
  border-top: 1px solid #e5e5e5;
  background-color: whitesmoke;
  text-align: center;
}
.footerEntitiesMenu a {
  color: #707070 !important;
}
.footerEntitiesMenu div div {
  min-height: 24px;
  line-height: 24px;
}
#navbaricon {
  font-size: 24px;
  color: white;
  display: grid;
  text-align: left;
  margin-left: 12px;
}
.navbar-toggle {
  margin-right: 0px;
  padding-right: 16px;
  color: black;
  margin-bottom: 0px;
  margin-top: 0px;
  border-radius: 0px;
  border-color: transparent !important;
}
.menu-with-buttons {
  display: flex;
  flex-wrap: wrap;
}
.menuInside {
  margin-top: 0px !important;
  border-bottom: 1px solid #e0e0e0;
  border-top: 1px solid #e0e0e0;
  margin: 0px;
  color: white !important;
  padding-top: 8px;
}
.menuInside .dropdown-content-title-area {
  width: 100%;
  margin-bottom: 8px;
}
.menuInside .dropdown-content-title-area .dropdown-content-title {
  color: #707070 !important;
  font-size: 14px;
  padding-left: 8px;
}
.menuInside .btnRounds {
  /*padding: 8px;*/
  width: 114px;
  height: 104px;
  overflow-wrap: anywhere;
  margin-bottom: 8px;
  margin-left: 8px;
}
.menuInside .btnRounds a {
  border-radius: 14px;
  height: 100% !important;
  padding: 0px;
}
.menuInside .btnRounds .btn-menu-dropdowns-area {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
}
.menuInside .btnRounds .btn-menu-dropdowns-area .area-name {
  font-size: 14px;
  text-align: center;
  line-height: normal;
  font-weight: 600;
}
.menuInside .btnRounds .btn-menu-dropdowns-area .icon {
  /*padding-right: 8px;*/
  padding-bottom: 8px;
}
.menuInside .btnFlats {
  padding-left: 8px;
  padding-bottom: 4px;
  padding-top: 4px;
}
.menuInside .btnFlats .btn-menu-dropdowns-area {
  display: flex;
  align-items: center;
}
.menuInside .btnFlats .btn-menu-dropdowns-area .icon {
  padding-right: 8px;
}
@media only screen and (max-width: 360px) {
  .btnRounds {
    width: 107px !important;
    height: 99px !important;
  }
}
@media only screen and (max-width: 767px) {
  .fixHeightMenuMobile {
    display: block !important;
    height: 88px;
  }
  #gondomarPage {
    display: none;
  }
  #topBarLoginMobile {
    margin-bottom: 0px !important;
    position: fixed;
    left: 0;
    right: 0;
  }
  #topBarLoginMobile .container {
    --bs-gutter-x: 0;
    max-width: none;
  }
  #topBarLoginMobile ul li:last-child {
    border-bottom: 0px;
    padding-bottom: 0px;
  }
  .TopBarNavMobile-header {
    display: flex;
    align-items: center;
    min-height: 72px;
    padding-right: 15px;
  }
  .TopBarNavMobile-header .navbar-toggle {
    float: left;
  }
  .TopBarNavMobile-header .navbar-brand {
    margin-left: auto;
    line-height: unset;
    text-align: right;
    height: 100%;
    display: flex;
  }
  .TopBarNavMobile-header .navbar-brand img {
    width: 100%;
    object-fit: contain;
    max-height: 72px;
  }
  #subMenuMobile .amadotec .selected .circleicon {
    background-color: #be5d29 !important;
    box-shadow: none !important;
  }
  #subMenuMobile .amadotec .selected .bold {
    color: #be5d29 !important;
  }
  #subMenuMobile .amadotec .selected .subTitle {
    color: #be5d29 !important;
  }
  #subMenuMobile .amadotec .circleicon {
    background-color: #f37f3e !important;
  }
  #subMenuMobile .amadotec .bold {
    color: #f37f3e !important;
  }
  #subMenuMobile .amadotec .subTitle {
    color: #f37f3e !important;
  }
  #subMenuMobile {
    justify-content: center;
    margin-bottom: 16px;
    display: block !important;
    align-items: center;
    color: white;
    text-align: center;
    margin-bottom: 8px;
    margin-top: 8px;
  }
  #subMenuMobile li {
    height: 47px;
    display: flex;
    align-items: center;
    justify-content: center;
    display: table;
    margin-left: -6px;
    margin-right: -6px;
  }
  #subMenuMobile .circleicon {
    background-color: #5188ff;
    outline: transparent;
    width: 48px;
    height: 48px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 32px;
    position: relative;
    font-size: 24px;
    margin-bottom: 5px;
  }
  #subMenuMobile .selected .circleicon {
    background-color: #1545ae !important;
    box-shadow: 4px 4px 4px 0 #8a96eb;
  }
  #subMenuMobile .selected .subTitle {
    color: #1545ae !important;
  }
  #subMenuMobile .selected .bold {
    color: #1545ae !important;
  }
  #subMenuMobile a {
    width: 120px;
    font-size: 10px;
    text-decoration: none;
    color: white;
    display: grid;
  }
  #subMenuMobile a .subTitle {
    color: #3775fb;
    margin-top: -7px;
  }
  #subMenuMobile ul {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0px !important;
  }
  #subMenuMobile .bold {
    font-weight: bold;
    color: #3775fb;
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) {
  #navbarMobile {
    display: none !important;
  }
  .topBarLogin,
  .topBarNoLogin {
    display: flex !important;
    /*   .AreaBtnsIcons .buttonsArea {
              overflow: hidden;
          }*/
  
  }
  #topBarLoginMobile {
    display: none !important;
  }
  .navbar-header .navbar-brand {
    margin-left: 5px !important;
  }
}
@media (min-width: 790px) {
  .container.topNavBar {
    width: 100%;
    display: inline-flex;
    max-width: 1232px;
    margin-left: auto;
    margin-right: auto;
  }
  .container.topNavBar .navbar-header {
    margin-left: auto;
    width: 50%;
  }
  .container.topNavBar #navbar {
    width: 50%;
  }
}

.menu-right-common {
  width: 248px;
  margin-right: 24px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 2px solid #dbdbdb;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 24px;
  padding-bottom: 32px;
  height: 100%;
}
.menu-right-common .title {
  display: flex;
  width: 100%;
  font-size: 14px;
  font-weight: 600;
  color: #424242;
  border-bottom: 1px solid #d6d6d6;
  margin-bottom: 16px;
  padding-bottom: 7px;
}
.menu-right-common .selected {
  cursor: pointer;
  background-color: #d6d6d6;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.menu-right-common a {
  text-decoration: none !important;
  color: inherit !important;
  height: 40px;
  display: flex;
  align-items: center;
  margin-top: 8px;
  margin-bottom: 8px;
  padding-left: 16px;
  font-size: 14px;
  font-weight: 600;
  color: #707070;
}
.menu-right-common a:hover {
  cursor: pointer;
  background-color: #d6d6d6;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.row-myaccount {
  justify-content: center;
  display: flex;
  flex: 1 0 auto;
}
.row-myaccount .accountConfigurations .accept-icon {
  font-size: 23px;
  color: #717171;
  margin-right: 18px;
  margin-bottom: 40px;
  display: inline-flex;
  cursor: pointer;
}
.row-myaccount .accountConfigurations .accept-icon .text {
  padding-bottom: 0px;
}
.row-myaccount .accountConfigurations .label {
  font-size: 14px;
  color: #424242;
  text-align: right;
  font-weight: 500;
}
.row-myaccount .accountConfigurations .invalidIcon {
  position: absolute;
  margin-left: 8px;
  margin-top: 6px;
}
.row-myaccount .accountConfigurations .errorMessage {
  font-size: 12px;
  color: #424242;
}
.row-myaccount .accountConfigurations .inputArea {
  margin-top: 46px;
}
.row-myaccount .accountConfigurations .inputArea .form_group {
  text-align: right;
  margin-bottom: 40px;
  padding-right: 50px;
}
.row-myaccount .accountConfigurations .inputArea .form_group .errorInput {
  border: 1px solid #ff7f7f !important;
  background-color: #fff0f0 !important;
  color: red !important;
}
.row-myaccount .accountConfigurations .inputArea .form_group .validInput {
  background-color: #e4ffcd !important;
}
.row-myaccount .accountConfigurations .inputArea .form_group .validEmail {
  font-size: 12px;
  color: #5bb20f;
}
.row-myaccount .accountConfigurations .inputArea .form_group input[type="text"],
.row-myaccount .accountConfigurations .inputArea .form_group input[type='password'] {
  padding-left: 10px;
  margin-left: 12px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #d6d6d6;
  height: 36px;
  color: #424242;
}
.row-myaccount .accountConfigurations .inputArea .form_group input[type="text"]:focus,
.row-myaccount .accountConfigurations .inputArea .form_group input[type='password']:focus {
  outline-width: 0;
}
.row-myaccount .accountConfigurations .inputArea .form_group input[type="password"] {
  width: 300px !important;
}
.row-myaccount .accountConfigurations .inputArea .form_group input[type="text"] {
  width: 360px !important;
}
.row-myaccount .accountConfigurations .inputAreaEE {
  margin-top: 46px;
}
.row-myaccount .accountConfigurations .inputAreaEE .form_group {
  text-align: right;
  margin-bottom: 40px;
  padding-right: 50px;
}
.row-myaccount .accountConfigurations .inputAreaEE .form_group .errorInput {
  border: 1px solid #ff7f7f !important;
  background-color: #fff0f0 !important;
  color: red !important;
}
.row-myaccount .accountConfigurations .inputAreaEE .form_group .validInput {
  background-color: #e4ffcd !important;
}
.row-myaccount .accountConfigurations .inputAreaEE .form_group .validEmail {
  font-size: 12px;
  color: #5bb20f;
}
.row-myaccount .accountConfigurations .inputAreaEE .form_group .name {
  font-size: 14px;
  color: #424242;
  width: 360px;
  display: inline-block;
  text-align: left;
  font-weight: 700;
  padding-left: 10px;
  margin-left: 12px;
}
.row-myaccount .accountConfigurations .inputAreaEE .form_group input[type="text"],
.row-myaccount .accountConfigurations .inputAreaEE .form_group input[type='password'] {
  padding-left: 10px;
  margin-left: 12px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #d6d6d6;
  height: 36px;
  color: #424242;
}
.row-myaccount .accountConfigurations .inputAreaEE .form_group input[type="text"]:focus,
.row-myaccount .accountConfigurations .inputAreaEE .form_group input[type='password']:focus {
  outline-width: 0;
}
.row-myaccount .accountConfigurations .inputAreaEE .form_group input {
  width: 360px !important;
}
.row-myaccount .btnArea {
  text-align: center;
}
.row-myaccount .btnArea .saveBtn {
  width: 180px;
  height: 40px;
  font-size: 14px;
  font-weight: 700;
  color: #cccccc;
  border: 1px solid #cccccc;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  display: inline-flex;
  justify-content: center;
}
.row-myaccount .btnArea .saveBtn span {
  text-align: center;
  align-self: center;
  vertical-align: middle;
}
.row-myaccount .btnArea .btnActive {
  background-color: #bdbdbd;
  color: white;
  border: 1px solid white;
  cursor: pointer;
}
.row-myaccount .btnArea .btnActive:hover {
  background-color: #a3a3a3;
  color: white;
  border: 1px solid white;
}
.row-myaccount .accountImage .previewArea {
  text-align: center;
  margin-bottom: 24px;
}
.row-myaccount .accountImage .previewArea img {
  width: 110px;
  height: 110px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.row-myaccount .accountImage .chooseArea {
  padding-bottom: 24px;
}
.row-myaccount .accountImage .chooseArea .icons {
  text-align: center;
}
.row-myaccount .accountImage .chooseArea .icons img {
  padding-bottom: 6px;
  border-bottom: 2px solid white;
}
.row-myaccount .accountImage .chooseArea .icons img:hover {
  cursor: pointer;
}
.row-myaccount .accountImage .chooseArea .icons .selected {
  border-bottom: 2px solid #047dea;
}
.row-myaccount .accountImage .chooseArea .iconsArea {
  background-color: #cfd5e6;
  padding: 16px;
  margin-bottom: 24px 24px 0px 24px;
  display: block;
}
.row-myaccount .accountImage .chooseArea .iconsArea .avatarImage {
  padding-right: 4px;
  padding-left: 4px;
  padding-bottom: 8px;
  width: 56px;
}
.row-myaccount .accountImage .chooseArea .iconsArea .avatarImage:hover {
  cursor: pointer;
}
.row-myaccount .main-area {
  width: 688px;
  margin-right: 24px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.06);
  background-color: white;
  padding-left: 32px;
  padding-right: 32px;
}
.row-myaccount .main-area .title {
  padding-top: 25px;
  font-size: 18px;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 30px;
}
.row-myaccount .main-area .text {
  font-size: 14px;
  color: #424242;
  padding-bottom: 100px;
}
.row-myaccount .project-resources .blue-bar {
  height: 96px;
  color: white;
  font-size: 21px;
  font-weight: 600;
}
.row-myaccount .project-resources .title-bar {
  background-color: #b38f68;
  height: 96px;
  -webkit-border-radius: 10px 10px 0px 0px;
  -moz-border-radius: 10px 10px 0px 0px;
  border-radius: 10px 10px 0px 0px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 100%;
  justify-content: center;
  display: flex;
  align-items: center;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  font-size: 18px;
  font-weight: 600;
}
.row-myaccount .project-resources .main-resources {
  background-color: white;
  justify-content: center;
  display: flex;
  font-size: 16px;
  color: #424242;
  font-weight: 600;
  flex-direction: column;
  padding: 8px 24px 48px 24px;
}
.row-myaccount .project-resources .main-resources .list-item {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 23px;
  padding-top: 24px;
  max-height: 207px;
}
.row-myaccount .project-resources .main-resources .list-item .image-area {
  float: left;
}
.row-myaccount .project-resources .main-resources .list-item .image-area img {
  width: 180px;
  height: 160px;
}
.row-myaccount .project-resources .main-resources .list-item .text-area {
  margin-left: 32px;
  display: flex;
  float: left;
  flex-direction: column;
  max-width: 420px;
}
.row-myaccount .project-resources .main-resources .list-item .text-area .title-line {
  font-size: 18px;
  color: #424242;
  font-weight: 600;
  margin-bottom: 16px;
  font-size: 16px;
}
.row-myaccount .project-resources .main-resources .list-item .text-area .text-long {
  font-size: 14px;
  color: #424242;
  margin-bottom: 16px;
  font-weight: 400;
}
.row-myaccount .project-resources .main-resources .list-item .text-area .link {
  font-size: 13px;
  color: #1e94ff;
  font-weight: 700;
}
.row-myaccount .project-resources .main-resources .list-item .text-area .link:hover {
  cursor: pointer;
  color: #3775fb;
  text-decoration: underline;
}
.row-project {
  display: flex;
  justify-content: center;
  flex: 1 0 auto;
}
.row-project .main-area {
  width: 688px;
  margin-right: 24px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.06);
  background-color: white;
  padding-left: 32px;
  padding-right: 32px;
}
.row-project .main-area .title {
  padding-top: 25px;
  font-size: 18px;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 30px;
}
.row-project .main-area .text {
  font-size: 14px;
  color: #424242;
  padding-bottom: 100px;
}
.row-project .project-resources .blue-bar {
  height: 96px;
  color: white;
  font-size: 21px;
  font-weight: 600;
}
.row-project .project-resources .title-bar {
  background-color: #b38f68;
  height: 96px;
  -webkit-border-radius: 10px 10px 0px 0px;
  -moz-border-radius: 10px 10px 0px 0px;
  border-radius: 10px 10px 0px 0px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 100%;
  justify-content: center;
  display: flex;
  align-items: center;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  font-size: 18px;
  font-weight: 600;
}
.row-project .project-resources .main-resources {
  background-color: white;
  justify-content: center;
  display: flex;
  font-size: 16px;
  color: #424242;
  font-weight: 600;
  flex-direction: column;
  padding: 8px 24px 48px 24px;
}
.row-project .project-resources .main-resources .list-item {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 23px;
  padding-top: 24px;
  max-height: 207px;
}
.row-project .project-resources .main-resources .list-item .image-area {
  float: left;
}
.row-project .project-resources .main-resources .list-item .image-area img {
  width: 180px;
  height: 160px;
}
.row-project .project-resources .main-resources .list-item .text-area {
  margin-left: 32px;
  display: flex;
  float: left;
  flex-direction: column;
  max-width: 420px;
}
.row-project .project-resources .main-resources .list-item .text-area .title-line {
  font-size: 18px;
  color: #424242;
  font-weight: 600;
  margin-bottom: 16px;
  font-size: 16px;
}
.row-project .project-resources .main-resources .list-item .text-area .text-long {
  font-size: 14px;
  color: #424242;
  margin-bottom: 16px;
  font-weight: 400;
}
.row-project .project-resources .main-resources .list-item .text-area .link {
  font-size: 13px;
  color: #3775fb;
  font-weight: 700;
}
.row-project .project-resources .main-resources .list-item .text-area .link:hover {
  cursor: pointer;
  color: #3775fb;
  text-decoration: underline;
}
.row-navigation {
  margin-bottom: 24px;
}

.help-popup-badges {
  display: none;
  position: absolute;
  padding: 22px;
  background-color: #699bff;
  color: white;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.3);
  align-items: center;
  text-align: left;
  z-index: 1000;
  font-size: 13px;
  width: 280px;
  height: 112px;
}
.position-rel {
  position: relative;
  display: inline-flex;
}
.position-rel .icon:hover {
  cursor: pointer;
}
.actual-level-help {
  left: -128px;
  top: 42px;
}
.actual-level-help .actual-level-help-arrow {
  position: absolute;
  top: -6px;
  left: 133px;
}
.progress-level-help {
  left: 47px;
  top: -44px;
}
.progress-level-help .progress-level-help-arrow {
  position: absolute;
  top: 54px;
  left: -10px;
  transform: rotate(-90deg);
}
.badges-details-over-back {
  opacity: 0.7;
  background: black;
  width: 100%;
  height: 100%;
  z-index: 1000;
  top: 0;
  left: 0;
  position: fixed;
  display: none;
}
.badges-details-over {
  display: none;
  position: absolute;
  width: 888px;
  min-height: 385px;
  top: 80px;
  margin: auto;
  background-color: white;
  z-index: 2000;
  left: 50%;
  margin-left: -444px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 72px 52px 64px 52px;
}
.badges-details-over .close-badges-details {
  position: absolute;
  right: 16px;
  top: 16px;
  font-size: 24px;
  opacity: 0.3;
  color: black;
}
.badges-details-over .close-badges-details:hover {
  opacity: 0.5;
  cursor: pointer;
}
.badges-details-over .title {
  font-size: 28px;
  color: #424242;
  font-weight: 700;
}
.badges-details-over .gray-bar {
  width: 24px;
  border-bottom: 8px solid #e5e5e5;
}
.badges-details-over .levels-info {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  margin-top: 32px;
}
.badges-details-over .levels-info .column {
  display: flex;
  justify-content: center;
  width: 100%;
  flex-direction: column;
  align-items: center;
  width: 184px;
}
.badges-details-over .levels-info .column .big-image {
  width: 136px;
  height: 128px;
}
.badges-details-over .levels-info .column .level-name-complete {
  color: #707070 !important;
}
.badges-details-over .levels-info .column .level-name {
  font-family: 'dk_lemon_yellow_sunregular';
  font-size: 36px;
  color: #a3a3a3;
  margin-top: 25px;
}
.badges-details-over .levels-info .column .level-subname {
  font-size: 13px;
  color: #707070;
  font-weight: 600;
}
.badges-details-over .levels-info .column .level-details {
  border: 4px solid #f0f0f0;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 100%;
  margin-top: 29px;
  position: relative;
  display: flex;
  min-height: 257px;
  flex-direction: column;
  height: 100%;
}
.badges-details-over .levels-info .column .level-details .locked {
  background-color: #e5e5e5;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  height: 100%;
}
.badges-details-over .levels-info .column .level-details .locked .icon {
  font-size: 48px;
  color: #a3a3a3;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 96px;
  height: 96px;
  border: 4px solid #dbdbdb;
  display: flex;
  align-items: center;
  justify-content: center;
}
.badges-details-over .levels-info .column .level-details .vertical {
  margin-top: 38px;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.badges-details-over .levels-info .column .level-circle-top {
  background-color: #e5e5e5;
  border: 8px solid white;
  width: 32px;
  height: 32px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  top: -16px;
}
.badges-details-over .levels-info .column .level-circle-bottom {
  background-color: white;
  border: 4px solid white;
  width: 32px;
  height: 32px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  bottom: -15px;
  position: relative;
}
.badges-details-over .levels-info .column .level-circle {
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
}
.badges-details-over .levels-info .column .level-circle .icon {
  color: black;
  opacity: 0.3;
  font-size: 24px;
}
.badges-details-over .levels-info .column .level-circle .icon:hover {
  cursor: pointer;
}
.badges-details-over .levels-info .column .level-completed {
  margin-top: 20px;
  color: #55b238;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 14px;
}
.badges-details-over .levels-info .column .level-completed .icon {
  background-color: #55b238;
  color: white;
  width: 24px;
  height: 24px;
  font-size: 18px;
  margin-right: 6px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  justify-content: center;
  align-items: center;
  display: flex;
}
.badges-details-over .levels-info .column .info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding-left: 8px;
  padding-right: 8px;
}
.badges-details-over .levels-info .column .info .percentage {
  justify-content: center;
  display: flex;
  font-size: 18px;
  color: #699bff;
  font-weight: 700;
  margin-bottom: 8px;
}
.badges-details-over .levels-info .column .info .percentage span {
  font-size: 12px;
}
.badges-details-over .levels-info .column .info .circle-out {
  margin-bottom: 16px;
}
.badges-details-over .levels-info .column .info .circle-out .completed {
  color: #699bff !important;
}
.badges-details-over .levels-info .column .info .circle-out .icon {
  color: #c7c7c7;
  font-size: 32px;
  display: flex;
}
.badges-details-over .levels-info .column .info .circle-out .radial-progress {
  width: 64px;
  height: 64px;
  background-color: #e5e5e5;
  border-radius: 50%;
}
.badges-details-over .levels-info .column .info .circle-out .radial-progress .circle .mask,
.badges-details-over .levels-info .column .info .circle-out .radial-progress .circle .fill,
.badges-details-over .levels-info .column .info .circle-out .radial-progress .circle .shadow {
  width: 64px;
  height: 64px;
  position: absolute;
  border-radius: 50%;
}
.badges-details-over .levels-info .column .info .circle-out .radial-progress .circle .mask,
.badges-details-over .levels-info .column .info .circle-out .radial-progress .circle .fill {
  -webkit-backface-visibility: hidden;
  transition: -webkit-transform 1s;
  transition: -ms-transform 1s;
  transition: transform 1s;
}
.badges-details-over .levels-info .column .info .circle-out .radial-progress .circle .mask {
  clip: rect(0px, 64px, 64px, 32px);
}
.badges-details-over .levels-info .column .info .circle-out .radial-progress .circle .mask .fill {
  clip: rect(0px, 32px, 64px, 0px);
  background-color: #699bff;
}
.badges-details-over .levels-info .column .info .circle-out .radial-progress .inset {
  width: 48px;
  height: 48px;
  position: absolute;
  margin-left: 8px;
  margin-top: 8px;
  background-color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.badges-details-over .levels-info .column .info .bar {
  margin: auto;
  width: 24px;
  height: 4px;
  border-bottom: 4px solid #d6d6d6;
}
.badges-details-over .levels-info .column .info .numbers {
  justify-content: center;
  display: flex;
  margin-top: 16px;
  font-size: 18px;
}
.badges-details-over .levels-info .column .info .legend {
  justify-content: center;
  display: flex;
  font-size: 12px;
  color: #a3a3a3;
  margin-bottom: 36px;
}
.badges-details-over .progress-badges {
  padding-top: 55px;
  display: flex;
  flex-direction: column;
  width: 100%;
  text-align: left;
}
.badges-details-over .progress-badges .progress-title {
  font-size: 14px;
  font-weight: 700;
  color: #707070;
}
.badges-details-over .progress-badges .progress-badges-bar {
  margin-top: 13px;
  width: 100%;
  background-color: #ebebeb;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.badges-details-over .progress-badges .progress-badges-bar .progress-inner {
  background-color: #047dea;
  -webkit-border-radius: 4px 8px 8px 4px;
  -moz-border-radius: 4px 8px 8px 4px;
  border-radius: 4px 8px 8px 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.badges-details-over .progress-badges .progress-text {
  margin-top: 16px;
  display: inline-flex;
}
.badges-details-over .progress-badges .progress-text span {
  height: 24px;
  align-items: center;
  padding-right: 10px;
  padding-left: 10px;
  display: inline-flex;
  font-size: 13px;
  font-weight: 600;
  color: #707070;
  background-color: #f0f0f0;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.badges-details-over .progress-badges .progress-text .icon {
  margin-left: 8px;
  font-size: 24px;
  opacity: 0.3;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 32px;
  height: 32px;
  color: black;
  display: inline-flex;
}
.badges-details-menu {
  display: flex;
  justify-content: center;
  padding-top: 28px;
}
.badges-details-menu .info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding-left: 15px;
  padding-right: 15px;
}
.badges-details-menu .info img {
  margin: auto;
  width: 48px;
  margin-bottom: 12px;
}
.badges-details-menu .info span {
  display: flex;
  justify-content: center;
}
.badges-details-menu .info .bar {
  margin: auto;
  width: 24px;
  height: 4px;
  border-bottom: 4px solid #d6d6d6;
}
.badges-details-menu .info .text {
  font-size: 24px;
  height: 45px;
  display: flex;
  align-items: flex-end;
  font-weight: 600;
}
.badges-details-menu .info .text2 {
  font-size: 21px;
  height: 45px;
  display: flex;
  align-items: flex-end;
}
.badges-details-menu .info .subtext {
  font-size: 13px;
  color: #a3a3a3;
  font-weight: 600;
}
.row-badges {
  display: flex;
  justify-content: center;
  flex: 1 0 auto;
}
.row-badges .menu-right {
  background-color: white;
  width: 248px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 2px solid #dbdbdb;
  height: 100%;
  color: #424242;
  font-weight: 600;
}
.row-badges .menu-right .title {
  height: 46px;
  display: flex;
  padding-bottom: 9px;
  align-items: flex-end;
  padding-left: 16px;
  border-bottom: 1px solid #ebebeb;
  font-size: 14px;
  font-weight: 600;
}
.row-badges .menu-right .subtitle {
  margin-top: 40px;
  font-size: 14px;
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 14px;
  margin-left: 16px;
  margin-right: 16px;
}
.row-badges .menu-right .detail-info {
  display: flex;
  justify-content: center;
  padding-top: 24px;
  font-weight: 600;
}
.row-badges .menu-right .detail-info .info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding-left: 15px;
  padding-right: 15px;
}
.row-badges .menu-right .detail-info .info .percentage {
  justify-content: center;
  display: flex;
  font-size: 18px;
  color: #699bff;
  font-weight: 700;
  margin-bottom: 16px;
}
.row-badges .menu-right .detail-info .info .percentage span {
  font-size: 12px;
}
.row-badges .menu-right .detail-info .info .circle-out {
  margin-bottom: 20px;
}
.row-badges .menu-right .detail-info .info .circle-out .completed {
  color: #699bff !important;
}
.row-badges .menu-right .detail-info .info .circle-out .icon {
  color: #cccccc;
  font-size: 40px;
  display: flex;
}
.row-badges .menu-right .detail-info .info .circle-out .radial-progress {
  width: 80px;
  height: 80px;
  background-color: #e5e5e5;
  border-radius: 50%;
}
.row-badges .menu-right .detail-info .info .circle-out .radial-progress .circle .mask,
.row-badges .menu-right .detail-info .info .circle-out .radial-progress .circle .fill,
.row-badges .menu-right .detail-info .info .circle-out .radial-progress .circle .shadow {
  width: 80px;
  height: 80px;
  position: absolute;
  border-radius: 50%;
}
.row-badges .menu-right .detail-info .info .circle-out .radial-progress .circle .mask,
.row-badges .menu-right .detail-info .info .circle-out .radial-progress .circle .fill {
  -webkit-backface-visibility: hidden;
  transition: -webkit-transform 1s;
  transition: -ms-transform 1s;
  transition: transform 1s;
}
.row-badges .menu-right .detail-info .info .circle-out .radial-progress .circle .mask {
  clip: rect(0px, 80px, 80px, 40px);
}
.row-badges .menu-right .detail-info .info .circle-out .radial-progress .circle .mask .fill {
  clip: rect(0px, 40px, 80px, 0px);
  background-color: #699bff;
}
.row-badges .menu-right .detail-info .info .circle-out .radial-progress .inset {
  width: 64px;
  height: 64px;
  position: absolute;
  margin-left: 8px;
  margin-top: 8px;
  background-color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.row-badges .menu-right .detail-info .info .bar {
  margin: auto;
  width: 24px;
  height: 4px;
  border-bottom: 4px solid #d6d6d6;
}
.row-badges .menu-right .detail-info .info .numbers {
  justify-content: center;
  display: flex;
  margin-top: 16px;
  font-size: 18px;
}
.row-badges .menu-right .detail-info .info .legend {
  justify-content: center;
  display: flex;
  font-size: 12px;
  color: #a3a3a3;
  margin-bottom: 36px;
}
.row-badges .menu-right .button {
  margin-bottom: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.row-badges .menu-right .button .button-blue {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  background-color: #5d8ffb;
  color: white;
  font-size: 13px;
  font-weight: 700;
  -webkit-border-radius: 22px;
  -moz-border-radius: 22px;
  border-radius: 22px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 4px solid #d7e9ff;
  padding-left: 20px;
  padding-right: 20px;
}
.row-badges .menu-right .button .button-blue:hover {
  cursor: pointer;
  background-color: #3f6ff9;
}
.row-badges .main-area {
  width: 688px;
  margin-right: 24px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.06);
  background-color: white;
  padding-left: 24px;
  padding-right: 24px;
}
.row-badges .main-area .banner {
  -webkit-border-radius: 10px 10px 0px 0px;
  -moz-border-radius: 10px 10px 0px 0px;
  border-radius: 10px 10px 0px 0px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-left: -24px;
}
.row-badges .main-area .title-bar {
  position: absolute;
  margin-left: 304px;
  color: white;
  font-size: 18px;
  bottom: 29px;
  top: auto;
}
.row-badges .main-area .filters {
  margin-top: 32px;
  margin-bottom: 32px;
  font-weight: 700;
  font-size: 13px;
  color: #707070;
  display: flex;
  justify-content: center;
}
.row-badges .main-area .filters .selected {
  background-color: #398ffd;
  color: white;
}
.row-badges .main-area .filters span {
  width: 104px;
  height: 32px;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
  display: flex;
  align-items: center;
  justify-content: center;
}
.row-badges .main-area .filters span:hover {
  cursor: pointer;
  background-color: #398ffd;
  color: white;
}
.row-badges .main-area .filters span:first-child {
  -webkit-border-radius: 4px 0px 0px 4px;
  -moz-border-radius: 4px 0px 0px 4px;
  border-radius: 4px 0px 0px 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-left: 1px solid #ebebeb;
}
.row-badges .main-area .filters span:last-child {
  -webkit-border-radius: 0px 4px 4px 0px;
  -moz-border-radius: 0px 4px 4px 0px;
  border-radius: 0px 4px 4px 0px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.badges .MenuChoose {
  margin-top: 24px;
  margin-bottom: 40px;
  font-weight: 700;
  font-size: 13px;
  color: #707070;
  display: flex;
  justify-content: center;
}
.badges .MenuChoose .btnclick {
  width: 100px;
  height: 32px;
  border: 1px solid #398ffd;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #398ffd;
  border-radius: 4px;
}
.badges .MenuChoose .btnclick.selected {
  cursor: pointer;
  background-color: #398ffd;
  color: white;
}
.badges .title-badges {
  font-size: 14px;
  font-weight: 700;
  color: #707070;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #ebebeb;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 8px;
}
.badges .area {
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #f0f0f0;
  margin-top: 8px;
  padding-top: 4px;
  text-align: center;
}
.badges .area .imageBadge {
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  display: inline-flex;
}
.badges .area .imageBadge img {
  width: 100px;
  height: 100px;
}

.menu-right-class {
  /*width: 248px;*/
  width: 20%;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  height: 100%;
  background-color: white;
}
.menu-right-class .banner {
  -webkit-border-radius: 10px 10px 0px 0px;
  -moz-border-radius: 10px 10px 0px 0px;
  border-radius: 10px 10px 0px 0px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 100%;
}
.menu-right-class .links {
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 24px;
}
.menu-right-class .title {
  display: flex;
  width: 100%;
  font-size: 14px;
  font-weight: 600;
  color: #424242;
  border-bottom: 1px solid #d6d6d6;
  margin-bottom: 16px;
  padding-bottom: 7px;
}
.menu-right-class .selected {
  cursor: pointer;
  background-color: #e5e5e5;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.menu-right-class a {
  text-decoration: none !important;
  color: inherit !important;
  height: 40px;
  display: flex;
  align-items: center;
  margin-top: 16px;
  padding-left: 12px;
  font-size: 14px;
  font-weight: 600;
  color: #707070 !important;
}
.menu-right-class a:hover {
  cursor: pointer;
  background-color: #e5e5e5;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.menu-right-class a span {
  padding-left: 16px;
}
.forms-project-submit {
  width: 880px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.06);
  background-color: white;
  display: flex;
  flex-direction: column;
}
.forms-project-submit .title-bar {
  height: 96px;
  background-color: whitesmoke;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-border-radius: 10px 10px 0px 0px;
  -moz-border-radius: 10px 10px 0px 0px;
  border-radius: 10px 10px 0px 0px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 100%;
}
.forms-project-submit .list-area {
  padding: 24px;
}
.forms-project-submit .alert {
  display: none;
  width: 350px;
  margin: auto;
}
.forms-project-submit .linhaT {
  border-bottom: 0px;
}
.forms-project {
  width: 880px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.06);
  background-color: white;
  display: flex;
  flex-direction: column;
}
.forms-project .title-bar {
  height: 96px;
  background-color: whitesmoke;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-border-radius: 10px 10px 0px 0px;
  -moz-border-radius: 10px 10px 0px 0px;
  border-radius: 10px 10px 0px 0px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 100%;
}
.forms-project .list-area {
  padding-left: 40px;
  padding-right: 40px;
  margin-bottom: 45px;
}
.forms-project .list-area .list-item {
  width: 100%;
  margin-top: 45px;
}
.forms-project .list-area .list-item .item-title {
  font-size: 14px;
  color: #424242;
  padding-bottom: 5px;
  font-weight: 600;
  width: 100%;
  display: flex;
  border-bottom: 1px solid #ebebeb;
}
.forms-project .list-area .list-item .item-objects {
  justify-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
}
.forms-project .list-area .list-item .item-objects a {
  text-decoration: none;
}
.forms-project .list-area .list-item .item-objects .object-link {
  margin-top: 24px;
  font-size: 13px;
  font-weight: 600;
  color: white;
  width: 360px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #5188ff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.forms-project .list-area .list-item .item-objects .object-link:hover {
  background-color: #5c95ff;
}
.forms-project .list-area .list-item .item-objects .object {
  font-size: 13px;
  font-weight: 600;
  color: #424242;
  margin-top: 35px;
  display: flex;
}
.forms-project .list-area .list-item .item-objects .object:hover {
  color: #3775fb;
}
.forms-project .list-area .list-item .item-objects .object:hover span {
  text-decoration: underline;
}
.forms-project .list-area .list-item .item-objects .object .icon {
  display: inline-flex;
  font-size: 24px;
  margin-left: 8px;
}
.row-class {
  display: flex;
  justify-content: center;
  flex: 1 0 auto;
}
.row-class .title {
  margin-top: 32px;
  display: flex;
  font-size: 14px;
  font-weight: 600;
  color: #424242;
  border-bottom: 1px solid #d6d6d6;
  margin-bottom: 16px;
  padding-bottom: 7px;
}
.row-class .main-area {
  /*width: 688px;*/
  width: 40%;
  margin-right: 24px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.06);
  background-color: white;
  display: flex;
}
.row-class .main-area .left-menu {
  width: 200px;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 16px;
  background-color: whitesmoke;
  -webkit-border-radius: 10px 0px 0px 10px;
  -moz-border-radius: 10px 0px 0px 10px;
  border-radius: 10px 0px 0px 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.row-class .main-area .left-menu .avatarIcon {
  width: 24px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-left: 8px;
  margin-right: 8px;
}
.row-class .main-area .left-menu .class-actual {
  background-color: #5d8ffb;
  font-size: 13px;
  font-weight: 700;
  color: white !important;
  border: none !important;
}
.row-class .main-area .left-menu .class-actual .icon {
  color: white !important;
  opacity: 1 !important;
}
.row-class .main-area .left-menu .classItem {
  display: flex;
  width: 168px;
  align-items: center;
  padding-left: 13px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 2px solid #d6d6d6;
  font-size: 13px;
  font-weight: 600;
  color: #707070;
  margin-top: 8px;
  justify-content: space-between;
}
.row-class .main-area .left-menu .classItem .icon {
  margin-right: 8px;
  opacity: 0.3;
}
.row-class .main-area .left-menu .classItem:hover {
  cursor: pointer;
}
.row-class .main-area .left-menu .classItem:hover:not(.class-actual) {
  background-color: #ebebeb;
}
.row-class .main-area .left-menu .classItem:hover:not(.class-actual) .icon {
  opacity: 0.5;
}
.row-class .main-area .left-menu .student-actual {
  cursor: pointer;
  background-color: #d6d6d6;
}
.row-class .main-area .left-menu .student-actual .icon {
  opacity: 0.7;
}
.row-class .main-area .left-menu .hover {
  cursor: pointer;
  background-color: #e5e5e5;
  color: #707070;
}
.row-class .main-area .left-menu .hover .icon {
  opacity: 0.5;
}
.row-class .main-area .left-menu .studentItem {
  height: 32px;
  display: flex;
  align-items: center;
  padding-right: 8px;
  font-size: 13px;
  font-weight: 600;
  color: #424242;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-top: 8px;
  color: #707070;
}
.row-class .main-area .left-menu .studentItem span {
  text-overflow: ellipsis;
  /* width: 100%; */
  white-space: nowrap;
  overflow: hidden;
}
.row-class .main-area .left-menu .studentItem .icon {
  margin-left: auto;
  opacity: 0.3;
}
.row-class .main-area .left-menu .studentItem:hover {
  cursor: pointer;
  background-color: #e5e5e5;
  color: #707070;
}
.row-class .main-area .left-menu .studentItem:hover .icon {
  opacity: 0.5;
}
.row-class .main-area .left-menu .studentItem:last-child {
  margin-bottom: 8px;
}
.row-class .main-area .right-area {
  width: 100%;
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 4px;
}
.row-class .main-area .right-area .user-info {
  height: 62px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.row-class .main-area .right-area .user-info .name {
  font-weight: 700;
  font-size: 14px;
  color: #707070;
}
.row-class .main-area .right-area .user-info .avatar {
  margin-right: 8px;
  width: 38px;
  height: 38px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.row-class .createBadgesMain {
  background-color: white;
}
.row-class .createBadgesMain .titleCB {
  padding-top: 20px;
  padding-bottom: 40px;
  font-size: 18px;
  color: #707070;
}
.row-class .createBadgesMain .titleCBF {
  font-size: 14px;
  color: #707070;
  padding-bottom: 9px;
}
.row-class .createBadgesMain .formContainer {
  background-color: #f0f0f0;
  padding-left: 35px;
  padding-right: 35px;
  border-bottom: 1px solid #e0e0e0;
}
.row-class .createBadgesMain .input {
  margin-bottom: 40px;
}
.row-class .createBadgesMain .inputArea {
  padding-left: 30px;
}
.row-class .createBadgesMain .inputArea input[type="text"] {
  margin-top: 18px;
  border: 1px solid #dbdbdb;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #f0f0f0;
  height: 42px;
  box-shadow: none;
}
.row-class .createBadgesMain .postHeader {
  height: 68px;
}
.row-class .createBadgesMain .postHeader .center {
  display: inline-flex;
  float: right;
  margin-right: 40px;
}
.row-class .createBadgesMain .postHeader .center div {
  align-self: center;
  vertical-align: middle;
}
.row-class .createBadgesMain .postHeader .btnBadges {
  margin-left: 15px;
  height: 36px;
  font-size: 14px;
  font-weight: 700;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-top: 16px;
  margin-bottom: 16px;
  display: inline-flex;
}
.row-class .createBadgesMain .postHeader .btnBadges a {
  text-decoration: none;
  color: inherit;
}
.row-class .createBadgesMain .postHeader .btnBadges span {
  text-align: center;
  align-self: center;
  vertical-align: middle;
}
.row-class .createBadgesMain .postHeader .btnBadges:hover {
  cursor: pointer;
}
.row-class .createBadgesMain .postHeader .cancel {
  padding-left: 25px;
  border: 1px solid #d6d6d6;
  color: #a3a3a3 !important;
  width: 112px;
}
.row-class .createBadgesMain .postHeader .cancel:hover {
  border: 1px solid #bdbdbd;
  color: #707070 !important;
}
.row-class .createBadgesMain .postHeader .save {
  padding-left: 20px;
  color: white;
  background-color: #d6d6d6;
  width: 152px;
}
.row-class .createBadgesMain .postHeader .saveActive {
  background-color: #069df4;
  border: 1px solid #069df4;
}
.row-class .createBadgesMain .postHeader .saveActive:hover {
  background-color: #047dea;
  border: 1px solid #047dea;
}
.AreaHeadClass {
  display: flex;
  align-items: center;
}
.AreaHeadClass .btnExportExcel {
  width: 141PX;
  height: 32px;
  display: flex;
  border-radius: 4px;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
  margin-top: 22px;
  background: whitesmoke;
  color: #1d3b4a;
  border: 1px solid #dddddd;
  padding: 8px;
  line-height: 18px;
  border-width: 1px 1px 4px;
  text-align: center;
}
.tblStatics {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
}
.tblStatics #reportrange {
  background: white;
  color: #1d3b4a;
  border: 1px solid #dddddd;
  width: 320px;
  padding: 8px;
  line-height: 18px;
  border-radius: 4px;
  border-width: 1px 1px 4px;
  text-align: center;
  cursor: pointer;
  margin-top: 16px;
}
.tblStatics table {
  width: 100%;
  table-layout: fixed;
}
.tblStatics .header {
  background-color: #4078ad;
}
.tblStatics .content {
  height: 80%;
  overflow-x: auto;
  margin-top: 0px;
  background-color: #efefef;
}
.tblStatics .trContent:hover {
  background-color: #e0e0e0;
}
.tblStatics th {
  padding: 20px 5px;
  text-align: center;
  font-weight: 700;
  font-size: 12px;
  color: white;
  text-transform: uppercase;
}
.tblStatics td {
  padding: 12px 5px;
  text-align: center;
  vertical-align: middle;
  font-weight: 600;
  font-size: 12px;
  color: #6b6b6b;
}
.chooseStatisticsArea {
  margin-left: 70px;
  margin-right: 38px;
  margin-top: 70px;
}
.chooseStatisticsArea #btnRemoveAreaCode {
  float: right;
  font-size: 21px;
  margin-left: 11px;
  margin-top: 8px;
  cursor: pointer;
  opacity: 0.5;
  height: 27px;
}
.chooseStatisticsArea #btnRemoveAreaCode:hover {
  opacity: 1;
}
.chooseStatisticsArea .StatisticsMenuRow {
  display: flex;
  justify-content: center;
  text-align: center;
  line-height: 40px;
  height: 40px;
  margin-top: 24px;
}
.chooseStatisticsArea .StatisticsMenuRow div {
  width: 406px;
  border-bottom: 2px solid #3775fb;
  font-weight: 700;
  font-size: 13px;
  color: #3775fb;
  cursor: pointer;
}
.chooseStatisticsArea .StatisticsMenuRow .selected {
  background-color: #3775fb;
  color: white;
}
.chooseStatisticsArea .selectTurmasArea {
  margin-top: 34px;
  margin-left: 58px;
}
.chooseStatisticsArea .selectTurmasArea .dropdownSelect.disabled {
  background-color: #ebebeb;
  pointer-events: none;
  color: #707070;
}
.chooseStatisticsArea .selectTurmasArea .dropdownSelect {
  padding-right: 8px;
  margin-left: 4px;
  min-height: 40px;
  width: 196px;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #d6d6d6;
  background-color: whitesmoke;
  margin-top: 19px;
  cursor: pointer;
}
.chooseStatisticsArea .selectTurmasArea .dropdownSelect .dropdown-content.show-drop {
  display: block;
}
.chooseStatisticsArea .selectTurmasArea .dropdownSelect .titleDrop {
  padding-left: 16px;
}
.chooseStatisticsArea .selectTurmasArea .dropdownSelect .dropdown-content {
  display: none;
  position: absolute;
  background-color: white;
  min-width: 194px;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  color: #424242;
  top: 457px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: right;
  max-height: 560px;
  overflow: scroll;
}
.chooseStatisticsArea .selectTurmasArea .dropdownSelect .dropdown-content a {
  padding-right: 16px;
  display: flex;
  align-items: center;
  height: 40px;
  font-size: 13px;
  font-weight: 600;
  color: #424242;
  padding-left: 16px;
}
.chooseStatisticsArea .selectTurmasArea .dropdownSelect .dropdown-content a:hover {
  text-decoration: none;
  background-color: #f0f0f0;
}
.chooseStatisticsArea .selectTurmasArea .turmasSelectedArea {
  margin-top: 44px;
  line-height: 32px;
}
.chooseStatisticsArea .selectTurmasArea .turmasSelectedArea .turmasSelected {
  display: inline-flex;
  float: left;
  align-items: center;
  color: #707070;
  font-size: 11px;
  font-weight: 600;
}
.chooseStatisticsArea .selectTurmasArea .turmasSelectedArea .turmasSelected .tagTurma {
  justify-content: center;
  background-clip: padding-box;
  background-color: #4d4d4d;
  height: 24px;
  font-size: 12px;
  font-weight: 600;
  color: white;
  display: inline-flex;
  border-radius: 12px;
  align-items: center;
  margin-left: 12px;
  padding-left: 13px;
  padding-right: 13px;
}
.chooseStatisticsArea .selectTurmasArea .turmasSelectedArea .btnContinuarTempCode {
  background-color: #fc622b;
  width: 104PX;
  height: 32px;
  display: flex;
  border-radius: 4px;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 700;
  color: white;
  margin-right: 48px;
  cursor: pointer;
}
.chooseStatisticsArea .selectTurmasArea .turmasSelectedArea .btnContinuarTempCode.disabled {
  background-color: #fda180;
  pointer-events: none;
}
.chooseStatisticsArea .codesTempArea {
  margin-top: 38px;
  margin-left: 48px;
}

.notification-number {
  background-color: #ff4155;
  color: white;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 600;
  right: 2px;
  top: 4px;
  padding-left: 4px !important;
  padding-right: 4px !important;
  padding-top: 1px !important;
  padding-bottom: 2px !important;
  position: absolute;
  width: 24px;
  height: 19px;
}
#dropdown-notification {
  width: 352px;
  -webkit-border-radius: 10px 10px 0px 0px;
  -moz-border-radius: 10px 10px 0px 0px;
  border-radius: 10px 10px 0px 0px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 0px !important;
}
#dropdown-notification .upArrow {
  position: absolute;
  margin-top: -7px;
  right: 0;
  margin-right: 26px;
}
#dropdown-notification .title {
  -webkit-border-radius: 10px 10px 0px 0px;
  -moz-border-radius: 10px 10px 0px 0px;
  border-radius: 10px 10px 0px 0px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding-left: 10px;
  min-height: 32px;
  font-size: 12px;
  font-weight: 700;
  color: #424242;
  background-color: white;
  border-bottom: 1px solid #e5e5e5;
}
.show-notification .unread {
  background-color: #e1ebff;
  border-bottom: 1px solid #d4e2ff !important;
}
.show-notification .unread:hover {
  background-color: #dfe7fa;
}
.show-notification a {
  text-decoration: none;
}
.show-notification .downbar {
  text-align: center;
  height: 32px;
  -webkit-border-radius: 0px 0px 10px 10px;
  -moz-border-radius: 0px 0px 10px 10px;
  border-radius: 0px 0px 10px 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.show-notification .downbar a {
  height: 32px;
  color: #707070 !important;
  font-size: 11px;
  font-weight: 700;
  border: none;
  border-bottom: 1px solid #e5e5e5;
  border-top: none !important;
  -webkit-border-radius: 0px 0px 10px 10px;
  -moz-border-radius: 0px 0px 10px 10px;
  border-radius: 0px 0px 10px 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.show-notification .downbar a:hover {
  color: #477ce4;
}
.show-notification a:not(.downbar_a) {
  height: 64px !important;
  display: flex;
  align-content: center;
  padding: 8px !important;
  border-bottom: 1px solid #e5e5e5;
  border-top: none !important;
}
.show-notification a:not(.downbar_a) .avatar {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 48px;
  height: 48px;
  margin-right: 8px;
}
.show-notification a:not(.downbar_a) .text {
  font-size: 13px;
  color: #424242;
  margin-bottom: 5px;
}
.show-notification a:not(.downbar_a) .details {
  font-size: 12px;
  color: #707070;
  display: flex;
}
.show-notification a:not(.downbar_a) .icon {
  display: inline-flex;
  font-size: 18px;
  margin-right: 7px;
}
.show-notification a:not(.downbar_a) .right {
  display: flex;
  flex-direction: column;
  text-align: left;
  justify-content: center;
}
.show-notification a:not(.downbar_a) .right span {
  padding-left: 0px !important;
}
.show-notification a:not(.downbar_a):hover {
  background-color: whitesmoke;
}
.notifications {
  flex: 1 0 auto;
}
.notifications .main-notifications {
  background-color: white;
  width: 960px;
  margin: auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-top: 0px !important;
  padding-bottom: 50px;
}
.notifications .main-notifications .top-bar {
  font-weight: 600;
  margin-left: 24px;
  margin-right: 24px;
  display: flex;
  align-items: center;
  height: 64px;
  border-bottom: 1px solid #ebebeb;
}
.notifications .main-notifications .top-bar .title {
  color: #424242;
  font-size: 16px;
  align-items: center;
  height: 100%;
  display: flex;
}
.notifications .main-notifications .top-bar a {
  text-decoration: none;
}
.notifications .main-notifications .top-bar .definitions {
  font-size: 13px;
  align-items: center;
  height: 100%;
  display: flex;
  margin-left: auto;
}
.notifications .main-notifications .top-bar .definitions a {
  color: #3775fb !important;
}
.notifications .main-notifications .top-bar .definitions:hover {
  cursor: pointer;
}
.notifications .main-notifications .list {
  padding-top: 16px;
  padding-left: 24px;
  padding-right: 24px;
}
.notifications .loader-div {
  text-align: center;
  padding-top: 30px;
}

.contest-submission-over-back {
  opacity: 0.7;
  background: black;
  width: 100%;
  height: 100%;
  z-index: 1000;
  top: 0;
  left: 0;
  position: fixed;
  display: none;
}
.contest-submission-over {
  display: none;
  position: fixed;
  width: 560px;
  min-height: 385px;
  top: 104px;
  margin: auto;
  background-color: white;
  z-index: 2000;
  left: 50%;
  margin-left: -280px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.contest-submission-over .icon {
  width: 48px;
  height: 48px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #5d8efa;
  font-size: 24px;
  margin-top: 48px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  color: white;
}
.contest-submission-over .icon-error {
  width: 48px;
  height: 48px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: red;
  font-size: 24px;
  margin-top: 48px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  color: white;
}
.contest-submission-over .normal-text {
  margin-top: 36px;
  color: red;
  color: #424242;
}
.contest-submission-over .title {
  margin-top: 30px;
  color: #5d8efa;
  font-size: 20px;
  font-weight: 600;
}
.contest-submission-over .title-error {
  margin-top: 30px;
  color: red;
  font-size: 15px;
  font-weight: 600;
}
.contest-submission-over .title-wronguser {
  margin-top: 30px;
  color: red;
  font-size: 15px;
  font-weight: 600;
}
.contest-submission-over .button {
  margin-top: 48px;
  margin-bottom: 48px;
  width: 120px;
  height: 32px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 2px solid #bdbdbd;
  font-size: 14px;
  font-weight: 700;
  color: #424242;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.contest-submission-over .button:hover {
  background-color: #bdbdbd;
  cursor: pointer;
}
.mfp-close:hover {
  cursor: pointer !important;
}
.contest-submission-over-images {
  display: none;
  position: absolute;
  width: 560px;
  top: 64px;
  margin: auto;
  background-color: white;
  z-index: 2000;
  left: 50%;
  margin-left: -280px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.contest-submission-over-images .maxImagesError {
  color: #424242;
  font-size: 14px;
  margin-top: 24px;
  margin-bottom: 20px;
  text-align: center;
}
.contest-submission-over-images .title {
  height: 56px;
  border-bottom: 1px solid #ebebeb;
  width: 100%;
  display: flex;
  align-content: center;
  padding-left: 24px;
  font-size: 14px;
  font-weight: 700;
  color: #707070;
  position: relative;
}
.contest-submission-over-images .title span {
  display: flex;
  height: 100%;
  align-items: center;
}
.contest-submission-over-images .title .icon {
  position: absolute;
  top: 13px;
  right: 16px;
  color: black;
  opacity: 0.5;
  font-size: 24px;
  z-index: 3000;
}
.contest-submission-over-images .title .icon:hover {
  cursor: pointer;
  opacity: 0.7;
}
.contest-submission-over-images .preview {
  display: inline-block;
  padding-top: 28px;
  justify-content: center;
  width: 512px;
}
.contest-submission-over-images .preview img {
  width: 100%;
  height: auto;
}
.contest-submission-over-images .loaded-images {
  border-top: 1px solid #ebebeb;
  margin-top: 15px;
  margin-top: 36px;
}
.contest-submission-over-images .loaded-images .text {
  font-size: 14px;
  padding-left: 24px;
  color: #707070;
  font-weight: 600;
  padding-top: 19px;
  text-align: left;
}
.contest-submission-over-images .loaded-images .thumbnails {
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 28px;
  display: flex;
  flex-wrap: wrap;
}
.contest-submission-over-images .loaded-images .thumbnails span {
  margin-right: 16px;
  margin-bottom: 16px;
  position: relative;
}
.contest-submission-over-images .loaded-images .thumbnails span img {
  height: 80px;
  max-width: 100%;
}
.contest-submission-over-images .loaded-images .thumbnails span:hover img {
  -webkit-filter: brightness(30%);
}
.contest-submission-over-images .loaded-images .thumbnails span:hover .icon {
  color: white;
  display: block;
}
.contest-submission-over-images .loaded-images .thumbnails span .icon {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 24px;
  color: white;
}
.contest-submission-over-images .loaded-images .thumbnails span .icon:hover {
  color: white;
  cursor: pointer;
}
.contest-submission-over-images .loaded-images .thumbnails .add {
  position: relative;
  height: 80px;
  width: 80px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px dashed #d6d6d6;
  margin-right: 16px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.contest-submission-over-images .loaded-images .thumbnails .add:hover:not(.disable) {
  cursor: pointer;
}
.contest-submission-over-images .loaded-images .thumbnails .add .icon {
  opacity: 0.26;
  color: black;
  font-size: 18px;
}
.contest-submission-over-images .inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.contest-submission-over-images #file3 {
  width: 100%;
  height: 100%;
}
.contest-submission-over-images #file3:hover {
  cursor: pointer;
}
.contest-submission-over-images .buttons {
  display: none;
  justify-content: center;
  margin-left: 24px;
  margin-right: 24px;
  margin-top: 44px;
}
.contest-submission-over-images .buttons .add {
  font-size: 14px;
  color: #707070;
  font-weight: 700;
  width: 100%;
  height: 52px;
  background-color: #ebebeb;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  display: flex;
  justify-content: center;
  align-items: center;
}
.contest-submission-over-images .buttons .add:hover:not(.disable) {
  background-color: #e0e0e0;
  cursor: pointer;
}
.contest-submission-over-images .buttons-area {
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
}
.contest-submission-over-images .button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 48px;
  width: 248px;
  background-color: #5d8ffb;
  color: white;
  font-size: 14px;
  font-weight: 700;
  -webkit-border-radius: 22px;
  -moz-border-radius: 22px;
  border-radius: 22px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 4px solid #d7e9ff;
  margin-top: 28px;
}
.contest-submission-over-images .button .icon {
  padding-right: 8px;
  display: flex;
}
.contest-submission-over-images .button:hover {
  cursor: pointer;
  background-color: #3f6ff9;
}
.submission-cards {
  width: 100%;
  flex-flow: wrap;
  justify-content: flex-start;
}
.submission-cards a {
  text-decoration: none;
}
.submission-cards .submission-card {
  margin: 12px;
  width: 280px;
  max-height: 460px;
  display: inline-flex;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
  flex-direction: column;
}
.submission-cards .submission-card .overlay {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 12px;
  font-weight: 600;
  height: 32px;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  background-color: black;
  -webkit-border-radius: 0px 4px 0px 10px;
  -moz-border-radius: 0px 4px 0px 10px;
  border-radius: 0px 4px 0px 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.submission-cards .submission-card .text-area {
  position: relative;
}
.submission-cards .submission-card .link-image {
  position: relative;
}
.submission-cards .submission-card .over-image-number {
  position: absolute;
  top: 0;
  right: 0;
  color: white;
  -webkit-border-radius: 0px 0px 0px 4px;
  -moz-border-radius: 0px 0px 0px 4px;
  border-radius: 0px 0px 0px 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
  height: 32px;
}
.submission-cards .submission-card .over-image-number .icon {
  font-size: 24px;
  padding-left: 8px;
  padding-right: 7px;
  display: inline-flex;
}
.submission-cards .submission-card .over-image-number span {
  padding-right: 10px;
}
.submission-cards .submission-card .votes-star {
  position: absolute;
  right: 8px;
  top: 4px;
}
.submission-cards .submission-card .votes-star span {
  position: absolute;
  left: 50%;
  /* horizontal alignment */
  top: 50%;
  /* vertical alignment */
  transform: translate(-50%, -50%);
  /* precise centering; see link below */
  padding-top: 2px;
  font-size: 13px;
  font-weight: 600;
  color: white;
  text-shadow: 1px 1px 1.5px rgba(193, 140, 22, 0.8);
}
.submission-cards .submission-card .submission-card-title {
  height: 40px;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
  align-items: center;
  color: #424242;
  font-size: 14px;
  font-weight: 700;
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
  padding-top: 10px;
  white-space: nowrap;
}
.submission-cards .submission-card .submission-card-name {
  padding-top: 18px;
  padding-left: 16px;
  display: flex;
  align-items: flex-end;
  color: #424242;
  font-size: 14px;
  font-weight: 700;
}
.submission-cards .submission-card .submission-card-subname {
  padding-top: 6px;
  padding-left: 16px;
  padding-right: 56px;
  display: flex;
  align-items: flex-end;
  color: #707070;
  font-size: 13px;
  word-spacing: -1px;
}
.submission-cards .submission-card .submission-card-subname:first-child {
  padding-top: 15px;
}
.submission-cards .submission-card .submission-card-image {
  width: 280px;
  height: 200px;
  object-fit: cover;
}
.submission-cards .submission-card .submission-card-buttons {
  padding-top: 8px;
  margin-bottom: 24px;
  display: flex;
  margin-top: auto;
  justify-content: center;
}
.submission-cards .submission-card .submission-card-buttons .icon {
  font-size: 18px;
  color: white;
  display: flex;
  padding-right: 5px;
}
.submission-cards .submission-card .submission-card-buttons a {
  text-decoration: none;
}
.submission-cards .submission-card .submission-card-buttons .button-blue {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  width: 112px;
  background-color: #5d8ffb;
  color: white;
  font-size: 13px;
  font-weight: 700;
  -webkit-border-radius: 22px;
  -moz-border-radius: 22px;
  border-radius: 22px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 4px solid #d7e9ff;
}
.submission-cards .submission-card .submission-card-buttons .button-blue:hover:not(.voted) {
  cursor: pointer;
  background-color: #3f6ff9;
}
.submission-cards .submission-card .submission-card-buttons .voted {
  background-color: #cccccc !important;
  border: 4px solid #ebebeb;
}
.submission-cards .submission-card .submission-card-buttons .vote {
  margin-left: 16px;
}
.not-active {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  color: black;
}
.not-active span {
  background-color: #cccccc !important;
  border: 4px solid #ebebeb !important;
}
.contest {
  flex: 1 0 auto;
}
.contest .main-contest {
  background-color: white;
  width: 980px;
  margin: auto;
  -webkit-border-radius: 0px 0px 10px 10px;
  -moz-border-radius: 0px 0px 10px 10px;
  border-radius: 0px 0px 10px 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-top: 0px !important;
}
.contest .blue-horizontal {
  height: 4px;
  border-bottom: 4px solid #39ccdc;
  width: 32px;
}
.contest .contest-submit {
  padding: 38px 24px 56px 24px;
}
.contest .contest-submit form {
  display: flex;
  justify-content: center;
}
.contest .contest-submit .title {
  color: #707070 !important;
  font-size: 13px;
  width: 100%;
  padding-bottom: 10px;
  border-bottom: 1px solid #ebebeb;
}
.contest .contest-submit .title a {
  color: #707070 !important;
}
.contest .contest-submit .main-submit {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 48px;
  width: 784px;
}
.contest .contest-submit .main-submit select:focus {
  outline: none;
}
.contest .contest-submit .main-submit .help-input {
  display: inline-flex;
  flex-direction: column;
}
.contest .contest-submit .main-submit .help-input .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  color: #a3a3a3;
  font-size: 24px;
}
.contest .contest-submit .main-submit .group-input {
  display: inline-flex;
  flex-direction: column;
}
.contest .contest-submit .main-submit .placeholderSubmitContests {
  color: #a3a3a3;
  font-weight: 700;
  font-size: 12px;
  padding-left: 14px;
  padding-bottom: 2px;
}
.contest .contest-submit .main-submit .submit-title {
  margin-top: 12px;
  color: #424242;
  font-size: 21px;
  font-weight: 700;
  margin-bottom: 16px;
}
.contest .contest-submit .main-submit .submit-subtitle {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 24px;
  color: #707070;
}
.contest .contest-submit .main-submit .error-font {
  color: red;
  font-size: 12px;
}
.contest .contest-submit .main-submit .error-background {
  border: 4px solid #e5e5e5;
  background-color: #fff0f0;
}
.contest .contest-submit .main-submit .errorTxt {
  color: red;
  font-size: 12px;
  text-align: center;
}
.contest .contest-submit .main-submit .errorTxt div {
  display: none;
}
.contest .contest-submit .main-submit .error-email {
  color: red;
  font-size: 12px;
  display: none;
  padding-top: 5px;
  padding-left: 5px;
}
.contest .contest-submit .main-submit .when {
  height: 36px;
  padding-left: 16px;
  padding-right: 16px;
  color: #707070;
  background-color: #f0f0f0;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-bottom: 48px;
  font-size: 12px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}
.contest .contest-submit .main-submit textarea:focus,
.contest .contest-submit .main-submit input:focus {
  outline: none;
}
.contest .contest-submit .main-submit select.input-border.disable {
  /* for Firefox */
  -moz-appearance: none;
  /* for Chrome */
  -webkit-appearance: none;
  pointer-events: none;
}
.contest .contest-submit .main-submit .input-border {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 4px solid #ebebeb;
  padding-left: 10px;
  min-height: 40px;
  color: #424242;
  font-size: 14px;
  font-weight: 700;
}
.contest .contest-submit .main-submit .input-border::-webkit-input-placeholder {
  color: #707070;
}
.contest .contest-submit .main-submit .input-border::-moz-placeholder {
  color: #707070;
}
.contest .contest-submit .main-submit .input-border:-ms-input-placeholder {
  color: #707070;
}
.contest .contest-submit .main-submit .input-line {
  width: 100%;
  margin-bottom: 8px;
}
.contest .contest-submit .main-submit .input-extralarge:read-write:focus {
  outline: none;
}
.contest .contest-submit .main-submit .input-extralarge {
  padding-top: 5px;
  min-height: 144px !important;
}
.contest .contest-submit .main-submit textarea {
  /* will prevent resizing horizontally */
  resize: vertical;
}
.contest .contest-submit .main-submit .previews {
  width: 100%;
  display: flex;
  margin-bottom: 20px;
  display: none;
}
.contest .contest-submit .main-submit .previews .images {
  display: none;
  flex-wrap: wrap;
}
.contest .contest-submit .main-submit .previews .images .image {
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 188px;
  height: 104px;
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  margin-right: 8px;
  position: relative;
}
.contest .contest-submit .main-submit .previews .images .image .delete_image_icon {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 18px;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-border-radius: 0px 4px 0px 0px;
  -moz-border-radius: 0px 4px 0px 0px;
  border-radius: 0px 4px 0px 0px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 24px;
  height: 24px;
  background-color: gray;
}
.contest .contest-submit .main-submit .previews .images .image .delete_image_icon:hover {
  cursor: pointer;
  background-color: #4d4d4d;
}
.contest .contest-submit .main-submit .previews .images .image img {
  padding: 8px;
  width: 100px !important;
  max-height: 100px !important;
  display: flex;
}
.contest .contest-submit .main-submit .previews .images .image span {
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.contest .contest-submit .main-submit .previews .document {
  display: none;
  align-items: center;
  position: relative;
  justify-content: center;
  height: 56px;
  width: 784px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
}
.contest .contest-submit .main-submit .previews .document .icon {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 18px;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-border-radius: 0px 4px 0px 0px;
  -moz-border-radius: 0px 4px 0px 0px;
  border-radius: 0px 4px 0px 0px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 24px;
  height: 24px;
  background-color: gray;
}
.contest .contest-submit .main-submit .previews .document .icon:hover {
  cursor: pointer;
  background-color: #4d4d4d;
}
.contest .contest-submit .main-submit .buttons {
  display: flex;
  width: 784px;
  justify-content: center;
  margin-top: 26px;
}
.contest .contest-submit .main-submit .buttons .inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.contest .contest-submit .main-submit .buttons .btn-btn {
  font-size: 14px;
  color: #707070;
  font-weight: 700;
  width: 100%;
  height: 52px;
  background-color: #ebebeb;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.contest .contest-submit .main-submit .buttons .btn-btn:hover:not(.disable) {
  background-color: #e0e0e0;
  cursor: pointer;
}
.contest .contest-submit .main-submit .buttons .btn-btn #file {
  height: 100%;
  width: 100%;
}
.contest .contest-submit .main-submit .out-group {
  width: 760px;
  display: flex;
  border-top: 1px solid #ebebeb;
  margin-top: 20px;
}
.contest .contest-submit .main-submit .prize-details {
  width: 100%;
  margin-top: 12px;
  border-top: 1px solid #ebebeb;
  padding-top: 32px;
  margin-bottom: 10px;
}
.contest .contest-submit .main-submit .prize-details .prize-details-title {
  color: #707070;
  font-weight: 700;
  font-size: 14px;
  padding-bottom: 35px;
}
.contest .contest-submit .main-submit .error-messages {
  color: #424242;
  margin-top: 24px;
  font-size: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.contest .contest-submit .main-submit .group {
  display: inline-flex;
  margin-top: 24px;
  margin-left: auto;
}
.contest .contest-submit .main-submit a {
  text-decoration: none;
}
.contest .contest-submit .main-submit .button-blue {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 48px;
  width: 152px;
  background-color: #5d8ffb;
  color: white;
  font-size: 14px;
  font-weight: 700;
  -webkit-border-radius: 22px;
  -moz-border-radius: 22px;
  border-radius: 22px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 4px solid #d7e9ff;
}
.contest .contest-submit .main-submit .button-blue:hover {
  cursor: pointer;
  background-color: #3f6ff9;
}
.contest .contest-submit .main-submit .button-blue:last-child {
  margin-left: 2px;
}
.contest .contest-galery {
  padding: 38px 24px 56px 23px;
}
.contest .contest-galery .title {
  color: #707070;
  font-size: 13px;
  width: 921px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ebebeb;
}
.contest .contest-galery .title a {
  color: #707070 !important;
}
.contest .contest-galery .main-galery {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 48px;
}
.contest .contest-galery .main-galery .galery-title {
  margin-top: 7px;
  color: #424242;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 40px;
}
.contest .search {
  padding-bottom: 15px;
}
.contest .search .search-input {
  margin-right: 8px;
  border: 4px solid #f0f0f0;
  height: 32px;
  width: 264px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  display: inline-block;
  position: relative;
  cursor: pointer;
  float: left;
}
.contest .search .search-input .icon-search {
  margin: auto;
  font-size: 24px;
  height: 24px;
  color: #5d8ffb;
  left: 16px;
  margin-right: 6px;
  top: 0;
  bottom: 0;
  float: right;
}
.contest .search .search-input .icon-search:hover {
  color: #3f6ff9;
}
.contest .search .search-input input[type="text"] {
  border: none;
  top: 0;
  bottom: 0;
  position: absolute;
  margin: auto;
  left: 16px;
  color: #424242;
  font-weight: 400;
  font-size: 14px;
  width: 200px;
  float: left;
}
.contest .search .search-input input[type="text"]:focus {
  outline-width: 0;
}
.contest .search .search-input input[type="text"]::-webkit-input-placeholder {
  color: #a3a3a3;
}
.contest .search .search-input input[type="text"]::-moz-placeholder {
  color: #a3a3a3;
}
.contest .search .search-input input[type="text"]:-ms-input-placeholder {
  color: #a3a3a3;
}
.contest .search .ja-dropdown .ja-dropdown-inner {
  top: 32px;
  left: 0px;
}
.contest .search .ja-dropdown .toggle {
  top: 30px;
  width: 100%;
}
.contest .search .icon-order-bar {
  font-size: 21px;
  color: rgba(0, 0, 0, 0.3);
  display: inline-flex;
}
.contest .search .order-bar {
  margin-left: 8px;
  width: 160px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  border: 4px solid #f0f0f0;
  font-size: 13px;
  color: #707070;
  font-weight: 600;
  padding-left: 15px;
  padding-right: 8px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.contest .search .order-bar:hover {
  border: 4px solid #dbdbdb;
  background-color: #dbdbdb;
  cursor: pointer;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  color: #424242;
}
.contest .search .order-bar:hover .icon-order-bar {
  color: rgba(0, 0, 0, 0.7);
}
.contest .search .order-bar ul,
.contest .search .order-bar li {
  list-style-type: none;
}
.contest .search .order-bar .arrow {
  display: none;
  position: absolute;
  right: 10px;
  top: 38px;
  z-index: 200;
  width: 12px;
  height: 6px;
}
.contest .search .order-bar ul {
  background-color: white;
  width: 100%;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.contest .search .order-bar ul .li-start {
  height: 10px;
}
.contest .search .order-bar ul .li-end {
  height: 10px;
}
.contest .search .order-bar ul .li-normal {
  height: 40px;
  font-size: 13px;
  font-weight: 600;
  width: 100%;
  display: flex;
  align-items: center;
}
.contest .search .order-bar ul .li-normal:hover {
  background-color: #ebebeb;
}
.contest .search .order-bar ul .li-normal a {
  color: #424242;
  text-decoration: none;
  margin: auto;
  height: 100%;
  display: flex;
  align-items: center;
}
.contest .search .order-bar ul .li-normal a .icon {
  padding-top: 3px;
  padding-left: 8px;
  padding-right: 8px;
}
.contest .tags span {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  color: white;
  font-size: 12px;
  font-weight: 600;
  background-color: #047dea;
  padding: 2px 7px 2px 7px;
  margin-bottom: 5px;
  float: left;
  margin-left: 5px;
}
.contest .submission-details {
  padding: 38px 24px 56px 24px;
  align-items: center;
  display: flex;
  flex-direction: column;
}
.contest .submission-details .title {
  color: #707070;
  font-size: 13px;
  width: 100%;
  padding-bottom: 10px;
  border-bottom: 1px solid #ebebeb;
}
.contest .submission-details .title a {
  color: #707070 !important;
}
.contest .submission-details .back-button-area {
  margin-top: 16px;
  margin-left: auto;
  margin-right: 8px;
}
.contest .submission-details .back-button-area a {
  text-decoration: none;
}
.contest .submission-details .back-button {
  width: 100px;
  height: 28px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 2px solid #e5e5e5;
  font-size: 13px;
  color: #707070;
  display: flex;
  align-items: center;
  justify-content: center;
}
.contest .submission-details .back-button:hover {
  background-color: whitesmoke;
  border: 2px solid #cccccc;
  cursor: pointer;
}
.contest .submission-details .back-button .icon {
  margin-right: 2px;
  color: #707070;
  font-size: 21px;
  display: flex;
}
.contest .submission-details .class-details {
  display: flex;
  width: 100%;
  flex-direction: column;
}
.contest .submission-details .main-details {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 664px;
}
.contest .submission-details .main-details .video-area {
  margin-bottom: 32px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.contest .submission-details .main-details .video-area:hover {
  cursor: pointer;
}
.contest .submission-details .main-details .video-area:hover img {
  opacity: 0.8;
}
.contest .submission-details .main-details .video-area .play-button {
  background-color: rgba(0, 0, 0, 0.8);
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  position: absolute;
}
.contest .submission-details .main-details .video-area .play-button:hover {
  cursor: pointer;
}
.contest .submission-details .main-details .video-area .icon {
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
}
.contest .submission-details .main-details .images-slider {
  margin-bottom: 32px;
  position: relative;
  display: flex;
}
.contest .submission-details .main-details .images-slider .image {
  margin: 1px;
  width: 208px;
  height: 200px;
  object-fit: cover;
}
.contest .submission-details .main-details .images-slider .image:hover {
  background-color: #3775fb;
  opacity: 0.8;
  cursor: pointer;
}
.contest .submission-details .main-details .images-slider .last {
  background-color: black;
  opacity: 0.7;
}
.contest .submission-details .main-details .images-slider .image-over {
  position: absolute;
  padding: 1px;
  width: 208px;
  height: 200px;
  background-color: black;
  opacity: 0.7;
  z-index: 50;
}
.contest .submission-details .main-details .images-slider .text-over {
  position: absolute;
  padding: 1px;
  width: 208px;
  height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  z-index: 100;
}
.contest .submission-details .main-details .images-slider .text-over:hover {
  cursor: pointer;
}
.contest .submission-details .main-details .images-slider .text-over .one {
  font-weight: 600;
  font-size: 36px;
}
.contest .submission-details .main-details .images-slider .text-over .two {
  font-weight: 700;
  font-size: 40px;
}
.contest .submission-details .main-details .votes-star {
  position: relative;
}
.contest .submission-details .main-details .votes-star span {
  position: absolute;
  left: 50%;
  /* horizontal alignment */
  top: 50%;
  /* vertical alignment */
  transform: translate(-50%, -50%);
  /* precise centering; see link below */
  padding-top: 2px;
  font-size: 14px;
  font-weight: 600;
  color: white;
  text-shadow: 1px 1px 1.5px rgba(193, 140, 22, 0.8);
}
.contest .submission-details .main-details .big-image {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 664px;
  height: 224px;
  margin-top: 32px;
  margin-bottom: 32px;
}
.contest .submission-details .main-details .blue-horizontal {
  height: 4px;
  border-bottom: 4px solid #7bcad9;
  width: 32px;
}
.contest .submission-details .main-details .contest-title {
  margin-top: 10px;
  font-size: 21px;
  font-weight: 700;
  color: #424242;
}
.contest .submission-details .main-details .contest-subtitle {
  font-size: 13px;
  font-weight: 700;
  color: #707070;
}
.contest .submission-details .main-details .contest-subtitle-details {
  margin-top: 15px;
  font-size: 13px;
  color: #707070;
}
.contest .submission-details .main-details .context-text {
  margin-top: 25px;
  margin-bottom: 50px;
  font-size: 14px;
  color: #424242;
  width: 664px;
  text-align: justify;
  word-break: break-word;
}
.contest .submission-details .main-details .division {
  width: 664px;
  height: 1px;
  border-bottom: 1px solid #ebebeb;
}
.contest .submission-details .main-details .votes-text {
  font-size: 14px;
  color: #707070;
  font-weight: 700;
  margin-left: 8px;
}
.contest .submission-details .main-details .buttons {
  width: 664px;
  display: flex;
  margin-top: 30px;
  margin-bottom: 88px;
  justify-content: space-between;
  position: relative;
  align-items: center;
}
.contest .submission-details .main-details .buttons .outter {
  display: flex;
  align-items: center;
}
.contest .submission-details .main-details .buttons .group {
  display: inline-flex;
}
.contest .submission-details .main-details .buttons a {
  text-decoration: none;
}
.contest .submission-details .main-details .buttons .button-blue {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  width: 114px;
  background-color: #5d8ffb;
  color: white;
  font-size: 13px;
  font-weight: 700;
  -webkit-border-radius: 22px;
  -moz-border-radius: 22px;
  border-radius: 22px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 4px solid #d7e9ff;
}
.contest .submission-details .main-details .buttons .button-blue:hover:not(.voted) {
  cursor: pointer;
  background-color: #3f6ff9;
}
.contest .submission-details .main-details .buttons .button-blue:last-child {
  margin-left: 1px;
}
.contest .submission-details .main-details .buttons .button-blue .icon {
  margin-right: 5px;
  display: flex;
}
.contest .submission-details .main-details .buttons .voted {
  background-color: #cccccc !important;
  border: 4px solid #ebebeb;
}
.contest .contest-details {
  padding: 38px 24px 56px 24px;
}
.contest .contest-details .title {
  color: #707070;
  font-size: 13px;
  width: 100%;
  padding-bottom: 10px;
  border-bottom: 1px solid #ebebeb;
}
.contest .contest-details .title a {
  color: #707070 !important;
}
.contest .contest-details .main-details {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.contest .contest-details .main-details .big-image {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 664px;
  height: 224px;
  margin-top: 24px;
  margin-bottom: 24px;
}
.contest .contest-details .main-details .blue-horizontal {
  height: 4px;
  border-bottom: 4px solid #7bcad9;
  width: 32px;
}
.contest .contest-details .main-details .contest-title {
  margin-top: 8px;
  font-size: 21px;
  font-weight: 700;
  color: #424242;
}
.contest .contest-details .main-details .context-text {
  margin-top: 32px;
  font-size: 14px;
  color: #424242;
  width: 664px;
  text-align: justify;
}
.contest .contest-details .main-details .when {
  height: 44px;
  padding-left: 16px;
  padding-right: 16px;
  color: #3ba0b9;
  background-color: #f0f0f0;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-top: 24px;
  margin-bottom: 24px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}
.contest .contest-details .main-details .division {
  width: 664px;
  height: 1px;
  border-bottom: 1px solid #ebebeb;
}
.contest .contest-details .main-details .submission-see-more {
  margin-top: 40px;
}
.contest .contest-details .main-details .submission-see-more a {
  text-decoration: none;
}
.contest .contest-details .main-details .submission-see-more .button-transparent {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 48px;
  width: 172px;
  color: #707070;
  font-size: 14px;
  font-weight: 700;
  -webkit-border-radius: 22px;
  -moz-border-radius: 22px;
  border-radius: 22px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 4px solid #e5e5e5;
}
.contest .contest-details .main-details .submission-see-more .button-transparent:hover {
  cursor: pointer;
  background-color: whitesmoke;
  border: 4px solid #cccccc;
}
.contest .contest-details .main-details .submissions {
  margin-top: 12px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.contest .contest-details .main-details .submissions .submissions-title {
  color: #424242;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 40px;
}
.contest .contest-details .main-details .buttons {
  width: 664px;
  display: flex;
  margin-top: 32px;
  margin-bottom: 88px;
  justify-content: space-between;
}
.contest .contest-details .main-details .buttons .group {
  display: inline-flex;
  margin-left: auto;
}
.contest .contest-details .main-details .buttons a {
  text-decoration: none;
}
.contest .contest-details .main-details .buttons .button-transparent {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  width: 172px;
  color: #707070;
  font-size: 14px;
  font-weight: 700;
  -webkit-border-radius: 22px;
  -moz-border-radius: 22px;
  border-radius: 22px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 4px solid #e5e5e5;
}
.contest .contest-details .main-details .buttons .button-transparent:hover {
  cursor: pointer;
  background-color: whitesmoke;
  border: 4px solid #cccccc;
}
.contest .contest-details .main-details .buttons .button-blue {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  width: 152px;
  text-align: center;
  background-color: #5d8ffb;
  color: white;
  font-size: 14px;
  font-weight: 700;
  -webkit-border-radius: 22px;
  -moz-border-radius: 22px;
  border-radius: 22px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 4px solid #d7e9ff;
}
.contest .contest-details .main-details .buttons .button-blue:hover {
  cursor: pointer;
  background-color: #3f6ff9;
}
.contest .contest-details .main-details .buttons .button-blue:last-child {
  margin-left: 1px;
}
.contest .contest-list {
  margin-bottom: 64px;
  margin-left: 24px;
  margin-right: 24px;
}
.contest .contest-list .title {
  color: #424242;
  font-size: 16px;
  width: 100%;
  padding-bottom: 10px;
  border-bottom: 1px solid #ebebeb;
}
.contest .contest-list .title a {
  color: #707070 !important;
}
.contest .contest-list .list {
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 16px;
}
.contest .contest-list .list .item {
  margin: 8px;
  position: relative;
  width: 280px;
  display: inline-flex;
  flex-direction: column;
  padding-bottom: 32px;
}
.contest .contest-list .list .item .button-cont {
  width: 100%;
  display: flex;
  justify-content: center;
  padding-top: 22px;
}
.contest .contest-list .list .item a {
  text-decoration: none;
}
.contest .contest-list .list .item .button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 48px;
  width: 152px;
  background-color: #5d8ffb;
  color: white;
  font-size: 14px;
  font-weight: 700;
  -webkit-border-radius: 22px;
  -moz-border-radius: 22px;
  border-radius: 22px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 4px solid #d7e9ff;
}
.contest .contest-list .list .item .button:hover {
  cursor: pointer;
  background-color: #3f6ff9;
}
.contest .contest-list .list .item .main-image {
  width: 280px;
  object-fit: cover;
  height: 240px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.contest .contest-list .list .item .in-title {
  padding-left: 8px;
  padding-top: 18px;
  font-size: 14px;
  font-weight: 700;
  color: #424242;
}
.contest .contest-list .list .item .sub-title {
  padding-left: 8px;
  padding-top: 5px;
  font-size: 13px;
  font-weight: 600;
  color: #707070;
}
.contest .contest-list .list .item .image-finish {
  position: absolute;
  left: 0;
  top: 0;
}
.contest .contest-list .list .item .areaIconRound {
  position: absolute;
  z-index: 1;
  display: grid;
  right: 0;
  margin-right: 10px;
}
.contest .contest-list .list .item .areaIconRound:hover .iconRound {
  color: white !important;
  background-color: #2c2d31 !important;
  border: 2px solid white;
}
.contest .contest-list .list .item .areaIconRound .suggestionCreated {
  background-color: black;
  color: white;
}
.contest .contest-list .list .item .areaIconRound .iconRound {
  transition: background-color 0.4s ease;
  display: inline-flex;
  width: 36px;
  height: 36px;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.9) !important;
  border-radius: 50%;
  font-size: 22px;
  color: #2c2d31 !important;
  align-items: center;
  justify-content: center;
  margin-top: 5px;
}
.contest .contest-list .list .item .overlay {
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 12px;
  font-weight: 600;
  height: 32px;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  background-color: black;
  -webkit-border-radius: 0px 10px 0px 0;
  -moz-border-radius: 0px 10px 0px 0;
  border-radius: 0px 10px 0px 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.contest .filters .selected {
  background-color: #5d8ffb;
  color: white !important;
}
.contest .filters .picker {
  margin-top: 40px;
  margin-bottom: 30px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.contest .filters .picker span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100%;
  border: 1px solid #5d8ffb;
  color: #5d8ffb;
  font-size: 13px;
  font-weight: 700;
}
.contest .filters .picker span:first-child {
  -webkit-border-radius: 4px 0px 0px 4px;
  -moz-border-radius: 4px 0px 0px 4px;
  border-radius: 4px 0px 0px 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.contest .filters .picker span:last-child {
  -webkit-border-radius: 0px 4px 4px 0px;
  -moz-border-radius: 0px 4px 4px 0px;
  border-radius: 0px 4px 4px 0px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.contest .filters .picker span:hover {
  cursor: pointer;
  background-color: #5d8ffb;
  color: white !important;
}
.outter-video {
  height: auto;
  width: 100%;
  /* new */
  max-width: 1280px;
  margin: 0 auto;
  /* new */

}
.container-video {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
}
.container-video .close-video {
  position: absolute;
  top: -40px;
  right: 0;
  color: white;
  font-size: 32px;
}
.container-video .close-video:hover {
  cursor: pointer;
}
.container-video .video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.popup-video {
  position: absolute;
  justify-content: center;
  align-items: center;
  width: 100%;
  top: 104px;
  display: none;
  z-index: 2010;
}
.overlay-video {
  opacity: 0.8;
  background: black;
  width: 100%;
  height: 100%;
  z-index: 2000;
  top: 0;
  left: 0;
  position: fixed;
  display: none;
}
.AreaBtnOldYears {
  display: flex;
  justify-content: center;
}
.btnShowAndHideContest.active,
.hideBtnOldYears.active {
  background-color: #8b8b8b;
  color: white;
}
.btnShowAndHideContest {
  width: 100px;
  height: 40px;
  border-radius: 20px;
  background-color: #ebebeb;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 700;
  color: #707070;
  cursor: pointer;
  margin-top: 32px;
  margin-left: 8px;
}
.btnShowAndHideContest:hover {
  background-color: #8b8b8b;
  color: white;
}
.hideBtnOldYears {
  display: flex;
  width: 100px;
  height: 40px;
  margin-left: 8px;
  border-radius: 20px;
  background-color: #ebebeb;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 700;
  color: #707070;
  cursor: pointer;
  margin-top: 32px;
}
.hideBtnOldYears:hover {
  background-color: #8b8b8b;
  color: white;
}

.main-content {
  display: inline-flex;
  flex-direction: row;
  width: 100%;
}
.main-content.amadotec .content-bar-left .top-area {
  background-color: #f37f3e !important;
}
.main-content.amadotec .content-bar-left .top-area .circles-area a:hover:not(.c-selected) .c-item {
  background-color: #be5d29;
}
.main-content.amadotec .content-bar-left .top-area .circles-area a:focus,
.main-content.amadotec .content-bar-left .top-area .circles-area a:hover {
  color: #be5d29 !important;
}
.main-content.amadotec .content-bar-left.hideMenu .top-area {
  background: transparent !important;
}
.content-bar-left {
  z-index: 100;
  min-width: 312px !important;
  max-width: 312px !important;
  -webkit-box-shadow: 0px 0px 36px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 36px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 36px 0px rgba(0, 0, 0, 0.2);
}
.content-bar-left .bottom-area {
  background-color: white;
  height: 99%;
  padding-top: 16px;
  flex-direction: column;
  display: flex;
}
.content-bar-left .bottom-area .educacaosaude .c-selected-in {
  border-left: 8px solid #fb622b !important;
}
.content-bar-left .bottom-area .educacaoambiental .c-selected-in {
  border-left: 8px solid #89ad49 !important;
}
.content-bar-left .bottom-area .genero .c-selected-in {
  border-left: 8px solid #e266d3 !important;
}
.content-bar-left .bottom-area .seguranca .c-selected-in {
  border-left: 8px solid #5880d8 !important;
}
.content-bar-left .bottom-area .floresta .c-selected-in {
  border-left: 8px solid #2bba47 !important;
}
.content-bar-left .bottom-area .oceanos .c-selected-in {
  border-left: 8px solid #4da4fb !important;
}
.content-bar-left .bottom-area .robotica .c-selected-in {
  border-left: 8px solid #de8b05 !important;
}
.content-bar-left .bottom-area .c-elem-division {
  cursor: pointer;
  height: 32px;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  display: flex;
  align-items: center;
  padding-left: 36px;
  font-size: 12px;
  background-color: whitesmoke;
  color: #707070;
  font-weight: 600;
}
.content-bar-left .bottom-area .c-elem-in {
  background-color: #d9e5ff;
  color: #536fb9;
  height: 48px;
  display: flex;
  align-items: center;
  border-left: 8px solid #d9e5ff !important;
  font-size: 13px;
  font-weight: 600;
}
.content-bar-left .bottom-area .c-elem-in .icon-left-in {
  visibility: hidden;
  margin-left: 36px;
  margin-right: 24px;
  font-size: 24px;
}
.content-bar-left .bottom-area .c-elem-in .icon-right-in {
  display: none;
  font-size: 24px;
  margin-left: auto;
  margin-right: 16px;
}
.content-bar-left .bottom-area .c-elem-in:hover:not(.c-selected) {
  background-color: #c8d9ff;
}
.content-bar-left .bottom-area .c-elem-in:hover {
  cursor: pointer;
}
.content-bar-left .bottom-area .c-selected-in {
  background-color: #b7cdff !important;
  color: #3450a5 !important;
  border-left: 8px solid #536fb9 !important;
}
.content-bar-left .bottom-area .c-selected-in .icon-left-in {
  visibility: visible;
  color: #3450a5;
  display: inline-flex;
}
.content-bar-left .bottom-area .c-selected-in .icon-right-in {
  display: inline-flex !important;
  color: #3450a5;
}
.content-bar-left .bottom-area .c-selected:not(.c-openable) {
  border-left: 8px solid #3450a6 !important;
  color: #3450a6;
  background-color: #e6eeff;
}
.content-bar-left .bottom-area .c-selected:not(.c-openable) .icon-right {
  display: inline-flex !important;
  font-size: 24px;
  display: none;
  margin-left: auto;
  margin-right: 16px;
}
.content-bar-left .bottom-area .c-selected:not(.c-openable) .icon-left {
  -webkit-box-shadow: 2px 2px 3px rgba(55, 117, 251, 0.3);
  -moz-box-shadow: 2px 2px 3px rgba(55, 117, 251, 0.3);
  box-shadow: 2px 2px 3px rgba(55, 117, 251, 0.3);
}
.content-bar-left .bottom-area a,
.content-bar-left .bottom-area a:hover,
.content-bar-left .bottom-area a:visited,
.content-bar-left .bottom-area a:link,
.content-bar-left .bottom-area a:active {
  width: 100%;
  text-decoration: none !important;
}
.content-bar-left .bottom-area a div,
.content-bar-left .bottom-area a:hover div,
.content-bar-left .bottom-area a:visited div,
.content-bar-left .bottom-area a:link div,
.content-bar-left .bottom-area a:active div {
  text-decoration: none !important;
}
.content-bar-left .bottom-area .c-elem {
  height: 72px;
  display: flex;
  font-size: 13px;
  font-weight: 600;
  color: #738fce;
  align-items: center;
  border-left: 8px solid white;
}
.content-bar-left .bottom-area .c-elem .c-name {
  width: 160px;
}
.content-bar-left .bottom-area .c-elem .icon-right {
  display: inline-flex;
  font-size: 24px;
  display: none;
  margin-left: auto;
  margin-right: 16px;
  color: #3450a6;
}
.content-bar-left .bottom-area .c-elem .icon-left {
  margin-left: 28px;
  margin-right: 24px;
  width: 40px;
  height: 40px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  color: white;
  display: inline-flex;
}
.content-bar-left .bottom-area .c-elem:hover:not(.c-selected):not(.c-openable) {
  background-color: #f2f6ff !important;
  color: #3450a6 !important;
}
.content-bar-left .bottom-area .c-elem:hover:not(.c-selected):not(.c-openable) .icon-right {
  opacity: 0.3 !important;
  display: inline-flex !important;
}
.content-bar-left .bottom-area .c-openable {
  width: 100%;
  position: relative;
}
.content-bar-left .bottom-area .c-openable .arrow-down {
  left: 40px;
  bottom: -11px;
  position: absolute;
}
.content-bar-left .bottom-area .c-openable:hover {
  cursor: pointer;
}
.content-bar-left .top-area {
  background-color: #3775fb;
  padding-top: 40px;
}
.content-bar-left .top-area .title-area {
  padding-left: 36px;
  display: flex;
  align-items: center;
}
.content-bar-left .top-area .title-area span {
  font-size: 14px;
  font-weight: 600;
  color: white;
}
.content-bar-left .top-area .title-area .icon {
  margin-right: 24px;
  font-size: 24px;
  color: white;
  display: inline-flex;
}
.content-bar-left .top-area .circles-area {
  padding-top: 39px;
  padding-bottom: 32px;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}
.content-bar-left .top-area .circles-area .c-selected .arrow-up {
  display: flex;
}
.content-bar-left .top-area .circles-area .c-selected .icon {
  color: white !important;
}
.content-bar-left .top-area .circles-area .c-selected .label-title {
  color: white !important;
  font-weight: 700;
}
.content-bar-left .top-area .circles-area .c-selected .c-item {
  -webkit-box-shadow: 0px 0px 4px rgba(55, 117, 251, 0.6);
  -moz-box-shadow: 0px 0px 4px rgba(55, 117, 251, 0.6);
  box-shadow: 0px 0px 4px rgba(55, 117, 251, 0.6);
  border: none;
}
.content-bar-left .top-area .circles-area .c-selected .patrimonio {
  background-color: #be6444;
}
.content-bar-left .top-area .circles-area .c-selected .educacao {
  background-color: #f8b000;
}
.content-bar-left .top-area .circles-area .c-selected .conteudos {
  background-color: #00bea3;
}
.content-bar-left .top-area .circles-area a {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  width: 66px;
  position: relative;
}
.content-bar-left .top-area .circles-area a .arrow-up {
  display: none;
  position: absolute;
  bottom: 0;
  bottom: -32px;
}
.content-bar-left .top-area .circles-area a:hover:not(.c-selected) .c-item {
  color: #e1ebff;
  border: 1px solid #e1ebff;
  background-color: #4881fa;
}
.content-bar-left .top-area .circles-area a:hover:not(.c-selected) .c-item .icon {
  color: #e1ebff;
}
.content-bar-left .top-area .circles-area .label-title {
  color: white;
  font-size: 12px;
  font-weight: 700;
  padding-top: 17px;
  text-align: center;
}
.content-bar-left .top-area .circles-area .c-item {
  height: 56px;
  width: 56px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid white;
  display: flex;
  justify-content: center;
  align-items: center;
}
.content-bar-left .top-area .circles-area .c-item .icon {
  font-size: 24px;
  color: white;
  display: inline-flex;
}