body {
margin: 0px;
padding: 0px;
}
.data-grid-view-header {
    position: sticky;
    display: flex;
    flex: 1;
    flex-direction: row;
    min-height: 60px;
    max-height: 60px;
    margin: 0px;
    top: 93.99px;
    padding-top: 10px;
    padding-bottom: 10px;
    left: 0;
    right: 0;
    background-color: var(--body-background-color); 
    z-index: 999;
    justify-content: space-between;
    align-items: center;
}
.dgv-header-search {
    flex: 1;
    z-index: 1;
    color: var(--font-color);
    font-weight: bold;
    font-size: 20px;
    padding: 0px 15px 0px 15px;
    cursor: text;
    min-width: 60px;
    min-height: 40px;
    border: 0px;
    outline: 0px;
    border-radius: 20px;
    background: var(--input-background);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 0px 10px 0 var(--font-color);
    margin-right: 10px;
}
.dgv-header-tooltip {
    font-weight: bold;
    font-size: 14px;
    position: relative;
    visibility: visible;
    white-space: nowrap;
    text-align: center;
    color: var(--font-color);
    font-weight: bold;
    cursor: default;
}
  ::placeholder {
    color: var(--font-readonly-color);
  }
  
  ::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.618);
  }

.data-grid-view-title {
    color: var(--font-color);
    font-weight: bold;
    font-size: 20px;
    padding: 0px 15px 0px 15px;
    align-content: center;
    text-align: center;
    max-width: 400px;
    min-width: fit-content;
    cursor: default;
    margin-right: 10px;
    min-height: 60px;
    border-radius: 20px;
    /* box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.37); */

}
.data-grid-view-league-name {
    font-size: 18px;
    font-weight: bold;
    flex: 1;
    position: sticky;
    margin: auto;
}
.data-grid-view-header-options {
    display: flex;
    align-items: center;
    max-width: max-content;
    margin-right: 10px;
    height: fit-content;
}
.data-grid-view-header-option-block {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.data-grid-view-header-option {
    display: flex;
    justify-content: center;
    align-items: center;
    height:fit-content;
    max-width: 100px;
    /* margin: 0px 10px 0px 10px; */
    position: relative;
    border-radius: 20%;
    padding: 0px 0px 0px 0px;
    /* background: linear-gradient(135deg, rgb(255, 255, 255, 0.1), rgb(255, 255, 255, 0));*/
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    /* box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.37); */

    border: 0px solid white;
    cursor: pointer;
    transition: box-shadow ease-in-out 0.25s;
    margin-top: 0px;
}
.data-grid-view-header-option:hover {
   /* box-shadow: 0px 0px 2px rgb(255, 255, 255); 
    background: var(--floodlit-background-color); */
   
}

.data-grid-view-save-image		{content: var(--save-icon-url);}
.data-grid-view-close-image		{content: var(--close-icon-url);}
.data-grid-view-edit-person-image	{content: var(--edit-person-icon-url);}
.data-grid-view-edit-image		{content: var(--edit-icon-url);}
.data-grid-view-add-image		{content: var(--add-icon-url);}
.data-grid-view-reject-image		{content: var(--reject-icon-url);}
.data-grid-view-person-search-image		{content: var(--person-search-icon-url);}
.data-grid-view-menu-image		{content: var(--menu-icon-url);}
.data-grid-view-location-image		{content: var(--location-icon-url);}
.data-grid-view-ok-image		{content: var(--ok-icon-url);}
.data-grid-view-hide-image		{content: var(--hide-icon-url);}
.data-grid-view-show-image		{content: var(--show-icon-url);}
.data-grid-view-photo-image		{content: var(--photo-icon-url);}
.data-grid-view-sort_up-image		{content: var(--sort_up-icon-url);}
.data-grid-view-sort_down-image		{content: var(--sort_down-icon-url);}
.data-grid-view-more-image		{content: var(--more-icon-url);}
.data-grid-view-scorecard-image		{content: var(--scorecard-icon-url);}
.data-grid-view-search-image		{content: var(--search-icon-url);}
.data-grid-view-postpone-image		{content: var(--postpone-icon-url);}
.data-grid-view-delete-email-image	{content: var(--delete-email-icon-url);}

.data-grid-view-header-image,
.data-grid-view-save-image,
.data-grid-view-close-image,
.data-grid-view-edit-person-image,
.data-grid-view-edit-image,
.data-grid-view-add-image,
.data-grid-view-reject-image,
.data-grid-view-person-search-image,
.data-grid-view-menu-image, 
.data-grid-view-location-image,
.data-grid-view-ok-image,
.data-grid-view-hide-image,
.data-grid-view-show-image,  
.data-grid-view-photo-image,
.data-grid-view-sort_up-image,
.data-grid-view-sort_down-image,
.data-grid-view-more-image,
.data-grid-view-scorecard-image,
.data-grid-view-search-image,
.data-grid-view-postpone-image,    
.data-grid-view-delete-email-image 
{
    max-height: 40px;
    margin: 5px;
  /*  border-radius: 50%; 
    background: var(--header-background-color); */
}

.data-grid-view-save-image:hover{content: var(--hover-save-icon-url);}
.data-grid-view-close-image:hover{content: var(--hover-close-icon-url);}
.data-grid-view-edit-person-image:hover{content: var(--hover-edit-person-icon-url);}
.data-grid-view-edit-image:hover{content: var(--hover-edit-icon-url);}
.data-grid-view-add-image:hover{content: var(--hover-add-icon-url);}
.data-grid-view-reject-image:hover{content: var(--hover-reject-icon-url);}
.data-grid-view-person-search-image:hover{content: var(--hover-person-search-icon-url);}
.data-grid-view-menu-image:hover{content: var(--hover-menu-icon-url);}
.data-grid-view-location-image:hover{content: var(--hover-location-icon-url);}
.data-grid-view-ok-image:hover{content: var(--hover-ok-icon-url);}
.data-grid-view-hide-image:hover{content: var(--hover-hide-icon-url);}
.data-grid-view-show-image:hover{content: var(--hover-show-icon-url);}
.data-grid-view-photo-image:hover{content: var(--hover-photo-icon-url);}
.data-grid-view-sort-up-image:hover{content: var(--hover-sort-up-icon-url);}
.data-grid-view-sort-down-image:hover{content: var(--hover-sort-down-icon-url);}
.data-grid-view-more-image:hover{content: var(--hover-more-url);}
.data-grid-view-scorecard-image:hover{content: var(--hover-scorecard-icon-url);}
.data-grid-view-search-image:hover{content: var(--hover-search-icon-url);}
.data-grid-view-postpone-image:hover{content: var(--hover-postpone-icon-url);}
.data-grid-view-delete-email-image:hover{content: var(--hover-delete-email-icon-url);}

.carl-data-grid-view {
    color: rgba(255, 255, 255, 0.618);

    display: flex;
    flex-direction: column;
    flex: 1;

    padding: 20px 0px 20px 0px;
    cursor: default;
    overflow: auto;

    border-radius: 20px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.623), rgba(255, 255, 255, 0.483));
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
    background-color: red;
}

::-webkit-scrollbar {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 10px;
  }
  
  
  /* Handle */
  ::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background: var(--dark-color);
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
   background: var(--dark-color);
  }

.data-grid-view-row {
    font-size: 15px;
    display: grid;
    /*grid-template-columns: 3fr 10fr 10fr 18fr 13fr 25fr 16fr;*/
    border-radius: 10px;
    align-items: center;
    
    padding-right: 5px;
}
.data-grid-view-row:hover {
    background: linear-gradient(135deg, rgb(255, 255, 255, 0.1), rgb(255, 255, 255, 0));
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
}
.dgv-row-checkbox {
    border-left: 1px solid rgb(255, 255, 255);
    padding: 3px 3px 3px 2px;
    overflow: hidden;
    display: block;
    white-space: nowrap; 
}

.dgv-row-data {
    border-left: 1px solid rgb(255, 255, 255);
    padding: 3px 3px 3px 2px;
    overflow: hidden;
    display: block;
    white-space: nowrap;
}