*,
:before,
:after {
    box-sizing: border-box
}

@media print {
    header,
    nav,
    footer,
    #idPagination,
    #idQuickReport,
    #idUpdate,
    #MyFilter,
    #idDeepSearch,
    #idAddNew,
    #idRefreshList,
    #idOPOR,
    #idOPOR,
    #idGoTop,
    .no-print,
    .no-print * {
        display: none!important;
        height: 0
    }
    html {
        height: 90%
    }
}

html {
    height: 100%;
    scroll-behavior: smooth
}

body {
    animation: fadeIn 1s ease-in 1 forwards;
    margin: 0;
    min-height: 100%;
    opacity: 0;
    padding: 0;
    position: relative
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    50% {
        opacity: .8
    }
    100% {
        opacity: 1
    }
}

@keyframes fadeOut2 {
    100% {
        opacity: 0
    }
    0%,
    80% {
        opacity: 1
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

@keyframes fadein {
    from {
        bottom: 0;
        opacity: 0
    }
    to {
        bottom: 20px;
        opacity: 1
    }
}

@keyframes fadeout {
    from {
        bottom: 20px;
        opacity: 1
    }
    to {
        bottom: 0;
        opacity: 0
    }
}

@keyframes blinker {
    50% {
        opacity: .2
    }
}

::-webkit-scrollbar {
	height: 4px;
	width: 4px;
	border: 1px solid #d5d5d5;
}

::-webkit-scrollbar-thumb {
	background: var(--mediumBG);
	border-radius: 2px;
}

::-webkit-scrollbar-thumb:hover {
	background: var(--darkBG);
}

.loader {
    animation: spin 2s linear infinite;
    border-radius: 50%;
    bottom: 0;
    height: 120px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 120px;
    z-index: 201
}

.modelContainer {
    background: rgba(0, 0, 0, 0.8);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 200
}

.modelCanvas {
    background: rgba(255, 255, 255, 1);
    border: 3px solid #fff;
    left: 50%;
    margin: 0;
    max-height: 90%!important;
    max-width: 90%!important;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%)
}

#mbConvas {
    height: 400px;
    left: 50%;
    margin-left: -300px;
    position: absolute;
    top: 10%;
    width: 600px;
    z-index: 30;
}

#mbTitle {
    font-size: 150%;
    height: 50px;
    margin: 0;
    padding: 5px 10px;
	text-align: left;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.iconInfo {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAsQAAALEBxi1JjQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAHXSURBVEiJ7ZS/SxthGMc/710QghbBoQURXFSqKBL3Ig46K4IIEa2rm4ODUko2i1Bo/4XWBMzg6Kigs6AgKuoi/hgcqsb4A5P4dLg35yW59y7SOrXf5d577vl+P/fc3XvwX68lSTEpKdYlxdRLfKpqwCJDKJY9pWEVLzn/M4j8oBabfaDJUz6lwHs1zm2Y36oGgs1MGQCgSddDFTqJJGkG9oCoz+V7oF3FOQ7KCJ9EmHcBPV9h9AE6PxWvRoEvYRGBk8hPPmCxDoAdhZEsKAskD0u18PRYbO1Vcd3nI+MkksDC4rtbKDyA5Jx1LusFAHyThDnL/LjamABiHizcHDnLu5Py7hgtfHwRRNLU63dRqutd53hzWGlSzEua+qoh5JgF3lXUM/sacuDneqt94RBJ0gpM+8IzOrz42Co1rf3BEGABqPGNOF+B1X44Mf5NarTfDJFFBoBBUwLNo9CVcI5mDeocV+4+kTUinLMNdPha7SiMZEBFnH2SfuN81v7apZFu1Ue+dJIzJo0AgMI9XO0468vtIABAh84rmyTJJtAT5CRSBw0x+LUJ+bvAVmBLxZ19FvEUHw3Nz8pn4WIjtE2r4N6bW7IZ44k5hO5qUwJ0jOLzX8j5F/UbDBuDHANf0lAAAAAASUVORK5CYII=) no-repeat left center;
    padding-left: 30px!important
}

.iconInfo:empty {
    background: none
}

.saveIcon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAAXNSR0IB2cksfwAAAAlwSFlzAAAATwAAAE8BY4r91wAAAVxQTFRFERERBAQEAgICAwMDDw8PUVFRAAAAAwMDAAAAAgICCgoKJycnAQEBBgYGOTk5AwMDCQkJBQUFBAQEBgYGCAgIAgICCwsLSkpKAQEBDQ0NaWlpERERAwMDAAAABgYGQkJCDAwMDg4OAQEBBQUFERERAwMDBgYGBQUFAgICAQEBBAQEAAAAAQEBAQEBDQ0NFhYWCQkJBQUFCwsLDw8PBQUFERERHBwcHR0dGhoaDw8PAwMDBwcHDAwMCQkJCwsLDw8PGRkZDAwMCQkJCwsLFBQUERERAwMDDAwMWVlZT09PTU1NT09PVVVVFxcXCQkJBwcHCQkJEhISFBQUBwcHBAQEBgYGDw8PERERAwMDAAAAAwMDDAwMFBQUBgYGBAQEBgYGDw8PHh4eERERDg4OEBAQGRkZFhYWCAgICAgIERERFRUVCAgIBQUFBwcHEBAQAwMDAAAAAwMDDQ0NCgoKHwOQ9wAAAHR0Uk5TaPT/+30EAPT/+3gF+a4F439gYGGG6ncD/WABFGFoWAJ2d/Q1MO/YQvnzNEBA/EodjpiAYdZUODg4XODLiLyQcApASEUPJPM0Ag4QDwMbq8C3JxJygHoaCkBIRQ8gx+DVLgg1PDkMFYeRHxiVqKAi2ajOkLA+Ryj0AAAA+0lEQVR4nGNgYGTCAZhZWNnY2BjYOXACTi5uoALc8hwcPLx8UAX8AoJCqEBYRBSkQkwcrEBCUooNDqRlZGXl2NjkFcBmKIIVKCkj5NlUVDk41IC0OthsDbACTS0sCrQh7hhQBTpICnT1kBToGxgaGgFpYyQFHCamZuaowMLSClkBHkCcAmsbrMAWrsCODSuwJ0WBg6MTGnB2QVHgyo/uODd3FAUenl5owNsHRYGvnz8aCAhEURAUHIIGQsNQFIRHRKKBqGgUBTGxcWggPgFFQWJSMhpISUVRkJZuiAYyMlEUZGXnoIHcPNKCGo8CTiCRX4AVFIIVFOFPL8UA5bN0e0zFvS4AAAAASUVORK5CYII=);
    background-size: 100% auto;
    cursor: pointer;
    height: 20px;
    margin: auto;
    width: 20px
}

