/*********** Table of Contents ***********
    1.0: Buttons
    2.0: Forms
    3.0: Froala
    4.0: Input
    5.0: Generic HTML
    6.0: Page-Specific
*****************************************/

/***************************/
/****** 1.0 - Buttons ******/
/***************************/
.btn-primary {
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    /*padding: 10px 50px;*/  /*to big in mobile*/
    background: #444444;
    border: none;
    color: white;
    box-shadow: inset 0px 3px 7px -2px #000000;
    outline-color: var(--background-primary-accent-color);
    text-decoration: none !important;
}
    .btn-primary:hover {
        background: var(--background-primary-accent-color);
        box-shadow: none;
        color: white;
    }
    .btn-primary a {
        color: white;
    }
        .btn-primary a:hover {
            color: white;
            text-decoration: none;
        }

.btn-secondary {
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    padding: 10px 50px;
    background: var(--background-primary-accent-color);
    border: none;
    color: white;
    box-shadow: inset 0px 3px 7px -2px #000000;
    outline-color: var(--background-primary-accent-color);
    text-decoration: none !important;
}
.darkMode .btn-secondary {
    color: gainsboro;
    background: tan;
    color: black;
    box-shadow: inset 0px 3px 7px -2px #000000;
    outline-color: var(--background-primary-accent-color);
}

    .btn-secondary:hover {
        background: var(--background-primary-accent-color);
        box-shadow: none;
        color: white;
        text-decoration: none !important;
    }

    .btn-secondary a {
        color: white;
    }

        .btn-secondary a:hover {
            color: white;
            text-decoration: none;
        }

.btn-danger {
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    padding: 10px 50px;
    background: firebrick;
    border: none;
    color: white;
    box-shadow: inset 0px 3px 7px -2px #000000;
    outline-color: var(--background-primary-accent-color);
    text-decoration: none !important;
}
    .btn-danger:hover {
        background: gray;
        box-shadow: none;
        color: white;
    }
    .btn-danger a {
        color: white;
    }
        .btn-danger a:hover {
            color: white;
            text-decoration: none;
        }

.btn-group-sm > .btn, .btn-sm,
.btn-sm.btn-primary {
    padding: .25rem .5rem;
}

.form-buttons {
    display:flex;
    justify-content:center;
}
    .form-buttons .btn {
        margin-left:5px;
        margin-right:5px;
    }
    .form-buttons a:hover {
        text-decoration:none !important;
    }

/***************************/
/******* 2.0 - Forms *******/
/***************************/
/*form {
    background-color: var(--background-primary-accent-color);*/
    /*linear-gradient(135deg, white, #ffffffc2)*/
/*}*/

/********************************/
/****** 5.0 - Generic HTML ******/
/********************************/
.darkMode .apa-generated-html span,
.darkMode .apa-generated-html label {
    color: tan;
}
.darkMode .apa-generated-html div.subtitle {
    color: tan;
}
.darkMode .apa-generated-html a {
    color:tan;
}
.darkMode .apa-generated-html h4 {
    color: gainsboro;
}
.darkMode .apa-generated-html table {
    background-color: #444444;
}
    .darkMode .apa-generated-html table th {
        border-color: black;
        color: tan !important;
    }

    .darkMode .apa-generated-html table td,
    .darkMode .apa-generated-html table td p
    .darkMode #main-content .apa-generated-html table td,
    .darkMode #main-content .apa-generated-html table td p {
        border-color: black;
        color: gainsboro !important;
    }


.darkMode .apa-generated-html table {
    border: none;
}
    .darkMode .apa-generated-html table .odd .btn-link {
        color: tan;
    }
    .darkMode .apa-generated-html table .odd td,
    .darkMode .apa-generated-html table .odd td p
    .darkMode #main-content .apa-generated-html table .odd td,
    .darkMode #main-content .apa-generated-html table .odd td p {
        color: gainsboro !important;
    }
    .darkMode .apa-generated-html table .even td,
    .darkMode .apa-generated-html table .even td p
    .darkMode #main-content .apa-generated-html table .even td,
    .darkMode #main-content .apa-generated-html table .even td p {
        color: black !important;
    }
    .darkMode .apa-generated-html table .dataTables_info {
        color: tan;
    }

