/** ATTENTION: Please do not paste over this file. There are some additions that might not
 * be reflected in the source you are copying from. If you are changing this, please add
 * a comment next to the part of the file you are changing so we know not to paste over it
 */

 :root {
   --default-radius: 8px;
   --input-radius: 30px;
   --primary-color: #D85D1B;
   --secondary-color: #5D5D5F;
   --accent-color: #737373;
   --default-transition-time: .4s;
   --btn-x-padding: 30px;
   --btn-y-padding: 10px;
   --bg-color: #FFF;
   --navbar-breakpoint: 1024px;
 }
 .toggle-group .btn {
  padding: 0px !important;
  padding-top: 6px !important;
}
body {
  width: 100%;
  margin-bottom: 90px;
  font-family: 'Open Sans', sans-serif;
  background: #fafafa;
  font-size: inherit;
  color: var(--accent-color);
}
html {
  position: relative;
  width: 100%;
  min-height: 100%;
}
a {
  outline: 0;
  text-decoration: none;
  color: var(--accent-color);
}
a:hover, a:focus, a:active, a.active {
  outline: 0;
  text-decoration: none;
  color: #f27500 !important;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Barlow Semi Condensed', sans-serif;
}
select {
  outline: none;
  -webkit-appearance: none;
}
ul {
  padding: 0;
}
li {
  list-style-type: none;
}
a {
  cursor: pointer;
}
a:focus {
  outline: none;
}
input {
  outline: none;
}
form {
  display: inline;
}
hr {
  margin-top: 15px;
  margin-bottom: 15px;
  border: 0;
  border-top: 1px solid #5d5d5f;
}


.user-avatar-wrapper {
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: visible; 
  display: flex;
  align-items: center;
  justify-content: center;
}

.avatar-img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}

.status-indicator {
  position: absolute;
  right: -3px; 
  bottom: -3px; 
  width: 16px;
  height: 16px;
  background-color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.status-indicator-square {
  position: absolute;
  right: 10px; 
  bottom: -3px; 
  width: 16px;
  height: 16px;
  background-color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: green;
}

.status-indicator i {
  font-size: 14px;
  color: green!important;
}

.formt-filds {
  border: 0px;
  width: 100%;
  height: 70px;
}
.formt-fildsp {
  border: 0px;
}
.fade.show {
  opacity: 1;
}
.fade {
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}
.modal-dialog {
  width: calc(100% - 20px);
  max-width: 600px;
}
.modal_plus_size .modal-dialog {
  width: calc(80%);
  max-width: none;
}
.modal_plus_size .modal-header {
  padding: 5px 15px 0 0;
  border-bottom: none;
}


.modal-video .modal-dialog {
  width: calc(90%);
  max-width: none;
  height: calc(90%);
  max-height: none;
  margin-bottom: 10px;
}
.modal-video .modal-content {
  height: calc(100%);
}
.modal-video .iframe-container {
  max-width: 640px;
  max-height: 350px;
  min-height: 350px;
}
@media (max-width: 768px) {
  .modal-video .iframe-container {
    min-height: 250px;
  }
}
.modal-video .modal-body {
  height: calc(75%);
  max-height: unset;
}
.modal-video .bootstrap-dialog-body {
  height: calc(100%);
}
.modal-video .bootstrap-dialog-message {
  height: calc(100%);
}
.modal-video .carousel {
  height: calc(100%);
}
.modal-video .carousel-inner {
  height: calc(100%);
  min-height: 400px;
}
.modal-video .item {
  height: calc(100%);
}
.modal-video #video-iframe {
  height: calc(100%);
  width: calc(100% - 100px);
}


.pics {
  position: relative;
  max-width: 100% !important;
}
.pics img {
  max-width: 100%;
  height: auto;
}
.flexcontainer {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: stretch;
}
.mt15 {
  margin-top: 15px;
}
.mt30 {
  margin-top: 30px;
}
.mb15 {
  margin-bottom: 15px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.mb30 {
  margin-bottom: 30px;
}

.mb-title-content {
  margin-bottom: 35px !important;
}

.mb-subtitle-content {
  margin-bottom: 25px !important;
}

.mb10 {
  margin-bottom: 10px;
}
.mb6 {
  margin-bottom: 6px;
}
#hearts {
  color: #ee8b2d;
}
#hearts-existing {
  color: #ee8b2d;
}
/*PADRÕES GERAIS*/
.mustard {
  color: #e1ad01 !important;
}

.orange {
  color: #d56c23 !important;
}
.lightOrange {
  color: #f27500 !important;
}

.blue {
  color: #3870ab !important;
}
.darkBlue {
  color: #326499 !important;
}
.darkGray {
  color: #060201 !important;
}
.darkGreen {
  color: #157f40 !important;
}
.darkRed {
  color: #920000 !important;
}
.darkPink {
  color: #e66171 !important;
}
.bluePastel {
  color: #2e7eca !important;
}
.lilac {
  color: #869eb8 !important;
}
.purple {
  color: #385cb3 !important;
}
.lightPurple {
  color: #435de4 !important;
}
.padTop {
  padding-top: 70px;
}
.cont-video {
  width: 90%;
  margin: 0 auto;
}
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0;
  height: 0;
  overflow: hidden;
  border: solid 6px #656364;
}
.video-container iframe, .video-container object, .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.shadowfield {
  -webkit-box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, 0.13);
  -moz-box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, 0.13);
  box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, 0.13);
}
.noboxshadow {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.borderbottom {
  border-bottom: 1px solid #e1e3e5;
}
.isgone {
  display: none;
}
header {
  padding-top: 71px;
  padding-bottom: 0;
}

.home-illustration{
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 990px){
  .home-illustration{
    justify-content: center;
  }
}
.feature-item{
  width: 20%;
  text-align: center;
  float: left;
  padding: 0px 15px;
}
@media (max-width: 768px){
  .text-center-sm{
    text-align: center;
  }
  .feature-item{
    width: 100%;
  }
  .features-wrapper{
    flex-direction: column;
  }
}

.feed-comment-timestamps{
  color: #656364;
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 0;
}

.feed-container-wrapper {
  width: 100%;
}

@media(min-width: 992px){
  .feed-container-wrapper {
    width: 350px;
  }
}

@media(min-width: 1200px){
  .feed-container-wrapper {
    width: 420px;
  }
}

.features-wrapper {
  display: flex;
  justify-content: center;
}

header#singup-home {
  min-height: calc(100vh - 90px);
  /* background: url(../img/bg-home-nova.jpg) center top no-repeat; */
  background-color: #e7ebee;
  background-size: cover;
}
header#singup-home h2 {
  color: #656364;
    text-align: center;
    font-size: 30px;
    font-weight: 500;
    letter-spacing: -1px;
    padding-bottom: 15px;
    padding-top: 46px;
}
header#singup-home h3 {
  color: #656364;
    /* text-align: center; */
    font-size: 39px;
    font-weight: 500;
    letter-spacing: 0px;
    padding: 60px 28px;
    padding-left: 0px;
    border-radius: 6px;
    margin-top: 0;
    line-height: 50px;
}
header#singup-home .container {
  padding-top: 0px;
  padding-bottom: 30px;
}
header#singup-home .btsing {
  background: #d56c23;
  color: #fff;
  font-size: 16px;
  padding-top: 6px;
  padding-bottom: 6px
}
.boxMagic {
  margin-bottom: 10px;
  padding-top: 0;
}

.boxMagic-container {
  background: #fff;
  border: 1px solid #ced0d4;
  border-radius: 3px;
  padding-right: 10px;
  padding-left: 10px;
}

.boxMagic h2.h2Magic {
  padding: 15px 0 15px 15px;
  /* border-bottom: 1px solid #ced0d4; */
  border-radius: 3px 3px 0 0;
  /* margin: 0 -15px 10px -15px; */
  margin-bottom: 12px;
  font-size: 24px;
  margin-bottom: 15px;
}

h3.h3Magic {
  font-size: 20px;
  padding: 10px 0;
  position: relative;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  gap: 6px;
}

h3.h3Magic span {
  font-size: 23px;
  display: flex;
}

h4.h4Magic {
  position: relative;
}
.boxMagic h5.h5Magic {
  position: relative;
  padding: 10px 0 10px 10px;
  background: #eee;
  border-bottom: 1px solid #ced0d4;
  border-radius: 3px 3px 0 0;
  margin: 0 -15px 10px -15px;
  font-size: 15px;
}
.boxMagic h3.h3Magic a, h4.h4Magic a {
  position: absolute;
  right: 5px;
  color: var(--accent-color);
  z-index: 9;
}
.boxMagic h3.h3Magic a:hover, h4.h4Magic a:hover {
  color: var(--primary-color);
}
.boxMagic h3 {
  font-size: 20px;
  padding: 5px 0 10px;
  margin: 0;
}
.boxMagic h4.h4content {
  padding: 5px 0 5px 5px;
  border-bottom: 1px solid #ced0d4;
  font-size: 16px;
  margin-left: -5px;
}
.boxMagic .typeofuser .form-group {
  margin-bottom: 0;
}
.boxMagic input.form-control {
  height: 34px;
  padding: 4px 8px;
  font-size: 16px;
  color: var(--accent-color);
  border: 1px solid #ddd;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.dropdown-toggle.form-control {
  height: 28px;
  border-radius: 3px !important;
  padding: 4px 8px;
  font-size: 13px;
  color: var(--accent-color);
  border: 1px solid #ddd;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.boxMagic select.form-control:focus, .boxMagic input.form-control:focus, .boxMagic .dropdown-toggle.form-control:focus {
  border-color: #2e7eca !important;
}
.boxMagic .input-group {
  width: 100%;
}
.boxMagic .dropdown-menu .checkbox {
  padding-left: 30px;
}
.boxMagic .addBt {
  position: absolute;
  right: 10px;
  top: 6px;
  padding: 4px;
  margin: 0;
  font-size: 11px;
  background-color: #0f99d2;
  color: #fff;
}
.boxMagic .btn-delete {
  max-width: 38px;
  font-size: 18px;
  line-height: 24px;
  padding: 4px;
}
.boxMagic .optionsCheckbox {
  margin-bottom: 0;
  max-height: 45px;
  overflow-y: auto;
}
.boxMagic .optionsCheckbox label {
  font-weight: 100;
}
.boxMagic .optionsCheckbox .checkbox {
  padding-left: 30px;
}
.boxMagic .optionsCheckbox li {
  float: left;
}
.boxMagic .optionsCheckbox li.quartline {
  margin-right: 2%;
  width: 23%;
}
.boxMagic .optionsCheckbox li.halfline {
  margin-right: 2%;
  width: 48%;
}
.boxMagic .optionsCheckbox li.totalline {
  margin-right: 0;
  width: 100%;
}
.boxMagic .optionsCheckbox .checkbox, .boxMagic .optionsCheckbox .radio {
  margin-top: 2px;
  margin-bottom: 2px;
}
.boxMagic .boxLine {
  border-radius: 4px;
  padding: 5px;
  border: 1px solid #ced0d4;
  margin-bottom: 10px;
}
.icoColor {
  display: inline-block;
  padding: 5px;
  margin: 0 5px -2px 0;
  border-radius: 2px;
}
.icoColor.icoblue {
  background-color: cornflowerblue;
}
.icoColor.icored {
  background-color: red;
}
.icoColor.icogreen {
  background-color: greenyellow;
}
.menuColapse {
  color: #f27500;
}
.boxMagic .btSend {
  font-size: 14px;
  margin-right: 0;
  padding: 5px 15px;
  border-radius: 3px;
  background-color: var(--primary-color);
  color: #fff;
}
.signupform .btsing {
  background: #d56c23;
  color: #fff;
  font-size: 16px;
  padding-left: 10px;
  padding-right: 10px
}
.infoMessage {
  font-size: 11px;
}
/*NAVBAR*/
.navbar {
  height: auto;
  min-height: 0;
  margin-bottom: 0;
}
.navbar a:focus, .navbar .navbar-nav li a:focus {
  outline: 0;
}
.navbar-default {
  background-color: #FFF;
}
.navbar-default, .navbar-inverse {
  border-bottom: 1px solid #403f3f;
}
.navbar-default > .container {
  position: relative;
}
.boxMagic .imgVideo {
  max-width: 100%;
  height: auto;
  position: relative;
}
.boxMagic .imgVideo img {
  width: 100%;
}
.boxMagic .imgVideo:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border: 14px solid transparent;
  border-left: 16px solid #f27500;
  z-index: 100;
  margin-top: -14px;
  margin-left: -6px;
}
.boxMagic .imgVideo:before {
  content: '';
  position: absolute;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 50%;
  top: 50%;
  left: 50%;
  width: 46px;
  height: 46px;
  z-index: 99;
  margin-top: -23px;
  margin-left: -23px;
  pointer-events: none;
}



@media (max-width: 1120px){
  .leftmenu-block{
    display: none;
  }
}

.navbar-default .navbar-nav > li > a {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 5px !important;
  color: #000;
}

.navbar-default .navbar-nav > li.fixed-width {
  min-width: 90px !important;
  max-width: 90px !important;
  /* margin: auto; */
}

.navbar-default .navbar-nav > li {
  height: 46px;
  display: flex;
  align-items: center;
}
.navbar-default .navbar-nav > li a .typcn{
  font-size: 20px;
}
.navbar-default .navbar-nav > li a .typcn::before{
  font-size: 20px !important;
}

.navbar-default .navbar-nav > li > a .user-pic-ico {
  left: 5px !important;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  background-color: transparent;
  color: #f28f1b;
}
.navbar-default .navbar-nav > li > a.logout {
  background-color: #8b898a;
  border-radius: var(--default-radius);
}

.navbar-default .navbar-nav > li > a .quant { 
  font-size: 10px;
  color: #fff;
  border-radius: 50%;
  display: inline-block;
  width: 20px;
  line-height: 20px;
  text-align: center;
  background-color: #f27500;
}

.navbar-default .container.loggedIn {
  margin-left:  0px;
  padding-left: 0px;
  width: 100%;
}

.navbar-default > .container.loggedIn .navbar-nav {
  height: 100%;
  display: flex;
  align-items: center;
  margin-right: 15px;
}

.navbar-default .container.loggedIn .navbar-nav > li > a.logout {
  padding-top: 3px;
}
.navbar-default .container.loggedIn .navbar-nav > li > a {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
  position: relative;
}
.navbar-default .container.loggedIn .navbar-nav > li .dropdown-toggle {
  padding: 5px 5px;
  margin-top: 5px;
  margin-bottom: 5px;
  position: relative;
  color: black;
  line-height: 20px;
  display: block;
}
.navbar-default .container.loggedIn .navbar-nav .typcn:before {
  font-size: 16px;
}
.navbar-default > .container.loggedIn .user-pic-ico {
  border: 1px solid #403f3f;
  left: 15px;
  position: absolute;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
}
.navbar-default > .container.loggedIn .padLeft25 {
  padding-left: 25px;
}
.navbar-default .dropdown-toggle:hover, .nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
  background-color: transparent;
  color: #f28f1b !important;
  border-color: transparent;
}
.navbar-default .dropdown-menu {
  width: 250px;
  padding: 5px;
  background-color: #656364;
  color: #fff;
}
.navbar-default .dropdown-menu a {
  display: block !important;
  padding: 5px;
  color: #fff;
}
.navbar-default .dropdown-menu a:hover {
  color: #f28f1b;
}
.navbar-default .navbar-toggle {
  border-color: #795e7e;
  background-color: #795e7e;
  margin-top: 20px;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #5d4066;
}
/*NAVBAR NOTIFICATIONS*/
.notifications a.note {
  margin-top: 6px !important;
  margin-right: 10px;
  border-radius: 50%;
  height: 30px !important;
  width: 30px !important;
  text-align: center;
  line-height: 30px !important;
  background-color: #f27500;
  padding: 0 !important;
  color: fff;
}
.notifications a.note:hover, .notifications a.note:focus {
  background-color: #323031;
}
.navbar-default .notifications .dropdown-menu {
  width: 300px;
  padding: 5px;
  background-color: #FCFCFC;
  border: solid 1px #656364;
}
.navbar-default .notifications .dropdown-menu a {
  color: #656364;
}
.invitetop {
  padding: 5px 0;
  margin-bottom: 5px;
  border-bottom: 1px solid #dddfe2;
}
.invitetop .logoFavorite {
  width: 35px;
  text-align: center;
  padding: 0;
  float: left;
  margin-right: 10px;
}
.invitetop .logoFavorite img {
  width: 100%;
  height: auto;
  overflow: hidden;
  border-radius: 4px;
}
.invitetop .dataInvitations {
  width: 190px;
  float: left;
}
.invitetop .dataInvitations p {
  margin: 0 0 2px;
  color: var(--accent-color);
  line-height: 10px;
  font-size: 11px;
}
.invitetop .dataInvitations h5 {
  font-weight: 600;
  font-size: 13px;
  margin-bottom: 5px;
  color: var(--accent-color);
  margin-top: 0;
}
.invitetop .dataInvitations a {
  color: #2e7eca;
}
.invitetop .dataInvitations a:hover {
  color: #f27500;
}
.invitetop .linkInvitations {
  width: 50px;
  float: left;
}
.invitetop .linkInvitations {
  text-align: right;
}
.invitetop .linkInvitations a {
  display: block;
  padding: 2px 6px;
  margin-top: 0;
  font-size: 11px;
}
.invitetop .linkInvitations a.accept {
  border: solid 1px #2e7eca;
  border-radius: 3px;
  color: #2e7eca;
}
/* .invitetop .linkInvitations a:hover, .boxMagic.invitations .linkInvitations a.accept:hover {
  color: #f27500;
  border-color: #f27500;
} */
.invitetop .moreInvites {
  text-align: center;
  display: block;
  padding: 0;
  margin: 0;
}
.invitetop .moreInvites span {
  font-weight: 600;
  text-decoration: underline;
}
/*NAVBAR LOGO*/
.navbar > .container .navbar-brand {
  display: inline-block;
  padding: 0;
  margin-left: 0;
  margin: 6px;
  height: auto;
  width: 200px;
  background: url(../img/logotype.png) center / contain no-repeat;
}

.navbar-brand-container {
  padding-left: 10px;
}

@media (max-width: 768px) {
  .navbar-brand-container {
    padding-left: 24px;
  }
}

.navbar > .container .navbar-brand.navbar-brand--small {
  min-height: 28px;
}

.navbar > .container .navbar-brand.navbar-brand--large {
  min-height: 58px;
}

