html {
    --color-warn: #ff8b33;
}

* {
    font-family: Segoe UI, Arial, sans-serif;
}

body,
.main {
    background-color: #78909c;
}

.toolbar {
    background-color: #607d8b;
}

.dialogWindow,
.dialogWindow select option {
    background-color: #fff;
}

.line,
.lineGroup .line,
.lineGroup .lineTitle,
.main.loginMain {
    background-color: #fff;
}

.toolbar {
    border-color: #455A64;
}

#fixedTitle .lineGroup .lineHeader,
.lineGroup .lineHeader,
.headband,
.timeHolder {
    background-color: #B0BEC5;
}

.ui-datepicker-calendar thead tr,
nav a,
nav,
.toolbar .datePicker,
#dateSelector {
    border-color: #ffffff;
}

.dialogWindow .prev,
.dialogWindow .next,
.dialogWindow input,
.dialogWindow select,
a.smallButton,
.dialogWindow a.smallButton,
.dialogWindow .versionTitle .smallButton,
.dialogWindow .buttonWrapper .smallButton,
.dialogWindow textarea,
button {
    border-color: #455a64;
}

.dialogWindow .smallButton.validate {
    background-color: #fff;
    border-color: #26C6DA;
    color: #26C6DA;
    cursor: pointer;
}

.dialogWindow :checked + .smallButton.validate,
.dialogWindow .smallButton.validate:hover {
    background-color: #26C6DA;
    border-color: #26C6DA;
    color: #fff;
}

.dialogWindow .smallButton.reject {
    background-color: #fff;
    border-color: #EF5350;
    color: #EF5350;
    cursor: pointer;
}

.dialogWindow :checked + .smallButton.reject,
.dialogWindow .smallButton.reject:hover {
    background-color: #EF5350;
    border-color: #EF5350;
    color: #fff;
}

.dialogWindow :disabled + .smallButton.reject,
.dialogWindow :disabled + .smallButton.validate {
    background-color: #fff;
    border-color: #607d8b;
    color: #607d8b;
    opacity: 0.6;
}

.ui-datepicker {
    background: #607d8b;
    border-color: #fff;
}

.ui-datepicker * {
    background: none;
    border-color: #607d8b;
}

.toolbar .ui-datepicker {
    border-color: #607d8b;
}

.dialogWindow {
    border-color: #607d8b;
}

.lineGroup .lineTitle {
    background: #607d8b;
}

#loginForm *:not(.error),
.day *,
.dialogWindow,
.dialogWindow a.smallButton,
.dialogWindow input,
.dialogWindow select,
.dialogWindow select option,
.dialogWindow textarea,
.lineGroup .lineTitle,
.conflictList a,
.disconnect {
    color: #263238;
}

.dialogWindow a.smallButton.disabled{
    background-color: lightgray;
}
.dialogWindow a.smallButton.disabled:hover{
    cursor:default;
}

.dialogWindow h2 input {
    float: inline-start;
}

.dialogWindow input.tags {
    height: 30px;
    border: 0;
}

.dialogWindow div.sessionTags {
    display: flex;
    background: url('/images/backgrounds/tagsSprite.png') no-repeat top -2px left;
    margin-top: 8px;
    padding-bottom: 4px;
    border-bottom: 1px solid;
}

.dialogWindow div.tagsContainer {
    display: flex;
    cursor: initial;
    overflow-y: hidden;
    overflow-x: auto;
    margin-left: 30px;
}

div.tagsContainer p.tag {
    background-color: #78909c;
    padding: 2px;
    margin: 2px;
    pointer-events: none;
    white-space: nowrap;
}

div.tagsContainer p.tag:after {
    content: ' ✕';
    pointer-events: all;
}

.ui-autocomplete {
    background: inherit;
    color: black;
    list-style: none;
    width: min-content;
    padding-left: 0;
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
}

nav a,
.ui-datepicker-calendar .ui-priority-secondary,
.ui-datepicker-calendar .ui-state-default,
.ui-datepicker-calendar .ui-state-highlight,
.ui-datepicker-calendar .ui-state-active,
.toolbar>p,
.toolbar a.button,
.toolbar button,
.toolbar .bottomWrapper a:hover,
.toolbar .container .linkTitle,
.statsToggle p,
.filterForm.formLine label {
    color: #fff;
}

.lineTitle .lineHeader {
    color: #263238;
}

.agenda *,
.headband * {
    color: #263238;
}

