dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
 nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
}
a:link {
    color: #000000;
    text-decoration: none;
}
a:hover {
    color: #000000;
    text-decoration: underline;
}

body{ background:#fff; padding:0; margin:0; color:#3A3A3A; font:normal 12px Arial;
}
h1{ font:normal 30px "Trebuchet MS"; color:#428bca;
}
h2{ 
}
.clear{ clear:both;
}

#body-container{ width:98%; margin:0 auto; 
}
#main-container{ width:95%; margin:0 auto; border:1px solid #999; border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -webkit-border-radius:10px; padding:0 0 10px 0;  	
background-image: -ms-linear-gradient(top, #FFFFFF 0%, #f8f8f8 100%);
background-image: -moz-linear-gradient(top, #FFFFFF 0%, #f8f8f8 100%);
background-image: -o-linear-gradient(top, #FFFFFF 0%, #f8f8f8 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #f8f8f8));
background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #f8f8f8 100%);
background-image: linear-gradient(to bottom, #FFFFFF 0%, #f8f8f8 100%);
}
#login-container{ background: url(../images/Login-bg.jpg) no-repeat center center fixed; width:100%; height:100vh;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-top:10%;
}
.left-column{ width:58%; float:left;
}
.right-column{ width:40%; float:right;
}

.TableStructure{ color:#3c3c3d; border:1px solid #99bbe8;
                 width:100%;
                 min-width:290px;
}

.TableStructure tbody tr:hover
{
    cursor:pointer;
    background-color:#EAF5F9;
}
.TableStructure tbody td
{
    text-align:left;
    padding:5px;
}

.TableStructure input{ margin:0;
}

.TableStructure .grid_button
{
    height:20px;
    width:20px;
}



.Line{ border-bottom:1px solid #eceded; padding:5px 10px;
}
.AlternetLine{ border-bottom:1px solid #eceded; padding:5px 10px; background:#fafafa;
}
.LineHover:hover{ background-color:#dfe8f5;  border-bottom:1px solid #eceded; border-right:none;
}
.noLine{ border:none;
}
.TableHead{ background:url(../images/tablehead.jpg) left repeat-x; font:bold 12px Arial, Helvetica, sans-serif; color:#1856a4; padding:5px 10px; border-bottom:1px solid #99bbe8;
}
.SubTableHead{ background:#ebecee url(../images/subtablehead.jpg) left repeat-x; font:normal 12px Arial, Helvetica, sans-serif; color:#3c3c3d; padding:5px 10px; border-right:1px solid #cfcfd3;
}

.btnDetails{ background:url(../images/Show_Icon.png) 4px no-repeat;
}
.requisition{ width:100%; float:right; border:1px solid #99bbe8; background-color:#FFFFFF;
}
.requisition .header{ padding:5px 0 5px 10px; background:#ebecee url(../images/subtablehead.jpg) left repeat-x;
}
.login-bx{ width:338px; margin:0 auto; background:#f7f7f7; border:1px solid #FFF; border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -webkit-border-radius:10px;
padding:20px; box-shadow: 0px 3px 5px #4a4a4a;
}
.login-bx label, input{ width:100%; 
}
.btn-signin{ width:100%; transition: all 0.3s ease 0s; padding:7px 0; font-size:16px; margin:15px 0 0 0;
}

.accomodation_content h3{font-size:14px; margin:0px 0px 8px 0px;}
.tbl_heading{background:#c1c8cf; padding:3px 5px; font-size:12px; color:#494949; font-weight:normal;}
.plus{cursor:pointer;}
.amount_input{width:23%; min-width:60px;}
.employee_lebel{
    font-family:Verdana;
    font-size:12px;
    margin:10px 15px;
}
.tbl_input{
    border: 1px solid #979797;
    font-family: Verdana;
    font-size: 11px;
    margin: 2px 1px 0px 0;
    outline: medium none;
    padding:3px 3px;
    transition: all 0.3s ease-in-out 0s;
    font-family:Verdana;
    color:#4d4d4d;
    width:185px;
    height:22px;
}
.tbl_input:focus {
    border: 1px solid #1586C9;
    box-shadow: 0 0 5px #1586C9;
    
}

@media (max-width: 767px) {
.left-column{ width:100%; float:left; display:block; margin-bottom:10px; font-size: 90%;
}
.right-column{ width:100%; float:left; display:block;
}
}
@media (max-width: 340px) {
#login-container{ background:#f7f7f7; padding-top:5%;
}
.login-bx{ width:320px; margin:0 auto; border:none; padding:20px; box-shadow:none;
}
}