@font-face {
    font-family: "VodafoneRg";
    src: url("fonts/VodafoneRg.ttf");
}
html,
body {
    -webkit-overflow-scrolling: touch !important;
    /*overflow: auto !important;*/
    height: 100% !important;
}

@supports (-webkit-overflow-scrolling: touch) {

    html,
    body {
        overflow: auto !important;
    }
}

html,
body {
    width: 100%;
    height: 100%;
}

body {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    color: #595958;
}

div.alert_overlay {
    padding: 20px;
    background: #e6e6e6;
}

.modal-body ul li {
    font-size: 14px;
}

div.alert_overlay textarea {
    max-width: 100%;
    width: 100% !important;
    min-height: 75px;
}

form.form-complaint .send-complaint {
    background: #ff0b37;
    border: none;
    padding: 7px 45px;
    color: white;
}

.edit-comments a {
    font-size: 11px;
    text-decoration: underline;
}

.media.show .dr-centerbox.post-alert.comments {
    margin-left: 0;
    margin-bottom: 6px;
}

.comment-modify {
    float: right;
}

.env.modify-comment {
    float: left;
    width: 100%;
}

.onoffswitch {
    position: relative;
    width: 76px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid #999999;
    border-radius: 38px;
}

.onoffswitch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}

.onoffswitch-inner:before,
.onoffswitch-inner:after {
    display: block;
    float: left;
    width: 50%;
    height: 24px;
    padding: 0;
    line-height: 24px;
    font-size: 14px;
    color: white;
    font-family: Trebuchet, Arial, sans-serif;
    box-sizing: border-box;
}

.col-md-3.hidden-xs.hidden-sm {
    padding: 0;
    float: right;
    width: 18%;
    max-width: 330px;
}

.onoffswitch-inner:before {
    content: "SI";
    padding-left: 11px;
    background-color: #ff0b37;
    color: #FFFFFF;
}

.onoffswitch-inner:after {
    content: "NO";
    padding-right: 10px;
    background-color: #999999;
    color: #FFFFFF;
    text-align: right;
}

.onoffswitch-switch {
    display: block;
    width: 28px;
    margin: -0.5px;
    background: #FFFFFF;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 48px;
    border: 2px solid #999999;
    border-radius: 38px;
    transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch {
    right: 0px;
}

.user.marked_user {
    background: #ff0b37;
    border-radius: 20px;
    color: white !important;
}

.user.marked_user a:visited {
    color: white !important;
}

.user.marked_user a:active {
    color: white !important;
}

.user.marked_user a {
    color: white !important;
}

.user.marked_user a:hover {
    color: white !important;
}

.user.marked_user a:link {
    color: white !important;
}

.alertuser {
    color: #333;
    text-decoration: none;
}

.alertuser:hover {
    text-decoration: none;
    color: #333;
}

.alertuser:link {
    text-decoration: none;
    color: #333;
}

.alertuser:visited {
    text-decoration: none;
    color: #333;
}

.alertuser:active {
    text-decoration: none;
    color: #333;
}

.user p img {
    width: 20px;
}

.user p {
    margin: 2px 5px;
}

.total_users {
    background: white;
    padding: 5px 10px;
    height: auto;
}

.total_users.no_all {
    height: 88px;
    overflow: hidden;
}

a.ver-todos {
    display: block;
    font-size: 11px;
    text-align: right;
}

.user {
    position: relative;
    display: inline-block;
    font-size: 12px;
    margin: 2px 0;
}

.user p input[type="checkbox"] {
    position: absolute;
    width: 100%;
    opacity: 0;
    height: 100%;
}

.simple_overlay {
    display: none;
    z-index: 99999999;
    position: absolute;
    background-color: #fff;
    min-height: 200px;
    border: 1px solid #595958;
    -moz-box-shadow: 0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;
    top: 0;
    left: 0;
    width: 100%;
}

.simple_overlay .close {
    background-image: url(images/close.png);
    position: absolute;
    right: -15px;
    top: -15px;
    cursor: pointer;
    height: 35px;
    width: 35px;
    opacity: 1 !important;
}

.alert_content h3 {
    text-transform: uppercase;
    font-size: 22px;
    color: #ff0b37;
}

.chat-grupos {
    background: #f2f0f0;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 10px 10px 3px 10px;
}

.chat-grupos.down {
    border-bottom: none;
    border-top: 1px solid #ddd;
    height: 55px;
}

.chat-grupos p {
    float: left;
    padding-top: 7px;
    margin-left: 15px;
}

.chat-grupos .chat-icon {
    background: url(images/comment-img1.png) no-repeat center;
    border-left: 1px solid #ddd;
    float: right;
    padding: 15px;
    width: 20%;
}

.chat-grupos .chat-icon.add-group {
    background: url(images/add-group_small.png) no-repeat center;
    border-left: 1px solid #ddd;
    float: right;
    padding: 15px;
    width: 20%;
}

.contact-chat {
    display: inline-block;
    border-radius: 15px;
    float: left;
    margin-right: 5px;
}

.online:before {
    background: #178203;
    content: " ";
    font-size: 10px;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    display: inline-block;
}

/*.offline{
    background: #ff0b37;
}*/
.offline:before {
    background: #ff0b37;
    content: " ";
    font-size: 10px;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    display: inline-block;
}

.image-group {
    float: right;
    margin: 0 15px 0 0;
}

.ellipe-click-grupo {
    position: absolute;
    right: 0;
    margin-top: 10px;
    width: 100%;
}

#group-name {
    width: 100%;
}

.groupuser-name {
    word-break: inherit !important;
}

.chat-group {
    margin: 20px 0;
}

.new-message .chat-para {
    margin-top: 0px;
}

.people-integrate {
    background: white;
    border: solid 1px #cacaca;
    padding: 5px;
}

.people-integrate p {
    background: #e9e7e5;
    width: auto;
    display: inline-block;
    border-radius: 10px;
    padding: 0px 5px;
    font-size: 11px;
    margin: 0 3px;
}

.lookfor-hash p i {
    color: #ff0b37;
}

.lookfor-hash {
    margin: 15px 2px 0 0;
    font-size: 12px;
    font-family: 'Lato', sans-serif;
}

.title-category h5 {
    color: #ff0b37;
    font-size: 17px;
    margin-bottom: 0;
}

.lookfor-hash p {
    background: #E4E2E2;
    padding: 0px 5px;
    border-radius: 25px;
    margin: 5px 0px;
    color: #428bca;
    display: inline-block !important;
    float: none !important;
}

a.tag.lookfor-active {
    background: #421b38 !important;
    color: white !important;
    text-decoration: none;
}

.nube-tags {
    text-align: center;
    margin: 10px 0;
}

.nube-tags a.tag {
    background: #9500f1;
    padding: 0px 8px;
    border-radius: 25px;
    margin: 5px 0px;
    display: inline-block;
    text-decoration: none !important;
    color: #FFF;
    font-size: 14px;
}

.timeline-tags {
    float: none;
    text-align: right;
    width: 100%;
}

.paragraph_text h5 {
    margin-top: 30px;
    margin-bottom: 0;
}

.timeline-tags .category {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 14px;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #9500f1;
    border-radius: 10px;
}

.una-text {
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 15px;
}

.una-text br {
    display: block !important;
    margin: 12px 0 !important;
    content: " ";
}

p.hasg-insert input {
    width: 100%;
    display: inline-block;
    font-size: 18px;
    padding: 8px 5px;
}

.close-wind {
    text-align: right;
    cursor: pointer;
}

ul.doctor-list li input {
    margin-right: 10px;
}

p.num-person {
    margin-left: 46px;
}

/*input:focus {
    z-index: -1 !important;
}*/
button.masinfo {
    background: #329da7;
    border: none;
    color: white;
    width: 50%;
    padding: 6px 0;
    font-size: 15px;
}

.desktop button.masinfo:hover {
    background: #167680;
}

.boton-info {
    text-align: center;
}

body {
    background: url(../../../images/frontend/fondo.jpg);
    font-family: 'Lato', sans-serif;
    background-size: cover;
    background-repeat-y: repeat;
}

a {
    cursor: pointer;
}

input.error {
    border-color: #ff0b37;
}

textarea.error {
    border-color: #ff0b37;
}

/*.ui-datepicker-calendar {
    display: none;
}*/
.content-notification .media-body {
    position: relative;
}

.content-notification .fa-times {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}

.select-style {
    padding: 0;
    margin: 0;
    border: 1px solid #ccc;
    width: 100%;
    border-radius: 3px;
    overflow: hidden;
    background-color: #fff;
    background: #ffffff url("images/arrowdown.gif") no-repeat 90% 50%;
}

.select-style select {
    padding: 5px 8px;
    width: 130%;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.select-style select:focus {
    outline: none;
}

.header-bg {
    background: #ff0b37;
    border-color: #ff0b37;
    height: 65px;
}

.logo-para h1 img {
    width: 300px;
}

.container.timeline {
    padding: 0;
}

.logo-para h1 {
    font-family: 'Lato', sans-serif;
    font-size: 40px;
    margin: 0px;
}

.logo-para h1 span {
    font-family: 'Lato', sans-serif;
    font-weight: bold;
}

.logo-para p {
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    line-height: 0;
    margin: 0;
    text-transform: uppercase;
}

/*.top-logo {
    width: 100%;
    margin: 0 auto;
    color:#ffffff;
    position:relative;
}*/
.logo-para {
    position: absolute;
    left: 40%;
    top: 5px;
}

.logo-para p {
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    line-height: 0;
    margin: 0;
    text-transform: uppercase;
}

.logo-para a {
    color: #fff;
}

.desktop .logo-para a:hover {
    color: #fff;
    text-decoration: none;
}

.header-top-option ul {
    font-size: 0;
    margin: 0;
    padding: 0;
    height: 55px;
}

.header-top-option ul li {
    display: inline-block;
}

.header-top-option ul li a {
    font-family: 'Lato', sans-serif;
    color: #fff;
    display: block;
    font-size: 16px;
    text-align: center;
    padding: 20px 25px;
}

.nav>li>a:hover,
.nav>li>a:focus,
.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus,
ul.nav.navbar-nav.navbar-right li a:hover {
    background: none;
    text-decoration: underline;
}

a.nav-controller {
    padding-top: 16px !important;
    font-size: 20px !important;
}

.header-top-option ul li span {
    display: block;
}

/******* HEADER FIXED START ********/
.header-fixed {
    position: fixed;
    z-index: 9999;
    top: 0;
    width: 100%;
    transition: all 0.5s;
}

.header-fixed .logo-para h1 {
    font-size: 35px;
}

.header-fixed .logo-para p {
    font-size: 11px;
}

.header-fixed .header-top-option ul li a {
    padding: 10px 25px;
}

.timeline-fixed {
    margin-top: 70px;
}

.header-fixed .guests {
    top: 2rem;
}

.dropdown-menu.notifications {
    top: 100%;
}

ul.dropdown-menu.notifications .media-body p,
ul.dropdown-menu.notifications .media-body a {
    display: inline-block;
    width: auto;
    margin: 0;
    padding: 0;
    line-height: initial;
    height: auto;
    font-size: 14px;
    text-align: left;
    color: #333;
}

.notifications .media>a {
    float: left;
    cursor: default;
}

.header-top-option .notifications .media>a {
    padding: 0;
}

/******* HEADER FIXED END ********/
/**/
.top-hover-box p {
    font-size: 12px;
}

.top-hover-box a {
    color: #ff0b37 !important;
    padding: 0 !important;
    font-size: 12px !important;
    text-align: left !important;
    display: inline-block !important;
}

.top-hover-box {
    position: relative;
    background: #fff;
    border: 1px solid #ddd;
    width: 330px;
    margin: 0 0 0 -130px;
    left: 0;
    display: none;
    position: absolute;
    z-index: 1000;
    text-align: left;
}

.top-hover-box:after,
.top-hover-box:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.top-hover-box:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: -10px;
}

.top-hover-box:before {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 11px;
    margin-left: -11px;
}

.top-hover-box .media {
    padding: 10px 20px;
    margin: 0px;
}

.top-hover-border {
    border-bottom: 1px solid #ddd;
}

/**/
.fancybox-skin {
    position: relative;
    width: 50%;
    margin: 0 auto;
    display: none;
}

.dr-light {
    margin-top: 12px;
    max-width: 500px;
}

.dr-light-para {
    background: none repeat scroll 0 0 #ffffff;
    position: relative;
    padding: 15px;
}

.dr-light-para .primera-text p,
.dr-light-para .question-text p {
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    margin: 18px 0 0;
    color: #555555;
}

.dr-image-center {
    position: relative;
}

.dr-image-center i {
    background-color: white;
    cursor: pointer;
    font-size: 20px;
    padding: 5px;
    position: absolute;
    right: 10px;
    top: 10px;
}

.nombre-del i.fa-remove {
    margin-right: 5px;
    cursor: pointer;
}

.dr-image-center i.fa-remove,
.nombre-del i.fa-remove {
    display: none;
}

.dr-light-para .dr-image-center {
    margin: 15px 0px;
}

.dr-light-para .dr-image-center img {
    width: 100%;
}

.fancybox-skin .dr-small-circle {
    border-radius: 50%;
    float: left;
}

.fancybox-skin .dr-small-text {
    float: left;
    margin: 0 0 0 10px;
}

.fancybox-skin .dr-small-text a {
    color: #ff0b37;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
}

.fancybox-skin .dr-small-text p {
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    margin: 0;
}

.fancybox-skin .hace {
    float: left;
    width: 15%;
}

.fancybox-skin .hace p {
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    font-style: italic;
    line-height: 30px;
    margin: 0px;
}

form.post-entry-form-edit.MultiFile-intercepted .right-side-head {
    display: none;
}

.close-elip-btn {
    float: right;
    position: absolute;
    right: 8px;
    top: 8px;
}

.ellip-button {
    position: relative;
    cursor: pointer;
    width: 18px;
    display: block;
    text-align: right;
}

.close-button {
    position: absolute;
    right: 5px;
    top: 1px;
    cursor: pointer;
    display: none;
}

.ellipe-click-para {
    display: none;
}

.ellipe-click-grupo-add-person form,
.ellipe-click-grupo-add-person-group form,
.ellipe-click-grupo-add-new-group form {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #afaaa7;
    box-shadow: 0 2px #afaaa7;
    list-style: outside none none;
    margin: 0;
    padding: 6px 18px 18px 18px;
    position: absolute;
    right: 30px;
    top: 10px;
    width: 200px;
    z-index: 1;
    -webkit-box-shadow: 0px 4px 5px 0px rgba(175, 170, 167, 0.37);
    -moz-box-shadow: 0px 4px 5px 0px rgba(175, 170, 167, 0.37);
    box-shadow: 0px 4px 5px 0px rgba(175, 170, 167, 0.37);
}

.ellipe-click-grupo-add-person form input[type="submit"],
.ellipe-click-grupo-add-person-group form input[type="submit"],
.ellipe-click-grupo-add-new-group form input[type="submit"] {
    margin: 15px 0;
    padding: 5px 0;
    border: 0;
    background: #ff0b37;
    color: white;
    width: 100%;
}

.ellipe-click-grupo-add-person-group form ul,
.ellipe-click-grupo-add-person form ul,
.ellipe-click-grupo-add-new-group form ul {
    list-style: none;
    padding: 6px 0;
}

.ellipe-click-grupo-add-person form input[type="checkbox"],
.ellipe-click-grupo-add-person-group form input[type="checkbox"] {
    margin-right: 10px;
}

.ellipe-click-para ul,
.ellipe-click-grupo ul,
.ellipe-click-para-chat-grupo ul {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #afaaa7;
    /*box-shadow: 0 2px #afaaa7;*/

    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 8px;
    top: 40px;
    width: auto;
    z-index: 1;
    -webkit-box-shadow: 0px 4px 5px 0px rgba(175, 170, 167, 0.37);
    -moz-box-shadow: 0px 4px 5px 0px rgba(175, 170, 167, 0.37);
    box-shadow: 0px 4px 5px 0px rgba(175, 170, 167, 0.37);
}

.ellipe-click-para ul li,
.ellipe-click-grupo ul li,
.ellipe-click-grupo-add-person ul li,
.ellipe-click-para-chat-grupo ul li {
    padding: 5px 15px;
}

/*.ellipe-click-para ul li:first-child,.ellipe-click-grupo ul li:first-child,.ellipe-click-grupo-add-person ul li:first-child {
    border-bottom:1px solid #afaaa7;
}*/
.ellipe-click-para ul li a,
.ellipe-click-grupo ul li a,
.ellipe-click-grupo-add-person ul li a,
.ellipe-click-para-chat-grupo ul li a {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    color: #333;
}

.fancybox-skin .hace p {
    float: right;
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    font-style: italic;
    line-height: 30px;
}

.fancybox-skin .elresult-test .primera-text,
.fancybox-skin .elresult-test .question-text {
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    margin: 10px 0 5px;
}

.fancybox-skin .elresult-test .una-text {
    font-family: 'Lato', sans-serif;
    font-size: 13px;
}

.fancybox-skin .elresult-test .vermas-text {
    color: #ff0b37;
    font-family: 'Lato', sans-serif;
    font-size: 12px;
}

.elresult-test h3 {
    color: #9500f1;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0;
}

.elresult-test h4 {
    color: #9500f1;
    font-size: 14px;
}

/**/
.timeline {
    /*  max-width:1100px;*/

    width: 100%;
    margin-top: 35px;
}

.dr-center-box2 a>.dr-centerbox:first-of-type {
    float: left \0;
    /*only for ie8 and ie9*/

    z-index: 99 \0;
    /*only for ie8 and ie9*/

    border-right: none \0;
    /*only for ie8 and ie9*/

    border-bottom: none \0;
    /*only for ie8 and ie9*/

}

/** start first col **/
.dr-box-left {
    position: relative;
    background: white;
}

.dr-profile-box {
    background: #ff0b37;
    color: #fff;
    padding: 10px;
    text-align: center;
}

.doctor-photo {
    width: 100%;
    max-width: 100px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.container.timeline {
    margin-top: 0;
}

.col-sm-12.col-md-3 {
    width: 20%;
    /*min-width: 360px;*/

    padding: 0;
}

.content-news {
    background: white;
}

.content-news img {
    width: 100%;
}

.desktop .doctor-photo:hover .photo-upload {
    opacity: 1;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
}

/*.doctor-photo .photo-upload {
    background: rgba(0, 0, 0, 0.49);
    width: 100%;
    position: absolute;
    height: 100%;
    opacity:0;
    top: 0%;
    left: 0;
    color:#fff;
    cursor:pointer;
    font-size: 11px;
}*/
ul.dropdown-menu.notifications {
    height: auto;
    background: #fdfdfd;
    width: 300px;
}

p.close-not {
    float: right;
}

p.close-not i {
    padding: 2px;
    color: #333333;
}

.header-bg .container-fluid {
    padding: 0;
}

.doctor-photo .photo-upload .camera {
    position: relative;
    vertical-align: middle;
    padding: 10px 0;
    color: #ff0b37;
    font-size: 16px;
}

.doctor-photo .img-circle {
    border-radius: 0;
}

.doctor-photo .photo-upload input[type='file'] {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    cursor: pointer;
}

.dr-profile-box .dr-name h2 {
    font-family: 'Lato', sans-serif;
    padding: 8px 0 0 0;
    font-size: 22px;
    line-height: 28px;
    margin: 10px 0;
}

.dr-profile-box .dr-name p {
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    margin: 0px;
}

.tabs-menu {
    background: #ff0b37;
    display: table;
    width: 100%;
}

.tabs-menu .tabmenu.active {
    color: #ffffff;
    background: #ff0b37;
    border-bottom: solid 2px #ff0b37;
}

.tabmenu.active select {
    color: #000000;
}

#select-change-area {
    width: 90%;
    font-size: 14px;
    padding: 5px 0;
}

.tabs-menu .tabmenu {
    color: #333;
}

.tabs-menu .tabmenu {
    background: #fefefe;
    width: 49.5%;
    display: inline-block;
    padding: 8px 5px;
    color: #ff0b37;
    font-size: 20px;
    text-align: center;
    position: relative;
    cursor: pointer;
}

.tab-1 {
    border-right: solid 1px #ff0b37;
}

/*.tabmenu.active:after {
    content: " ";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 22px 0 22px;
    border-color: #dadada transparent transparent transparent;
    z-index: 99;
    position: absolute;
    bottom: -15px;
    left: 38%;
}


*/
.tabmenu.active:after,
.tabmenu.active:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.tabmenu.active:after {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #ff0b37;
    border-width: 15px;
    margin-left: -15px;
}

.tabmenu.active:before {
    border-color: rgba(230, 0, 0, 0);
    border-top-color: #ff0b37;
    border-width: 18px;
    margin-left: -18px;
}

.tabmenu.no-active {
    color: #56595a;
    font-size: 16px;
    padding: 12px 0;
}

.tab-2 {
    border-bottom: solid 4px #fff;
    float: right;
}

#form_profile_image {
    display: none;
}

/**/
.timeline-box {
    background: white;
}

.timeline-box .guardar-text {
    background-color: #fff;
    margin-bottom: 0;
    padding: 0;
}

.timeline-box li,
.timeline-box-popover li {
    list-style: outside none none;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}

.desktop .timeline-box li:hover a,
.desktop .timeline-box-popover li:hover {
    /*background:#d0d0d0;*/

    cursor: pointer;
    color: #ff0b37;
}

.timeline-box li a,
.timeline-box-popover li a {
    color: #595958;
    text-decoration: none;
    padding: 15px 5px;
    display: block;
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
}

.timeline-box.menu .time-text {
    color: #ff0b37;
}

.timeline-box.menu li a i {
    margin-right: 10px;
    font-size: 30px;
}

.gusta-test i.fa.fa-comments-o.icon {
    font-size: 30px;
}

a#button-sugerencias i {
    font-size: 30px;
    margin-right: 10px;
    margin-top: 7px;
    display: inline-block;
}

a#button-sugerencias span,
a#button-guests span {
    display: inline-block;
    vertical-align: super;
}

.header-top-option i.fa.fa-bell-o {
    font-size: 20px;
}

.timeline-box-popover li a {
    font-family: 'Lato', sans-serif;
    padding: 5px 10px;
}

.solir-img {
    float: right;
    margin: -2px -2px 0 0;
}

.timeline-box .custom-icon,
.timeline-box-popover .custom-icon {
    float: right;
    font-size: 20px;
    margin: -6px -2px 0 0;
}

li.bell-option.dropdown i {
    font-size: 20px;
}

.timeline-box-popover ul {
    margin: 0;
    padding: 0;
    min-width: 15rem;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
}

/**/
.ayuda-para {
    background-color: #f6f6f6;
    padding: 0;
}

.ayuda-para {
    margin: 15px 0 0 0;
}

.timeline-box .border {
    border-bottom: 1px solid #595958;
    padding: 5px 5px 5px 15px;
}

.time-text {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
}

/** end first col **/
/** start of center col **/
.tmline-centerbox-text {
    background: none repeat scroll 0 0 #e6e6e6;
    margin-left: 0px;
    padding: 0;
}

.tmline-hacer {
    background-color: #e6e6e6;
    position: relative;
}

/*.tmline-hacer {
    background-color: #fff;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 20px 20px 4px 20px;
    position: relative;
    background: #e6e6e6;
}*/
.escrib-para p {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    padding: 15px 0 0;
    margin: 0px;
}

#anadir-form .tmline-centerbox-text {
    display: none;
}

.publicar-icon {
    background: #e6e6e6;
    min-height: 38px;
}

.publicar-icon li.select-category i {
    margin-left: 6px;
}

.pub-icon li.atach-file:first-of-type {
    padding: 8px 30px 12px 30px;
    border-right: solid 2px #cccccc;
    display: inline;
}

.pub-icon {
    padding: 0 0 0 4px;
    list-style: none;
    float: left;
    margin: 0px;
    font-size: 22px;
    position: relative;
    line-height: 44px;
}

.pub-icon li {
    display: inline-block;
    padding: 6px 0 0 13px;
}

.pub-icon li a {
    color: #56595a;
    width: auto;
}

.pub-icon .select-category {
    font-size: 14px;
}

.pub-icon .select-category .filt-sub {
    border: 1px solid #ccc;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 43px;
    left: 215px;
    z-index: 99;
}