.deleteIcon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAAXNSR0IB2cksfwAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAQVQTFRFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAPEUWqQAAAFd0Uk5TAEnJ9cE2Xvv+x/lCB+zyLj324wUzbP+YuVksaO2Ee4hL1hcjwvHZ6REaxnbV4VQBcvy0RFyPsxYgjnACPwMq02drLddDakqoIbAdBCt8hqQM2wgYm40QM99BbgAAAP9JREFUeJztk+lOAjEYRa+DCowCDspFHQVRB5VtcB0XEBUEd8WF938UO2EgpRT/8seTtP2Se9J+TVpAZsYIhWbnMJH5cCQajZgLk/LFWDwBLFnJ5fEosSJIMe0vq1zzl3VJs+PUsGEP8hSTm5kxsjFuBULO3Na1tGPuBpWT1zed3xsU1r4uP7AKQVVkSddDmZVAcKuHuluEq+5wtyNWjhVOeCodd0ZP7eCcF1MQvMsroFYD6kVPK9i8BhoNIfFGK9zyDmg2gRbv/4U/hLYjpk4HeLDaqvDIJzHXxXD9V/QsxguzkvDKNyi8D1+kz0eXXWOEMo1P2f/6dpR/99PrJ7/WiEC7+6XqRQAAAABJRU5ErkJggg==);
    background-size: 100% auto;
    cursor: pointer;
    height: 20px;
    margin: auto;
    width: 20px
}

.sortIcon {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAABrUlEQVR42u2V3yuDURjHt7ELuRbajHIhUWItsnZhuUAUKXfKv+Fq/4A7uZCIEjZEzMxKfqxE7b94/4Vt737P56mjlljv3nlLcerTezo/nu95nvOc57XZ/lyrVqtOCMAYtFoikslkXBi/KJfLkUKh4LPCi3aMH0IMwnCezWY9PyaQTqe7lMAdYgvgo39SKpViuq73NS2Qy+X6MbgHUYwvfowXi8UAY8ciTOhGmXOYEpBTYmwDQ2cYmQuFQo6a8NkxPsHcEf19+t6GhdjQgcAmRuKEZY349zDWWQuJ0M2aGdZcw0E+nx8xLMDGaXW5r4qEuvCvuIUXeOMwV4i7jXoxxaZ1MyC08ntetqZpbZaL4PIyrJqBUAeN3omLDVFinKT/XKlUHuvBmie+SclE3tWAYW9IWbe8D7VxSd4M9H6G9zHOmku4ISv9DYeNvB9m866UFE7r/aYabEsdk7RnTYuZouhQdSrMV4Qma+aGGN+Ce/qzTZV+EZKSoUInYn48HOTORCCOB0FTHtS5I0mGU9gRASmMVvxTPGRRAh6UB3YrROySAAjMp1Ipp+2/WdXeATglWQh5xxvEAAAAAElFTkSuQmCC) no-repeat center right;
    cursor: pointer;
    padding-right: 25px
}

section {
    margin: 0.8vh 0.8vw;
    padding: 0.8vh 0.8vw;
    vertical-align: top;
    width: inherit
}

article {
    border: 0;
    margin: 0;
    vertical-align: top;
    width: inherit
}

p {
    margin: 0;
    padding: 5px;
    text-align: justify
}

header {
    min-height: 60px;
    position: sticky
}

footer {
    bottom: 0;
    left: 0;
    min-height: 100px;
    padding: 10px;
    position: absolute;
    right: 0
}

li {
    margin: 10px 0
}

table {
    border-collapse: collapse;
    margin-bottom: 10px;
    width: 100%
}

tr {
    height: 35px
}

td, th {
    max-width: 1px;
    overflow: hidden;
    padding: 0 5px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tableScroll {
	overflow-y: auto; 
	scroll-snap-type: both mandatory;
	max-height: clamp(107px, calc(100vh - 300px), 631px);
}

.tableScroll table {
	scroll-snap-align: start;
}

.tableScroll tbody {
	scroll-snap-align: start;
}

.tableScroll tbody tr{
	scroll-snap-align: start;
}

.tableScroll thead tr {
	position: sticky; 
	top: 0px; 
}

.tblDiv {
    display: table;
    width: 100%
}

.tblRow {
    display: table-row;
    padding: 0;
    width: 100%
}

.tblCell {
    display: table-cell;
    padding: 5px
}

.fullSize {
    width: 100%
}

.c5 {
    width: 5%
}

.c10 {
    width: 10%
}

.c15 {
    width: 15%
}

.c20 {
    width: 20%
}

.c25 {
    width: 25%
}

.c30 {
    width: 30%
}

.c35 {
    width: 35%
}

.c40 {
    width: 40%
}

.c45 {
    width: 45%
}

.c50 {
    width: 50%
}

.c55 {
    width: 55%
}

.c60 {
    width: 60%
}

.c65 {
    width: 65%
}

.c70 {
    width: 70%
}

.c75 {
    width: 75%
}

.c80 {
    width: 80%
}

.c85 {
    width: 85%
}

.c90 {
    width: 90%
}

.c95 {
    width: 95%
}

.c100 {
    width: 100%
}

.cX,
.c5,
.c10,
.c15,
.c20,
.c25,
.c30,
.c35,
.c40,
.c45,
.c50,
.c55,
.c60,
.c65,
.c70,
.c75,
.c80,
.c85,
.c90,
.c95,
.c100 {
    display: table-cell;
    height: 40px;
    padding: 3px 5px 2px;
    position: relative;
    vertical-align: middle
}

a,
a:hover,
a:active,
a:visited {
    text-decoration: none
}

a[icon="newTab"]::after {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ij48cGF0aCBkPSJNOSAyTDkgMyAxMi4zIDMgNiA5LjMgNi43IDEwIDEzIDMuNyAxMyA3IDE0IDcgMTQgMlpNNCA0QzIuOSA0IDIgNC45IDIgNkwyIDEyQzIgMTMuMSAyLjkgMTQgNCAxNEwxMCAxNEMxMS4xIDE0IDEyIDEzLjEgMTIgMTJMMTIgNyAxMSA4IDExIDEyQzExIDEyLjYgMTAuNiAxMyAxMCAxM0w0IDEzQzMuNCAxMyAzIDEyLjYgMyAxMkwzIDZDMyA1LjQgMy40IDUgNCA1TDggNSA5IDRaIi8+PC9zdmc+) no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 1em;
    margin: 0 .05em 0 .1em;
    vertical-align: middle;
    width: 1em
}

