/* common layout settings */

@import '~bootstrap';

.alert {
    margin-bottom: 0;
}

.responsive {
    width: 85%;
    height: auto;
}

.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:visited {
    background-color: #00b8f8 !important;
    border-color: #00b8f8 !important;
}

.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
    background-color: #f9f9f9 !important;
}

.table>tbody>tr>td,
.table>tbody>tr>th {
    border-top: none !important;
    border-bottom: none;
}

a {
    color: #00b8f8;
}

form {
    display:inline;
    margin:0px;
    padding:0px;
}

body {
    font-family:'Oswald';
    color:var(--bleass-gray);
    margin:0;padding:0;
}

header{
    background-color: white;
    height:var(--header-height) !important;
    border-bottom:1px solid #CCC;
    box-shadow: 5px 0px 3px #CCC;
    position: -webkit-sticky;
    position:sticky;
    top:0;
}
header > div {
    height:var(--header-height) !important;
}

.logo {max-height:30px; height: 3vw;}
.header-menu { text-transform: uppercase;font-size:14px;}
.header-menu a,.header-menu a:visited {text-decoration:none;color:var(--bleass-gray);}
.header-menu a:hover {color:var(--bleass-blue);}
.header-menu span {vertical-align: middle;font-size:4px;margin:0 0.5rem}

footer {
    background-color:var(--bleass-gray);
    height:var(--footer-height);
    line-height:var(--footer-height)
}

footer a,footer a:visited {text-decoration:none;color:var(--bleass-white);}
footer a:hover {color:var(--bleass-blue);}

#page{
    min-height:var(--body-height);
}
.sidenav{
    width:10vw;
    background-color: var(--bleass-blue);
}
.debug{border:1px solid red;}

.table-plugin{
    font-size:medium;
    font-family:'Consolas';
    border-collapse: separate;
}
.table-plugin tr td,.table-plugin tr th{
    border-right:1px solid #000;
}
.table-plugin tr td:last-child,.table-plugin tr th:last-child{border-right:0;}

tr:hover{
    background-color:var(--bleass-blue-light) ;
}

.col-white{color:#FFF}
.col-blue{color:var(--bleass-blue)!important}

.bleass-form * {
    display:block;
    width:100%;
}
.bleass-form button {width:75%;display:block!important;margin:0 auto;}

.feedback-error{
    color:red;
}
.feedback-success{
    color:var(--bleass-blue)
}

.bbtn-small{
    background-color: #000;
    color:#FFF;
    text-transform: uppercase;
    font-family:'sans serif';
    font-size:12px;
    border-radius:3px;
    border:none;
}
.bbtn-small:hover{
    background-color:var(--bleass-blue);
    color:#FFF;
}
.bbtn{
    background-color: #000;
    color:#FFF;
    text-transform: uppercase;
    font-family:'sans serif';
    border-radius:3px;
}
.bbtn:hover{
    background-color:var(--bleass-blue);
    color:#FFF;
}

.a-util,.a-util:hover,.a-util:visited{
    text-decoration:none;
    color:var(--bleass-blue);
}

.in{
    outline: none;
    padding:0.5rem;
}

.login-logo{
    /*border:1px solid black;*/
    background: rgb(0,184,248);
    background: linear-gradient(90deg, rgba(0,184,248,1) 35%, rgba(255,255,255,1) 100%);
}

.licence-a{
    text-decoration:none;
    color:var(--bleass-gray);
}