:root {
    --pel-color: #3299bb;
	--quality-color: #01579b; /* Light Blue 900 */
	--datasheet-color: #c62828; /* Red 800 */
	--risk-color: #e65100; /* Orange 900 */
	--scorecard-color: #558b2f;
	--survey-color: #0097a7;
	--invoicing-color: #004D40;
	--purchasing-color: #ad1457;
    --user-color: #4e342e;
    --company-color: #37474f;
	--compliance-color: #6A4FB3;
	--hover-color: #f3f3f3;
	--highlight-color: #fefdb9;
}

body {
    background-color: #fff;
    font-family: Roboto, sans-serif;
}

#main {
	min-width: 970px;
}

.container-fluid {
	min-width: 970px;
}

.contained {
	max-width: 940px;
}

.relative {
	position: relative;
}

.suggestions-container span .standard-suggestion:after {
	content: ", ";
}

.suggestions-container span .standard-suggestion:last-child:after {
	content: "";
}

li.token-input-token-facebook span {
	color: #000;
	margin-left: 0;
	font-weight: normal;
	cursor: default;
}
li.token-input-token-facebook .token-input-delete-token-facebook {
	color: #333;
	margin-left: 5px;
	font-weight: bold;
	cursor: pointer;
}

.bootstrap-dialog .container-fluid {
	min-width: auto;
}

.stats-category-up {
	position: absolute;
	top: 14px;
	right: 110px;
}

.pagination>li>a {
	color:  #000;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
	background-color: #777;
	border-color: #777;
}

.shadow-1 {
	box-shadow: 0 0 5px 1px rgba(0,0,0,.3);	
}

.border-bottom-fff {
	border-bottom: solid 1px white;
}

.border-bottom-777 {
	border-bottom: solid 1px #777;
}

label {
    font-weight: normal;
    line-height: 20px;
}

label.required {
    font-weight: bold;
}

label.neutral {
	font-weight: normal;
	line-height: normal;
	margin: 0;
	padding: 0;
}

.text-warning {
	color: orange;
}

#flash_feedback {
	position: fixed;
	bottom: 75px;
	left: 50px;
	z-index: 10000;
	max-width: 400px;
}

#flash_feedback .alert {
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.dim {
	opacity: 0.44;
}

li:hover .dim {
	opacity: 1;
}

th h3 {
	font-size: 18px;
	margin: 0;
}

.panel-body h5 {
	text-transform: uppercase;
	font-size: 14px;
	color: #777;
}

h4.panel-title,
h3.panel-title {
	font-size: 16px;
	font-weight:normal;
}

.smaller-panel h4.panel-title,
.smaller-panel h3.panel-title {
	font-size: 14px;
}

.panel-heading i.fa-caret-right {
	-msie-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	transform: rotate(90deg);
	-msie-transition: transform 0.33s ease-in-out 0s;
	-webkit-transition: transform 0.33s ease-in-out 0s;
	-moz-transition: transform 0.33s ease-in-out 0s;
	transition: transform 0.33s ease-in-out 0s;
}

.panel-collapsed .panel-heading i.fa-caret-right {
	/*transition: transform 0.33s ease-in-out 0s;
	transform: rotate(0deg);*/

	-msie-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	transform: rotate(0deg);
	-msie-transition: transform 0.33s ease-in-out 0s;
	-webkit-transition: transform 0.33s ease-in-out 0s;
	-moz-transition: transform 0.33s ease-in-out 0s;
	transition: transform 0.33s ease-in-out 0s;
}

.panel-default>.panel-heading .badge
{
	color: #fff;
	background-color: #777;
}

.panel-heading.with-button h3,
.panel-heading.with-xs-button h3,
.panel-heading.with-button h4,
.panel-heading.with-xs-button h4
{
	margin-top: 3px;
}

.panel-heading.with-sm-button h3,
.panel-heading.with-sm-button h4 {
	margin-top: 7px;
}

#user_searches {
	margin-bottom: 63px;
}

#user_searches .panel-body  {
	padding: 0;
}

#user_searches .panel-body .panel-group  {
	margin: 0;
}

#user_searches .panel-body .panel  {
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin:0 !important;
}

#user_searches .panel-body h4 {
	font-weight: normal;
	font-size: 14px;
}

#user_searches .panel-body .panel-heading {
	background-color: white;
	border-bottom: 1px solid #ddd;
}

.form-help-icon .fa {
	color: #777;
	padding: 3px;
}

.nav-tabs li a.has-error {
	font-weight: bold;
	color: #a94442;
}

/* @group MODULE COLORS */

.module-bg,
#module-menu-tray,
#module-menu-tray footer,
#main-toolbar {
    background-color: var(--pel-color);
}

.quality .module-color-1,
.quality-color {
    color: var(--quality-color);
}

.quality .module-bg,
.quality #module-menu-tray,
.quality #module-menu-tray footer,
.quality #main-toolbar,
.welcome .quality-card .panel-body {
    background-color: var(--quality-color);
}

.scorecard .module-color-1,
.scorecard-color {
	color: var(--scorecard-color);
}

.scorecard .module-bg,
.scorecard #module-menu-tray,
.scorecard #module-menu-tray footer,
.scorecard #main-toolbar,
.welcome .scorecard-card .panel-body {
	background-color: var(--scorecard-color);
}

.survey .module-color-1,
.survey-color {
	color: var(--survey-color);
}

.survey .module-bg,
.survey #module-menu-tray,
.survey #module-menu-tray footer,
.survey #main-toolbar,
.welcome .survey-card .panel-body {
	background-color: var(--survey-color);
}

.datasheet .module-color-1,
.datasheet-color {
	color: var(--datasheet-color);
}

.datasheet .module-bg,
.datasheet #module-menu-tray,
.datasheet #module-menu-tray footer,
.datasheet #main-toolbar,
.welcome .datasheet-card .panel-body {
	background-color: var(--datasheet-color);
}

.risk .module-color-1,
.risk-color {
    color: var(--risk-color);
}

.risk .module-bg,
.risk #module-menu-tray,
.risk #module-menu-tray footer,
.risk #main-toolbar,
.welcome .risk-card .panel-body {
    background-color: var(--risk-color);
}

.purchasing .module-color-1,
.purchasing-color {
    color: var(--purchasing-color);
}

.purchasing .module-bg,
.purchasing #module-menu-tray,
.purchasing #module-menu-tray footer,
.purchasing #main-toolbar,
.welcome .purchasing-card .panel-body {
    background-color: var(--purchasing-color);
}

.user .module-color-1,
.user-color {
	color: var(--user-color);
}

.user #module-menu-tray,
.user #module-menu-tray footer,
.user #main-toolbar,
.welcome .user-card .panel-body {
	background-color: var(--user-color);
}

.company .module-color-1,
.company-color {
	color: var(--company-color);
}

.company #module-menu-tray,
.company #module-menu-tray footer,
.company #main-toolbar,
.welcome .company-card .panel-body {
	background-color: var(--company-color);
}

.invoicing .module-color-1,
.invoicing-color {
	color: var(--invoicing-color);
}

.invoicing .module-bg,
.invoicing #module-menu-tray,
.invoicing #module-menu-tray footer,
.invoicing #main-toolbar,
.welcome .invoicing-card .panel-body {
	background-color: var(--invoicing-color);
}

.compliance .module-color-1,
.compliance-color {
	color: var(--compliance-color);
}

.compliance .module-bg,
.compliance #module-menu-tray,
.compliance #module-menu-tray footer,
.compliance #main-toolbar,
.welcome .compliance-card .panel-body {
	background-color: var(--compliance-color);
}

/* @end */

/* @group WELCOME SCREEN */

.welcome {
	padding-top: 20px;
	max-width: 1270px;
}

.welcome h2 {
	color: white;
	margin: 0;
	font-family: Oswald, sans-serif;
	font-size: 22px;
	font-weight: 400;
	margin-bottom: 4px;
}

.welcome .panel-body {
	height: 150px;
	position: relative;
	cursor: pointer;
}

.welcome .panel ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.welcome .module-go {
	position: absolute;
	bottom: 10px;
	right: 20px;
	font-size: 24px;

}

.welcome .module-go a {
	color: white;
}

.welcome .cards a {
	color: white;
	text-decoration: none;
}

/* @end */

/* @group POPOVERS */

.tip-content {
	display: none;
}

.popover {
	max-width: 700px;
	color: #000;
}

.popover hr {
	margin-top: 10px;
	margin-bottom: 10px;
}

/* @end */

/* @group dropdown-menu */

.heading-wrapper .dropdown-menu,
#main-toolbar .dropdown-menu,
.notifier-parent .dropdown-menu {
	padding: 9px 14px;
/*	max-width: 100%; */
	color: #000;
	margin-top: 10px;
}

.ref-edit-type2-cnt .dropdown-menu {
	padding: 9px 14px;
	color: #000;
	margin-top: 10px;
}

.heading-wrapper .dropdown-menu hr,
#main-toolbar .dropdown-menu hr,
.ref-edit-type2-cnt .dropdown-menu hr,
.notifier-parent .dropdown-menu hr {
	margin-top: 10px;
	margin-bottom: 10px;
}

.heading-wrapper .dropdown-menu > .arrow,
#main-toolbar .dropdown-menu > .arrow,
.ref-edit-type2-cnt .dropdown-menu > .arrow,
.notifier-parent .dropdown-menu > .arrow,
.heading-wrapper .dropdown-menu > .arrow::after,
#main-toolbar .dropdown-menu > .arrow::after,
.ref-edit-type2-cnt .dropdown-menu > .arrow::after,
.notifier-parent .dropdown-menu > .arrow::after {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
}

