@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap');

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "Nunito Sans", sans-serif;
    /* font-weight: 400; */
    overflow-x: hidden;
    overflow-y: auto;
    /* font-size: 12px */
}
h1.text-dark, h1.titles, h1{
    color: #B17A45;
    font-weight: bold;
}
.layout-fixed .wrapper .sidebar{
    background-image:url(../img/sidebar.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0;
}
.bg-logo{
    background-color: #A3114C;
}
.brand-link .brand-image{
    float: none;
}
.nav-sidebar .nav-item>.nav-link {
    color: #A3114C ;
}

.navbar-light .navbar-nav .nav-link {
    color: #A3114C!important;
    width: 100%;
}
.nav-sidebar>.nav-item{
    width: 100%;
}
.wrapper .sidebar-light-danger .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #A3114C!important;
    width: 100%;
    border-radius: 0;
}
.sidebar .form-inline .input-group {
    width: 90%;
    -ms-flex-wrap: nowrap;
    flex-wrap: m;
    margin: auto;
}
.wrapper .sidebar .form-inline .input-group {
    width: 90%;
    margin: auto;
 
}
.collapse  .info-block,.collapse  .warning-block,.collapse  .danger-block,.collapse  .success-block {
    padding: 26px 16px 8px 19px;

}
.breadcrumb a{
    color: #000;
}
.breadcrumb .breadcrumb-item.active{
    color: #B17A45;
}
.wrapper .main-footer {
    background-color: #A3114C;
    border-top: 4px solid #B17A45;
    color: #FFF;
    padding: 1rem;
}
.wrapper .main-footer a{
    color:#B17A45!important ;
}
.small-box.box-white{
    background-color: #FFF;
}
.small-box.box-white .title-box{
    color: #A3114C;
    font-weight: bold;
}
.small-box.box-white h3{
    color: #4D4F5C;
}
.small-box.box-white i{
    color: #24C840;
}
.wrapper .small-box>.small-box-footer {
    background-color: transparent;
    color: #A3114C;
    padding: 3px 17px;
    text-align: right;
}
.wrapper .small-box>.small-box-footer i{
    color: #A3114C;
}
.wrapper .card-danger:not(.card-outline)>.card-header,.wrapper  .card-danger:not(.card-outline)>.card-header a{
    color: #4D4F5C;
    background-color: #FFF;
}
.wrapper .bg-danger>.card-header .btn-tool:hover,.wrapper  .bg-gradient-danger>.card-header .btn-tool:hover,
.wrapper .card-danger:not(.card-outline)>.card-header .btn-tool:hover {
    color: #A3114C;
}
.wrapper .card-header .btn.btn-tool{
    color: #A3114C;
}
.wrapper table.table-bordered{
    border: 0.1px solid #A3A6B4;
    width: 100%!important;
}

