::-webkit-scrollbar {
    background-color: #6f6f6f;
}
::-webkit-scrollbar:hover {
    background-color: #626262;
}
::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .2);
}
::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, .3);
}
::-webkit-scrollbar-thumb:active {
    background-color: rgba(0, 0, 0, .4);
}
body.md-default-theme, body, html.md-default-theme, html {
    color: rgba(255, 255, 255, 0.87);
}
#content {
    background-color: rgb(45,45,45, 0.6);
}
a {
    color: rgba(255, 255, 255, 0.7);
}
md-content.md-default-theme, md-content, md-card {
    color: rgba(255, 255, 255, 0.7);
}
#contentWrapper {
    background-color: #525252;
    background: linear-gradient(to bottom right, #525252, #888888);
}
md-content.md-dark-theme {
    background-color: rgb(66, 66, 66);
}
.footerCredits {
    color: rgba(255, 255, 255, 0.5);
}
.md-list-item-text>h4>span {
    color: rgba(255, 255, 255, 0.7);
}
md-list-item.md-primary,
ng-md-icon.md-primary,
ng-md-icon.md-primary svg,
.infoText.md-primary,
.monthPicker.md-primary,
.cellDate.md-primary,
.sNumeroInput.md-primary,
md-autocomplete.md-primary input {
    color: rgb(91, 142, 208) !important;
    fill: rgb(91, 142, 208) !important;
}
.progressLinear .md-primary, .md-primary .md-ripple-container>* {
    background-color: rgb(91, 142, 208) !important;
}
.md-button.md-primary.md-default-theme:not([disabled]):not(.md-icon-button).md-focused, .md-button.md-primary:not([disabled]):not(.md-icon-button).md-focused, .md-button.md-primary.md-default-theme:not([disabled]):not(.md-icon-button):hover, .md-button.md-primary:not([disabled]):not(.md-icon-button):hover {
    background-color: rgba(91,142,208,0.2) !important;
}
md-autocomplete.md-dark-theme[disabled]:not([md-floating-label]) {
    background: rgb(54,54,54);
}
md-list-item.md-accent, .infoText.md-accent, ng-md-icon.md-accent, ng-md-icon.md-accent svg {
    color: rgb(219, 176, 68) !important;
    fill: rgb(219, 176, 68) !important;
}
.progressLinear .md-accent, .md-accent .md-ripple-container>* {
    background-color: rgb(219, 176, 68) !important;
}
.md-button.md-accent.md-default-theme:not([disabled]):not(.md-icon-button).md-focused, .md-button.md-accent:not([disabled]):not(.md-icon-button).md-focused, .md-button.md-accent.md-default-theme:not([disabled]):not(.md-icon-button):hover, .md-button.md-accent:not([disabled]):not(.md-icon-button):hover {
    background-color: rgba(251,192,45,0.2) !important;
}
md-list-item.md-warn, .infoText.md-warn, ng-md-icon.md-warn, .sNumeroInput.md-warn,  ng-md-icon.md-warn svg, md-autocomplete.md-warn input, span.md-warn, td.md-warn {
    color: rgb(209, 99, 64) !important;
    fill: rgb(209, 99, 64) !important;
}
.progressLinear .md-warn, .md-warn .md-ripple-container>* {
    background-color: rgb(209, 99, 64) !important;
}
.md-button.md-warn.md-default-theme:not([disabled]):not(.md-icon-button).md-focused, .md-button.md-warn:not([disabled]):not(.md-icon-button).md-focused, .md-button.md-warn.md-default-theme:not([disabled]):not(.md-icon-button):hover, .md-button.md-warn:not([disabled]):not(.md-icon-button):hover {
    background-color: rgba(255,112,67,0.2) !important;
}
md-list-item.md-background, ng-md-icon.md-background, ng-md-icon.md-background svg, span.md-background, button.md-background {
    color: rgba(255, 255, 255,0.7);
    fill: rgba(255, 255, 255,0.7);
}
.greyText {
    color: rgba(200, 200, 200, 0.6);
}
md-sidenav, md-toolbar {
    box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 4px;
}
mdt-table table {
    background-color: #4d4d4d;
}
table:not(.staticHeader).md-table.md-row-select tbody.md-body>tr.md-row:not([disabled]):hover,
table:not(.staticHeader).md-table tbody.md-body>tr.md-row:not([disabled]):hover,
table:not(.staticHeader).md-table tfoot.md-foot>tr.md-row:not([disabled]):hover,
table:not(.staticHeader).md-table tbody.md-body>tr.md-row.md-selected {
    background-color: rgba(0, 0, 0, 0.1) !important;
}
table.md-table tbody.md-body>tr.md-row.infoRow, table.md-table tfoot.md-foot>tr.md-row.infoRow {
    background-color: #4d4d4d;
}
table.md-table td.md-cell {
    color: rgba(255,255,255,.87);
}
.md-table-pagination {
    color: rgba(255, 255, 255, 0.54);
}
.topToolbar {
    background-color: rgba(0, 0, 0,.5) !important;
    color: #ffffff !important;
}
md-card.md-default-theme, md-card {
    background-color: rgba(255, 255, 255, 0.95);
}
.md-toolbar-tools .inPageTitle {
    color: rgba(255, 255, 255, 0.2);
}
.inlineInput {
    background-color: rgba(255, 255, 255, 0.2);
}