.heading-wrapper .dropdown-menu > .arrow:after,
#main-toolbar .dropdown-menu > .arrow:after,
.ref-edit-type2-cnt .dropdown-menu > .arrow:after,
.notifier-parent .dropdown-menu > .arrow:after {
	top: 1px;
	margin-left: -10px;
	content: " ";
	border-bottom-color: #fff;
	border-width: 10px;
	border-top-width: 0;
}

.heading-wrapper .dropdown-menu > .arrow,
#main-toolbar .dropdown-menu > .arrow,
.ref-edit-type2-cnt .dropdown-menu > .arrow,
.notifier-parent .dropdown-menu > .arrow {
	top: -11px;
	left: 50%;
	margin-left: -11px;
	border-width: 11px;
	border-top-width: 0;
	border-bottom-color: #999;
	border-bottom-color: rgba(0, 0, 0, .25);
}

.toolbar-menu-help {
	line-height: 45px;
	margin-left: 10px;
	opacity: .6;
}

/* @end */

/* @group MODALS */

.bootstrap-dialog.type-primary .modal-header,
.bootstrap-dialog.type-default .modal-header,
.modal-header {
	background-color: #999 !important;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.bootstrap-dialog.type-primary .bootstrap-dialog-title,
.bootstrap-dialog.type-default .bootstrap-dialog-title,
.modal-title {
	color: #fff !important;
	font-size:16px !important;
}

/* @end */

/* @group MAIN HEADER */

#main-header {
    background-color: #fff;
    z-index: 220;
    width: 100%;
	min-width:970px;
    height: 45px;
    color: #797979;
   	position: relative;
}

#main-header h1 {
    text-indent: -9999px;
    float: left;
	margin: 4px 15px 5px 0;
	height: 36px;
    background-repeat: no-repeat;
    background-size: contain;
	background-position: center center;
}

#main-header h2 {
    font-family: Oswald, sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 42px;
	margin: 0 8px 0 0;
	float: left;
    height: 45px;
}

#module-selector {
    border-left: solid 1px #d0d0d0;
}

#module-selector .dropdown-toggle {
    padding-left: 15px;
    height: 45px;
    cursor: pointer;
}

#module-selector i.fa-caret-down {
    line-height: 45px;
    float: left;
    height: 45px;
}

#logged-user {
    line-height: 45px;
    margin-left: 30px;
}

#logged-user .dropdown-toggle {
	cursor: pointer;
}

/* id vers class car support est utilisé ailleurs dans des formulaires */
#main-header .support {
	line-height: 41px;
	padding-top: 1px;
	position: relative;
	width:18px;
}

#main-header .support a {
	color: #797979;
}

#main-header .home-button {
	float:left;
	margin-left: -15px;
	margin-right: 15px;
}

#main-header .home-button a {
	color: #797979;
	height: 45px;
	width: 45px;
	line-height: 45px;
	text-align: center;
	display: block;
	border-right: 1px solid #d0d0d0;
}

#main-header .home-button a:hover {
	background-color: rgba(0, 0, 0, .1);
}

#test-mode-flag {
	margin-top: 11px;
	margin-right: 30px;
}

/* @end */

/* @group MODULE MENU */

#module-menu-overlay, #news-overlay {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 5000;
    background-color: rgba(0,0,0,0.8);
}

#module-menu-tray {
	position: fixed;
	z-index: 5001;
    top: 0;
    bottom: 0;
    left: 0;
    width: 333px;
    color: #fff;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
}

#module-menu-tray footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 12px;
    color: rgba(255,255,255,0.8);
	padding-bottom: 18px;
	padding-left: 30px;
	padding-right: 20px;
}

#module-menu-tray .dropdown {
	margin-top: 17px;
	margin-left: 30px;
}

#module-menu-tray .dropdown .fa {
	float: left;
	line-height: 24px;
	opacity: 1;
}

#module-menu-tray h2 {
	font-family: Oswald, sans-serif;
	font-size: 22px;
	font-weight: 400;
	margin-top: 0;
	float: left;
	margin-right: 8px;
}

#menu-tray-close {
	font-size: 16px;
	margin-right: 10px;
	margin-top: 16px;
}

#module-menu-tray #menu-tray-close a {
	display: inline;
	padding: 8px 10px;
	color: #fff;
}

#module-menu-tray nav {
	position: absolute;
	left: 0;
	right: 0;
	top: 60px;
	bottom: 73px;
	overflow: auto;
}

#module-menu-tray nav .fa-solid,
#module-menu-tray nav .fa-regular,
#module-menu-tray nav .fa {
	margin-right: 3px;
	opacity: .44;
}

#module-menu-tray nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#module-menu-tray nav ul:first-of-type {
	font-weight: 700;
}

#module-menu-tray nav ul li {
	font-size: 14px;
}

#module-menu-tray nav a {
	padding-left: 30px;
	display: block;
	line-height: 27px;
	color: #fff;
	text-decoration: none;
}

#module-menu-tray nav a:hover,
#menu-tray-close a:hover {
	background-color: rgba(255,255,255,.2);
}

#module-menu-tray nav ul li:first-child {
	padding-top: 13px;
}

#module-menu-tray nav ul:first-of-type li:first-child {
	padding-top: 0;
}

#module-menu-tray nav ul li:last-child {
	border-bottom: 1px solid rgba(255,255,255,0.44);
	padding-bottom: 13px;
}

#module-menu-tray nav ul:last-of-type li:last-child {
	border: none;
}

#module-menu-tray nav ul li.gap {
	height: 12px;
}

#module-menu-tray nav ul li.selected a:before {
	font-family: FontAwesome;
	font-size: 12px;
	font-weight: normal;
	content: "\f111";
	margin-right: 8px;
	opacity: .7;
}

#module-menu-tray nav ul li.selected a {
	padding-left: 11px;
}

.slide-in {
    animation: slide-in 0.2s forwards;
    -webkit-animation: slide-in 0.2s forwards;
}

.slide-out {
    animation: slide-out 0.2s forwards;
    -webkit-animation: slide-out 0.2s forwards;
}

@keyframes slide-in {
    100% { transform: translateX(0%); }
}

@-webkit-keyframes slide-in {
    100% { -webkit-transform: translateX(0%); }
}

@keyframes slide-out {
    0% { transform: translateX(0%); }
    100% { transform: translateX(-100%); }
}

@-webkit-keyframes slide-out {
    0% { -webkit-transform: translateX(0%); }
    100% { -webkit-transform: translateX(-100%); }
}

/* @end */

/* @group MAIN TOOLBAR */

#main-toolbar {
    color: white;
    height: 45px;
	z-index: 210;
	position: relative;
}

#main-toolbar.affix {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
}

#main-toolbar-wrapper {
	min-height: 45px;
}

#main-toolbar h3 {
    font-family: Oswald, sans-serif;
    font-weight: 400;
    font-size: 20px;
    margin: 0 10px 0 15px;
    line-height: 45px;
}

#main-toolbar .toolbar-icon.menu-icon {
	border-right: 1px solid #fff;
	margin-left: -15px;
}

#main-toolbar .toolbar-icon.menu-icon:hover {
	border-right: 1px solid #fff;
}

#main-toolbar .toolbar-icon-container {
	width: 45px;
	height: 45px;
	display: inline-block;
}

#main-toolbar .toolbar-icon {
	display: inline-block;
	width: 45px;
	height: 45px;
	text-align: center;
	color: #fff;
	font-size: 18px;
    line-height: 45px;
	background: none;
	border: none;
	padding: 0;
}

#main-toolbar .toolbar-icon:hover,
#main-toolbar .toolbar-icon.icon-active {
	background-color: rgba(255,255,255,.2);
	border: none;
}

.filtered #main-toolbar .search-icon:before {
	position: absolute;
	content: '';
	background-color:#FF0000;
	border-radius:50%;
	width: 8px;
	height: 8px;
	pointer-events: none;
	top: 24px;
}

.toolbar-spacer {
	width: 15px;
}

/* @end */

/* @group FORM LIST */
 
.form-list-loading {
	display: none;
}

.form-list-create {
	display:none;
}

.form-list-heading,
.pel-form-heading {
	background-color: #eaeaea;
	padding-top: 7px;
	line-height: normal;
	font-size: 1em;
	z-index: 100;
	position:  relative;
	height: 45px;
}

.form-list-heading.affix,
.pel-form-heading.affix {
	position: fixed;
	top: 45px;
	right: 0;
	left: 0;
}

.heading-wrapper {
	min-height:45px;
}

/*
.form-list-heading.affix + div,
.pel-form-heading.affix + div {
    margin-top: 93px;
}
*/

.filtered .form-list-heading,
.btn-filtered {
	background-color: var(--highlight-color) !important;	
}

.form-list-heading h3 {
	margin: 0 15px 0 0;
	font-size: 14px;
	line-height: 30px;
	color:  #777;
}

.form-list-heading .label {
	margin-right: 15px;
}

.form-list-heading .btn.disabled,
.form-list-heading .btn.actual-sort {
	background-color: #777;
	border-color: #777;
	color: #fff;
	opacity: 1;
}

#list-order-links .next-icon {
	display: none;
}

