@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap");
* {
        text-rendering: geometricprecision;
        font-family: "Roboto Condensed", sans-serif;
        font-size: 14px;
}
:root{
        --body-width: 1140px;
}
body {
        margin: 0 auto;
        padding: 0;
}
.mb-2 {
        margin-bottom: 0.5rem!important;
        display: flex;
        width: 75%;
}
a {
        color: #424242;
        font-size:14px;
        font-family: "Roboto Condensed", sans-serif;
        text-decoration: none;
}
img {
        border: medium none;
}
.MainStructure {
        text-align: center;
        background: #fff url("images/top.jpg") repeat-x center top;
}
.MainStructure .TopBanner {
        margin: 0 auto;
        position: relative;
        width: 100%;
}
.MainStructure .TopBar {
        text-align: justify;
        width: 100%;
        position: relative !important;
}
.MainStructure .ContentBanner {
        position: relative;
        width: 100%;
        z-index: 0;
        background: url(images/bg.jpg) no-repeat 0 0;
}
.MainStructure .MainContent {
        background: #fff none repeat scroll 0 0;
        margin: 0 auto;
        padding: 10px;
        vertical-align: top;
        width: var(--body-width);
        /*border-collapse: inherit;
        box-shadow: 0px 1px 2px #33333333;*/
        padding-bottom: 0;
}
.MainStructure .LeftBar {
        padding: 15px 15px 0 15px ;
        text-align: justify;
        vertical-align: top;
}
.MainStructure .ContentBar {
        padding:0;
        text-align: justify;
        vertical-align: top;
}
#ContentBar{
	padding: 15px 15px 0 0px ;
}
.MainStructure .FooterBanner {
        /* background: #ddd url("images/f.png") repeat-x scroll center top; */
        margin: 10px auto 0;
        text-align: center;
        width: 100%;
        background: white;
        text-align: center;
        color: #000;
   
        overflow:hidden;
}
.MainStructure .FooterBar {
        width: 100%;
        margin: 0px auto 0;
        padding: 10px 0;
        padding-top: 5px;
}
.MainStructure .MainContent, .LeftBar, ::after, ::before{
        box-sizing: revert;
}
.MainStructure .MainContent  *{
        line-height: normal;
}
/*
.UIFooterControl > table {
        max-width: var(--body-width) !important;
}*/

@media only screen and (max-width: 768px) {
        .MainStructure .MainContent{
                padding: 10px 0;
        }
        .ListControl .mb-2 {
                margin: 0 !important;
                padding-left: 5px;
                display: inherit;
        }
}
::-webkit-scrollbar {
        width: 4px;
        height: 4px;
}
::-webkit-scrollbar-track {
        background: #c0c0c03d;
        border-radius: 0;
}
::-webkit-scrollbar-thumb {
        border-radius: 3px;
        background: #6c757d1c;
}