/* *******************
******** RGAA ********
******************* */

body.dark .main.bg-white {
    background-color: var(--black)!important;
}
body.dark .main.bg-white.container.bg-transparent.bg-transparent.mini-container.position-relative {
    background: transparent!important;
}


body.dark > .bg::after {
    background-color: rgba(0,0,0,.5);
}

/* tous les éléments ayant un bg noir et texte blanc */
body.dark,
body.dark .mainnavheader,
body.dark footer.mainfooter,
body.dark .main.p-parametre,
body.dark .main.p-parametre md-content,
body.dark .card-header.bg-white {
    background-color: var(--black)!important;
    color: var(--white);
}

body.dark footer nav {
    background-color: var(--black)!important;
    color: var(--white);
}

body.dark footer nav section .menu-footer a {
    color: var(--white);
}

body:not(.dark) .main.p-parametre {
    background-color: var(--white)!important;
    color: var(--dark);
}

.mainnavheader .navbar-brand, .inscription .navbar-brand {
    display: inline-block;
    width: 250px;
}
body.dark .logoHTP span:first-of-type {
    display: none;
}
body:not(.dark) .logoHTP span:last-of-type {
    display: none;
}
body.dark input:not(#input-0),
body.dark .form-control.form--textarea,
body.dark md-autocomplete md-autocomplete-wrap {
    background: var(--dark-gray) !important;
}
body.dark input:not(#input-0)::placeholder,
body.dark .form-control.form--textarea::placeholder,
body.dark md-autocomplete md-autocomplete-wrap input::placeholder {
    color: var(--white)!important;
}

body.dark .pop-in-contact_tips .color--black,
body.dark .pop-in-contact_tips .btn p {
    color: var(--light-gray)!important;
}

body.dark .menu-secondaire-fixed aside:last-of-type a {
    color: var(--main-color_freelance) !important;
}
body.dark .menu-secondaire-fixed aside:last-of-type a .menu-secondaire-fixed__text {
    left: -219px
}

/* tous les éléments ayant un bg noir uniquement */

/* tous les elements ayant un bg transparent */
body.dark .research--result {
    background: transparent;
}

/* tous les element avec la couleur mission */
/*body.dark .maincontent .maincontent__title  {
    color: var(--main-color_mission) !important;
}*/

body.dark .mainnavheader__menu .nav-link,
body.dark .mainnavheader__menu .nav-link:hover,
body.dark #collapseMobileOnly .color-dropdown,
body.dark #collapseMobileOnly .header--dropdown,
body.dark #collapseMobileOnly .header--dropdown:hover,
body.dark .hitechLive__header--title,
body.dark .hitechLive__header--subtitle,
body.dark .btn .text,
body.dark .wrapper_svg_actions a,
body.dark .discussion__title a {
    color: var(--white)!important;
}

.mainnavheader__menu.mainnavheader__menu--offline .btn.dark-button,
.mainnavheader__menu.mainnavheader__menu--offline .btn.light-button {
    padding-top: 1rem!important;
    padding-bottom: 1rem!important;
    display: inline-flex;
    align-items: center;
}
.mainnavheader__menu.mainnavheader__menu--offline .btn.dark-button svg,
.mainnavheader__menu.mainnavheader__menu--offline .btn.light-button svg {
    margin-right: .5rem!important;
}

body.dark .text-white,
body.dark .mainnavheader__switch--inactif a,
body.dark #collapseMobileOnly .color-dropdown:hover {
    color: var(--black)!important;
}
body.dark #searchApp .text-white {
    color: var(--white)!important;
}
body.dark .bg--hitechpro-blue.text-white,
body.dark .maincontent__messagerie__header .category .category__link {
    color: var(--white)!important;
}

body.dark .bloc-profil-dispo > div,
body.dark .bloc-mission-dispo > div,
body.dark .bloc-teams > div,
body.dark .reply-context,
body.dark .donnees--vides > div,
body.dark .maincontent__profil .maincontent__block,
body.dark .maincontent__mission .maincontent__block,
body.dark .maincontent__freelance .maincontent__block,
body.dark .fake--bootstrap-modal .modal-content .block-mission,
body.dark .maincontent.maincontent__ao  .maincontent__block,
body.dark #PageContenu {
    background-color: var(--dark-gray)!important;
    box-shadow: none!important;
}

