.card-trend-icons .toggleCommentsTrend  {
    cursor: pointer;
}
:root {
    --pf_blue: #0f4c82;
    --white: #ffffff;
    --lowgray: #EDF1F6;
}
html, body {
height: 100%;
}
@font-face {
  font-family: Lato;
  src: url('../assets/fonts/Lato/Lato-Regular.ttf');
}

@font-face {
  font-family: Lato;
  src: url('../assets/fonts/Lato/Lato-Bold.ttf');
  font-weight: 700;
}
@font-face {
  font-family: Lato Light;
  src: url('../assets/fonts/Lato/Lato-Light.ttf');
}

@font-face {
  font-family: Sansita bold;
  src: url('../assets/fonts/SansitaSwashed/SansitaSwashed-Regular.ttf');
}
@font-face {
  font-family: Sansita;
  font-weight: 700;
  src: url('../assets/fonts/SansitaSwashed/SansitaSwashed-Bold.ttf');
}

@font-face {
  font-family: Poppins;
  font-weight: 300;
  src: url('../assets/fonts/Poppins/Poppins-Light.ttf');
}

@font-face {
  font-family: Poppins;
  font-weight: 400;
  src: url('../assets/fonts/Poppins/Poppins-Regular.ttf');
}

@font-face {
  font-family: Poppins;
  font-weight: 500;
  src: url('../assets/fonts/Poppins/Poppins-Medium.ttf');
}
@font-face {
  font-family: Poppins;
  font-weight: 600;
  src: url('../assets/fonts/Poppins/Poppins-SemiBold.ttf');
}

@font-face {
  font-family: Poppins;
  font-weight: 700;
  src: url('../assets/fonts/Poppins/Poppins-Bold.ttf');
}

textarea {
    resize: none;
}
button.btn.btn-secondary {
    background: transparent;
    color: var(--pf_blue);
    border: 2px solid var(--pf_blue);
    font-weight: 500;
}
.emojiPickerIconWrap .black {
    /* background: none; */
    font-family: 'Font Awesome 5 Free';
    content: "\f004";
    background-color: transparent !important;
    border-left: 1px solid transparent;
    border-radius: 0 8px 8px 0;
    opacity: .5;
    z-index: 10;
}
.emojiPickerIconWrap .black:hover {
    opacity: .9;
}
.banner-modal {
    height: 150px;
    background-position: top center;
    background-size: cover;
    border-radius: 8px;
}
.comment-section-stories .user-comment-entry .form-control {
    background: transparent;
    color: #FFF;
}
.comment-section-stories .user-comment-entry .form-control::placeholder {
    color: #FFF;
}
.comment-section-stories .post-comment-list {
    height: 100%;
    overflow-y: auto;
    padding: 0 20px;
}


html {
    scroll-behavior: smooth;
}
html#login-html,#login {
  height: 100%;
}
html,body {
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    color: var(--pf_blue);
    font-weight: 400;
}

h1,h2,h3,h4,h5,h6{
	font-family: "Poppins", sans-serif;
	font-weight: 600;
}
h4{
	font-size: 24px;
}
h5{
	font-size: 20px;
}
h6 {
    font-size: 18px;
}

h6.title-small {
    font-size:14px;
}
.text-pink{
    color: #F512B6;
}
.custom-select {
    background-color: #F6F8FB;
    color: var(--pf_blue);
    border: 1px solid #0f4c8224;
    height: 40px;
}
#crearProductoModal label {
    position: relative;
}
div#footerLogin {
    position: absolute;
    bottom: 0;
    background: #E6EAF5;
    text-align: center;
    height: 40px;
}
div#footerLogin {
    position: absolute;
    bottom: 0;
    background: #E6EAF5;
    text-align: center;
    height: 50px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
div#footerLogin ul{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    width: 100%;
}
.row-selects-post {
    margin-left: 36px;
}
.bg-img-pf{
	background-image: url('../images/bg-login.jpg');
	background-position: center center;
    background-size: contain;
}
.bg-img-loading-pf{
	background-image: url('../images/bg-loading.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
#video-row {
    min-width: 100%;
    max-height: 100%;
}
.bg-llamada{
    background: #3AB5D0 !important;
    border-color: #3AB5D0 !important;
}

.bg-mensaje{
    background: #35C2A9 !important;
    border-color: #35C2A9 !important;
}
.bg-privado{
    background: #C80000 !important;
    border-color: #C80000 !important;
}
.bg-gold{
    background-color: #B18937;
}
.main-login-container {
    color: #FFF;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.form-login .form-control:focus {
    box-shadow: none;
}
.modal-backdrop.fade.show {
    background: rgba(31, 63, 102, 1);
}
div#loginInfoContainer {
    padding: 30px;
    height: 100%;
    position: fixed;
    justify-content: center;
}
div#loginFormContainer {
    overflow-y: auto;
    position: absolute;
    right: 0;
    display: flex;
    justify-content: center;
    height: 100vh;
}
.login-block h5.mt-4.title {
    font-size: 18px;
}
.boton-filtro-container {
    position: absolute;
    right: 0;
    top: -5px;
}
.boton-filtro-container-zone {
    position: absolute;
    right: 10px;
    top: 20px;
}
a#btnRegister {
    border: 2px solid #FFF;
    color: #FFF;
    font-weight: bolder;
}
#login .icon-img{
	width: 35px;
	height: auto;
	margin-right: 10px;
}
.login-list{
	list-style: none;
}
#login-list li{
	margin-bottom: 20px;
}
.main-login-container ul#login-list h5 {
    font-size: 18px;
    justify-content: center;
}
.btn-social-container-login {
    display: flex;
    justify-content: space-between;
}
ul#login-list {
    padding-left: 0;
    margin: auto;
    display: inline-block;
}

.card-block.login-block {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 450px;
    margin: auto;
    padding: 40px 0;
}

.btn-social-login {
    width: 140px;
}

.main-body {
    text-shadow: 2px 2px 2px rgba(0 0 0 .2);
}

.form-login label{
	font-weight: 700;
    color: #0F4C82;
    position:relative;
}
.title{
	 color: #0F4C82 !important;
}
a.title:hover{
    text-decoration: none;
}
.description{
    font-size: 14px;
    word-break: break-word;
    font-size: 14px;
    word-break: break-word;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}
.text-gold{
	/*color:#DCB23C;*/
	color:#BF9727 !important;
}
#modalPostFav button.close.buttonCloseFav {
    position: absolute;
    top: 30px;
    right: 30px;
    z-index: 10;
}
.text-gold-logo{
	color:#ECDB9A;
}
div#modalPostFav .modal-content {
    background: transparent;
    border: unset;
}
a.text-gold:hover {
    color: #b49641;
    text-decoration: none;
    transition: .15s ease-in-out;
}
.text-secondary, .text-2nd{
    color:#919EAB !important;
}
span.notification-badge {
    position: absolute;
    background: #C80000;
    color: #FFF;
    height: 19px;
    width: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 10px;
    top: -2px;
    right: 5px;
    font-weight: 600;
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
    line-height: 1;
    padding: 4px;
}
.btn-cancelar-variacion2{
    background: #EDF1F6;
}
.solicitud-body button.btn.btn-secondary {
    border: 1px solid rgba(47, 83, 151, 0.1);
}
.body-small {
    font-size: 13px;
}
.text-small{
    font-size: 10px;
}
.text-medium{
    font-size: 12px;
}
#login input.form-control, #login select.form-control {
    background-color: #FAFAFF;
    border-color: #C2CCDA;
    border-radius: 8px;
    height: 48px;
}
.form-login #birthday{
    background: #FFF;
}
#login .input-group input.form-control, #login .input-group select.form-control {
    border-radius: 0 8px 8px 0;
    border-left: 0;
}
.text-bf{
	color: #0F4C82;
}
.btn-bg-pf{
    color:#FFF;
    font-size: 14px;
    width: 150px;
}
.btn-gold {
    font-size: 13px;
    border-radius: 8px;
    background: #BF9727 !important;
    border-color: #BF9727 !important;
    color: #FFF;
}
.btn-gold:hover {
    color: #FFF;
    background: #b38e24 !important;
    border-color: #b38e24 !important;
}


.link-login{
	 color: #0F4C82;
	 text-decoration: underline;
	 font-weight: 700;

}

.bg-pf{
    background: #0F4C82 ;
    border-color: #0F4C82;
    transition: .35s ease-in-out;
}

.bg-tw{
    background: #1DA1F2 !important;
    border-color: #1DA1F2 !important;
    transition: .35s ease-in-out;
}

.bg-fb{
    background: #1877F2 !important;
    border-color: #1877F2 !important;
    transition: .35s ease-in-out;
}

.bg-g{
    background: #EFEFEF !important;
    border-color: #EFEFEF !important;
    transition: .35s ease-in-out;
}
body#pf-web{
	background-color: #F0F2F5;
}
#login button.btn.btn-block.btn-primary {
    height: 48px;
    border-radius: 8px;
}

img.icon-social-btn {
    float: left;
    margin-left: 10px;
    margin-right: -50px;
}


.login-social{
	width: 80px;
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 5px;
    border-color: black;
}

button.btn.btn-block.btn-primary.bg-pf:hover, button.btn.btn-block.btn-primary.bg-pf:hover:not(:disabled) {
    background: #1e6bb0;
    border-color: #1e6bb0;
    transition: .35s ease-in-out;
}
button.btn.btn-block.btn-primary.bg-g.text-dark:hover {
    background: #d7d7d7;
    border-color: #d7d7d7;
    transition: .35s ease-in-out;
}
.img-logo-login-form{
	width: 150px;
}

span.required-input {
    color: #C80000;
    font-size: 16px;
    bottom: 0;
    position: absolute;
    right: -10px;
}
.input-group-text {
    background: #fafaff;
    border-radius: 8px 0 0 8px;
}
.input-group-prepend:after {
    content: " ";
    height: 30px;
    width: 1px;
    background: #c2ccda;
    top: 9px;
    position: absolute;
    left: 36px;
    z-index: 1;
}


.input-group-text i.fas {
    color: #C0CCDA;
}

.card-block.login-block.mt-5:after {
    content: "";
    background-image: url(../images/pf-bg-translucid.png);
    background-repeat: no-repeat;
    background-position: center right;
    height: 100%;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
    opacity: 0.7;
}

 .card-block-form{
 	max-width: 500px;
 }
 .header-block-form {
     margin-bottom: 20px;
     position:relative;
 }
 .loading-logo{
 	max-width: 250px;
 }

.emoji-chat-button {
    display: none;
}
.logo-container.text-center img {
    max-width: 250px;
}
#navbar-pf {
    z-index: 10;
    height: 50px;
    max-height: 50px;
}
.nav-white-container {
    border-bottom: 1px solid #EDF1F6;
}
#directoZoneSelector .btn-pf-zone {
    height: 38px;
    line-height: 38px;
    padding: 0;
    font-size: 14px !important;
    text-decoration: none;
    width: 250px;
    border-radius: 4px;
}
.dpxs-avatar.dpsx-icon-ninja {
    color: #FFF;
    background: #154c82;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
}
.tag-mod {
    position: absolute;
    right: 24px;
    top: 0;
    background: var(--pf_blue);
    color: #FFF;
    padding: 3px 5px;
    font-size: 11px;
    border-radius: 4px;
    font-weight: 400;
}
.nav-logo img{
	max-width: 180px;
}
nav.main-pf-nav{
	background: #FDFDFE;
}
.bg-light-shadow {
    background: #FDFDFE;
    box-shadow: 0 2px 6px rgba(47, 83, 151, .1);
}

#navbar-pf:after {
	box-shadow: 0 2px 6px rgba(47, 83, 151, 0.1);
    background: #fff;
    /*content: "";*/
    width: 100%;
    height: 64px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
nav .nav-link i{
	color: #0F4C82;
	font-size: 16px;
}
.card-reto-content h6 {
    font-family: 'Sansita', sans-serif;
    font-size: 20px;
}
div#modalPasesVIP .modal-content, #modalPormocionarse .modal-content{
    height: 680px;
    background-size: cover;
    background-position: center center;
}

.navbar-nav.mr-auto li a i {
    color: rgba(15, 76, 130, 0.5);
    font-size: 18px;
    padding: 0 10px;
    transition: .25s ease-in-out;
}
.navbar-nav.mr-auto li a i:hover {
    color: #0F4C82;
}
.navbar-nav.mr-auto li.active a i {
    color: #0F4C82;
    font-size: 20px;
    /*padding: 0px 20px;*/
}
nav.bg-white.bg-light-shadow {
    z-index: 1000;
    position: relative;
}
/*  HOME */

.card-profile .card-header{
	height: 250px;
}

.card-profile {
    background-color: #FFF;
	/*border-radius: 0px 0px 8px 8px;*/
    border-radius: 8px;
}

.card-profile-body {
    padding: 20px;
    position: relative;
}

img.card-profile-pic {
    top: 100px;
    position: relative;
    border: 10px solid #F5F7FA;
    border-radius: 100%;
    width: 200px;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,0.1);
}

.nav-separator {
    border-left: 1px solid rgba(15, 76, 130, .1);
    margin: 10px 10px;
}

.nav-search-box{
	width: 40px;
    border: 1px solid #E3ECF4;
    border-radius: 8px;
    background: #EEF2F6;
	transition: .25s ease-in-out;
	    padding-left: 35px;
}
.search-container a{
	position: absolute;
    left: 0;
    margin-top: 0;
    margin-left: 5px;
}

.nav-search-box.active{
	width: 190px;
	transition: .25s ease-in-out;
}
.card-options {
    margin-top: 20px;
    padding: 20px;
    background-color: #fdfdfe;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(47, 83, 151, .32);
}

#options-nav li {
    white-space: nowrap;
    /*flex-basis: 1;*/
    flex-grow: 1;
    text-align: center;
}
.dropdown-item.active, .dropdown-item:active {
    background-color: var(--pf_blue);
}
#options-nav #suboptions-nav li.active a,  #suboptions-nav li.active a,  #suboptions-nav li a.active{
	color: #0F4C82 !important;
}
#options-nav li a, .card-options li a{
	color: #A5B3BF;
	font-weight: 100;
	/*transition: .15s ease-in-out;*/
}
#options-nav li a:hover{
	color: #0F4C82;
	text-decoration: none;
	/*transition: .15s ease-in-out;*/
}

.profile-small-pic{
	max-width: 45px;
}

select.zone-selector, .zone-selector button{
    padding: 10px;
    border-radius: 8px;
    color: #0F4C82;
    background: #F6F8FB;
    font-weight: 700;
    border: 0;
    width: 150px !important;
    font-size: 13px;
}

.zone-selector button.btn.dropdown-toggle.btn-light {
    width: 100%;
}

.filter-option-inner-inner i {
    margin-right: 5px;
    margin-left: 5px;
}

.card-options .dropdown.bootstrap-select.zone-selector {
    margin-left: 55px;
}
.upload-options{
    margin-top: 10px;
    margin-left: 65px;
}

.btn-pf-zone{
	border-radius: 8px;
	height: 50px;
    color:#FFF;
}
.bg-pf-primary, .btn-pf-zone.active{
    background-color: #0F4C82 !important;
    color: #FFF !important;
    font-weight: 500;
}
.btn-pf-zone.active{
    box-shadow: none;
}
.bg-pf-primary:hover{
    color: #FFF;
}
.btn-pf-secondary{
    background-color: #F5F7FA !important;
    color: #0F4C82 !important;
}

img.filter-icon {
    height: 11px;
    width: 15px;
    float: right;
    position: absolute;
    right: 40px;
    top: 70px;
}
#post-entry-box .card-options .form-control, .user-comment-entry .form-control {
    background: #FAFAFF;
    border-color: #DEEBFE;
    border-radius: 4px;
    height: 40px;
}
.config-campaing small {
    color: #C4C4C4;
    font-size: 12px;
}
#post-entry-box .card-options .form-control:disabled, #post-entry-box .card-options .form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1;
}
.form-control {
    font-size: 0.85rem;
}
.post-pic-card img{
    margin-top: 0;
}

.d-block.post-pic-card {
    flex: 1;
    margin-right: 10px;
}

.d-block.post-user-name{
    flex:2;
}

.d-block.post-user-entry{
    flex:15;
}

.post-card-comment {
    /*border-bottom: 1px solid #EDF1F6;*/
    /*padding-bottom: 20px;*/
    /*padding-top: 10px;*/
}

.form-entry-user{
    flex:15;
}
.pf-text-2nd {
    color: rgba(15, 76, 130, 0.35);
    transition: .15s ease-in-out;
}
.pf-text-2nd:hover {
    color: rgba(15, 76, 130, 0.6);
    transition: .15s ease-in-out;
}
a.pf-text-2nd {
    text-decoration: none !important;
}
.comment-description {
    color: rgba(15, 76, 130, 0.8);
}

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

    .navbar-nav.mr-auto li a i, .navbar-nav.mr-auto li.active a i {
        font-size: 16px;
        padding: 0 10px;
    }
    div.card-options {
        padding: 20px;
    }
    #options-nav li {
        display: block !important;
        width: 100%;
        padding: 8px 0;
    }
    .zone-selector button.btn.dropdown-toggle.btn-light {
        width: 100% !IMPORTANT;
    }
    .form-entry-user {
        flex: 6;
    }
}

a.portada-pic {
    /*background: rgba(255, 255, 255, 0.8);*/
    background: #ffffff;
    width: 40px;
    height: 40px;
    position: absolute;
    left: 20px;
    top: 10px;
    line-height: 40px;
    padding-left: 8px;
    border-radius: 50px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .32);
    z-index: 11;
}

.portada-pic i {
    color: #0f4c82a3;
}

.card-header.text-center {
    position: relative;
    margin: 10px;
    border-radius: 8px !important;
    padding-top: 10px;
    top: 10px;
    border: 1px solid #f1f1f1;
}
.card-profile .card-header{
    background-position: center center;
    background-size: cover;
}
.card-profile-body .profile-name {
    font-size: 24px;
    font-family: 'Sansita', sans-serif;
}
.card-header.text-center.bg-shadow-portrait:after {
    background: linear-gradient(180deg, rgba(15, 76, 130, 0.80) -13.14%, rgba(15, 76, 130, 0.0001) 77.63%);
    content: " ";
    z-index: 1;
    position: absolute;
    width: 100%;
    height: 80px;
    left: 0;
    top:0;
    border-radius: 8px;
}
.profile-pic-container.d-inline-block {
    height: 200px;
    width: 200px;
    top: 80px;
    border-radius: 100%;
    border: 5px solid #FFF;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);
    background: #FFF center center;

    background-size: cover;
    z-index: 10;
}
a.portada-pic.profile-pic-edit {
    right: 0;
    left: auto;
    top: auto;
    bottom: 0;
    background: #FFFFFF;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    display: flex;
    justify-content: center;
    align-items: center;
}

.profile-pic-edit > label > i {
    color: #0F4C82;
}
.portada-pic label {
    width: 41px;
    text-align: center;
    cursor: pointer;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
}
.rating-box {
    position: absolute;
    right: 20px;
    top: 10px;
    z-index: 10;
    text-shadow: 1px 1px rgba(0,0,0,0.2);
}

.rating-box a.active, .rating-box a.active i{
    color:#DCB23C;
    transition: .15s ease-in-out;
}
.rating-box a:hover, .list-inline-item a{
    text-decoration: none;
}
.rating-box a.active:hover, .rating-box a:not(.active) i:hover{
    color: #ffc931;
    transition: .15s ease-in-out;
}
.rating-box a:not(.active) i {
    color: #FFF;
    transition: .15s ease-in-out;
    /* border: 2px solid #FFF; */
}
a.share-button.portada-button {
    position: absolute;
    bottom: 20px;
    right: 20px;
    background: rgba(15, 76, 130, 0.5);
    height: 40px;
    width: 40px;
    line-height: 40px;
    border-radius: 50px;
    color: #FFF;
    z-index: 10;
}
.post-card-header .text-small {
    color: #D3D8DD;
}

/* MODAL SEGUIDORES */
#modal-followers{
    position: relative;
}
#modal-followers.modal-body li.nav-item {
    width: 50%;
    text-align: center;
}
#misPrivilegiados li.nav-item {
    width: 32%;
    text-align: center;
}
.close-modal-link{
    display: inline;
    position: absolute;
    right: 15px;
    top: 10px;
}
img.filter-icon-modal.d-none.d-md-block {
    position: absolute;
    display: inline;
    right: 7px;
    bottom: 13px;
}
#modal-followers a.nav-link, #misPrivilegiados a.nav-link {

    border:0;
    color: #AEAEAE;
}
.nav-tabs {
    border-bottom: 1px solid #EDF1F6;
}


#modal-followers a.nav-link.active {
    border: 0;
    border-bottom: 2px solid #0F4C82;
    color: #0F4C82;
    font-weight: 700;
}
.follows-container input {
    background: #F0F3F8;
    border: 0;
}
.follows-container input::placeholder {
  color: #B9C2D2;
  opacity: 1; /* Firefox */
}

.follows-container input:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #B9C2D2;
}

.follows-container input::-ms-input-placeholder { /* Microsoft Edge */
 color: #B9C2D2;
}
.follows-container input {
    height: 38px;
    padding-left: 10px;
    border-radius: 8px;
    width: 93%;
}
#modalnewChatDifusion .follows-container input {
    height: auto;
}
input.d-inline-block:focus, input.d-inline-block:active {
    border: 0 solid red;
    outline: 0;
}
.follows-container > form > div:(#filterButtonPrivilege) {
    font-size: 16px;
    color: #B9C2D2;
    background: #F0F3F8;
    height: 38px;
    margin-top: -10px;
    line-height: 38px;
    width: 6%;
    margin-left: -3px;
    text-align: center;
    border-radius: 0 8px 8px 0;
}

.follows-list ul {
    list-style: none;
    padding-left: 0px;
}

.follows-container li {
    border-bottom: 1px solid #F0F3F8;
    padding-bottom: 10px;
    padding-top: 10px;
}

.follows-container button.follow-buton {
    /*height: 35px;*/
}

.follows-container form i.fas.fa-search.search-icon-modal {
    color: #0F4C82;
    left: -32px;
    position: relative;
}
ul.list-inline.suboption li a.active {
    color: #BF9727 !important;
}
ul.suboptions-menu li {
    /*border-bottom: 1px solid #EDF1F6;*/
    /*padding-bottom: 20px;*/
}

ul.suboptions-menu li.active {
    border-bottom: 2px solid var(--pf_blue);
}
.box-income-data {
    background: #F1F4F8;
    padding: 20px;
    border-radius: 8px;
}
.btn-config-pay {
    position: absolute;
    right: 40px;
    top: 20px;
}
button.btn.bg-pf.btn-primary.btn-bg-pf {
    border-right: 1px solid #557591;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.btn-config-pay {
    position: absolute;
    right: 40px;
    top: 20px;
    background: var(--pf_blue);
    border-radius: 8px;
}
.btn-config-pay .dropdown-toggle::after {
    display: none;
}
ul.income-suboption {
    border-bottom: 1px solid #EDF1F6;
    padding-bottom: 20px;
}

.btn-config-pay .dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #e1e9f1;
}
#ingreso-section .btn-config-pay {
    top: -10px;
    right: 15px;
}
.tab-zone li.nav-item {
    width: 49%;
}
.btn-primary {
    color: #fff;
    background-color: #0F4C82 !important;
    border-color: #0F4C82 !important;
    height: 48px;
    border-radius: 0.3rem !important;
    min-width: 80px !important;
    padding-left: 3rem!important;
    padding-right: 3rem!important;
}

.btn-primary:hover {
    color: #fff;
    background-color: #0a3861;
    border-color: #0a3861;
}
.custom-upload label{
    color: #0F4C82;
    width: 25px;
    height: 25px;
    font-size: 14px;
    border-radius: 20px;
    padding-left: 5px;
    line-height: 25px;
    transition: .15s ease-in-out;
    text-align: center;
}
.custom-upload label:hover, .custom-upload.active label{
    cursor: pointer !important;
    background: #0f4c822e;
    transition: .15s ease-in-out;
}

.custom-upload i:hover, .custom-file-input:hover, .custom-upload label:hover{
    cursor: pointer;
}


#suboptions-nav.suboptions-menu .nav-link.active,
#suboptions-nav.suboptions-menu .nav-tabs .nav-link:focus,
#suboptions-nav.suboptions-menu .nav-tabs .nav-link:hover {
    border: 0;
    border-bottom: 2px solid var(--pf_blue);
    padding-bottom: 20px;
    font-weight: 600;
}

.upload-options {
    height: 27px;
}

.preview-upload-area.active {
    border: 3px solid #0f4c8259;
}
.preview-upload-area.active {
    border: 3px solid #0f4c8259;
}
.preview-upload-area {
    max-width: 130px;
    max-height: 130px;
    width: 100%;
    height: auto;
    margin-top: 20px;
    border-radius: 8px;
    margin-right: 10px;
    position: relative;
    display: inline-block;
}
video#videoGraba {
    width: 100%;
    margin-top: 20px;
}
video#videoGraba3 {
    width: 100%;
    margin-top: 20px;
}
button#btn-stop-recording {
    margin: auto;
    min-width: 40px;
    width: 40px;
    height: 40px;
    background: #FFF;
    border-radius: 50%;
    color: red;
    border: 10px solid #FFF;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--pf_blue);
    box-shadow: 0px 0px 0px 4px var(--pf_blue);
    padding-top: 1px;
    opacity: 1;
}
#modalRenovacionCancelada .modal-dialog, #modalNegociacion2 .modal-dialog{
    width: 440px;
}
h5#modalRenovacionCanceladaTitle {
    font-size: 16px;
}
.video-container {
    height: 300px;
    background: #F6F8FB;
    box-shadow: 0 0 0 4px rgba(50, 102, 147, .5);
    border-radius: 8px;
    background-position: center center;
    background-size: contain;
    margin-top: 20px;
    background-size: cover;
}
.video-container2 {
    height: 300px;
    background: #F6F8FB;
    box-shadow: 0 0 0 4px rgba(50, 102, 147, .5);
    border-radius: 8px;
    background-position: center center;
    background-size: contain;
    margin-top: 20px;
    background-size: cover;
}
.video-container3 {
    height: 300px;
    background: #F6F8FB;
    box-shadow: 0 0 0 4px rgba(50, 102, 147, .5);
    border-radius: 8px;
    background-position: center center;
    background-size: contain;
    margin-top: 20px;
    background-size: cover;
}
#modalCameraPost .preview-upload-area {
    max-width: 100px;
    max-height: 130px;
}
#modalCameraPost2{
    overflow-y: scroll;
}
#modalCameraPost2 .preview-upload-area {
    max-width: 100px;
    max-height: 130px;
}

#encuestaModal .preview-upload-area {
    max-width: 100px;
    max-height: 130px;
}

.preview-upload-area-history {
    max-width: 380px;
    max-height: 500px;
    width: 100%;
    height: auto;
    margin-top: 5px;
    border-radius: 3px;
    margin-left: 5px;
    position: relative;
}

img.target-upload-img {
    border-radius: 5px;
    height: 100%;
    object-fit: cover;
    max-height: 130px;
    object-position: top center;
}

img.target-upload-img-history {
    border-radius: 5px;
    height: 500px;
    object-fit: cover;
    max-height: 500px;
    object-position: top center;
}

.preview-upload-area.active.d-inline-block:first-child {
    margin-left: 65px;
}

a.close-upload-icon {
    position: absolute;
    z-index: 22;
    background: #0000002e;
    color: #FFF;
    right: 5px;
    text-align: center;
    margin: auto;
    top: 5px;
    border-radius: 20px;
    width: 25px;
    height: 25px;
    padding-left: 8px;
    line-height: 26px;
}

a.close-upload-icon2 {
    position: absolute;
    z-index: 22;
    background: #0000002e;
    color: #FFF;
    right: 5px;
    text-align: center;
    margin: auto;
    top: 5px;
    border-radius: 20px;
    width: 25px;
    height: 25px;
    padding-left: 8px;
    line-height: 26px;
}

a.close-upload-icon3 {
    position: absolute;
    z-index: 22;
    background: #0000002e;
    color: #FFF;
    right: 5px;
    text-align: center;
    margin: auto;
    top: 5px;
    border-radius: 20px;
    width: 25px;
    height: 25px;
    padding-left: 8px;
    line-height: 26px;
}

a.close-upload-icon4 {
    position: absolute;
    z-index: 22;
    background: #0000002e;
    color: #FFF;
    right: -10px;
    text-align: center;
    margin: auto;
    top: 5px;
    border-radius: 20px;
    width: 25px;
    height: 25px;
    padding-left: 8px;
    line-height: 26px;
}

a.close-upload-icon5 {
    position: absolute;
    z-index: 22;
    background: #0000002e;
    color: #FFF;
    right: -1px;
    text-align: center;
    margin: auto;
    top: 5px;
    border-radius: 20px;
    width: 25px;
    height: 25px;
    padding-left: 8px;
    line-height: 26px;
}

a.close-upload-icon8 {
    position: absolute;
    z-index: 22;
    background: #0000002e;
    color: #FFF;
    right: -2px;
    text-align: center;
    margin: auto;
    top: 1px;
    border-radius: 20px;
    width: 25px;
    height: 25px;
    padding-left: 8px;
    line-height: 26px;
    padding-top:4px;
}
a.close-upload-icon-subasta3 {
    position: absolute;
    z-index: 22;
    background: #0000002e;
    color: #FFF;
    right: -2px;
    text-align: center;
    margin: auto;
    top: 1px;
    border-radius: 20px;
    width: 25px;
    height: 25px;
    padding-left: 7px;
    line-height: 26px;
    padding-top:0px;
}

.post-options button {
    border: 0;
    background: transparent;
    color: #6c757d;
}
.post-options button:focus {
    outline: 0;
}
.btn-group.user-options-drop button {
    border: 0;
    outline: 0;
    background: transparent;

}
.btn-group.user-options-drop button a{
    color: #0F4C82;
}
.user-options-drop .dropdown-toggle::after, .post-options .dropdown-toggle::after {
    display: none;
}
.user-comment-entry {
   /* background: rgba(15, 76, 130, .05);*/
    border-radius: 8px;
    padding: 10px;
}
.post-options .btn-link {
    width: 30px;
    height: 30px;
    transition: .25s ease-in-out;
    display: flex;
    justify-content: center;
    text-decoration: none;
    align-items: center;
    border-radius: 50px;
}
.post-options .btn-link:hover {
    background: rgba(15, 76, 130, .05);
}
.post-emoticon-entry{
    position: absolute;
    right: 20px;
    top: 8px;
    color: #d1d1dd;
    z-index: 10;
}
.post-emoticon-entry a{
    transition: .15s ease-in-out;
}
.post-emoticon-entry a:hover{
    transition: .15s ease-in-out;
}

.form-entry-user form .div-inline-block.input-group {
    border-radius: 4px !important;
}
a.edit-icon {
    position: absolute;
    right: 0;
    margin-right: 20px;
    color: #7d99b4;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 100%;
    transition: .15s ease-in-out;
    text-align: center;
}

a.edit-icon:hover {
    background: #0f4c820d;
    transition: .15s ease-in-out;
}

