﻿@font-face {
    font-family: "Rajdhani";
    src: url("../fonts/Rajdhani-Regular.ttf");
    font-weight: normal;
}
/*
@font-face {
    font-family: "Rajdhani";
    src: url("../fonts/Rajdhani-Bold.ttf");
    font-weight:bold;
}

@font-face {
    font-family: "Rajdhani";
    src: url("../fonts/Rajdhani-Light.ttf");
    font-weight:lighter;
}
    */

/* COLORES CORPORATIVOS */
html, body {
    /*font-family: 'Rajdhani'*/
}

.enjoy_hint_label {
    font-family: 'Indie Flower', cursive;
}


.btn-nethodology {
    color: #27F7D2 !important;
    background-color: #004C4F !important;
    border-color: #004C4F !important;
}

    .btn-nethodology:hover {
        color: #004C4F !important;
        background-color: #27F7D2 !important;
        border-color: #27F7D2 !important;
    }

.text-nethodology {
    color: #004C4F !important;
}

.text-hover-nethodology:hover {
    color: #27F7D2 !important;
}

.a-nethodology {
    color: #004C4F !important;
}

    .a-nethodology:hover {
        color: #27F7D2 !important;
    }

.my-notif {
    background-color: #27F7D2 !important;
    color: #004C4F !important;
}

.my-pulse {
    border-color: rgba(039, 247, 210, 0.75) !important;
}

.header-menu .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-text, .header-menu .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-text, .header-menu .menu-nav > .menu-item.menu-item-here > .menu-link .menu-text, .header-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-text {
    color: #27F7D2 !important;
}
/* FIN COLORES CORPORATIVOS*/
.logo-twitter-color {
    color: #1da1f2 !important;
}

.logo-facebook-color {
    color: #3b5998 !important;
}

.logo-instagram-color {
    color: #e1306c !important;
}

.logo-youtube-color {
    color: #ff0000 !important;
}

.logo-linkedin-color {
    color: #0077b5 !important;
}

.logo-tiktok-color {
    color: black !important;
}

.btn-fb-hov:hover {
    background-color: #3b5998 !important;
    border: solid 1px #3b5998 !important;
}

.btn-tw-hov:hover {
    background-color: #1da1f2 !important;
    border: solid 1px #1da1f2 !important;
}

.btn-ig-hov:hover {
    background-color: #e1306c !important;
    border: solid 1px #e1306c !important;
}

.btn-yt-hov:hover {
    background-color: #ff0000 !important;
    border: solid 1px #ff0000 !important;
}

.btn-lk-hov:hover {
    background-color: #0077b5 !important;
    border: solid 1px #0077b5 !important;
}

.btn-tk-hov:hover {
    background-color: black !important;
    border: solid 1px black !important;
}

.btn.btn-tiktok {
    color: #ffffff;
    background-color: black;
    border-color: black;
}

.btn-all {
    background-color: #00b050 !important;
    border: solid 1px #00b050 !important;
}

.btn-all-hov:hover {
    background-color: #00b050 !important;
    border: solid 1px #00b050 !important;
}

.spinner.spinner-twitter:before {
    border: 2px solid #1da1f2;
    border-right: 2px solid transparent;
}

.spinner.spinner-facebook:before {
    border: 2px solid #3b5998;
    border-right: 2px solid transparent;
}

.spinner.spinner-instagram:before {
    border: 2px solid #e1306c;
    border-right: 2px solid transparent;
}

.spinner.spinner-youtube:before {
    border: 2px solid #ff0000;
    border-right: 2px solid transparent;
}

.spinner.spinner-linkedin:before {
    border: 2px solid #0077b5;
    border-right: 2px solid transparent;
}

.spinner.spinner-tiktok:before {
    border: 2px solid double;
    border-right: 2px solid transparent;
}

.center-logos {
    text-align: center;
}

.dataTables_wrapper .dataTables_processing {
    position: absolute !important;
    top: 30% !important;
    left: 50% !important;
    width: 30% !important;
    height: 40px !important;
    margin-top: 45px !important;
    padding-top: 20px !important;
    text-align: center !important;
    font-size: 1.2em !important;
    background: none !important;
    border: none !important;
}

.dataTables_wrapper .dataTables_paginate .pagination .page-item.active > .page-link {
    background-color: #004C4F !important;
}

.dataTables_wrapper .dataTables_paginate .pagination .page-item:hover:not(.disabled) > .page-link {
    background-color: #004C4F !important;
}