a[icon="download"]::after {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAAAXNSR0IArs4c6QAAAjJJREFUWEft1z3IT2EYx/HPg4UiIobHWxkNBpMBiWcxKbEopbwMJgODwWAwMJgMXkqpZyFlsiBhMBkMRuV1ICKKBemq86/j9j/P/9znHPLPuZYznOu67+/53ed6uSeMiU2MCacetOuT+u8UXYgb2JwoeQ878LGtwl0pugr3sTIBeoFNeP4vgYZ6AVy2AAyVe9Dckwole0VDtS6TqVe0V7SUiX15yi1LA/+xKU8r8KCiM23Ey6YKDOKalqcFWFQs8gMBehWTCdBr7C5AZxXvPuBTLngT0IC8iA0IyLA5WFY8ywzf8AbxDAvYhziQC9sEdD6uYypXlcL/Fnbic058E9BYfx2msTZnMzzBHjzOjGvVQrfgCpbX3PQV9uJuTf9f3JoqOlhkF86XEquKIRLoEK41geyqhR7GGcytgPiKozjXFLIr0Mj4EziO2QnMd5zCyVLmN+KtOvq03KRlJt1sHs7iYPLiAo7gSwVd7X2qQKMlRlYPLmvRWaJwRwGvssW4VNw6wydupfvxfoaYaBDRKKJhhMVlMKrCb3esKtA1uFNqiQEarXDUJW116V+Mf/fZiHMOQaL1DkBj/a14msbNBHobsXFYzrgWnSusTptMh5n4sG1/CzQnWf4IaCdTUPIV6dTVWtFhU1COcsN8h01drUFHlaem0Gl5ag3aFCQ3Lht0KW5ife5OLf0fYTve1i1P4bcPp7Gk5eZ1w9/hGC4PC2g7PdWFaO3Xg7aWMFmgV7RrRX8CvtqKK+RqtKsAAAAASUVORK5CYII=) no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 1em;
    margin: 0 .05em 0 .1em;
    vertical-align: middle;
    width: 1em
}

a[icon="select"]::after {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAeFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAVyEiIAAAAJ3RSTlMACftPvyse6+Ce9Yk9EwQiluWja43TfkyLdDHayrRWQzs2hm4ZtWaElbF0AAABKElEQVRYw+3X23KCMBCA4QWLGhAoIQKi9VBt8/5vWBmddZlJG7PpjOjwXXLxXwDZJABCXy1TIPJCE0UORLrUVwL+JxDGnU0/sI6JdT+wiTshBuR+cdZmQASHBXEIgMja7tleYuATWBIMJE8ekDQwjaxu36q5BLZK1fh65cyqxECt1Bb6sg9ttQLqBQNfvgFRzG2+4S/p1CqA0a/yiYPIECjD++l3U0A7oIG6qna8wK6q6stAaXiBRmuJI801YJiJR9/A5M3B0RDIAgfZoPaF4QQ4L5H/GVe+P5IwBEpWgLuYBC4m5nIWuJwRI+A10nyHagsj1s5OpabFWczvVphO18JpKo8BGsDDtpo5SPCwfTvunyIHJzhrhrYvcAL+1z7/i6f/1ffxt/cf/JnCrh/z17EAAAAASUVORK5CYII=) no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 1em;
    margin: 0 .05em 0 .1em;
    vertical-align: middle;
    width: 1em
}

a[icon="copy"]::after {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAkFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADDIYgjAAAAL3RSTlMAHd/tL42Lco4F3arL6A5GfCkJ+Vf1IjrAbxmHFe+1Y73jpEARuifTs4FcT/GdmZZ3SYYAAAIASURBVFjD7dZtr5owGMZxCggWgR4LFkG6yYPoztl2f/9vt6GJ7fCuVJbszc7/nTH5BS4g4PyOt2DqUjkWkQiMbWobwIU4wIqVMAcEDlYASpgBVgZAnpWwCHC7kxIWAYQoYRngKGEJ0BSEdMgO1kCWNI0rAeAHXQKEcC+qlgBVeLgVQ0QsAbzVXwNWp1D7xlpo2P1HbwCqk/RM7QDUnxeBA8IFy44CP4UuVJXfPNiX4WPlERGwEavIMOwBrsIsQCJYGwBvPwoYQLWEawTcolWCBvC3L1rHnRkgvRI0YOvBn5kBRwkakB72WrH5CJIP32exEtQGXGswbRAAfJdyvLVgw5dchRLuueQJUJmA/r28dXwAiq9aoacAvGAKiAi7CuZWU6Da7/RugGCTfEoLxgQGOKTQ+khGgMTZpKTLZZbFBAGwEckZJkn2vgM4C0vA8fNJHeUsz330FDjRKpqXR+w3rlaTvQwMCXIZaYpGMYDmgdZPOQLpOkZbp5YjDh6gedtZgFwBXm7QSm4HjFEkZ8wOwPuHAGVvaIxaAqIBtGawBOpLgnapp0BgeJj6YYs09NMN1ItUvVxfGxHLHuCt95C8AbWPVivgWuo/xJrriPhXizxVClAhI5q+WlyBAOid2IVonWMHmPsE/h9g9RwIZoE4eFo8+yzMFj0DeDsPtONn3i9VkZO6LGipwgAAAABJRU5ErkJggg==) no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 1em;
    margin: 0 .05em 0 .1em;
    vertical-align: middle;
    width: 1em
}

a[icon="paste"]::after {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAolBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACgESU6AAAANXRSTlMAF9ZpBPuyTSjoDgrMluHA+B/1QhRGNvE90r2Siad5X1EsIt20fhvq1Ma4mGdZBmucmm4xL7toWVkAAAHmSURBVFjD5ddpb5swAMZxmwDhCEeogUBCIeQ+u+v5/l9tjdyxmSTEZlUndb83SEj8hW2BgXxqruOS/pzqEOzyady3kexDXETFnPQRL4A0C7IIyBKiztJgFBPmsngJ7NbqgSmMGR88K4AVUVX7yB1CXKoTYi2wpbLLRjlWGigJme8Xl9uYIqwY5c6ky9rUuK2NNLlciTAmpAT8rcZ5nYs6NNDw6yZQ4TfbehDIzDff9GYIbLbk55b248AL0Tk+J2t+1Dl3+TgwIB10878L6HQsqnNsJrp0wPqq+S0RDP9AJQP1CLctx3KBGeAHbfkCQG7JBNwA9sRtO6/wajeXCDgjaIxceUbkA6PvcgF6K2AP90CW9A+kp9IHsh+9AwgjA0DO+gUGeJMm/QJ05b2aBkgnigHREdHfBQbvEHj6sMDaEtS6YiDJbIFf8kAoGzihxVMMsGdPMJsrBq69VyD+qIBbDQQnqhioQohmioF4YwjClWJAT4aCJ+dX4J8vo3xAFygH1p4pKBLFQImWg+LjPM81wajqDhyv5sChAka6A8HU475s+r1U/6QeqHd2Y2N0B1IeaKFWI9mK27voyLe2Lucc6ZDR28ZF5+dasw+n2h2+AdN9FKAmOsj8R7GXwrxnZREp+j3kk/kJ4OJpm5EFb/0AAAAASUVORK5CYII=) no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 1em;
    margin: 0 .05em 0 .1em;
    vertical-align: middle;
    width: 1em
}