.hr-bottom-dividir {
    border-bottom: 1px solid #EDF1F6;
    padding-bottom: 20px;
}
.table-pf thead th {
    border-top: 0;
    color: #B9B9B9;
    font-weight: 100;
    border-bottom: 1px solid #EDF1F6;
}
a, .stories-add, button {
    cursor: pointer;
}
.table-pf tbody td {
    color: #0F4C82;
    border-bottom: 1px solid #EDF1F6;
}
div#table-statistics td {
    font-weight: 600;
}
.table-pf .table-striped tbody tr:nth-of-type(odd) {
    background-color: #fdfdfe;
}

select.select-custom {
    background: #F5F7FA;
    width: 200px;
    height: 38px;
    text-align: center;
    border: 0;
    border-radius: 4px;
    padding: 5px;
    outline: 0;
    margin-left: 10px;
    color: #0F4C82;
    font-weight: 700;
}

a.chart-button {
    background-color: #D8D8D8;
    height: 40px;
    width: 40px;
    display: inline-block;
    border-radius: 100%;
    text-align: center;
    line-height: 40px;
    color: #FFF;
}

.chart-button.active{
    background-color: #0F4C82;
}
.text-pf-secondary{
    color: #D8D8D8;
}
#filtro-estadistica .dropdown-toggle::after{
    display: none;
}

#table-statistics-details .table td, .table th:first-child {
    border-top: 0;
}

.details-item-circle {
    width: 20px;
    height: 20px;
    background: red;
    border-radius: 100%;
    display: inline-block;
    top: 5px;
    position: relative;
    margin-right: 20px;
}
.c-purple{
    background-color: #655596;
}

tr.tr-collapse-detail td {
    /*padding: 0px;*/
    transition: .15s ease-in-out;
}
.collapse > td > div > div {

    transition: .15s ease-in-out;
}
.detail-cant-collpase {
    font-weight: 100;
}

.filter-option-graph{
    position: absolute;
    right: 90px;
    margin-top: 4px;
}

td.total-td {
    background: rgba(196, 196, 196, 0.12);
    color: #FFF;
}

td.total-td > div > div{
    padding-left: 50px;
}

td.total-td  div  div:first-child {
    padding-left: 50px;
    margin-right: -50px;
}

ul#myTab li.nav-item a.active {
    color: #0f4c82!important;
    font-weight: 700;
}
#misPrivilegiados a.nav-link.active {
    border: 0;
    color: #0f4c82!important;
    font-weight: 700;
    border-bottom: 2px solid var(--pf_blue);
    padding: 10px;
}
.timer-container h6 {
    font-size: 10px !important;
    font-weight: 100;
    color: var(--pf_blue);

}
.tag-promo-pack{
    background: -webkit-linear-gradient(
        1deg
        , #AC894B 0.12%, #AC894B 9.51%, #F7EFB1 21.25%, #AC894B 99.86%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 16px;
}
.block-suscription {
    background: linear-gradient(180deg, #0060B5 0%, #0F4C82 100%);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 500px auto;
    height: 250px;
    border-radius: 4px;
    position: relative;
    text-align: center;
}

.block-suscription2 {
    background: linear-gradient(180deg, #0060B5 0%, #0F4C82 100%);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 600px auto;
    height: 250px;
    border-radius: 8px;
    position: left;
    text-align: center;

    
}
.custom-file-label::after {
    content: "Elegir" !important;
    color: #336795;
    font-weight: 600;
}
section#storiesSection {
    max-height: 160px;
}
.block-suscription::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: calc(100% + 1px);
    background-image: url('../images/bg-suscripcion.svg' );
    background-position: right center;
    background-repeat: no-repeat;
    border-radius: 8px;
}


.social-post a, .social-media-product-modal {
    text-decoration: none;
}
.block-suscription.sale-active::after {
    background-image: url('../images/bg-promo.svg');
    content: "";
    z-index: 0;
    top: -2.3px;
    right: -1px;
    width: 100%;
    height: calc(100% + 4px);
    position: absolute;
    background-position: right center;
    background-repeat: no-repeat;
}


button.bg-pf.btn.mt-2.position-relative.suscription-promo-btn {
    color: #FFF;
    border: 2px solid #FFF;
    margin: auto;
}
.block-suscription.sale-active {
    /*background-image: url('../images/bg-defaul-promo.png');*/
}
.block-suscription h6 {
    font-size: 16px;
}
.block-suscription p {
    font-size: 14px;
}

.old-price-tag{
    font-size: 12px;
    text-decoration-line: line-through;
    color: #969696;
}
.timer-active-sale {
    top: 10px;
    right: 15px;
}
.suscription-card-container {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    border: 1px solid red;
    height: 250px;
}
h4.text-white.titulo-suscripcion {
    font-family: 'Sansita', sans-serif;
    font-size: 28px;
}
.new-price-tag {
    color: #C80000;
    font-weight: 700;
    font-size: 13px !important;
}
.star-sale-icon{
    display: inline-block;
    position: relative;
}
.star-sale-icon i {
    font-size: 46px;
    color: #F0C12C;
    position: relative;
    text-shadow: 1px 2px 2px #0f4c825c;
    z-index: 10;
}
h4.mb-0.text-white.precio-suscripcion {
    font-size: 28px;
    font-weight: 600;
}
.group-promo {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    z-index: 1;
}
.group-promo p.text-white.text-small {
    text-decoration: line-through;
}
.group-promo .title-promo{
    font-size: 22px;
    font-family: 'Sansita', sans-serif;
}
p.info-discount-star {
    position: absolute;
    margin: auto;
    text-align: center;
    z-index: 11;
    top: 15px;
    font-size: 12px;
    font-weight: 700 !important;
    color: #0F4D83;
    width: 100%;
}
.btn-alt.suscription-promo-btn {
    color: #FFF;
    border: 2px solid #ffff;
    background: transparent;
    font-size: 14px;
}
.star-discount i {
    font-size: 50px;
}
.timer-blocks {
    display: inline-block;
    background: var(--pf_blue);
    color: #FFF;
    width: 30px;
    height: 30px;
    border-radius: 4px;
    font-size: 13px;
    line-height: 30px;
    font-weight: 400;
}
.price-tag-prmo {
    font-family: 'Poppins', sans-serif;
    font-size: 24px;
    color: #FFF;
}
.group-promo h3 {
    font-size: 28px;
    font-family: 'Sansita', sans-serif;
}
.pf-alert-info {
    background-color: var(--pf_blue);
    border-bottom: var(--pf_blue);
    border-color: var(--pf_blue);
    color: #FFF;
}
.pf-alert-info i{
    color: #F0C12C ;
}

.title-card {
    font-size: 20px;
}
form.config-campaing button.btn.btn-primary.bg-pf {
    font-size: 14px;
}
p.mb-0.title.discount-text {
    font-size: 14px;
    position: absolute;
    top: 0;
    z-index: 100000000;
    display: block;
    text-align: center;
    width: 100%;
    height: 100%;
    line-height: 50px;
    font-weight: 600;
}
.grid-interest {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
/*.grid-interest::after {
    content: "";
    flex: auto;
}*/
.sucrition-card-container {
    height: 250px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.button-intereses-container button {
    width: 110px;
}
.custom-switch .custom-control-label::after {
/*    background-color: #FFF;
    height: 20px;
    width: 20px;*/
}
/*.custom-control-label::before {
    background-color: #aac0e0;
    height: 24px;
    width: 42px !important;
    margin-right: 50px;
}*/
.custom-switch .custom-control-input:checked~.custom-control-label::after {
    /*-webkit-transform: translateX(.35rem);
    transform: translateX(1.35rem);*/
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #0E4A80;
    background-color: #0E4A80;
    /*width: 42px;*/
}
.config-campaing label {
    font-weight: 700;
    text-align: center;
    display: block;
    color: var(--pf_blue);
    font-size: 13px;
}

.table-config .table th {
    border-top: 0;
    border-bottom: 0;
}
.table-config th {
    font-size: 11px;
    color: rgba(15, 76, 130, 0.5);
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: transparent;
}
.table-config th {
    font-size: 11px;
    color: rgba(15, 76, 130, 0.5);
    background: #f8f9fb;
    border: 1px solid #EDF1F6;
}
.table-striped tbody tr:nth-of-type(even), .table-striped.active tbody tr {
    background-color: #F7F9FE;
}

.table tr:first-child td {
    border-top: 0;
}

.table-config .text-secondary {
    color: #909fbf !important;
}
ul#suboptions-nav .nav-link.active i {
    color: #f0c12c;
}
.table-config th {
    font-weight: 100 !important;
}
.table-config td {
    font-weight: 500;
}
.config-campaing .form-control.no-focus {
    color: var(--pf_blue);
    font-size: 14px;
    font-weight: 500;
}
.table-config .form-control.text-success {
    font-weight: 600;
    font-size: 14px;
}
.table td, .table th {
    border-top: 1px solid #EDF1F6;
}

.modal-header.calendario-llamada-exclusiva {
    background: #BF9727;
    border-color: #BF9727;
}
.btn-primary:hover, .btn-primary:focus,  .btn-primary:active, .btn-primary:disabled  {
    color: #fff;
    background-color: #0a3861 !important;
    border-color: #0a3861 !important;
}
button.btn-pf-alt {
    background: #FFF;
    color: var(--pf_blue);
    border: 2px solid var(--pf_blue);
}
.w-40{
    width: 40% !important;
}


input.form-control-pf {
    background: #F0F3F8;
    border: 0;
    height: 38px;
    padding-left: 10px;
    border-radius: 8px;
    width: 100%;
}

.busqueda-form i.fas.fa-search.search-icon-modal {
    color: #0F4C82;
    right: 15px;
    position: absolute;
    top: 10px;
}

#modalBusqueda .follows-list li:not(:first-child){
    border-top: 1px solid #F0F3F8;
}


.follows-list .button-div {
    width: 100%;
    display: block;
    text-decoration: none;
    padding: 15px 10px;
    border-radius: 4px;
    transition: .15s cubic-bezier(0.55, 0.06, 0.68, 0.19);
}
.follows-list .button-div:hover {
    background: #EDF1F6;
    transition: .15s cubic-bezier(0.55, 0.06, 0.68, 0.19);
}
.buttons-profile-public{
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 100;
}

.buttons-profile-public a.share-button.portada-button {
    height: 40px;
    width: 40px;
    line-height: 40px;
    border-radius: 50px;
    color: #154c82;
    z-index: 10;
    position: relative;
    display: inline-block;
    font-size: 12px;
    background: rgba(255, 255, 255, .8);
    transition: .15s ease-in-out;
}
a.share-button.portada-button:hover {
    background: rgba(255, 255, 255, 1);
    box-shadow: 0 2px 5px 0 rgba(255,255,255, 0.1);
    transition: .15s ease-in-out;
}
a.share-button.portada-button.follow-user-profile {
    width: 100px;
    font-weight: 600;
    text-decoration: none;
}
.hr-separador {
    border: 1px solid #EDF1F6;
}
ul.config-list {
    list-style: none;
    padding-left: 0;
}

.config-list li a {
    height: 50px;
    display: block;
    /*line-height: 50px;*/
    padding-left: 10px;
    margin-bottom: 10px;
    border-radius: 4px;
    color: var(--pf_blue);
    justify-content: flex-start;
    display: flex;
    align-items: center;
}

.config-list li.active a {
    background-color: #F6F8FB;
    font-weight: 700;
    text-decoration: none;
}
.card-options.support-page{
    padding: 40px 20px;
}
.config-list li a:hover {
    background-color: #F6F8FB;
    text-decoration: none;
}

#soporteAccordion .card-header {
    height: initial;
}

#soporteAccordion .card-header {
    height: initial;
    background: #EDF1F6;
    color: red;
}

#soporteAccordion .card-header {
    height: initial;
    background: #EDF1F6;
    color: red;
    border-bottom: 0;
    margin-bottom: 10px;
}
#soporteAccordion .card-header h5 button {
    color: #0F4C82;
    font-weight: 700;
}

div#soporteAccordion .card {
    border: 0;
}


.config-campaing .custom-pf-select, .custom-pf-select-container .custom-pf-select {
    position: relative;
    font-family: 'Lato', sans-serif;
    width: 100%;
}
.config-campaing .custom-pf-select select,  .custom-pf-select-container .custom-pf-select select {
  display: none;
}
.select-selected {
    background-color: #fdfdfe;
}
/* Style the arrow inside the select element: */
.select-selected:after {
    position: absolute;
    content: "\f078";
    font-family: 'Font Awesome 5 Free', sans-serif;
    font-weight: 900;
    top: 4px;
    right: 20px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    color: var(--pf_blue);
    transition: .15s ease-in-out;
}
/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
    content: "\f077";
    top: 4px;
    transition: .15s ease-in-out;
}

/* style the items (options), including the selected item: */
.select-selected {
    color: #323B46;
    padding: 8px 16px;
    border: 1px solid #DEEBFE;
    cursor: pointer;
    text-align: center;
    border-radius: 4px;
}
.select-items div {
    color: #0F4C82;
    padding: 8px 16px;
    cursor: pointer;
    text-align: center;
    border-radius: 4px;
}
.select-items div:hover, .same-as-selected {
    background-color: #F6F8FB;
}
/* Style items (options): */
.select-items {
    position: absolute;
    background-color: #FFF;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);
    padding: 5px;
}

/* Hide the items when the select box is closed: */
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
    background-color: #F6F8FB;
}

#campaignModal .modal-body.text-center {
    height: 80px;
    border-radius: 4px;
    align-items: center;
}

#campaignModal button.close {
    top: -20px;
    position: relative;
    display: block;
    right: -5px;
}

.card-options-header {
    box-shadow: 0 0 0 rgba(0,0,0,0);
    border-radius: 4px 4px 0 0;
    padding-bottom: 0;
}

.btn-config-pay label.custom-control-label, .btn-dropdown label.custom-control-label  {
    padding-left: 20px;
}

.btn-config-pay .custom-control-label::before, .btn-dropdown .custom-control-label::before  {
    width: 24px !important;
    height: 24px !important;
}
.btn-config-pay .custom-control-label::after, .btn-dropdown .custom-control-label::after  {
    top: 0.48rem !important;
    left: -1.22rem !important;
}

.custom-switch .custom-control-label::before, .custom-switch .custom-control-label::after {
    cursor: pointer;

}
.custom-switch .custom-control-label::after {
    cursor: pointer;

}
.custom-switch .custom-control-label::before {

   /* top: 0;
    height: 21px;*/
}
.custom-switch .custom-control-label::after {
    /*height: 17px;
    width: 17px;
    top: 1px;*/
}
i.fas.fa-phone.cancel-call {
    transform: rotate(
        225deg
    );
}
#modalAlertaLlamada .tag-name-main-reals, #modalAlertaVideoLlamada .tag-name-main-reals {
    top: 120px;
    bottom: unset;
}
#modalAlertaLlamada div#main-profile, #modalAlertaLlamada .item,
#modalAlertaVideoLlamada div#main-profile, #modalAlertaVideoLlamada .item {
    height: 640px !important;
}
#modalAlertaLlamada .modal-dialog.modal-dialog-centered, #modalAlertaVideoLlamada .modal-dialog.modal-dialog-centered {
    max-width: 440px;
}



.avatar-call-notification {
    background-color: #154c82;
    width: 250px;
    height: 250px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    margin: auto;
    border-radius: 50%;
    border: 6px solid #FFF;
    box-shadow: 0 2px 2px 0 #1a457447;
}
label.label-modal-exclusivo {
    font-weight: 700;
    color: #0F4C82;
}
button.btn.btn-primary.bg-pf.mr-2.btn-block.mr-2 {
    border: 2px solid #0F4C82;
}

#modalCalendario input.form-control, .form-pf input.form-control, .form-pf select.form-control, .form-pf textarea.form-control {
    background: #fdfdfe;
    border: 1px solid #deebfe;
    height: 40px;
    text-align: center;
    color: var(--pf_blue);
}
.form-pf textarea.form-control {
    background: #fdfdfe;
    border: 1px solid #deebfe;
    height: initial;
    text-align: center;
}
#modalCalendario textarea.form-control {
    background: #fdfdfe;
    border: 1px solid #deebfe;
}
#modalCalendario .form-control:disabled, #modalCalendario .form-control[readonly] {
    background-color: #e9ecef !important;
    opacity: 1;
}
a.nav-link.diamond-plus{
    position: relative;
}

a.nav-link.diamond-plus img {
    position: absolute;
    top: -1px;
    left: -5px;
    width: 25px;
}

a.nav-link.diamond-plus p {
    display: inline;
    position: absolute;
    right: 23px;
    top: 4px;
    font-weight: 700;
    color: var(--pf_blue);
    padding: 0;
    font-size: 18px;
}
.drop-profile-pic img {
    max-width: 50px;
    max-height: 50px;
    border-radius: 100%;
    border: 3px solid white;
    box-shadow: 0 1px 5px 0 rgba(0,0,0,0.1);
}
.drop-profile-container {
    position: relative;
    min-height: 70px;
    padding-bottom: 0;
}
h4.profile-name.text-center.text-gold.mt-4{
    font-size: 13px;
}
button.dropdown-item.drop-profile-container {
    height: 55px;
}
.profile-content{
    padding: 0 20px;
    padding-bottom: 10px;
}
.profile-drop-name {
    position: relative;
    left: -5px;
    top: 0;
    font-size: 13px;
    font-weight: 500;
}
.drop-profile-pic.d-inline-block {
    position: relative;
    top: -25px;
    left: -10px;
}

.dropdown-profile button.dropdown-item:hover:not(.drop-profile-container) {
    background: #F6F8FB;
    width: 90%;
    margin: auto;
    border-radius: 4px;
    transition: .25s cubic-bezier(0.46, 0.03, 0.52, 0.96);
}
.btn.btn-config {
    border: 1px solid #EDF1F6;
    color: var(--pf_blue);
    padding: 7px 10px;
    font-size: 14px;
    border-radius: 8px;
}
.px-10{
    padding: 10px;
}
.btn-primary:hover {
    color: #fff;
    background-color: #284a69;
    border-color: #284a69;
    transition: .15s ease-in-out;
}
.label-wallet{
    display: flex;
    align-items: center;
    font-weight: 600;
}
.from-group.group-gem {
    position: relative;
    font-weight: 700;
}
.from-group.group-gem .fa-gem {
    position: absolute;
    top: 15px;
    left: 10px;
    z-index: 100;
    border-right: 1px solid #deebfe;
    padding-right: 10px;
}
#modalRetiro .modal-header {
    border: 0;
}
span.modal-step {
    color: #FFF;
    background: #0F4C82;
    width: 25px;
    height: 25px;
    line-height: 25px;
    display: inline-block;
    border-radius: 100%;
    text-align: center;
    margin-right: 10px;
    font-size: 17px;
    margin-top: 0;
    position: relative;
}

.form-pf label {
    font-weight: 700;
    color: var(--pf_blue);
    position: relative;
}

.form-pf small{
    color: #AFCBE2;
    font-size: 13px;
}

hr.modal-divider-pf.mt-0 {
    border: 1px solid #EDF1F6;
    width: 90%;
    height: 0;
}

.modal-dialog.modal-dialog-centered {
    max-width: 630px;
}

.first-tab-card{
    border-radius: 0 0 8px 8px;
}

label.custom-file-label {
    background: #fdfdfe;
    border: 1px solid #deebfe;
}

.modal textarea.form-control {
    background: #fdfdfe;
    border: 1px solid #deebfe;
}
.modal textarea.form-control::placeholder {
    color: rgba(15, 76, 130, 0.6);
    font-size: 14px;
}
#results img {
    width: 100%;
    height: auto;
    border: 4px solid #FFF;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
    margin-bottom: 20px;
    border-radius: 4px;
}

#results2 img {
    width: 100%;
    height: auto;
    border: 4px solid #FFF;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
    margin-bottom: 20px;
    border-radius: 4px;
}

.post-user-entry {
    /*background: #0f4c8208;*/
    padding: 0;
    border-radius: 8px;
    position: relative;
}

.dropdown.d-inline-block.post-options.float-right {
    position: absolute;
    right: 10px;
    top: 10px;
}
.card-bdr-round{
    border-radius: 8px;
}
.post-pic-card img, .profile-small-pic {
    margin-top: 0;
    border-radius: 50%;
    border: 2px solid #FFF;
    box-shadow: 0 0 4px 0 rgba(0,0,0,0.2);
    width: 100%;
    height: auto;
}
.post-card-header .d-inline-block.post-pic-card {
    float: left;
}
.post-user-reply {
    padding-left: 60px !important;
    background: rgba(15, 76, 130, 0.02);
}
a.post-more-comment, a.post-less-comment {
    font-weight: 600;
    color: #BF9727;
    font-size: 14px;
}
.comment-username-tag {
    font-size: 12px;
    color: rgba(15, 76, 130, 0.8);
}
a.title.mr-2.active i {
    color: #C80000;
}

.modal-pf .modal-content {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}
.modal-pf .modal-body {
    /*overflow-y: auto;*/
}
.modal-pf .modal-header {
    border-bottom: 0;
}
.modal-pf .modal-footer {
    border-top: 0;
    justify-content: center;
}
.modal-pf .modal-footer button{
    padding-left: 40px;
    padding-right: 40px;
}
#modalBusquedaConfig .ui-slider-handle {
    width: 30px;
    height: 30px;
    top: -11px;
    text-align: center;
    line-height: 28px;
    border: 1px solid #708ea9 !important;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #e5f2ff;
    background: #e5f2ff;
    font-weight: normal;
    color: #ffffff;
    outline:0;
}
.modal-pf .modal-title{
    /*text-transform: uppercase;*/
}

.encuesta-card {
    background: rgba(240, 193, 44, .09);
    padding: 20px 30px;
    border-radius: 8px;
    width: 100%;
}
.encuesta-card {
    background-color: #FFFF;
    border: 1px solid var(--pf_blue);
}
.encuesta-card h6{
    font-size: 18px;
    font-weight: 700;
}
.chart-encuesta-container {
    height: 60px;
}
.chart-encuesta {
    width: 100%;
    z-index: 10;

}
div#chart-winner {
    padding-top: 10px;
    font-size: 16px;
}
.chart-vote-percent{
    border-radius: 8px;
    background: #3d8bd229;
}
.chart-encuesta-container.active p{
    font-weight: 900;
}
.chart-vote-percent{
    height: 40px;
}
/*.config-campaing input.form-control.text-center {
    height: 43px;
}
*/
.poll-aditional-info.title p {
    font-size: 13px;
}
.title-hr {
    border-bottom: 1px solid #EDF1F6;
    padding-bottom: 10px;
}

.icon-product-locked i {
    background: -webkit-linear-gradient(
        1deg
        , #AC894B 0.12%, #AC894B 9.51%, #F7EFB1 21.25%, #AC894B 99.86%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 30px;
}
.card-product {
    background: #FFFFFF;
    border: 1px solid rgba(15, 76, 130, 0.1);
    box-shadow: 0 2px 4px rgba(15, 76, 130, 0.07);
    border-radius: 8px;
    padding: 10px;
    margin-bottom: 10px;
    min-height: 180px;
}
.card-product-body {
    text-align: center;
    position: absolute;
    background: #00000024;
    height: calc(100% - 8px);
    width: calc(100% - 8px);
    top: 4px;
    left: 4px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.card-product-img {
    position: absolute;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 8px;
    top: 4px;
    left: 4px;
    filter: blur(2px);
}
.card-product-header{
    position: relative;
}
.card-product-header img{
    border-radius: 8px;
}

.card-product .card-product-footer {
    position: absolute;
    height: calc(100% - 8px);
    width: calc(100% - 8px);
    top: 4px;
    left: 4px;
    z-index: 1000;
    background: #00000073;
    flex-direction: column;
    padding: 10px;
    justify-content: center;
    border-radius: 8px;
    opacity: 0;
    display: flex;
    transition: .15s ease-in-out;
}
.card-product:hover .card-product-footer {

    transition: .15s ease-in-out;
    opacity: 1;
}
.product-type {
    position: absolute;
    bottom: 5px;
    right: 5px;
    color: #FFF;
    font-size: 12px;
}
.product-badge-discount {
    position: absolute;
    left: -20px;
    top: -14px;
    background: #F0C12C;
    color: #FFF;
    font-weight: 500;
    width: 45px;
    height: 45px;
    border-radius: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    box-shadow: 0 0 2px 0 #0f4c8226;
    z-index: 1010;
}
.btn-shop-store {
    width: 60px;
    height: 60px;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    border-radius: 50%;
    background: linear-gradient(
        0deg
        , #367dbc 0%, #0F4C82 80%);
    border: 2px solid #0F4C82;
    transition: .15s ease-in-out;
    color: #FFF;
}
.btn-shop-store:hover {
    color: #FFF;
    transform: translateY(-5px);
}

.btn-shop-store-add {
    width: 60px;
    height: 60px;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    border-radius: 50%;
    background: linear-gradient(
        0deg
        , #367dbc 0%, #0F4C82 80%);
    border: 2px solid #0F4C82;
    transition: .15s ease-in-out;
    color: #FFF;
}
.btn-shop-store-add:hover {
    color: #FFF;
    transform: translateY(-5px);
}

.card-product-header .product-discount-tag {
    background: #F0C12C;
    position: absolute;
    padding: 5px 10px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    color: #FFF;
    top: -5px;
    left: -5px;
    text-shadow: 1px 1px 1px #00000070;
}
.price-old{
    color: #979797;
    text-decoration: line-through;
    font-size: 12px;
    line-height: 25px;
    margin-bottom: 0;
}

.price-tag{
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 0;
}
.price-tag.price-discount{
    color:#F0C12C;
}

p.product-description{
    font-size:13px;
}
.edit-link {
    position: absolute;
    top: -20px;
    right: -10px;
    font-size: 13px;
}
.edit-link a{
    color:#C0CCDA;
}
.edit-link i.fas.fa-pen.mr-1 {
    font-size: 12px;
}
.title-product{
    color: #000000;
    font-weight: 700;
}

.form-pf .form-check-label {
    color: #687081;
    font-weight: 100;
}

.modal-pf .modal-dialog {
    /*height: 100%;*/
    padding-bottom: 60px;
}
.modal-pf .modal-content {
    max-height: calc(100% - 50px);
    padding: 10px 20px;
}
.modal-pf .modal-body {
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0 30px;
}

.modal-body::-webkit-scrollbar {
    width: 10px;
    position: relative;
}

/* Track */
.modal-body::-webkit-scrollbar-track {
    margin-right: 10px;
    border-radius: 4px;
    background: #f1f1f1;

}

/* Handle */
.modal-body::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: #506d86;
    transition: .15s ease-in-out;
}

/* Handle on hover */
.modal-body::-webkit-scrollbar-thumb:hover {
    background: #284a69;
    transition: .15s ease-in-out;
}

/*.dropdown-menu.dropdown-menu-right.dropdown-profile.show {
    top: 50px;
    left: -10px;
}*/
/*.container.navbar-pf-cont {
    max-width: 1140px;
}*/
div#options-nav {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 14px;
}
/* @media (min-width: 1200px){
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 960px;;
    }
} */

.btn-alt {
    color: #0F4C82;
    border: 2px solid #0F4C82;
    background: #FFF;
    font-size: 14px;
}
a.share-button.portada-button.active {
    background: rgba(255, 255, 255, .8);
    color: var(--pf_blue);
    border: 0 solid var(--pf_blue);
}

#calendarPF .btn-group>.btn-group:not(:last-child)>.btn, #calendarPF .btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
    background: #0F4C82;
    border-color: #0F4C82;
}

#calendarPF .btn-primary {
    background-color: #3e81bb;
    border-color: #3e81bb;
}

.fc .fc-toolbar-title {
    font-size: 1.75em;
    margin: 0;
    color: var(--pf_blue);
    text-transform: uppercase;
}

.portada-button .dropdown-item {
    font-size: 15px;
    padding-left: 0;
    padding-right: 0;
}
.portada-button .dropdown-profile.show {
    min-width: 210px;
    padding-left: 10px;
    padding-right: 10px;
}

form.config-campaing.form-pf input, form.config-campaing.form-pf select, form.config-campaing.form-pf button {
    height: 35px;
}

.modal-open .modal {
    overflow-y: hidden;
}

button.close.custom-close-img {
    position: absolute;
    right: 10px;
    top: 0;
    color: #FFF;
    text-shadow: 1px 1px 5px black;
}
.modal-open .modal.modal-zoom-post-img  {
    height: 100%;
    width: 100%;
    padding: 20px;
}
.modal-zoom-post-img .modal-content.modal-dialog {
    width: fit-content;
    height: 100%;
    margin-top: 0;
    max-width: 100% !important;
}

.modal-zoom-post-img img.img-fluid {
    height: 100%;
    /*width: 100%;*/
}

.yt-container iframe {
    max-width: 100%;
}

div#product-star {
    position: relative;
    top: inherit;
    left: initial;
}

div#product-star span.ml-2 {
    color: #0F4C82;
}

div#product-star a:not(.active) i {
    color: #0F4C82;
}

/*.owl-theme .owl-nav {
    position: relative;
    bottom: 220px;
}*/
#videoCarousel .owl-nav button {
    background: #0f4c8238 !important;
    height: 40px;
    width: 40px;
    border-radius: 100% !important;
}
button.owl-prev {
    float: left;
}
button.owl-next {
    float: right;
}

.owl-nav button span {
    color: #FFF;
    font-size: 27px;
}

#relatedCarousel .item{
    padding: 0;
}

#product-checkout img.w-100 {
    border-radius: 8px;
    border: 5px solid rgba(52, 108, 218, .26);
}

#product-resumen ul {
    list-style: none;
    padding-left: 0;
}
.breadcrumb-pf {
    padding-top: 20px;
    background: #FFF;
    padding: 20px;
    margin-top: 20px !important;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(47, 83, 151, .32);
    transition: .15s ease-in-out;
}
#product-payment-method .product-container {
    height: 140px;
    border: 1px solid #DEEBFE;
    line-height: 100px;
    border-radius: 8px;
    padding: 10px;
    text-align: center;
    justify-content: center;
    background: #FFF;
    display: flex;
    align-items: center;
}
#product-payment-method .product-container.active {
    border: 4px solid #DEEBFE;
}
.product-title-details {
    font-size: 28px;
    text-align: center;
    font-weight: 500;
}
.logo-xs-pf img {
    width: 22px;
}
span.label-compra {
    opacity: .6;
}
#product-container .social-post a.social-media-product-modal {
    font-size: 17px;
    display: flex;
    align-content: center;
}

.compra-container-detail{
    width: 100%;
    height: auto;
    min-height: 500px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 8px;
}
#compraContainerList .compra-container-detail{
    min-height: 170px;
}
#videoCarousel .btn.btn-primary.bg-pf {
    font-size: 12px;
}

.container-subastas .card-product-header {
    height: 220px;
}
.container-subastas .card-product-header img {
    height: 100%;
    object-fit: cover;
    object-position: center top;
}


.container-subastas .card-product-price {
    display: block;
    position: relative;
    height: 40px;
    line-height: 40px;
}

.container-subastas .block-suscription {
    background-image: url('../images/bg-subasta.png');
    height: 140px;
}

.container-subastas .timer-blocks {
    font-size: 16px;
}

.container-subastas .block-suscription h6 {
    font-size: 11px;
    font-weight: 100;
}