.pub-icon .select-category .filt-sub li {
    border-bottom: 1px solid #ccc;
    display: block;
    float: none;
    width: 150px;
    background-color: #fff;
}

.pub-icon .select-category .filt-sub li a {
    background-color: #fff;
}

.pub-btn,
.pub-btn2 {
    float: right;
    font-family: 'Lato', sans-serif;
    font-size: 15px;
}

.pub-btn2 {
    width: 29%;
    float: left;
}

.publicar-button,
.publicar-button2,
.cancel-button {
    background: #ff0b37;
    color: #fff;
    border: 0px;
    padding: 8px 50px;
    margin: 0px 7px;
    font-size: 18px;
}

.publicar-button2 {
    width: 100%;
    padding: 10px 0;
}

.publicar-button.search {
    background: none;
    color: #595958;
    padding: 0;
    cursor: pointer;
    position: absolute;
    right: 2px;
    top: 2px;
    font-size: 22px;
}

.publicar-icon.search {
    margin-bottom: 10px;
    position: relative;
}

.publicar-icon.search input {
    padding: 8px 30px 8px 5px;
    width: 100%;
    font-size: 16px;
    font-family: 'Lato', sans-serif;
}

.publicar-icon.search input.publicar-button {
    padding: 5px 15px;
    width: 33%;
}

p.hasg-insert label {
    color: #555;
    line-height: 25px;
}

.cancel-button {
    background-color: #F28471;
    float: right;
    margin: 0 0 10px 0;
    padding: 2px 7px;
}

.upload-btn {
    font-size: 14px;
    color: #ff0b37;
}

.upload-btn i {
    font-size: 16px;
}

.upload-btn input[type="file"] {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    max-width: 200px;
    opacity: 0;
    cursor: pointer;
}

.pub-attech,
.pub-cate {
    width: 41%;
    position: relative;
    border-right: 1px solid #adacac;
    font-family: 'Lato', sans-serif;
    color: #ff0b37;
    font-size: 14px;
    float: left;
    padding: 12px 10px;
    cursor: pointer;
    text-align: center;
}

.pub-attech i {
    font-size: 16px;
}

.pub-attech input[type='file'] {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    cursor: pointer;
}

.pub-cate {
    width: 30%;
    text-align: center;
    border-right: none;
    border-left: 1px solid #fff;
    cursor: pointer;
}

.pub-cate .category {
    margin: 0;
    padding: 0;
    left: 0;
    display: none;
    top: 44px;
    position: absolute;
    border: 1px solid #ccc;
    width: 100%;
    max-width: 150px;
    z-index: 999;
}

.desktop .pub-cate:hover .category {
    display: block;
}

.pub-cate .category li {
    list-style: none;
    display: block;
    width: 100%;
    border-bottom: 1px solid #ccc;
}

.pub-cate .category li:last-child {
    border-bottom: none;
}

.pub-cate .category li a {
    font-family: 'Lato', sans-serif;
    color: #333;
    font-size: 14px;
    padding: 5px 10px;
    background: #fff;
    display: block;
}

.vertical-offset {
    /* Fixed position to provide the vertical offset */
    position: fixed;
    top: 15px;
    width: 100%;
    z-index: 40002;
    /* ensures box appears above overlay */
}
.desktop .pub-cate .category li a:hover {
    text-decoration: none;
}

.row {
    margin: 0 !important;
}
.bootstrap-row {
  margin-right: -15px !important;
  margin-left: -15px !important;
}
.promo-detail.vodafone-benefit {
  background: #ff0b37 !important;
  color: white !important;
}
.filtrar-box {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin: 15px 0 15px 45px;
}

.filtrar-por,
.filtrar-por2,
.filtrar-por3 {
    width: 100%;
    background: white;
    margin: 10px 0 0 0;
    padding: 10px;
    border-bottom: solid 3px #e6e6e6;
}

.timeline-centerbox-border .scroll {
    margin-top: -12px;
}

.filtrar-por2,
.filtrar-por3 {
    width: 100%;
    background: white;
    margin: 10px 0 0 0;
    padding: 10px;
    border-bottom: solid 3px #e6e6e6;
}

.filtrar-por3 {
    padding: 0;
}

.filtrar-right {
    float: right;
}

.filtrar-por p {
    float: left;
    margin: 5px 19px 0 0;
    font-size: 15px;
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
}

.filtrar-por .filtrar-style {
    margin: 0;
    padding: 0;
    position: relative;
    color: #595958;
}

.filtrar-por .filtrar-style li {
    float: left;
    list-style: outside none none;
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    line-height: 29px;
}

.filtrar-por .filtrar-style li:last-child {
    /*border-right:none;*/

}

.filtrar-por .filtrar-style li .filt-sub {
    position: absolute;
    border: 1px solid #ccc;
    margin: 0;
    padding: 0;
    z-index: 99;
    top: 28px;
    /*display:none;*/

}

.filtrar-por .filtrar-style li .filt-sub li {
    float: none;
    display: block;
    width: 150px;
    border-bottom: 1px solid #ccc;
}

.filtrar-por .filtrar-style li .filt-sub li:last-child {
    border-bottom: none;
}

.filtrar-por .filtrar-style li .filt-sub li a {
    font-family: 'Lato', sans-serif;
    display: block;
    background: #fff;
    border-bottom: none;
    margin: 0;
    text-align: center;
}

.filtrar-por .filtrar-style li .filt-sub li.active a {
    background-color: #ff0b37;
    color: #FFF;
}

.filtrar-por .filtrar-style li a {
    color: #56595a;
    display: inline-block;
    font-size: 16px !important;
    border-left: solid 1px #e0e0e0;
    padding: 0 14px;
    height: 42px;
}

.filtrar-por .filtrar-style li:first-of-type a {
    border-left: none;
}

.filtrar-por .filtrar-style li.active a {
    border-bottom: 3px solid #ff0b37;
}

.desktop .filtrar-por .filtrar-style li a:hover {
    border-bottom: 3px solid #ff0b37;
}

.filtrar-por .filtrar-style span {
    color: #ff0b37;
    font-size: 18px;
    margin: 0 5px;
}

.filtrar-por .filtrar-style .current-select span {
    color: #555;
    font-size: 12px;
    margin: 0 10px;
    margin-left: 0;
    text-decoration: none;
}

.filt-search-box {
    position: relative;
    width: 100%;
    margin-top: 15px;
}

.filt-search-box input[type="text"] {
    width: 100%;
    height: 35px;
    padding: 0 10px;
    border: 1px solid #dddddd;
    font-size: 16px;
    font-family: 'Lato', sans-serif;
}

.filt-search-box .filt-sr-icon {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    border: none;
    background: none;
    color: #ff0b37;
    font-size: 18px;
    width: 35px;
    height: 35px;
}

/**/
.centerbox-icon {
    background: none repeat scroll 0 0 #f6f6f6;
    left: 0;
    /*margin-top: 25px;*/

    padding: 0 0 0 12px;
    position: absolute;
}

#clock {
    display: none;
    font-size: 20px;
    margin-left: 15px;
}

.clock-icon {
    color: #ff0b37;
    font-size: 20px;
    margin-left: 15px;
}

.clock-date {
    background-color: #ff0b37;
    color: #fff;
    font-size: 10px;
    padding: 0 5px;
    font-family: 'Lato', sans-serif;
    border-radius: 2px;
}

.dr-centerbox {
    background-color: #fff;
    padding: 0;
    border: 1px solid #ccc;
    position: relative;
    background: #ffffff;
    border: 1px solid #dddddd;
}

.media,
.media .media {
    margin-top: 0;
    background: #ffffff;
    padding: 0;
    position: relative;
    border-top: solid 1px #d6d6d5;
}

.media img,
.media .media-body {
    margin: 10px;
}

.dr-centerbox .dr-small-image,
.dr-centerbox .elresult-test,
.dr-centerbox .megusta-text,
.dr-centerbox .timeline-tags,
.dr-centerbox .form-favorite {
    padding: 10px 15px 0 15px;
}

.dr-centerbox .una-text {
    padding: 0 15px;
}

.post-detail .dr-centerbox {
    margin-left: 0px;
}

.dr-centerbox.no-date:after,
.dr-centerbox.no-date:before {
    border: none;
}

.nombre-del {
    width: 99%;
    margin: 0 auto;
}

.dr-centerbox.post-alert:after,
.dr-centerbox.post-alert:before {
    border: none;
}

.dr-centerbox.post-alert {
    text-align: center;
    background-color: #FAF785;
    color: #7F7F7F;
    border-bottom: none;
}

.dr-centerbox.post-alert .custom-btn1,
.dr-centerbox.post-alert .custom-btn2 {
    margin-top: 10px;
    margin-bottom: 0;
}

.dropdown-menu.notifications p.hace-para {
    font-size: 12px !important;
    color: #808080 !important;
}

.dr-centerbox:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #ffffff;
    border-width: 12px;
    margin-top: -12px;
}

ul.dropdown-menu.notifications .pull-left {
    padding: 0;
    margin: 0;
}

.admin .dr-centerbox:after {
    border-right-color: #E8EFFA;
}

.dr-small-image,
.dr-small-image-popup {
    margin-bottom: 0;
    cursor: pointer;
    padding: 7px 0px;
}

.participante-list.people .dr-small-image.chat-with:not(:last-child),
.dr-small-image.chat-with-group:not(:last-child) {
    border-bottom: solid 1px #dadada;
}

.dr-centerbox .dr-small-circle {
    border-radius: 0;
    float: left;
    margin-right: 10px;
    width: 55px;
    height: 55px;
    object-fit: cover;
}

.close-elip-btn img {
    width: 3px;
}

.dr-centerbox .dr-small-text {
    margin: 0 0 0 10px;
}

.dr-centerbox .dr-small-text a {
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    margin-right: 10px;
    color: #595958;
    font-weight: bold;
}

.dr-centerbox .dr-small-text p {
    font-size: 12px;
    font-family: 'Lato', sans-serif;
    margin: 0;
}

.dr-centerbox .hace p {
    float: right;
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    line-height: 30px;
    font-style: italic;
    cursor: default;
}

.dr-centerbox .elresult-test p {
    margin: 10px 0 5px;
    font-size: 14px;
    font-family: 'Lato', sans-serif;
}

p.no-found {
    font-size: 18px;
    padding: 20px 10px;
}

.dr-centerbox .dr-image-center img {
    width: auto;
    max-width: 100%;
    margin: 10px auto;
    display: block;
}

.dr-centerbox .hace {
    display: inline-block;
    margin-top: 4px;
    font-size: 12px;
    cursor: default;
    color: #595958;
}

.dr-centerbox span.category {
    text-align: center;
    width: auto;
    margin: 10px 5px;
    display: inline-block;
}

.document-tags .category {
    background: #e0e0e0;
    padding: 2px 15px;
    border-radius: 10px;
}

.megusta-text {
    float: left;
    margin-top: 0 !important;
    padding-top: 5px !important;
}

.comentor-para {
    float: left;
}

.hrt-icon {
    float: right;
    color: #ff0b37;
    font-size: 18px;
    cursor: pointer;
}

.desktop .hrt-icon:hover {
    color: #EDADD2;
}

.gusta-icon {
    font-size: 18px;
    padding: 0 5px 0 0;
}

.gusta-test {
    color: #56595a;
    font-size: 16px;
    font-family: 'Lato', sans-serif;
    margin: 0;
    padding: 0;
}

li.bell-option.dropdown span {
    display: inline-block;
}

.bell-option a.dropdown-toggle {
    padding: 19px 18px !important;
    height: 65px;
    font-size: 18px;
}

li a.nav-controller {
    padding: 18px 18px !important;
}

.timeline-centerbox-border .env {
    float: left;
    width: 100% !important;
}

.enviar-text.col-xs-4 button {
    float: none;
    color: white;
    text-align: center;
    margin: 0;
    padding: 8px 0;
    font-size: 17px;
    width: 100%;
    font-weight: 100;
}

.envair-input {
    width: 100%;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 0px;
    padding-left: 5px;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    line-height: 22px;
}

.escrib-input {
    border: 1px solid #ccc;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    line-height: 22px;
    padding: 8px 5px;
    width: 100%;
}

.enviar-text {
    float: right;
    width: 20%;
    background: #ff0b37;
    text-align: center;
}

div#chat .enviar-text,
button.send-group {
    padding: 8px 0 !important;
}

.env-btn {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    color: #ff0b37;
    font-weight: 600;
    margin: 3px 0 0;
}

.enviar-text button.send-chat,
.enviar-text button.send-group {
    color: white;
    font-size: 14px;
    text-align: center;
    width: 100%;
    font-weight: normal;
}

.env-btn:hover {
    text-decoration: underline;
}

.edit-comments {
    float: right;
}

.media-body .dr-name {
    color: #595958;
    font-size: 15px;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
}

.media-body p {
    font-family: 'Lato', sans-serif;
    font-size: 15px;
    margin-bottom: 5px;
    color: #595958;
}

.media-body .hace-para {
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    color: #595958;
    display: inline-block;
    margin-left: 10px;
}

/**/
.dr-center-box2 {
    margin-top: 12px;
}

.centerbox-icon2 {
    background: none repeat scroll 0 0 #f6f6f6;
    left: 0;
    margin-top: 15px;
    padding: 0 0 0 12px;
    position: absolute;
}

.dr-center-box2 .elresult-test .primera-text,
.dr-center-box2 .elresult-test .question-text {
    font-size: 12px;
    margin-top: 0;
    text-transform: uppercase;
    color: #595958;
    margin-bottom: 12px;
    font-weight: bold;
    letter-spacing: 1px;
}

.dr-center-box2 .elresult-test .una-text {
    font-family: 'Lato', sans-serif;
    font-size: 13px;
}

.dr-center-box2 .elresult-test .vermas-text {
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    color: #ff0b37;
}

.dr-center-box2.timeline-post.admin .dr-centerbox {
    background-color: #f7f7f7;
}

.link-center {
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    color: #ff0b37;
    text-align: center;
    display: block;
}

.link-center:hover {
    color: #ff0b37;
}

.nombre-del2 {
    margin: 15px 0;
}

.nombre-del p,
.nombre-del2 p {
    border: 1px solid #ddd;
    padding: 5px 10px;
}

.nombre-del a,
.nombre-del2 a {
    color: #ff6a59;
    margin: 20px 0 0;
    font-family: 'Lato', sans-serif;
    font-size: 12px;
}

.nombre-del span,
.nombre-del2 span {
    padding-right: 8px;
    font-size: 16px;
}

/**/
.dr-center-box3 {
    margin: 12px 0 50px 0;
}

.dr-center-box3 .elresult-test p {
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    margin: 10px 0 0;
}

.dr-center-box3 .elresult-test a {
    color: #ff0b37;
}

.jscroll-loading {
    text-align: center;
}

/**/
.right-side {
    position: relative;
}

.left-fixed,
.right-fixed {
    position: fixed;
    z-index: 999;
    top: 75px;
    width: 100%;
    max-width: 245px;
}

.right-fixed {
    max-width: 245px;
}

.right-side-head h4 {
    font-family: 'Lato', sans-serif;
    line-height: 40px;
    padding: 0;
    margin: 0;
    color: white;
    height: 43px;
}

.parti-head h4 {
    float: none;
    text-align: center;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

form#anadir-form .parti-head h4 {
    float: left;
}

.dr-box-center .col-sm-12.col-md-6 {
    width: 62%;
    margin-top: 20px;
}

.publicar-icon.search {
    background: none;
}

.right-side-head {
    position: relative;
    background: #737373;
    color: #fff;
    padding-left: 12px;
    text-align: left;
}

.participante-list {
    /*margin:20px 0;*/

    position: relative;
}

.participante-box,
.mob-participante-box {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #ddd;
    /*padding: 15px 10px 10px 10px;*/

}

.dr-small-image.chat-with {
    padding: 5px;
}

.participante-box .form-group {
    border: none;
    background: #dadada;
    padding: 10px 5px;
    margin: 0;
}

.dr-small-circle.avatar {
    width: 37px;
    height: 37px;
}

.small-circle-img {
    float: left;
    width: 45px;
}

.participante-box .dr-small-text,
.mob-participante-box .dr-small-text {
    width: 55%;
    float: left;
    display: inline-block;
}

.participante-box .dr-small-text a,
.mob-participante-box .dr-small-text a {
    color: #ff0b37;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
}

.participante-box .dr-small-text p,
.mob-participante-box .dr-small-text p {
    font-family: 'Lato', sans-serif;
    font-size: 11px;
    margin: 0;
}

.participante-box .hace,
.participante-box .hace-online,
.mob-participante-box .hace,
.mob-participante-box .hace-online {
    float: right;
    margin: 0;
    padding: 15px;
}

div#chat-list .participante-box .dr-small-text a {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    width: 100% !important;
}

.participante-box .hace-online,
.mob-participante-box .hace-online {
    background: url(images/comment-online.png) no-repeat center;
    margin-top: 5px;
}

.date-para-box:not(:last-child) {
    border-bottom: 1px solid #595958;
    padding: 10px 15px;
}

.date-para-box p {
    margin: 0px;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    color: #333;
}

.dr-small-image.chat-with:hover,
.dr-small-image.chat-with-group:hover {
    background: #f2f2f2;
}

.date-head {
    font-family: 'Lato', sans-serif;
    color: #ff0b37;
    font-size: 18px;
    text-decoration: none !important;
}

.date-head:hover {
    color: #ff0b37;
}

.ver-todos-para h5 {
    font-family: 'Lato', sans-serif;
    color: #333;
    margin: 15px 10px;
    text-align: right;
    font-size: 14px;
}

li.date-para-box {
    padding: 8px 15px;
}

span.time-doc {
    font-size: 12px;
    color: #888888;
    float: right;
}

/*** line2 ***/
.perfil-image {
    background: none repeat scroll 0 0 #fff;
    border: 2px solid #ff0b37;
    border-radius: 50px;
    color: #ff0b37;
    float: left;
    font-size: 20px;
    left: 0;
    margin-left: 12px;
    padding: 10px 16px;
    position: absolute;
}

.perfil,
.promo-detail {
    background: white;
    padding: 20px 30px;
    border: 1px solid #dddddd;
    float: left;
    width: 100%;
}

.col-md-8.detail-pro h4 {
    margin-top: 0;
    color: #ff0b37;
    text-transform: uppercase;
    font-size: 16px;
}

.perfil-head h4 {
    margin: 8px 0;
    padding: 0;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 25px;
    letter-spacing: 1px;
}

.perfil-head h3 {
    margin-top: 10px;
    padding-bottom: 10px;
}

.perfil-head h4 {
    margin: 8px 0;
    padding: 0;
}

.dr-head h3 {
    padding-bottom: 20px;
    margin: 0px;
}

.anade-box {
    position: relative;
}

.anade-box form {
    display: none;
}

.new-experience {
    margin-bottom: 10px;
}

.anade-text {
    padding: 15px 0 0;
    font-family: 'Lato', sans-serif;
    background-color: #f3f0f0;
    border: 1px dashed #c7c7c7;
    margin-bottom: 15px;
    min-height: 55px;
    text-align: center;
    width: 100%;
    cursor: pointer;
}

.anade-text a {
    color: #333333;
}

.social-image {
    background: none repeat scroll 0 0 #fff;
    border: 2px solid #ff0b37;
    border-radius: 50px;
    color: #ff0b37;
    float: left;
    font-size: 18px;
    left: 0;
    margin-left: 12px;
    padding: 10px 14px;
    position: absolute;
}

.redes-head h4 {
    margin: 0;
    padding-bottom: 10px;
    padding-top: 10px;
    color: #ff0b37;
}

.redes-text {
    margin: 0;
    padding: 0;
}

.redes-text li {
    line-height: 30px;
    list-style: outside none none;
    display: block;
    width: 100%;
}

.redes-text li span {
    float: left;
}

.redes-text li a {
    color: #4e4e4e;
    font-size: 14px;
    text-decoration: none;
    font-family: 'Lato', sans-serif;
}

.email {
    color: #ff0b37;
    font-family: 'Lato', sans-serif;
    margin-left: 8px;
}

.curriculam-image {
    background: none repeat scroll 0 0 #fff;
    border: 2px solid #ff0b37;
    border-radius: 50px;
    color: #ff0b37;
    float: left;
    font-size: 20px;
    left: 0;
    margin-left: 12px;
    padding: 10px 16px;
    position: absolute;
}

.curriculum {
    padding: 15px 0 10px;
}

.curriculum h4 {
    margin: 0;
    padding: 0;
}

.perfil h5 {
    font-family: 'Lato', sans-serif;
    color: #ff0b37;
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 10px;
}

.especial {
    margin-top: 20px;
}

.custom-plus {
    padding: 10px;
}

.paragraph_text p,
.paragraph_text ul li {
    font-size: 14px;
    line-height: 18px;
}

label.error {
    float: left;
    width: 100%;
    display: inline-block;
    max-width: 100%;
    margin-bottom: 15px;
}

.filtrar-por .filtrar-style li a:hover {
    text-decoration: none;
}

/******/
.form-horizontal {
    padding-left: 0px;
}

.custom-form {
    border-radius: 0;
    margin-bottom: 10px;
    min-height: 160px;
}

.custom-button {
    text-align: right;
}

.custom-btn1 {
    background-color: #d2d5d5;
    border: 0 none;
    margin: 0 0 10px;
    max-width: 120px;
    padding: 6px 30px;
    color: #595958;
}

.custom-btn2 {
    background-color: #9B0023;
    border: 0 none;
    margin: 0 5px 10px;
    max-width: 120px;
    color: #FFF;
    padding: 6px 36px;
}

.custom-btn {
    background-color: #ff0b37;
    border: 0 none;
    margin: 0 0 0 5px;
    max-width: 120px;
    padding: 6px 32px;
    color: #ffffff;
}

/***  ***/
.custom-mail {
    margin: 4px 0 0 8px;
    padding: 0 5px;
    width: 50%;
    height: 28px;
    display: none;
}

/******/
.custom-form2 {
    border-radius: 0;
    margin-bottom: 10px;
    min-height: 50px;
}

.form1 {
    margin: 0 0 10px;
}

.custom-form1 {
    border-radius: 0;
    min-height: 40px;
}

/******/
.edit-perfil a h5,
.edit-pass a h5 {
    float: right;
    margin: 0px;
    color: white;
    background: #ff0b37;
    padding: 7px 35px;
    font-size: 16px;
}

.perfil-icon {
    color: #ff0b37;
    font-size: 16px;
}

.pr-edit {
    padding-left: 5px;
    cursor: pointer;
}

.perfil-icon2 {
    padding: 0 0 0 10px;
    cursor: pointer;
}

.redes-webtext {
    margin: 0;
    padding: 0;
}

.redes-webtext li {
    line-height: 25px;
    list-style: outside none none;
}

.redes-webtext li a {
    color: #4e4e4e;
    text-decoration: none;
}

.mail-icon {
    float: right;
    color: #ff0b37;
}

.website {
    color: #2fc2ef !important;
    margin: 0 0 10px;
    padding: 0;
}

.paragraph_text {
    font-family: 'Lato', sans-serif;
}

/*** start of chat ***/
.chat,
.chat-group {
    max-width: 100%;
    background: #fff;
    border: 1px solid #ddd;
    display: none;
    margin: 0;
}

.chat-header {
    background: #f2f0f0;
}

.chat-grupos-toggle {
    cursor: pointer;
}

.previous-btn,
.previous-btn-list {
    float: left;
    width: 35px;
}

.prev-btn,
.prev-btn-list {
    background: none repeat scroll 0 0 #e9e7e5;
    border: 0 none;
    height: 55px;
    width: 35px;
}

.chat-image {
    float: left;
    padding: 9px 0 0 0;
    width: 85%;
    height: 25px;
}

.chat-image .small-circle-img {
    float: left;
    margin-right: 3px;
    width: 45px;
}

