/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/Other/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : 12 Jul 2022, 13:20:59
    Author     : mohmd
*/


            .flover_select-select-box {
                position: relative;
                display: flex;
                width: auto;
                flex-direction: column;
                width: 100%;
            }

            .flover_select-select-box .flover_select-options-container {
                background: white;
                box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
                color: black;
                max-height: 0;
                display: none;
                width: 100%;
                opacity: 0;
                transition: all 0.4s;
                border-radius: 0.475rem;
                overflow: hidden;
                z-index: 99;
                order: 1;
            }

            .flover_select-selected {
                /*background: #2f3640;*/
                border-radius: 8px;
                /*margin-bottom: 8px;*/
                /*color: #f5f6fa;*/
                position: relative;

                order: 0;
            }

            .flover_select-selected::after {
                content: "\032D";
                /*font-size: 24px;*/
                /*background: \032D;*/
                background-size: contain;
                background-repeat: no-repeat;

                position: absolute;
                height: 100%;
                width: 32px;
                right: 10px;
                top: 5px;

                transition: all 0.4s;
            }

            .flover_select-select-box .flover_select-options-container.flover_select-active {
                max-height: 240px;
                opacity: 1;
                overflow-y: scroll;
                margin-top: 48px;
                     z-index: 99;
                     position: absolute;
                     display: block;
            }
            .flover_select-select-box[data-floating_label="false"] {
                   margin-top: 68px !important;
            }
            .flover_select-options-container.flover_select-active[data-floating_label="false"] {
                margin-top: 68px !important;
                
            }
            
            
            .flover_select-options-container{
                                padding-top: 40px;
            }

            .flover_select-select-box .flover_select-options-container.flover_select-active + .flover_select-selected::after {
                transform: rotateX(180deg);
                top: -6px;
            }

            .flover_select-select-box .flover_select-options-container::-webkit-scrollbar {
                width: 2px;
                background: lightgray;
                border-radius: 0 8px 8px 0;
            }

            .flover_select-select-box .flover_select-options-container:hover::-webkit-scrollbar{
                width: 6px;
            }

            .flover_select-select-box .flover_select-options-container::-webkit-scrollbar-thumb {
                background: #525861;
                border-radius: 0 8px 8px 0;
            }

            .flover_select-select-box .flover_select-option,
            .flover_select-selected {
                padding: 12px 24px;
                cursor: pointer;
            }

            .flover_select-select-box .flover_select-option:hover {
                background: #009ef7;
                color: white;
            }

            .flover_select-select-box label {
                cursor: pointer;
            }

            .flover_select-select-box .flover_select-option .flover_select-checkbox {
                display: none;
               
            }

            /* Searchbox */

            .flover_select-search-box input {
                width: 98%;
                padding: 6px 16px;
                font-family: "Roboto", sans-serif;
                /*font-size: 16px;*/
                position: absolute;
                /*border-radius: 8px 8px 0 0;*/
                z-index: 100;
                border: 1px solid grey;
                   border-radius: 8px;
                opacity: 0;
                pointer-events: none;
                transition: all 0.4s;
         
            }
            .flover_select-search-box  {
               justify-content: center;
               display: flex;
               background: white;
               /*padding: 10px;*/
               /*margin: 10px;*/
            }

            .flover_select-search-box input:focus {
                outline: none;
            }

            .flover_select-select-box .flover_select-options-container.flover_select-active ~ .flover_select-search-box input {
                opacity: 1;
                pointer-events: auto;
            }
            
            .flover_select-checkbox_label{
                margin-left: 10px;
            }
            .flover_select-option-empty-result{
                     padding: 12px 24px;
                            padding-top: 34px;
            }
            .flover_select-options-selected_input_holder{
               opacity: 0 !important;
               position: absolute;
            }
            
            .flover_select-clear_btn , .flover_select-dropdown_btn{
                position: relative;
                margin-left: -58px;
            }
            .flover_select-selected[readonly]{
                background: white !important;
            }
            .fsel_dd_icon{
                content: url('caret-down.svg')
            }
            .flover_select-dropdown_btn{
                z-index: 98;
            }
            
            .flover_select-option-disabled{
                color: red;
            }