.container-subastas .timer-blocks {
    height: 40px;
    line-height: 40px;
}
.container-subastas .timer-blocks {
    height: 40px;
    line-height: 40px;
}
.container-subastas .timer-blocks.timer-seconds, #bipUpProducto .timer-blocks.timer-seconds, .timer-blocks.timer-seconds {
    background: rgba(177,137,55,0.29);
}

section#zone .btn {
    /*height: 40px;*/
    font-size: 13px;
}
section#zone .card-options {
    padding: 20px 40px;
    position: relative;
}

/*.card-options.post-card i {
    color: #72889B;
    color: rgba(15, 76, 130, 0.35);
}*/
.post-user-name .fecha-post {
    font-size: 12px;
    color: #98A9BD;
    font-weight: 400;
}
.post-options .btn-link i {
    width: 16px;
    font-size: 16px;
    color: #919EAB;
}
.card-options.post-card i.active {
    color: #72889B;
}
.post-list .card-options, #post-entry-box .card-options{
    padding: 30px 60px;
}
.post-card-body img {
    border-radius: 8px;
    max-height: 340px;
    object-fit: cover;
    object-position: center center;
}

.card-product h6.title-product {
    font-size: 13px;
}
.card-product a:hover {
    text-decoration: none;
}
.buttons-action-bar a, .edit-link a {
    color: rgba(15, 76, 130, 0.35);
    text-decoration: none;
    transition: .15s ease-in-out;
}
.buttons-action-bar a:hover {
    color: rgba(15, 76, 130, 0.6);
}
.card-product-body .btn-group.user-options-drop {
    position: absolute;
    right: -4px;
    font-size: 12px;
    top: 7px;
}

a.link-options.title.dropdown-toggle {
    width: 15px;
}

a.social-media-product-modal {
    font-size: 20px;
    text-decoration: none;
}
.filter-option-inner-inner img.flag-logo, .text img.flag-logo {
    max-width: 16px;
}
.btn-config-pay .custom-radio .custom-control-input:checked~.custom-control-label::after {
    content: "\f00c";
    color: #FFF;
    background: none;
    font-size: 11px;
    width: 16px;
    height: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.bootstrap-select>.dropdown-toggle.bs-placeholder, .bootstrap-select>.dropdown-toggle.bs-placeholder:active, .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
    color: var(--pf_blue);
}
.text-underline{
    text-decoration: underline;
}
a.mr-4.active .fa-heart {
    color: #C80000;
}
a .fa-facebook, a .fa-twitter., a .fa-instagram{
    transition: .15s ease-in-out;
}
/*a .fa-facebook:hover {
    color: hsl(214, 89%, 52%);
}*/
a .fa-twitter:hover {
    color: rgb(29, 161, 242);
}
a .fa-instagram:hover {
    background: -webkit-linear-gradient(
        45deg
        , #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.block-suscription button.btn.btn-primary.bg-pf {
    font-size: 13px;
    margin-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
}

.form-control:disabled, .form-control[readonly] {
     background-color: transparent;
    opacity: 1;
    border: 0;
}

.form-control.no-focus {
    color: #495057;
    background-color: #fff;
    border: none #80bdff;
    outline: 0;
    box-shadow: none;
}

#product-container .form-control.d-inline-block {
    width: auto;
}

#crearSubastaModal.modal-pf .modal-content, #crearProductoModal.modal-pf .modal-content, #showAdressBet.modal-pf .modal-content, #crearSubastaModal.modal-pf .modal-content{
    max-height: 100%;
    height: auto;
}
.b-radius{
    border-radius: 8px;
}
.delete-product{
    position: absolute;
    right: 20px;
    font-size: 20px;
}

.social-media-product-modal.active i {
    color: var(--pf_blue);
}

.alert.alert-warning.pf-alert-info {
    font-size: 15px;
}
#misPrivilegiados .nav-link {
    font-size: 13px;
}
#misPrivilegiadosContent .user-follows-name h6 {
    font-size: 14px;
}
#misPrivilegiadosContent .user-follows-name a {
    font-size: 12px;
    color:var(--pf_blue);
}
.table-privileges {
    font-size: 14px;
}
.table-privileges .table th {
    border-top: 0;
    font-size: 14px;
    font-weight: 100;
    color: #B9B9B9;
    padding: 10px;
}

.table-privileges .table th a {
    font-size: 12px;
}
.table-privileges td{
    color:var(--pf_blue);
    padding: 10px;
}

#filterButtonPostZone, #filterButtonPrivilege{
    border-radius: 4px;
    transition: .35s cubic-bezier(0.65, 0.05, 0.36, 1);
}
#filterButtonPostZone a.dropdown-toggle, #filterButtonPrivilege a.dropdown-toggle{
    width: 30px;
    height: 35px;
    margin-top: 4px;
}
#filterButtonPrivilege{
    width: 4%;
    display: inline-block;
    margin-right: 0;
    float: right;
    height: 38px;
}
#filterButtonPostZone, .filterButton{
    width: 4%;
    float: revert;
    height: 38px;
    position: absolute;
    right: 0;
    top: 0;
}
div#filterButtonPostZone:hover, div#filterButtonPrivilege:hover {
    background: #f5f7fa;

}

#filterButtonPostZone2, #filterButtonPrivilege2{
    border-radius: 4px;
    transition: .35s cubic-bezier(0.65, 0.05, 0.36, 1);
}
#filterButtonPostZone2 a.dropdown-toggle, #filterButtonPrivilege2 a.dropdown-toggle{
    width: 30px;
    height: 35px;
    margin-top: 4px;
}
#filterButtonPrivilege2{
    width: 4%;
    display: inline-block;
    margin-right: 0;
    float: right;
    height: 38px;
}
#filterButtonPostZone2, .filterButton{
    width: 4%;
    float: revert;
    height: 38px;
    position: absolute;
    right: 0;
    top: 0;
}
div#filterButtonPostZone2:hover, div#filterButtonPrivilege2:hover {
    background: #f5f7fa;

}

#filterButtonPostZone3, #filterButtonPrivilege3{
    border-radius: 4px;
    transition: .35s cubic-bezier(0.65, 0.05, 0.36, 1);
}
#filterButtonPostZone3 a.dropdown-toggle, #filterButtonPrivilege3 a.dropdown-toggle{
    width: 30px;
    height: 35px;
    margin-top: 4px;
}
#filterButtonPrivilege3{
    width: 4%;
    display: inline-block;
    margin-right: 0;
    float: right;
    height: 38px;
}
#filterButtonPostZone3, .filterButton{
    width: 4%;
    float: revert;
    height: 38px;
    position: absolute;
    right: 0;
    top: 0;
}
div#filterButtonPostZone3:hover, div#filterButtonPrivilege3:hover {
    background: #f5f7fa;

}
#filterButtonPrivilege .dropdown-toggle::after, #filterButtonPostZone .dropdown-toggle::after, .filterButton .dropdown-toggle::after{
    content: none;
}
#filterButtonPrivilege2 .dropdown-toggle::after, #filterButtonPostZone2 .dropdown-toggle::after, .filterButton .dropdown-toggle::after{
    content: none;
}
#filterButtonPrivilege3 .dropdown-toggle::after, #filterButtonPostZone3 .dropdown-toggle::after, .filterButton .dropdown-toggle::after{
    content: none;
}
.dropdown-menu.dropdown-filter.show {
    min-width: 190px;
    text-align: center;
}
.dropdown-item:focus, .dropdown-item:hover, .dropdown-item.active  {
    background-color: #0F4C82;
    color: white !important;
}

#filterButtonPrivilege.dropdown-menu.show {
    padding: 10px;
}
.dropdown-filter a.dropdown-item {
    color: #0F4C82;
    font-weight: 600;
    font-size: 14px;
    margin: 10px;
    width: auto;
}

.dropdown-filter h6{
    font-size: 15px;
}

.modal-pf button.close {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #B6C9D9;
    font-size: 20px;
    z-index: 100;
}
span#resend_chat_selected_count {
    position: absolute;
    left: 30px;
}
.modal-header.pb-0.d-block {
    border-bottom: 1px solid #DEEBFE;
    margin-bottom: 20px;
}
.modal-pf .modal-title{
    margin-bottom: 10px;
    margin-top: -10px;
}

.pf-info-info {
    background-color: rgba(192,204,218,0.14);
    border-color: rgba(192,204,218,0.14);
}

.d-flex.row-diamond-buy {
    padding: 6px 20px;
    border-radius: 4px;
}

a.d-flex.row-diamond-buy {
    color: #0F4C82 !important;
    transition: .35s cubic-bezier(0.65, 0.05, 0.36, 1);
    height: 50px;
    line-height: 40px;
}
a.d-flex.row-diamond-buy:nth-child(odd) {
    background: rgba(15, 76, 130, 0.08);
}
a.d-flex.row-diamond-buy:hover {
    text-decoration: none;
    background:rgba(15, 76, 130, .18);
}


.btn-modal {
    font-size: 14px;
    padding: 6px 10px!important;
    width: 250px;
    height: 40px;
}
.position-absolute.ad-content-txt {
    color: #FFF;
    bottom: 5px;
    width: 100%;
    text-align: center;
    font-size: 12px;
}
button.btn.btn-primary.btn-buy-diamond {
    padding: 5px 30px;
    background: #F0c12c;
    border-color: #F0c12c;
    color: #0F4C82;
    font-size: 14px;
    font-weight: 600;
}
button.btn.btn-primary.btn-buy-diamond:hover {

    background: #F0c12c !important;
    border-color: #F0c12c !important;
    color: #0F4C82 !important;
    text-decoration: none !important;
}

.modal-pf .form-control[readonly] {
    font-weight: 600;
    font-size: 16px;
    background: rgba(192,204,218,0.14);
    border: 0 rgba(192, 204, 218, 0.14);
}
.modal-pf.modal-small .modal-content {
    height: auto;
}

.modal-pf .modal-header {
    text-align: center;
    display: block;
}

.input-gem-cont{
    position: relative;
}
.input-gem-cont i{
    position: absolute;
    left: 10px;
    top: 14px;
    border-right: 1px solid #deebfe;
    padding-right: 10px;
    color: #0F4C82;
}

#comprarMoneda .modal-dialog{
    max-width: 630px;
}

.moneda-valor-gem{
    text-decoration: none;
    color: #333;
}

.btn-add-gem img {
    height: auto;
    width: 27px;
}

.svg-pf-logo-share img {
    height: auto;
    width: 20px;
    margin-top: -4px;
}

#options-nav .nav-link {
    padding-left: 8px;
    padding-right: 8px;
}



/* Estilos del reporductor de audio */
div#recording-dot {
    background: #C80000;
    border-radius: 50px;
    height: 9px;
    width: 8px;
    margin-right: 6px;
}
.recording-container {
    text-align: center;
    padding-top: 10px;
    margin-bottom: -20px;
    font-size: 13px;
    font-weight: 700;
    color: #326694;
    position: absolute;
    width: 100%;
}
.div-recording audio {
    width: 100%;
}
.holder {
    background: #F6F8FB;
    width: 200px;
    height: 120px;
    border-radius: 8px;
    box-shadow: 0 0 0 4px rgba(50, 102, 147, .5);
    margin-top: 20px;
    margin-left: 50px;
    position: relative;
}

    [data-role="controls"], [data-role="controls-stop"]  {
        transition: .35s ease-in-out;
        margin: 40px 30px;
    }
    [data-role="controls"] > button, [data-role="controls-stop"] > button{
        width: 40px;
        height: 40px;
        border-radius: 50%;
        cursor: pointer;
        transition: .35s ease-in-out;
        position: relative;
        outline: none;
        border: none;
    }

    [data-role="controls-stop"] > button  {

        background-color: #d64f50;

    }
        [data-role="controls"] > button:hover {
        background-color: rgba(15, 76, 130, 1.00);
    }
    [data-role="controls"] > button[data-recording="true"] {
        background-color: #4caf50;
    }
    [data-role="recordings"] > .row {
        width: auto;
        height: auto;
        padding: 20px;
    }
    [data-role="recordings"] > .row > audio {
        outline: none;
    }
    [data-role="recordings"] > .row > a {
        display: inline-block;
        text-align: center;
        font-size: 20px;
        line-height: 50px;
        vertical-align: middle;
        width: 50px;
        height: 50px;
        border-radius: 20px;
        color: #fff;
        font-weight: bold;
        text-decoration: underline;
        background-color: #0093E9;
        background-image: -webkit-gradient(linear, left bottom, left top, from(#0093E9), to(#80D0C7));
        background-image: -o-linear-gradient(bottom, #0093E9 0%, #80D0C7 100%);
        background-image: linear-gradient(0deg, #0093E9 0%, #80D0C7 100%);
        float: right;
        margin-left: 20px;
        cursor: pointer;
    }
    [data-role="recordings"] > .row > a:hover {
        text-decoration: none;
    }
    [data-role="recordings"] > .row > a:active {
        background-image: -webkit-gradient(linear, left top, left bottom, from(#0093E9), to(#80D0C7));
        background-image: -o-linear-gradient(top, #0093E9 0%, #80D0C7 100%);
        background-image: linear-gradient(180deg, #0093E9 0%, #80D0C7 100%);
    }


    .bootstrap-select .dropdown-toggle:focus, .bootstrap-select>select.mobile-device:focus+.dropdown-toggle{
        outline: none !important;
    }
    a.btn-delete-audio-input {
        position: absolute;
        right: 0;
        top: 15px;
        z-index: 11;
        background: #C0CCDA;
        color: #FFF;
        height: 20px;
        width: 20px;
        text-align: center;
        line-height: 20px;
        border-radius: 30px;
        font-size: 11px;
    }
.social-post a.social-media-product-modal {
    font-size: 16px;
}


.fav-post-btn.active i{
    color: #F0C12C !important;
}
.fav-post-btn-action.active i{
    color: #F0C12C !important;
}

.repost-post-btn.active i{
    color: #4CAF50 !important;
}

.card-pago {
    height: 130px;
    border-radius: 8px;
    text-align: center;
    line-height: 80px;
    background: #FFF;
    border: 1px solid #DDDDDD;
    padding: 20px;
}
.card-pago.active {
    border: 4px solid rgba(52, 108, 218, .24);
}

.fav-alert {
    background: #0F4C82;
    padding: 10px;
    text-align: center;
    width: 160px;
    border-radius: 8px;
    position: absolute;
    top: -100px;
    right: -60px;
    box-shadow: 0 2px 10px 0 rgba(255, 255, 255, .96);
}

.fav-alert:after {
    content: " ";
    background: #0F4C82;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: -10px;
    left: 71px;
    transform: rotate(45deg);
    z-index: 1;
}
.fav-alert p{
    color: #FFF;
}
.fav-container-post {
    position: relative;
}
.fav-block-img img {
    width: 100%;
}
i.fas.fa-times.close-fav {
    position: absolute;
    right: 8px;
    top: 8px;
}


.zone-selector{
    width: auto !important;
}

#encuestaModal .modal-pf .modal-content {
    padding-left:0;
    padding-right: 0;
}
.imgEncuesta{
    background: #f6f8fb;
    width: 100% !important;
    text-align: left !important;
    padding: 6px 10px !important;
    height: 38px !important;
    border-radius: 4px !important;
}

.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle {
    background-color: #0f4c822e;
    border-color: #0f4c822e;
    color: var(--pf_blue);
}
button.btn.dropdown-toggle.btn-light{
    border-radius: 4px;
}

#encuestaModal .preview-upload-area.active.d-inline-block:first-child {
    margin-left: 0;
    margin-top: 0;
}

.fav-block {
    border-radius: 4px;
    margin-bottom: 20px;
}

.fav-block-img {
    height: auto;
    width: 100%;
    border-radius: 4px;
    position: relative;
}
.fav-block-img .fas.text-white {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.blinking {
  -webkit-animation: 1.5s blink ease infinite;
  -moz-animation: 1.5s blink ease infinite;
  -ms-animation: 1.5s blink ease infinite;
  -o-animation: 1.5s blink ease infinite;
  animation: 1.5s blink ease infinite;

}

@keyframes blink {
  from, to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

@-moz-keyframes blink {
  from, to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

@-webkit-keyframes blink {
  from, to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

@-ms-keyframes blink {
  from, to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

@-o-keyframes blink {
  from, to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
.card-soporte {
    background: rgba(192, 204, 218, 0.14);
    border-radius: 8px;
    height: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}

audio::-webkit-media-controls-enclosure {
    border-radius: 8px;
}
audio::-webkit-media-controls-panel {
    background: #F6F8FB;
    border-radius: 4px;
}

audio::-webkit-media-controls-current-time-display, audio::-webkit-media-controls-time-remaining-display {
    color: var(--pf_blue);
    font-weight: 400;
    font-family: 'Lato';
}


input[pseudo="-webkit-media-controls-timeline" i]::-internal-track-segment-highlight-before {
    height: 4px;
    position: absolute;
    background: -internal-light-dark(rgba(255, 0, 0, 0.87), rgba(255, 255, 255, 0.87));
    border-radius: 100px;
}

select#hora, select#min {
    transition: .35s ease-in-out;
}
select#hora:disabled, select#min:disabled {
    background: rgba(192, 204, 218, 0.14);
}



.social-media-product-modal.active i.fa-twitter {
    color: #1da1f2;
}

.social-media-product-modal.active i.fa-facebook {
    color: #1977f3;
}

.social-media-product-modal.active i.fa-instagram {
    color: #cc2366;

}
.post-tag-area h6 {
    padding-bottom: 20px;
    margin-bottom: 0;
}
.modal-pf .modal-dialog .modal-content {
    padding-left: 0;
    padding-right: 0;
}
.modal-pf .modal-header {
    margin-left: 20px;
    margin-right: 20px;
}
div#modalUsersCommentsPost .modal-content, div#modaluserLikesPost .modal-content {
    max-height: 660px;
}
div#timerContainerInner {
    display: flex;
}
.timer-container .timer-blocks {
    margin-bottom: 5px;
}
div#timerContainerInner > div {
    display: flex !important;
    flex-direction: column;
    width: 50px;
    align-items: center;
}
.badge-container {
    position: absolute;
    bottom: 10px;
    left: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.tag-privilegiado-pf {
    min-width: 190px;
    border-radius: 50px;
    background: rgba(15, 76, 130, 0.5);
    color: #FFF;
    text-align: left;
    padding: 5px;
    font-size: 14px;
    font-weight: 500;
    margin-right: 10px;
    align-items: center;
    justify-content: center;
}
.badge-18 {
    background: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
.post-card-header h6 {
    font-size: 16px;
}
.post-card-header a:hover {
    text-decoration: none;
}
.post-card-header > div > a.title {
    font-size: 14px;
}
.post-card-comment-body {
    padding: 10px 0;
    border-top: 1px solid #EDF1F6;
}
.modal .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn), .modal .zone-selector button.btn.dropdown-toggle.btn-light {
    width: 100% !important;
}
.mini-card-profile {
    min-width: 300px;
    max-width: 310px;
    min-height: 200px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    box-shadow: 0 0 10px 0 rgba(15, 76, 130, .17);
}
.mini-card-profile-name h5 {
    font-size: 16px;
}
.mini-card-profile-name h6 {
    font-size: 14px;
}

.mini-card-profile-pic img {
    border-radius: 50px;
    box-shadow: 0 0 5px 0 rgba(15 76 130 .2);
}
.post-card-comment .d-block.post-user-name h6 {
    font-size: 16px;
}
.pf-text-2nd {
    color: rgba(15, 76, 130, 0.8);
    transition: .15s ease-in-out;
}
.pf-text-secondary {
    color: rgba(15, 76, 130, 0.8);
    word-break: break-word;
}
.post-card-comment .pf-text-secondary {
    padding-right: 40px;
}
.post-card-comment:last-child {
    border-bottom: 1px solid #EDF1F6;
}
button.btn.btn-primary.bg-pf.mt-2.position-relative.suscription-promo-btn{
    top:120px;
}
.more-comment a {
    font-size: 12px;
}
.block-suscription .div-hover {
    display: none;
    /*margin-top: -8px;*/
    background: rgba(0,0,0,0.6);
    width: 100%;
    height: 100%;
    border-radius: 4px;
    backdrop-filter: blur(1px);
    z-index: 110;
    position: absolute;
    margin:auto;

}

.block-suscription-post .div-hover-post {
    display: none;
    background:rgba(31, 63, 102, 0.5);
    width: 98%;
    height: 100%;
    border-radius: 4px;
    backdrop-filter: blur(1px);
    z-index: 110;
    position: absolute;
    margin:auto;

}
.product-container .icon-product-locked {
    position: absolute;
    margin: auto;
    width: 100%;
    text-align: center;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
div#notification {
    width: 100%;
    z-index: 1000000000000000000000000000;
    top: 0;
    right: 0;
}
.product-container .icon-product-locked {
    position: absolute;
    margin: auto;
    width: 100%;
    text-align: center;
    height: 100%;
    display: flex;
    align-items: center;
    background: #00000073;
    justify-content: center;
    border-radius: 8px;
}
/* SECTION CHAT */
body#pf-chat {
    background: #F9FCFF;
    overflow: hidden;
}
aside.chat-sidebar {
    width: 416px;
    background: #FFF;
    height: calc(100% - 50px);
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 50px;
    border-right: 1px solid #EDF1F6;
    display: flex;
    flex-direction: column;
}
aside .chat-sidebar-header, aside .chat-sidebar-form{
    padding: 10px 20px;
}
.form-search-chat-user.form-group i {
    top: 25px;
    left: 10px;
    font-size: 13px;
}
.form-reals-chat .form-search-chat-user.form-group i {
    top: 32px;
    left: 10px;
    font-size: 13px;
}
.form-chat-buttons button {
    padding: 10px 15px;
    border-radius: 8px;
    color: #0F4C82;
    background: #F6F8FB;
    font-weight: 700;
    border: 0;
    font-size: 13px;
    max-width: 150px;
    outline: 0;
}
.chat-sidebar {
    border: 1px solid #edf1f6;
}
.form-chat-buttons .dropdown-menu.show {
    text-align: center;
}
.form-search-chat-user input.form-control.text-left {
    padding-left: 30px;
}
.block-chat {
    padding: 10px 20px;
    transition: .25s ease-in-out;
    border-bottom: 1px solid #EDF1F6;
}
.block-chat:hover {
    background-color: #EDF1F6;
}

.block-chat .block-chat-name {
    color: #0F4C82;
    font-size: 16px;
    margin-bottom: 0;
    font-weight: 100;
}
.block-chat-body .block-chat-preview {
    font-size: 14px;
    font-family: 'Lato', sans-serif;
    font-weight: 100;
    color: #7E7B7B;
    margin-bottom: 0;
}
.block-chat-message-inblock-chat-timer {
    width: auto;
    display: inline-block;
    font-size: 13px;
    color: rgba(47, 83, 151, 0.44);
    transition: .15s ease-in-out;
    position: relative;
    right: -10px;
}
.block-chat-options.active .block-chat-timer {
    right: 0;
    right: 0;
    margin-right: 10px;
    font-size: 12px;
    margin-top: -3px;
}
.block-chat-options {
    position: absolute;
    right: 10px;
    bottom: 25px;
    display: flex;
}
.block-chat-options i {
    color: rgba(47, 83, 151, 0.44);
    font-size: 13px;
}
.block-chat-list.mt-2 {
    overflow-y: auto;
    height: calc(100% - 172px);
    display: flex;
    flex-direction: column;
}
.form-chat-buttons .dropdown.bootstrap-select {
    width: 130px !important;
}
h6.block-chat-name.privilegiado {
    color: #DCB23C;
}

h6.block-chat-name.creador {
    color: #ec0d0d;
}
.block-chat-list {
    overflow-y: auto;
    height: calc(100% - 145px);
}

.block-chat-list::-webkit-scrollbar, .video-user-list::-webkit-scrollbar, .reto-body::-webkit-scrollbar, .chat-support-body::-webkit-scrollbar, .reto-body::-webkit-scrollbar {
    width: 10px;
    position: relative;
}

/* Track */
.block-chat-list::-webkit-scrollbar-track, .video-user-list::-webkit-scrollbar-track, .reto-body::-webkit-scrollbar-track, .chat-support-body::-webkit-scrollbar-track, .reto-body::-webkit-scrollbar-track {
    margin-right: 10px;
    border-radius: 4px;
    background: transparent;

}

/* Handle */
.block-chat-list::-webkit-scrollbar-thumb, .video-user-list::-webkit-scrollbar-thumb, .reto-body::-webkit-scrollbar-thumb, .chat-support-body::-webkit-scrollbar-thumb, .reto-body::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: rgba(217, 217, 217, 0.39);
    transition: .35s ease-in-out;
}

/* Handle on hover */
.block-chat-list::-webkit-scrollbar-thumb:hover, .video-user-list::-webkit-scrollbar-thumb:hover, .reto-body::-webkit-scrollbar-thumb:hover, .chat-support-body::-webkit-scrollbar-thumb:hover, .reto-body::-webkit-scrollbar-thumb:hover {
    background: #b6b6b6;
    transition: .35s ease-in-out;
}
.block-chat.d-flex.not-read h6, .block-chat.d-flex.not-read p {
    font-weight: 700;
}
.block-chat.d-flex.not-read p{
    color: #154C82;
}
.chat-not-read-counter span {
    position: absolute;
    background: #F02C2C;
    color: #FFF;
    border-radius: 50px;
    height: auto;
    width: auto;
    font-size: 9px;
    font-weight: 700;
    text-align: center;
    line-height: 15px;
    min-width: 1vw;
    min-height: 1vw;
    right: 10px;
    padding: 0.5px 3px;
}

.main-chat-block {
    background: #F9FCFF;
    margin-left: 416px;
    width: calc(100% - 416px);
    height: calc(100% - 50px);
}
.top-chat-bar {
    background: #FFF;
    height: 80px;
    padding: 10px;
    border-bottom: 1px solid #EDF1F6;
    position: relative;
    z-index: 990;
    border-top:1px solid #EDF1F6;
}
.avatar-container.d-flex {
    width: 60px;
    height: 60px;
}
.top-bar-name-tag .content-creator-badge {
    right: -20px;
    position: absolute;
    top: 12px;
}

p.top-bar-chat-status.mb-0 {
    font-size: 10px;
    color: #7E7B7B;
}

.bar-chat-option-btn{
    color: #0F4C82;
}
a.bar-chat-btn {
    color: #C0CCDA;
}
ul.chat-btn-bar-list.list-inline.mb-0 li {
    margin-left: 16px;
}
.main-chat-block .dropleft .dropdown-toggle::before {
    display: none;
}
.bar-chat-option-btn {
    width: 20px;
    text-align: center;
}
.bar-chat-option-btn-dropdown .dropdown-menu.dropdown-menu-righ.show{
    top: 30px !important;
    left: 20px !important;
    font-size: 12px;

}
.bar-chat-option-btn-dropdown .dropdown-menu.dropdown-menu-righ.show p {
    font-weight: 700;
}
.chat-message-block {
    background: transparent;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: calc(100% - 140px);
    margin-top: 0;
    padding: 20px;
    position: relative;
    overflow-x: hidden;
    overflow-y: scroll;
    transition: background .3s ease-out .1s;
    top: 0;
    width:
        100%;
    z-index: 100;
}

.chat-block-input-container {
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    flex: none;
    order: 3;
    width: 100%;
    min-height: 62px;
}
.chat-block-input-inner, .chat-block-input {
    box-sizing: border-box;
    flex: 1 1 auto;
    width: inherit;
    min-width: 0;
    min-height: 20px;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    outline: none;
    will-change: width;
    display: flex;
}
.chat-premiun-options {
    box-sizing: border-box;
    flex: none;
    min-height: 52px;
    display: flex;
    padding: 20px 0 20px 20px;
}

.chat-block-input-inner {
    height: 60px;
    border-top: 1px solid #EDF1F6;
    background: #FFF;
}
.chat-block-input form.pf-form.w-100 {
    padding: 10px 20px;
    margin-bottom: 0;
}

.chat-block-input form input{
    background: #F1F6F9;
    border: 1px solid #EDF1F6;
    box-sizing: border-box;
    border-radius: 8px;
    height: 38px;
    padding-left: 10px;
    color: #000;
    font-size: 14px;
    outline: none;
}

.chat-block-input form input::placeholder{
    color: #B9BFCA;
}
.message-bubble-chat {
    background: rgba(115, 189, 255, .5);
    padding: 16px;
    font-size: 14px;
    border-radius: 8px;
    max-width: 640px;
    display: flex;
    margin-left: 10px;
    position: relative;
    color: #1C5689;
    box-shadow: 0 1px 1px 0 rgba(15, 76, 130, .2);
    min-width: 130px;
    word-break: break-word;
}
.message-bubble-chat::after {
    content: "";
    position: absolute;
    background: #b6ddff;
    width: 15px;
    height: 15px;
    left: -6px;
    transform: rotate(45deg);
    z-index: 1;
    border-radius: 3px;
    top: 15px;
    box-shadow: 0 1px 1px 0 rgba(15 76 130 .2);
}
.chat-message-container {
    padding: 5px 0;
}
.chat-helper {
    flex: 1 1 auto;
    min-height: 12px;
}
.chat-conversation-container {
    flex: 0 0 auto;
}

.user-chat-bubble .block-chat-message-in{
    flex-direction: row-reverse;
}
.user-chat-bubble .message-bubble-chat {
    background: #DDEEFD;
    margin-left: 0;
    margin-right: 10px;
}
.user-chat-bubble .message-bubble-chat::after {
    background: #ddeefd;
    left: unset;
    right: -6px;
}
.chat-elements {
    position: absolute;
    right: 6px;
    bottom: 3px;
    display: flex;
    font-size: 10px;
    color: rgba(47 83 151 .44);
    z-index: 100;
}
#modalRegistroSesion .input-group-prepend:after {
    height: 38px;
    top: 0;
    left: 34px;
}
.chat-time {
    margin-right: 5px;
    margin-top: -3px;
    position: relative;
}
.chat-options-bubble i{
    color: #7BA0D1;
    top: 5px;
    right: 1px;
    position: absolute;
}
.chat-options-bubble {
    position: absolute;
    right: 0;
    top: 0;
}
.chat-options-bubble {
    position: absolute;
    right: 7px;
    top: 7px;
    font-size: 12px;
    animation: slide 0.5s forwards;
}
.block-chat-options .block-chat-menu {
    opacity: 0;
    right: -5px;
    transition: .15s ease-in-out;
    text-align: right;
}
.block-chat-options.active .block-chat-menu {
    opacity: 1;
    display: initial !important;
    right: 1px;
    text-align: right;
}
.block-chat-options .dropleft .dropdown-toggle::before {
    display: none;
}
span.moderador-tag {
    background: #0F4C82;
    color: #FFF;
    font-size: 10px;
    padding: 2px;
    border-radius: 4px;
    margin-left: 3px;
    bottom: 2px;
    position: relative;
    display: inline-block;
}

.chat-options-bubble {
    right: -2px;
    opacity: 0;
    transition: .15s ease-in-out;
    top: -4px;
    z-index: 10000;
    position: absolute;
}
.chat-options-bubble.active {
    right: 7px;
    opacity: 1;
    top: -4px;
}
#pf-chat .dropdown-item {
    color: var(--pf_blue);

}
.message-bubble-chat-system {
    background: rgba(0, 0, 0, 0.05);
    border-radius: 4px;
    font-size: 13px;
    padding: 5px 10px;
    color: rgba(15, 76, 130, 0.5);
}
.emoji-chat-button {
    color: var(--pf_blue);
    right: 30px;
    top: 25px;
}
.chat-premiun-options.d-flex a {
    color: #86A5C0;
    transition: .15s ease-in-out;
}
.chat-premiun-options.d-flex .active a, .chat-premiun-options.d-flex a:hover {
    color: #0F4C82 !important;
}
#modalNewChat button.bg-pf.btn.btn-primary.follow-buton {
    font-size: 13px;
    padding: 5px 10px;
}
.user-chat-name h6, .user-chat-name p {
    font-size: 14px;
}

#modalNewChat .post-pic-card img, .profile-small-pic{
    border: 0;
}
.post-pic-card .profile-small-pic {
    margin-top: 0;
    min-width: 24px;
}
#modalNewChat .follows-container li {
    padding-bottom: 15px;
    padding-top: 15px;
}
#modalNewChat .modal-pf .modal-dialog .modal-content {
    padding: 10px 20px;
}
.message-bubble-chat-alert {
    text-align: center;
    background: #E7F4FF;
    padding: 20px;
    border-radius: 8px;
    color: #154C82;
    min-width: 700px;
    margin-top: 20px;
}
.bubble-user-chat-alert {
    background: rgba(0, 51, 128, 0.1);
    padding: 10px;
    border-radius: 8px;
    width: 410px;
    margin: 20px auto auto;
}
.chat-message-container .btn-secondary{
    background: #C4C4C4;
    border-color: #C4C4C4;
}
img.loading-gif {
    width: 50px;
    transition: .1s ease-in-out;
}
.message-bubble-chat-img {
    height: 290px;
    width: 290px;
    background-position: center center;
    background-size: cover;
    position: relative;
    z-index: 10;
}
.message-bubble-chat.bubble-img-container .chat-time {
    color: #FFF;
}
.follows-container li.d-block.w-100 {
    padding: 10px;
    transition: .15s ease-in-out;
}
.follows-container li.d-block.w-100:hover {
    background-color: #EDF1F6;
}
input.resend-check {
    position: relative;
    left: -10px;
    top: 30px;
}

