/*Tipos de archivo*/ 
.bmp {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAFZklEQVR42rVVCUxUVxS99zMrDMwAgnsVZRE0CC4E4tICVrBuQRRbrFVRqaA2Q1zqVtFuVslYAdGkUapWsRYLiKlAFRUk1VIKiApF3FgUSmEYGAZmhvn/9f1vx1hTkybonbx577//7jt3++civGbB/igvestfxCD92diwHMcSjuUgs6iC/CdASqLakeszeei7Oof2dHcPYRAHuw4dpnR0dlGKxGL7rg6tAhlG3mcyqehsb69U2VFthUgkRrmtbZ+xt5f09hjYtpbmpo72trg9x3KvCQBl1woU5h59pkgsmenoPABltrYgkcpAKpWCpc8EHMcBazZBr0EPRjosJiPVQiB0n1otDH7NiEQgFkthuLc/fJeqaay+fWvU4eyrLBadzwj2C5xyuan2JjHodcj2mcFiMRMbsRgBGWAYhjA2IpTI5CBTOADdJ0jDQkEI8hHgwagglT4KbtTpSLuuBy9kZozTnC64g0e+2rowcvnqzOrSQjJo9BghZFaFF9fPP7/sjLbxIZHYD8Sjmj2LU7Ku/oBJm1aFxqg3X6wtLwJXN69+V01b/X1wGeENyTu3JFCAZNy6bG6Y+tO9+fcqS8ggd2/eMsEoq0UGvZ48unsXfSZMAHwuHDQ3wvz8ngDQ+IC4+07BLxLiDu8/czEeN7wXFrh2x2fXr+efJfUNT7CjrQ1oosmStetQLBZDcd4F8ltxMcZs2AiOAwYIl3V3deHx5AMkKCQE/QKDIPfUSeLk4oJunl6gsJOSkV7+eOpwaqH6y0MzUB0V6hmTsOWP4nOnobq6FqaFhUPJzwUQt+MTkMnlUFZcDEV5F8DZ1RUWx34Icjs7qCothSvnc2GEhwfMjV4CqbsSYaSnpxAifYcW3l+zHq7k59+K3b5vPK6LeNM1auWa5s7WBszLyUX+Ut7KqWHh6Dt5MjyqqyPZx48J7g8fNQrmL/2AZBxKQ6lcTqi3GL99BxxJSiLuPj7oNsYLfkxPJ9Fr1mN1ZYUudtteR4yZFaiKXLq8YfBAJ8XRlBRQOTvDzAWRcDE7C9y8vMA3IADSNRphrqmsBIWDA58XmD5rFlzKyYE4CpB/NhPq6+p4w6jOGJgRHgaV5VXtKzZ97oLvBvsr50REPJwYMEmVcfQIDho2DMIiF5IblwuxrKQEYj/eQg7u3oWBIaHgMW4s1FRUktHe3iiVyciJlGRctHIV1N25Te7X1GDU6lhQOjkRo64Dy8sq2Cv5eU4YOc1XFBwS/OjtObOH3Ci5htUV5XwoyAOq4D52HPVmAUlJ3In+QUHU6neeVYzFYiHHvt6PQRRYp9WS2qqbQiHw7zubH2N9Qwtcys0aLsR2j3rZjcUrYgIIpS6OZeHPx4+JWCpFPrF8yWpbW1GhVAK1+l8fGk81fHWyFKzHYEB7euYpQBOaOAl8/83BSQLApujw3PU7d88xW0yvhKJ1TxqBkang2wP7wgWAhKjQnG2ag/O6Ov96xi3UEzT3dAvW8YzDcxRnsQjPVif4P0qSwh4lPZ62gbIXcX3DHVuaW+B4clKEALAuYnr27rT0+b3dOjT3GgQAnucltnYgkdkSG0rJDGPzD8EjoQT4Ui6yrm/++gsNUdpTD+LnTdm3TZO20V7l+EpCxEtV6XU+BzOtAGuXfbQx1dtvYr/Z1Lq++tM5UpB15mmSY2cHOfuM9yuLjlOPtH7JLyrwRWM2mcBkFDoX8nHXd+qwS6ejzahbyAFrYaGnW882N9Y3Nty/d4KyaeIzy+LnT51O79nsoFR5iCUSPe2vEo5wfRSBMZtN+l6DwUQZtIueaaJgRjq3UrUWOtotLKelTZmha6PJbGk4Wfi71npvv5r+/5HXDvA3BnLjmP4E2vgAAAAASUVORK5CYIJ=);
    background-repeat: no-repeat;
    display: inline-block;
    height: 24px;
    width: 24px;
    cursor: pointer;
    margin: 0 4px;
    background-size: 16px;
    background-position-y: bottom;
}

