html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

html {
    position: relative;
    min-height: 100%;
}

.margin-top {
    margin-top: 15px;
}

.margin-top-2x {
    margin-top: 30px;
}

.btn {
    border-radius: 20px;
    box-shadow: -1px 3px 5px #888888;
}

.form-control {
    border-radius: 20px;
}

.btn-primary {
    background-color: black !important;
    border-color: black !important;
}

.btn-primary:hover {
    background-color: #952828 !important;
    border-color: #952828 !important;
}

.full-width {
    width: 100% !important;
}

@media (min-width: 768px) {
    .nav-icon {
        width: 15%;
    }
}

.table-striped > tbody > tr:nth-of-type(odd) {
    color: #858796;
}

.input-group > .input-group-prepend {
    flex: 0 0 33%;
}

.input-group .input-group-text {
    width: 100%;
}

.swal2-styled.swal2-confirm {
    background-color: rgb(211,203,3) !important;
}

.dropdown-menu[data-bs-popper] {
    left: auto;
}

.form-check-input:checked {
    background-color: black !important;
    border-color: black !important;
}

.form-check-input {
    width: 3em !important;
    height: 3em !important;
    position: relative !important;
    margin: 0 !important;
}

.product-edit-photo {
    height: 100px;
    width: 100px;
    margin: 15px 5px 0 5px;
}

.margin-bottom {
    margin-bottom: 15px;
}

.table-btn {
    margin-left: 5px;
}

.option-remove {
    box-shadow: none !important;
}

.no-border-radius {
    border-radius: 0 !important;
}

.no-padding {
    padding: 0 !important;
}

#accordionSidebar .nav-item:hover {
    background-color: #952828;
}

.edit, .delete, .edit-range, .delete-range {
    margin-left: 5px;
}

.text-justify {
    text-align: justify;
}

.draggable {
    cursor: move;
}