.block-chat-message-in.d-flex {
    transition: .15s ease-in-out;
}
.resend-container .block-chat-message-in.d-flex {
    transition: .15s ease-in-out;
    margin-left:20px;
}
.chat-block-resend-container {
    transition: .15s ease-in-out;
    position: relative;
    z-index: 1;
    bottom:0;
}
.chat-block-resend-container.active {
    bottom: 62px;
    display:flex;
}
.chat-block-resend-container {
    background: #FFF;
    height: 62px;
    border-top: 1px solid #EDF1F6;
    padding: 10px;
    font-size: 13px;
    color: var(--pf_blue);
    justify-content: flex-end;
    align-items: center;
    position: relative;
    display: none;
}

.chat-block-resend-container a{
    font-size: 16px;
}

.title-modal-call-exclusive {

    font-size: 40px;
}
i.fas.fa-comment-dollar.title-modal-call-exclusive {
    color: rgba(53, 194, 169, 0.5);
}
i.fas.fa-video.title-modal-call-exclusive {
    color: rgba(255, 10, 10, 0.5);
}

.form-pf .form-control:disabled {
    background: #D8E7EF !important;
}
.form-pf .form-control:disabled::placeholder {
    font-weight: 700;
    color: #C80000;
}
.form-pf .form-control:disabled::placeholder {
    font-weight: 700;
    color: #C80000;
}
/* VIDEOCHAT */

.sidebar-video-container {
    background: #FFF;
    width: 270px;
    padding: 20px 30px;
    height: calc(100vh - 50px);
    border-right: 1px solid rgba(15, 76, 130, 0.2);
    position: relative;
}
.user-cat{
    font-size: 13px;
}
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #0f4c82;
    border-color: #0f4c82;
}
.user-cat-name{
    font-size: 12px;
}
.user-list-video-avatar {
    width: 30px !important;
    height: auto;
}
.video-menu-options ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    margin-top:10px;
}
.video-menu-options li {
    border-top: 1px solid rgba(15, 76, 130, 0.05);
    height: 50px;
    line-height: 50px;
}
.video-menu-options a {
    font-weight: 700;
    color: var(--pf_blue);
    text-decoration: none;
}
.video-menu-options {
    position: absolute;
    bottom: 0;
    width: calc(100% - 60px);
}
.video-menu-options a {
    font-weight: 700;
    color: var(--pf_blue);
    text-decoration: none;
    width: 100%;
    display: block;
    padding-left: 10px;
    transition: .15s ease-in-out;
}

.video-menu-options a:hover {
    background-color: #EDF1F6;
    transition: .15s ease-in-out;
}
.jisty-container {
    background: black;
    height: calc(100vh - 158px);
    /*border-radius: 4px;*/
    /*margin: 20px 20px 10px;*/
}
#modalModoEspia .modal-dialog.modal-dialog-centered {
    max-width: 440px;
}
.chat-video-container {
    width: 590px;
    background: #FFF;
    border-left: 1px solid #cfdbe6;
    padding: 20px 30px;
    flex-direction: column;
}
.options-video-chat.d-flex {

    height: 60px;
    padding: 20px;
    display: flex !important;
    align-items: center;
}
.video-chat-message{
    font-size: 14px;
}

.vc-message-default {
    padding: 5px 0;
}
.video-chat-message span {
    font-weight: 600;
    margin-right: 5px;
}
span.user-chat-default {
    color: var(--pf_blue);
}
.vc-message-creator span {
    color: rgba(174,44,44,1);
    font-family: 'Sansita', sans-serif;
    font-size: 16px;
}
.vc-message-alert {
    font-size: 14px;
    padding: 10px;
    border-radius: 8px;
    color: #0F4C82;
    margin-top: 10px;
}
.vc-message-alert.vc-alert-1 {
    background: rgba(208, 197, 162, 0.15);
}
.vc-message-alert.vc-alert-2 {
    background: rgba(240, 193, 44, 0.15);
}
.vc-message-alert.vc-alert-3 {
    background: rgba(232,176,32,0.38);
}
.vc-message-alert.vc-alert-4 {
    background: #F8D371;
}
.vc-message-alert.vc-alert-5 {
    background: rgba(255,195,125,1);
}
.vc-message-alert.vc-vibralush {
    background: var(--pf_blue);
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.vc-message-alert.vc-vibralush li {
    padding: 10px 0 10px 50px;
}
.video-chat-message {
    font-size: 14px;
}
.video-main-chat {
    overflow-y: auto;
    height: calc(100vh - 192px);
}
.video-chat-input-text {
    height: 60px;
    flex-grow: 0;
}
span.icon-admin img, span.icon-admin i.fas {
    width: 12px;
    height: auto;
    font-size: 10px;
}
span.icon-admin {
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
}
.video-chat-input-text .emoji-chat-button {
    top: 10px;
    right: 10px;
}
#modalContinueMessage .timer-container .timer-blocks {
    width: 50px;
    height: 50px;
    font-size: 24px;
    padding-top: 10px;
}#modalContinueMessage .timer-container h6 {
     font-size: 13px !important;
 }
#modalContinueMessage .timer-container h6 {
    font-size: 13px !important;
    width: 50px;
    text-align: center;
}
#imgFullscreenModal .modal-dialog {
    /* background: red; */
    max-height: calc(100vh - 60px);
    max-width: 990px;
}
#imgFullscreenModal button.close {
    position: absolute;
    top: -30px;
    right: -20px;
    color: #FFF;
}
.user-chat-video .message-bubble-chat-img::after {
    background-color: rgba(0,0,0,0.3);
    content: "";
    width: 100%;
    position: absolute;
    height: 100%;
}
.user-chat-video .message-bubble-chat-img i.fas {
    font-size: 60px;
    color: #FFF;
    position: absolute;
    margin: 40% auto auto 40%;
    z-index: 100;
}
div#audioZoneChat {
    width: 160px;
    margin: 10px 0 10px 10px;
}
div#audioZoneChat #audioStop, div#audioZoneChat #audioplay {
    margin: 0;
    padding-top: 5px;
}
div#audioZoneChat button {
    height: 30px;
    font-size: 13px;
    width: 30px;
}
.div-recording, .user-audio-bubble .message-bubble-chat {
    width: 100%;
}

/* Notifications */
.notification-area #notification-config {
    top: 0;
    right: 0;
}

.tab-notifications-cat {
    background: #F5F7FA;
    padding: 15px 20px;
    border-radius: 8px;
    font-size: 12px;
}
.tab-notifications-cat li{
    position: relative;
}
.tab-notifications-cat li a.active {
    color: #0F4D83 !important;
    font-weight: 700;
}
.notification-not-read-counter {
    position: relative;
}
.notification-not-read-counter span {
    position: absolute;
    top: -35px;
    right: -20px;
    border-radius: 50%;
    background-color: #C80000;
    color: white;
    font-size: 8px;
    font-weight: 900;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.tab-notifications-cat li.list-inline-item {
    padding: 0 12px;
}
#notificationZoneTab .notification-not-read-counter span {
    top: -30px;
    right: 50px;
}
#notificationZoneTab a {
    width: 220px;
    height: 38px;
    font-size: 14px;
}
#tabNotificationsContent li.list-inline-item {
    display: flex;
    flex-direction: column;
    align-content: initial;
    border-bottom: 1px solid #F0F3F8;
    padding: 10px 5px;
    transition: .15s ease-in-out;
}
#tabNotificationsContent li.list-inline-item:hover {
    background: #EDF1F6;
}
.notification-box-name h6 {
    font-size: 16px;
}
.notification-box-name p {
    font-size: 14px;
}
.notification-box-subject span {
    font-size: 14px;
    color: #0F4D83;
}
.notification-box-name .text-secondary {
    font-size: 10px;
}
.notification-options .dropdown-toggle::after {
    display: none;
}
.dropdown.notification-options a.dropdown-toggle{
    width: 30px;
    height: 30px;
    text-align: center;
    padding-top: 4px;
    border-radius: 30px;
    font-size: 14px;
    transition: .25s cubic-bezier(0.65, 0.05, 0.36, 1);
}
.dropdown.notification-options a.dropdown-toggle:hover {
    background: #FFF;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
}
.noti-tab-name{
    display: none;
    opacity: 0;
    transition: .1s ease-in;
}
#tabNotifications li a.active .noti-tab-name{
    display: initial;
    opacity: 1;
}
ul#tabNotifications li a {
    height: 25px;
    line-height: 25px;
}
.btn-pf-lg{
    width: 249px;
}
.modal-pf .form-negociacion .form-control[readonly] {
    font-size: 14px;
    font-weight: 100;
}
.modal-pf .form-negociacion .text-danger.form-control[readonly]::placeholder {
    color: #C80000;
    font-weight: 700;
}
.notification-box {
    position: relative;
}
.noti-no-read .not-read-mark, .noti-no-readed .not-read-mark {
    height: 10px;
    width: 10px;
    background: #0F4C82;
    border-radius: 10px;
    position: absolute;
    right: 34px;
    top: 0;
    opacity: 1;
    transition: .15s ease-in-out;
}

.not-read-mark {
    height: 10px;
    width: 10px;
    background: #0F4C82;
    border-radius: 10px;
    position: absolute;
    right: 34px;
    top: 0;
    opacity: 0;
    transition: .15s ease-in-out;
}


/* CONFIG */
ul.config-list.main-config i {
    color: #C0CCDA;
}

ul.config-list.main-config li {
    color: #333;
    font-size: 14px;
}
#config-page .card-header {
    height: auto;
    background: #EDF1F6;
    border: 0;
    border-radius: 4px;
    padding-left: 15px;
    cursor: pointer;
}
.chevron-card {
    position: absolute;
    right: 15px;
    top: 11px;
    transition: .15s ease-in-out;
}
.card-header.collapsed .chevron-card {
    position: absolute;
    right: 15px;
    top: 11px;
    transform: rotate(180deg);
}
#config-page .card-header h6{
    font-size: 16px;
}
#config-page #accordion .card {
    border: 0;
}

#config-page .card-body {
    padding-left: 0;
    padding-right: 0;
}
#config-page .form-pf label {
    font-size: 14px;
    margin-bottom: 5px;
}
#config-page button.btn {
    font-size: 12px;
}
.user-tag-input-helper {
    font-size: 13px;
    padding: 0 10px;
    border: 1px solid #DEEBFE;
    display: flex;
    align-items: center;
    border-radius: 4px 0 0 4px;
    border-right: 0;
    background: #FFF;
}
.profile-config-box {
    margin-bottom: 60px;
}
.position-relative.d-flex.div-user-input-pf input.form-control {
    border-radius: 0 4px 4px 0;
}
.profile-config-header-box::after {
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(15,76,130,0.6615021008403361) 0%, rgba(15,76,130,0.196516106442577) 37%, rgba(15,76,130,0.21332282913165268) 68%, rgba(15,76,130,0.6839110644257703) 100%);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.profile-config-header-box {
    height: 120px;
    margin-bottom: 20px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 8px;
    position: relative;
}
.modal-body .profile-config-box-avatar {
    top: 55px;
}
.position-absolute.edit-portada {
    top: 10px;
    left: 10px;
}
a.portada-pic.profile-pic-edit.edit-portada {
    top: 10px;
    right: unset;
    left: 5px;
}
.btn-alt-white {
    border: 2px solid #FFF;
    color: #FFF;
    border-radius: 4px;
    padding: 0 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
    font-weight: 500;
    background: transparent;
}
.btn-alt-blue {
    border: 2px solid var(--pf_blue);
    color: var(--pf_blue);
    border-radius: 4px;
    padding: 0 10px;
    width: 100%;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
    font-weight: 500;
    background: transparent;
    min-width: 130px;
    height: 40px;
}
.label-input {
    position: absolute;
    background: #FFF;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    border-radius: 4px 0 0 4px;
    border: 1px solid #deebfe;
}
.edit-avatar-container a.portada-pic.profile-pic-edit {
    position: relative;
}
.edit-avatar-container {
    position: absolute;
    bottom: 0;
    left: 70px;
}
.edit-portada a.portada-pic.profile-pic-edit {
    top: 0;
    right: unset;
    left: unset;
    position: relative;
    height: 40px;
    width: 40px;
    display: flex;
}
.profile-config-box-avatar {
    position: relative;
    height: 120px;
    width: 120px;
    z-index: 10;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    margin: auto;
    top: 20px;
    border: 4px solid #FFF;
    box-shadow: 0 1px 2px 0 rgba(15, 76, 130, .2);
}
form.form-pf.container.checkbox-config-group {
    margin-bottom: 10px;
}
button.btn.btn-reverse {
    position: relative;
    z-index: 1000;
    color: #FFF;
    border: 1px solid #FFF;
    font-size: 13px;
    top: 10px;
    left: 10px;
    text-shadow: 1px 1px 1px #00000073;
    font-weight: 700;
}
button.btn.btn-white-profile {
    position: absolute;
    bottom: 0;
    right: -100px;
    font-size: 13px;
    width: 130px;
    border: 1px solid #0F4C82;
    background: #FFF;
    box-shadow: 0 1px 2px 0 rgba(15, 76, 130, .2);
    color: #0F4C82;
}
.labelUploadImageBox {
    position: absolute;
    text-align: center;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.uploadImageBoxContainer{
    position: relative;
}
.uploadImageBoxContainer label {
    width: 200px;
    background: #FFF;
    height: 200px;
    border-radius: 4px;
    border: 2px dashed #deebfe;
}
.uploadImageBoxContainer input#uploadImageBox {
    width: 0;
    background: transparent;
    border: oldlace;
}
.d-flex.config-partial-header {
    border-bottom: 1px solid #EDF1F6;
    width: 100%;
}
h6.title-config {
    font-size: 16px;
    font-weight: 100;
    margin-bottom:0;
}
.d-flex.config-partial-header {
    border-bottom: 1px solid #EDF1F6;
    width: 100%;
    align-items: baseline;
}
.config-partial-header p.text-pf-secondary.ml-2 {
    font-size: 11px;
    margin-bottom: 0;
}
.config-partial-header .custom-control.custom-switch {
    flex-grow: 1;
    text-align: right;
    position: relative;
    top: -5px;
    right: 11px;
}
.config-partial-body {
    margin: 10px 0;
}
.config-partial-body .form-gruop{
    margin-bottom: 10px;
}
.config-partial-body .form-group {
    margin-bottom: 5px;
}
.checkbox-config-group a.position-absolute.emoji-chat-button {
    top: 8px;
    right: 10px;
    color: #aac0e0;
}
.input-group-pf.mt-2.position-relative .fa-search {
    color: #aac0e0;
    position: absolute;
    top: 12px;
    left: 10px;
}
.input-group-pf .form-control{
    text-align: left;
    padding-left: 35px;
}

.input-group-pf .form-control{
    text-align: left !important;
    padding-left: 35px;
}

.input-group-pf .form-control::placeholder{
    text-align: left !important;
    color:#8DB1D2;
}
.tag-pf.position-relative {
    background: #0F4C82;
    color: #FFF;
    padding: 5px 10px;
    border-radius: 4px;
    margin-right: 10px;
    font-size: 11px;
}
.tag-pf.position-relative a{
    color: #FFF;
    margin-left: 5px;
}

.table-configuration {
    font-size: 12px;
}
.table-configuration tr:nth-child(even) {
    background: rgba(237, 241, 246, 0.44);
}
.button-sort-config {
    font-size: 13px;
    font-weight: 600;
    color: var(--pf_blue);
}

.button-sort-config:hover {
    text-decoration: none;
}
table.table.table-configuration td {
    vertical-align: middle;
    border:0;
}
.text-normal {
    font-size: 14px;
    margin-bottom: 0;
}
a.btn-link-pf {
    text-decoration: underline;
    font-size: 14px;
    color: var(--pf_blue);
}
.table-config-calendar th {
    border: 0;
    color: #B9B9B9;
    font-size: 11px;
    font-weight: 100;
    text-align: center;
}
.table-config-calendar td {
    color: var(--pf_blue);
    text-align: center;
}
.table.table-config-calendar thead th {
    padding-bottom: 0;
    border: 0;
}
.config-partial-body.config-partial-body-calendar label {
    font-weight: 100;
    font-size: 16px;
}
.table-configuration.table-pf th{
    color: #919EAB;

}
.infraccion-orange {
    height: 12px;
    width: 12px;
    background: #F3781E;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
    top: 1px;
    position: relative;
}

.infraccion-red {
    height: 12px;
    width: 12px;
    background: #F31E1E;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
    top: 1px;
    position: relative;
}
.infraccion-yellow {
    height: 12px;
    width: 12px;
    background: #F5E01C;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
    top: 1px;
    position: relative;
}
.tc-add-div {
    background: linear-gradient(
        180deg
        , #0F4C82 0%, #0E3151 100%);
    box-shadow: 4px 4px 2px rgba(49, 127, 203, .1);
    border-radius: 4px;
    width: 100%;
    height: 100%;
    min-height: 210px;
    max-height: 220px;
}
.logo-tc {
    position: relative;
    width: 70px;
    top: 20px;
    margin: auto;
}
span.title-tc-modal {
    color: #FDFDFE;
    font-size: 10px;
    opacity: .5;
}

.tc-number-name{
    display: inline-flex;
    justify-content: space-evenly;
    width: 100%;
    min-width: 100%;
    letter-spacing: 5px;
}

/* Directos */

.chat-directos-container {
    width: 580px;
}
.chat-directos-container .video-main-chat .user-chat-default {
    font-size: 13px;
    color: red;
    font-weight: 600;
    position: relative;
}
.side-directo-container{
    width: 300px;
}
form.form-directo-search input {
    background: #E2E9F3;
    width: 100%;
    border: 1px solid #a4acb647;
    border-radius: 8px;
    font-size: 14px;
    height: 40px;
    box-shadow: inset 1px 1px 2px 0 rgba(21, 76, 130, .12);
    outline: 0;
    padding: 5px 10px 5px 35px;
}
form.form-directo-search input::placeholder {
    color: #AAB1C6;

}

.search-directo-icon {
    position: absolute;
    top: 13px;
    left: 10px;
    color: #AAB1C6;
}
.chat-directos-container .video-main-chat {
    height: calc(100vh - 210px);
}
.nav-directos a.nav-link.diamond-plus {
    top: -4px;
}

.btn-group.dropleft.user-options-drop .dropdown-toggle::before {
    display: none;
}
.directos-nav-options li {
    font-size: 14px;
    padding: 0;
    justify-content: center;
    margin: 0;
    align-items: center;
}
a.profile-button-directos img {
    border: 2px solid #FFF;
    border-radius: 50%;
    transition: .15s ease-in-out;
}
a.profile-button-directos img:hover {
    box-shadow: 0 0 5px 0 #154c8291;
}
.main-directos-container {
    background: #FFFF;
}
.main-directos-container .jisty-container {
    height: calc(100vh - 290px);
}
.main-directos-container .options-video-chat.d-flex {
    height: 191px;
}
a.profile-directo-channel {
    width: 65px;
}
a.profile-directo-channel img{
    border-radius: 50%;
}
.main-directos-container .options-video-chat {
    padding: 20px;
}
.directo-channel-give-gems.justify-content-end .btn.bg-pf.text-white {
    max-height: 40px;
}
.tag-directos {
    display: inline-block;
    background: #B18937;
    color: #FFF;
    padding: 5px 15px;
    border-radius: 4px;
    margin-right: 5px;
    height: 33px;
}
#modalCrearDirecto .tag-directos.text-medium {
    margin-top: 10px;
}
.directo-channel-info, .directo-channel-give-gems{
    flex: 2;
    display: flex;
    justify-content: space-between;
    text-align: center;

}
.share-channel-directo{
    flex: 1;
    display: inline-flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
}
.video-user-list, .reto-body  {
    overflow-y: auto;
}
.video-user-list {
    height:calc(100vh - 635px);
    overflow-x: hidden;
}
.reto-body {
    height: calc(100vh - 596px);
    display: flex;
    flex-direction: column;
    padding: 10px;
    padding-top: 0;
    margin-top: 1em;
}
.diamond-plus-directo .diamond-count{
    margin-bottom: 0;
    /*position: relative;
    top: 10px;*/
    margin-right: 10px;
    font-weight: 700;
    color: var(--pf_blue);
    font-size: 15px;
}
.diamond-plus-directo img{
    position: relative;
    top: -10px;
}
.diamond-icon-directo {
    position: relative;
}
.diamond-icon-directo img {
    position: absolute;
    top: -5px;
    left: 0;
}
.directo-options-submenu {
    justify-content: flex-end;
    width: 100%;
    align-items: center;
    margin-bottom: 0;
}
a#btn-lg-directo {

}
.btn-blue {
    background: rgba(15, 76, 130, 0.1);
    border-radius: 4px;
    height: 38px;
    display: flex;
    align-items: center;
    padding: 0 20px;
    font-weight: 400 !important;
    font-family: 'Poppins', sans-serif;
    color: #0F4C82 !important;
}
a#btn-lg-directo img {
    width: 25px;
}
#zoneLgDirecto{
    position: absolute;
    right: 30px;
    top: 35px;
}
.directo-options-submenu li.nav-item {
    padding-left: 30px;
}
#btn-lg-directo::after {
    position: relative;
    top: -17px;
    right: -10px;
    color: var(--pf_blue);
}
a#btnVerTodos {
    right: 0;
    top: 0;
}
.owl-stage{display:flex}
/*.directo-cat-container .btn {
    box-shadow: none !important;
    border: 2px solid #0F4C82 !important;
    font-weight: 600;
}*/
.card-directo-header {
    height: 145px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 8px;
    font-size: 12px;
    color: #FFF;
}
.card-directo-header:after {
    content: "";
    background: linear-gradient(359deg, rgba(14, 50, 82, .62) -13.14%, rgba(15, 76, 130, 0.0001) 77.63%);
    background-blend-mode: multiply;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 1;
    border-radius: 8px;
}
.tag-live.position-absolute {
    background: #C80000;
    z-index: 10;
    padding: 5px;
    border-radius: 4px;
    font-size: 9px;
    font-weight: 700;
}
.card-direct-tag-area.d-flex {
    z-index: 100;
    position: absolute;
    bottom: 0;
}
.tags-directo-card {
    font-size: 10px;
    padding: 2px;
    margin-left: 3px;
    border-radius: 4px;
    margin-bottom: 5px;
    background: rgba(15, 76, 130, 0.7);
}
.tag-data-directos {
    font-size: 10px;
    color: #FFF;
    /* background: rgba(15, 76, 130, 0.7); */
    padding: 3px 5px;
    border-radius: 4px;
    display: inline-flex;
    align-content: center;
    position: absolute;
    right: 5px;
    top: 4px;
    line-height: 10px;
}
/*.direct-tag-container .tag-data-directos*/
.card-directo {
    margin-bottom: 20px;
}

.cat-directo{
    position: relative;
}
.tag-18-directo {
    color: #C80000;
    position: absolute;
    top: 6px;
    right: -5px;
    font-size: 12px;
    font-weight: 700;
}

#directMain{
    background-color: #F5F7FA;
}
/*#directMain .container, #mainPrivilege .container, #notifcationPage.container, #realsSectionAjuste.container {
    max-width: 1140px;
}*/
.directo-cat-container .btn.btn-white-profile.position-static {
    color: #0F4C82;
    width: 100%;
}
.directo-cat-container button.btn.btn-white-profile.position-static:not(:last-child) {
    margin-right: 10px;

}
button.active.btn.btn-white-profile.position-static {
    background: #0F4C82;
    color: #FFF;
}
 .close-sidebar {
     transform: rotateY(
         180deg
     );
     position: absolute;
     top: -4px;
     right: -25px;
     background: transparent;
     border: transparent;
     color: #154c82;
     outline: none;
     transition: .1s ease-in-out;
     padding: 5px;
     border-radius: 4px;
     height: 28px;
     display: flex;
}
 .close-sidebar:hover {
    background-color: #EDF1F6;

}
 .close-sidebar.closed {
    transform: rotateY(0deg);
    position: absolute;
    top:0;
    right: 0;
}
.direct-tag-container button.close-sidebar {
    top: 0;
    background: #FFF;
    position: initial;
    border-radius: 4px;
    margin-right: 10px;
    display: none;
    padding-top: 2px;
}
.direct-tag-container button.close-sidebar.closed {
    display: initial;
}
.chat-directos-container .close-chat {
    position: absolute;
    left: 0;
}
.div-card-reto {
    background: transparent;
    border-radius: 4px;
    text-align: center;
    padding: 10px;
    min-height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#modalCrown .btn-alt {
    background: transparent;
}
div#modalPackPrivadoReals .modal-header, div#modalDestacarPerfil .modal-header {
    border-bottom: 0;
}
#packPrivilegiadoOwl .owl-dots .owl-dot.active span, #packPrivilegiadoOwl .owl-dots .owl-dot:hover span{
    background: var(--pf_blue);
}
#packPrivilegiadoOwl .owl-dots .owl-dot span{
    background: #6687a4;
}
.div-card-reto p {
    font-size: 12px;
    color: #fff;
}
.div-card-reto i {
    font-size: 36px;
    margin-bottom: 10px;
}
.card-directo a:hover{
    text-decoration: none;
}
.text-yellow{
    color:#F0C12C !important;
}
.text-red{
    color: red !important;
}
/*#grid li {
    height: 150px;
}*/
#newCrushesCarrusel .owl-item {
    padding: 5px;
}

.card-total-points-reto {
    background-color: #EDF1F6;
    text-align: center;
    border-radius: 8px;
    height: 80px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.donor-list-li {
    height: 30px;
    line-height: 30px;
    font-weight: 700;
    color: var(--pf_blue);
    margin-top: 5px;
}
#modalStoriesView .modal-content {
    height: 730px;
}
#modalStoriesView .modal-dialog.modal-dialog-centered {
    width: 480px;
    max-width: 100%;
    margin: 0;
}
.tag-number-list{
    background-color: #0F4C82;
    color: #FFFFFF;
    border-radius: 4px;
    padding: 3px;
    margin-right: 5px;
}

.container-fluid li.nav-item.nav-separator {
    border: 0;
}
.container-fluid .btn-group.dropright.user-options-drop {
    margin-left: 20px;
}
.container .directos-nav-options li:not(:last-child){
    flex:1;
}
.container-fluid .user-options-drop{
    margin-left: 30px;
}
.container-fluid .directos-nav-options li {
    justify-content: flex-end;
    width: auto;
    margin-left: 50px;
}
.container-fluid .order-md-0 li.nav-item {
    width: auto;
    flex: 1;
    margin-right: 30px;
}
div#nav-tab-cronometro .nav-link {
    width: 50%;
    border: 0;
    border-bottom: 1px solid #EDF1F6;
    transition: .1s ease-in-out;
}
div#nav-tab-cronometro .nav-link.active {
    border-bottom: 2px solid #0F4C82;
}
.vibralush-state {
    width: 10px;
    height: 10px;
    background: gray;
    border-radius: 50%;
    margin: 0;
}
.vs-success {
    background: #4CAF50;
}
.vs-warning {
    background: #EBCE68;
}
.vs-error {
    background: #C52929;
}
.lush-tr td:first-child {
    width: 10px;
    vertical-align: middle;
}

img.logo-directo-end {
    display: block;
    /* margin: auto; */
    width: 220px;
    height: auto;
    align-self: center;
    margin-bottom: 40px;
}
.ban-directo-container {
    display: flex;
    flex-direction: column;
    align-items: normal;
    height: calc(100vh - 60px);
    justify-content: center;
}
#modalModoEspia .modal-dialog.modal-lg {
    width: 630px;
}
.jisty-container .tag-live {
    background: red;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 12px;
    color: #FFF;
    font-weight: 700;
}
.direct-tag-container {
    position: absolute;
    top: 15px;
    left: 10px;
    display: flex;
    width: 100%;
}
.jisty-container .tag-data-directos {
    font-size: 12px;
    padding: 5px 10px;
    margin-left: 10px;
    right: 10px;
}
.title.directo-alert-reto {
    background-color: #E3F2FE;
    border-radius: 8px;
    padding: 20px;
    border: 1px solid rgba(15, 76, 130, 0.1);
}
.div-bar-total-reto {
    background: #FFFFFF;
    border-radius: 8px;
    height: 6px;
    width: 100%;
    position: relative;
    padding: 0 1px;
}
.div-bar-total-reto::after {
    content: "";
    position: absolute;
    width: 30%;
    height: 4px;
    background: #0F4C82;
    border-radius: 8px;
    top: 1px;
}
.direct-private-video{
    background-image: url('../images/bg-loading.png');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    color: #FFF;
}
.direct-tag-container > div {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);

}
.pud-header.d-flex {
    padding: 20px;
    background: rgba(21, 76, 130, 0.09);
}
.profile-user-details-direct {
    background: #FFF;
    box-shadow: 0 2px 6px rgba(47, 83, 151, .72);
    border-radius: 4px;
    position: absolute;
    z-index: 100;
    bottom:0;
}
.pud-body {
    padding: 20px;
}
.pud-options.text-center a {
    height: 30px;
    line-height: 30px;
    border-radius: 8px;
    transition: .15s ease-in-out;
    display: block;
}
.pud-options.text-center a:hover {
    background: rgba(21, 76, 130, 0.09);
}
.pud-body {
    padding: 20px;
    font-size: 13px;
    width: 300px;
}
.pud-avatar {
    width: 46px;
}
.logo-direct-main.position-absolute {
    right: 20px;
    top: 20px;
    width: 60px;
}
.trending-main-cat {
    height: 195px;
    background-position: center right;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 8px;
    opacity: .3;
    /*box-shadow: 0 5px 5px 0 rgba(15, 76, 130, .1);*/
}
li.grid-item-trend.grid-item-trend--width2 .card-trend-bg {
    height: 410px;
}
.card-trend-bg {
    height: 200px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 4px;
}
span.text-loop {
    position: absolute;
    z-index: 1000;
    background: rebeccapurple;
    color: #FFF;
    left: 20px;
    top: 21px;
    width: 20px;
    text-align: center;
}
span.older-tag {
    color: red;
    font-weight: 700;
}
button.btn.btn-trending {
    background: rgba(15, 76, 130, 0.05);
    height: 35px;
    color: var(--pf_blue);
    font-weight: 600;
    border-radius: 8px;
    padding: 5px 12px;
    min-width: 160px;
}
.trending-main-cat.active {
    opacity: 1;
}
button.btn.btn-trending.active {
    background: var(--pf_blue);
    color: #FFF;
}
#categoriesDirectoCard button.btn.btn-trending {
    border: 1px solid rgba(15, 76, 130, 0.21);
}