button {
    border: 0;
    cursor: pointer;
    min-height: 35px;
    width: 100%
}

img {
    border: none;
    outline: none;
    vertical-align: middle
}

input {
    min-height: 35px;
    outline: none;
    padding-left: 5px;
    width: 100%
}

input:empty:not(:focus):before,
textarea:empty:not(:focus):before {
    content: attr(placeholder)
}

input[type=radio],
input[type=checkbox] {
    height: 20px;
    margin-right: 10px;
    vertical-align: middle;
    width: 20px
}

textarea {
    height: 85px;
    outline: none;
    padding-left: 5px;
    resize: none;
    width: 100%
}

label input[type='checkbox']:checked:after {
    background: #fff;
    color: #196F3D;
    content: '\2714';
    font: 20px 'Source Sans Pro';
    padding: 5px
}

input[data-role='date'],
input[data-role='time'],
input[data-role='numeric'],
.inputDiv[data-role='date'],
.inputDiv[data-role='time'],
.inputDiv[data-role='numeric'] {
	width:150px;
}

input[data-role='datetime']
.inputDiv[data-role='datetime'] {
	width:170px;
}

label {
    cursor: pointer;
    padding: 5px 5px 5px 0;
    text-align: left
}

label:hover,
label:focus,
label:active {
    font-weight: 600
}

xmp {
    background-color: #FFFACD;
    font: 14pt "Courier New", Courier;
    min-height: 100px;
    padding: 10px;
    tab-size: 4
}

.inputBox,
.inputBox {
    min-height: 35px!important;
    min-width: 100%!important;
    outline: none;
    padding: 5px
}

.selectChoice {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAsgAAALIBa5Ro4AAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAHnSURBVEiJ7dRPi9NAGAbw550E2kNAcpH27MGTX6V4yhcItU0rqLCghxXiQfFU9uyfD+DJil+gF2mTQmtLqRJSaQ+2tRG6ZSGNNjPjQXZh3XSbVW+7z2mYeV9+88IwwFUuZeh4Yds2y+fz9wDcAqAl1F4DwBL2V3Ec361Wq/NtiHq8yOVydwDUNE2LM5kMbWv4M4eHh0REKoDbOxEANxhjslAoqJqWNEhy6vW6DILg5nk1J+NLKQ+klD9c100NjMdjLBYLklIepEIsy/oqpaz5vo8gCHYCQgg4jsOJ6LOu669SIQCgqupzIvrearXkLsTzPKxWK0UI8cgwDJ4aMU3zSEr5ZDab0WQy2doUxzHa7TYnoka5XH6360JnnqSu6y8YYxPXdbmUyQMNBgOs12uFc76/C0hEDMP4yTl/uFwuFc/zzjSEYYhOpyMAvLcs68NfIQBQLpffMMaajuPwzWZz6qzVaoH/zv00wFYEAIQQD6IoYv1+/2RvPp/D930AqFUqlS//jJRKJQfA216vJ8IwBAA0m01BRN8URXmaFjgXAQDG2D7nXHa7XYxGIwRBwAA8Nk3z6L8hxWLxE4CXw+FQNhoNQUQfp9Pp64sAwOm/KzHZbHYviqIV5/y6oijPbNsWF0WucknzCxJJ3RGnjUK8AAAAAElFTkSuQmCC) no-repeat right center;
    cursor: pointer;
    min-height: 35px;
    outline: none;
    padding: 0 30px 0 5px;
    vertical-align: middle;
    width: calc(100% - 40px)
}

.autocomplete {
    display: inline-block;
    position: relative;
    width: 100%;
}

.autocomplete .w {
    display: inline-block;
    position: relative;
    width: 500px!important
}

.autocomplete div {
    max-height: 175px;
    overflow-y: auto;
}

.autocomplete-items div {
    background-color: #fff;
    cursor: pointer;
    min-height: 35px;
    padding: 2px
}

h1,
h2,
h3 {
    display: inline-block;
    margin: 0 10px 0 0;
    padding: 0
}

.caption {
    font-size: 95%;
    text-align: right;
}

.tBold {
    font-weight: 700
}

.tItalic {
    font-style: italic
}

.tBig {
    font-size: 120%
}

.tBig2 {
    font-size: 200%
}

.tSmall {
    font-size: 75%
}

.tSmall80 {
    font-size: 80%
}

.tSmall95 {
    font-size: 95%
}

.tUpper {
    text-transform: uppercase
}

.tLower {
    text-transform: lowercase
}

.tCamel {
    text-transform: capitalize
}

.aRight {
    text-align: right
}

.aLeft {
    text-align: left
}

.aTop {
    vertical-align: top
}

.aBottom {
    vertical-align: text-bottom!important
}

.aMiddle {
    display: table-cell;
    vertical-align: middle!important
}

.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.noBorder {
    border: none
}

.pointer {
    cursor: pointer
}

.sticky {
    position: sticky;
    top: 0;
    z-index: 20
}

.scrollIt {
    overflow: scroll;
    overflow-x: hidden
}

.blinking {
    animation: blinker 1s linear infinite
}

.noSpace {
    margin: 0!important;
    padding: 0!important
}

.reload {
    float: right;
    margin-left: 5px
}

#mbTitle {
    height: 50px;
    margin: 0;
    overflow: hidden;
    padding: 5px 10px;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap
}

#mbText {
    margin: 10px;
    max-width: 100%;
    min-height: calc(100% - 120px);
    overflow: auto
}