.chat-image .dr-small-text a {
    font-size: 16px;
    font-family: 'Lato', sans-serif;
    color: #ff0b37;
    width: 124px;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.chat-image .dr-small-text p {
    font-size: 12px;
    font-family: 'Lato', sans-serif;
    display: block;
}

.chating-box {
    background: #ffffff;
}

.chat .envair-box,
.chating-box .envair-box {
    width: 100%;
    padding: 0;
    box-shadow: 0px -1px 2px 0px #a0a0a0;
}

.chat-icon-group.hace-online,
.chat-icon.group.hace-online {
    background: url(images/comment-online.png) no-repeat center;
}

.chating-box .env-btn {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    margin: 3px 0 0;
    padding: 0;
    color: #ff0b37;
    font-size: 11px;
    font-family: 'Lato', sans-serif;
}

.chat .envair-box input#chat_message,
.chat-group .envair-box input#chat_message {
    width: 100%;
    min-height: 35px;
}

.chating-box .env {
    float: left;
    width: 80%;
    position: relative;
}

.chating-box .env i.emoji-picker-icon.emoji-picker {
    right: 10px !important;
}

.participante-list.group-list {
    display: none;
}

.ellipe-click-grupo-add-new-group {
    position: absolute;
    right: 0;
}

.chat .chating-box .envair-input {
    border-color: -moz-use-text-color #cccccc #cccccc;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    line-height: 20px;
    width: 80%;
    display: inline-block;
    border: none;
    padding: 8px 5px;
}

.chat-line {
    border-bottom: 1px solid #cacaca;
}

.chat-line .message-box {
    overflow: hidden;
    width: auto;
    height: 265px;
}

.chat-para p a {
    word-wrap: break-word;
}

.message-box {
    padding: 10px;
}

.message-box p {
    margin: 0px;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    color: #333333;
    word-break: break-word;
}

.message-box p span:not(.browser-emoji) {
    margin: 0;
    font-family: 'Lato', sans-serif;
    font-size: 10px;
    color: #595958;
    float: right;
}

.browser-emoji {
    font-size: 20px;
}

.chat-para {
    padding: 10px 15px;
    position: relative;
    background: #ffc4c4;
    border: 1px solid #ffc4c4;
    margin: 10px;
    width: 90%;
    float: right;
    clear: both;
}

.chat-para:after,
.chat-para:before {
    left: 100%;
    top: 15px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.chat-para:after {
    border-color: rgba(221, 221, 221, 0);
    border-left-color: #ffc4c4;
    border-width: 8px;
    margin-top: -8px;
}

.chat-para:before {
    border-color: rgba(221, 221, 221, 0);
    border-left-color: #ffc4c4;
    border-width: 9px;
    margin-top: -9px;
}

.chat-para2 {
    position: relative;
    padding: 10px 15px;
    background: #dddddd;
    border: 1px solid #dddddd;
    margin: 10px;
    width: 90%;
    float: left;
    clear: both;
}

.chat-para2:after,
.chat-para2:before {
    right: 100%;
    top: 15px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: #ffffff #dddddd #ffffff #ffffff;
}

.chat-para2:after {
    border-width: 8px;
    margin-top: -8px;
}

.chat-para2:before {
    border-width: 9px;
    margin-top: -9px;
}

.message-box h5 {
    font-size: 15px;
    margin: 0;
    clear: both;
    font-family: 'Lato', sans-serif;
    color: #333333;
}

/*** start mobile view ***/
.mobile-bg {
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    color: #ffffff;
    padding: 5px 0;
    display: none;
}

.timeline-box2,
.mob-chat-bg {
    display: none;
}

.timeline-menu {
    float: left;
    max-width: 260px;
    width: 100%;
    text-align: center;
}

.menu-btn {
    cursor: pointer;
    font-size: 30px;
    float: left;
    width: 50px;
    line-height: 38px;
}

.image-para {
    float: left;
}

.menu-image {
    float: left;
    width: 55px;
    height: 55px;
    position: relative;
}

.menu-image img {
    width: 100%;
    height: 100%;
}

.menu-image input[type='file'] {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    cursor: pointer;
}

.menu-para {
    float: left;
    width: 150px;
}

.menu-para h3 {
    margin: 0px;
    line-height: 38px;
}

.chat-menu {
    float: right;
    max-width: 50px;
    width: 100%;
    text-align: center;
    display: none;
}

.chat-btn {
    cursor: pointer;
    font-size: 30px;
    float: left;
    width: 50px;
    line-height: 38px;
}

.box-specialty {
    margin-bottom: 10px;
}

.box-specialty .mail-icon {
    padding: 0;
}

.mce-tinymce {
    margin-top: 20px !important;
}

.form-comment .mce-tinymce {
    margin-top: 0 !important;
}

ul.guardar-text li:last-of-type {
    border-bottom: none;
}

.user-mention {
    background-color: lightblue;
    text-decoration: none;
    color: #595958;
    padding: 2px;
}

.mce-toolbar-grp.mce-container.mce-panel.mce-first.mce-stack-layout-item {
    margin-top: 0 !important;
}

.mce-container.mce-toolbar.mce-first.mce-last.mce-stack-layout-item {
    margin-top: 0 !important;
}

.mce-container.mce-flow-layout-item.mce-btn-group {
    margin-top: 0 !important;
}

.mce-edit-area.mce-container.mce-panel.mce-stack-layout-item {
    margin-top: 0 !important;
}

textarea.envair-input.text_comment {
    display: none !important;
}

.envair-input.new_comment {
    display: none !important;
}

.pub-btn.notif {
    margin-bottom: 30px;
}

/*
.una-text ul, .una-text ol {
    height: 0;
    margin-bottom: 0;
}
.una-text br {
    line-height: 0px !important;
}
*/
.sl-wrapper .sl-close {
    font-size: 70px;
    top: 50px !important;
}

.mce-container-body {
    background: transparent !important;
    border: none;
}

.mce-container,
.mce-container *,
.mce-widget,
.mce-widget *,
.mce-reset {
    background: transparent !important;
}

.mce-primary .mce-txt {
    background: red !important;
    padding: 5px 10px;
}

.mce-tinymce {
    border: none;
    box-shadow: none;
}

/*.mce-widget button {
    background: #e4e2e2 !important;
    border: none;
    border-radius: 0;
}*/
.mce-widget button i.mce-ico {
    color: #ff0b37;
}

.mce-tinymce.mce-container.mce-panel {
    border: none;
    box-shadow: none !important;
}

.mce-edit-area.mce-container.mce-panel.mce-stack-layout-item {
    border: none !important;
}

.mce-widget.mce-btn {
    border: none !important;
    color: #595959 !Important;
}

.mce-statusbar .mce-branding {
    display: none;
}

.mce-edit-area iframe {
    margin: 0 !important;
}

.accordion-section ul li a {
    color: #ff0b37;
}

.accordion-section i {
    color: #56595a;
}

@media screen and (max-width: 1100px) {
    .previous-btn {
        width: 30px;
    }

    .prev-btn {
        width: 30px;
    }

    .chat-image {
        float: left;
        padding: 10px 0 0 5px;
        width: 179px;
    }

    .filtrar-por .filtrar-style li a {
        margin: 0 10px;
    }
}

@media screen and (max-width: 991px) {
    .dr-box-left {
        margin-bottom: 30px;
    }

    .left-fixed,
    .right-fixed {
        position: relative;
        max-width: 100%;
    }

    .dr-profile-box {
        margin: 0 auto;
        border: none;
        max-width: 200px;
    }

    .mobile-bg {
        display: block;
        position: relative;
        z-index: 1;
    }

    .dr-box-left {
        display: none;
    }

    .timeline-box {
        width: 100%;
        top: 18px;
        position: relative;
    }

    .timeline-box2 {
        display: block;
        position: fixed;
        top: 0;
        left: -250px;
        width: 300px;
        z-index: 500000;
        background: rgba(0, 0, 0, 0.5);
        padding: 0 15px;
        height: 100%;
    }

    .chat {
        max-width: 100%;
    }

    .chat-image {
        width: 188px;
    }
}

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

    .play-games .game-header {
        min-width: auto;
        padding: 0 15px
    }
    .header-fixed {
        position: fixed;
    }

    .una-text video {
        max-width: 100%;
    }

    .left-fixed,
    .right-fixed {
        position: relative;
    }

    .chat-menu {
        display: block;
    }

    .right-side {
        display: none;
    }

    .mob-chat-bg {
        display: block;
        position: fixed;
        right: -300px;
        top: 0;
        width: 300px;
        z-index: 99;
        background: rgba(0, 0, 0, 0.5);
        padding: 0 15px;
        height: 100%;
    }

    .participante-list {
        top: 143px;
        margin: 0;
    }

    .chat {
        position: fixed;
        bottom: 0;
        right: 0;
        z-index: 9999;
        max-width: 250px;
        margin: 0;
    }

    .filtrar-por .filtrar-style li a {
        padding: 0 13px;
    }
    p.hasg-insert input {
        width: 100%;
    }
    div#christmas-code-modal .col-md-6.col-sm-12.line-white {
        border-right: 2px solid white;
    }
    div#christmas-code-modal .col-md-6.col-sm-12.line-white {
        border-right: none;
    }
    div#christmas-code-modal h1 {
        font-size: 20px;
        margin-top: 12px;
        margin-bottom: 0;
    }
    #christmas-code-modal p {
        font-size: 15px !important;
        line-height: 16px !important;
        margin: 5px 0 !important;
    }
    div#christmas-code-modal {
        width: 95%;
        padding: 15px 0;
    }
    div#christmas-code-modal .col-lg-7 {
        padding: 0 5px;
    }
    #christmas-code-modal .publicar-button {
        padding: 6px 15px !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    div#christmas-code-modal .col-lg-12.col-md-12 {
        margin: 0;
        padding: 0;
    }
    #christmas-code-modal p {
        font-size: 16px;
        line-height: 16px;
        margin: 5px 0;
    }

     #christmas-code-modal h5.upper {
        color: #ff0b37;
        text-decoration: none;
        display: block;
        font-family: 'Lato', sans-serif;
        font-size: 18px;
        text-transform: uppercase;
        margin: 0;
        font-weight: bold;
    }
     #christmas-code-modal h1.upper {
        color: #ff0b37;
        text-decoration: none;
        display: block;
        font-family: 'Lato', sans-serif;
        font-size: 22px;
        /*text-transform: uppercase;*/
        margin: 0;
        font-weight: bold;
    }
    #christmas-code-modal h1.upper span {
        color: #ff849a;
    }
    #christmas-code-modal .publicar-button {
        padding: 12px 40px;
        margin-top: 5px;
        margin-bottom: 30px;
        display: inline-block;
        cursor: pointer;
        background: #ff0b37;
        text-transform: uppercase;
        font-size: 16px;
        font-family: 'Lato', sans-serif;
        color: white;
    }
    #christmas-code-modal .col-md-12.line-top-grey {
        border-top: 2px solid grey;
    }
    .vertical-offset {
        position: fixed;
        top: 10%;
        width: 100%;
        z-index: 40002;
    }
    .play-games .game-header {
        background: rgba(255, 255, 255, 0.5);
        color: #333333;
        min-width: auto;
        padding: 0px 10px;
        height: 36px;
        line-height: 30px;
        text-align: center;
        border-radius: 40px;
        border: 2px solid #fff;
        font-weight: 500;
        font-family: Lato, sans-serif;
        margin-bottom: 10px !important;
    }
    .trivial-game ul.nav.nav-tabs li a {
        font-size: 10px !important;
    }
    .trivial-game .tab-pane h3 {
        line-height: 22px !important;
    }
    .portion-cheese {
        width: 18.5%;
        height: 28px;
    }
    #red-awards-intro, #red-awards .panel-all p, #games-raffles p {
        float: left;
    }
    #games-raffles .image-link {
        margin-bottom: 30px;
        width: 50%;
        float: left;
    }
    #games-raffles .image-link h3 {
        font-size: 100%;
    }
}

@media screen and (max-height: 550px) {

    .dr-profile-box,
    .timeline-box,
    .timeline-box li a {
        padding: 5px;
        margin: 0;
    }
}

/* f2f overlay */
#form_overlay span.error {
    background: #ba1f1f;
    border-radius: 3px;
    color: #fff;
    font-size: 12px;
    left: 0;
    line-height: 15px;
    padding: 5px;
    top: -30px;
}

#form_overlay {
    position: fixed;
    width: 100%;
    z-index: 99999;
    top: 0;
    left: 0;
}

.alert {
    margin-bottom: 18px;
    border: 1px solid transparent;
    width: 100%;
    margin: auto;
}

.alert h4 {
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 5px;
}

.alert p {
    font-size: 18px;
    line-height: 18px;
    border-bottom: 0 !important;
    padding-left: 20px;
    text-align: center;
    padding: 10px 0;
}

.alert p a {
    color: #1ebae3;
}

.btn-alert {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
    background: #FFF;
    font-weight: 700;
    color: #333333;
}

.btn-alert:hover {
    opacity: 0.7;
}

.close:hover,
.close:focus {
    color: #333;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
}

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    margin-right: 20px;
}

.btn-yellow {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #8a6d3b;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20);
}

.yellow {
    color: #8a6d3b;
    background-color: #fbf28b;
    border-color: #faebcc;
}

.red {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.btn-red {
    color: #fff;
    background-color: #ff0b37;
    border-color: #ff0b37;
    border-radius: 0;
}

.green {
    color: #468847;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.btn-green {
    color: #fff;
    background-color: #468847;
    border-color: #468847;
}

.fullSize {
    width: 100%;
    border-left: 0;
    border-right: 0;
    text-align: center;
}

label.check-anonymous {
    color: #999;
    float: right;
    font-weight: normal;
}

.fa-remove-group::before {
    content: "";
    display: inline-block !important;
}

.fa-heart,
.fa-heart-o {
    color: #ff0b37;
    font-size: 30px;
}

.iconhand {
    cursor: pointer !important;
    cursor: hand !important;
}

#facebox {
    /* overlay is hidden before loading */

    z-index: 999999999999 !important;
}

#facebox div {
    padding: 10px;
    /*border:1px solid #ff0b37;*/

    background-color: #fff;
    font-family: 'Lato', sans-serif;
    /* width:300px;
    height:300px;*/

    position: fixed;
    /*top:25%;
    left:50%;*/

    width: 50%;
    left: 25%;
}

#facebox div p {
    padding: 10px;
}

#facebox h2 {
    margin: -11px;
    margin-bottom: 0px;
    color: #fff;
    background-color: #333333;
    padding: 10px 10px;
    border: 1px solid #333333;
    font-size: 18px;
}

#facebox div .legals-button {
    text-align: center;
}

#facebox div button {
    background: #ff0b37;
    border: none;
    color: white;
    width: 20%;
    padding: 6px;
    font-size: 15px;
}

a:active,
a:active * {
    outline: none !important;
    -moz-outline-style: none !important;
}

a:focus,
a:focus * {
    outline: none !important;
    -moz-outline-style: none !important;
    text-decoration: none;
}

.publicar-icon li.select-subcategory i {
    margin-left: 6px;
}

.pub-icon .select-subcategory {
    font-size: 14px;
}

.pub-icon .select-subcategory .filt-sub {
    border: 1px solid #ccc;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 99;
    min-width: 200px;
}

.pub-icon .select-subcategory .filt-sub li {
    border-bottom: 1px solid #ccc;
    display: block;
    float: none;
    background-color: #fff;
}

.pub-icon .select-subcategory .filt-sub li a {
    background-color: #fff;
}

div#chat-list .img-circle {
    border-radius: 0;
}

.cal-row-fluid.cal-row-head .cal-cell1 {
    background: #d4d4d4;
}

.publicar-icon li.select-country i {
    margin-left: 6px;
}

.pub-icon .select-country {
    font-size: 12px;
    font-family: 'Lato', sans-serif;
}

.pub-icon .select-country .filt-sub {
    border: 1px solid #ccc;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 43px;
    left: 215px;
    z-index: 99;
}

.pub-icon .select-country .filt-sub li {
    border-bottom: 1px solid #ccc;
    display: block;
    float: none;
    width: 276px;
    background-color: #fff;
}

.pub-icon .select-country .filt-sub li a {
    background-color: #fff;
}

.publicar-icon li.select-province i {
    margin-left: 6px;
}

.pub-icon .select-province {
    font-size: 12px;
    font-family: 'Lato', sans-serif;
}

.pub-icon .select-province .filt-sub {
    border: 1px solid #ccc;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 43px;
    left: 215px;
    z-index: 99;
}

.pub-icon .select-province .filt-sub li {
    border-bottom: 1px solid #ccc;
    display: block;
    float: none;
    width: 150px;
    background-color: #fff;
}

div#calendar-legend {
    width: 100%;
}

.pub-icon .select-province .filt-sub li a {
    background-color: #fff;
}

.post_content {
    width: 100%;
    resize: none;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
}

.mark-content {
    margin-top: 10px;
    color: #56595a;
    font-size: 12px;
    text-align: right;
    display: block !important;
    margin-bottom: 20px;
}

ul.nav.navbar-nav.navbar-right li,
ul.nav.navbar-nav.navbar-right li a {
    margin-bottom: 0;
    padding-bottom: 0;
}

.guests a,
.desktop .guests a:hover {
    color: #fff;
    font-size: 1.5rem;
    font-family: 'Lato', sans-serif;
    text-decoration: none;
}

.guests i.fa-user-md {
    font-size: 2rem;
}

.feedback {
    width: 100%;
    background: #ff0b37;
    text-align: center;
}

.feedback a,
a#button-guests {
    text-decoration: none;
    background: #ff0b37;
    color: white;
    width: 100%;
    border: none !important;
    font-size: 15px;
    text-align: center;
    display: block;
    text-transform: uppercase;
    letter-spacing: 1px;
    height: 43px;
}

a#button-guests {
    margin-top: 10px;
}

.feedback a:hover,
a#button-guests:hover {
    background: #ce0025;
}

.vf-plaza .bloq-white h4 {
    font-family: 'Lato', sans-serif;
    color: #ff0b37;
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 10px;
}

.embed-responsive.embed-responsive-16by9.col-md-4 iframe {
    min-height: 300px;
    height: auto;
    padding: 0 8px;
}

.video-plaza.col-md-4 iframe {
    min-height: 250px;
    height: auto;
    width: 100%;
    padding: 0;
    margin-bottom: 10px;
}

.bloque-promos.vf-plaza p {
    font-size: 14px !important;
}

.widget-body.bordered-top.sublinks {
    background: white;
    padding: 20px 0;
    text-align: center;
}

.widget-body.bordered-top.sublinks a {
    color: #595958;
    font-size: 15px;
}

.gender-select {
    margin-right: 145px;
}

.document-tags {
    color: #ff0b37;
    text-align: right;
}

.dumbBoxWrap {
    /* The div that shows/hides. */
    display: none;
    /* starts out hidden */
    z-index: 40001;
    /* High z-index to ensure it appears above all content */
}

.dumbBoxOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #595958;
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    z-index: 40001;
}


.dumbBox {
    width: 46%;
    position: relative;
    margin: 0 auto;
    background-color: #e6e6e6;
    padding: 10px 0;
    border: 1px solid black;
}

.dumbBox.first-login,
.dumbBox.first-login form,
.first-login .tmline-centerbox-text,
.first-login .publicar-icon {
    background: white;
}

.dumbBox.first-login {
    border: 1px solid #e6e6e6;
    padding: 0;
    width: 25%;
    min-width: 380px;
}

.closeModal {
    position: absolute;
    top: -12px;
    /* Half the icon's height */
    right: -12px;
    /* half the icon's width */
    z-index: 50;
}

.dumbBox h2 {
    text-transform: uppercase;
    font-size: 23px;
    color: #ff0b37;
}

.dumbBox h3 {
    margin-top: 0;
    font-size: 18px;
}

.dumbBox p {
    font-size: 17px;
    margin-top: 25px;
}

form#send-suggestions {
    padding: 10px 15px;
}

form#send-guests {
    padding: 10px 15px;
}

.col-md-12.step {
    padding: 0;
    margin: 0;
    /*width: 50%;*/

}

.col-md-12.step p span {
    color: #ff0b37;
    font-size: 24px;
    font-weight: bold;
}

.step.first-step {
    /* background: url(images/step1.jpg) no-repeat;*/

    background: url(images/step2.jpg) no-repeat;
    height: 430px;
    background-size: cover;
    position: relative;
}

.step.second-step {
    height: 430px;
    background-size: cover;
    position: relative;
}

.col-md-12.step .form-group p {
    margin-top: 10px;
}

.step .form-group {
    padding: 30px 25px;
    background: rgba(225, 225, 225, 0.6);
    margin: 15px;
}

a.publicar-button:hover {
    color: white;
    background: #d00000;
    text-decoration: none;
}

.first-login button.publicar-button,
.first-login .paso-dos {
    position: absolute;
    bottom: 0;
    right: 0;
}

.dumbBox.first-login .form-group p {
    font-size: 17px;
    font-weight: bold;
}

.first-login .alert.alert-danger {
    width: 98%;
}

/* CALENDAR */
#calandar .cal-month-day {
    background-color: #fff;
}

.filt-sub {
    max-height: 300px !important;
    overflow: auto !important;
    overflow-x: hidden !important;
}

.dropdown-menu p.hace-para {
    margin-left: 5px !important;
}

.redes-webtext .perfil-icon,
.perfil-icon,
.redes-webtext .mail-icon,
.redes-webtext .fa-close,
.redes-webtext .fa-check,
.especial .perfil-icon2 {
    font-size: 20px;
}

.text_comment {
    width: 85%;
    float: left;
    font-size: 17px;
    padding: 6px;
}

.enviar-text.col-xs-4 {
    width: 15%;
    background: #ff0b37;
    padding: 0;
    right: 15px;
    margin-bottom: 10px;
}

.post_content.textarea_edit_new.valid {
    display: none !important;
}

/*----- Accordion -----*/
.accordion,
.accordion * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.accordion {
    overflow: hidden;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
    border-radius: 3px;
    background: #f7f7f7;
}

.accordion-section-title {
    width: 100%;
    padding: 10px 15px;
    display: inline-block;
    border-bottom: 1px solid #FFFFFF;
    background: #e4e2e2;
    transition: all linear 0.15s;
    /* Type */

    font-size: 1.200em;
    color: #555;
}

.accordion-section-title.active,
.accordion-section-title:hover {
    background: #d0d0d0;
    text-decoration: none !important;
}

.accordion-section:last-child {
    border-bottom: none;
}

.dr-center-box2.timeline-post.ambassador .dr-centerbox {
    background: #e2fffe;
}

.accordion-section-content {
    padding: 15px;
    display: none;
}

a.accordion-section-title.active {
    color: #555;
}

.accordion-section-content ul {
    list-style: none;
    padding: 0;
}

.accordion-section-content ul li {
    margin-bottom: 10px;
    font-size: 18px;
}
.accordion-section-content ul li ul {
    padding-left: 20px;
    font-size: 14px;
    list-style: circle !important;
}
.accordion-section-content ul li ul li   {
    font-size: 14px;
    list-style: circle !important;
}

a.accordion-section-title span {
    color: #42A49A;
    font-size: 24px;
    float: right;
}

.result-search {
    color: #555;
    font-style: italic;
    margin: 10px 20px 20px;
}

.bloqued {
    opacity: 0.4;
}

.modal-content {
    border-radius: 0;
}

.modal-header h3.modal-title {
    display: none;
}

.event-details h5 {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: bold;
}

.event-details p {
    font-size: 14px;
}