.line .day {
    border-color: #cfd8dc;
}

.headband,
.lineHeader,
.line .lineHeader+.day,
.headband  .day,
.lineGroup,
.line,
.lineGroup .line,
.lineGroup .lineTitle,
.day .dayPart,
.dialogWindow .version,
.dialogWindow select option,
#fixedTitle,
.timeHolder,
.agenda>.timeHolder,
.conflictList a {
    border-color: #455A64;
}

.line .lineHeader+.day {
    border-color: #fff;
}

.headband .lineHeader+.day {
    border-color: #B0BEC5;
}

.day:not(.future) + .day.future {
    border-color: #00BCD4;
}

#errorLog:not(.hidden),
.day.past + .day:not(.past) {
    border-color: #455A64;
}

.dialogWindow h2 {
    border-color: #455A64;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #dfe1df;
    opacity:  1;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #dfe1df;
    opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #dfe1df;
    opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:    #dfe1df;
    opacity:  1;
}

.ui-datepicker-calendar .ui-priority-secondary {
    opacity: 0.6;
}

.ui-datepicker-calendar .ui-state-highlight {
    border-color: #00BCD4;
}

.ui-datepicker-calendar .ui-state-active {
    background-color: #00BCD4;
}

.ui-datepicker .ui-state-hover,
#loginForm input[type=submit]:hover,
nav a.selected,
nav a:hover,
.conflictList a:hover {
    color: #455a64;
    background-color: #fff;
}

.dialogWindow .prev:hover,
.dialogWindow .next:hover {
    background-color: #455a64;
}

a.button {
    color: #fff;
    border-color: #455a64;
    background-color: #455a64;
}

.toolbar a.button,
.toolbar button {
    background-color: transparent;
    border-color: #fff;
}

a.button:hover,
.toolbar a.button:hover,
.toolbar a.button.selected,
.toolbar button:hover {
    color: #455a64;
    background-color: #fff;
}

.toolbar select.button,
.toolbar select.button option:disabled,
.toolbar select.button option:checked,
.toolbar select.button option {
    background-color: #607d8b;
    color: #FFFFFF !important;
    border-color: #fff;
}

.toolbar select.button option:disabled {
    display: none;
}

a.button-hovered {
    color: #455a64;
    background-color: #fff;
}

a.inline {
    color: #00BCD4;
}

a.inline:hover {
    text-decoration: underline;
}

.connexionContainer a,
.connexionContainer p {
    color: #fff;
}

.connexionContainer button {
    border-color: transparent;
    background-color: transparent;
}

.connexionContainer button.selected {
    background-position: 0 -20px;
}

button {
    color: #455a64;
    background-color: #fff;
    border-color: #607D8B;
}

.dialogWindow .jobToolBar button {
    border-color: #607D8B;
    color: #607D8B;
}

button.selected {
    border-color: #00e5ff;
}

.dialogWindow .jobToolBar button.selected {
    border-color: #00e5ff;
}


.dialogWindow .jobToolBar button:hover,
.dialogWindow h2 .removeVacation:hover {
    color: #00e5ff;
    border-color: #00e5ff;
}

.dialogWindow .jobToolBar .jobTitle,
.dialogWindow .jobVersionsContainer,
.dialogWindow .versionsActionsWrapper button.disabled,
.dialogWindow .versionsButtonWrapper button.disabled,
.dialogWindow h2 .removeVacation {
    border-color: #607D8B;
}

.dialogWindow .versionsActionsWrapper button.disabled,
.dialogWindow .versionsButtonWrapper button.disabled {
    color: #607D8B;
}

.dialogWindow .versionsActionsWrapper button.disabled,
.dialogWindow .versionsButtonWrapper button.disabled {
    opacity: 0.4;
}

.ui-datepicker .ui-datepicker-prev span.ui-icon {
    background-position: -96px 0;
}

.ui-datepicker .ui-datepicker-next span.ui-icon {
    background-position: -33px 0;
}

nav a:first-child {
    border-top: 0;
}

.mainContent textarea,
.mainContent input[type=text],
.mainContent input[type=password],
.mainContent input[type=number],
.mainContent select,
.comboWrapper .comboText {
    background-color: #b0bec5;
    color: #263238;
}

.mainContent textarea:focus,
.mainContent input[type=text]:focus,
.mainContent input[type=password]:focus,
.mainContent input[type=number]:focus,
.mainContent select:focus,
.comboWrapper .comboText:focus {
    background-color: #b2ebf2;
}