.jpg {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAFa0lEQVR42r1VaVBTVxQ+J8tLQghhByFggYJ2prZ1rWVx6AJxqTouiEsdHAsORpFWR2EUAXEc0bq0YFuLI9RWq9aduo9VEBEdrWARUZBFymYsAbOT5OX25iFM26n9YbV35mXOOS/3fPd8557vIbzkhf8bwKZVyWJGwBvcazIqtN0af9bOert7ert5DfKT21m71KjXSe3ELus1m2UikVgukUolfD7fnS8QgLOL3ELf8ww6nfFxZ3uz2WhUbdzz010OoP7XCnlbc+MeIcNMcHF1E4olTsCIxeAidwVEBGK3A2uzgtmoA5NeC1azCQixg53G7TYbsKyN85HHAydnOfgEDYWCTTmVaduKRnIAlVfOTg0e8trxtrpqYtT3oM1qAfoQugGfbqQ2HxmRBMQyF+ALGUJPTbFp3LFoYkKXwzRpe4BnB/Kg4SGUnC7233bgfAd+tz07aWLcnIL6qivEOyiMo6x/w9/tP/vP+k93Wwuxghh/2JkXk3+09ALuyEqdEbcg8dDDukpw93/luRppZ1ng8fmc3dXSBFIPBXyTuy4h/9jl7zE7OT5+yZrsA/W3rxKfpxW0PHhAzh09grHTpoNIIiHq9jb0VQSAp6+voy8DFbQ2NeHF4hPQo9GQhNRP0NXDAzStzcTv1Tdxc1rq+i8OX8rEFXOU41ds2HLmt/u3iGdgMAdQevoUuVlWhvNTlkHNrV/IrfJy5G6LTAbDw8PJiIhIbG1qJIcLC1EgEEL0pEnk9VGjOJa6WptI2FtRuGN9xuGMHfvicPnsmNGq1TnX1Q9rgPaAK/POzRtw7sgRmJWYBI/a2yjgaYhLTAQe8uBQ4W4YN34C1FZVwuOODpirUoGPv2KALn2XGjy8A+D4/n2XU3LyojFl2rihCakra8GqJW5+gVwFBr2O7NywAYe/Ew4BIcGkeO9ejIiJ5XguO3uGhA17A+vvVBM6Izhl3jxouFdLNGo1GvUGiFLGEplEiudPnmpMWZ8fgkmTwn3nJi1udXdz4kk9vAZOsmtTLkgpJRNmxUPh1i0DcV+FAibGz4aibVvpyf1hREQE3L52HR53doKl18xV5Cp1hvLSsobktVtDcYFyjO+UWbPrnEQC5981XTj2vfe5m1eQm4sSJyf4aOlSsj0jA338/SB2+gzwGjSIOOZn95bPiF6rxUVp6UCnmuRnZyFLB29JZhaxm0xYXlJmqigrdcb5H4yURccom0OHhLodLNqNAcHBwBcISdP9ezgmOhoiY5UkLysT/QIHc33ov/NVFRXk5+ITqAgKApFYQhpq76JMLoektHSie9SBNTV17MWzp9w4zj9fo6r/cObMkC5awd2+5hF3L2+MUiopmIBUXi1HISOCYaNH/2XQHEmrb9wEISMkddXVKHN1hcSVq4i2sx01WjOc2Pdt37XMXDTz8sLU5ZE2Yntu1dy/82uwWSwwf1kqPOloAzMrgIO7vnybA0hPmFzy6bqN4/SG7oHRp7/o2ECFjkoSQdbay4ke5Zn6LNLp5XohZMScdtEgWi02kNDB9Bkchs2NTQ6Ad7mEdBZKM/MKorQaNVpMxj4EyoSDFkbsRASMiGoa/6nAI+ELhQ7/H7Wo37526QKlqGgsF1wyNXJX9leFHzM04Yta10sowN6iPopUUyLWqtbkrAsMCf3Patpvnz/2I7l08vgQLrh4ckTwiPDIa3ELk70c0/pvAPSLRsxGA7K0B7onPajt6QaTwcD1wGa1cirQ3tL8qKG2poiK3eqBjbSK6fQ+p7t5egUyDKOzWq2ULyrtlHWzyWSgj8lkNDyhiK00Wy/FVNN3nQ6Fpt3uol84vo2191K/QW/qbT9YUsVyLXthpD9jvXSAPwAb2tQRG9WDDwAAAABJRU5ErkJggk==);
    background-repeat: no-repeat;
    display: inline-block;
    height: 24px;
    width: 24px;
    cursor: pointer;
    margin: 0 4px;
    background-size: 16px;
    background-position-y: bottom;
}

