*{margin: 0px; padding: 0px; }
html, body { height: 100%; margin: 0; padding: 0px; background-color: rgb(255, 255, 255); min-width:320px; font-size:14px;}

a {color: #0094FF}
.nav-link {color: #0094FF}
.bg {
  background-image: url("/background.jpg");
  height: 100%; 
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.login_logo{width: 200px; margin: 20px 0px 20px 0px;}

.block-header    {z-index:1; border-bottom: solid 1px #adb5bd55;}
.menubar         {line-height: 48px;            background-color: rgb(0, 0, 0); }
.block-btn       {width:48px;       height: 48px;             background-color: rgb(0, 0, 0);        display:inline-block; margin:0px; background-repeat: no-repeat; background-position:10px ; background-size:50%; background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAzMCAzMCc+PHBhdGggc3Ryb2tlPSdyZ2JhKDI1NSwgMjU1LCAyNTUsIDAuNTUpJyBzdHJva2UtbGluZWNhcD0ncm91bmQnIHN0cm9rZS1taXRlcmxpbWl0PScxMCcgc3Ryb2tlLXdpZHRoPScyJyBkPSdNNCA3aDIyTTQgMTVoMjJNNCAyM2gyMicvPjwvc3ZnPg==);}
.block-brand     {min-width: 170px; height: 48px;             background-color: rgb(0, 0, 0);        display:inline-block; margin: 0px 0px 0px 10px; padding:0px; color: white; }
.block-brand-view{min-width: 200px; height: 48px;             background-color: rgb(0, 0, 0);        display:inline-block; margin: 0px 10px 0px 0px; padding:0px; color: #63AECE;  font-weight: bold; text-align:right;}
.block-brand-logo{height: 24px; line-height:24px }
.block-search    {min-width: 300px; width:100%; height: 48px; background-color: rgb(226, 226, 226);  display:inline-block; margin:0px; border:0px; border-radius: 0px; padding: .75rem 1rem;}
.block-search:focus{border:0px;}
.block-search:focus-visible{border:0px; outline:none} 
.block-search:active{border:0px;}
#srchNum {background-color: rgb(226, 226, 226); width:40px; line-height: 48px; color: black; height: 48px;}

.buttonbar{background-color: rgb(255, 255, 255); line-height: 50px; border-bottom: 1px solid #adb5bd55; font-size:14px;}
.buttonbar_select {font-size:12px; margin-right:10px;}
.buttonbar_label {width: 100px;}
.buttonbar-element{margin-left:10px;}
.buttonbar-btn{width:100%}
.buttonbar-btn-container{margin-left:10px; margin-right:10px; /*width:100%*/}
.block-menu{width: 570px; top: 50px; z-index: 10; background-color: rgb(255, 255, 255); box-shadow: 2px 2px rgba(35, 36, 36, 0.1); }
.block-menu-link-item > a{color: black;}
.block-menu-link-item > a:hover{color: #0094FF;}
.block-menu-link-item:hover{background-color: rgba(0, 0, 0, 0.10);}
.nav-info-title{margin:0px 0px 0px 20px ; font-weight: bold; line-height:40px;}
.nav-info{margin:0px 0px 0px 30px ;line-height:40px;}      
.block-content{background-color: rgb(255, 255, 255); width:100%; margin:0px;}

/*sticky table*/
.page-table > table           {font-size:12px;}
.page-table > table > thead   {position: sticky; top: -2px; padding:0px; } 
.page-table > table > thead > tr > th {padding: 0px; margin: 0px; border: 0px; white-space: nowrap;}
.page-table > table > tbody > tr > td {white-space: nowrap; }
.table-first-row-first-column {text-align: center;}      
.table-first-row-first-column > div {background-color:#adb5bd55; outline:0px;text-align: center;}      
/*.table-first-column     {position: sticky; left: 0px}*/


.table-action-info {text-decoration: none; display:inline-block; width: 20px; height:100%; background-repeat: no-repeat; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktaW5mby1jaXJjbGUiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTggMTVBNyA3IDAgMSAxIDggMWE3IDcgMCAwIDEgMCAxNG0wIDFBOCA4IDAgMSAwIDggMGE4IDggMCAwIDAgMCAxNiIvPgogIDxwYXRoIGQ9Im04LjkzIDYuNTg4LTIuMjkuMjg3LS4wODIuMzguNDUuMDgzYy4yOTQuMDcuMzUyLjE3Ni4yODguNDY5bC0uNzM4IDMuNDY4Yy0uMTk0Ljg5Ny4xMDUgMS4zMTkuODA4IDEuMzE5LjU0NSAwIDEuMTc4LS4yNTIgMS40NjUtLjU5OGwuMDg4LS40MTZjLS4yLjE3Ni0uNDkyLjI0Ni0uNjg2LjI0Ni0uMjc1IDAtLjM3NS0uMTkzLS4zMDQtLjUzM3pNOSA0LjVhMSAxIDAgMSAxLTIgMCAxIDEgMCAwIDEgMiAwIi8+Cjwvc3ZnPg==)}
.table-action-info:hover{background-position:1px; background-size:70%;}
.table-action-edit {text-decoration: none; display:inline-block; width: 20px; height:100%; background-repeat: no-repeat; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktcGVuY2lsLXNxdWFyZSIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNMTUuNTAyIDEuOTRhLjUuNSAwIDAgMSAwIC43MDZMMTQuNDU5IDMuNjlsLTItMkwxMy41MDIuNjQ2YS41LjUgMCAwIDEgLjcwNyAwbDEuMjkzIDEuMjkzem0tMS43NSAyLjQ1Ni0yLTJMNC45MzkgOS4yMWEuNS41IDAgMCAwLS4xMjEuMTk2bC0uODA1IDIuNDE0YS4yNS4yNSAwIDAgMCAuMzE2LjMxNmwyLjQxNC0uODA1YS41LjUgMCAwIDAgLjE5Ni0uMTJsNi44MTMtNi44MTR6Ii8+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMSAxMy41QTEuNSAxLjUgMCAwIDAgMi41IDE1aDExYTEuNSAxLjUgMCAwIDAgMS41LTEuNXYtNmEuNS41IDAgMCAwLTEgMHY2YS41LjUgMCAwIDEtLjUuNWgtMTFhLjUuNSAwIDAgMS0uNS0uNXYtMTFhLjUuNSAwIDAgMSAuNS0uNUg5YS41LjUgMCAwIDAgMC0xSDIuNUExLjUgMS41IDAgMCAwIDEgMi41eiIvPgo8L3N2Zz4=)}
.table-action-edit:hover{background-position:1px; background-size:70%;}
.table-action-delete {text-decoration: none; display:inline-block; width: 20px; height:100%; background-repeat: no-repeat; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmkteC1jaXJjbGUiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTggMTVBNyA3IDAgMSAxIDggMWE3IDcgMCAwIDEgMCAxNG0wIDFBOCA4IDAgMSAwIDggMGE4IDggMCAwIDAgMCAxNiIvPgogIDxwYXRoIGQ9Ik00LjY0NiA0LjY0NmEuNS41IDAgMCAxIC43MDggMEw4IDcuMjkzbDIuNjQ2LTIuNjQ3YS41LjUgMCAwIDEgLjcwOC43MDhMOC43MDcgOGwyLjY0NyAyLjY0NmEuNS41IDAgMCAxLS43MDguNzA4TDggOC43MDdsLTIuNjQ2IDIuNjQ3YS41LjUgMCAwIDEtLjcwOC0uNzA4TDcuMjkzIDggNC42NDYgNS4zNTRhLjUuNSAwIDAgMSAwLS43MDgiLz4KPC9zdmc+)}
.table-action-delete:hover{background-position:1px; background-size:70%;}
.table-action-list {text-decoration: none; display:inline-block; width: 20px; height:100%; background-repeat: no-repeat; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdGFibGUiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTAgMmEyIDIgMCAwIDEgMi0yaDEyYTIgMiAwIDAgMSAyIDJ2MTJhMiAyIDAgMCAxLTIgMkgyYTIgMiAwIDAgMS0yLTJ6bTE1IDJoLTR2M2g0em0wIDRoLTR2M2g0em0wIDRoLTR2M2gzYTEgMSAwIDAgMCAxLTF6bS01IDN2LTNINnYzem0tNSAwdi0zSDF2MmExIDEgMCAwIDAgMSAxem0tNC00aDRWOEgxem0wLTRoNFY0SDF6bTUtM3YzaDRWNHptNCA0SDZ2M2g0eiIvPgo8L3N2Zz4=)}
.table-action-list:hover{background-position:1px; background-size:70%;}
.table-action-new{text-decoration: none; display:inline-block; width: 24px; height:24px ; background-size:100%; background-repeat: no-repeat; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktcGx1cy1jaXJjbGUiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTggMTVBNyA3IDAgMSAxIDggMWE3IDcgMCAwIDEgMCAxNG0wIDFBOCA4IDAgMSAwIDggMGE4IDggMCAwIDAgMCAxNiIvPgogIDxwYXRoIGQ9Ik04IDRhLjUuNSAwIDAgMSAuNS41djNoM2EuNS41IDAgMCAxIDAgMWgtM3YzYS41LjUgMCAwIDEtMSAwdi0zaC0zYS41LjUgMCAwIDEgMC0xaDN2LTNBLjUuNSAwIDAgMSA4IDQiLz4KPC9zdmc+)}
.table-action-new:hover{background-position:1px; background-size:70%;}
.table-action-export{text-decoration: none; display:inline-block; width: 24px; height:24px ; background-size:70%; background-repeat: no-repeat; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0ibWRpLW1pY3Jvc29mdC1leGNlbCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0yMS4xNyAzLjI1UTIxLjUgMy4yNSAyMS43NiAzLjUgMjIgMy43NCAyMiA0LjA4VjE5LjkyUTIyIDIwLjI2IDIxLjc2IDIwLjUgMjEuNSAyMC43NSAyMS4xNyAyMC43NUg3LjgzUTcuNSAyMC43NSA3LjI0IDIwLjUgNyAyMC4yNiA3IDE5LjkyVjE3SDIuODNRMi41IDE3IDIuMjQgMTYuNzYgMiAxNi41IDIgMTYuMTdWNy44M1EyIDcuNSAyLjI0IDcuMjQgMi41IDcgMi44MyA3SDdWNC4wOFE3IDMuNzQgNy4yNCAzLjUgNy41IDMuMjUgNy44MyAzLjI1TTcgMTMuMDZMOC4xOCAxNS4yOEg5Ljk3TDggMTIuMDZMOS45MyA4Ljg5SDguMjJMNy4xMyAxMC45TDcuMDkgMTAuOTZMNy4wNiAxMS4wM1E2LjggMTAuNSA2LjUgOS45NiA2LjI1IDkuNDMgNS45NyA4Ljg5SDQuMTZMNi4wNSAxMi4wOEw0IDE1LjI4SDUuNzhNMTMuODggMTkuNVYxN0g4LjI1VjE5LjVNMTMuODggMTUuNzVWMTIuNjNIMTJWMTUuNzVNMTMuODggMTEuMzhWOC4yNUgxMlYxMS4zOE0xMy44OCA3VjQuNUg4LjI1VjdNMjAuNzUgMTkuNVYxN0gxNS4xM1YxOS41TTIwLjc1IDE1Ljc1VjEyLjYzSDE1LjEzVjE1Ljc1TTIwLjc1IDExLjM4VjguMjVIMTUuMTNWMTEuMzhNMjAuNzUgN1Y0LjVIMTUuMTNWN1oiIC8+PC9zdmc+)}
.table-action-export:hover{background-position:1px; background-size:60%;}
.table-action-refresh{text-decoration: none; display:inline-block; width: 24px; height:24px; background-size:70%; background-repeat: no-repeat; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0zIDEyQzMgMTYuOTcwNiA3LjAyOTQ0IDIxIDEyIDIxQzE0LjMwNTEgMjEgMTYuNDA3NyAyMC4xMzM0IDE4IDE4LjcwODNMMjEgMTZNMjEgMTJDMjEgNy4wMjk0NCAxNi45NzA2IDMgMTIgM0M5LjY5NDk0IDMgNy41OTIyNyAzLjg2NjU2IDYgNS4yOTE2OEwzIDhNMjEgMjFWMTZNMjEgMTZIMTZNMyAzVjhNMyA4SDgiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4NCjwvc3ZnPg==)}
.table-action-refresh:hover{background-position:1px 1px; background-size:60%;}