mark {
    background: yellow;
    color: black;
}

.highlight {
    background-color: yellow
}

td > span > span > span > ul > li.select2-selection__choice > span > a {
    color: #3F4254 !important;
}

.fb-like {
    color: #2078f4;
}

.fb-loveit {
    color: #e0245e;
}

.fb-funny {
    color: #fbd914
}

.fb-awesome {
    color: #fbd914
}

.fb-sad {
    color: #fbd914
}

.fb-angry {
    color: #fbd914
}

.label-twitter {
    color: #FFFFFF;
    background-color: #1da1f2;
}

.label-facebook {
    color: #FFFFFF;
    background-color: #3b5998;
}

.label-instagram {
    color: #FFFFFF;
    background-color: #e1306c;
}

.label-youtube {
    color: #FFFFFF;
    background-color: #ff0000;
}

.label-linkedin {
    color: #FFFFFF;
    background-color: #0077b5;
}

.label-tiktok {
    color: #FFFFFF;
    background-color: black;
}

.wizard-step[data-wizard-state="current"] {
    color: #00b050 !important;
}

.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-icon, .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-icon {
    color: #6993FF;
}

    .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-icon svg g [fill], .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-icon svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
        fill: #00b050 !important;
    }

    .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-icon svg:hover g [fill], .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-icon svg:hover g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
    }

.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-title, .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-title {
    color: #00b050 !important;
}

.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-arrow, .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-arrow {
    color: #00b050 !important;
}

    .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-arrow svg g [fill], .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-arrow svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
        fill: #00b050 !important;
    }

    .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-arrow svg:hover g [fill], .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-arrow svg:hover g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
    }


/* NAV TABS ICON */
.nav.nav-pills .nav-link.active.facebook-i .nav-icon i {
    color: #3b5998 !important;
}

.nav.nav-pills .nav-link.active.twitter-i .nav-icon i {
    color: #1da1f2 !important;
}

.nav.nav-pills .nav-link.active.instagram-i .nav-icon i {
    color: #e1306c !important;
}

.nav.nav-pills .nav-link.active.youtube-i .nav-icon i {
    color: #ff0000 !important;
}

.nav.nav-pills .nav-link.active.linkedin-i .nav-icon i {
    color: #0077b5 !important;
}

.nav.nav-pills .nav-link.active.tiktok-i .nav-icon i {
    color: black !important;
}

.facebook-i:hover {
    color: #3b5998 !important;
}

.twitter-i:hover {
    color: #1da1f2 !important;
}

.instagram-i:hover {
    color: #e1306c !important;
}

.youtube-i:hover {
    color: #ff0000 !important;
}

.linkedin-i:hover {
    color: #0077b5 !important;
}

.tiktok-i:hover {
    color: black !important;
}

.facebook-i > span > i:hover {
    color: #3b5998 !important;
}

.twitter-i > span > i:hover {
    color: #1da1f2 !important;
}

.instagram-i > span > i:hover {
    color: #e1306c !important;
}

.youtube-i > span > i:hover {
    color: #ff0000 !important;
}

.linkedin-i > span > i:hover {
    color: #0077b5 !important;
}

.tiktok-i > span > i:hover {
    color: black !important;
}

.nav.nav-pills .nav-link.active.facebook-i {
    background-color: transparent !important;
}

.nav.nav-pills .nav-link.active.twitter-i {
    background-color: transparent !important;
}

.nav.nav-pills .nav-link.active.instagram-i {
    background-color: transparent !important;
}

.nav.nav-pills .nav-link.active.youtube-i {
    background-color: transparent !important;
}

.nav.nav-pills .nav-link.active.linkedin-i {
    background-color: transparent !important;
}

.nav.nav-pills .nav-link.active.tiktok-i {
    background-color: transparent !important;
}

.nav.nav-pills .nav-link.facebook-pane.active {
    color: #ffffff;
    background-color: #3b5998 !important;
}

.nav.nav-pills .nav-link.twitter-pane.active {
    color: #ffffff;
    background-color: #1da1f2 !important;
}

.nav.nav-pills .nav-link.instagram-pane.active {
    color: #ffffff;
    background-color: #e1306c !important;
}

.nav.nav-pills .nav-link.youtube-pane.active {
    color: #ffffff;
    background-color: #ff0000 !important;
}

