/* CSS Variables */
:root {
    --success-text-color: rgb(33, 122, 68); /* color: rgb(39, 144, 81) <-- Not enough contrast a against background of var(--success-text-background) for WCAG */
    --success-text-background: rgb(227, 247, 235);
}

/* WCAG: Insufficient color contrast buttons with secondary color */
.btn-secondary {
    background-color: var(--secondary);
    border-color: var(--secondary);
}

/* WCAG: Insufficient color contrast on outline secondary color buttons */
.btn-outline-secondary {
    color: var(--secondary);
    border-color: var(--secondary);
}

/* WCAG: Insufficient color contrast on outline secondary color buttons on hover */
.btn-outline-secondary:hover {
    border-color: var(--secondary);
    background-color: var(--secondary);
}

/* WCAG: Insufficient color contrast on outline secondary color link buttons on hover */
a.btn.btn-outline-secondary:hover {
    opacity: 1;
}

/* WCAG: Insufficient color contrast on outline secondary color buttons */
.btn-outline-secondary:not(:disabled):not(.disabled):active, 
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
    background-color: var(--secondary);
    border-color: var(--secondary);
}

/* WCAG: Insufficient color contrast on table text color */
.table {
    color: var(--secondary);
}

/* WCAG: Insufficient color contrast on table text color for grouping rows */
.table tr.dtrg-group {
    color: #656672;
}

/* WCAG: Insufficient color contrast on delete button icons */
.btn-outline-danger {
    color: var(--danger);
    background-color: #fff;
    border-color: var(--danger);
}
/* WCAG: Insufficient color contrast on delete button icons on hover */
.btn-outline-danger:hover {
    color: #fff;
    background-color: var(--danger);
    border-color: var(--danger);
}

/* WCAG: Insufficient color contrast on badges with danger color */
.badge-danger {
    background-color: var(--danger);
}

/* WCAG: Insufficient color contrast on disabled long text area inputs */
.longtext-textarea.ql-disabled {
    color: #606970 !important;
}

/* WCAG: Insufficient color contrast on record feed comment datetime */
.comment-box .text-gray-500 {
    color: #70717d !important;
}

/* WCAG: Insufficient color contrast on primary buttons not using var(--primary) */
.btn-primary {
    background-color: var(--primary);
    border-color: var(--primary);
}

.btn-primary:hover {
    background-color: color-mix(in srgb, var(--primary) 60%, black);
    border-color: color-mix(in srgb, var(--primary) 60%, black);
}

/* WCAG: Insufficient color contrast on ref drop down results */
.select2-container--bootstrap4 .select2-results__option--highlighted, 
.select2-container--bootstrap4 .select2-results__option--highlighted.select2-results__option[aria-selected="true"] {
    background-color: var(--primary);
}

/* date picker: cells with prior days have too low of contrast */
.datepicker table tr td.new, .datepicker table tr td.old {
    color: #747474 !important;
}

/* Improve color contrast on Error pages when code is displayed */
p code {
    color: #d1377e;
}

/* Override background color of login screen */
.bg-primary {
background-color: #03617A !important;
}

/* Remove redundant bottom margin on related list elements, given that the iFrames already have bottom margin */
.main-content .content div.mb-4:not(.card):not(:first-of-type) {
    margin-bottom: 0 !important;
}

/* Reduce the top margin of show section fields on detail views */
.detail-view-detail-inner h5.font-weight-bold.mt-4 {
    margin-top: .75rem !important;
}
/* Sections are bolder */
h5{
    color: var(--primary) !important;
}

/* Override enum badges to make them all the same */
span.badge.text-shadow.shadow-sm:not(.badge-info):not(.badge-primary):not(.badge-warning):not(.badge-success):not(.badge-danger):not(.badge-dark):not(.badge-light):not(.badge-black):not(.badge-white) {
    color: white !important;
    background-color: var(--primary) !important;
    padding: 8px 12px !important;
    font-weight: normal !important;
    text-transform: uppercase;
    font-size: 10pt;
    border-radius: 20px;
}
span.badge.text-shadow.shadow-sm {
    text-shadow: none;
}

.shadow-sm {
    box-shadow:none !important;
}

span.badge.text-shadow.shadow-sm:not(.badge-info):not(.badge-primary):not(.badge-warning):not(.badge-success):not(.badge-danger):not(.badge-dark):not(.badge-light):not(.badge-black):not(.badge-white) {
    color: white !important;
    background-color: var(--primary) !important;
    padding: 8px 12px !important;
    font-weight: normal !important;
    text-transform: uppercase;
    font-size: 10pt;
    border-radius: 20px;
}

.badge-dark {
    color: white !important;
    background-color: var(--primary) !important;
    padding: 8px 12px !important;
    font-weight: normal !important;
    text-transform: uppercase;
    font-size: 10pt;
    border-radius: 20px;
}

.badge-info {
    color: white !important;
    background-color: var(--primary) !important;
    padding: 8px 12px !important;
    font-weight: normal !important;
    text-transform: uppercase;
    font-size: 10pt;
    border-radius: 20px;
}

.badge-success {
    color: white !important;
    background-color: var(--primary) !important;
    padding: 8px 12px !important;
    font-weight: normal !important;
    text-transform: uppercase;
    font-size: 10pt;
    border-radius: 20px;
}

.badge-warning {
    color: white !important;
    background-color: var(--primary) !important;
    padding: 8px 12px !important;
    font-weight: normal !important;
    text-transform: uppercase;
    font-size: 10pt;
    border-radius: 20px;
}





/******* WIZARD DIVIDER  *******/
.divider {
background-color:#ced4da !important;
margin-top:10px !important}

/******* HORIZONTAL RULE *******/
 hr {

    border-top: 1px solid #cccccc;
}

#id_save_help_text p {
    font-size: 16px !important;
    color: var(--success-text-color) !important;
    text-align: center !important;
    background: var(--success-text-background) !important;
    border-radius: 10px !important;
    padding-top:15px !important;
    padding-bottom:15px !important;
    padding-left:5% !important;
    padding-right:5% !important;
}

#save_help_text_div > div > p:nth-child(2) {
    font-size: 16px !important;
    color: var(--success-text-color) !important;
    text-align: center !important;
    background: var(--success-text-background) !important;
    border-radius: 10px !important;
    padding-top:15px !important;
    padding-bottom:15px !important;
    padding-left:5% !important;
    padding-right:5% !important;
}
#id_position {
    min-height: 600px !important;
}
/****** SEND MAIL BUTTON *******/
.send-mail-btn {
    background-color:#0165e1 !important;
    border:0px !important;
    padding-left:20px !important;
    padding-right:20px !important;
}