@import url('https://fonts.googleapis.com/css?family=Roboto:300');

            html {
                background: #EEEEEE;
            }
            header {
                margin: 1em 0 2em;
                color: #196E76;
                text-align: center;
            }

            header h1 {
                font-family: 'Pacifico',serif;
                font-size: 3em;
                text-shadow: 0 4px 2px rgba(0,0,0,.1);
                margin: 0;
                font-weight: bold;
            }

            h1 a {
                color: #196E76;
            }

            header p {
                margin-top: -.625em;
                text-indent: 7.75em;
                text-shadow: 0 1px 0 rgba(0,0,0,.15);
                font-size: .875em;
            }

            .bubble {
                margin: 10px auto 10px !important;
                border: 1px solid #e5e5e5;
                padding: 20px 10px 30px;
                max-width: 550px;
                background: #fff;
            }
            hr {
                width:70%;
            }

            input {
                background:#fafafa;
                border:0;
                border-top:1px solid #aaa;
                border-bottom:1px solid #aaa;
                padding:10px;
                display: block;
                width:100%;
            }
            .button {
                background: #007aff;
                padding:10px;
                display: block;
                width:50%;
                color:white !important;
                text-decoration: none;
                box-shadow: 0 3px 6px rgba(0,0,0,0.19), 0 3px 6px rgba(0,0,0,0.23);
                border-radius: 5px;
                margin:2%;
                cursor: pointer;
            }

            a {
                color: #007aff;
                text-decoration: none !important;
            }



            .list-button a {
                background: #007aff;
                padding:10px;
                display: block;

                color:white !important;
                text-decoration: none;
            }



            .list-button {
                padding:0;
                width:70%;
            }

            .list-button a:first-child {
                border-top-left-radius: 10px;
                border-top-right-radius: 10px;
            }

            .list-button a:last-child {
                border-bottom-left-radius: 10px;
                border-bottom-right-radius: 10px;
            }

            .list-button a:hover {
                background: #1987ff;
            }

            .list-button a:active {
                background: #3294ff;
            }

            .list {
              width: 90%;
              margin:5%;
            }
            .list ul {
             padding:0;
             margin:0;
             box-shadow: 0px 0px 5px #aaa;
             border-radius: 11px;
             width:100%;
            }

            .list li {
                list-style-type: none;
                background:#eee;
                padding:15px;
                /*border: 1px solid #eee;*/
                border-bottom:0;
            }

            .list li .item-after {
              float: right;
            }

            .list li:first-child {
                border-top-left-radius: 10px;
                border-top-right-radius: 10px;
            }

            .list li:last-child {
                border-bottom-left-radius:10px;
                border-bottom-right-radius: 10px;
                /*border-bottom: 1px solid #333;*/
            }

            .list li .small-button {
              background: #007aff;
              padding:10px;
              color:white !important;
              text-decoration: none;
              border-radius: 10px;

            }
            .list li .small-button:active {
              background: #2f2f2f;
            }


            .signed {
              background: #4cd964;
              padding:7px;
              color:white;
              text-decoration: none;
              border-radius: 5px;
            }

            .revoked {
              background: #ff3b30;
              padding:7px;
              color:white;
              text-decoration: none;
              border-radius: 5px;
            }

select {
    padding:10px;
    background: #007aff;
    color:white;
    border:0;
    border-radius: 10px;
}

table {
    border-collapse: collapse;
    width: 100%;
    text-align: center;
}

td, th {
    border: 1px solid #aaa;
    text-align: center;
    padding: 5px;
    color: #444;
}

tr:nth-child(even) {
    background: #eee;
}


            @media only screen and (max-width: 500px) {
    .bubble {
        top: 0;
        left: 0;
        right: 0;

    }
}