/* MOBILE HEADER - LOGO */

a.mobile-header-startlink {
    background-image: url('/cache/files/c0f241167cbe4ecd6c69198d7725f9a9d04634db.svg');
    background-position: center;
    background-size: contain;
background-repeat: no-repeat;
width: 220px;
    transform: translate(-50%, 0%);
margin-left: 0;
}

.side-nav__header {
    background-color: white;
    background-image: url('/cache/files/c0f241167cbe4ecd6c69198d7725f9a9d04634db.svg') !important;
    color: #333;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    margin-left: 8vh;
    margin-right: 8vh;
}


#mobile-header {
position: relative;
padding: 30px;
}

#mobile-header button {
    color: #29c7f8;
}

/* END MOBILE HEADER - LOGO */

/* ITEMS DESIGN */

h3 a, div.items div.list h3 a, div.items h3 a {
font-weight: 800;
color: #121326;
}

div.tabbarmenu ul li a.inactive {
    color: white;
    background-color: #29c7f8;
    font-weight: 400;
}

div.tabbarmenu ul li a.active {
    color: #29c7f8;
    border: 1px solid #121326;
    border-bottom: none;
}
div.tabbarcontent {
    padding: 20px;
    border: 1px solid #121326;
}

div.items.products div.detail div.theitems {
    padding: 15px;
}

div.items div.detail div.horizontalitems div.itemcontent a.editlink, div.horizontalitems div.itemcontent a.editlink {
    padding: 10px 13px;
    border: 1px solid #e9e9e9;
    border-radius: 50%;
    margin-bottom: 10px;
    display: inline-block;
    background-color: #f1f1f1;
    position: relative;
    z-index: 3;
}

div.items div.detail div.horizontalitems div.itemcontent div.itemedit, div.horizontalitems div.itemcontent div.itemedit {
    float: right;
}

/* END ITEMS */

/* FILTRA */

.filterboxy {
    display: flex;
    padding: 20px;
    gap: 50px;
    flex-direction: row;
    flex-wrap: wrap;
    border: 1px solid #a6a6a6;
    border-radius: 20px;
    margin: 30px auto;
    width: 100%;
    max-width: 1280px;
}

.filterboxy label {
    font-weight: 800;
    margin-right: 5px;
}

/* END FILTRA */

/* LIST */

div.items div.detail div.horizontalitems div.theitems, div.horizontalitems div.theitems {
    background-color: #f1f1f1;
    padding: 15px;
    border-radius: 20px;
    max-width: 1280px;
    margin: 0 auto;
}

#contenttop div.items div.detail div.horizontalitems div.item, #contenttop div.horizontalitems div.item {
margin-bottom: 15px;
margin-top: 15px;
}

div.items div.detail div.horizontalitems div.itemcontent, div.horizontalitems div.itemcontent {
    margin: 0px 15px;
    border: 1px solid #eee;
    padding: 20px;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 12%);
    border-radius: 20px;
}

/* END LIST */

.horizontalitems .textboxy .textbox .icon.fa-twitter {
color: #1d9cf1;
}

.horizontalitems .textboxy .icon {
color: #6156a1;
}

