.pt-20{
    padding-top: 20px;
}
.table td, table th{
    padding: 2px;
}
.p-10{
    padding: 10px;
}
.pl-10{
    padding-left: 10px
}
.heading{
    padding: 5px;
}
.petraBlue{
    color: rgb(42, 60, 116);
}
.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active, .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active{
    background-color: rgb(42, 60, 116);
}

.card-primary.card-outline{
    border-top: 3px solid rgb(42, 60, 116);
}
.card-footer{
    background-color: rgb(42, 60, 116);
}
.py-2{
    padding-left: 10px;
    padding-right: 10px;
}
.delete{
    color: red;
}
.delete:hover{
    cursor: pointer;
}
.edit{
    color: rgb(42, 60, 116);
}
.edit:hover{
    cursor: pointer;
}
.inspectionsIcons{
    float: right;
    height: 30px;
    margin-right: 10px;
}
.inspectionsIconsLeft{
    float: left;
    height: 30px;
    margin-right: 10px;
}
.compHead{
    background-color: rgb(0,151,157);
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 3px;
    color: white;
}
.totals{
    padding: 2px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 18px;
    border-radius: 3px;
    color: white;
}
.thumbnail{
    height: 55px;
    border-radius: 10px;
    border: solid rgb(0,151,157) 2px;
}
.thumbnail:hover{
    cursor: pointer;
}
.fragmentTable{
    background-color: lightgray;
}
.fragmentTableTr{
    background-color: rgba(211, 211, 211, 0.496);
}
.compositionTable{
    background-color: rgb(0,151,157);
    color: white;
}
.compositionTableTr{
    background-color: rgba(0,151,157,0.2);
}
.commonTable{
    background-color: rgb(42, 60, 116);
    color: white;
}
.commonTableTr{
    background-color: rgba(42, 60, 116,0.2);
}
.levelInfo{
    background-color: green;
    color: white;
}
.levelInfoTr{
    background-color: rgba(0, 128, 0, 0.248);
}