body {
  overflow-x: hidden;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
}


.popuptext {
font-weight:bold;
color: brown;
    font-family: sans-serif;
}
.NoRecordFound {
font-weight:bold;
font-size:larger;
color: red;
    font-family: sans-serif;
}



#logo-container {
background-image: url(../Img/Header.png);
width: 100%;
padding: 0 0 7.5%;
background-size: 100%;
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
}

 .menuTabs
        {
            position:relative;
            top:1px;
            left:10px;
        }
        .tab
        {
            border:Solid 1px black;
            border-bottom:none;
            padding:0px 10px;
            background-color:#eeeeee;
                 font-size: medium;
    color: darkolivegreen;
    font-weight: bold;
        }
        .selectedTab
        {
            border:Solid 1px black;
            border-bottom:Solid 1px white;
            padding:0px 10px;
            background-color:white;
            font-size: medium;
    color: darkolivegreen;
    font-weight: bold;
        }
        .tabBody
        {
            border:Solid 1px black;
            padding:20px;
            padding-bottom:50px;
            background-color:white;
        }
     


	input[type="text"] {
	  margin-bottom: -1px;
	  border-bottom-left-radius: 0;
	  border-bottom-right-radius: 0;
	}

	input[type="password"] {
	  margin-bottom: 20px;
	  border-top-left-radius: 0;
	  border-top-right-radius: 0;
	}

        



    .nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
color: #e1ffff;
background-color: #2e353d;

}

.margintop20 {
    width:80%
}

.nav-pills>li>a {
border-radius: 0px;
}

a {
color: #e1ffff;
background-color: #2e353d;
text-decoration: none;
}

a:hover {
color: #000;
text-decoration: none;
}


.nav-stacked>li+li {
margin-top: 0px;
margin-left: 0;
border-bottom:1px solid #dadada;
border-left:1px solid #dadada;
border-right:1px solid #dadada;
}

.active {
    /*border-right:4px solid #428bca;*/
background-color:#000;
text-decoration: none;
}

.red-star {
    color: red;
}
.error-msg {
  color: #D8000C;
  background-color: #FFBABA;
}

.label-error {
    color: red;
    font-weight: bold;
    font-family: none;
    font-size: medium;
}

.transition {
    -webkit-transform: scale(8.6); 
    -moz-transform: scale(8.6);
    -o-transform: scale(8.6);
    transform: scale(8.6);
}
#imgpreview {
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
}

.GridPager a, .GridPager span
    {
        display: block;
        height: 25px;
        width: 25px;
        font-weight: bold;
        text-align: center;
        text-decoration: none;
    }
    .GridPager a
    {
        background-color: #f5f5f5;
        color: #969696;
        border: 1px solid #969696;
    }
    .GridPager span
    {
        background-color: #969696;
        color: #000;
      
    }

     .activeBox {
        background-color: #000000;
        }

     .li { color: #93c47d;} li.selected { background-color:  #FF0000; }



.EU_DataTable {
    border-collapse: collapse;
    width: 100%;
}

    .EU_DataTable tr th {
        background-color: #d04b3c;
        color: #ffffff;
        padding: 10px 5px 10px 5px;
        border: 1px solid #cccccc;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold; /*font-weight: normal;*/
        text-transform: capitalize;
        text-align: center;
    }

    .EU_DataTable tr:nth-child(2n+2) {
        background-color: #f3f4f5;
    }

    .EU_DataTable tr:nth-child(2n+1) td {
        background-color: #faffaf;
        color: #454545;
    }

    .EU_DataTable tr td {
        padding: 5px 10px 5px 10px;
        color: #454545;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        border: 1px solid #cccccc;
        vertical-align: middle;
    }

        .EU_DataTable tr td:first-child {
            text-align: center;
        }