.loginSection {
margin-right: 5px;
text-align: right;
margin-top:25px;
}
.actionbar {
background-color: lightblue;
border: 1px solid white;
width:100%;
}
.navbarheaderbutton {
width: 100%;
height: 30px;
border-bottom: 1px solid white;
font-weight: bold;
font-family:  Verdana, Calibri;
font-size: 12px;
margin-bottom: 0px ;
text-align:left;
vertical-align:central;
background-color: #489fb5;
color: #cee0e5;
}
.navbarbutton {
background: none;
width: 100%;
height: 30px;
border-bottom: 1px solid white;
font-weight: bold;
font-family:  Verdana, Calibri;
font-size: 12px;
margin-bottom: 0px ;
text-align:left;
vertical-align:central;
}
nav {
margin-bottom: 5px;
}
.pageheader {
background-color: #C9DFF2;
width: 100%;
text-align: left;
}

.productHeader {
background-color: lightblue;
width: 100%;
text-align: center;
color: #2f4147;
font-weight: bold;
font-family: Verdana;
height: 30px;
border-right: 1px solid white;
    
font-size: 12px;
margin-bottom:0px;
}

.panel-heading {
font-weight: bold;
font-size: 12px;
}

.panel-body {
font-weight: bold;
font-size: 12px;
}

.panel-heading {
font-weight: bold;
font-size: 12px;
}

label {
/*font-weight: bold;*/
font-size: 12px;
position: relative;
font-family:sans-serif;
}

.panelHeader {
/*margin-bottom: 20px;
background-color: #fff;
border: 1px solid transparent;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
box-shadow: 0 1px 1px rgba(0, 0, 0, .05);*/
width: 100%;
text-align: left;
height: 20px;
vertical-align: middle;
border-radius: 4px;
border: 1px solid black;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

input {
/*font-weight: bold;*/
height: 20px;
font-size: 14px;
}

.body {
background-color: LightBlue;
font-size: 12px;
text-align: left;
height: 30px;
}

.form-control {
/*font-weight: bold;
height: 30px;
font-size: 12px;*/
font-size: 11px;
position: relative;
height: 30px;
font-family:sans-serif;
font-weight: bold;

}

select {
/*font-weight: bold;*/
height: 20px;
width:200px;  
font-size: 14px;   
}
.imagebutton {
height: 20px;
width: 20px;
border: 1px solid lightblue;
vertical-align:middle;
background-repeat: no-repeat;       
}

.datepicker {
width: 100px;
font-size: 12px;
position: relative;
height:30px;
}
.control-label {
/*font-weight: bold;
font-family: Verdana;
font-size: 12px;
height: 30px;*/
font-size: 11px;
position: relative;   
height: 20px;
text-align:right;
font-weight:bold;
margin-top:10px;
font-family:sans-serif;
}

.fieldset {
display: block;
border: 1px groove;
page: black !important;
background-color : LightBlue;
}
legend {
    width:auto; /* Or auto */
    padding:0 10px 10px 0; /* To give a bit of padding on the left and right */
    border-bottom:none;    
    margin-bottom : -1px;
    border:hidden;
color:#2f4147;
text-align:left;
font-family: Verdana;
font-size: 12px;
font-weight: bold;
}
fieldset {
    border: 1px solid white;
    margin: 0 0 0 0 !important;
    -webkit-box-shadow:  0px 0px 0px 0px #fff ;
            box-shadow:   0px 0px 0px 0px #fff;
display: block;
padding-top :0;
border: 1px solid white;
page: white !important;
background-color : LightBlue;
font-family: Verdana;
font-size: 12px;

}
/*fieldset {         
display: block;
padding-top :0;
border: 1px solid white;
page: white !important;
background-color : LightBlue;
font-family: Verdana;
font-size: 12px;
}

legend {
border:hidden;
color:#2f4147;
text-align:left;
font-family: Verdana;
font-size: 12px;
font-weight: bold;
}*/
.inner-addon { 
position: relative; 
}
/* style icon */
.inner-addon .glyphicon {
position: absolute;
padding: 1px;
pointer-events: none;
margin-top:10px;
}

/* align icon */
.left-addon .glyphicon  { left:  0px;}
.right-addon .glyphicon { right: 0px;}

/* add padding  */
.left-addon input  { padding-left:  0px; }
.right-addon input { padding-right: 0px; }


.NumberRightAlign
{
    text-align: right;
    vertical-align:central;
}

.NumberCenterAlign
{
    text-align: center;
}

.NumberLeftAlign
{
    text-align: left;
}