﻿@media (min-width: 1000px) {
    #header {
        /*background: url(../Resources/Images/bemllogo.png) no-repeat center top;*/
        background: url(../Resources/Images/EditedLogo.png) no-repeat center top;
        white-space: nowrap;
        width: 90%;
        background-size: 900px;
        margin: 0 auto;
        border: 2px solid white;
        border-radius: 10px;
    }
}
@media (max-width: 576px) {
    #header {
        background: url(../Resources/Images/bemllogo-mobilenew.png) no-repeat top;
        /*height:500px;*/
        background-size: 500px;
    }
}


body {
    background: #01519b;
    font-family: Verdana, sans-serif;
    font-size: 11px;
    line-height: 14px;
    color: #5e5e5e;
}
.shell { width:1024px; margin:0 auto; }
/*#header {
   
}*/
#header h1{float:left; display:inline; padding-top:12px;  }
.box{background:transparent; border:#003 solid 3px; margin-bottom:15px; padding-bottom:5px; height:420px; }
.tbl{border:1px solid black;margin-bottom: 5px !important;margin:0 auto; width:99%;color:black; white-space:normal;}
.tbl th{font-size:medium; color:white;text-align:left;font-weight:bold;background-color:#01519b}
 .tbl .lbl{font-weight:bold;padding-top:10px;font-size:14px;}
 .tbl .tr{display:compact;background-color:white;}
 .tbl .form-control{font-weight:normal;font-size:12px;padding-top:0px;padding-bottom:0px;height:30px;color:black;}
 .tbl .txtAddr{margin-top:5px;}
 .edu th{margin-top:5px;font-weight:bold;font-size:small; color:#01519b;text-align:left;background-color:white;width:100%;}
  .edu td{margin-top:5px;font-weight:normal;}
   .mybtn{border-radius:10px;border:2px solid #01519b;color:#01519b;margin:5px 2px 5px 0;height:25px;width:120px;font-size:12px; background-color:white;font-weight:bold;}
   .mybtn:hover{background-color:#01519b;color:white}
.tab {display: none;}
.invalid {background-color: #ffdddd;}
.tb {display: none;}
.btnLogout {border-radius: 15px;margin: 2px 1px 0px 0px;}
.lblReg {  margin:7px 10px 0px 0px;  }
.head {
    color: white;
    background-color: #01519b;
    padding: 15px 5px 5px 5px;
    font-weight: bold;
    height: 40px;
    font-size: small
}

.login {
    border: 1px solid #01519b;
    color: #01519b
}

.note {
    color: #990033;
}

.error {
    color: red;
    font-size: 9pt; 
    font-weight:bold;
}
  /* Make circles that indicate the steps of the form: */
.step {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbbbbb;
  border: none;  
  border-radius: 50%;
  display: inline-block;
  opacity: 0.5;
  margin-bottom:5px;
}

    .step.active {
        opacity: 1;
        background-color: #01519b;
    }

/* Mark the steps that are finished and valid: */
.step.finish {
  background-color: #01519b;
}