#list-order-links .actual-sort:hover .next-icon {
	display: inline-block;
}

#list-order-links .actual-sort:hover .current-icon {
	display: none;
}

.container-fluid>.alert {
	margin-top: 15px;
}

#main, #result_placeholder, #btt_zone_principale {
	min-height: 600px;
}

.form-list-results {
	margin-right: -15px;
	margin-bottom: 53px;
	margin-left: -15px;
	padding-bottom: 22px;
}

.form-list-results.loading {
	background: url('/assets/img/ajax_loading.gif') no-repeat bottom center;
}

.panel .form-list-results {
	margin: 0;
	padding-bottom: 0;
}

.form-list-results .list-group-item {
	border-radius: 0;
	padding-top: 7px;
	padding-bottom: 7px;
	-webkit-user-select: none; /* webkit (safari, chrome) browsers */
	-moz-user-select: none; /* mozilla browsers */
	-khtml-user-select: none; /* webkit (konqueror) browsers */
	-ms-user-select: none; /* IE10+ */
}

.form-list-results .list-group-item:first-child {
	padding-top: 10px;
}

.form-list-results .list-group-item.selected,
.form-list-results .list-group-item.selected:hover {
	background-color: var(--highlight-color);
}

.form-list-results .list-group-item:hover,
.checkbox-list .checkbox-inline:hover {
	background-color: var(--hover-color);
}

.form-list-info {
	margin-right: 120px;
}

.form-list-results .list-group-item .form-list-button {
	visibility: hidden;
}

#settings_values .form-list-results .list-group-item .form-list-button {
	visibility: visible;
}

.form-list-results .list-group-item:hover .form-list-button,
.form-list-results .list-group-item:active .form-list-button {
	visibility: visible;
}

.form-list-results .list-item-part {
	float: left;
	margin-right: 30px;
	line-height: 22px;
}

.list-status-icon,
.list-checkbox {
	width: 15px;
	height: 18px;
}

.silk-icon {
	max-height: 18px;
}

.list-status-icon-date {
	width: 90px;
	height: 18px;
	text-align: right;
}

.list-status-iconx2 {
	width: 38px;
	height: 18px;
}

.list-status-iconx3 {
	width: 59px;
	height: 18px;
}

.form-list-results .icon {
	display:inline-block;
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 16px;
	margin-right: 3px;
	background-position: 0;
	height: 20px;
}

.form-list-results .list-reference {
	font-weight: bold;
	width: 250px;
}

.form-list-auditplanning .list-reference,
.form-list-auditschedule .list-reference,
.form-list-auditreport .list-reference {
	width: 300px;
}

.form-list-results .list-reference-id {
	font-weight: bold;
	width: 40px;
}

.form-list-results .list-reference-idx2 {
	font-weight: bold;
	width: 100px;
}

.list-auditschedule .list-reference,
.list-auditplanning .list-reference,
.list-groups .list-reference {
	width: inherit;
}

/* TODO pb avec le float:none ci-dessous
OK FF 52+, Safari, Chrome
PB sur FF 51
 */

.form-list-results .list-item-part:last-child {
	float: none;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: auto;
}

.form-list-footer,
.pel-form-footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 99;
	background-color: #eaeaea;
	padding-bottom: 8px;
	padding-top: 8px;
	line-height: normal;
	font-size: 1em;
}

.pel-form-footer .btn:first-of-type {
	margin-left: 25px;
}

.form-list-footer #list-delete {
	margin-left: 30px;
}

.form-list .pagination {
	margin: 0 15px 0 0;
}

#list_loading {
    display: none;
    position: fixed;
    bottom: 0;
    top: 0;
    right: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .8);
    color: #fff;
    z-index: 150;
    text-align: center;
    font-size: 16px;
    padding-top: 300px;
}

/* @end */

/* @group ADVANCED SEARCH */


#advanced_search_form {
}

#search_block {
	padding-top: 5px;
	padding-bottom: 5px;
}

#template_search_lines {
	display: none;
}

.search_line {
	margin-bottom: 5px;
}

.search_line .search_field {
	width: 215px;
	display: inline-block;
	margin-right: 5px;
	padding-left: 5px;
	padding-right: 5px;
}

.search_line .search_operator {
	width: 165px;
	display: inline-block;
	margin-right: 5px;
	padding-left: 5px;
	padding-right: 5px;
}

.search_line .search_value {
	width: 215px;
	display: inline-block;
	margin-right: 5px;
}

.search_line .and_or_space
{
	width:  55px;
	display: inline-block;
}

.search_line .and_or_space select {
	margin-right: 5px;
	display: inline-block;
	width:  50px;
	position: relative;
	bottom: 15px;
	padding-left: 5px;
	padding-right: 5px;
}

.search_line .plus_line {
	margin-right: 3px;
}

.search_line a.plus_line,
.search_line a.minus_line {
	color: #999;
}

#search_block .search_buttons {
	margin-top: 10px;
}	

#favorite_search_id {
 	width: 215px;	
}

#favorite_search_block #action_links a {
	margin-left: 5px;
}

/* @end */

/* @group FORM ADD */

.form-add,
.form-add-nocheck {
	padding: 5px;
}

.form-add .newref {
	width: 230px;
}

.form-add .submit-ref,
.form-add-nocheck .submit-ref{
	margin-left: 10px;
}

.form-add .has-feedback.new-ref-group .form-control-feedback {
	top: 10px;
}

form .right-preset:first-of-type {
	margin-left: 10px;
}

.form-add .check-ref-feedback {
	display: none;
	margin-top: 10px;
}

.form-add .from-other input {
	width: 220px;
}

.form-add #froms-group .glyphicon-ok,
.form-add #froms-group .fa-check,
.form-add #froms-group .glyphicon-exclamation-sign,
.form-add #froms-group .fa-exclamation-circle {
	display: none;
}

.form-add select {
	margin-left: 7px;
}

#po_add .form-group .form-control-feedback,
#support_add .form-group .form-control-feedback,
#quotation_add .form-group .form-control-feedback,
#invoice_add #reference-group.form-group .form-control-feedback,
#creditnote_add #reference-group.form-group .form-control-feedback {
	display: none;
	line-height: 30px;
}

#po_add .form-group,
#support_add .form-group {
	margin-bottom: 0;
}

#po_add #create-bc,
#quotation_add #create-bc,
#invoice_add #create-bc,
#creditnote_add #create-bc {
	margin-top: 25px;
}

#document_add .form-group label {
	position: relative;
	height: 40px;
	width: 100%;
}

#document_add .form-group label strong {
	position: absolute;
	bottom: 0;
	width: 100%;
}

#document_add select {
	margin-left:0;
}

#check-document-feedback a {
	color: inherit;
}

#invoice_add .from-quotation-wrapper .control-label,
#creditnote_add .from-invoice-wrapper .control-label {
	margin-bottom: 0;
	vertical-align: middle;
}

#invoice_add .from-quotation-wrapper .form-group,
#creditnote_add .from-invoice-wrapper .form-group {
	display: inline-block;
	margin-bottom: 0;
	vertical-align: middle;
}
/* @end */

/* @group PEL FORM */

#pel-form {
	background-color: #fff;	
	padding-bottom: 53px;
}

#form-owner {
	line-height: 34px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#pel-form hr {
	margin-top: 8px;
	margin-bottom: 15px;
}

.heading-wrapper + .container-fluid {
	padding-top: 20px;
}

.form-list .heading-wrapper + .container-fluid {
	padding-top: 0;
}

a.list-icon {
	display: inline-block;
	width: 45px;
	height: 45px;
	text-align: center;
	color: #919191;
	font-size: 18px;
    line-height: 45px;
	border-right: 1px solid #c0c0c0;
	margin: -7px 15px -8px -15px;
}

a.list-icon:hover {
	background-color: rgba(255,255,255,.8);
}

a.list-icon.btn-stats-show-edit-mode,
a.list-icon.btn-stats-hide-edit-mode {
	border-right: 0;
	margin-right: 0;
}

.pel-form-ref h4 {
	margin: 0;
	line-height: 30px;
	display:inline;
}

.pel-form-ref .ref-edit-cnt:not(.no-edit) h4 {
	cursor: pointer;
}

.pel-form-ref h4 i {
	margin-left: 10px;
	color: #919191;
}

.pel-form-ref .ref-edit-cnt,
.pel-form-ref .ref-edit-type2-cnt {
	display: inline-block;
}

.pel-form-ref .ref-edit-cnt input[type=text] {
	width: 300px;
	display: inline-block;
}

.pel-form-ref .ref-edit-cnt > div {
	display: none;
	position: relative;
	bottom: 1px;
}

.ref-edit-feedback {
	display: inline-block;
	margin-left: 10px;
}

#form-privacy {
	padding-top: 5px;
}

#form-files, 
#form-actions {
	margin-left: 15px;
}

#form-file-button span {
	margin-left: 5px;
}

.action-action {
	position: relative;
}

.action-action i {
	position: absolute;
	top: 0;
	right: 0;
}

.onlyfirst {
	height: 20px;
	overflow: hidden;
}

.action-text {
	margin-right: 65px;
}

.action-full-text {
	display: none;
}

.action-preview-text {
	height: 20px;
	overflow: hidden;
}

.action-ellipsis {
	display: none;
}

.with-full-text .action-ellipsis {
	display: block;
}

.show-full-text .action-full-text {
	display: block;
}

.show-full-text .action-preview-text,
.show-full-text .action-ellipsis
{
	display: none;
}


