@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;
    }
.btn-nethodology i {
    color: #27F7D2 !important;
}

.btn-nethodology:hover i {
    color: #004C4F !important;
}

.btn-nethodology-icon {

    padding: 0;
    height: calc(1.5em + 1.3rem + 2px);
    width: calc(1.5em + 1.3rem + 2px);
}
.btn-nethodology-icon i {
    padding: 0;
    margin: 0;
}
.text-nethodology {
    color: #004C4F !important;
}

.text-hover-nethodology:hover {
    color: #27F7D2 !important;
}

.a-nethodology {
    color: #004C4F !important;
}

    .a-nethodology:hover {
        color: #27F7D2 !important;
    }

.bg-nethodology {
    background-color: #004C4F !important;
    color: white !important;
}

.my-notif {
    background-color: #27F7D2 !important;
    color: #004C4F !important;
}

.my-pulse {
    border-color: rgba(039, 247, 210, 0.75) !important;
}

.card-shadow {
    box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.03) !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-primary-global {
    border: solid 2px #6993FF !important;
}

.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;
    }
}

.btn-icon-no-hover {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    height: calc(1.5em + 1.3rem + 2px);
    width: calc(1.5em + 1.3rem + 2px);
}

    .btn-icon-no-hover.btn-sm {
        height: calc(1.35em + 1.1rem + 2px);
        width: calc(1.35em + 1.1rem + 2px);
    }

    .btn-icon-no-hover i {
        padding: 0 !important;
        margin: 0 !important;
    }

.btn-outline-danger:hover i {
    color: white !important;
}

.btn-outline-danger.disabled:hover i {
    color: #F64E60 !important;
}

.swal2-styled.swal2-confirm {
    background-color: #004C4F;
    border-left-color: #004C4F;
    border-right-color: #004C4F;
}

/*HasonTable*/
.ht-outer-container {
    min-height: 200px;
    height: auto;
}

.wtHolder {
    width: auto !important;
    height: auto !important;
}

.handsontable th, .handsontable .ht_clone_top th {
    background-color: transparent;
    font-weight: bold;
    text-align: center;
    border: 0px solid transparent !important;
}

.handsontable td.htInvalid {
    background-color: transparent !important;
    border-color: var(--red) !important;
}

.handsontable tr td {
    border-color: var(--secondary) !important;
}

.ht-outer-container {
    min-height: 200px;
    height: auto;
}

.modal-body {
    position: relative;
}

.fixed-middle {
    position: absolute;
    z-index: 999999999999999999;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 50px;
    height: 50px;
    display: none;
}

.menu-link {
    list-style: none;
    padding: 0.65rem 1.1rem;
    margin-right: 10px;
    color: white;
    font-size: 1em;
    border-radius: 5px;
    background-color: rgba(255, 255, 255, 0.05);
}

    .menu-link:hover, 
    .menu-link.active
    {
        background-color: rgba(255, 255, 255, 0.2);
        color: white;
        font-size: 1em;
        font-weight: bold;
        
    }



/******************************** HTML ********************************
<button type="button" class="btn btn-primary" data-loader-neth="off">
    <span class="loader-neth-label">
        Text
    </span>
    <span class="loader-neth-progress">
        Loading... <span class="spinner-border spinner-border-sm align-middle"></span>
    </span>
</button>
*/

/******************************** JS ********************************
  //Activate
  $(btn).attr("data-loader-neth","on").attr("disabled", true);

  //Disactivate
  $(btn).attr("data-loader-neth", "off").attr("disabled", false);
*/

.loader-neth-progress {
    display: none;
}

[data-loader-neth=on] > .loader-neth-progress {
    display: inline-block;
}

[data-loader-neth=on] > .loader-neth-label {
    display: none;
}

.loader-neth-border-sm {
    --bs-loader-neth-width: 1rem;
    --bs-loader-neth-height: 1rem;
    --bs-loader-neth-border-width: 0.145em;
}

.loader-neth-border {
    --bs-loader-neth-width: 2rem;
    --bs-loader-neth-height: 2rem;
    --bs-loader-neth-vertical-align: -0.125em;
    --bs-loader-neth-border-width: 0.185rem;
    --bs-loader-neth-animation-speed: 0.65s;
    --bs-loader-neth-animation-name: loader-neth-border;
    border: var(--bs-loader-neth-border-width) solid currentcolor;
    border-right-color: transparent;
}


.loader-neth-grow,
.loader-neth-border {
    display: inline-block;
    width: var(--bs-loader-neth-width);
    height: var(--bs-loader-neth-height);
    vertical-align: var(--bs-loader-neth-vertical-align);
    border-radius: 50%;
    animation: var(--bs-loader-neth-animation-speed) linear infinite var(--bs-loader-neth-animation-name);
}

@keyframes loader-neth-border {
    to {
        transform: rotate(360deg) /* rtl:ignore */;
    }
}

.loader-neth-border {
    --bs-loader-neth-width: 2rem;
    --bs-loader-neth-height: 2rem;
    --bs-loader-neth-vertical-align: -0.125em;
    --bs-loader-neth-border-width: 0.185rem;
    --bs-loader-neth-animation-speed: 0.65s;
    --bs-loader-neth-animation-name: loader-neth-border;
    border: var(--bs-loader-neth-border-width) solid currentcolor;
    border-right-color: transparent;
}

.loader-neth-border-sm {
    --bs-loader-neth-width: 1rem;
    --bs-loader-neth-height: 1rem;
    --bs-loader-neth-border-width: 0.145em;
}

@keyframes loader-neth-grow {
    0% {
        transform: scale(0);
    }

    50% {
        opacity: 1;
        transform: none;
    }
}

.loader-neth-grow {
    --bs-loader-neth-width: 2rem;
    --bs-loader-neth-height: 2rem;
    --bs-loader-neth-vertical-align: -0.125em;
    --bs-loader-neth-animation-speed: 0.65s;
    --bs-loader-neth-animation-name: loader-neth-grow;
    background-color: currentcolor;
    opacity: 0;
}

.loader-neth-grow-sm {
    --bs-loader-neth-width: 1rem;
    --bs-loader-neth-height: 1rem;
}

@media (prefers-reduced-motion: reduce) {
    .loader-neth-border,
    .loader-neth-grow {
        --bs-loader-neth-animation-speed: 1.3s;
    }
}

/******************************** END LOADER ********************************/