﻿.failed-orders-container {
    padding: 2%;
    overflow-y: hidden;
}

.failed-orders-header {
    margin: 0.5%;
    padding: 1%;
}

.failed-orders-order {
    margin: 0.5%;
    border: 1px solid #C4C4C4;
    border-radius: 5px;
    padding: 1%;
}

.failed-orders-order-not-associated {
    background-color: #FBF0BC;
}

.failed-orders-order-associated {
    background-color: #FBC5BC;
}

.general-actions-modal {
    top: 0px;
}

.general-actions-container {
    width: 30% !important;
    float: right;
    background: transparent;
    box-shadow: none;
    margin-right: 0.2%;
}

.general-actions-header {
    height: 4vh;
}

.general-actions-header-close-button {
    width: 4vw;
    height: 4vh;
    background-color: #FFFFFF;
    cursor: pointer;
}

.general-actions-body {
    width: 100%;
    background-color: #FFFFFF;
    background-image: linear-gradient(-180deg, rgba(255,255,255,0.25) 0%, rgba(0,0,0,0.25) 100%);
    box-shadow: 0 4px 10px 0 rgba(0,0,0,0.50);
    border-radius: 5px 0 5px 5px;
    padding: 2%;
}

.general-action-button-container {
    width: 100%;
    height: 45px;
}

.general-action-button {
    width: 90%;
    height: 75%;
}

.background-round-success {
    background-color: #00FF95;
    width: 25px;
    height: 25px;
    border-radius: 15px;
}

.background-round-info {
    background-color: #00C4FF;
    width: 25px;
    height: 25px;
    border-radius: 15px;
}

.background-round-warning {
    background-color: #FFBC00;
    width: 25px;
    height: 25px;
    border-radius: 15px;
}

.background-round-error {
    background-color: #FF3B00;
    width: 25px;
    height: 25px;
    border-radius: 15px;
}

.custom-notification {
    position: relative;
    top: -20%;
    left: -30%;
    background-color: #D0011B;
    border-radius: 20px;
    width: 15px;
    height: 15px;
}

.map-container {
    width: 98%;
    height: 95%;
    background-color: #9FD0D0;
}

.custom-navigation-up {
    background-image: url('../Images/arrow scroll up.png');
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.custom-navigation-down {
    background-image: url('../Images/arrow scroll down.png');
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.custom-navigation-left {
    background-image: url('../Images/arrow scroll left.png');
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.custom-navigation-right {
    background-image: url('../Images/arrow scroll right.png');
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    cursor: pointer;
}