.perfil .doctor-photo {
    /*width: 15%;*/
    max-width: none !important;
    margin: 0;
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.all-profile {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}

.all-profile input {
    margin-bottom: 10px;
}

.col-md-12.all-profile {
    width: 100%;
}

ul.redes-webtext {
    font-size: 20px;
    display: inline-block;
}

ul.redes-webtext li {
    margin-bottom: 10px;
}

.dr-centerbox iframe {
    height: 500px;
}

.right-side-head.open-create {
    cursor: pointer;
}

.right-side-head.open-create i {
    float: right;
    padding: 14px 12px 0 0;
    font-size: 20px;
}

h6.title-ambassador {
    font-size: 32px;
    color: #ff0b37;
}

.accordion-section a,
.accordion-section a span {
    font-size: 16px;
    color: #333;
}

.detalle-embajador h2 {
    font-size: 24px;
    color: #ff0b37;
    margin: 10px 0 0 0;
}

.detalle-embajador h3 {
    margin: 5px 0;
    font-size: 16px;
    text-transform: uppercase;
    color: #4e1584;
}

.col-md-3.embajador .btn {
    border-radius: 0;
    font-size: 16px;
    background: #ff0b37;
}

.all-profile label,
.all-profile input {
    width: 100%;
    display: block;
    font-size: 14px;
}

.mt-60 {
    margin-top: 60px;
}

.col-md-12.all-profile,
.col-md-12.all-profile .col-md-6 {
    padding-left: 0;
}

.all-profile input[type="checkbox"] {
    float: none;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 10px;
}

.no-p {
    padding: 0 !important;
}

textarea.thinking {
    width: 100%;
    height: 60px;
    margin-bottom: 20px;
    font-size: 14px;
}

button[disabled],
html input[disabled] {
    background: #dadada;
}

.all-profile select {
    width: 100%;
    padding: 7px 5px;
    margin-bottom: 10px;
}

.perfil-head .tab-pane.active {
    padding: 20px;
    border-left: solid 1px #dddddd;
    border-right: solid 1px #dddddd;
    border-bottom: solid 1px #dddddd;
}

.perfil-head button.btn.btn-primary {
    background: #ff0b37;
    border-color: #ff0b37;
    border-radius: 0;
    font-size: 16px;
    display: inline-block;
    padding: 8px 35px;
    margin: 40px 0 20px 0;
}

.no-p-l {
    padding-left: 0;
}

.customer-request ul.nav.nav-tabs li a {
    color: #333333;
    font-size: 16px;
    font-weight: bold;
}

.customer-request ul.nav.nav-tabs li a:hover,
.customer-request ul.nav.nav-tabs li a:focus {
    text-decoration: none;
}

.customer-request .nav-tabs>li.active>a,
.customer-request .nav-tabs>li.active>a:hover,
.customer-request .nav-tabs>li.active>a:focus {
    color: #ff0b37 !important;
}

.col-md-12.no-p.hobbies .col-md-2>div {
    position: relative;
    margin-bottom: 0;
}

.hobbies input[type="checkbox"] {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 99999 !important;
    cursor: pointer;
}

.col-md-12.no-p.hobbies div p {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgba(51, 51, 51, 0.6);
    padding-top: 40%;
    color: white;
    font-size: 16px;
    z-index: 1;
}

.hobbies .active p {
    background: rgba(230, 0, 0, 0.8) !important;
}

#anadir-form .tmline-centerbox-text {
    padding: 10px 15px;
}

.discount {
    position: relative;
}

.discount .logobox {
    position: absolute;
    top: 0;
    width: 25%;
    background: #ffffff;
    text-align: center;
}

.discount .logobox img {
    width: 50px;
    text-align: center;
    padding: 10px 0;
}

.discount {
    background: white;
    border: solid 1px darkgrey;
    margin-bottom: 20px;
}

.discount h2 {
    font-size: 16px;
    text-transform: uppercase;
    color: #ff0b37;
    margin: 10px 0;
}

.discount .text {
    padding: 0 10px;
    height: 145px;
}
.discount .published-until {
    font-size: 9px;
}
.discount a.btn.btn-button {
    width: 100%;
    background: #ff0b37;
    border-radius: 0;
    color: white;
    font-size: 13px;
    padding: 10px 0;
}

.discount .logobox img {
    height: 50px;
    text-align: center;
    padding: 0;
}

.timeline-post.ambassador i.fa.fa-star {
    position: absolute;
    left: 44px;
    top: 44px;
    color: #ffffff;
    background: #ff0b37;
    padding: 3px 3px;
    border-radius: 50%;
    font-size: 12px;
}

.dr-centerbox .dr-small-text p {
    font-size: 12px;
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
    margin: 0;
    color: #4e1584;
}

div#summary thead {
    background: #ff0b37;
    color: white;
}

div#summary thead th {
    border: solid 2px #ffffff;
}

#calendar-filter label.checkbox-inline.event-congreso {
    border-bottom: solid 3px #858585;
}

#calendar-filter label.checkbox-inline.event-beca {
    border-bottom: solid 3px #ff0b37;
}

.ec-stars-wrapper {
    /* Espacio entre los inline-block (los hijos, los `a`)
       http://ksesocss.blogspot.com/2012/03/display-inline-block-y-sus-empeno-en.html */

    font-size: 0;
    /* Podríamos quitarlo,
        pero de esta manera (siempre que no le demos padding),
        sólo aplicará la regla .ec-stars-wrapper:hover a cuando
        también se esté haciendo hover a alguna estrella */

    display: inline-block;
}

.ec-stars-wrapper a {
    text-decoration: none;
    display: inline-block;
    /* Volver a dar tamaño al texto */

    font-size: 32px;
    font-size: 2rem;
    color: #333;
}

.ec-stars-wrapper:hover a:not([disabled]),
.ec-stars-wrapper a.active {
    color: #ff9930;
}

/*
 * El selector de hijo, es necesario para aumentar la especifidad
 */
.ec-stars-wrapper>a:hover:not([disabled])~a {
    color: #333;
}

.perfil img.img-circle {
    width: auto;
    height: auto;
    max-width: 100%;
}

form.post-entry-form-edit.MultiFile-intercepted .tmline-centerbox-text {
    padding: 10px 15px;
}

.cal-month-day .events-list {
    /* display: none !important; */

}

.col-md-3.embajador button.btn-ambassador-answer {
    margin-top: 5px !important;
    background: #4e1584;
    border: solid 1px #4e1584;
}

.nube-tags-mobile {
    display: none;
}

.m-t-45 {
    margin-top: 45px;
}

.no-p-r {
    padding-right: 0;
}

.modal-header button.close {
    float: right;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 24px;
    color: white;
    opacity: 1;
    height: 100%;
    margin-top: -3px;
    width: 100%;
    z-index: 9999;
    margin-right: 0px;
}

button.savesubscription {
    border-radius: 0;
    padding: 8px 30px;
    min-width: 200px;
    font-size: 18px;
    float: right;
}

/*.more-info a.accordion-section-title {
    line-height: 20px;
    padding: 7px 10px;
}
.more-info .accordion-section-content p {
    font-size: 14px;
}
.more-info .accordion-section-content {
    padding: 7px 10px;
}*/
.participante-box>p {
    padding: 15px;
}

.tabs-menu .tabmenu {
    display: table-cell !important;
    float: none !important;
}

#conditionscupon button.close,
#gamescondition button.close,
#meritocracio-info button.close {
    float: right;
    position: absolute;
    top: -15px;
    right: -20px;
    font-size: 29px;
    margin-right: 7px;
    color: white;
    opacity: 1;
    height: auto;
    margin-top: 0px;
    background: black;
    width: 28px;
    border-radius: 50%;
    background: #545454;
    opacity: 0.95;
}

.accordion-section a span {
    font-size: 22px;
    color: #ff0b37;
}

span.merito-level {
    font-size: 11px;
    line-height: 16px;
    display: inline-block !important;
    color: #ff0b37;
    border-radius: 15px;
    font-weight: 100;
    font-style: italic;
    margin-top: 0;
}

.level-profile span.merito-level {
    width: 100% !important;
    font-size: 22px;
    font-family: lato;
    letter-spacing: 1px;
    font-style: inherit;
    font-weight: bold;

    /* float: right; */
}

.level-profile .merito-level-sub{
    width: 100% !important;
    font-size: 18px;
    font-family: lato;
    letter-spacing: 1px;
    font-style: inherit;

}



.level-profile span.merito-level a {
    font-size: 14px;
    padding-left: 20px
}

.level-profile span.merito-level small {
    padding-left: 5px
}

.bronce {
    color: #b1680d;
}

.plata {
    color: #847d75;
}

.oro {
    color: #d48f12;
}

.text-profile {
    display: inline-block;
    text-align: left;
    font-weight: bold;
}

.bronce {
    color: #b1680d;
}

.plata {
    color: #847d75;
}

.oro {
    color: #d48f12;
}

a.edit-profile:hover {
    text-decoration: none !important;
}

.edit-profile img.img-circle {
    margin-top: -13px;
    margin-right: 2px;
}

span.name-profile {
    line-height: 12px;
}

ul.guardar-text li.border:hover {
    background: #f2f2f2;
}

form.form-question {
    background: white;
    width: 96%;
    margin: 20px auto;
    padding: 20px;
    border: solid 1px #b1b1b1;
    box-shadow: 0 0 16px 0px #b1b1b1;
}

form.form-question .elresult-test p.primera-text,
form.form-question .elresult-test p.question-text {
    text-transform: initial;
    font-weight: bold;
    font-size: 17px;
}

form.form-question button.btn {
    background: #ff0b37;
    border-radius: 0;
    border: none;
    text-transform: initial;
}

.media a i.fa.fa-star {
    bottom: auto;
    left: 55px !important;
    top: 55px !important;
}

.media.show a.big.img-simplilight {
    position: relative;
    display: inline-block;
    float: left;
    margin-right: 10px;
}

/*.perfil .doctor-photo {
    width: 20%;
    float: left;
}*/

.all-meritocrazy > div {
    margin-top: 10px;
    height: 90px;
}
.all-meritocrazy > div:first-child {
    padding-left: 0;
}
.all-meritocrazy > div:last-child {
    padding-right: 0;
}
.all-meritocrazy .meritocracy-medal {
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    left: 0;
}

.all-meritocrazy img.image-meritocrazy {
    opacity: 0.6;
    width: 50px;
    position: relative;
    top: 40px;
}
.all-meritocrazy img.image-meritocrazy.active {
    opacity: 1;
    width: 90px;
    top: 0;
}

.all-profile label {
    font-weight: bold;
    font-size: 16px;
}

.hobbies .col-md-2 {
    padding: 5px;
    margin: 0;
}

.return-list {
    margin-bottom: 20px;
}

p.until-data {
    color: #ff0b37;
    float: right;
    font-size: 12px;
}

.cupon {
    border: dashed 2px #a7a7a7;
    padding: 5px 10px 15px 10px;
    text-align: center;
    margin-top: 10px;
}

.cupon h5 {
    font-size: 16px;
}

.codecupon {
    font-weight: bold;
}

span.points-promo {
    font-size: 25px;
    font-weight: bold;
    color: #4e1584;
}

.points-promo h6 {
    font-size: 14px;
    text-align: center;
}

.promo-detail .ec-stars-wrapper {
    width: 100%;
    text-align: center;
}

a.button-link-promo,
a.button-link {
    color: white;
    background: #ff0b37;
    padding: 5px 35px;
    margin: 10px auto;
    text-decoration: none !important;
    display: inline-block;
}

a.button-link-promo:hover,
a.button-link:hover {
    background: #ff0b37;
}

.has-text2.mwd470 {
    background: white;
    padding: 50px 30px;
    border: 1px solid #dddddd;
    margin-bottom: 50px;
    float: left;
    width: 100%;
}

p.big-text {
    font-size: 180px;
    display: block;
    line-height: inherit;
    color: #56595a;
    font-weight: bold;
}

.m-t-30 {
    margin-top: 30px !important;
}

img.imagenotfount {
    float: right;
}

.textnotfound {
    float: left;
    padding: 50px;
}

p.medium-text {
    font-size: 28px;
    line-height: 35px;
}

#div-customer-request-messages {
    float: left;
    width: 100%;
    max-height: 400px;
    overflow-y: scroll;
    background: #f1f1f1;
    padding: 10px;
}

.message.admin,
.message.front {
    background: white;
}

#div-customer-request-messages .message-row {
    float: left;
    width: 100%;
}

#div-customer-request-messages .message {
    margin: 15px 0;
    padding: 15px;
    border: 1px solid #ddd;
}

#div-customer-request-messages .message p {
    margin: 0;
}

#div-customer-request-messages .message.admin {
    float: left;
}

#div-customer-request-messages .message.front {
    float: right;
    text-align: right;
}

form#form-customer-request-message button.btn-primary {
    margin: 0;
}

.right-side-head.promo.text-right h4 {
    text-align: left;
}

.promo-detail.white-head {
    padding: 0px 15px;
    background: #4e1584;
    border: none;
    height: 43px;
}

.promo-detail.white-head h4 {
    color: white;
}

img.image-promo {
    height: auto;
    width: 100%;
    background: #333333;
    max-width: 100%;
    margin: 0 auto;
    display: block;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
}

a.sub-comment {
    float: right;
    font-size: 12px;
    margin-bottom: 8px;
}

a.figure-av {
    display: inline-block;
    float: left;
    position: relative;
}

.bloq-white {
    border: 1px solid #dddddd;
    float: left;
    background: white;
    width: 100%;
    overflow-x: hidden !important;
}

.discount.excl-adv .text {
    height: 120px;
}

.bloq-white .col-md-12 p {
    font-size: 16px;
    margin: 10px 0 20px 0;
}

.discount.excl-adv a {
    text-decoration: none !important;
    color: #333 !important;
}

.bloq-white .btn.btn-red {
    width: auto;
    background: #ff0b37;
    border-radius: 0;
    color: white;
    padding: 12px 125px;
    font-size: 16px;
}

a.btn.btn-red:hover,
a.btn.btn-button:hover {
    background: #ff0b37;
    border: solid 1px #ff0b37;
}

.bloque-promos {
    float: left;
    margin-bottom: 30px;
}

.view-all-comments, .view-post-comments {
    float: left;
    width: 100%;
    padding: 10px 15px;
    font-size: 15px;
}

/*concurso*/
.info-contests a {
    word-wrap: break-word;
    word-break: break-word;
}

.info-contests h2,
.info-contests span {
    float: left;
}

.promo-detail.photo_contests .countdown,
.promo-detail.photo_contests .button-link-promo {
    float: right;
}

.info-contests h2 {
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #ff0f37;
}

.info-contests span.category,
.contest .text span.category {
    font-size: 11px;
    background: #dddddd;
    padding: 3px 15px;
    margin-top: 16px;
    margin-left: 8px;
    color: #797979;
}

.info-contests p.description {
    font-size: 15px;
}

.info-contests .sub-data {
    float: left;
    margin-right: 10px;
    color: #989898;
    font-size: 12px;
}

.all-pictures .picture {
    width: 31.3%;
    margin: 1%;
    float: left;
    position: relative;
}

.all-pictures img {
    width: 100%;
    height: 145px;
    object-fit: cover;
}

.top-10 .picture {
    width: 49%;
    margin: 0.5%;
    float: left;
    position: relative;
}

.top-10 img {
    width: 100%;
    height: 100px;
    object-fit: cover;
}

.up-picture {
    position: absolute;
    top: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    color: white;
    padding: 5px;
}

.up-picture p {
    margin: 0;
}

.up-picture .like {
    float: right;
}

.up-picture .name {
    float: left;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
}

.photo_contests i.fa.fa-heart,
.photo_contests i.fa.fa-heart-o {
    font-size: 15px;
}

.all-pictures img {
    width: 100%;
}

.down-picture img.dr-small-circle {
    width: 20px;
    border-radius: 0;
    height: 20px;
    object-fit: cover;
}

.down-picture .comments,
.down-picture .likes {
    float: right;
    font-size: 15px;
    margin: 2px;
}

.up-picture .name {
    float: left;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.info-contests p.countdown {
    margin: 0;
}

.col-md-12.info-contests {
    border-bottom: solid 1px #e4e4e4;
    margin-bottom: 5px;
    float: left;
}

.top-10 h2 {
    color: #FFF;
    font-size: 14px;
    display: block;
    text-align: center;
    padding: 6px;
    letter-spacing: 1px;
    text-transform: uppercase;
    background-color: #941bf1;
    margin: 0;
}

.col-md-4.top-10 {
    background: #f9f9f9;
    padding: 0 20px;
}

.search-picture {
    width: 50%;
    float: left;
}

input#search-picture {
    padding: 5px 10px;
    width: 90%;
}

.all-pictures p.order-by {
    float: left;
    padding: 8px 10px;
    width: 15.5%;
    text-align: center;
    background-color: #e9e9e9;
    margin: 0 0.5%;
    cursor: pointer;
}

.all-pictures p.order-by.active {
    float: left;
    padding: 8px 10px;
    width: 15.5%;
    text-align: center;
    background-color: #737373;
    color: #fff;
    margin: 0 0.5%;
    cursor: pointer;
}

.all-pictures .filters-photo-contests p.order-by {
    margin: 0 10px 10px 0;
}

.search-picture i.fa.fa-search {
    padding: 6px;
    background: #737373;
    color: white;
    font-size: 18px;
    width: 10%;
    text-align: center;
    height: 32px;
}

#contest-picture .image-big {
    display: inline-block;
    width: auto;
}

#contest-picture .more-information-image,
#contest-picture .image-big {
    float: left;
    width: 100%;
}

#contest-picture .image-big video {
    max-width: 100%;
}

.more-information-image {
    padding: 10px 20px 10px 30px;
}

.more-information-image h1.name {
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
    float: left;
    margin-top: 0;
    color: #ff0b37;
}

.f-right.col-md-4 .user {
    float: right;
}

.image-big .comments,
.image-big .likes {
    font-size: 20px;
    display: inline-block;
    text-align: right;
}

.image-big img {
    max-width: 100%;
    height: auto;
}

div#contest-picture .modal-body {
    padding: 30px 15px;
}

.image-big .comments i {
    font-size: 30px;
}

.col-md-12.contest .text h2 {
    font-size: 15px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #737373;
    margin-top: 0;
}

.contest .text {
    padding: 0 15px 15px;
    float: left;
}

.contest p.data-cont {
    display: inline-block;
    padding: 5px 10px;
    margin: 0;
}

.contest .content-right {
    float: right;
    margin-right: 10px;
}

.content-left {
    float: left;
}

.col-md-12.contest {
    border-bottom: solid 10px white;
}

p.data-cont i,
p.data-cont .big-data {
    font-size: 22px;
}

span.big-data {
    color: #ff0b37;
}

.contest .content-left span.category {
    margin: 0;
}

.content-right p {
    margin-bottom: 0 !important;
}

.content-right p.countdown {
    font-weight: bold;
    font-size: 12px;
    text-align: right;
}

.photo_contests .bloq-white {
    padding-bottom: 20px;
}

.photo_contests .bloq-white.trivial-game {
    padding: 0;
}

.col-md-12.contest:nth-child(even) {
    background: #f7f7f7;
}

.col-md-12.contest:nth-child(odd) {
    background: #ffffff;
}

.envair-box.picture-contest textarea {
    width: 100%;
    margin-bottom: 5px;
    resize: none;
}

.picture-contest .enviar-text.col-xs-4 {
    right: 0;
}

.picture a .down-picture {
    color: #5c5c5c;
}

.top-10 .up-picture {
    position: absolute;
    top: 5px;
    left: 3px;
    background: #941bf1;
    border-radius: 50%;
    width: 30px;
    padding: 0;
    text-align: center;
    border: solid 2px #941bf1;
}

.top-10 .up-picture .rank {
    font-size: 15px;
    color: #fff;
}

.more-information-image h3 {
    margin: 0;
    font-size: 14px;
    text-transform: uppercase;
    float: left;
}

.more-information-image a.more-comments {
    float: right;
}

.box-comments {
    margin-top: 20px;
}

#contest-picture .modal-header,
#participate-contest .modal-header {
    position: absolute;
    top: -15px;
    right: -15px;
    border: none;
}

#contest-picture .modal-header button.close,
#participate-contest .modal-header button.close {
    font-size: 29px;
    color: white;
    height: auto;
    border-radius: 50%;
    background: #545454;
    opacity: 0.95;
}

a.vote-picture.env-btn {
    background: #941bf1;
    color: #fff;
    padding: 10px 25px;
    font-size: 22px;
    font-weight: 100;
    text-transform: uppercase;
    text-decoration: none !important;
    width: auto;
    display: inline-block;
    margin-left: 15px;
}

.f-left,
.f-left p {
    float: left;
}

.f-right {
    float: right;
}

.envair-box.picture-contest {
    margin-top: 20px;
}

.resume-mypicture h2 {
    font-size: 15px;
    margin: 0;
    text-transform: uppercase;
    color: #ff0f37;
}

.resume-mypicture {
    float: left;
    padding: 10px;
    background: #eeeeee;
    border-bottom: solid 10px white;
    width: 100%;
}

a.trash-button {
    font-size: 22px;
    background: #ff0f37;
    color: white;
    width: 100%;
    text-align: center;
    display: block;
    margin: 5px 0;
}

.resume-mypicture .data-cont {
    text-align: center;
    font-size: 18px;
    color: #666666;
    padding: 20px 0;
}
.resume-mypicture.teamder img {
    object-fit: cover;
    height: 100% !important;
    width: 100%;
}
.resume-mypicture img {
    object-fit: cover;
    height: 85px;
    width: 100%;
}



form.upload-image input,
form.upload-image textarea,
form.upload-image select,
form.upload-image button {
    border: 1px solid #ccc;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 22px;
    padding: 8px 5px;
    width: 98.5%;
    margin: 10px;
    resize: none;
}

form.upload-image {
    padding: 10px 0;
}

form.upload-image button {
    background: #ff0f37;
    color: white;
    float: right;
    width: 100px;
    margin: 0;
    border: none;
}

div#participate-contest h3 {
    color: #595958;
    text-decoration: none;
    display: block;
    font-family: 'Lato', sans-serif;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

span.club-icon {
    width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
}

.timeline-box2 ul li span.club-icon {
    margin-right: 6px;
}

.menu span.club-icon {
    width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
}

#button-sugerencias span.club-icon,
#button-guests span.club-icon {
    width: 30px;
    height: 34px;
    display: inline-block;
    vertical-align: unset;
    margin-right: 8px;
}

span.club-icon.club-plus {
    float: right;
}

span.club-icon.club-comments {
    background-position: -74px -65px !important;
    margin-right: 10px;
    height: 30px;
    width: 30px;
    display: inline-block;
    vertical-align: sub;
}

.menu a.timeline-para span.club-icon,
span.club-icon.club-comments,
.timeline-box2 ul li span.club-icon {
    background: url(images/clubicon-grey.png);
}

.menu a.time-text span.club-icon,
ul.filtrar-style span.club-icon,
.form-favorite span.club-icon.club-heart-o,
.form-favorite span.club-icon {
    background: url(images/clubicon-red.png);
}

#button-sugerencias span.club-icon,
.top-logo span.club-icon,
.right-side-head.open-create span.club-icon,
#invite-friend span.club-icon {
    background: url(images/clubicon-white.png);
}

span.club-icon.club-globe {
    background-position: -410px -290px !important;
}

span.club-icon.club-calendar {
    background-position: -210px -234px !important;
}

span.club-icon.club-star-circle {
    background-position: -276px -234px !important;
}

span.club-icon.club-tags {
    background-position: -144px -234px !important;
}

span.club-icon.club-eye {
    background-position: -343px -180px !important;
}

span.club-icon.club-user {
    background-position: -8px -10px !important;
}

span.club-icon.club-envelope {
    background-position: -343px -115px !important;
}

span.club-icon.club-logout {
    background-position: -343px -232px !important;
}

span.club-icon.club-rocket {
    background-position: -343px -10px !important;
}

span.club-icon.club-heart {
    background-position: -344px -62px !important;
}

span.club-icon.club-group {
    background-position: -206px -10px !important;
}

#button-guests span.club-icon.club-group {
    background-position: -208px -4px !important;
}

span.club-icon.club-medal {
    background-position: -408px -12px !important;
}

.club-search:before {
    width: 35px;
    height: 35px;
    background: url(images/clubicon-grey.png);
    content: " ";
    display: inline-block;
    background-position: -272px -5px !important;
}

span.club-icon.club-plus {
    background-position: 382px 214px !important;
}

span.club-icon.club-minus {
    background-position: 315px 213px !important;
}

span.club-icon.club-comments {
    background-position: -74px -65px !important;
    margin-right: 10px;
}

.form-favorite span.club-icon.club-heart {
    background-position: 38px -65px !important;
}

.form-favorite span.club-icon.club-heart {
    background-position: -6px -65px !important;
}

.all-pictures .picture a .down-picture,
.top-10 .down-picture {
    color: #5c5c5c;
    padding: 4px;
    background: #f4f4f4;
}