.table-action-edit-disabled {text-decoration: none; display:inline-block; width: 20px; height:100%; background-repeat: no-repeat; filter: grayscale(100%); opacity: 0.5; cursor: not-allowed; pointer-events: none; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktcGVuY2lsLXNxdWFyZSIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNMTUuNTAyIDEuOTRhLjUuNSAwIDAgMSAwIC43MDZMMTQuNDU5IDMuNjlsLTItMkwxMy41MDIuNjQ2YS41LjUgMCAwIDEgLjcwNyAwbDEuMjkzIDEuMjkzem0tMS43NSAyLjQ1Ni0yLTJMNC45MzkgOS4yMWEuNS41IDAgMCAwLS4xMjEuMTk2bC0uODA1IDIuNDE0YS4yNS4yNSAwIDAgMCAuMzE2LjMxNmwyLjQxNC0uODA1YS41LjUgMCAwIDAgLjE5Ni0uMTJsNi44MTMtNi44MTR6Ii8+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMSAxMy41QTEuNSAxLjUgMCAwIDAgMi41IDE1aDExYTEuNSAxLjUgMCAwIDAgMS41LTEuNXYtNmEuNS41IDAgMCAwLTEgMHY2YS41LjUgMCAwIDEtLjUuNWgtMTFhLjUuNSAwIDAgMS0uNS0uNXYtMTFhLjUuNSAwIDAgMSAuNS0uNUg5YS41LjUgMCAwIDAgMC0xSDIuNUExLjUgMS41IDAgMCAwIDEgMi41eiIvPgo8L3N2Zz4=)}
.table-action-delete-disabled {text-decoration: none; display:inline-block; width: 20px; height:100%; background-repeat: no-repeat; filter: grayscale(100%); opacity: 0.5; cursor: not-allowed; pointer-events: none; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmkteC1jaXJjbGUiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTggMTVBNyA3IDAgMSAxIDggMWE3IDcgMCAwIDEgMCAxNG0wIDFBOCA4IDAgMSAwIDggMGE4IDggMCAwIDAgMCAxNiIvPgogIDxwYXRoIGQ9Ik00LjY0NiA0LjY0NmEuNS41IDAgMCAxIC43MDggMEw4IDcuMjkzbDIuNjQ2LTIuNjQ3YS41LjUgMCAwIDEgLjcwOC43MDhMOC43MDcgOGwyLjY0NyAyLjY0NmEuNS41IDAgMCAxLS43MDguNzA4TDggOC43MDdsLTIuNjQ2IDIuNjQ3YS41LjUgMCAwIDEtLjcwOC0uNzA4TDcuMjkzIDggNC42NDYgNS4zNTRhLjUuNSAwIDAgMSAwLS43MDgiLz4KPC9zdmc+)}
           