.horizontalitems .textboxy .icon:before {
    display: block;
    width: 17px;
    height: 17px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

/* TAGS DESIGN */

.c-tags.group_add, .c-more-tags.group_add {
padding-top: 15px;
}

.c-more-tags span.value {
color: white;
}

.c-tags span.value {
color: white;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: calc(100% - 20px);
gap: 10px 5px;
}

.c-tags.group_add > div {
    display: flex;
}

.c-tags.group_add > div .icon {
    display: block;
    width: 20px;
    margin-top: 12px;
}

.c-tags.group_add > div .label {
    margin-top: 11px;
    margin-right: 10px;
}

.group_add_text {
    background-color: #f1f1f1;
    padding: 10px;
    border-radius: 10px;
    color: #333;
    font-weight: 500;
}

/* END TAGS DESIGN */

div.textbox {
    display: flex;
    flex-direction: row;
    border-bottom: 0px solid #d1d1d1;
    margin-bottom: 10px;
}

div.items div.contentboxy div.infoline.adate {
    border-bottom: 0px solid #d1d1d1;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

div.items div.contentboxy div.infoline.c-tweetlink {
    border-top: 0px solid #d1d1d1;
    padding-top: 10px;
}

/* END ITEMS DESIGN */

/* LIST SAMPLE DESIGN */

div.horizontalitems div.actionsboxy div.order {
position: relative;
z-index: 2;
}

div.items div.list .c-samplename h3 a {
    position: absolute;
    top: 0;
    left: 0;
    width: 95%;
    height: 100%;
    display: flex;
    align-items: center;
    margin-left: 5%;
    z-index: 0;
}

div.items div.list .c-samplename h3 a:hover {
color: #29c7f8;
}

div.items div.list .c-samplename h3 a:before {
content: '\e892';
font-family: Material Symbols Outlined;
margin-right: 5px;
}


.material-symbols-outlined {
  font-variation-settings:
  'FILL' 1,
  'wght' 700,
  'GRAD' 200,
  'opsz' 48
}

/* ICONS STO DETAIL */

.c-calendar-icon, .c-comments-icon, .c-retweets-icon {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 5px;
}

.c-calendar-icon {
    font-weight: 800;
}

.c-calendar-icon .fa-calendar:before {
    content: "";
    background-image: url('/cache/files/4056a1d7e162453e343b506fb1053848628fccdd.svg');
}

.c-comments-icon .fa-reply:before {
    content: "";
    background-image: url('/cache/files/69ee2998483467cd9d5c9d4ddfc0f4b41f02c950.svg');
}

.c-retweets-icon .fa-recycle:before {
    content: "";
    background-image: url('/cache/files/42fc5333c03c7cea4be9e0b3f4f6d431c9736d57.svg');
}

.c-analysis-icon .fa-smile-o:before {
    content: "";
    background-image: url('/cache/files/c651758b870bb28ed938e3eedce7f1654ccace67.svg');
}

.c-analysis-icon .label {
margin-left: 5px;
}.c-mybigproject {
    font-size: 1em;
}
@media (max-width: 768px) {
    .c-mybigproject {
        font-size: 0.8em;
    }
}

.c-belowsitetitle{
font-size: 1.4em;
font-weight: 300;
line-height: 1em;
color: #6fb513;
text-align: center;
}
.c-belowsitetext{
font-size: 1em;
font-weight: 300;
margin-bottom: 0px;
line-height: 1em;
text-align: center;
}div.thelogin {
    margin: 0 auto;
    text-align: center;
    position: relative;
    height: calc(100vh - 150px);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

div.thelogin:before {
    content: 'analyzing emotions empowering decisions';
    position: absolute;
    display: block;
    right: 0;
    top: 0;
    height: 100%;
    width: 50%;
    z-index: 2;
    font-size: clamp(20px,4vw,90px);
    color: white;
    display: flex;
    align-items: center;
    font-weight: 800;
}

div.thelogin::after {
    content: '';
    background-color: #29c7f8;
    display: block;
    width: 50%;
    height: calc(100vh - 85px);
    right: 0;
    top: 0;
    position: absolute;
    border-bottom-left-radius: 100px;
}


#contenttop div.thelogin h1 {
    width: 50%;
    font-weight: 800;
color: #2d4156;
    border: 0px;
}

div.thelogin form {
width: 40%;
    margin-left: 5%;
}

div.thelogin p {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

div.thelogin p input {
    width: 95%;
}

.hideShowPassword-wrapper {
    width: 100%;
}

.hideShowPassword-wrapper span.hideShowPassword-toggle {
right: 5% !important;
}

div.thelogin button {
    border: 0px;
    background-color: #29c7f8;
    color: white;
    padding: 10px 20px;
    border-radius: 10px;
    font-weight: 800;
    transition: 0.3s;
}

div.thelogin button:hover {
background-color: #2d4156;
}

/* WELCOME MESSAGE DESIGN */

div#statusid, .loggedin div#statusid {
background-color: rgb(255 255 255 / 90%);
}

#statusid .statusclose {
    color: #29c7f8;
}

.statusinner {
    background-color: transparent;
    border: 0px;
    z-index: 33;
    position: relative;
    margin-top: 0;
    font-size: 40px;
    font-weight: 800;
    color: white;
    max-width: 100%;
    pointer-events: none;
    padding: 0;
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

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

.statusmsg:before {
    content: '';
    background-color: rgb(79 239 201 / 70%);
    width: 20vw;
    height: 20vw;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    filter: blur(5vw);
    border-radius: 50%;
  -webkit-animation-name: cAnimLog-before ;
  animation-name: cAnimLog-before ;
  animation-duration: 5s;
  animation-delay: 0.6s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

.statusmsg::after {
    content: '';
    background-color: rgb(21 182 252 / 70%);
    width: 20vw;
    height: 20vw;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    filter: blur(5vw);
    border-radius: 50%;
  -webkit-animation-name: cAnimLog-after;
  animation-name: cAnimLog-after;
  animation-duration: 5s;
  animation-delay: 0.6s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

@keyframes cAnimLog-before {
  0% {    top: 40%;    left: 40%  }
  25% {    top: 40%;    left: 60%  }
  50% {    top: 50%;    left: 60%  }
  75% {    top: 60%;    left: 40%  }
  100% {    top: 40%;    left: 40%  }
}

@keyframes cAnimLog-after {
  0% {    top: 60%;    left: 60%  }
  25% {    top: 60%;    left: 40%  }
  50% {    top: 40%;    left: 40%  }
  75% {    top: 40%;    left: 60%  }
  100% {    top: 60%;    left: 60%  }
}

/* END WELCOME MESSAGE DESIGN */

@media (max-width: 768px) {

div.thelogin {
    height: auto;
    padding-top: 170px;
}

div.thelogin:before {
    width: 100%;
    height: 150px;
    justify-content: center;
}

div.thelogin::after {
    height: 150px;
    width: 100%;
}
#contenttop div.thelogin h1 {
    width: 100%;
}
div.thelogin form {
    width: calc(100% - 40px);
    margin-left: 20px;
    margin-right: 20px;
}
}