.navbar > .container.loggedIn .navbar-brand {
  min-height: 29px;
  height: auto;
  width: 41px;
  background: url(../img/logotype-p.png) center center no-repeat;
}
/*NAVBAR: LOGIN*/
.login {
  height: auto;
  position: absolute;
  display: block;
  right: 15px;
  margin-top: 5px;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  background-color: #656364;
  /* padding: 10px; */
  border-radius: 0 0 4px 4px;
  z-index: 99;
}
.login .form-group {
  margin-bottom: 10px;
  width: 220px;
  display: block;
  margin-left: 0;
}
.login .form-group.bt-login {
  margin-bottom: 0;
  width: auto;
  display: block;
  margin-left: 0;
}
.login .form-group label {
  color: #fff;
  font-size: 11px;
  margin-bottom: 0;
}
.login .form-group .form-control {
  height: 28px;
  border: none;
  font-size: 13px;
}
.login .form-group button {
  height: 32px;
  border: none;
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 700;
  background: #8b898a;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  margin-top: 0;
}
.login .forgot {
  text-align: right;
  width: 100%;
  padding-right: 0px;
  margin-top: 5px;
}
.login .forgot a {
  font-size: 12px;
  color: #fff;
}
.login .forgot a:hover {
  color: var(--primary-color);
}
/*NAVBAR: SEARCH*/
.search {
  height: 36px;
  position: absolute;
  display: flex;
  /* left: 205px; */
  margin-left: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.navbar .search input {
  border-top-left-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
  border: #000 solid 1px !important;
  border-right: none !important;
}

.navbar .search .btn {
  border-top-right-radius: 20px !important;
  border-bottom-right-radius: 20px !important;
}

.navbar .search .icon{
  border: #000 solid 1px;
  border-left: none;
  border-top-right-radius: 20px !important;
  border-bottom-right-radius: 20px !important;
  padding-top: 0px;
  height: 24px;
  margin-top: 5px;
  padding-right: 5px;
}

@media (min-width: 1400px) {
  .container{
    width: 1320px;
  }
}

@media (max-width: 480px) {
  .d-none-mobile {
    display: none !important; 
  }
  .d-flex-only-mobile {
    display: flex !important; 
  }
}
@media (min-width: 481px) {
  .d-flex-only-mobile {
    display: none !important; 
  }
}

.search form {
  display: inline-flex;
}

.search .form-group {
  display: block;
  margin: 0;
  padding: 5px 0 0 0;
  float: left;
}
.search .form-group .form-control {
  height: 24px;
  border: none;
  font-size: 13px;
  border-radius: 20px 0 0 20px !important;
  padding: 0 12px;
  margin: 0;
  width: 110px;
  /* margin-left: 3px; */
}
.search .form-group .btn {
  height: 24px;
  border: none;
  padding: 0 6px 0 12px;
  margin: 0;
  display: block;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  background: #fff;
  color: var(--accent-color);
  border-radius: 0 2px 2px 0;
}
.search .form-group .form-control:focus {
  border-color: transparent;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.advsearch {
  color: #f28f1b;
  line-height: 34px;
  margin-left: 15px;
  text-decoration: underline;
}
.boxMagic.menuSearch h5 {
  margin-top: 4px;
  margin-bottom: 4px;
}
.boxMagic.menuSearch .optionsCheckbox .checkbox {
  padding-left: 20px;
  margin-right: 15px;
}
.boxMagic.menuSearch .choosefrom {
  margin-bottom: 5px;
}
.boxMagic.menuSearch .form-group {
  margin-bottom: 10px;
}
.boxMagic.menuSearch .tgl {
  max-width: 40px;
  margin: 0 auto 5px auto;
}
.boxMagic.menuSearch .tgl + p {
  text-align: center;
  margin-bottom: 0;
}
.boxMagic.menuSearch .btFinder {
  margin-top: 20px;
}
.boxMagic.menuSearch .filterBy .row {
  margin-bottom: 10px;
}
.boxMagic.menuSearch .filterBy .row + .row {
  margin-bottom: 0;
}
/*BOX FORM HOME SINGUP*/
.box-form-home {
  padding-top: 3px;
}
.box-form-home label {
  color: #656364;
  margin-bottom: 2px;
}
.box-cia-5 {
  background: #e7e5e6;
  border-radius: 4px;
  min-height: 250px;
}

.nav-tabs > li > a{
  font-weight: 600;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
  border-width           : 2px;
  border-top-right-radius: var(--default-radius);
  border-top-left-radius : var(--default-radius);
  border-color: #888;
  /* border-bottom: none; */
  background-color: #bbb;
  /* border-width: 2px; */
  border: 2px solid #888;
}

.nav-tabs > li > a {
  background-color:transparent;
  border: 2px solid #888;
  border-top-right-radius: var(--default-radius);
  border-top-left-radius : var(--default-radius);
}

.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
  border-bottom-color: #888 !important;
  border: 2px solid #888;
  background-color: #bbb;
}
.nav-tabs{
  border-color: #888;
  border-width: 2px;

}

/*RADIO GROUP*/
ul.radio-group {
  margin-bottom: 0;
}
ul.radio-group li .li-container {
  min-height: 135px;
  position: relative;
  float: left;
  width: 100%; /*background-color: #e5f1f7*/ ;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.4s ease;
}
/*ul.radio-group li .li-container:hover { background-color: #d5e9f3; }*/
ul.radio-group li .li-container:hover .input-container {
  -webkit-box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 0.15);
}
ul.radio-group li .li-container:hover .input-container:after {
  background-color: #d4965e;
}
ul.radio-group li .li-container input[type="radio"] {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  margin: 0;
  cursor: pointer;
}
ul.radio-group li .li-container input[type="radio"]:checked {
  z-index: -1;
}
/*ul.radio-group li .li-container input[type="radio"]:checked + .input-container { background-color: #c3ddea; -webkit-box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.25); box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.25); }*/
ul.radio-group li .li-container input[type="radio"]:checked + .input-container:before {
  border: 2px solid #d4965e;
}
ul.radio-group li .li-container input[type="radio"]:checked + .input-container:after {
  width: 8px;
  height: 8px;
  top: 17px;
  left: 14px;
  background-color: #d4965e;
}
ul.radio-group li .li-container input[type="radio"]:checked + .input-container label {
  cursor: default;
}
ul.radio-group li .li-container input[type="radio"]:checked + .input-container .campos {
  cursor: default;
}
ul.radio-group li .li-container input[type="radio"]:checked + .input-container .campos label {
  cursor: default;
}
ul.radio-group li .li-container input[type="radio"]:checked + .input-container .campos input {
  border: solid 1px #b4d1e0;
}
ul.radio-group li .li-container .input-container {
  min-height: 135px;
  width: 100%;
  display: table;
  padding: 10px 10px 10px 35px;
  border-radius: 4px;
  transition: all 0.4s ease;
}
ul.radio-group li .li-container .input-container:before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  display: block;
  pointer-events: none;
  z-index: 6;
  top: 13px;
  left: 10px;
  border: 2px solid #c0c0c0;
  border-radius: 50%;
  background-color: #fff;
  transition: border 0.4s ease;
}
ul.radio-group li .li-container .input-container:after {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  display: block;
  pointer-events: none;
  z-index: 6;
  top: 19px;
  left: 16px;
  border-radius: 50%;
  background-color: #fff;
  transition: top 0.4s ease;
  transition: background-color 0.4s ease;
}
ul.radio-group li .li-container .input-container label {
  width: 100%;
  display: block;
  float: left;
  text-align: left;
  font-size: 14px;
  font-weight: 600;
  color: #444;
  text-transform: uppercase;
  letter-spacing: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
ul.radio-group li .li-container .input-container label.centralizado {
  width: auto;
  display: initial;
  text-align: center;
}
ul.radio-group li .li-container .input-container ul {
  width: 100%;
  float: left;
  margin-top: 3px;
  border-left: solid 2px #fff;
  padding-left: 5px;
}
ul.radio-group li .li-container .input-container ul li {
  font-size: 12px;
  line-height: 14px;
}
ul.radio-group li .li-container .input-container ul li span {
  font-weight: 700;
  font-size: 9px;
  margin: 0;
  display: initial;
  line-height: normal;
}
ul.radio-group li .li-container .input-container .campos {
  width: 100%;
  float: left;
  cursor: pointer;
  margin-top: 10px;
}
ul.radio-group li .li-container .input-container .campos label {
  cursor: pointer;
}
ul.radio-group li .li-container .input-container .campos input {
  border-color: #cae2ef;
}
.select-helper {
  position: relative;
}
.select-helper.disabled:before {
  background-color: #bfbfbf;
}
.select-helper.disabled:after {
  border-top: 7px solid #b5b5b5;
}
.select-helper.disabled select {
  background-color: #949494;
  opacity: 0.6;
  border: none;
  box-shadow: none;
  cursor: not-allowed;
}
.select-disable:before {
  background: #eee;
}
.dropdown-menu {
  min-width: inherit;
  width: 95%;
}
.drop-menu:before, .select-helper:before {
  background: #fff;
  content: '';
  display: block;
  height: 20px;
  pointer-events: none;
  position: absolute;
  right: 5px;
  top: 6px;
  width: 20px;
  z-index: 10;
}
.drop-menu:after, .select-helper:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 7px solid #bec6d2;
  content: "";
  height: 0.7em;
  pointer-events: none;
  position: absolute;
  right: 10px;
  top: 12px;
  z-index: 12;
}
.drop-menu:hover, .drop-menu:focus, .drop-menu:active {
  text-decoration: none;
  color: var(--accent-color);
}
.container-radio {
  display: table;
  padding: 20px 0 0;
}
.radio {
  padding-left: 30px;
}
.dropdown-menu-form {
  max-height: 160px;
  overflow-y: auto;
}
.tagsUl li {
  float: left;
}
/*PADROES SECTION*/
section {}
section h2 {}
section.sectionTop {
  padding-top: 80px;
}
/*SECTION ABOUT*/
section#typeusers {
  margin-top: -80px;
}
.ecosystem img {
  width: 100%;
  height: 100%;
  max-height: 450px;
  max-width: 450px;
  margin: 0 auto;
}
/*SECTION PROFILE*/
header#profileHeader {
  /* border-bottom: 1px solid #ced0d4; */
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  height: 352px;
  padding-top: 0px;
  padding-bottom: 10px;
  margin-bottom: 50px;
}
header#profileHeader .logoMoreInfo {
  position: relative;
}
header#profileHeader .logoMoreInfo .cover {
  position: absolute;
  color: #fff;
  left: 15px;
  top: 20px;
  text-align: left;
  background: rgba(0, 0, 0, 0.60);
  padding: 0 4px;
  border-radius: 4px;
}
header#profileHeader .logoMoreInfo .cover span {
  display: inline-block;
  font-size: 24px;
}
/* header#profileHeader .pictureProfileContainer {
  margin-top: 60px;
} */
header#profileHeader .personProfileName .profileHeaderCompanyLink {
    color: orange;
    font-size: 18px;
    background: none;
    border-radius: 0;
    margin: 0;
}
header#profileHeader .personProfileName {
  margin-top: 105px;
  position: relative;
}
header#profileHeader .personProfileName h3 {
  color: #fff;
  text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.90);
  font-size: 30px;
  margin: 0 0 10px 0;
}
header#profileHeader .personProfileName p {
  color: #fff;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.90);
  font-size: 18px;
}
header#profileHeader .personProfileName a {
  color: #fff;
  font-size: 22px;
  margin-left: 10px;
  background: rgba(0, 0, 0, 0.60);
  padding: 0 4px 4px 4px;
  border-radius: 4px;
}
header#profileHeader .companyProfileName .profileHeaderCompanyLink {
  color: orange;
  font-size: 18px;
  background: none;
  border-radius: 0;
  margin: 0;
}
header#profileHeader .companyProfileName {
  margin-top: 105px;
  position: relative;
}
header#profileHeader .companyProfileName h3 {
  color: #fff;
  text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.90);
  font-size: 30px;
  margin: 0 0 10px 0;
}
header#profileHeader .companyProfileName p {
  color: #fff;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.90);
  font-size: 18px;
}
header#profileHeader .companyProfileName a {
  color: #fff;
  font-size: 22px;
  margin-left: 10px;
  background: rgba(0, 0, 0, 0.60);
  padding: 0 4px 4px 4px;
  border-radius: 4px;
}
header #profile_subtitle_group_ro a{
  font-size: 18px !important;
  line-height: 1;
  height: -moz-fit-content;
  margin-bottom: 3px;
}
.pictureProfileContainer {
  /* background: #fff; */
  /* border: 1px solid #ced0d4; */
  /* border-radius: 3px; */
  /* margin-bottom: 10px; */
  /* padding: 4px; */
  box-shadow: 3px 3px 15px 3px #73737333;

  position: relative;
  height: 390px;
  width: 390px;
  margin: 0px auto 0;
  display: block;
  border-radius: 15px;
}

@media (max-width: 500px){
  .pictureProfileContainer {
    width: 300px;
    height: 300px
  }
}

