::-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.md-table.md-row-select tbody.md-body>tr.md-row:not([disabled]):hover,
table.md-table tbody.md-body>tr.md-row:not([disabled]):hover, 
table.md-table tfoot.md-foot>tr.md-row:not([disabled]):hover,
table.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;
}

@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;
    }
}