/* Here, the content of the common custom CSS defined into Home - Setup - Display - CSS*/
.info-box-desc {
    color: black !important;
}
.butAction{
    transition: 0.2s;
}
.butAction:hover {
    transform: scale(1.1);
    transition: 0.2s;
}
div.tabsElem a.tab {
	background: #00000000;
	color: white;
}
.optiongrey, .opacitymedium{
    opacity:1.4;
    color: white;
}
.opened-dash-board-wrap .info-box, .opened-dash-board-wrap .info-box .info-box-icon  {
	border-radius: 35px;
	box-shadow: 7px 7px 30px -15px #000000;
}
.divboxtable {
     transition: 0.2s;
}
.divboxtable:hover {
    scale: 1.1;
     transition: 0.2s;
}
.menu_titre:hover {transform: scaleX(1.1) scaleY(1.2);transition: 0.2s;}
.tmenucenter:hover {transform: scale(1.2);transition: 0.1s;}
footer.center.centpercent.opacitymedium,
.poweredbypublicpayment.opacitymedium.right.hideonsmartphone{
    display:none;
}
li.tmenusel::after, li.tmenu:hover::after{
	content: "";
	position:absolute;
	bottom:0px;
	left: 50%;
	left: calc(50% - 6px);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0px 6px 5px 6px;
	border-color: transparent transparent #000833 transparent;
}
#id-right > div > div:nth-child(2) > div > div > div {
    transition: 0.2s;
}
#id-right > div > div:nth-child(2) > div > div > div:hover {
    scale: 1.1;
    transition: 0.2s;
}
.opened-dash-board-wrap .info-box, .opened-dash-board-wrap .info-box .info-box-icon  {
	border-radius: 35px;
}
.infobox-supplier_proposal:not(.error),
.infobox-invoice_supplier:not(.error),
.infobox-order_supplier:not(.error) {
	color: #000833;
}
.infobox-contrat, .infobox-ticket{
	color: #000833;
}
.infobox-bank_account{
	color: #000e2e;
}
.infobox-adherent, .infobox-member {
	color: #000e2e;
}
.infobox-expensereport{
	color: #000e2e;
}
.infobox-holiday{
	color: #000e2e;
}
.tmenu span.fas, .tmenu span.far {
	color: #04122b !important;
	font-size: 20px;
	line-height: 28px;
	text-align: center;
	opacity: 0.7;
}
input.button:hover {
    transition: all 0.1s ease-in-out;
    transform: scale(0.9);
}
.login_table {
	background-color: rgb(255 255 255 / 12%);
	backdrop-filter: blur(15px);
}
a.vmenu:link, a.vmenu:visited {
	color: var(--colortextbackvmenu);
	font-size: 15px;
}
.user-body {
    display: none;
}
div.titre {
	color: rgb(56 113 193);
	font-weight: 900;
}
div.tabBar{
    padding:25px;
}
.tmenu span.fas, .tmenu span.far {
	color: unset !important;
	font-size: 20px;
	line-height: 28px;
	text-align: center;
	opacity: 0.7;
}

#mainbody input.button:not(.buttongen):not(.bordertransp), #mainbody a.button:not(.buttongen):not(.bordertransp){
    background:#153563;
    border-radius:20px;
}
div.tabBarWithBottom{
    padding:20px;
}
@media screen and (prefers-color-scheme: dark) {
	.side-nav-vert {
		border-bottom: 1px solid #3c93b7;
	}
}

.side-nav{
    border-right:2px solid #3c93b7 !important;
    /*background:#85c3dd;*/
}
.optiongrey, .opacitymedium{
    opacity:1.4;
}
div.fiche > table.table-fiche-title:first-of-type div{
    color:white;
    font-weight:900;
}
div.vmenu, td.vmenu{
    width:260;
}
#id-right {	/* This must stay id-right and not be replaced with echo $right */
	padding-top: 0px;
	width: 100%;
	background-image: url('https://img.freepik.com/premium-photo/gradient-defocused-abstract-luxury-vivid-blurred-colorful-texture-wallpaper-photo-background_98870-1088.jpg?semt=ais_hybrid');
	background-repeat: no-repeat;
	background-size: cover;
	padding-bottom: 20px;
}
/* Style pour l'en-tête */
.side-nav{
    border-right:1px solid #4b4b4b;
}
a.tmenusel:link, a.tmenusel:visited, a.tmenusel:hover, a.tmenusel:active{
    color:#365683;
}

div.login_block a{
    color:black;
}
a.tmenu:link, a.tmenu:visited, a.tmenu:hover, a.tmenu:active{
        padding: 0px 2px 0px 2px;
    margin: 0px 0px 0px 0px;
    white-space: nowrap;
    color: #000000;
    text-decoration: none;
}
a.tmenuimage.tmenu{
    color: #000000ba;
}
.butAction{
        background: #081832;
}
#id-top {
    background: #ffffff94;
    backdrop-filter:blur(20px);
    font-size:17px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
div.blockvmenupair, div.blockvmenuimpair{
    
    border-bottom:1px solid #0000001f;
}
/* Style pour le menu déroulant */
.dropdown-menu > .user-header {
    background: #fafafa;
    color:black;
    box-shadow:0px 0px 25px -16px black;
     
       
  
}

/* Style pour le logo de l'entreprise */
.backgroundforcompanylogo {
    background-color: #FFFFFF;
    border-radius: 8px;

   
}
.login_center.center {
    background: url("https://img.freepik.com/free-photo/cityscape-frankfurt-downtown-germany_1268-20887.jpg?semt=ais_hybrid&w=740&q=80") no-repeat center center fixed;
    background-size: cover;
}