.table-action-menu{text-decoration: none; display:inline-block; background-position:4px; width: 24px; height:24px ; background-size:80%; background-repeat: no-repeat; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iYmxhY2siPjxwYXRoIGQ9Ik0yIDhsMTAgMTIgMTAtMTJ6Ii8+PC9zdmc+)}
.table-action-menu:hover{background-position:6px; background-size:50%;}

.table-sort-link{text-align: center; color: black;  text-decoration: none; width:100%; display:inline-block;}
.table-sort-icon-none{text-align: right; color: black;  text-decoration: none; display:inline-block; width: 24px; height:24px ; background-size:100%; background-position:0px; background-repeat: no-repeat; background-image: none}
.table-sort-icon-none:hover{text-align: right; color: black;  background-position:-14px; background-size:200%;}
.table-sort-icon-asc{text-align: right; color: black; text-decoration: none; display:inline-block; width: 24px; height:24px ; background-size:70%; background-position:1px; background-repeat: no-repeat; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktc29ydC11cC1hbHQiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTMuNSAxMy41YS41LjUgMCAwIDEtMSAwVjQuNzA3TDEuMzU0IDUuODU0YS41LjUgMCAxIDEtLjcwOC0uNzA4bDItMS45OTkuMDA3LS4wMDdhLjUuNSAwIDAgMSAuNy4wMDZsMiAyYS41LjUgMCAxIDEtLjcwNy43MDhMMy41IDQuNzA3em00LTkuNWEuNS41IDAgMCAxIDAtMWgxYS41LjUgMCAwIDEgMCAxem0wIDNhLjUuNSAwIDAgMSAwLTFoM2EuNS41IDAgMCAxIDAgMXptMCAzYS41LjUgMCAwIDEgMC0xaDVhLjUuNSAwIDAgMSAwIDF6TTcgMTIuNWEuNS41IDAgMCAwIC41LjVoN2EuNS41IDAgMCAwIDAtMWgtN2EuNS41IDAgMCAwLS41LjUiLz4KPC9zdmc+)}
.table-sort-icon-desc:hover{text-align: right; color: black;  background-position:1px; background-size:60%;}
.table-sort-icon-desc{text-align: right; color: black;  text-decoration: none; display:inline-block; width: 24px; height:24px ; background-size:70%; background-position:1px; background-repeat: no-repeat; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktc29ydC1kb3duIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik0zLjUgMi41YS41LjUgMCAwIDAtMSAwdjguNzkzbC0xLjE0Ni0xLjE0N2EuNS41IDAgMCAwLS43MDguNzA4bDIgMS45OTkuMDA3LjAwN2EuNDk3LjQ5NyAwIDAgMCAuNy0uMDA2bDItMmEuNS41IDAgMCAwLS43MDctLjcwOEwzLjUgMTEuMjkzem0zLjUgMWEuNS41IDAgMCAxIC41LS41aDdhLjUuNSAwIDAgMSAwIDFoLTdhLjUuNSAwIDAgMS0uNS0uNU03LjUgNmEuNS41IDAgMCAwIDAgMWg1YS41LjUgMCAwIDAgMC0xem0wIDNhLjUuNSAwIDAgMCAwIDFoM2EuNS41IDAgMCAwIDAtMXptMCAzYS41LjUgMCAwIDAgMCAxaDFhLjUuNSAwIDAgMCAwLTF6Ii8+Cjwvc3ZnPg==)}
.table-sort-icon-asc:hover{text-align: right; color: black;  background-position:1px; background-size:60%;}
.table-sort-icon-sorting{text-align: right; color: black;  text-decoration: none; display:inline-block; width: 24px; height:24px ; background-size:70%; background-position:1px; background-repeat: no-repeat; background-image: url("/assets/spinner-d0310e43.gif")}
.table-sort-icon-sorting:hover{text-align: right; color: black;  background-position:-14px; background-size:80%;}