.tif {
    background-image: url(data:image/png;base64,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);
    background-repeat: no-repeat;
    display: inline-block;
    height: 24px;
    width: 24px;
    cursor: pointer;
    margin: 0 4px;
    background-size: 16px;
    background-position-y: bottom;
}

.csv {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABHNCSVQICAgIfAhkiAAAA51JREFUSImtlc9LJEcUxz9V3bP2jDPqzqqbFYwHBd2bXgWJJ1E8zcGD/gHiOQT2EMgpe8hNQbIOBC8SFAIbiT8OG/ASshe9+QeMQ2AEHdLq9Ng93TXdOWi3Pb/cSx4UXVVUv8973/e6WvBkAtD5f0wBAU0Ov/778+d39XpdCgRCAEIghIjoxOexdXxP07Rgdnb2p2q1etEMeDk6Orpar/ualA+OpZRPgEdYCBIdYFJKNE37BbgAkDGAUEpRqdwhpYychyApJVIIRGwerkVsLR9AImQ3aC6lRNf1Budh1EKIKPIoizaySRmPuQmQSCRIp9ONzptHCIs9G2oRm7cA6kphWRYvs9kHaUKtheDPT5+4vr7mxYsXuK5LMpnkm9lZvnr9usFhM6AhHyElmq636CuEoFQqkcvlWF5eZmVlhX9Nk98/foxkiY+OgEQiQSaUKF44KVlcXKS3txcpJYZhMPTmDbe3t9RqtQYJm60BoJTirlKJoo66SAiGhoYIggClFK7rEgRBawu3gTR2kRDomtagv5CSyt0dJycnmKZJf38/XV1dXF1dNTjvZK1dlMkghMB2HFLJJFIIDg4OME2TtbU1DMMAYH9/H9M0I+ee5xEEAV1dXZ0BnudhVatYlQp7e3tMTEywtLREqVRieHg4ct4shxCCra0tarUaq6urnWsgpUTXNPr6+shms5RKJYIgIJ1OUy6XsW37ITvbxrKsyDnAyMgItm1TLpeflyiTyZBIJJifn+fs7AwpJTMzMxwfH7O5uUkqlWJgYICenh583+fk5ITp6Wnm5+cpFApks9kvSGRZ2LbN6ekpc3NzAExOTjI+Po5lWWQyGVKpFL7vs7CwgHr8OA8PD5mamgprENDmukYIga7rKKXI5XIYhhFJkEql6O7uBsD3fZRSeJ6HUgrTNJl4+5ZX2VcUi8V/XNetdpRI03Wyj1dFHByugyCIALVajcvLSzzPI5lMUiwWzffvf/zOcZyLtkX2PI/bm5unW7NNf4cfm+d5VKtVDMNgbGwMx3HuP3z4+d3R0dEx4LQFhBKJpr24+b6P7/vU63Xu7+9JJBIUCgVne3v7h52dnd8AK36+VSJNa4m6OYMQ4roejuPc5fP57/P5/K/ATfP5BoDruliWxeDg4LOQEOQ49tXGxsa3u7u7fwCVdufiAOv8/HwvAK1QKLT+VB4tlEcppdbX13eOjo7+AuxOgcTf1gGjzX7bBB6HA9SfO/gfgoF2mODK7roAAAAASUVORK5CYIJ=);
    background-repeat: no-repeat;
    display: inline-block;
    height: 24px;
    width: 24px;
    cursor: pointer;
    margin: 0 4px;
    background-size: 16px;
    background-position-y: bottom;
}

.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: 24px;
    width: 24px;
    cursor: pointer;
    margin: 0 4px;
    background-size: 16px;
    background-position-y: bottom;
}

.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: 24px;
    width: 24px;
    cursor: pointer;
    margin: 0 4px;
    background-size: 16px;
    background-position-y: bottom;
}

.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: 24px;
    width: 24px;
    cursor: pointer;
    margin: 0 4px;
    background-size: 16px;
    background-position-y: bottom;
}