.darkMode .apa-generated-html form fieldset {
    background-color: #444444;
}
    .darkMode .apa-generated-html form label {
        color:gainsboro;
    }

.darkMode .apa-generated-html.popup-app-container {
    background-color: #111111;
}
    .darkMode .apa-generated-html.popup-app-container #main-content {
        background:#111111;
    }

.darkMode ::-webkit-calendar-picker-indicator {
    filter: invert(70%);
}

/***************************************/
/****** 6.0 - Page-Specific Fixes ******/
/***************************************/

/*==== Electronic Nominations ====*/
.darkMode .apa-generated-html .elections-styling .label {
    color: tan;
}
.darkMode .apa-generated-html .elections-styling .submissions,
.darkMode .apa-generated-html .elections-styling.breadcrumb {
    background-color: #444444;
}
    .darkMode .apa-generated-html .elections-styling .submissions .submission-name,
    .darkMode .apa-generated-html .elections-styling .submissions .none-found {
        color: gainsboro;
    }
    .darkMode .apa-generated-html .elections-styling .submissions .submission .green {
        color: lightgreen;
    }
    .darkMode .apa-generated-html .elections-styling .submissions .submission .blue {
        color: lightskyblue;
    }
    .darkMode .apa-generated-html .elections-styling ineligible-description {
        color: gainsboro;
    }
    .darkMode .apa-generated-html .elections-styling.breadcrumb a {
        color: lightgray;
    }
.darkMode .apa-generated-html .elections-styling .clearButton a {
    color: lightgray;
}
    .darkMode .apa-generated-html .elections-styling input.value {
        color: black;
    }
    .darkMode .apa-generated-html .elections-styling .value {
        color:lightgray;
    }
.darkMode .apa-generated-html .elections-styling .election-name {
    color: black;
}
.darkMode .apa-generated-html .elections-styling .contact-information {
    background-color: #444444;
    color: gainsboro;
}
    .darkMode .apa-generated-html .elections-styling .contact-information .verify-fields {
        background-color: gray;
        color: gainsboro;
    }
.darkMode .apa-generated-html .addSubmission .submission-search .by-memberInfo,
.darkMode .apa-generated-html .addSubmission .submission-search .by-name,
.darkMode .apa-generated-html .addSubmission .submission-search #dynamic-search-results {
    background-color: #444444;
}
    .darkMode .apa-generated-html .addSubmission .submission-search #dynamic-search-results h3 {
        color:tan;
    }
    .darkMode .apa-generated-html .addSubmission .submission-search #dynamic-search-results .table {
        background-color: gray;
    }
    .darkMode .apa-generated-html .addSubmission .submission-search #dynamic-search-results .table td div {
        color:gainsboro !important;
    }
.darkMode .apa-generated-html .addSubmission fieldset {
    background-color: transparent;
}
.darkMode .apa-generated-html .addSubmission select,
.darkMode .apa-generated-html .addSubmission select.value {
    background-color: gainsboro;
    color: black;
}
.darkMode .apa-generated-html .addSubmission .submission-search, .addSubmission .verify,
.darkMode .apa-generated-html .willingnessToServe .verify {
    background-color: var(--background-primary-accent-color);
}
.darkMode .apa-generated-html .addSubmission .readonly.value {
    color: gainsboro;
}
.darkMode .apa-generated-html .submissionVerification .submission-info {
    background-color: #444444;
}
.darkMode .apa-generated-html .elections-styling input.readonly {
    background-color: transparent;
}
    .darkMode .apa-generated-html .elections-styling input.readonly:focus-visible {
        outline: none;
    }
