* {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            font-family: Arial, Helvetica, sans-serif;
        }

        body{
            display: flex; /* 16:15 */
            flex-direction: column;
            align-items: center;    /*Text align property. Padarome, kad "Visiskai Viskas" matytusi centre li taskiuko nesimato jis uz ekrano ribu*/
            /*padding: 50px 200px;*/    /* nustacius pading property li taskiukas pasimato kaireje kaireje 4:03   Bet rodo Juoda rema Dar blogiau  */ 
        }

        .dropdown-boxM{
            border: 300px;
            /*width: 350px;           /* Pats padidinau ir nustaciau pastovu lauko ploti reikia nuimti ir stile O tada bus per visa langa*/  
            position: relative;      /* 16:59 https://youtu.be/lcXjEqGXv14?t=1002 */
        }

        

        .dropdown-boxM input {       /*styling input element 4:05 imame master class dropdown-box ir input element ir 5:18  https://youtu.be/lcXjEqGXv14?t=317 */
            width: 100%;
            padding: 18px;
            background: transparent;
            border: 2px solid #0ef;
            outline: none;
            border-radius: 6px;
            font-size: 18px;
            /* color: #ededed; */
            color: rgba(8, 8, 8, 0.5);
            font-weight: 700;
            margin: 12px 0;
        }
                
        
        /*styling input element 4:05 imame master class dropdown-box ir input element ir 5:18  https://youtu.be/lcXjEqGXv14?t=317 */
        /* .dropdown-box input {         
        /* .dropdown-boxM input {
            width: 100%;           
            border: 1px solid rgb(129, 129, 129);
            outline: none;                             
            border-radius: 5px;
            padding: 3px 5px;
            color: rgb(80, 80, 80);
        } */
        /* 14:41 https://youtu.be/lcXjEqGXv14?t=880 */



        .dropdown-boxM .selected-itemM {  /*sioje vietoje 7:29 https://youtu.be/lcXjEqGXv14?t=437*/
            position: relative;
        }

        .dropdown-boxM .selected-itemM::after {       /* Apie rodyklele 6:01  https://youtu.be/lcXjEqGXv14?t=361 */
            content: "";
            width: 6px;
            height: 6px;
            border: 4px solid;
            border-color: transparent rgb(129, 129, 129) rgb(129, 129, 129) transparent;
            position: absolute;
            top: 50%;
            right: 20px;
            transform: translateY(-70%) rotate(45deg);
        }

        .dropdown-boxM .selected-itemM,
        .dropdown-boxM .selected-itemM input {    /* 8:36 https://youtu.be/lcXjEqGXv14?t=516  */
            cursor: pointer;
        }

        .dropdown-boxM .dropdown-contentM {       /* 9:09 https://youtu.be/lcXjEqGXv14?t=533 */
            box-shadow: 0 5px 15px rgb(0 0 0 /15%);
            border-radius: 5px;
            max-height: 200px; /* parenkame lango diduma ,kuriame matytusi atitinkamas kiekis saliu siuo atveju su desini peles klavisu galima daryti inspect   13:13 https://youtu.be/lcXjEqGXv14?t=793 */
            overflow: auto; /*  pakavoja likusius select, kurie netelpa i langa */
            display: none; /* pakavoja viska. palieka tik Select langeli liuks 148px 15:08 https://youtu.be/lcXjEqGXv14?t=908 */
            position: absolute; /*Padaro kad tekstas pasiliktu toje pacioje vietoje o pasirinkimas eitu virs*/
            z-index: 99;
            background-color: rgb(255 255 255);
            width: 100%;        /*  Select ir Input langus. Padaro vienodo plocio   */
        }
        
        .dropdown-boxM.active .dropdown-contentM {    /* 15:21 https://youtu.be/lcXjEqGXv14*/
            display: block; 
        }

        .dropdown-boxM .dropdown-contentM .search-inputM {     /*  10:03 https://youtu.be/lcXjEqGXv14?t=591  */
            padding: 5px;
        }

        .dropdown-boxM .dropdown-contentM ul {
            list-style: none;                       
        }

        .dropdown-boxM .dropdown-contentM ul li {
            font-size: 0.9rem;
            color: rgba(8, 8, 8, 0.5);
            padding: 2px 5px;
            font-weight: 700;
            margin: 12px 0;
            cursor: pointer;
        }

        .dropdown-boxM .dropdown-contentM ul li.hide {        
            display: none;
        }

        .dropdown-boxM .dropdown-contentM ul li:hover {       /* 11:35 https://youtu.be/lcXjEqGXv14?t=695 */
            background-color: rgb(225, 225, 225);
        }

        .dropdown-boxM .dropdown-contentM ul li.active {      /* 12:12 https://youtu.be/lcXjEqGXv14?t=732 */
            background-color: rgb(213, 242, 246);
            color: rgb(34, 34, 218);

        }