/* You can add global styles to this file, and also import other style files */
html body {
    background-color: #e6e8f0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
span {
    color: #393550;
}

b,
strong {
    color: #393550;
}

.content {
    border-radius: 20px;
    background: white;
}

.color-primary {
    color: #393550;
}

.badge {
    font-size: 20px;
}

div.container {
    max-width: 1600px;
}

.bg-1 {
    background: #e6872b;
}

.bg-2 {
    background: #e6872b;
}

.bg-3 {
    background: #e6872b;
}

.bg-4 {
    background: #e6872b;
}

.bg-5 {
    background: #e6872b;
}

a:hover {
    color: #cb0d00;
}

span.badge{
    color: #ffffff;
    font-size: 16px;
}

.border-color-1 {
    border: 3px solid #b5b5b5;
}

.border-color-2 {
    border: 3px solid #b5b5b5;
}

.border-color-3 {
    border: 3px solid #b5b5b5;
}

.border-color-4 {
    border: 3px solid #b5b5b5;
}

.list-sections > div .box-section {
    border-radius: 16px;
    position: relative;
    cursor: pointer;
    border: 2px solid #904700;
    min-height: 170px;
}

    .list-sections > div .box-section span {
        color: white;
    }

    .list-sections > div .box-section:hover {
        opacity: 0.8;
        border: 2px solid #b50c00;
        box-shadow: 0px 9px 24px 1px rgb(0 0 0 / 12%);
    }

.box-section img {
    margin: 0 auto;
    display: block;
    position: relative;
    top: -30px;
}

.box-section h2 {
    text-align: center;
    font-size: 24px;
    color: white;
}

.list-sections > div .box-section.active {
    border: 2px solid #3c0400;
    box-shadow: 0px 9px 24px 1px rgb(0 0 0 / 16%);
    background: #a6302e;
}

.box-section.active:after {
    content: "";
    position: absolute;
    display: block;
    width: 25px;
    height: 23px;
    left: 0;
    right: 0;
    bottom: -28px;
    margin: auto;
    z-index: 7;
    background: url("./imagenes/imgs/arrow.svg") no-repeat center center;
    background-size: cover;
}

.logo {
    position: absolute;
    top: 0;
}

div .btn-primary,
div .btn-primary:hover,
div .btn-primary:active.badge,
div .btn-check:focus + .btn-primary,
div .btn-primary:focus {
    color: #fff;
    background-color: #b50c00;
    border: none;
}

    div .btn-primary:hover {
        background-color: #d60e00;
    }

.form-control:focus {
    border-color: #6c757d;
}

.search .form-control {
    background-color: #f4f4f4;
    font-size: 18px;
}

.show-content {
    border-radius: 18px;
    box-shadow: 0px 9px 22px 0px rgb(0 0 0 / 10%);
}

.title {
    font-weight: bold;
    font-size: 32px;
}

.subtitle {
    font-weight: bold;
    font-size: 26px;
}

.navbar-nav .nav-link {
    color: #393550;
    font-size: 18px;
}

    .navbar-nav .nav-link:hover {
        color: #b50c00;
    }

div .table {
    color: #393550;
}

.center-v {
    align-items: center;
}

.center-h {
    justify-content: center;
}

.column {
    flex-direction: column;
}

.link {
    color: #b50c00;
    font-weight: bold;
    cursor: pointer;
}

    .link:hover {
        background-color: #fff8f7 !important;
        color: #b50c00;
        text-decoration: underline;
    }

.table tr td div a:hover {
    color: #d80000;
}

.close {
    font-size: 2.2rem;
    position: absolute;
    right: 20px;
    top: 6px;
    z-index: 10;
    background: transparent;
}

b, strong {
    color: #343434;
}

.modal-dialog .modal-content {
    background-color: #ededed;
    border-radius: 25px;
    padding: 1.2rem;
}

.modal-body {
    background: white;
}
/* .table-striped > tbody > tr:nth-of-type(odd) > * {
  background: #e6e8f080;
} */
div .btn-outline-dark:hover,
div .btn-outline-dark:active {
    color: #fff;
    background-color: #393550;
    border-color: #393550;
}

.table > :not(:first-child) {
    border-top: 1px solid black;
}

.table thead tr th {
    line-height: 15px;
    font-size: 14px;
    color: #393550;
}

.table tr td {
    font-size: 16px;
    line-height: 19px;
}

@media screen and (max-width: 768px) {
    .list-sections > div {
        margin-bottom: 15px;
    }

    .box-section img {
        top: 0;
        max-width: 70px;
    }

    .list-sections > div .box-section {
        min-height: auto;
    }
}

.btn-close {
    position: absolute;
    right: 25px;
}
.form-control {
    padding: 0.525rem 0.85rem;
}

.pdf {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACh0lEQVR4XpVSXUhTYRh+vvM/dza3Kf0IBqMgoS6CLrzUggrLO68Lgm4jIioqcFkgsu5CvBCx8qKIwvyhW21ZQZRKqHdb4EyYmLoztx236Xl7z0JoNS964eE97/d+z/N+5/k+QUTYjacvhwl7B8Kp5fst1652VTSKg0+Ibt8l5/IVcnr7KH+ujezuHrLPttFWpItyJ07SRvgILe3bT72DQ/T5+YsIEWEXcDc7p8+Q03CInGdDRP0D5Fy8RDT8hrYHBigtKbQoZJqCoOjjPioWS/Tl/YfJXQGJMhkgnQbq6iCCQdD1G0BzM5DNwonHkSfCGmMZhFAgiO7uHnyanW39GJuKgEOsRB/R6tdpIJ+HFU9gp1SAA6AAgRIAe30NlizB8vnR1D+IlaUkCoUCfD4vwuHDrRUmvh0ZS9bWH2g0fTXQDQMaQ9nMgISEoqYhn8shx8hmcxC8pusSJPwRQtMa/X4TptcLL5NrDB01szPw/EjCZ5oIBAIIBkMIheoY9eCoFFBVFYaHpyoKdCZ7dA0ikYBSKsFwa4+HYfC3C726gMpkWZYYCqAwjh3HzpYNIuJSZii/s6ZVF9DKIiok7lAqBWFtQKsNQKyuQuh6GawOWQi4ofwtIPMEwU3i7MRikDo6sD35Dju3bgILCxDt7fCykfk7nf8KKOXJEuAKLCaxPT0Dtf0CpPNtcFpOocQte3EJ0sMHKDlO9RMoqoLi61cgdltEo7DTadDPDViWBUM3sF4sgu51Qk5b1T3QfSakZBKi6SiczSzm5+YxOTGB0ZERjI+PY3RsFGupFSS+x/e4RiFgRjohHWyAJEuoDfhh2zZMk4W55/V4MTf3DZuZLNyoeImxWIzwn/ELisQdZXmWhzgAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    display: inline-block;
    height: 22px;
    width: 22px;
    cursor: pointer;
    margin: 0 4px;
    background-size: 22px;
}

.docx {
    background-image: url(data:image/png;base64,R0lGODlhEAAQAPetAO3z+MLc+DZrvFWQyvr7/cnh++ry+kN90cfg+jZqvOvz+jVqu8ff+tPl/dzq9vj7/ezy91ug5EaB0snl+lWQy/T3+1qSyvH1+UiEyEuGyGui573Y91CV44So1d/s94+y7fL2+kqN4/P3+4S24myk583j+4uj6LPS8cbf+qrA4vP3/EB3wmKi5mKS5M7j+1WRykWC0kt90cni+0eD0oqo69Dk+7vY9t3n+Hyc6HCm6G2h6Mzh++70+H2w4c7i/EB60dXm/Tx0wdXl/sHb+O30+Nfn/uPt922M5PL3+0WAx9fm8mmdz7nO6Mzi/Pj7//3+/q/H8Hyq132y4sng+9/p9N/r9TVpu016w7TY9kyGxvT4/N7r9k18xVaO4lKNyE2E01ib5Mjh+1uUzGih51WPyTdrvGaNzOzy+FOX483m/Iig6WOLyrrW9fX5/GuY3O/0+omt68Xf+Xac52ec5nGs6LjW9O30+l6H4pCx3b7R8oeu6Onv9cvi+4Sm5tPl/JG07TtuvUyHyNTm/Wmk5mml5oWh6UBxwMzj+7vW9WmW3PD0+LXI8NPm/Iyx7Ziv6q7C467B7/f6/czf/EZ+0kB20cjg+XSi0sjg+73a9pu0797q9s3i/Mvh+8Pd+UF6w9Pg87XK77XU82+Y5UN/0U+E1EJ8w0iAw+vy+GOf5M3j/ESB0jdsvdHk/P///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAK0ALAAAAAAQABAAAAj/AFsxiSJmgMEXFMgswUOglcNWlgDwIAKg4hkISqS4aejQAggEBWRcijOkjhMsPRJx9HIhlYsSfCoFYPMgzYQRHVrpiRCh0R8wH+DA6EIFgog9plpBoYOKERoOrERJ2IAo1AlFWVrdYAGqyAw5gkbRYBAAk403gVrlIdRHFYkWIQ6w2oGgUwA7GVotGpRjEg4dXzI1qHGIAQoDGFpBGiNBUqE5P4A0YLWJUwEkSVo50hBDyB1Savyw8tFkSphInlqZOPCJ1RFKrGLLZtUmiMNSRmbrZlVhlcMVVXbPflDGIZdTHrZocuBAgQIDKrQ8ueIwhRlDArInSLBggRVAax61AgoIADs=);
    background-repeat: no-repeat;
    display: inline-block;
    height: 22px;
    width: 22px;
    cursor: pointer;
    margin: 0 4px;
    background-size: 22px;
}

.doc {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACQElEQVR4XoWSXWjTYBSG32bpvzJZLUxsynSrW/VGUBSEgYiIc0wHu5zMn5VRR6c3vfBeFBWmbto5p+hFFRQUFUG8UPwHnVOLOLUDmW2lrLZaXOyapskXk5BmuSj0gcM5H+R9cw7nmCRJgsLw8JkiINlQg6am5lBPT3cEGhQ0RJjZHd0D2L47gK2dB9HecQAde/YiNHQEg6HDCA4OQcHhdIxGIuOHdIMHr+el6KOMZGM63XeeJHD1fhznbsQwcv09Tl9+DCJJIEQJAoW1fj/V6m+7MHp+LAgZ06W7KamVcYIyiXDaaXC8iGy+hGQqjcmPMYwf71PEqsmViTEY+T6baqDZBQ5vPnNY2WDCw7d/sLrRjMnpLHZusIIv87pY6WRff1B/374ZxcXIyDKK/cfBQgP3XmSQzhXwdCoBB5XHti0+8Dyvi0U5a2I1SiUOMnaaLZRgpmmwhQW47Dy+zuVwtHcTymUCpbvpWRbyprRAJevQ8/JHHrcN/V0evHo3g3qzFRvX+5D4mYUgCmjx2FGNqWeagTJCV3sjipyAtlWbZRHBj1QW6UxerWeSBf3PesZiC/SvbC6/a/+pL5Y6kWlpZryCUIYahMC73II1Xieq8eE5VAyXeDYZGAgy1WbWMxbr2MtbCIfD62joEIZoQh/jQA1kA20EGBCJKq6sSr/C33955FlhsRsoVDEw7tl4wvVL6rDUQYEoYs34UxUDLnptwobawGyxKiYCgKJu4HKvcJ48ccwVj39zAaBQm2JvX2DuP4GTafrB1WSBAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    display: inline-block;
    height: 22px;
    width: 22px;
    cursor: pointer;
    margin: 0 4px;
    background-size: 22px;
}


.page-item.active .page-link {
    background-color: #b50c00;
    border-color: #b50c00;
}
.page-link, a, .page-link:hover {
    color: #b50c00;
}
tfoot nav {
    margin-top:15px;
}
tfoot tr > td {
    padding-top: 16px !important;
}
tfoot {
    border: 0px solid transparent;
}

.nav-sancion.active {
    background: #a6302e !important;
    border: 2px solid #904700 !important;
    min-height: 80px;
    color: white !important;
    line-height:50px;
    font-weight:bold;
    position:relative;
}
.nav-sancion {
    background: #e6872b !important;
    border: 2px solid #904700 !important;
    min-height: 80px;
    color: #904700 !important;
    line-height: 50px;
    font-size: 1.2rem;
}

.nav-sancion.active:after {
    content: "";
    position: absolute;
    display: block;
    width: 25px;
    height: 23px;
    left: 0;
    right: 0;
    bottom: -28px;
    margin: auto;
    z-index: 7;
    background: url(./imagenes/imgs/arrow.svg) no-repeat center center;
    background-size: cover;
}

.icon-size-1{
    width:96px;
    height:91px;
}