body.dark #missions tbody tr.loading td:last-of-type,
body.dark #profils tbody tr.loading td:last-of-type {
    background-color: var(--dark-gray)!important;
}

@media (max-width: 991px) {
    body.dark #collapseMobileOnly,
    body.dark #collapseMobileOnly::before {
        background-color: var(--black)
    }
}

body.dark #PageContenu {
    border-radius: 20px;
    padding: .5rem;
}
body.dark .maincontent__profil .maincontent__block,
body.dark .maincontent__mission .maincontent__block,
body.dark .maincontent__freelance .maincontent__block,
body.dark .fake--bootstrap-modal .modal-content .block-mission {
    border-radius: 20px;
}
body.dark .maincontent__profil .maincontent__subtitle,
body.dark .maincontent__profil .maincontent__block__subtitle,
body.dark .maincontent__mission .maincontent__subtitle,
body.dark .maincontent__mission .maincontent__block__subtitle,
body.dark .maincontent .maincontent__subtitle,
body.dark .maincontent .maincontent__block .maincontent__block__subtitle,
body.dark .hitechLive__header .btn,
body.dark .hitechLive__header .btn svg,
body.dark .mainhead .mainhead__subtitle {
    color: var(--white)!important;
}
body.dark .maincontent__profil .maincontent__subtitle a {
    color: var(--main-color_profil)!important;
}
body.dark .hitechLive__content :not(.btn).mission-text {
    color: var(--main-color_esn-forfait) !important;
}

body.dark .maincontent__mission .maincontent__subtitle a,
body.dark .maincontent__mission .maincontent__title--secondary {
    color: var(--main-color_mission)!important;
}

body.dark .bloc-profil-dispo h1.title_mission-profil,
body.dark .bloc-mission-dispo h1.title_mission-profil,
body.dark .reply-context,
body.dark .donnees--vides > div,
body.dark .modal-content md-dialog,
body.dark .modal-content md-dialog md-radio-button {
    color: var(--white)!important;
}

#font-size_group .btn {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--white-gray);
    padding: 5px;
    line-height: 20px;
    height: 20px;
    width: 20px;
    border-radius: 50%;
}
#font-size_group .btn.active {
    background: var(--main-color_esn-forfait);
    color: var(--main-color_esn-forfait);
    font-weight: bold;
}
body.dark .navbar-light .navbar-toggler,
body.dark .navbar-light .navbar-toggler-icon,
body.dark .navbar-light .navbar-toggler-icon svg {
    color: var(--white);
    fill: var(--white);
}

body.dark .mainnavigation #mainnavigation__wrapper.show {
    background: var(--dark-gray);
}

body.dark header .mission-text {
    color: var(--white)
;}
/* RGAA */
.size_number {
    top: 30px;
    height: 20px;
}
#font-size_group {
    position: relative;
}
#font-size_group:before {
    content: '';
    height: 4px;
    width: 100%;
    left: 0;
    position: absolute;
    top: calc(50% - 2px);
    background-color: var(--white-gray);
}
#font-size_group:has( > button.active:nth-of-type(2)):before {
    content: '';
    height: 4px;
    width: 50%;
    left: 0;
    position: absolute;
    z-index: 2;
    top: calc(50% - 2px);
    background-color: var(--main-color_freelance);
}
#font-size_group:has( > button.active:nth-of-type(2)):after {
    content: '';
    height: 4px;
    width: 50%;
    left: 50%;
    position: absolute;
    z-index: 1;
    top: calc(50% - 2px);
    background-color: var(--white-gray);
}
#font-size_group:has( > button.active:nth-of-type(3)):before {
    content: '';
    height: 4px;
    width: 100%;
    left: 0;
    position: absolute;
    z-index: 2;
    top: calc(50% - 2px);
    background-color: var(--main-color_freelance);
}
/*#font-size_group.select-font-size .btn.active:nth-of-type(2):before {
    background-color: var(--main-color_esn-forfait);
}
#font-size_group.select-font-size .btn:nth-of-type(3):before {
    z-index: 1;
    content: '';
    height: 4px;
    width: 1000%;
    right: 100%;
    position: absolute;
    top: calc(50% - 2px);
    background-color: var(--white-gray);
}
#font-size_group.select-font-size .btn.active:nth-of-type(3):before {
    background-color: var(--main-color_esn-forfait);
    width: 2000%;
}*/