.top-10 .down-picture {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.more-information-image .like p.resume {
    font-size: 24px;
    display: inline-block;
    color: #666666;
}

.like {
    float: right;
}

form.form-comment h3 {
    margin-bottom: 10px;
}

.box-comments p.gusta-test {
    float: left;
    margin-bottom: 5px;
}

.col-md-12.contest.no-p {
    border: none!important;
    float: left;
    margin: 10px 0;
    border-bottom: solid 32px red;
    display: block;
}

.col-md-12.contest.no-p .col-md-2 img {
    height: auto;
    width: 100%;
    object-fit: cover;
    object-position: 0 0;
}

.stars-rating i {
    width: 10px;
}

.rating-numbers span, .stars-rating i.fa-lg {
    width: 16px;
}
.rating-numbers span {
    display: inline-block;
    text-align: center;
    font-size: 10px;
}

.rate-photo-contest i,
.question .set-score i {
    cursor: pointer;
}

.stars-rating i.fa-star {
    color: gold;
}

.contest a.button-link-promo {
    float: right;
}

.form-favorite span.club-icon.club-heart-o {
    background-position: 38px -65px !important;
}
.form-favorite span.club-icon {
    margin-right: 0;
}

.btn-createeventent,
.btn-primary {
    background: #ff0b37;
    color: white;
    border: none;
    border-radius: 0;
    padding: 10px 40px;
}

.btn-default {
    background: #666;
    color: white;
    border: none;
    border-radius: 0;
    padding: 10px 40px;
}

.btn-createeventent:hover {
    background: #ff0b37;
    color: white;
    border: none;
    border-radius: 0;
    padding: 10px 40px;
}

.btn-createeventent:hover,
.btn-createeventent:active,
.btn-createeventent:focus,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background: #ce0025;
}

form#form-ambassador-answer {
    padding: 0 20px;
}

li a span.club-icon.club-games {
    background-image: url(images/icon-games-grey.png) !important;
}

li a:hover span.club-icon.club-games,
li a.time-text span.club-icon.club-games {
    background-image: url(images/icon-games-red.png) !important;
}

.menu li a.timeline-para:hover span.club-icon {
    background: url(images/clubicon-red.png);
}

.min-height-400 {
    height: 400px;
}

.min-height-400 h2 {
    text-align: center;
    margin-top: 50px;
    font-size: 38px;
}

.bloq-white .col-md-12.min-height-400 p {
    text-align: center;
    margin: 20px 0 0 0 !important;
    font-size: 20px !important;
}

.right-side-head span.club-icon {
    margin-right: 6px;
}

.page-header .btn-group button.btn {
    padding: 8px 15px;
}

.ui-widget-header {
    border: 1px solid #ff0b37;
    background: #ff0b37;
    border-radius: 0 !important;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    color: #ff0b37;
}

form#anadir-form {
    clear: both;
}

.promo-detail.white-head.myarea {
    margin-bottom: 8px;
}

/* Tables */
.dataTable tfoot {
    display: table-header-group;
}

.dataTables_filter {
    display: none;
}

.top-menu .table-filter {
    color: #0090D9;
    text-decoration: none;
}

.top-menu .table-filter.active {
    font-weight: bold;
}

.form-duplicate-item {
    display: inline;
}

.dataTables_length .btn-group.bootstrap-select {
    width: auto;
}

.dataTable tfoot th input,
.dataTable tfoot th select {
    width: 100%;
}

div#event-users-modal .modal-dialog {
    width: 30%;
    min-width: 630px;
}

table#table-user-attends-events th:first-of-type,
table#table-user-attends-events td:first-of-type {
    width: 25% !important;
}

º table#table-user-events th:first-of-type,
table#table-user-events td:first-of-type {
    width: 25% !important;
}

.post-comments .post-comments {
    /* para los comentarios dentro de comentarios */
    margin-top: 72px;
}

.more-information-image .post-comments img.dr-small-circle.img-circle {
    border-radius: inherit;
    width: 50px;
    height: 50px;
    object-fit: cover;
    margin-right: 10px;
}

.more-information-image .post-comments .media a i.fa.fa-star {
    position: absolute;
    bottom: 3px;
    left: 52px;
    color: white;
    background: #ff0b37;
    padding: 3px;
    border-radius: 50%;
    font-size: 9px;
}

.photo_contests .col-md-10.no-p {
    width: 75%;
}

.photo_contests .col-md-2.no-p {
    width: 25%;
}

.box-comments .post-comments .media a {
    float: left;
}

.post-comments .media-body p {
    word-break: break-all;
}

/*Couple game*/
.row.flash-game .block .what.clicked {
    border: solid 5px #83beae !important;
}

#couple-game .block .what.serie-11 {
    background: url('../../../images/frontend/couples/serie-1/1.jpg') no-repeat;
    background-size: contain;
    background-color: #fff;
    background-position: bottom;
    content: "";
}

#couple-game .block .what.serie-12 {
    background: url('../../../images/frontend/couples/serie-1/2.jpg') no-repeat;
    background-size: contain;
    background-color: #fff;
    background-position: bottom;
    content: "";
}

#couple-game .block .what.serie-21 {
    background: url('../../../images/frontend/couples/serie-2/1.jpg') no-repeat;
    background-size: contain;
    background-color: #fff;
    background-position: bottom;
    content: "";
}

#couple-game .block .what.serie-22 {
    background: url('../../../images/frontend/couples/serie-2/2.jpg') no-repeat;
    background-size: contain;
    background-color: #fff;
    background-position: bottom;
    content: "";
}

#couple-game .block .what.serie-31 {
    background: url('../../../images/frontend/couples/serie-3/1.jpg') no-repeat;
    background-size: contain;
    background-color: #fff;
    background-position: bottom;
    content: "";
}

#couple-game .block .what.serie-32 {
    background: url('../../../images/frontend/couples/serie-3/2.jpg') no-repeat;
    background-size: contain;
    background-color: #fff;
    background-position: bottom;
    content: "";
}

/* boxes game */
.col-lg-2-5 {
    width: 20%;
    float: left;
}

/*games*/
.col-md-3.ranking ul {
    padding: 0;
}

.col-md-3.ranking h3 {
    list-style: none;
    padding: 0;
    width: 100%;
    text-transform: uppercase;
    text-shadow: 0 0 9px #ff0b37, 0 0 10px #fff, 0 0 15px #fff, 0 0 10px #ff0b37, 0 0 25px #ff0b37;
    -webkit-text-fill-color: #F4ECFF;
    -webkit-text-stroke-color: #ff0b37;
    -webkit-text-stroke-width: 0.2px;
}

.col-md-3.ranking ul li {
    font-size: 10px;
    letter-spacing: 0px;
    text-transform: uppercase;
    list-style: none;
    padding: 0;
    width: 100%;
    display: block;
    line-height: 36px;
}

.col-md-3.ranking span.number {
    display: inline-block;
    font-size: 10px;
}

.col-md-3.ranking span.points {
    float: right;
    color: #ff0b37;
    font-size: 10px;
}

.col-md-9.play-games {
    float: right;
}

.trivial-game ul.nav.nav-tabs li a {
    background: rgba(255, 255, 255, 0.5);
    color: #69A45D;
    height: 33px;
    line-height: 29px;
    text-align: center;
    border-radius: 50px;
    border: 2px solid #fff;
    font-weight: 500;
    width: 100%;
    text-transform: uppercase;
    margin: 0 !important;
    font-family: Lato, sans-serif;
    padding: 0;
    font-size: 14px;
}

.trivial-game .tab-pane h3 {
    margin: 10px 0 15px 0;
    color: #BCCF27;
    font-family: Lato, sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 50px !important;
    line-height: 33px;
}

.trivial-game .tab-pane {
    padding: 10px 10px 20px 10px;
}

.trivial-game .nav-tabs {
    border: none;
}

.trivial-game ul.nav.nav-tabs li {
    width: 32.73%;
    margin: 0 0.3%;
    text-align: center;
    border: 2px solid #D6E5A1;
    border-radius: 30px;
    opacity: 0.7;
}

.line-games p span {
    color: #ff0b37;
}

.col-md-3.ranking {
    border: 2px solid #dadada;
    border-radius: 7px;
    outline: none;
    border-color: #ff9eb0;
    box-shadow: 0 0 10px #ff0b37;
    min-height: 382px;
}

.nk-social-container.games h2 {
    text-shadow: 0 0 9px #ff0b37, 0 0 10px #fff, 0 0 15px #fff, 0 0 10px #ff0b37, 0 0 25px #ff0b37;
    -webkit-text-fill-color: #F4ECFF;
    -webkit-text-stroke-color: #ff0b37;
    -webkit-text-stroke-width: 0.2px;
    font-size: 25px;
    text-transform: uppercase;
    padding-top: 0;
    margin-top: 10px;
}

a.button-play-again.nk-btn.nk-btn-color-white.txt-center,
a.button-start-game {
    background: #ff0b37;
    color: white;
    width: 100%;
    display: block;
    text-align: center;
    padding: 14px;
    font-size: 16px;
    border-radius: 7px;
    letter-spacing: 0px;
    text-decoration: none !important;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.nk-social-container.games.couples p {
    font-size: 11px;
    letter-spacing: -1px;
}

.f-righ {
    float: right;
}
div#duel-game .col-md-4 h4 {
    text-align: center;
    margin: 0;
    color: #999999;
    font-weight: bold;
}
@media (max-width: 1501px) {
    .nk-social-container.games.couples p {
        font-size: 10px;

    }
}

@media (max-width: 1424px) {
    .nk-social-container.games.couples p {
        font-size: 9px;

    }
}

@media (max-width: 1346px) {
    .nk-social-container.games.couples p {
        font-size: 8px;

    }
}

@media (max-width: 1268px) {
    .nk-socintaineal-container.games.couples p {
        font-size: 7px;

    }
}

div#tab-couple-game,
div#tab-connect4-game,
div#tab-boxes-game,
div#tab-simple-questions-game {
    padding: 10px 20px;
    border: 2px solid #dadada;
    border-radius: 7px;
    border-color: #ff9eb0;
    box-shadow: 0 0 10px #ff0b37;
    background: url(../../../images/frontend/background-arcade.jpg);
    background-size: cover;
    color: white;
    min-height: 382px;
}

div#tab-connect4-game {
    min-height:100%;
}

.row.flash-game .block .what {
    background: white;
    color: #e60000;
    font-size: 29px;
    text-align: center;
    cursor: pointer;
    border: solid 5px #ff0b37;
    border-radius: 7px;
    height: 129px;
    width: 93%;
    padding: 19%;
    margin: 3px auto;
}

/*div#div-active-boxes-game .row.flash-game .block .what {
    height: 125px;
    width: 130px;
    margin: 3px auto;
}*/
div#couple-game-message h5,
div#boxes-game-message h5,
div#simple-questions-message h5 {
    text-align: center;
    text-transform: uppercase;
    color: #eac918;
}

.bloq-white.games80 {
    padding: 20px;
}

.animated {
    color: #8be0b5;
    text-align: center;
    margin-top: 20px;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes flash {

    0%,
    50%,
    100% {
        opacity: 1;
    }

    25%,
    75% {
        opacity: 0;
    }
}

@keyframes flash {

    0%,
    50%,
    100% {
        opacity: 1;
    }

    25%,
    75% {
        opacity: 0;
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}

h2.title-grame {
    float: left;
}

p.my-points {
    float: right;
}

p.my-points span {
    color: #ff0b37;
}

a#ranking-view-more {
    /*width: 20%;*/
    text-align: center;
    display: inline-block;
}

.games80 h3,
.title-game {
    font-size: 20px;
}

.line-games.desactivate {
    opacity: 0.6;
    cursor: not-allowed !important;
}

.col-md-4.line-games {
    width: 32%;
    margin: 0% 0.6% 1% 0.6%;
    text-align: center;
    display: inline-block;
    cursor: pointer;
}

.title-challenge h5 {
    background: black;
    float: right;
    padding: 5px 10px;
    font-size: 9px;
    width: 20%;
    line-height: 13px;
    text-align: center;
}

.title-challenge h3.ask {
    width: 79%;
    float: left;
    margin-top: 15px;
    font-size: 15px;
    text-transform: uppercase;
}

div#tab-simple-questions-game input[type="radio"] {
    width: 20px;
    height: 20px;
    margin-right: 8px;
    vertical-align: bottom;
    margin-top: 0;
    cursor: pointer;
}

button.nk-btn.nk-btn-color-white {
    background: #ff0b37;
    color: white;
    width: auto;
    display: block;
    text-align: center;
    padding: 12px 15px;
    font-size: 10px;
    border-radius: 7px;
    letter-spacing: 0px;
    text-decoration: none !important;
    text-transform: uppercase;
    margin-bottom: 20px;
    border: none;
}

h5.modal-title {
    font-family: 'Lato', sans-serif;
    color: #ff0b37;
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 10px;
}

div#div-active-boxes-game .what.opened {
    background: black;
    color: #eac918;
}

.mce-tinymce.mce-tinymce-inline {
    margin-top: 0 !important;
}

div.text_comment {
    margin-top: 35px;
    position: relative;
    width: 100%;
    min-height: 100px;
    background: #fff;
    border: 1px solid #666666;
    margin-bottom: 10px;
}

.contest .content-left {
    width: 65%;
}

.contest .content-right {
    margin-right: 0;
    width: 35%;
    text-align: right;

}

/*gamificacion fase 2*/
.col-md-12.play-games.resume p {
    font-size: 12px;
    /*color: white;*/
}

.col-md-12.play-games.resume p.parrafoIntrucciones {
    font-family: Lato,sans-serif;
    text-transform: uppercase !important;
    margin: 0 0 2px 0 !important;
    color: black !important;
    font-weight: bold !important;
    font-size: 15px !important;
}

.col-md-12.play-games.resume p span {
    font-weight: bold;
    font-size: 16px;
    margin-left: 5px;
}

.cheese {
    width: 100%;
    display: inline-block;
    margin: 0;
    text-align: center;
}

.logoJuego {
    background: url(images/sonestibilidad-banner.png);
    height: 220px;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 20px;
}

.portion-cheese {
/*    width: 19.2%;
    display: inline-block;
    font-size: 12px;
    text-align: center;
    margin: 0 0.2% 0.1% 0.2%;
    padding: 5px 2px 5px 2px;
    color: white;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    border-radius: 25px;
    box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.2);
    font-family: Lato, sans-serif;
    position: relative;
    height: 26px;*/
    width: 19%;
    display: inline-block;
    font-size: 12px;
    text-align: center;
    margin: 0 0.1% 0.1% 0.1%;
    padding: 5px 2px 5px 2px;
    color: white;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    border-radius: 25px;
    font-family: Lato, sans-serif;
    position: relative;
    height: 18px;
    border: solid 1px;
    background: #eaeaea;
}

.portion-cheese span {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

span.onethird {
    width: 33.333%
}

span.twothird {
    width: 66.666%
}

span.threethird {
    width: 100%
}

.categorytext {
    position: absolute;
    top: 1px;
    width: 100%;
    font-size: 11px;
    letter-spacing: 1px;
    z-index: 9;
}

/*iconos*/
.art {
    background: rgba(252, 126, 38, 0.2);
}

.art span {
    background: rgb(252, 126, 38);
}

.nature {
    background: rgba(88, 185, 42, 0.2);
}

.nature span {
    background: rgb(88, 185, 42);
}

.sport {
    background: rgba(81, 10, 130, 0.2);
}

.sport span {
    background: rgb(81, 10, 130);
}

.geography {
    background: rgba(183, 37, 71, 0.2);
}

.geography span {
    background: rgb(183, 37, 71);
}

.entertainment {
    background: rgba(43, 130, 250, 0.2);
}

.entertainment span {
    background: rgb(43, 130, 250);
}

.history {
    background: rgba(14, 172, 115, 0.2);
}

.history span {
    background: rgb(14, 172, 115);
}

.mix {
    background: rgba(99, 83, 18, 0.2);
}

.mix span {
    background: rgb(99, 83, 18);
}

.series {
    background: rgba(252, 0, 61, 0.4);
}

.series span {
    background: rgb(252, 0, 61);
}

.cinema {
    background: rgba(254, 158, 54, 0.4);
}

.cinema span {
    background: rgb(254, 158, 54);
}

.music {
    background: rgba(61, 162, 253, 0.4);
}

.music span {
    background: rgb(61, 162, 253);
}

.technology {
    background: rgba(117, 211, 60, 0.4);
}

.technology span {
    background: rgb(117, 211, 60);
}

.culture {
    background: rgba(109, 15, 162, 0.4);
}

.culture span {
    background: rgb(109, 15, 162);
}

.sole span {
    background: rgb(117, 211, 60);
}

.play {
    clear: both;
}

/*reto flash*/
.shaker {
    /* Start the shake animation and make the animation last for 0.5 seconds */
    animation: shake 0.9s;

    /* When the animation is finished, start again */
    animation-iteration-count: 2;
}

@keyframes shake {
    0% {
        transform: translate(0px, 0px) rotate(0deg);
    }

    10% {
        transform: translate(-1px, -2px) rotate(-1deg);
    }

    20% {
        transform: translate(-3px, 0px) rotate(1deg);
    }

    30% {
        transform: translate(3px, 2px) rotate(0deg);
    }

    40% {
        transform: translate(1px, -1px) rotate(1deg);
    }

    50% {
        transform: translate(-1px, 2px) rotate(-1deg);
    }

    60% {
        transform: translate(-3px, 1px) rotate(0deg);
    }

    70% {
        transform: translate(3px, 1px) rotate(-1deg);
    }

    80% {
        transform: translate(-1px, -1px) rotate(1deg);
    }

    90% {
        transform: translate(1px, 2px) rotate(0deg);
    }

    100% {
        transform: translate(0, 0) rotate(-1deg);
    }
}

#roulette-game #tab-game-game .button.buyvocal {
    background: #282828;
    padding: 10px 20px;
}

/*cartas*/
#card-flash {
    background-image: url("images/flash.png");
}

#card-art {
    background-image: url("images/literatura.png");
}

#card-nature {
    background-image: url("images/ciencia.png");
}

#card-sport {
    background-image: url("images/deportes.png");
}

#card-geography {
    background-image: url("images/geografia.png");
}

#card-entertainment {
    background-image: url("images/entretenimiento.png");
}

#card-history {
    background-image: url("images/historia.png");
}

#card-mix {
    background-image: url("images/miscelania.png");
}

#card-series {
    background-image: url("images/series.png");
}

#card-cinema {
    background-image: url("images/cinema.png");
}

#card-music {
    background-image: url("images/music.png");
}

#card-technology {
    background-image: url("images/technology.png");
}

#card-culture {
    background-image: url("images/culture.png");
}

.card-select {
    /*display: list-item;*/
    height: 220px;
    background-repeat: no-repeat;
    background-position: center;
    transform: scale(1.2);
    margin-top: 40px;
    margin-bottom: 40px;
}

#card-flash:hover {
    transform: scale(1.2);
}

#card-art:hover {
    transform: scale(1.2);
}

#card-nature:hover {
    transform: scale(1.2);
}

#card-sport:hover {
    transform: scale(1.2);
}

#card-geography:hover {
    transform: scale(1.2);
}

#card-entertainment:hover {
    transform: scale(1.2);
}

#card-history:hover {
    transform: scale(1.2);
}

#card-mix:hover {
    transform: scale(1.2);
}

.respuesta:hover {
    transform: scale(1.1);
}

.copy {
    text-align: right;
    margin-right: 10px;
    margin-bottom: 5px;
}

.disable {
    opacity: 0.4;
}

.creditos {
    font-size: 15px;
    text-align: center;
    color: #333333;
    margin: 20px 0 20px 0;
}

.card-active {
    width: 200px;
    text-align: center;
    margin: 3% 10% 0% 20%;
    cursor: pointer;
    height: 310px;
    padding: 59px;
    color: white;
    border-radius: 4px;
    display: inline-block;
    background-repeat: no-repeat;
    float: left;
    background-position: center;
    margin-bottom: 30px;
}

@media (max-width: 1734px) {
    .card-active {
        /*width: 30%;
        text-align: center;
        margin: 3% 0% 0% 15%;
        cursor: pointer;
        height: 310px;
        padding: 59px;
        color: white;
        border-radius: 4px;
        display: inline-block;
        background-repeat: no-repeat;
        float: left;
        background-position: center;
        margin-bottom: 30px;*/
        width: 30%;
        text-align: center;
        margin: 3% 0% 0% 15%;
        cursor: pointer;
        height: 195px;
        padding: 0 59px;
        color: white;
        border-radius: 4px;
        display: inline-block;
        background-repeat: no-repeat;
        float: left;
        background-position: center;
        margin-bottom: 0;
    }
}

@media (max-width: 1234px) {
    .card-active {
        width: 45%;
        text-align: center;
        margin: 3% 0% 0% 5%;
        cursor: pointer;
        height: 310px;
        padding: 59px;
        color: white;
        border-radius: 4px;
        display: inline-block;
        background-repeat: no-repeat;
        float: left;
        background-position: center;
        margin-bottom: 30px;
    }

    a#ranking-view-more {
        width: 45%;
    }
}

card-disable {
    display: none;
}

.ask-card h2 {
    font-size: 22px;
    line-height: 22px;
    color: white;
}

div#roulette-answer a.link-back {
    text-transform: initial;
    font-size: 14px;
}

.creditos h2 {
    font-size: 20px;
    font-weight: bold;
}

.creditos h2 span {
    color: #ff0b37;
}

.creditos p {
    font-size: 11px !important;
    font-weight: 100;
}

.answer-card {
    position: relative;
    /*display: none;*/
}

.answer-card>div {
    width: 38%;
    display: inline-block;
    text-align: center;
    background: #BCCF27;
    margin-bottom: 15px;
    padding: 16px;
    cursor: pointer;
    border: 2px solid white !important;
    color: white !important;
    border-radius: 35px;
    margin-left: 8%;
    min-height: 3.5em;
    box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.2);
    text-transform: uppercase;
    vertical-align: middle;
}

.points {}

.ranking-position {}

.solution {
    font-size: 20px;
    text-align: center;
}

.play-games {
    /*border: 1px solid #dadada;*/
    background: url("images/sonestibilidad-fondo.png");
}

.table.ranking {
    display: table;
    width: 100%;
    color: white;
    text-align: center;
}

.table.ranking .tr {
    display: table-row;
}

.table.ranking .tr:nth-child(odd) {
    background: rgba(78, 21, 132, 0.2);
}

.table.ranking .tr.header {
    background: #4e1584;
    font-size: 12px;
    text-transform: uppercase;
}

.col-md-12.play-games.resume p {
    text-transform: uppercase;
}

.table.ranking .tr.header .td {
    padding: 10px 0;
}

.table.ranking .tr .td {
    display: table-cell;
    padding: 6px 0;
    vertical-align: middle;
}

.trivial-game ul.nav.nav-tabs li.active a,
.trivial-game ul.nav.nav-tabs li:hover a {
    background: #ffffff;
    font-weight: bold;
    text-decoration: none;
}

.col-md-12.play-games.resume .info-ask p,
.col-md-12.play-games.resume h2 {
    margin: 0;
}

.col-md-12.play-games.resume h2 {
    width: 100%;
    text-align: center;
}

.play .jugar {
    width: 145px;
}

.reto-flash {
    background: #282828;
}

.cheese-block {
    margin-bottom: 20px;
}

.eligeCarta {
    font-family: 'Lato', sans-serif;
    line-height: 40px;
    padding: 0;
    margin: 0;
    height: 43px;
    font-size: 18px;
    color: #4e1584;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    display: none;
}

.pregunta {
    font-family: 'Lato', sans-serif;
    line-height: 40px;
    padding: 0;
    margin: 0;
    font-size: 30px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    /*display: none;*/
}

.play {
    clear: both;
}

.respuestaOK {
    background: rgb(88, 185, 42) !important;
}

.respuestaKO {
    background: rgb(183, 37, 71) !important;
}

.testoRespuestaOK {
    color: rgb(117, 239, 60) !important;
    font-size: 16px;
    font-family: Lato, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
}

.testoRespuestaKO {
    color: rgb(183, 37, 71) !important;
    font-size: 16px;
    font-family: Lato, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
}

.reaction-icons {
    float: right;
    color: #ff0b37;
    font-size: 18px;
    cursor: pointer;
}

.divider {
    width: 4px;
    height: auto;
    display: inline-block;
}

.icon-button-like {
    cursor: pointer;
}

.icon-like {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-size: cover;
}

.club-like-o {
    background-image: url(images/icon-thumbs-up.png);
    margin-left: 20px;
}

