/*

RESETS

*/

alert.alert,
.btn.btn-block,
img.img.img-block,
html body .oviato-alerter
{
    width: 100%;
    display: block;
    text-align: center;
    background: transparent;
}
html body #main-tabsContent form input[type="submit"]
{
    margin-top: var(--oviato-margin-table);
}
html body #main-tabsContent form hr
{
    display: none;
}
html body #main-tabs
{
    display: block;
    text-align: center;
}
html body #main-tabs .nav-item
{
    display: inline-block;
}
.toolbar button img,
#dashboard .btn-block .btn,
html body .btn.ovi-link
{
    opacity: 1;
}
.toolbar button:hover img,
#dashboard .btn-block .btn:hover,
html body .btn.ovi-link:hover
{
    opacity: 0.75;
}
html body .btn:focus
{
    outline: 0;
    box-shadow: none;
}
html body .oviato-alerter
{
    background: transparent;
    border: none;
    padding: 0;
    margin: 0;
}

/*

FONT AWESOME

*/

html body i.fa-bitcoin
{
    color: var(--oviato-color-btc-orange);
}

/*

BOOTSTRAP

*/

html body alert.alert-danger
{
    border-left: var(--oviato-padding-basic) solid var(--oviato-alert-danger-border);
}
html body alert.alert-success
{
    border-left: var(--oviato-padding-basic) solid var(--oviato-alert-success-border);
}
.card-header .setup-tabs .nav-item button
{
    margin: 0 10px -10px; /* hardcoded hack for tabs in header */
    padding: 15px; /* hardcoded hack for tabs in header */
    width: auto; /* hardcoded hack for tabs in header */
}
html body .card-body .nav-tabs
{
    display: block;
    text-align: center;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    margin: 0 0 30px;
}
html body .card-body .nav-tabs .nav-link
{
    display: inline-block;
    border-width: 1px;
    border-style: solid;
    margin: 0 -3px -1px;
}

/*

QR

*/

html body .qr-holder img 
{
    width: 100%;
    height: auto;
    background: var(--oviato-color-text-page);
    padding: 5px;
    border: 1px solid var(--oviato-btn-primary-border);
    border-radius: 3px;
}

/*

NAV

*/

html body button#db-tab
{
    width: auto; 
    display: inline-block; 
    margin-top: 3px;
}
html body .toolbar .nav.nav-tabs .nav-item button img
{
    height: 20px;
    width: auto;
}
html body .toolbar .nav.nav-tabs .nav-item:first-child
{
    width: auto; 
    float: left;
}
html body .toolbar .nav.nav-tabs .nav-item:last-child
{
    width: auto; 
    float: right;
}
.card .toolbar .nav.nav-tabs .nav-item
{
    border: none;
}

/*

TABLES

*/

table.table 
{
    text-align: center;
}
table.table thead tr th:first-child,
table.table tbody tr td:first-child 
{
    text-align: left;
}
table.table thead tr th:last-child,
table.table tbody tr td:last-child 
{
    text-align: right;
}
table.table tbody tr td 
{
    display: table-cell;
    vertical-align: middle;
    line-height: var(--oviato-line-table);
}

html body .dataTables_wrapper .dataTables_info,
html body .dataTables_wrapper .dataTables_paginate,
html body .dataTables_wrapper .dataTables_length,
html body .dataTables_wrapper .dataTables_filter 
{
    margin: var(--oviato-line-table) 0;
}
html body table.dataTable .hidden 
{
    display: none;
}
html body table.dataTable thead th, 
html body table.dataTable thead td, 
html body table.dataTable tfoot th, 
html body table.dataTable tfoot td 
{
    text-align: center;
}
html body table.dataTable thead th:first-child, 
html body table.dataTable thead td:first-child, 
html body table.dataTable tfoot th:first-child, 
html body table.dataTable tfoot td:first-child 
{
    text-align: left;
}
html body table.dataTable thead th:last-child, 
html body table.dataTable thead td:last-child, 
html body table.dataTable tfoot th:last-child, 
html body table.dataTable tfoot td:last-child 
{
    text-align: right;
}

/*

TRANSPARENT

*/

html body .nav-tabs,
html body .fold h1 b,
html body .copy a:hover,
html body .copy a:focus,
html body .fold a:hover,
html body .fold a:focus,
html body .section a:hover,
html body .section a:focus,
html body .nav-tabs .nav-link:hover, 
html body .navbar-light .navbar-nav .nav-link,
html body .nav-tabs .nav-link:focus
{
    border-color: transparent;
}
html body .section.batter-mustache
{
    background: transparent;
}

/*

LOADING

*/

html body.loading::before
{
    content: "";
    color: #FFF;
    font-size: 1rem;
    text-align: center;
    line-height: 100vh;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/loader.gif?v=0.0.0.1);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: repeat;
    z-index: 999999999;
    opacity: 1;
}
html body.loading::after
{
    content: attr(data-text);
    font-size: 1rem;
    text-align: center;
    line-height: 100vh;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999999;
}

/*

ANIMATE

*/

html body .btn,
.toolbar button:hover img
{
    transition: all 0.42s;
}

/*

SDK

*/

html body iframe.ovi-frame
{
    display: block;
    position: relative;
    width: 100%;
    min-height: 750px;
    border: none;
    background: transparent;
}

/*

RESPONSIVENESS

*/
@media (max-width: 565px)
{
    html body .card-header .setup-tabs .nav-item button
    {
        padding: 10px;
        margin-left: 5px;
        margin-right: 5px;
    }
    html body .text-end,
    html body .text-start
    {
        text-align: center !important;
        margin-top: 30px;
    }
}