body.dark .dark-button.btn-light {
    border-color: var(--main-color_esn-forfait)!important;
    border-width: 2px;
}
body:not(.dark) .light-button.btn-light {
    border-color: var(--main-color_esn-forfait)!important;
    border-width: 2px;
}

body:not(.dark) .maincontent__card,
body:not(.dark) .nav-pills .nav-link:not(.active) { 
    background: var(--white);
}

body.dark .maincontent__profil .maincontent__card__element--infos .maincontent__card__element.maincontent__card__element--subtitle,
body.dark .maincontent__mission .maincontent__card__element--infos .maincontent__card__element.maincontent__card__element--subtitle {
    color: var(--light-gray) !important;
}

body.dark .maincontent__mission .maincontent__card__element__view small,
body.dark .maincontent__mission .maincontent__card__element__available small,
body.dark .maincontent__mission .maincontent__card__element__available small {
    color: var(--main-color_mission)!important;
}
body.dark .maincontent__card__element__view span,
body.dark .maincontent__card__element__available span,
body.dark .maincontent__card__element__available span,
body.dark .modal-paragraph,
body.dark .btn--black--inverse {
    color: var(--light-gray)!important;
}
body.dark .btn--black--inverse,
body.dark .border-dark {
    border-color: var(--light-gray)!important;
}

body.dark .mainhead {
    background-color: transparent!important;
}

body.dark #MessagerieApp .maincontent__messagerie__header,
body.dark #MessagerieApp .table tbody tr,
body.dark .messagerie--listing .profil section,
body.dark .messagerie--listing .mission section,
body.dark .modal-content sinput.form-control {
    background: var(--dark-gray)!important;
}
body.dark #MessagerieApp .table {
    color: var(--light-gray)!important;
}
body.dark .messagerie--listing .profil .profil--fonction,
body.dark .messagerie--listing .profil .profil--fonction {
    color: var(--white);
}

body.dark .messagerie--listing .shadow {
    box-shadow: none !important;
  }

body.dark .maincontent__messagerie__header .category .category__link.border-bottom--profil.active {
    color: var(--main-color_mission)!important;
}
body.dark .maincontent__messagerie__header .category .category__link.border-bottom--mission.active {
    color: var(--main-color_freelance)!important;
}
body.dark .maincontent__messagerie__header .category .category__link.border-bottom--freelance.active {
    color: var(--main-color_freelance)!important;
}
body.dark .maincontent__messagerie__header .category .category__link.border-bottom--ao.active {
    color: var(--main-color_ao)!important;
}
body.dark .maincontent__messagerie__header .category .category__link.border-bottom--formation.active {
    color: var(--main-color_formation)!important;
}
body.dark .maincontent__messagerie__header .category .category__link.border-bottom--messagerie-old.active {
    color: var(--main-color_esn-forfait)!important;
}

body.dark md-autocomplete.md-default-theme, 
body.dark md-autocomplete {
    background-color: transparent;
}

body.dark .maincontent__formation .maincontent__subtitle {
    color: var(--light-gray);
}

body.dark #MsgList thead th, 
body.dark #MsgView .discussion__title.color--profil {
    background: var(--main-color_mission) !important;
    color: var(--black) !important;
}

body.dark #MsgList .table thead th:not(:first-of-type), 
body.dark #MessagerieApp .table thead th:not(:first-of-type), 
body.dark #MsgListFreelance .table thead th:not(:first-of-type), 
body.dark #MsgListDF .table thead th:not(:first-of-type) {
    border-left: 0;
  }
/*
body.dark .mission-text--title {
    color: var(--main-color_esn-forfait) !important;
}
utiliser sur les modal profil */

body.dark #MsgList .table tbody tr, 
body.dark #MessagerieApp .table tbody tr, 
body.dark #MsgListFreelance .table tbody tr, 
body.dark #MsgListDF .table tbody tr {
    background: var(--white);
}