.topToolbar md-nav-bar ._md-nav-button-text {
    color: rgb(250,250,250);
}
.topToolbar md-nav-bar md-nav-ink-bar {
    background: white;
}
.topToolbar li a, .topToolbar li span {
    color: white;
}
.topToolbar li.Statut1 a, .topToolbar li.Statut1 span {
    color: rgb(68, 179, 92);
}
.topToolbar li.Statut2 a, .topToolbar li.Statut2 span {
    color: rgb(68, 133, 179);
}
.topToolbar li.Statut3 a, .topToolbar li.Statut3 span {
    color: rgb(147, 179, 68);
}
.topToolbar li.Statut4 a, .topToolbar li.Statut4 span {
    color: rgb(243, 146, 46);
}
.topToolbar li.Statut5 a, .topToolbar li.Statut5 span {
    color: rgb(232, 178, 57);
}
.topToolbar li.Statut6 a, .topToolbar li.Statut6 span {
    color: rgb(255, 255, 255);
}
.topToolbar li.Statut7 a, .topToolbar li.Statut7 span {
    color: rgb(210, 203, 0);
}
fieldset {
    border-color: rgba(255, 255, 255, 0.1);
}
.inPageIcon>svg {
    fill: rgba(255, 255, 255, 0.1);
}
.ql-toolbar.ql-snow {
    border: 0;
    border-bottom: 1px solid #ccc;
}
.routeImageShadow {
    box-shadow: 0px 0px 120px 90px rgb(216, 216, 216);
}
.routeTitle {
    color: rgba(255, 255, 255, 0.7);
}
button:disabled svg {
    fill: rgba(255, 255, 255, 0.12);
}
.absenceIndicator {
    border: 1px solid rgba(255, 255, 255, 0.7);
}
.carousel-template .carousel-description {
    color: #000;
    background-color: #4d4d4d;
    opacity: 0.6;
}
.additionalInfo {
    color: rgba(255, 255, 255,0.54);
}
.contactDialog table thead {
    border-bottom: 1px rgba(128, 128, 128, 0.07) solid;
}
.dialogLabel, .dialogRow md-table-container thead th {
    color: rgba(255, 255, 255,.36) !important;
}
.dialogRow {
    border: 1px solid rgba(128, 128, 128, 0.15);
}
.dialogRow .dialogLabelContainer {
    border-right: 1px solid rgba(128, 128, 128, 0.15);
}
.dialogRow .dialogTextAreaValue, .dialogRow .dialogValueContainer, .dialogRow md-table-container {
    background-color: rgba(128, 128, 128, 0.07);
}
.dialogRow md-table-container thead {
    background-color: #4d4d4d;
}
.dialogRow .dialogTextAreaLabelContainer {
    border-bottom: 1px solid rgba(128, 128, 128, 0.15);
}
.emptyTableRow>td {
    color: rgba(255, 255, 255, 0.2) !important;
}
.fa-spin, .fa-spin svg {
    fill: #fff;
}
.mdListItemActive {
    color: #6c88ac;
    fill: #6c88ac;
}
.leftMenuItem ng-md-icon {
    fill: rgba(255, 255, 255,0.54);
}
.mdListItemActive ng-md-icon {
    fill: #6c88ac;
}
.contactsTable thead * {
    color: #6c88ac !important;
}
.contactsTable thead .md-active * {
    color: #6c88ac !important;
}
.starStatutField svg {
    fill: rgba(255, 255, 255, 0.3) !important;
}
.avatarContainer {
    border: 2px solid #ececec;
}
.avatarContainer>ng-md-icon {
    fill: #ececec;
}
.infoText, .md-subheader-content {
    color: rgba(255, 255, 255,0.54);
}
.moyene {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.65);
}
.dateSpan {
    color: rgba(208, 208, 208, 0.7);
}
.divToPick {
    background-color: rgb(0, 0, 0);
    opacity: 0.1;
}
.divToPick:hover {
    opacity: 0.2;
}
.divToPick.active {
    background-color: rgb(91, 142, 208);
    color: #FFF;
}
.tooltip .tooltiptext {
    background-color: #585858;
    color: #fff;
}
[disabled] md-input-container.md-default-theme .md-input, [disabled] md-input-container .md-input, md-input-container.md-default-theme .md-input[disabled], md-input-container .md-input[disabled] {
    color: rgba(255, 255, 255, 0.6);
}
md-select.md-default-theme[disabled] .md-select-icon, md-select[disabled] .md-select-icon, md-select.md-default-theme[disabled] .md-select-value, md-select[disabled] .md-select-value, md-select.md-default-theme[disabled] .md-select-value.md-select-placeholder, md-select[disabled] .md-select-value.md-select-placeholder {
    color: rgba(255, 255, 255, 0.6);
}
.customSidenav .md-expansion-panel-header-container, .customSidenav md-expansion-panel-collapsed {
    background-color: rgba(255, 255, 255, 0.03);
}
.customSidenav .md-title, .expansionUserEdit .md-title, .thinButton, .render-range {
    color: rgba(255, 255, 255, 0.7) !important;
}
.progressLinear {
    opacity: 0.8;
}
.progressLinear .potential {
    opacity: 0.4;
}
.progressTableRow td {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.questionRow {
    border-bottom: 1px solid rgb(178, 178, 178);
}
.questionDiv {
    background-color: #d0d0d0;
}
.som_titre:nth-child(odd) {
    background-color: rgba(255, 255, 255, 0.59);
}
.som_titre:nth-child(even) {
    background-color: rgba(206, 206, 206, 0.11);
}
md-backdrop.md-opaque.md-dark-theme {
    background-color: rgba(100,100,100,1.0);
}
.tui-full-calendar-layout,
.tui-full-calendar-popup-container,
.tui-full-calendar-popup-container input,
.tui-full-calendar-button.tui-full-calendar-popup-close,
.tui-full-calendar-dropdown-button.tui-full-calendar-popup-section-item {
    background-color: #424242 !important;
}
.tui-full-calendar-popup-container input::placeholder {
    opacity: 0.4;
}
.tui-full-calendar-timegrid-timezone,
.tui-full-calendar-open .tui-full-calendar-dropdown-menu {
    background-color: #525252 !important;
}
.tui-datepicker.tui-rangepicker * {
    background-color: #525252;
}
.tui-datepicker .tui-is-selectable.tui-is-selected, .tui-datepicker.tui-rangepicker .tui-is-selectable.tui-is-selected {
    background-color: #486b90;
}
.tui-datepicker.tui-rangepicker .tui-is-selected-range {
    background-color: #5c89bc;
    color: #fff;
}
.tui-calendar .tui-calendar-title,
.tui-calendar .tui-calendar-title-today,
.tui-full-calendar-weekday-schedule-title {
    color: inherit !important;
}
.tui-calendar .tui-calendar-body-header th {
    color: #9f9f9f;
}
.tui-full-calendar-weekday-grid-line,
.tui-full-calendar-month-dayname,
.tui-full-calendar-weekday-border,
.tui-full-calendar-popup-container,
.tui-full-calendar-timegrid-gridline,
.tui-full-calendar-dayname-container,
.tui-full-calendar-splitter,
.tui-full-calendar-allday-left,
.tui-full-calendar-left,
.tui-full-calendar-timegrid-timezone,
.tui-full-calendar-month-dayname-item,
.tui-full-calendar-time-date,
.tui-full-calendar-popup-container * {
    border-color: #595959 !important;
}
.tui-datepicker {
    background-color: #595959;
}
.tui-full-calendar-weekday-filled {
    background-color: #595959 !important;
}
.tui-full-calendar-arrow-top .tui-full-calendar-popup-arrow-fill {
    border-bottom-color: #424242 !important;
}
.tui-full-calendar-arrow-top .tui-full-calendar-popup-arrow-border {
    border-bottom-color: #525252 !important;
}
.tui-full-calendar-arrow-bottom .tui-full-calendar-popup-arrow-fill {
    border-top-color: #424242 !important;
}
.tui-full-calendar-arrow-bottom .tui-full-calendar-popup-arrow-border {
    border-top-color: #525252 !important;
}
.tui-full-calendar-section-calendar,
.tui-full-calendar-section-calendar .tui-full-calendar-dropdown-button .tui-full-calendar-content,
.tui-full-calendar-section-end-date,
.tui-full-calendar-section-start-date,
.tui-calendar td, .tui-calendar th {
    color: white;
}
.tui-calendar th.tui-is-selectable:hover, .tui-calendar td.tui-is-selectable:hover {
    background-color: #5c626a !important;
}
.tui-calendar .tui-calendar-today {
    font-weight: 500;
}
.tui-full-calendar-timegrid-timezone,
.tui-full-calendar-month-dayname-item:not(:last-of-type) .calendar-week-dayname-name,
.tui-full-calendar-weekday-grid-line.tui-full-calendar-near-month-day:not(:last-of-type) .tui-full-calendar-weekday-grid-date:not(.tui-full-calendar-weekday-grid-date-decorator) {
    color: #a0a0a0;
}
.tui-full-calendar-extra-date span.tui-full-calendar-weekday-grid-date {
    color: #6c6c6c !important;
}
md-toolbar.md-table-toolbar form > input:not(:disabled), .darkForm input:not(:disabled) {
    color: #fff;
    background-color: #6c6c6c;
}
.md-dark-theme .md-calendar-date.md-calendar-selected-date .md-calendar-date-selection-indicator, .md-dark-theme .md-calendar-date.md-focus.md-calendar-selected-date .md-calendar-date-selection-indicator {
    color: #000000de !important;
}
md-toolbar.md-table-toolbar.md-default-theme:not(.md-menu-toolbar).md-default, md-toolbar.md-table-toolbar:not(.md-menu-toolbar).md-default {
    color: rgb(255 255 255 / 87%);
}

@media screen and (max-width: 960px) {
    .inPageTitle {
        color: rgba(255, 255, 255, 0.3) !important;
    }
}
@media screen and (max-width: 600px) {
    .inPageTitle {
        color: rgba(255, 255, 255, 0.4) !important;
    }
}