/* .panel-body .row:last-child .form-group {
	margin-bottom: 6px;
} */

button.signed {
	color: #4e8f00;
}

a.btn-plus {
	margin-right: 5px;
}

a.btn-plus,
a.btn-minus {
	color: #999;
	position:relative;
	top:4px;
}

/* @end */

/* @group TEST */

.pagination {
	margin: 0 15px 0 0;
}

/* @end*/


.entity-users .form-list-results {
	margin-left: 0;
	margin-right: 0;
}

/* @group BANETTES */

/* Pour les tri / entetes de colonnes: V1 */

.table-sort thead th a.sort:hover {
	text-decoration: none;
}

.table-sort thead th a.sort i {
	display: none;
}

.table-sort thead th.amount a.sort.asc i.fa-sort-amount-asc,
.table-sort thead th.numeric a.sort.asc i.fa-sort-numeric-asc,
.table-sort thead th.alpha a.sort.asc i.fa-sort-alpha-asc {
	display: inline-block;
}

.table-sort thead th.amount a.sort.desc i.fa-sort-amount-desc,
.table-sort thead th.numeric a.sort.desc i.fa-sort-numeric-desc,
.table-sort thead th.alpha a.sort.desc i.fa-sort-alpha-desc {
	display: inline-block;
}

.table-sort thead th.amount a.sort:hover i.fa-sort-amount-desc,
.table-sort thead th.numeric a.sort:hover i.fa-sort-numeric-asc,
.table-sort thead th.alpha a.sort:hover i.fa-sort-alpha-asc {
	display: inline-block;
}

.table-sort thead th.amount a.sort.asc:hover i.fa-sort-amount-desc,
.table-sort thead th.numeric a.sort.asc:hover i.fa-sort-numeric-desc,
.table-sort thead th.alpha a.sort.asc:hover i.fa-sort-alpha-desc {
	display: inline-block;
}

.table-sort thead th.amount a.sort.asc:hover i.fa-sort-amount-asc,
.table-sort thead th.numeric a.sort.asc:hover i.fa-sort-numeric-asc,
.table-sort thead th.alpha a.sort.asc:hover i.fa-sort-alpha-asc {
	display: none;
}

.table-sort thead th.amount a.sort.desc:hover i.fa-sort-amount-asc,
.table-sort thead th.numeric a.sort.desc:hover i.fa-sort-numeric-asc,
.table-sort thead th.alpha a.sort.desc:hover i.fa-sort-alpha-asc {
	display: inline-block;
}

.table-sort thead th.amount a.sort.desc:hover i.fa-sort-amount-desc,
.table-sort thead th.numeric a.sort.desc:hover i.fa-sort-numeric-desc,
.table-sort thead th.alpha a.sort.desc:hover i.fa-sort-alpha-desc {
	display: none;
}

/* @end */

/* @group NEWS */

#notifier {
	/*line-height: 41px;
    padding-top: 4px;*/
	top: 7px;
	font-size: 13px;
	position: relative;
	margin-left: 30px;
}

#notifier span {
	position: absolute;
	color: #fff;
	font-weight: bold;
	left: 0;
	bottom: 7px;
	width: 26px;
	display: block;
	text-align: center;
	font-size: 12px;
	line-height: 12px;
}

a#notifier {
	color: #797979;
}

a#notifier.unread {
	color: #f00;
}

.news-popover,
.notifier-parent .dropdown-menu {
	position: fixed;
	width: 500px;
	bottom: 10px;
	right: 10px;
	/* Ces 2 overflow enlevent la fleche ... */
	overflow-x: hidden;
	overflow-y: scroll;
}

#news-tray {
	position: fixed;
	z-index: 5001;
	top: 0;
	bottom: 0;
	left: 0;
	width: 667px;
	color: #fff;
	background-color: var(--pel-color);
	transform: translateX(-100%);
	-webkit-transform: translateX(-100%);
}

#news {
	position: absolute;
	top: 30px;
	bottom: 30px;
	left: 30px;
	right: 30px;
	overflow: auto;
}

#news .news-block {
	margin-bottom: 45px;
}

#news .news-block.unread {
	border-left: solid 4px white;
	padding-left: 15px;
}

#news .news-block h3 {
	margin-top: 0;
	font-size: 18px;
	font-weight: bold;
}

#news .news-block.news-maintenance h3 {
	color: #FFFF00;
}

#news .news-block a {
	color: white;
	background-color: rgba(255, 255, 255, .2);
	padding: 3px;
}

#news .news-block .news-date {
	color: rgba(255, 255, 255, .44);
}

#news .news-block .news-subtitle {
	margin-bottom: 15px;
}

.news-tags {
	text-transform: uppercase;
}

#news-tray-close {
	font-size: 16px;
	margin-right: 10px;
	margin-top: 16px;
}

#news-tray-close a {
	display: inline;
	padding: 8px 10px;
	color: #fff;
}

#news-tray-close a:hover {
	background-color: rgba(255, 255, 255, .2);
}

/* @end */

/* @group BANETTES */

#btt_zone_modif {
	display: none;
	padding-bottom: 15px;
}

#btt_zone_modif .nav {
	margin-top: 15px;
	margin-bottom: 15px;
	border: solid 1px rgba(255, 255, 255, .5);
	border-radius: 4px;
}

#btt_zone_modif hr {
	border-color: rgba(255, 255, 255, .5);
	border-style: dotted;
	margin-top: 8px;
	margin-bottom: 8px;
}

#btt_zone_modif .nav li + li {
	margin-left: 0;
}

#btt_zone_modif .nav a {
	color: rgba(255, 255, 255, .6);
	background-color: transparent;
	padding: 8px 12px;
}

#btt_zone_modif .nav a:hover {
	color: #337ab7;
	background-color:  rgba(255, 255, 255, 1);
}

#btt_zone_modif .nav .active a {
	color: rgba(255, 255, 255, 1);
	background-color:  rgba(255, 255, 255, .3);
}

#btt_zone_modif .tab-pane .rech {
	column-count: 3;
}

#btt_zone_modif .tab-pane .rech .btt_bloc {
	-webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
	page-break-inside: avoid; /* Firefox */
	break-inside: avoid; /* IE 10+ */
	break-inside: avoid-column; /* W3C */
}

#btt_zone_modif h4 {
	color: #fff;
	font-size: 14px;
	margin-top:15px;
	margin-bottom: 5px;
}

#btt_zone_modif .btt_bloc {
	color: #fff;
	cursor: move;
	padding-bottom: 2px;
	padding-top: 2px;
}

#btt_zone_modif .btt_bloc .fa {
	opacity: .44;
}

#btt_zone_modif .btt_bloc.btt_rech_no_use {
	display: none;
	/* text-decoration: line-through;
	cursor: auto;
	opacity: .2; */
}

#btt_zone_principale {
	padding-top:15px;
	padding-bottom: 20px;
}

#empty-desktray-instructions,
.empty-desktray.edit-on #empty-desktray-instructions {
	display: none;
}

.empty-desktray #empty-desktray-instructions {
	display: block;
}

.btt_bloc.dragged {
	min-width: 500px;
}

.btt_col {
	border: 1px dashed transparent;
	padding: 1px;
}

.edit-on .btt_col {
	border: 1px dashed #aaa;
	min-height: 100px;
	border-radius: 4px;
	background-color: #fafafa;
}

.edit-on .btt_col .panel-heading {
	cursor: move;
}

.btt_col .list-group-item {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* @end */

/* Autocomplete au dessus de tout */
.ui-autocomplete {
	z-index: 9999 !important;
}

.ui-autocomplete-loading {
	background: #fff url(/assets/img/ajax_loading.gif) no-repeat right center;
}

/* Ligne de l'autocomplete à width 100% */
.ui-menu .ui-menu-item-wrapper {
	display: block;
}

/* Date picker au dessus de tout */
.ui-datepicker {
	z-index: 9999 !important;
}

/* popover au dessus de presque tout: mais bousille les popover ref */
.popover {
	/*z-index: 1002 !important;*/
}

/* File upload / file attached dialog */

.files-container {
	border: 1px solid rgb(221, 221, 221);
	border-radius : 4px;
}

.files-container li {
	display: flex;
	gap: 8px;
	align-items: center;
	justify-content: space-between;
	flex-wrap: nowrap;
	padding: 10px 13px;
	border-bottom: 1px solid rgb(221, 221, 221);
}

.files-container li:last-of-type {
	border-bottom: none;
}

.files-container li:hover {
	background-color: #f3f3f3;
}

.files-container input[type=checkbox] {
	margin-top: 0;
}

.files-container label {
	margin: 0;
	flex-shrink: 0;
}

.files-container .file-link {
	flex-grow: 1;
	word-break: break-all;
}

.files-container .file-link .size {
	word-break: normal;
	white-space: nowrap;
}

.file-link {
	display: flex;
	gap: 4px;
	align-items: center;
}

.filename-edit {
	visibility: hidden;
}

.files-container .file-link:hover .filename-edit {
	visibility: visible;
}
.files-container .file-link a {
	border: 1px solid transparent;
	padding-left: 1px;
	padding-right: 1px;
}

.files-container .file-link:hover a {
	border: 1px dotted #666;
	border-radius: 3px;
}

.filename-save,
.filename-cancel,
.filename-loading,
.filename-edit-field {
	display: none;
}

.editing .filename-save,
.editing .filename-cancel,
.editing .filename-edit-field {
	display: block;
}

.editing .filename-edit,
.editing .file-link a {
	display: none;
}

.loading .filename-save {
	display: none;
}

.loading .filename-loading {
	display: block;
}


.filename-edit-field {
	flex-grow: 1;
}

.filename-edit-field input {
	padding-right: 50px;
	width: 100% !important;
}

.filename-ext {
	color: #666;
}

.filename-edit-field {
	position: relative;
	float: left;
}

.filename-edit-field:after {
	position: absolute;
	right: 5px;
	top: 3px;
	content: attr(data-ext);
	font-size: 12px;
	color: #bbb;
}

.file-name {
	line-height: 28px;
}

.attachedfiles-dialog .modal-dialog {
	width: 800px;
}

/* progress trop gros */
.progress {
	margin-bottom: 0;
}

.table-upload {
	margin-bottom: 10px;
}

.table-upload label {
	margin-bottom: 0;
}

.table-upload .name {
	width:240px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.bootstrap-dialog-message .list-group {
	max-height: 500px;
	overflow-x: hidden;
}

#dropzone {
	color: #999;
	font-size: 16px;
	height: 70px;
	line-height: 70px;
	text-align: center;
	font-weight: bold;
	border: dashed 3px #ccc;
	margin-bottom: 15px;
}

#dropzone.in {
	font-size: larger;
}