body.dark #MsgList .table thead {
    background: transparent
}
body.dark #MsgList.table-profil thead th,
body.dark #MsgView .discussion__title.color--profil {
    background: var(--main-color_profil)!important;
    color: var(--black)!important;
}
body.dark #MsgList.table-mission thead th,
body.dark #MsgView .discussion__title.color--mission {
    background: var(--main-color_mission)!important;
    color: var(--black)!important;
}
body.dark #MsgList.table-freelance thead th,
body.dark #MsgView .discussion__title.color--freelance {
    background: var(--main-color_freelance)!important;
    color: var(--black)!important;
}
body.dark #MsgView .discussion__title {
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
}
body.dark #MsgView .discussion__title a.color--profil,
body.dark #MsgView .discussion__title a.color--mission {
    color: var(--black) !important;
}
body.dark #MsgView.messagerie--discution.discussion,
body.dark .maincontent__messagerie--rightArea .accordion > div {
    background: var(--dark-gray) !important;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    box-shadow: none!important;
}
body.dark .maincontent__messagerie--rightArea .accordion > div {
    border-radius: 30px;
    min-height: 50px
}
body.dark #MsgView.messagerie--discution #discussion,
body.dark #discussion attachment div div {
    background: transparent!important
}
body.dark #discussion attachment div div {
    border: 0!important;
}
body.dark #discussion attachment div div a {
    font-size: calc(var(--basePX) + 2px) !important;
    line-height: 13px;
    border-radius: 10px !important;
    border: 1px solid var(--white) !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    padding-bottom: .5rem !important;
    padding-top: .5rem !important;
    background: var(--dark-gray) !important;
    color: var(--white) !important;
}
body.dark #discussion .d-flex.justify-content-start article,
body.dark #discussion .d-flex.justify-content-start section {
    background: var(--another-gray_3)!important;
    color: var(--white)!important;
}
body.dark #MsgView .block-textarea textarea,
body.dark .block-textarea textarea + .position-absolute {
    background: var(--another-gray_3)!important;
    color: var(--white)!important;
}

body.dark .custom--svg_calendar > div > div:first-of-type md-datepicker, 
body.dark .custom--svg_calendar > section > md-datepicker {
    height: 100%;
    display: flex;
    align-items: center;
}

body.dark #discussion .d-flex.justify-content-end article,
body.dark #discussion .d-flex.justify-content-end section {
    color: var(--black)!important;
}
body.dark #discussion .d-flex.justify-content-end section a  {
    background: var(--dark-gray)!important;
    color: var(--white)!important;
}
body.dark #MsgView .discussion__title + #discussion  .discussion__bulle,
body.dark #MsgView .block-textarea textarea {
    box-shadow: none!important;
}

body.dark .collapse .maincontent__block {
    background: var(--another-gray_3)!important;
}
body.dark .collapse .maincontent__mission .maincontent__block .maincontent__block__title  {
    color: var(--main-color_mission);
}
body.dark .collapse .maincontent__mission .maincontent__block .maincontent__block__subtitle,
body.dark .collapse .maincontent__profil .maincontent__block .maincontent__block__subtitle,
body.dark .modal-body label,
.fake--bootstrap-modal.dark,
.fake--bootstrap-modal.dark .modal-paragraph,
.fake--bootstrap-modal.dark .color--black {
    color: var(--white)!important;
}

body.dark #MsgList.table-mission thead th,
body.dark #MsgView .discussion__title.color--mission {
    background: var(--main-color_mission);
    color: var(--black);
}
body.dark #MsgList.table-freelance thead th,
body.dark #MsgView .discussion__title.color--freelance {
    background: var(--main-color_freelance);
    color: var(--black);
}
body.dark #MsgListDF.table-formation thead th {
    background: var(--main-color_formation);
    color: var(--black);
}
body.dark #MsgListFreelance.table-old thead th {
    background: var(--main-color_esn-forfait);
    color: var(--black);
}

body.dark .modal-content .shadow {
    box-shadow: 0 .5rem 1rem rgba(var(--another-gray_rgb),.15) !important;
}

body.dark .mainnavheader__switch .mainnavheader__switch--inactif,
body.dark .bloc-agent > div,
body.dark .bloc-teams > div,
body.dark .bloc-messagerie > div,
body.dark .bloc-profil-dispo > div,
body.dark .bloc-mission-dispo > div,
body.dark .bloc-temoignage > div,
body.dark .custom--svg_calendar > div > div:first-of-type md-datepicker,
body.dark .custom--svg_calendar > section > md-datepicker,
body.dark .maincontent__cards div > section .maincontent__card,
body.dark .maincontent__cards .maincontent__card,
body.dark md-autocomplete md-autocomplete-wrap,
body.dark .maincontent__block,
body.dark .block-mission,
body.dark .messagerie--listing .mission section,
body.dark #discussion {
    background-color: var(--white);
}
body.dark .custom--svg_calendar > div > div:first-of-type md-datepicker,
body.dark .custom--svg_calendar > section > div:first-of-type md-datepicker,
body.dark .custom--svg_calendar > div > div:first-of-type md-datepicker .md-datepicker-input,
body.dark .custom--svg_calendar > section > md-datepicker,
body.dark .custom--svg_calendar > section > md-datepicker .md-datepicker-input {
    background-color: var(--dark-gray);
    color: var(--white)!important;
}