div#carouselCategories {
    height: 30px;
}
button.btn.btn-alt.btn-trending {
    background: transparent;
    box-shadow: none;
    font-weight: 600;
    width: 180px;
    font-size: 14px;
    height: 48px;
    border-radius: 8px;
}
.card-trend {
    height: auto;
    border-radius: 8px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    /*margin-bottom: 10px;*/
    position: relative;
}
.card-trend-bg img {
    /*min-height: 200px;*/
    object-fit: cover;
}
.card-trend-content {
     display: none;
    background: #01376e6e;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 1;
}
.logo-card-trend {
    width: 40px;
    position: absolute;
    right: 10px;
    top: 10px;
}
.card-trend-name {
    position: absolute;
    top: 10px;
    left: 10px;
    height: 30px;
    line-height: 30px;

}
.card-trend-avatar {
    width: 30px;
    display: inline-block;
}
.card-trend::after {
    border-radius: 4px;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        180deg
        , rgba(15, 76, 130, .4) 0%, rgba(255, 255, 255, 0) 16.42%), linear-gradient(
        180deg
        , rgba(255, 255, 255, 0) 50%, rgba(15, 76, 130, .6) 100%);
}
.card-trend-header {
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 1000;
    text-shadow: 1px 1px #00000082;
}
.card-trend-description {
    position: absolute;
    bottom: 0;
    z-index: 1;
    padding: 10px;
    font-size: 14px;
    width: 100%;
}
.card-trend-bg img {
    max-width: 100%;
    border-radius: 4px;
}
/*#mainPrivilege .card-trend {
    height: 340px;
}*/
#directMain .owl-prev {
    position: absolute;
    left: -20px;
}
#directMain .owl-next {
    position: absolute;
    right: -20px;
}
#directMain .owl-nav button span {
    color: var(--pf_blue);
    top: 5px;
    position: relative;
}

#directMain .owl-nav button.disabled span {
    color: #919EAB;
}
#directoZoneSelector .btn-pf-zone {
    height: 40px;
    line-height: 40px;
    padding: 0;
    font-size: 14px !important;
    text-decoration: none;
}

.close-chat {
    position: absolute;
    color: #154c82;
    padding: 5px 10px;
    border-radius: 4px;
    transition: .1s ease-in-out;
}
.chat-directos-container .close-chat {
    left: -25px;
    top: -17px;
}

.chat-directos-container .close-chat:hover {
    background-color: #EDF1F6;
}

.chat-directos-container .close-chat.closed {
    display: none !important;
}
.jisty-container a.close-chat.closed {
    transform: rotateY(180deg);
    right: 0;
    background: #FFF;
    top: -5px;
    display:initial;
}

.jisty-container a.close-chat {
    display: none;
}
.sidebar-options-directo {
    background: transparent;
    height: 40px;
    line-height: 40px;
}
.toggle-sidebar-ops .fa-chevron-down{
    transition: .15s ease-in-out;
}
.toggle-sidebar-ops .fa-chevron-down.active{
    transform: rotateX(180deg);
}
.sidebar-options-directo {
    background: transparent;
    height: 50px;
    line-height: 50px;
    padding: 0;
    border-bottom: 1px solid rgba(15, 76, 130, 0.05);
}
#sidebar-direct-options .card {
    border: 0;
}
/*.directo-channel-info > div {
    margin-left: 50px;
}*/
body#pf-reals-splash {
    background-image: url('../images/reals-bg.png');
    background-position: center center;
    height: 100vh;


}
#modalMatch .modal-content, #matchCrown .modal-content , #matchDestacado .modal-content {
    padding:0;
}
#modalMatch .modal-body, #matchCrown .modal-body , #matchDestacado .modal-body {
    height: 630px;
    position: relative;
    z-index: 0;

}
#modalMatch .modal-body-content, #matchCrown .modal-body-content , #matchDestacado .modal-body-content {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 10;
}
#modalMatch .modal-body::after, #matchCrown .modal-body::after , #matchDestacado .modal-body::after {
    content: "";
    background: linear-gradient(
        180deg
        , rgba(21, 76, 130, 0.5) 0%, rgba(255, 255, 255, .74) 100%);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
#modalMatch .modal-inner-body, #matchCrown .modal-inner-body, #matchDestacado .modal-inner-body{
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    width: calc(100% + 12px);
    height: 100%;
    top:0;
    left:0;
    opacity: .5;
}
.modal-inner-body {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    margin: 0 -13px;
}
#modalMatch h1, #matchCrown h1 , #matchDestacado h1 {
    font-size: 42px;
    font-weight: 800;
    font-style: italic;
    color: #FFF;
    text-shadow: 3px 3px 1px var(--pf_blue);
}
#modalMatch p, #matchCrown p , #matchDestacado p {
    font-style: italic;
    font-weight: 100;
    font-size: 18px;
    color: #FFFFFF;
    text-shadow: 1px 1px 2px rgb(15 76 130);
}
#modalMatch button.close, #matchCrown button.close , #matchDestacado button.close {
    right: 0;
    top: 0px;
    color: rgba(11, 54, 93, .90);
    text-shadow: unset;
    font-size: 18px;
}
.profile-matched-container {
    width: 180px;
    height: 180px;
    position: relative;
    background: linear-gradient(
        90deg
        , #AC894B 0.12%, #AC894B 9.51%, #F7EFB1 21.25%, #AC894B 99.86%);
    border-radius: 100px;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}
.profile-matched-reals {
    width: 168px;
    height: 168px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 100px;
    position: relative;
    z-index: 10;
}
.heart-matched {
    width: 60px;
    height: 60px;
    background: #BF9727;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
    position: absolute;
    left: -35px;
    z-index: 1000000000000000000000;
    top: 50px;
    font-size: 25px;
}
#modalMatch button {
    height: 50px;
    font-size: 14px;
    margin-bottom: 15px;
}
#modalMatch button.btn.btn-alt {
    background: transparent;
    color: #0F4C82;
}
#modalMatch button.btn.btn-alt {
    background: transparent;
    color: #0F4C82;
    font-weight: 600;
    text-shadow: 1px 1px #fff;
}
.reals-splash-list ul {
    list-style: none;
    font-size: 20px;
    margin-top: 40px;
}
.real-splash-main-container{
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
/*#profilRealsCarouselEdit button {
    position: absolute;
    top: 20px;
    background: #FFF;
    width: 50px;
    height: 50px;
    border-radius: 40px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .2);
    outline:0;
}*/
.profile-reals-name-edit {
    display: none;
    position: relative;
    top: 20px;
    width: 230px;
    text-align: center;
    margin: auto;

}
.profile-reals-name-edit input#profileNameMain {
    background: #00000040;
    color: #FFF;
    font-weight: 500;
    text-align: center;
}
.profile-reals-name-edit.active{
    display: block;
}
#profilRealsCarouselEdit button.owl-prev {
    left: -30px;
}
#profilRealsCarouselEdit button.owl-next {
    right: -30px;
}
.btn.btn-white {
    background: #FFF;
    color: #0F4C82;
    font-weight: 700;
    width: 250px;
    height: 38px;
    line-height: 38px;
    padding: 0 20px;
}
.bar-loading-reals {
    background: #FFF;
    width: 360px;
    height: 12px;
    border-radius: 4px;
    margin: 30px auto 0;
    position: relative;
}
.bar-loading-reals::after {
    content: "";
    width: 50%;
    height: 8px;
    position: absolute;
    left: 4px;
    top: 2px;
    z-index: 11;
    BACKGROUND: #0F4E84;
    border-radius: 2px;
    display: none;
}
.map-container {
    height: 220px;
    border-radius: 8px;
}
.upload-profile-gallery-reals {
    width: 25%;
    height: 130px;
    margin-bottom: 20px;
    border-radius: 4px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 10px;
}
.upload-profile-gallery-reals a{
    background: transparent;
    width: 100%;
    height: 100%;
    z-index: 10000000000;
    position: relative;
    display: block;
    border-radius: 8px;
}
.uploaded-image-reals {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 90px;
    width: 100%;
    margin-bottom: 0;
    border-radius: 8px;
}
.upload-image-reals {
    height: 90px;
    width: 100%;
    margin-bottom: 0;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    color: #8daac3;
    border: 2px dashed #8daac3 !important;
}
.main-ajust-profile .uploaded-image-reals, .main-ajust-profile .upload-image-reals{
    height: 130px;
}
.main-ajust-profile .upload-image-reals label {
    top: 0;
    justify-content: center;
    padding: 20px;
}
#profilRealsCarousel , #profilRealsCarouselEdit {
    height: 115px;
}
#profilRealsCarousel .item, #profilRealsCarouselEdit .item{
    padding: unset;
}
#profilRealsCarousel.owl-theme .owl-nav , #profilRealsCarouselEdit.owl-theme .owl-nav {
    position: relative;
    bottom: 80px;
    width: 100%;
}
#profilRealsCarousel .owl-nav button , #profilRealsCarouselEdit .owl-nav button {
    background: #0f4c8278;
    width: 40px;
    border-radius: 50px;
    color: #FFF;
    outline:0;
    transition: .15s ease-in-out;
}

#profilRealsCarousel .owl-nav button:hover , #profilRealsCarouselEdit .owl-nav button:hover {
    box-shadow: 0 0 5px 0 rgba(15, 76, 130, .4);
    background: #0f4c829c;
}
#profilRealsCarousel .owl-nav button span , #profilRealsCarouselEdit .owl-nav button span {
    color: #FFF;
}
#profilRealsCarousel .owl-next , #profilRealsCarouselEdit .owl-next {
    position: absolute;
    top: 0;
    right: -30px;
}
#profilRealsCarousel .owl-prev , #profilRealsCarouselEdit .owl-prev {
    position: relative;
    right: 30px;
}
#profilRealsCarousel .upload-image-reals , #profilRealsCarouselEdit .upload-image-reals {
    border: 2px dashed #b1b7be;
}
.upload-image-reals.text-pf-secondary:hover {
    border: 2px dashed #DCB23C!important;
    transition: .15s ease-in-out;
    cursor: pointer;
}
.upload-reals-container::after {
    content: "";
    flex: auto;
}
.upload-image-reals label.text-center.mb-0 {
    background: transparent;
    height: 100%;
    position: absolute;
    align-self: center;
    display: flex;
    align-items: inherit;
    bottom: -20px;
    line-height: 15px;
    flex-direction: column;
}
#inputFotosReals {
    opacity: 0;
    position: absolute;
    z-index: -1;
}
.btn-tag-reals {
    background: rgba(192, 204, 218, 0.49);
    /*margin-bottom: 10px;*/
    color: #0F4C82;
    font-size: 14px;
    width: 100px;
}
.ui-slider .ui-slider-range {
    background: #0F4C82;
}
span.ui-slider-handle.ui-corner-all.ui-state-default {
    background: #FFFFFF;
    border: 2px solid #0F4C82 !important;
    width: 30px;
    height: 30px;
    top: -10px;
}
#homeStories .reals-trend-profile{
    height: 160px;
}
.crown-vip.reals-trend-profile {
    border: 3px solid #F0C12C;
}
.tag-crown-vip {
    background: #F0C12C;
    color: #FFF;
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    border-radius: 4px;
    top: 5px;
    right: 5px;
    position: absolute;
}
.reals-trend-profile {
    height: 60px;
    width: 100%;
    margin-bottom: 0;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    border: 1px solid #EDF1F6;
    box-shadow: 0 0 1px rgba(21, 76, 130, .1);
    border-radius: 8px;
    position: relative;
    transition: .15s cubic-bezier(0.65, 0.05, 0.36, 1);
    cursor: pointer;
}
.reals-trend-profile:hover {
    box-shadow: 0 2px 2px rgba(21, 76, 130, .2);
    transform: translateY(-2px);
}
.reals-trend-profile.add-reals-trend::after {
    position: absolute;
    content: "";
    background: transparent;
    width: 100%;
    height: 30px;
    top: 0;
    z-index: 1;
    border-radius: 5px;
}
a.d-flex:hover {
    transform: translateY(-2px);
}
.trending-section-reals .col-md-1 {
    padding: 5px;
}
#realsSectionAjuste .uploaded-image-reals {
    margin-bottom: 10px;
}

#newCrushesCarrusel .owl-nav button {
    position: absolute;
    top: 30px;
}
#newCrushesCarrusel button.owl-prev {
    left: -5px;
}
.reals-trend-profile.add-reals-trend i {
    background: #FFF;
    width: 20px;
    height: 21px;
    border-radius: 30px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto auto;
    font-size: 10px;
    position: relative;
    z-index: 10;
    top: 3px;
    left: -17px;
}
.add-reals-trend h6 {
    padding-top: 17px;
    background: #FFF;
    height: 38px;
    border-radius: 0 0 5px 6px;
    top: -10px;
    position: relative;
    color: #154c82;
    font-size: 9px;
}
.reals-trend-profile.add-reals-trend {
    border: 2px solid #f1f1fe;
}
#main-profile .item {
    height: calc(100vh - 120px);
    max-height: calc(100% - 120px);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 8px;
    position: relative;
    object-fit: none;
    min-height: 100%;
    background-color: #FFF;
}
#main-profile .owl-item.active {
    background: #FFF;
    width: auto;
    height: calc(100vh - 120px);
    display: block;
    border-radius: 8px;
}
.chat-options-bubble .dropdown.dropleft.bar-chat-option-btn-dropdown {
    top: 10px;
}

#main-profile .item::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        180deg
        , rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 0) 22%), linear-gradient(
        180deg
        , rgba(255, 255, 255, 0) 69%, rgba(0, 0, 0, 0.5) 100%);
    border-radius: 8px;
    top: 0;
    left: 0;
}
.card-options.reals-options.fixme {
    height: calc(100vh - 120px);
    /*max-height: 710px;*/
    overflow-y: auto;
}
#main-profile .owl-nav button span {
    color: #FFF;
    font-size: 70px;
    text-shadow: 2px 1px 2px #00000078;
}
#main-profile.owl-theme .owl-nav {
    position: unset;
    bottom: 0;
}
#main-profile .owl-dots {
    position: absolute;
    bottom: 0;
    width: 100%;
}

#main-profile button.owl-dot.active > span {
    background: #FFF !important;
}
#main-profile button.owl-dot > span {
    background: rgba(255, 255, 255, 0.42);
}
#main-profile .owl-nav button span:hover {
    outline: none;
}
#main-profile.owl-theme .owl-nav [class*='owl-']:hover {
    background: #154c8229;
    color: #FFF;
    text-decoration: none;
    outline: none;
}

#main-profile img.logo-reals-profile {
    position: absolute;
    width: 75px !important;
    height: auto;
    top: 20px;
    right: 20px;
}
ul.li-op-sbl li {
    transition: .15s ease-in-out;
}

button.btn-report-profile-reals {
    position: absolute;
    z-index: 999;
    top: 20px;
    left: 20px;
    background: transparent;
    border: 1px solid #FFF;
    border-radius: 4px;
    font-size: 12px;
    padding: 5px 9px;
    outline: none;
}
.row.tag-reals {
    position: absolute;
    bottom: 120px;
    width: 100%;
    justify-content: center;
    z-index: 100;
    padding: 0 10px;
}

img.reals-logo-svg {
    margin-left: -20px;
}
.row.tag-reals  button{
    border: 2px solid #FFF;
    font-size: 16px;
    font-weight: 700;
}
.row.tag-reals button {
    font-size: 12px;
    font-weight: 400;
    padding: 5px 12px;
    margin-bottom: 10px;
    background: rgba(15, 76, 130, 0.5);
    border: 0;
    width: 100px;
    text-align: center;
}
.row.options-reals-main-profile.justify-content-center > div {
    text-align: center;
}
.btn-round {
    background: #FFF;
    border: 0;
    outline: none;
    border-radius: 50%;
}
.btn-big-reals {
    width: 60px;
    height: 60px;
    font-size: 30px;
}
.btn-reject {
    color: #0F4C82;
}
.btn-like-reals {
    color: #EC0D0D;
}
.btn-crown-reals {
    color: #F0C12C;
}
.btn-rocket-reals {
    color: rgba(20, 170, 53, 0.77);
}
.btn-mask-reals{
    color:#F512B6;
}
#modalCrown .modal-dialog {
    max-width: 660px;
    min-height: 550px;
}
#modalCrown .heart-matched {
    top: 140px;
    left: 55px;
}
#modalCrown .modal-content {
    min-height: 550px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
#modalCrown .modal-content::after {
    /*content: "";*/
    background: linear-gradient(0deg, #FFF, #ffffff82);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 100;
    border-radius: 4px;
}
.modal-footer-corwn {
    width: 100%;
    position: absolute;
    bottom: 60px;
    left: 0;
}
.row.options-reals-main-profile {
    position: absolute;
    bottom: 35px;
    width: 100%;
    z-index: 1000;
    padding: 0 60px;
    justify-content: space-evenly;
}
#modalCrown .modal-content {
    min-height: 440px;
}
.btn-round.btn-small-reals {
    display: block;
    font-size: 14px;
    width: 35px;
    height: 35px;
    position: relative;
    top: 20px;
    line-height: 35px;
    outline:0;
    transition: .15s ease-in-out;
}
.options-reals-match button{
    outline:0;
    transition: .15s ease-in-out;
}
.options-reals-match button.btn-round:hover {
    background: #FFF;
    transform: translate(0, -4px);
}
.options-reals-principal.row.w-100.justify-content-center {
    /*position: relative;
    top: -140px;*/
}
.options-reals-principal .btn-small-reals {
    /*box-shadow: 0 0 5px rgba(15, 76, 130, .1);*/
}
.tag-container-btn {
    padding: 0 5px;
}
#main-profile .owl-nav button {
    top: 40%;
}
#main-profile button.owl-prev {
    position: absolute;
    left: 0;

}
.option-modal-div {
    position: absolute;
    right: -5px;
    top: 10px;
}

.tag-name-main-reals {
    position: absolute;
    bottom: 100px;
    z-index: 999;
    width: 100%;
    text-align: center;
}
#main-profile button.owl-next {
    position: absolute;
    right: 0;
}
#modalPackPrivadoReals .modal-content {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}
#modalPackPrivadoReals .div-card-reto {
    min-height: 180px;
    height: 180px;
}
#packPrivilegiadoOwl{
    position: relative;
}

#packPrivilegiadoOwl .owl-nav button{
    position: absolute;
    top: 90px;
    background: #FFF;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 40px;
    opacity: .9;
}#packPrivilegiadoOwl button.owl-prev {
     left: 30px;
 }
#packPrivilegiadoOwl button.owl-next {
    right: 30px;
}

#modalPackPrivadoReals .div-card-reto h6, #modalPackPrivadoReals .div-card-reto-offer h5{
    color: #0F4C82;
}
a.nav-link.nav-logo.btn-packs-options {
    background: var(--pf_blue);
    color: #FFF;
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
}
div#sidemenu_reals {
    background: #FFF;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 10000;
    top: 0;
    left: 0;
    display: none;
    min-height: 100vh;
    min-height: -webkit-fill-available;
}
.card-app-pf {
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.card-app-pf img {
    width: 80%;
    max-height: 100px;
}
#packs_container_side{
    height: 90vh;
    display: flex;
    flex-direction: column;
    justify-content: space-around;

}
div#pf_sidemenu {
    background: #FFF;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100000;
    display: none;
    background-size: contain;
}
#sidemenu_reals a.button-closde-sb, #pf_sidemenu a.button-closde-sb.title {
    left: unset;
    right: 15px;
}
#sidemenu_reals.reals-options .btn-round.btn-small-reals {
    font-size: 25px;
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}
.div-card-reto-offer {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 210px;
    justify-content: center;
    border: 4px solid var(--pf_blue);
    border-radius: 8px;
    position: relative;
    opacity: .75;
}
.card-reto-content.position-relative.text-center {
    width: 100%;
    top: 0;
    height: 100%;
    left: 0;
}
.div-card-reto-offer h6 {
    font-family: 'Sansita', sans-serif;
    font-size: 24px;
    margin-bottom: 20px;
}
.best-offer p.footer-reals-promo {
    position: absolute;
    bottom: 0;
    background: #bf9727;
    color: #FFF;
    /*width: 150px;*/
    text-align: center;
    height: 50px;
    line-height: 50px;
    border-radius: 4px;
}
.gems-price-reals {
    color: #F0C12C;
    font-size: 15px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}
.card-reto-footer.d-flex.justify-content-center.text-center {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    background: #154c82;
    width: calc(100% + 2px);
    bottom: 0;
    left: -1px;
    color: #FFF;
    border-radius: 0 0 4px 4px;
}
.best-offer .card-reto-footer.d-flex.justify-content-center.text-center {
    background: #bf9727;
}
.active .card-reto-footer.d-flex.justify-content-center.text-center {
    background: transparent;
    border-top: 1px solid #FFF;
}
label.reals-promtion-check {
    background: transparent;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 7px;
}
.active .gems-price-reals {
    color: #03233f;
    text-shadow: 0 0 2px #0f4c827d;
}
.div-card-reto-offer.best-offer.active .footer-reals-promo {
    background: transparent;
}
.div-card-reto-offer hr.hr-divider {
    border-top: 1px solid #EDF1F6;
    width: 100%;
    height: 1px;
    margin: 12px 0;
}
.div-card-reto-offer.best-offer {
    border-color: #bf9727;
}
.div-card-reto-offer.best-offer .tag-best-offer, .div-card-reto-offer.best-offer button{
    background-color: #F0C12C;
    border-color: #F0C12C;
}
.div-card-reto-offer.best-offer .tag-best-offer {
    padding: 5px 10px;
    color: #FFF;
    position: relative;
    bottom: -16px;
    font-size: 14px;
    width: 94%;
    text-align: center;
    height: 30px;
    border-radius: 4px;
    background: #BF9727;
}
.modal button.btn.btn-block.text-white.bg-pf {
    height: 38px;
}
.div-card-reto-offer.active {
    background: linear-gradient(179.94deg, #154C82 0.78%, #154C82 13.63%, #60ABED 75.77%, #0F4C82 98.11%);
    color: #FFF;
    opacity: 1;
}
.div-card-reto-offer.best-offer.active {
    background: linear-gradient(180deg, #AC894B 12.73%, #AC894B 21.64%, #F7EFB1 53.93%, #AC894B 88.91%);
    color: #FFF;
}
.div-card-reto-offer.active h6, .div-card-reto-offer.best-offer.active h6{
    color: #FFF !important;
}
.div-card-reto-offer.best-offer h6 {
    color: #bf9727 !important;
}
.div-card-reto-offer button {
    font-size: 12px;
    width: 120px;
}
p.footer-reals-promo {
    font-size: 14px;
    font-weight: 600;
}
.searching-reals {
    height: calc(100vh - 120px);
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #f5f7fa;
    border-radius: 8px;
    /*max-height: 710px;*/
}
.btn-img-upload {
    background: #FFF;
    border-radius: 50%;
    width: 42px;
    height: 42px;
    line-height: 42px;
    padding: 0;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);
}
button#uploadPortraitProfileReals {
    position: absolute;
    z-index: 1000;
    bottom: 10px;
    right: 10px;
    transition: .15s ease-in-out;
    opacity: 0;
}
#profileReals:hover #uploadPortraitProfileReals{
    opacity: 1;

}
button#uploadAvatarReals {
    position: absolute;
    bottom: 0;
    right: -10px;
    opacity: 0;
    transition: .15s ease-in-out;
}
#profileReals:hover #uploadAvatarReals{
    opacity: 1;
}
button#uploadPortraitProfileReals:hover, button#uploadAvatarReal:hover, .reals-options .btn-round.btn-small-reals:hover {
    /*color: var(--pf_blue;*/
    /*transform: translateY(-2px);*/
}
#profileReals .profile-config-header-box {
    height: 170px;
    margin: 5px;
    top: 5px;
}
#profileReals .profile-config-box-avatar {
    top: 10px;
    width: 100px;
    height: 100px;
}
.profile-reals-name {
    position: absolute;
    z-index: 10;
    bottom: -5px;
    width: 100%;
    text-align: center;
    text-shadow: 1px 1px 2px rgba(0, 0, 0,.5);
}
button#buyGems {
    position: absolute;
    bottom: 10px;
    z-index: 11;
    left: 10px;
}
button#buyGems img {
    width: 25px;
    position: relative;
    top: -3px;
}


.tags-reals-profile button.btn.btn-reverse {
    border-color: var(--pf_blue);
    color: var(--pf_blue);
    text-shadow: none;
    top: unset;
    left: unset;

}
.tags-reals-profile .buttonContainer {
    /*margin: 0 5px;*/
    display: inline-block;
    text-align: center;
}
#tagsEditSection .buttonContainer {
    margin-bottom: 10px;
}
.buttonContainer button.btn.btn-tag-reals {
/*    padding-left: 15px;
    padding-right: 15px;*/
}
.reals-options .btn-round.btn-small-reals {
    top: unset;
    left: unset;
    background: #eaeff4;
}
.newCrushes-section-reals {
    padding: 20px;
    background: #FFF;
    border-top: 1px solid #EDF1F6;
    height: 151px;
}
.sidebar-panel-profile #main-profile .owl-item {
    max-height: 100%;
    height: 100%;
}
.newCrushes-section-reals .reals-trend-profile {
    width: 130px;
    height: 110px;
    margin-right: 10px;
    position: relative;
}
.tag-crush {
    background: #EC0D0D;
    color: #FFF;
    font-size: 12px;
    display: inline-block;
    padding: 5px 5px;
    border-radius: 4px;
    font-weight: 600;
    position: absolute;
    bottom: 10px;
    left: 15px;
    text-transform: uppercase;
}
.sidebar-panel-profile, .chat-message-block, .chat-block-input-container   {
    transition: .15s ease-in-out;
}
.hide-profile .sidebar-panel-profile {
    transform: translateX(376px);

}
.hide-profile .chat-message-block  {
    width: calc(100% + 376px);
}
.hide-profile .chat-block-input-container {
    width: calc(100% + 190px);
}
.reals-options .list-inline-item > a {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
}
.reals-trend-profile .crush-overlay {
    background: #00000070;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    opacity: 0;
    justify-content: space-evenly;
    align-items: center;
    border-radius: 4px;
    transition: .15s ease-in-out;
}

.reals-trend-profile.active .crush-overlay{
    opacity: 1;
}
.button-overlay {
    background: #FFF;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    font-size: 12px;
}

.chat-message-block.profile-active{

    height: calc(100% - 292px);
}
#chatContainerReals{
    width: 74%;
}
.chat-box-profile-container .chat-message-block {
    height: calc(100vh - 350px);
}
.chat-box-profile-container {
    position: relative;
}
.sidebar-panel-profile {
    display: inline-block;
    position: absolute;
    top: 0;
    width: 25%;
}

.sidebar-panel-profile #main-profile .item, .sidebar-panel-profile #main-profile .item::after {
    height: calc(100vh - 390px) !important;
    border-radius: 8px;
}
.sidebar-panel-profile {
    display: inline-block;
    position: absolute;
    top: 0;
    width: 415px;
    height: calc(100vh - 286px);
    z-index: 10000;
}
.sidebar-panel-profile-footer.position-absolute {
    z-index: 1000;
    width: 100%;
    text-align: center;
    left:0;
    bottom:20px;
}
#reportProfile, #uncrushProfile {
    width: 48%;
    font-size: 12px;
}
.sidebar-panel-profile-footer h6.text-white.text-center, .sidebar-panel-profile-footer p.text-white {
    text-shadow: 2px 2px 1px rgba(0, 0, 0, .5);
}
button#reportProfile {
    background: #FFF;
}
.sidebar-panel-profile img.logo-reals-profile {
    position: absolute;
    z-index: 100;
    right: 35px;
    top: 60px;
    width: 70px;
    height: auto;
}
.corazon {
    animation: latido 1s infinite;
    background-color: #EC0D0D;
    display: inline-block;
    height: 50px;
    margin: 0 10px;
    transform: rotate(-45deg);
    position: absolute;
    left: 45%;
    top: 32%;
    width: 50px;
}

.corazon:before,
.corazon:after {
    content: "";
    background-color: #EC0D0D;
    border-radius: 50%;
    height: 50px;
    position: absolute;
    width: 50px;
}

.corazon:before {
    top: -25px;
    left: 0;
}

