* { margin: 0; padding: 0; }

        /*html { font-size: calc(16px + (26 - 16) * ((100vw - 768px) / (1600-768))); }

        @media screen and (max-width: 768px){ html { font-size: 16px; } }

        @media screen and (min-width: 1600px){ html { font-size: 26px; } } overflow-y: hidden; */

        body { overflow-x: hidden; font-family: 'Roboto', sans-serif; font-size: calc(16px + (26 - 16) * ((100vw - 768px) / (1600-768))); }

        @media screen and (max-width: 768px){ body { font-size: 16px; } }

        @media screen and (min-width: 1600px){ body { font-size: 26px; } }  
  	  
		.header {
			 	 
                position: fixed;
    			width: 100%;
    			/* border: solid 1px #000;  */
    			height: 90px;    			                
                display: table; 
                background-color: #ededed;  z-index: 1000;
			}

		#leftSection {
			 
    			width:35%;    			 
    			/* border: solid 1px #000; */
    			/* display: inline-block; */
                display: table-cell;
    			height: 100%;
                vertical-align: middle;
                text-align: right;
			}
		#centerSection {
    			/* width: 30%; height: 100%; */
    			/* border: solid 1px #000; */
    			/* display: inline-block; */
                /* display: table-cell; text-align: center; vertical-align: middle; */
			} 
		#cartSection {
    			width: 4.5%; height: 100%;  		padding: 1%;	 
    			/* border: solid 1px #000; */
    			/* display: inline-block; */
                display: table-cell; vertical-align: middle; cursor: pointer; text-align: center; position: relative;
			}

            #userSection{
                /*width: 4.5%; height: 100%;     */         
                /* border: solid 1px #000; padding: 1%; background-color: white; */
                /* display: inline-block;   position: relative;    */
                /*display: table-cell; vertical-align: middle; cursor: pointer; text-align: center;             */
            }


        #emptySection {
                width: 26%; height: 100%;             
                /* border: solid 1px #000; */
                /* display: inline-block; */
                display: table-cell; vertical-align: middle; cursor: pointer; text-align: center;
            }  

         .menuItemShort {
                width: 8%;  
                height: 100%;            
                /*border: solid 1px #000; */
                /* display: inline-block; */
                display: table-cell;
                color: white;
                text-align: center;
                vertical-align: middle;
            }

        .menuItemLong {
                width: 12%;  
                height: 100%;            
                /*border: solid 1px #000; */
                /* display: inline-block; */
                display: table-cell;
                color: white;
                text-align: center;
                vertical-align: middle;
        } 

		#main 
        {
            position: absolute; top: 69px;
            /* Provide scrollbars if needed, position below header, and derive height from top/bottom   bottom: 0;*/
            overflow: auto; 
            width: 100%; 
        }        

        .menu 
        {                 
            top: 70px; position: fixed; z-index: 999;
            width: 100%;
            /* border: solid 1px #000;  */                
            height: 40px;                               
            display: table; 
            background-color: #769e2d;
        }

		.colum {
    			width: 20%;    			 
    			height: 130%;
    			border: solid 1px #000;
    			display: inline-block; 
    			position: relative;
			}	

	   .tile {
    			width: 100%;    			 
    			height: 30%;
    			border: solid 1px #000;
    			position: relative;
    			display: block;
			}	

        #searchBorder {
            width: 90%; height: 50%;            
            border: 1px solid #2189C8;            
            }

        #search {
            /* width: 99%; height: 99%; border: 0; line-height: 90%;*/
            width: 90%; height: 50%;    vertical-align: middle; 
            padding: 2.5%;         
            border: 1px solid #2189C8; 
            border-radius: 3px;
            /* background: url('Site_Magnifying-Glass_Green-TransparentBackground.png') no-repeat 97% center;
            background-size: 15px; */
        }

        .banner {
            width: 100%;
            
            /* border: 1px solid #2189C8; height: 250px; */
            display: table;                          
            }

        .bannerItemLeft {
                width: 5%;   
                display: table-cell;
                margin:0 auto;
                vertical-align: middle; text-align: center;
                padding: 1%;
                background-color: #ededed; 
            } 

        .bannerItem {
                width: 90%;                    
                display: table-cell;
                margin:0 auto;
            }         

         .bannerItemRight {
                width: 5%;   
                display: table-cell;
                margin:0 auto;
                vertical-align: middle; text-align: center;
                padding: 1%;
                background-color: #ededed; 
            }        

        .caption {
            width: 100%;
            height: 90px;
            /* border: 1px solid #2189C8; */
            display: table;                          
            }

        .captionItem {
                width: 100%;  
                height: 100%;            
                /* border: solid 1px #000;  */
                /* display: inline-block; */
                display: table-cell;
                 
                text-align: center;
                vertical-align: middle; 
                color: #769e2d;
                font-size: 1.2em;
                font-weight: bold;
            }                

        .sPageCaptionItem {
                width: 100%;  
                height: 100%;            
                /* border: solid 1px #000;  */
                /* display: inline-block; */
                display: table-cell;
                 
                text-align: center;
                vertical-align: middle;                  
                font-size: 10px;
            }       

        .service {
                 
                width: 100%;
                /* border: solid 1px #000; */                 
                height: 300px;                                
                display: table;    
                border-collapse: separate;
                border-spacing: 10px;             
        }

        .serviceItem {
                 
                width: 15%;
                border: solid 2px #000;                
                height: 100%;                                
                display: table-cell;
                text-align: center;                 
                padding: 5px; 
                vertical-align: top;
                cursor: pointer;
        }

        .serviceItemSpace {
                 
                width: 20%;
                /* border: solid 1px #000; */                 
                height: 100%;                                
                display: table-cell;
                             
        }

        .serviceCellItem {
                 
                width: 100%;
                /* border: solid 1px #000; */                 
                height: 100%;                                
                display: table;                              
        }

        .sPageService {
                 
                width: 100%;
                /* border: solid 1px #000;   */                 
                height: 395px;   
                /* min-height: 395px; */
                display: table;    
                background-color: #769e2d;   
                border-collapse: separate;
                border-spacing: 45px;   
        }  
        
        .sPageServiceItem, .sPageServiceItem2, .sPageServiceItem3, .sPageServiceItem4 {
                 
                width: 70%;
                border: solid 5px #fff;                
                height: 100%;                                
                display: table-cell;
                text-align: center;                                 
                vertical-align: top;
                padding: 25px; 
        }

        .sPageServiceItemSpace {
                 
                width: 15%;
                /* border: solid 1px #000; */                 
                height: 100%;                                
                display: table-cell;
                             
        }
        
        .sPageServiceCellItem {
                 
                width: 100%;
                /* border: solid 1px #000; */                 
                height: 100%;                                
                display: table;       
                border-collapse: separate;
                border-spacing: 0px;                                                       
        }


        .sPageServiceInnerCellItem {
                 
                width: 100%;
                /* border: solid 1px #000;   */                 
                height: 100%;                                
                display: table;    
                background-color: #769e2d; 
                border-collapse: separate;
                border-spacing: 20px;   
        }  

        .sPageServiceInnerCellItem2 {
                 
                width: 100%;
                /* border: solid 1px #000;   */                 
                height: 90%;                                
                display: table;    
                background-color: #769e2d; 
                border-collapse: separate;
                border-spacing: 0px;   
                vertical-align: middle;
        } 
        
        .sPageServiceInnerCellItemCell {
                 
                width: 25%;
                border: solid 3px #abada9;                
                height: 100%;                                
                display: table-cell;
                text-align: center;                                 
                vertical-align: top;
                padding: 15px; 
                background-color: #fffffe;     
                cursor: pointer; 
        }


        .sPageServiceInnerCellItemCell2 {
                 
                width: 25%;
                border-left: solid 4px #b4b3b4;  
                border-top: solid 4px #b4b3b4; 
                border-bottom: solid 4px #b4b3b4;
                height: 90%;                                
                display: table-cell;
                text-align: center;                                 
                vertical-align: top;
                /* padding: 15px;  */
                background-color: #fffffe;     

        }

        .sPageServiceInnerCellItemCell3 {
                 
                width: 35%;
                border-right: solid 4px #b4b3b4;  
                border-top: solid 4px #b4b3b4; 
                border-bottom: solid 4px #b4b3b4;            
                height: 90%;                                
                display: table-cell;
                text-align: center;                                 
                vertical-align: top;
                /* padding: 15px; */
                background-color: #fffffe;      
        }

        .sPageServiceInnerCellItemCell4 {
                 
                width: 20%;
                /* border: solid 3px #abada9;   */             
                height: 80%;                                
                display: table-cell;
                text-align: center;                                 
                vertical-align: top;
                /* padding: 15px; */
                background-color: #769e2d;      
        }
         

        .support {
                 
                width: 100%;
                /* border: solid 1px #000; */                 
                height: 300px;                                
                display: table;    
                border-collapse: separate;
                border-spacing: 20px;             
                background-color: #769e2d;
        }

        .supportItem {
                 
                width: 30%;
                /* border: solid 2px #000;   */             
                height: 100%;                                
                display: table-cell;
                text-align: center;                 
                padding: 15px; 
                vertical-align: top;
                color: white;
        }

        .supportItemSpace {
                 
                width: 5%;
                /* border: solid 1px #000; */                 
                height: 100%;                                
                display: table-cell;
                             
        }

        .supportCellItem {
                 
                width: 100%;
                /* border: solid 1px #000; */                 
                height: 100%;                                
                display: table;                              
        }

        .partnerBanner {
            width: 100%;
            height: 175px;
            /* border: 1px solid #2189C8; */
            display: table;                          
            }

        .partnerBannerItem {
                width: 100%;  
                height: 100%;            
                /* border: solid 1px #000; */
                /* display: inline-block; */
                display: table-cell;
                margin:0 auto;
            }   

        .footer {
                 
                width: 100%;
                /* border: solid 1px #000; */                 
                height: 200px;                                
                display: table;    
                border-collapse: separate;
                border-spacing: 20px;             
                background-color: #ffffff; /*  background-color: #7f7f7f; */
                margin:0 auto;
        }

       

        .footerItemSpace {
                 
                width: 12.5%;
                /* border: solid 1px #000; */                 
                height: 100%;                                
                display: table-cell;
                             
        }

        .footerCellItem {
                 
                width: 100%;
                /* border: solid 1px #000; */                 
                height: 100%;                                
                display: table;                              
        }

         .sPageService3 {
                 
                width: 100%;
                /* border: solid 1px #000;   */                 
                height: 120px;                                
                display: table;    
                background-color: #769e2d;   
                border-collapse: separate;
                border-spacing: 40px;   
        }   

        .sPageService32 {
                 
                width: 100%;
                /* border: solid 1px #000;   */                 
                height: 390px;                                
                display: table;    
                background-color: #769e2d;   
                border-collapse: separate;
                border-spacing: 40px;   
        }    

        .sPageService21, .sPageService4 {
                 
                width: 100%;
                /* border: solid 1px #000;   */                 
                height: 120px;                                
                display: table;    
                background-color: #f58829;   
                border-collapse: separate;
                border-spacing: 40px;   
        }

        .sPageService22 {
                 
                width: 100%;
                /* border: solid 1px #000;   */                 
                height: 370px;                                
                display: table;    
                background-color: #f58829;   
                border-collapse: separate;
                border-spacing: 30px;   
        }

        .sPageService23 {
                 
                width: 100%;
                /* border: solid 1px #000;   */                 
                min-height: 370px;                                
                display: table;    
                background-color: yellow;   
                border-collapse: separate;
                border-spacing: 30px;   
        }

        .dropbtn, .dropbtn1, .dropbtn7, .dropbtn8, .dropbtn9, .dropbtn10, .dropbtn31, .dropbtn32 {
          cursor: pointer;
          font-size: 14px;  
          border: 1px solid black;
          outline: none;
          color: black;
          padding: 10px 12px;
          background-color: inherit;
          font-family: inherit;
          margin: 0;
        }  

        .dropbtn2 {
          cursor: pointer;
          font-size: 18px;  
          border: 4px solid #b4b3b4;
          outline: none;
          color: #b4b3b4;
          padding: 5px 5px; 
          background-color: white;
          font-family: inherit;
          margin: 0;
        }  

        .dropbtn3, .dropbtn4, .dropbtn5, .dropbtn6, .dropbtn11, .dropbtn13, .dropbtn14, .dropbtn15{
          cursor: pointer;
          font-size: 12px;  
          border: 4px solid #b4b3b4;
          outline: none;
          color: #b4b3b4;
          padding: 5px 5px; 
          background-color: white;
          font-family: inherit;
          margin: 0;
        }  

        .dropbtn12{
          cursor: pointer;
          font-size: 0.8em;  
          border: 2px solid #f58829;
          outline: none;
          color: #f58829;
          padding: 2px 2px; 
          background-color: white;
          font-family: inherit;
          font-weight: bold;
          /* margin: 0; */
        }  

        /* .navbar a:hover, .dropdown:hover3 .dropbtn, */
        /* .dropbtn:focus { background-color: red; } */

        .dropdown-content, .dropdown-content1, .dropdown-content2, .dropdown-content3, .dropdown-content4, .dropdown-content5, .dropdown-content6, .dropdown-content7, .dropdown-content8, .dropdown-content9, .dropdown-content10, .dropdown-content11, .dropdown-content12, .dropdown-content13
        {
          display: none; max-height: 250px; overflow-y: scroll;
          position: absolute;
          background-color: #f9f9f9;
          min-width: 160px;
          box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
          z-index: 1;
        }

        /* Hide scrollbar for Chrome, Safari and Opera */ .dropdown-content::-webkit-scrollbar { display: none; }
        /* Hide scrollbar for IE, Edge and Firefox */ .dropdown-content { -ms-overflow-style: none;  /* IE and Edge */ scrollbar-width: none;  /* Firefox */ }

        .dropdown-content a, .dropdown-content1 a, .dropdown-content2 a, .dropdown-content3 a, .dropdown-content4 a, .dropdown-content5 a, .dropdown-content6 a, .dropdown-content7 a, .dropdown-content8 a, .dropdown-content9 a, .dropdown-content10 a, .dropdown-content11 a, .dropdown-content12 a, .dropdown-content13 a 
        {
          float: none;
          color: black;
          padding: 12px 16px;
          text-decoration: none;
          display: block;
          text-align: left;
        }

        .dropdown-content a:hover, .dropdown-content1 a:hover, .dropdown-content2 a:hover, .dropdown-content3 a:hover, .dropdown-content4 a:hover, .dropdown-content5 a:hover, .dropdown-content6 a:hover, .dropdown-content7 a:hover, .dropdown-content8 a:hover, .dropdown-content9 a:hover, .dropdown-content10 a:hover, .dropdown-content11 a:hover, .dropdown-content12 a:hover, .dropdown-content13 a:hover   
        {
          background-color: #ddd;
        }

        .show { display: block; }        

        @media screen and (max-width: 768px)
        { 
            .titlebox1
            {        
                display: table; margin: auto;   font-size: 1.2em;
                background-color: #769e2d;
                margin-top:-50px;                
                color: #fff;
                font-weight: bold;
                padding: 0px 15px 0px 15px; /*  margin-left: 37%; width: 20%; */             
            }
             
            .titlebox2 
            {        
                display: table; margin: auto;
                background-color: #f58829;
                margin-top:-50px;   
                font-size: 1.2em;
                color: #fff;
                font-weight: bold;
                padding: 0px 15px 0px 15px; /*  margin-left: 37%; width: 20%; */
            } 
        }

        @media screen and (min-width: 769px)
        { 
            .titlebox1
            {        
                display: table; margin: auto; font-size: 2em;
                background-color: #769e2d;
                margin-top:-50px;                
                color: #fff;
                font-weight: bold;
                padding: 0px 15px 0px 15px; /*  margin-left: 37%; width: 20%; */             
            }
             
            .titlebox2 
            {        
                display: table; margin: auto;  font-size: 2em;
                background-color: #f58829;
                margin-top:-50px;                  
                color: #fff;
                font-weight: bold;
                padding: 0px 15px 0px 15px; /*  margin-left: 37%; width: 20%; */
            } 
        }

        .titlebox3 
        {        
            display: table; margin: auto;
            background-color: white;   
            margin-top:-30px;                          
            font-size: 40px;
            color: #769e2d;
            font-weight: bold;
            /* padding-left: 5px; padding-right: 5px; */
        }

        .titlebox4
        {     
            background-color: #769e2d;
            margin-top:-30px;  
            margin-left: 47%;    
            width: 60px; 
            padding-left: 5px;
            padding-right: 5px;
        } 

        .titlebox5
        {     
            background-color: #769e2d;
            margin-top:-30px;  
            margin-left: 47%;    
            width: 60px; 
            padding-left: 5px;
            padding-right: 5px;
        } 

        .alignleft 
        {
            float: left;
            /* margin-top: -15px; */
            background-color: white;
            font-size: 1em;
            padding: 5px;
            text-align: left;
        }
        
        .alignright 
        {
            float: right;
            /* margin-top: -15px; */
            background-color: white;
            font-size: 1em;
            padding: 5px;
            text-align: right;
        }

        .textbox
        {
            /* border-top: 1px solid red;
            margin-top: 50px; */
        } 

         .textbox1
        {
            border-top: 2px solid #b4b3b4;            
            margin-top: 15px; 
        } 

        .alignleft1
        {
            float: left;
            margin-top: -15px; 
            background-color: white;
            font-size: 1em;
            padding: 5px;
            text-align: left;
        }
        
        .alignright1
        {
            float: right;
            margin-top: -15px; 
            background-color: white;
            font-size: 1em;
            padding: 5px;
            text-align: right;
        }

        .imgBack{
            width: 100%;  background-image: url('UR1Stop-Logo-2020.png');  background-size: 100% 100%;
            padding-bottom: 75%;
        }

        .demoWrapper {
            padding: 10px; 
            background: white; 
            box-sizing: border-box; 
            overflow: auto; 
            max-width: 100%; 
            /* resize: horizontal; border: 1px dashed;  height: calc(100vh - 16px);  */
        }

        .pagination {
            display: inline-block;
            padding-left: 0;
            text-align: center;
            border-radius: 4px;
        }

        .pagination a {
            padding: 2px 6px;
            border: 0px solid #dbdbdb;
            /*color: #bfbfbf;*/
            color: #c7c9c6;
            margin: 0px 1px 0px 0px;
        }

        .pagination a:hover {
            color: #1a729e !important;
            font-weight: 500;
        }

        input:focus, textarea:focus{outline:none!important;}
        /* #basicDetails { opacity: 0; } 
        #basicDetails.show { opacity: 1; transition: opacity 1s; } */

        #bigImage, #mapDiv { 

            position: absolute;            border: 5px solid #ededed;            
            left: 5%;              top: 4%;                     width: 90%;            height: 92%; z-index: 5000;
            /*  box-shadow: 5px 5px 5px 5px #ededed;  */
        }

        table, th, td { border: 1px solid #ededed; }
        th, td { padding-top: 10px;  padding-bottom: 10px; }

        /* Chrome, Safari, Edge, Opera */
        input::-webkit-outer-spin-button,
        input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

        /* Firefox */
        input[type=number] { -moz-appearance: textfield; }

        .user {  
            width: 50%;
            height: 45%;
            border-radius: 50%;   
            background-color: #769e2d;
            margin-left: 25%;
            color: white;
            text-align: center;
            padding-top: 10%; padding-bottom: 10%;
        } 

        .userMobile { height: 100%; border-radius: 50%; background-color: #769e2d; color: white; padding-top: 20%; padding-bottom: 20%; }  

        /* always show scrollbars 
        #imageDiv::-webkit-scrollbar { -webkit-appearance: none; width: 7px; }
        #imageDiv::-webkit-scrollbar-thumb { border-radius: 4px; background-color: rgba(0, 0, 0, .5); box-shadow: 0 0 1px rgba(255, 255, 255, .5); } */

        #imageDiv::-webkit-scrollbar { -webkit-appearance: none; width: 2px; height: 4px; }
        #imageDiv::-webkit-scrollbar-thumb { border-radius: 1px; background-color: #769e2d; box-shadow: 0 0 1px rgba(255, 255, 255, .5); height: 4px; }

        .formInputTable { width: 98%; height: 30px; background-color: white; border: 1px solid #7f7f7f; margin-top: 10px; margin-bottom: 25px; display: table; }
        .formInputTableCell { display: table-cell; vertical-align: middle; }       

        .ot { display: table; width: 100%; }
        .otc { width: 50%; padding: 5px 5px 5px 5px; display:table-cell; vertical-align: top; text-align: left; } 
        .ib { padding: 5px 5px 5px 5px; border: 4px solid #7f7f7f; }
        .formLabel{ font-size:0.8em; font-weight: bold; }

        .QuantityClass { border: 1px solid red }

        input[type="color"],
        input[type="date"],
        input[type="datetime"],
        input[type="datetime-local"],
        input[type="email"],
        input[type="month"],
        input[type="number"],
        input[type="password"],
        input[type="search"],
        input[type="tel"],
        input[type="text"],
        input[type="time"],
        input[type="url"],
        input[type="week"],
        select:focus,
        textarea {
          font-size: 16px;
        }