.main-content {
	overflow: hidden; /* oterwise body scrollbars without any apparent reason, beause of tables */
}

b, strong {
	font-weight: bold;
}

p {
	margin-bottom: 0.75em;
	font-size: inherit;
	font-weight: inherit;
}

a:hover {
	color: inherit;
}

@media (min-width: 1600px) {
	.col.col-xxl-4 { max-width: 33.3333%; flex: 0 0 33.3333%; }
}
@media (min-width: 1800px) {
	.col.col-xxxl-4 { max-width: 33.3333%; flex: 0 0 33.3333%; }
}

::placeholder {
  color: rgba(0, 0, 0, 0.25) !important;
  opacity: 1;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: rgba(0, 0, 0, 0.25) !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: rgba(0, 0, 0, 0.25) !important;
}

input.form-control {
	padding-left: 8px;
}
.form-control {
	color: #40464c;
}
.focused .form-control {
	color: #111111;
}
.btn.btn-sm {
	/*padding: 2px 4px;
	font-size: 12px;*/
}
.btn:not(.btn-sm) {
	padding-bottom: 8px;
}
.btn-inner--icon {
    vertical-align: middle;
    display: inline-block;	
}

.navbar.navbar-top .topbar-btn-new {
	margin-left: 16px;
	padding-top: 8px;
	background-color: #525f7f;
	color: white;
	border-radius: 25px;
	box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}
.navbar.navbar-top .topbar-btn-new.tb-bg-red {
	background-color: #ec1d25;
	background-color: #02b29b;
}
.navbar.navbar-top .topbar-btn-new:hover {
	box-shadow:none;
}

nav[aria-label="breadcrumb"] .breadcrumb-dark .breadcrumb-item,
nav[aria-label="breadcrumb"] .breadcrumb-dark .breadcrumb-item a {
	color:	#444444;
}
nav[aria-label="breadcrumb"] .breadcrumb-dark .breadcrumb-item.active,
nav[aria-label="breadcrumb"] .breadcrumb-dark .breadcrumb-item.active a {
	color:	#111111;
	cursor: default;
}
nav[aria-label="breadcrumb"] .breadcrumb-dark .breadcrumb-item:not(.active):hover a {
	/*color:	#777777;*/
}

/* Breadcrumb v2 */
.breadcrumb-wrap {
	padding-top: 4px;	
	text-align: right;
	padding-right: 8px;
}
.breadcrumb-item {
	font-size: 11px;
}
.breadcrumb-wrap .breadcrumb-dark .breadcrumb-item a:hover {
	color: var(--c-green);
}

/* rich edit - disable buttons */
.ql-toolbar .ql-image,
.ql-toolbar .ql-code {
	display: none !important;
}
.ql-container a,
.brief-response a {
	color: var(--c-green);
}
.ql-container a:hover,
.brief-response a:hover {
	text-decoration: underline;
}


/* V2 navbars ****************************************************************/

/* size control */
.navbar.navbar-top { font-size: 8px; --size8: 8px; --size4: 4px; --size10: 10px; --size11: 11px;  --size12: 12px;  --size13: 13px;  --size14: 14px;  --size16: 16px;  --size32: 32px;}
@media (min-height: 900px) { /* inclread bars for bigger screen */
	.navbar.navbar-top { font-size: 10px; --size8: 10px; --size4: 5px; --size10: 12px; --size11: 13px;  --size12: 14px;  --size13: 15px;  --size14: 16px;  --size16: 18px;  --size32: 35px;}
}
@media (min-height: 1100px) { /* inclread bars for bigger screen */
	.navbar.navbar-top { font-size: 12px; --size8: 12px; --size4: 6px; --size10: 12px; --size11: 14px;  --size12: 15px;  --size13: 16px;  --size14: 17px;  --size16: 16px;  --size32: 35px;}
}


.navbar {
}
.navbar1 {
	--logo-width: 12em; /*96*/
	--logo-pad: 4em; /*32*/
	box-shadow: 0 0 4px 0 rgb(0 0 0 / 32%);
    z-index: 1;	
	background-color: white !important;
}

@media (max-width: 1024px) {
	.navbar1 {
		--logo-width: 8em;
		--logo-pad: 1em;
	}
}
@media (max-width: 800px) {
	.navbar1 {
		--logo-width: 0;
		--logo-pad: 0;
	}
}
.main-content .navbar-top.navbar1 {
	padding: 4px;
	padding-left: calc(var(--logo-width) + var(--logo-pad) + var(--logo-pad)) !important;
}
.navbar1 .navbar-main-logo {
	position: absolute;
	left: var(--logo-pad);
	top: 0;
	width: var(--logo-width);
	height: 100%;
	background: left center no-repeat url(../res/adring/color-higher-res.png?v=2);
	background-size: contain;
}