.club-like {
    background-image: url(images/icon-thumbs-up-red.png);
    margin-left: 20px;
}

.club-dislike-o {
    background-image: url(images/icon-thumbs-down.png);
}

.club-dislike {
    background-image: url(images/icon-thumbs-down-red.png);
}

.number-like,
.number-dislike {
    font-size: 16px !important;
    color: #666;
}

.content-report {
    float: left;
}

.new-megusta {
    width: 100%;
}

.comment-like {
    margin-top: 20px;
}


.reaction-icon {
    color: #dd61a7;
    font-size: 18px;
    float: right;
    padding: 5px 10px 0 0;
}


.chat-message-delete,
.chat-groupmessage-delete {
    font-size: 12px !important;
    cursor: pointer;
}

#close-chat-message,
#close-chat-conversation {
    width: 30px;
    height: 10px;
    color: black;
}

.chat-conversation-delete {
    position: absolute;
    right: 10px;
    cursor: pointer;
}

.chat-button-conversation,
.btn-create-group {
    position: absolute;
    right: 10px;
}

.btn-create-group {
    margin-top: 10px;
}

.btn-conversation-menu {
    color: #333;
    background-color: transparent;
    padding: 0 !important;
}

.btn-create-group-chat {
    color: white;
    background-color: transparent;
    padding: 0 !important;
    float: none !important;
}

.btn-create-group-chat:hover,
.btn-create-group-chat:active,
.open>.btn-create-group-chat {
    color: white !important;
    background-color: transparent !important;
    border-color: transparent;
}

#namegroup,
#group-name {
    width: 100%;
    margin-bottom: 10px;
}

.list-conversation-menu {
    margin-top: 20px;
}

.modal {
    z-index: 10500000;
}

.tituloInstrucciones {
    font-size: 17px !important;
    color: black !important;
    min-width: 200px;
    width: auto !important;
    padding: 0 15px;
    height: 40px;
    line-height: 36px;
    text-align: center;
    text-transform: uppercase;
    font-family: Lato, sans-serif;
}

.tablaInstrucciones {
    width: 100%;
}

.tipoPuntacion {
    padding: 0 10px;
    font-size: 12px;
}
table.tablaInstrucciones tr:nth-child(2n+1) {
    background: #61A531;
}

table.tablaInstrucciones tr:nth-child(2n){
    background: #BCCF27;
}

.tipoPuntacionReto {
    height: 2em;
    background: #fff !important;
    color: #000 !important;
    padding: 5px;
}
.valorRespuesta {
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    padding: 10px;
}

.parrafoIntrucciones {
    margin: 0;
    color: #aa38f0 !important;
    font-family: Lato, sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.enlaceBBLL {
    color: #ff0f37 !important;
}

.tituloModalInstrucciones {
    color: #000 !important;
}

.pBBLLrojo {
    color: #ff0f37 !important;
}

.pBBLL {
    color: #000 !important;
    text-transform: inherit;
}

@supports (-webkit-overflow-scrolling: touch) {
    .chat-para {
        cursor: pointer;
    }
}

#loading {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999999;
    background-color: rgba(0, 0, 0, 0.5);
    font-size: 3em;
    color: white;
    line-height: 100%;
    text-align: center;
    text-shadow: 2px 2px #000;
}

#loading-text {
    position: relative;
    top: 50%;
}

/* ROULETTE GAME */
#roulette {
    margin: 0 auto;
}

#roulette-triangle {
    position: relative;
    top: 15px;
    z-index: 1;
    width: 10%;
}

#roulette-panel {
    background: #ff0b37;
    /* border: 1px solid black; */
    width: 100%;
    margin: 0 auto;
    background: #ff0b37;
    padding: 2px
}

.roulette-char {
    width: 6%;
    height: 3em;
    display: inline-block;
    border: 2.5px solid #FF0B37;
    border-right: 4px solid #FF0B37;
    /*margin: 0 -5px -3px 0;*/
    margin: 1px -5px -7px 0;
}

@media (max-width: 450px) {
    .roulette-char {
        border: 1px solid #FF0B37;
        border-right: 3px solid #FF0B37;
    }
}

.roulette-char.letter {
    background: white;
    position: relative;
}

.roulette-char.letter span {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 auto;
    font-size: 34px;
    width: 100%;
    height: 100%;
    line-height: 1.75;
    color: black;
}

p#roulette-message {
    background: #4e1584;
    color: white !important;
    padding: 15px 0;
    border-radius: 2px;
}

.parpadea {

    animation-name: parpadeo;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;

    -webkit-animation-name: parpadeo;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
}

@-moz-keyframes parpadeo {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}

@-webkit-keyframes parpadeo {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}

@keyframes parpadeo {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}

div#modal-roulette-action,
div#modal-roulette-finished {
    width: 50%;
    margin: 0 auto;
    top: 0;
}

div#modal-roulette-finished {
    text-align: center;
}

div#modal-roulette-action .modal-body {
    padding: 20px;
}

p#roulette-action-confirm span {
    font-size: 23px;
    display: inline-block;
    color: #ff0b37;
    font-weight: bold;
}

a.link-legals {
    text-transform: initial;
    background: white;
    padding: 6px 10px;
}

@media (max-width: 1600px) {
    .roulette-char.letter span {
        font-size: 22px !important;
    }

    .roulette-char.letter {
        font-size: 20px !important;
    }
}

@media (max-width: 468px) {
    .roulette-char.letter span {
        font-size: 19px !important;
    }

    .roulette-char.letter {
        font-size: 13px !important;
    }
}

@media (max-width: 1200px) {
    .roulette-char.letter span {
        font-size: 30px;
    }

    .roulette-char.letter {
        font-size: 16px;
    }
}

@media (max-width: 780px) {
    .roulette-char.letter span {
        font-size: 16px !important;
    }

    .roulette-char {
        width: 6%;
        height: 2.5em;
    }
}

/*.roulette-key {
  width: 40px;
  height: 40px;
  display: inline-block;
  background: sandybrown;
  color: black;
  border: 2px solid black;
  text-align: center;
  margin: 0 0 5px 0;
  line-height: 35px;
  font-weight: bold;
  font-size: 25px;
  cursor: pointer;
}*/
.roulette-key {
    background: white;
    color: black;
    margin: 0 2px 6px 2px;
    height: 41px;
    width: 39px;
    display: inline-block;
    border-radius: 4px;
    font-size: 20px;
    box-shadow: 0px 0px 5px 1px rgb(152, 151, 153);
    cursor: pointer;
}

.roulette-key.disabled {
    opacity: 0.7;
    cursor: not-allowed;
}

.roulette-key[data-selected="1"],
.roulette-key:not(.disabled):hover {
    background: #ff0b37;
    color: #f5f5f5;
    opacity: 1;
}

#roulette-answer {
    color: black !important;
}

#input-send-roulette-answer {
    color: black !important;
    text-align: center;
    text-transform: uppercase;
}

/* F2F */
#roulette-game .logoJuego {
    background: url(images/logoredfortune.png);
    height: 167px;
    background-repeat: no-repeat;
    background-position: center;
}

@media (max-width: 480px) {
    #roulette-game .logoJuego {
        background-size: contain
    }
}

#roulette-game .play-games {
    border: 1px solid #dadada;
    background: url(images/tramafondoredfortune-blanco.png) !important;
    /*padding-bottom: 30px;*/
}

div#roulette-game .tab-content {
    margin-bottom: 20px;
}

#roulette-game .play-games.resume p {
    font-size: 12px;
    color: #000000;
    /*font-weight: bold;*/
}

p#roulette-message {
    color: #FF0B37 !important;
}

#roulette-game .play-games.resume p span {
    color: #ff0b37;
    font-weight: bold;
}

div#roulette-game .resume .f-left,
div#roulette-game .resume .f-righ {
    background: white;
    padding: 5px 10px;
    margin: 5px 0;
    font-weight: bold;
}

div#modal-roulette-finished h3,
div#modal-roulette-action p {
    font-size: 16px;
}

#roulette-game ul.nav.nav-tabs li a {
    color: white;
    background: #ff0b37;
}

#roulette-game ul.nav.nav-tabs li:hover a {
    background: #91061f !important;
}

.photo_contests .bloq-white.trivial-game {
    padding: 0;
    overflow-y: hidden;
}

@media (max-width: 384px) {
    #roulette-game>div>ul>li:nth-child(-n+2)>a {
        padding-bottom: 19px
    }
}

#roulette-game .tab-pane {
    background: white;
}

#roulette-game .instrucciones-title {
    font-size: 16px;
    text-align: center;
    margin: 10px 0 15px 0;
    color: #ff0b37;
}

#roulette-game .instrucciones>* {
    /*  color: black;
  font-weight: bold;
  max-width: 70%;
  margin: 10px auto;
  line-height: 1.6;
  font-size: 14px !important;*/
}

#roulette-game .instrucciones>p {
    /*  text-transform: uppercase;*/
}

p#roulette-message {
    background: #4e1584;
    color: white !important;
    padding: 16px;
    border-radius: 2px;
}

#roulette-game .button {
    background: #ff0b37;
    box-shadow: 0 0 10px 1px rgb(152, 151, 153);
    text-transform: initial;
    width: auto;
}

#roulette-game .button:hover {
    color: #f5f5f5;
    background: #91061f;
}

div#roulette-block img {
    max-width: 100%;
}

#roulette-game #btn-start-roulette-round {
    padding: 6px 12px;
}

#roulette-game .creditos {
    font-weight: bolder;
    font-size: 18px;
    margin-bottom: 45px;
    color: black;
}

#roulette-game .valorCredito {
    font-weight: bolder;
}

#roulette-game #tab-game-game .button {
    font-size: 20px !important;
}

#roulette-game .play {
    display: flex;
}

#roulette-game .pregunta {
    height: auto;
}

#roulette-game .info-ruleta .info {
    margin: 0 0 10px 0;
    font-size: 16px !important;
}

#roulette-game .info,
#roulette-game .ranking {
    color: black;
    font-weight: bold;
}

#roulette-game #canvas {
    max-width: 100%;
}

#roulette-game .panel-all {
    /*margin-top: 25px;*/
}

#roulette-game .panel-all p {
    font-size: 16px !important;
}

#roulette-game .prompt {
    font-weight: bolder;
    color: black;
}

.table.ranking {
    color: black;
}

.table.ranking .td.header {
    background: #61A531 !important;
    font-size: 12px;
    text-transform: uppercase;
    width: 50%;
    color: white;
}
#trivial-ranking .table.ranking .td.header {
    background: #ff0f37 !important;
}
.table.ranking .tr.header .th {
    color: white !important;
    background: #61A531 !important;
}
#trivial-ranking .table.ranking .tr.header .th {
    color: white !important;
    background: #ff0f37 !important;
}
.table.ranking .tr:nth-child(2n+1) {
    background: #BCCF27;
}
#trivial-ranking .table.ranking .tr:nth-child(2n+1) {
    background: rgba(255, 11, 55, .2);
}

.ask-card, .pregunta {
    width: 100%;
}

.pregunta {
    margin: 30px auto 50px auto;
    text-align: center;
    background: #fff;
    padding: 16px;
    border-radius: 35px;
    border: solid #ff0b37;
    box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.2);
    text-transform: uppercase;
    width: 85%;

    border: 2px solid white !important;
    color: white !important;
    background: #61A531 !important;
}

@media (min-width: 1200px) {
    .roulette-char {
        height: 2.25em;
    }

    /* END ROULETTE GAME */
    @media (max-device-width: 1280px) and (orientation: landscape) {

        .feedback a,
        a#button-guests {
            font-size: 11px;
            letter-spacing: 0;
        }

        #button-sugerencias span.club-icon,
        #button-guests span.club-icon {
            margin-right: 4px;
        }

        .menu span.club-icon {
            margin-right: 1px !important;
        }

        .timeline-box li a,
        .timeline-box-popover li a {
            font-size: 11px !important;
        }
    }

    @media only screen and(max-device-width: 1024px) and (orientation: portrait) {

        .feedback a,
        a#button-guests {
            font-size: 11px;
            letter-spacing: 0;
        }

        #button-sugerencias span.club-icon,
        #button-guests span.club-icon {
            margin-right: 4px;
        }

        .menu span.club-icon {
            margin-right: 1px !important;
        }

        .timeline-box li a,
        .timeline-box-popover li a {
            font-size: 11px !important;
        }
    }

    @media only screen and (max-device-width: 1366px) and (orientation: landscape) {

        .feedback a,
        a#button-guests {
            font-size: 11px;
            letter-spacing: 0;
        }

        #button-sugerencias span.club-icon,
        #button-guests span.club-icon {
            margin-right: 4px;
        }

        .menu span.club-icon {
            margin-right: 1px !important;
        }

        .timeline-box li a,
        .timeline-box-popover li a {
            font-size: 11px !important;
        }

    }
}

/* new styles */
.correct {
    color: #58B92A;
}

.incorrect {
    color: #FF0B37;
}

.meritocracy-disabled {
    opacity: 0.5
}

.mce-btn-has-text .mce-txt {
    color: #ff0b37 !important;
    font-weight: 700;
}

/* Gif modal */
#giflisting img {
    height: 150px;
    width: auto;
    margin: 0 5px 5px 0;
}

#modal-giphy .modal-content,
#modal-roulette-finished .modal-content {
    width: 90%;
    position: relative;
    margin: 0 auto;
    background-color: #e6e6e6;
    padding: 10px 0;
    border: 1px solid black;
}

#modal-roulette-finished .modal-dialog {
    width: 80%;
}

#modal-giphy .modal-title,
#modal-roulette-finished .modal-title {
    text-transform: uppercase;
    font-size: 23px;
    color: #ff0b37;
}

#modal-giphy .modal-body p,
#modal-roulette-finished .modal-body p {
    font-size: 17px;
    margin-top: 25px;
}

#modal-roulette-finished .modal-body h3 {
    font-size: 17px;
    margin-top: 10px;
}

#gifsearch,
#modal-roulette-finished input[type="text"] {
    border: 1px solid #ccc;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    line-height: 22px;
    padding: 8px 5px;
    width: 100%;
    border-radius: 0;
}

#modal-roulette-finished .form-group {
    font-size: 17px;
    margin-top: 20px;
}

#modal-roulette-finished .form-group label {
    display: none;
}

#gifsearch:focus {
    box-shadow: unset;
}

/* Red Awards */
#red-awards .roulette-block-message {
    color: #666666;
    font-size: 18px;
    line-height: 22px;
    margin-top: 20px;
}

#btn-start-roulette-round {
    width: 195px;
    background: #ff0b37;
    border-radius: 0;
    color: white;
    font-size: 16px;
    padding: 10px 0;
    font-size: 18px;
    -webkit-box-shadow: 0px 0px 11px -1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 11px -1px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 11px -1px rgba(0, 0, 0, 0.75);
}

#btn-start-roulette-round.disabled {
    background-color: unset;
    border-color: unset;
    opacity: 0.5;
}

#red-awards span#roulette-rounds {
    color: #ed223e;
    font-weight: bold;
    font-size: 20px;
}

#red-awards-intro,
#red-awards .panel-all p,
#games-raffles p {
    font-size: 14px;
    line-height: 18px;
    margin: 10px 0 20px 0;
}

#red-awards .panel-block-list {
    list-style: none;
    padding: 0;
}

#red-awards .panel-block-list li {
    font-size: 13px;
    color: #796666;
    margin: 5px 0;
}

#red-awards .panel-block-title {
    text-transform: uppercase;
    font-size: 15px;
    line-height: 25px;
    letter-spacing: 1px;
}

#red-awards-leyenda {
    padding-top: 20px;
}

#red-awards .panel-block-list img {
    width: 30px;
    height: 30px;
    margin: 0;
    margin-right: 10px;
}
#div-trivial-ranking {
    background: #ff0b37;
    color: white;
}
.btn-trivial-ranking{
    margin-right: 5px;
}
.btn-trivial-ranking , #btn-trivial-ranking {
    border-radius: 0;
    font-weight: 600;
    color: #ff0b37;
    background: white;
    margin-top: 2px;
}
.btn-instrucciones{
    border-radius: 0;
    font-weight: 600;
    color: white;
    background: grey;
    margin-top: 2px;
    margin-right: 5px;

}


/*#christmas-code-modal {
    width: 80%;
    color: #fff;
    padding: 15px 10px;
}*/
#christmas-code-modal {
    width: 80%;
    background-image: url("../../../images/frontend/fondopopup.jpg");
    background-position: top right;
    background-size: cover;
    color: #fff;
    padding: 15px 10px;
}
#christmas-code-modal h5.upper {
    color: #ff0b37;
    text-decoration: none;
    display: block;
    font-family: 'Lato', sans-serif;
    font-size: 22px;
    text-transform: uppercase;
    margin: 0 0 30px 0;
    font-weight: bolder;
    letter-spacing: 2px;
}
#christmas-code-modal h1.upper {
    color: #ff0b37;
    text-decoration: none;
    display: block;
    font-family: 'Lato', sans-serif;
    font-size: 27px;
    /*text-transform: uppercase;*/
    margin: 0;
    font-weight: bold;
    letter-spacing: 2px;
}
#christmas-code-modal h1.upper span {
    color: #ff849a;
}
#christmas-code-modal .publicar-button {
    padding: 12px 40px;
    margin-top: 5px;
    margin-bottom: 30px;
    display: inline-block;
    cursor: pointer;
    background: #ff0b37;
    text-transform: uppercase;
    font-size: 16px;
    font-family: 'Lato', sans-serif;
    color: white;
    letter-spacing: 2px;
}
#christmas-code-modal .col-md-12.line-top-grey {
    border-top: 2px solid grey;
    }
#christmas-code-modal p small {
    font-size: 11px;
    line-height: 12px;
    color: #4a4a4a;
}
#christmas-code-modal p.mt-0 {
    margin-top: 0;
}
#christmas-code-modal .close-modal span {
    display: inline-block;
    margin-right: 10px;
    margin-top: 7px;
    font-weight: 600;
    font-size: 12px;
    color: #595958;
}
#christmas-code-modal p.clubred {
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    color: #ff0b37;
    margin-top: 0;
    margin-bottom: 20px;
}
#christmas-code-modal .circle-button {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid #595958;
    color: #595958;
    font-size: 20px;
    text-align: center;
    line-height: 23px;
}
#christmas-code-modal .circle-button:hover {
    text-decoration: none;
}

.col-md-12.text-center.line-top-grey p {
    margin: 5px 0;
}
#duel-summary .row, #tab-ranking-game .row {
    margin-left: -15px !important;
    margin-right: -15px !important;
}
.play-games .game-header {
    background: rgba(255, 255, 255, 0.5);
    color: #333333;
    min-width: 250px;
    padding: 0 15px;
    height: 40px;
    line-height: 36px;
    text-align: center;
    border-radius: 40px;
    border: 2px solid #fff;
    font-weight: 500;
    font-family: Lato, sans-serif;
}
.col-md-12.play-games.resume .game-header {
    margin-bottom: 0;
}
.creditos span.valorCredito {
    font-weight: bold;
    color: #ff0b37;
}
.play .jugar, a.button.btn.btn-primary.btn-start-trivial-game, a.start-request {
    width: auto;
    background: rgba(255, 255, 255, 0.5);
    color: #333333;
    /* min-width: 250px; */
    padding: 0 15px;
    height: 40px;
    /*line-height: 36px;*/
    /*text-align: center;*/
    border-radius: 19px;
    border: 2px solid #fff;
    font-weight: 500;
    text-transform: uppercase;
    font-family: Lato, sans-serif;
    -moz-box-shadow:    6px 8px 0px -3px #ccc;
    -webkit-box-shadow: 6px 8px 0px -3px #ccc;
    box-shadow:         6px 8px 0px -3px #ccc;
}
.play .jugar:hover , a.button.btn.btn-primary.btn-start-trivial-game:hover , a.start-request:hover {
    background: rgba(255, 255, 255, 1);
    font-weight: bold;
}
.card.card-active:hover {
    background-size: 100% auto;
}
div#duel-summary h4 {
    text-transform: uppercase;
    margin-top: 30px;
    margin: 48px 0 0 0;
    color: #999999;
    font-family: Lato,sans-serif;
    font-size: 14px;
    font-weight: bold;
}
div#duel-summary .table th {
    color: #fff!important;
    background: grey!important;
    text-transform: uppercase;
    font-weight: 100;
    font-size: 12px;
    text-align: center;
    border-bottom: 0;
}
div#duel-summary .table tr td {
    text-align: center;
    font-size: 13px;
    border: 0;
}
div#duel-summary .table tr:nth-child(2n+1) {
    background: white;
}
div#tab-ranking-game p {
    margin: 0 0 2px 0;
    color: #BCCF27;
    font-weight: bold;
    font-size: 12px;
    font-family: Lato,sans-serif;
}
table.tablaInstrucciones tr td {
    font-family: Lato,sans-serif !important;
}
.btn-purple {
    border: 2px solid #4e1584 !important;
    color: white !important;
    background: rgba(78, 21, 132, 0.5) !important;
    min-width: 200px;
    width: auto !important;
    padding: 0 15px;
    height: 40px;
    line-height: 36px;
    text-align: center;
    border-radius: 40px;
    text-transform: uppercase;
    font-family: Lato, sans-serif;
}
.btn-purple:hover {
    background: rgba(78, 21, 132, 1) !important;
    font-weight: bold !important
}
.btn-grey {
    border: 2px solid white !important;
    color: white !important;
    background: #BCCF27 !important;
    min-width: 200px;
    width: auto !important;
    padding: 0 15px;
    min-height: 40px;
    line-height: 36px !important;
    text-align: center;
    border-radius: 40px;
    text-transform: uppercase;
    font-family: Lato, sans-serif;
}



@media (max-width: 673px) {
    .btn-grey{

        /*line-height: 20px !important;*/
    }

}

.btn-grey:hover {
    background: #61A531 !important;
    font-weight: bold !important
}


h5.resultado.textoRespuestaKO {
    font-size: 18px !important;
    margin: 28px 0 28px 0;
    color: #b72547;
    padding: 10px;
    border-radius: 33px;
    background: rgba(183, 37, 71, 0.2);
}
h5.resultado.textoRespuestaOK {
    font-size: 18px !important;
    margin: 28px 0 28px 0;
    color: #3e791a;
    padding: 10px 5px;
    border-radius: 33px;
    background: rgba(91, 122, 26, .2);
}
.col-md-12.play-games.resume * {
    font-family: Lato, sans-serif;
}
.post-comments .media-body img {
    max-width: 100%;
    height: auto;
}

/** JUEGO CONECTA 4 **/

#connect4-game-div {
    min-height: 500px;
}

.game {
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
}

.column {
    display: inline-block;
}

.column:hover .cell,
.column:hover .cell::after {
    border-color: #ff9319;
    z-index: 1;
}

.column:hover .token {
    opacity: 1;
}

.token {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin: 0 auto 20px auto;
    position: relative;
    background-color: red;
    opacity: .5;
}

.cell {
    width: 70px;
    height: 70px;
    border: 12px solid #4e1584;
    border-radius: 50%;
    margin: -10px 0;
    position: relative;
    /* box-sizing: unset; */
}

.cell::after {
    content: '';
    width: inherit;
    height: inherit;
    border: inherit;
    position: absolute;
    top: -12px;
    left: -12px;
    /* box-sizing: unset; */
}

.team-red {
    background-color: #ff0b37;
}

.team-grey {
    background-color: #737373;
}

#play-team .panel-block-title {
    text-transform: uppercase;
    font-size: 15px;
    line-height: 25px;
    letter-spacing: 1px;
}

#play-team-intro,
#play-team .marcador p {
    font-size: 14px;
    line-height: 18px;
    margin: 0 0 20px 0;
}

#play-team .marcador {
    margin-bottom: 20px;
}

#play-team .marcador p {
    display: inline-block;
}

#play-team .marcador .contrincante {
    font-weight: bold;
}

#play-team .marcador .turno {
    padding: 5px;
    color:white;
    font-weight: bold;
    margin: 0;
    float: right;
}

@media (max-width: 375px) {
    .cell {
        border-width: 8px;
        margin: -8px 0;
    }

    .cell::after {
        top: -8px;
        left: -8px;
    }
}

