/******************Menú Iconos******************/
.menuIconos { display: flex; justify-content: center; }
    .menuIconos > div { display: flex; flex-wrap: wrap; justify-content: center; position: relative; }
.contenedorMenuIconos { margin: auto auto; justify-content: center; align-items: center; }
    .contenedorMenuIconos span.tituloSeccion { display: block; opacity: 0; transition: opacity .5s; background: #96c83c; font-size: 1.7rem; padding: 1.5rem; border-radius: .3rem; width: 100%; color: white; text-align: center; }
    .contenedorMenuIconos > div:first-of-type { margin: .3rem; }
.menuIconos a { color: #65646a; display: flex; flex-direction: column; align-items: center; justify-content: space-between; min-width: 85px; max-width: 85px; height: 85px; vertical-align: top; margin: .3rem; cursor: pointer; text-align: center; padding: 10px; background: #e5e5e5; border-radius: .3rem; transition: background .5s; }
    .menuIconos a:hover, .menuIconos a:active { color: black; text-decoration: none; background: #dfdbdb; }
        .menuIconos a:hover img { filter: brightness(0.7); }
.menuIconos img { width: 37px; height: 37px; border: none; transition: filter 500ms; }
.menuIconos span { display: block; flex-grow: 1; text-align: center; padding-top: 6px; line-height: 1rem; font-size: .9rem; display: flex; align-items: center; }
.menuIconos a { opacity: 0; animation-name: opacidad; animation-fill-mode: forwards; animation-duration: .5s; }
    .menuIconos a[itemnumber="0"] { animation-delay: .1s; }
    .menuIconos a[itemnumber="1"] { animation-delay: .2s; }
    .menuIconos a[itemnumber="2"] { animation-delay: .3s; }
    .menuIconos a[itemnumber="3"] { animation-delay: .4s; }
    .menuIconos a[itemnumber="4"] { animation-delay: .5s; }
    .menuIconos a[itemnumber="5"] { animation-delay: .6s; }
    .menuIconos a[itemnumber="6"] { animation-delay: .7s; }
    .menuIconos a[itemnumber="7"] { animation-delay: .8s; }
    .menuIconos a[itemnumber="8"] { animation-delay: 1s; }
    .menuIconos a[itemnumber="9"] { animation-delay: 1.1s; }
    .menuIconos a[itemnumber="10"] { animation-delay: 1.2s; }
    .menuIconos a[itemnumber="11"] { animation-delay: 1.3s; }
    .menuIconos a[itemnumber="12"] { animation-delay: 1.4s; }

/* NumericUpDownExtender */
.divNumericUpDown { height: auto; font-size: 0px !important; display: inline-block !important; padding: 0px !important; position: static !important; width: auto !important; height: auto !important; }
    .divNumericUpDown table { position: static !important; border: 0px none; }
        .divNumericUpDown table td { border: 0px !important; }
            .divNumericUpDown table td[rowspan='2'] { padding: 0px !important; }
        .divNumericUpDown table tr { padding: 0px !important; }
    .divNumericUpDown span { float: left !important; height: 18px !important; padding-top: 6px !important; margin-right: 2px !important; }
    .divNumericUpDown input[type="button"] { font-size: 0px; border-radius: .3rem; text-indent: 200%; white-space: nowrap; overflow: hidden; width: 22px !important; height: 12px !important; margin-right: 2px !important; border: 0px none !important; background-size: 40%; border-left: 0px none !important; }
    .divNumericUpDown input[type="text"] { width: 28px !important; text-align: center !important; height: 20px !important; border-radius: 0px !important; font-size: 11px !important; }
    .divNumericUpDown table tr:first-child input[type="button"] { background-image: url('../../images/arrowup.svg') !important; background-repeat: no-repeat; background-position: center center; }
    .divNumericUpDown table tr:last-child input[type="button"] { transform: rotateX(180deg); background-image: url('../../images/arrowup.svg') !important; background-repeat: no-repeat; background-position: center center; }
    .divNumericUpDown table tr:first-child input[type="button"]:hover { background-image: url('../../images/arrowups.svg') !important; background-repeat: no-repeat; background-position: center center; }
    .divNumericUpDown table tr:last-child input[type="button"]:hover { background-image: url('../../images/arrowups.svg') !important; background-repeat: no-repeat; background-position: center center; }
    .divNumericUpDown input[type=button] { margin: 0 .25rem .1rem .25rem; }
    .divNumericUpDown table tr:nth-child(even) { background: none !important; }

input[type="checkbox"] + label { padding: 5px 5px 0px 5px; display: inline-flex; justify-content: left; align-items: center; left: -4px; transition: all .4s; }
input[type="checkbox"][disabled] + label, input[type="radio"][disabled] + label { opacity: .5; }
    input[type="checkbox"][disabled] + label:before, input[type="checkbox"][disabled] + label:after { cursor: auto; }
input[type="checkbox"] + label:before { content: ""; order: -2; transition: background .4s; width: 23px; height: 14px; background: #dbdbdb; cursor: pointer; border-radius: .3rem; border-radius: 7.5px; position: relative; left: 4px; box-shadow: inset 0px 2px 3px -2px rgb(0 0 0 / 20%); }
input[type="checkbox"] + label:after { content: ""; order: -1; position: relative; left: -17px; transition: left .4s cubic-bezier(0.25, 0.46, 0.45, 0.94); cursor: pointer; width: 10px; height: 10px; border: 2px solid #ffffff; background: white; border-radius: 6px; }

input[type="checkbox"]:checked + label:after { border: 2px solid #ffffff; left: -8px; }
input[type="checkbox"]:checked + label:before { background: #6babb8; }
input[type="checkbox"] { display: none; }
input[type="radio"] { display: none; }

    input[type="radio"] + label { border: 1px solid #ffffff00; position: relative; top: -0.1rem; display: inline-block; left: 0.2rem; margin: .25rem .5rem .25rem 0; cursor: pointer; padding: .38rem; padding-right: .7rem; border-radius: .3rem; height: 26px; transition: all .3s; display: inline-flex; justify-content: center; align-items: center; }
        input[type="radio"] + label:before { transition: border .2s; border: 1px solid #6babb8; content: ""; border-radius: 50%; width: 15px; height: 15px; float: left; background: #fff; cursor: pointer; margin-right: .38rem; }
    input[type="radio"]:checked + label:before { border-width: 4px; }
    input[type="radio"]:checked + label:after { background: #6babb8; width: 9px; height: 9px; margin-left: -19px; top: 3px; }
    input[type="radio"]:checked + label, input[type="radio"]:not([disabled]) + label:hover { background: #6babb830; border-color: #ffffffad; }
    input[type="radio"][disabled] + label:before { border-color: #c4c9cc; }

@keyframes opacidad {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes footer {
    from { bottom: -40px; }
    to { bottom: 0; }
}