#dropzone.hover {
	background: #eee;
}

#dropzone.fade {
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	opacity: 1;
}

#uploadFormInfo {
	margin-top: 15px;
}

.file:before {
	content: "\f016";
	font-family: FontAwesome;
	padding-right: 8px;
	font-weight: normal;
	text-decoration: none;
}

.file.imagebmp:before,
.file.imagegif:before,
.file.imagejpeg:before,
.file.imagepng:before,
.file.imagepjpeg:before,
.file.imagetiff:before,
.file.imagex-bmp:before {
	content: "\f1c5";
}

.file.applicationpdf:before {
	content: "\f1c1";
}

.file.applicationzip:before,
.file.applicationx-zip:before,
.file.applicationx-zip-compressed:before {
	content: "\f1c6";
}

/*.file.applicationmsaccess {*/
	/*background-image: url(../img/icons/page_white_database.png);*/
/*}*/

.file.applicationmsword:before,
.file.applicationvndms-worddocumentmacroEnabled12:before {
	content: "\f1c2";
}

.file.applicationpowerpoint:before,
.file.applicationvndms-powerpoint:before {
	content: "\f1c4";
}

.file.applicationvndms-excel:before,
.file.applicationvndms-excel12:before,
.file.applicationvndms-excelsheetmacroEnabled12:before,
.file.textx-comma-separated-values:before {
	content: "\f1c3";
}

.file.textplain:before,
.file.textrichtext:before,
.file.textrtf:before,
.file.texttext:before,
.file.applicationtext:before {
	content: "\f0f6";
}

.file.audiomidi:before,
.file.audiompeg:before,
.file.audiox-mp4:before,
.file.audiomp3:before {
	content: "\f1c7";
}

/*.file.texthtml {*/
	/*background-image: url(../img/icons/page_white_world.png);*/
/*}*/

/*.file.messagerfc822 {*/
	/*background-image: url(../img/icons/email.png);*/
/*}*/

.file.externallink:before {
	content: "\f08e";
}

.file {
	font-weight: bold;
}

.file .size {
	font-weight: normal;
}

table.changes_management {
	background-color: #fff;
	margin-bottom: 53px;
}

table.changes_management td {
	overflow: hidden;
}

table.changes_management td:first-child {
 white-space: nowrap;
}

table.changes_management tr.selected,
table.changes_management tr.selected:hover {
	background-color: var(--highlight-color);
}

/* @group Standalone auth */

#standalone-auth #main {
	margin: 0;
	padding: 0;
	width: 100%;
	min-width: 0;
	box-sizing: border-box !important;
}

@media (min-width: 350px) {
	#standalone-auth .container {
		max-width: 350px;
	}
}

#standalone-auth h1 {
	font: normal normal normal 39px 'Oswald', sans-serif;
	text-align: center;
	margin-top: 30px;
	color: var(--pel-color);
	margin-bottom: 15px;
}

#standalone-auth p.intro {
	margin-bottom: 0;
	text-align: center;
}

#standalone-auth .panel-auth #forgotten-password a {
	color: #848484;
}

.panel-auth {
	background-color: #fff;
}

#standalone-auth footer {
	padding-left: 8px;
	padding-right: 8px;
	color: #a9a9a9;
	font-size: 11px;
	margin-bottom: 50px;
	position: relative;
	width: 100%;
	z-index: 1;
	border: none;
	background-color: transparent;
	box-shadow: none;
}

#standalone-auth footer a {
	color: #a9a9a9;
}

#standalone-auth #copyright {
	float: left;
}

#standalone-auth #more-languages {
	float: right;
}

#standalone-auth input[type=text],
#standalone-auth input[type=password] {


}

#forgotten-password {
	text-align: center;
}

/* @end */

/* @group LOG */

.table-log {
	margin-bottom: 53px;
	margin-top: 0;
}

.table-log th select {
	font-weight: normal;
}

.table-log tr:first-of-type th {
	border: 0;
	padding-bottom: 0;
}

.table-log tr:last-of-type th {
	border-top: 0;
}

.table-log .o-date .sort .fa-sort-numeric-asc,
.table-log .o-date .sort.desc .fa-sort-numeric-asc {
	display: none;
}

.table-log .o-date .sort.asc .fa-sort-numeric-desc {
	display: none;
}

.table-log .o-date .sort.asc .fa-sort-numeric-asc {
	display: inline-block;
}

.table-log .o-date .sort:hover .fa-sort-numeric-desc,
.table-log .o-date .sort.desc:hover .fa-sort-numeric-desc {
	display: none;
}

.table-log .o-date .sort:hover .fa-sort-numeric-asc,
.table-log .o-date .sort.desc:hover .fa-sort-numeric-asc {
	display: inline-block;
}

.table-log .o-date .sort.asc:hover .fa-sort-numeric-desc {
	display: inline-block;
}

.table-log .o-date .sort.asc:hover .fa-sort-numeric-asc {
	display: none;
}

/* @end */

.padding-xs { padding: .25em; }
.padding-sm { padding: .5em; }
.padding-md { padding: 1em; }
.padding-lg { padding: 1.5em; }
.padding-xl { padding: 3em; }

.padding-x-xs { padding: .25em 0; }
.padding-x-sm { padding: .5em 0; }
.padding-x-md { padding: 1em 0; }
.padding-x-lg { padding: 1.5em 0; }
.padding-x-xl { padding: 3em 0; }

.padding-y-xs { padding: 0 .25em; }
.padding-y-sm { padding: 0 .5em; }
.padding-y-md { padding: 0 1em; }
.padding-y-lg { padding: 0 1.5em; }
.padding-y-xl { padding: 0 3em; }

.padding-top-xs { padding-top: .25em; }
.padding-top-sm { padding-top: .5em; }
.padding-top-md { padding-top: 1em; }
.padding-top-lg { padding-top: 1.5em; }
.padding-top-xl { padding-top: 3em; }

.padding-right-xs { padding-right: .25em; }
.padding-right-sm { padding-right: .5em; }
.padding-right-md { padding-right: 1em; }
.padding-right-lg { padding-right: 1.5em; }
.padding-right-xl { padding-right: 3em; }

.padding-bottom-xs { padding-bottom: .25em; }
.padding-bottom-sm { padding-bottom: .5em; }
.padding-bottom-md { padding-bottom: 1em; }
.padding-bottom-lg { padding-bottom: 1.5em; }
.padding-bottom-xl { padding-bottom: 3em; }

.padding-left-xs { padding-left: .25em; }
.padding-left-sm { padding-left: .5em; }
.padding-left-md { padding-left: 1em; }
.padding-left-lg { padding-left: 1.5em; }
.padding-left-xl { padding-left: 3em; }

.margin-xs { margin: .25em; }
.margin-sm { margin: .5em; }
.margin-md { margin: 1em; }
.margin-lg { margin: 1.5em; }
.margin-xl { margin: 3em; }

.margin-x-xs { margin: .25em 0; }
.margin-x-sm { margin: .5em 0; }
.margin-x-md { margin: 1em 0; }
.margin-x-lg { margin: 1.5em 0; }
.margin-x-xl { margin: 3em 0; }

.margin-y-xs { margin: 0 .25em; }
.margin-y-sm { margin: 0 .5em; }
.margin-y-md { margin: 0 1em; }
.margin-y-lg { margin: 0 1.5em; }
.margin-y-xl { margin: 0 3em; }

.margin-top-xs { margin-top: .25em; }
.margin-top-sm { margin-top: .5em; }
.margin-top-md { margin-top: 1em; }
.margin-top-lg { margin-top: 1.5em; }
.margin-top-xl { margin-top: 3em; }

.margin-right-xs { margin-right: .25em; }
.margin-right-sm { margin-right: .5em; }
.margin-right-md { margin-right: 1em; }
.margin-right-lg { margin-right: 1.5em; }
.margin-right-xl { margin-right: 3em; }

.margin-bottom-xs { margin-bottom: .25em; }
.margin-bottom-sm { margin-bottom: .5em; }
.margin-bottom-md { margin-bottom: 1em; }
.margin-bottom-lg { margin-bottom: 1.5em; }
.margin-bottom-xl { margin-bottom: 3em; }