.pps {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAADGElEQVR42s1Va0gUURQ+Z2Zfumu7ro818vGjEA0JQmMLhQqy6En96YUEYYQVkUWxRFgRGpgUZISlEpVIFkIYkUWUVhBlpqmRmraWlZaru773Ne7tzmSrNqOrRNFhBi73Md/5vvOdO9ixOYzwATSQxlTj8XPT2S+M/wkAP2BmBYF6XRqgSg3uT+/A3VoD3Jf3ACMc/El4GehNRaCKT56YhdNOBLC2enSb64j7Qx1yX1sIGQWdkUTBmXdBEZ3gUyKPY4hwH9+Cq7UW3C2v0dVcTUZs3wDptiklUsQlQeDBAmA0uhlJwH+H+9wM9melMPzwGhD7oLREQh1U/iiPTiCyiBiQzZ6LbGgkkYVGAhs8B0Gu9FnkEWsnsZ1NpfWrndxFfFICQHg0egZtxNVUBcC5kQk0EAqIFJCwhihgQ6NAHhmLsshYQg96wTwDVrCkJwlnJ0gkBMMIMikXrYafWNREvRboLzSB41W5WB768gx1e3NBEWv0zvddzYDh8kKxRMq4RNRnlIoKBcSDtuwdxPnmsaREPEjIhZc4ignO6vtozdkplki5YCnqj5VIusjd3kS6jyyXrgFla7hcj4w2WFijLkOLKVkMwATo0VDQQA8wkja17Dci19UuAuDlDM1vQNqswprbXI/dR1dJ1IBGUNY9UMxbKGlJ2/k0cDwv+61VGfBfkQLaXdneqeHKm9CXly6uAZ+RZouJaDYdkGQwdOci9hdnEr8lG0BlXAtsSDhSOxNUa8f206fnxEbagFXSDBSxiyHo5G1JBs6Gp2A9vR3CitoAZXLRuoc2WT91kL2yRLrRhD6QyUnYlSZApb+IARnqxe+p84l2dw74LdvKdy1ynWbCtTcCzRgd1Q+IZ7DX93UdfKoMFDFGybuoKz2RcB1mQJalKY9M/7oeHwEpx0Gzfo+kTL35h8H+qBimG5IMVPErQW+6LslgoPQcGbh1ZmIf+GIg+pDCDwx5NdRSOhFAT9Y24qyrmBmAFDUVtaJuXy6gXDnm74ob0Hfp0LTlmZTBrzEbEkFUxjWAah26Gl8QV/2T//in/7fiBwsQtL+YqBWDAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    display: inline-block;
    height: 24px;
    width: 24px;
    cursor: pointer;
    margin: 0 4px;
    background-size: 16px;
    background-position-y: bottom;
}

.ppt {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAC40lEQVR42r2UX0gUcRDHZ87z7lILJS1f7CH/dKFPSX9AokSt9EX8Q12l+RJEEP2DevDApB6kwoeKEoosUiTQ0B4iOE0xsBezgqxDu47+KOidnkqk3a570+ztaWfu3V6gDSw7v9nd32e/M/MbhFU2/K8Aa44+7sqe6AZETOelLvBcF7iWW0zidJdnY2VBff/IQqinwoi5zV5SBTy3GC37N+ta/A/YiC3YD47542uTkZKzHC8Gx3IXIFqACgY8gg1mwO3HkXck3l1+iR2ghfvixz/GkEbf8Ds6Z7d9Ym/+1b4RTcCB1KgmSC8AqOrQTvCXPoDea4pP5OgaHM+NmXw/mvNwTkNBxj7Aqg7NFMHXV8gACgDkvRz2jx/yMq87v60IYF4UsNNmI7drHODpKXkv8syB9Xynty58inR6AENsRG0ozEtgc3jBPTPnX0/MUvXFbjE0wK8g0i4KrEUfgM0poesn0SQr0AZs2gmYX7PYMSG7KGgtNhYjKyH7BEUAMBcBVrYpf9t1WWlHGcAdS3oTQZIZIPsYYPSaPyovJaAgCtQ+JFkt7YJGDbYUAlS2KcEb2wDcQ1yTOEZwLsRZJZ6Wr7QyBraoiQfwifDJ46vOaPgVEnCUFTQtUXAzG9A9hFTrIdQbkaa/E9zNA5gZATz7FikxY1EBSQJ9niJrehjAYVbQoqqg1gOgNyqxxiIAZy/AiR6AlB1LFDhYQUjAs0NGS2EqzyI1BYV1XGTuGpedYIAbzbQO8MIwkiE2cgWtpYaDZeaox6qA4DaNTwEouQOYlrekyJEAysu36ltVU3R6gFNkUA5gbBJ/+dcEjyRFDChjBa1hi6xy0P5FQQkDnqwmoJhT1AHrUwGySpVg/32AWe6g3efAP6NC2ct6/zkJm6LmYsOuI5lRr5b9ncYsCvYdU3SGD9otVYBswydNVQkm5Mr6Z4xPvgSJSJAUPzgu+zzofN55xZcIXLdfiw/uvZPEkICVtt9HSxw3Dtv+IgAAAABJRU5ErkJggk==);
    background-repeat: no-repeat;
    display: inline-block;
    height: 24px;
    width: 24px;
    cursor: pointer;
    margin: 0 4px;
    background-size: 16px;
    background-position-y: bottom;
}