.pictureProfileContainer img.photo-preview {
  border-radius: 3px;
  height: 100%;
  width: auto;
  /* aspect-ratio: 1; */
  max-width: unset !important;
  border-radius: 15px;
}
.pictureProfileContainer.conference img.photo-preview {
  height: unset !important;
  width: 390px !important;
  aspect-ratio: 1/1;
}
@media (max-width: 450px) {
  .pictureProfileContainer.conference img.photo-preview {
    max-width: calc(100% - 9px) !important;
  }
}
.pictureProfileLink {
  border-radius: 3px;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.pictureProfileLink p {
  margin: 0;
  padding: 5px;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  border-radius: 0 0 15px 15px;
  text-align: center;
  color: transparent;
  font-size: 13px;
}
.pictureProfileLink p span {
  font-size: 18px;
  display: block;
}
.pictureProfileLink:hover p {
  color: var(--accent-color);
  background: rgba(220, 223, 227, 0.7)
}

.btn.btn-social {
  padding-left: 55px !important;
  padding: unset;
}
.btn.btn-social > i.fa, .btn.btn-social > img {
  font-size: 25px !important;
  margin-left: 15px;
  display: inline-flex;
  align-items: center;
}

.profileLinks {
  padding: 0 0 15px 0;
  display: inline-block;
  width: auto;
}
.profileLinks a {
  color: #060201;
  display: inline-block;
  padding: 4px 15px;
  font-size: 15px;
}
.profileLinks a:hover {
  color: #f27500;
  text-decoration: none;
}
.profileLinks a.report {
  color: #fff;
  font-size: 15px;
  background: var(--primary-color);
  border-radius: 3px;
}
.profileLinks a.report:hover {
  background: #f27500;
}
.profileLinks a.claim {
  color: #fff;
  font-size: 15px;
  background: var(--primary-color);
  border-radius: 3px;
}
.profileLinks a.claim:hover {
  background: #f27500;
}
.profileLinks a.claim_not_logged {
  color: #fff;
  font-size: 15px;
  background: var(--primary-color);
  border-radius: 3px;
}
.profileLinks a.claim_not_logged:hover {
  background: #f27500;
}
.profileLinks a.deactivated_button {
  color: grey;
  font-size: 15px;
  border-radius: 3px;
}
.profileLinks a.deactivated_button:hover {
  cursor: default;
}
.profileLinks a span:first-child {
  font-size: 18px;
}
.generalInfo p span {
  font-weight: 600;
  padding-left: 4px;
}
.generalInfo p a {
  font-size: 14px;
  font-weight: 600;
}
.businessInfo p span {
  font-weight: 600;
  padding-left: 4px;
}
.members {
  font-size: 14px;
}
.members a {
  font-weight: 600;
}
.members h5 {
  font-size: 15px;
  font-weight: 600;
  border-bottom: 1px solid #fff;
}
.photos {
  text-align: center;
}
.photos h4 {
  text-align: left;
}
.photos img {
  width: 30%;
  margin: 1%;
  border-radius: 4px;
  overflow: hidden;
}
.videos {
  text-align: center;
}
.videos h4 {
  text-align: left;
}
.videos .itemVideo {
  display: inline-block;
  width: 45%;
  margin: 0 1%;
}
.videos .itemVideo .video-container {
  border: solid 3px #656364;
}
.publications > a {
  display: block;
  padding-bottom: 5px;
  margin-bottom: 10px;
  border-bottom: 1px solid #d8d8d8;
}
.more {
  text-align   : center;
  display      : block;
  margin-top   : 0px;
  margin-bottom: 5px;
  font-weight  : 600;
  color        : var(--primary-color);
  line-height  : 1;
}
.less {
  text-align   : center;
  display      : block;
  margin-top   : 0px;
  margin-bottom: 5px;
  font-weight  : 600;
  color        : var(--primary-color);
  line-height  : 1;
}
/*SECTION POST*/
.headerBoxMagic {
  position: relative;
  padding: 0 0 5px;
  border-bottom: 1px solid #ced0d4;
  margin-bottom: 10px;
}
.headerBoxMagic .logoPost {
  width: 40px;
  margin-right: 2%;
  float: left;
}
.headerBoxMagic .logoPost img {
  width: 100%;
  height: auto;
  border-radius: 50%;
  overflow: hidden;
}
.headerBoxMagic .headerPost {
  width: 88%;
  float: left;
}
.headerBoxMagic .headerPost p {
  color: #656364;
  line-height: 14px;
  margin-bottom: 0;
  font-weight: 300;
}
.headerBoxMagic .headerPost p strong {
  font-weight: 600;
  color: var(--accent-color);
  font-size: 14px;
  line-height: 18px;
}
.headerBoxMagic .menuPostDropDown {
  position: absolute;
  right: 0;
  top: 6px;
  min-width: 110px;
}
.headerBoxMagic .icoMenu {
  display: block;
  width: 20px;
  margin-top: -2px;
  margin-left: 10px;
}
.headerBoxMagic .icoMenu span {
  font-size: 8px;
  padding: 0;
  margin: 0 -1px;
}
.headerBoxMagic .dropdown-menu {
  top: 25px;
  font-size: 11px;
  padding: 5px;
  min-width: 160px;
  width: 100%;
}
.headerBoxMagic .dropdown-menu a {
  display: block;
  font-size: 13px;
  font-weight: 600;
  padding: 7px;
  border-bottom: 1px solid #ced0d4;
}
.headerBoxMagic .menuNewPostDropDown {
  min-width: 180px;
  max-width: 65%;
  display: inline;
} /** IMPORTANT: OVERWRITTEN FROM ROMER DESIGN **/
.headerBoxMagic .menuNewPostDropDown .dropdown-menu a {}
.headerBoxMagic .menuNewPostDropDown .dropdown-menu a img {
  width: 25px;
  margin-right: 5px;
  float: left;
  border-radius: 4px;
}
.headerBoxMagic .menuNewPostDropDown .dropdown-menu a span.text {
  width: calc(100% - 50px);
  float: left;
}
.headerBoxMagic .menuNewPostDropDown .dropdown-menu a .typcn, .headerBoxMagic .menuNewPostDropDown .dropdown-menu a .notick {
  width: 20px;
  height: 20px;
  float: left;
}
.headerBoxMagic a.postImgVideo {
  font-size: 18px;
  line-height: 18px;
  padding: 0;
  margin: 0;
}
.contentBoxMagic img {
  max-width: 100%;
  max-height: 300px;
  margin: 8px auto;
  border-radius: 3px;
  overflow: hidden;
  display: block;
}
.contentBoxMagic .form-control {
  border: none;
  webkit-box-shadow: none;
  box-shadow: none;
}
.footerBoxMagic a.sendPost {
  font-size: 14px;
  margin-right: 0;
  padding: 5px 15px !important;
  border-radius: var(--default-radius);
  background-color: var(--primary-color);
  color: #fff;
}
.footerBoxMagic .menuWhoPublic {
  width: 40px;
}
.footerBoxMagic .menuWhoPublic a img {
  width: 25px;
  margin-right: 0;
  float: left;
  border-radius: 4px;
}
.footerBoxMagic .menuWhoPublic .dropdown-menu a {}
.footerBoxMagic .menuWhoPublic .dropdown-menu a .typcn, .footerBoxMagic .menuWhoPublic .dropdown-menu a .notick {
  width: 20px;
  height: 20px;
  float: left;
}
.footerBoxMagic .menuWhoPublic .dropdown-menu a img {
  width: 25px;
  margin-right: 5px;
  float: left;
}
.footerBoxMagic .menuWhoPublic .dropdown-menu a span.text {
  width: calc(100% - 60px);
  float: left;
}
.footerBoxMagic div.interactions {
  padding-top: 10px;
  padding-bottom: 5px;
}
.footerBoxMagic div.interactions a {
  font-size: 11px;
  color: #656364;
}
.footerBoxMagic div.goInteraciton {
  border-top: 1px solid #ced0d4;
  padding-top: 10px;
  margin-bottom: 10px;
  display: flex;
}
.footerBoxMagic div.goInteraciton a {
  font-size: 14px;
  margin-right: 10px;
  padding: 5px 5px 5px 0;
}
.footerBoxMagic div.goInteraciton a.boostPost {
  font-size: 14px;
  margin-right: 0;
  padding: 5px 15px;
  border-radius: 3px;
  background-color: var(--primary-color);
  color: #fff;
}
.footerBoxMagic .dropdown-menu {
  top: 25px;
  padding: 5px;
  width: 170px;
}
.footerBoxMagic .dropdown-menu a {
  display: block;
  font-size: 13px !important;
  font-weight: 600;
  padding: 7px;
  border-bottom: 1px solid #ced0d4;
}
.footerBoxMagic .comments {
  position: relative;
  padding: 8px;
  margin-bottom: 5px;
  background-color: #F5F7FA;
  border-radius: 3px;
}
.footerBoxMagic .comments .logoComments {
  width: 5%;
  margin-right: 2%;
  float: left;
}
.footerBoxMagic .comments .logoComments img {
  width: 100%;
  height: auto;
  border-radius: 3px;
  overflow: hidden;
}
.footerBoxMagic .comments .headerComments {
  width: 91%;
  float: left;
}
.footerBoxMagic .comments .headerComments p {
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 0;
}
.footerBoxMagic .comments .headerComments p strong {
  font-weight: 600;
  color: var(--accent-color);
}
.footerBoxMagic .comments .headerComments div .textComment {
  width: 80%;
  float: left;
  display: block;
}
.footerBoxMagic .comments .headerComments div .dateComment {
  float: left;
  display: inline-block;
  margin-right: 15px;
}
.footerBoxMagic .comments .headerComments .icoMenu span {
  font-size: 8px;
  padding: 0;
  margin: 0 -1px;
}
.footerBoxMagic .comments .footerComments {
  width: 91%;
  float: right;
}
.footerBoxMagic .doComment {
  position: relative;
  padding: 5px 0 10px 10px;
  margin-bottom: 5px;
  background-color: #F5F7FA;
  border-radius: 3px;
}
.footerBoxMagic .doComment .logoComments {
  width: 5%;
  margin-right: 2%;
  float: left;
}
.footerBoxMagic .doComment .logoComments img {
  width: 100%;
  height: auto;
  border-radius: 3px;
  overflow: hidden;
}
.footerBoxMagic .doComment .headerComments {
  width: 91%;
  float: left;
}
.footerBoxMagic .doComment .headerComments .form-group {
  display: block;
  margin: 0;
  padding: 0;
  float: left;
}
.footerBoxMagic .doComment .headerComments .form-group .form-control {
  box-shadow: none;
  height: 24px;
  border: none;
  font-size: 13px;
  border-radius: 2px 0 0 2px;
  padding: 0 12px;
  margin: 0;
}
.footerBoxMagic .doComment .headerComments .replyInput {
  width: 90%;
}
.footerBoxMagic .doComment .headerComments .replyBtn {
  width: 10%;
}
.footerBoxMagic .doComment .headerComments .form-group .btn {
  padding: 0;
  width: 100%;
  height: 24px;
  border: none;
  margin: 0;
  display: block;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  background: #fff;
  color: var(--accent-color);
  border-radius: 0 2px 2px 0;
}
.footerBoxMagic .doComment .headerComments .form-group .form-control:focus {
  border-color: transparent;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.footerBoxMagic .comments .reply {
  position: relative;
  padding: 3px 0 2px 0;
  margin-bottom: 5px;
  background-color: #F5F7FA;
  border-radius: 3px;
}
.footerBoxMagic .comments .reply .logoReply {
  width: 5%;
  margin-right: 2%;
  float: left;
}
.footerBoxMagic .comments .reply .logoReply img {
  width: 100%;
  height: auto;
  border-radius: 3px;
  overflow: hidden;
}
.footerBoxMagic .comments .reply .headerReply {
  width: 91%;
  float: left;
}
.footerBoxMagic .comments .reply .headerReply div .textComment {
  width: 80%;
  float: left;
  display: block;
}
.footerBoxMagic .comments .reply .headerReply div .dateComment {
  float: left;
  display: inline-block;
  margin-right: 15px;
}
.footerBoxMagic .comments .reply .headerReply .icoMenu span {
  font-size: 8px;
  padding: 0;
  margin: 0 -1px;
}
.footerBoxMagic .comments .doReply {
  position: relative;
  padding: 5px 0 10px 60px;
  margin-bottom: 5px;
  background-color: #F5F7FA;
  border-radius: 3px;
}
.footerBoxMagic .comments .doReply .logoReply {
  width: 5%;
  margin-right: 2%;
  float: left;
}
.footerBoxMagic .comments .doReply .logoReply img {
  width: 100%;
  height: auto;
  border-radius: 3px;
  overflow: hidden;
}
.footerBoxMagic .comments .doReply .headerReply {
  width: 91%;
  float: left;
}
.footerBoxMagic .comments .doReply .headerReply .form-group {
  display: block;
  margin: 0;
  padding: 0;
  float: left;
}
.footerBoxMagic .comments .doReply .headerReply .form-group .form-control {
  box-shadow: none;
  height: 24px;
  border: none;
  font-size: 13px;
  border-radius: 2px 0 0 2px;
  padding: 0 12px;
  margin: 0;
}
.footerBoxMagic .comments .doReply .headerReply .replyInput {
  width: 90%;
}
.footerBoxMagic .comments .doReply .headerReply .replyBtn {
  width: 10%;
}
.footerBoxMagic .comments .doReply .headerReply .form-group .btn {
  padding: 0;
  width: 100%;
  height: 24px;
  border: none;
  margin: 0;
  display: block;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  background: #fff;
  color: var(--accent-color);
  border-radius: 0 2px 2px 0;
}
.footerBoxMagic .comments .doReply .headerReply .form-group .form-control:focus {
  border-color: transparent;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
/*ADD CHALLENGE SPECIAL PROGRAMS AND JOB BUTTONS*/
.addchallengespjob {
  margin-bottom: 15px;
  padding: 0 !important;
}
.addchallengespjob a {
  display: flex;
  align-items: center;
  padding: 3px;
  padding-left: 35px;
  border: solid 1px #ccc;
  border-radius: 4px;
  font-size: 14px;
  min-height: 40px;
  line-height: 16px;
  background: #fff;
}
.addchallengespjob a:before {
  position: absolute;
  top: 50%;
  margin-top: -7px;
  left: 26px;
  font-size: 16px;
}
.addchallengespjob a.csp:before {
  font-family: "fontello";
  content: '\f135';
  color: #920000 !important;
}
.addchallengespjob a.cch:before {
  font-family: 'typicons';
  content: '\e10c';
}
.addchallengespjob a.cjo:before {
  font-family: 'typicons';
  content: '\e05c';
  color: #435de4 !important;
}
/*ADD CHALLENGE*/
.boxMagic.boxaddchallenge {
  padding-bottom: 0;
}
.boxMagic.boxaddchallenge .contentBoxMagic {
  padding-bottom: 15px;
}
.boxMagic.boxaddchallenge .contentBoxMagic .finalinfo {
  margin-right: 110px;
}
.boxMagic.boxaddchallenge .contentBoxMagic h6 {
  margin-top: 15px;
  margin-bottom: 4px;
  font-size: 15px;
}
.boxMagic.boxaddchallenge .contentBoxMagic p {
  margin-bottom: 0;
}
.boxMagic.boxaddchallenge .contentBoxMagic a.boostPost {
  font-size: 14px;
  margin-right: 0;
  margin-top: 15px;
  padding: 5px 15px;
  border-radius: 3px;
  background-color: var(--primary-color);
  color: #fff;
}
#addchallengespjob .formadd a.postImgVideo {
  display: block;
  text-align: center;
  padding: 6px;
  border: solid 1px #ddd;
  border-radius: 4px;
  font-size: 14px;
  line-height: 16px;
  background: #fff;
}
#addchallengespjob .formadd a.postImgVideo span {
  font-size: 18px;
  margin-right: 5px;
}
#addchallengespjob .btPublish {
  font-size: 14px;
  margin-right: 0;
  padding: 5px 15px;
  border-radius: 3px;
  background-color: #157f40;
  color: #fff;
}
#addchallengespjob {
  padding: 0 !important;
}
/*INMAIL*/
#inmail .attach .fileatch {
  display: block;
  margin: 10px 0;
  border-radius: 4px;
  padding: 0 10px;
  border: 1px solid #e1e3e5;
  line-height: 30px;
}
#inmail .attach a.file {
  color: #2e7eca;
  display: block;
  float: left;
  width: calc(100% - 60px);
  text-decoration: underline;
  font-weight: 600;
}
#inmail .attach a.file:hover {
  color: #f27500;
}
#inmail .attach a.delete {
  float: right;
}
#inmail .composeButtons .selectall {
  display: inline-block;
  padding: 5px 10px;
  border: 1px solid #e1e3e5;
  margin: 0;
}
/*UPGRADE SECITON*/
.upgrade {
  position: relative;
}
.upgrade::after {
  content: "";
  position: absolute;
  right: 5px;
  top: 5px;
  width: 22px;
  height: 13px;
  background: url(../img/logotype-ico.png) no-repeat center center;
}
.upgrade h3 {
  text-align: center;
  font-size: 22px;
  letter-spacing: -0.8px;
  margin-top: 30px;
}
.upgrade h4 {
  text-align: center;
  font-size: 20px;
  letter-spacing: -0.8px;
  margin-top: 30px;
}
.upgrade h5 {
  text-align: center;
  font-size: 18px;
  letter-spacing: -0.8px;
}
.upgrade div {
  background: #FCFCFC;
  padding: 10px;
  margin: 10px -10px -15px -10px;
}
.upgrade div a {
  display: block;
  text-align: center;
  color: #fff;
  padding: 10px 0;
  font-size: 15px;
  background: var(--primary-color);
  border-radius: var(--default-radius);
  text-transform: uppercase;
}
.upgrade div a:hover {
  background: #f28f1b;
}
.upgrade2 {
  position: relative;
}
.upgrade2 div {
  padding: 0;
  margin: 0 0 15px 0;
}
.upgrade2 div a {
  display: block;
  text-align: center;
  color: #fff;
  padding: 10px 0;
  font-size: 14px;
  background: #f27500;
  border-radius: 4px;
  text-transform: uppercase;
}
.upgrade2 div a:hover {
  background: #f28f1b;
}
.upgrade2 div a .typcn {
  font-size: 20px;
}
/*ADS SECITON*/
.ads {
  position: relative;
  padding-top: 25px;
}
.ads::after {
  content: "Ads";
  position: absolute;
  right: 5px;
  top: 5px;
  color: #ccc;
  font-weight: 600;
}
.ads .ad {
  display: block;
  margin-top: 10px;
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #d8d8d8;
}
.ads .ad .img {
  width: 35%;
  height: auto;
  float: left;
}
.ads .ad .img img {
  width: 100%;
  height: auto;
  overflow: hidden;
  border-radius: 4px;
}
.ads .ad .txtads {
  width: 60%;
  height: auto;
  float: right;
}
.ads .ad .txtads h4 {
  font-size: 14px;
  margin: 0;
}
.ads .ad .txtads p {
  font-size: 11px;
  line-height: 14px;
}
.bigAds .bigAdsHeader {
  border-bottom: 1px solid #d8d8d8;
  margin: 0 -14px;
  padding: 8px 5px;
}
.bigAds .bigAdsHeader span {
  font-size: 12px;
  color: #8b898a;
  display: inline-block;
}
.bigAds .bigAdsHeader a {
  font-size: 12px;
  color: #f27500;
  display: inline-block;
}
.bigAds .bigAdsContent {
  text-align: center;
  position: relative;
  padding-bottom: 25px;
}
.bigAds .bigAdsContent h4 {
  font-size: 16px;
}
.bigAds .bigAdsContent img {
  width: 95%;
  max-width: 300px;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 15px;
}
.bigAds .bigAdsContent a {
  position: absolute;
  right: 5px;
  bottom: 0;
  text-align: center;
  color: #fff;
  padding: 2px 5px;
  background: var(--primary-color);
  border-radius: 4px;
}
.bigAds .bigAdsContent p {}
/*RECOMENDATIONS SECITON*/
.recommendations .vote {
  width: 100%;
  max-width: 400px;
  text-align: center;
  margin: 0 auto;
}
.recommendations .vote h4 {
  text-align: left;
  margin: 0 0 5px 0;
  border-bottom: 1px solid #ced0d4;
  font-size: 16px;
  padding-bottom: 4px;
}
.recommendations .vote div {
  display: block;
  width: 100%;
}
.recommendations .vote div span {
  font-size: 20px;
  margin: 0 4px;
  cursor: pointer;
}
.recommendations p.rating {
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  border-radius: 5px;
  background-color: #FCFCFC;
  margin-top: 10px;
  padding: 8px 0;
  border: 1px solid #ced0d4;
  color: #888;
}
.recommendations p.rating span {
  font-size: 14px;
  font-weight: 600;
  color: #555;
}
.recommendations .result {
  font-weight: 600;
  text-align: center;
  border-radius: 5px;
  background-color: #FCFCFC;
  margin-top: 10px;
  padding: 5px 10px;
  border: 1px solid #ced0d4;
  color: #888;
}
.recommendations .result h4 {
  text-align: left;
  margin: 0;
  border-bottom: 1px solid #ced0d4;
  font-size: 16px;
  padding-bottom: 4px;
}
.starrr {
  display: inline-block;
  margin-top: 5px;
}
.starrr a {
  font-size: 20px;
  padding: 0 6px 6px 6px;
  cursor: pointer;
  color: #FFD119;
  text-decoration: none;
}
.starrr span {
  font-size: 20px;
  padding: 4px;
  color: #FFD119;
  text-decoration: none;
}
.recommendations .btSend {
  font-size: 14px;
  margin-right: 0;
  padding: 5px 15px;
  border-radius: 3px;
  background-color: var(--primary-color);
  color: #fff;
}
.recommendation {
  border-bottom: 1px solid #ced0d4;
  margin-bottom: 15px;
}
.headerRecommendation {
  position: relative;
  padding: 5px 0 2px 0;
  margin-bottom: 5px;
}
.headerRecommendation .logoPost {
  width: 15%;
  margin-right: 2%;
  float: left;
}
.headerRecommendation .logoPost img {
  width: 100%;
  height: auto;
  border-radius: 3px;
  overflow: hidden;
}
.headerRecommendation .headerPost {
  width: 81%;
  float: left;
}
.headerRecommendation .headerPost p {
  color: #656364;
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 0;
}
.headerRecommendation .headerPost p strong {
  font-weight: 600;
  color: var(--accent-color);
}
.headerRecommendation .headerPost .starrr {
  margin-top: 0;
  display: block;
  height: 14px;
  line-height: 14px;
}
.headerRecommendation .headerPost .starrr span {
  font-size: 13px;
  padding: 0 2px;
}
/*EDUCATIONS SECITON*/
.educationInfo p span {
  font-weight: 600;
  padding-left: 4px;
}
.education {
  border-bottom: 1px solid #ced0d4;
  margin-bottom: 15px;
  padding-bottom: 15px;
}
.headerEducation {
  position: relative;
  padding: 0;
  margin-bottom: 5px;
}
.headerEducation .logoPost {
  width: 20%;
  margin-right: 2%;
  float: left;
}
.headerEducation .logoPost img {
  width: 100%;
  height: auto;
  border-radius: 3px;
  overflow: hidden;
}
.headerEducation .headerPost {
  width: 77%;
  float: left;
}
.headerEducation .headerPost p {
  color: #656364;
  line-height: 15px;
  margin-bottom: 0;
}
.headerEducation .headerPost p strong {
  font-weight: 600;
  color: var(--accent-color);
}
.alsoViewed {
  border-bottom: 1px solid #ced0d4;
  margin-bottom: 15px;
}
.headerAlsoViewed {
  position: relative;
  padding: 5px 0;
  margin-bottom: 5px;
}
.headerAlsoViewed .logoAlsoViewed {
  width: 25%;
  margin-right: 2%;
  float: left;
}
.headerAlsoViewed .logoAlsoViewed img {
  width: 100%;
  height: auto;
  border-radius: 3px;
  overflow: hidden;
}
.headerAlsoViewed .headerPost {
  width: 71%;
  float: left;
}
.headerAlsoViewed .headerPost .name {
  font-size: 15px;
  line-height: 16px;
}
.headerAlsoViewed .headerPost p {
  color: #656364;
  font-size: 13px;
  line-height: 15px;
  margin-bottom: 0;
}
.headerAlsoViewed .headerPost p strong {
  font-weight: 600;
  color: var(--accent-color);
}
/*FORMS*/
.forms {
  padding: 10px;
}
.forms .btSend {
  font-size: 14px;
  margin-right: 0;
  padding: 5px 15px;
  border-radius: 3px;
  background-color: var(--primary-color);
  color: #fff;
}
.photosEdit {
  text-align: center;
}
.editPhoto {
  position: relative;
  margin-bottom: 15px;
}
.editPhoto img {
  width: 100%;
  border-radius: 4px;
  overflow: hidden;
}
.editPhoto a.btn-delete {
  position: absolute;
  top: 5px;
  right: 20px;
  z-index: 99;
}
.searchfield .drop-menu:after, searchfield .select-helper:after {
  border-left: none;
  border-right: none;
  border-top: none;
  content: "\e14f"; /* '' */ top: 2px;
  font-family: 'typicons';
  font-size: 22px;
}
.arrowAfter {
  position: relative;
}
.arrowAfter:after {
  position: absolute;
  content: "\e01a"; /* '' */ top: 50%;
  right: -7px;
  margin-top: -11px;
  font-family: 'typicons';
  font-size: 22px;
}
.inputText .bootstrap-tagsinput {
  min-height: 150px;
}
.teamsCreatade .typcn-edit {
  font-size: 18px;
}
/*LEFT MENU*/

