@font-face {
    font-family: 'Montserrat';
    src: url('/fonts/Montserrat/Montserrat-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('/fonts/roboto/Roboto-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Roboto Bold */
@font-face {
    font-family: 'Roboto';
    src: url('/fonts/roboto/Roboto-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Material Symbols Outlined */
@font-face {
    font-family: 'Material Symbols Outlined';
    src: url('/fonts/material-icons/MaterialSymbolsOutlined-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}
  
/* Clase para usar los íconos */
.material-symbols-outlined {
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;  /* ajusta según necesidad */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

body {
    font-family: "Montserrat", sans-serif !important;
    color: #666 !important;
    font-weight: 500 !important;
    font-size: 16px !important;
}
a {
    color: #4970d3 !important;
}
a.button {
    font-weight: 500;
}
label {
    color: #2d2d2d;
    font-weight: 500;
}
.activation-date .card .card-footer .day {
    display: inline-block;
    padding-left: 20px;
    width: 50%;
}
.activation-date .card .card-header .card-date {
    color: #666;
    font-size: 14px;
    margin-bottom: 0;
}
.activation-date .card .card-header .card-date span {
    font-weight: 600;
}
.add-activity a {
    background-color:#4ade80;
    border-radius:8px;
    color:white !important;
    font-size: 18px;
    padding:10px;
}
.add-activity a span{
    position: relative;
    top:6px;
}
.badge-status {
    width:fit-content;
    padding:3px 10px;
    border-radius: 16px;
    color: white !important;
}
.bg-blue {
    background-color: #1a2542;
}
.bg-blue2{
    background-color: #2e73a6 !important;
}
.bg-light-blue {
    background-color: #b6ddf6;
}
.bg-purple {
    background-color: #3b3364 !important;
}
.bg-purple2 {
    background-color: #714387 !important;
}
.bg-pink {
    background-color: #f16098 !important
}
.bg-pink2 {
    background-color: #c24d7b !important;
}
.bg-light-green {
    background-color: #4cbaad !important;
}
.bg-light-green:hover {
    background-color: #4cbaad !important;
}
.bg-light-orange {
    background-color: #fdba74 !important;
}
.bg-funcion-publica{
    background-color: #2674ad !important;
}
.bg-blue {
    color:#2674ad !important;
}
.bg-gray {
    background-color: #adb5bd !important;
}
.bg-lightgray{
    background-color: #c4c8cb !important;
}
.bg-green {
    background-color:#a3cfbb !important;
}
.bg-green2 {
    background-color: #118060 !important;
}
.bg-yellow {
    background-color: #f3be22 !important;
}
/* .bg-purple {
    background-color: #b873ee !important;
} */
.bg-white {
    background-color: white !important;
}
.box-activity-title {
    color:#414042;
    font-size: 1.825em;
    line-height: 1.4;
    margin: 20px 0 10px;
}
.box-activity-name {
    background-color: #40a0e7;
    border-radius:4px;
    padding:10px;
    margin:20px 0;
    color:white;
    font-size:1.2em;
}
.box-login {
    height: 350px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(50%);
    width: 90%;
}
.box-login .card {
    box-shadow: 0 0 15px 9px rgba(0, 0, 0, 0.588);
    height: 450px;
    margin: 0 auto;
    top: -50px;
    width: 550px;
}
.box-login .card .card-body button {
    margin-top: 30px;
    width: 80%;
}
.box-login .logo-enip {
    margin: 10px auto;
    width: 300px;
}
.btn-primary:hover {
    background-color: #3b3364 !important;
}
.btn-upload {
    color: #fff;
    background-color: #9fd2c9;
    padding: 10px 20px;
    border-radius: 7px;
}
.btn-delete {
    background-color: #f27474;
    color: #fff;
    font-weight: 500;
    border-color:#f27474;
}

.btn-download a {
    border: 2px solid #724387;
    padding: 10px;
    border-radius: 10px;
}

.btn-decline {
    background-color: #a3dd82;
    color: #fff;
    font-weight: 500;
    border-color:#a3dd82;
}
.btn-update {
    background-color: #e79720;
    border-radius: 7px;
    color: #fff;
    padding: 10px 20px;
}
.card {
    margin-bottom: 18px;
    margin-top: 18px;
    background-color: transparent !important;
}
.card .card-header-light-blue .card-icon {
    background-color: #9fd2c9 !important;
}
.card .card-header-yellow .card-icon {
    background-color: #fed57f !important;
}
.card .card-header-orange .card-icon {
    background-color: #f1903d !important;
}
.card .card-header-red .card-icon {
    background-color: #e83d48 !important;
}
.card .card-header-blue .card-icon {
    background-color: #255788 !important;
}
.card .card-header .card-category span {
    font-weight: 600;
}
.edit span {
    font-weight: 700;
}
.edit-activity .box-activity-name input {
    padding-left: 20px;
    position: absolute;
    top:5px;
    width:95%;
}
.edit-measure .card-category{
    font-weight: 600;
}
.footer .copyright{
    font-size:14px;
}
.footer ul {
    margin-top:0px !important;
}
.funcion-publica{
    background-color: #2674ad !important;
}
.funcion-publica .update {
    background-color: #38a6f7 !important;
}
.glosario li{
    display: inline-block;
}
.glosario li div {
    border-radius: 8px;
    padding: 0 10px;
    color:white;
}
.icon-notifications {
    position: relative;
    bottom:14px;
    right: 10px;
}
.info-measures .card{
    background-color: white !important;
}
.info-measures .card .card-body .card-activity {
    border-bottom: 1px solid #40a0e7;
}
.info-measures .card .card-body .card-activity span {
    color: #66615b;
    font-weight: 600;
}
.info-measures .card .card-body .card-activity a span {
    color: #ffffff !important;
}

.info-measures .card .card-body .card-activity .delete span {
    border: 4px solid #f27474;
    color: #f27474 !important;
    font-size: 60px;
    padding:20px;
    border-radius: 50%;
}

.total-measure{
    height: 198px;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
}
.priority-icon {
    color: #ff8c00 !important;
}
.priority {
    background-color: #ffbf7070 !important;
}
.transparencia {
    background-color: #e99b23 !important;
}
.recursos-publicos {
    background-color: #cb4b7c !important;
}
.politica {
    background-color: #72408e !important;
}
.sector-privado {
    background-color: #01845f !important;
}
.transversal {
    background-color: #414042 !important;
}

.new-color {
    background-color: #e4e7ed !important;
}

.text-new {
    color: #e4e7ed !important;
}
.navbar-nav .nav-item .nav-link {
    color: #255788 !important;
    font-weight: 600 !important;
}
.navbar-nav .nav-item .nav-link .account-user {
    font-size: 35px !important;
}
.navbar .navbar-brand {
    font-weight: initial;
}
.sidebar .nav .nav-item a p {
    color: #243d78;
}
.sidebar .nav .nav-item.active a p {
    color: #fff !important;
}
.sidebar .logo .logo-normal {
    color: #3b3364 !important;
    font-size: 24px;
    font-weight: 500;
    line-height: 22px;
}
.sidebar .logo .logo-normal figure img {
    width:200px;
}
.sidebar .sidebar-wrapper {
    background-color: rgba(59, 51, 100, 0.071);
}
.sidebar .logo p {
    float: right;
    font-size: 28px;
    margin: 40px 35px 0 0;
    color: #243d78;
    line-height: 20px;
}
.table thead tr th {
    color: #666;
}

.text-blue {
    color:#2674ad !important;
}
.text-gray {
    color: #adb5bd !important;
}
.text-lightgray{
    color: #c4c8cb !important;
}
.text-purple {
    color: #b873ee !important;
}
.text-pink {
    color: #f16098 !important
}
.text-green {
    color:#a3cfbb !important;
}
.text-yellow {
    color: #f3be22 !important;
}
.text-fp {
    color: #2674ad !important;
}
.text-rp {
    color: #cb4b7c !important;
}
.text-tp {
    color: #e99b23 !important;
}
.text-pl {
    color: #72408e !important;
}
.text-sp {
    color: #01845f !important;
}
.text-tv {
    color: #414042 !important;
}
.update-delete h1 {
    color: #414042 !important;
    font-size: 1.8em;
}
.update-delete button.btn-close {
    background-color: transparent !important;
    border-color:transparent;
}
.update-delete p {
    color: #414042 !important;
    font-size: 1.3em;
    margin: 2em auto;
    width: 90%;
}
.update-delete .delete {
    border: 4px solid #f27474;
    color: #f27474 !important;
    font-size: 60px;
    padding:20px;
    border-radius: 50%;
}
.update-delete .btn-regret{
    background-color: #a5dc86;
    color: #fff;
}
.user-add {
    float: right;
    position: relative;
    bottom: 20px;
}
.user-add i {
    font-size: 38px;
}

.sidebar[data-color="azure"] li.active>a {
    background-color: #243d78 !important;
}
.sidebar[data-color="azure"] li.ejes>a {
    background-color: #e2e2e2 !important;
    border-bottom: 2px solid #243d78;
}
li.ejes>a>i,
li.ejes>a>p {
    color: #243d78 !important;
}
.sidebar[data-color="azure"] li.f-publica>a {
    background-color: #2674ad !important;
}
li.f-publica>i,
li.f-publica>a>p {
    color: white !important;
}

.sidebar[data-color="azure"] li.transparencia>a {
    background-color:#e99b23 !important;
}
li.transparencia>i,
li.transparencia>a>p {
    color: white !important;
}

.sidebar[data-color="azure"] li.transversal>a {
    background-color:#414042 !important;
}
li.transparencia>i,
li.transparencia>a>p {
    color: white !important;
}

.sidebar[data-color="azure"] li.recursos>a {
    background-color:#cb4b7c !important;
}
li.recursos>i,
li.recursos>a>p {
    color: white !important;
}
.sidebar[data-color="azure"] li.politica>a {
    background-color:#72408e !important;
}
li.politica>i,
li.politica>a>p {
    color: white !important;
}

.sidebar[data-color="azure"] li.sector>a {
    background-color:#01845f !important;
}
li.sector>i,
li.sector>a>p {
    color: white !important;
}

ul {
    list-style: none;
    margin: 0;
    padding:0;
    padding-left:15px;
    margin-top:10px;
}

/* Box informativo */
.chart-box-info p.title{
    font-size: 20px;
    margin-top: 8px;
}
.chart-box-info .porcentaje {
    bottom:70px;
}
.chart-box-info .porcentaje2 {
    bottom:95px;
}
.chart-box-info p.total{
    text-transform: uppercase;
}

.card .card-header-warning .card-icon {
    background: linear-gradient(60deg, #e99b23, #e99b23) !important;
}

.card .card-header-warning h3 small {
    color: #e99b23 !important; 
}

.card .card-header-success .card-icon {
    background: linear-gradient(60deg, #01845f, #01845f) !important;
}
.card .card-header-success h3 small {
    color: #01845f !important;
}

.card .card-header-rose .card-icon {
    background: linear-gradient(60deg, #cb4b7c, #cb4b7c) !important;
}
.card .card-header-rose h3 small {
    color: #cb4b7c !important;
}

.card .card-header-purple .card-icon {
    background: linear-gradient(60deg, #72408e, #72408e) !important;
}

.card .card-header-purple h3 small {
    color: #72408e !important;
}

.card-stats .card-header.card-header-icon, 
.card-stats .card-header.card-header-text {
    text-align: left !important;
}
.progress {
    height:3rem;
}

/* Barras de progreso */
.fp-progress {
    background-color: #97b9d3 !important;
}
.colorprogress-fp {
    background-color: #2e73a6 !important;
}

.rp-progress {
    background-color: #e1a6bd !important;
}
.colorprogress-rp {
    background-color: #c24d7b !important;
}

.tp-progress {
    background-color: #f1c999 !important;
}
.colorprogress-tp {
    background-color: #e29332 !important;
}

.pl-progress {
    background-color: #b8a1c3 !important;
}
.colorprogress-pl {
    background-color: #714387 !important;
}

.sp-progress {
    background-color: #88c0b0 !important;
}
.colorprogress-sp {
    background-color: #118060 !important;
}

.tv-progress {
    background-color: #838185 !important;
}
.colorprogress-tv {
    background-color: #414042 !important;
}

.porcentaje {
    font-size:40px;
    position:relative;
    bottom:35px;
    font-weight: 700;
}

.w-1 {width: 1% !important;}
.w-2 {width: 2% !important;}
.w-3 {width: 3% !important;}
.w-4 {width: 4% !important;}
.w-5 {width: 5% !important;}
.w-6 {width: 6% !important;}
.w-7 {width: 7% !important;}
.w-8 {width: 8% !important;}
.w-9 {width: 9% !important;}
.w-10 {width: 10% !important;}
.w-11 {width: 11% !important;}
.w-12 {width: 12% !important;}
.w-13 {width: 13% !important;}
.w-14 {width: 14% !important;}
.w-15 {width: 15% !important;}
.w-16 {width: 16% !important;}
.w-17 {width: 17% !important;}
.w-18 {width: 18% !important;}
.w-19 {width: 19% !important;}
.w-20 {width: 20% !important;}
.w-21 {width: 21% !important;}
.w-22 {width: 22% !important;}
.w-23 {width: 23% !important;}
.w-24 {width: 24% !important;}
.w-25 { width: 25% !important; }
.w-26 { width: 26% !important; }
.w-27 { width: 27% !important; }
.w-28 { width: 28% !important; }
.w-29 { width: 29% !important; }
.w-30 { width: 30% !important; }
.w-31 { width: 31% !important; }
.w-32 { width: 32% !important; }
.w-33 { width: 33% !important; }
.w-34 { width: 34% !important; }
.w-35 { width: 35% !important; }
.w-36 { width: 36% !important; }
.w-37 { width: 37% !important; }
.w-38 { width: 38% !important; }
.w-39 { width: 39% !important; }
.w-40 { width: 40% !important; }
.w-41 { width: 41% !important; }
.w-42 { width: 42% !important; }
.w-43 { width: 43% !important; }
.w-44 { width: 44% !important; }
.w-45 { width: 45% !important; }
.w-46 { width: 46% !important; }
.w-47 { width: 47% !important; }
.w-48 { width: 48% !important; }
.w-49 { width: 49% !important; }
.w-50 { width: 50% !important; }
.w-50 { width: 50% !important; }
.w-51 { width: 51% !important; }
.w-52 { width: 52% !important; }
.w-53 { width: 53% !important; }
.w-54 { width: 54% !important; }
.w-55 { width: 55% !important; }
.w-56 { width: 56% !important; }
.w-57 { width: 57% !important; }
.w-58 { width: 58% !important; }
.w-59 { width: 59% !important; }
.w-60 { width: 60% !important; }
.w-61 { width: 61% !important; }
.w-62 { width: 62% !important; }
.w-63 { width: 63% !important; }
.w-64 { width: 64% !important; }
.w-65 { width: 65% !important; }
.w-66 { width: 66% !important; }
.w-67 { width: 67% !important; }
.w-68 { width: 68% !important; }
.w-69 { width: 69% !important; }
.w-70 { width: 70% !important; }
.w-71 { width: 71% !important; }
.w-72 { width: 72% !important; }
.w-73 { width: 73% !important; }
.w-74 { width: 74% !important; }
.w-75 { width: 75% !important; }
.w-76 { width: 76% !important; }
.w-77 { width: 77% !important; }
.w-78 { width: 78% !important; }
.w-79 { width: 79% !important; }
.w-80 { width: 80% !important; }
.w-81 { width: 81% !important; }
.w-82 { width: 82% !important; }
.w-83 { width: 83% !important; }
.w-84 { width: 84% !important; }
.w-85 { width: 85% !important; }
.w-86 { width: 86% !important; }
.w-87 { width: 87% !important; }
.w-88 { width: 88% !important; }
.w-89 { width: 89% !important; }
.w-90 { width: 90% !important; }
.w-91 { width: 91% !important; }
.w-92 { width: 92% !important; }
.w-93 { width: 93% !important; }
.w-94 { width: 94% !important; }
.w-95 { width: 95% !important; }
.w-96 { width: 96% !important; }
.w-97 { width: 97% !important; }
.w-98 { width: 98% !important; }
.w-99 { width: 99% !important; }
.w-100 { width: 100% !important; }
.w-200 { width: 200% !important; }
.w-300 { width: 300% !important; }
.w-400 { width: 400% !important; }