.pptx {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABOklEQVR42mNkIAAuuKnxAykDIHaA0iCsYLDrFiMhvSDAiGaYPJIhIAMVoBgDEG0B0NB6JNcJEKOJVAv+E2sougVE6P1Aawuo5wP9nTcZfr18yvB0eivDp+N7cVvAqaTBwMzNC+d/uXwapwU/Xzz5zyYuzXDRXR1sAQzcb8iCW4Jhgc7a0wzMPHxw/t8vnxjulsYyfL93A8OC/0AAYqNbAPLJ9Tgn/BZ8PLqbgVNFiwHkQhD7QVMO0RbAxPBacLckBkwrNExj+HLpFNgX+CwgOpLJsQAdIFuI04Lvd68zcCprgsVeLJ7M8HLJFKIsQA5/gpEMiuB3u9YxPJvZjjUVYbMAOQURDCJcSRRmASyZwlyOngcotoCsnExzC4gFuOIAPckObgvoWpoOlAUfaF9lInNoUukTUkBpswUApoUXLrwzenQAAAAASUVORK5CYIJ=);
    background-repeat: no-repeat;
    display: inline-block;
    height: 24px;
    width: 24px;
    cursor: pointer;
    margin: 0 4px;
    background-size: 16px;
    background-position-y: bottom;
}

.xls {
    background-image: url(data:image/png;base64,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);
    background-repeat: no-repeat;
    display: inline-block;
    height: 24px;
    width: 24px;
    cursor: pointer;
    margin: 0 4px;
    background-size: 16px;
    background-position-y: bottom;
}

.xlsx {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABVUlEQVR42mNkIADki9z4gZQBEDtAaRBWeNi3i5GQXhBgRDNMHskQkIEKUIwBiLYAaGg9kusEiNFEqgX/iTUU3QIi9H6gtQWU+eA/EIDYCsXuDA96d6LIg8QwLODl4GbQklYCs0/evQymNaWUGPg4uRmevHvJ8PT9K8oskBYUYzhasxjM9uzNBBt6tGYR0AIeBuuWWAwLyAqi7ohihlBTN4a5h9YxXHt6j6E3soRh55WjDOnzm6gTBzBffPr+BYi/MsgIiTOETyuBBxlFQQQDK7K6GSyU9cDsE3cvMURMK6VOJMNAsIkrOGhAoHHDdIb5hzdgtYDsZLqteBqDlpQymH3t2V0Gr94s6lkAcz3IYD4OHurHwZHqRWBDi5f3gPkgy7DFA1kWwFwPSkF6NcHgjAfLB+i+oFpRgS8nD76yaNBZQPMgIrbCoW2VicyhSaVPSAGlzRYAR+0WFBcSYesAAAAASUVORK5CYIJ=);
    background-repeat: no-repeat;
    display: inline-block;
    height: 24px;
    width: 24px;
    cursor: pointer;
    margin: 0 4px;
    background-size: 16px;
    background-position-y: bottom;
}

.txt {
    background-image: url(data:image/png;base64,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);
    background-repeat: no-repeat;
    display: inline-block;
    height: 24px;
    width: 24px;
    cursor: pointer;
    margin: 0 4px;
    background-size: 16px;
    background-position-y:bottom; 
}

/*Fin tipos de archivo*/

.bs-grid div[class^="col"] {
    border: 1px solid #f5f5f5;
    /*background: #f5f5f5;*/
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
}