.leftMenuMobileOnly {
  display: none !important;
}
.leftMenu li.menuLi {
  position: relative;
  min-width: 170px;
  margin-left: 0px !important;
  margin-right: 0px !important;
  padding-left: 3px;
}
.leftMenu li.menuLi a.menuA, .topMenu li.menuLi a.menuA {
  display: block;
  padding: 8px 9px;
  padding-right: 0px;
  margin-bottom: 2px;
  /* border-bottom: 1px solid #eff0f2; */
  color:#333;
}

.li-options a.menuA.active {
    border-left: #f27500 solid 3px;
}

.leftMenu li.menuLi a.active {
  color:#333 !important;
  /* background-color: rgba(255, 255, 255, 0.1); */
  /* padding: 8px 12px; */
}

.leftMenu li.menuLi a span {
  font-weight: 300 !important;
}

.leftMenu li.menuLi a.menuA .typcn, .leftMenu li.menuLi a.menuA .ws-icon-conferences  {
  font-size: medium;
  line-height: 18px;
  padding: 0;
  font-weight: 300;
}
.leftMenu li.menuLi a.menuA .ws-icon-conferences  {
  padding: 3px 0;
}
.leftMenu li.menuLi a.menuA .textMenu {
  padding-left: 10px;
  font-size: 14px;
  font-weight: 600;
}
.leftMenu li.menuLi .li-options {
  /* padding-left: 12px; */
  display: none;
}
.leftMenu li.menuLi .li-options a.menuA {
  padding-left: 24px;
}

.leftMenu li.menuLi .li-options a.menuA.active {
  padding-left: 21px;
}

.leftMenu li.menuLi > a.menuA.active {
  border-left: #f27500 solid 3px;
}

