.bgImage
{
	 background-image: url('bg2.jpg');
	 opacity: 0.8;    
     filter: alpha(opacity=80); 
}

  #vishwamenu
        {
           margin-left:80px;
           margin:0px;
           padding:0px;
		 
        }
		  .imageMenuBar
		{
			float:left;
			padding-right:0px;
			margin-top:2px;
		}
       #vishwamenu ul
       {
           list-style:none ;
           margin:0px;
           padding:0px;
       }
           #vishwamenu ul li
           {
               /*background-color:lightseagreen;
			   background-color:#1c91f7;*/
   			   background-color:#1c91f7;
               border:1px solid white;
			   width:185px;
               height:25px;
               line-height:25px;
			   text-align:left;
               vertical-align:text-top;
               float:left;
			   font-family:Verdana;
			   font-size:12px;
               position:relative;
			   overflow:visible ;
			   /*Put this z-index 1 to 999 code to not to hide through choosen jqery button and other dropdown */
			   z-index : 1;
			   /*border-radius:10px;*/
           }
         #vishwamenu ul li a
         {
			 margin-left:20px;
             text-decoration :none;
             color:white;
             display:block;
			 padding-left:4px;
         }
        #vishwamenu ul li a:hover
         {
            /*background-color:lightgreen ;*/
			 background-color:#11538d ;
			height:25px;
				
                    /*border-radius:10px;*/
        }
        #vishwamenu ul ul
        {
            position:absolute;
            display:none;
        }
        #vishwamenu ul li:hover > ul
        {
            display:block;
			height:30px;	
        }
        #vishwamenu ul ul ul
        {
            margin-left:199px;
            top:0px;
        }

/*Side bar menu*/
.closebtn {
  /*position:fixed;*/
  font-size: 21px;
  color:white; font-weight:bold;
  cursor: pointer;
  background-color: #b90d0d;
  border:none;
  
}
.closebtn:hover {
  background-color: #444;
}
.openbtn {
  font-size: 18px;
  cursor: pointer;
  background-color: #16980c;
  color: white;
  margin-left:1px;
  margin-right:9px;
  border: none;
}
.openbtn:hover {
  background-color: #444;
}
.vishwaSidebarStyle {
 transition: margin-left .5s;
 background-color:black;
 height:100%;
 overflow-x:hidden;
 transition:0.5s;
 padding-bottom:10px;
}


/* Fixed sidenav, full height */
.sidenav {
transition: margin-left .5s;
  background-color: #1C1C1C;
  overflow-x: hidden;
  /*padding-top: 20px;*/
  font-family: "Lato", sans-serif;
  height:252px;
  transition:0.5s;
  font-family: "Lato", sans-serif;
  margin-left:0px;

}

/* Style the sidenav links and the dropdown button */
.sidenav a, .dropdown-btn {vertical-align:middle;
  padding: 6px 8px 6px 6px;
  text-decoration: none;
  font-size: 13px;
  color: antiquewhite;
  display: block;
  border: 0px solid #a1b6a7;
  background: #1C1C1C;
   /*background: #01bbbc;
   background: #3964f5;*/
  /*background: #1C1C1C;*/
  width: 100%;
  width:190px;
  text-align:left;
  cursor: pointer;
  outline: none;
  margin-left:0px;
  margin-bottom:3.5px;
   border-radius :2px;
}
.imageButton
{
	float:left;
	padding-right:10px;
}
.imageButtonmenu
{
	float:left;
	padding-right:10px;
	margin-top:8px;
}
.imageButtonright
{
	float:right;
	margin-top:10px;
	padding-right:20px;
}
/* On mouse-over */
.sidenav a:hover, .dropdown-btn:hover {
 font-weight:bold;
  /*background-color:antiquewhite;*/
    background-color:#444;
}

/* Main content */
.main {
  margin-left: 200px; /* Same as the width of the sidenav */
  font-size: 20px; /* Increased text to enable scrolling */
  padding: 0px 10px;
}

/* Add an active class to the active dropdown button */
.active {
  background-color: #444;
  color: white;
}
.active a{
  background-color: #444;
  color: white;
}

/* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
.dropdown-container {
  display: none;
background-color:#1C1C1C;
  padding-left: 0px;
  /*border:1px solid white;*/
 line-height:25px;
 transition:0.5s;
 border-radius :5px;
 margin-left:10px;
 
}
.dropdown-container a
{
        background-color:#443434;
}

