// Fonts
@import url('https://fonts.googleapis.com/css?family=Nunito');

// Variables
@import 'variables';

// Bootstrap
@import '~bootstrap/scss/bootstrap';

.green {
    color: #73ce29;
}
.red {
    color: #e44a5a;
}

.status {
    border-radius: 5px;
    color: #FFF;
    text-transform: uppercase;
    font-size: 0.8em;
    font-weight: bold;
    padding: 3px 5px 2px;
    &.checked {
        background-color: #73ce29;
    }
    &.unchecked {
        background-color: #f7b542;
    }
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}
/* Firefox */
input[type=number] {
    -moz-appearance: textfield !important;
}

.otp_fields {
    display: flex;
    justify-content: center;
    & input {
        width: 60px;
        height: 60px;
        text-align: center;
        font-size: 35px;
        &:not(:last-child) {
            margin-right: 10px;
        }
    }
}

.btn-primary, .btn-danger {
    color: white;
}