.leftMenu li.menuLi .li-options.active {
  display: block;
  -webkit-animation: fadeIn .25s;
  animation: fadeIn .25s;
}
.leftMenu .menuDropDown {
  position: absolute;
  right: 0;
  top: 5px;
  width: auto;
  z-index: 99;
}
.leftMenu .icoMenu {
  display: block;
  width: 20px;
}
.leftMenu .icoMenu span {
  font-size: 8px;
  padding: 0;
  margin: 0 -1px;
}
.leftMenu .dropdown-menu {
  top: 20px;
  font-size: 11px;
  padding: 5px;
  min-width: 120px;
}
.leftMenu .dropdown-menu a {
  display: block;
  font-size: 12px;
  font-weight: 600;
  padding: 4px 7px;
  border-bottom: 1px solid #ced0d4;
}
.leftMenu a .quant {
  font-size: 10px;
  color: #fff;
  border-radius: 50%;
  display: inline-block;
  width: 16px;
  line-height: 16px;
  text-align: center;
  background-color: #f27500;
  margin-left: 10px;
}
.openMenu, .closeMenu {
  display: none !important;
}
.topMenu {
  display: none !important;
  width: auto;
  /* background-color: #a5a5a5; */
  margin: 0 -10px 10px -20px;
  padding: 10px 10px 10px 20px;
  /* border-top: solid 2px #f28f1b; */
  border-bottom: solid 1px #f28f1b;
}
.topMenu li.menuLi a.menuA {
  display: block;
  padding: 4px 15px;
  color: var(--accent-color);
}
.topMenu li.menuLi a.menuA .typcn {
  font-size: 18px;
  line-height: 18px;
  padding: 0;
  font-weight: 300;
}
.topMenu li.menuLi a.menuA .textMenu {
  padding-left: 10px;
  font-size: 14px;
}
.topMenu li.menuLi .user-pic-ico {
  border: 1px solid #403f3f;
  left: 20px;
  position: absolute;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
}
.topMenu li.menuLi .padLeft {
  padding-left: 22px;
}
.topMenu li.menuLi .subMenu {
  top: auto !important;
  border: none;
  border-radius: 0;
  border-bottom: solid 2px #f28f1b;
  background-color: #a5a5a5;
  padding: 0 0 10px 0;
}
.topMenu li.menuLi .subMenu a {
  display: block;
  padding-left: 50px;
  color: #fff;
  font-size: 13px;
  line-height: 24px;
}
.topMenu li.menuLi .subMenu a span {
  font-size: 10px;
  line-height: 14px;
}
#uploadFiles {
  max-width: 600px;
  padding: 0 30px;
  margin: 0 auto;
  height: 100px;
  background-color: #d8d8d8;
}
#uploadFiles .item {
  text-align: center;
}
#uploadFiles .item div {
  display: inline-block;
  position: relative;
  margin: 0 1px 0 0;
  max-width: 100px;
  height: 100px;
  width: 24%;
  border: 1px solid #656364;
  overflow: hidden;
}
#uploadFiles .item div img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#uploadFiles .item div img.portrait {
  width: 100%;
  height: auto;
}
#uploadFiles .item div a {
  position: absolute;
  width: 26px;
  height: 26px;
  right: 2px;
  top: 2px;
  background-color: #d46262;
  text-align: center;
  border-radius: 3px;
  line-height: 23px;
  z-index: 99;
  color: #fff;
  font-size: 20px;
}
#uploadFiles .carousel-control.left, .carousel-control.right {
  background-image: none;
  left: 0;
}
#uploadFiles .carousel-control.right {
  right: 0;
  left: auto;
}
#uploadFiles .carousel-control {
  background-color: var(--accent-color);
  width: 30px;
}
#uploadFiles .carousel-control .glyphicon-chevron-left, #uploadFiles .carousel-control .glyphicon-chevron-right, #uploadFiles .carousel-control .icon-next, #uploadFiles .carousel-control .icon-prev {
  width: 30px;
  height: 20px;
  margin-top: -10px;
  font-size: 20px;
}
#uploadFiles .carousel-control .glyphicon-chevron-left, #uploadFiles .carousel-control .icon-prev {
  margin-left: -15px;
}
#uploadFiles .carousel-control .glyphicon-chevron-right, #uploadFiles .carousel-control .icon-next {
  margin-right: -15px;
}
.albumDashboard {
  width: 100%;
  max-width: 450px;
  height: 300px;
  position: relative;
  margin: 0 auto 20px auto;
  overflow: hidden;
  border-radius: 4px;
}
.albumDashboard .principal {
  width: 100%;
  overflow: hidden;
  display: block;
  position: relative;
}
.albumDashboard .principal.h60 {
  height: 60%;
}
.albumDashboard .principal.h50 {
  height: 50%;
}
.albumDashboard .others {
  width: 100%;
}
.albumDashboard .others.h40 {
  height: 40%;
}
.albumDashboard .others.h50 {
  height: 50%;
}
.albumDashboard .others .otherPic {
  height: 100%;
  display: block;
  float: left;
  overflow: hidden;
  position: relative;
}
.albumDashboard .others .otherPic.w25 {
  width: 25%;
}
.albumDashboard .others .otherPic.w33 {
  width: 33%;
}
.albumDashboard .others .otherPic.w34 {
  width: 34%;
}
.albumDashboard .others .otherPic.w50 {
  width: 50%;
}
.albumDashboard .others .otherPic.w100 {
  width: 100%;
}
.albumDashboard .others .otherPic a.morePics {
  position: absolute;
  z-index: 99;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  text-align: center;
  padding-top: 40%;
  font-size: 20px;
  font-weight: 600;
}
.albumDashboard .others .otherPic a.morePics:hover {
  background-color: rgba(0, 0, 0, 0.7);
  color: #f27500;
}
.albumDashboard img {
  max-width: initial;
  max-height: initial;
  margin: 0;
  border-radius: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
  min-width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.albumDashboard .principal img, .albumDashboard .others .otherPic.w100 img {
  min-height: 100%;
  height: auto;
}
/*FAVORITE*/
.menuIconsFavorite {
  margin-top: 10px;
  position: relative;
}
.menuIconsFavorite > a, .menuIconsFavorite > div.dropdown {
  text-align: center;
  width: 20%;
  display: block;
  float: left;
  height: 20px;
}
.menuIconsFavorite > a > span.typcn, .menuIconsFavorite > div.dropdown > a > span.typcn {
  font-size: 20px;
  line-height: 20px;
  color: #bbb9cb;
}
.menuIconsFavorite a span.typcn-lock-closed.on, .menuIconsFavorite a:hover span.typcn-lock-closed {
  color: #3870ab !important;
}
.menuIconsFavorite a span.typcn-export.on, .menuIconsFavorite a:hover span.typcn-export {
  color: #157f40 !important;
}
.menuIconsFavorite a span.typcn-star.on, .menuIconsFavorite a:hover span.typcn-star {
  color: #f27500 !important;
}
.menuIconsFavorite a span.typcn-folder.on, .menuIconsFavorite a:hover span.typcn-folder {
  color: #3870ab !important;
}
.menuIconsFavorite a:hover span.typcn-media-stop {
  color: var(--accent-color) !important;
}
.menuIconsFavorite .dropdown-menu {
  padding: 8px;
  top: 20px;
  right: -20px;
  left: auto;
  z-index: 1000;
  width: 250px;
  font-size: 11px;
}
.menuIconsFavorite .dropdown-menu .ask {
  display: block;
  font-weight: 600;
}
.menuIconsFavorite .dropdown-menu .anwser {
  display: block;
  font-weight: 600;
  font-size: 14px;
}
.menuIconsFavorite .dropdown-menu .btEdit {
  font-size: 11px;
  width: 100%;
}
.boxMagic.boxFavorite {
  padding-top: 15px;
}
.boxMagic.boxFavorite .logoFavorite {
  width: 100%;
  text-align: center;
  padding: 10px 0;
}
.boxMagic.boxFavorite .logoFavorite img {
  max-width: 60px;
  width: 100%;
  height: auto;
  overflow: hidden;
  border-radius: 4px;
}
.boxMagic.boxFavorite div.row div.dataFavorite {
  /* border-left: 1px solid #ced0d4; */
  width: 100%;
  margin: 0 -15px;
  padding: 0 15px;
}
.boxMagic.boxFavorite .dataFavorite p {
  font-size: 12px;
  margin: 0 0 2px;
}
.boxMagic.boxFavorite .dataFavorite p span {
  font-weight: 600;
}
.boxMagic.boxFavorite .dataFavorite h5 {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 5px;
}
.boxMagic.boxFavorite .editPrivacy {
  padding: 5px;
  background-color: #ececec;
  border-radius: 4px;
}
.boxMagic.boxFavorite .editPrivacy h5 {
  font-weight: 600;
  font-size: 14px;
  margin-top: 0;
  margin-bottom: 2px;
}
.boxMagic.boxFavorite .editPrivacy a {
  display: block;
  font-size: 11px;
  width: 100%;
}
.boxMagic.boxFavorite .editPrivacy a span.typcn {
  font-size: 13px;
}
.boxMagic.boxFavorite .editPrivacy a span.typcn-input-checked {
  color: #ececec;
}
.boxMagic.boxFavorite .editPrivacy a:hover span.typcn-input-checked {
  color: #f27500;
}
.editLeft {
  float: left;
  width: 63%;
}
.editRight {
  float: right;
  width: 37%;
}
/*BASIC SEARCH*/
.boxMagic.boxsearch {
  padding-top: 0;
  position: relative;
  padding-bottom: 30px;
  min-height: 100%;
}
.boxMagic.boxsearch > div {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #e1e3e5;
}
.boxMagic.boxsearch > div:nth-child(4) {
  margin-bottom: 0;
  border-bottom: none;
}
.boxMagic.boxsearch .logosearch {
  width: 100%;
  text-align: center;
  padding: 10px 0;
}
.boxMagic.boxsearch .datasearch p {
  font-size: 12px;
  margin: 0 0 2px;
}
.boxMagic.boxsearch .datasearch p span {
  font-weight: 600;
}
.boxMagic.boxsearch .datasearch h5 {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 5px;
}
.boxMagic.boxsearch .positionjoin {
  position: relative;
}
.boxMagic.boxsearch a.join {
  color: #fff;
  position: absolute;
  right: 8px;
  bottom: 8px;
  display: inline-block;
  padding: 1px 5px;
  border-radius: 6px;
  background-color: #f27500;
}
.highlight {
  background-color: var(--primary-color);
  color: #fff;
  padding: 1px 6px;
}
.boxMagic.boxsearch a.moreresults {
  color: var(--primary-color);
  position: absolute;
  right: 0;
  bottom: 0;
  display: inline-block;
  padding: 2px 10px;
  border-radius: 6px 0 0 0;
  /* background-color: #2e7eca; */
}
.flexcontainer > div {
  flex-basis: 46%;
  margin-bottom: 15px;
}
/*BASIC SEARCH MORE RESULTS*/
.boxMagic.boxsearchmore {
  padding-top: 0;
  position: relative;
  padding-bottom: 30px;
  min-height: 100%;
}
.boxMagic.boxsearchmore > div > div {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #e1e3e5;
}
.boxMagic.boxsearch > div:nth-child(4) {
  margin-bottom: 0;
  border-bottom: none;
}
.boxMagic.boxsearchmore .logosearch {
  width: 100%;
  text-align: center;
  padding: 10px 0;
}
.boxMagic.boxsearchmore .datasearch p {
  font-size: 12px;
  margin: 0 0 2px;
}
.boxMagic.boxsearchmore .datasearch p span {
  font-weight: 600;
}
.boxMagic.boxsearchmore .datasearch h5 {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 5px;
}
.boxMagic.boxsearchmore .positionjoin {
  position: relative;
}
.boxMagic.boxsearchmore a.join {
  color: #fff;
  position: absolute;
  right: 8px;
  bottom: 8px;
  display: inline-block;
  padding: 1px 5px;
  border-radius: 6px;
  background-color: #f27500;
}
/*ADVANCED SEARCH*/
.categories {
  margin-bottom: 0;
}
.results {
  padding-top: 30px;
  display: inline-block;
}
.boxMagic.boxAdvSearch {
  padding-top: 0;
  padding-bottom: 30px;
  min-height: 100%;
}
.boxMagic.boxAdvSearch > div.row {
  padding-bottom: 10px;
  padding-top: 25px;
  border-bottom: 1px solid #e1e3e5;
  position: relative;
}
.boxMagic.boxAdvSearch > div.row:hover {
  background-color: #f7f2ef;
}
.boxMagic.boxAdvSearch .logosearch {
  width: 100%;
  text-align: center;
  padding: 10px 0;
}
.logosearch img {
  width: 50px;
  height: 50px;
  overflow: hidden;
  border-radius: 50%;
}
@media (min-width: 992px) and (max-width: 1200px) {
  .logosearch img {
    width: 45px;
    height: 45px;
    overflow: hidden;
    border-radius: 50%;
  }
}
.boxMagic.boxAdvSearch .datasearch {
  padding-bottom: 0;
}
.boxMagic.boxAdvSearch .datasearch p {
  font-size: 12px;
  margin: 0 0 2px;
}
.boxMagic.boxAdvSearch .datasearch p span {
  font-weight: 600;
}
.boxMagic.boxAdvSearch .datasearch h5 {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 5px;
}
.boxMagic.boxAdvSearch a.sendmessage {
  color: #fff;
  position: absolute;
  right: 5px;
  bottom: 5px;
  display: inline-block;
  padding: 2px 10px;
  border-radius: 4px;
  background-color: #2e7eca;
}
.boxMagic.boxAdvSearch .menuIconsSearch span {
  font-size: 20px;
  color: ccc;
}
.pagination {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.justify-content-center {
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}
/*MESSAGES*/
.searchMail {
  display: block;
}
.searchMail .form-group {
  display: block;
  margin: 0;
  padding: 0;
}
.searchMail .form-group .form-control, .searchMail .form-group .btn {
  float: left;
  height: 30px;
  border: none;
  margin: 0;
  display: block;
}
.searchMail .form-group .form-control {
  width: calc(100% - 50px);
  border-radius: 3px 0 0 3px !important;
  padding: 0 12px;
}
.searchMail .form-group .btn {
  width: 50px;
  padding: 0 6px 0 12px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  background: #2e7eca;
  color: #fff;
  border-radius: 0 3px 3px 0;
}
.searchMail .form-group .form-control:focus {
  border-color: transparent;
  outline: 0;
}
.boxMagic.boxmenuMail {
  padding-top: 15px;
}
.boxMagic.boxmenuMail > div {
  border-bottom: 1px solid #e1e3e5;
  padding: 0 0 10px 0;
  margin-bottom: 10px;
}
.boxMagic.boxmenuMail > div:last-child {
  border-bottom: none;
  padding: 5px 0 0 0;
  margin-bottom: 0;
}
.boxMagic.boxmenuMail .mailMenu a {
  display: inline-block;
  padding: 8px 20px;
}
.boxMagic.boxmenuMail .mailMenu a.click {
  font-weight: 600;
}
.boxMagic.boxmenuMail .mailMenu a.compose {
  background-color: #2e7eca;
  color: #fff;
  width: 100%;
  text-align: center;
  border-radius: 4px;
  text-transform: uppercase;
}
.boxMagic.boxmenuMail .mailMenu a.compose span {
  font-size: 16px;
  line-height: 16px;
}
.boxMagic.boxmenuMail .mailsubMenu {
  font-size: 0;
}
.boxMagic.boxmenuMail .mailsubMenu span, .boxMagic.boxmenuMail .mailsubMenu label, .boxMagic.boxmenuMail .mailsubMenu a {
  font-size: 13px;
}
.boxMagic.boxmenuMail .mailsubMenu span.typcn {
  font-size: 16px;
  line-height: 15px;
}
.boxMagic.boxmenuMail .mailsubMenu a, .boxMagic.boxmenuMail .mailsubMenu .selectall {
  display: inline-block;
  padding: 5px 10px;
  border: 1px solid #e1e3e5;
}
.boxMagic.boxmenuMail .mailsubMenu a.left {
  border-radius: 3px 0 0 3px;
}
.boxMagic.boxmenuMail .mailsubMenu a.center {
  border-radius: 0;
  border-right: none;
}
.boxMagic.boxmenuMail .mailsubMenu a.right {
  border-radius: 0 3px 3px 0;
  border-left: none;
}
.boxMagic.boxmenuMail .mailsubMenu span.quantMail {
  margin-right: 20px;
}
.boxMagic.boxmenuMail .mailsubMenu .selectall {
  border-radius: 3px;
  margin-right: 15px;
}
.boxMagic.boxmenuMail .mailsubMenu .checkbox {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 22px;
  padding-right: 8px;
}
.boxMagic.boxmenuMail .mailsubMenu .checkbox input {
  margin-top: 2px;
}
.boxMagic.messages tr:hover td {
  background: #e5f1f7;
}
.boxMagic.messages .unread {
  font-weight: 600;
}
.boxMagic.messages .checked {
  background: #d5e9f3;
}
.boxMagic.message .headerBoxMagic .logoPost {
  max-width: 40px;
}
.boxMagic.message .headerBoxMagic .logoPost img {
  max-width: 40px;
}
.boxMagic.message .headerBoxMagic .icoMenu {
  padding: 5px 10px;
  border: 1px solid #e1e3e5;
  border-radius: 3px;
  width: auto;
}
.boxMagic.message .headerBoxMagic .menuPostDropDown {
  top: auto;
}
.boxMagic.message .headerBoxMagic .dropdown-menu {
  top: 30px;
}
.boxMagic.message .contentBoxMagic {
  position: relative;
  padding: 15px 0 5px;
  border-bottom: 1px solid #ced0d4;
  margin-bottom: 15px;
}
.boxMagic.message .attach a {
  display: inline-block;
  margin: 0 10px;
  border-radius: 4px;
  overflow: hidden;
}
.boxMagic.message .attach a.file {
  padding: 0 10px;
  text-decoration: underline;
  font-weight: 600;
  border: 1px solid #e1e3e5;
  line-height: 40px;
}
.boxMagic.message .attach a.img {}
.boxMagic.message .attach img {
  width: auto;
  height: 42px;
}
.boxMagic.newmessage .selectall {
  display: inline-block;
  padding: 5px 10px;
  border: 1px solid #e1e3e5;
  margin: -6px 5px 0 0;
}
.boxMagic.newmessage .headerBoxMagic {
  padding-bottom: 20px;
  border: none;
}
.boxMagic.newmessage .headerBoxMagic .headerPost {
  width: 100%;
  float: none;
}
.boxMagic.newmessage .headerBoxMagic label {
  width: 60px;
  float: left;
}
.boxMagic.newmessage .headerBoxMagic input {
  width: calc(100% - 60px);
  float: left;
}
.boxMagic.newmessage .headerBoxMagic .selectize-input {
  border: 1px solid #ccc;
  box-shadow: none;
  width: calc(100% - 60px);
  float: left;
  padding: 8px;
  display: block;
  overflow: hidden;
  position: relative;
  z-index: 1;
  border-radius: 4px;
  margin-bottom: 15px;
}

.label-primary {
  background-color: var(--primary-color) !important;
}

.boxMagic.newmessage .headerBoxMagic .label {
  color: var(--accent-color) !important;
}
.boxMagic.newmessage .headerBoxMagic hr {
  border-color: transparent;
}
.boxMagic.newmessage span.typcn {
  font-size: 16px;
  line-height: 16px;
}
.boxMagic.newmessage .form-control {
  border: 1px solid #ccc;
  box-shadow: none;
}
.mce-statusbar {
  display: none !important;
}
.mce-tinymce {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  margin-bottom: 15px !important;
}
.mce-panel {
  border-radius: 4px !important;
}
#tinymce p {
  font-size: 11px !important;
}
.boxMagic.newmessage .attach .fileatch {
  display: block;
  margin: 10px 0;
  border-radius: 4px;
  padding: 0 10px;
  border: 1px solid #e1e3e5;
  line-height: 30px;
}
.boxMagic.newmessage .attach a.file {
  color: #2e7eca;
  display: block;
  float: left;
  width: calc(100% - 60px);
  text-decoration: underline;
  font-weight: 600;
}
.boxMagic.newmessage .attach a.file:hover {
  color: #f27500;
}
.boxMagic.newmessage .attach a.delete {
  float: right;
}
.boxMagic.newmessage .composeButtons .selectall {
  margin: 0;
}
/*CONNECTIONS*/
.orderConnections {
  padding-top: 15px;
  padding-bottom: 15px;
}
.searchConnections {
  display: block;
}
.searchConnections .form-group {
  display: block;
  margin: 0;
  padding: 0;
}
.searchConnections .form-group .form-control {
  float: left;
  height: 30px;
  font-size: 13px;
  width: calc(100% - 40px);
  border-radius: 3px 0 0 3px !important;
  padding: 0 12px;
  margin: 0;
  background: #fff;
}
.searchConnections .form-group .btn {
  float: left;
  height: 30px;
  width: 40px;
  border: none;
  padding: 0 6px 0 12px;
  margin: 0;
  display: block;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  background: #2e7eca;
  color: #fff;
  border-radius: 0 3px 3px 0;
}
.boxMagic.boxConnections {
  padding-top: 15px;
}
.boxMagic.boxConnections .logoFavorite {
  width: 100%;
  text-align: center;
  padding: 10px 0;
}
.boxMagic.boxConnections .logoFavorite img {
  max-width: 60px;
  width: 100%;
  height: auto;
  overflow: hidden;
  border-radius: 4px;
}
.boxMagic.boxConnections div.row div.dataConnections {
  /* border-left: 1px solid #ced0d4; */
  width: 100%;
  margin: 0 -15px;
  padding: 0 15px;
}
.boxMagic.boxConnections .dataConnections p {
  margin: 0 0 2px;
}
.boxMagic.boxConnections .dataConnections p span {
  font-weight: 600;
}
.boxMagic.boxConnections .dataConnections h5 {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 5px;
}
.boxMagic.boxConnections .dataConnections h5 a {
  color: #0b0d0f
}
.boxMagic.boxConnections .dataConnections a {
  color: #2e7eca;
}
.boxMagic.boxConnections .dataConnections a:hover {
  color: #f27500;
}
.boxMagic.boxConnections .menuIconsFavorite > a {
  text-align: center;
  width: 33%;
  display: block;
  float: left;
  height: 20px;
}
.boxMagic.boxConnections .menuIconsFavorite > a > span.typcn {
  font-size: 20px;
  line-height: 20px;
  color: #bbb9cb;
}
.boxMagic.boxConnections .menuIconsFavorite a span.typcn-mail.on, .boxMagic.boxConnections .menuIconsFavorite a:hover span.typcn-mail {
  color: #3870ab !important;
}
.boxMagic.boxConnections .menuIconsFavorite a span.typcn-arrow-repeat.on, .boxMagic.boxConnections .menuIconsFavorite a:hover span.typcn-arrow-repeat {
  color: #157f40 !important;
}
.boxMagic.boxConnections .menuIconsFavorite a span.typcn-trash.on, .boxMagic.boxConnections .menuIconsFavorite a:hover span.typcn-trash {
  color: #3870ab !important;
}
.boxMagic.introduceTo .label {
  color: var(--accent-color) !important;
}
.boxMagic.boxConections > div.row {
  padding-bottom: 15px;
  padding-top: 15px;
  border-bottom: 1px solid #e1e3e5;
  position: relative;
}
/*INVITATIONS*/
.boxMagic.invitations .invite {
  margin: 0 0 15px 0;
  border-bottom: 1px solid #d8d8d8;
  padding-bottom: 8px;
}
.boxMagic.invitations h6 {
  font-size: 13px;
  font-weight: 600;
  margin: 0 0 8px 0;
  padding-bottom: 3px;
  border-bottom: 1px solid #ced0d4;
}
.boxMagic.invitations .logoFavorite {
  width: 100%;
  text-align: center;
  padding: 10px 0;
}
.boxMagic.invitations .logoFavorite img {
  max-width: 60px;
  width: 100%;
  height: auto;
  overflow: hidden;
  border-radius: 4px;
}
.boxMagic.invitations .dataInvitations p {
  margin: 0 0 2px;
}
.boxMagic.invitations .dataInvitations p span {
  font-weight: 600;
}
.boxMagic.invitations .dataInvitations h5 {
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 5px;
}
.boxMagic.invitations .dataInvitations a {
  color: #2e7eca;
}
.boxMagic.invitations .dataInvitations a:hover {
  color: #f27500;
}
.boxMagic.invitations .linkInvitations {
  text-align: right;
}
.boxMagic.invitations .linkInvitations a {
  display: inline-block;
  padding: 4px 8px;
  /* margin-top: 8px; */
}
/* .boxMagic.invitations .linkInvitations a.accept {
  border: solid 1px #2e7eca;
  border-radius: 3px;
  color: #2e7eca;
} */
/* .boxMagic.invitations .linkInvitations a:hover, .boxMagic.invitations .linkInvitations a.accept:hover {
  color: #f27500;
  border-color: #f27500;
} */
.boxMagic.invitations .moreInvites {
  text-align: center;
  display: block;
  padding: 0;
  margin: 0;
}
.boxMagic.invitations .moreInvites span {
  font-weight: 600;
  text-decoration: underline;
}
/*INVITATIONSB*/
.boxMagic.invited {
  max-width: 500px;
  margin: 0 auto;
}
.boxMagic.invited .invite {
  margin: 0 0 15px 0;
  border-bottom: 1px solid #d8d8d8;
  padding-bottom: 8px;
}
.boxMagic.invited .logoFavorite {
  width: 100%;
  text-align: center;
  padding: 10px 0;
}
.boxMagic.invited .logoFavorite img {
  max-width: 60px;
  width: 100%;
  height: auto;
  overflow: hidden;
  border-radius: 4px;
}
.boxMagic.invited .dataInvitations p {
  margin: 0 0 2px;
}
.boxMagic.invited .dataInvitations p span {
  font-weight: 600;
}
.boxMagic.invited .dataInvitations h5 {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 5px;
}
.boxMagic.invited .dataInvitations a {
  color: #2e7eca;
}
.boxMagic.invited .dataInvitations a:hover {
  color: #f27500;
}
.boxMagic.invited .linkInvitations {
  text-align: right;
}
.boxMagic.invited .linkInvitations a {
  display: inline-block;
  padding: 4px 8px;
  margin-top: 8px;
}
.boxMagic.invited .linkInvitations a.accept {
  border: solid 1px #2e7eca;
  border-radius: 3px;
  color: #2e7eca;
}
/* .boxMagic.invited .linkInvitations a:hover, .boxMagic.invitations .linkInvitations a.accept:hover {
  color: #f27500;
  border-color: #f27500;
} */
/*SEARCHCONNECTIONS*/
.findConections {
  padding-bottom: 15px;
}
.searchConections {
  display: block;
}
.searchConections .form-group {
  display: block;
  margin: 0;
  padding: 0;
}
.searchConections .form-group .form-control {
  float: left;
  height: 30px;
  font-size: 13px;
  width: calc(100% - 40px);
  border-radius: 3px 0 0 3px !important;
  padding: 0 12px;
  margin: 0;
  background: #fff;
}
.searchConections .form-group .btn {
  float: left;
  height: 30px;
  width: 40px;
  border: none;
  padding: 0 6px 0 12px;
  margin: 0;
  display: block;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  background: #2e7eca;
  color: #fff;
  border-radius: 0 3px 3px 0;
}
.findConections .dropdown-menu li {
  width: 33%;
  float: left;
}
/*CHAT*/
.searchChat, .searchChat .form-group {
  display: block;
  margin: 0;
  padding: 0;
}
.searchChat .form-group .form-control, .searchChat .form-group .btn {
  float: left;
  border: none;
  height: 26px;
  margin: 0;
  display: block;
}
.searchChat .form-group .form-control {
  width: calc(100% - 40px);
  border-radius: 3px 0 0 3px !important;
  padding: 0 12px;
  background: #fff;
}
.searchChat .form-group .btn {
  width: 40px;
  padding: 0 6px 0 12px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  background: #2e7eca;
  color: #fff;
  border-radius: 0 3px 3px 0;
}
.searchChat .form-group .form-control:focus {
  border-color: transparent;
  outline: 0;
}
.boxmenuChat {
  padding: 0 0px 15px 0px;
  border-bottom: 1px solid #fff;
  margin-bottom: 15px;
}
.boxmenuChat .chatMenu a {
  display: block;
  padding: 0 3px;
  margin: 2px 4px;
  float: left;
  font-size: 12px;
}
.boxmenuChat .chatMenu a.click {
  font-weight: 600;
}
.boxmenuChat .chatMenu a.compose {
  background-color: #2e7eca;
  color: #fff;
  width: 100%;
  text-align: center;
  border-radius: 4px;
  text-transform: uppercase;
}
.boxmenuChat .chatMenu a.compose span {
  font-size: 16px;
  line-height: 16px;
}

.boxmenuChat .chatMenu a:first-child {
  margin-left: 0px;
  padding-left: 0px;
}

.boxMagic.chat tr:hover td {
  background: #e5f1f7;
}
.boxMagic.chat .unread {
  font-weight: 600;
}
.boxMagic.chat .checked {
  background: #d5e9f3;
}
.boxMagic.chat .headerBoxMagic .logoPost {
  max-width: 40px;
}
.boxMagic.chat .headerBoxMagic .logoPost img {
  max-width: 40px;
}
.boxMagic.chat .headerBoxMagic .icoMenu {
  padding: 5px 10px;
  border: 1px solid #e1e3e5;
  border-radius: 3px;
  width: auto;
}
.boxMagic.chat .headerBoxMagic .menuPostDropDown {
  top: auto;
}
.boxMagic.chat .headerBoxMagic .dropdown-menu {
  top: 30px;
}
.boxMagic.chat .contentBoxMagic {
  position: relative;
  padding: 15px 0 5px;
  border-bottom: 1px solid #ced0d4;
  margin-bottom: 15px;
}
.boxMagic.chat .attach a {
  display: inline-block;
  margin: 0 10px;
  border-radius: 4px;
  overflow: hidden;
}
.boxMagic.chat .attach a.file {
  padding: 0 10px;
  text-decoration: underline;
  font-weight: 600;
  border: 1px solid #e1e3e5;
  line-height: 40px;
}
.boxMagic.chat .attach a.img {}
.boxMagic.chat .attach img {
  width: auto;
  height: 42px;
}
.boxMagic.conversationContainer {
  width: calc(100% - 300px);
  float: left;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 0;
}
.boxMagic.conversationContainer .searchChat {
  padding-bottom: 15px;
}
.boxMagic.conversationContainer .searchChat .form-group .btn {
  background: #b5b5b5;
}
.boxMagic.conversationContainer .conversationdata {
  padding-bottom: 10px;
  border-bottom: 1px solid #e1e3e5;
}
.boxMagic.conversationContainer .conversationUser h4 {
  margin: 0 0 2px 0;
  padding: 0;
  font-size: 15px;
}
.boxMagic.conversationContainer .conversationUser p {
  margin: 0;
  padding: 0;
  /* font-size: 12px; */
  /* line-height: 12px; */
}
.boxMagic.conversationContainer .conversationBtns {
  display: inline-block;
  float: right;
}
.boxMagic.conversationContainer .conversationBtns a {
  margin-left: 15px;
  display: block;
  float: left;
}
.boxMagic.conversationContainer .conversationBtns a span {
  font-size: 16px;
  line-height: 16px;
}
.boxMagic.conversationContainer .conversationBtns a span + span {
  font-size: 12px;
}
.boxMagic.conversationContainer .conversation {
  display: block;
  overflow-y: auto;
  padding-bottom: 10px;
  border-bottom: 1px solid #e1e3e5;
  margin-bottom: 10px;
}
.boxMagic.conversationContainer .conversation li {
  width: 100%;
  display: block;
  height: auto;
  padding: 10px 5px;
}
.boxMagic.conversationContainer .conversation li .imgFriend {
  width: 25px;
  margin-right: 10px;
  float: left;
}
.boxMagic.conversationContainer .conversation li .imgFriend img {
  width: 100%;
  height: auto;
  border-radius: 3px;
  overflow: hidden;
}
.boxMagic.conversationContainer .conversation li .message {
  width: 70%;
  float: left;
}
.boxMagic.conversationContainer .conversation li .message p {
  margin-bottom: 2px;
}
.boxMagic.conversationContainer .conversation li .message p span {
  display: inline-block;
  padding: 5px;
  border-radius: 8px;
  background-color: #fff;
  font-size: 12px;
}
.boxMagic.conversationContainer .conversation li.friend .message p.firstmsg span {
  border-bottom-left-radius: 0;
}
.boxMagic.conversationContainer .conversation li.friend .message p.mdlemsg span {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.boxMagic.conversationContainer .conversation li.friend .message p.lastmsg span {
  border-top-left-radius: 0;
}
.boxMagic.conversationContainer .conversation li.me .message {
  width: 70%;
  float: right;
  text-align: right;
}
.boxMagic.conversationContainer .conversation li.me .message p span {
  background-color: var(--primary-color);
  color: #fff;
}
.boxMagic.conversationContainer .conversation li.me .message p.firstmsg span {
  border-bottom-right-radius: 0;
}
.boxMagic.conversationContainer .conversation li.me .message p.mdlemsg span {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.boxMagic.conversationContainer .conversation li.me .message p.lastmsg span {
  border-top-right-radius: 0;
}
.boxMagic.conversationContainer .sendconversation textarea.form-control {
  font-size: 14px;
}
.boxMagic.conversationContainer .sendconversation .sendbtns {
  padding-top: 10px;
}
.boxMagic.conversationContainer .sendconversation .sendbtns a {
  padding: 3px;
  margin: 5px 5px 0 5px;
  display: inline-block;
}
.boxMagic.conversationContainer .sendconversation .sendbtns a span {
  font-size: 18px;
  line-height: 18px;
}
.conections {
  width: 230px;
  float: right;
}
.conections .searchUsers .searchmodalChat {
  width: 100%;
  height: 36px;
  padding: 0;
  position: relative;
}
.conections .searchUsers .searchmodalChat:before {
  font-family: 'typicons';
  content: '\e14f';
  font-size: 24px;
  height: 30px;
  width: 30px;
  position: absolute;
  z-index: 9;
  left: 10px;
  top: 1px;
  color: #949494;
}
.conections .searchUsers .searchmodalChat .selectize-input {
  padding-left: 30px !important;
}
.conections .searchUsers .form-group {
  display: block;
  margin: 0;
  padding: 0;
}
.conections .searchUsers .form-group .form-control {
  float: left;
  width: calc(100% - 40px);
  height: 24px;
  border: none;
  font-size: 13px;
  border-radius: 2px 0 0 2px;
  padding: 0 12px;
  margin: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: none;
}
.conections .searchUsers .searchmodalChat .label {
  color: var(--accent-color) !important;
}
.conections ul {
  width: 100%;
  display: block;
  overflow-y: auto;
  margin-bottom: 0;
}
.conections li {
  width: 100%;
  display: block;
  height: 70px;
  border-bottom: solid 1px #dcdee1;
  padding: 20px 5px;
}
.conections li:hover {
  background-color: #dcdee1;
}
.conections li a {
  width: 100%;
  display: block;
  height: 30px;
}
.conections .imgUser {
  width: 30px;
  margin-right: 5px;
  float: left;
}
.conections .imgUser img {
  width: 100%;
  height: auto;
  border-radius: 3px;
  overflow: hidden;
}
.conections .user {
  width: calc(100% - 45px);
  float: left;
}
.conections .user .nameUser {
  float: left;
  color: #656364;
  /* font-size: 12px; */
  line-height: 30px;
  display: block;
  width: 100%
}
.conections .user .hourUser {
  float: right;
  font-size: 12px;
  line-height: 12px;
  display: block;
} /* OVERRODE FROM ROMER'S CSS */
/*INVITEMEMBERS*/
.boxMagic.inviteMembers .upgrade {
  max-width: 400px;
  margin: 0 auto 15px auto;
  border-color: #f27500;
}
.boxMagic.inviteMembers a.choosetypemember {
  border: 1px solid #ced0d4;
  display: block;
  text-align: center;
  color: var(--accent-color);
  padding: 10px 0;
  font-size: 15px;
  background: #FCFCFC;
  border-radius: 4px;
  text-decoration: underline;
}
.boxMagic.inviteMembers a.choosetypemember span {
  padding: 0;
  font-size: 24px;
  text-decoration: none;
  display: block;
  width: 30px;
  margin: 0 auto;
}
.boxMagic.inviteMembers a.choosetypemember:hover {
  background-color: #f27500;
  color: #fff;
}
.boxMagic.inviteMembers .request {
  position: relative;
  max-width: 400px;
  margin: 0 auto;
  border-color: #f27500;
  padding-bottom: 0;
}
.boxMagic.inviteMembers .request h3 {
  text-align: center;
  font-size: 22px;
  letter-spacing: -0.8px;
  margin-top: 30px;
}
.boxMagic.inviteMembers .request h4 {
  text-align: center;
  font-size: 20px;
  letter-spacing: -0.8px;
  margin-top: 10px;
}
.boxMagic.inviteMembers .request h5 {
  text-align: center;
  font-size: 18px;
  letter-spacing: -0.8px;
}
.boxMagic.inviteMembers .request ol {
  padding-left: 13px;
}
.boxMagic.inviteMembers .request ol li {
  list-style-type: decimal;
}
.boxMagic.inviteMembers .request div.addMember {
  margin: 0 auto 15px 0;
  border: solid 1px #ced0d4;
  border-radius: 3px;
  padding: 5px;
}
.boxMagic.inviteMembers .request div.addMemberRequest {
  max-width: 200px;
  margin: 0 0 15px 0;
}
.boxMagic.inviteMembers .request div.addMemberRequest * {
  outline: none;
  float: left;
  border: none;
  box-shadow: none;
  background-color: #f27500;
  color: #fff;
}
.boxMagic.inviteMembers .request .minus-button {
  width: 45px;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.boxMagic.inviteMembers .request #inputnumbers {
  width: calc(100% - 90px);
  border-radius: 0;
  background-color: #FCFCFC;
  color: var(--accent-color);
  height: 28px;
  font-weight: 600;
}
.boxMagic.inviteMembers .request .plus-button {
  width: 45px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.boxMagic.inviteMembers .request .plus-button span, .boxMagic.inviteMembers .request .minus-button span {
  width: 100%;
  display: block;
}
.boxMagic.inviteMembers .boxSubscription {
  border-radius: 3px;
  text-align: center;
  color: #fff;
  background-color: #2e7eca;
  padding: 8px;
}
.boxMagic.inviteMembers .addmembers td {
  min-width: 150px;
}
.boxMagic.inviteMembers .addmembers tr:nth-child(even) {
  background: #f0f2f4;
}
/*ADDAFFILIATION*/
.boxMagic.addAffiliation .upgrade {
  max-width: 400px;
  margin: 0 auto 15px auto;
  border-color: #f27500;
}
.boxMagic.addAffiliation .request {
  position: relative;
  max-width: 400px;
  margin: 0 auto;
  border-color: #f27500;
  padding-bottom: 0;
}
.boxMagic.addAffiliation .request h3 {
  text-align: center;
  font-size: 22px;
  letter-spacing: -0.8px;
  margin-top: 30px;
}
.boxMagic.addAffiliation .request h4 {
  text-align: center;
  font-size: 20px;
  letter-spacing: -0.8px;
  margin-top: 10px;
}
.boxMagic.addAffiliation .request h5 {
  text-align: center;
  font-size: 18px;
  letter-spacing: -0.8px;
}
.boxMagic.addAffiliation .request ol {
  padding-left: 13px;
}
.boxMagic.addAffiliation .request ol li {
  list-style-type: decimal;
}
.boxMagic.addAffiliation .request div.addMember {
  margin: 0 auto 15px 0;
  border: solid 1px #ced0d4;
  border-radius: 3px;
  padding: 5px;
}
.boxMagic.addAffiliation .request div.addMemberRequest {
  max-width: 200px;
  margin: 0 0 15px 0;
}
.boxMagic.addAffiliation .request div.addMemberRequest * {
  outline: none;
  float: left;
  border: none;
  box-shadow: none;
  background-color: #f27500;
  color: #fff;
}
.boxMagic.addAffiliation .request .minus-button {
  width: 45px;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.boxMagic.addAffiliation .request #inputnumbers {
  width: calc(100% - 90px);
  border-radius: 0;
  background-color: #FCFCFC;
  color: var(--accent-color);
  height: 28px;
  font-weight: 600;
}
.boxMagic.addAffiliation .request .plus-button {
  width: 45px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.boxMagic.addAffiliation .request .plus-button span, .boxMagic.addAffiliation .request .minus-button span {
  width: 100%;
  display: block;
}
.boxMagic.addAffiliation .boxSubscription {
  border-radius: 3px;
  text-align: center;
  color: #fff;
  background-color: #2e7eca;
  padding: 8px;
}
.boxMagic.addAffiliation .addaffiliations td {
  min-width: 150px;
}
.boxMagic.addAffiliation .addaffiliations tr:nth-child(even) {
  background: #f0f2f4;
}
/*EDITEMAILS*/
.boxMagic.editEmails tr:nth-child(even) {
  background: #f0f2f4;
}
.boxMagic.editEmails td {
  text-align: center;
  padding: 8px 3px;
}
.boxMagic.editEmails td:first-child {
  text-align: left;
}
.boxMagic.editEmails a:hover {
  color: #fff !important;
}
/* .boxMagic.editEmails a {
  display: inline-block;
  border-radius: var(--default-radius);
  color: var(--accent-color);
  background-color: #cbddee;
  padding: 3px 8px;
}

.boxMagic.editEmails a.newemail {
  font-weight: 600;
  font-size: 15px;
  margin-bottom: 15px;
  border-radius: 0;
  color: #3870ab;
  background-color: transparent;
  padding: 3px 8px;
}
.boxMagic.editEmails a.newemail:hover {
  color: #f27500;
} */
.boxMagic.editEmails table span {
  display: inline-block;
  padding: 3px 8px;
}
.boxMagic.editEmails span.typcn {
  font-size: 18px;
  line-height: 20px;
}
.boxMagic.editEmails h3.h3Title {
  padding: 0;
  margin: 0;
  border-left: solid 3px #e1e3e5;
  padding-left: 5px;
}
.boxMagic.editEmails .pTitle {
  padding: 0;
  margin: 0;
  border-left: solid 3px #e1e3e5;
  padding-left: 5px;
}
.boxMagic.editEmails h4.h4Title {
  padding: 0;
  margin: 10px 0;
  border-left: solid 3px #e1e3e5;
  padding-left: 5px;
}
.boxMagic.addEmails {
  padding-bottom: 0;
}
/*EDITPASSWORD*/
.boxMagic.password .emailok {
  position: relative;
}
.boxMagic.password .emailok:after {
  content: "\e11e";
  font-family: 'typicons';
  position: absolute;
  right: -17px;
  top: 28px;
  color: #157f40;
  font-size: 20px;
  line-height: 20px;
}
/*EDITPAGEROLES*/
.boxMagic.editPageroles {
  padding-top: 15px;
  padding-bottom: 0;
}
.boxMagic.editPageroles .logoFavorite {
  width: 100%;
  text-align: center;
  padding: 10px 0;
}
.boxMagic.editPageroles .logoFavorite img {
  max-width: 60px;
  width: 100%;
  height: auto;
  overflow: hidden;
  border-radius: 4px;
}
.boxMagic.editPageroles .dataroles .input-group {
  margin-bottom: 15px;
}
.boxMagic.editPageroles .dataroles p {
  margin: 0 0 2px;
}
.boxMagic.editPageroles .dataroles p span {
  font-weight: 600;
}
.boxMagic.editPageroles .dataroles h5 {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 5px;
}
.boxMagic.editPageroles .dataroles a {
  color: #2e7eca;
}
.boxMagic.editPageroles .dataroles a:hover {
  color: #f27500;
}
/*EDIT PREFERENCES*/
.editPreferences .table.companyaddDelete > thead > tr > th {
  border-bottom: none;
}
.editPreferences .table.companyaddDelete > thead > tr > th:last-child {
  width: 130px;
}
.editPreferences .table.companyaddDelete > tbody > tr > td {
  border-top: none;
  line-height: 24px;
}
.editPreferences .table.companyaddDelete > tbody > tr:nth-child(even) {
  background: #f0f2f4;
}
.editPreferences .table.companyaddDelete > tbody > tr:nth-child(odd) {
  background: #f6f8f9;
}
.editPreferences .table.companyaddDelete > tbody > tr > td > .form-group {
  margin-bottom: 0;
}
.editPreferences .table.companyaddDelete > tbody > tr > td {
  margin-bottom: 0;
}
.editPreferences .table.companyaddDelete > tbody > tr > td:last-child .btn {
  padding: 4px;
  width: 100%;
  max-width: 130px;
  font-size: 13px;
  line-height: 16px;
  height: 24px;
}
.editPreferences .table.companyaddDelete > tbody > tr > td:last-child .btn span {
  font-size: 15px;
  line-height: 13px;
}
.editPreferences .table.companyaddDelete > tbody > tr.trdelete:hover > td {
  background-color: #f5e6e6;
}
.editPreferences .table.companyaddDelete > tbody > tr.trundo:hover > td {
  background-color: #e6f5eb;
}
.editPreferences .dropdown-menu li {
  width: 33%;
  float: left;
}
/*ALERTS*/
.boxMagic.alertas .alert {
  display: table;
  width: 100%;
  padding-bottom: 15px;
  padding-top: 15px;
  border-bottom: 1px solid #e1e3e5;
  margin-bottom: 0;
}
.boxMagic.alertas .alert > div {
  float: left;
}
.boxMagic.alertas .alert .tablecell {
  display: table-cell;
  vertical-align: middle;
  padding: 5px 10px;
  height: 60px;
}
.boxMagic.alertas .check {
  width: 40px;
  text-align: center;
}
.boxMagic.alertas .logoAlerts {
  width: 70px;
}
.boxMagic.alertas .logoAlerts img {
  width: 100%;
  height: auto;
  overflow: hidden;
  border-radius: 4px;
}
.boxMagic.alertas .dataAlerts {
  /* border-left: 1px solid #ced0d4; */
  width: calc(100% - 150px);
}
.boxMagic.alertas .dataAlerts p {
  margin: 0 0 2px;
}
.boxMagic.alertas .dataAlerts p span {
  font-weight: 600;
}
.boxMagic.alertas .dataAlerts h5 {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 5px;
  margin-top: 0;
}
.boxMagic.alertas .dataAlerts a {
  color: #2e7eca;
}
.boxMagic.alertas .dataAlerts a:hover {
  color: #f27500;
}
.boxMagic.alertas .dataAlerts a.ignore {
  color: var(--accent-color);
}
.boxMagic.alertas .menuIcons {
  width: 40px;
  text-align: center;
  font-size: 20px;
}
.boxMagic.alertas .controlers {
  padding: 10px 0;
  background: #eee;
  border-radius: 3px;
  margin-left: 0;
  margin-right: 0;
}
/*FORGOTPASSWORD*/
#forgotpass .boxMagic h4 {
  margin: 20px 0 10px 0;
  padding: 0;
  font-size: 24px;
}
#forgotpass .boxMagic h5 {
  margin: 0 0 15px;
  padding: 0;
  font-size: 18px;
}

.container-wrapper {
  width: 100vw;
}

.navbar-default .nav-logo {
  width: 220px;
}

@media (max-width: 768px) {
  .navbar-default .nav-logo{
      width: 130px;
  }
}

/*FOOTER*/
footer {
  Position: absolute;
  bottom: 0px;
  left:0;
  z-index: 300;
  width: 100%;
  /* height: 80px; */
  background-color: #FFF;
  /* border-top: 1px solid #403f3f; */
  border: none;
}

footer .footer-content{
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* footer .container {
  padding: 5px 0 5px;
} */
footer .container + .container {
  border-top: solid 1px #5a5859;
  padding: 0;
}
footer .navbar-nav {
  float: none;
}
footer .nav a {
  position: relative;
  display: inline-block;
  padding: 5px 15px;
  /* border-right: 1px solid #5a5859; */
  font-weight: 600;
}

footer .nav a * {
  font-size: 12px !important;
}

footer .nav a:last-child {
  border-right: none;
}

footer * {
  color: #5f5f61 !important;
  font-size: 15px;
}
footer h4 {
  font-weight: 300;
  font-size: 15px;
}
/*CHAT HEIGHT*/
.conections ul {
  height: calc(100vh - 160px);
}
.boxMagic.conversationContainer .conversation {
  height: calc(100vh - 350px);
}
.btnBack {
  display: none;
}
/*NEW HOME*/
h3.h3Home {
  background: #eee;
  font-size: 20px;
  padding: 10px 0 10px 10px;
  position: relative;
}
.item {
  padding: 0 15px;
}
.item .profileHome {
  width: 100%;
  max-width: 90px;
  margin: 10px auto 15px auto;
}
.item .profileHome a {
  text-decoration: none;
  display: block;
}
.item .profileHome img {
  max-width: 100%;
  height: auto;
  background: #FCFCFC;
  display: block;
  overflow: hidden;
  border-radius: 50%;
  border: 2px solid #ced0d4;
  transition: border 0.1s;
}
.item .profileHome img:hover {
  border: 2px solid #f28f1b;
  box-shadow: 0 0 8px rgba(242, 143, 27, 0.5);
}
.item .profileHome .home_creation_icon {
	max-width: 90px ;
	height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.item .profileHome .iconWrapper {
  width: 38px;
  height: 38px;
	background: #f27500;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
  margin: auto;
}
.item .profileHome i {
  font-size: 20px;
  color: white;
}
.slick-track {
  margin: 0 0 !important;
}
.item .profileHome i:hover {
  border: 1px solid #f28f1b;
  box-shadow: 0 0 8px rgba(242, 143, 27, 0.5)!important;
}
.item .profileHome a h5 {
  font-size: 16px;
  transition: color 0.1s;
}
.item .profileHome a:hover h5 {
  color: #ced0d;
}
.item {
  padding: 0 15px;
}
.item .featureHome {
  width: calc(100% - 30px);
  margin: 10px auto 15px auto;
  text-align: center;
}
.item .featureHome a {
  text-decoration: none;
  display: block;
}
.item .featureHome a h5 {
  font-size: 16px;
  transition: color 0.4s;
  margin-bottom: 20px;
}
.item .featureHome a:hover h5 {
  color: #ced0d;
}
.item .featureHome a p {
  font-size: 13px;
  opacity: 0;
  transition: all 0.4s;
}
.item .featureHome a:hover p {
  color: #ced0d;
  opacity: 1;
}
.item .featureHome a span:not(.super) {
  font-size: 80px;
  transition: color 0.4s;
  margin: 0 auto;
  text-align: center;
  line-height: 40px;
}
.item .featureHome a:hover span {
  color: #ced0d;
}

.open>.language-selector-dropdown {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.language-selector-dropdown {
  /* width: 50px !important; */
  background-color: transparent;
  left: -5px;
}

.language-selector-dropdown > a:not(:last-child) img {
  margin-bottom: 5px;
}

@media (max-width: 768px){
  .btLogIn{
    font-size: 13px !important;
  }
  .language-selector-dropdown {
    left: -10px;
  }
}


.btLogIn {
	/* position: absolute; */
  z-index: 111;
  /* right: 15px; */
  /* top: 20px; */
  text-align: center;
  /* text-transform: uppercase; */
  /* height: 32px; */
  border: none;
  padding: 3px 12px;
  font-size: 16px;
  font-weight: 700;
  /* background: #8b898a; */
  background-color: transparent !important;
  color: #656364;
  border-width: 1px;
  border-radius: var(--default-radius);
}
.btLogIn:hover, .btLogIn:focus, .btLogIn:active, .btLogIn.active {
  color: #fff;
}
@media screen and (min-width:768px) {
  .navbar-header {
    width: 100%;
  }
.homeWeSpline {
	margin-top: -50px;
}

}


@media screen and (max-width:1200px) {
  header#profileHeader .personProfileName {
    margin-top: 6px;
    margin-left: -150px;
  }

  header#profileHeader .companyProfileName {
    margin-top: 40px;
    margin-left: -150px;
  }
  #profile_name_group_ro {
    margin-bottom: -16px;
  }
}

@media screen and (max-width:992px) {
  header#profileHeader .personProfileName {
    margin-top: 6px;
    margin-left: -125px;
  }
  header#profileHeader .companyProfileName {
    margin-top: 40px;
    margin-left: -125px;
  }
  #profile_name_group_ro {
    margin-bottom: -16px;
  }
}

