html{
    scroll-behavior: smooth;
}
body, .ui-widget{
    font-size: 14px;
    font-family: 'Open Sans',sans-serif !important;
    font-weight: 500;
    color: #686868;
    background: #ffffff;
    overflow-x: hidden;
}
.h3{
    font-size: 160% !important;
    line-height: 150% !important;
    text-transform: uppercase !important;
    font-weight: 800 !important;
}
.small{
    font-size: 65% !important;
    line-height: 150% !important;
    text-transform: uppercase !important;
    font-weight: 800 !important;
}
.headertop {
    background-color:#fbfbfb;
    min-height: 30px;
    margin-top: 10px;
}
.headerlogo{
    height:100px;
    max-height: 100px;
    margin-top: 10px;
    
}
.menubar{
    background-color: #155ba3;
    min-height: 45px;
    color:whitesmoke;
    offset: 10px;
}
a.menubar:hover{
    color:rgb(241, 250, 250);
    background-color: brown;
}
.menubar.btn{
    color:whitesmoke;
}
.maintitle{
    font-weight: 700;
    font-size:24px;
    color: black;
    line-height: 150%;
    text-transform: uppercase;
    border-top: 1px dotted rgb(97, 97, 102);
    border-bottom: 1px dotted rgb(97, 97, 102);
}
.subtitle{
    font-weight: 650;
    font-size:large;
    /*border-top: 1px dotted rgb(97, 97, 102);
    border-bottom: 1px dotted rgb(97, 97, 102);*/
}
.footer{
    background-color: rgb(54, 51, 51);
    color:#fbfbfb;
    font-size:small;
    
}
.bootstrap5-required{
    
    color:blue;
}

.bootstrap5-error, .invalid-feedback{
    font-weight: 650;
    font-size: large;
    color:red !important;
}

.mytabledata{
    overflow-x:scroll !important;
    overflow-y:hidden !important;
    white-space: nowrap !important;
    width: 100%;
}
.form-control{
    font-size:105% !important;
    color:darkblue !important;
    border:1px solid #2525ba !important;
}
.link{
    color: rgb(0, 68, 255) !important;
}
.disabled-link {
    pointer-events: none;
    opacity: 0.5;
  }