.mainContent select[name="newUsersRole_actor_0"] option.placeholder,
.mainContent select[name="newUsersRole_role_0"] option.placeholder {
    display: none;
}

.time {
    background-color: transparent;
}

.tooltip {
    background-color: #b0b9be;
    box-shadow: #455a64 2px 2px 2px;
    border: 2px solid #00BCD4;
}

.timeContent {
    overflow: hidden;
    background-color: white;
}

.timeBar {
    height: 10px;
    box-shadow: #455a64 2px 2px 2px;
    background-color: #b0b9be;
}

.lineGroup .line.selected .time.selected .timeContent{
    box-shadow: #455a64 2px 2px 2px,
    #ec407a 0 0 0 2px inset;
}

.day.draggedClone,
.time.draggedClone{
    border-color: transparent;
}

.error,
*.error {
    background-color: #EF5350;
    color: #FFF;
    padding: 10px;
    font-weight: bold;
}

.modificationAlert {
    color: #EF5350;
}

.success,
*.success {
    background-color: #26C6DA;
    color: #FFF;
    padding: 10px;
    font-weight: bold;
}

input.error,
select.error,
.dialogWindow input.error,
.dialogWindow select.error{
    border-color: #ff432b;
}

#createSessionForm h2 input.error {
    background-position: 0 -32px;
}

#createSessionForm h2 input.error::placeholder {
    color: #EF5350;
    opacity: 0.4;
}

.dialogWindow input[disabled],
.dialogWindow select[disabled],
.dialogWindow textarea[disabled] {
    border-color: #878a8f;
}

a.button[disabled],
a.button:hover[disabled],
button[disabled],
button:hover[disabled] {
    border-color: #B0BEC5;
    color: #B0BEC5;
    background-color: transparent;
    cursor: default;
}

.lineGroup .line.mine .lineHeader,
.lineGroup .line.selected .lineHeader {
    font-weight: bold;
}

.referentView .day:not(.noHover):hover,
.radiologistAbsencesOn .mine .day.future:not(.noHover):hover {
    background-color: #80deea;
    cursor: pointer;
}

.configurationView .day:not(.noHover):hover,
.day.future:not(.noHover) .absence {
    cursor: pointer;
}

.configurationView .past:not(.noHover):hover {
    cursor: default;
}

.headband .day.future {
    filter: saturate(70%) brightness(90%);
}

.line .day.future {
    background: url('/images/backgrounds/futureBack.png') repeat top left;
}

.line .day.holiday {
    background: #f2f4f5;
}

#errorLog:not(.hidden),
.line .day.past {
    background: #e4e9eb;
}

#errorLog:not(.hidden) p,
#errorLog:not(.hidden) ul,
.line .day.past * {
    opacity: 0.85;
}

.headband .day.future:before {
    content: ' ';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0, 0.1);
}

.day .time:not(.noHover):hover .timeContent,
.time.draggedClone .timeContent {
    padding: 0;
    border-top: 2px solid #00BCD4;
    border-left: 2px solid #00BCD4;
}

.day .time.alert:not(.noHover):hover .timeContent {
    border-top: 2px solid #ff432b;
    border-left: 2px solid #ff432b;
}

.time[data-sqi-overridden]:not(.noHover):hover .timeContent {
    padding: 0 0 0 7px;
}

.draggable:hover .timeContent {
    background-color: #607d8b;
}

.draggable:hover * {
    color: #fff;
}

.day .time:hover:not(.noHover) .timeContent {
    background-color: #607d8b!important;
}

.day .time[data-sqi-closed]:hover *,
.day .time[data-sqi-conflict]:hover *,
.day .time[data-sqi-pending]:hover *,
.time[data-sqi-closed] .timeContent:hover, .tooltip[data-sqi-closed]:hover,
.time[data-sqi-conflict] .timeContent:hover, .tooltip[data-sqi-conflict]:hover,
.time[data-sqi-pending] .timeContent:hover, .tooltip[data-sqi-pending]:hover{
    background: #607d8b;
}

@keyframes highlight {
    50% {
        border-color: #00BCD4;
    }
}

@-webkit-keyframes highlight /* Safari and Chrome */ {
    50% {
        border-color: #00BCD4;
    }
}

.tooltip.alert {
    border: 2px solid #ff432b;
    /*-webkit-animation: highlight 1.4s infinite; !* Chrome, Safari, Opera *!*/
    /*animation: highlight 1.4s infinite;*/
}

