@media only screen and (max-width: 767px) {
    #beregnerContainer
    {
        width: 100%;
        margin: 0 auto;
    }
    
    
    .nextButtonContainer
    {
        width: 100%;
        display: flex;
        justify-content: flex-end; /* Aligns button to the right */
        padding: 10px;
    }
    
    
    .nextAndPrevButtonContainer
    {
        width: 100%;
        display: flex;
        justify-content: space-between; /* Button on both left and right */
        padding: 10px;
    }
    
    .forminputerror
    {
        background-color: #fff6f6 !important;
        border-color: #e0b4b4 !important;
        color: #9f3a38 !important;
        box-shadow: none !important;
    }
    
    #tblTrophyMountings .mountingCell
    {
        width: 300px;
    }
    
    #tblTrophyMountings .countcell
    {
        width: 100px;
    }
    
    #tblTrophyMountings .pricecell
    {
        width: 200px;
    }
    
    #tblTrophyMountings .pricecell .input input {
        text-align: right !important;
    }
    
    
    #tblTrophyList .mountingName
    {
        margin-left:30px;
    }
    
    
    #tblTrophyList tfoot th
    {
        font-weight: bold;
    }
    
    .removetrophyicon
    {
        cursor:pointer !important;
    }
    
    .calculation-total-border-top
    {
        border-top: 2px solid black !important;
    }
    
    .font-bold
    
    {
        font-weight: bold !important;
    }
    
    
    #chkExportPermit
    {
        margin-top:10px;
    }
    
    #calculationTable
    {
        margin-bottom:2px !important;
        font-size: 10px;
    }
    
    
    #divCalculationCompanyInfo
    {
        font-size: 10px;
        text-align: center;
        margin-top:15px;
    }
    
    #calculationCustomerInformationCalculationIDHeader
    {
        margin-top:10px;
    }
    
    #divCalculationReference
    {
        font-size: 12px;
        text-align: center;
        font-size: 10px;
    }
    

    
    
    .ui.basic.labeled.icon.button>.icon, .ui.basic.labeled.icon.buttons>.button>.icon
    {
    background-color: transparent !important;
    }
    
    
    
    .margintop10
    {
        margin-top: 10px !important;
    }
    
    
    .animalcitestext{
        color:blue !important;
    }
    
    #tblTrophyMountings > tbody > tr > td:nth-child(3) > div > input
    
    {
        width: 100px;
    }

    .mobilebuttonwidth100{
        width: 100% !important;
    }


.hideonmobile
{
    display: none !important;
}

.endbuttonsdiv
{
    text-align: center;;
}

.endbutton
{
    margin-bottom:8px !important;

}

.ui.search.dropdown .menu {
    max-height: 30rem !important
}

#calculationSettingsColumn
{
    padding-top:0px !important;
}

.animalelementvalueleft{

    display: inline;
    margin-left:45px;
  }
  
.animalelementvalueright {
    float: right;
 
     display: inline;
  } 
.trophylistfooter{

    border-top: 1px solid black;
}


#modalSelectMounting
{

    
    
}

}