body.dark .custom--svg_calendar > section > div:first-of-type md-datepicker .md-datepicker-input,
body.dark .custom--svg_calendar > div > div:first-of-type md-datepicker .md-datepicker-input,
body.dark .custom--svg_calendar > section > div:first-of-type md-datepicker .md-datepicker-input::placeholder,
body.dark .custom--svg_calendar > div > div:first-of-type md-datepicker .md-datepicker-input::placeholder,
body.dark #contraste_couleur_group {
    color: var(--white);
}

body.dark md-input-container {
    background-color: var(--light-gray);
    color: var(--gray);
}
body.dark .custom--svg_calendar > div > div:first-of-type md-datepicker,
body.dark .custom--svg_calendar > section > div:first-of-type md-datepicker {
    height: 100%;
    display: flex;
    align-items: center;
}
body.dark md-autocomplete md-autocomplete-wrap {
    border-radius: 10px;
}
body.dark .hitechpro--custom__search md-autocomplete-wrap {
    border-radius: 30px;
    background-color: var(--dark-gray);
}
body.dark .md-whiteframe-z1 input {
    border-radius: 30px;
    background-color: initial;
}
body.dark .hitechpro--custom__search md-autocomplete-wrap input {
    color: var(--white)!important;
}
body.dark md-autocomplete input:not(.md-input) {
    height: initial;
}
body.dark .custom--svg_calendar > section > md-datepicker {
    margin-right: 0;
}

body.dark #missions tbody tr, 
body.dark #profils tbody tr, 
body.dark #ao tbody tr, 
body.dark #fcomp tbody tr, 
body.dark #formation tbody tr,
body.dark .maincontent__cards div > section .maincontent__card, 
body.dark .maincontent__cards .maincontent__card,
body.dark .bloc-messagerie > div,
body.dark .bloc-agent > div,
body.dark .maincontent__formation .maincontent__block,
body.dark .maincontent__ao .maincontent__block {
    background-color: var(--dark-gray);
}
body.dark .maincontent__formation .maincontent__block,
body.dark .maincontent__ao .maincontent__block {
    border-radius: 20px;
}

body.dark #formation tbody,
body.dark #missions tbody,
body.dark #profils tbody,
body.dark #fcomp tbody,
body.dark .list-group-item,
body.dark .modal-subtitle,
body.dark .modal-angular-subtitle {
    background-color: transparent!important;
}

body.dark #missions tbody tr td, 
body.dark #profils tbody tr td, 
body.dark #ao tbody tr td, 
body.dark #fcomp tbody tr td, 
body.dark #formation tbody tr td {
    color: var(--white);
}

body.dark .maincontent__card.shadow,
body.dark .bloc-messagerie > div,
body.dark .maincontent__card.flex-grow-1,
body.dark .form--input,
body.dark input.form-control,
body.dark md-autocomplete.form--input input,
body.dark .form--textarea {
    box-shadow: none !important;
}

/*body.dark .form--input,
body.dark input.form-control,
body.dark md-autocomplete.form--input input,
body.dark .form--textarea {
    background-color: #0d0d0d!important;
    color: var(--white)!important;
}*/

body.dark .messagerie--listing .profil .profil--fonction,
body.dark .messagerie--listing .mission .profil--fonction {
    color: var(--light-gray);
}

body.dark .menu-secondaire-fixed > aside:last-of-type {
    background-color: var(--dark-gray);
}

body.dark .fake--bootstrap-modal .color--black .custom-control-label {
    color: var(--white)!important;
}

body.dark .fake--bootstrap-modal .color--black {
    color: var(--another-gray)!important;
}

/* ********************
*** element angular default *** */

