SoProd dark by vibewyne

/* ==UserStyle==
@name         SoProd dark
@version      20240826.13.05
@namespace    https://userstyles.world/user/vibewyne
@description  SoProd dark
@author       vibewyne
@license      No License
==/UserStyle== */

@-moz-document url-prefix("https://soprod.solocalms.fr") {
/* Dernière MAJ : 26/08/2024 */
/* Comment installer le thème SoProd dark ?
- Installer l'extension Chrome "Stylus"
- "Créer un nouveau style"
- En bas de la page dans "Tout +", choisir "URL commençant par" et y coller cette adresse : https://soprod.solocalms.fr
- Cela permet d'éviter les conflits avec d'autres sites
- Enregistrer (oui, forcément)
*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

:root {
	--main: #435e75;
	/* Couleur principale du thème */
	--secondary:#805151;
	/* Couleur secondaire, haut des tableaux */
	--accent: #dbb16e;
	/* Couleur des onglets en hauts des sous-fiches */
	--contact-principal: #507949;
	/* Couleur de surlignage du contact principal */
	--contact-secondaire: #797849;
	/* Couleur de surlignage du contact secondaire */
	--name: #445726;
	/* Nom de la personne ayant écrit le commentaire */
	--mon-commentaire: #d8ddc9;
	/* Couleur de fond de mes commentaires */
	--mon-nom: #57270b;
	/* Couleur de mon nom dans les commentaires */
	--white: #fff;
	--almost-white: #d7d7d7;
	--light-grey: #535353;
	--grey: #3f3f3f;
	--dark-grey: #333;
	--darkest-grey: #181818;
	--almost-black: #0b0b0b;
	--black: #000;
	--red: #c82f2f;
	--jaune-fluo: #f6ff00;
	--vert-fluo: #0f0;
	--delete: #a64545;
}
#layout-page-sidebar:before{
	width:100%;
	height:200px;
	background:url('https://i.pinimg.com/originals/99/a1/72/99a1724d94a094d75ae96233d69125ed.png');
    filter:invert(100%) hue-rotate(192deg);
	margin:auto;
	top:55vh;
	left:8%;
}
.eventType:has(.fa-paste) {
    background-color: var(--main) !important;
}
.indent-subrecords td{
	background-color: var(--grey) !important;
}
.indent-subrecords td:last-child{
	display:none
}
tr.openSubRecords.odd td{
	background-color:var(--secondary)
}
body *:not(.fa):not(i) {
	font-family: "Poppins" !important;
	scrollbar-color: var(--grey) var(--darkest-grey) !important;
}
body {
	background-color: var(--dark-grey)
}
h1,
h2,
h3,
h4,
h5,
h6,
.recordHistory .qualificationTr td.rdv {
	color: var(--accent);
	font-weight: 600
}
h1.break-timer{
    color:var(--main) !important
}
.note h1,
.note h2,
.note h3,
.note h4,
.note h5,
.note h6,
.notificationHistory tr.sent td,
.notificationHistory tr.waitingsend td {
	color: var(--darkest-grey) !important
}
h4 {
	padding-left:0 !important;
	font-weight:500
}
table.dataTable th[colspan], .table-advance thead tr th{
	border-color: #989898;
}
.GoTop{
	bottom : 15px !important;
	left: 100px;
}
span.go-top {
    width: 35px;
    height: 35px;
    background-color: var(--accent) !important;
}
.recordNames .pageTitle,
.recordNames .pageTitle span {
    color: var(--darkest-grey);
    background-color: transparent;
}
.tabBlock{
	height:43px
}
.nav>li>a{
	padding:10px !important;
}
.portletBlock .getComments{
	padding-right:15px
}
#masterWebGroupPortlet .nav.navbar-nav {
    margin-top: 3px;
    margin-right: 0px;
}
#closeExternalLinksPortlet{
	margin-right:15px
}
.blockIcon {
    font-size: 25px !important;
	color:var(--accent) !important;
	opacity:1;
}
.page-footer .page-footer-tools .go-top i {
    font-size: 30px;
    margin-bottom: 0;
    margin-top: 9px;
    margin-left: 2px;
}
.portlet.box > .portlet-title,
.select2-search input,
#masterWebGroupPortlet .nav.nav-tabs {
	background-color: var(--grey) !important;
	border-bottom: none !important
}
.webPage,
.portlet.box > .portlet-body,
.operator-content.masterPage,
.record-header,
.page-content,
#dashboardCalendar .calendarEvent-12,
#userCalendarWrapper .calendarEvent-12{
	background-color: var(--darkest-grey) !important
}
.inputFormfield .formfieldValue,
.select2-drop-mask,
*[class ^= 'select2'],
.input-group .form-control,
.input-inline,
.pagination > li > a,
.pagination > li > span,
.feeds li,
.modal-content,
div.dataTables_length select,
input[type = search],
.form-control,
#masterWebGroupPortlet .dropdown:hover .dropdown-toggle,
.dropdown-menu,
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li a {
	background-color: var(--almost-black) !important;
	border-color: var(--grey) !important;
	border-radius: 4px !important;
	color: var(--almost-white) !important;
	background-image: none !important;
	box-shadow: none !important;
}
.contactsTable tbody tr[isprimarycontact = "1"][issecondarycontact = "0"] td,
.default-contact {
	background-color: var(--contact-principal) !important;
}
.contactsTable tbody tr[isprimarycontact = "0"][issecondarycontact = "1"] td,
.default-contact-secundary {
	background-color: var(--contact-secondaire) !important;
}
i.star-primary,
.alertReadAll {
	color: var(--vert-fluo) !important;
}
i.star-secondary {
	color: var(--jaune-fluo) !important;
}
.dropdown-menu li > a:hover,
.dropdown-menu a,
.dropdown-menu a:hover {
	background-color: var(--darkest-grey);
	color: var(--white);
}
.operator-content.masterPage {
	padding: 0 5px 0 0;
}
.control-label,
label,
.dataTables_info,
.dropdown-menu li > a,
.table thead tr th,
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu > li > a,
.scheduleRecap .recapDay,
.grey.btn,
.souploadTable td {
	color: var(--white);
}
.scheduleRecap .recapDay::before {
	background-color: var(--accent)
}
.portlet.calendar .fc-event {
    margin-right: -3px !important;
}
#dashboardCalendar .fc-time-grid-event.fc-v-event.fc-event.fc-start.fc-end.rdvTooltip,
#dashboardCalendar .fc-time-grid-event.fc-v-event.fc-event.fc-start.fc-end.fc-not-resizable.fc-short{
    margin-left:-57px
}