/* Optional: Style the caret down icon */
.fa-caret-down {
  float: right;
  padding-right: 0px;
}

/* Some media queries for responsiveness */
@media screen and (max-height: 250px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}
/*End Side bar menu*/



		.itemDropdown
        {
            border:1px solid lightseagreen;
            border-radius:2px;
            padding-left:5px;
			color:#1C1C1C;
			background-color:#e0dcdc;
            -webkit-appearance: none; 
            background-image:url('Arrowhead-Down.png');
            background-position:270px;
            background-repeat:no-repeat;
            text-indent: 0.01px;/*In Firefox*/
            text-overflow: '';/*In Firefox*/
        }

		.itemDropdownNew
        {
            border:1px solid lightseagreen;
            border-radius:1px;
            padding-left:5px;
			color:#1C1C1C;
			background-color:#;
            -webkit-appearance: none; 
            background-image:url('Arrowhead-Down1.png');
            background-position:270px;
            background-repeat:no-repeat;
            text-indent: 0.01px;/*In Firefox*/
            text-overflow: '';/*In Firefox*/
			
        }

		.itemSearchDropdown
        {
            border:1px solid lightseagreen;
            border-radius:2px;
            padding-left:5px;
			color:#0026ff;
			background-color:#e0dcdc;
            -webkit-appearance: none; 
            background-image:url('Arrowhead-Down.png');
            background-position:270px;
            background-repeat:no-repeat;
            text-indent: 0.01px;/*In Firefox*/
            text-overflow: '';/*In Firefox*/
        }

		.itemDropdown3
        {
            border:1px solid lightseagreen;
            border-radius:2px;
            padding-left:5px;
			color:#1C1C1C;
			background-color:#e0dcdc;
            -webkit-appearance: none; 
            background-image:url('Arrowhead-Down.png');
            background-position:220px;
            background-repeat:no-repeat;
            text-indent: 0.01px;/*In Firefox*/
            text-overflow: '';/*In Firefox*/
        }
		
		.itemDropdown2
        {
            border:1px solid lightseagreen;
            border-radius:2px;
            padding-left:5px;
			color:#1C1C1C;
			background-color:#e0dcdc;
            -webkit-appearance: none; 
            background-image:url('Arrowhead-Down.png');
            background-position:345px;
            background-repeat:no-repeat;
            text-indent: 0.01px;/*In Firefox*/
            text-overflow: '';/*In Firefox*/
        }

	input::-webkit-input-placeholder { /* WebKit browsers */
        color:    #ff0000;!important;
		opacity:0.6;
    }
    input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        color:    #f51;!important;
    }
    input::-moz-placeholder { /* Mozilla Firefox 19+ */
        color:    #f51;!important;
    }
    input:-ms-input-placeholder { /* Internet Explorer 10+ */
        color:    #f51;!important;
    }

	/* Work Orders Service Centers list*/

	  #serviceCenterMenu
        {
           margin-left:80px;
           margin:0px;
           padding:0px;
		   	 
        }
		  .imageMenuBar
		{
			float:left;
			padding-right:0px;
			margin-top:2px;
		}
       #serviceCenterMenu ul
       {
           list-style:none ;
           margin:0px;
           padding:0px;
		   
       }
           #serviceCenterMenu ul li
           {border-radius:5px;
               /*background-color:lightseagreen;
			   background-color:#1c91f7;*/
   			   background-color:lightseagreen;
               border:2px solid white;
			   width:152px;
			   margin-top:20px;
               height:70px;
               line-height:25px;
			   text-align:left;
               vertical-align:text-top;
               float:left;
			   margin:5px;
			   font-family:Verdana;
			   font-size:12px;
			   text-align:center;
               position:static;
			   overflow:visible ;

			   /*border-radius:10px;*/
           }
         #serviceCenterMenu ul li a
         {
			 margin-left:5px;
             text-decoration :none;
             color:white;
             display:block;
			 padding-left:4px;
         }
        #serviceCenterMenu ul li a:hover
         {
            /*background-color:lightgreen ;*/
			 /*background-color:#11538d ;*/
			 font-weight:bold;
			 cursor:pointer;
			height:25px;
				
                    /*border-radius:10px;*/
        }
        #serviceCenterMenu ul ul
        {
            position:absolute;
            display:none;
        }
        #serviceCenterMenu ul li:hover > ul
        {
            display:block;
			height:30px;	
        }
        #serviceCenterMenu ul ul ul
        {
            margin-left:199px;
            top:0px;
        }