.corazon:after {
    left: 25px;
    top: 0;
}
#realsCercanos .ui-slider-horizontal .ui-slider-range {
    height: 4px;
}
#realsCercanos .ui-widget.ui-widget-content {
    height: 6px;
}
#realsCercanos span.ui-slider-handle.ui-corner-all.ui-state-default {
    width: 25px;
    height: 25px;

}
#formRealAjustes .ui-slider-handle {
    /*position: relative;*/
    top: -12px;
    border: 2px solid #0f4c82 !important;
    font-size: 12px;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
}
#formRealAjustes .ui-state-active, #formRealAjustes .ui-widget-content .ui-state-active {
    background: #dbdbe9;
    border: 2px solid #ffffff !important;
}
#card_cercanos li.grid-item-trend {
    padding: 2px;
}
.reals-card-cercanos {
    height: 140px;
    width: 130px;
    background-position: center center;
    background-size: cover;
    border-radius: 8px;
    margin-bottom: 10px;
    border: 4px solid #FFF;
    box-shadow: 0 1px 2px rgba(15, 76, 130, .20);
    margin-right: 5px;
    max-width: 100%;
    max-height: 100px;
}
.add-sucription-reals {
    background: #df1515;
    width: 17px;
    height: 17px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    color: #FFF;
    position: absolute;
    top: 0px;
    right: -11px;
    font-size: 9px;
    z-index: 100;
}
ul.li-op-sbl {
    list-style: none;
    padding-left: 0;
    min-height: 320px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.li-op-sbl .btn-round {
    text-align: center;
}
.li-op-sbl .active h6 {
    font-weight: 600;
}

.li-op-sbl h6 {
    font-size: 14px;
    font-weight: 400;
}
.li-op-sbl li {
    margin-bottom: 15px;
    align-items: center;
}
.li-op-sbl .btn-round.btn-small-reals i.fas {
    color: rgba(15, 76, 130, 0.35);
}
.li-op-sbl li a.active i {
    color: #FFF !important;
}
.li-op-sbl li a.active i.fa-heart {
    color: #FFF !important;
}
.li-op-sbl a.d-flex {
    color: var(--pf_blue);
    text-decoration: none;
    align-items: center;

    border-radius: 8px;
    transition: .15s ease-in-out;
}
.reals-options .btn-round.btn-small-reals {
    top: unset;
    left: unset;
    background: linear-gradient(
        45deg
        , #eaeff4, #4c769f24);
    box-shadow: 0 1px 2px 0 rgba(15, 76, 130, .2);

    margin-bottom: 2px;
}
.li-op-sbl a.d-flex:hover h6{
    font-weight: 600;
}
.left-sidebar-options li {
    /*border: 1px solid #dde2eca8;*/
    border-radius: 4px;
    padding: 5px;
    /*background: #FFF;*/
}
.left-sidebar-options.position-relative.w-100 li {
    border: 1px solid #dde2eca8;
}
.left-sidebar-options li:hover {
    transform: translatey(-2px);
    box-shadow: 0 4px 2px 0 rgba(15, 76, 130, .28);
}
/*.reals-card-container {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
.reals-card-container::after {
    content: "";
    flex: auto;
}*/
@keyframes latido {
    0%
    {
        transform: scale( 1 )
        rotate(-45deg);
    }
    20%
    {
        transform: scale( 1.25 )
        rotate(-45deg);
    }
    40%
    {
        transform: scale( 1.5 )
        rotate(-45deg);
    }
}

#storiesSection .owl-nav button{
    color: gray;
}
#homeStories .owl-nav {
    bottom: unset;
    top: -110px;
    position: relative;
}
#homeStories.owl-theme .owl-nav .disabled {
    opacity: 0;
    cursor: default;
}
#homeStories button.owl-prev, #homeStories button.owl-next {
    background: #FFF;
    width: 40px;
    border-radius: 50%;
    line-height: 35px;
    color: #0F4E84;
    outline: 0;
}
#modalWallet .modal-content {
    padding: 10px 20px;
}
button.owl-next span, button.owl-prev span {
    color: #0F4E84 ;
}
#homeStories .item {
    padding: unset;
}
#homeStories button.owl-prev {
    position: relative;
    left: -20px;
}
#homeStories button.owl-next {
    position: relative;
    right: -20px;
    box-shadow: 0 2px 5px 0 rgba(15, 78, 132, .1);
}
.stories-user-tag {
    display: flex;
    padding: 10px;
}
.stories-avatar {
    width: 40px;
    height: 40px;
    background: transparent;
    border-radius: 50%;
}
.stories-avatar img{
    border-radius: 50%;
    border: 2px solid #FFF;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .4);
}
.stories-user-tag {
    display: flex;
    padding: 10px;
    position: absolute;
    bottom: 0;
    width: 100%;
    justify-content: center;
    align-items: center;
    left: -5px;
    z-index: 10;
}
#homeStories .reals-trend-profile:hover {

     transform: unset;
}
#homeStories .reals-trend-profile::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(
        360deg
        , rgba(15, 76, 130, 0.5) 9.2%, rgba(255, 255, 255, 0) 100%);
    z-index: 1;
    border-radius: 7px;
}
.stories-add {
    background: #F1F1FE;
    height: 160px;
    width: 100%;
    border-radius: 8px;
    border: 1px solid #d4e1ed;
    background: center center no-repeat;
    background-size: cover;

}
.stories-add h6.title.text-normal {
    background: #FFF;
    font-size: 14px;
    text-align: center;
    height: 50px;
    line-height: 55px;
    position: absolute;
    width: 102%;
    bottom: 0;
    border-radius: 0 0 8px 8px;
    border: 1px solid #F1F1FE;
    left: -1px;
}
.stories-add i.fas.fa-plus.title {
    background: #F1F1FE;
    display: inline-block;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    position: absolute;
    bottom: 30px;
    z-index: 11;
    margin-left: 37%;
    color: rgba(21, 76, 130, 0.3);
    border: 4px solid #FFF;
}
.stories-add img {
    padding: 20px;
    position: absolute;
    top: -16px;
}
.drop-zone-stories {
    background: rgba(47, 83, 151, 0.1);
    min-height: 550px;
    border-radius: 8px;
    width: 300px;
    margin: auto;
    position: relative;
}
img.isologo-drop-stories {
    margin: auto;
    display: block;
    position: relative;
    padding-top: 50%;
    width: 70%;
}
.stories-options-side {
    display: flex;
    flex-direction: column;
    position: absolute;
}
.btn-options-stories {
    box-shadow: 0 1px 1px 0 rgba(15, 76, 130, .1);
    width: 35px;
    height: 35px;
    margin-bottom: 20px;
    border-radius: 50%;
    border: 1px solid #0f4c8212;
    text-align: center;
    padding: 0;
    transition: .15s ease-in-out;
    font-size: 14px;
}
.btn-options-stories:hover {
    box-shadow: 0 2px 2px 0 rgba(15, 76, 130, .13);
}
button.btn.btn-options-stories > img {
    width: 15px;
    top: -1px;
    position: relative;
    left: 0;
}
.heart-loader {
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    margin-top: -90px;
    width: 180px;
    height: 180px;
    overflow: visible;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.heart-loader__group {
    -webkit-transform-origin: 0 90px;
    transform-origin: 0 90px;
    -webkit-animation: group-anim 8s 0s;
    animation: group-anim 8s 0s;
}
.heart-loader__circle {
    stroke: #B8B8B8;
    stroke-dasharray: 188.522, 188.522;
    stroke-dashoffset: 188.522;
    -webkit-transform-origin: 60px 30px;
    transform-origin: 60px 30px;
}
.heart-loader__circle.m--left {
    opacity: 0;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
}
.heart-loader__circle.m--right {
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
}
.heart-loader__heartPath {
    stroke: #E21737;
    fill: transparent;
    stroke-dasharray: 308.522, 308.522;
    stroke-dashoffset: 308.522;
    -webkit-animation: heart-anim 8s 0s infinite;
    animation: heart-anim 8s 0s infinite;
}
.heart-loader__stroke {
    stroke: white;
    stroke-dasharray: 600, 600;
    stroke-dashoffset: 600;
    -webkit-animation: strokeAnim 1s 4s infinite;
    animation: strokeAnim 8s 4s infinite;
}

@-webkit-keyframes strokeAnim {
    33% {
        stroke-dashoffset: 600;
    }
    66% {
        stroke-dashoffset: 0;
    }
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes strokeAnim {
    33% {
        stroke-dashoffset: 600;
    }
    66% {
        stroke-dashoffset: 0;
    }
    100% {
        stroke-dashoffset: 0;
    }
}
@-webkit-keyframes group-anim {
    43% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        opacity: 1;
    }
}
@keyframes group-anim {
    43% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes heart-anim {
    11% {
        stroke-dashoffset: 308.522;
        fill: transparent;
    }
    70% {
        stroke-dashoffset: 0;
        fill: transparent;
    }
    87% {
        stroke-dashoffset: 0;
        fill: #E21737;
    }
    100% {
        stroke-dashoffset: 0;
        fill: #E21737;
    }
}
@keyframes heart-anim {
    55% {
        stroke-dashoffset: 308.522;
        fill: transparent;
    }
    70% {
        stroke-dashoffset: 0;
        fill: transparent;
    }
    87% {
        stroke-dashoffset: 0;
        fill: #E21737;
    }
    100% {
        stroke-dashoffset: 0;
        fill: #E21737;
    }
}
.other {
    position: absolute;
    left: 0;
    bottom: 0.5rem;
    width: 100%;
    text-align: right;
}
.other__link {
    font-size: 1.3rem;
    margin: 0 1rem;
}
button.button-support {
    background: #0F4C82;
    z-index: 1000;
    top: calc(100vh - 100px);
    right: 30px;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    outline: 0;
    border: none;
    font-size: 32px;
    position: fixed;
}
.chat-support-container {
    transition: .5s ease-in-out;
    z-index: 10000000;
    right: 30px;
    height: auto;
    width: 340px;
    top: calc(100vh - 400px);
    position: fixed;
}
.chat-support-header {
    height: 60px;
    align-items: center;
    border-radius: 8px 8px 0 0;
}
.position-absolute.close-support-chat {
    color: #FFF;
    right: 10px;
}
.support-avatar-chat {
    background: #FFF;
    width: 45px;
    height: 45px;
    display: flex;
    margin-left: 10px;
    border-radius: 50%;
    padding: 5px;
    margin-right: 10px;
}
.chat-support-body {
    background: #FFF;
    height: 280px;
    border: 1px solid #d4e1ed;
    overflow-y: auto;
    overflow-x: hidden;
}
.chat-support-footer {
    border: 1px solid #d4e1ed;
    background: #FFF;
}
.chat-support-body .message-bubble-chat {
    max-width: 240px;
}
.chat-soporte-bar {
    background: #FFF;
    border-top: 1px solid #EDF1F6;
    height: 70px;
}

#soporte-chat .chat-message-block {
    height: calc(100% - 210px);
}
.soporte-chat-options {
    height: 80px;
    display: flex;
    align-items: center;
}
.select-lang-suppport {
    width: 21px;
    margin-top: -4px;
}
.soporte-chat-options-w-otions{
    position: relative;
}
.soporte-chat-options-w-otions button.btn.dropdown-toggle.btn-light {
    border-radius: 8px 0 0 8px;
}
.soporte-chat-options-w-otions button.button-config-soporte-lng {
    height: 38px;
    outline: none;
    border-radius: 0 8px 8px 0;
    background: #f8f9fa;
    color: #92AAC9;
    border:0;
    font-size: 12px;
}
.soporte-chat-options-w-otions .dropdown.bootstrap-select::after {
    border-right: 1px solid rgba(146, 170, 201, 0.5);
    position: absolute;
    content: "";
    top: 8px;
    z-index: 1000;
    width: auto;
    height: 22px;
    right: 0;
}
button.btn-light-pf {
    background: #F1F6F9;
    color: var(--pf_blue);
    display: flex;
    align-items: center;
    outline: 0;
    height: 38px;
    min-width: 120px;
    justify-content: center;
    border-radius: 8px;
    border:0;
}
.chat-support-container.downhidden {
    top: calc(100vh - 60px);
}
.border-img {
    border: 2px solid #FFF;
    /*box-shadow: 0 0 4px rgba(10, 76, 130, .2)*/
}
.border-img2 {
    border: 4px solid rgb(7, 177, 245);
    box-shadow: 0 0 4px rgba(4, 139, 250, 0.2)
}

.border-img3 {
    border: 2px solid rgb(10, 51, 112);
    box-shadow: 0 0 4px rgba(1, 59, 107, 0.2)
}
.border-img-sm {
    border: 2px solid #FFF;
    box-shadow: 0 0 4px rgba(10, 76, 130, .2)
}
#realsNavigation .btn-round.btn-small-reals {
    background: linear-gradient(
        45deg
        , #0f4c82, #368edc);
    color: #FFF;
    box-shadow: 0px 1px 4px 0px #082a488f;
}
div#modalDestacarPerfil .modal-content {
    width: 650px;
}
div#main-profile {
    margin-top: 20px;
}
div#modalDestacarPerfil  .modal-title, #modalPormocionarse  .modal-title, #modalPasesVIP  .modal-title, #modalPormocionarse .modal-title,
#modalRewindsTitle, #modalPackPrivadoRealsTitle{
    margin-bottom: 10px;
    margin-top: -10px;
    font-family: 'Sansita', sans-serif;
    font-size: 24px;
}
#modalPormocionarse .modal-body, #modalPasesVIP .modal-body, #modalRewinds .modal-body {
    padding: 0 50px 30px;
}
.profile-gallery-real {
    height: 120px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 4px;
    border: 4px solid #FFF;
    padding: 10px;
    margin-bottom: 10px;
    box-shadow: 0 1px 2px rgba(15, 76, 130, 0.2);
}
.div-content-modal {
    padding: 20px;
    text-align: center;
}
.rocket-reals-badge {
    background: rgba(15, 76, 130, 0.1);
    width: 35px;
    height: 35px;
    margin: auto;
    border-radius: 30px;
    line-height: 35px;
    font-size: 15px;
    color: rgba(20, 170, 53, 0.77) !important;
}
.notifcation-alert-msg {
    width: 24px;
    height: 24px;
    position: absolute;
    background: red;
    right: -10px;
    top: -5px;
    border-radius: 50px;
    font-size: 10px;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
}
.div-content-modal  {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .25);
    color:#FFF;
}
.div-content-modal h2#modalPasesVIPTitle {
    font-size: 32px;
    font-family: 'Sansita', sans-serif;
}
.tag-line-modal {
    font-size: 18px;
    font-weight: 700;

}
.text-shadow {
    text-shadow: 1px 1px rgba(0, 0, 0, .5);
}
.div-content-modal i.fas.text-gold.btn-crown-reals {
    background: linear-gradient(
        90deg
        , #AC894B 0.12%, #AC894B 9.51%, #F7EFB1 21.25%, #AC894B 99.86%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 70px;
    z-index: 100000000;
    position: relative;
    text-shadow: 0 0 #fff0;
}
.crownAvatarContainer {
    position: relative;
    background: linear-gradient(
        90deg
        , #AC894B 0.12%, #AC894B 9.51%, #F7EFB1 21.25%, #AC894B 99.86%);
    width: 180px;
    height: 180px;
    margin: auto;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .5);
}
#modalBusquedaConfig .ui-slider-range {
    background: #F0C12C;
}
.table-select-container {
    width: 100%;
}
.row-table-select {
    display: flex;
    justify-content: space-between;
    padding: 10px 20px;
    border-radius: 10px;
    align-items: center;
    height: 60px;
}
.row-table-select:nth-child(odd) {
    background: rgba(15, 76, 130, 0.08);
}
#modalWallet .card-pago {
    height: 100px;
    line-height: 50px;
}
label.card-input-image-label {
    position: relative;
    width: 130px;
    height: 100px;
    border-radius: 8px;
    border: 2px solid #FFF;
    background-size: contain;
    background-position: center center;
    box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 30%);
}
.busqueda-form div#filterButtonPostZone {
    top: 0;
    right: -29px;
    width: auto;
}
.delete-img-product {
    background: #FFF;
    width: 15px;
    height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 9px;
    top: 4px;
    right: 3px;
    position: absolute;
}
input.card-input-image {
    display: none;
}
.row-table-select .d-inline-block.btn.px-4.btn-warning.moneda-valor-gem.title {
    position: absolute;
    top: -4px;
    width: 90px;
    height: 30px;
    display: flex !important;
    justify-content: center;
    align-items: center;
    padding-top: 4px;
    padding-bottom: 3px;
}
/* Seccion mobile */
@media screen and (max-height: 730px) {
    input.form-control, select.form-control {
        height: 38px;
        position: relative;
        z-index: 10;
    }
    div#profileReals {
        margin-top: 0;
    }
    button.btn.btn-block.btn-primary, button.btn.btn-block.btn-primary:not(.btn-add-gem) {
        height: 40px;
    }
    .slick-initialized .slick-slide {
        height: auto;
    }
    .input-group-prepend:after {
        height: 20px;
    }

    /*#homeStories .reals-trend-profile {
        height: 70px !important;
    }

    #homeStories .stories-add {
        height: 70px !important;
    }*/

}
.modal .btn-alt{
    font-weight: 600;
    height: 38px;
}
div#loginFormContainer {
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
    height: calc(100% - 50px);
}
#post-entry-box .card-options .form-control, #post-entry-box .form-control{
    text-align: left;
    font-size: 14px;
    line-height: 25px;
    color: rgba(15, 76, 130, 0.6);
}
button.btn.btn-block.text-white.bg-pf.d-inline-block {
    height: 38px;
}

/*#post-entry-box .card-options .form-control{
    background: #f1f4f8;
}*/
.form-entry-user button i.fas.fa-location-arrow.text-white {
    transform: rotate(
        45deg
    );
}
.no-gutters {
    margin-right: 0;
    margin-left: 0;

    > .col,
    > [class*="col-"] {
        padding-right: 0;
        padding-left: 0;
    }
}
/*.no-gutters {
    margin-right: 0;
    margin-left: 0;

}
.no-gutters > .col, .no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}*/
.reals-trend-profile-over {
    width: 100%;
    background: rgba(15, 76, 130, .5);
    height: 100%;
    border-radius: 3px;
    justify-content: center;
    align-items: center;
    display: none;
    font-size: 12px;
    word-break: break-word;
}
.tag-crown-vip.tag-rocket {
    background: #4CAF50;
}
.rocket-vip {
    border: 4px solid #4CAF50;
}
button.btn-round.btn-over-profile {
    height: 40px;
    width: 40px;
    margin: 0 5px;
    color: #EFC645;
}
#mainTrending > div > .row > .card-options {
    border-top: 1px solid #f1f4f8;
    border-radius: 0;
}
#mainTrending .card-trend {
    margin: 5px;
}

.stories-wrapper {
    height: 100%;
    margin-bottom: -50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #0F4C82;
    position: relative;
}
div#TredingCarruselContainer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #001e38f7;
    z-index: 10000;
}
.modal-zoom-post-img img.img-fluid {
    max-height: calc(100vh - 80px);
    object-fit: contain;
}
.count-view-post, div#accordionIngresos .card-header,
.campanhaOptions .card-header{
    cursor: pointer;
}
.tag-name-mobile{
    font-family: 'Sansita Swashed', sans-serif;
    font-size: 18px;
    font-weight: 600;
}
.multiple-img .img-left img {
    height: 350px;
}
.multiple-img .img-right img {
    height: 165px;
    object-fit: cover;
    object-position: center;
}
#crearProductoModal .preview-upload-area {
    max-width: 130px;
    max-height: 130px;
    width: 130px;
    height: 130px;
}
#modalCameraPost .preview-upload-area {
    max-width: 130px;
    max-height: 130px;
    width: 130px;
    height: 130px;
}
#modalCameraPost2 .preview-upload-area {
    max-width: 130px;
    max-height: 130px;
    width: 130px;
    height: 130px;
}