/** JUEGO ENCUENTRA TU PAREJA **/

.tablero {
    position: relative;
    padding-bottom: 40px;
}

.cards-row {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.card {
    width: 15%;
    display: inline-block;
    margin: 0.5%;
}

.card img {
    width: 100%;
}

.back img {
    display: none;
}

#play-team .panel-block-title {
    text-transform: uppercase;
    font-size: 15px;
    line-height: 25px;
    letter-spacing: 1px;
}

#play-team-intro p {
    font-size: 14px;
    line-height: 18px;
    margin: 10px 0 20px 0;
}

#play-team .marcador {
    /*text-align: center;*/
}

#play-team .marcador p {
    font-size: 16px;
    display: inline-block;
    margin-right: 20px;
}

#play-team .marcador p span {
    color: #ff0b37;
    font-weight: bold;
}

@keyframes shadowPulse {
    0% {
        box-shadow: 0px 0px 10px 0px rgb(255, 255, 255);
    }

    100% {
        box-shadow: 0px 0px 5px 0px rgb(0,0,0);
    }
}

.shadow-pulse {
    animation-name: shadowPulse;
    animation-duration: 1.5s;
    animation-iteration-count: 1;
    animation-timing-function: linear;
}



/*mini calendar*/
#mini-calendar h3.cal-month-heading {
    background: #fff;
    padding: 9px;
    font-size: 14px;
    text-transform: uppercase;
}
#mini-calendar .pull-right.form-inline {
    margin-top: 0px;
    margin-right: 0;
}
#mini-calendar .cal-row-fluid.cal-row-head .cal-cell1 {
    background: #eaeaea;
    font-weight: 100 !important;
}
#mini-calendar .cal-month-day {
    height: 40px !important;
}
#mini-calendar .cal-month-box [class*="cal-cell"], .cal-year-box [class*="span"] {
    min-height: 40px !important;
}
#mini-calendar span[data-cal-date] {
    margin-top: 2px;
    margin-right: 2px;
    font-size: 12px !important;
    font-weight: 100 !important;
}
#mini-calendar  h4.text-center.this-month  {
    margin: 0;
    padding: 8px 0;
    font-size: 15px;
    background: #eaeaea;
    color: #666;
}
#mini-calendar  .calendar-border .col-md-8 {
    padding: 0;
}
#mini-calendar #calendar-text {
    color: #ff0b37;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
}
#mini-calendar ul#eventlist {
    padding: 0;
    margin: 0;
}
#mini-calendar  #date-calendar {
    font-size: 13px;
}
#mini-calendar .btn-red {
    width: 100%;
    background: #ff0b37;
}
#mini-calendar .btn-red:hover {
    background: #ce0025;
    color: white;
}

@media (max-width: 800px) {

    div#modal-roulette-action,
    div#modal-roulette-finished {
        width: 92% !important;
    }

    .roulette-char.letter span {
        line-height: 52px
    }

    .roulette-char {
        width: 8% !important;
    }

    .card-active {
        width: 80%;
        text-align: center;
        margin: 3% 10% 0% 20%;
        cursor: pointer;
        height: 310px;
        padding: 59px;
        color: white;
        border-radius: 4px;
        display: inline-block;
        background-repeat: no-repeat;
        float: left;
        background-position: center;
        margin-bottom: 30px;
    }

    a#ranking-view-more {
        width: 60%;
    }

    .portion-cheese {
        width: 19%;
        display: inline-block;
        font-size: 12px;
        text-align: center;
        margin: 0;
        padding: 5px 2px 5px 2px;
        color: white;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        border-radius: 25px;
        font-family: Lato, sans-serif;
        position: relative;
        height: 18px;
        border: solid 1px white;
    }

    .bloq-white.trivial-game .play-games {
        padding: 0 5px;
    }

    .col-md-12.play-games.resume p {
        margin-bottom: 0;
    }

    .logoJuego {
        height: 95px;
        background-size: contain;
        margin-bottom: 10px;
    }

    .trivial-game .tab-pane {
        padding: 5px 5px 20px 5px;
    }

    .portion-cheese {
        height: 20px;
        width: 12.333%;
    }

    .card-active {
        width: 45%;
        margin: 0 2%;
        height: 250px;
        background-size: contain;
    }

    .card-select {
        width: 40%;
        margin: 15px auto;
        background-size: contain;
        height: 220px;
    }

    .ask-card h2 {
        float: none;
        font-size: 16px;
        line-height: 18px;
        padding: 10px 0 15px 0;
        color: white;
    }

    .table.ranking .tr.header .td {
        padding: 8px 5px;
        font-size: 10px;
    }
}

@media (max-width: 768px) {
    .portion-cheese {
        width: 18%;
        height: 28px;
    }

    .card-select {
        margin: 0 auto;
    }

    .chat-message-delete,
    .chat-groupmessage-delete {
        font-size: 16px !important;
    }
    .categorytext {
        position: absolute;
        top: 5px;
        width: 100%;
        font-size: 10px;
        letter-spacing: 0px;
        z-index: 99;
    }
    .col-md-12.play-games.resume p.game-header {
        padding: 0 9px !important;
        width: auto !important;
        min-width: auto;
        font-size: 11px !important;
        height: auto;
        line-height: 22px;
    }
    .btn-createeventent, .btn-primary {
        padding: initial !important;
    }
    .card-select {
        width: 40%;
        background-size: contain;
        height: 100px;
    }
    .pregunta {
        margin: 15px auto;
        padding: 4px 8px;
        width: 98%;
    }
    .answer-card>div {
        width: 46%;
        margin-bottom: 15px;
        padding: 16px 0;
        margin-left: 2%;
    }
    div#modal-confirm-answer button {
        padding: 10px 15px !important;
    }
    a.button.btn.btn-primary.pull-right.start-request.btn-purple {
        min-width: auto;
        padding: 0 10px !important;
    }
    div#duel-summary h4 {
        margin: 10px 0 0 0;
    }
    div#duel-summary .table th {
        font-size: 8px;
    }
    div#duel-summary .table tr td {
        font-size: 12px;
    }
    div#duel-game .col-md-4 {
        width: 33%;
        float: left;
        font-size: 10px !important;
    }
    div#duel-game .col-md-4 h4 {
        font-size: 12px;
        text-align: center;
        margin: 0;
        color: #999999;
        font-weight: bold;
    }
}

@media (max-width: 480px) {
    .play .jugar {
        width: 120px;
    }
    .table.ranking .tr.header .td,
    .table.ranking .tr .td {
        padding: 8px 2px;
        font-size: 10px;
    }
    /*responsive DRD*/
    .all-pictures .filters-photo-contests p.order-by {
        margin: 0 2px;
        width: 18.74%;
        font-size: 13px;
        padding: 8px 2px;
    }
    .photo-contests .col-md-12.contest .text h2 {
        margin-top: 5px;
        line-height: 15px;
    }
    .photo-contests .contest .text {
        padding: 5px 5px 5px 0;
    }
    .photo-contests  p.data-cont i, .photo-contests p.data-cont .big-data {
        font-size: 15px;
    }
    .photo-contests  a.button-link-promo, .photo-contests  a.button-link {
        padding: 10px 0;
        width: 100%;
        text-align: center;
    }
    .photo-contests  span.stars-rating {
        display: block;
        margin: 5px 0 0 0;
    }
    .photo-contests p.rate-photo-contest.stars-rating {
        font-size: 13px;
    }
    .photo-contests .stars-rating i.fa-lg {
        width: 9px;
    }
}



@media (max-width: 320px) {
    .portion-cheese {
        width: 12%;
        font-size: 8px;
        text-align: center;
        margin: 0.319%;
        padding: 10px 0.5px 10px 0.5px;
        color: white;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        border-radius: 25px;
        box-shadow: 5px 5px 0px #865acc;
    }

    .botonAccRespuesta {
        padding: 7px;
    }
}

.view-more-hidden{
    display: none;
}

.timeline-post .una-text a {
    word-wrap: break-word;
    word-break: break-word;
}

#progress {

    background: #cccccc;

    border: solid 1px grey;

    border-radius: 2px;
}
.bar {

    height: 18px;
    background: #450070;
}
#upload-text {
    font-size: 12px;
    color: #595958;
    text-align: center;
    margin-bottom: 0px;
}
#red-points{
    background: #ff0b37;
    height: 115px;
    width: 100%;
}
#progress-menu-wrap{
    border-radius: 10px;

}

#progress-menu{
    border-radius: 10px;
    height: 22px;
    background: #b72547;

}
.progress-title{
    font-size: 16px;
    font-weight: 700;
    color: #011627;
    margin: 0 0 20px;
}
.progress{
    height: 10px;
    background: white;
    border-radius: 10px;
    box-shadow: none;
    margin-top: 0;
    margin-bottom: 10px;
    overflow: visible;
}
.progress-2{
    height: 20px;
    background: #cbcbcb;
    border-radius: 10px;
    box-shadow: none;
    margin-bottom: 30px;
    margin-top: 30px;
    overflow: visible;
}
.progress .progress-bar{
    box-shadow: none;
    border-radius: 10px;

    position: relative;
    -webkit-animation: animate-positive 2s;
    animation: animate-positive 2s;
}
.progress-2 .progress-bar-2{
    box-shadow: none;
    border-radius: 10px;

    position: relative;
    -webkit-animation: animate-positive 2s;
    animation: animate-positive 2s;

}
.progress-3{
    height: 20px;
    background: #cbcbcb;
    box-shadow: none;
    margin-bottom: 30px;
    margin-top: 30px;
    overflow: visible;
}
.progress-3 .progress-bar-3 {
    box-shadow: none;
    position: relative;
    -webkit-animation: animate-positive 2s;
    animation: animate-positive 2s;
}
.tags-box{
    background: white;
}
.knob-block {
    position: relative;
}
.knob-block .number {
    position: absolute;
    top: 50px;
    left: 0;
    margin: 0 auto;
    width: 100%;
    font-size: 32px;
    font-weight: bold;
    color: #3B8834;
}

.color-grey{
    color: #858585 !important;
    background-color: white!important;
    border-radius: 50px !important;
    border: 2px solid #858585 !important;
}
.game-header-green{
    color: #69A45D !important;
    background-color: white!important;
    border-radius: 50px !important;
    border: 2px solid #69A45D !important;
}

.tipoCabecera{
    padding: 0 10px;
    font-size: 12px;
    font-weight: bold;
}
.ranking-info{
    text-align: center;
}
.bold{
    font-weight: bold;
}
.progress .progress-bar:after{
    content: "";
    display: block;
    border: 15px solid transparent;
    position: absolute;
    top: -26px;
    right: -12px;
}
.progress .progress-value{
    font-size: 15px;
    font-weight: bold;
    color: #000;
    position: absolute;
    right: -3px;
    border: #ff0b37 solid 6px;
    border-radius: 10px;
}
.progress.pink .progress-bar:after{
    border-bottom-color: #ff4b7d;
}
.progress.green .progress-bar:after{
    border-bottom-color: #5fad56;
}
.progress.yellow .progress-bar:after{
    border-bottom-color: #e8d324;
}
.progress.blue .progress-bar:after{
    border-bottom-color: #3485ef;
}
@-webkit-keyframes animate-positive{
    0% { width: 0; }
}
@keyframes animate-positive{
    0% { width: 0; }
}

div#white-col h4 {
    text-align: center;
    font-size: 18px;
    font-family: lato;
}

#white-col {
    color: white;
}
#text-level{
    font-size: 16px;
    font-family: lato;
    text-decoration: none;
}
.header-red{
    background: #ff0b37;
    color: white;
    border-radius: 6px;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    padding: 4px;
}

.content p {
    font-size: 14px;
    padding-bottom: 2px;
}
table #table-profile {
    color: #666666;
}

#table-profile td {
    padding: 5px;
    border-bottom: 1px solid #ddd;
}
#table-profile .border-right{
    border-right: 1px solid #ddd;
}
#border-table{
    border: solid red 5px;
    border-radius: 35px;
    padding: 20px;
}
#border-table thead th{
    border-spacing: 10px ;
}
#spacer{
    width: 15px;
    height: 15px;
}
.border-red-profile {
    border: solid red 5px;
    border-radius: 35px;
    margin-bottom: 50px;
}
.border-red-profile .meritocracy-level-description {
    position: relative;
    top: -20px;
}

@media (max-width: 991px) {

    .border-red-profile {
        border: solid red 5px;
        border-radius: 35px;
        margin-bottom: 45px;
    }
}

.center-image{
    position: relative;
    text-align: center;
    top: -40px;
    left: 0;
}
.center-image img {
    width: 80%;
}
.p-grey{
    color: #7f7f7f;
}
.p-red{
    color: #ff0b37;
}
.dot {
    z-index: 100;
    position: absolute;
    right: -12px;
    top: 20px;
    height: 40px;
    width: 40px;
    background-color: #888888;
    border-radius: 50%;
    border: 6px solid #555;
}
.dot2 {
    z-index: 100;
    position: absolute;
    left: -8px;
    top: 20px;
    height: 40px;
    width: 40px;
    background-color: #888888;
    border-radius: 50%;
    border: 6px solid #555;

}
.dot3 {
    z-index: 100;
    position: absolute;
    top: 0px;
    height: 10px;
    width: 10px;
    background-color: #ff0b37;
    border-radius: 50%;
}
#bronze{
    left: 2px;
}
#bronze.active{
    left: -18px;
}
#silver{
    left: -8px;
}
#silver.active{
    left: -8px;
}
#gold{
    right: -2px;
}
#gold.active{
    right: -22px;
}
/*
@media (max-width: 1333px){
    #bronze{
        left: -6px;
        bottom: -130px;
    }
    #silver{
        left: 36px;
        right: 0;
        bottom: -130px;
    }
    #gold{
        right: -18px;
        bottom: -130px;
    }
}

@media (max-width: 991px){
    #bronze{
        left: -6px;
        bottom: -130px;
    }
    #silver{
        left: 24px;
        right: 0;
        bottom: -130px;
    }
    #gold{
        right: -10px;
        bottom: -130px;
    }
}
@media (max-width: 767px){
    #bronze{
        left: -4px;
        bottom: -130px;
    }
    #silver{
        left: 22px;
        right: 0;
        bottom: -130px;
    }
    #gold{
        right: -10px;
        bottom: -130px;
    }
}*/
@media (max-width: 500px){
    /*#bronze{
        left: -4px;
        bottom: -130px;
    }
    #silver{
        left: 20px;
        right: 0;
        bottom: -130px;
    }
    #gold{
        right: -7px;
        bottom: -130px;
    }*/

    .level-profile span.merito-level {
        width: 100% !important;
        font-size: 17px;
        font-family: lato;
        letter-spacing: 1px;
        font-style: inherit;
        /* float: right; */
    }
}


.progress-bar-3 span {
    position: absolute;
    display: inline-block;
    color: black;
    text-align: left;
}
#gold-text{
    color: white;
    font-weight: normal;
    padding-left: 40px;
    font-family: Lato;
    line-height: 19px;
}
#percent-bar-number{
    font-size: 10px;
    position: absolute;
    left: 8px;
    bottom: 33px;
    color: white;
    z-index: 100;
}
#percent-bar-number2{
    font-size: 10px;
    position: absolute;
    left: -15px;
    bottom: 33px;
    color: white;
    z-index: 200;
}

.font-lato {
    font-family: Lato !important;
}

.tags-box{
    background: white;
}
#birthdate-modal {
    width: 75%;
    background-image: url("../../../images/frontend/birthdate-background.jpg");
    background-position: top right;
    background-size: cover;
    background-color: #ff0b37;
    color: #fff;
    padding: 15px 10px;
}
#birthdate-modal h1.upper {
    /*color: #ff0b37;*/
    text-decoration: none;
    display: block;
    /*font-family: 'Lato', sans-serif;*/
    font-size: 6rem;
    text-transform: uppercase;
    margin: 20px 0;
    font-weight: bold;
    letter-spacing: 8px;
}
#birthdate-modal h3 {
    /*color: #ff0b37;*/
    text-decoration: none;
    display: block;
    font-family: 'Lato', sans-serif;
    font-size: 3.5rem;
    /*margin: 0 0 30px 0;*/
    font-weight: bold;
    letter-spacing: 4px;
}
#birthdate-modal h5 {
    /*color: #ff0b37;*/
    text-decoration: none;
    display: block;
    font-family: 'Lato', sans-serif;
    font-size: 2.5rem;
    /*margin: 0 0 30px 0;*/
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 1.25;
}
#birthdate-modal p.upper {
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
    color: white;
    letter-spacing: 2px;
    margin-top: 0;
}
#birthdate-modal .publicar-button {
    padding: 12px 40px;
    margin-top: 5px;
    margin-bottom: 30px;
    display: inline-block;
    cursor: pointer;
    background: transparent;
    text-transform: uppercase;
    font-size: 16px;
    font-family: 'Lato', sans-serif;
    color: white;
    letter-spacing: 2px;
    border-radius: 8px;
    border: 2px solid #fff;
}
#birthdate-modal .close-modal span {
    display: inline-block;
    margin-right: 10px;
    margin-top: 7px;
    font-weight: 600;
    font-size: 12px;
    color: #fff;
}
#birthdate-modal .circle-button {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid #fff;
    color: #fff;
    font-size: 20px;
    text-align: center;
    line-height: 23px;
}
#birthdate-modal .circle-button:hover {
    text-decoration: none;
}
@media (max-width: 991px) {
    #birthdate-modal h1.upper {
        font-size: 3rem;
    }
    #birthdate-modal h3 {
        font-size: 2rem;
    }
    #birthdate-modal h5 {
        font-size: 1.5rem;
    }
    #birthdate-modal p.upper {
        margin-top: 30px;
    }
}
@media (max-width: 767px) {
    #birthdate-modal {
        width: 90%;
    }
    #birthdate-modal h1.upper {
        font-size: 2rem;
    }
    #meritocracy-block {
        padding-left: 30px;
        padding-right: 30px;
    }
}

.marker-list {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.marker-list .marker {
    position: absolute;
    top: 0;
    width: 4px;
    height: 100%;
    border: #ff0b37 solid 6px;
    border-radius: 10px;
}
.frontend-popup {
    padding: 0;
}

#drd-popup {
    color: #fff;
}

#drd1r{
    display: none;
}
#drd2r{
    display: none;
}
#drd-popup{
    width: 70%;
}

@media (max-width: 500px){
    #drd1{
        display: none;
    }
    #drd2{
        display: none;
    }
    #drd1r{
        display: block;
    }
    #drd2r{
        display: block;
    }

}

.popup-control{
    width: 5% !important;
}

#close-popup-modal{
    z-index: 100;
}
.header-popup{
    position: relative;
    top: 152px;
    left: 100px;
    letter-spacing: 4px;
    font-size: 15px;

}
.modal-tutorial .modal-dialog.modal-lg {
    width: 900px;
}
.modal-tutorial .modal-body {
    background: #e6e7e8;
}
.modal-tutorial .carousel {
    padding: 80px 40px;
}
.modal-tutorial .action-buttons {
    position: relative;
    z-index: 100;
}

.modal-tutorial .left-text-block {
    position: relative;
}
.modal-tutorial #slide-gr-1 .left-text-block {
    top: 100px;
}
.modal-tutorial #slide-gr-2 .right-image-block {
    top: 90px;
}
.modal-tutorial #slide-gr-3 .right-image-block {
    top: 90px;
}
.modal-tutorial #slide-gr-4 .left-text-block {
    top: 100px;
}
.modal-tutorial #slide-drd-1 .left-text-block {
    top: 100px;
}
.modal-tutorial #slide-drd-2 .left-text-block {
    top: 100px;
}
.modal-tutorial #slide-cal-1 .left-text-block {
    top: 100px;
}
.modal-tutorial #slide-cal-2 .left-text-block {
    top: 20px;
}
.modal-tutorial #slide-cs-1 .left-text-block {
    top: 90px;
}
.modal-tutorial #slide-cs-2 .left-text-block {
    top: 20px;
}
.modal-tutorial #slide-cs-3 .left-text-block {
    top: 40px;
}
.modal-tutorial #slide-adv-1 .left-text-block {
    top: 20px;
}
.modal-tutorial #slide-adv-2 .left-text-block {
    top: 130px;
}
.modal-tutorial #slide-adv-3 .left-text-block {
     top: 90px;
 }
.modal-tutorial #slide-rt-1 .left-text-block {
    top: 90px;
}
.modal-tutorial #slide-pro-1 .left-text-block {
    top: 90px;
}
.modal-tutorial #slide-pro-2 .left-text-block {
    top: 20px;
}
.modal-tutorial #slide-pro-3 .left-text-block {
    top: 90px;
}
.modal-tutorial #slide-pro-4 .left-text-block {
    top: 70px;
}
.modal-tutorial #slide-home-1 .left-text-block {
     top: 100px;
 }
.modal-tutorial #slide-wall-1 .left-text-block {
    top: 90px;
}
.modal-tutorial #slide-wall-2 .left-text-block {
    top: 75px;
}
.modal-tutorial #slide-wall-3 .left-text-block {
    top: 90px;
}

.modal-tutorial .left-text-block {
    position: relative;
    left: 0;
    right: 0;
    bottom: 0;
    text-shadow: none;
    padding-top: 0;
    padding-bottom: 0;
    text-align: left;
}
.modal-tutorial .left-text-block h2 {
    margin-top: 20px;
    font-weight: bold;
    font-family: Lato;
    letter-spacing: 5px;
    font-size: 24px;
    color: #ff0b37;
}
.modal-tutorial .left-text-block p {
    color: #333;
    font-size: 14px;
}
.modal-tutorial .carousel-inner img {
    width: 100%;
}
.modal-tutorial .carousel-indicators {
    left: 0;
    width: 100%;
    margin-left: 0;
    text-align: left;
    padding: 0 55px;
    bottom: 40px;
}
.modal-tutorial .carousel-indicators li {
    background: #ff0b37;
    border: none;
    opacity: 0.6;
    width: 12px;
    height: 12px;
    margin: 0 5px 0 0;
}
.modal-tutorial .carousel-indicators li.active {
    opacity: 1;
}
.modal-tutorial .carousel-control.left {
    text-align: left;
}
.modal-tutorial .carousel-control.right {
    text-align: right;
}

@media (max-width: 767px) {
    .modal-tutorial .modal-dialog.modal-lg {
        width: 95% !important;
    }
    .modal-tutorial .carousel {
        padding: 50px 20px;
    }
    .modal-tutorial .carousel-inner {
        overflow-x: inherit;
    }
    .modal-tutorial .left-text-block {
        padding-top: 20px;
        top: 0 !important;
        text-align: center;
    }
    .modal-tutorial * .right-image-block {
        top: 0 !important;
    }
    .modal-tutorial .carousel-indicators {
        left: 0;
        width: 100%;
        margin-left: 0;
        text-align: center;
        padding: 0;
        bottom: 0;
    }

}

#games-raffles .image-link {
    margin-bottom: 30px;
}
#games-raffles .image-link.disabled img {
    opacity: 0.25;
}
#games-raffles .image-link h3 {
    margin: 0 auto;
    position: absolute;
    top: 45%;
    left: 0;
    width: 100%;
    text-align: center;
    color: #ff0b37;
    font-weight: bold;
    text-shadow: 1px 1px 2px #333;
}
.mt-0 {
    margin-top: 0 !important;
}
.pt-0 {
    padding-top: 0 !important;
}
.mt-20 {
    margin-top: 20px !important;
}
#daily-challenge-roulette-block {
    height: 128px;
    max-height: 128px;
    overflow: hidden;
}
#daily-challenge-roulette {
    overflow: hidden;
}
#daily-challenge-roulette img {
    position: relative;
    margin: 0 auto;
}
.return-games-raffles {
    margin-top: 10px;
    display: block;
}
#logo-tidal{
    width: 120px;
    float: left;
}
.red-badge{
    padding: 7px 9px;
    color: white;
    background-color:#ff0b37 ;
    border-radius: 30px;
}