.upper-case {
    text-transform: uppercase;
    }


select option { color: black;}

img.center-img {
    display: block;
    margin: 0 auto;
}


/**Loading**/


.modalEpera {
    display: none;
    position: fixed;
    z-index: 20000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba( 255, 255, 255, .3 ) url(data:image/png;base64,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) 50% 50% no-repeat;
}


body.loading {
    overflow: hidden;
}

    /* Anytime the body has the loading class, our
   modal element will be visible */
    body.loading .modalEpera {
        display: block;
    }

/**Fin Loading**/


/**Control upload**/

/*******************tabla grilla**********/
table#progressTable {
    border-collapse: collapse;
    border: 0px;
    width: 100%;
}

    table#progressTable tbody td {
        border-collapse: collapse;
        border: 1px solid #ddd;
        line-height: normal;
        text-align: left;
        cursor: pointer;
        vertical-align: middle;
    }

    table#progressTable tbody th {
        border: 1px solid #666666;
        padding: 5px 2px;
        text-align: left;
        vertical-align: top;
    }

    table#progressTable thead th {
        border-collapse: collapse;
        border: 1px solid #808080;
        text-align:center;
        font-weight: normal;
        background-color: #CCCCCC;
        vertical-align: middle;
        font-weight: bold;
    }

        table#progressTable thead th:empty {
            background: transparent;
            border: none;
        }


@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {

    /* Force table to not be like tables anymore */
    table#progressTable,
    table#progressTable thead,
    table#progressTable tbody,
    table#progressTable th,
    table#progressTable td,
    table#progressTable tr {
        display: block;
        overflow: hidden;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        clear: left;
        width: 100%
    }

        /* Hide table headers (but not display: none;, for accessibility) */
    table#progressTable thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    table#progressTable tr {
        margin: 0 0 1rem 0;
    }

        table#progressTable tr:nth-child(odd) {
            background: #ccc;
        }

    table#progressTable td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
    }

        table#progressTable td:before {
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 0;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap;
        }

        /*
		Label the data
    You could also use a data-* attribute and content for this. That way "bloats" the HTML, this way means you need to keep HTML and CSS in sync. Lea Verou has a clever way to handle with text-shadow.
		*/
        table#progressTable td:nth-of-type(1):before {
            content: "Archivo";
        }

        table#progressTable td:nth-of-type(2):before {
            content: "Tamaño";
        }

        table#progressTable td:nth-of-type(3):before {
            content: "Progreso";
        }

        table#progressTable td:nth-of-type(4):before {
            content: "Eliminar";
        }
}


    /*table.progressTable tfoot th {
        font-weight: bold;
        color: #000000;
        border: 1px solid #ddd;
        padding: 3px;
        text-align: right;
        vertical-align: top;
        font-size: 11px;
        background-color: powderblue;
    }*/

        /*table.progressTable tfoot th.total, table.progressTable tbody td.total {
            background-color: darkgrey;
            padding: 3px;
        }*/


.file-progress {
    height:100%;
}

.status-icon {
    width: 5%;
}

/*.total-progress {
    text-align: right;
    font-weight: bold;
    background-color: chartreuse;
    margin: 0px;
    height: 20px
}*/

/**Fin Control upload**/

.table th, .table td {
    /*padding: 0 !important;
    margin: 0 !important;*/
    padding: 0.20rem 0.5rem !important;
    vertical-align: middle !important;
}

.form-control-static {
     padding-top: 0 !important; 
     padding-bottom: 0 !important; 
}

/**Zoom Image**/
#imgZoom {
    /*myImg*/
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

#imgZoom:hover {
    /*imgZoom*/ 
    opacity: 0.7;
}

/* The Modal (background) */
#divZoom, .divZoom {
    /*.modal*/
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 10000; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    /*background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */*/
}




/* Modal Content (image) */
.modalcontentzoom {
    /*.modal-content*/
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;

    /*margin: auto;
    padding: 20px;    
    width: 80%;*/

}

/* Caption of Modal Image */
#captionZoom {
    /*#caption*/
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
    
}

/* Add Animation */
.modalcontentzoom, #captionZoom {
    /*.modal-content, #caption*/
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from { -webkit-transform: scale(0) } to { -webkit-transform: scale(1) }
}

@keyframes zoom {
    from { transform: scale(0) } to { transform: scale(1) }
}