.margin-left-xs { margin-left: .25em; }
.margin-left-sm { margin-left: .5em; }
.margin-left-md { margin-left: 1em; }
.margin-left-lg { margin-left: 1.5em; }
.margin-left-xl { margin-left: 3em; }

/* Copie depuis quality.css */
/* SELECTEUR À PRECISER CAR UTILISÉ DANS L'INTERFACE NORMALE */

.checklist #main {
	width: 100%;
	margin: 0;
	padding: 50px 0;
	min-width: 950px;
}

.navbar.navbar-fixed-top {
	background-color: #777;
	border-color: #666;
	color: #fff;
}

.navbar.navbar-fixed-bottom {
	background-color: #ddd;
	border-color: #ccc;
	color: #000;
}

.cl-header {
	min-width: 950px;
}

.cl-header h2 {
	margin: 15px 0;
	font-size: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.cl-footer {
	min-width: 950px;
}

.cl-footer-title {
	padding-top: 8px;
}

.panel-heading i.fa-caret-right {
	font-size: 15px;
	margin-right: 10px;
}

.clickable {
	cursor: pointer;
}

ul.list-group.ui-sortable {
	position: relative;
}

.sortable-handle {
	float: left;
	height: 20px;
	line-height: 20px;
	margin-right: 10px;
	width: 20px;
}

/* Trop général, effets de bords sur les formulaires, vérifier où cette règles est nécessaire
select.form-control, input.form-control {
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	color: #555;
	display: block;
	font-size: 14px;
	height: 34px;
	line-height: 1.42857;
	padding: 6px 12px;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
	width: 100%;
} */

.checklist.create .referentiels li .form-names .list-item-part:first-of-type,
.checklist.create .checklist-preview li .form-names .list-item-part:first-of-type {
	padding-right: 30px;
	text-align: right;
	width: 90px;
}
/*.checklist.create .checklist-pcs li .form-names .list-item-part:first-of-type,*/

.checklist li {
	list-style-type: none;
	box-sizing: content-box;
}

.checklist .ui-state-highlight {
	height: 39px;
	line-height: 39px;
	margin: 0 0 -1px;
}

.referentiels,
.checklist-pcs,
.checklist-preview {
	padding-top: 15px;
}

.checklist-preview {
	background-color: #f9f9f9;
}

.checklist-preview .panel-default .panel-heading {
	background-color: #ccc;
	background-image: linear-gradient(to bottom, #ddd 0px, #ccc 100%);
}

.checklist-preview .panel-default,
.checklist-preview .panel-default .list-group .list-group-item {
	background-color: transparent;
}

.checklist.fill #flash_feedback .alert,
.checklist.create #flash_feedback .alert {
	margin: 15px 15px 0;
}

/* Interface remplissage checklist */
.col-1,
.col-3 {
	min-width: 380px;
	/* SOLUTION 1 */
	/*width: 50%;
	margin-right: -60px;*/
	/* SOLUTION 2 */
	width: calc(50% - 80px);
}

.col-1 {
	padding-left: 15px;
}

.col-3 {
	padding-right: 15px;
}

li .col-1,
li .col-3 {
	min-width: 364px;
}

.col-2 {
	width: 160px
}

.col-1,
.col-2,
.col-3 {
	float: left;
}

.col-2 > h4,
.col-2 > div {
	float: left;
	text-align: center;
	width: 40px;
}

.checklist.fill #main {
	padding: 50px 0 93px;
}

.checklist.fill .cl-header h2 {
	margin: 10px 0 0;
}

.checklist.fill .cl-header .col-1 h2 {
	line-height: 30px;
}

.checklist.fill .cl-header .col-2 h4,
.checklist.fill .cl-footer-line1 .col-2 div {
	margin: 15px 0 0;
	font-size: 12px;
	opacity: 0.8;
}

.cl-header .btn {
	margin-top: 10px;
}

.checklist.fill .col-1 h4,
.checklist.fill .col-2 h4,
.checklist.fill .col-3 h4 {
	font-size: 14px;
}

.checklist .standard-item-title {
	text-transform: uppercase;
	font-weight: bold;
}

.standard-item-title:not(.standard-item-archived) {
	background-color: #616161;
}

.standard-item-title:not(.standard-item-archived) .form-name {
	text-transform: uppercase;
	color: white;
}

.standard-item-title:not(.standard-item-archived):hover {
	background-color: #333333;
}

.standard-item-archived {
	color: #8f8f8f;
}

.applicability-tag {
	font-size: .9em;
	border-radius: 3px;
	border-style: solid;
	border-width: 1px;
	background: rgba(255, 255, 255, .8);
	margin-left: 5px;
	padding-left: 3px;
	padding-right: 3px;
	white-space: nowrap;
}

.applicability-icon {
	margin-left: 5px;
}

.applicability-icon.current {
	border-color: #2E7D32;
	color: #2E7D32;
}

.applicability-tag.upcoming {
	border-color: #6A1B9A;
	color: #6A1B9A;
}

.applicability-tag.expired {
	border-color: #8f8f8f;
	color: #8f8f8f;
}

.col-2 .form-control {
	border-radius: 3px;
	font-size: 12px;
	height: 26px;
	line-height: 1.5;
	padding: 5px;
	margin: 0 5px;
	width: 30px;
	text-align: center;
}

.checklist.fill .referentiels li .form-names .list-item-part:first-of-type {
	padding-right: 10px;
	text-align: right;
	width: 90px;
}

.checklist.fill .list-group-item {
	padding: 0 15px;
}

.checklist.fill .list-group-item.is_extra {
	background-color: #f9f9f9;
}

.checklist.fill .list-group-item .col-1,
.checklist.fill .list-group-item .col-3 {
	padding: 10px 15px;
}

.checklist.fill .list-group-item .col-1 {
	padding-left: 0;
}

.checklist.fill .list-group-item .col-3 {
	padding-right: 0;
}

.checklist.fill .list-group-item .col-2 {
	padding: 5px 0;
}

.checklist.fill .referentiels {
	padding: 15px 15px 0;
}

/* .comment */
.checklist.fill .referentiels li .col-3 .list-item-part:first-of-type {
	width: 100%;
}

.checklist.fill .comment {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.checklist.fill .ed-comment {
	height: 116px;
}

.checklist.fill a:focus {
	outline: none;
}

.checklist.fill .pn-cnt .form-names,
.checklist.fill .gl-cnt .form-names,
.checklist.fill .files-cnt .form-names,
.checklist.fill .s2 .fa ~ * {
	float: left;
	width: calc(100% - 25px);
	line-height: 20px;
}

.checklist.fill .gl-cnt .form-names {
	float: right;
}

.checklist.fill .pn-cnt .form-names.show-all,
.checklist.fill .gl-cnt .form-names.show-all {
	max-height: none;
}

.s2 .fa {
	float: left;
	margin: 4px 10px 0 0;
}

.checklist.fill .pn-cnt.s2,
.checklist.fill .gl-cnt.s2,
.checklist.fill .files-cnt.s2 {
	margin: 10px 0 0 20px;
}

.checklist.fill .cl-footer-title {
	padding-left: 15px;
}

.checklist.fill .cl-footer-line1 .col-2 div {
	margin: 3px 0 0;
}

.checklist.fill .cl-footer .cumuls .col-2 > div {
	height: 26px;
}

.checklist.fill textarea {
	/*width: calc(100% - 52px);
	float: left;*/
	margin-bottom: 10px;
}

.checklist.fill .comment-wrapper {
	width: 85%;
}

.checklist.fill .ed-comment-cnt .btn {
	float: right;
	margin-left: 10px;
}

.checklist.fill .cumuls .cumul,
.checklist.fill .cumuls .cumul-pondere {
	padding: 2px 0;
}

.checklist.fill .cumuls .cumul > div,
.checklist.fill .cumuls .cumul-pondere > div {
	position: relative;
}

.checklist.fill .cumuls .cumul > div > div,
.checklist.fill .cumuls .cumul-pondere > div > div {
	position: absolute;
	right: 5px;
	top: 5px;
	text-align: right;
	white-space: nowrap;
}

.checklist.fill .btn-add-pn {
	position: absolute;
	left: 15px;
	top: 5px;
}

.checklist.fill .ajax-feedback {
	margin: 10px 0 0 0;
}

/* IMPORT */
.import-pnpc-dialog #importfile {
	font-size: 0;
	height: 1px;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	width: 1px;
}

.import-pnpc-dialog .removefile {
	color: #000;
}

.checklist.import #main {
	padding: 0;
	width: 100%;
	margin: 0;
	min-width: auto;
}

.checklist.fill .bootstrap-filestyle input {
	padding: 3px;
	height: 30px;
}

/* Trop général, effets de bords sur les formulaires, vérifier où cette règles est nécessaire
label {
	line-height: normal;
	font-size: 14px;
} */

/*  STANDARDS PN */

ul.list-results {
	margin-top: 0;
	margin-bottom: 0;
}

.pn-list .panel-title {
	position: relative;
}

/*#quality-standards label {
	font-weight: normal;
}*/

/* AUDIT */

.referentiels-box .referentiels,
.processus-box .processusses {
	height: 150px;
	overflow: auto;
	padding-top: 0;
}

.groupeprocessus .processus:last-child {
	border-bottom: solid 1px #dcdcdc;
	margin-bottom: 4px;
}