.darkMode .apa-generated-html .legend-section .legend-pill {
    color: black;
}
.darkMode .apa-generated-html .elections-styling .submissionVerification-form,
.darkMode .apa-generated-html .elections-styling .submissionVerification-form fieldset {
    background-color: transparent;
}
.darkMode .apa-generated-html .elections-styling .submissionVerification .submission-info {
    background-color: #444444;
}
.darkMode .apa-generated-html .elections-styling .willingnessToServe-form,
.darkMode .apa-generated-html .elections-styling .willingnessToServe-form fieldset {
    background-color: transparent;
}
    .darkMode .apa-generated-html .elections-styling .willingnessToServe-form .wts,
    .darkMode .apa-generated-html .elections-styling .willingnessToServe-form .coi {
        background-color: #444444;
    }
        .darkMode .apa-generated-html .elections-styling .willingnessToServe-form .wts .willingness-to-serve-text span,
        .darkMode .apa-generated-html .elections-styling .willingnessToServe-form .coi .willingness-to-serve-text span {
            color: gainsboro;
        }
        .darkMode .apa-generated-html .elections-styling .willingnessToServe-form .coi .text-center {
            color:gainsboro;
        }

/*==== Hotels ====*/
.darkMode .apa-generated-html .list-group-item {
    background-color: #444444;
}
.darkMode .apa-generated-html .hotel-container {
    background-color: gray;
}
    .darkMode .apa-generated-html .hotel-container .hotel-content .hotel-section .field i,
    .darkMode .apa-generated-html .hotel-container .field-btn i {
        color: gainsboro;
    }
        .darkMode #main-content .apa-generated-html .hotel-container .field-btn:hover i {
            color: lightgray;
        }
    .darkMode .apa-generated-html .hotel-container .hotel-menu,
    .darkMode .apa-generated-html .hotel-container .hotel-content .hotel-section {
        background-color: #444444;
    }
        .darkMode .apa-generated-html .hotel-container .hotel-menu ul li a {
            color: lightgray;
        }
        .darkMode .apa-generated-html .hotel-container .hotel-content .hotel-section .section-header .section-menu-right .menu-content i {
            color: lightgray;
        }
    .darkMode .apa-generated-html .hotel-container .field-btn {
        background-color: #2e2e2e;
    }
        .darkMode .apa-generated-html .hotel-container .field-btn:hover {
            background-color: #666666;
        }
    .darkMode #main-content .apa-generated-html .hotel-container .field-btn span {
        color: white;
    }
        .darkMode #main-content .apa-generated-html .hotel-container .field-btn:hover span {
            color: lightgray;
        }
    .darkMode .apa-generated-html .hotel-section .hotel-name .view-content,
    .darkMode .apa-generated-html .hotel-section .city-code .view-content,
    .darkMode .apa-generated-html .hotel-section .layover-type .view-content,
    .darkMode .apa-generated-html .hotel-section .sort-priority .view-content {
        color: gainsboro;
    }
    .darkMode .apa-generated-html .hotel-container .hotel-content .hotel-section .field-header {
        color: gainsboro;
    }
    .darkMode .apa-generated-html .hotel-section .multi-row-list .multi-row {
        background-color:black;
    }
    .darkMode #main-content .apa-generated-html .hotel-section .multi-row-list .multi-row h4,
    .darkMode #main-content .apa-generated-html .hotel-section .multi-row-list .multi-row .feedback-distance-label {
        color: gainsboro !important;
    }
        .darkMode .apa-generated-html .hotel-container .hotel-content .hotel-section .multi-row .mr-footer i.delete-icon,
        .darkMode .apa-generated-html .hotel-container .hotel-content .hotel-section .multi-row .mr-footer .mr-sentiment i.upvote-icon,
        .darkMode .apa-generated-html .hotel-container .hotel-content .hotel-section .multi-row .mr-footer .mr-sentiment i.downvote-icon {
            color: gainsboro;
        }
            .darkMode .apa-generated-html .hotel-container .hotel-content .hotel-section .multi-row .mr-footer .mr-sentiment i.upvote-icon:hover {
                color:steelblue;
            }
            .darkMode .apa-generated-html .hotel-container .hotel-content .hotel-section .multi-row .mr-footer i.delete-icon:hover,
            .darkMode .apa-generated-html .hotel-container .hotel-content .hotel-section .multi-row .mr-footer .mr-sentiment i.downvote-icon:hover {
                color: firebrick;
            }

    .darkMode .apa-generated-html .hotel-container .truncate-content.multi-row-list:before {
        background: linear-gradient(transparent 380px, #444444);
    }

.darkMode .apa-generated-html #pop-up-container #pop-up-froala,
.darkMode .apa-generated-html #pop-up-container #pop-up-content,
.darkMode .apa-generated-html #pop-up-feedback-container #pop-up-feedback {
    background-color:#444444;
}