#userCalendar .fc-time-grid-event.fc-v-event.fc-event.fc-start.fc-end.rdvTooltip,
#userCalendar .fc-time-grid-event.fc-v-event.fc-event.fc-start.fc-end.fc-not-resizable.fc-short{
    margin-left:-45px
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a,
.page-sidebar .page-sidebar-menu > li.active > a,
.page-sidebar .page-sidebar-menu > li.active.open > a,
.page-sidebar .page-sidebar-menu > li.active > a,
.page-sidebar .page-sidebar-menu > li.active.open > a,
#fdev_calendar thead {
	background: var(--main) !important;
}
.rdv_calendar_hour.tooltips.outOfDate,
.rdv_calendar_hour.tooltips.outOfDate .rdv_calendar_minutes.show,
.rdv_calendar_minutes.show,
.rdv_calendar_minute {
	background-color: var(--almost-black) !important;
	box-shadow: none;
}

.rdv_calendar_minutes.show > div,
.rdv_calendar_minutes.show.first-cell,
.rdv_calendar_minutes.show.last-cell {
	border: none !important;
	box-shadow: none !important;
	border-radius: 15px !important;
}
.rdv_calendar_minute.active {
	background-color: #4caf50 !important;
}
.rdv_calendar_minute.inactive {
	background-color: #e57373 !important;
}
.rdv_calendar_minutes.show.last-cell .active {
	border-radius: 15px !important
}
.rdv_calendar_hour.tooltips.outOfDate > div,
.rdv_calendar_minute {
	color: var(--white)
}
.calendar-title-wrapper.rdv_calendar_day {
	padding: 10px 0;
}
.calendar-title-wrapper.rdv_calendar_day > p {
	margin-bottom: 0 !important
}
.calendar-time-wrapper.active .rdv_calendar_hour,
.rdv_calendar_minute.selected,
#fdev_calendar.allowRedZones tbody td .rdv_calendar_minute.inactive:hover,
.rdv_calendar_minute.active:hover {
	background-color: var(--main) !important;
	border-radius: 15px !important;
}
.scheduleCalendar th,
.scheduleCalendar tr td span,
.officeCalendar tr td span{
    color:#fff
}
#fdev_calendar th,
#fdev_calendar td {
	text-align: center !important;
	border-left: 1px solid var(--grey);
}
.mentions-input {
	background-color: transparent
}
.portlet.box {
	border-color: var(--grey) !important;
	border-radius: 3px !important;
	background-color: transparent !important
}
.recordNames {
	font-size: 18px;
	font-weight: 500
}
td.sorting_1 {
	color: var(--accent) !important;
}
#layout-page-sidebar,
.page-header.navbar,
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
	background-color: var(--dark-grey)
}
.btn:not(.qualificationElement):hover {
	background-color: var(--main) !important;
	color: var(--white) !important
}
.btn:not(.qualificationElement),
.btnDMSAction,
.rdv_calendar_previous,
.rdv_calendar_next,
.btn.default {
	border-radius: 3px !important;
	background-color: var(--secondary) !important;
	margin-left: 1px;
	margin-right: 1px;
	border: none !important;
	color: var(--white);
}
.btn-success,
.requestTr[data-pause = "1"] td {
	background-color: var(--contact-principal) !important
}
table.requestTable tbody tr[data-status = "1"] td {
	background-color: var(--almost-black) !important
}
.operator-diabolocom {
	background-color: var(--delete) !important;
	border: none
}
.removeDMSDomain,
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external{
	background-color: var(--secondary) !important;
	border: none !important
}
.tabbable-custom > .nav-tabs > li.active {
	border-color: var(--secondary)
}
.WebLinksA {
	display: block;
	margin-bottom: 2px !important;
}
.WebLinks.badge,
.qualificationElement {
	color: var(--darkest-grey) !important;
	font-weight: 400;
	line-height: 25px
}
.operatorElements {
	top: 50px;
	right: -2px;
}
.tabbable-custom li a {
	color: var(--secondary)
}
.tiles .tile {
	background-color: var(--secondary) !important;
	border-radius: 3px !important;
	border: none;
}
#active-webgroup a,
#menuBlocksSection i:before{
	color:var(--main);
	filter:brightness(1.5);
}
.operatorElements .tile-object .name {
	margin-left: 2px !important;
	width: 93% !important;
}
.form-group:has(.checker) {
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
}
table.dataTable th[colspan],
.table-advance thead tr th {
	background-color: var(--main) !important;
	color: #fff
}
.table-stri...