.day .time.alert .timeContent,
.line.mine .day .time.alert .timeContent,
.lineGroup .line:nth-child(2n+1) .day .time.alert .timeContent {
    border-top: 2px solid #ff432b;
    border-left: 2px solid #ff432b;
}

.toolbar .container .link:hover,
.toolbar .container .link.selected,
.day .time:not(.noHover):hover * {
    color: #fff;
}

.toolbar .bottomWrapper,
.toolbar .container .link,
.toolbar .bottomWrapper a {
    color: #B0BEC5;
}

.obstructLayer {
    background-color: rgba(0,0,0, 0.4);
}


.headband.referentBand .day:hover {
    cursor: pointer;
    background-color: #C2D1D9;
}

/*.referentView .time[data-sqi-overridden],*/
/*.referentView .time[data-sqi-overridden],*/
/*.tooltip[data-sqi-overridden] {*/
    /*box-shadow: 3px 0 0 0 #455A64 inset;*/
/*}*/

.sessionAdminView .time[data-sqi-overridden]:before,
.referentView .time[data-sqi-overridden]:before,
.tooltip[data-sqi-overridden]:before {
    display: block;
    content: ' ';
    position: absolute;
    top: 2px;
    left: 2px;
    height: 0;
    width: 0;
    border: 4px solid transparent;
    border-left-color: #455A64;
    border-top-color: #455A64;
}

.referentView .day.okDrop,
.radiologistView .day.okDrop,
.configurationView .day.okDrop {
    background-color: #b2dfdb;
}

.referentView .day.errorDrop,
.radiologistView .day.errorDrop,
.radiologistView .day.errorDrop {
    background-color: #ffcdd2;
}

/*.agenda * {*/
    /*color: #222;*/
/*}*/

.dropZone:before {
    content: ' ';
    background: url('/images/backgrounds/trade.png') no-repeat center;
}

.dropZone,
#sortTooltip {
    /*background: rgba(0,0,0,0.1);*/
    background: rgba(95, 125, 139, 0.6);
    border-color: #455A64;
    color: #fff;
    transition: background 0.4s;
    z-index: 45;
}

.dropZone p,
.dropZone img {
    opacity: 0.7;
    transition: opacity 0.4s;
}

.dropZone:hover,
.dropZone.dragOver {
    background: rgba(95, 125, 139, 1);
}

.dropZone:hover p,
.dropZone:hover img,
.dropZone.dragOver p,
.dropZone.dragOver img {
    opacity: 1;
}

p.toolbarListTitle,
.toolbarList {
    border-color: #455A64;
}

.toolbarListElement,
.toolbarListMessage {
    border-color: #fff;
    color: #fff;
}

.toolbarListElement:hover {
    color: #607d8b;
    background-color: #fff;
}

table.tableAdmin * {
    color: #263238;
}

table.tableAdmin tr td {
    border-right-color: #cfd8dc;
}

table.tableAdmin tr:nth-child(2n) td {
    background-color: #e4e9eb;
}

table.tableAdmin tr th {
    border-bottom-color: #263238;
    border-right-color: #cfd8dc;
}

table.tableAdmin input[type=text],
table.tableAdmin input[type=password],
table.tableAdmin input[type=number],
table.tableAdmin select,
.comboWrapper .comboText {
    background-color: transparent;
}

table.tableAdmin input[type=text]::placeholder,
table.tableAdmin input[type=password]::placeholder,
table.tableAdmin select.inPlaceholder {
    color: rgba(38, 50, 56, 0.5);
}

table.tableAdmin tr th.optional {
    color: rgba(38, 50, 56, 0.3);
    font-style: italic;
}

.discreet {
    opacity: 0.7;
}

.day > .overlay {
    background-color: rgba(38, 198, 218, 0.6);
}

.lineGroup .line.selected .time {
    border-color: #cbf2f7;
}

.line.mine .day,
.line.selected .day {
    background-color: #cbf2f7;
}

#fixedTitle.configuringRotation .line:hover .lineHeader {
    background-color: #90a4ae;
}

#fixedTitle .line.mine .lineHeader,
#fixedTitle .line.selected .lineHeader,
#fixedTitle.configuringRotation .line.selected:hover .lineHeader {
    background-color: #4dd0e1;
}

#agendaContent .lineGroup,
.toolbar,
.headband {
    box-shadow: #455a64 0 0 4px 2px;
}

