*:focus {
    outline: 0!important;
}

html {
    box-sizing: border-box!important;
    line-height: 1.5;
}

*, *:before, *:after {
    box-sizing: inherit;
}

body {
    font-family: Verdana,sans-serif;
}

pre {
    font-family: Inconsolata,monospace;
}

.show{
    display: block!important;
}

.hide{
    display: none!important;
}

table {
    width: 100%;
}

.overflow_x_table_wrap {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
}

td {
    padding: 8px;
}

table tr:nth-child(odd) {
    background-color:rgba(255,255,255, .1);
}

table tr:nth-child(even) {
    background-color:rgba(255,255,255, .3);
}

.flex {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row;
}

/********************/
/**** responsive ****/
/********************/


@media screen and (max-width: 600px) {
    .hide_s {
        display:none;
    }
}

@media screen and (min-width: 601px) and (max-width: 992px) {
    .hide_m {
        display:none;
    }
}

@media screen and (min-width: 993px) {
    .hide_l {
        display:none;
    }
}