@media screen and (max-width:1120px) {
  .txtLink, .showhideMenu, .topMenu {
    display: none !important;
  }
  .topMenu {
    display: block !important;
  }
  .leftMenuMobileOnly {
    display: block !important;
  }
  .navbar-default .container.loggedIn .navbar-nav .typcn:before {
    font-size: 18px;
  }
  .navbar-default .container.loggedIn .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 6px;
    padding-right: 6px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 5px;
    position: relative;
  }
  .navbar-default button {
    display: inline-block;
    padding: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 5px;
    font-size: 14px;
    font-weight: 300;
    text-align: left;
    color: #fff;
  }
  .navbar-default > .container.loggedIn .padLeft25 {
    padding-left: 0;
  }
  .navbar-right {
    float: right !important;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-default > .container.loggedIn .user-pic-ico {
    position: relative;
    left: 0;
  }
  .conections ul {
    height: calc(100vh - 170px);
  }
  .boxMagic.conversationContainer .conversation {
    height: calc(100vh - 490px);
  }
  .sidenav {
    width: 215px;
    height: calc(100% - 42px);
    padding: 0 10px 0 20px;
    position: fixed;
    z-index: 9999;
    top: 42px;
    left: -215px;
    overflow-x: hidden;
    overflow-y: auto;
    transition: 0.5s;
    background-color: #FCFCFC;
    /* border-right: 5px solid #ccc; */
  }
  .openMenu {
    display: flex !important;
  }
  .closeMenu {
    display: block !important;
  }
  .navbar-default .navbar-nav > li > a.logout {
    background-color: #2a2929;
    border-radius: 4px;
    padding: 5px !important;
  }
  .navbar-default .navbar-nav > li.openMenu > a {
    background-color: #2a2929;
    border-radius: 4px;
    padding: 5px !important;
    color: #f27500 !important;
  }
  .editPreferences .dropdown-menu li {
    width: 50%;
  }
  .findConections .dropdown-menu li {
    width: 50%;
  }

	header#singup-home h3 {
    padding: 30px 28px 20px;
	line-height: 38px;
}
	header#singup-home h2 {
    padding-top: 0;
}
	.homeWeSpline p {
    max-width: 250px;
    margin-bottom: 30px;
}
	.homeWeSpline {
	margin-top: 30px;
}

}

		  .homeWeSpline .iconHome {
        padding: 10px;
			margin: 20px auto 0 auto;
			position: relative;
			font-size: 62px;
			display: inline-block;
			height: 62px;
			line-height: 62px;
		  }
		  .homeWeSpline .eventos {
			font-size: 68px;
			min-height: 64px;
			display: block;
			overflow: hidden;
			padding: 10px;
			max-width: 100px;
				  }
		  .homeWeSpline .iconHome .lock {
			margin: 0;
			position: absolute;
			top: -5px;
			right: 0;
			font-size: 16px;
			color: #f27500;
			height: 16px;
			line-height: 16px;
		  }
		  .homeWeSpline .iconHome .unlock {
			margin: 0;
			position: absolute;
			top: 0;
			right: 0;
			font-size: 16px;
			color: #398F48;
			height: 16px;
			line-height: 16px;
		  }
		  .homeWeSpline h5 {
			margin: 15px auto 0 auto;
			font-size: 20px;
		  }
		  .homeWeSpline h6 {
			margin: 3px auto 0 auto;
		  }
		  .homeWeSpline a.home_section_button {
			font-size: 12px;
			text-decoration: none;
          }
		  .homeWeSpline a.home_section_button.unlocked:hover {
            color: #398F48;
		  }
		  .homeWeSpline h6.green {
	       	color: #398F48;
		  }
		  .homeWeSpline p {
			  margin: 20px auto 0 auto;
			  font-size: 13px;
		  }


