button:focus,
input:focus,
select:focus {
    outline: none !important;
}

html, body{
    margin: 0;
    padding: 0;
}

/*.wrapper {*/
/*    height: 100%;*/
/*    display: flex;*/
/*    flex-direction: row;*/
/*}*/

/*main {*/
/*    flex: 1 0 1px;*/
/*    background-color: #f9f9f9;*/
/*    overflow: auto;*/
/*}*/

/*.sidebar {*/
/*    flex: 300px 0;*/
/*    box-sizing: border-box;*/
/*    padding: 1rem;*/
/*    background-color: #fff;*/
/*    color: #343a40;*/
/*}*/

/*.table-container {*/
/*    position: relative;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    overflow: auto;*/
/*}*/

table.table
{
    width: 100%;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    text-align: left;
}

table.table th,
table.table td {
    padding: .2rem;
    text-align: match-parent;
    border: 1px solid #cccccc;
}

table.table tbody tr:first-child th,
table.table tbody tr:first-child td {
    border-top-width: 3px;
}

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

.alert{
    margin: 1rem 0;
    padding: .5rem;
    border-radius: .2rem;
    font-size: .7rem;
}

.is-alert
{
    background-color: pink;
    color: crimson;
}

.form-field
{
    padding: .5rem 0;
}

.form-field label
{
    display: block;
    padding: .2rem 0;
    font-size: .7rem;
}

.form-field input,
.form-field select
{
    width: 100%;
    margin: 0;
    padding: .4rem .2rem;
    outline: none;
    box-sizing: border-box;
    border: 1px solid #1D3D6D;
    border-radius: .2rem;
    background-color: #fff;
    font-size: 1rem;
}

.button
{
    display: block;
    margin: .6rem auto;
    padding: .4rem .6rem;
    outline: none;
    box-sizing: border-box;
    border: 1px solid #343a40;
    border-radius: .2rem;
    background-color: #343a40;
    font-size: 1rem;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
}

.button.is-primary
{
    background-color: #1D3D6D;
}

.button:active
{
    background-color: #222;
}

.text-center
{
    text-align: center !important;
}

@media print {
    .wrapper > .sidebar{
        display: none;
    }

    .wrapper > main {
        display: block;
        overflow: unset;
    }
}