@import url(https://fonts.googleapis.com/css?family=Open+Sans);

    
    /* css for the shiny buttons */
    .btn {
      cursor: pointer;
      margin: 10px;
      border-radius: 5px;
      text-decoration: none;
      padding: 10px;
      font-size: 22px;
      transition: .3s;
      -webkit-transition: .3s;
      -moz-transition: .3s;
      -o-transition: .3s;
      display: inline-block;
    }
    
    #message .btn {
        font-size: 18px;
    }
    
    .wlasna_kwota {
        border-radius: 5px;
        background-color: #222;
        padding: 10px;
        border: 2px solid #9b59b6;
        font-size: 22px;
        color: #9b59b6;
        text-align: center;
        margin: 10px;
    }
    
    #message .wlasna_kwota {
        font-size: 18px;
    }
    
    button.btn {
        background-color: transparent;
    }

    .btn:hover {
      cursor: url(https://cur.cursors-4u.net/symbols/sym-1/sym46.cur), auto;
    }
    .blue {
      color: #55acee;
      border: 2px #55acee solid;
    }

    .blue:hover {
      background-color: #55acee;
      color: #fff
    }

    .green {
      color: #2ecc71;
      border: 2px #2ecc71 solid;
    }

    .green:hover {
      color: #fff;
      background-color: #2ecc71;
    }

    .red {
      color: #e74c3c;
      border: 2px #e74c3c solid;
    }

    .red:hover {
      color: #fff;
      background-color: #e74c3c;
    }

    .purple {
      color: #9b59b6;
      border: 2px #9b59b6 solid;
    }

    .purple:hover {
      color: #fff;
      background-color: #9b59b6;
    }

    .orange {
      color: #e67e22;
      border: 2px #e67e22 solid;
    }

    .orange:hover {
      color: #fff;
      background-color: #e67e22;
    }

    .yellow {
      color: #f1c40f;
      border: 2px #f1c40f solid;
    }

    .yellow:hover {
      color: #fff;
      background-color: #f1c40f;
    }

    .buttons {
      padding-top: 30px;
      text-align: center;
    }

    .cegielka {
        display: inline-block;
        text-align: center;
        box-sizing: border-box;
        width: 100%;
    }

    .grid > div {
        float: left;
    }
    .grid-3 {
        width: calc(100% / 3 - 1px);
    }
    .grid-5 {
        width: calc(100% / 6 - 1px);
        padding: 10px;
        box-sizing: border-box;
        text-align: center;
    }
    #message .grid-5 {
        padding: 0;
    }
    .grid:after {
        content: ' ';
        display: block;
        clear: both;
    }
    
    label.list {
        color: inherit;
        
    }
    
    .strong {
        font-weight: bold;
    }
    
    .mb1em {
        margin-bottom: 1em;
    }
    
    .mb2em {
        margin-bottom: 2em;
    }
    
    .mt1em {
        margin-top: 1em;
    }
    
    .mt2em {
        margin-top: 2em;
    }
    
    #platnosc .grid-3 > div {
        padding-top: 5px;
    }
    
    .line-black {
        height: 1px;
        background-color: #aaa;
    }
    
    table.tbp {
        color: #111;
        border-spacing: 0;
        min-width: 350px;
    }
    
    table.tbp td:first-child, table.tbp th:first-child {
        text-align: left;
    }
    
    table.tbp td, table th {
        border-bottom: 1px solid #ccc;
        padding: 3px;
        text-align: right;
    }