body {
    margin:0;
    padding-bottom: 70px;
    padding-top: 50px;
    background-color: white;
}

.logo {
    position: absolute;
    top: 50%; left:50%; margin-right: -50%; transform: translate(-50%, -50%);
    margin:0;
}

.listDate {
    font-size:12px;
}

.listTitle {
    font-size:14px;
    font-weight:500;
}

.listTitleBlue {
    font-size:14px;
    color: #0067B0;
    font-weight: 500;
}

.listTitleBlueBold {
    font-family:Candara, Tahoma, Geneva, Verdana, sans-serif;
    font-size:18px;
    color: #0067B0;
    font-weight: bolder;
}

.listContent {
    font-size:12px;
    color: darkgray;
    font-style: italic;
}

.bold {
    font-weight: bold;
}

.lighter {
    font-weight:lighter;
    font-size:16px;
}

.message {
    font-weight:lighter;
}

.pageCenter {
    position: absolute;
    top: 50%; left:50%; margin-right: -50%; transform: translate(-50%, -50%);
    margin:0;
}

.pageCenter90 {
    width: 90%;
    position: absolute;
    top: 50%; left:50%; margin-right: -50%; transform: translate(-50%, -50%);
    margin:0;

}


.std {
    font-family:Candara, Tahoma, Geneva, Verdana, sans-serif;
    text-decoration: none;
}

.infoBold {
    font-family:Candara, Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 600;
    color: #808080;
    font-size: 18px;
}

.infoBoldStd {
    font-weight: 600;
    color: #808080;
    font-size: 18px;
}

.info {
    font-weight: 200;
    color: #808080;
    font-size: 14px;
}

.infoThin {
    font-weight: 200;
    color: #808080;
    font-size: 14px;
}

.infoThin14 {
    font-family:Candara, Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    color: #808080;
    font-size: 14px;
}

.infoThin12 {
    font-family:Candara, Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    color: #808080;
    font-size: 12px;
}

.infoItalic {
    font-family:Candara, Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    color: #808080;
    font-size: 12px;
    font-style: italic;
}

.enter {
    font-family:Candara, Tahoma, Geneva, Verdana, sans-serif;
    color: dimgray;
    font-size:24px;
    text-align: center;
    opacity: 0;
    transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -webkit-transition: opacity .5s ease-in-out;}

.logoImage:hover + .enter{
    font-family:Candara, Tahoma, Geneva, Verdana, sans-serif;
    color: dimgray;
    font-size:24px;
    text-align: center;
    opacity: 1;
}

.footerTextBold {
    font-family: Candara, Tahoma, Geneva, Verdana, sans-serif;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    text-decoration: none;
    color: #808080;

}

.footerText {
    font-family: Candara, Tahoma, Geneva, Verdana, sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    text-decoration: none;
    color: #808080;
}

.error {
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    text-decoration: none;
    color:darkred;
}

.width200 {
    width: 200px;
}

.widthAll {
    width:100%;
}

.widthMid {
    width: 48%;
}

.bar {
    width:12px;
}

.barBlue {
    border-left:6px solid #0067B0;
    width:12px;
}

.white {
    padding:2px;
    background-color: white;
    border-bottom: 1px solid gainsboro;
}

.white:hover {
     padding:2px;
     border-bottom: 1px solid gainsboro;
     background-color: #e6f2fa;
}

.select {
    padding:2px;
    background-color: #e6e6e6;
    border-bottom: 1px solid gainsboro;
}

.select:hover {
     padding:2px;
     border-bottom: 1px solid gainsboro;
     background-color: #e6f2fa;
}

.borderVert {
    border-left: 1px solid lightgray;
}

.borderHorz {
  border-top: 1px solid lightgray;
}

.top {
    vertical-align: top;
}

.vertCenter {
    vertical-align: middle;
}

.space {
    height: 4px;
}

#uploadAxFile {
    height:32px;
    width: 100%;
}

#uploadBaswareFile {
    height:32px;
    width: 100%;
}

#uploadSupplierFile {
    height:32px;
    width: 100%;
}

#uploadBudgetFile {
    height:32px;
    width: 100%;
}

#operatorImageFile {
    height:32px;
    width: 100%;
}

.bkGray {
    background-color:#FAFAFA;
    height: 180px;
}

.bkGray:hover {
    background-color: #F0F0F0;
}

.bkGrayFull {
    background-color: #F0F0F0;
}
.bkGrayFull:hover {
    background-color: #F0F0F0;
}

.bkGrid {
    background-color: #E0E0E0;
}

.bkGrid:hover {
    background-color: #EAEAEA;
}

.bkWhiteFull {
    background-color: white;
}

.popover {
    width:100%;
}

.heightCmd {
    height: 200px;
}

.heightStartCmd {
    height: 240px;
}

.heightMessage {
    height: 447px;
    text-align: center;
    vertical-align: middle;
}

.heightSep {
    height: 4px;
}

.height12 {
    height: 12px;
}

.height24 {
    height: 24px;
}

.height36 {
    height: 36px;
}

.height48 {
    height: 48px;
}

.heightCarousel {
    height: 64px;
}

.heightStart {
    height:200px;
}

.widthCheck {
    width:72px;
    text-align: center;
}

.widthSpace {
    width:4px;
}

.width100 {
    width:100px;
}

