html {
	background-color: #eeeeee;
	font-family: 'Monda'; 
	font-weight: normal; 
	font-style: normal;
}

@font-face {
    font-family: 'Monda';
    src: url('../fonts/Monda-Regular.woff2') format('woff2'),
        url('../fonts/Monda-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Monda';
    src: url('../fonts/Monda-Bold.woff2') format('woff2'),
        url('../fonts/Monda-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

#home {
    padding: 20px;
}
.pd10 {
    padding-top: 10px;
}
.button:hover {
    cursor: pointer;
}
.border-left-bottom {
    border-left: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
}
.border-left-right-bottom {
    border-left: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    border-right: 1px solid #dadada;
}
.border-right-bottom {
    border-right: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
}
.border-bottom {
    border-bottom: 1px solid #dadada;
}
.tbl-header1 {
    background-color:#dfdfdf;
    text-transform:none!important;
}
.tbl-header2 {
    background-color:#d6d6d6;
    text-transform:none!important;
}
.tbl-data2 {
    background-color:#dfdfdf;
    text-transform:none!important;
}
.tbl-checkbox {
    width: 20px;
}
.ucase {
    text-transform:uppercase!important;
}
.red {
    color: red;
}
.green {
    color: green;
}
.tiny {
    font-size: 9pt;
}
.mw80 {
    max-width: 80px;
}
.mw120 {
    max-width: 120px;
}
.counter-small {
    width: 20px!important;
}
.text-small {
    font-size: 12pt;
}
.menu-right {
    padding-right: 25px;
}

@media screen and (max-width: 900px) {
    .pd10 {
        padding-top: 0px;
    }
    .menu-right {
        padding-right: 15px;
    }
}