.navbar ul.d-navbar-nav { /* list of buttons/actions */
	position: relative;
	list-style: none;
	margin: 0;
	padding: 8px 1em;
	/*white-space: nowrap;*/
	text-align: left;
}
body.mode-admin .d-navbar-nav.d-admin-center { text-align: center; margin: auto; }
body.mode-client .d-navbar-nav.d-client-center { text-align: center; margin: auto; }

.navbar2 ul.d-navbar-nav {
	width: 100%;
	margin: 0;
	padding: 8px 0;	
}

ul.d-navbar-nav li {
	position: relative;
	display: inline-block;
	margin: 0 32px;
	/*padding: var(--size4) 24px var(--size4) 22px;*/
	font-size: var(--size11);
	/*line-height: 1.5em;*/
	vertical-align: middle;
	border-radius: 4em;
	-webkit-transition: background-color 0.25s ease;
			transition: background-color 0.25s ease;
	cursor: pointer;
}
/*ul.d-navbar-nav li:first-child { margin-left: 0 !important; }
ul.d-navbar-nav li:last-child { margin-right: 0 !important; }*/

ul.d-navbar-nav li > * {
	padding: var(--size4) 24px var(--size4) 22px;
}
ul.d-navbar-nav li > *,
ul.d-navbar-nav li > a > * {
	display: inline-block;
	vertical-align: middle;
	white-space: nowrap;
}

ul.d-navbar-nav li i {
	font-size: var(--size14);
	-webkit-transition: transform 0.25s ease/*, color 0.25s ease*/;
			transition: transform 0.25s ease/*, color 0.25s ease*/;
}
ul.d-navbar-nav li.only-icon i {
	font-size: var(--size16);
}
ul.d-navbar-nav li i:not(:last-child) {
	margin-right: 6px;
}

ul.d-navbar-nav li:not(.active):hover i:not(:last-child) {
  /*-webkit-transform: scaleX(-1);
  transform: scaleX(-1);*/
}

.navbar1 ul.d-navbar-nav li { /* bar 1 bright */
	/*margin-left: 24px;
	margin-right: 24px;*/
	color: black !important;
	background-color: rgba(0, 0, 0, 0.08);
	/*line-height: var(--size14);*/
}
body.mode-client .navbar1 ul.d-navbar-nav li {
	margin-left: 8px;
	margin-right: 8px;
}
.navbar1 ul.d-navbar-nav li > * {
	color: black !important;
}
.navbar1 ul.d-navbar-nav li span {
	margin-top: -2px;
}
.navbar1 ul.d-navbar-nav li.active,
.navbar1 ul.d-navbar-nav li:hover {
	background-color: var(--c-green);
	color: white !important;
}
.navbar1 ul.d-navbar-nav li.active a > *,
.navbar1 ul.d-navbar-nav li:hover a > * {
	color: white !important;
}

/* bar 2 dark */
.navbar2 {
	--c-inactive: rgba(255, 255, 255, 0.64);
	--c-inactive2: rgba(255, 255, 255, 0.85);
	padding: 8px 0;
}

.navbar2 ul.d-navbar-nav li { 
	float:	left;
	margin-left: 4px;
	margin-right: 4px;
	padding: 0 4px;
	font-size: var(--size10);
	color: var(--c-inactive) !important;
}
.navbar2 ul.d-navbar-nav li:not(.right) { 
	margin-left: 8px;
	margin-right: 8px;
	background-color: rgba(255, 255, 255, 0);
}
.navbar2 ul.d-navbar-nav li.right:not(.only-icon) {
	color: white !important;
}
.navbar2 ul.d-navbar-nav li.right:not(.bg-green):not(.bg-blue):not(.bg-dblue):not(.bg-ddblue):not(.bg-orange):not(.only-icon) { 
	background-color: var(--c-blue);
}

.navbar2 ul.d-navbar-nav li.right { /* right-aligned buttons ex. "Modifier la recommandation" */
	float: right;
	text-transform: uppercase;
}
.navbar2 ul.d-navbar-nav li.right.only-icon {
	margin-left: 8px;
	margin-right: 0;
}
.navbar2 ul.d-navbar-nav li.only-icon > a {
	padding-left: 4px;
	padding-right: 4px;
}
.navbar2 ul.d-navbar-nav li.right.only-icon > a {
	padding-left: 8px;
	padding-right: 0;
}

