:root {
    --bphy-mcolblue: #00b6b0;
    --bphy-mcolgreen: #7ec243;
    --bphy-mcolmiddle: #4fbb7e;
    --bphy-mcolwhite: #ffffff;
    --bphy-mcoldanger: #bb4f4f;
    --bphy-mcolwarning: #b99d3c;
    --bphy-mcolgray: #fafafa;
}
html {
    scroll-behavior: auto !important;
}
body {
    font-family: "Open Sans", sans-serif;
    font-size:11pt;
}
h1 {
    font-size:18pt;
}
h2 {
    font-size:16pt;
}
h3 {
    font-size:14pt;
}
h4 {
    font-size:12pt;
}
input.bphy-checkpoxlarge {
    transform: scale(1.5);
    background-color:transparent;
}
.btn-primary {
    background-color: var(--bphy-mcolmiddle);
    color: var(--bphy-mcolwhite);
    border-color: var(--bphy-mcolmiddle);
}

.btn-primary:hover {
    background-color: var(--bphy-mcolmiddle);
    color: var(--bphy-mcolwhite);
    border-color: var(--bphy-mcolmiddle);
}

.btn-primary:active {
    background-color: var(--bphy-mcolmiddle);
    color: var(--bphy-mcolwhite);
    border-color: var(--bphy-mcolmiddle);
}

.btn-info {
    background-color: var(--bphy-mcolblue);
    color: var(--bphy-mcolwhite);
    border-color: var(--bphy-mcolblue);
}

.btn-info:hover {
    background-color: var(--bphy-mcolblue);
    color: var(--bphy-mcolwhite);
    border-color: var(--bphy-mcolblue);
}

.btn-info:active {
    background-color: var(--bphy-mcolblue);
    color: var(--bphy-mcolwhite);
    border-color: var(--bphy-mcolblue);
}

.btn-danger {
    background-color: var(--bphy-mcoldanger);
    color: var(--bphy-mcolwhite);
    border-color: var(--bphy-mcoldanger);
}

.btn-danger:hover {
    background-color: var(--bphy-mcoldanger);
    color: var(--bphy-mcolwhite);
    border-color: var(--bphy-mcoldanger);
}

.btn-danger:active {
    background-color: var(--bphy-mcoldanger);
    color: var(--bphy-mcolwhite);
    border-color: var(--bphy-mcoldanger);
}

.btn-warning {
    background-color: var(--bphy-mcolwarning);
    color: var(--bphy-mcolwhite);
    border-color: var(--bphy-mcolwarning);
}

.btn-warning:hover {
    background-color: var(--bphy-mcolwarning);
    color: var(--bphy-mcolwhite);
    border-color: var(--bphy-mcolwarning);
}

.btn-warning:active {
    background-color: var(--bphy-mcolwarning);
    color: var(--bphy-mcolwhite);
    border-color: var(--bphy-mcolwarning);
}

#app-footer {
    position:fixed;
    bottom:0px;
    left:0px;
    right:0px;
    padding:15px;
    background-color: var(--bphy-mcolgray);
    border-top:solid 1px #ddd;
    text-align:right;
}
#app-version {
    text-align:left;
}
.app-vertext {
    font-size:6pt;
    font-weight:bold;
}
.app-devtext {
    font-size:6pt;
}
.app-dspnone {
    display:none;
}
.bhy-navbar {
    background-color: var(--bphy-mcolwhite);
    border-bottom:solid 1px #ddd;
}
.app-margintop-70 {
    z-index:10;
    margin-top:70px;
    padding: 0px 15px 100px 15px;
}
.app-margintop-100 {
    z-index:10;
    margin-top:100px;
    padding: 0px 15px 100px 15px;
}
.bphy-w100 {
    width:100%;
    height:90px;
    text-align:center;
    font-size:9pt;
}
.bphy-w100-selected {
    background-color: var(--bphy-mcolblue) !important;
    border-color: var(--bphy-mcolblue) !important;
    text-decoration: underlined;
}
.bphy-logomenu {
    position: absolute;
    bottom: 0;
    margin-left: -15px;
    width: 100%;
}

.bphy-col5 { float:left; width: 5%; }
.bphy-col10 { float:left; width: 10%; }
.bphy-col15 { float:left; width: 15%; }
.bphy-col20 { float:left; width: 20%; }
.bphy-col25 { float:left; width: 25%; }
.bphy-col30 { float:left; width: 30%; }
.bphy-col35 { float:left; width: 35%; }
.bphy-col40 { float:left; width: 40%; }
.bphy-col45 { float:left; width: 45%; }
.bphy-col50 { float:left; width: 50%; }
.bphy-col55 { float:left; width: 55%; }
.bphy-col60 { float:left; width: 60%; }
.bphy-col65 { float:left; width: 65%; }
.bphy-col70 { float:left; width: 70%; }
.bphy-col75 { float:left; width: 75%; }
.bphy-col80 { float:left; width: 80%; }
.bphy-col85 { float:left; width: 85%; }
.bphy-col90 { float:left; width: 90%; }
.bphy-col95 { float:left; width: 95%; }
.bphy-col100 { float:left; width: 100%; }

.bphy-line { display: flex; }
.bphy-line:after { clear: both; }

.bphy-checkbox-readonly {
   background-color:#ddd !important;
   accent-color: #ddd;
}
.bphy-list-group-item {
    padding:20px;
}
.bphy-indication-top {
    z-index:800;
    width:100%;
    position:fixed;
    background-color:#fff;
    margin-left:-15px;
    margin-right:-15px;
    padding-top:20px;
    padding-left:15px;
    padding-right:15px;
    top:73px;
    height:50px;
}