/* The Close Button */
.closezoom {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.closezoom:hover, .closezoom:focus {
        color: #bbb;
        text-decoration: none;
        cursor: pointer;
    }


/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px) {
    .modalcontentzoom {
        width: 100%;
    }
}

/**Fin Zoom Image**/

/*Placeholder*/

input::-webkit-input-placeholder {
   color: #bbb  !important;
}

input:-moz-placeholder { /* Firefox 18- */
   color: #bbb !important;
}

input::-moz-placeholder {  /* Firefox 19+ */
   color: #bbb !important;
}

input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #bbb !important;
}

input::-ms-input-placeholder { /* Microsoft Edge */
    color: #bbb !important;
}

input::placeholder { /* Most modern browsers support this now. */
   color: #bbb !important;
}
/*Fin Placeholder*/

/*Colores Standar según Lineamientos Graficos Para Interfaces de Usuario - SIJE */
.bg-jne-gris-oscuro {
    background-color: #405C64 !important;
    color: red !important;
}

.bg-jne-gris-fondo {
    /*background-color: #ccc !important;*/
    background-color: #f7f7f7 !important;
}
/* Fin Colores Standar según Lineamientos Graficos Para Interfaces de Usuario - SIJE */


/*Grid Table*/

.div-table-cell-relleno {
    border-bottom: 1px solid #ffffff !important;
    border-top: 1px solid #ffffff !important;
    border-left: 1px solid #d0d6db;
    padding-top: 2px;
    margin-right: -1px;
    margin-bottom: -1px;
}

.div-table-cell-ajusta > div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.div-table-cell-body > div, .div-table-cell-head > div, .div-table-cell-foot > div {
    border: 1px solid #d0d6db;
    padding-top: 2px;
    /*padding-left: 2px;*/    
    margin-right: -1px;
    margin-bottom: -1px;
    /*word-wrap: break-word;*/
    color: black;
}

.div-table-cell-head > div {
    text-align: center;
    font-weight: bold;    
}

.row > .div-table-cell-head-left {
    text-align: left;
}

.div-table-object-center {
    margin: 0 auto;
    float: none;
    text-align: center;
}

.div-table-cell-foot > div {
   
}

.div-table-cell-body:nth-child(even) {
        background-color: #FFFFFF;
}

.div-table-cell-body:nth-child(odd) {
        background-color: #F5F5F5;
    }


.div-table-cell-body:hover > div {
    background-color: #daf2fb;
}

.div-table-info {
    padding-top: 4px;
    padding-bottom: 10px;
    padding-left: 10px;
    white-space: nowrap;
    vertical-align: central;
}

.div-table-paginate {
    margin: 0;
    white-space: nowrap;
    text-align: right;
    padding-top:2px;
       
}

.div-table-paginate ul.pagination {
    margin: 0px;
    padding-top: 4px;
    padding-bottom: 10px;
    white-space: nowrap;
    justify-content: flex-end
}

@media screen and (max-width: 767px) {
    .div-table-info {
        text-align: center;
    }



    .div-table-paginate ul.pagination {
        text-align: center;
        justify-content: center !important;
        -webkit-box-pack: center !important;
    }

}

.fondo-dark > div
{
    color: #E6E6E6;    
    font-weight: normal;
    background-color: #444343;
    border: 0;
}

/*.div-table-head {
    display: table-header-group;
  
    width:100%;
    max-width:100%;
}

.div-table-body {
    display: table-row-group;
}

.div-table-foot {
    display: table-footer-group;
}

.divTableFoot {
    background-color: #EEE;
    display: table-footer-group;
    font-weight: bold;
}*/

/*Fin Grid Table*/

/*.dl-horizontal dl {
    padding: 0.5em;
}

.dl-horizontal dt {
    clear: left;
    text-align: right;
    color: #607d8b;
    float: left;
    font-weight: bold;
    margin-right: 10px;
    width: 30%;
}

.dl-horizontal dt::after {
    content: ":";
}

.dl-horizontal dd dt {
   
    padding: 3px;
}

.v-align {
    float: none;
    display: inline-block;
    vertical-align: middle;
}*/

    /*Para imprimir - Tamaño de la Hoja*/
    /*Fin Para imprimir - Tamaño de la Hoja*/


    /*Tamaño modal full*/

.modal-fluid {
    max-width: 100%;
    margin-right: 0%;
    margin-left: 0%;
   

    
  
}

/*Fin Tamaño modal full*/

[accesskey]::after {
    content: " [" attr(accesskey) "]";
}