.navbar2 ul.d-navbar-nav li > * {
	color: var(--c-inactive) !important;
}
.navbar2 ul.d-navbar-nav li.right:not(.only-icon) > * {
	color: var(--c-inactive2) !important;
	-webkit-transition: color 0.25s ease;
			transition: color 0.25s ease;
}
.navbar2 ul.d-navbar-nav li.only-icon:not(:hover) i {
	color: var(--c-inactive) !important;
}
.navbar2 ul.d-navbar-nav li:not(.only-icon).active,
.navbar2 ul.d-navbar-nav li:not(.only-icon):hover {
	background-color: rgba(255, 255, 255, 0.2);
	color: rgba(255, 255, 255, 1) !important;
}
.navbar2 ul.d-navbar-nav li:not(.only-icon).active a > *,
.navbar2 ul.d-navbar-nav li:not(.only-icon):hover a > * {
	color: rgba(255, 255, 255, 1) !important;
}
.navbar2 ul.d-navbar-nav li:not(.only-icon).right.active,
.navbar2 ul.d-navbar-nav li:not(.only-icon).right:hover {
	background-color: var(--c-green) !important;
}
.navbar2 ul.d-navbar-nav li.only-icon.active i,
.navbar2 ul.d-navbar-nav li.only-icon:hover i {
	color: var(--c-green) !important;
}


.d-head-user-name,
.d-head-user-disconnect {
	display: block;
    font-size: 14px; 
}
.d-head-user-disconnect {
    font-size: 12px; 
}
.d-head-user:hover .d-head-user-disconnect {
	text-decoration: underline;
	color: var(--c-green) !important;
}

/* Invalid inputs ************************************************************/

.input-group.is-invalid
{
	border: 2px dashed rgba(251, 107, 64, 0.44); /* #fb6340; */
}
.d-new-record .input-group.is-invalid
{
	border: 2px dashed rgba(11, 76, 222, 0.28); /* #fb6340; */
}
.input-group.is-invalid .form-control,
.input-group.is-invalid .input-group-prepend > span {
	background-color: rgba(244, 160, 64, 0.04);
}
.d-new-record .input-group.is-invalid .form-control,
.d-new-record .input-group.is-invalid .input-group-prepend > span {
	background-color: white;
}
.input-group.is-invalid .form-control:not(:hover) + .invalid-feedback {
	display: none !important;
}
.input-group.is-invalid .form-control:hover + .invalid-feedback {
	display: block;
	position: absolute;
	bottom: 100%;
	top: auto;left: 0; right: auto;
	z-index: 100;
	background-color: rgba(255, 255, 255, 0.75);
	color: #fb6340;
}

/* Datepicker */

.datepicker.datepicker-dropdown {
	padding-top: 	16px;
	padding-bottom: 16px; /* laisser voir titre colonne etc. */
	background-color: rgba(225, 225, 225, 0.85);
}
.datepicker.datepicker-dropdown > * {
	background-color: white;
	border-radius: 4px;
}

/* Tables */

.dataTables_wrapper.form-inline {
	display: block;
}
.table-wrap .row {
	/*display: block;*/
}

.table-wrap th, .table-wrap td {
    padding: 0.85rem 0.32rem;
}
.table-wrap tbody td {
    border-bottom: 1px solid #e9ecef;
}
.table-wrap th {
    padding: 0.85rem 0.32rem;
    border-top: 1px solid #e9ecef;
}
.table-wrap td {
	vertical-align: middle;
	font-size: 11px;
}
.table-wrap td:not(.d-col-actions) {
	white-space: normal;
}

.table-wrap tbody tr {
	-webkit-transition: box-shadow 0.5s ease;
			transition: box-shadow 0.5s ease;
}
.table-wrap tbody tr:hover {
	/*box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.16) inset;*/
}

.table-wrap th::before,
.table-wrap th::after {
	font-size: 120%;
}

table.dataTable tbody > tr.selected
{
	background-color: #bbc2ec;
}

/* top bar with filter and page size */
.table-wrap .dataTables_wrapper > div.row:first-child {
	opacity: 0.64;
}
.table-wrap .dataTables_wrapper > div.row:is(:first-child, :last-child) input,
.table-wrap .dataTables_wrapper > div.row:is(:first-child, :last-child) select {
	padding: 1px 5px !important;
	height: auto;
	line-height: 1.1;
}
.table-wrap .dataTables_wrapper > div.row:last-child .dataTables_length,
.table-wrap .dataTables_wrapper > div.row:last-child .dataTables_info {
	margin-top: 4px;
	padding-top: 0;
}

