.gridContainer .BoxHeading{
    background-color: #ddd;
    cursor: pointer;
    padding: 8px !important;
    width: 100%;
}
.gridContainer div:nth-child(6) tr:nth-child(odd) {
  background-color: rgba(var(--bs-gray-light-rgb));
}
.gridContainer div:nth-child(3) tr:nth-child(odd) {
  background-color: rgba(var(--bs-gray-light-rgb));
}
.gridContainer .flag{
width: auto !important;
margin-bottom: 3.5px;
}
.gridContainer table{
  border-collapse: collapse;
  width: 100%;
}
.gridContainer div:nth-child(3) td{
  text-align: left;
  padding: 8px;
}
.gridContainer div:nth-child(6) p{
  text-align: center;
  padding: 8px;
}
.gridContainer div:nth-child(6) td{
  width: 20%;
}
.gridContainer .arrow{
float: right;
}
.gridContainer .dataAlignLeft{
justify-content: right;
}
.gridContainer .dataAlignCenter{
text-align: right;
}
.gridContainer .dataAlignRight{
justify-content: right;
}

.gridContainer .arrow strong::after{
content: "\f107";
font-family: 'Font Awesome 5 Free';
}
.gridContainer .active strong::after{
content: "\f106";
font-family: 'Font Awesome 5 Free';
}
.gridContainer .addText{
display: none;
}
html{
scroll-behavior: smooth;
}
.gridContainer .gridTable{
width: 100%;
padding: 15px;
}
@media only screen and (max-device-width: 575px) {
  #fordesktop {
    display: none;
  }
}
@media only screen and (min-device-width: 576px) {
  #formobile {
    display: none;
  }
}
.gridContainer .tablecolumn20{
width: 20%;
}
#formobile .gridPlain {
display: block !important;
}
#fordesktop{
padding: 30px;
}
.righttext{
text-align: right;
}
.calcbyweigth{
padding-top: 10px;
}
#border{
border-right: 1px solid;
border-left: 1px solid;
border-color: #fff;
}