.upload-main-photos .custom-upload.upload-image {
    background: #f6f8fb;
    width: 130px;
    height: 130px;
    position: relative;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 32px;
    box-shadow: 0 0 0 4px rgba(50, 102, 147, .5);
}
#mainTrending #directosDestacados{
    height: 370px;
}
#directosDestacados .slick-slide img.directo-thumb-main{
    height: 240px;
}
.icon-container-camera{
    border: 4px solid var(--pf_blue);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    padding: 0;
}
#scrollToTop.show{
    opacity: 1;
    bottom: 50px
}
#scrollToTop{
    background: #fdfdfe;
    width: 50px;
    height: 50px;
    display: flex;
    opacity: 0;
    justify-content: center;
    align-items: center;
    border-radius: 60%;
    position: fixed;
    bottom: 0;
    right: 110px;
    box-shadow: 0 0 3px 0 rgba(15, 76, 130, .3);
    transition: .35s ease-in-out;
}
.noti-block.d-flex {
    width: 360px;
    height: 90px;
}
.noti-body{
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    width: 270px;
}
.noti-block.d-flex .icon-noti {
    background: #F4F7FB;
    width: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.solicitud-container.card-options {
    max-width: 700px;
    margin: 0 auto;
}
.card-check-perfil {
    text-align: center;
    padding: 15px 10px;
    min-height: 320px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: rgba(192, 204, 218, 0.14);
    border-radius: 8px;
    height: 100%;
}
.card-check-perfil h6 {
    font-size: 16px;
}
.card-check-header {
    height: 70px;
    display: flex;
}
.card-check-body {
    height: 205px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.round-icon-container {
    background: #0F4C82;
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 60%;
    margin: auto;
    font-size: 20px;
    color: #FFF;
}
div#tiendaDestacados {
    height: 200px;
    margin-left: -45px;
    margin-right: -45px;
    width: 110.7% !important;
}
a#notification-config {
    top: 0;
    right: 0;
}
div#recoverPassContainer .card-block{
    max-width: 620px;
    display: flex;
    align-items: center;
}
div#recoverPassContainer {
    height: 100%;
    position: fixed;
    padding-top: 20px;
    display: flex;
    flex-direction: column;
}
div#recoverPassContainer .card-block-form {
    max-width: 500px;
    width: 100%;
    text-align: center;
}
.icon-holder {
    position: absolute;
    top: 20px;
    left: 30px;
}
#modalIdioma .modal-dialog.modal-dialog-centered {
    max-width: 500px;
}
img.img-publicidad {
    width: 100%;
    max-width: 60px;
    padding: 5px;
    border-radius: 8px;
}
#modalAlert h5#modalAlertTitle {
    font-size: 16px;
}
#modalAlert .modal-dialog.modal-dialog-centered {
    width: 440px;
}
#modalAlert .modal-dialog.modal-dialog-centered .modal-content {
    min-height: 180px;
}
#modalAlert .icon-holder {
    background: #F0C12C;
}
.table-config div#filterButtonPostZone {
    position: absolute;
    top: -7px;
    right: 0;
}
.timer-container.d-flex.justify-content-center h5 {
    font-size: 17px !important;
    font-weight: 400;
}
span.puja-price {
    font-size: 28px;
    font-weight: 700;
}
.title.puja-label-title {
    font-size: 14px;
    opacity: .5;
    font-weight: 500;
}
.comprobante-modal {
    background-position: center center;
    background-size: cover;
}
.obs-container {
    height: 150px;
    width: 100%;
    background: rgba(239, 239, 239, 0.5);
    margin-top: 20px;
    border-radius: 4px;
}
a.btn-cancel-promo {
    background: #C80000;
    color: #FFF;
    width: 20px;
    height: 20px;
    display: inline-flex;
    font-size: 12px;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    text-decoration: none;
}
.close-timer {
    position: absolute;
    top: 1px;
    right: 3px;
}
div#modalCrearJuego .div-card-reto {
    background: rgba(192, 204, 218, 0.14);
}
.lush-icon {
    width: 40px;
    height: 40px;
    margin: auto;
}
.etiquetas-directo {
    position: absolute;
    display: flex;
    align-items: flex-end;
    bottom: 10px;
    left: 10px;
}
.etiqueta-directo-privado {
    background: rgba(255, 255, 255, 0.1);
    width: 150px;
    text-align: center;
    height: 30px;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.contador-directo{
    background: rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    width: 205px;
    height: 75px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
    margin-left: 20px;
}
.message-bubble-chat.bubble-img-container > a,
.message-bubble-chat.bubble-img-container .message-bubble-chat-img{
    max-width: 100%;
    border-radius: 4px;
}
.contador-directo > div{
    width: 100%;
    justify-content: space-evenly;
}
.tiempo-card-header {
    margin: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 35px;
    width: 35px;
    border-radius: 4px;
}
.modal-pf .modal-dialog .modal-content {

    overflow-y: auto;
    overflow-x: hidden;
}
.trendingFull .slick-slide img.directo-thumb-main, .trendingFull .slick-center .directos-slide-inner::after,
.trendingFull .slick-center .directos-slide-inner, .trendingFull .directos-slide-inner{
    max-height: 650px;
}
.trendingFull .slick-center .directos-slide-inner {
    max-height: 650px;
}
.direct-creator-stats ul.list-inline li:not(:last-child) {
    border-right: 1px solid var(--lowgray);
}
.direct-creator-stats ul.list-inline li:not(:last-child) {
    width: 100%;
}
.custom-file.btn-upload-audio {
    height: auto;
}
@media screen and (max-width: 767px) {
    .card-app-pf img {
        max-height: 130px;
    }
    div[id^="modalEditarPostP"] .modal-body > .w-100 > img {
        max-height: 290px;
        width: auto !important;
        margin: auto;
        display: block;
    }
    .trendingFull .slick-slide img.directo-thumb-main, .trendingFull .slick-center .directos-slide-inner::after,
    .trendingFull .slick-center .directos-slide-inner, .trendingFull .directos-slide-inner{
        max-height: 100%;
    }
    .trendingFull .slick-center .directos-slide-inner {
        max-height: 100%;
    }
    #video-row {
        min-width: 100%;
    }
    .jisty-container {
        max-height: 280px;
    }
    #uploadPortraitProfileReals, #uploadAvatarReals {
        opacity: 1 !important;
    }

    div#recoverPassContainer {
        padding: 10px;
        height: 100%;
        position: fixed;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

    div#recoverPassContainer .card-options {
        border-radius: 8px;
        padding: 20px !important;
    }

    input#username {
        position: relative;
        z-index: 1;
    }

    body#pf-reals-splash {
        height: 100%;
        overflow-y: auto;
    }

    .real-splash-main-container {
        overflow-y: auto;
        height: 100%;
    }

    div#realsSectionAjuste {
        padding: 0;
    }

    div#realsSectionAjuste {
        overflow-y: auto;
        padding-bottom: 0;
        overflow-x: hidden;
    }

    #realsSectionAjuste .card-options {
        border-radius: 0;
        margin-top: 0;
        border-top: 1px solid #edf1f6;
    }

    #realsSectionAjuste h6.title-reals-ajustes {
        font-size: 16px;
    }

    #modalCameraPost #options-nav li {
        width: 50%;
    }
    #modalCameraPost2 #options-nav li {
        width: 50%;
    }

    #encuestaModal #options-nav li {
        width: 50%;
    }

    #storiesSection > .container {
        padding: 0;
    }

    section#post-entry-box .card-options {
        border-radius: 0;
        margin-top: 0 !important;
    }

    .post-list > .container {
        padding: 0;
    }

    #post-list .card-options.post-card {
        border-radius: 0;
        margin-top: 0;
        border-top: 1px solid #deebfe;
        padding-top: 20px !important;
    }



    .modal-zoom-post-img img.img-fluid {
        max-height: calc(100vh - 40px);
        object-fit: contain;
    }

    .modal-content.modal-dialog.modal-dialog-centered {
        min-height: auto;
        height: auto;
    }

    .modal-zoom-post-img .modal-content.modal-dialog,
    .modal-open .modal.modal-zoom-post-img {
        margin: auto;
    }

    body {
        font-size: 14px;
        color: #0F4C82;
    }

    #packs_container_side {
        height: 100%;
    }

    section#mainTrending {
        overflow-y: auto;
        overflow-x: hidden;
    }

    #homeStories .reals-trend-profile, #homeStories .stories-add {
        height: 120px !important;
    }

    .main-login-container ul#login-list h5 {
        font-size: 16px;
    }

    .login-social {
        width: 25px;
    }

    .btn-social-login {
        width: 110px;
    }

    .card-block.login-block {
        padding-bottom: 0;
        padding-top: 10px;
    }

    .img-logo-login-form {
        width: 110px;
    }

    section#storiesSection {
        margin-bottom: 0 !important;
        background: #FFF;
        margin-top: 0 !important;
        padding-top: 5px;
        border-radius: 0;
    }

    div#homeStories .owl-stage-outer {
        margin-right: -15px;
    }

    .stories-avatar {
        width: 30px;
        height: 30px;
        position: absolute;
        top: -60px;
        left: 10px;
    }


    .stories-add {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .card-options {
        padding: 15px 10px !important;
        margin: 0;
        border-radius: 0;
    }

    .profile-small-pic {
        max-width: 45px;
        max-height: 45px;
        border: 2px solid #FFFFFF !important;
        box-shadow: 0 2px 2px rgba(47, 83, 151, .20) !important;
    }

    .upload-options {
        margin-left: unset;
        margin-top: 10px;
        display: flex;
        justify-content: space-between;
    }

    .upload-options .custom-upload {
        background: rgba(15, 76, 130, .05);
        width: 24%;
        text-align: center;
        border-radius: 4px;
        height: 32px;
        line-height: 32px;
        cursor: pointer;
    }

    #modalCrearPost .modal-content {
        padding: 0;
    }

    #modalCrearPost .modal-body {
        overflow-x: hidden;
        padding: 10px;
    }

    #modalCrearPost a.social-media-product-modal {
        background: rgba(15, 76, 130, .05);
        width: 100%;
        border-radius: 4px;
        height: 40px;
        line-height: 40px;
        display: block;
        margin-top: 10px;
    }

    div#main-profile {
        margin-top: 10px;
    }

    #modalVideoPost #options-nav li, #modalAudioGraba #options-nav li {
        width: 50%;
    }

    #modalCameraPost .modal-body.pt-0, #modalVideoPost .modal-body, #modalAudioGraba .modal-body.pt-0 {
        padding: 0 20px;
    }

    #modalCameraPost .modal-footer .btn, #modalVideoPost .modal-footer .btn, #modalAudioGraba .modal-footer .btn {
        width: 100%;
    }

    #modalVideoPost a.social-media-product-modal, #modalCameraPost a.social-media-product-modal, #modalAudioGraba a.social-media-product-modal {
        background: rgba(15, 76, 130, .05);
        width: 31.3%;
        border-radius: 4px;
        height: 40px;
        line-height: 40px;
        display: inline-block;
        margin-top: 10px;
    }

    #modalVideoPost2 #options-nav li, #modalAudioGraba2 #options-nav li {
        width: 50%;
    }

    #modalCameraPost2 .modal-body.pt-0, #modalVideoPost2 .modal-body, #modalAudioGraba2 .modal-body.pt-0 {
        padding: 0 20px;
    }

    #modalCameraPost2 .modal-footer .btn, #modalVideoPost2 .modal-footer .btn, #modalAudioGraba2 .modal-footer .btn {
        width: 100%;
    }

    #modalVideoPost2 a.social-media-product-modal, #modalCameraPost2 a.social-media-product-modal, #modalAudioGraba2 a.social-media-product-modal {
        background: rgba(15, 76, 130, .05);
        width: 31.3%;
        border-radius: 4px;
        height: 40px;
        line-height: 40px;
        display: inline-block;
        margin-top: 10px;
    }

    .row.options-reals-main-profile {
        padding: 0 30px;
        z-index: 999;
    }

    #encuestaModal .modal-body {
        padding: 0 20px;
    }
    #encuestaModal2 .modal-body {
        padding: 0 20px;
    }

    #modalVideoPost .modal-pf .modal-content, #modalAudioGraba .modal-pf .modal-content {
        padding: 0 !important;
    }
    #modalVideoPost2 .modal-pf .modal-content, #modalAudioGraba2 .modal-pf .modal-content {
        padding: 0 !important;
    }

    .encuesta-card {
        padding: 0;
        border: 0;
    }
    .modal-footer button {
        width: 100%;
    }

    #navbar-pf .mx-md-auto {
        width: 100%;
    }

    .close-sidebar, .close-chat{
        display: none;
    }


    html, body {
        height: 100%;
    }
    .slick-track {
        height: auto !important;
        padding-top: unset !important;
    }

    .slick-center .directos-slide-inner {
        transform: scale(1) !important;
    }

    #directoZoneSelector .btn-pf-zone {
        width: 100%;
        height: 38px;
    }

    .post-pic-card .profile-small-pic {
        min-width: 24px;
    }

    .post-user-reply {
        padding-left: 30px !important;
        background: rgba(15, 76, 130, 0.02);
    }

    .post-card-comment .d-block.post-user-name h6 {
        font-size: 12px;
    }

    .post-card-comment .pf-text-secondary {
        font-size: 12px;
    }

    .d-block.block-post-options.mt-1 {
        font-size: 12px;
    }

    .post-user-reply img.profile-small-pic {
        width: 24px !important;
        border: 1px solid #FFF !important;
    }

    .post-card-comment .user-comment-entry img.profile-small-pic {
        width: 24px !important;
        border: 1px solid #FFF !Important;
    }

    .post-user-reply .d-block.post-pic-card {
        margin-right: -8px;
    }

    .post-card-comment .user-comment-entry .post-pic-card {
        margin-right: -8px;
        align-self: center;
    }

    .form-entry-user input {
        font-size: 11px;
    }

    .grid-sizer, .grid-item-trend {
        width: 33.33%;
    }

    .trending-main-cat {
        height: 60px;
        background: center right;
        background-size: cover;
    }

    #main-slider-stories .slick-slide .slide-img {
        height: auto;
    }

    .slick-slide {
        height: auto;
    }

    #main-slider-stories .stories-user-inner > div {
        height: 100vh;
        border-radius: 0;
        border: unset;
    }

    #main-slider-stories .stories-user-inner {
        height: 100% !important;
    }

    div#main-slider-stories {
        height: 100%;
    }

    #profileReals {
        border-radius: 0;
        margin-top: 0;
        border-top: 1px solid #edf1f6;
    }

    section#realsCercanos .card-options, section#realsVisitas .card-options {
        background: transparent;
        box-shadow: unset;
        padding: 0;
        margin: 0;
        border-top: 1px solid #edf1f6;
    }

    section#realsCercanos, section#realsVisitas {
        background: #FFF;
        height: calc(100vh - 101px);
    }

    .slide-img::after, #main-slider-stories .slick-slide .slide-img,
    #main-slider-stories .stories-user-inner, #main-slider-stories .stories-user-inner > div {
        border: unset !important;
        border-radius: unset !important;
    }

    .btn.text-white.button-close-stories {
        right: 0;
        top: 0;
    }

    .real-splash-main-container.text-center > div > img {
        width: 150px !important;
    }

    .real-splash-main-container.text-center h3 {
        font-size: 16px;
    }

    .real-splash-main-container.text-center .reals-splash-list li {
        font-size: 14px;
    }

    .real-splash-main-container .reals-splash-list ul {
        padding-left: 0;
        margin-top: 20px;
    }

    .multiple-img .img-left img {
        height: 268px;
        min-height: 260px;
    }

    .multiple-img .img-right img {
        height: 130px;
    }

    .preview-upload-area {
        max-width: 30%;
        max-height: 90px;
    }

    .upload-main-photos .custom-upload.upload-image {
        width: 90px;
        height: 90px;
        max-width: 100%;
    }

    #crearProductoModal .upload-main-photos .custom-upload.upload-image {
        width: 130px;
        height: 130px;
        max-width: 100%;
    }

    label.uploadBtnImage {
        font-size: 12px;
        line-height: 14px;
    }

    button.btn.btn-secondary {
        background: transparent;
        color: var(--pf_blue);
        border: 1px solid var(--pf_blue);
        font-weight: 600;
    }

    #main-profile .item {
        height: calc(100vh - 180px);
        /*margin-bottom: -60px;*/
    }

    .row.options-reals-main-profile {
        bottom: 35px;
    }

    .tag-name-main-reals {
        bottom: 120px;
    }

    #main-profile .owl-nav button {
        top: calc(30vh);
    }

    .row.tag-reals {
        bottom: 90px;
    }

    #mainTrending #directosDestacados {
        height: auto;
    }

    button.btn.btn-trending {
        min-width: 120px;
        font-size: 12px;
    }

    .card-trend-bg {
        height: 130px;
        display: flex;
    }

    li.grid-item-trend.grid-item-trend--width2 .card-trend-bg {
        height: 264px;
    }



    .trending-main-cat-xs.active {
        opacity: 1;

    }

    .grid-item-trend {
        width: 33.333%;
    }

    .grid-item-trend--width2 {
        width: 66.666%;
    }

    .d-flex.block-image-adjust .d-inline-block {
        width: 50%;
    }

    .d-flex.block-image-adjust .d-inline-block label img {
        width: 100%;
    }

    #mainTrending .main-destacado-directo-card.slick-slide.slick-current.slick-active.slick-center {
        transform: scale(1);
        transition: .15s ease-in-out;
    }

    .slick-initialized .slick-slide {
        outline: 0;
        transform: scale(0.9);
    }

    #profile-box-container .card-header {
        height: 140px;
        top: 0;
    }

    #profile-box-container .profile-pic-container {
        height: 110px;
        width: 110px;
        top: 40px;

    }

    section#profile-box-container > .row > .col-md-12,
    section#profile-options > .container > .row > .col-md-12,
    #zone > .container > .row > .col-md-12,
    .campanha-section > .container > .row > .col-md-12,
    #tienda-section > .container.post-list > .row > .col-md-12,
    #ingreso-section > .container > .row > .col-md-12,
    #notifcationPage.container > .row > .col-md-12,
    #mainTrending .trendingFeauturedContainer,
    #profile #post-list .post-list .row .col-md-12,
    div#profile > #post-entry-box > .row > .col-md-12,
    .post-list > .row > .col-md-12,
    .tab-pane > .container > .row > .col-md-12,
    section#breadcrumb-pf-section > .container > .row > .col-md-12,
    #config-page > .container > .row > .col-md-12,
    .fav-block-container > .container > .row > .col-md-12 {
        padding: 0;
    }
    #crearProductoModal #mainForm .form-group .custom-control.custom-radio.custom-control-inline {
        width: 45%;
    }
    #home > #post-list > .post-list > .w-100 > .row > .col-md-12,
    #home > #post-list > .post-list > .row > .col-md-12 {
        padding-left: 0;
        padding-right: 0;
    }

    #ingreso-section .btn-config-pay {
        top: 12px;
    }

    #profile-options div#options-nav {
        border-radius: 0;
        margin-top: 0;
        padding-bottom: 0 !important;
        /*border-top: 1px solid #edf1f6;*/
        border-bottom: 1px solid #edf1f6;
    }

    .fc .fc-toolbar-title {
        font-size: 14px !important;
    }

    a.portada-pic.profile-pic-edit {
        box-shadow: transparent;
    }

    section#profile-box-container .card-profile {
        border-radius: 0;
        border-top: 1px solid #edf1f6;
    }

    h6.title-config {
        font-weight: 500;
    }

    .card-profile-body h3.profile-name {
        font-size: 16px;
    }

    .follows-data {
        text-align: center;
    }
    #table-publicidad img.img-publicidad {
        min-width: 70px;
    }
    #table-publicidad tbody tr td:nth-child(2) {
        min-width: 170px;
    }
    ul#suboptions-nav .nav-link {
        width: 100%;
    }




    #options-nav li {
        flex: 1;
        padding: 0;
    }

    .product-badge-discount {
        left: -12px;
    }

    button#btnAgregarProductoStore,
    button#btnAgregarSubasta {
        position: absolute;
        right: 14px;
    }

    .bought-preview {
        min-height: 60px !important;
        height: 120px;
    }

    ul#notificationZoneTab {
        justify-content: space-between;
    }

    .tab-zone li.nav-item {
        width: 47%;
    }

    #notificationZoneTab a {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #notificationZoneTab .notification-not-read-counter span {
        top: -35px;
        right: 8px;
    }

    span.noti-tab-name {
        display: none !important;
    }

    .fav-block-img img {
        width: 100%;
        height: 110px;
        object-fit: cover;
    }

    .notification-not-read-counter span {
        font-size: 0;
        height: 7px;
        width: 7px;
        padding: 0;
        top: -25px;
        right: 0;
    }

    .tab-notifications-cat.mt-4 {
        padding: 10px 5px;
    }

    .tab-notifications-cat li.list-inline-item {
        margin-right: 0;
        padding: 0 10px;
    }

    div#noti-todas ul {
        margin-right: -10px;
        margin-left: -10px;
    }



    div#directoZoneSelector {
        width: 100vw;
    }

    #directosDestacados .slick-slide img.directo-thumb-main {
        height: 200px;
    }

    .main-destacado-directo-card.slick-slide.slick-current.slick-active.slick-center {
        transform: scale(1);
    }

    button.btn.btn-trending {
        padding: 5px;
    }

    #directosDestacados .slick-center .card-direct-tag-area.d-flex {
        top: -15px;
    }


    .contador-directo {
        width: 140px;
        right: 20px;
        margin: 0;
        position: absolute;
        height: 60px;
    }
    .tiempo-card-header.bg-pf.text-white {
        font-size: 10px;
        height: 30px;
        width: 30px;
        margin: 0;
    }
    .etiquetas-directo {
        width: 100%;
    }
    .contador-directo small {
        font-size: 10px;
    }

    img.logo-directo-end {
        width: 130px;
        margin-bottom: 20px;
    }

    .jisty-container.justify-content-center.position-relative h4 {
        font-size: 16px;
    }

    .options-video-chat h6.title.d-inline-block {
        font-size: 14px;
    }

    div#product-star {
        font-size: 12px;
    }

    a.profile-directo-channel img {
        width: 50px !important;
        height: 50px !important;
    }

    .main-directos-container .options-video-chat {
        padding: 10px;
        min-height: 130px;
    }



    .directo-channel-give-gems button.bg-pf {
        font-size: 12px !important;
        padding: 2px !important;
        width: 19%;
    }
    .btn.btn-gray {
        color: var(--pf_blue);
        background: #FAFAFF;
        border-radius: 4px;
    }
    html {
        overflow-x: hidden;
    }

    .wrapper.d-block.d-md-flex {
        overflow-x: hidden;
    }
    #pf-chat{
        min-height: unset !important;
    }
    .chat-directos-container .video-main-chat .user-chat-default {
        display: inline-block;
    }
    .chat-directos-container .video-main-chat {
        height: calc(100vh - 460px);
    }
    .vc-message-alert.vc-alert-5 {
        font-size: 14px;
    }

    .block-suscription.position-relative,
    .block-suscription.sale-active {
        background-image: unset !important;
        margin: 0 10px;
    }

    .block-suscription.sale-active::after {
        background: linear-gradient(
            180deg, #F7EFB1 -0.56%, #AC894B 107.49%);
    }

    a.share-button.portada-button {
        position: absolute;
        bottom: 10px;
        right: 5px;
    }

    a.share-button.portada-button.follow-user-profile {
        width: 40px;
    }

    .breadcrumb-pf {
        border-radius: 0;
        margin-top: 0 !important;
    }

    .breadcrumb-pf li a, .breadcrumb-pf li span {
        font-size: 12px;
    }

    .chat-video-container {
        border-left: unset;
    }

    .optionDirectos .dropdown-toggle::after {
        display: none;
    }

    .dropOptionsDirecto .dropdown-menu.dropdown-menu-right.show {
        position: relative;
        left: -75px !important;
        top: -94px !important;
    }

    div#directosDestacados {
        padding: 10px 0;
    }

    div#directosDestacados .main-destacado-directo-card {
        padding: 0;
    }

    #btn-lg-directo::after {
        top: 0;
        left: 0;
        text-decoration: none;
    }

    a#btn-lg-directo {
        text-decoration: none;
    }

    .drp-lang img {
        width: 18px;
        margin-right: 10px;
    }

    a#btn-lg-directo img {
        width: 20px;
        margin-right: 0;
    }

    #modalStoriesView {
        padding: 10px;
    }

    div#my_camera {
        width: 100% !important;
        height: 240px !important;
    }

    #my_camera video {
        width: 100% !important;
        height: 250px !important;
    }

    div#my_camera2 {
        width: 100% !important;
        height: 240px !important;
    }

    #my_camera2 video {
        width: 100% !important;
        height: 250px !important;
    }


    div#my_camerah {
        width: 100% !important;
        height: 240px !important;
    }

    #my_camerah video {
        width: 100% !important;
        height: 250px !important;
    }

    .card-trend-content {
        display: none !important;
    }
    video#videoGraba {
        width: 100%;
        transform: scaleX(1) !important;
    }

    div#uploadVideo video {
        width: 100%;
    }


    html {
        height: -webkit-fill-available;
    }

    #modalRetiro .modal-content {
        height: 400px;
        overflow-y: auto;
        min-height: 100vh;
        min-height: -webkit-fill-available;
    }

    ul.chat-btn-bar-list.list-inline.mb-0 li {
        margin-left: 10px;
    }

    .avatar-container.d-flex {
        width: 40px;
        height: 40px;
    }

    .block-chat-list {
        height: calc(100% - 145px);
    }

    ul.list-unstyled.d-flex.flex-column.p-4.h-100 {
        height: 100% !important;
    }

    .chat-sidebar-header.pt-2.pt-md-4 {
        border-top: 1px solid #edf1f6;
    }

    div#navBottomMobile ul {
        justify-content: space-around;
        height: 44px;
    }

    #modalNewChat .follows-container li {
        padding: 10px 0;
    }

    div#loginInfoContainer h5 {
        font-size: 16px;
    }

    /*.chat-message-block {
        min-height: calc(100% - 140px);
    }*/

    .option-chat-bubble {
        width: 40px;
        height: 30px;
        display: inline-block;
        position: relative;
    }

    .follows-list .button-div {
        padding: 0 10px;
    }
    #modal-followers .follows-list .button-div {
        padding: 10px 0;
    }
    img.profile-small-picw-100 {
        border-radius: 50px;
        border: 2px solid #FFF;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
    }
    .tag-privilegiado-pf {
        min-width: auto;
        background: 0;
        padding: 0;
        width: 40px;
        height: 40px;
    }
    .badge-18 {
        width: 40px;
        height: 40px;
    }
    .badge-18 > img{
        width: 70%
    }

    .box-income-data {
        padding: 5px;
        font-size: 14px;
        height: 90px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .box-income-data h4 {
        font-size: 14px;
    }

    .box-income-data .description {
        font-size: 12px;
    }

    #ingreso-section div#nav-tabContent {
        padding: 0 10px;
    }

    div#nav-tabContent {
        padding: 0 10px;
    }

    section#config-page {
        height: 100%;
        overflow-y: auto;
        background: #FFF;
    }

    #config-page .card-options.row {
        border: 0;
        background: unset;
        box-shadow: unset;
    }

    #config-page .card-options.row {
        border: 0;
        background: unset;
        box-shadow: unset;
    }

    #TredingCarruselContainer .main-destacado-directo-card.slick-slide.slick-current.slick-center {
        transform: scale(1);
        padding: 0;
    }

    #TredingCarruselContainer .trendingFull .slick-slide img.directo-thumb-main, .trendingFull .slick-center .directos-slide-inner::after, .trendingFull .slick-center .directos-slide-inner, .trendingFull .directos-slide-inner {
        width: 100% !important;
        margin: auto;
        height: 100% !important;
        object-fit: cover !important;
    }

    #TredingCarruselContainer .main-destacado-directo-card.slick-slide.slick-current.slick-center {
        width: 100% !important;
    }

    .config-sidebar-container {
        background: #FFF;
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 100;
        top: 0;
        left: 0;
        padding: 20px;
        overflow-y: auto;
        display: none;
    }

    #config-page .custom-upload.upload-image {
        background: transparent;
    }

    .trendingFull .main-destacado-directo-card.slick-slide {
        transform: scale(1);
        padding: 0;
    }

    a#btnVerTodos {
        top: unset;
        right: unset;
        position: relative !important;
    }

    #config-page button.btn {
        width: 100%;
    }

    #modalPasesVIP .div-content-modal {
        padding: 10px;
    }

    div#modalPasesVIP .modal-content, #modalPormocionarse .modal-content {
        height: auto;
    }



    #main-profile .owl-item.active, div#main-profile {
        height: 100% !important;
    }

    .div-content-modal i.fas.text-gold.btn-crown-reals {
        font-size: 40px;
    }

    .modal-pf .modal-dialog {
        padding-bottom: unset;
    }

    #modalPormocionarse .modal-body, #modalPasesVIP .modal-body, #modalRewinds .modal-body,
    #modalPackPrivadoReals .modal-body {
        padding: 0 10px !important
    }

    span.span-texto {
        font-size: 14px;
    }

    .div-card-reto-offer {
        height: 150px;
        border: 2px solid;
    }

    .div-card-reto-offer h6 {
        font-size: 18px;
    }

    p.text-white.text-center.font-italic.tag-line-modal {
        font-size: 16px;
        font-weight: 600;
    }

    p.footer-reals-promo {
        font-size: 10px;
        font-weight: 400;
    }

    .card-reto-footer.d-flex.justify-content-center.text-center, .best-offer p.footer-reals-promo {
        height: 30px;
        line-height: 30px;
    }

    #modalPormocionarse .div-content-modal {
        padding-bottom: 0;
    }

    .tag-name-main-reals > h4 {
        font-size: 24px;
    }

    div#modalDestacarPerfil .modal-title, #modalPormocionarse .modal-title, #modalPasesVIP .modal-title, #modalPormocionarse .modal-title,
    #modalRewindsTitle, #modalPackPrivadoRealsTitle, .div-content-modal h2#modalPasesVIPTitle {
        font-size: 22px !important;
    }

    .tag-name-main-reals h4 {
        font-size: 22px;
    }

    #packPrivilegiadoOwl button.owl-prev {
        left: -10px;
    }

    #packPrivilegiadoOwl button.owl-next {
        right: -10px;
    }

    section.fav-block-container .card-options {
        box-shadow: unset;
    }

    .contentWrapper {
        background: #FFF;
    }



    #modalDestacarPerfil .modal-body.pt-0 {
        padding: 0 5px;
    }

    #modalDestacarPerfil .modal-body .col-3.col-md-3 {
        padding: 10px;
    }

    #modalDestacarPerfil .card-destacard-foto {
        height: 70px;
        margin-bottom: 0;
        border: 2px solid #FFF;
    }

    .crownAvatarContainer {
        width: 135px;
        height: 135px;
    }

    .profile-matched-reals {
        width: 128px;
        height: 128px;
    }

    .profile-matched-container {
        width: 135px;
        height: 135px;
    }

    #modalPostFav button.close.buttonCloseFav {
        position: absolute;
        top: 5px;
        right: 5px;
        z-index: 10;
    }

    #favModalSection #post-list .card-options.post-card {
        overflow-y: auto;
        height: 100%;
        overflow-x: hidden;
        max-height: 560px;
    }

    div#loginFormContainer {
        height: 100%;
    }

    #modalWallet .card-pago {
        height: 70px;
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #modalWallet .modal-content {
        max-height: 100%;
    }

    .row-table-select {
        height: 40px;
    }

    div#tiendaDestacados {
        height: 170px;
        margin-left: 0;
        margin-right: 0;
        width: 100% !important;
    }

    .container-carrusel-tienda {
        padding: 0;
    }

    .tienda-destacado-card.slick-slide {
        height: 140px !important;
    }

    #tiendaDestacados .card-product::after {
        height: calc(100% - 48px) !important;
    }

    .tienda-destacado-card .card-product-body {
        height: calc(100% - 48px) !important;
    }

    .grid-item-trend .card-trend.border-img {
        border: 0;
        margin: 2px !important;
        box-shadow: unset;
    }

    .trends-container {
        padding: 8px;
    }

    .trends-container .card-trend-bg, .trends-container .card-trend::after {
        border-radius: unset !important;
    }

    #product-payment-method .product-container {
        height: 60px;
    }

    h6.block-chat-name.mb-0.position-relative.normal {
        font-size: 14px;
    }

    .bought-body {
        flex-direction: column;
    }


    .bought-content, .bought-preview {
        width: 100% !important;
        margin: 0 !important;
    }

    .message-bubble-chat .div-recording audio {
        width: 80%;
    }

    i.fas.fa-search.title.position-absolute {
        z-index: 10000;
        top: 10px;
    }

    .sidebar-panel-profile {
        display: none;
    }

    .stories-wrapper {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }

    .d-chat-block-globes {
        min-width: 100%;
    }

    .newCrushes-section-reals {
        height: 70px;
    }

    .newCrushes-section-reals.row {
        padding: 0;
    }

    .tag-crush {
        font-size: 0;
        top: 4px;
        width: 10px;
        height: 10px;
        right: 4px;
        left: unset;
    }

    .newCrushes-section-reals .reals-trend-profile {
        width: 60px;
        height: 60px;
    }



    .form-reals-chat i.fas.fa-search.title.position-absolute {
        top: 15px;
    }

    ul.chat-btn-bar-list.list-inline.mb-0.reals-options.reals-option-chat {
        min-width: 200px !important;
    }

    .chat-btn-bar-list > li > a {
        box-shadow: unset !important;
        width: auto !important;;
        height: auto !important;;
        color: var(--pf_blue) !important;;
        background: transparent;
        font-size: 15px !important;
    }

    .chat-btn-bar-list .btn-round.btn-reals-reals {
        background: transparent !important;
    }

    #main-slider-stories .slick-slide.slick-current.slick-center {
        transform: scale(1);
    }

    #main-slider-stories .slick-slide .slide-img {
        outline: 0;
        border: 4px solid #FFF;
    }
    .name-tag-stories{
        font-size: 16px;
    }
    .btn-alt-blue {
        min-width: 104px;
    }
    #modalStoriesView .modal-body {
        padding: 0 10px;
    }
    .user-follos-name h6 {
        font-size: 16px;
    }
    .sucrition-card-container {
        background-color: #0f4c82;
        border-radius: 8px;
    }
    #modal-followers {
        padding: 0 10px;
    }
    #modalVideoPost .modal-dialog.modal-dialog-centered.modal-pf {
        min-height: 100%;
        max-height: 50%;
        height: 650px;
    }
    #mainPrivilege .col-md-12.card-options.mt-0 {
        box-shadow: unset;
    }
    .sidebar-video-container {
        display: none;
    }
    #app .wrapper.d-flex {
        flex-direction: column;
        height: 520px !important;
        min-height: 100% !important;
    }
    #app .main-video-container {
        width: 100%;
        min-width: 100%;
        /*border: 2px solid black;*/
    }
    #app .chat-video-container.d-flex {
        width: 100%;
        height: 100%;
        min-height: 100%;
    }
    .modal-pf .modal-body{
        padding: 1rem;
    }
    .fc-toolbar-chunk button {
        font-size: 12px;
    }
    .tienda-destacado-card.slick-center .card-product-footer {
        height: calc(100% - 48px) !important;
    }
    .icon-product-locked i.fas.fa-lock {
        font-size: 22px;
        margin: 0;
    }loginInfoContainer
    .product-type {
        bottom: 0;
    }
}
.product-container.position-relative.border-img.b-radius {
    min-height: 250px;
}
.hoursRows{
    display: none;
}
div#app {
    border-top: 1px solid #cfdbe6;
}
.contentWrapper.container-stories {
    height: 100%;
    padding-bottom: 0 !important;
}
i.fas.fa-smile.text-white.icon-emoji {
    position: absolute;
    top: 24px;
    right: 20px;
}
.h-40{
    height: 40px;
    display: inline-flex;
    align-items: center;
}
.div-time-story {
    color: #FFF;
    position: absolute;
    top: 21px;
    right: 40px;
    z-index: 10;
    font-size: 12px;
}
.text-blue-comment {
    color: #3AB5D0;
}
i.fas.fa-play.text-white {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 10;
}
span.icon-btn-circle {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    font-size: 10px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #FFFF;
}
.icon-btn-warning {
    background: #ffc107;
}
.icon-btn-reject{
    background: #c80000;
}
.icon-btn-confirm{
    background: green;
}
.shake {
    animation: shake-animation 4.72s ease infinite;
    transform-origin: 50% 50%;
}
@keyframes shake-animation {
    0% { transform:translate(0,0) }
    1.78571% { transform:translate(2px,0) rotate(-8deg)}
    3.57143% { transform:translate(0,0) rotate(0deg)}
    5.35714% { transform:translate(2px,0) rotate(8deg)}
    7.14286% { transform:translate(0,0) }
    8.92857% { transform:translate(2px,0) rotate(-8deg)}
    10.71429% { transform:translate(0,0) }
    100% { transform:translate(0,0) }
}
.icon-holder {
    position: absolute;
    top: 15px;
    background: var(--pf_blue);
    width: 25px;
    height: 25px;
    font-size: 11px;
    color: #FFF !important;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 0;
    border-radius: 20px;
    left: 20px;
}
section.fav-block-container .grid-item-trend{
    padding: 5px;
}
.config-partial-body label {
    font-weight: 400;
}
a.profile-directo-channel.mr-2 img {
    max-width: 65px;
}
#pf_sidemenu a.button-closde-sb.text-white {
    left: unset;
    right: 10px;
}
button.btn-close-config {
    top: 10px;
    right: 10px;
    position: absolute;
    background: transparent;
    border: transparent;
    color: #0f4c87;
    font-size: 20px;
}
button.btn-config-menu {
    background: transparent;
    border: 2px solid var(--pf_blue);
    border-radius: 4px;
    color: var(--pf_blue);
    margin-right: 10px;
}
#crearSubastaModal .modal-content{
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 100vh;
    min-height: -webkit-fill-available;
}
.upload-options .custom-upload a {
    width: 100%;
    height: 100%;
    display: inline-block;
}
.card-direct-tag-area.d-flex {
    flex-wrap: wrap;
}
.input-form-directos{
    position: relative;
}
.input-form-directos .fa-search{
    position: absolute;
    top: 13px;
    left: 13px;
    z-index: 100;
    color: #7184a3;
}
.form-group.input-form-directos input {
    padding-left: 36px;
    background: #E2E9F3;
}
div#crearProductoModal .modal-content {
    overflow-y: auto;
    overflow-x: hidden;
}
div#showAdressBet .modal-dialog.modal-dialog-centered {
    max-width: 800px;
}
h6.title-reals-ajustes {
    color: var(--pf_blue);
    height: 40px;
    line-height: 40px;
    background: #EDF1F6;
    border: 0;
    border-radius: 4px;
    padding-left: 15px;
    margin-bottom: 20px;
}
img.flag-direct {
    position: relative;
    top: -4px;
    margin-left: 5px;
    width: 20px;
}
.main-destacado-directo-card {
    padding: 10px;
}
.slick-initialized .slick-slide {
    outline: 0;
}
.directos-slide-inner {
    transition: .35s ease-in-out;
    transform: scale(1);
}

.card-product-img.default-product-img {
    filter: unset;
}
#directosDestacados .slick-center .directos-slide-inner, .trendingFull .slick-center .directos-slide-inner {
    position: relative;
    z-index: 1000;
    transform: scale(1.5);
    box-shadow: 2px 2px 4px 0 rgba(255, 255, 255, .16);
}
#directosDestacados .slick-slide img.directo-thumb-main, .trendingFull .slick-slide img.directo-thumb-main {
    opacity: 0.5;
    transition: .15s ease-in-out;
    width: 100%;
}

.trendingFull.slick-vertical.slick-initialized.slick-slider {
    height: 100vh;
}
/*.trendingFull .slick-slide.slick-center img.directo-thumb-main {
    opacity: 1;
}*/
#directosDestacados .slick-slide.slick-current.slick-active.slick-center img, .trendingFull .slick-slide.slick-center img {

    opacity: 1;
    z-index: 100;
    position: relative;
    object-fit: cover;
}
#directosDestacados .slick-track, .trendingFull .slick-track {
    height: 370px;
    padding-top: 60px;
}
.direct-content, .d-info-direct{
    display: none;
}
#directosDestacados .slick-center .direct-content, .trendingFull .slick-center .direct-content {
    display: block;
    position: absolute;
    bottom: 0;
    z-index: 1000;
    /*background: rgba(255, 255, 255, .80);*/
    width: 100%;
    left: 0;
    /* border: 0.5px solid rgb(15 76 130 / 5%); */
    padding: 5px;
}
#directosDestacados .slick-center .directos-slide-inner::after,
.trendingFull .slick-slide .directos-slide-inner::after {
    content: "";
    background: linear-gradient(180deg, rgba(15,76,130,0.6615021008403361) 0%, rgba(15,76,130,0.196516106442577) 30%, rgba(15,76,130,0.21332282913165268) 75%, rgba(15,76,130,0.6839110644257703) 100%);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 110;
    position: absolute;
}
#directosDestacados .slick-center .d-info-direct, .trendingFull .slick-center .d-info-direct {
    display: block;
    position: absolute;
    top: 5px;
    z-index: 10000;
    color: #FFF;
    width: 100%;
}
#directosDestacados .slick-center .card-direct-tag-area.d-flex, .trendingFull .slick-center .card-direct-tag-area.d-flex {
    z-index: 100;
    position: absolute;
    top: -25px;
    color: #FFF;
    height: 25px;
}
.trendingFull .slick-slide img.directo-thumb-main, .trendingFull .slick-center .directos-slide-inner::after,
.trendingFull .slick-center .directos-slide-inner, .trendingFull .directos-slide-inner{
    width: 50vw;
    margin:auto;

}
.trendingFull .slick-center .directos-slide-inner {
    transform: scale(1.1);
}
.trendingFull .slick-list {
    height: 100vh !important;
    padding: 5px 0px !important;
}
.trendingFull .position-absolute.logo-card-trend {
    left: 20px;
    right: unset;
    width: 60px;
}
.closeTrending {
    position: absolute;
    top: 10px;
    right: 10px;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, .4);
    color: #fffffffa;
    font-size: 24px;
}

.directs-profile-xs {
    background: #FFF;
    border-radius: 8px;
    width: 300px;
    box-shadow: 0 0 6px rgba(47, 83, 151, .2);
    position: absolute;
    z-index: 1000;
    left: 5px;
}
.dpxs-header {
    background: rgba(21, 76, 130, 0.09);
    padding: 10px 20px;
    display: flex;
    justify-content: space-between;
}
.dpxs-avatar {
    width: 60px;
    height: 60px;
    border-radius: 80px;
}
.dpxs-avatar img {
    border-radius: 50px;
    border: 3px solid #FFF;
    box-shadow: 0 1px 2px rgba(15, 76, 130, .2);
}
.dpxs-name {
    flex: 5;
    padding-left: 10px;
}
.dpxs-name h6 {
    color: var(--pf_blue);
    font-size: 14px;
}

.dpxs-name h5 {
    color: #F0C12C;
    font-size: 16px;
    text-shadow: 1px 1px rgba(255, 255, 255, .7);
}

.dpxs-name p {
    color: rgba(31, 63, 102, 0.5);
}
.dpxs-star a {
    font-size: 30px;
    color: rgba(31, 63, 102, 0.5);
}

.dpxs-star a.active {
    color: #F0C12C !important

}

.dpxs-body ul.list-unstyled {
    color: var(--pf_blue);
}
.dpxs-body {
    padding: 10px 20px;
}
.dpxs-body li {
    height: 30px;
    font-size: 13px;
    line-height: 30px;
}
.dpxs-options {
    text-align: center;
}

