.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;
			   border-radius:4px;
			   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;
  border-radius:3px;
  
}
.closebtn:hover {
  background-color: #444;
}
.openbtn {
  font-size: 18px;
  cursor: pointer;
  background-color: #16980c;
  color: white;
  margin-left:1px;
  margin-right:9px;
  border: none;
    border-radius:3px;
}
.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;
    }

 .Datetxtboxround
 {
        /*border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;*/
		border-radius:2px;
		border-color:#f0f0f0;
 }

.ReportheaderTopic
{
	font-family:Verdana;
	font-size:15px;
	font-weight:bold;
	color:#0094ff;
}
/*If you want to Remove Headr hr use this css and add border with bg color*/
.ReportheaderTopic1
{
	/*background-color:#3366CC;*/
	border-radius:5px;
	height:25px;
}
/*If you want to Remove Headr hr use this css*/
.ReportheaderTopic1 hr {
  border-top: 1px ridge  green;
  /*visibility:hidden;
  margin-top:-5px;*/
}

.GridviewNoRecordFound
{
	/*No Records Found*/
	font-family:Verdana;
	font-size:10pt;
	background-color:#99CCCC;
	text-align:center;
	color:#006600;
	font-weight:bold;
	height:25px;
	border-bottom:1px solid #3366CC;
	border-radius:5px;
}

.GridviewRoundCorner
{
    border: 1px solid #c2daff;
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden;
	border-bottom:1px solid #3366CC;
}

.GridviewRowcss
{
	font-family:Verdana;
	font-size:11px;
}

.GridviewHeadercss
{
	font-family:Verdana;
	font-size:11px;
	background-color:#006699;
}
.GridviewFootercss
{
	font-family:Verdana;
	font-size:11px;
	background-color:#99CCCC;
}

	
	/*Gridview Paging Style  02*/
	.pagingDiv a, .pagingDiv span {
    display: inline-block;
    padding: 0px 5px;
    margin-right: 4px;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #e9e9e9;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    font-size: .875em;
    font-weight: bold;
    text-decoration: none;
    color: #717171;
	font-family:Verdana;
	font-size:11px;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}
  
.pagingDiv a:hover {
        background: #fefefe;
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
        background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);
   }
  
    .pagingDiv a.active {
        border: none;
        background: #616161;
        box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
        color: #f0f0f0;
        text-shadow: 0px 0px 3px rgba(0,0,0, .5);
    }
  
    .pagingDiv span {
        color: #f0f0f0;
        background: #616161;
    }




/*pager style 03*/
.pagination-ys {
    /*display: inline-block;*/
    padding-left: 0;
    margin: 5px 0;
    border-radius: 4px;
	font-family:Verdana;
	font-size:7px;
}

.pagination-ys table > tbody > tr > td {
    display: inline;
}

.pagination-ys table > tbody > tr > td > a,
.pagination-ys table > tbody > tr > td > span {
    position: relative;
    float: left;
    padding: 1px 12px;
    line-height: 1.12857143;
    text-decoration: none;
    color: #dd4814;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    margin-left: 1px;
}

.pagination-ys table > tbody > tr > td > span {
    position: relative;
    float: left;
    padding: 1px 12px;
    line-height: 1.12857143;
    text-decoration: none;    
    margin-left: 1px;
    z-index: 2;
    color: #dd4814;
    background-color: #a1b6a7;
    border-color: #dddddd;
    cursor: default;
}

.pagination-ys table > tbody > tr > td:first-child > a,
.pagination-ys table > tbody > tr > td:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

.pagination-ys table > tbody > tr > td:last-child > a,
.pagination-ys table > tbody > tr > td:last-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

.pagination-ys table > tbody > tr > td > a:hover,
.pagination-ys table > tbody > tr > td > span:hover,
.pagination-ys table > tbody > tr > td > a:focus,
.pagination-ys table > tbody > tr > td > span:focus {
    color: #97310e;
    background-color: #eeeeee;
    border-color: #dddddd;
}