.newContent{
    font-weight: bold;
    position: absolute;
    right: 0;
    color: white;
    background: #4e1584;
    padding: 2px 5px;
    font-size: 10px;
    top: 0px;
    box-shadow: 0px 0px 7px 3px #4e1584;
}
.newCreditsAwards{
    font-weight: bold;
    position: absolute;
    right: 0;
    color: white;
    background: #4e1584;
    padding: 2px 5px;
    font-size: 10px;
    top: 0px;
    box-shadow: 0px 0px 7px 3px #4e1584;
}
.newCredits{
    font-weight: bold;
    position: absolute;
    right: 0;
    color: white;
    background: #4e1584;
    padding: 2px 5px;
    font-size: 10px;
    top: 25px;
    box-shadow: 0px 0px 7px 3px #4e1584;
}
.newPost{
    font-weight: bold;
    position: absolute;
    right: 0;
    color: white;
    background: #4e1584;
    padding: 2px 5px;
    font-size: 10px;
    top: 0px;
    box-shadow: 0px 0px 7px 3px #4e1584;
}
.newContentCalendar{
    font-weight: bold;
    position: absolute;
    right: 9px;
    color: white;
    background: #4e1584;
    padding: 2px 5px;
    font-size: 10px;
    top: 37px;
    box-shadow: 0px 0px 7px 3px #4e1584;
}
.hide-code{
    position: relative;
    right: 30px;
    top: 5px;
}
.white-back{
    background-color: white;
}
#gold-user-info-modal .modal-dialog {
    width: 900px;
}
#gold-user-info-modal .modal-content {
    background-image: url("../../../images/frontend/gold-user-info-background.png");
    background-position: center center;
    background-size: cover;
    background-color: #ff0b37;
    color: #fff;
}
#gold-user-info-modal h3 {
    text-decoration: none;
    display: block;
    font-size: 2.5rem;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 4px;
    margin-top: 20px;
    margin-bottom: 40px;
}
#gold-user-info-modal h5 {
    text-decoration: none;
    display: block;
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.25;
    margin-bottom: 25px;
}
#gold-user-info-modal form {
    margin-top: 20px;
}
#gold-user-info-modal label {
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
    color: white;
    font-size: 1.75rem;
    letter-spacing: 2px;
    margin-top: 0;
    padding-left: 15px;
    margin-bottom: 10px;
}
#gold-user-info-modal input {
    border-radius: 45px;
    font-size: 14px;
}
#gold-user-info-modal form button {
    cursor: pointer;
    background: transparent;
    text-transform: uppercase;
    font-size: 1.75rem;
    font-family: 'Lato', sans-serif;
    color: white;
    letter-spacing: 2px;
    border-radius: 45px;
    height: 46px;
    border: 2px solid #fff;
    font-weight: bold;
}
#gold-user-info-modal .close-modal span {
    display: inline-block;
    margin-right: 10px;
    margin-top: 7px;
    font-weight: 600;
    font-size: 12px;
    color: #fff;
}
#gold-user-info-modal .circle-button {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid #fff;
    color: #fff;
    font-size: 20px;
    text-align: center;
    line-height: 23px;
}
#gold-user-info-modal .circle-button:hover {
    text-decoration: none;
}
@media (max-width: 991px) {
    #gold-user-info-modal h3 {
        font-size: 2rem;
        margin-bottom: 20px;
    }
    #gold-user-info-modal h5 {
        font-size: 1.5rem;
    }
}
@media (max-width: 767px) {
    #gold-user-info-modal .modal-dialog {
        width: auto !important;
    }
}
#stories-box {
    background: white;
    padding: 0 30px;
    position: relative;
}
#stories-box #stories-box-left, #stories-box #stories-box-right {
    position: absolute;
    left: 0;
    width: 30px;
    height: 100%;
    top: 0;
    text-align: center;
}
#stories-box #stories-box-right {
    left: auto;
    right: 0;
}
#stories-box #stories-box-left i, #stories-box #stories-box-right i {
    position: relative;
    top: 42%;
}
#stories-box #stories-box-content {
    width: 100%;
    padding: 15px 0;
    overflow: hidden;
    white-space: nowrap;
}
#stories-box #stories-box-visible-content {
    width: 100%;
    position: relative;
    left: 0;
}
#stories-box #stories-box-content a, #stories-box #stories-box-content a:hover {
    width: 100px;
    text-align: center;
    display: inline-block;
    text-decoration: none;
    position: relative;
}
#stories-box .user-story-image {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border: 3px solid #ff0b37;
    margin: 0 auto;
}
#stories-box .seen .user-story-image {
    border-color: #737373;
}
#stories-box p {
    font-size: 12px;
    color: #333333;
    margin-bottom: 0;
    margin-top: 5px;
}
#stories-box #add-story {
    position: absolute;
    top: 0;
    right: 15px;
    font-size: 20px;
    color: #ff0b37;
    background: white;
    border-radius: 50%;
    height: 20px;
    width: 20px;
}
#stories-modal {
    background-color: rgba(0, 0, 0, 0.6);
}
#stories-modal #story-previous, #stories-modal #story-next {
    position: absolute;
    height: 100%;
    width: 100px;
    font-size: 30px;
    color: white;
    text-align: center;
}
#stories-modal #story-previous {
    left: 0;
}
#stories-modal #story-next {
    right: 0;
}
#stories-modal #story-previous i, #stories-modal #story-next i {
    position: relative;
    top: 49%;
}
#stories-modal .modal-dialog {
    width: 70%;
    margin: 0 auto;
    padding: 30px 0;
}
#stories-modal .modal-content {
    background: transparent;
    box-shadow: none;
    border: none;
    color: white;
}
#stories-modal .modal-header {
    border: 0;
    min-height: 0;
    padding: 0 15px;
    height: 50px;
}
#stories-modal .story-bar {
    padding: 0 5px;
    margin-bottom: 20px;
    display: block;
    float: left;
}
#stories-modal .story-bar:first-child {
    padding-left: 0 !important;
}
#stories-modal .story-bar:last-child {
    padding-right: 0 !important;
}
#stories-modal .story-bar .story-progress, #stories-modal .story-bar .story-progress-bar  {
    width: 100%;
    background-color: #737373;
    height: 5px;
    border-radius: 5px;
}
#stories-modal .story-bar .story-progress-bar {
    width: 0;
    background-color: #ffffff;
}
#stories-modal .story-bar.seen .story-progress-bar {
    width: 100% !important;
}
#stories-modal .modal-header .row {
    margin-right: -15px !important;
    margin-left: -15px !important;
}
#stories-modal #story-alias {
    font-size: 20px;
    line-height: 20px;
}
#stories-modal #story-date_ago {
    margin-left: 10px;
    line-height: 20px;
}
#stories-modal button.close {
    text-align: right;
    position: inherit;
    top: inherit;
    right: inherit;
    height: inherit;
    margin: 0;
    font-size: 20px;
    line-height: 20px;
}
#stories-modal .modal-body #story-content {
    display: flex;
    align-items: center;
    height: 100%;
}
#stories-modal .modal-body #story-content img {
    margin: 0 auto;
    max-width: 100%;
    max-height: 100%;
}
#stories-modal .modal-body .row {
    margin-left: -15px !important;
    margin-right: -15px !important;
}
#stories-modal .modal-body #story-users-view {
    overflow: auto;
    line-height: 60px;
    background: white;
    padding: 15px 0;
    color: #333333;
}
#stories-modal .modal-body #story-users-view > div {
    height: 60px;
    margin-bottom: 20px;
}
#stories-modal .modal-body #story-users-view .border-left {
    border-left: 1px solid #333333;
}
#stories-modal .modal-body #story-users-view i {
    font-size: 30px;
    line-height: 60px;
}
#stories-modal .modal-body #story-users-view .story-user-view-image {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
#stories-modal #story-title {
    position: absolute;
    bottom: 15px;
    width: calc(100% - 30px);
    text-align: center;
    font-size: 16px;
    line-height: 1;
}
#stories-modal .modal-footer {
    border: 0;
    text-align: center;
    padding: 0 15px;
    height: 40px;
}
#stories-modal button {
    font-size: 30px;
    line-height: 30px;
    color: #FFFFFF;
    background: transparent;
    border: none;
    box-shadow: none;
}
#stories-modal #btn-story-delete {
    font-size: 15px;
}
#stories-modal #btn-story-like:disabled {
    color: #ff0f37;
}
@media (max-width: 767px) {
    #stories-box #stories-box-content a, #stories-box #stories-box-content a:hover {
        width: 70px;
    }
    #stories-box .user-story-image {
        width: 50px;
        height: 50px;
    }
    #stories-box p {
        font-size: 10px;
    }
    #stories-box #add-story {
        right: 5px;
    }
    #stories-modal .modal-dialog {
        width: 100% !important;
        padding: 15px 30px;
    }
    #stories-modal #story-previous, #stories-modal #story-next {
        width: 30px;
        z-index: 9999;
    }
    #stories-modal .modal-header button.close {
        padding: 0;
    }
    #stories-modal .modal-body #story-users-view .border-left {
        border-left: none;
    }
    #stories-modal #btn-story-delete, #stories-modal #btn-story-likes, #stories-modal #btn-story-views {
        font-size: 15px;
    }
}
.tooltip-inner {
    white-space:pre-wrap;
}
.drd-center{
    margin-top: 25%;
}
.customer-modal .modal-body {
    background-image: url("../../../images/frontend/fondopopup.jpg");
    font-family: 'Lato', sans-serif;
    text-align: center;
    color: #ff0f37;
}
.customer-modal .close-popup-modal {
    color: #333;
}
.customer-modal .circle-button {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid #595958;
    color: #595958;
    font-size: 20px;
    text-align: center;
    line-height: 23px;
}
.customer-modal .circle-button:hover {
    text-decoration: none;
}
.customer-modal h1 {
    font-weight: bold;
}
.customer-modal h1.letter-spacing {
    letter-spacing: 2px;
}
.customer-modal h1 span {
    color: #ff849a;
}
.customer-modal h3 {
    font-weight: normal;
}
.customer-modal-image-left,  .customer-modal-image-right {
    position: absolute;
    bottom: 10%;
    width: 25%;
    max-height: 250px;
}
.customer-modal-image-left {
    left: 0;
}
.customer-modal-image-right {
    right: 0;
}
.customer-modal .my-30 {
    margin: 30px 0;
}
.customer-modal .mb-30 {
    margin-bottom: 30px;
}
.customer-modal .mtb{
    margin-top: 55px;
    margin-bottom: 75px;
}

.customer-modal .text-black{
 color: black;
}
.customer-modal .publicar-button {
    display: inline-block;
    font-weight: bolder;
}
.btn-radius{
    border-radius: 9px !important;
    margin-right: 20px;
    margin-top: 20px;
    font-size: 14px !important;
}

.btn-white {
    background-color: white !important;
    color: #ff0f37 !important;
    border: 1px solid #ff0f37 !important;
}
.text-red {
    color: #ff0f37 !important;
}

.new-border{
    border-top: 4px solid #ff0f37;
    border-left: 4px solid #ff0f37;
    border-right: 4px solid #ff0f37;
    border-top-left-radius: 45px;
    border-top-right-radius: 45px;
    background-color: #ff0f37;
}
.new-border a:active {
    background-color: #ff0f37 !important;
    color: white !important;
}
.new-border .active {
    background-color: #ff0f37 !important;
    color: white !important;
}
.btn-circle {
    border-radius: 40px !important;
}

.client-accordion-section {
    width: 100%;
    padding: 10px 15px;
    display: inline-block;
    border-bottom: 1px solid #FFFFFF;
    background: #e4e2e2;
    transition: all linear 0.15s;
    /* Type */

    font-size: 1.200em;
    color: #555;
}

.client-accordion-section.active,
.client-accordion-section:hover {
    background: #d0d0d0;
    text-decoration: none !important;
}

.change-accordion{
    color: #ff0f37 !important;
    font-weight: bold;
    background-color: transparent;
    border: 3px solid #ff0f37;
    border-radius: 40px;
    margin-bottom: 10px;
}
.change-accordion .fa {
    color: #ff0f37;
}
.change-accordion:hover{
    background-color: white !important;
}

.change-accordion:active {
    background-color: #ff0f37 !important;
    color: white !important;
}
.change-accordion.active {
    background-color: #ff0f37 !important;
    color: white !important;
}
.change-accordion.active .fa {
    color: white !important;
}

#white-accordion {
    background-color: white !important;
    box-shadow: none    ;
}

#customer ul.nav.nav-tabs li a {
    color: #ff0f37;
    font-size: 12px;
    font-weight: bold;
    border: 4px solid #ff0f37;
    border-bottom: 0;
    border-top-left-radius: 35px;
    border-top-right-radius: 35px;
    margin-left: -2px;
}
#customer ul.nav.nav-tabs li.active a {
    color: white !important;
    background-color: #ff0f37;
}

#no-border .tab-pane.active {
    border: none !important;
}
#no-border .nav-tabs {
    border: none;
}
#no-border .accordion-section-title {
    line-height: 19px;
}
.pt10{
    padding-top: 10px !important;
}
.new-contract{
    margin-top: 0;
    font-size: 20px;
    color: #ff0f37;
}

.lato  {
    font-family: 'Lato', sans-serif;
}

@media (max-width: 1199px) {
    div#summary tbody td,
    div#summary thead th {
        display: table-cell !important;
        float: inherit !important;
    }

    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
    }
}

@media (max-width: 767px) {
    #customer ul.nav.nav-tabs li a {
        font-size: 9px !important;
        text-align: center;
    }
    .btn-radius{
        width: 100%;
        height: 40px;
        padding: 10px 40px !important;
    }
    #btn-center{
        padding: 10px 40px !important;

    }
    .promo-detail.white-head {
        margin-bottom: 10px;
    }
}


/*Popup Navidad 2020*/
/*.christmas-popup{*/

/*    width: 1080px;*/
/*    height: 506px;*/
/*    background-image: url("../../../images/frontend/Popup-navidad-grande.gif");*/
/*    background-repeat: no-repeat;*/
/*    background-size: 100% 100%;*/
/*    font-family: 'Lato', sans-serif;*/
/*    font-weight: bold;*/
/*    color: white;*/
/*    text-align: center;*/
/*    position: fixed !important;*/

/*}*/

.christmas-popup{
    background-image: url(../../../images/frontend/Popup-navidad-grande.gif);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: auto 100%;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    color: white;
    text-align: center;
    position: fixed !important;
}
.christmas-popup p {
    line-height: 25px;
    margin: 0 0 20px;
}
.btn-christmas {
    margin: 16px;
    background: none;
    border: 2px solid white;
    border-radius: 10px;
    font-size: 18px;
}

#christmas-h1{
    font-size: 45px;
    letter-spacing: 3px;
    font-weight: bolder;
}
.christmas-popup p {
    font-size: 16px;
}

#christmas-h3 {
font-size: 19px;
    font-weight: bold;
}
#christmas-cursive{
    font-style: italic;
}
#esfuerzo { font-size: 18px}

.text-white {
    color: #ffffff !important;
}
.contest-questions .question textarea {
    width: auto;
    padding: 5px;
    height: 28px;
    top: 8px;
    position: relative;
    font-size: 14px;
    left: 4px;
}
.text-white {
    color: #ffffff !important;
}
#events-modal .modal-body {
    padding: 15px !important;
}
.event-details h4.primera-text {
    margin-top: 0;
}
.event-details p.period-text {
    white-space: pre-wrap;
}
.event-details .select-period {
    border: 1px solid #9e9e9e;
    padding: 5px;
    display: block;
    margin-bottom: 10px;
    background: #e6e6e6;
}
.event-details .select-period:hover {
    background-color: #eee;
    text-decoration: none;
}
.event-details .label-complete-period {
    background: red;
    padding: 2px 4px;
    margin-bottom: 5px;
    color: white;
    font-weight: 700;
    display: inline-block;
}
.event-details .select-period p {
    white-space: pre-wrap;
}
.event-details .view-tab-event {
    display: block;
    margin-bottom: 15px;
}
.event-details .btn-delete-event-team-user {
    font-size: 14px;
    top: 2px;
    position: relative;
}
.event-details #form-event-save-team {
    border: 1px solid black;
    padding: 15px;
}
.event-alert-error {
    margin: 0 0 20px 0;
}
.event-details .event-team {
    padding: 15px;
    border: 1px solid #9e9e9e;
    background: #e6e6e6;
}
.event-team p strong {
    color: #ff0b37;
    text-transform: uppercase;
}
.event-team ul {
    padding-left: 18px;
}
.overflow-new{
    overflow-y: scroll;
    max-height: 500px;
    padding-right: 10px;
}
.alert.alert-success.event-alert-user-period p {
    color: inherit !important;
}
.event-alert-user-period {
    padding: 5px;
    margin-bottom: 10px;
}
.event-alert-user-period p {
    text-align: left;
    margin-bottom: 0;
    padding: 0 !important;
}
.event-alert-user-period p strong {
    font-size: 14px;
}


.table.ranking.ranking-red .tr.header .th {
    color: white !important;
    background: rgba(255, 11, 55, .2);
}

.table.ranking.ranking-red .tr:nth-child(2n+1) {
    background: #ff0f37 !important;

}
.table.ranking.ranking-red .tr.header .th {
    color: white !important;
    background: #ff0f37 !important;
}

.logo-red-escape {
    background: url(images/Cabecera-Red-Escape.JPG);
    height: 220px;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 20px;
    background-size: contain;
}
.trivial-game .red-escape ul.nav.nav-tabs li{
    width: 32.73%;
    margin: 0 0.3%;
    text-align: center;
    border: 0px solid #ff0f37;
    border-radius: 30px;
    opacity: 1;
}

.trivial-game .red-escape ul.nav.nav-tabs li a {
    background-color: #ff0f37;
    color: white;
    height: 33px;
    line-height: 29px;
    text-align: center;
    font-weight: 500;
    width: 100%;
    text-transform: uppercase;
    margin: 0 !important;
    font-family: Lato, sans-serif;
    padding: 0;
    font-size: 14px;
}
.trivial-game .red-escape ul.nav.nav-tabs li.active a, .trivial-game ul.nav.nav-tabs li:hover a{
font-weight: bold;
text-decoration: none;
}

.bloq-white .btn.btn-red {
padding: 8px 30px;

}
.trivial-game .red-escape .tab-pane h3 {
font-family: Lato, sans-serif;
color: #ff0f37;
font-size: 20px;
font-weight: bold;
}
.titulo-red-escape {
font-size: 20px !important;
color: #ff0f37;
width: auto !important;
font-family: Lato, sans-serif;
}
.red-escape-text{
font-size: 15px !important;
min-width: 200px;
color: #ff0f37;
width: auto !important;
font-family: Lato, sans-serif;
}
.leto{
font-family: Lato, sans-serif;
}
.lh-20 {
    line-height: 20px !important;
}

@font-face {
    font-family: "Grammatica";
    src: url("fonts/as_grammatika-light.otf");
}
.evento-oro{
    font-family: 'Grammatica';
    background-color: #221F1F;
    color: white;
}
.img-evento-oro{
    width: 100%;
}
.logo-evento-oro{
    width: 100%;
    height: auto;
}
.rasca-evento-oro{
    width: 100%;
    height: auto;
    margin-bottom: 15px;
}
.text-evento-oro{
    font-size: 14px;
    margin-bottom: 20px;
}
.text2-evento-oro{
    font-size: 16px;

}
.hr-evento-oro{
    width: 60%;
    margin-top: 1px;
    margin-bottom: 25px;
    border: 0;
    border-top: 1px solid #6F1827;
}
.evento-oro-mt{
    margin-top: -30px;
}


#main-photo {
    height: 600px;
    background-color: #000000;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}
}

/*.main-photo {*/
/*    height: 600px;*/
/*    background-color: #000000;*/
/*    background-position: center center;*/
/*    background-repeat: no-repeat;*/
/*    background-size: contain;*/
/*}*/
#main-photo-texts {
    padding: 5px 20px;
    background: rgba(0,0,0,0.2);
}
.main-photo-left, .main-photo-right {
    font-size: 95px;
    padding: 15px;
    position: absolute;
    top: 35%;
    color: #000000;
    text-shadow: 0 0px 5px darkgrey;
}
.main-photo-left:hover, .main-photo-right:hover{

}

#main-photo-left {
    left: 0;
}
#main-photo-right {
    right: 0;
}

.green-color  {
    color: #008000;
}
.teamder-thumbs .green-color-teamder{
    color: #008000 !important;
}
.green-color:focus {
    color: #008000;
}
.trash-button-teamder {
    font-size: 28px;
    color: #ff0f37;
    width: 100%;
    text-align: center;
    display: block;
    margin: 5px 0;
}
.teamder-thumbs {
    font-size: 22px;
    text-align: center;
    padding: 20px 0;
    color: #3a3a3a;
    font-family: Lato, Open Sans !important;
}

.red-color  {
    color: #ff0f37;
}
#no-photos{
    text-align: center;
    color:#ff0f37 ;
}
.col-md-12.info-contests {
    border-bottom: none !important;
    margin-bottom: 5px;
    float: left;
}
.col-md-12.info-contests h2, .col-md-12.info-contests p.description span {
    font-family: 'Lato', Open Sans !important;
}
h2#no-photos {
    text-transform: none;
    text-align: center;
    clear: both;
    float: none;
    padding: 65px 0 0 0;
    color: #737373;
    font-family: 'Lato', Arial;
    letter-spacing: 0;
    font-size: 14px;
}
.col-md-12.info-contests .button-link-promo {
    padding: 12px 50px;
}
.col-md-12.info-contests .button-link-promo:hover {
    background: #ce0025;
}

p.teamder-thumbs.green-color-teamder, p.teamder-thumbs.red-color {
    width: 50%;
    float: left;
    margin-top: 40px;
}

.vote-photo.green-color-teamder {
    color: #008000;
}
.vote-photo.green-color:hover {
    color: #198819;
}
.red-color {
    color: #ff0f37 !important;
}
.vote-photo.red-color:hover {
    color: darkred;
}


.resume-mypicture.teamder img {
    object-fit: cover;
    height: 100%;
    max-height: 385px;
    width: 100%;
}
.main-photo-bottom {
    position: absolute;
    bottom: 0;
    left: 0% !important;
    font-size: 40px;
    opacity: 0.8;
    background: rgba(255,255,255, 0.7);
    width: 100%;
    text-align: center;
    padding-bottom: 5px;
}
.vote-photo {
    padding: 0px 35px;
}
.vote-photo:hover{
 text-decoration: none;
}
.main-photo-left:focus, .main-photo-right:focus {
color: #383838;
opacity: .5;
text-shadow: 0px 0px 10px #ffffff;
}
.main-photo-left:hover , .main-photo-right:hover {
color: #383838;
text-shadow: 0px 0px 10px #ffffff;
}

.main-photo {
height: 400px;
background-color: transparent;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
}
.main-photo-left, .main-photo-right {
font-size: 95px;
padding: 15px;
position: absolute;
top: 35%;
color: #383838;
text-shadow: 0px 0px 10px #ffffff;
}
div.main-photo-texts {
text-align: center;
background: white;
padding-top: 25px;
}
div.main-photo-texts h1.main-photo-title {
margin: 0;
font-family: Lato, Open Sans;
text-transform: uppercase;
font-size: 20px;
color: #ff0b37;
font-weight: bold;
}
div.main-photo-texts p.main-photo-content {
color: #666666;
font-family: 'Lato', Open sans-serif;
margin: 0;
font-size: 13px;
line-height: 18px;
}
@font-face {
    font-family: "Grammatica";
    src: url("fonts/as_grammatika-light.otf");
}
.evento-oro{
    font-family: 'Grammatica';
    background-color: #221F1F;
    color: white;
}
.img-evento-oro{
    width: 100%;
}
.logo-evento-oro{
    width: 100%;
    height: auto;
}
.rasca-evento-oro{
    width: 100%;
    height: auto;
    margin-bottom: 15px;
}
.text-evento-oro{
    font-size: 14px;
    margin-bottom: 20px;
}
.text2-evento-oro{
    font-size: 16px;

}
.hr-evento-oro{
    width: 60%;
    margin-top: 1px;
    margin-bottom: 25px;
    border: 0;
    border-top: 1px solid #6F1827;
}
.evento-oro-mt{
    margin-top: -30px;
}

.fs-19{
    font-size: 19px;
}
.border-evento-oro{
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    background-color: #ff0b37;
    text-transform: uppercase;
    border-radius: 15px;
}
.mt5-oro{
    margin-top: 5px;
    margin-bottom: 5px;
}