/* re-style the dnn login */
.LoginPanel {
    width: auto !important;
    float: none !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    padding: 0 !important;
    max-width: 100% !important;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    /* hide the empty label beside the Reset Password button */
  }
  
  .LoginPanel > div {
    min-width: 300px;
    max-width: 500px;
  }
  
  .LoginPanel .dnnForm .dnnFormItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 15px;
  }
  
  .LoginPanel .dnnForm .dnnFormItem > .dnnLabel {
    margin-top: 0;
  }
  
  .LoginPanel .dnnForm .dnnFormItem > .dnnLabel label {
    display: block;
  }
  
  .LoginPanel .dnnLabel {
    display: block;
    float: none;
    position: relative;
    width: auto;
    padding-right: 0;
    margin-right: 0;
    overflow: visible;
    text-align: left;
  }
  
  .LoginPanel .dnnLoginService input[type="text"],
  .LoginPanel .dnnLoginService input[type="password"] {
    width: auto !important;
    /*min-width: 100%;*/
    margin: 0;
    border-radius: 1px;
    padding: 10px;
  }
  
  .LoginPanel:last-child span.dnnFormLabel {
    display: none;
  }
  
  .LoginPanel ul.dnnActions {
    margin: 0 !important;
    padding: 0 !important;
  }
  
  /* boostrap fix - remove the yellow background from the checkbox field */
  .dnnCheckbox .mark {
    background: none !important;
  }
  
  /* give the Remember Me checkbox a smaller text size */
  .dnnLoginRememberMe {
    font-size: 15px;
  }