@media screen and (max-width:768px) {
  header#profileHeader .profileLinks a {
    display: inline-block;
    padding: 2px 4px;
    border-radius: 4px;
  }
  header#profileHeader .profileLinks {
    margin-top: 10px;
  }
  header#profileHeader .profileLinks a.report {
    margin-top: 0;
  }
  header#profileHeader .profileLinks a.claim {
    margin-top: 0;
  }
  header#profileHeader .profileLinks a.claim_not_logged {
    margin-top: 0;
  }
  /* header#profileHeader .pictureProfileContainer {
    margin-top: 70px;
  } */
  header#profileHeader .personProfileName {
    position: relative;
    margin-left: -60px; 
    margin-top: 6px;
    width: 100%; 
  }
  header#profileHeader .companyProfileName {
    position: relative;
    margin-left: -60px; 
    margin-top: 40px;
    /* width: 100%; */
  }
  header#profileHeader .logoMoreInfo .cover {
    top: 31px;
  }
  header {
    padding-top: 37px;
    padding-bottom: 0px;
  }
  header#singup-home {
    /* background: url(../img/bg-home-mobile.jpg) center top no-repeat; */
    background-size: contain;
  }
  header#singup-home h2 {
    padding-top: 0;
  }
  header#singup-home h3 {
    font-size: 33px;
  }
  footer .container .row {
    margin: 0;
  }
  /* footer .container {
    padding: 0;
  } */
  .leftMenu a .quant {
    font-size: 10px;
    color: #f27500;
    border-radius: 0;
    width: auto;
    line-height: auto;
    text-align: center;
    background-color: transparent;
    margin-left: 3px;
  }
  .boxmenuChat .chatMenu {
    margin-top: 10px;
  }
  .boxmenuChat {
    padding: 0 5px 5px 5px;
  }
  .conections ul {
    height: calc(100vh - 190px);
  }
  .boxMagic.conversationContainer .conversation {
    height: 600px;
  }
}

@media screen and (max-width:696px) {
  body {
    margin-bottom: 65px;
    max-width: 100vw !important;
    overflow-x: hidden;
  }

  header#profileHeader .personProfileName {
    margin-top: 6px;
  }

  header#profileHeader .companyProfileName {
    margin-top: 40px;
    position: relative;
  }

  header#profileHeader #editCompanyName {
    margin-top: -12px; 
    position: absolute; 
    left: -50px; 
  }

  header#profileHeader .changeBackground {
    margin-top: 125px; 
  }

  .flexcontainer > div {
    flex-basis: 90%;
    margin-bottom: 15px;
  }
  .leftMenu li.menuLi {
    margin: 0 8px;
  }
  footer .container + .container {
    display: none;
  }
  footer .nav a {
    padding: 5px 10px;
    font-size: 12px;
  }
  footer {
    min-height: 50px;
  }
  footer .footer-content{
    flex-direction: column;
  }
}
@media screen and (max-width:640px) {
  .conections ul {
    height: calc(100vh - 190px);
  }
  .boxMagic.conversationContainer .conversation {
    height: calc(100vh - 400px);
  }
}
@media screen and (max-width:580px) {
  .conections ul {
    height: calc(100vh - 350px);
  }
  .boxMagic.conversationContainer .conversation {
    height: calc(100vh - 420px);
  }
  .conections {
    width: 100%;
  }
  .boxMagic.conversationContainer {
    /* position: absolute; */
    /* left: 5px; */
    /* top: -80px; */
    width: calc(100% - 10px);
    z-index: 999;
  }
  .boxMagic.conversationContainer .searchChat {
    width: calc(100% - 37px);
    float: left;
  }
  .btnBack {
    display: block;
    width: 27px;
    height: 27px;
    line-height: 27px;
    border: 1px solid #e1e3e5;
    margin-right: 10px;
    float: left;
    border-radius: 4px;
    text-align: center;
  }
  .btnBack span {
    font-size: 18px;
    line-height: 18px;
  }
}
@media screen and (max-width:480px) {
  .boxMagic.conversationContainer {
    top: -177px;
  }
  .advsearch {
    display: none;
  }
}
@media screen and (max-width:425px) {
  header#profileHeader .personProfileName h3 {
    font-size: 22px;
  }
  header#profileHeader .personProfileName p {
    font-size: 15px;
  }
  header#profileHeader .companyProfileName h3 {
    font-size: 22px;
  }
  header#profileHeader .companyProfileName p {
    font-size: 15px;
  }
  .leftMenu li.menuLi, .topMenu li.menuLi {
    margin: 0 5px;
  }
  /* footer {
    height: 70px;
  } */
}
.coming-soon-feature > * {
  color: grey !important;
}
.comment-text {
  white-space: pre;
}
@media screen and (max-width:320px) {}


.super {
  position: relative;
}

.super--warning::after {
  color: rgba(255, 0, 0, .8);
  font-size: 0.8em;
}

.super--beta::after {
  content: 'Beta';
  position: absolute;
  top: -0.3em;
  left: calc(100% + .2em);
}

.m-0{
  margin: 0 !important;
}

.m-1 {
  margin: 3px !important;
}

.m-2 {
  margin: 6px !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 1em !important;
}

.empty-state {
  margin: 30px;
}

.empty-state .feature-icons {
  opacity: 0.8;
  font-size: 62px;
}

.empty-state h5 {
  font-size: 16px;
}

.profileHome .item-text {
  overflow: hidden;
  text-overflow: ellipsis;
}

#editing-post-visibility {
  float: left;
  /* margin-right: 40px; */
}
@media screen and (min-width:992px) {
  #editing-post-visibility {
    display: block;
    /* margin-right: 0px; */
  }

  .headerBoxMagic .menuNewPostDropDown {
    min-width: 110px;
  }
  .headerBoxMagic .headerPost {
    width: 68%;
  }
}
@media screen and (max-width:476px) {
  #editing-post-visibility {
    display: block;
    /* margin-right: 0px; */
  }
}

.btn.btn-dark{
  border: none;
  font-size: 12px;
  font-weight: 700;
  background: #8B898C;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
}

.btn.btn-dark:hover{
  background: #939194;
}

.p-relative {
  position: relative !important;
}

.rt-corner-icon{
  position: absolute;
  top: -8px;
  right: -6px;
  font-size: 20px;
  z-index: 1;
  cursor: pointer;
  color: orange;
  background-color: white;
  line-height: 20px;
  border-radius: 50%;
}
.company_type_item_option {
  display: flex;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#filterByToggler {
  top: 10px;
  float: right;
}

/* ---------------- NEW CSS CLASSES ---------------- */ 


.mt-1{
  margin-top: 3px !important;
}

.mt-2{
  margin-top: 6px !important;
}

.mt-3{
  margin-top: 9px !important;
}

.mb-0 {
  margin-bottom: 0px !important;
}

.mb-1{
  margin-bottom: 3px !important;
}

.mb-2{
  margin-bottom: 6px !important;
}

.mb-3{
  margin-bottom: 9px !important;
}

.pb-0 {
  padding-bottom: 0px !important;
}

.pb-1{
  padding-bottom: 3px !important;
}

.pb-2{
  padding-bottom: 6px !important;
}

.pb-3{
  padding-bottom: 9px !important;
}

.pb-30{
  padding-bottom: 30px !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.mr-1{
  margin-right: 3px !important;
}

.mr-2{
  margin-right: 6px !important;
}

.mr-3{
  margin-right: 9px !important;
}

.mr30{
  margin-right: 9px !important;
}

.mr-auto {
  margin-right: auto !important;
}

.ml-auto {
  margin-left: auto !important;
}

.ml-1{
  margin-left: 3px !important;
}

.ml-2{
  margin-left: 6px !important;
}

.ml-3{
  margin-left: 9px !important;
}

.pl-0 {
  padding-left: 0px !important;
}

.pr-0 {
  padding-right: 0px !important;
}

.pt-1{
  padding-top: 3px !important;
}

.pt-2{
  padding-top: 6px !important;
}

.pt-3{
  padding-top: 9px !important;
}

.pt-4{
  padding-top: 16px !important;
}

.p-1{
  padding: 3px !important;
}

.p-2{
  padding: 6px !important;
}

.p-3{
  padding: 9px !important;
}

.m-0 {
  margin: 0;
}

.mx-0 {
  margin-left: 0;
  margin-right: 0;
}

.my-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.p-0 {
  padding: 0;
}

.px-0 {
  padding-left: 0;
  padding-right: 0;
}

.py-0 {
  padding-top: 0;
  padding-bottom: 0;
}

.ws-title-1{
  display: inline-flex;
  align-items: center;
  font-size: 28px !important;
  background: inherit !important;
  font-family: 'Open Sans';
  font-weight: 600;
  color: var(--accent-color);
}

.ws-title-2{
  display: inline-flex;
  align-items: center;
  font-size: 20px !important;
  background: inherit !important;
  font-family: 'Open Sans';
  font-weight: 600;
  color: var(--accent-color);
}

.ws-title-3{
  display: inline-flex;
  align-items: center;
  font-size: 16px !important;
  background: inherit !important;
  font-family: 'Open Sans';
  font-weight: 500;
  color: var(--accent-color);
}

.ws-title-1 .ws, .ws-title-2 .ws, .ws-title-3 .ws {
  margin-right: 6px;
}

.ws-subtitle-1{
  font-size: 18px !important;
  font-weight: 500;
}
.ws-subtitle-2{
  font-size: 15px !important;
  font-weight: 500;
}

.bg-transparent {
  background: transparent !important;
}

.flex-wrap{
  flex-wrap: wrap;
}

.d-block{
  display: block;
}

.d-flex{
  display: flex;
}

@media (max-width: 780px) {
  .d-none-sm {
    display: none !important;
  }
  .d-block-sm{
    display: block !important;
  }
  .d-flex-sm{
    display: flex !important;
  }
}
@media (min-width: 781px){
  .d-none-md {
    display: none !important;
  }
  .d-block-md{
    display: block !important;
  }
}

.d-inline-block {
  display: inline-block !important;
}

.d-inline-flex{
  display: inline-flex !important;
}

.d-inline-block{
  display: inline-block;
}

.d-none{
  display: none;
}

.flex-column{
  flex-direction: column;
}
.flex-column-reverse{
  flex-direction: column-reverse;
}
.flex-row-reverse{
  flex-direction: row-reverse;
}
@media (min-width: 769px) {
  .d-inline-flex-md {
    display: inline-flex !important; 
  }
}
@media (max-width: 768px) {
  .flex-align-flex-start-sm {
    align-items: flex-start !important;
  }

  .flex-column-sm{
    flex-direction: column;
  }
  .flex-column-reverse-sm{
    flex-direction: column-reverse;
  }
  .flex-row-reverse-sm{
    flex-direction: row-reverse;
  }
}
@media (max-width: 1120px) {
  .flex-align-flex-start-md {
    align-items: flex-start !important;
  }

  .flex-column-md{
    flex-direction: column;
  }
  .flex-column-reverse-md{
    flex-direction: column-reverse;
  }
  .flex-row-reverse-md{
    flex-direction: row-reverse;
  }
}
@media (max-width: 360px) {
  .flex-align-flex-start-xs {
    align-items: flex-start !important;
  }

  .flex-column-xs{
    flex-direction: column;
  }
  .flex-column-reverse-xs{
    flex-direction: column-reverse;
  }
  .flex-row-reverse-xs{
    flex-direction: row-reverse;
  }
}

.flex-justify-space-between{
  justify-content: space-between;
}

.flex-justify-space-around{
  justify-content: space-around;
}

.flex-justify-center{
  justify-content: center;
}
@media (max-width: 780px){
  .flex-justify-center-sm{
    justify-content: center !important;
  }
  .flex-justify-start-sm{
    justify-content: flex-start !important;
  }
}

.flex-justify-flex-end{
  justify-content: flex-end;
}

.flex-align-flex-end{
  align-items: flex-end;
}
.flex-align-flex-start{
  align-items: flex-start;
}

.flex-align-center {
  align-items: center;
}

.shadow-box{
  box-shadow: 3px 3px 15px 3px rgba(115,115,155,.2);
}

.header-box{
  background: #eee;
  padding: 10px 15px;
}

.dropdown-menu.dropdown-dark{
  padding: 5px;
  background-color: #656364;
}

.dropdown-dark .dropdown-item:not(:hover){
  width: 100%;
  color: white;
}

.w-100{
  width: 100% !important;
}
.h-100{
  height: 100% !important;
}

.w-moz-available{
  width: -moz-available !important;
}

.mx-15{
  margin-left: 15px !important;
  margin-right: 15px !important;
}

.-mx-15{
  margin-left: -15px !important;
  margin-right: -15px !important;
}

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

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

.font-weight-700 {
  font-weight: 700 !important;
}

.shadow-over{
  -webkit-mask-image: linear-gradient(#fff,#fff 75%,rgba(255,255,255,0));
}
.justify-content{
  text-align: justify !important;
}

.text-primary {
  color: var(--primary-color);
}

.default-border {
  border-radius: var(--default-radius);
}

/* select.form-control{
  border-radius: 3px !important;
} */

.fa-to-typcn-width{
  width: 18px !important;
  display: inline-flex;
}
.fa-to-typcn-width i{
  margin: auto;
}

.ml15{
  margin-left: 15px;
}

.ml-unset {
  margin-left: unset !important;
}

.btn-primary {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}

.form-control {
  font-family: 'Open Sans';
  font-weight: 700;
  font-size: 16px;
  color: var(--accent-color);
  background: #FFFFFF;
  border-radius: 30px;
  height: 30px !important;
  line-height: 1.5em;
  padding-top: 0px;
  padding-bottom: 0px;
  /* padding: 10px; */
}

.form-control.drop-menu {
  display: inline-flex;
  align-items: center;
}

.bootstrap-tagsinput {
  font-family: 'Open Sans';
  font-weight: bold;
  /* color: var(--accent-color);
  background: #FFFFFF;
  border-radius: 30px;
  height: 30px !important; */
}
.bootstrap-tagsinput :first-child {
  margin-left: 6px;
}

.bootstrap-tagsinput input {
  font-size: 16px;
  height: 18px;
}

.form-control, .bootstrap-tagsinput, .btn {
  border-radius: var(--input-radius) !important;
}

textarea.form-control {
  padding: 15px;
  height: unset !important;
  font-weight: 500;
}

.btn {
  background-color: #8b898a;
  color: white;
}

.ql-toolbar.ql-snow {
  border-radius: var(--input-radius) var(--input-radius) 0 0 !important;
  background-color: #fcfcfc;
}

.ql-container.ql-snow {
  border-radius: 0 0 var(--input-radius) var(--input-radius) !important;
  background-color: #fcfcfc;
}
.max-lines-1{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.max-lines-2{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.max-lines-3{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.max-lines-5{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}

.hide-text-overflow {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.container-fluid {
  font-family: 'Open Sans', sans-serif !important;
}

@media (min-width: 1400px) {
  .container-fluid {
    width: 1360px;
  }
}

.creation-icon {
  font-size: 13px;
  width: 20px !important;
  height: 20px !important;
  color: white;
  background-color: var(--primary-color);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.excel-icon{
  display:block;
  text-decoration:none;
  width:1em;
  height:1em;
}

.excel-icon:before{
  content: '';
  background:url('/static/img/excel-icon.webp');
  background-size:cover;
      position:absolute;
  width:1em;
  height:1em;
  /* margin-left:-1em; */
}

.photo-preview {
  max-width: 170px;
  width: 100%;
  height: auto;
  background: #FFF;
}

.ws-user-icon{
  width:1em;
  height:1em;
  margin-right: 3px;
}

.ws-user-icon:before{
  content: '';
  width:1em;
  height:1em;
  display:inline-block;
  /* border: 1px solid hsl(0, 1%, 25%); */
  border-radius: 50%;
  overflow: hidden;
  background-position: center center;
  background-repeat: no-repeat;
  background:url('/static/image/profile.png');
  background-size:cover;
}


.ws-company-icon{
  width:1em;
  height:1em;
  margin-right: 3px;
}

.ws-company-icon:before{
  content: '';
  width:1em;
  height:1em;
  display:inline-block;
  /* border: 1px solid hsl(0, 1%, 25%); */
  border-radius: 50%;
  overflow: hidden;
  background-position: center center;
  background-repeat: no-repeat;
  background:url('/static/image/enterprise.png');
  background-size:cover;
}

.action-create-icon{
  font-size: 13px;
  margin-right: 28px; 
  margin-top: 2px;
}

.result-box-container{
  display: flex;
  align-items: stretch;
  flex-flow: wrap;
}

.result-box-container > *{
  display: inline-grid !important;
  float: none !important;
}
.result-box {
  display: flex;
  flex-direction: column;
  border: 1px solid #ced0d4;
  margin-top: 12px;
  padding:15px;
  background: white;
}

.result-box-header{
  /* display: flex; */
  /* justify-content: space-between; */
  margin: 3px 0px;
}

.result-box-header .result-box-logo{
  width: 100%;
  height: auto;
  border-radius: var(--default-radius);
}

.result-box-title{
  margin: 3px 0px;
  font-size: 15px;
  font-weight: 500 !important;
  font-family: 'Barlow Semi Condensed', sans-serif;
}

.result-box-subtitle{
  margin: 3px 0px;
  font-size: 13px;
  font-weight: 500 !important;
  font-family: 'Barlow Semi Condensed', sans-serif;
}

.result-box-text{
  margin: 3px 0px;
  font-size: 12px;
}

.justify-self-flex-start{
  justify-self: flex-start;
}

.justify-self-flex-end{
  justify-self: flex-end;
}

.horizontal-form-control{
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.horizontal-form-control label:not(.btn){
  white-space  : nowrap;
  margin-right : 6px;
  margin-bottom: 0px;
  margin-top   : 5px;
  align-self   : flex-start;
}

.add-text-group .creation-icon{
  margin-right: 4px;
}

.ws-card{
  background-color: white;
  padding: 15px;
  border-radius: var(--default-radius);
  box-shadow: 3px 3px 15px 3px #73737333;
}

.m15{
  margin: 15px !important;
}

.mobile-menu-collapse {
  font-size: 15px;
}

.mobile-menu-collapse > a {
  background: #2a2929;
  padding: 5px;
  border-radius: 4px;
}

.mobile-menu-collapse > a:hover {
  background: #2a2929;
  color: white;
}

.mobile-menu-collapse .typcn{
  color: #f27500;
  line-height: 20px;
}

.error{
  font-size  : 11px;
  color      : red;
  font-weight: 600;
  float      : right;
  margin-top : 2px;
}

.absolute-error {
  position: absolute;
  right: 15px;
}

.topbar-menu .topbar-menu-mobile-dropdown li {
  border-right: none;
}

.topbar-menu .topbar-menu-mobile-dropdown li a {
  color: #5f5f61;
  font-weight: 600;
  font-family: Barlow;
}

.empty-result-message {
  text-align: center; 
  color: darkgray; 
  font-size: 20px; 
  margin-top: 30px;
}
.btn {
  font-family: 'Open Sans' !important;
  font-weight: Bold !important;
  border-radius: var(--input-radius) !important;
  font-size: 16px !important;
  color: #ffffff !important;
  padding: var(--btn-y-padding) var(--btn-x-padding) !important;
  transition: background-color var(--default-transition-time);
}

.toggle-group .btn {
  padding-left: 15px !important;
  padding-right: 20px !important;
}

.toggle-group .btn.toggle-handle {
  padding: 0 20px !important;
  border-radius: 50% !important;
}

.ws-button {
  background: var(--primary-color) !important;
}

.ws-button.mustard{
  background: #D89A3F !important;
}

.ws-button:hover {
  background: var(--accent-color) !important;
  color: #D89A3F!important;
}

.btn:hover {
  background: var(--accent-color) !important;
  color: #f27500!important;
}

.btn.ws-btn-dense:hover {
  background: var(--accent-color) !important;
  color: #fff!important;
}

.btn.ws-btn-dense {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
  font-size: 14px;
}

.btn.ws-btn-dense.mustard {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
  font-size: 14px;
  background: #D89A3F!important;
}

.btn.ws-btn-dense.mustard:hover {
  background: #737373 !important;
  color: #D89A3F!important;
}
.btn.ws-btn-dense.secondary{
  background: #8b898a!important;
}

.btn.ws-btn-dense.secondary:hover{
  background: #737373 !important;
  color: #fff!important;
}

@media (min-width: 992px){
  .row-wrapper {
    padding: 7px;
    box-shadow: 3px 3px 15px 3px rgba(115,115,155,.2);
    border-radius: 30px;
  }
  
}

@media (max-width: 992px){
  .row-wrapper .row > * {
    margin-bottom: 15px;
  }
  .rounded{
    border: none!important;
  }
}

.conference-result-wrapper {
  width: 33.33%;
}

.conference-result{
  margin: 15px;
  border-radius: 15px;
  padding: 10px;
  box-shadow: 3px 3px 15px 3px rgba(115,115,155,.2);
  height: calc(100% - 30px);
}

.conference-result-logo {
  width: 100%;
  padding-top: 100%;
  position: relative;
  border-radius: 15px;
}

.conference-result-logo > img {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 15px;
}

.conference-result-title {
  font-family: 'Barlow';
  font-weight: 600;
  font-size: 18px; 
  color: #333;
  /* height: 52px; */
}
.conference-result-data {
  font-family: 'Barlow';
  font-weight: 400;
  font-size: 16px; 
  color: #333;
}

.conference-results-container {
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
  align-items: stretch;
}

.-m15 {
  margin: -15px !important;
}

@media (max-width: 768px) {
  .conference-result-wrapper {
    width: 50%;
  }

  .conference-result{
    padding: 6px;
  }

  .conference-result-title {
    font-size: 13px;
    /* height: 40px; */
  }
  .conference-result-data {
    font-size: 12px;
  }
  .mb15-mobile {
    margin-bottom: 15px;
  }
  .self-center-mobile{
    display: block;
    float:none !important;
    margin-left: 50% !important;
    margin-right: 50% !important;
    transform: translateX(50%);
  }
}

ul.ws-left-menu {
  position: fixed;
  width: calc(30% - 50px);
  max-height: min(calc(100% - 100px), 650px);
  min-height: 250px;
  max-width: 300px;
  overflow-y: auto;
  transition: all 0.25s ease-in-out 0s;
  background: white;
  margin-left: -15px;
  border-radius: var(--input-radius);
  box-shadow: 3px 3px 15px 3px rgba(115,115,155,.2);
  padding-top: 17px;
  padding-bottom: 17px;
  padding-left: 0 !important;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  z-index: 800;
  font-size: 15px;
}

ul.ws-left-menu .ws {
  font-size: 25px;
  margin-right: 5px;
}

ul.ws-left-menu li > a, ul.ws-left-menu li > span {
  font-family: 'Open Sans';
  font-weight: 700;
  font-size: 16px;
  color: var(--accent-color);
  display: inline-flex;
  align-items: center;
}

ul.ws-left-menu li  *:first-letter {
  text-transform: uppercase;
}

ul.ws-left-menu > li > ul {
  padding-left: 15px;
}

ul.ws-left-menu > li > ul > li > span {
  font-size: 16px;
}

ul.ws-left-menu li > span:not(.ws) {
  cursor: default;
}

ul.ws-left-menu li {
  border-left: 2px solid transparent;
  margin-top: 10px;
  margin-left: 8px;
  padding-left: 5px;
}

ul.ws-left-menu > li:first-child {
  margin-top: 0 !important;
}

ul.ws-left-menu li.active {
  border-left-color: var(--primary-color);
}

nav#ws-navbar {
  height: 70px;
  position: fixed;
  width: 100%;
  border-bottom: none;
  z-index: 1000;
  font-family: 'Open Sans' !important;
  font-weight: 700;
  font-size: 16px;
}

nav#ws-navbar ul.navbar-menu-items > li > * {
  height: 25px;
  line-height: 25px;
}

nav#ws-navbar, nav#ws-navbar a {
  color: var(--secondary-color) !important;
}

nav#ws-navbar .container-fluid {
  background: #fff;
}

nav#ws-navbar .navbar-logo {
  width: 160px;
}

nav#ws-navbar ul {
  display: flex;
  align-items: center;
  margin-right: 60px;
  margin-top: 10px;
}

nav#ws-navbar ul.navbar-dropdown {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
}

.navbar-profile-item .dropdown-menu {
  margin-top: -44px;
  margin-left: -15px;
}

nav#ws-navbar .navbar-dropdown .basicsearch-form { 
  display: inline-block;
}

