/*###############################################################################################################*/
.AutoCompleteDiv
    {
        width:100%;
        height:100%;
        box-sizing: border-box;
        position: relative;
        border-radius: 3px;
    }
.AutoCompleteDiv input[type="text"]
    {
        width:100%;
        height: 100%;
        box-sizing: border-box;
        border-radius: 3px;
        text-align: center;
    }
.Dropdown-Container
    {
        position:absolute;
        z-index: 999;
        box-sizing: border-box;
        margin-top: 2px;
        border-radius: 5px;
        background-color: white;
        box-shadow: 1px 3px 5px gray;
        padding:10px 5px 5px 5px;
        
    }
.Dropdown-Container::before 
    {
        content: '';
        position: absolute;
        top: -8px; /* places arrow above the box */
        left: 20px; /* horizontal position of arrow */
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 8px solid white; /* matches container background */
    }

.Dropdown-Container .dropdown-Arrow
    {
        height: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: white;
    }
.Dropdown-Container .ScrollableContainer
    {
        max-height: 225.5px;
        box-sizing: border-box;
        white-space: nowrap;
        overflow-y: auto;
    }

.Dropdown-Container ul 
    {
        list-style: none;
        padding: 0;
        margin:10px 0 10px 0;
        box-sizing: border-box;
        
    }
.Dropdown-Container li
    {
        padding: 5px;
        cursor: pointer;
        box-sizing: border-box;
        border-bottom: solid 1px rgb(218, 217, 217);
    }
.Dropdown-Container li:first-child
    {
        border-top: solid 1px rgb(218, 217, 217);
    }
    
.Dropdown-Container li:hover 
    {
        box-shadow: 0px 0px 5px rgba(0,0,0,.3);
        border-bottom: solid 1px rgb(170, 170, 170);
        font-weight: 600;
    }
.Dropdown-Container .Selected
    {
        box-shadow: 0px 0px 5px rgba(0,0,0,.3);
        border-bottom: solid 1px rgb(170, 170, 170);
        font-weight: 600;
    }
/*###############################################################################################################*/   
#DateRangePickerD1
    {
        width:100%;
        height: 100%;
        box-sizing: border-box;
        z-index: 0;
    }
#DateRangePickerD11
    {
        width:100%;
        height: 100%;
        box-sizing: border-box;
        position:relative;
        
    }
#DateRangePickerD11 input
    {
        width:100%;
        height: 100%;
        box-sizing: border-box;
        text-align: center;
        padding-right:15px;
    }
#DateRangePickerD11 span
    {
        position:absolute;
        right:0;
        top:0;
        margin:2px 5px 5px 0;
        cursor: pointer;
    }
#DateRangePickerD12
    {
        width:100%;
        box-sizing: border-box;
        position:relative;
    }
#DateRangePickerD121
    {
        width:100%;
        box-sizing: border-box;
        position:absolute;
        top:0;
        left:0;
        z-index:5;
    }
#DateRangePickerD1211 
    {
        margin-top:10px;
        box-sizing: border-box;
        display:inline-block;
        border-radius: 5px;
        background:white;
        position: relative;
        box-shadow: 1px 3px 5px gray;
    }
.DateRangePickerD1211::before 
    {
        content: "";
        position: absolute;
        height: var(--h,10px);
        width: var(--w,15px);
        background: inherit;
        transform:scale(var(--x,1),var(--y,1));
        margin-left:15px;
    }
.DateRangePickerD1211.p-top::before
    {
        bottom: 100%;
        clip-path: polygon(0 100%, 100% 100%, 50% 0);
    }
#DateRangePickerD12111
    {
        width:100%;
        box-sizing: border-box;
        margin-top:5px;
        margin-bottom: 5px;
    }
#DateRangePickerD12111 span
    {
        display:inline-block;
        width:100%;
        height: 23px;
        box-sizing: border-box;
        background-color: transparent;
        border:none;
        text-align: left;
        padding:5px 5px 8px 10px;
        cursor: pointer;
    }
#DateRangePickerD12111 span:hover
    {
        background-color: rgb(218, 215, 215);
    }
/*###############################################################################################################*/
.GLCSelectDiv
    {
        width:100%;
        height:100%;
        box-sizing: border-box;
        position: relative;
        border-radius: 3px;
    }
.GLCSelectDiv input[type="text"]
    {
        width:100%;
        height: 100%;
        box-sizing: border-box;
        border-radius: 3px;
        text-align: center;
    }
.GLCSelectDiv .OptionsContainer
    {
        position:absolute;
        z-index: 100;
        min-width:100%;
        box-sizing: border-box;
        margin-top: 2px;
        border:solid 1px gray;
        border-radius: 5px;
        background-color: white;
        box-shadow: 1px 3px 5px gray;
        
    }
.GLCSelectDiv .ScrollableContainer
    {
        width:100%;
        max-height: 225.5px;
        box-sizing: border-box;
        white-space: nowrap;
        overflow-y: auto;
        scroll-behavior: smooth;
    }
.GLCSelectDiv ul 
    {
        background: white;
        border: 1px solid #ccc;
        list-style: none;
        padding: 0;
        margin: 0;
        width: 100%;
        box-sizing: border-box;
        
    }
.GLCSelectDiv li
    {
        padding: 5px;
        cursor: pointer;
        box-sizing: border-box;
        border-bottom: solid 1px gray;
    }
    
.GLCSelectDiv li:hover 
    {
        background-color: #d6d4d4;
    }
.GLCSelectDiv .Selected
    {
        background-color:#b7b7b7;
    }
.GLCSelectDiv .clearvalue
    {
        display:inline-flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top:3px;
        right:3px;
        width:17px;
        height:calc(100% - 6px);
        box-sizing: border-box;
        cursor: pointer;
        background-color: white;
    }
/*###############################################################################################################*/