html,body{
      height:100%;
      font-size:16px;
      color:#555;
       font-family:arial !important;

    }
    td{
    
    }

    #global{
      height:calc(100% - 60px);
            min-height:800px !important;
    }

    #sectioncontainer{
      margin-top:50px;
      height:calc(100% - 250px) !important;
      min-height:400px !important;
      width:90% !important;
      max-width:1200px;
    }

    #username{
      width:95% !important;
      max-width:300px !important;
    }
     #submitbutton{
     max-width:300px !important;
     border-radius:5px;
     }

    .fs{
      width:90%;
    }

    .fieldstext {
      display:    inline-block;
      width:      80%;
      max-width:  100px;
      text-align: right;
    }

    .fields {
      display:    inline-block;
      width:      80%;
      max-width:  150px;
      text-align: left;
    }

    .topdiv {
      padding-bottom: 8px;
    }

    .outlinediv {
      width:         80%;
      max-width:     500px;
      margin:        auto;
      border:        1px solid silver;
      border-radius: 8px;
      text-align:    center;
      padding:       20px;
    }

    @media (max-width: 400px) {
      .fieldstext {
        text-align: left;
        width:      150px;
        max-width:  150px;
      }
    }
   @media only screen and (min-width: 0px) and (max-width: 1200px) {
      body#index section#sectioncontainer {
        width: 95%;
      }

      #headercontainer #bannercontainer {
        background-color: #484f54;
        width: 100%;
      }
    }

    div#loginContainer {
       //height:     calc(100% - 100px);
       display:    flex;
       max-height: 350px;
    }

   h1#sectionHeading {
      text-align: left;
    }

    div#mfaMessage {
       clear: both;
       color: red;
       margin-top: 10px;
       font-size: 110%;
    }


    div#loginMessage {
       /*clear: both;*/
       color: red;
       margin-top: 10px;
       font-size: 110%;
       max-width:350px;
       width:98%;
       margin:auto;
       display:inline-block;
    }


    div#mfaForm {
      margin: 15px 10px;
    }

    #mfaInput {
      width: 6ch !Important;
      font-size: 120%;
    }

    div#mfaText {
      margin: 10px;
      font-size: 120%
    }