body.dark .fake--bootstrap-modal md-radio-button .md-container::before,
body.dark .maincontent__card__element .rounded-pill {
    background-color: var(--white);
}
body.dark .fake--bootstrap-modal md-radio-button {
    color: var(--white);
}

body:not(.dark) .msg-system_FF0000 {
    color: var(--secondary-color_ao)!important;
    border: 2px solid var(--secondary-color_ao)!important;
    background: var(--white)!important;
}
body:not(.dark) .msg-system_65CBFF {
    color: var(--background_menu-gauche)!important;
    border: 2px solid var(--background_menu-gauche)!important;
    background: var(--white)!important;
}
body:not(.dark) .msg-system_000000 {
    color: var(--black)!important;
    border: 2px solid var(--black)!important;
    background: var(--white)!important;
}
body:not(.dark) .msg-system_808080 {
    color: var(--gray)!important;
    border: 2px solid var(--gray)!important;
    background: var(--white)!important;
}

body.dark .msg-system_FF0000 {
    background: var(--secondary-color_ao)!important;
    color: var(--white)!important;
}
body.dark .msg-system_65CBFF {
    background: var(--background_menu-gauche)!important;
    color: var(--white)!important;
}
body.dark .msg-system_000000 {
    background: var(--black)!important;
    color: var(--white)!important;
}
body.dark .msg-system_808080 {
    background: var(--gray)!important;
    color: var(--white)!important;
}

body:not(.dark) .for-mission th {
    color: var(--white)!important;
}
body.dark .for-mission th,
body:not(.dark) .color--white_into_dark {
    color: var(--black)!important;
}

body.dark md-switch .md-bar {
    background-color: rgb(158,158,158);
}

body.dark .md-datepicker-triangle-button .md-datepicker-expand-triangle {
    border-top-color: rgb(255, 255, 255);
  }

/* menu burger du header mode sombre */
body.dark .burger.dropdown-toggle::after {
    background: linear-gradient(180deg, 
                var(--white) 0px, 
                var(--white) 2px, 
                var(--black) 2.01px,
                var(--black) 4px,  
                var(--white) 4.01px, 
                var(--white) 6px,
                var(--black) 6.01px,  
                var(--black) 8px,
                var(--white) 8.01px,  
                var(--white) 10px
                );
}

body.dark .mainnavheader__dropdown.dropdown-menu.dropdown-menu-right {
    background-color: var(--dark-gray)
}

body.dark .mainnavheader__dropdown.dropdown-menu.dropdown-menu-right .color-dropdown {
    color: var(--white) !important;
}
body.dark .mainnavheader__dropdown.dropdown-menu.dropdown-menu-right .color-dropdown:hover {
    color: var(--black) !important;
}

.dark #PageContenu .table.table-borderless,
.dark#PageContenu .table.table-bordered {
    color: var(--white)!important;
}

#PageContenu .table.table-bordered {
    background-color: transparent!important;
}

.dark#PageContenu .table.table-bordered {
    background-color: var(--dark-gray) !important;
}

body.dark .block-element--profil,
body.dark .block-element--mission {
    color: var(--black);
    text-shadow: var(--white-gray) 1px 1px 10px;
}

body.dark .btn--freelance--inverse {
    background-color: var(--dark-gray) !important;
}

body.dark #discussion .d-flex.justify-content-end section {
    background-color: var(--secondary-color_esn);
}

body.dark .btn--hitechpro-blue_darken {
    background-color: rgba(var(--main-color_freelance_rgb),1) !important;
}
body.dark .btn--hitechpro-blue_darken:hover {
    background-color: rgba(var(--main-color_freelance_rgb),.5) !important;
}
body.dark .btn--hitechpro-blue--inverse_darken {
    border-color: rgba(var(--main-color_freelance_rgb,1));
}
body.dark .joint {
    color: var(--main-color_freelance)!important;
}

/* ********************
*** rgaa & modal *** */

body.dark .fake--bootstrap-modal .modal-content,
body.dark .fake--bootstrap-modal .modal-content .close {
    background-color: var(--black);
}
body.dark .fake--bootstrap-modal__mini .modal-content .close {
    top: 5px;
}

body.dark .fake--bootstrap-modal__mini .modal-content .custom-select {
    background-color: var(--light-gray);
}


/* ********************
****** contraste ******
******************** */

body.contraste .for-mission thead {
    color: var(--white);
}