/* put your own styles to customize and override the theme */
:root {
    --blue: #1A67F0;
    --indigo: #346CB0;
    --purple: #5F4B8B;
    --pink: #B76BA3;
    --red: #EA6759;
    --orange: #EC935E;
    --yellow: #F7C46C;
    --green: #A7C796;
    --teal: #00A28A;
    --cyan: #3686A0;
    --white: #ffffff;
    --gray: #888c9b;
    --gray-dark: #222230;
    --primary: var(--indigo);
    --secondary: #f6f7f9;
    --success: #00A28A;
    --info: #1A67F0;
    --warning: #F7C46C;
    --danger: var(--red);
    --light: #f6f7f9;
    --dark: #222230;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Fira Sans", "Helvetica Neue", "Apple Color Emoji", sans-serif;
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.text-blue {
    color: #1A67F0 !important;
}

a.text-blue:hover,
a.text-blue:focus {
    color: #1456ca !important;
}

.bg-blue {
    background-color: #1A67F0 !important;
}

a.bg-blue:hover,
a.bg-blue:focus,
button.bg-blue:hover,
button.bg-blue:focus {
    background-color: #1456ca !important;
}

.tile.bg-blue {
    background-color: #1A67F0 !important;
}

a.tile.bg-blue:hover,
a.tile.bg-blue:focus {
    background-color: #1456ca !important;
}

.ql-editor .ql-bg-blue {
    background-color: #1A67F0;
}

.payment-form-header {
    border-top-width: 3px !important;
}

.payment-form-header-sale {
    border-top-color: #1A67F0 !important;
}

.payment-form-header-purchase {
    border-top-color: #5F4B8B !important;
}

.payment-form-sale .fa-magic-wand-sparkles,
.payment-form-sale .fa-question-circle,
.payment-form-sale .fa-info-circle {
    color: #1A67F0 !important;
}

.payment-form-purchase .fa-magic-wand-sparkles,
.payment-form-purchase .fa-question-circle,
.payment-form-purchase .fa-info-circle {
    color: #5F4B8B !important;
}

.table-danger,
.table-danger > th,
.table-danger > td {
    background-color: #f5c6cb;
}

.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody + tbody {
    border-color: #ed969e;
}

.table-hover .table-danger:hover {
    background-color: #f1b0b7;
}

.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
    background-color: #f1b0b7;
}

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

.btn-danger:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130;
}

.btn-danger:focus, .btn-danger.focus {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130;
    box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}

.btn-danger.disabled, .btn-danger:disabled {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #bd2130;
    border-color: #b21f2d;
}

.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}

.btn-outline-danger {
    color: #dc3545;
    border-color: #dc3545;
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

.btn-outline-danger:focus, .btn-outline-danger.focus {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-outline-danger.disabled, .btn-outline-danger:disabled {
    color: #dc3545;
    background-color: transparent;
}

.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.badge-danger {
    color: #fff;
    background-color: #dc3545;
}

a.badge-danger:hover, a.badge-danger:focus {
    color: #fff;
    background-color: #bd2130;
}

a.badge-danger:focus, a.badge-danger.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.alert-danger hr {
    border-top-color: #f1b0b7;
}

.alert-danger .alert-link {
    color: #491217;
}

.list-group-item-danger {
    color: #721c24;
    background-color: #f5c6cb;
}

.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
    color: #721c24;
    background-color: #f1b0b7;
}

.list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #721c24;
    border-color: #721c24;
}

.bg-danger {
    background-color: #dc3545 !important;
}

a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
    background-color: #bd2130 !important;
}

.border-danger {
    border-color: #dc3545 !important;
}

.text-danger {
    color: #dc3545 !important;
}

a.text-danger:hover, a.text-danger:focus {
    color: #a71d2a !important;
}

.ql-size-small {
    font-size: 0.75rem !important;
}

.ql-size-large {
    font-size: 1.5rem !important;
}

.ql-size-huge {
    font-size: 2.5rem !important;
}

.quill-content p {
    margin-bottom: 0;
}

.rounded-xl {
    border-radius:1rem;
}

.font-size-xl {
    font-size: 1.5em;
}

.font-size-xxl {
    font-size: 2em;
}