.no-gutters {
    margin-right: 1px;
    margin-left: 1px;
}

    .no-gutters > .col,
    .no-gutters > [class*='col-'] {
        padding-right: 1px;
        padding-left: 1px;
    }

/*.btn-icon {
    padding-top: 0.1rem !important;
    padding-bottom: 0.1rem !important;
}*/





/*Begin floating-Lable*/

:root {
    --input-padding-x: 0.75rem;
    --input-padding-y: 0.75rem;
    --select-padding-x: 0.75rem;
    --select-padding-y: -0.75rem;
}

.form-label-group {
    position: relative;
    margin-bottom: 1rem;
    /*width:100%;*/
}


    .form-label-group > label {
        padding: 0.5px var(--input-padding-x);
    }

    .form-label-group > textarea {
        padding: var(--input-padding-y) var(--input-padding-x);
    }

    .form-label-group > select {
        padding: var(--input-padding-y) var(--input-padding-x);
    }


    .form-label-group > label {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        margin-bottom: 0; /* Override default `<label>` margin */
        line-height: 1.5;
        color: #495057;
        border: 1px solid transparent;
        border-radius: 0.25rem;
        transition: all 0.1s ease-in-out;
    }

    .form-label-group input::-webkit-input-placeholder,
    .form-label-group textarea::-webkit-input-placeholder {
        color: transparent;
    }

    .form-label-group input:-ms-input-placeholder,
    .form-label-group textarea:-ms-input-placeholder {
        color: transparent;
    }

    .form-label-group input::-ms-input-placeholder,
    .form-label-group textarea::-ms-input-placeholder {
        color: transparent;
    }

    .form-label-group input::-moz-placeholder,
    .form-label-group textarea::-moz-placeholder {
        color: transparent;
    }

    .form-label-group input::placeholder,
    .form-label-group textarea::placeholder {
        color: transparent;
    }

    .form-label-group input:not(:placeholder-shown),
    .form-label-group textarea:not(:placeholder-shown) {
        padding-top: calc(var(--input-padding-y) + var(--input-padding-y) * (2 / 3));
        padding-bottom: calc(var(--input-padding-y) / 3);
    }

        .form-label-group input:not(:placeholder-shown) ~ label,
        .form-label-group textarea:not(:placeholder-shown) ~ label {
            padding-top: calc(var(--select-padding-y) / 3);
            padding-bottom: calc(var(--input-padding-y) / 3);
            font-size: 12px;
            color: #777;
        }




    .form-label-group select::-webkit-input-placeholder {
        color: transparent;
    }

    .form-label-group select:-ms-input-placeholder {
        color: transparent;
    }

    .form-label-group select::-ms-input-placeholder {
        color: transparent;
    }

    .form-label-group select::-moz-placeholder {
        color: transparent;
    }

    .form-label-group select::placeholder {
        color: transparent;
    }

    .form-label-group select:not(:placeholder-shown) {
        padding-top: calc(var(--select-padding-y) + var(--select-padding-y) + * (2 / 3));
        padding-bottom: calc(var(--select-padding-y) / 3);
    }

        .form-label-group select:not(:placeholder-shown) ~ label {
            padding-top: calc(var(--select-padding-y) / 3);
            padding-bottom: calc(var(--select-padding-y) / 3);
            font-size: 12px;
            color: #777;
        }
/*End floating-Lable*/


.svg-icon.svg-icon-success svg [fill]:not(.permanent):not(g) {
    transition: fill .3s ease;
    fill: #50cd89
}

.svg-icon.svg-icon-success svg:hover [fill]:not(.permanent):not(g) {
    transition: fill .3s ease
}

.svg-icon.svg-icon-danger svg [fill]:not(.permanent):not(g) {
    transition: fill .3s ease;
    fill: #f1416c
}

.svg-icon.svg-icon-danger svg:hover [fill]:not(.permanent):not(g) {
    transition: fill .3s ease
}

.svg-icon.svg-icon-primary svg [fill]:not(.permanent):not(g) {
    transition: fill .3s ease;
    fill: #009ef7
}

.svg-icon.svg-icon-primary svg:hover [fill]:not(.permanent):not(g) {
    transition: fill .3s ease
}

.svg-icon.svg-icon-white svg [fill]:not(.permanent):not(g) {
    transition: fill .3s ease;
    fill: #fff
}

.svg-icon.svg-icon-white svg:hover [fill]:not(.permanent):not(g) {
    transition: fill .3s ease
}