:is(.hide-page-size-selector.hide-top-search-input, .hide-top-controls) .table-wrap .dataTables_wrapper > div.row:first-child {
	display: none; /* hilde all top elements */
}
.hide-page-size-selector .table-wrap .dataTables_wrapper > div.row:first-child > div > .dataTables_length {
	display: none; /* hide page size selector above list */
}
.hide-top-search-input .table-wrap .dataTables_wrapper > div.row:first-child > div > .dataTables_filter {
	display: none; /* hide search field above list */
}


.choose-list-mode > i {
	font-size: 20px;
    vertical-align: middle;
}

/* lists - edit mode */

.d-list-edit-mode td {
	padding: 2px 4px;
}
.d-list-edit-mode .form-group {
	margin-bottom:	0 !important;
	font-size:	11px;
}
.d-list-edit-mode .form-control,
.d-list-edit-mode input.form-control,
.d-list-edit-mode .input-group-text {
	padding: 4px 2px 4px 4px;
	height: auto !important;
	font-size:	11px;
}

.d-list-edit-mode .input-group-merge .form-control:not(:first-child) {
	padding-left: 2px;
}

.d-list-edit-mode .form-control:not(:focus) {
	color: #8898aa;
}
.d-list-edit-mode .form-control:focus {
	color: black;
	box-shadow: 0 0 4px 0 rgba(0, 128, 196, 0.25) inset;
}

.d-list-edit-mode td .form-group .input-group {
	width: 100%;
}
.d-list-edit-mode td .form-inline .input-group {
	width: 100%;
}

.d-list-edit-mode td .d-element-date .input-group {
	min-width: 90px;
}

.d-list tr.d-modified-unsaved { /* highlight row if validation errors */
	box-shadow: 0 0 16px 0 rgba(0, 196, 0, 0.28) inset;
}

.bg-row-invalid,
.d-list tr.d-validations:not(.d-new-record) { /* highlight row if validation errors */
	box-shadow: 0 0 28px 0 rgba(196, 0, 0, 0.28) inset;
}
.bg-row-invalid-new,
.d-list tr.d-validations.d-new-record { /* highlight row if validation errors */
	box-shadow: 0 0 28px 0 rgba(73, 196, 255, 0.4) inset;
}


/* rows' subcontent */
.table-wrap tr[role="row"] + tr:not([role="row"]) {
	background-color: rgba(0, 0, 0, 0.02);
}
.table-wrap tr[role="row"] + tr:not([role="row"]) > td[colspan] { /* if all subcontent in one cell */
	padding: 8px 0 8px;
}


/* table pagination */
.pagination > li > a,
.pagination > li > span {
  border: 0;
  border-radius: 30px !important;
  transition: all .3s;
  padding: 0px 11px;
  margin: 0 3px;
  min-width: 30px;
  height: 30px;
  line-height: 30px;
  color: #999999;
  font-weight: 400;
  font-size: 12px;
  text-transform: uppercase;
  background: transparent;
}
.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
  color: #999999;
}
.pagination > .active > a,
.pagination > .active > span {
  color: #999999;
  text-align: center;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  background-color: #5e72e4;
  border-color: #5e72e4;
  color: #FFFFFF;
  box-shadow: 0 4px 5px 0 rgba(94, 114, 228, 0.14), 0 1px 10px 0 rgba(94, 114, 228, 0.12), 0 2px 4px -1px rgba(94, 114, 228, 0.2);
}


/* IFrame mode - remove left and top panels */
body.d-in-iframe nav.sidenav,
body.d-in-iframe nav.navbar-top, 
body.d-in-iframe .breadcrumb-wrap,
body.d-in-iframe .v4-topbar {
	display: none !important;
}


/* AdRing skin */

a {
	color: #007665;
}
.btn-primary,
.btn-success {
	background-color: #01b39a;
	border-color: #01b39a;
}

.navbar-top.border-bottom.navbar-dark {
	background-color: #222d43 !important;
	border-color: transparent !important;
}

.navbar-nav .text-black,
.navbar-nav a.text-black,
.navbar-nav .text-black span,
.navbar-nav .text-black a {
	color: black !important;
}
.year-selector a.active, .year-selector a:hover {
	color: white !important;
}

.navbar.navbar-top.navbar-expand::before {
	content: "";
	position: absolute;
	left: 4px;
    top: 50%;
    font-size: 50px;
	margin-top:-0.5em;
	width: 1em;
	height: 1em;
	background: center center no-repeat url(../res/adring/icon.png);
	background-size: contain;
}

.navbar-top .container-fluid {
	padding-left: 44px;
}