.groupeprocessus .processus:last-child label {
	margin-bottom: 4px;
}

.groupeprocessus:last-child .processus:last-child {
	border-bottom: 0;
}

.recommandation-toggle.onlyfirst {
	height: 20px;
	overflow: hidden;
}

.recommandation-toggle.onlyfirst .recommandation-caret i {
	-msie-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	transform: rotate(0deg);
}

.recommandation-toggle .recommandation-caret i {
	-msie-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	transform: rotate(90deg);
}

.recommandation-header {
	font-weight: bold;
	line-height: 22px;
	margin-bottom: 5px;
}

.recommandation-toggle {

}

.recommandation {
	padding-bottom: 10px;
	border-bottom: solid 1px #dadada;
	margin-bottom: 8px;
}

.recommandation-add {
	margin-top: 8px;
}

.recommandation-caret {
	margin-right: 5px;
}

table.checklist-totals {
	margin-bottom: 10px;
}

table.checklist-totals thead th,
table.checklist-totals tbody td {
	text-align: center;
}

#source-group .form-control-feedback,
#support-group .form-control-feedback,
#fromrecla-group .form-control-feedback,
#froms-group .form-control-feedback {
	display: none;
}

.token-input-list-facebook.readonly {
	background-color: #eee !important;
	cursor: not-allowed !important;
	opacity: 1;
}

.action-action {
	position: relative;
	cursor: pointer;
}

.action-action i {
	position: absolute;
	right: 0;
	top: 0;
	transform: rotate(0deg);
}

.action-action.onlyfirst i {
	transform: rotate(180deg);
}

.action-action.onlyfirst {
	height: 20px;
	overflow: hidden;
	padding-bottom: 0;
}

.action-ref {
}

.action-acteur {
}

.action-date {
}

.action-verification {
	color: #665a9e;
	font-weight: bold;
}

.action-alerte {
	/*background: url("../img/icons/bell.png") scroll no-repeat 2px 2px;
	padding: 3px 8px;*/
}

.popover-content {
	overflow: hidden;
}

.fa-infin:before {
	font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial !important;
	content: '\221E';
	/*speak: none;*/
}

/* @group Loading */

#loading {
	position: fixed;
	width: 100%;
	text-align: center;
	display: none;
	z-index: 300;
	font-weight: bold;
	top: 0;
	left: 0;
	padding-top: 2px;
}

#loading span {
	color: #fff;
	background-color: #009800;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	padding: 3px 6px;
	-moz-box-shadow: 0 0 2px 2px #888;
	box-shadow: 1px 1px 1px 1px #888;
}

/* @end */

/* @group DROITS */

form > .pel_rights_container > div.droit > label {
	font-weight: bold;
}
form > .pel_rights_container > div.droit {
	margin-bottom: 5px;
	margin-left:0px;
}

.pel_rights_container div.droit {
	margin-left: 30px;
}

#survey-right-table, #scorecard-right-table {
	table-layout: fixed;
}

#survey-right-table td,
#survey-right-table th {
	text-align: center;
	width: 40px;
}

#survey-right-table thead th {
	font-size: 12px;
}

#survey-right-table td:first-child,
#survey-right-table th:first-child {
	text-align: left;
	overflow: hidden;
	white-space: nowrap;
	width: 150px;
	text-overflow: ellipsis;
}

#scorecard-right-table td,
#scorecard-right-table th {
	text-align: center;
	width: 40px;
}

#scorecard-right-table thead th {
	vertical-align: top;
}

#scorecard-right-table td:first-child,
#scorecard-right-table th:first-child {
	text-align: left;
	overflow: hidden;
	white-space: nowrap;
	width: 150px;
	text-overflow: ellipsis;
}
/* @end */

/* @group DOCUMENT TREE */

#DT {
	margin-top:20px;
	margin-left: 10px;
	margin-bottom: 40px;
}

#DT td {

}

.DT_item {
	clear: both;
}

#DT > .DT_item {
	padding-top: 10px;
	font-size: 16px;
}

.DT_children  .DT_item {
	padding-top: 10px;
	font-size: 14px;
}

.DT_children {
	clear: both;
	padding-left: 30px;
}

.DT_bloc_titres {

	border-radius: 4px;
	border: solid 1px #ccc;
	font-size: 12px;
	padding: 4px 10px;
	float: left;
	line-height: 20px;
	position: relative;
	bottom: 3px;
}

.DT_bloc_ref {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	clear: both;
}

.DT_ref_doc {
	float: left;
	font-weight: bold;
}


.DT_doc_lang {
	color: #999999;
}

.DT_toggle {
	float: left;
	width: 20px;
	height: 22px;
}

.DT_picto {
	float: left;
	width: 20px;
}

/* @end */

/* @group STATS */

/* Anciennes stats class stats */

table.stats {
	clear: both;
	margin-left: 33px;
	border-collapse: collapse;
}

.panel-body table.stats {
	margin-left: 0;
}

table.stats tr:nth-child(odd) td {
	background-color: #efefef;
}
table.stats tr:first-child td {
	background-color: #fff;
}

table.stats th, table.stats td {
	text-align: center;
	padding: 3px 5px;
}

table.stats th {
	background-color: #ccc;
	text-align: center;
}

table.stats th.y_value {
	font-weight: normal;
	font-style: normal;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	background-color: #d5d5d5;
}

table.stats th.y_label {
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	background-color: #a9a9a9;
}

table.stats th.x_value {
	font-weight: normal;
	font-style: normal;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	background-color: #d5d5d5;

}

table.stats th.x_label {
	border-left: 1px solid #fff;
	border-left: 1px solid #fff;
	background-color: #a9a9a9;
}

table.stats td.value {
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
}

table.stats tr td.total, table.stats tr th.total {
	border-top: 1px solid #fff;
	border-left: 1px solid #a9a9a9;
	font-weight: bold;
}

table.stats tr th.total,
table.stats tr th.total-line {
	background-color: #fff;
	border-left: 1px solid #fff;
}

table.stats tr th.total-line {
	text-align: right;
}

table.stats tr td.total-line {
	text-align: center;
	font-weight: bold;
	background-color: #fff;
}

table.stats tr:last-child .total:first-child {
	text-align: right;
	border-top: 1px solid #fff;
}

table.stats tr:last-child .total {
	border-top: 1px solid #a9a9a9;
	border-left: 1px solid #fff;
	background-color: #fff;
}

table.stats tr:last-child td.total:last-child {
	border-left: 1px solid #a9a9a9;
}

table.stats .rbord {
	border-right: 1px solid #a9a9a9;
}

/* Nouvelles stats classe table-stats */

table.table-stats {
	clear: both;
	margin-left: 33px;
	border-collapse: collapse;
	font-size: 12px;
}

.panel-body table.table-stats {
	margin-left: 0;
}

table.table-stats tr:nth-child(odd) td {
	background-color: #efefef;
}
table.table-stats tr:first-child td {
	background-color: #fff;
}

table.table-stats th, table.table-stats td {
	text-align: center;
	padding: 3px 5px;
}

table.table-stats th {
	background-color: #ccc;
	text-align: center;
}

table.table-stats th.y_value {
	font-weight: normal;
	font-style: normal;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	background-color: #d5d5d5;
}

table.table-stats th.y_label {
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	background-color: #a9a9a9;
}

table.table-stats th.x_value {
	font-weight: normal;
	font-style: normal;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	background-color: #d5d5d5;

}

table.table-stats th.x_label {
	border-left: 1px solid #fff;
	border-left: 1px solid #fff;
	background-color: #a9a9a9;
}

table.table-stats td.value {
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
}

table.table-stats tr td.total, table.table-stats tr th.total {
	border-top: 1px solid #fff;
	border-left: 1px solid #a9a9a9;
	font-weight: bold;

}

table.table-stats tr th.total,
table.table-stats tr th.total-line {
	background-color: #fff;
	border-left: 1px solid #fff;
}

table.table-stats tr th.total-line {
	text-align: right;
}

table.table-stats tr td.total-line {
	text-align: center;
	font-weight: bold;
	background-color: #fff;
}

table.table-stats .rbord {
	border-right: 1px solid #a9a9a9;
}

table.table-stats tr:last-child .total:first-child {
	text-align: right;
	border-top: 1px solid #fff;
}

table.table-stats tr:last-child .total {
	border-top: 1px solid #a9a9a9;
	border-left: 1px solid #fff;
	background-color: #fff;
}

table.table-stats tr:last-child td.total:last-child {
	border-left: 1px solid #a9a9a9;
}

div.stats-cnt {
	min-height: 340px;
}

.survey-scorecard-stats .panel-wrapper,
div.stats-cnt .panel-wrapper {
	float: left;
	width: 455px;
	margin-right: 15px;
	margin-bottom: 15px;
}

div.stats-cnt .panel-wrapper:nth-of-type(3n) {
	/*padding-right: 0;*/
}

div.stats-cnt .stats-no-results {
	float: left;
	padding: 15px;
}

div.stats-cnt .panel {
	height: 350px;
	margin: 0;
}