#MyFilter,
.searchBox {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAsQAAALEBxi1JjQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAHtSURBVEiJ3ZZbr6IwFIUXl3AkRMItiBGi/P/f45shQRKQpIAENVwKzMPkmCGi4Jxz5mH2E6V792O1XS1M3/c9fjjYnwb8Mwj/rKNtWxBCkOc56roGz/OQJAmGYUAUxbcgzNiaZFmG4/GIrusgyzIWiwUopSiKAlVVwTRN2LYNhmH+TkmWZfA8D5qmwXEc8PwwhRCCIAhAKYXrurMggzWhlML3fWiaBtd1HwAAYBgGdrsd0jTF+Xx+H0IIQd/3cBznZZGqqlAUBXEcvw8pigKyLI8qGANdr1d0XfcehFIKQRBmfZ0gCOj7HnVdvwdhGAaU0lmQzzyWnbbaIEOSJFwuF8w5aYqigCAIs5QPIIZhoGkaEEJeFlVVhSRJoOv6JOABIooiTNNEEATIsmy0oCxLHA4HsCwLy7JmQR620WazAaUUnudBURSoqnp3fJ7nIISAYRi0bYs0TWEYxiRk9FgBfjv/dDrhdrvd3wmCAE3TYFkWoihCHMdYLpfQdf3l1D2FfAalFG3bguO4B//s93uUZQkA2G63T1VN7j+e5/Hx8TFqUE3T7s++7yNJktExJpVMRRRFCMPw3nYcB6ZpDnK+fGmt12usVqt7OwiCB0XfcjPatj0ANU0z6P/ydP0ZYRiC47gB8Nshz+L/+Vv5BWEy3z3JtYY+AAAAAElFTkSuQmCC);
    background-position-y: 4px;
    background-repeat: no-repeat;
    filter: drop-shadow(1px 1px 1px #F4F6F6);
    text-indent: 20px
}

#MyFilter:focus,
.searchBox:focus {
    background-image: none;
    text-indent: 0
}

#toastBar {
    border: 3px solid #fff;
    border-radius: 10px;
    bottom: 20px;
    font-size: 120%;
    left: 2%;
    min-width: 96%;
	opacity: 0;
    padding: 20px;
    position: fixed;
    text-align: center;
    z-index: 100
}

#toastBar .show {
    animation: fadein .5s;
    animation-fill-mode: forwards;
}

#toastBar .hide {
    animation: fadeout .5s;
    animation-fill-mode: backwards
}

.show {
    animation: fadein .5s;
    animation-fill-mode: forwards;
}

.hide {
    animation: fadeout .5s;
    animation-fill-mode: backwards
}

#idDeepSearch {
    width: 300px
}

#idV2SearchToolTip {
    animation: fadeOut2 4s forwards;
    background: #fff;
    background-color: #fffff0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAsQAAALEBxi1JjQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAHtSURBVEiJ3ZZbr6IwFIUXl3AkRMItiBGi/P/f45shQRKQpIAENVwKzMPkmCGi4Jxz5mH2E6V792O1XS1M3/c9fjjYnwb8Mwj/rKNtWxBCkOc56roGz/OQJAmGYUAUxbcgzNiaZFmG4/GIrusgyzIWiwUopSiKAlVVwTRN2LYNhmH+TkmWZfA8D5qmwXEc8PwwhRCCIAhAKYXrurMggzWhlML3fWiaBtd1HwAAYBgGdrsd0jTF+Xx+H0IIQd/3cBznZZGqqlAUBXEcvw8pigKyLI8qGANdr1d0XfcehFIKQRBmfZ0gCOj7HnVdvwdhGAaU0lmQzzyWnbbaIEOSJFwuF8w5aYqigCAIs5QPIIZhoGkaEEJeFlVVhSRJoOv6JOABIooiTNNEEATIsmy0oCxLHA4HsCwLy7JmQR620WazAaUUnudBURSoqnp3fJ7nIISAYRi0bYs0TWEYxiRk9FgBfjv/dDrhdrvd3wmCAE3TYFkWoihCHMdYLpfQdf3l1D2FfAalFG3bguO4B//s93uUZQkA2G63T1VN7j+e5/Hx8TFqUE3T7s++7yNJktExJpVMRRRFCMPw3nYcB6ZpDnK+fGmt12usVqt7OwiCB0XfcjPatj0ANU0z6P/ydP0ZYRiC47gB8Nshz+L/+Vv5BWEy3z3JtYY+AAAAAElFTkSuQmCC);
    background-position-y: center;
    background-repeat: no-repeat;
    border: 2px solid #ededed;
    color: #000;
    display: none;
    left: calc(100% - 300px);
    padding: 10px 10px 10px 40px;
    width: 350px
}

#idDeepSearch:focus+#idV2SearchToolTip,
#idDeepSearch:hover+#idV2SearchToolTip {
    display: block;
    position: absolute;
    top: 45px;
    z-index: 10
}

#ddSearch1B {
    width: calc(100% - 67px)!important
}

#ddSearch2B {
    width: calc(100% - 132px)!important
}

#idGoTop {
    background-image: url('data:image/png;base64,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');
    border-radius: 100%;
    bottom: 2rem;
    cursor: pointer;
    display: none;
    height: 50px;
    opacity: 50%;
    position: fixed;
    right: 2rem;
    width: 50px
}

#idGoTop:hover {
    opacity: 100%
}

#idLink {
	text-align: right;
	padding-right:10px;
}	
		

.HBoxContainer {
	display: grid;
	max-width: 100%;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr) );
	gap: 1.25rem;
	margin: 10px;
}

.HContainer {
	display: grid;
	max-width: 100%;
	grid-template-columns: repeat(auto-fill, minmax(60px, 1fr) );
}

.HBox {
    height: 130px;
    margin: 10px;
    --min-width: 150px;
    width: 200px; 
    padding: 10px;
    text-align: center;
    vertical-align: middle
}

.HBox img {
    height: 60px;
    margin: 10px;
    width: 60px
}

.HBox a {
    outline: none
}

.v2AppLogo {
	--width:100%;
	height:auto;
    cursor: pointer;
	object-fit: scale-down;
}

.v2Sprite {
    background: url(/assets/images/mcfV2Header.png)
}

.v2Home,
.v2Menu,
.v2Help,
.v2ChangePass,
.v2SignOff {
    cursor: pointer;
    height: 60px;
    vertical-align: middle;
    width: 60px
}

.v2Search,
.v2AddNew,
.v2Show {
    content: url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7');
    cursor: pointer;
    height: 50px;
    vertical-align: middle;
    width: 60px
}

.v2Home {
    background-position: -170px -10px
}

.v2Home:hover {
    background-position: -170px -90px
}

.v2Menu {
    background-position: -10px -170px
}

.v2Menu:hover {
    background-position: -90px -170px
}

.v2Help {
    background-position: -10px -90px
}

.v2Help:hover {
    background-position: -90px -90px
}

.v2ChangePass {
    background-position: -10px -10px
}

.v2ChangePass:hover {
    background-position: -90px -10px
}

.v2SignOff {
    background-position: -170px -170px
}

.v2SignOff:hover {
    background-position: -250px -10px
}

.v2Search {
    background-position: -10px -250px
}

.v2Search:hover {
    background-position: -90px -250px
}

.v2AddNew {
    background-position: -250px -90px
}

.v2AddNew:hover {
    background-position: -250px -160px
}

.v2Show {
    background-position: -170px -250px
}

.v2Show:hover {
    background-position: -250px -250px
}

thead tr,
.aCenter {
    text-align: center
}

.autocomplete-items,
.autocomplete-itemsMS {
    border-top: none;
    left: 0;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 10
}