.darkMode .apa-generated-html .s002 {
    background:none;
}
.darkMode .apa-generated-html .s002 fieldset {
    background-color: transparent;
}
.darkMode .apa-generated-html .s002 legend {
    color:tan;
}
.darkMode .apa-generated-html .s002 fieldset {
    background-color: transparent;
}
.darkMode .apa-generated-html .s002 form .inner-form {
    background:rgba(255, 255, 255, 0.3);
}
    .darkMode .apa-generated-html .s002 form .inner-form .input-field {
        border-color:gray;
    }
    .darkMode .apa-generated-html .s002 form .inner-form .input-field.fourth-wrap {
        background-color:#444444;
    }
        .darkMode .apa-generated-html .s002 form .inner-form .input-field.fourth-wrap .check-header {
            color:tan;
        }

.darkMode .apa-generated-html .feedback-container .pilot-feedback p {
    color:gainsboro !important;
}

/*==== NatList ====*/
.darkMode .apa-generated-html .member-detailed-single a,
.darkMode .apa-generated-html .member-detailed-single .card-pilotName,
.darkMode .apa-generated-html .member-detailed-double a,
.darkMode .apa-generated-html .member-detailed-double .card-pilotName {
    color: tan !important;
}
    .darkMode .apa-generated-html .member-detailed-single .text-ouo a,
    .darkMode .apa-generated-html .member-detailed-double .text-ouo a {
        color: red !important;
    }
.darkMode .apa-generated-html .nat-hierarchy .card {
    background-color: #111111;
}
.darkMode .apa-generated-html .nat-hierarchy .card-header {
    background-color: #444444;
}
.darkMode .apa-generated-html .nat-hierarchy .org-unit {
    color: lightgray;
}
    .darkMode .apa-generated-html .nat-hierarchy .org-unit:focus {
        box-shadow:none;
    }
.darkMode .apa-generated-html .nat-hierarchy .accordion > .card > .card-header {
    border-color: black;
}
.darkMode .apa-generated-html .nat-hierarchy .admin-view .card-header {
    background-color: #991111;
}
.darkMode .apa-generated-html .nat-org-unit-details .orgUnit-nationalOfficers,
.darkMode .apa-generated-html .nat-org-unit-details .orgUnit-boardOfDirectors,
.darkMode .apa-generated-html .nat-org-unit-details .orgUnit-committees,
.darkMode .apa-generated-html .nat-org-unit-details .orgUnit-headquarters,
.darkMode .apa-generated-html .nat-org-unit-details .orgUnit-group {
    background-color:black;
}
.darkMode .apa-generated-html .nat-org-unit-details .header-box {
    color:tan;
    border:none;
}
.darkMode .apa-generated-html .nat-org-unit-details .card-background,
.darkMode .apa-generated-html .nat-org-unit-details .card-body {
    background-color: #444444;
}
.darkMode .apa-generated-html .nat-org-unit-details .accordion > .card {
    background-color:gray;
}
.darkMode .apa-generated-html .member-short {
    background-color: #0366d6;
}
    .darkMode .apa-generated-html .member-short span {
        color: lightgray;
    }
