body {
        background-color: #ffffff;
    }
    
    div.font {
        font-size: 0.9rem;
    }
    
    div.card-group {
        margin: 0 auto;
        float: none;
        margin-bottom: 10px;
    }
    
    .btn {
        margin: 2px;
    }
    
    h2 {
        margin-bottom: 32px;
    }

    .hint {
        color: #f14040;
    }
    
    .header-block {
        background-color: #F6F6F9;
        padding: 0px 30px 0px 30px;
        color: #37474F;
        margin-bottom: 1em;
    }

    .header2-block {
        background-color: #F6F6F9;
        padding: 10px 0px 0px 10px;
        color: #37474F;
        margin-bottom: 1em;
        border: 1px solid #CFD8DC;
    }
    
    .main-block {
        background-color: #F6F6F9;
        padding: 0px 30px 10px 30px;
        color: #37474F;
        margin-bottom: 1em;
    }

    .main-block p {
        line-height: 1.7em;
    }

    .main-block.outline {
        background-color: transparent;
        border: 1px solid #CFD8DC;
    }

    .footer-block {
        padding: 10px 20px 10px 20px;
        color: #37474F;
        margin-bottom: 1em;
    }

    .footer-block p {
        line-height: 1.7em;
    }

    .footer-block.outline {
        background-color: transparent;
        border: 1px solid #CFD8DC;
    }
    
    div.footer {
        background-color: #343a40;
        color: #fff;
        text-align: center;

    }

    .custom p {
        line-height: 1.65em;
    }
    
    .custom {
        color: #455A64;
    }
    
    .custom h1, .custom h2, .custom h3, .custom h4 {
        font-weight: normal;
    }

    .custom h1, .custom h2, .custom h3, .custom h4, .custom h5, .custom h6, .custom p {
        font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", sans-serif;
    }
    .custom h1, .custom h2, .custom h3, .custom h4, .custom h5, .custom h6 {
        line-height: 1.5em;

    }
    .custom-text-align p {
        text-align: justify;
    }

    .custom-letter-spacing h1, .custom-letter-spacing h2, .custom-letter-spacing h3, .custom-letter-spacing h4, .custom-letter-spacing h5, .custom-letter-spacing h6 {
        letter-spacing: 0.1em;
    }
    
    .custom-letter-spacing p {
        letter-spacing: 0.05em;
    }
    
    hr {
        display: block;
        height: 1px;
        border: 0;
        border-top: 1px solid #cccccc;
        margin: 1em 0;
        padding: 0;
        background-color: rgb(255,255,255);
    }

    hr.dashed {
        display: block;
        height: 1px;
        border: 0;
        border-top: 1px dashed #cccccc;
        margin: 1em 0;
        padding: 0;
        background-color: rgb(255,255,255);
    }
    
    h4.custom {
        border-top: 0px solid #CFD8DC;
        border-right: 0px solid #CFD8DC;
        border-bottom: 0px solid #CCCCCC;
        border-left: 6px solid #CFD8DC;
        padding-top: 2px;
        padding-right: 2px;
        padding-bottom: 2px;
        padding-left: 8px;
    }
    
    h5.custom {
        border-top: 0px solid #CFD8DC;
        border-right: 0px solid #CFD8DC;
        border-bottom: 0px solid #CFD8DC;
        border-left: 6px solid #CFD8DC;
        padding-top: 2px;
        padding-right: 2px;
        padding-bottom: 2px;
        padding-left: 8px;
    }

    tr.custom {
        background-color: #F6F6F9;
        color: #455A64;
    }

    td.customA {
        background-color: #F6F6F9;
        color: #455A64;
    }
    td.customB {
        background-color: #FFFFFF;
        color: #455A64;
    }

    strong.under {
        background: linear-gradient(transparent 70%, #c7ee85 70%);
    }
    strong.marker {
        background: #f8f9c4;
    }


   .btn{
      width: 500px;
      height: 50px;
      text-align: center;
      padding: 10px 30px;
      background-color: palegreen;
      display: block;
      text-decoration: none;
      color: black;
      border-radius: 7px;
      box-shadow: 2px 2px gray;
    }

   .btn2{
      width: 300px;
      height: 50px;
      text-align: center;
      padding: 10px 30px;
      background-color: gainsboro;
      display: block;
      text-decoration: none;
      color: black;
      border-radius: 7px;
      box-shadow: 2px 2px gray;
    }

    .permunder1 {
      background: linear-gradient(transparent  70%, #87cefa  70%);
    }

    /*
    .align-guide {
        border-right: 1px solid blue;

    }
    @media(max-width: 543px) {
        .custom-letter-spacing h1, .custom-letter-spacing h2, .custom-letter-spacing h3, .custom-letter-spacing h4, .custom-letter-spacing h5, .custom-letter-spacing h6 {
            letter-spacing: 0.05em;
        }
    }
    @media(max-width: 543px) {
        .custom-letter-spacing p {
            letter-spacing: 0.025em;

        }
    }
    .custom-modal .modal-dialog .form-control {
        border: 1px solid #B0BEC5;

    }
    .custom-modal .modal-dialog .form-control label {
        color: #607D8B;

    }
    .custom-modal .modal-dialog .modal-header {
        padding: 15px 30px;

    }
    .custom-modal .modal-dialog .modal-body {
        padding: 30px;
    }
     */