@font-face {
  font-family: 'Libre Barcode 128';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/cIfnMbdUsUoiW3O_hVviCwVjuLtXeK_H9AI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Mukta';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/assets/fonts/iJWHBXyXfDDVXbFqj2mc8WDm7Q.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}

@font-face {
  font-family: 'Mukta';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/assets/fonts/iJWHBXyXfDDVXbFqj2mT8WDm7Q.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Mukta';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/assets/fonts/iJWHBXyXfDDVXbFqj2md8WA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Mukta';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/iJWHBXyXfDDVXbEeiWmc8WDm7Q.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}

@font-face {
  font-family: 'Mukta';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/iJWHBXyXfDDVXbEeiWmT8WDm7Q.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Mukta';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/iJWHBXyXfDDVXbEeiWmd8WA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(/assets/fonts/pxiDyp8kv8JHgFVrJJLm21lVFteOcEg.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}

@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(/assets/fonts/pxiDyp8kv8JHgFVrJJLm21lVGdeOcEg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(/assets/fonts/pxiDyp8kv8JHgFVrJJLm21lVF9eO.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/assets/fonts/pxiByp8kv8JHgFVrLDz8Z11lFc-K.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/assets/fonts/pxiByp8kv8JHgFVrLDz8Z1JlFc-K.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/assets/fonts/pxiByp8kv8JHgFVrLDz8Z1xlFQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/pxiByp8kv8JHgFVrLEj6Z11lFc-K.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/pxiByp8kv8JHgFVrLEj6Z1JlFc-K.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.barcode {
    font: 300 50px 'Libre Barcode 128', cursive
}

.devanagari {
    font-family: 'Mukta', sans-serif
}

.defaultFont {
    font-family: 'Poppins', sans-serif
}

.footerMsg {
    margin-top: 50px;
    min-height: 15px;
}

.v2Header {
    background-color: #f7f7f6;
    height: 60px;
    top: 0;
    width: 100%;
    z-index: 10;
}

.v2HeaderDivL {
    float: left;
    margin: 0;
    padding: 0;
    width: 50%;
	
	display: flex;
    align-items: center;
}

.v2HeaderDivR {
    float: right;
    margin: 0;
    padding: 0;
    text-align: right;
    width: 50%;
}

.code {
	padding-top: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
	background-color: #FFFACD;
	font-family: "Courier New", Courier;
	font-size: 14pt;
	tab-size: 4;
	min-height:300px;
}

.hScroll {
	--overflow-y: hidden;
    overflow-x: auto;
    scrollbar-width: none;
	min-height: 90px;
}


/* RESPONSIVE TABLE */
@media screen and (max-width: 640px) {
	table,
	thead,
	tbody,
	th,
	tr{
		display: grid;
		max-width:100%;
		width:100% !important;
	}
	
	td {
		display: grid;
		max-width:100%;
		width:100% !important;
	}
	
	tr {
		height:auto;
		grid-template-columns: 1fr;	
	}

	thead tr {
		display: none;
	}
	
	td {
		position: relative;
		float: left; 
		clear: left; 
		height:45px;
		padding-top:5px;
		
		place-content: end start;
		padding-bottom: 5px;
		
		border-bottom: 1px dotted #E5E8E8;
	}

	td:before {
		position: absolute;
		top: 0px;
		left: 5px;
		content: attr(caption);
		font-size:80%;
		color: var(--titleFG);
	}
}

@media screen and (min-width:641px) and (max-width: 1007px) {
	table,
	thead,
	tbody,
	th,
	tr{
		display: grid;
		max-width:100%;
		width:100% !important;
	}
	
	td {
		display: grid;
		max-width:100%;
		width:100% !important;
	}
	
	tr {
		height:auto;
		grid-template-columns: 1fr 1fr;	
	}

	thead tr {
		display: none;
	}
	
	td {
		position: relative;
		float: left; 
		clear: left; 
		height:40px;
		
		place-content: end start;
		padding-bottom: 5px;
	}

	td:before {
		position: absolute;
		top: 0px;
		left: 5px;
		content: attr(caption);
		font-size:80%;
		color: var(--titleFG);
	}
}
/* END RESPONSIVE TABLE */

/* RESPONSIVE GRID */
		.grid {
			display: grid;
			padding: 5px;
			min-height:45px;
			width: 100%;
			align-items: center;
		}
		
		.grid50 {
			grid-template-columns: 1fr 1fr;	
		}
		
		.grid20 {
			grid-template-columns: 20% 20% 20% 20% 20%;
		}
		
		.grid20-80 {
			grid-template-columns: 20% 80%;
		}
		
		.grid25 {
			grid-template-columns: 25% 25% 25% 25%;
		}
		
		.grid25-50 {
			grid-template-columns: 25% 50% 25%;
		}

		.grid15-35 {
			grid-template-columns: 15% 35% 15% 35%;
		}
		
		.grid15-85 {
			grid-template-columns: 15% 85%;
		}
		
		.grid15-10 {
			grid-template-columns: 15% 10% 15% 10% 15% 10% 15% 10%;
		}

		.grid15-35-15-10 {
			grid-template-columns: 15% 35% 15% 10% 15% 10%;
		}
		
		.grid15-10-15-35 {
			grid-template-columns: 15% 10% 15% 10% 15% 35%;
		}
		
		.grid15-35-50 {
			grid-template-columns: 15% 35% 50%;
		}
		
		.grid30-20-20-30 {
			grid-template-columns: 30% 20% 20% 30%;
		}
		
		.grid30-70 {
			grid-template-columns: 30% 70%;
		}
		
		.rtUpdate {
			grid-template-columns: 60% 20% 10% 10%;
		}
		
		.gridIconBtn {
			grid-template-columns: 20% 80%;
		}
		
		.grid div{
			padding: 2px;
			align-items: center;
		}

		.grid input{
			height:35px;
		}
		
		.grid div.caption{
			padding: 0 5px 0 5px;
			height:35px;
			
			display: grid;
			align-items: center;
			
			position: relative;
		}

		.grid div.required {
			padding-right: 20px !important;
		}

		div.required::after {
			color: #C70039;
			content: " *";
			font-size: 200%;
			
			position: absolute;
			right:3px;
			top:3px;
		}	

		.grid .aTop{
			align-items: flex-start !important;
		}
		
		.grid .aTopX{
			display: grid;
			align-items: flex-start !important;
		}
		
		.grid .aMiddleG{
			align-items: center;
		}
		
		.grid .m10 {
			margin: 10px 0 0 10px;
		}
		
		
		
		#idDeepSearch {
			width: calc(100% - 125px);
			max-width: 400px;
		}
		
		#idDDSearchC {
			width: calc(100% - 125px);
			max-width: 400px;
			float: right;
		}
		
		.grid .inputDiv {
			padding: 7px 5px 0 5px;
			height: 35px;
		}

		@media screen and (max-width: 640px) {
			.grid50,
			.grid20,
			.grid20-80,
			.grid25,
			.grid25-50,
			.grid15-35,
			.grid15-35-15-10,
			.grid15-10-15-35,
			.grid15-35-50,
			.grid30-20-20-30,
			.grid15-85,
			.grid15-10,
			.grid30-70,
			.rtUpdate {
				grid-template-columns: 1fr;
			}
			
			.rtRow-25 {
				grid-template-columns: 100%;
			}
			
			.caption{
				text-align: left;
			}
			
			.grid .m10 {
				margin: 5px 0 0 0;
			}
			
			.resCenter {
				text-align: center;
			}
			
			.grid .aCenter {
				justify-content: space-around;
			}
			
			#idUser,
			#idhSignout,
			#idhChangePass,
			#idhHelp,
			#idHeaderText {
				display:none !important;
			}
			
			#idhSetup,
			#idHomeIcon,
			#idv2AppLogo2,
			#idv2AppLogo {
				-webkit-transform:scale(0.75);
				-moz-transform:scale(0.75);
				-ms-transform:scale(0.75);
				transform:scale(0.75);
				transform-origin: left top;
			}
			
			#idHomeIcon{
				position: absolute;
				left: 90px;
			}
			
			#idhSetup {
				-webkit-transform:scale(0.75);
				-moz-transform:scale(0.75);
				-ms-transform:scale(0.75);
				transform:scale(0.75);
				transform-origin: top right;
				width: 50px;
				height: 50px;
			}
			
			#idHeaderT {
				height: 45px !important;
			}	

			#idPageTitle {
				font-size: 130% !important; 
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
				margin: 10px 10px 0 5px !important
			}
			
			.headerB {
				min-height: 100px;
			}
			
			#idDDSearchC {
				float: left !important;
			}
			
			#idLink {
				text-align:center;
			}
			
			.HBox {
				width: 90%;
			}
		}
		
		@media screen and (min-width:641px) and (max-width: 1007px) {
			.grid50,
			.grid20,
			.grid25,
			.rtRow-25,
			.rtUpdate {
				grid-template-columns: 1fr 1fr;
			}
			
			.grid20-80,
			.grid15-35,
			.grid15-35-50,
			.grid15-35-15-10,
			.grid15-10-15-35,
			.grid30-70,
			.grid15-85 {
				grid-template-columns: 30% 70%;
			}
			
			.grid15-10 {
				grid-template-columns: 30% 20% 30% 20%;
			}
			
			.grid25-50 {
				grid-template-columns: 1fr 1fr 1fr;
			}
			
			.grid15-35-15-10 {
				grid-template-columns: 30% 70%;
			}
			
			/*
			.grid15-35-15-10 div:nth-child(n+2){
				grid-row-start: 2;
				background-color:red;
			}
			
			.grid15-35-15-10 div:nth-child(n+4){
				grid-row-start: 2;
				background-color:green;
			}
			*/
			
			
			
			.grid .m10 {
				margin: 5px 0 0 0;
			}
			
			.resCenter {
				text-align: center;
			}
			
			.grid .aCenter {
				justify-content: space-around;
			}
			
			#idUser,
			#idhChangePass,
			#idhHelp,
			#idHeaderText {
				display:none !important;
			}
			
			#idhSetup,
			#idHomeIcon,
			#idv2AppLogo2,
			#idv2AppLogo {
				-webkit-transform:scale(0.90);
				-moz-transform:scale(0.90);
				-ms-transform:scale(0.90);
				transform:scale(0.90);
				transform-origin: left top;
			}
			
			#idHomeIcon{
				position: absolute;
				left: 90px;
			}
			
			#idhSetup {
				-webkit-transform:scale(0.90);
				-moz-transform:scale(0.90);
				-ms-transform:scale(0.90);
				transform:scale(0.90);
				transform-origin: top right;
				width: 50px;
				height: 50px;
			}
			
			#idHeaderT {
				height: 55px !important;
			}	

			#idPageTitle {
				font-size: 130% !important; 
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
				margin: 10px 10px 0 5px !important
			}
			
			.headerB {
				min-height: 100px;
			}
			
			#idDDSearchC {
				float: left !important;
			}
			
			#idLink {
				text-align:center;
			}
			
			.HBox {
				width: 90%;
			}
		}
		
			
			
					
