.akcColorZone0 {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(255, 255, 255, 1);
}

.akcColorZone1 {
    color: rgba(0, 104, 55, 1);
    background-color: rgba(0, 104, 55, 1);
}

.akcColorZone2 {
    color: rgba(133, 203, 103, 1);
    background-color: rgba(133, 203, 103, 1);
}

.akcColorZone3 {
    color: rgba(249, 247, 174, 1);
    background-color: rgba(249, 247, 174, 1);
}

.akcColorZone4 {
    color: rgba(248, 141, 82, 1);
    background-color: rgba(248, 141, 82, 1);
}

.akcColorZone5 {
    color: rgba(165, 0, 38, 1);
    background-color: rgba(165, 0, 38, 1);
}

.akcLayerClass0 {
    color: rgba(8, 81, 156, 1);
    background-color: rgba(8, 81, 156, 1);
}

.akcLayerClass1 {
    color: rgba(49, 130, 189, 1);
    background-color: rgba(49, 130, 189, 1);
}

.akcLayerClass2 {
    color: rgba(107, 174, 214, 1);
    background-color: rgba(107, 174, 214, 1);
}

.akcLayerClass3 {
    color: rgba(189, 215, 231, 1);
    background-color: rgba(189, 215, 231, 1);
}

.akcLayerClass4 {
    color: rgba(239, 243, 255, 1);
    background-color: rgba(239, 243, 255, 1);
}

.akcBackgroundZone0 *, .akcBackgroundZone0.sapMBtn:hover>.sapMBtnHoverable
    {
    background: rgba(255, 255, 255, 1);
}

.akcBackgroundZone0 span.sapMBtnFocusDiv, .akcBackgroundZone1 span.sapMBtnFocusDiv,
    .akcBackgroundZone2 span.sapMBtnFocusDiv, .akcBackgroundZone3 span.sapMBtnFocusDiv,
    .akcBackgroundZone4 span.sapMBtnFocusDiv, .akcBackgroundZone5 span.sapMBtnFocusDiv
    {
    background-color: transparent;
}

.akcBackgroundZone1 *, .akcBackgroundZone1.sapMBtn:hover>.sapMBtnHoverable
    {
    background: rgba(0, 104, 55, 1);
}

.akcBackgroundZone2 *, .akcBackgroundZone2.sapMBtn:hover>.sapMBtnHoverable
    {
    background: rgba(133, 203, 103, 1);
}

.akcBackgroundZone3 *, .akcBackgroundZone3.sapMBtn:hover>.sapMBtnHoverable
    {
    background: rgba(249, 247, 174, 1);
}

.akcBackgroundZone4 *, .akcBackgroundZone4.sapMBtn:hover>.sapMBtnHoverable
    {
    background: rgba(248, 141, 82, 1);
}

.akcBackgroundZone5 *, .akcBackgroundZone5.sapMBtn:hover>.sapMBtnHoverable
    {
    background: rgba(165, 0, 38, 1);
}

.activatedButton.sapMBtn:hover>.sapMBtnHoverable {
    background: #44a12c;
}

.activatedButton .sapMBtnInner {
    background: #44a12c;
}

.activatedButton .sapMBtnIcon {
    color: #fff;
}

.legendDiv {
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: table;
    font-size: 0.9em;
}

.tableContainer {
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.65);
    color: white;
    padding: 10px 10px 5px 10px;
}

.roundButton {
    display: block;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    margin-right: 5px;
    margin-top: -4px;
    border: 2px solid #000000;
}

.selectedCircle {
    border-color: #3399CC;
}

.selectedNutrient {
    color: #3399CC;
}

.selectedNutrientTable {
    border: 1px solid #3399CC;
}

.inputField {
    width: 60px;
    background: rgba(255, 255, 255, 0.35);
    color: #FFFFFF;
    border: 0;
    padding-left: 7px;
    padding-top: 2px;
}

.inputField .deactivated {
    background: transparent;
}

.activatedButton {
    border: 3px;
    color: #3399CC;
}

.activeTable {
    color: #3399CC;
    border: 1px;
    border-color: #3399CC;
}

.informationText {
    font-size: 0.6em;
}

.rectangleBtn {
    display: block;
    width: 20px;
    height: 20px;
    margin-bottom: 4px;
}

.transparent {
    background: transparent;
    background-color: transparent;
}

.centeredText {
    text-align: center;
}

.inputFieldContainer {
    border-bottom: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
    margin: 0px 2px 0px 2px;
    padding: 0px 2px 2px 2px;
}

.headerButton {
    background-color: #cddc00;
    border-radius: 2px;
    text-align: center;
    color: #000000;
    padding: 3px 5px 2px 5px;
    margin: 0 5px 0 0;
    display: inline-block;
    cursor: pointer;
}

.headerButtonUi5>span {
    background: #cddc00;
    border-color: #cddc00;
    height: 1.36rem !important;
    margin-top: -0.06rem;
}

.headerButtonUi5:hover .sapMBtnHoverable {
    background: #cddc00;
}

.headerButtonUi5>span>span {
    color: #000000;
    margin-top: -0.14rem;
}

.listButtonUi5 {
    background-color: #44a12c;
    border-radius: 2px;
    text-align: center;
    color: #000000;
    padding: 3px 5px 2px 5px;
    display: inline-block;
}

.listButtonUi5>span {
    background: #44a12c;
    border-color: #44a12c;
}

.listButtonUi5:hover .sapMBtnHoverable {
    background: transparent;
}

.listButtonUi5>span>span {
    color: #FFFFFF;
}

.applicationInfoText {
    padding-bottom: 3px;
}

.applicationMapText {
    /* margin-top: 6px; */
}

.trHeight {
    height: 26px;
}

.tableSubHeader {
    padding-bottom: 5px;
}

.tableSubTable {
    margin-top: -13px;
}