/*
quick-deposit-1.3.6
*/

.mx-125 {
    margin-left: 0.125rem;
    margin-right: 0.125rem;
}

.quick-deposit-inner-container {
    display: flex;
    flex-flow: column;
    justify-content: start;
    justify-items: start;
    color: darkgray;
}

.quick-deposit-btn {
    align-items: center;
    font-size: 15px;
    text-transform: uppercase;
    color: rgb(53, 51, 51);
    font-family: 'Open Sans';
    font-weight: 700;
    padding: 0.7rem;
    width: auto;
    border: none;
    border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px 4px 4px 4px;
    -o-border-radius: 4px 4px 4px 4px;
}

.quick-deposit-btn-sm {
    padding: 0.5rem 0.4rem;
}

.quick-deposit-btn:disabled {
    background: #999898;
    box-shadow: inset 0 -3px 0 #5f5e5e;
    cursor: not-allowed;
}

.quick-deposit-btn-default {
    background: #afb1ae;
    box-shadow: inset 0 -3px 0 #848883;
}

.quick-deposit-btn-default:hover {
    background: #848883;
}

.quick-deposit-btn-success {
    background: #1f9a0e;
    box-shadow: inset 0 -3px 0 #187a0a;
}

.quick-deposit-btn-success:hover {
    background: #187a0a;
}

.quick-deposit-btn-primary {
    background: #45d5ff;
    box-shadow: inset 0 -3px 0 #1c94b9;
}

.quick-deposit-btn-primary:hover {
    background: #1c94b9;
}

.quick-deposit-btn-secondary {
    background: #83dbf6;
    box-shadow: inset 0 -3px 0 #437c8d;
}

.quick-deposit-btn-secondary:hover {
    background: #437c8d;
}

.quick-deposit-btn-danger {
    background: #fa1511;
    box-shadow: inset 0 -3px 0 #b60704;
}

.quick-deposit-btn-danger:hover {
    background: #b60704;
}

.quick-deposit-main-row {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

.quick-deposit-left-arrow,
.quick-deposit-right-arrow {
    width: 8%;
    display: flex;
}

.quick-deposit-btn-container {
    display: flex;
    justify-content: start;
    align-items: center;
    overflow-x: auto;
    flex-wrap: nowrap;
    padding-bottom: 0.5rem;
}

.quick-deposit-inner-btn-container {
    display: flex;
    flex-wrap: nowrap;
}

.quick-deposit-setting-container {
    text-align: left;
    flex-flow: column;
    width: 16rem;
}

.quick-deposit-setting {
    margin-top: 0.5rem;
    display: flex;
    align-items: center;
}

.quick-deposit-manage {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
}

.quick-deposit-main-icon {
    width: 1.2rem;
    height: 1.2rem;
    fill: #333333;
}

.quick-deposit-manage-icon {
    width: 0.8rem;
    height: 0.8rem;
    fill: white;
}

@media only screen and (min-width: 360px) {

    .quick-deposit-left-arrow,
    .quick-deposit-right-arrow {
        display: none;
    }
}

@media only screen and (min-width: 768px) {
    .quick-deposit-btn-sm {
        padding: 0.2rem 0.4rem;
    }
}