nav#ws-navbar .navbar-mobile-menu-container{
  margin-right: auto;
}

nav#ws-navbar ul.navbar-dropdown li {
  display: block !important;
  border-right: none;
  padding: 0;
}

nav#ws-navbar ul.navbar-dropdown li > ul.navbar-dropdown-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0;
}

nav#ws-navbar ul.navbar-dropdown li > ul.navbar-dropdown-actions > li {
  height: unset !important;
  padding: 0 !important;
  text-align: center;
}

nav#ws-navbar ul > li {
  height: 35px;
  display: inline-flex;
  align-items: center;
  line-height: 19px;
  padding: 0px 10px;
}

li.nav-icon {
  width: 35px!important;
  height: 35px!important;
  display: inline-flex!important;
  align-items: center!important;
  justify-content: center!important;

}


nav#ws-navbar ul > li:last-child {
  border-right: none;
}

nav#ws-navbar ul > li > a {
  display: inline-flex;
  align-items: center;
}

nav#ws-navbar .ws {
  font-size: 19px;
  line-height: 19px;
}

nav#ws-navbar .navbar-profile-logo {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin-right: 6px;
}

nav#ws-navbar .navbar-mobile-item-only {
  display: none;
}

nav#ws-navbar ul.navbar-dropdown li > ul.leftmenu-items {
  display: none !important;
}

nav#ws-navbar .basicsearch-group.input-group {
  display: table;
  border: 1px solid rgb(204, 204, 204);
  border-radius: var(--input-radius) !important;
}

nav#ws-navbar .basicsearch-group.input-group input.form-control {
  border: none;
  box-shadow: none;
}

nav#ws-navbar .basicsearch-group.input-group .input-group-addon {
  border: none;
  background: inherit;
  padding-bottom: 0;
  height: 16px;
  cursor: pointer;
}

nav#ws-navbar .basicsearch-group.input-group .input-group-addon .ws{
  font-size: 16px;
}

.navbar-menu-items{
  margin-right: 100px!important;
}

@media (max-width: 1200px) {
  .navbar-menu-items{
    margin-right: 80px!important;
    gap: 40px!important;
  }
}

@media (max-width: 1000px) {
  .navbar-menu-items{
    margin-right: 30px!important;
    gap: 30px!important;
  }
}


@media (max-width: 420px) {
  nav#ws-navbar .navbar-logo {
    width: 120px;
  }
}

/* .language-selector-mobile {
  display: none;
} */

nav#ws-navbar .basicsearch-group input{
  width: 150px;
}

@media (max-width: 1100px) {
  nav#ws-navbar ul > li {
    padding: 0 15px;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  nav#ws-navbar .basicsearch-group input{
    width: 110px;
  }

  div.content-block-container {
    padding-left: 30px;
  }
}

@media (max-width: 992px) {
  nav#ws-navbar .navbar-d-none-mobile {
    display: none !important;
  }

  #language-selector {
    padding-left: 6px;
  }

  #language-selector .language-selector-element img {
    margin-right: 2px; 
  }

  .navbar-menu-items li {
    margin-right: 10px;
  }


  .navbar-menu-items li:last-child {
      margin-right: 0;
  }

  .ws-popper-container .dropdown-menu, .ws-popper-menu.dropdown-menu {
    margin-right: -100px;
  }
  

  /* .language-selector-desktop {
    display: none;
  }

  .language-selector-mobile {
    display: inline-flex;
  } */
  
  nav#ws-navbar ul {
    margin-right: 0px !important;
    width: 100%;
  }

  nav#ws-navbar ul > li {
    display: none !important;
    border-right: none !important;
    padding: 0 10px;
  }

  nav#ws-navbar ul li.navbar-mobile-item, nav#ws-navbar ul li.navbar-mobile-item-only {
    display: inline-flex !important;
    padding: 0;
  }

  .navbar-logo-container {
    display: none !important;
  }

  /* nav#ws-navbar #language-selector {
    display: none !important;
  } */

  ul.ws-left-menu {
    display: none;
  }

  .content-block-container {
    width: 100% !important;
  }

  nav#ws-navbar ul.navbar-dropdown li > ul.leftmenu-items, 
  nav#ws-navbar ul.navbar-dropdown li > ul.leftmenu-items > li > ul {
    display: flex !important;
    flex-direction: column;
    align-items: stretch;
  }

  nav#ws-navbar ul.navbar-dropdown li > ul.leftmenu-items li:not(.left-menu-collapse) {
    display: flex !important;
    align-items: center;
  }

  nav#ws-navbar ul.navbar-dropdown li > ul.leftmenu-items li {
    padding: 0 3px;
    border-left: 2px solid transparent;
    height: 35px;
  }

  nav#ws-navbar ul.navbar-dropdown li > ul.leftmenu-items li ul > li {
    margin-left: 20px;
  }

  nav#ws-navbar ul.navbar-dropdown li > ul.leftmenu-items li.active {
    border-left-color: var(--primary-color);
  }

  nav#ws-navbar ul.navbar-dropdown li > ul.leftmenu-items li a {
    padding: 0;
    width: 100%;
    height: 35px;
    display: inline-flex !important;
    align-items: center;
  }
  nav#ws-navbar ul.navbar-dropdown li > ul.leftmenu-items li .ws {
    margin-right: 5px;
  }
}
/* REQUIRED this rule is for overriding navbar dropdown rules */
@media (min-width: 992px) {
  nav#ws-navbar .ws-popper-container > .dropdown-menu .ws-popper-item-mobile-only {
    display: none !important;
  }
}
/*  */

/* ********************** PAGINATION ********************** */

ul.pagination, ul.pagination > li.page-item > a{
  font-family: 'Open Sans';
  font-weight: 700;
  font-size: 16px;
  color: var(--secondary-color);
  border: none;
  background: inherit;
}

ul.pagination li.page-item.active > a{
  border-bottom: 2px solid var(--primary-color);
}

ul.pagination li.page-item > a:hover {
  border-bottom: 2px solid var(--primary-color);
  background-color: inherit;
}

ul.pagination li.page-item.prev > a:hover, 
ul.pagination li.page-item.page-pre > a:hover, 
ul.pagination li.page-item.next > a:hover,
ul.pagination li.page-item.page-next > a:hover {
  border: none;
}

ul.pagination li.page-item.prev:not(.disabled) > a,
ul.pagination li.page-item.next:not(.disabled) > a,
ul.pagination li.page-item.page-pre:not(.disabled) > a,
ul.pagination li.page-item.page-next:not(.disabled) > a {
  color: var(--primary-color);
}

/* ********************** PAGINATION ********************** */

.date-label {
  font-family: 'Open Sans';
  font-weight: 700;
  font-size: 16px;
  color: var(--accent-color);
}

.toggle-group .btn {
  line-height: 1;
}

textarea#post_entry, textarea#messageInputBox {
  min-height: 80px;
}

/* ********************* Tippy Theme ********************** */
.tippy-box[data-theme~='wespline'] {
  background-color: #FFF;
  border: none;
  color: var(--accent-color);
  padding: 1px 3px;
  box-shadow: 3px 3px 15px 3px rgba(115,115,155,.2);
  font-family: 'Open Sans';
  font-weight: 600;
}

.tippy-box[data-theme~='wespline'][data-placement^='top'] > .tippy-arrow::before {
  border-top-color: #FFF;
}
.tippy-box[data-theme~='wespline'][data-placement^='bottom'] > .tippy-arrow::before {
  border-bottom-color: #FFF;
}
.tippy-box[data-theme~='wespline'][data-placement^='left'] > .tippy-arrow::before {
  border-left-color: #FFF;
}
.tippy-box[data-theme~='wespline'][data-placement^='right'] > .tippy-arrow::before {
  border-right-color: #FFF;
}
/* ******************************************************** */

/* ******************* WS-POPPER ********************** */
.ws-popper-container {
  cursor: pointer;
}

.ws-popper-right > .dropdown-menu {
  left: unset !important;
  right: 0 !important;
}
.navbar-mobile-menu-container .ws-popper-container .dropdown-menu {
  z-index: 100000;
  max-height: calc(100vh - 50px);
  overflow-y: auto;
  left: 0px;
}
.ws-popper-menu-dropdown{
  max-height: 40vh;
  overflow-y: scroll; 
  overflow-x: hidden;
}
.ws-popper-container .dropdown-menu,
.ws-popper-menu.dropdown-menu {
  font-family: 'Open Sans';
  font-weight: 700;
  font-size: 15px;
  background: #FFFFFF;
  color: #5D5D5F;
  border: none;
  box-shadow: 3px 3px 15px 3px rgba(115,115,155,.2);
  border-radius: 15px;
  padding: 10px !important;
  /* max-height: 40vh;
  overflow-y: scroll; 
  overflow-x: hidden; */
}

.ws-popper-container .dropdown-menu .ws-popper-separator,
.ws-popper-menu.dropdown-menu .ws-popper-separator {
  border-bottom: 1px solid var(--accent-color);
  height: 0 !important;
  margin: 10px 0;
}

@media (min-width: 992px) {
  .ws-popper-container .dropdown-menu .ws-popper-separator.ws-popper-separator-mobile,
  .ws-popper-menu.dropdown-menu .ws-popper-separator.ws-popper-separator-mobile {
    display: none !important;
  }
}

.ws-popper-container .dropdown-menu > *,
.ws-popper-menu.dropdown-menu > * {
  padding: 5px 0px;
}

.ws-popper-container > .drop-menu:before {
  content: unset !important;
}
.ws-popper-container > .drop-menu:after {
  content: unset !important;
}

#events-popper-container .ws-popper-container > .drop-menu:after {
  content: '' !important;
  position: absolute;
  top: 10px;
}

#challenges-popper-container .ws-popper-container > .drop-menu:after {
  content: '' !important;
  position: absolute;
  top: 10px;
}
/* ******************* WS-POPPER ********************** */

html {
  font-size: 16px;
}

.ws-label {
  padding: 5px;
  /* border: 1px var(--accent-color) solid; */
  box-shadow: 3px 3px 15px 3px rgba(115,115,155,.2);
  border-radius: var(--input-radius);
}

ul.topbar-menu .ws {
  font-size: 19px;
}

ul.topbar-menu > li:not(.d-none) {
  display: flex;
  align-items: center;
}

/* Font Size Helpers */
.fs-20 {
  font-size: 20px !important;
}

.fs-23 {
  font-size: 23px !important;
}

.container.ws-tight-container {
  padding-left: 45px;
  padding-right: 45px;
}

.conference-profile-resume {
  padding-bottom: 0px;
}



.-before-mb-4::before{
  margin-bottom: -4px;
}

input.hide-input-arrows::-webkit-outer-spin-button,
input.hide-input-arrows::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input.hide-input-arrows[type=number] {
  -moz-appearance: textfield;
}

.daterangepicker .drp-buttons .btn {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
  font-size: 14px;
}

.daterangepicker .calendar-time {
  font-weight: 600;
}

.bootstrap-dialog-header .bootstrap-dialog-title {
  font-size: 18px;
  font-weight: 600;
}

.group-join-button {
  position: absolute;
  right: 15px;
  bottom: 15px;
  padding: 5px 15px !important;
  /* border-radius: 4px !important; */
}

.group-pending-button {
  position: absolute;
  right: 15px;
  bottom: 10px;
  padding: 5px 15px !important;
  /* border-radius: 4px !important; */
}

.show-more-text {
  white-space: break-spaces;
}

.show-more-hidden {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

@media (max-width: 698px) {
  .conference-edit-background {
    display: none !important;
  }
}

.action-buttons {
  display: flex;
  gap: 4px;
  justify-content: flex-end;
}

.text-capitalize {
  text-transform: capitalize;
}

ul.styled li {
  margin-left: 20px;
  list-style-type: disc;
}

.gap-15 {
  gap: 15px;
}

.gap15 {
  gap: 15px;
}

.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}


@media screen and (max-width:992px) {
  .mt15-xs {
    margin-top: 15px !important; 
  }
}

.mt10 {
  margin-top: 10px;
}

.gap-10 {
  gap: 10px;
}


@media(max-width: 400px) {
  .navbar-menu-items{
    gap: 15px!important;
  }
}

.input-placeholder::placeholder {
  font-style: italic;
}


.montserrat-extrabold {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}

.custom-radio {
      appearance: none;
      -webkit-appearance: none;
      width: 18px;
      height: 18px;
      margin: 0;
      display: inline-block;
      vertical-align: middle;
      border-radius: 50%;
      border: 2px solid #999;
      background: #fff;
      cursor: pointer;
      position: relative;
      outline: none;
      transition: border-color 0.2s ease, background-color 0.2s ease;
    }

    .custom-radio:checked {
      border-color: #0075ff;
    }

    .custom-radio:checked::before {
      content: '';
      width: 10px;
      height: 10px;
      background-color: #0075ff;
      border-radius: 50%;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }

    .custom-radio:disabled {
      border-color: #ccc;
      background-color: #f0f0f0;
      cursor: not-allowed;
    }

    .custom-radio:disabled::before {
      background-color: #999;
    }

    .survey-option input.custom-radio {
      flex-shrink: 0;
    }