.width2 {
    width:2px;
}
.width4 {
    width:4px;
}
.width8 {
    width:8px;
}
.width128 {
    width:128px;
}

.width192 {
    width:192px;
}
.width256 {
    width:256px;
}
.width64 {
    width:64px;
}

.width56 {
    width:56px;
}

.width52 {
    width:52px;
}

.width50 {
    width:50px;
}

.width48 {
    width:48px;
}

.width24 {
    width:24px;
}

.width12 {
    width:12px;
}

.width100p {
    width:100%;
}

.width75p {
    width:75%;
}

.width24p {
    width:24%;
}

.width25p {
    width:25%;
}

.width50p {
    width:50%;
}

.width20p {
    width:20%;
}

.width60p {
    width:60%;
}

.width16p {
    width:16%;
}

.width42p {
    width:42%;
}

.normal {
    color: darkgray;
}

a.noLinkWhite:link {
    text-decoration: none;
    color: white;
    font-weight: normal;
}
a.noLinkWhite:visited {
    text-decoration: none;
     color: white;
    font-weight: normal;
}
a.noLinkWhite:hover {
    text-decoration: none;
     color: white;
    font-weight: bold;
}

a.noLinkBlack:link {
    text-decoration: none;
    color: black;
    font-weight: normal;
}
a.noLinkBlack:visited {
    text-decoration: none;
     color: black;
    font-weight: normal;
}
a.noLinkBlack:hover {
    text-decoration: none;
    color: black;
    font-weight: bold;
}

.gridScroll {
    width:100%; 
    overflow-x:auto;
}

.small {
    font-weight:100;
    font-style:italic;
    color:darkgrey;
    font-size: 12px;
}

.mycell {
     padding-top: 2px;
   padding-bottom: 2px;
    text-align: center;
}

.bg-lightgray {
    background-color: lightgray;
}

.popover2 {
  -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
          border-radius: 0 !important;
}

.panel {
  -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
          border-radius: 0 !important;
}

.no-round {
  -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
          border-radius: 0 !important;
}

.popoverTitle {
    font-weight: bold;
    font-size: 16px;
    color:darkgray;
}

.red {
    color: darkred;
}

.black {
    color: black;
}

.darkgreen {
    color: darkgreen;
}

.verydarkgray {
    color: dimgray;
}

.leftBlue {
    color: #337ab7;
    font-weight:200;
    text-align: left;
}

.dashboardOperator {
    background-color: #e6e6e6;
    padding:10px;
    border:0px;
    margin:0px;
    width:100%;
    height: 160px;
} 

.dashboardPanels {
    background-color: white;
    padding:10px;
    border:0px;
    margin:0px;
    width:100%;
} 

.dashboardContent {
    background-color: white;
    padding:10px;
    border:0px;
    margin:0px;
    width:100%;
} 

.graybar {
    background-color: #e6e6e6;
    padding:10px;
    border:0px;
    margin:0px;
    width:100%;
} 

.bottom {
    vertical-align: bottom;
    padding: 8px;
}


.check-list label {
   font-weight: 300;
   padding-left: 10px;
   padding-right: 24px;
   vertical-align: middle;
}

.panel-dark {
  border-color: darkgrey;
  -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
          border-radius: 0 !important;
}

.panel-dark > .panel-heading {
  border-color: darkgrey;
  background-color: darkgrey;
  color: white;
  -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
          border-radius: 0 !important;
}

panel-dark > .panel-footer {
  border-color: darkgrey;
  background-color: darkgrey;
  -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
          border-radius: 0 !important;
}
.panel-dark > a {
  color: #d9534f;
}
.panel-dark > a:hover {
  color: #b52b27;
}




.panel-gray {
  border-color: #F0F0F0;
  -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
          border-radius: 0 !important;
}

.panel-gray > .panel-heading {
  border-color: #F0F0F0;
  background-color: #F0F0F0;
  color: black;
  -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
          border-radius: 0 !important;
}

panel-gray > .panel-footer {
  border-color: #F0F0F0;
  background-color: #F0F0F0;
  -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
          border-radius: 0 !important;
}
.panel-gray > a {
  color: #d9534f;
}
.panel-gray > a:hover {
  color: #b52b27;
}






a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

a:active {
    text-decoration: none;
}

.msgHigh {
    width:48px;
    color:darkred;
    font-weight:normal;
    text-align:center;
}

.msgLow {
    width:48px;
    color:darkblue;
    font-weight:normal;
    text-align:center;
}

.msgStd {
    width:48px;
    color:darkgray;
    font-weight:normal;
    text-align:center;
}

.msgIndex {
    width:48px;
    color:darkgray;
    font-weight:bold;
    text-align:center;
}

.tristate {
    padding-left: 8px;
    padding-right: 8px;
}

.fontSmall{
    font-size:12px;
}

.step {
    font-size: 36px;
    font-weight: bold;
    background-color: gainsboro;
    width: 64px;
    height: 100px;
    text-align:center;
    vertical-align:central;
}

.excel {
    background-color: white;
    width: 64px;
    height: 64px;
    text-align:center;
    vertical-align:central;
}

.footerData {
    text-align: right;
    font-weight: bold;
}

.standard {
    font-weight: normal;  
    font-size:12px;
}

.title {
    font-weight: bold;
    font-size:14px;
}