.darkMode .apa-generated-html .nat-org-unit-details .text-euo {
    background-color:firebrick;
}
.darkMode .apa-generated-html .nat-org-unit-details .accordion > .card .card-header button:hover,
.darkMode .apa-generated-html .nat-org-unit-details .accordion > .card .card-header span:hover {
    color: mediumblue;
}
.darkMode .apa-generated-html .member-detailed-single,
.darkMode .apa-generated-html .member-detailed-double,
.darkMode .apa-generated-html .member-singleline {
    background-color: #323232;
    color: gainsboro;
    border-color: black;
}

    .darkMode .apa-generated-html .member-detailed-single span,
    .darkMode .apa-generated-html .member-detailed-double span {
        color: gainsboro;
    }
    .darkMode .apa-generated-html .member-singleline.admin-view {
        background-color: #453232;
    }
.darkMode .apa-generated-html input:checked + .slider {
    background-color: var(--button-accent-color);
}
.darkMode .apa-generated-html .simple-form ul li {
    color: lightgray;
}
    .darkMode .apa-generated-html .simple-form ul li:hover {
        background-color: #444444;
    }
/*==== Videos ====*/
.darkMode .apa-generated-html .apa-gallery-filters .apa-tags-container .apa-tag {
    background-color: midnightblue;
    border-color: #111111;
}
.darkMode .apa-generated-html .apa-video .video-card {
    background-color: #444444 !important;
}
.darkMode .apa-generated-html .apa-video .video-info .video-title {
    background-color: #444444 !important;
    color: gainsboro !important;
}
.darkMode .apa-generated-html .apa-video .video-details {
    background-color: #444444 !important;
    color: tan;
}
    .darkMode .apa-generated-html .apa-video .video-details span {
        color: tan;
    }
.darkMode .apa-generated-html .apa-video .video-info:hover .video-title {
    color: lightgray !important;
}
.darkMode .apa-generated-html .apa-playlist .apa-thumbnails .apa-video {
    background-color: #444444;
}
.darkMode .apa-generated-html .apa-single-player .top-links {
    color: lightgray !important;
}
/*==== Volunteer App ====*/
.apa-generated-html.popup-app-container #main-content {
    min-height: initial;
    box-shadow: none !important;
}

/*====Member Info, Member Lookup, Member Update =====*/
.darkMode .apa-generated-html #memberInfo {
    background-color: #1f1f1fed;
    color: tan;
}
.darkMode .apa-generated-html #memberInfo .form-control {
    background-color: #323232bf !important;
    color: tan;
    border: none;
}
.darkMode .apa-generated-html #searchresult .search-by-container {
    background-color: #1f1f1fed;
}
    .darkMode .apa-generated-html #searchresult .search-by-container .search-by-header {
        color: gainsboro;
    }

.darkMode .apa-generated-html #searchresult .search-by-header-container {
    border-bottom: 1px solid rgba(255,255,255,.2);
}
.darkMode .apa-generated-html #searchresult table tr.even td,
.darkMode .apa-generated-html #searchresult table tr.odd td {
    color: white !important;
}

/*==== Grievance Form =====*/
.darkMode .apa-generated-html #div_GrievanceFormAccordian .card-header {
    background-color: #444444;
}
    .darkMode .apa-generated-html #div_GrievanceFormAccordian .card-header button {
        color: gainsboro;
    }

.darkMode .apa-generated-html #div_GrievanceFormAccordian#div_GrievanceFormAccordian .card-footer {
    background-color: transparent;
}
.darkMode .apa-generated-html #div_GrievanceFormAccordian .modal-content {
    background-image: linear-gradient(135deg, #4a4a4a, #000000cf);
}