@import url(theme-parisfr.min.css);
/****************************************************/
/* SPECIFIC THEME CUSTOM SITE STYLES OVERRIDES      */
/****************************************************/
:root {
  --theme-bg-wait: #FFFAE6 !important;
  --theme-bg-default-hover: #DFE7FC !important;
  --theme-bg-default: #F2F6FF !important;
  --theme-th-light: #637380 !important;

  --status-done: var(--alt-success-color);
  --status-review: var(--main-danger-color);
  --status-running: #E4AB73 !important;
  --status-canceled: #828E98 !important;

  /* Couleurs Status */
  --status-run: #F2F6FF;
  --status-wait: #DFE7FC;
  --status-todo-a: #FDF4D3;
  --status-todo-b: #FFFAE6;
  --status-cancel: #EFF2F6;
  --status-cancel-text: #5C769E;
}

/* Home Page specific */
#body-page-home #layout-sidebar-wrapper {
  grid-template-columns: 0 1fr;
}

#body-page-home #main-menu-sidebar {
  display: none;
}

#body-page-home #layout-sidebar-wrapper #main {
  padding-top: 10rem;
}

#body-page-home #layout-sidebar-wrapper #main {
  padding-top: var(--spacing-5);
}

#body-page-home #layout-sidebar-wrapper #layout-sidebar #main {
  left: 0;
  width: 100%
}

body.loading{ 
  opacity: .5
}

/* France Connect */
.fr-connect {
	width: 21rem;
	height: 5.5rem;
}
 
.fr-connect-group p {
	color: var(--white);
  font-size: var(--font-m);
}

@media (min-width: 767.98px) {
  #body-page-home #layout-sidebar-wrapper {
    grid-template-columns: 1fr;
    justify-items: center;
  }

  #body-page-home .main-header.is-sidebar .navbar-paris .navbar-brand {
    background-color: var(--white-color);
    color: var(--main-color);
    position: relative;
    width: auto
  }

  [data-bs-theme=dark]#body-page-home .main-header.is-sidebar .navbar-paris .navbar-brand {
    background-color: var(--bs-body-bg) !important;
    color: var(--white-color) !important;
  }

  #body-page-home .main-header.is-sidebar .navbar-paris .navbar-brand .logo {
    filter: none;
    width: 15rem;
    height: auto
  }

  [data-bs-theme=dark]#body-page-home .main-header.is-sidebar .navbar-paris .navbar-brand .logo {
    filter: contrast(0) brightness(5) !important;
  }

  #body-page-home .main-header.is-sidebar .navbar-paris .navbar-brand span {
    font-size: var(--font-l);
    font-weight: 800;
    line-height: 2.8rem;
    color: var(--main-color)
  }

  #body-page-home .main-header.is-sidebar .navbar-paris .navbar-brand hr {
    background-color: var(--main-color) !important
  }

  #body-page-home .main-header.is-sidebar .navbar-paris .navbar-brand>svg path {
    fill: var(--main-color) !important;
  }

  #body-page-home #navbar-icon span {
    background: var(--main-color);
  }
}

#body-page-home #layout-sidebar-wrapper #layout-sidebar #main {
  z-index: 0;
}

/*** 										    ***/
/*** Forms									***/
/***  										  ***/
label {
	font-size: var( --font-m );
	font-weight: 600;
}

label:has( ~ .is-invalid),
label:has( + .input-group input.is-invalid){
	color: var(--main-danger-color) !important
}

option,
input,
textarea {
	color: var(--main-color) !important;
	font-size: var( --font-m ) !important;
	font-weight: 500 !important;
}

input[type="password"],
.form-control{
    padding: var(--spacing-3);
}

.form-control:hover{
  box-shadow: none;
	box-shadow: none;
	box-shadow: none;
	outline: var(--blue-dark-color) solid 2px;
	outline-offset: 0;
}

.form-control:focus{
  border-color: transparent !important;
  box-shadow: none;
	outline: var(--main-info-color) solid 2px;
	outline-offset: 0;
}

.form-control[disabled],
.form-control[readonly]{
  outline: none;
	padding: var(--spacing-2) 0;
	font-weight: bold !important;
}

.form-control[disabled] {
	background-color: #e9ecef !important;
	outline-color: var(--blue-light);
	border-radius: 3px;
	font-size: var( --font-m ) !important;
	color: var(--main-color) !important;
}

input[type="text"],
input[type="password"],
textarea {
	border: .1rem solid var(--blue-color);
}

.forms h2 {
  font-size: var(--font-xxl);
  color: var(--main-info-color);
}

.forms .form-group p {
  font-size: var(--font-xs);
  font-weight: 700;
  color: var(--main-info-color);
}

.fc-certified {
  background: url(../img/fc_head_nobg.svg) no-repeat 99% 50%;
  background-size: 24px;
  color: #071f32;
}

.pj-certified {
  background: url(../img/check.svg) no-repeat 99% 50%;
  background-size: 24px;
  color: #071f32;
}

.hr-app-name{
  background-color: rgb(7, 31, 50);
  height: 40px;
  margin-left: 10px;
  width: 3px;
}

/* Screen < 768px */
@media (max-width: 767.98px) {
  #body-page-home .main-header.is-sidebar .navbar-paris #navbar-icon.open::before {
    background-color: var(--white-color);
  }
  
  body:not(.logged) .main-header.is-sidebar .navbar-paris #navbarMainMenu .navbar-main.sidebar-nav>.navbar-main {
    display: none;
  
  }
  #main {
    padding-block-start: 2rem;
  }

  #message-pub-rhsso {
    padding: 0 var(--spacing-4);
  }

  #alert-msg {
    margin-block-start: 6rem;
  }
}