.main-panel .main-content {
background: linear-gradient(
119deg
, #101113, #141517) !important;
color: #3c4858;
background-size: 500% 200% !important;
animation: gradient 2.5s ease-in-out infinite !important;
font-weight: 300;
}
/* Works on Firefox */
* {
scrollbar-width: thin;
scrollbar-color: #2562f0;
}
html {
scroll-behavior: smooth;
}
/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
width: 4px;
height: 4px;
}
*::-webkit-scrollbar-track {
background: black;
}
*::-webkit-scrollbar-thumb {
background-color: #2562f0;
border-radius: 20px;
border: 2px solid #2562f0;
height: 1px;
}
p {
-webkit-animation: fadein 0.7s ease-in-out; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 0.7s ease-in-out; /* Firefox < 16 */
-ms-animation: fadein 0.7s ease-in-out; /* Internet Explorer */
-o-animation: fadein 0.7s ease-in-out; /* Opera < 12.1 */
animation: fadein 0.7s ease-in-out;
}
.btn-suscrito .subscribed-icon {
width: 20px;
}
img {
-webkit-animation: fadein 0.7s ease-in-out; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 0.7s ease-in-out; /* Firefox < 16 */
-ms-animation: fadein 0.7s ease-in-out; /* Internet Explorer */
-o-animation: fadein 0.7s ease-in-out; /* Opera < 12.1 */
animation: fadein 0.7s ease-in-out;
}
a.material-icons.st-place-pin.subscribed.ng-star-inserted {
-webkit-animation: fadein 0.7s ease-in-out; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 0.7s ease-in-out; /* Firefox < 16 */
-ms-animation: fadein 0.7s ease-in-out; /* Internet Explorer */
-o-animation: fadein 0.7s ease-in-out; /* Opera < 12.1 */
animation: fadein 0.7s ease-in-out;
}
.st-card-place-timing {
-webkit-animation: fadein 0.7s ease-in-out; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 0.7s ease-in-out; /* Firefox < 16 */
-ms-animation: fadein 0.7s ease-in-out; /* Internet Explorer */
-o-animation: fadein 0.7s ease-in-out; /* Opera < 12.1 */
animation: fadein 0.7s ease-in-out;
}
.dl8-logo {
position: absolute !important;
top: 16px !important;
right: 29px !important;
z-index: 2 !important;
max-width: calc(100% - 160px) !important;
}
.dl8-embed-container .dl8-logo > img {
max-width: 99px !important;
max-height: 54px !important;
}
dl8-img, dl8-video {
-webkit-animation: fadein 0.7s ease-in-out; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 0.7s ease-in-out; /* Firefox < 16 */
-ms-animation: fadein 0.7s ease-in-out; /* Internet Explorer */
-o-animation: fadein 0.7s ease-in-out; /* Opera < 12.1 */
animation: fadein 0.7s ease-in-out;
}
.dl8-embed-container .dl8-title>h3 {
letter-spacing: 1.92px !important;
font-size: 17.6px !important;
line-height: 12.2px !important;
}
.dl8-embed-container .dl8-title>h3, .dl8-embed-container .dl8-title>p {
color: #fff !important;
font-family: 'Rubik', sans-serif !important;
-webkit-tap-highlight-color: rgba(255,255,255,0) !important;
-webkit-tap-highlight-color: transparent !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
overflow: hidden !important;
margin: 0 !important;
padding: 0 !important;
font-size: 13px !important;
text-transform: uppercase !important;
text-align: left !important;
letter-spacing: 0px !important;
}
#dl8-content-container h1, #dl8-content-container h2, #dl8-content-container h3, #dl8-content-container h4, #dl8-content-container h5, #dl8-content-container h6, .dl8-embed-container h1, .dl8-embed-container h2, .dl8-embed-container h3, .dl8-embed-container h4, .dl8-embed-container h5, .dl8-embed-container h6 {
font-weight: 400 !important;
}
body {
overflow-x: initial!important;
-webkit-animation: fadein 0.3s ease-in-out ; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 0.3s ease-in-out; /* Firefox < 16 */
-ms-animation: fadein 0.3s ease-in-out; /* Internet Explorer */
-o-animation: fadein 0.3s ease-in-out; /* Opera < 12.1 */
animation: fadein 0.3s ease-in-out;
}
/** DESACTIVAR MAPPLIC**/
.mapplic-container {
/*display: none !important;*/
}
/** DESACTIVAR MAPPLIC**/
@media (max-width: 991px){
/*
body, html {
overflow-x: hidden !important;
}
*/
.container, .container-md, .container-sm {
max-width: 100% !important;
}
}
@keyframes fadein {
from { opacity: 0; margin-top:6px;}
to { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
a:hover {
cursor: pointer;
color: white !important;
}
ul {
padding: 0;
}
.st-card-place.active {
animation-duration: 1.8s;
animation-fill-mode: forwards;
animation-iteration-count: infinite;
animation-name: placeHolderShimmer;
animation-timing-function: linear;
background: #f6f7f8;
background: linear-gradient(to right, #404d55 8%, #4b5b65 38%, #404d55 54%);
background-size: 1000px 640px;
padding: 10px 15px 0px 15px !important;
position: relative;
}
@keyframes placeHolderShimmer{
0%{
background-position: -468px 0
}
100%{
background-position: 468px 0
}
}
.st-card.st-place-mini-view-container .st-card-place {
margin-bottom: 0px;
border-radius: 8px 8px 0px 0px;
animation-duration: 1.8s;
animation-fill-mode: forwards;
animation-iteration-count: infinite;
animation-name: placeHolderShimmer;
animation-timing-function: linear;
padding: 10px 15px 10px 20px !important;
position: relative;
background: linear-gradient(to right, #212121 8%, #272727 38%, #212121 54%);
background-size: 1000px 640px;
}
@keyframes placeHolderShimmer{
0%{
background-position: -468px 0
}
100%{
background-position: 468px 0
}
}
.navbar .collapse .navbar-nav .nav-item .nav-link.st-nav-notifications {
border-radius: 50%;
padding: 10px;
animation-duration: 3.8s;
animation-fill-mode: forwards;
animation-iteration-count: infinite;
animation-name: placeHolderShimmer;
animation-timing-function: linear;
background: #f6f7f8;
background: linear-gradient(to right, #202629 8%, #30393e 38%, #202629 54%);
background-size: 1000px 640px;
position: relative;
}
@keyframes placeHolderShimmer{
0%{
background-position: -468px 0
}
100%{
background-position: 468px 0
}
}
.st-login-logo {
font-weight: 600;
font-family: 'Rubik', sans-serif;
color: #fff;
display: inline-block;
font-size: 40px;
height: 45px;
text-transform: lowercase !important;
letter-spacing: -1px;
padding-left: 0px;
}
img.st-logo-icon {
width: 30px;
margin: 0px 0px 7px -10px;
border-radius: 30px;
display: none;
}
.st-logo-text {
font-weight: 700;
font-family: 'Titillium Web', sans-serif;
color: #fff;
text-transform: lowercase !important;
letter-spacing: -2px;
padding-left: 0px;
display: inline-block;
font-size: 30px;
height: 39px;
text-transform: lowercase !important;
letter-spacing: 0px;
text-align: left !important;
margin-left: 30px;
}
.simple-text {
text-align: left !important;
}
span.st-logo-registered-icon {
font-weight: 200 !important;
font-size: 12px;
vertical-align: super;
margin-left: -5px;
width: 12px;
display: inline-block;
}
span.st-login-logo-registered-icon {
font-weight: 200 !important;
font-size: 10px;
vertical-align: super;
width: 12px;
display: inline-block;
}
p.st-login-text {
font-family: 'Rubik', sans-serif;
font-weight: 100;
color: #9fa6ae;
line-height: 20px;
font-size: 18px;
}
.st-login-wrong-credentials {
color: #9fa6ae !important;
}
p.st-company-name {
margin-top: -10px !important;
}
.st-nav-bar-companies-container li.nav-item.open ul.nav-bar {
max-height: 175px;
margin-top: 0px;
margin-left: 0px;
margin-bottom: 40px !important;
}
form.st-login-form.ng-star-inserted.ng-dirty.ng-touched.ng-valid {
padding-top: 10px !important;
}
span.st-story-item-name {
max-width: 50px;
overflow-x: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 10px;
color: white;
}
div#st-place-select-dropdown {
overflow-y: scroll;
max-height: 500px !important;
width: 388px !important;
margin-left: 0px;
margin-top: 0px;
margin-left: 15px !important;
z-index: 200;
}
div#st-place-select-dropdown ul li .st-card-place {
margin-left: 0!important;
}
a#st-place-select {
color: #ffffff;
font-size: 20px;
padding-right: 15px;
margin-right: -15px;
}
notifications-dropdown .st-header {
display: none !important;
}
.main-panel .main-content {
padding: 30px 15px;
}
.main-content.st-word-screen #st-world-container {
height: calc(100vh - 180px);
}
.main-content.st-dashboard-screen #st-world-container {
height: 400px;
}
.main-content.st-dashboard-screen .st-place-left-section .card-body {
padding: 0px!important;
}
.sidebar .logo.st-logo {
padding-left:0px;
/*padding-right: 15px;*/
padding-right:0;
}
.sidebar .logo.st-logo img.logo-left{
width: 44px;
border-radius: 100%
}
.sidebar .logo.st-logo img.logo-right{
width: calc(100% - 50px);
}
.navbar .collapse .navbar-nav .nav-item .nav-link.st-nav-notifications {
background-color: #23282e;
border-radius: 50%;
padding: 10px;
-webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.navbar .collapse .navbar-nav .nav-item .nav-link.st-nav-notifications:hover {
background: #3c4951 !important;
-webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.navbar .collapse .navbar-nav .nav-item .nav-link.st-nav-notifications i.material-icons,
.nav-link.st-nav-notifications.st-notifications-dropdown i.material-icons{
margin-right: 0;
color: #ed0326;
}
.navbar .collapse .navbar-nav .nav-item .nav-link.st-nav-notifications .notification,
.mobile-navbar .nav-link.st-nav-notifications .notification {
position: absolute;
border: 2px solid #17181a;
border-radius: 10px;
background: #ed0326;
font-size: 10px;
line-height: 15px;
height: 20px;
width: 20px;
min-width: 14px;
padding: 0;
top: 0px;
right: -5px;
font-weight: 600;
letter-spacing: 0px;
}
.mobile-navbar .nav-link.st-nav-notifications .notification {
border-color: black;
text-align: center;
color: white;
top: 9px;
right: 8px;
}
.main-panel .navbar .navbar-collapse .navbar-nav .nav-item .nav-link p.st-nav-user {
display: inline-block;
margin: 0;
font-family: 'Rubik', sans-serif;
font-size: 15px;
padding-right: 10px;
-webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
p.st-nav-user span{
display: block;
}
p.st-nav-user span.st-nav-user-name{
text-transform: none;
}
p.st-nav-user span.st-nav-user-role{
font-size: 10px;
}
.navbar-nav.st-navbar-nav .dropdown-toggle::after,
.st-navbar-nav .dropdown-toggle::after {
border: solid white;
border-width: 0 2px 2px 0;
display: inline-block;
padding: 3px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
border-radius: 1px;
vertical-align: 1em;
}
.navbar-nav.st-navbar-nav .show .dropdown-toggle:after,
.st-navbar-nav .show .dropdown-toggle:after{
transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
}
.st-nav-bar-companies-container li.nav-item ul.nav-bar{
transition: all .15s linear;
-webkit-transition: all .15s linear;
max-height: 0;
overflow: hidden;
}
.st-nav-bar-companies-container li.nav-item.open ul.nav-bar{
max-height: 175px;
}
.st-company-nav-item {
display: flex;
align-items: center;
/*padding: 0px 25px 0px 45px;*/
padding: 0px 25px 0px 38px;
}
.st-company-nav-item::after {
content: " ";
width: 10px;
height: 10px;
position: absolute;
right: 25px;
border: solid white;
border-width: 0 3px 3px 0;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
will-change: transform;
transition: transform .15s linear;
margin-bottom: 17px;
}
li.nav-item.open .st-company-nav-item::after {
transform: rotate(225deg);
-webkit-transform: rotate(225deg);
}
.st-icon {
width: 50px;
height: 50px;
border-radius: 22.5%;
border-color: rgb(29, 29, 31);
-webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
opacity:1;
margin-bottom: 10px;
}
.st-icon:hover {
border-radius: 22.5%;
border-color: rgb(29, 29, 31);
-webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
opacity: 1;
margin-bottom: 10px;
}
.sidebar .st-company-name {
max-width: 100px;
white-space: break-spaces!important;
text-transform: uppercase;
font-size: 17px !important;
line-height: 17px !important;
color: #b4b8bf;
font-family: 'Rubik', sans-serif;
font-weight: 500;
margin-left: 10px !important;
-webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
p.st-company-name {
max-width: 80px;
white-space: pre-wrap;
text-transform: uppercase;
font-size: 17px !important;
line-height: 10px !important;
color: #fff;
font-family: 'Rubik', sans-serif;
font-weight: 500;
margin-left: 10px !important;
-webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
p.st-company-name:hover {
color: white;
-webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.st-card, .st-card-place, .st-card-place.card {
display: flex;
align-items: center;
background: #17181a;
border: 1px solid #191919;
border-radius: 7px;
color: #9fa6ae;
font-weight: 400;
}
.st-card .st-icon {
width: 50px;
height: 50px;
margin-right: 10px;
background: black;
margin-top: 8px;
}
.st-card .st-card-info{
width: calc(100% - 60px);
font-size: 12px;
line-height: 13px;
margin: 0;
color: #63666b;
}
.st-card .st-card-info span{
display: block;
margin: 0 0 5px 0;
font-size: 18px;
line-height: 18px;
font-weight: 600;
}
.col-md-4.pr-0 > .st-card {
padding-left: 7px !important;
}
.sidebar .nav-link.st-nav-link {
padding-top: 3px;
padding-bottom: 3px;
}
.sidebar .nav-link.st-nav-link p{
padding-left: 45px;
}
/*.sidebar .nav {
margin-top: 10px;
display: block;
font-size: .83em!important;
font-family: Montserrat,sans-serif;
}*/
.sidebar .nav {
margin-top: 12px !important;
display: block;
font-size: .83em!important;
font-family: Montserrat,sans-serif;
}
.st-nav-bar-companies-container.ng-star-inserted {
padding-top: 2px !important;
}
.st-hello {
font-weight: 600;
color: #9fa6ae;
font-size: 16px;
padding: 10px 0px;
}
.st-hello span{
}
.st-hello-building {
color: #2e60f5;
}
.st-hello-shots {
color: #45fe98;
}
.st-place-container {
margin-top: 15px;
}
.st-place-left-section {
float: left;
width: 390px;
max-width: 100%;
margin-right: 15px;
}
.st-place-right-section {
float: left;
width: calc(100% - 425px);
}
.st-place-container-full-view .st-place-left-section {
max-width: calc(66% - 15px);
width: inherit;
}
.st-place-container-full-view .st-place-right-section {
max-width: 33%;
width: inherit;
}
.st-place-full-view-button {
float: right;
font-size: 20px;
}
.st-place-container ul, ul.st-stories-container {
list-style-type: none;
margin: 0;
padding: 5px 0px;
-webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
}
.st-place-container ul, ul.st-stories-container:hover {
padding: 10px 0px;
-webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.st-place-container ul li .st-card-place {
border-radius: 0;
border: 0;
padding: 20px 20px 10px 20px;
-webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
border-bottom: 1px solid #404d55;
border-radius: 0px;
animation-duration: 1.8s;
animation-fill-mode: forwards;
animation-iteration-count: infinite;
animation-name: placeHolderShimmer;
animation-timing-function: linear;
background: #f6f7f8;
background: linear-gradient(to right, #17181a 8%, #1a1b1d 38%, #17181a 54%);
background-size: 1000px 640px;
width: 389px;
position: relative;
margin-left: -20px;
}
.st-place-container ul li.st-in-view-container {
height: 101px;
}
@keyframes placeHolderShimmer{
0%{
background-position: -468px 0
}
100%{
background-position: 468px 0
}
}
.st-place-container ul li .st-card-place:hover {
background: #404d55 !important;
border-radius: 3px !important;
-webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.st-place-left-section > div{
margin-bottom: 15px;
}
.st-card-place .st-icon{
width: 60px;
height: 60px;
margin-right: 10px;
}
.st-card-place-info {
margin: 0;
width: calc(100% - 170px);
}
.st-card-place-info span{
display: block;
}
.st-card-place-name {
font-size: 13px;
line-height: 13px;
font-weight: 500;
text-transform: uppercase;
font-family: 'Rubik', sans-serif;
color: #fff;
}
.st-card-place-meta {
font-size: 13px;
line-height: 15px;
}
.st-card-place-timing {
width: 110px;
text-align: right;
}
.st-card-place-timing.finished .st-place-timing-loading.loaded
{
background: #2644d3;
}
.st-card-place-timing.finished .st-place-timing-loading {
border: 1px solid #2644d3;
}
.st-card-place.card.main {
align-items: start;
margin: 0;
}
.st-card-place.card.main .card-body{
display: block;
width: 100%;
}
.card-body #levels {
border: 0;
border-radius: 3px;
color: #ffffff;
background: #414d55;
padding: 5.3px 15px !important;
font-family: 'Rubik', sans-serif !important;
font-weight: 500;
margin-top: 10px;
width: 100%;
background: #414d55 url("https://www.static.streamlapsepro.com/img/assets/select_arrow_stream.png") calc(100% - 22px) 15px no-repeat !important;
}
.st-card-place.st-place-map.card.main.ng-star-inserted:hover {
width: 800px;
z-index: 13;
-webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.st-card-place.st-place-map.card.main.ng-star-inserted {
width: 390px;
z-index: 13;
-webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.st-card-place-timing .st-place-timing-loading {
display: inline-block;
width: 15px;
height: 5px;
margin: 0 auto;
border: 1px solid #8baeca2e;
border-radius: 2px;
margin-left: 2px;
}
/*.st-card-place-timing .st-place-timing-loading.loaded {
background-color: #5fc814;
border-color: #5fc814;
}*/
.st-card-place-timing .st-place-timing-loading.loaded {
background: linear-gradient(
-45deg
, #7ed321, #7ed32185);
background-size: 200% 200%;
animation: gradient 1.5s ease-in-out infinite;
}
@keyframes gradient {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
.st-card-place-timing .st-place-timing-counter{
font-size: 12px;
font-weight: 500;
font-family: 'Rubik', sans-serif;
letter-spacing: -0.8px;
color:#99f336;
}
.st-card-place-timing.finished .st-place-timing-counter {
color: #2462ef;
}
.st-card-place-timing.cooming-soon .st-place-timing-counter {
color: #a8a8a8;
}
.st-card-place.st-notification-place .st-notification-icon {
width: 50px;
height: 50px;
}
.st-card-place.st-notification-place .st-card-place-intermediate-container {
width: calc(100% - 50px);
}
.st-card-place.st-notification-place .st-card-place-info {
width: 100%;
font-size: 13px;
line-height: 20px;
display: inline-grid;
}
.st-card-place.st-notification-place .st-card-place-info span.st-card-place-name {
display: initial;
font-weight: bold;
font-size: 13px;
}
.st-card-place.st-notification-place .st-card-place-timing {
width: fit-content;
display: flex;
align-items: center;
width: 160px;
}
.st-card-place.st-notification-place .st-card-place-timing .st-place-timing-loading {
width: 10px;
height: 5px;
margin: 0 0 0 2px;
}
.st-card-place.st-notification-place .st-card-place-timing .st-place-timing-counter {
margin-left: 5px;
font-size: 11px;
line-height: 16px;
color: #99f336;
}
.scrolling-wrapper {
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
padding-bottom: 10px;
}
.st-place-point-selector.place-mini .scrolling-wrapper {
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
padding-bottom: 15px !important;
}
.scrolling-wrapper&::-webkit-scrollbar {
display: none;
}
.scrolling-wrapper .scroll-item {
flex: 0 0 auto;
text-align: center;
padding: 5px 5px;
-webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
cursor: pointer;
}
.scrolling-wrapper .scroll-item:hover {
flex: 0 0 auto;
text-align: center;
/*padding: 0px 5px !important;*/
-webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.scrolling-wrapper.st-stories-container .scroll-item:hover {
flex: 0 0 auto;
text-align: center;
padding: 0px 5px !important;
-webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.scroll-item.st-place-point-item.active.ng-star-inserted {
background: #2462e7;
border-radius: 10px;
padding: 8px 15px;
margin-right: 1px;
/* margin-top: 20px;*/
margin-top:0px !important;
color: #fff;
}
.scroll-item.st-place-point-item.ng-star-inserted a{
font-family: 'Rubik', sans-serif;
}
.scroll-item.st-place-point-item.active.ng-star-inserted a {
font-size: 12px;
font-weight: 700;
font-family: 'Rubik', sans-serif;
}
.scroll-item.st-place-point-item:hover {
/*padding: 0px 10px !important;*/
color: white;
-webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.scrolling-wrapper .scroll-item span {
display: block;
}
.scroll-item .st-place-day {
color: #90a2ae;
font-weight: 500;
-webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
font-size: 18px;
}
.scroll-item .st-place-day:hover {
/*color: #2562f0;*/
color: #fff;
font-weight: 500;
-webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.scroll-item .st-place-month {
color: #667175;
text-transform: uppercase;
font-size: 10px;
}
.scroll-item .st-place-day-pending {
width: 10px;
height: 10px;
background: #7ed320;
margin: 0 auto;
border: 2px solid #0b0b0b;
border-radius: 50%;
bottom: 53px;
left: 11px;
position: relative;
}
.scrolling-wrapper.st-place-day-selector {
background: #141414;
border-radius: 10px;
padding: 15px 0;
}
.st-place-img {
width: 100%;
}
.st-place-map .card-header {
width: 100%;
padding: 0;
}
.st-place-point-selector {
background: #0a0a0a;
border-radius: 10px;
padding: 15px;
width: 100%;
margin-bottom: 5px;
/*height: 60px;
padding-top: 5px;
min-height: 76px;*/
}
.st-place-point-selector.place-mini {
background: #0a0a0a;
border-radius: 10px;
padding: 15px;
width: 100%;
margin-bottom: 5px;
height: 60px;
padding-top: 5px;
min-height: 76px;
}
.scroll-item.st-place-point-item {
background: #17181a;
border-radius: 10px;
padding: 8px 15px;
margin-right: 1px;
color: #2462e7;
}
.st-card-place .nav-tabs .nav-item .nav-link {
background: #141414;
color: #8d9fab!important;
text-transform: capitalize!important;
padding: 5px 15px;
margin-right: 1px;
border-radius: 0;
padding: 5px 27px;
background: #1f2529;
color: white!important;
font-weight: 600;
font-family: 'Rubik';
}
.card-header > div:nth-child(2) > div:nth-child(1) > ul:nth-child(1) > li:nth-child(1) > a:nth-child(1),.card-header > div:nth-child(2) > div:nth-child(1) > ul:nth-child(1) > li:nth-child(2) > a:nth-child(1),.card-header > div:nth-child(2) > div:nth-child(1) > ul:nth-child(1) > li:nth-child(3) > a:nth-child(1) {
padding: 5px 26px;
}
.st-place-mini-view-container {
margin-top: 15px;
background: #141414;
padding-top: 10px;
}
app-dashboard-view .st-place-mini-view-container {
padding-top: 0px;
}
.st-place-mini-view-container .container-fluid {
padding: 0 !important;
}
app-ongoing-place-view .st-place-mini-view-container{
padding-top: 0px !important;
margin: 10px;
}
.st-place-mini-view-container .st-card-place {
background: none;
border: none;
}
.st-place-mini-view-container .st-place-point-selector {
background: none;
padding-left: 0;
padding-right: 0;
}
.st-place-mini-view-container .st-place-point-selector {
padding-left: 20px;
}
.st-place-mini-view-container .scrolling-wrapper.st-place-day-selector {
padding-right: 0;
margin-left: 0;
padding-top: 3px;
/*padding-bottom: 5px;*/
padding-bottom: 0px;
min-height: 65px;
}
.scrolling-wrapper.st-place-day-selector.place-mini.ng-star-inserted .scroll-item.active.ng-star-inserted {
background: #17181a;
/*border-radius: 10px;*/
}
.scrolling-wrapper.st-place-day-selector .scroll-item {
padding: 6px 10px 0px;
}
.scrolling-wrapper.st-place-day-selector.place-mini.ng-star-inserted .scroll-item.active.ng-star-inserted .st-place-day,.scrolling-wrapper.st-place-day-selector.place-mini.ng-star-inserted .scroll-item.active.ng-star-inserted .st-place-month {
color: #2462e7;
}
.scrolling-wrapper.st-place-day-selector .scroll-item.active.ng-star-inserted .st-place-day,.scrolling-wrapper.st-place-day-selector .scroll-item.active.ng-star-inserted .st-place-month {
color: #2462e7;
}
.tab-content {
padding: 10px 20px;
}
.st-place-right-section .st-card-place .card-header {
width: 100%;
}
.st-place-nav-tabs {
float: left;
}
.st-card-place .nav-tabs .nav-item:first-child .nav-link {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.st-card-place .nav-tabs .nav-item:last-child .nav-link {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.st-card-place .nav-tabs .nav-item .nav-link.active {
background: #404d55;
color: white!important;
font-weight: 600;
font-family: 'Rubik';
}
.st-subscribe-button {
background: #111214;
color: #d2d2d2;
border-radius: 10px;
padding: 9px 50px;
float: right;
background: #2644d3;
}
.st-dashboard-header-container {
display: flex;
align-items: center;
height: 70px;
margin-left: 0px!important;
margin-bottom: 15px;
}
.st-dashboard-header-container h1 {
/*display: inline-block;*/
display:none;
font-family: 'Roboto';
font-size: 28px;
font-weight: 600;
color: #9ea7ac;
margin: 0 15px 0 0;
}
.st-stories-container {
}
.st-company-nav-item:hover, .st-story-item img:hover, .st-place-full-view-button:hover{
cursor: pointer;
}
.st-orange{
color: #ff715b
}
.st-blue{
color: #0496fd
}
.st-green{
color: #34d1be
}
.stat-title{
display: block;
margin: 14px 0 5px 0;
font-size: 20px;
font-weight: 100;
line-height: 18px;
}
.st-stat-info{
display: grid;
padding: 5px 0px;
font-size: 15px;
line-height: 12px;
color: #63666b;
}
.st-stat{
padding: 0px 0;
}
.file-container .title {
color: #F42F63 !important;
margin-bottom: 15px !important;
display: none !important;
font-size: 1.125em !important;
font-weight: 400 !important;
font-family: 'Rubik', sans-serif !important;
line-height: 1.5 !important;
letter-spacing: .04em !important;
/*margin: 0 0 20px !important;*/
}
.st-sticky-container .st-sticky-item {
position: -webkit-sticky;
position: -moz-sticky;
position: -ms-sticky;
position: -o-sticky;
position: sticky;
top: 0px;
z-index: 10;
}
.st-place-img-scrollable{
max-height: 800px;
overflow-y: scroll;
}
.st-place-dl8-container{
margin-bottom: 20px;
height: 300px;
background: rgb(126, 123, 123);
}
dl8-img,
dl8-video {
min-height: 300px !important;
max-height: 300px !important;
height: 300px !important;
}
#dl8-content-container .App_root_1N-,
#dl8-content-container,
.dl8-embed-container,
#dl8-content-container .PlayerView_root_3mD>canvas {
max-height: 4096px !important;
max-width: 4096px !important;
}
.mat-datepicker-toggle {
position: absolute;
right: 10px;
bottom: 10px;
}
.st-navbar-search .autocomplete-container {
border-radius: 10px;
}
.st-navbar-search .autocomplete-container .input-container input{
background: #17181a;
border-radius: 10px;
color: #9da8ac;
padding-left: 50px;
font-family: 'Rubik', sans-serif;
}
.st-navbar-search .autocomplete-container .input-container::after {
content: "search";
font-family: 'Material Icons';
width: 20px;
height: 20px;
display: block;
position: absolute;
top: 8px;
left: 15px;
font-size: 20px;
color: #3c4144;
}
.st-navbar-search .autocomplete-container .input-container input::placeholder {
color: #9da8ac;
}
.st-item-suggestion {
overflow: hidden;
}
.st-item-suggestion img {
margin: 12px;
float: left;
}
.st-item-suggestion a {
width: calc(100% - 50px);
}
.autocomplete-container .suggestions-container {
position: absolute;
width: 100%;
background: #23282e !important;
height: auto;
box-shadow: 0 20px 50px rgb(0 0 0 / 35%) !important;
box-sizing: border-box;
}
.mapplic-pin.pin-circular.pin-md.pin-label {
transform: scale(4) !important;
background-size: cover !important;
background: linear-gradient(
-45deg
, #0400ff, #709bff);
background-size: 200% 200% !important;
animation: gradient 1.5s ease-in-out infinite;
}
.mapplic-pin.pin-circular.pin-md.pin-label:active {
transform: scale(3,3) !important;
-webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.mapplic-map-image {
border-radius: 10px !important;
}
a.mapplic-pin.pin-circular.pin-md.pin-label:hover {
transform: scale(5) !important;
background: #00206b;
-webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.st-notification-icon{
width: 40px;
height: 40px;
margin-right: 10px;
border-radius: 22.5%;
border-color: rgb(29, 29, 31);
}
.dropdown-menu.st-notifications-dropdown{
width: 370px;
background-color: rgb(35, 40, 44);
}
.dropdown-menu.st-notifications-dropdown .st-header {
color: white;
font-weight: bold;
padding: 0px !important;
margin: 0;
display: none;
}
.dropdown-menu.st-notifications-dropdown li {
margin: 0 0px;
/*width: 380px;*/
width: 100%;
}
.dropdown-menu.st-notifications-dropdown li:last-child {
border-bottom: 0;
}
.st-card-place.st-notification-place {
border: none;
background-color: rgb(35, 40, 44);
padding: 15px 15px;
border-bottom: 1px solid #404d55;
width: 370px;
}
.st-card-place.st-notification-place:hover {
background: #404d55 !important;
border-radius: 10px !important;
-webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.st-notification-type-new_streamlapse {
color: #e91e63;
}
.st-notification-type-new_place {
color: #99f336;
}
.st-mobile-notifications-screen-container .st-card-place.st-notification-place {
background-color: transparent;
}
.dropdown-menu.st-user-dropdown {
background: #23282e;
}
.dropdown-menu.st-user-dropdown p{
margin: 0;
}
a.st-user-dropdown-item.dropdown-item {
margin: 0;
padding-left: 15px;
padding-right: 15px;
}
.dropdown-menu hr {
border-color: #515256;
margin: 5px 11px;
}
.st-user-dropdown .st-user-dropdown-item i {
background-color: #2c3339;
border-radius: 10px;
border-radius: 7px;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
margin-right: 10px;
}
.st-user-dropdown .st-user-dropdown-item span {
display: block;
color: #9da6ab;
width: 220px;
white-space: pre-wrap;
}
.st-user-dropdown .st-user-dropdown-item span.primary {
font-weight: bold;
}
.st-user-dropdown .st-user-dropdown-item.user-info span.primary {
color: white;
}
a.material-icons.st-place-pin.subscribed.ng-star-inserted {
opacity: 1;
-webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
color: #2744d3;
font-size: 19px;
position: absolute;
top: 8px;
left: 360px;
/*z-index: 10;*/
z-index: 4;
}
pin.subscribed.ng-star-inserted {
opacity: 1;
-webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
color: #2744d3;
font-size: 19px;
position: absolute;
top: 8px;
left: 360px;
/*z-index: 10;*/
z-index: 4;
}
a.material-icons.st-place-pin.ng-star-inserted {
opacity: 0.1;
-webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
top: 8px;
left: 360px;
/*z-index: 10;*/
z-index: 4;
font-size: 19px;
position: absolute;
}
a.material-icons.st-place-pin.ng-star-inserted:hover {
opacity: 1 !important;
-webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
top: 8px;
left: 360px;
/*z-index: 10;*/
z-index: 4;
font-size: 19px;
position: absolute;
}
/*Color del pin cuando hacemos hover en la tarjeta de la tienda en la home*/
.st-place-container ul li .st-card-place:hover .material-icons.st-place-pin.ng-star-inserted {
opacity: 0.5;
}
@media (min-width: 404px) and (max-width: 599px){
.st-place-nav-tabs.nav-tabs-navigation{
width: 100%;
}
.card-header {
width: 100%;
}
.st-place-nav-tabs.nav-tabs-navigation .nav.nav-tabs li{
width: calc(33.333333% - 0px);
text-align: center;
min-height: 39px;
}
}
@media (max-width: 600px) {
.st-navbar-search {
display: none!important;
}
.st-dashboard-header-container h1{
display: none;
}
.st-stats-cards-container {
display: none;
}
.st-place-left-section {
width: 100%;
margin-right: 0;
}
.st-place-right-section {
width: 100%;
}
.st-place-right-section .st-card-place .card-body {
padding: 0;
}
.st-place-full-view-button {
display: none;
}
.main-content.st-login {
align-items: flex-end!important;
}
.st-login-container{
margin-bottom: 40px!important;
}
.st-place-img-scrollable{
max-height: inherit;
overflow-y: auto;
}
.main-panel .main-content {
padding-left: 0;
padding-right: 0;
}
.mobile-bar{
position: fixed;
bottom: 0;
left: 0;
right: 0;
height: 60px;
background-color:rgb(6 8 12 / 98%);
box-shadow: rgb(16 17 20) 0px 10px 20px 15px !important;
z-index: 5;
}
app-mobile-bar .mobile-bar.container-fluid.ng-star-inserted div {
padding-bottom: 10px !important;
}
.st-place-screen .st-welcome-container {
display: none;
}
.st-mobile-company-menu-container li.hide {
display: none;
}
.logo.st-logo {
width: calc(100% - 100px);
padding-left: 10px;
}
.logo.st-logo img.logo-left{
width: 35px;
border-radius: 100%
}
.logo.st-logo img.logo-right{
max-width: calc(100% - 35px);
max-height: 34px;
}
.st-notifications-dropdown {
background: none;
}
.st-navbar-nav {
margin: 0;
height: 50px;
padding: 0;
}
.st-navbar-nav .nav-link {
padding-top: 0;
padding-bottom: 0;
margin: 0;
height: 50px;
width: 50px;
line-height: 50px;
float: right;
}
.navbar-nav.st-navbar-nav .dropdown-toggle::after, .st-navbar-nav .dropdown-toggle::after {
padding: 5px;
}
.dl8-logo {
right: 24px !important;
}
.card-header > .st-hello {
display: none;
}
.card-header{
margin-bottom: 5px !important;
}
.row.my-2 > .st-hello {
display: none;
}
/*.st-place-nav-tabs.nav-tabs-navigation{
width: 100%;
}
.card-header {
width: 100%;
}
.st-place-nav-tabs.nav-tabs-navigation .nav.nav-tabs li{
width: calc(33.333333% - 10px);
text-align: center;
min-height: 39px;
}*/
}
#mapplic .mapplic-tooltip {
max-width: 340px;
}
#mapplic .mapplic-tooltip .mapplic-tooltip-wrap {
border-radius: 10px;
}
#mapplic .mapplic-tooltip .mapplic-tooltip-wrap .mapplic-icon.mapplic-icon-cross {
background: transparent;
margin-top: 3px;
}
#mapplic .mapplic-tooltip .mapplic-tooltip-wrap .mapplic-tooltip-body {
border-radius: 10px;
padding: 20px 0px 0 0px;
background: #23282e;
}
#mapplic .mapplic-tooltip .mapplic-tooltip-wrap .mapplic-tooltip-body .mapplic-tooltip-title {
position: absolute;
left: 0;
right: 0;
padding: 5px 10px;
background: #404d55;
color: #e20c92;
top: 0;
margin: 0!important;
border-radius: 10px 10px 0 0;
}
#mapplic .mapplic-tooltip .mapplic-tooltip-wrap .mapplic-tooltip-body .st-card-place {
background: #23282e;
padding: 5px 10px;
color: #a9b2b7;
border: 0;
border-bottom: 1px solid #404d55;
border-radius: 0px;
-webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#mapplic .mapplic-tooltip .mapplic-tooltip-wrap .mapplic-tooltip-body .st-card-place:hover {
background: #404d55;
-webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#mapplic .mapplic-tooltip .mapplic-tooltip-wrap .mapplic-tooltip-body .st-card-place .st-card-place-name {
}
#mapplic .mapplic-tooltip .mapplic-tooltip-wrap .mapplic-tooltip-body .st-card-place-info {
width: calc(100% - 110px);
}
.mapplic-tooltip:after {
border-color: #23282e transparent transparent transparent !important;
}
.mapplic-tooltip-content {
margin-top: 15px;
margin-bottom: 5px;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
div#mapplic-description {
width: 260px;
min-height: 50px;
}
/* TRANSITIONS */
.fade-in {
opacity: 1;
animation-name: fadeInOpacity;
animation-iteration-count: 1;
animation-timing-function: ease-in;
animation-duration: 0.2s;
}
@keyframes fadeInOpacity {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
/* LOGIN */
.main-content.st-login {
height: 100%;
padding: 0;
margin: 0;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
justify-content: center;
}
.st-login-container{
width: 400px;
height: 340px;
max-width: 100%;
padding: 0 15px;
margin: 0;
z-index: 3;
}
.video-background {
object-fit: cover;
width: 100vw;
height: 100vh;
position: fixed;
top: 0;
left: 0;
}
.mat-form-field {
display: block;
}
.st-login-img{
width: 80%;
-webkit-user-select: none;
height: auto;
float: left;
margin-bottom: 10px;
}
.st-login-title-h2{
float: left;
color: white;
font-size: 1.2em;
}
.st-login-title-h1{
float: left;
color: white;
font-size: 1.6em;
}
.st-login-input {
background: #3535353b !important;
border-radius: 0.5em;
border: none;
padding: 8px 15px 6px 20px;
margin-bottom: 15px;
color: #9fa6ae !important;
}
.mat-fab.mat-primary, .mat-flat-button.mat-primary, .mat-mini-fab.mat-primary, .mat-raised-button.mat-primary {
background: linear-gradient(
-45deg
, #5bbad0, #022eff);
background-size: 200% 200%;
animation: gradient 2.5s ease-in-out infinite;
}
.mat-form-field-label {
color: white ;
}
.full-width-input{
width: 100%;
}
input {
font-size: 14px;
font-weight: 100 !important;
font-family: 'Rubik', sans-serif;
}
.st-login-passrecovery{
margin-top: 15px;
color: #2644d3;
font-family: 'Rubik', sans-serif;
font-weight: 500;
font-size: 12px;
}
.st-login-passrecoverylink{
color: white;
margin-left: 5px;
}
.st-story-item a {
position: relative;
display: block;
}
.st-card-place-img-container {
position: relative;
}
.st-story-item span.notification, .st-card-place span.notification {
position: absolute;
top: -5px;
z-index: 2;
font-size: 11px;
line-height: 16px;
background: #ed0326;
border-radius: 20px;
width: 20px;
height: 20px;
text-align: center;
color: white;
padding: 0;
border: 2px solid #101113;
font-weight: 600;
}
.st-story-item span.notification {
right: -5px;
}
.st-card-place span.notification {
right: 5px;
line-height: 16px;
}
.card .card-body {
padding: .9375rem 15px !important;
position: relative;
}
.footer .copyright {
padding: 15px 0;
font-size: 11px;
font-family: 'Rubik', sans-serif;
text-align: left;
color: #5a5a5a;
}
.copyright a {
color: #b3b3b3;
}
.item.ng-star-inserted {
background: #23282e;
border-bottom: 1px solid #404d55;
-webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.item.ng-star-inserted:hover {
background: #404d55;
border-bottom: 1px solid #404d55;
-webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.item.ng-star-inserted a {
color: #b5b5b5 !important;
font-family: 'Rubik', sans-serif;
font-weight: 500;
}
.item.ng-star-inserted a:hover {
color: #fff !important;
font-family: 'Rubik', sans-serif;
font-weight: 500;
}
/* BOTONES*/
.btn-blue[_ngcontent-ovl-c81]:hover {
background: #0496fd !important;
}
.btn-blue[_ngcontent-ovl-c81] {
border-radius: .4rem;
background-color: #2562f0;
font-family: 'Rubik', sans-serif;
}
/* MOVIL VERSIÓN TUNEADA*/
app-company-menu a {
margin-left: -5px !important;
margin-bottom: 10px !important;
}
app-company-menu img {
margin-left: 5px !important;
width: 60px !important;
height: 60px !important;
}
.mobile-bar.container-fluid.ng-star-inserted {
z-index: 999 !important;
}
@media (max-width: 991px) {
.st-login-container {
width: 335px;
height: 350px;
max-width: 100%;
padding: 0 0px;
margin: auto;
z-index: 3;
}
.st-login-logo {
font-weight: 700;
font-family: 'Rubik', sans-serif;
color:#fff;
font-size: 40px;
height: 55px;
text-transform: lowercase !important;
letter-spacing: -2px;
}
.st-icon {
width: 70px;
height: 70px;
border-radius: 22.5%;
border-color: rgb(29, 29, 31);
-webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
opacity: 1;
margin-bottom: 10px;
}
.card-header {
padding: 0px !important;
}
.st-card-place .nav-tabs .nav-item .nav-link {
background: #141414;
color: #8d9fab!important;
text-transform: capitalize!important;
margin-right: 1px;
border-radius: 0;
padding: 8px 23px;
}
.nav-tabs .nav-item .nav-link, .nav-tabs .nav-item .nav-link:focus, .nav-tabs .nav-item .nav-link:hover {
border: 0!important;
font-weight: 600 !important;
color: #fff !important;
}
.nav-tabs .nav-item .nav-link, .nav-tabs .nav-item .nav-link:focus, .nav-tabs .nav-item .nav-link:hover {
border: 0!important;
font-weight: 600 !important;
color: #2744d3!important;
}
.st-hello {
font-weight: 600;
color: #9fa6ae;
font-size: 16px;
padding: 0px 0px;
}
.st-stories-container {
margin-bottom: 40px !important;
}
.main-content.st-word-screen {
padding: 0px 5px 15px 5px;
margin-top: 40px!important;
}
.main-content.st-word-screen .st-place-container {
margin-top: 0px;
}
.main-content.st-word-screen .card-body {
padding: 0!important;
}
.main-content.st-word-screen #st-world-container {
height: calc(100vh - 150px);
}
.main-content.st-dashboard-screen .st-place-left-section .card-body, .main-content.st-dashboard-screen .st-place-left-section .card-body .tab-content {
padding: 0px!important;
}
.main-content.st-dashboard-screen .st-place-container ul li .st-card-place {
margin-left: 0!important;
}
.st-place-mini-view-container {
margin-left: 10px;
margin-right: 10px;
}
.st-dashboard-screen .st-place-mini-view-container {
margin-left: 0;
margin-right: 0;
}
.st-dashboard-screen .st-place-right-section .st-card-place .card-body {
padding: 0!important;
}
.st-place-mini-view-container .container-fluid{
padding: 0!important;
}
.st-place-mini-view-container .st-card-place {
padding-left: 0;
padding-top: 0;
}
.st-place-mini-view-container .st-place-point-selector {
width: 100%!important;
}
.st-place-mini-view-container .scrolling-wrapper.st-place-day-selector {
width: 100%!important;
}
.st-place-mini-view-container .st-place-dl8-container {
margin-bottom: 10px;
}
app-content app-place-view .st-card-place.selector.card.main.ng-star-inserted .st-place-day-selector {
padding-bottom: 12px !important;
}
/* MODAL DE BUSQUEDA PARA MOVIL DEL AUTOCOMPLETE - LUPA */
.st-modal-search-autocomplete .ng-autocomplete {
width: 100%;
}
.st-modal-search-autocomplete .ng-autocomplete-cancel {
position: absolute;
top: 0px;
right: 3px;
}
.st-modal-search-autocomplete .ng-autocomplete-cancel i{
font-size: 26px;
line-height: 40px;
}
/*Padding tienda individual movil*/
.st-card-place.card.main.ng-star-inserted .tab-content {
padding: 0px;
margin-bottom: 25px !important;
}
app-place-view > div.st-sticky-container.ng-star-inserted .st-card-place:nth-child(3),app-place-view > div.st-sticky-container.ng-star-inserted .st-card-place:nth-child(5){
padding-right: 2px;
padding-left: 2px;
}
.st-card-place.card.main.ng-star-inserted .card-body {
padding: 0px;
}
/*Gif central del menu de movil*/
div.st-mobile-bar-icon:nth-child(3) > a:nth-child(1) > img:nth-child(1) {
max-width: 75px !important;
}
.st-notifications-screen{
margin-top: 10px !important;
}
/* COLORES DE FUENTE PARA LOS DISTINTOS TIPOS DE NOTIFICACION */
.st-card-place-info.st-notification-type-new_place {
color: #99f336;
}
.st-card-place-info.st-notification-type-new_streamlapse {
color: #e91e63;
}
/* CAMPANA DE NOTIFICACIONES BARRA INFERIOR MOVIL */
.mobile-bar .st-mobile-bar-icon.st-mobile-notification a{
position: relative;
}
.mobile-bar .st-mobile-bar-icon.st-mobile-notification a i.active{
color: #ed0326;
}
.mobile-bar .st-mobile-bar-icon.st-mobile-notification span.notification {
position: absolute;
border: 2px solid #17181a;
border-radius: 10px;
background: #ed0326;
font-size: 10px;
line-height: 15px;
height: 20px;
width: 20px;
min-width: 14px;
padding: 0;
top: -10px;
right: -5px;
font-weight: 600;
letter-spacing: 0px;
color: white;
}
}
@media (min-width: 1200px) {
app-place-story > .container.fluid.st-dashboard-header-container {
max-width: 1173px;
}
}
@media (min-width: 992px) {
app-place-mini-view .ng-autocomplete {
width: 100%;
}
div.st-notifications-dropdown {
max-height: 1000px;
overflow-y: scroll;
overflow-x: hidden;
}
ul.st-stories-container{
overflow-x: hidden;
}
}
@media (min-width: 992px) and (max-width: 1096px) {
.st-stats-cards-container .st-card-info {
max-height: 39px;
overflow: hidden;
}
p.col-3.st-hello.st-place-title {
flex: inherit;
max-width: none;
}
.sidebar .sidebar-wrapper {
width: 248px !important;
}
.main-panel {
width: calc(100% - 230px) !important;
}
ul.st-stories-container{
overflow-x: auto !important;
scrollbar-width: thin !important;
}
.st-card-place.st-place-map.card.main.ng-star-inserted:hover {
width: 390px;
}
dl8-img, dl8-video {
min-height: 180px !important;
max-height: 180px !important;
height: 180px !important;
}
.st-place-dl8-container {
height: 300px;
height: auto;
}
.st-stat-info {
padding: 0px 0px !important;
font-size: 9px !important;
line-height: 9px !important;
font-weight: 900 !important;
text-transform: uppercase !important;
}
.ng-autocomplete {
width: calc(61vw - 70px) !important;
}
}
@media (min-width: 1067px) and (max-width: 1096px) {
div.pr-0:nth-child(3) > div:nth-child(1) > p:nth-child(2) {
max-height: 22px;
}
}
/*Inicio Bloques de streamlapse portada*/
.row.my-2 {
width: 100%;
}
@media (min-width: 1850px) and (max-width: 2599px) {
app-dashboard-view .st-place-right-section > div.st-card-place:nth-child(2) > .card-body {
display: flex !important;
flex-wrap: wrap !important;
}
.st-place-right-section>div.st-card-place:nth-child(2)>.card-body> app-place-mini-view {
min-width: 48.1%;
flex: 0 0 48.1%;
margin: 0.9%;
}
}
@media (min-width: 2600px) and (max-width: 4000px) {
app-dashboard-view .st-place-right-section > div.st-card-place:nth-child(2) > .card-body {
display: flex !important;
flex-wrap: wrap !important;
}
.st-place-right-section>div.st-card-place:nth-child(2)>.card-body> app-place-mini-view {
min-width: 31.933%;
flex: 0 0 31.933%;
margin: 0.7%;
}
}
/*Fin Bloques de streamlapse portada*/
@media (min-width: 1439px) and (max-width: 1979px) {
app-ongoing-place-view .st-place-container.container-fluid {
display: flex;
flex-wrap: wrap;
}
app-ongoing-place-view app-place-mini-view.ng-star-inserted {
min-width: 50%;
flex: 0 0 50%;
}
}
/*@media (max-width: 1439px) {
app-ongoing-place-view .st-place-container.container-fluid {
display: flex;
flex-wrap: wrap;
}
app-place-mini-view.ng-star-inserted {
min-width: 50%;
flex: 0 0 50%;
}
}*/
@media (min-width: 1980px) and (max-width: 2499px) {
app-ongoing-place-view .st-place-container.container-fluid {
display: flex;
flex-wrap: wrap;
}
app-ongoing-place-view app-place-mini-view.ng-star-inserted {
min-width: 33.33333%;
flex: 0 0 33.33333%;
}
}
@media (min-width: 2500px) {
app-ongoing-place-view .st-place-container.container-fluid {
display: flex;
flex-wrap: wrap;
}
app-ongoing-place-view app-place-mini-view.ng-star-inserted {
min-width: 25%;
flex: 0 0 25%;
}
}
@media (max-width: 600px) {
.st-place-point-selector {
background: #141414 !important;
}
.scroll-item.st-place-point-item.active.ng-star-inserted {
background: #2462e7 !important;
border-radius: 5px;
padding: 8px 15px;
margin-right: 1px;
color: #fff;
margin-top: 0px !important;
}
.scroll-item .st-place-day-pending {
width: 10px;
height: 10px;
background: #7ed320;
margin: 0 auto;
border: 2px solid #0b0b0b;
border-radius: 50%;
position: relative;
top: -50px;
right: -11px
}
.scroll-item.st-place-point-item {
background: #17181a;
border-radius: 1px;
padding: 8px 15px;
margin-right: 1px;
color: #2462e7;
}
app-content app-place-view .st-card-place.selector.card.main.ng-star-inserted .st-place-day-selector {
padding-bottom: 0px !important;
}
.st-place-point-selector.place-mini .scrolling-wrapper {
padding-bottom: 33px !important;
}
app-content app-place-view .st-card-place.selector.card.main.ng-star-inserted .card-body .st-place-point-selector .scrolling-wrapper {
padding-bottom: 16px;
}
app-content > app-place-view > .st-sticky-container.ng-star-inserted >.st-card-place.card.main.ng-star-inserted > .card-header{
display:none !important;
}
.st-place-day-selector.scrolling-wrapper .scroll-item {
max-height: 58px !important;
margin-top: 25px;
}
.scrolling-wrapper.st-place-day-selector.place-mini.ng-star-inserted::-webkit-scrollbar,.st-place-point-selector .scrolling-wrapper::-webkit-scrollbar,.scrolling-wrapper.st-place-day-selector::-webkit-scrollbar{
display: none;
}
.scrolling-wrapper.st-place-day-selector.place-mini.ng-star-inserted,.st-place-point-selector .scrolling-wrapper {
scrollbar-width: none; /* Firefox */
}
ul.scrolling-wrapper.st-stories-container::-webkit-scrollbar {
display: none;
}
ul.scrolling-wrapper.st-stories-container{
scrollbar-width: none; /* Firefox */
}
.st-card-place.selector.card.main.ng-star-inserted > .card-body {
/*padding-bottom: 0.5375rem !important;
padding-top: 0.5375rem !important;*/
padding-bottom: 0.0375rem !important;
padding-top: 0.0375rem !important;
}
}
@media (max-width: 991px) {
.st-place-day-selector.scrolling-wrapper .scroll-item {
max-height: 58px !important;
margin-top: 25px;
}
.st-place-mini-view-container .scrolling-wrapper.st-place-day-selector .scroll-item{
margin-top:14px;
}
app-content app-place-view .st-card-place.selector.card.main.ng-star-inserted .card-body .st-place-point-selector .scrolling-wrapper {
padding-bottom: 16px;
}
.st-card-place.selector.card.main.ng-star-inserted > .card-body {
padding-bottom: 0.0375rem !important;
padding-top: 0.0375rem !important;
}
app-dashboard-view app-place-mini-view .st-place-mini-view-container {
padding-left: 0 !important;
padding-right: 0 !important;
}
.st-place-point-selector {
background: #101113 !important;
}
app-place-mini-view .st-place-point-selector, app-place-mini-view .st-place-day-selector{
background: #141414 !important;
}
.scrolling-wrapper.st-place-day-selector.place-mini.ng-star-inserted::-webkit-scrollbar,.st-place-point-selector .scrolling-wrapper::-webkit-scrollbar,.scrolling-wrapper.st-place-day-selector::-webkit-scrollbar{
display: none;
}
.scrolling-wrapper.st-place-day-selector.place-mini.ng-star-inserted,.st-place-point-selector .scrolling-wrapper {
scrollbar-width: none; /* Firefox */
}
ul.scrolling-wrapper.st-stories-container::-webkit-scrollbar {
display: none;
}
ul.scrolling-wrapper.st-stories-container{
scrollbar-width: none; /* Firefox */
}
.st-navbar-search {
display: none!important;
}
.st-dashboard-header-container h1{
display: none;
}
.st-stats-cards-container {
display: none;
}
.st-place-left-section {
width: 100%;
margin-right: 0;
}
.st-place-right-section {
width: 100%;
}
.st-place-right-section .st-card-place .card-body {
padding: 0;
}
.st-place-full-view-button {
display: none;
}
.main-content.st-login {
align-items: flex-end!important;
}
/* .st-login-container{
margin-bottom: 40px!important;
}*/
.st-place-img-scrollable{
max-height: inherit;
overflow-y: auto;
}
.main-panel .main-content {
padding-left: 0;
padding-right: 0;
}
.mobile-bar{
position: fixed;
bottom: 0;
left: 0;
right: 0;
height: 80px;
background-color: rgb(6 8 12 / 98%);
z-index: 5;
box-shadow: rgb(16 17 20) 0px 10px 20px 15px !important;
}
app-mobile-bar .mobile-bar.container-fluid.ng-star-inserted div {
padding-bottom: 10px !important;
}
.mobile-navbar{
position: fixed;
top: 0;
left: 0;
right: 0;
height: 45px;
background-color: rgb(16 17 19 / 98%);
box-shadow: rgb(16 17 20) 0px 5px 20px 2px !important;
z-index: 5;
display: flex;
align-items: center;
}
.st-mobile-company-menu-container li.hide {
display: none;
}
.dropdown-menu.dropdown-menu-right.st-user-dropdown.show {
z-index: 99999999;
}
.logo.st-logo {
width: calc(100% - 100px);
padding-left: 10px;
}
.logo.st-logo img.logo-left{
width: 35px;
border-radius: 100%;
display: none;
}
.logo.st-logo img.logo-right{
max-width: calc(100% - 35px);
max-height: 34px;
}
.st-notifications-dropdown {
background: none;
}
.st-navbar-nav {
margin: 0;
height: 50px;
padding: 0;
}
.st-navbar-nav .nav-link {
padding-top: 0;
padding-bottom: 0;
margin: 0;
height: 50px;
width: 50px;
line-height: 50px;
float: right;
}
.navbar-nav.st-navbar-nav .dropdown-toggle::after, .st-navbar-nav .dropdown-toggle::after {
padding: 5px;
}
pin.subscribed.ng-star-inserted {
color: red !important;
}
.st-logo-text {
font-weight: 600;
font-family: 'Rubik', sans-serif;
color: #fff;
text-transform: lowercase !important;
letter-spacing: -1px;
padding-left: 0px;
display: inline-block;
font-size: 20px;
height: 35px;
text-transform: lowercase !important;
letter-spacing: 0px;
text-align: left !important;
margin-left: 6px;
}
.main-company-icon {
margin-bottom: 13px !important;
}
.st-card, .st-card-place, .st-card-place.card {
padding: 10px;
padding-top: 15px;
border-radius: 5px;
}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
padding: 5px !important;
}
.st-place-container ul li .st-card-place:hover {
background: #404d55 !important;
border-radius: 1px !important;
}
.st-place-container ul li .st-card-place {
padding: 10px 5px;
}
#ultimas > div:nth-child(1) > ul:nth-child(1),#finalizadas > div:nth-child(1) > ul:nth-child(1),#streamscan > div:nth-child(1) > ul:nth-child(1) {
width: 100% !important;
}
.st-place-container ul li .st-card-place {
width: 100%;/*335px*/
}
#ultimas .st-place-container ul li .st-card-place,#finalizadas .st-place-container ul li .st-card-place,#streamscan .st-place-container ul li .st-card-place {
width: 100% !important;
}
.container-fluid.st-welcome-container {
padding: 0px 15px !important;
}
app-ongoing-place-view .st-place-mini-view-container{
padding:0px !important;
}
element.style {
}
.st-card-place.card.main .card-body {
display: block;
width: 100%;
}
@media (max-width: 991px)
.st-place-right-section .st-card-place .card-body {
padding: 0;
}
@media (max-width: 600px)
.st-place-right-section .st-card-place .card-body {
padding: 0;
}
.card .card-body {
padding: .9375rem 20px;
position: relative;
}
.card .card-body, .card .card-footer {
padding: .9375rem 1.875rem;
}
.st-place-dl8-container {
margin-bottom: 20px;
height: 180px;
background: rgb(126, 123, 123);
}
.dl8-embed-container {
height: 50% !important;
}
.st-card-place .nav-tabs .nav-item .nav-link {
padding: 8px 25px;
}
.st-card-place.st-place-map.card.main.ng-star-inserted:hover {
width: 100%;
z-index: 0;
-webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.st-card-place.st-place-map.card.main.ng-star-inserted {
width: 100%;
z-index: 0;
-webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
dl8-img,
dl8-video {
min-height: 180px !important;
max-height: 180px !important;
height: 180px !important;
}
a.material-icons.st-place-pin.subscribed.ng-star-inserted {
opacity: 1;
/*left: 330px !important;*/
/*left: 95% !important; */
/* cambios carlos overflow x */
left: inherit !important;
right: 0px;
}
pin.subscribed.ng-star-inserted {
opacity: 1;
left: 330px;
}
a.material-icons.st-place-pin.ng-star-inserted {
opacity: 1 !important;
/*left: 330px !important;*/
/*left: 95% !important; */
/* cambios carlos overflow x */
left: inherit !important;
right: 0px;
}
a.material-icons.st-place-pin.ng-star-inserted:hover {
opacity: 1;
left: 330px;
}
div#st-place-select-dropdown {
overflow-y: scroll;
max-height: 500px !important;
/* width: 388px !important;*/
width:100% !important;
margin-left: 0px;
margin-top: 0px !important;
margin-left: -10px !important;
}
span.st-story-item-name {
max-width: 75px;
}
.st-card-place.selector.card.main.ng-star-inserted {
position: sticky;
/* position: inherit;*/
z-index: 6;
/*top: 67px;*/
top: 55px;
background: none;
border: none;
/*width: 503px;*/
width:100%;
/*margin-left: -15px;*/
background: #101113;
}
.st-place-point-selector {
background: #0a0a0a;
border-radius: 0px;
padding: 15px;
width: 100%;
margin-bottom: 0px;
height: 60px;
float: left;
/*width: 41% !important;*/
width:50% !important;
border: none !important;
padding-left:0px;
margin-top: 18px;
}
.scrolling-wrapper.st-place-day-selector {
background: #101113;
border-radius: 0px;
padding: 1px;
/*float: left;*/
float: right;
width: 50%;
margin-left: -15px;
}
app-place-view .st-place-container .scrolling-wrapper.st-place-day-selector {
background: #141414;
border-radius: 0px;
padding: 1px;
float: left;
width: 45%;
margin-left: -15px;
padding-bottom: 13px;
}
/*.scrolling-wrapper {
padding-bottom: 15px;
}*/
.scrolling-wrapper {
padding-bottom: 27px;
}
.st-card-place.st-notification-place {
border: none;
background-color: rgb(35, 40, 44);
padding: 15px 15px;
border-bottom: 1px solid #404d55;
/*width: 360px;*/
width:100%;
}
.dropdown-menu.st-notifications-dropdown.dropdown-menu-right.ng-star-inserted.show {
margin-top: 40px;
width: 360px;
margin-left: 0px;
}
.st-mobile-bar-icon.main {
filter: brightness(200%);
-webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.st-mobile-bar-icon.main:hover {
filter: brightness(200%);
-webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
}
}