.fixed-table-body{width: 100%; height:500px; overflow-y: auto; overflow-x: auto;  display: flex;  flex-direction: column;} 
.th-inner{z-index: 120; font-size: 12px; outline: 1px solid #adb5bd55; border-bottom: 1px solid #adb5bd55; border-top:0px;/*1px solid #adb5bd55;*/ line-height:24px; padding:10px;}
/*.th-inner { background-color: rgba(226, 226, 226, 1); }*/
.table-danger-espediter  > td { background-color: rgba(247, 41, 41, 0.4); }
.table-stop-espediter    > td { background-color: rgba(41, 41, 247, 0.4); }
.table-success-espediter > td { background-color: rgba(41, 247, 41, 0.4); }
.has_trailer_false            {color: red !important}
.has_trucker_false            {color: red !important}
.has_truck_false              {color: red !important}
.has_cnee_false               {color: red !important}

.form-map                     {padding: 0px;}

.espediter-table-internal
{
  width:100%; 
  border: solid 1px rgba(226, 226, 226, 1)

}   

tr.highlighted > td
{
  background-color: #addbfc !important; /* Style for the highlighted row */
  --bs-table-bg-type: #addbfc !important; /* Style for the highlighted row */
  --bs-table-bg-state: #addbfc;
}

tr.highlighted:hover > td
{
  background-color: #addbfc !important; /* Style for the highlighted row */
  --bs-table-bg-type: #addbfc !important; /* Style for the highlighted row */
  --bs-table-bg-state: #addbfc;
}

tr.highlighted:hover > td:hover
{
  background-color: #addbfc !important; /* Style for the highlighted row */
  --bs-table-bg-type: #addbfc !important; /* Style for the highlighted row */
  --bs-table-bg-state: #addbfc;
}


.import_containers_progress_bar 
{
  background-color: green;
}

.displayNone{display: none;}
.marker{width: 20px;height: 20px;overflow: visible;}
.marker:hover{scale: 1.3;}
.marker:hover > .markerText{display:block;}
.markerDot{display:block; scale: 0.6;}
/*.markerText{ margin-left:  calc(-50%+10px);}*/
.markerFound > .markerText text{fill: fuchsia}
.markerFound > .markerDot circle{fill: fuchsia;}

#radius-slider
{
  width:80%;
  margin-top:10px;
}
#slidecontainer
{
  margin-top:10px;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
  height:40px;
  background-color:white;
  width:300px;
  text-align:center;
}

#ConsigneeGoogleMap
{
  width:  100%;
  height: 300px;
}

.form_label_error
{
  color: red;
}

#ContainerGoogleMap
{
  width: 100%;
  height: 500px;
}

.import_log_info{color:#0000FF !important;}
.import_log_warn{color:#404040 !important;}
.import_log_err {color:#FF0000 !important;}

.profile-info{font-weight:normal; color: #0094FF;}
#srchNum
{
  width: 40px;
}
#page-map
{
  width: 100%;
}

.update_timer
{
  margin-top: 10px;
  margin-left: 10px;
}


.marker-details-table {
  border-collapse: collapse; /* Collapses borders between cells */
  width: auto; /* Or set a specific width if desired */
  font-size: 12px; /* Smaller font for compactness */
  margin: 0;
  padding: 0;
}

.marker-info
{
  max-height :300px;
}

.marker-details-table th,
.marker-details-table td {
  padding: 2px 5px; /* Minimal padding inside cells for compactness */
  text-align: left; /* Align text to the left */
  vertical-align: top; /* Align content to the top if it spans multiple lines */
  border: none; /* No borders for a cleaner look, or add subtle borders if preferred */
}

.marker-details-table th {
  font-weight: bold; /* Ensure labels are bold */
  white-space: nowrap; /* Prevent labels from wrapping */
}

.marker-details-table td {
  white-space: nowrap; /* Prevent values from wrapping */
}

.table-menu {
    position: absolute;
    top: 44px;
    left: 0;
    width: 200px;

    background-color: white;
    border: 1px solid #ccc;
    z-index: 10;
    flex-direction: column;
    display: none;
}

.table-menu.active {
    display: flex; /* Show the menu */
}

.table-menu-item {
    padding: 8px 15px;
    cursor: pointer;
    width: 100%;
    box-sizing: border-box; /* Include padding in width */
}

.table-menu-item:hover {
    background-color: #f0f0f0;
}

.dashboard-date-time-select        { width: 100%; margin-left: auto; margin-right: auto; }
.time-scroll-container             { width: 100%; margin-top: 25px; }
#time-slider                       { width: 100%; }
.time-markers                      { display: flex; justify-content: space-between; width: 100%; padding: 0; }
#time-slider                       { width: 100%; -webkit-appearance: none; height: 10px; background: #d3d3d3; outline: none; opacity: 0.8; transition: opacity .2s; border-radius: 5px;}
#time-slider:hover                 { opacity: 1; }
#time-slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 20px; height: 20px; border-radius: 50%; background: #007bff; cursor: pointer; border: 3px solid white; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);}
#time-slider::-moz-range-thumb     { width: 20px; height: 20px; border-radius: 50%; background: #007bff; cursor: pointer; border: 3px solid white; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);}
.time-markers                      {display: flex; justify-content: space-between; margin-top: 5px; color: #666; font-size: 0.85em; font-weight: 500;}

.dashboard_table td, 
.dashboard_table th {
  background-color: transparent !important;
  /*scroll-snap-align: start;*/
}

.dashboard_table {
  /*scroll-snap-type: x mandatory; 
  scroll-behavior: smooth;
  */
}

/*@media screen and (min-width : 480px) {.block-brand {  width: calc(480px - 48px) }}*/