/* 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: #0e3f75 !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 padding on card bodies (detail views) */
.main-content .content div.card div.card-body {
    padding-top: .25rem;
}

/* 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 HELP TEXT STYLING ********/
#id_save_and_continue_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_and_continue_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;
}

#help_text_application_steps_div > div > p:nth-child(2) {
    text-align:center !important;
    font-size:24px !important;
    margin-top:15px !important;
    color: var(--primary) !important;
    margin-left:15% !important;
    margin-right:15% !important;
}

#id_help_text_application_steps > p {
        text-align:center !important;
    font-size:24px !important;
    margin-top:15px !important;
    color: var(--primary) !important;
    margin-left:15% !important;
    margin-right:15% !important;

}
#help_text_referenced_prior_version_div{
    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-left:5% !important;
    padding-right:5% !important;
    padding-bottom:0px!important;
}

.card-header {
    background-color:rgb(238, 242, 245);
    margin-bottom:15px;
}

/******* QUICK LINKS ********/
.quick-link {
    border:none !important;
}

.quick-link:hover {
border:none !important;
}

.quick-link-label {
    color:#0165E1 !important;
}

.quick-link-icon-container {
    background:transparent !important;
}

.quick-link-icon-container i {
    color:#0165E1 !important;
}

/********* CUSTOM BUTTONS ********/

.btn-outline-secondary {
    background-color:white;
}

.detail-view-buttons.btn-group.btn-group-sm.float-right.bg-white {
  background-color: transparent !important;
}

a:has(.SignHere) {
  background-color: #0165e1 !important;
  color:white !important;
  border-radius: 30px !important;
  border-color: #0165e1 !important;
  width:200px !important;
  margin-right:10px !important;
}

a:has(.SendSignatureRequest) {
  background-color: #0165e1 !important;
  color:white !important;
  border-radius: 30px !important;
  border-color: #0165e1 !important;
  width:250px !important;
  margin-right:10px !important;
}

a:has(.SubmittoDYSforReview) {
  background-color: #0165e1 !important;
  color:white !important;
  border-radius: 30px !important;
  border-color: #0165e1 !important;
  width:250px !important;
  margin-right:10px !important;
}

a:has(.RequestAmendment) {
    border-radius: 30px !important;
    border-color: #0165e1 !important;
    width:250px !important;
    margin-right:10px !important;
}

a:has(.ActivateUser) {
  background-color: #0165e1 !important;
  color:white !important;
  border-radius: 30px !important;
  border-color: #0165e1 !important;
  width:200px !important;
  margin-right:10px !important;
}


a:has(.GenerateDocument) {
  color:#0165e1 !important;
  border-radius: 30px !important;
  border-color: #0165e1 !important;
  width:200px !important;
  margin-right:10px !important;
}

a:has(.GenerateDocument):hover {
  color:white !important;
  background-color:#0165e1 !important;;
  border-radius: 30px !important;
  border-color: #0165e1 !important;
  width:200px !important;
  margin-right:10px !important;
}

a:has(.RegenerateDocument) {
  color:#0165e1 !important;
  border-radius: 30px !important;
  border-color: #0165e1 !important;
  width:200px !important;
  margin-right:10px !important;
}

a:has(.RegenerateDocument):hover {
  color:white !important;
  background-color:#0165e1 !important;;
  border-radius: 30px !important;
  border-color: #0165e1 !important;
  width:200px !important;
  margin-right:10px !important;
}

a:has(.SubmitApplication) {
  background-color: #0165e1 !important;
  color:white !important;
  border-radius: 30px !important;
  border-color: #0165e1 !important;
  width:200px !important;
  margin-right:10px !important;
}

a:has(.SubmitforReview) {
    background-color: #0165e1 !important;
    color:white !important;
    border-radius: 30px !important;
    border-color: #0165e1 !important;
    width:200px !important;
    margin-right:10px !important;
  }

#display_3c8cdd1c-df37-4cd6-8c2d-df723c8704b4 {
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;
}


/******** PROGRAM OUTCOMES QUESTION AND ANSWER STYLE *******/
#program_description_wizardtab #bureau_program_definition_div > div > label {
display:none !important;
}

#program_description_wizardtab #id_bureau_program_definition {
    color: var(--success-text-color) !important;
    background: var(--success-text-background) !important;
    padding-top:15px !important;
}


#program_description_wizardtab #bureau_question_1_body_div {
margin-bottom:-20px !important;
}

#program_description_wizardtab #response_question_1_div > div > label {
display:none !important;
}

#program_description_wizardtab #bureau_question_2_body_div {
margin-bottom:-20px !important;
}

#program_description_wizardtab #response_question_2_div > div > label {
display:none !important;
}

#program_description_wizardtab #bureau_question_3_body_div {
margin-bottom:-20px !important;
}

#program_description_wizardtab #response_question_3_div > div > label {
display:none !important;
}

#program_description_wizardtab #bureau_question_4_body_div {
margin-bottom:-20px !important;
}

#program_description_wizardtab #response_question_4_div > div > label {
display:none !important;
}

#program_description_wizardtab #bureau_question_5_body_div {
margin-bottom:-20px !important;
}

#program_description_wizardtab #response_question_5_div > div > label {
display:none !important;
}

#program_description_wizardtab #bureau_question_6_body_div {
margin-bottom:-20px !important;
}

#program_description_wizardtab #response_question_6_div > div > label {
display:none !important;
}

#program_description_wizardtab #bureau_question_7_body_div {
margin-bottom:-20px !important;
}

#program_description_wizardtab #response_question_7_div > div > label {
display:none !important;
}

#program_description_wizardtab #bureau_question_8_body_div {
margin-bottom:-20px !important;
}

#program_description_wizardtab #response_question_8_div > div > label {
display:none !important;
}

#program_description_wizardtab #bureau_question_9_body_div {
margin-bottom:-20px !important;
}

#program_description_wizardtab #response_question_9_div > div > label {
display:none !important;
}

/****** SEND MAIL BUTTON *******/
.send-mail-btn {
    background-color:#0165e1 !important;
    border:0px !important;
    padding-left:20px !important;
    padding-right:20px !important;
}

/******* APPLICATION DEFICIENCY SUMMARY *********/

#display_8db746cb-cbe3-4c6a-b00a-fb0b7b099d51 {
    margin-top:6px!important;
    margin-bottom:10px!important;
    color: #721c24 !important;
    background-color: #f8d7da !important;
    border-color: #f5c6cb !important;
    padding:10px !important;
    border-radius:6px !important;
    display:block !important;
}

/******* no big gap when using the break in a detail view ********/
.blank-class {
    height:0px !important;
}

body {
    color:#444444 !important;
}