/* END RESPONSIVE GRID */


		.rit {
			display: flex;
			flex-wrap: wrap;
			width:100%;
			flex-direction:column;
		}
		
		.ritBreak {
			flex-basis: 100%;
			height: 0;
		}		
		
		.rit div {
			
		}

		.rtDiv {
			display: grid; 
			max-width: 100%;
			margin: 10px 0;
			min-height: 35px;
		}
		
		#idHeaderT,
		#idHeaderB {
			margin: 0 !important;
		}
		
		.rtDiv div {
			display: flex;
			align-items: center;
			margin: 0 5px;
			/*flex: 1;*/
		}
		
		.rtDiv .caption {
			font-size: 95%;
			justify-content: flex-end;
		}

		.rtDiv .aRight {
			justify-content: flex-end;
		}		
		
		.rtDiv .aCenter {
			justify-content: space-around;
		}

		.rtRow-20 {
			--grid-template-columns: repeat(auto-fill, minmax(375px, 1fr) );
			grid-template-columns: 20% 20% 20% 20% 20%;
		}

		.rtRow-25 {
			grid-template-columns: 25% 25% 25% 25%;
		}

		.rtRow-50 {
			grid-template-columns: 50% 50%;
		}
	
		.rtRow-15-35 {
			grid-template-columns: 15% 35% 15% 35%;
		}

		.rtRow-15-85 {
			grid-template-columns: 15% 85%;
		}
		
		.rtRow-100 {
			grid-template-columns: 100%;
		}
		
		.rtRow-headerT {
			grid-template-columns: 180px 60px calc(50% - 240px) calc(50% - 240px) 60px 60px 60px 60px;
		}
		
		@media screen and (max-width: 1200px) {
			.rtRow-15-35,
			.rtRow-25,
			.rtRow-15-85 {
				width:100%;
				grid-template-columns: 30% 70%;
			}
		}
		
		.rhDiv {
			display: flex; 
			max-width: 100%;
			height: 60px;
			background-color: gray;
		}
		


.collapsIcon:hover {
	opacity: 100%;
}