div.stats-cnt .panel-heading .panel-heading-title {
	white-space: nowrap;
	width: 333px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.survey-scorecard-stats .panel-heading .panel-heading-title {
	white-space: nowrap;
	width: 385px;
	overflow: hidden;
	text-overflow: ellipsis;
}

div.stats-cnt .panel-body {
	height: 300px;
	overflow-x: auto;
	overflow-y: auto;
}

div.stats-cnt .panel-table .panel-body {
	overflow-x: auto;
}

.remove-stat {
	display: none;
}

.edit-on .remove-stat {
	display: inline;
}

.panel-wrapper {
	border: 1px dashed transparent;
	padding: 1px;
}

.edit-on .panel-wrapper {
	border: 1px dashed #aaa;
	min-height: 100px;
	border-radius: 4px;
	background-color: #fafafa;
}

.stats-cnt .ui-sortable-placeholder {
	float: left;
	width: 470px;
	height: 354px;
	margin-right: 15px;
	margin-bottom: 15px;
	border: 1px dashed #aaa;
	border-radius: 4px;
}

.panel-loading {
	font-size: 16px;
	line-height: 270px;
	text-align: center;
}

.panel-loading.panel.panel-default {
	line-height: 350px;
}

.stats-customize-panel {
	background-color: #eaeaea;
	padding-bottom: 15px !important;
	padding-top: 15px !important;;
 }

#stats-customize-panel-inner {
	column-count: 3;
}

.stats-customize-panel .bloc-stat {
	-webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
	page-break-inside: avoid; /* Firefox */
	break-inside: avoid; /* IE 10+ */
	break-inside: avoid-column; /* W3C */
	color: #777;
	cursor: move;
	line-height: 2em;
}

.stats-all-used {
	color: #777;
	line-height: 2em;
}

/* @end */

#sfr_rep_container,
#quotationvalidation-container {
	min-width: 970px;
	margin-top: 20px;
	margin-bottom: 30px;
}

#sfr_rep_container h2,
#quotationvalidation-container h2 {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 24px;
	font-weight: bold;
}

#sfr_rep_container img,
#quotationvalidation-container img {
	max-height: 37px;
}

.pc-edit,
.pc-delete {
	margin-left: 10px;
}

.help-block.more-audits {
	margin-bottom: 0;
	font-size: 12px;
}

/* hack flickering google charts */
svg > g > g:last-child { pointer-events: none }

.standard-item .form-name {
	margin-right: 150px;
}

div.google-visualization-tooltip {
	font-size: 12px;
}

.flex-row {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}

.flex-row > * {
	flex-shrink: 0;
	padding-right: 15px;
	padding-left: 15px;
}

.flex-col-20 {
	width: 20%;
}

.flex-col-25 {
	width: 20%;
}

.flex-col-33 {
	width: 33.333%;
}

.flex-col-40 {
	width: 40%;
}

.flex-col-50 {
	width: 50%;
}

.flex-col-66 {
	width: 66.666%;
}

.sticky-after-toolbars {
	position: sticky;
	top: calc(45px + 45px + 20px);
}

.sticky-after-one-toolbar {
	position: sticky;
	top: calc(45px + 20px);
}

.highlight {
	background-color: var(--highlight-color);
}

.form-list-heading #chart-options {
	display: none;
	margin-right: 20px;
	margin-top: -7px;
	color: #777;
}

.form-list-heading #chart-options > div {
	display: flex;
	gap: 15px;
	align-items: center;
	height:45px;
	border-left: 1px solid #777;
	border-right: 1px solid #777;
	padding-left: 20px;
	padding-right: 20px;
}

#chart-options > div {
	display: flex;
	gap: 15px;
	align-items: center;
}

@media print {
	#main-header {
		display: none;
	}
}

.filter-on {
	background-color: var(--highlight-color) !important;
}

#quick_search_form {
	display: flex;
	align-items: center;
	height: 45px;
}

#quick_search_term {
	width: 333px;
	background-color: #ffffff30;
	color: white;
	border: 1px solid transparent;
	box-shadow: none;
}

#quick_search_term::placeholder {
	color: #ffffff77;
}

#quick_search_term:focus {
	border: 1px solid #ffffff77;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 255, 255, 0.6);
}

.toolbar-icon.add-icon {
	margin-left: 8px;
	margin-right: 8px;
}

#search_lines .search_line:first-of-type .minus_line {
	visibility: hidden;
}

#search_lines .search_line:first-of-type .and_or {
	display: none;
}

#date-filter-container {
	width: 390px;
}

#date-filter-container h2 {
	margin: 5px 0 0;
	text-align: center;
	font-size: 15px;
	font-weight: normal;
}

#date-filter-presets {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 1.4em;
}

.date-filter-preset {
	padding: 3px 4px;
	border-radius: 3px;
}

.date-filter-preset:hover {
	background-color: var(--hover-color);
	text-decoration: none;
}

input.permission-radio {
	display:none;
}

input.permission-radio + label
{
	border: 1px solid #bbb;
	color: #bbb;
	height: 22px;
	width: 22px;
	line-height: 22px;
	text-align: center;
	display:inline-block;
	border-radius: 50%;
	font-size: 12px;
	margin: 0;
}

.permission-line-all input.permission-radio + label
{
	background: #999;
	border-color: #999;
	color: white;
}

.permission-editable input.permission-radio:hover + label,
input.permission-radio:checked + label {
	color: white;
}

/*.permission-radio:disabled:not(:checked) + label {
	cursor: not-allowed;
}*/

.permission-radio:disabled:not(:checked):hover + label
{
	background: transparent !important;
	border-color: #bbb !important;
	color: #bbb !important;
}

.permission-none:checked + label {
	background: #d9534f;
	border-color: #d9534f;
}

.permission-editable .permission-none:hover + label {
	background: #c9302c;
	border-color: #c9302c;
}

#entity-default-permissions-form .permission-none:checked + label,
#permission-groups-form .permission-none:checked + label,
#permission-entities-form .permission-none:checked + label {
	background: #bbb;
	border-color: #bbb;
}

#entity-default-permissions-form .permission-editable .permission-none:hover + label,
#permission-groups-form .permission-editable .permission-none:hover + label,
#permission-entities-form .permission-editable .permission-none:hover + label {
	background: #bbb;
	border-color: #bbb;
}

.permission-r:checked + label {
	background: #5bc0de;
	border-color: #5bc0de;
}

.permission-editable .permission-r:hover + label {
	background: #31b0d5;
	border-color: #31b0d5;
}

.permission-rw:checked + label {
	background: #5cb85c;
	border-color: #5cb85c;
}

.permission-editable .permission-rw:hover + label {
	background: #449d44;
	border-color: #449d44;
}

.permission-line {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 4px;
	padding: 2px;
}

.permission-line-all {
	border-bottom: 1px solid #bbb;
	margin-bottom: 2px;
	padding-bottom: 4px;
	color: #bbb;
}

.permission-line:hover {
	background-color: var(--hover-color);
}

.permission-line-all:hover {
	background-color: transparent;
}

.permission-line > div:first-child {
	flex-grow: 1;
}

.permission-panel .panel-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 51px;
}

#form_permissions_users {
	position: relative;
}

#permission-users-overlay {
	display: none;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0,0,0,.7);
	border-radius: 4px;
	color: white;
	padding: 30px 15px 15px;
	text-align: center;
}

.with-entity-changes #permission-users-overlay,
.with-group-changes #permission-users-overlay {
	display: block;
}

.permission-save {
	display: none;
}

.support-page {
	border-top: solid 1px #d0d0d0;
}

.support-page .panel {
	width: 350px;
	margin: 40px auto;
}

.input-xs {
	height: 22px;
	padding: 2px 5px;
	font-size: 12px;
	line-height: 1.5; /* If Placeholder of the input is moved up, rem/modify this. */
	border-radius: 3px;
}

@media print {

	#main-toolbar.affix,
	.pel-form-heading.affix,
	.pel-list-footer,
	.pel-form-footer {
		position: relative;
		top: 0;
	}

	.toolbar-icon,
	.list-icon,
	.surveys-selector h4 + i,
	.panel .clickable > i,
	.q11e-lang-selector-container,
	#form-actions,
	#form-privacy,
	#form-save-actions {
		display: none !important;
	}

	.panel-body {
		display: block !important;
	}

	.questionnaire-block {
		break-inside: avoid;
	}

	.questionnaire input[type=radio][disabled] {
		border: 2px solid red;
	}
}

.main_file_file {
	font-size: 14px;
	font-weight: bold;
	margin-left: -4px;
}

.main_file_file a {
	padding: 2px 4px;
}

.main_file_file a:hover {
	background-color: rgba(51, 122, 183, 0.1);
	border-radius: 3px;
}

.copy-to-clipboard {
    cursor: pointer;
}

#workflow_manager {
	position: relative;
	padding-bottom: 300px;
}

#workflow_manager .nav-tabs>li {
	margin-bottom: -2px;
}

.is-hidden { display: none !important; }

input[type=date], input[type=time] {
	width: 100%;
	line-height: normal !important;
}

.workflow_checkbox {
	width: 30px;
}

.checkable-table tr.selected,
.checkable-table tr.selected:hover {
	background-color: var(--highlight-color);
}

#issue-reporting {
	margin-bottom: 6px;
	font-size: 14px;
	margin-left: -30px;
	margin-right: -20px;
}

#issue-reporting .fa-solid,
#issue-reporting .fa-regular,
#issue-reporting .fa {
	margin-right: 3px;
	opacity: .44;
}

#issue-reporting a {
	padding-left: 30px;
	display: block;
	line-height: 27px;
	color: #fff;
	text-decoration: none;
}

#issue-reporting a:hover {
	background-color: rgba(255,255,255,.2);
}

.core-ref {
	margin-right: 4px;
}