.padding-top-20 {
    padding-top: 20px;
}

table.log th, table.log td {
    padding: 3px 6px;
}

table.log thead th {
    background: #555;
    color: #fff;
}

table.log tbody tr:nth-child(odd) {
    background: #fff;
}

table.log .text-center {
    text-align: center;
}

.d-flex {
    display: flex;
}

.flex-justify {
    justify-content: space-between;
}

.flex-align-center {
    align-items: center;
}

.red {
    color: #c00 !important;
}

.green {
    color: green !important;
}

.lh-inherit {
    line-height: inherit;
}

.input-text {
    width: 100%;
}

.api-correct {
    border: 2px solid green !important;
}

.api-incorrect {
    border: 2px solid red !important;
}


.button-fox {
    display: inline-flex;
    border: 1px solid gray;
    border-radius: 3px;
    padding: 5px;
    justify-content: center;
}

.button-foxdeli-label-print {
    display: inline-flex;
    border: 1px solid #888;
    border-radius: 3px;
    width: 40px;
    height: 40px;
    margin: 3px;
    justify-content: center;
    align-items: center;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
    transition: all 200ms;
}

.button-foxdeli-label-print.active {
    background: #888;
    color: white;
    font-weight: bold;
}

#foxdeliCancelDelivery {
    text-decoration: none;
    margin-left: 5px;
}

.monitored-delivery {
    /*border: 1px solid darkgreen;
    background-color: green;
    color: white;*/
    font-size: 18px !important;
    color: darkgreen !important;
    border-radius: 4px;
    padding: 3px 6px;
}

/* Loading.io */
.lds-dual-ring {
    display: inline-block;
    width: 16px;
    height: 16px;
}
.lds-dual-ring:after {
    content: " ";
    display: block;
    width: 10px;
    height: 10px;
    margin: 3px;
    border-radius: 50%;
    border-width: 3px;
    border-style: solid;
    border-color: #2271b1 transparent #2271b1 transparent;
    animation: lds-dual-ring 1.2s linear infinite;
}

form .form-table select, form .form-table input {
    width: 50%;
}

@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}