.wrapper .table-striped tbody tr:nth-of-type(odd){
    background-color: #FFF;
}
.wrapper table a{
    color: #A3114C;
}
.wrapper .btn.btn-default, .btn-default:hover  {
    background-color: #A3114C !important;
}
.wrapper table a i{
    /*color: #fff;*/
}
.wrapper table a .fa-exclamation-triangle{
    color: #A3114C;
}
.list-group-item.active {
    background-color: #A3114C;
    border-color: transparent;
}
.nav-pills .nav-link.active{
    background-color: none !important;
}
.wrapper div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    margin: 2px 0;
    white-space: nowrap;
    width: 100%;
    margin-top: 20px;
}
.wrapper thead {
    background-color: #F5F6FA;
    color: #A3A6B4;
}
span.input-group-text.bg-primary-light {
    background-color: #A3114C;
    color: #fff;
}
.search-title .text-light {
    color: #000 !important;
}
.card-body a{
    color: #A3114C;
}
.card-body a.btn.btn-primary{
    color: #ffffff;
}
a.btn.btn-flat {
    background-color: transparent !important;
    border-radius: 10px;
    padding: 5px 30px;
    color: #A3114C;
}
.btn.modalMensaje, .navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn-default{
    color: #FFF!important;
}
.wrapper .nav-tabs .nav-item.show .nav-link,.wrapper  .nav-tabs .nav-link.active {
    color: #a3114c;
    border: none;
    font-weight: 700;
    border-bottom: 3px solid #a3114c;
}
.nav-tabs{
    border: none !important;
}
.nav-tabs .nav-link{
    color: gray;
}
.wrapper .nav-tabs i{
    /*color: #A3114C!important;*/
}
.user-menu .btn.btn-default{
    background-color: #A3114C;
    color: #fff!important;
}
.user-menu .btn.btn-default.float-right{
    background-color: transparent;
    color: #A3114C!important;
    border: 1px solid #A3114C;
}
table .text-center a.btn.btn-sm.btn-primary {
    margin-bottom: 10px;
}
.bg-login {
    background-image: url(../img/Gob-Color-Vertical-02.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0;
    background-position: center;

}
.bg-login .services {
    display: flex;
    width: 100%;
    justify-content: center;
    height: 190px;
    background-color: rgba(255, 255, 255, 0.2);
    bottom: 20px;
    position: absolute;
}
.bg-login .services p{
    display: flex;
    align-items: center;
    color: #FFF;
}
.bg-login .services img{
    width: 130px;
}
.welcome{
    width: 100%;
    height: 100%;
}
.sgglogin{
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url(../img/bg_right.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
}
.login-box .card, .register-box .card {
    box-shadow: none;
}
.login-card-body, .register-card-body {
    background-color: transparent!important;

}
.login-box-msg, .register-box-msg {
    color: #A3114C;
    font-size: 30px;
    font-weight: 500;
}
.row.start-sesion {
    margin-top: 20px;
    margin-bottom: 10px;
    color: #A3114C;
}
.login-card-body .input-group .form-control, .register-card-body .input-group .form-control {
    border-right: 0;
    border-radius: 10px;
    font-size: 12px;
}
.input-group-append span {
    color: #A3114C!important;
}
.dataTables_info{
    color: #A3114C
}
.input-group-append i{
    color: #fff!important;
}
.page-item.next a{
    background-color: #A3114C;
    color: #FFF!important;
}
.cardTitle h3{
    color: #A3114C
}
.cardTitle .checkCard{
    right: 20px;
}
.cardTitle .checkCard:checked{
    background-color: #A3114C;
}
label:not(.form-check-label):not(.custom-file-label) {
    font-weight: 700;
    color: #A3114C;
}
.nav.nav-treeview p{
    color: #B17A45;
}
.btn.btn-sidebar .fa-search {
    color: #A3114C!important;
}
a.start-procedure-button {
    text-align: center;
    display: inline-flex;
    position: relative;
    max-width: 100%;
}
.card-info:not(.card-outline)>.card-header {
    background-color: #fff!important;
    border: 1px solid #A3114C;
    color: #A3114C;
}
.small-box.bg-whiteprimary{
    background-color: #FFF!important;
}
.small-box.bg-whiteprimary p{
    color: #A3114C;
}
.nav-user .nav-pills .nav-link.active{
    background-color: rgba(0, 0, 0, .1) !important;
}

@media (max-width: 768px) {
    .steps .steps-progress-bar.bar-mobile {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }
    .bg-login, .start-procedure.submit-button{
        display: none!important;
    }
    .card-header{
        flex-direction: column;
    }
    .clickable {
        width: 100%;
    }
    .nav li.nav-item {
        width: 100%;
    }
.bg-login .d-none{
    display: none!important;
}
.dataTables_wrapper, .tab-content>.active {
    overflow: auto;
}
.public-body .web-header .public-organization-logo img {
    max-width: 70px;
}
.steps {
    display: none!important;
}
}
.card-login{
    background-color: #fff !important;
}

.info-item-profile {
    padding: 10px !important;
    background-color: #f8f9fa !important;
    border-radius: 5px !important;
    border-left: 3px solid #c99367 !important;
}
.info-item-profile small {
    font-size: 0.85rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.info-item-profile strong {
    font-size: 1rem;
    color: #2c3e50;
}
.card-outline.card-primary {
 border-top: 3px solid #c99367;
}
.card-outline.card-success {
    border-top: 3px solid #c99367;
}
.img-circle-profile {
 /*border: 4px solid #a3114c;*/
 border-radius: 50% !important;
}
.letra-v{
    color: #a3114c;
}
.tab-gris{
    background-color: gray !important;
    border-radius: 50px;
    color: #fff !important;

}
.tab-vino{
    background-color: #a3114c !important;
    border-radius: 50px;
    color: #fff !important;

}
.tab-gold{
    background-color: #c99367 !important;
    border-radius: 50px;
    color: #fff !important;
}
iframe{
    border-radius: 10px !important;
}
.custom-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1050;
    display: none;
}

.custom-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    padding: 25px;
    border-radius: 8px;
    width: 90%;
    max-width: 800px;
    max-height: 90vh;
    overflow-y: auto;
    z-index: 1051;
    display: none;
}

.custom-modal-close {
    position: absolute;
    top: 10px;
    right: 15px;
    background: none;
    border: none;
    font-size: 2.2rem;
    line-height: 1;
    cursor: pointer;
    color: #888;
}

.custom-modal.active, .custom-modal-overlay.active {
    display: block;
}

.custom-modal-body h1 {
    margin-top: 0;
    font-size: 1.25rem;
}
.color-verde{
    color: #21A264;
}
.bg-primary{
    background-color: #A3114C !important;
}
.letra-b{
    color: #fff !important;
}
.fa-sort-down{
    transition: transform 0.3s ease;
}
.toggle-icon{
    font-size: 25px;
    color: #a3114c91;
}
.gap-1{
    gap: 1rem;
}
.table-thead-default{
    background-color: #a3114c21 !important;
    color: #a3114c !important;
}
.table-thead-gray{
    background: #6c757d2e !important;
    color: #6c757d !important;

}
.table-thead-danger
{
    background: #dc35452e !important;
    color: #dc3545 !important;
}
.badge-success {
    color: #28a745;
    background-color: #28a74529;
    border-radius: 50px;
}
.badge-danger {
    color: #dc3545;
    background-color: #dc354530;
    border-radius: 50px;
}
.img-circulo{
    color: #a3114c;
    background: #a3114c30;
    border-radius: 50px;
    width: 45px;
    height: 45px;
    justify-items: center;
    align-content: center;
}
.table td, .table th{
    align-content: center;
}

.info-box .info-box-icon{
    height: 70px !important;
    width: 70px !important;
}
.info-box{
    align-items: center !important;
    box-shadow: 0 0 16px 0 #8080801c !important;
    border: 1px solid #80808036 !important;
}
.bg-warning, .bg-warning>a{
    color: #fff !important;
}
.bg-secondary{
    background-color: #c9936736 !important;
    color: #c99367 !important;
}
.gap-2{
    gap: 2rem;
}
.table, table{
height: 100% !important;
}


.fitd-a11y-chip {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.fitd-a11y-chip--visual {
  background-color: #f5e6ec;
  color: #b30d49;
}

.fitd-a11y-chip--movilidad {
  background-color: #eee7f8;
  color: #7b43b5;
}

.fitd-a11y-chip--auditivo {
  background-color: #e7f0fb;
  color: #1c73c9;
}

.fitd-a11y-chip--ninguno {
  background-color: #fdf3dc;
  color: #f2ab00;
}

.fitd-a11y-chip--otro {
  background-color: #f0f1f3;
  color: #8c9199;
}

.fitd-a11y-progress {
  width: 100%;
  height: 8px;
  border: 0;
  border-radius: 8px;
  overflow: hidden;
  appearance: none;
  -webkit-appearance: none;
}

.fitd-a11y-progress::-webkit-progress-bar {
  background-color: #e5e7eb;
  border-radius: 8px;
}

.fitd-a11y-progress::-webkit-progress-value {
  border-radius: 8px;
}

.fitd-a11y-progress::-moz-progress-bar {
  border-radius: 8px;
}

.fitd-a11y-progress--visual::-webkit-progress-value,
.fitd-a11y-progress--visual::-moz-progress-bar {
  background-color: #b30d49;
}

.fitd-a11y-progress--movilidad::-webkit-progress-value,
.fitd-a11y-progress--movilidad::-moz-progress-bar {
  background-color: #7b43b5;
}

.fitd-a11y-progress--auditivo::-webkit-progress-value,
.fitd-a11y-progress--auditivo::-moz-progress-bar {
  background-color: #1c73c9;
}

.fitd-a11y-progress--ninguno::-webkit-progress-value,
.fitd-a11y-progress--ninguno::-moz-progress-bar {
  background-color: #f2ab00;
}

.fitd-a11y-progress--otro::-webkit-progress-value,
.fitd-a11y-progress--otro::-moz-progress-bar {
  background-color: #8c9199;
}
.btn-qr{
    width: 35px !important;
    height: 35px !important;
}
.fa-bell{
    font-size: 1.3rem;
}