@import url('open-iconic/font/css/open-iconic-bootstrap.min.css'); @import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.min.css"); /* Remember: just the name is for everything that uses the tag, like #Name is for the ID .Name is for the class */ /* #region Default */ html, body { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; } h1:focus { outline: none; } a, .btn-link { color: #0071c1; } .btn-primary { color: #fff; background-color: #1b6ec2; border-color: #1861ac; } .content { padding-top: 1.1rem; } .valid.modified:not([type=checkbox]) { outline: 1px solid #26b050; } .invalid { outline: 1px solid red; } .validation-message { color: red; } #blazor-error-ui { background: lightyellow; bottom: 0; box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2); display: none; left: 0; padding: 0.6rem 1.25rem 0.7rem 1.25rem; position: fixed; width: 100%; z-index: 1000; } #blazor-error-ui .dismiss { cursor: pointer; position: absolute; right: 0.75rem; top: 0.5rem; } .blazor-error-boundary { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121; padding: 1rem 1rem 1rem 3.7rem; color: white; } .blazor-error-boundary::after { content: "An error has occurred." } /* #endregion Default */ /***************** Developer Added *************************/ /*#region Global changes */ .container { height: 100vh; } @media (min-width: 641px) { .container { min-width: 650px; } } @media (min-width: 1400px) { .container { max-width: 1400px; } } @media (min-width: 1800px) { .container { max-width: 1800px; } } @media (min-width: 2200px) { .container { max-width: 2200px; } } @media (min_height: 800px) { .container { max-height: 800px; padding-left: 265px; } } .nav-link { padding: 0.5rem 1rem; } .navIcon { font-size: 2.0em; padding-right: 15px; } .navSubIcon { font-size: 1.6em; /*padding: 0px 15px 0px 0px;*/ padding-right: 15px; } .bdbLoginDisplay { position: absolute; right: 0px; top: 0px; padding: 15px 20px 0px 0px; /*font-size: 1.0em*/ } .bdbBranding { /*float: left;*/ padding: 8px; text-align: center; } .bdbHeader { /*background-color: #052767;*/ color: white; text-align: center; width: 100%; /*border:solid;*/ } .collapseControl { width: fit-content; } /*#endregion Global changes */ /*#region Zoom */ .zoom { /*position: relative;*/ transition: transform 1.5s; /* Animation */ height: 50px; /*z-index: 199; background-size: contain;*/ } .zoom:hover { /*max-height: 250px;*/ /*z-index: 199;*/ /*position: relative;*/ /*top: 0;*/ /*padding-right: 250px;*/ /* transform: scale(1);*/ /* (Note: if the zoom is too large, it will go outside of the viewport) */ height: unset; } /*#endregion Zoom*/ /*#region Upload Check*/ .upload { /*overflow: auto;*/ /*width: 1100px;*/ /*max-height: 80vh;*/ max-width: none; font-family: Consolas; white-space: break-spaces; /*background-color: cornsilk;*/ } .uploadTimer { /*background-image: url('/images/loader.gif');*/ display: inline-block; /*background-color: aquamarine;*/ /* width: 200px; height: 25px; background-repeat: no-repeat;*/ /*background-size: 300px 100px; text-align: center;*/ } .uploadListErr tr:nth-child(4n), .uploadListErr tr:nth-child(4n+1) { background: #EFEFEF; /*color: white;*/ } .uploadErr { background: #F5F5FF; } .uploadErr tr:nth-child(6n), .uploadErr tr:nth-child(6n-1), .uploadErr tr:nth-child(6n-2) { background: #FFFFDD; /*color: white;*/ } .uploadErr td { padding: 0px 6px; } .uploadView { /*overflow: auto;*/ /*max-height: 750px;*/ font-family: Consolas; } .uploadView td { border: 1px solid lightgray; white-space: pre; padding: 1px 5px; } .uploadView th { white-space: nowrap; position: sticky !important; top: 0; font-weight: 600; border-left: 1px solid white; padding: 3px 5px; } .uploadRT1 { /*font-family: Consolas;*/ /*font-size: 14px;*/ /*.8125rem */ } .uploadRT1 th { color: white; background-color: black; /*border-left: 1px solid white; font-size: 13px; font-weight: 600; padding: 4px 6px 4px 6px;*/ } .uploadRT2 { /*font-family: Consolas; font-size: 14px;*/ /*.8125rem */ } .uploadRT2 th { color: white; background-color: #008b8b; /*border-left: 1px solid white; font-size: 13px; font-weight: 600; padding: 4px 6px 4px 6px;*/ } .uploadRT2 td { color: #008b8b; } .uploadRT3 { font-family: Consolas; font-size: 14px; /*.8125rem */ } .uploadRT3 th { color: white; background-color: #a52a2a; /*border-left: 1px solid white; font-size: 13px; font-weight: 600; padding: 4px 6px 4px 6px;*/ } .uploadRT3 td { color: #a52a2a; } /*#endregion Upload Check*/ /*#region Back to top button*/ #topBtn { display: none; /* Hidden by default */ position: fixed; /* Fixed/sticky position */ bottom: 20px; /* Place the button at the bottom of the page */ right: 30px; /* Place the button 30px from the right */ z-index: 99; /* Make sure it does not overlap */ border: none; /* Remove borders */ outline: none; /* Remove outline */ background-color: #651715; /* Set a background color */ color: white; /* Text color */ cursor: pointer; /* Add a mouse pointer on hover */ padding: 15px; /* Some padding */ border-radius: 10px; /* Rounded corners */ font-size: 18px; /* Increase font size */ } #topBtn:hover { background-color: #052767; /* Add a background color on hover */ } /*#endregion Back to top button*/ /*#region Tag View and Grid View */ .sort-up { width: 15px; height: 15px; background-image: url('../Images/ASCarrow.png'); background-repeat: no-repeat; float: left; background-position: bottom; } .sort-down { width: 15px; height: 15px; background-image: url('../Images/DESCarrow.png'); background-repeat: no-repeat; /*background-size : 15px;*/ float: left; background-position: bottom; } .dataRow:hover { background-color: darkblue !important; color: white !important; cursor: pointer; } .gridView { overflow: auto; /*max-height: 750px;*/ max-height: 80vh; /*border: 1px solid black;*/ background-color: white !important; } .gridView th:hover { background-color: lightgray !important; /*color: white;*/ cursor: pointer; } .row-select { background-color: indigo !important; color: white !important; } .gridView td { border: 1px solid black; } .gridView th { white-space: nowrap; position: sticky !important; top: 0; /*color: white;*/ background-color: #DDFFFF; font-weight: 600; border: 1px solid black; z-index: 4; } .table > :not(:first-child) { border-top: 0px solid currentColor; } .sticky-col { position: -webkit-sticky; position: sticky; background-color: cornsilk !important; color: black !important; width: 75px; min-width: 75px; max-width: 75px; z-index: 3; } .first-col { width: 50px; min-width: 50px; max-width: 50px; left: 0px; } .second-col { left: 50px; } .third-col { left: 125px; } .sticky-hd { position: -webkit-sticky; position: sticky !important; width: 75px; min-width: 75px; max-width: 75px; z-index: 5 !important; } .first-hd { width: 50px; min-width: 50px; max-width: 50px; left: 0px; } .second-hd { left: 50px; } .third-hd { left: 125px; } .tagViewGrid { max-height: 60vh; width: 75vw; } /*#endregion Tag Number Search */ /*#region Record Colors */ /* Record Type 1 Background-Color: black; font color : white; Record Type 8 Background-Color: #8b008b; font color : white; Record Type H Background-Color: #dc143c; font color : white; Record Type 2 Background-Color: #008b8b; font color : white; Record Type 3 Background-Color: #a52a2a; font color : white; Record Type 4 Background-Color: #0000ff; font color : white; Record Type 5 Background-Color: #006400; font color : white; Record Type 9 Background-Color: #f04ff0; font color : white; Record Type R Background-Color: #ff69b4; font color : white; */ /*#endregion Record Colors */ /*#region Coding Manual */ .refTable { margin-left: -1.5rem; max-height: 480px; /*padding-right: 3rem;*/ width: 80vw; } .accspTable { max-height: 480px; margin-left: -1.5rem; width: 80vw; } .codeManSection { margin: 0px 1.2rem 0.5cm 1.2rem; /*max-width: 1000px;*/ width: 77vw; } .codeManExpand { font-family: 'Courier New'; font-size: x-large; } .codeMan { margin-left: auto; margin-right: auto; } .codeMan td { padding: 5px 10px 5px 10px; } .codeManTab { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 13px; margin: 0px 0px 0px -25px; } .codeManTab td { /*border: solid;*/ border-left: 1px solid lightgray; border-bottom: 1px solid lightgray; padding: 4px 6px 4px 6px; } .codeManTab th { color: white; border-right: 1px solid white; font-size: 13px; font-weight: 600; padding: 4px 6px 4px 6px; } .codeManTab tbody { /*border: solid;*/ border: 1px solid lightgray; } .codeManRT1header th { background-color: black; } .codeManRT8header th { background-color: #8b008b; } .codeManRTHheader th { background-color: #dc143c; } .codeManRT2header th { background-color: #008b8b; } .codeManRTRheader th { background-color: #ff69b4; } .codeManRT3header th { background-color: #a52a2a; } .codeManRT4header th { background-color: blue; } .codeManRT5header th { background-color: #006400; } .codeManRT9header th { background-color: #f04ff0; } /*#endregion Coding Manual*/ /*#region DumpSeq */ .dumpSeqInfo { display: inline-block; padding-left: 25px; vertical-align: top; max-width: 500px; } .dumpSeqGV { overflow: auto; /*max-height: 750px;*/ max-height: 80vh; } /* .dumpSeqGV th { white-space: nowrap; position: sticky !important; top: 0; background-color: white; }*/ .dumpSeq-table { height: auto; padding-left: 10px; } .col { /*border-top: 1px solid lightgray;*/ border-bottom: 1px solid lightgray; border-left: 1px solid lightgray; border-right: 1px solid lightgray; display: table-cell; padding: 3px 10px 1px 10px; } .dumpSeqRT1 { /*color: green;*/ font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 13px; /*.8125rem */ } .dumpSeqRT1 th { color: white; background-color: black; border-left: 1px solid white; font-size: 13px; font-weight: 600; padding: 4px 6px 4px 6px; } .dumpSeqRT1 td { /*border: solid;*/ border-left: 1px solid lightgray; border-bottom: 1px solid lightgray; padding: 4px 6px 4px 6px; } .dumpSeqRT8grid { color: white; background-color: #8b008b; padding: 5px 15px 5px 15px; } .dumpSeqRT8 { color: #8b008b; padding: 0px; margin: 0px; } .dumpSeqRT8 th { color: white; background-color: #8b008b !important; } .dumpSeqRThgrid { color: white; background-color: #dc143c; padding: 5px 15px 5px 15px; } .dumpSeqRTh { color: #dc143c; } .dumpSeqRTh th { color: white; background-color: #dc143c !important; } .dumpSeqRT2grid { color: white; background-color: #008b8b; padding: 5px 15px 5px 15px; } .dumpSeqRT2row { color: #008b8b; padding: 8px 15px 8px 0px; } .dumpSeqRT2 { color: white; background-color: #008b8b !important; font-weight: 600; border-top-left-radius: 5px; border-top-right-radius: 5px; margin-bottom: -5px; } .dumpSeqRTrgrid { color: white; background-color: #ff69b4; padding: 5px 15px 5px 15px; } .dumpSeqRTr { color: #ff69b4; } .dumpSeqRTr th { color: white; background-color: #ff69b4 !important; } .dumpSeqRT3grid { color: white; background-color: #a52a2a; padding: 5px 15px 5px 15px; } .dumpSeqRT3row { color: #a52a2a; padding: 8px 15px 8px 0px; } .dumpSeqRT3 { color: white; background-color: #a52a2a !important; font-weight: 600; border-top-left-radius: 5px; border-top-right-radius: 5px; margin-bottom: -5px; } .dumpSeqRT4grid { color: blue; /*background-color: #0000ff;*/ padding: 5px 15px 5px 15px; } .dumpSeqRT4 { color: #0000ff; white-space: nowrap; } .dumpSeqRT4 th { color: white !important; background-color: #0000ff !important; } .dumpSeqRT4 button { color: white !important; background-color: #0000ff !important; } .dumpSeqRT5grid { color: white; background-color: #006400; padding: 5px 15px 5px 15px; } .dumpSeqRT5 { color: #006400; } .dumpSeqRT5 th { color: white; background-color: #006400 !important; } .dumpSeqRT9grid { color: white; background-color: #f04ff0; padding: 5px 15px 5px 15px; } .dumpSeqRT9 { color: #f04ff0; } .dumpSeqRT9 th { color: white; background-color: #f04ff0 !important; } .controlNumber { font-size: 18px; font-weight: bold; } /*#endregion DumpSeq */ /* #region Appendix */ .appendix-table { border: 1px solid black; caption-side: top; } .appendix-table th { background-color: lightgrey; padding: 10px; /* Adjust as needed */ } .appendix-table tr { border: 1px solid lightgrey; } /*#endregion Appendix*/ /* #region BioAdmin */ .adminHeader { text-align: left; cursor: pointer; padding: 5px 20px; font-size: 2em; font-weight: 700; } .tblBioUser { /*overflow: auto;*/ /*max-height: 750px; font-family: Consolas;*/ } .tblBioUser td { /*border: 1px solid lightgray;*/ /*white-space: pre;*/ padding: 10px 5px; } .tblBioUser th { /* white-space: nowrap; position: sticky !important; top: 0; font-weight: 600; border-left: 1px solid white; padding: 3px 5px;*/ } .sitegrid { color: darkmagenta; /*margin-left: -15px;*/ /* Adjust as needed */ font-weight: 500 !important; max-height: 440px; } .sitegrid th { color: white !important; background-color: darkmagenta !important; } .fpgrid { color: crimson; /*margin-left: -15px;*/ /* Adjust as needed */ font-weight: 500 !important; max-height: 440px; } .fpgrid th { color: white !important; background-color: crimson !important; } .waterbodygrid { color: blue; /*margin-left: -15px;*/ /* Adjust as needed */ font-weight: 500 !important; max-height: 440px; } .waterbodygrid th { color: white !important; background-color: blue !important; } .geargrid { color: black; /*margin-left: -15px;*/ /* Adjust as needed */ font-weight: 500 !important; max-height: 440px; } .geargrid th { color: white !important; background-color: black !important; } .sondegrid { color: indigo; /*margin-left: -15px;*/ /* Adjust as needed */ font-weight: 500 !important; max-height: 440px; } .sondegrid th { color: white !important; background-color: indigo !important; } .tblSonde { /*color: white !important; background-color: indigo !important;*/ } .biotrackergrid { color: midnightblue; /*margin-left: -15px;*/ /* Adjust as needed */ font-weight: 500 !important; max-height: 440px; } .biotrackergrid th { color: white !important; background-color: midnightblue !important; } .biousergrid { color: midnightblue; /*margin-left: -15px;*/ /* Adjust as needed */ font-weight: 500 !important; max-height: 440px; } .biousergrid th { color: white !important; background-color: midnightblue !important; } .programgrid { color: darkred; /*margin-left: -15px;*/ /* Adjust as needed */ font-weight: 500 !important; max-height: 440px; } .programgrid th { color: white !important; background-color: darkred !important; } .speciesgrid { color: seagreen; /*margin-left: -15px;*/ /* Adjust as needed */ font-weight: 500 !important; max-height: 440px; } .speciesgrid th { color: white !important; background-color: seagreen !important; } .stationgrid { color: chocolate; /*margin-left: -15px;*/ /* Adjust as needed */ font-weight: 500 !important; max-height: 440px; } .stationgrid th { color: white !important; background-color: chocolate !important; } .formatAgrid { color: darkcyan; /*margin-left: -15px;*/ /* Adjust as needed */ font-weight: 500 !important; max-height: 440px; } .formatAgrid th { color: white !important; background-color: darkcyan !important; } .formatTgrid { color: darkgreen; /*margin-left: -15px;*/ /* Adjust as needed */ font-weight: 500 !important; max-height: 440px; } .formatTgrid th { color: white !important; background-color: darkgreen !important; } /* #endregion BioAdmin */ /* #region Report4 */ .report4GridBase { color: white; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 13px; /*8125rem */ } .report4GridBase td { border-left: 1px solid gray; border-bottom: 1px solid gray; padding: 4px 6px 4px 6px; } .report4GridBase th { color: white; font-weight: 600; border-left: 1px solid white; font-weight: 600; padding: 4px 6px 4px 6px; } .report4box { max-width: 80vw; } .rep4RT1 { color: black; font-weight: 500 !important; width: fit-content; } .rep4RT1 th { color: white !important; background-color: black !important; /* Makes for vertical text*/ /*writing-mode: sideways-lr;*/ } /* .rep4RT1 dxbl-grid-detail-cell { padding-top: 10px; }*/ .rep4RT8 { color: #8b008b; background-color: #FEB7FF !important; /* margin-left: 0px; Adjust as needed */ font-weight: 500 !important; } .rep4RT8 th { color: white !important; background-color: #8b008b !important; } .rep4RT8 td { color: #8b008b; background-color: #8b008b13 ; } .rep4RTh { color: #dc143c; /*margin-left: 15px;*/ /* Adjust as needed */ font-weight: 500 !important; max-height: 440px; } .rep4RTh th { color: white !important; background-color: #dc143c !important; } .rep4RTh td { color: #dc143c !important; background-color: #dc143c13 !important; } .rep4RT2 { color: #008b8b; /* margin-left: 15px; Adjust as needed */ font-weight: 500 !important; } .rep4RT2 th { color: white !important; background-color: #008b8b !important; } .rep4RT2 td { color: #008b8b !important; background-color: #008b8b13 ; } .rep4RTr { color: #ff69b4; /*margin-left: 30px;*/ /* Adjust as needed */ font-weight: 500 !important; max-height: 440px; } .rep4RTr th { color: white !important; background-color: #ff69b4 !important; } .rep4RTr td { color: #ff69b4 !important; background-color: #ff69b413 ; } .rep4RT3 { color: #a52a2a; /* margin-left: 30px;*/ /* Adjust as needed */ font-weight: 500 !important; } .rep4RT3 th { color: white !important; background-color: #a52a2a !important; } .rep4RT3 td { color: #a52a2a !important; background-color: #a52a2a13 ; } .rep4RT4 { color: #0000ff; /*white-space: nowrap;*/ /* margin-left: 45px;*/ /* Adjust as needed */ font-weight: 500 !important; max-height: 440px; } .rep4RT4 th { color: white !important; background-color: #0000ff !important; } .rep4RT4 td { color: #0000ff !important; background-color: #0000ff13 ; } .rep4RT4 button { /*color: white !important;*/ /*background-color: #0000ff !important;*/ border: solid; } .rep4RT5 { color: #006400; /*margin-left: 60px; *//* Adjust as needed */ font-weight: 500 !important; max-height: 440px; } .rep4RT5 th { color: white !important; background-color: #006400 !important; } .rep4RT5 td { color: #006400 !important; background-color: #00640013 ; } .rep4RT9 { color: #f04ff0; /*margin-left: 60px;*/ /* Adjust as needed */ font-weight: 500 !important; max-height: 440px; } .rep4RT9 th { color: white !important; background-color: #f04ff0 !important; } .rep4RT9 td { color: #f04ff0 !important; background-color: #f04ff013 ; } .rep4Button { margin-right: 16px; margin-bottom: 16px; } .rep4ReVerifyButton { font-weight: bold; background-color: firebrick; } .rep4ReVerifyText { font-weight: bold; /* Make the text bold */ font-size: 0.91em; /* Smaller font size similar to the default for h6 */ display: block; /* Display as block-level element */ margin-top: 1px; margin-right: 20px; margin-bottom: 0px; color: firebrick; } .info-box { display: flex; flex-direction: column; padding: 10px; margin: 10px; border: 1px dashed; background-color: honeydew; } .info-box p { margin: 5px 0; font-size: 12px; } .center-text { text-align: center; } .verified { color: rgb(40,167,69); font-weight: bold; } .unverified { color: red; font-weight: bold; /*background-color: aliceblue;*/ /* Light red or another contrasting color */ } .loading-panelrt1-custom { } .loading-panelrt2-custom { /*margin-top: 15px;*/ } .loading-panelrt3-custom { /*margin-left: 30px*/; } .loading-panelrt4-custom { /* margin-left: 45px;*/ } .loading-panelrt5-custom { /* margin-left: 60px;*/ } .loading-panelrt9-custom { /*margin-left: 60px;*/ } .loading-panelrt8-custom { /*margin-top: -10px;*/ /*margin-left: 25px;*/ } .loading-panelrtr-custom { /*margin-left: 30px;*/ } .loading-panelrth-custom { /*margin-left: 15px;*/ } .grid-verified { color: black; background-color: chartreuse; } .grid-unverified { color: black; background-color: orangered; } .grid-partially-verified { color: black; background-color: darkorange } .unverified-table { box-shadow: 5px 5px 5px red; } .unverified-message { color: #FF6E00; margin-right: 15px; /*font-weight: 600;*/ font-size: large; } .unverified-message ul { font-size: medium; list-style-type: none; /* Remove bullets */ /*padding: 0;*/ /* Remove padding */ margin: 0; /* Remove margins */ } .unverified-checkbox { width:18px; height: 18px; vertical-align: middle; /*margin-left: 5px;*/ } .unverified-checkbox-label { color: darkblue; font-size: large; vertical-align: middle; margin-right: 10px; /*font-weight: 600;*/ } .active-edit-form { border: 3px solid yellow; /* orange-red */ /*color: black; */ /* dark blue */ font-weight: bold; background-color: #ffffe0; /* light yellow */ box-shadow: 0px 0px 10px #888888; animation: fadeIn 0.75s; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .flex-container { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; /* Allow items to wrap */ } .dxgrid-container { width: calc(100% - 70px); /* Adjust width taking into consideration the space for .empty-square and any margins */ margin-right: 20px; flex-shrink: 1; /* Allow this container to shrink if necessary */ } .empty-square { flex-shrink: 0; width: 50px; height: 50px; background-color: white; text-align: center; /* default alignment */ font-size: 2rem; display: flex; /* using flexbox */ align-items: center; /* vertical centering */ } .verification-box { background-color: #E8F5E9; /* Light green for a 'verified' feel */ padding: 10px; border-radius: 5px; margin: 10px 0; } .verification-label-user-column { font-weight: bold; margin-left: 1px; text-align: left; } .verification-label-date-column { font-weight: bold; margin-left: 10px; text-align: right; } .verification-card { border-width: 3px !important; /* Custom Border width */ /*background-color: antiquewhite;*/ margin-right: 10px; } .valid-spin-edit { border: 2px solid green; /* Style for valid state */ } .invalid-spin-edit { border: 2px solid red; /* Style for invalid state */ } .hideMe { display: none; } /* #endregion Report4*/ /* #region Modal*/ .modal-content-scrollable { max-height: 90vh; /* Adjust as needed */ overflow-y: auto; padding: 20px; /* Adjust padding as needed */ } .heading { text-align: center; /* Centers the text horizontally */ font-weight: bold; /* Makes the text bold */ font-size: 1.5em; } .myModalPosition { /* margin-left: 250px; padding-left: 225px; */ padding-top: 3vh; overflow: auto; z-index: 110 !important; /* position:fixed; */ } .truncate-text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; } /*@media (min-width: 1200px) { .size-automatic[b-mwsrhhqq2g] { width: 65% !important; max-width: 1000px !important; margin-right: 125px !important; margin-top: -3vh !important; } }*/ /* #endregion Modal*/ /* #region Validation Error Component */ .validationCom { padding: 5px 0px 0px 26px; } .validationError { color: red; } .validationWarning { color: darkgreen; } .validationMessage { color: blue; } /* #endregion Validation Error Component */