.collapseIcon {
	content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAk1BMVEUAAAD+zoX+zoX/y4T+zoX/z4f+zoX/yor+zoX+zoX/zoT/zoX/0IP+zoX+zoX9zoX/zYT+z4X+zoT9zoX9z4b/z4T/zoT+zoX+zob/zoX+zoX+z4X9zoT/zoX/z4X/zob+zoX9zob9zoX9z4X/zob/zob/zYX+zoT9zoX/z4X/zoX/zYH+z4X+zoX/zoT/z4b+zoUsYiL+AAAAMHRSTlMA9vsE8BjVCNnjJh8V6ueJDMW4mpFDLMu9cMCrnWpkSLOnpJZ2OzLQgl1YEt1+NXpmKEaWAAACeklEQVRYw5XX2XqCMBAF4ENERBYVQZbivtW98/5PVxWRSDAJ/0W/XjhxSGYmgm+ceZRapkFkmFYazR200ZmEfarph5MO9HjXATUaXLs64UODvmKhaolOZpCUkUkfJP4lpd8YX80M0mDMvqW/IU3TxsfojUnbeATB6Ida+BFW6IyplbSHT1NqaVrbf2ptDs7eID3GdG2U/8bcBvySnsGe+7KkOswt6bFd3L3LZfvuH5NkWGC/4otO+qMX00Mhkqcdv/bYKuJdn0rRKwH5Dl5xF7zjzxa3pUUKB5I64S4s40cJcQ7PI+iT1B53y0e8WPD9x0EsSG70LFSvuWEWz+ykBkWrFn9TqgkBKJ4gkDZ8H3BIblXV65JEMY4kF6H0F+RJQ0tFJLcFL6OaDVSD5IhKw46lUDXiBDzh4zZ8kruB5zLhGFSj5FBFd3dzm2p85QJs5sSL4zZaJY1Nb4JRE8NK18Nsftow1YyDKaw5PO09lIakqnS7nvIevB3JWQjE2q+oe/UHa/qU4MNJeb/8ySsnU1W6mCNbXTfDnu4mLtAlkd1FaU1yHmDJ4pGqDgGIZPG4qKfFhD5d3GJ+FSObKXpVHOv9V3y+fHafog475UYL8UuaQkhPMMSDw6XpO2U8jdVlwFw8rare2lXzm02ArqU1sWNWpcTdPyzNFfd+jJfNxwLngPSEKJ19Kpgu4CWkx6zqpbpd/MPWJk0ncNbUWg5eL6GWrBEq1S8ftapgapwBtWDeIIhbrODf0MDR3n/bQaNRTlrGZ3yTGVqvTBLuihSWqpfgifTVJ1hA7bZmX5LPd9DjHXNDiB7Pz2iht5uFyWVgMmb6lyDMdh00+wfMSghG/X7XSAAAAABJRU5ErkJggg==);
	background-size: 100% auto;
	cursor: pointer;
	height: 20px;
	margin: auto;
	width: 20px;
	opacity: 80%;
}

.expandIcon:hover {
	opacity: 100%;
}

.expandIcon {
	content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAk1BMVEUAAADW9rLW9rLW9rLU/7DW9rLX9rLW9rPX87LY/7LW9rLX9rLW9rLW9rLV+bTW/7TW9rLW97LW9rLX97LX97LX9LLW9rLV97HW97PW9rLX9rLW9rLW9rLX+LLX9rLW97LX9rLW9bLY97LV9rPW9bPW9rPV9bLT8bDW9rPX9rPW97LX9rLW+LHW9rLX9bLW97TW9rISVsDHAAAAMHRSTlMA453cBPjpvhUI18717SgM/LeSd1wuZB7xw6lrpUQ0mYlJOhqDVRcRxrF8ciOuTT5j3Yl2AAACcUlEQVRYw5WX2baCMAxFU1BABkUZnHGeh5v//7q7EClQLGn3m0tOSJP0tICMYTqx3cBH9APXnqRD0KG3NhgKMGPdAzWcO8OfsPtZRb71UUp/Q4XoPWbYyezRuZDEQxIvASnLPirQX8rSn6Aixs9lDMaozHgALUY2amCPWvmPUQtbXIWBmhhC/VGbtNF/tf6x62th+OWvpFYAYn5C14hOmQMfsvJlXlWGiBjf5He5Ir5/iPmfQIMtD+xAATWBkdAwMbLjYzdzaFBNjF+kcESK1W53+oMSDznHTwsYKuA6UGIhh+WN2CnpKycaYI214hC7B+AMscYGAJiyfrAHMWOWByQxv3o7bW+bBGJaP/3qMeZzxEmB9DH2LPVFgBc2i0AZSTCsDGsBANPmxrWBMvK40M+Lx5cRE9YHFnbzqfzlKl0gUFaST+tZnqZFBggf073Z4RVdAYL0dCNtDmZyfQYAK+zGAlP618fI1tSUwxwb+Kvv5YQV/d9RZiPkGCZ5z6v5dRh5vtzb7hVz/chD0i/f7QMr5vo5Urzh0DbglO9fJHEAXKxxyoXvg/KFwRVPhUzzwjERO+3o6fFPsHWf63s3VMDqCR5lQsnuGN09pNhCzjOs+UudkUnt1KLbtWFcSM5hAfHxJJRcfI5EAvwbYPM7wIVYwqZ60sICdimXn5wiwyL8+gycmLchjaPJzeNSyq85K9RELPjAQ03cETSYWqhF8ASBIdPSZ9BiaGnrxQguKmJKviJHC1Ri7ICMpY8k/hI6mJJJ3J7QzbrTia9roMlWoeQgXexBDSd+tYoxG6cX0GCwX2480wrCMLDMq/HYy754/wET6gh3F0FBcQAAAABJRU5ErkJggg==);
	background-size: 100% auto;
	cursor: pointer;
	height: 20px;
	margin: auto;
	width: 20px;
	opacity: 80%;
}


		.htmlBtn {
			background-position: left;
			background-repeat: no-repeat;
			background-image: url(/assets/images/cPrint.png);
			background-size: 35px;
		}
		
		.excelBtn {
			background-position: left;
			background-repeat: no-repeat;
			background-image: url(/assets/images/cExcel.png);
			background-size: 35px;
		}
		
		.pdfBtn {
			background-position: left;
			background-repeat: no-repeat;
			background-image: url(/assets/images/cPDF.png);
			background-size: 35px;
		}
		
		.csvBtn {
			background-position: left;
			background-repeat: no-repeat;
			background-image: url(/assets/images/cCSV.png);
			background-size: 30px;
		}
		
		.collapseIcon:hover {
			opacity: 100%;
			transform: scale(1.2);
		}
		
		.collapseIcon {
			content: url(/assets/images/cCol.png);
			background-size: 100% auto;
			cursor: pointer;
			height: 30px;
			margin: auto;
			width: 30px;
			opacity: 80%;
		}

		.expandIcon:hover {
			opacity: 100%;
			transform: scale(1.2);
		}
		
		.expandIcon {
			content: url(/assets/images/cExp.png);
			background-size: 100% auto;
			cursor: pointer;
			height: 30px;
			margin: auto;
			width: 30px;
			opacity: 80%;
		}