.dpxs-options li.nav-item {
    padding: 0 10px;
}
.dpxs-options a {
    font-weight: 400;
    color: #6C94B7;
    border-radius: 8px;
    transition: .15s ease-in-out;
}
.dpxs-options li a:hover {
    background: rgba(21, 76, 130, 0.09);
    color: var(--pf_blue);
    font-weight: 600;
}
.contentWrapper {
    overflow-y: scroll;
    height: calc(100vh - 1px);
    /*padding-bottom: 80px;*/
    overflow-x: hidden;
}
@media screen and (max-width: 1024px){
    .card-app-pf img {
        max-height: 170px;
    }
    body#pf-web {
        background-color: #F0F2F5;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        display: flex;
        flex-direction: column;
        overflow: hidden !important;
    }
    /*.contentWrapper {
        overflow-y: scroll;
        height: calc(100vh - 100px);
       
        overflow-x: hidden;
    }*/

    #navBottomMobile li.nav-item.list-inline-item {
        width: 100%;
        text-align: center;
        padding: 0;
        margin: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    ul.navbar-nav.mr-auto.list-inline {
        flex-direction: initial;
    }
    div#navBottomMobile {
        background: #FFF;
        border-top: 1px solid #deebfe;
    }

    .contentWrapper.pb-xl-5 {
        height: calc(100% - 95px);
        margin-top: 50px;
    }
    div#navBottomMobile ul {
        justify-content: space-around;
        height: 44px;
    }
    .stories-add i.fas.fa-plus.title {
        bottom: unset;
        top: 10px;
        margin-left: unset;
        left: 5px;
        width: 30px;
        height: 30px;
        font-size: 12px;
        line-height: 24px;
        background: #FFF;
    }
    #navBottomMobile li.nav-item.list-inline-item.active {
        border-top: 2px solid var(--pf_blue);
    }
    #navbarMobile a.nav-link.diamond-plus p {
        font-size: 14px;
        margin-right: 35px;
        top: 0;
        right: 0;
    }
    nav#navbarMobile .btn-group.user-options-drop.dropleft {
        display: none;
    }
    .avatar-mobile img {
        width: 33px;
        height: auto;
    }

    #navbarMobile a.nav-link.diamond-plus img {
        left: 2px;
        top: -9px;
        width: 23px;
    }
    ul#suboptions-nav .nav-link .subotionsLabel {
        display: none;
    }
    ul#suboptions-nav .nav-link.active .subotionsLabel {
        display: inline-block;
    }
    .trending-main-cat-xs {
        height: 50px;
        width: 100%;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        border-radius: 8px;
        opacity: .5;
        box-shadow: 0 0 4px 0 rgba(0, 0, 0, .2);
    }
    .contentWrapper.pb-xl-5 {
        height: calc(100% - 45px);
        margin-top: 50px;

    }
    nav#directoSubmenu {
        box-shadow: none;
        border-bottom: 0;
        border-top: 1px solid #EDF1F6;
        padding-top: 10px;
    }
    nav.navbar.navbar-expand-lg.navbar-light.px-md-0 {
        padding: 0;
    }
    #realsLogoDiv, #menuRealsDiv{
        display: none !important;
    }
    .btn-directo-xs {
        display: flex;
        color: #FFF;
        border-radius: 4px;
        padding: 0;
        height: 30px;
        align-items: center;
        justify-content: center;
        text-align: center;
        background: #0F4C82;
        font-size: 13px;
        border: unset;
    }
    .main-video-container.main-directos-container {
        width: 100%;
    }
    .main-directos-container .jisty-container {
        height: 210px;
        width: 100vw;
    }

    .sidebar-video-container.side-directo-container {
        display: none;
    }
    .chat-directos-container {
        width: 100%;
        height: calc(100vh - 395px);
        padding: 5px 10px;
    }
    .tag-directos {
        background: rgba(15, 76, 130, 0.7);
        border-radius: 4px;
        height: 24px;
        font-size: 11px;
        padding: 3px 10px;
    }

    .optionDirectos {
        position: absolute;
        top: 0;
        right: 0;
        font-size: 12px;
    }

    .options-video-chat {
        border-bottom: 1px solid #edf1f6;
    }
    nav#navbarMobile {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 10000;
    }
    nav#navbarMobile #navbar-pf {
        height: 50px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    nav#mainNavContainer {
        position: fixed !important;
        bottom: 0;
        z-index: 1040 !important;
        width: 100%;
        border-top: 1px solid #EDF1F6;
        -webkit-backface-visibility: hidden;
    }

    #navbar-pf .nav-item.list-inline-item {
        width: 16.666%;
        margin: 0;
        text-align: center;
        height: 50px;
        line-height: 50px;
    }
    #navbar-pf ul.navbar-nav.mr-auto.list-inline {
        width: 100%;
        justify-content: space-between;
    }
    #navbar-pf .nav-item.list-inline-item.active {
        border-top: 2px solid var(--pf_blue);
    }

    #navbar-pf a.nav-link.nav-logo {
        padding: 0;
    }

    #navbarMobile .nav-logo img {
        width: 140px;
    }

    section#realsSection {
        height: 100%;
        background: #fdfdfe;
    }
    aside.chat-sidebar {
        width: 100%;
        margin-top: 50px;
        height: calc(100% - 50px);
        z-index: 1000;
    }

    .main-chat-block.d-inline-block {
        margin-left: 0;
        width: 100%;
        height: calc(100% - 2px);
    }
    #navbar-pf {
        padding: 0;
    }
    body#pf-chat {
        margin-top: 50px;
        height: calc(100% - 60px);
    }

}
.modal-backdrop {
    z-index: 100000;
}
.modal {
    z-index: 100010;
}
@media screen and (min-width: 767px) and (max-width: 1023px) {
    div#main-profile {
        margin-top: 10px;
    }
    .chat-directos-container .video-main-chat {
        height: calc(100vh - 650px);
    }
    .directo-channel-give-gems.justify-content-between button.btn.bg-pf.text-white {
        width: 18.4%;
    }
    .direct-tag-container {
        width: calc(100% - 20px);
    }
    .main-directos-container .jisty-container {
        height: 350px;
        margin-top: 50px;
    }
    #btn-lg-directo::after {
        position: relative;
        top: 0;
        right: 0;
        color: var(--pf_blue);
    }
    #directosDestacados .slick-track, .trendingFull .slick-track {
        height: 260px;
        padding-top: 50px;
    }

    .trending-main-cat-xs {
        height: 100px;
    }
    .grid-sizer, .grid-item-trend {
        width: 33.33%;
    }
    .grid-item-trend--width2 {
        width: 66.666%;
    }
    .trendingFull .slick-slide img.directo-thumb-main, .trendingFull .slick-center .directos-slide-inner::after, .trendingFull .slick-center .directos-slide-inner, .trendingFull .directos-slide-inner {
        width: 80vw;
        margin: auto;
    }
    #directosDestacados .slick-slide img.directo-thumb-main {
        height: 140px;
    }
    #mainTrending #directosDestacados {
        height: 270px;
    }
    div[id^="detailProducto"], div[id^="bipUpProducto"] .modal-dialog {
        min-width: calc(100% - 50px);
    }
    .post-list .card-options, #post-entry-box .card-options {
        padding: 30px 40px;
    }
    div#tiendaDestacados {
        height: 200px;
        margin-left: -25px;
        margin-right: -25px;
        width: 107.7% !important;
    }
    .slick-center .tag-live.position-absolute {
        font-size: 6px;
    }

    .slick-center .tags-directo-card {
        font-size: 9px;
        bottom: 0;
        position: relative;
        height: 18px;
    }

    .slick-center h6.title-small {
        font-size: 12px;
    }

    .slick-center .text-medium {
        font-size: 10px;
    }

    .slick-center .text-small {
        font-size: 8px;
    }

    .slick-center .directos-slide-inner {
        transform: scale(1.2);
    }
    .card-app-pf img {
        max-height: 140px;
    }
    .contentWrapper.pb-xl-5 {
        /*margin-top:0;*/
    }
}
@media screen and (min-width: 1024px) and (max-width: 1365px) {
    .chat-directos-container .video-main-chat {
        height: calc(100vh - 530px);
    }
}
div[id^="modalEditarPostP"] .modal-body > .w-100 > img {
    max-height: 490px;
    width: auto !important;
    margin: auto;
    display: block;
}
#compraContainerList .card-options {
    padding: 20px 60px;
}
.card-bought-product {
    margin-top: 20px;
    background: #FFFFFF;
    border: 1px solid #EDF1F6;
    border-radius: 8px;
}
.bought-header {
    background: #EDF1F6;
    display: flex;
    padding: 10px 20px;
    justify-content: space-between;
    color: #0F4C82;
}
.bought-body {
    padding: 20px;
    display: flex;
}
.bought-preview {
    width: 35%;
    min-height: 180px;
    position: relative;
}
.bought-preview img{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.bought-content.row {
    width: 75%;
    margin-left: 20px;
    text-align: center;
}
.bought-content .btn {
    width: 180px;
    height: 38px;
    font-size: 14px;
}
#main-slider-stories .slick-slide .slide-img {
    opacity: .5;
    transition: .15s cubic-bezier(0.65, 0.05, 0.23, 0.99);
}
.stories-wrapper {
    height: 100%;
    margin-bottom: -50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #082641;
}
#main-slider-stories .slick-slide.slick-center .slide-img {
    opacity: 1;
}

#main-slider-stories .stories-user-inner {
    display: flex;
    justify-content: center;
    height: calc(100vh - 160px);
    border-radius: 8px;
}
#main-slider-stories .stories-user-inner > div {
    background: #ffffff38;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    width: 500px;
    border: 8px solid #FFF;
    border-radius: 8px;
}
#main-slider-stories.slick-dotted.slick-slider {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 10000;

}
#main-slider-stories .slide-img {
    height: 100%;
    width: 100%;
    background: center center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 8px;
    position: relative;
    object-fit: cover;
}
#main-slider-stories .stories-user-inner {
    transform: scale(0.75);
    transition: .25s ease-in-out;
}
#main-slider-stories .slick-center .stories-user-inner {
    transform: scale(1);
}
#main-slider-stories .slick-dots li.slick-active button:before {
    color: #FFF;
}
#main-slider-stories .slick-dots li button:before {
    color: #FFF;
}
/*button.slick-prev.slick-arrow {
    position: absolute;
    left: 680px;
    z-index: 100000;
}
button.slick-next.slick-arrow {
    position: absolute;
    right: 690px;
}*/
.logo-stories-pf {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 100;
}

.logo-stories-pf img {
    width: 70px;
}
.btn.text-white.button-close-stories {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 20px;
    z-index: 10000000;
}
.stories-user-content {
    position: absolute;
    bottom: 0;
    padding: 0 10px;
}
.slide-img::after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 8px;
    background: linear-gradient(
        180deg
        , rgba(15, 76, 130, .6) 0%, rgba(255, 255, 255, 0) 26.92%), linear-gradient(
        180deg
        , rgba(255, 255, 255, 0) 70%, rgba(15, 76, 130, .7) 100%);
    position: absolute;
}
a.close-comment-seccion-btn {
    width: 40px;
    display: inline-block;
}
.stories-user-content {
    position: absolute;
    bottom: 0;
    padding: 0 10px;
    width: 100%;
    z-index: 100;
}
.stories-user-content {
    display: none;
}
.slick-center .stories-user-content {
    display: block;
}
#main-slider-stories  .stories-user-inner > div{
    background: #FFF;
}
#main-slider-stories .stories-user-inner > div {
    background: #FFF;
    opacity: .5;
    transition: .25s ease-in-out;
}
#main-slider-stories .slick-center .stories-user-inner > div {
    opacity: 1;
}
[data-toggle="collapse"] .accordionSection:before {
    content: "\f077";
}

[data-toggle="collapse"].collapsed .accordionSection:before {
    content: "\f078";
}
i.accordionSection.fa {
    position: absolute;
    right: 15px;
    top: 20px;
}
.campanhaOptions .card, .ingresosOptions .card {
    background: #FFF;
    border: 0;
}
.table-config td {
    vertical-align: middle;
    /*text-align: center;*/
}
.campanhaOptions .card-header, .ingresosOptions .card-header {
    background: transparent;
    padding: 15px 10px;
}
.options-perfil-ajuste a {
    display: flex;
    height: 40px;
    padding-left: 30px;
    align-items: center;
    color: #0F4C82;
    text-decoration: none;
    border-radius: 8px;
    border:0;
}
.options-perfil-ajuste a:hover, .options-perfil-ajuste a.active {
    background: #F6F8FB;
    color: #0F4C82;
    border: 0;
    border-radius: 8px;
    font-weight: 500;
}
.options-perfil-ajuste {
    margin: 10px 0;
}
h6.title.title-card {
    background: #EDF1F6;
    padding: 0 10px;
    border-radius: 8px;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
    height: 60px;
    line-height: initial;
    display: flex;
    align-items: center;
}
.stories-wrapper::after {
    content: "";
    background-image: url(../images/half-tone-white-logo.png);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-position: center right;
    background-repeat: no-repeat;
    background-size: contain;
}
.tienda-destacado-card.slick-slide {
    transform: scale(0.8);
    transition: .5s cubic-bezier(0.4, 0, 1, 1);
    opacity: .5;
    border: 4px solid #FFF;
    box-shadow: 0 0 4px 0 #0f4c826e;
    margin: 5px;
    border-radius: 8px;
    height: 180px;
    position: relative;
}
.tienda-destacado-card.slick-slide.slick-center {
    transform: scale(1);
    opacity: 1;

}
#tiendaDestacados .slick-slide img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: 8px;
}
.responsive.table-config.table-pf {
    border: 1px solid #EDF1F6;
}

.card-product button.btn.btn-alt {
    border: 0;
    font-size: 12px;
    height: 38px;
}
.tienda-destacado-card .card-product {
    display: none;
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 3px);
    background: transparent;
    border: 0;
    box-shadow: unset;
    margin: 0;
    PADDING: 0;
}
.tienda-destacado-card .card-product-body {
    height: calc(100% - 8px);
    width: 100%;
    top: 0;
    left: 0;
    z-index: 10;
}
#tiendaDestacados .card-product::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 8px);
    background: linear-gradient(
        0deg
        , #0f4c82, transparent);
    border-radius: 6px;
}
.tienda-destacado-card.slick-center .card-product {
    display: block;
}
.slick-center .card-product-footer {
    top: 0;
    left: 0;
    height: calc(100% - 8px);
    width: 100%;
    display: none;
}
.tienda-destacado-card.slick-center .card-product:hover .card-product-footer {
    display: flex;
}
.slick-center .product-badge-discount {
    top: -8px;
}
.card-product .btn-group.user-options-drop{
    position: absolute;
    top: 10px;
    color: #FFF;
    right: 10px;
    text-align: center;
    width: 23px;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    border-radius: 27px;
    height: 23px;
    align-items: center;
}
.card-product .btn-group.user-options-drop > a{
    position: absolute;
    text-align: center;
    width: 23px;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    border-radius: 27px;
    height: 23px;
    align-items: center;
}
.card-product .btn-group.user-options-drop > a:hover {
    background: #ffffff42;
}

.img-right.more-imgs {
    position: relative;
}
.more-imgs-tag {
    position: absolute;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
    font-size: 20px;
    font-weight: 600;
    background: #0000009c;
    top: 4px;
    left: 4px;
    border-radius: 8px;
}

div#perfilFotosEditSlick {
    height: 250px;
    background: aliceblue;
    width: 100%;
}


.card-destacard-foto {
    height: 120px;
    background: green;
    width: 100%;
    position: relative;
    margin-bottom: 20px;
    border: 4px solid #FFF;
    border-radius: 4px;
    box-shadow: 0 0 2px 0 rgba(15, 76, 130, .4);
}
.card-destacard-foto img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.card-destacard-foto label {
    background: transparent;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
}
div#modalDestacarPerfil .modal-content {
    width: 650px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
#modalDestacarPerfil form.form-pf, #modalDestacarPerfil .modal-header {
    position: relative;
    z-index: 120;
}
div#modalDestacarPerfil .modal-content:after {
    /*content: "";*/
    background: linear-gradient(
        0deg
        , rgba(255, 255, 255, .7), rgb(255 255 255));
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 4px;
    z-index: 100;
}
.card-destacard-foto.active {
    border: 4px solid #ffcf09;
}
.card-destacard-foto .bg-ligh.checked-foto {
    background: #FFF;
    position: absolute;
    z-index: 10000;
    width: 20px;
    height: 20px;
    display: none;
    justify-content: center;
    align-items: center;
    border-radius: 40px;
    font-size: 10px;
    top: 5px;
    right: 5px;
    transition: .1s ease-in-out;
}
.card-destacard-foto.active .bg-ligh.checked-foto {
    display:flex;
}
.tag-liked {
    background: rgba(161, 26, 208, .8);
    position: absolute;
    z-index: 100;
    color: #FFF;
    padding: 5px 17px;
    border-radius: 8px;
    top: 20px;
    margin: auto;
    margin-left: calc(50% - 50px);
    font-size: 14px;
}
/*#main-profile .owl-item.active {
    background: linear-gradient(
        90deg
        , #AC894B 0.12%, #AC894B 9.51%, #F7EFB1 21.25%, #AC894B 99.86%);
    padding: 3px;
    border-radius: 8px;
}*/


.card-options.reals-options.fixme::-webkit-scrollbar, .video-user-list::-webkit-scrollbar, .reto-body::-webkit-scrollbar, .chat-support-body::-webkit-scrollbar, .reto-body::-webkit-scrollbar {
    width: 6px;
    position: relative;
}

/* Track */
.card-options.reals-options.fixme::-webkit-scrollbar-track, .video-user-list::-webkit-scrollbar-track, .reto-body::-webkit-scrollbar-track, .chat-support-body::-webkit-scrollbar-track, .reto-body::-webkit-scrollbar-track {
    margin-right: 10px;
    border-radius: 4px;
    background: #f3f3f3;

}

/* Handle */
.card-options.reals-options.fixme::-webkit-scrollbar-thumb, .video-user-list::-webkit-scrollbar-thumb, .reto-body::-webkit-scrollbar-thumb, .chat-support-body::-webkit-scrollbar-thumb, .reto-body::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: #688aae;
    transition: .35s ease-in-out;
}

/* Handle on hover */
.card-options.reals-options.fixme::-webkit-scrollbar-thumb:hover, .video-user-list::-webkit-scrollbar-thumb:hover, .reto-body::-webkit-scrollbar-thumb:hover, .chat-support-body::-webkit-scrollbar-thumb:hover, .reto-body::-webkit-scrollbar-thumb:hover {
    background: #0E3151;
    transition: .35s ease-in-out;
}
.sidebar-panel-profile {
    background: #FFF;
    padding: 10px 20px;
}
.sidebar-panel-profile #main-profile .item {
    border-radius: 8px;

}
#main-profile button.owl-dot span {
    width: 40px;
    height: 4px;
}
.reals-option-chat a.btn-round {
    width: 50px;
    height: 50px;
    font-size: 20px;
    transition: .1s ease-in-out;
    color: #FFF;
    box-shadow: 0 1px 4px 0 #082a488f;
}

.reals-option-chat a.btn-round:hover {
    transform: translateY(-3px);

}
.btn-perfil-reals, .btn-cercanos-reals {
    background: linear-gradient(
        45deg
        , #0f4c82, #368edc);
    color: #FFF;
}
.btn-round.btn-reals-reals {
    background: linear-gradient(
        45deg
        , #a73737, #ec0d0d) !important;
}
div#main-profile {
    background: #ffffff00;
    height: calc(100vh - 120px);
    border-radius: 8px;

}
ul.chat-btn-bar-list.list-inline.mb-0.reals-options.reals-option-chat {
    min-width: 415px;
    display: flex;
    justify-content: space-evenly;
}
.top-bar-name-tag a {
    color: var(--pf_blue);
}
.btn-edit-state-chat, .btn-save-state-chat {
    font-size: 13px;
    color: #0f4c82b5;
}
.card-destacard-foto.default-destaque {
    background: #d5e2ed;
}
.card-destacard-foto.default-destaque img {
    object-fit: contain;
}
select#filterChatReals {
    position: relative;
    top: -7px;
    font-weight: 500;
    color: #154c82;
    border: 0;
}
.reals-card-visitas {
    height: 200px;
    border: 1px solid #0f4c8212;
    border-radius: 8px;
    padding-bottom: 20px;
    margin-bottom: 10px;
}

.reals-visitas-footer h5 {
    font-size: 14px;
    margin-bottom: 0;
}
.reals-visitas-footer h6 {
    font-size: 12px;
}
.tag-intereses-visitas {
    background: #EDF1F6;
    font-size: 10px;
    padding: 2px 5px;
    margin-right: 5px;
    border-radius: 5px;
    margin-bottom: 5px;
}
.reals-cards-visitas img {
    border-radius: 8px 8px 0 0;
}
.modal-content.modal-perfil-reals {
    background: transparent;
    border: transparent;
}
.modal-perfil-reals .row.options-reals-main-profile {
    justify-content: center;
}
.modal-perfil-reals .row.options-reals-main-profile .options-reals-match {
    margin: 0 10px;
}
.btn-crown-visit-reals {
    background: #154C82;
    color: #F0C12C;
    border: 2px solid #FFF;
}
.reals-visitas-name h6 {
    color: #FFF;
    font-size: 12px;
    text-align: center;
    margin-bottom: 0;
    font-weight: 400;
}
.badge-visitas {
    text-align: center;
    background: #FFF;
    width: 35px;
    height: 35px;
    margin: 5px auto;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
}

.badge-visitas.bagde-crown {
    background: var(--pf_blue);
    color: #f0c12c;
    border: 2px solid #FFF;
}
div#botoneraHelper {
    position: absolute;
    right: -190px;
    top: 0;
}

.comment-section-stories {
    position: absolute;
    top: 0;
    background: rgba(15, 76, 130, .75);
    height: 100%;
    width: 100%;
    z-index: 100;
    left: 0;
}
.comment-section-stories .user-comment-entry {
    bottom: 0;
    position: absolute;
}
.comment-section-stories .post-comment-section {
    height: calc(100% - 78px);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-top: 20px;
}
.comment-section-stories .emojiPickerIconWrap, .form-entry-user .emojiPickerIconWrap {
    width: 100%;
}
/* Track */
.comment-section-stories .post-comment-list::-webkit-scrollbar-track {
    margin-right: 10px;
    border-radius: 4px;
    background: transparent;

}

/* Handle */
.comment-section-stories .post-comment-list::-webkit-scrollbar-thumb{
    border-radius: 4px;
    background: rgba(217, 217, 217, 0.39);
    transition: .35s ease-in-out;
}

/* Handle on hover */
.comment-section-stories .post-comment-list::-webkit-scrollbar-thumb:hover {
    background: #b6b6b6;
    transition: .35s ease-in-out;
}
div#modalStoriesOptions .modal-dialog {
    width: 350px;
    text-align: center;
}
.upload-button-post button#buttonCamera, label.upload-btn-video, .btn-upload-audio label {
    width: 50px;
    height: 50px;
    border-radius: 40px;
    display: flex;
    margin: auto;
    justify-content: center;
    align-items: center;
    padding: 0;
    font-size: 22px;
    color: #FFF;
    background: linear-gradient(
        0deg
        , #367dbc 0%, #0F4C82 80%);
    border: 2px solid #0F4C82;
    transition: .15s ease-in-out;
}
.upload-button-post button#buttonCamera:hover{
    transform: translateY(-2px);
    box-shadow: 0 2px 2px 0 #0f4c8247;
}

.upload-button-post button#buttonCamera2, label.upload-btn-video, .btn-upload-audio label {
    width: 50px;
    height: 50px;
    border-radius: 40px;
    display: flex;
    margin: auto;
    justify-content: center;
    align-items: center;
    padding: 0;
    font-size: 22px;
    color: #FFF;
    background: linear-gradient(
        0deg
        , #367dbc 0%, #0F4C82 80%);
    border: 2px solid #0F4C82;
    transition: .15s ease-in-out;
}
.upload-button-post button#buttonCamera2:hover{
    transform: translateY(-2px);
    box-shadow: 0 2px 2px 0 #0f4c8247;
}



.upload-button-post button#buttonCameraR, label.upload-btn-video, .btn-upload-audio label {
    width: 50px;
    height: 50px;
    border-radius: 40px;
    display: flex;
    margin: auto;
    justify-content: center;
    align-items: center;
    padding: 0;
    font-size: 22px;
    color: #FFF;
    background: linear-gradient(
        0deg
        , #367dbc 0%, #0F4C82 80%);
    border: 2px solid #0F4C82;
    transition: .15s ease-in-out;
}
.upload-button-post button#buttonCameraR:hover{
    transform: translateY(-2px);
    box-shadow: 0 2px 2px 0 #0f4c8247;
}

.upload-button-post button#buttonCameraR2, label.upload-btn-video, .btn-upload-audio label {
    width: 50px;
    height: 50px;
    border-radius: 40px;
    display: flex;
    margin: auto;
    justify-content: center;
    align-items: center;
    padding: 0;
    font-size: 22px;
    color: #FFF;
    background: linear-gradient(
        0deg
        , #367dbc 0%, #0F4C82 80%);
    border: 2px solid #0F4C82;
    transition: .15s ease-in-out;
}
.upload-button-post button#buttonCameraR2:hover{
    transform: translateY(-2px);
    box-shadow: 0 2px 2px 0 #0f4c8247;
}

.upload-button-post button#buttonCameraV, label.upload-btn-video, .btn-upload-audio label {
    width: 50px;
    height: 50px;
    border-radius: 40px;
    display: flex;
    margin: auto;
    justify-content: center;
    align-items: center;
    padding: 0;
    font-size: 22px;
    color: #FFF;
    background: linear-gradient(
        0deg
        , #367dbc 0%, #0F4C82 80%);
    border: 2px solid #0F4C82;
    transition: .15s ease-in-out;
}
.upload-button-post button#buttonCameraV:hover{
    transform: translateY(-2px);
    box-shadow: 0 2px 2px 0 #0f4c8247;
}

/*.preview-upload-container {
    min-height: 160px;
}*/
.preview-upload-container {
    /*min-height: 160px;*/
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
label.uploadBtnImage {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    margin-top: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column-reverse;
    padding: 10px;
}
#modalCameraPost #suboptions-nav.suboptions-menu .nav-link.active, #modalVideoPost  #suboptions-nav.suboptions-menu .nav-link.active, #modalAudioGraba  #suboptions-nav.suboptions-menu .nav-link.active {
    padding-bottom: 10px;
}

#modalCameraPost2 #suboptions-nav.suboptions-menu .nav-link.active, #modalVideoPost2  #suboptions-nav.suboptions-menu .nav-link.active, #modalAudioGraba2  #suboptions-nav.suboptions-menu .nav-link.active {
    padding-bottom: 10px;
}
#modalVideoPost .custom-file-label::after, .btn-upload-audio label::after {
    content: unset !important;
}
#uploadVideo input#file {
    width: 50px;
    height: 50px;
    margin: auto;
    display: block;
    border-radius: 50%;
    cursor: pointer;
}
#modalCameraPost .custom-file-input, #modalAudioGraba .custom-file-input, #modalVideoPost .custom-file-input {
    height: 10px;
}

#modalVideoPost2 .custom-file-label::after, .btn-upload-audio label::after {
    content: unset !important;
}
#uploadVideo2 input#file {
    width: 50px;
    height: 50px;
    margin: auto;
    display: block;
    border-radius: 50%;
    cursor: pointer;
}
#modalCameraPost2 .custom-file-input, #modalAudioGraba2 .custom-file-input, #modalVideoPost2 .custom-file-input {
    height: 60px;
}
button.btn.bg-rec.mt-4 {
    width: 50px;
    height: 50px;
    border: 2px solid #0f4c82;
    border-radius: 50px;
    background: linear-gradient(
        0deg
        , #eaeaea, transparent);
    box-shadow: 0 2px 2px 0 #0f4c823b;
}
#detailProducto a.d-block.mb-4.h-100 {
    width: 100%;
    max-height: 150px;
}
#detailProducto img.img-fluid.img-thumbnail {
    object-fit: cover;
    height: 100%;
    width: 100%;
    max-width: 100%;
}
.hide {
    display: none !important;
}
div#sidemenu_mobile {
    background: #fdfdfe;
    height: 100%;
    min-height: 100%;
    position: absolute;
    width: 100%;
    z-index: 10000;
    display: none;
    top: 0;
    left: 0;
    overflow-x: hidden;
    min-height: -webkit-fill-available;
}
.sidemenu_header {
    height: 170px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.drop-profile-pic.profile-pick-mobile {
    width: 33px;
    height: 33px;
    cursor: pointer;
}
.sidemenu_header .drop-profile-pic {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 30px;
}
.sidemenu_header .drop-profile-pic img {
    max-width: 100%;
    width: 70px;
    height: auto;
    max-height: initial;
    margin: auto;
}
.sidemenu_header_body {
    position: absolute;
    width: 100%;
    bottom: 0;
    padding: 0 20px;
}
a.button-closde-sb {
    position: absolute;
    top: 10px;
    left: 15px;
    font-size: 25px;
}
.sidemenu_body li a.nav-link {
    color: #0F4C82;
    height: 40px;
}
.sidemenu_body li:not(:last-child) a.nav-link {
    border-bottom: 1px solid #EDF1F6;
}
.sidemenu_body ul{
    padding: 10px;
}
ul#sb_bottom_options {
    position: absolute;
    bottom: 0;
    border-top: 1px solid #edf1f6;
    width: 100%;
    margin: 10px;
    -webkit-backface-visibility: hidden;
}
button.btn.btn-follow-noti {
    background: #0f4c82;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
    margin-left: 5px;
}

@media only screen and (max-width: 375px) {
    .card-app-pf img {
        max-height: 85px;
    }
    #modalDeleteConversationMessage .modal-header.d-block.pb-0 {
        padding: 0;
        margin: 0;
    }
    form#deleteChat {
        width: 100%;
        margin: 0;
    }
    .modal-body.pt-0.py-4, .modal-footer {
        padding-left: 0;
        padding-right: 0;
    }
    .modal-footer button.btn{
        margin-right: 0;
        margin-left: 0;
    }
    #modalWallet.modal-pf .modal-body {
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
    }

}

.navbar-centro .nav-item .nav-link i {
    opacity: 0.5;
}

.navbar-centro .nav-item .nav-link i:active,
.navbar-centro .nav-item .nav-link i:hover,
.navbar-centro .nav-item.selected .nav-link i {
    opacity: 1;
}


#navbarUserHome a {
    color: #0f4c82 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    border-radius: 8px !important;
    background: rgba(15, 76, 130, 0.05) !important;
    padding: 5px 12px !important;
    min-width: 160px !important;
}

#navbarUserHome a:hover {
    border-color: #0f4c82 !important;
}

.btn-facebook i,
.btn-twitter i,
.btn-google img {
    position: relative;
    left: 0px;
    bottom: 0px;
    width: 100%;
    max-width: 60px;
    max-height: 30px !important;
    height: 100%;
    font-size: 30px;
    color: #0F4C82;
}
}

.media-body .font-montserrat .username {
    color: #BF9727 !important;
}

.media-body .font-montserrat .text-muted i,
.media-body .font-montserrat small {
    color: #0F4C82 !important;
}
.media-body .font-montserrat small{
    font-weight: 700 !important;
}

.btn-pf-secondary {
    background-color: #F5F7FA !important;
    color: #0F4C82 !important;
    border-radius: 8px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.media-body #updateDescription {
    min-height: 40px !important;
    border: 1px solid #ced4da !important;
}

.media-body #updateDescription:focus {
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%) !important;
}

.card-updates .card-footer .text-muted {
    color: #0F4C82 !important;
}