.nav.nav-pills .nav-link.linkedin-pane.active {
    color: #ffffff;
    background-color: #0077b5 !important;
}

.nav.nav-pills .nav-link.tiktok-pane.active {
    color: #ffffff;
    background-color: black !important;
}

.nav.nav-pills .nav-link.facebook-pane:hover:not(.active) {
    color: #3b5998 !important;
    background-color: transparent;
}

.nav.nav-pills .nav-link.twitter-pane:hover:not(.active) {
    color: #1da1f2 !important;
    background-color: transparent;
}

.nav.nav-pills .nav-link.instagram-pane:hover:not(.active) {
    color: #e1306c !important;
    background-color: transparent;
}


.nav.nav-pills .nav-link.youtube-pane:hover:not(.active) {
    color: #ff0000 !important;
    background-color: transparent;
}

.nav.nav-pills .nav-link.linkedin-pane:hover:not(.active) {
    color: #0077b5 !important;
    background-color: transparent;
}

.nav.nav-pills .nav-link.tiktok-pane:hover:not(.active) {
    color: black !important;
    background-color: transparent;
}

/* custom switch */

.switch.facebook-switch input:checked ~ span:after {
    opacity: 1;
    color: #ffffff;
    background-color: #3b5998;
}

.switch.twitter-switch input:checked ~ span:after {
    opacity: 1;
    color: #ffffff;
    background-color: #1da1f2;
}

.switch.instagram-switch input:checked ~ span:after {
    opacity: 1;
    color: #ffffff;
    background-color: #e1306c;
}

.switch.youtube-switch input:checked ~ span:after {
    opacity: 1;
    color: #ffffff;
    background-color: #ff0000;
}

.switch.linkedin-switch input:checked ~ span:after {
    opacity: 1;
    color: #ffffff;
    background-color: #0077b5;
}

.switch.tiktok-switch input:checked ~ span:after {
    opacity: 1;
    color: #ffffff;
    background-color: black;
}

.card-label-editable:hover {
}



.dashcard-row {
    border: 2px dashed transparent;
    transition: border 0.4s linear;
    border-radius: 7px;
}

    .dashcard-row:hover {
        border: 2px dashed #9c8e8e;
    }

.opt {
    width: 100%;
    text-align: right;
    color: transparent !important;
    padding-right: 5px;
    padding-top: 2px;
}

.optc {
    color: transparent !important;
    cursor: pointer;
    transition: color 0.4s linear;
}

.dashcard-row:hover .optc {
    color: red !important;
}

.int-row {
    text-align: center;
    border: 2px dashed transparent;
    transition: border 0.4s linear;
    border-radius: 7px;
}

    .int-row:hover {
        text-align: center;
        border: 2px dashed #9c8e8e;
    }

    .int-row > .col-12 {
        color: transparent;
    }

    .int-row:hover > .col-12 {
        color: #9c8e8e;
    }

/*CONFIGURACION DE PROYECTO*/

.table-perfiles-font-th {
    font-size: 20px !important;
}

.table-perfiles-th {
    text-align: center;
}


.table-perfiles-td {
    text-align: center;
}

/* PAGINATION */
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #004C4F !important;
    border-color: #004C4F !important;
    color: white !important;
}

.pagination > li > a, .pagination > li > span {
    color: #004C4F !important;
}

.scrolltop {
    background-color: #004C4F !important;
}

.fechas-global {
    display: none;
}

.paginate_button:hover a {
    color: white !important;
}



.btn-icon:hover i {
    color: #27F7D2 !important;
}

.my-delete:hover I {
    color: red !important;
}


.semaforo-ok {
    color: #117a25;
    background-color: #9defa2;
}

.semaforo-ok-global {
    border: solid 2px #117a25;
}

.btn-light-warning-global {
    border: solid 2px #FFA800 !important;
}

.btn-light-danger-global {
    border: solid 2px #F64E60 !important;
}

/* ERRORES */
.validation-summary-errors {
    color: #f44336 !important;
    font-weight: bold !important;
}

@media (min-width: 992px) {
    .header-fixed[data-header-scroll="on"] .header-menu .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-text, .header-fixed[data-header-scroll="on"] .header-menu .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-text, .header-fixed[data-header-scroll="on"] .header-menu .menu-nav > .menu-item.menu-item-here > .menu-link .menu-text, .header-fixed[data-header-scroll="on"] .header-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-text {
        color: #004C4F !important;
    }
}