#fixedTitle .lineGroup:after {
    content: ' ';
    position: absolute;
    top: 0;
    height: 100%;
    width: 5px;
    right: -5px;
    background: linear-gradient(to right, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%);;
    pointer-events: none;
}

.multiSelect .selectedList .option {
    background-color: #26C6DA;
}

.displayAlert {
    margin-top: 10px;
    padding: 5px;
    color: #fff;
    background-color: var(--color-warn);
}

.displayAlert.hidden {
    display: none;
}

.daysTabsWrapper button {
    border-color: #455a64;
    background-color: #fff;
}

.tabsContainer .tabHeader.selected,
.daysTabsWrapper button.active {
    background-color: #455a64;
    color: #fff;
}

.daysTabsWrapper button.selected {
    background-color: #26C6DA;
    border-color:  #26C6DA;
    color: #fff;
}

.toolbar .participantsList {
    color: #fff;
}

/**
 * Account page
 */
.userAccount {
    padding-top: 0;
}

.userAccount h1,
.admin h1,
h1.login {
    color: #FFF;
    font-weight: normal;
}

.loginMain * {
    color: #263238;
}

.loginMain h2{
    border-color: #455a64;
}

.loginMain a {
    color: #26C6DA;
}

.loginMain a:hover {
    color: #4dd0e1;
}

.userAccountContent,
.adminContent {
    background-color: #fff;
}

.userAccountContent h2 {
    font-weight: normal;
    border-color: #455a64;
}

.userAccountContent input[type=text],
.userAccountContent input[type=text]:focus,
.userAccountContent input[type=password]:focus,
.userAccountContent input[type=password],
.userAccountContent input[type=number],
.userAccountContent select {
    background-color: #FFF;
    border-color: #455a64;
}

.userAccountContent select {
    background-color: #FFFFFF;
}

.userAccountContent select:focus {
    background-color: #FFFFFF;
}

.userAccountContent .buttonWrapper {
    float: right;
    padding-top: 16px;
}

.adminContent input[type=submit].button,
.userAccountContent input[type=submit].button {
    color: #fff;
    border-color: #455a64;
    background-color: #455a64;
}

.adminContent input[type=submit].button:hover,
.userAccountContent input[type=submit].button:hover {
    color: #455a64;
    background-color: #fff;
}

.userAccountContent .separator {
    clear: both;
    display: block;
    height: 30px;
}

.jobVersionsContainer .validationContainer,
.dialogWindow .validationContainer {
    background: rgba(69, 90, 100, 0.8);
}

.jobVersionsContainer .validationContainer p,
.dialogWindow .validationContainer p {
    color: #fff;
}

.validationContainer button:hover {
    background-color: #607D8B;
    color: #fff;
    border-color: #fff;
}

#upperArea {
    background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.1));
}

#upperArea:before {
    background: url("/images/backgrounds/upperArrow.png") no-repeat top left;
    width: 47px;
    height: 47px;
}

#upperArea.hover {
    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.2));
}

#lowerArea {
    background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.4));
}

#lowerArea:before {
    background: url("/images/backgrounds/lowerArrow.png") no-repeat top left;
    width: 47px;
    height: 47px;
}

#lowerArea.hover {
    background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.6));
}

.multiSelect .searchBar {
    background: rgba(69, 90, 100, 0.8);
    color: #fff;
}

.clearSep {
    border-bottom: 2px solid #455A64;
}

/* loading page */

.loading {
    background-color: #78909c;
}

.loadingMessage {
    color: #263238;
    background: url("/images/backgrounds/clock.png") no-repeat 15px 16px #fff;
}

/* Page Export */
#exportForm select,
#exportForm input[type=text],
#exportForm input[type=text]:focus {
    background-color: #FFF;
    border-color: #455a64;
}

.switchBox {
    border-color: #455A64;
    background-color: #455A64;
}

.switchBox.on {
    background-color: #26C6DA;
}

.switchBox .switchBoxButton {
    background: #fff;
}

.hint {
    font-style: italic;
    opacity: 0.6;
}

.sqiTooltip {
    background-color: #FFF;
    border-color: #455a64;
    color: #263238;
}

[data-sqi-workload]:after {
    border-right-color: #00EDB2;
    border-bottom-color: #00EDB2;
}

[data-sqi-workload="low"]:after {
    border-right-color: #FF994C;
    border-bottom-color: #FF994C;
}

[data-sqi-workload="high"]:after {
    border-right-color: #FF4D52;
    border-bottom-color: #FF4D52;
}