/*           Navbar Start            */


                   
                              #navbar{
                                width:100%;
                                height:150px;
                                background-color: #32AEB1;
                                margin-top: -auto;
                               
                            }
                            #navbar>div:nth-child(1){
                                width:80%;
                                height:35%;
                               padding-top: 15px;
                                margin:auto;
                                display: flex;
                                align-items: center;
                            }
                            #navbar>div:nth-child(1)>div:nth-child(1){
                                width:220px;
                                height:100%;
                                display: flex;
                                align-items: center;
                            }
                            #navbar>div:nth-child(1)>div:nth-child(1)>img{
                                width:170px;
                                height:170px;
                                margin-right: 20px;
                            }
                           
                            #navbar>div:nth-child(1)>div:nth-child(2)>input{
                                width: 470px;
                                height:42px;
                                border-radius: 0px 5px 5px 0px;
                                border: 0px;
                                outline: none;
                              
                            }
                            #navbar>div:nth-child(1)>div:nth-child(3){
                                width:auto;
                                height:40px;
                                display: flex;
                                justify-content: space-around;
                                align-items: center;
                                color: white;
                            }
                            #navbar>div:nth-child(2){
                                width:70%;
                                height:45%;
                                margin: auto;
                                display: flex;
                                justify-content: space-around;
                            
                            }
                        
                            #navbar>div:nth-child(2)>div>div{
                                width:150px;
                                height: auto;
                                align-items: center;
                                color: white;
                            }
                            select{
                                width:110px;
                                height:auto;
                                border: 0px;
                                background-color: #32AEB1;
                                color: white;
                            }
                            #navbar>div:nth-child(2)>div>div>div>img{
                                width:40px;
                                height:40px;
                            }
                          
                           
                            #navbar>div:nth-child(1)>div:nth-child(3)>div{
                                display: flex;
                                align-items: center;
                                margin-left: 20px;
                            }
                           
                            #navbar>div:nth-child(1)>div:nth-child(3)>div>p{
                                margin-left: 8px;
                            }
                            #searchbar{
                                display: flex;
                            }
                            #search_option{
                                width:150px;
                                height: 44px;

                                background-color: #FFFFFF;
                                display: flex;
                                justify-content: center;
                                align-items: center;
                                border-radius: 5px 0px 0px 5px;
                            }
                            #navbar>div:nth-child(1)>div:nth-child(3)>div:nth-child(3){
                                height:40px;
                                width:150px;
                            }
                            #search_option>p{
                              color:#757575;
                              font-size: 14.5px;
                            }
                            #box1{
                                width:75%;
                                height:40px;
                                margin: auto;
                                display: flex;
                                justify-content: space-around;
                                
                            }
                            #box1>div{
                                width:auto;
                                height:100%;
                                display: flex;
                                align-items: center;
                            }
                    
                            .dept{
                                display: flex;
                                height:100px;
                            }
                            .dropdown_menu>p{
                                color:black;
                                margin-top: 5px;
                            }
                            .dropdown_menu{
                                display: none;
                                margin-top: 10px;
                                background-color: white;
                                box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
                                padding: 5px;
                               position: absolute;
                            }
                            .right_menu:hover .dropdown_menu{
                                display: block;
                          
                            }
                            .dropdown_menu>p:hover{
                                background-color: #F3F3F3;
                            }
                      
                   
           
               #navbar>#page_panel{
                    margin-top: 15px;
                   }
                   a{
                    text-decoration: none;
                    color: white;
                   }


                   #navbar>#logo{
                width: 200%;
                }