body {
    margin: 0px;
    padding: 0px;
    background-color: #EFEFF2;
}


.login-page {
  width: 444px;
  padding: 8% 0 0;
  margin: auto;
    height: 220px;
}
.form {
  position: relative;
  z-index: 1;
  background: white;
  max-width: 360px;
  /*margin: 0 auto 100px;*/
  margin: 200px 400px 100px;
  padding: 45px;
  text-align: center;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}

.form input {
  font-family: "Roboto", sans-serif;
  outline: 0;
  background: #f2f2f2;
  width: 100%;
  border: 0;
  margin: 0 0 15px;
  padding: 15px;
  box-sizing: border-box;
  font-size: 14px;
}

.form .message {
  margin: 15px 0 0;
  color: #b3b3b3;
  font-size: 12px;
}
#btn_login, .btn-login {
    font-family: "Roboto", sans-serif;
    text-transform: uppercase;
    background-color: #007bff;
    width: 100%;
    border: 0;
    padding: 15px;
    color: #FFFFFF;
    font-size: 14px;
    -webkit-transition: all 0.3 ease;
    transition: all 0.3 ease;
}
    #btn_login:hover,.btn-login:hover 
    {
        background-color:red;
        color:fff;
    }
.form .message a {
  color: #4CAF50;
  text-decoration: none;
}
.form .register-form {
  display: none;
}
.container {
  position: relative;
  z-index: 1;
  max-width: 300px;
  margin: 0 auto;
}
.container:before, .container:after {
  content: "";
  display: block;
  clear: both;
}
.container .info {
  margin: 50px auto;
  text-align: center;
}
.container .info h1 {
  margin: 0 0 15px;
  padding: 0;
  font-size: 36px;
  font-weight: 300;
  color: #1a1a1a;
}
.container .info span {
  color: #4d4d4d;
  font-size: 12px;
}
.container .info span a {
  color: #000000;
  text-decoration: none;
}
.container .info span .fa {
  color: #EF3B3A;
}

.orderpage_table 
{
    width:70%;
  
  
}
.logo
{
    height:40px;
    width:auto;    
}

.menu {
    width: 100%;
    padding-left: 100px;
    color: black; /*background-color: #007ACC;*/
    background-color: #EFEFF2;
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-bottom-color: #000099;
}

    .menu ul {
        list-style: none;
        margin: 0px;
        
    }

        .menu ul li {
            display: inline-block;
        
}

            .menu ul li a {


             
                font-size: 18px;
                font-family: Aparajita;
                font-weight: normal;
                font-style: normal;
                color: black;
                display:inline-block;
                text-align: left;
                font-variant: normal;
                text-decoration: none;
                 padding: 5px 10px;
            }

 .menu ul li a:hover {
    color: #5B0000;
    margin: 0px;
    background-color: #C0C0C0;
}

 .menu ul .c1 a:hover {   
    background-color: #EFEFF2;
}

.txtRemrk {
    font-family: Verdana; 
    font-size: 8pt; font-weight: normal; height: 20px; width:720px;
}

.txt_srch 
{
    width:300px;
    height:20px;
    background-color: #FFFFB7;
}

.btn_edit {
    background-image: url('../Images/edit.png');
    background-repeat: no-repeat;
    background-position: center center;
    width: 30px;
    height: 30px;
}
.mainblock {
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}


.btn_control {
    /*height:30px;*/
    width:30px;
    padding-left:5px;
}

.modalBackground
{
background-color: Gray;
filter: alpha(opacity=80);
opacity: 0.8;
z-index: 10000;
}

.text-center {
text-align:center;
}
.text-danger{ color:red;
}
.text-primary {
color:#3152ed;
}
.text-bold {
font-weight:bold;
}

/*.AutoExtender
        {
            font-family: 'Courier New'; 
            font-size: .8em;
            margin:0px;
            font-weight: normal; 
            border:solid 1px #006699;

            line-height:20px; 
            padding:0px;
            background-color:White; 
        }*/