﻿/* .body-container {
  margin-top: 60px;
  padding-bottom: 40px; }

.welcome-page li {
  list-style: none;
  padding: 4px; }

.logged-out-page iframe {
  display: none;
  width: 0;
  height: 0; }

.grants-page .card {
  margin-top: 20px;
  border-bottom: 1px solid lightgray; }
  .grants-page .card .card-title {
    font-size: 120%;
    font-weight: bold; }
    .grants-page .card .card-title img {
      width: 100px;
      height: 100px; }
  .grants-page .card label {
    font-weight: bold; } */
    body {
      background-color: #fff;
      margin-top: 0;
      color: #2b2b2b;
      font-family: 'Open Sans', sans-serif;
      font-family: sans-serif;
  }
  .d-none{
      display: none;
  }
  .container{
      width: 95%;
      margin-top: 10%;
  }
  .grave-logo{
      max-width: 250px;
      display: block;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 40px;
      float: none;   
  }

  .login-form{
      max-width: 500px;
      margin-right: auto;
      margin-left: auto;
      float: none;
      color: #ffffff;
  }
  .mt-15{
      margin-top: 15px;
  }
  .mt-20{
      margin-top: 20px;
  }
  
  .panel{
           color: #333;
  }
  .card{
    background-color: transparent;
    border: none;
  }

  /*TID relaed UI Update*/
.card-body-dk{
    padding-left:0;
    padding-right:0;
}
.btn-reset-dk,
.form-label-dk {
    font-size: 14px;
}
.btn-reset-dk {
    padding:0;
    color:#000;
    text-decoration:underline;
}
.tid-logo-wrap {
    margin-left: -15px;
    margin-right: -15px;
    display: flex;
    height: 150px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    align-self: stretch;
}
    @media screen and (max-width:768px) {
        .container-mobile {
            width: 100%;
            margin-left: 0;
            margin-right: 0;
            margin-top: 0;
            max-width: 100%;
        }
        .tid-logo-wrap {
            height: calc(100vh / 2 - 110px );
            background-color: #E7F9F3;
        }
    }
.btn-dk {
    /*    justify-content: center;
    align-items: flex-start;
    align-self: stretch;*/
    border-radius: 30px;
    padding: 15px 14px;
    font-size: 16px;
    font-weight: 700;
}
.btn-login {
    background: #2C5F69;
    color:#fff;
}
    .btn-login:hover,
    .btn-login:focus,
    .btn-login:active {
        background: #2C5F69;
    }
    .dk-margin-30 {
        margin-top: 30px;
        margin-bottom: 30px !important;
    }