/* Styles pour l'en-tête */
.header {
  background-color: #fff;
  padding: 10px 0;
}

.header-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
 
}

.logo img {
  max-height: 56px;
  padding-left: 31px;
}

.user-actions {
  display: flex;
  align-items: center;
  gap: 40px;
}

.user-info,
.logout,
.login {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  font-size: 14px;
  padding: 0 15px;
}


.icon {
  width: 24px;
  height: 24px;
}

a {
  text-decoration: none;
  color: #000;
}

a:hover {
  text-decoration: underline;
}


* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: Arial, sans-serif;
  color: #333;
  margin: 0;
  padding: 0;
}

#container {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 0;
  padding-bottom: 60px;
}

#view-all-button {
  display: inline-block;
  background-color: #000;
  color: #fff;
  padding: 15px 15px;
  text-decoration: none;
  border-radius: 5px;
  margin-top: 20px;
  font-size: 1.5em;
  float: inline-end;
}
#buttonPhone{
    display: none;
} 
@media (max-width: 768px) {
   #container {
      flex-direction: column-reverse;
  }
  #sous-titre-desktop{
    display: none;
    }
    #sous-titre-mobile{
      display: block !important;
      }
      .left-panel-top-0 {
        width: 100% !important;
        padding-left: 30px;
        padding-right: 30px;
        height: 450px !important;
      }
      .menu-item {

        width: 100% !important;
      }
      .left-panel h2{
        font-size: 65px !important;
      }
    .page-heading{
      display: none;
    }

  #right-panel img {
    height: auto !important;
  }
  #buttonDesktop{
    display: none;
  }
  #buttonPhone{
    display: grid;
    margin-top: 3em;
    margin-bottom: 3em;
} 
#info-section{
  display: none;
  }

}
#sous-titre-mobile{
display: none;
}
.container{
  width: 100%;
}
.page-heading {
  visibility: hidden; 
  padding: 0px;
  width: 0px;
  height: 0px;
}
#a-menuitem {
  color: #1D1814;
  font-family: Rubik;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
#requests-section .view-pagination .pagination {
   visibility: hidden; 
}
#requests-section #filterDropdownId{
   visibility: hidden; 
}

#other-req{
  width: 100%; 
  display: flex;
  float: 50%;
  justify-content: center;
  padding-top: 5px;
  padding-bottom: 0px;
}
#row-other-requete{
margin-right: 0px;
  margin-left: 0px;
}
#other-req-link{
  width: 100%;
  border: 1px solid;
  border-radius: 0.5rem;
  color: black;
  margin-top: .5em;
}

.cell-img>img {
  padding: 0 10px 10px 0;
}

.footer {
  background-color: #f4f3f1;
  padding: 35px;
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: #333;
}

.footer-container {
  margin: auto;
  display: flex;
  justify-content: space-between;
}

.footer-left h3 {
  margin: 0;
  font-size: 20px;
  font-weight: bold;
}

.footer-left p {
  margin: 12px 0;
  display: flex;
  align-items: center;
}

.footer-left p:first-of-type {
  margin-top: 10px;
}

.footer-left p img {
  margin-right: 8px;
  width: 20px;
  height: 20px;
}

.footer-right {
  text-align: right;
}

.footer-logo {
  width: 80px;
}

.footer-bo {
  border-top: 1px solid #ddd;
  margin-top: 20px;
  padding-top: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.footer-bo p {
  margin: 0;
}

.footer-link {
  text-decoration: none;
  color: #333;
  font-weight: bold;
}

#header-image {
  background-image: url('/IMGcreeRequete.png');
  background-size: cover;
  background-position: center;
  height: 200px;
  color: white;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
#header-title {
  background-color: rgba(0, 0, 0, 0.5);
  padding: 10px;
}

#message-table tr:hover {
  background-color: #f8f9fa;
}

#message-table {
width: 100%;
border-collapse: collapse;      
}

#footer {
  background-color: #f8f9fa;
  padding: 20px;
}

.collecte,
.thme {
position: relative;
}
.thme {
font-weight: 500;
}
.collecte {
line-height: 20px;
}
.fether-icons-chevron-down {
margin: 0;
height: 16px;
width: 16px;
position: relative;
overflow: hidden;
flex-shrink: 0;
}
.input-inner {
border-radius: var(--br-7xs);
background-color: var(--color-whitesmoke-100);
overflow: hidden;
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
padding: var(--padding-7xs) var(--padding-xs);
gap: var(--gap-9xs);
}
.thme-parent {
display: none;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
gap: var(--gap-3xs);
max-width: 100%;
}
.sujet {
position: relative;
font-weight: 500;
}
.bac-bris {
position: relative;
line-height: 20px;
}
.fether-icons-chevron-down1 {
margin: 0;
height: 16px;
width: 16px;
position: relative;
overflow: hidden;
flex-shrink: 0;
}
.input-inner1 {
border-radius: var(--br-7xs);
background-color: var(--color-whitesmoke-100);
overflow: hidden;
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
padding: var(--padding-7xs) var(--padding-xs);
gap: var(--gap-9xs);
}
.sujet-parent {
display: none;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
gap: var(--gap-3xs);
max-width: 100%;
}
.menu-portail-ok-icon {
height: 100%;
width: 100%;
position: absolute;
margin: 0 !important;
top: 0;
right: 0;
bottom: 0;
left: 0;
max-width: 100%;
overflow: hidden;
max-height: 100%;
z-index: 0;
}
.frame-child {
height: 16px;
width: 16px;
position: relative;
}
.frame-wrapper {
width: 32px;
height: 16px;
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
padding: 0 0 0 var(--padding-base);
box-sizing: border-box;
}
.prnom {
text-decoration: none;
width: 49px;
height: 15px;
position: relative;
color: inherit;
display: flex;
align-items: flex-end;
flex-shrink: 0;
}
.frame-parent {
height: 41px;
width: 48px;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
gap: var(--gap-3xs);
}
.log-out-1-1 {
height: 16px;
width: 16px;
position: relative;
overflow: hidden;
flex-shrink: 0;
}
.log-out-1-1-wrapper {
width: 48px;
height: 16px;
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
padding: 0 0 0 32px;
box-sizing: border-box;
}
.deconnexion {
text-decoration: none;
width: 81px;
height: 15px;
position: relative;
color: inherit;
display: flex;
align-items: flex-end;
flex-shrink: 0;
}
.frame-group {
height: 41px;
width: 80px;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
gap: var(--gap-3xs);
}
.menu-secondaire {
height: 41px;
width: 170px;
justify-content: flex-start;
gap: 42px;
z-index: 1;
}
.mes-requtes {
position: relative;
text-decoration: underline;
line-height: 20px;
font-weight: 500;
display: inline-block;
min-width: 86px;
}

.requte-1234 {
flex: 1;
position: relative;
line-height: 20px;
display: inline-block;
min-width: 85px;
}
.menu-title {
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
gap: var(--gap-8xs);
flex-shrink: 0;
}
.side-menu-child {
height: 32.6px;
width: 32.6px;
position: relative;
flex-shrink: 0;
}
.side-menu {
align-self: stretch;
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: space-between;
gap: var(--gap-xl);
}
.n-requte,
.requte-12341 {
position: relative;
color: var(--noir);
text-align: left;
display: inline-block;
max-width: 100%;
}
.requte-12341 {
width: 761px;
font-size: var(--h1-size);
letter-spacing: -2px;
line-height: 61px;
font-family: var(--desktop-h3);
}
.n-requte {
height: 12px;
flex: 1;
font-family: var(--desktop-bouton);
font-size: var(--font-size-lg);
line-height: 13px;
font-weight: 600;
  color: var(--noir);
  max-width: 100%;
}
.header-cells {
align-self: stretch;
border-top: 1px solid var(--color-gray-100);
box-sizing: border-box;
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
padding: var(--padding-5xs) 0 var(--padding-mini);
max-width: 100%;
}
.request-info-details {
align-self: stretch;
position: relative;
font-size: var(--desktop-bouton-size);
line-height: 24px;
font-family: var(--desktop-bouton);
color: var(--noir);
text-align: left;
}
.date,
.header-row {
flex: 1;
max-width: 100%;
}
.header-row {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
gap: var(--gap-9xs);
min-width: 246px;
}
.date {
height: 13px;
position: relative;
font-size: var(--font-size-lg);
line-height: 13px;
font-weight: 600;
font-family: var(--desktop-bouton);
color: var(--noir);
text-align: left;
display: inline-block;
}
.second-header-row {
align-self: stretch;
border-top: 1px solid var(--color-gray-100);
box-sizing: border-box;
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
padding: var(--padding-5xs) 0 var(--padding-mini);
max-width: 100%;
}
.juillet-2024 {
align-self: stretch;
position: relative;
font-size: var(--desktop-bouton-size);
line-height: 24px;
font-family: var(--desktop-bouton);
color: var(--noir);
text-align: left;
}
.header-row-parent,
.second-header-cells {
display: flex;
align-items: flex-start;
justify-content: flex-start;
max-width: 100%;
}
.second-header-cells {
flex: 1;
flex-direction: column;
gap: var(--gap-9xs);
min-width: 246px;
}
.header-row-parent {
align-self: stretch;
flex-direction: row;
gap: var(--gap-11xl);
}
.thme1 {
width: 100%;
border: 0;
outline: 0;
font-weight: 600;
font-family: var(--desktop-bouton);
font-size: var(--font-size-lg);
background-color: transparent;
height: 13px;
flex: 1;
position: relative;
line-height: 24px;
color: var(--noir);
text-align: left;
display: inline-block;
min-width: 227px;
padding: 0;
max-width: 100%;
}
.thme-wrapper {
align-self: stretch;
border-top: 1px solid var(--color-gray-100);
box-sizing: border-box;
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
padding: var(--padding-5xs) 0 var(--padding-mini);
max-width: 100%;
font-size: var(--font-size-lg);
line-height: 13px;
font-weight: 600;
font-family: var(--desktop-bouton);
color: var(--noir);
text-align: left;
max-width: 100%;
}
.collecte1 {
align-self: stretch;
position: relative;
font-size: var(--desktop-bouton-size);
line-height: 24px;
font-family: var(--desktop-bouton);
color: var(--noir);
text-align: left;
}
.frame-div {
flex: 1;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
gap: var(--gap-9xs);
min-width: 246px;
max-width: 100%;
}
.sous-thme {
height: 13px;
flex: 1;
position: relative;
font-size: var(--font-size-lg);
line-height: 13px;
font-weight: 600;
font-family: var(--desktop-bouton);
color: var(--noir);
text-align: left;
display: inline-block;
max-width: 100%;
}
.sous-thme-wrapper {
align-self: stretch;
border-top: 1px solid var(--color-gray-100);
box-sizing: border-box;
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
padding: var(--padding-5xs) 0 var(--padding-mini);
max-width: 100%;
}
.bac-de-recyclage {
align-self: stretch;
position: relative;
font-size: var(--desktop-bouton-size);
line-height: 24px;
font-family: var(--desktop-bouton);
color: var(--noir);
text-align: left;
}
.frame-container,
.frame-parent1 {
display: flex;
align-items: flex-start;
justify-content: flex-start;
max-width: 100%;
}
.frame-parent1 {
flex: 1;
flex-direction: column;
gap: var(--gap-9xs);
min-width: 246px;
}
.frame-container {
align-self: stretch;
flex-direction: row;
gap: var(--gap-11xl);
}
.sujet1 {
width: 100%;
border: 0;
outline: 0;
font-weight: 600;
font-family: var(--desktop-bouton);
font-size: var(--font-size-lg);
background-color: transparent;
height: 13px;
flex: 1;
position: relative;
line-height: 24px;
color: var(--noir);
text-align: left;
display: inline-block;
min-width: 227px;
padding: 0;
max-width: 100%;
}
.sujet-wrapper {
align-self: stretch;
border-top: 1px solid var(--color-gray-100);
box-sizing: border-box;
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
padding: var(--padding-5xs) 0 var(--padding-mini);
max-width: 100%;
font-size: var(--font-size-lg);
  line-height: 13px;
  font-weight: 600;
  font-family: var(--desktop-bouton);
  color: var(--noir);
  text-align: left;
  max-width: 100%;
}
.bac-de-recyclage1 {
align-self: stretch;
position: relative;
font-size: var(--desktop-bouton-size);
line-height: 24px;
font-family: var(--desktop-bouton);
color: var(--noir);
text-align: left;
}
.frame-parent3 {
flex: 1;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
gap: var(--gap-9xs);
min-width: 246px;
max-width: 100%;
}
.lieu-concern {
height: 13px;
flex: 1;
position: relative;
font-size: var(--font-size-lg);
line-height: 13px;
font-weight: 600;
font-family: var(--desktop-bouton);
color: var(--noir);
text-align: left;
display: inline-block;
max-width: 100%;
}
.lieu-concern-wrapper {
align-self: stretch;
border-top: 1px solid var(--color-gray-100);
box-sizing: border-box;
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
padding: var(--padding-5xs) 0 var(--padding-mini);
max-width: 100%;
}
.boulevard-des-seigneurs {
margin-block-start: 0;
margin-block-end: 20px;
}
.p {
margin: 0;
}
.boulevard-des-seigneurs-container {
align-self: stretch;
height: 48px;
position: relative;
font-size: var(--desktop-bouton-size);
line-height: 24px;
font-family: var(--desktop-bouton);
color: var(--noir);
text-align: left;
display: inline-block;
}
.frame-parent2,
.frame-parent4,
.request-headers {
display: flex;
align-items: flex-start;
justify-content: flex-start;
max-width: 100%;
}
.frame-parent4 {
flex: 1;
flex-direction: column;
gap: var(--gap-9xs);
min-width: 246px;
}
.frame-parent2,
.request-headers {
align-self: stretch;
}
.frame-parent2 {
flex-direction: row;
gap: var(--gap-11xl);
}
.request-headers {
flex-direction: column;
gap: 28px;
}
.dtail-de-la {
width: 100%;
border: 0;
outline: 0;
font-weight: 500;
font-family: var(--desktop-bouton);
font-size: var(--desktop-bouton-size);
background-color: transparent;
height: 12px;
flex: 1;
position: relative;
line-height: 24px;
color: var(--noir);
text-align: left;
display: inline-block;
min-width: 250px;
padding: 0;
max-width: 100%;
}
.dtail-de-la-requte-wrapper {
align-self: stretch;
border-top: 1px solid var(--color-gray-100);
box-sizing: border-box;
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
padding: var(--padding-5xs) 0 var(--padding-mini);
max-width: 100%;
font-size: var(--font-size-lg);
  line-height: 13px;
  font-weight: 600;
  font-family: var(--desktop-bouton);
  color: var(--noir);
  text-align: left;
}
.bonjour,
.je-me-permets {
margin-block-start: 0;
margin-block-end: 20px;
}
.cordialement-jane-doe {
margin: 0;
}
.bonjour-je-me-container {
position: relative;
font-size: var(--desktop-bouton-size);
line-height: 24px;
font-family: var(--desktop-bouton);
color: var(--noir);
text-align: left;
}
.request-message {
align-self: stretch;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
gap: var(--gap-9xs);
max-width: 100%;
}
.complment-dinformation {
width: 100%;
border: 0;
outline: 0;
font-weight: 500;
font-family: var(--desktop-bouton);
font-size: var(--desktop-bouton-size);
background-color: transparent;
height: 12px;
flex: 1;
position: relative;
line-height: 24px;
color: var(--noir);
text-align: left;
display: inline-block;
min-width: 250px;
padding: 0;
max-width: 100%;
}
.complement-title {
align-self: stretch;
border-top: 1px solid var(--color-gray-100);
box-sizing: border-box;
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
padding: var(--padding-5xs) 0 var(--padding-mini);
max-width: 100%;
font-size: var(--font-size-lg);
  line-height: 13px;
  font-weight: 600;
  font-family: var(--desktop-bouton);
  color: var(--noir);
  text-align: left;
}
.juillet-20241 {
align-self: stretch;
position: relative;
font-size: var(--font-size-sm);
line-height: 20px;
font-family: var(--desktop-bouton);
color: rgba(29, 24, 20, 0.6);
text-align: left;
}
.complement-info {
align-self: stretch;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
gap: var(--gap-9xs);
max-width: 100%;
}
.lorem-ipsum-dolor {
position: relative;
font-size: var(--desktop-bouton-size);
line-height: 24px;
font-family: var(--desktop-bouton);
color: var(--noir);
text-align: left;
}
.complement {
align-self: stretch;
gap: var(--gap-3xs);
}
.complement,
.request-data,
.request-info {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
max-width: 100%;
}
.request-data {
align-self: stretch;
gap: var(--gap-41xl);
}
.request-info {
flex: 1;
gap: 72px;
min-width: 511px;
}
.demande-reue,
.nous-avons-bien,
.statut-de-la {
position: relative;
text-align: left;
display: inline-block;
}
.statut-de-la {
margin: 0 !important;
width: 298px !important;
font-size: var(--desktop-h4-size) !important;
letter-spacing: -0.2px !important;
line-height: 30px !important;
font-weight: 500 !important;
font-family: var(--desktop-h3) !important;
color: var(--noir) !important;
}
.demande-reue,
.nous-avons-bien {
line-height: 24px;
font-family: var(--desktop-bouton);
}
.demande-reue {
width: 298px;
font-size: var(--desktop-h5-size);
font-weight: 500;
color: var(--noir);
}
.nous-avons-bien {
width: 297px;
font-size: var(--desktop-bouton-size);
color: var(--paragraphe);
}
.status-content {
align-self: stretch;
border-radius: 30px;
background-color: var(--bg);
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
padding: var(--padding-21xl) var(--padding-xl) var(--padding-21xl)
  var(--padding-21xl);
gap: var(--gap-11xl);
}
.ajouter-un-complment {
position: relative;
font-size: var(--desktop-bouton-size);
letter-spacing: -0.3px;
line-height: 20px;
font-weight: 500;
font-family: var(--desktop-bouton);
color: var(--bg);
text-align: left;
}
.add-complement-button,
.add-complement-container {
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
box-sizing: border-box;
max-width: 100%;
}
.add-complement-button {
cursor: pointer;
border: 0;
padding: var(--padding-xl) 37px var(--padding-xl) 38px;
background-color: var(--noir);
flex: 1;
border-radius: var(--br-xs);
}
.add-complement-button:hover,
.add-consent-button:hover {
background-color: var(--color-dimgray);
}

.cancelbtn,
.cancel-container {
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
box-sizing: border-box;
max-width: 100%;
}
.cancelbtn {
cursor: pointer;
border: 0;
padding: var(--padding-xl) 37px var(--padding-xl) 38px;
background-color: var(--Blanc);
flex: 1;
border-radius: var(--br-xs);
}

.add-complement-container {
align-self: stretch;
padding: 0 0 0 var(--padding-11xs);
}
.annuler-ma-requte {
position: relative;
font-size: var(--desktop-bouton-size);
letter-spacing: -0.3px;
line-height: 20px;
font-weight: 500;
font-family: var(--desktop-bouton);
color: var(--noir);
text-align: left;
white-space: nowrap;
}
.cancel-container {
align-self: stretch;
flex: 1;
border-radius: var(--br-xs);
border: 2px solid var(--color-gray-100);
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
}
.request-actions,
.status-info {
align-self: stretch;
flex-direction: column;
}
.request-actions {
height: 130px;
display: flex;
align-items: flex-start;
justify-content: flex-start;
gap: var(--gap-3xs);
max-width: 100%;
}
.status-info {
gap: var(--gap-11xl);
}
.request-content,
.request-status,
.status-info {
display: flex;
align-items: flex-start;
justify-content: flex-start;
max-width: 100%;
}
.request-status {
width: 377px;
flex-direction: column;
padding: var(--padding-xs) 0 0;
box-sizing: border-box;
}
.request-content {
margin: 0;
align-self: stretch;
flex-direction: row;
gap: var(--gap-12xl);
}
.pices-jointes-envoyes {
width: 100%;
border: 0;
outline: 0;
font-weight: 500;
font-family: var(--desktop-bouton);
font-size: var(--desktop-bouton-size);
background-color: transparent;
height: 12px;
flex: 1;
position: relative;
line-height: 24px;
color: var(--noir);
text-align: left;
display: inline-block;
min-width: 250px;
padding: 0;
max-width: 100%;
}
.attachments-content {
align-self: stretch;
border-top: 1px solid var(--color-gray-100);
box-sizing: border-box;
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
padding: var(--padding-5xs) 0 var(--padding-mini);
max-width: 100%;
font-size: var(--font-size-lg);
  line-height: 13px;
  font-weight: 600;
  font-family: var(--desktop-bouton);
  color: var(--noir);
  text-align: left;
}
.juillet-20242 {
align-self: stretch;
position: relative;
line-height: 20px;
}
.placeholderimg-icone {
align-self: stretch;
flex: 1;
position: relative;
max-width: 100%;
overflow: hidden;
max-height: 100%;
object-fit: cover;
}
.image-row {
width: 200px;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
gap: var(--gap-5xs);
}
.juillet-20243 {
align-self: stretch;
position: relative;
line-height: 20px;
}
.placeholderimg-icone1 {
align-self: stretch;
height: 130px;
position: relative;
max-width: 100%;
overflow: hidden;
flex-shrink: 0;
object-fit: cover;
}
.image-pair {
flex: 1;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
gap: var(--gap-5xs);
min-width: 130px;
}
.juillet-20244 {
align-self: stretch;
position: relative;
line-height: 20px;
}
.placeholderimg-icone2 {
width: 118px;
height: 130px;
position: relative;
overflow: hidden;
flex-shrink: 0;
object-fit: cover;
}
.image-gallery,
.image-pair1,
.second-image-row {
display: flex;
align-items: flex-start;
justify-content: flex-start;
}
.image-pair1 {
flex: 1;
flex-direction: column;
gap: var(--gap-5xs);
min-width: 130px;
}
.image-gallery,
.second-image-row {
flex-direction: row;
max-width: 100%;
}
.second-image-row {
flex: 1;
gap: var(--gap-11xl);
min-width: 279px;
}
.image-gallery {
align-self: stretch;
gap: 47px;
}
.nom-image-1jpg {
align-self: stretch;
position: relative;
letter-spacing: -0.3px;
line-height: 16px;
}
.image-name-container {
flex: 1;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
padding: 0 var(--padding-base) 0 0;
box-sizing: border-box;
min-width: 141px;
}
.nom-image-1jpg1,
.nom-image-1jpg2 {
width: 201px;
position: relative;
letter-spacing: -0.3px;
line-height: 16px;
display: inline-block;
flex-shrink: 0;
}
.image-names-row {
align-self: stretch;
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
align-content: flex-start;
gap: var(--gap-11xl);
font-size: var(--font-size-xs);
}
.images-container {
width: 677px;
gap: var(--gap-5xs);
}
.attachments,
.images-container,
.request {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
max-width: 100%;
}
.attachments {
width: 786px;
gap: var(--gap-11xl);
}
.request {
align-self: stretch;
gap: var(--gap-41xl);
font-size: var(--font-size-sm);
}
.messages-concernant-la {
margin: 0;
height: 32px;
position: relative;
font-size: inherit;
letter-spacing: -1px;
line-height: 52px;
font-weight: 400;
font-family: inherit;
display: inline-block;
flex-shrink: 0;
max-width: 100%;
border-bottom: 0px !important;
}
.date1 {
width: 201px;
position: relative;
line-height: 21px;
font-weight: 500;
display: flex;
align-items: flex-end;
flex-shrink: 0;
}
.menu-secondaire1,
.sujet2 {
display: flex;
flex-shrink: 0;
max-width: 100%;
}
.sujet2 {
width: 381px;
position: relative;
line-height: 21px;
font-weight: 500;
align-items: flex-end;
}
.menu-secondaire1 {
align-self: stretch;
border-radius: var(--br-8xs) var(--br-8xs) 0 0;
background-color: var(--jaune);
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
padding: var(--padding-3xs) var(--padding-mini);
box-sizing: border-box;
gap: var(--gap-6xl);
}
.empty-message {
width: 201px;
display: flex;
align-items: flex-end;
flex-shrink: 0;
}
.accus-de-rception,
.empty-message {
position: relative;
line-height: 24px;
font-weight: 600;
}
.message-content,
.message-title-container {
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
}
.message-title-container {
flex: 1;
border-bottom: 1px dashed var(--color-black);
box-sizing: border-box;
min-width: 173px;
}
.message-content {
flex-wrap: wrap;
align-content: flex-start;
gap: var(--gap-6xl);
max-width: calc(100% - 45px);
}
.arrow-forward-fill0-wght400-gr-icon {
height: 25.4px;
width: 25.4px;
position: relative;
overflow: hidden;
flex-shrink: 0;
}
.ligne-dossier {
align-self: stretch;
background-color: var(--bg);
display: flex;
flex-direction: row;
align-items: flex-end;
justify-content: space-between;
padding: var(--padding-base) var(--padding-mini);
box-sizing: border-box;
flex-shrink: 0;
max-width: 100%;
gap: var(--gap-xl);
z-index: 1;
font-size: var(--desktop-bouton-size);
}
.message-list,
.request-messages {
align-self: stretch;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
max-width: 100%;
}
.message-list {
font-size: var(--font-size-base);
font-family: var(--desktop-bouton);
}
.request-messages {
padding: 0 0 20.6px;
box-sizing: border-box;
gap: 62px;
font-family: var(--desktop-h3);
}
.consentement-aux-lus {
margin: 0;
height: 32px;
position: relative;
font-size: inherit;
letter-spacing: -1px;
line-height: 52px;
font-weight: 400;
font-family: inherit;
display: inline-block;
flex-shrink: 0;
max-width: 100%;
border-bottom: 0px !important;
}
.pour-des-fins {
position: relative;
font-size: var(--desktop-bouton-size);
line-height: 24px;
font-family: var(--desktop-bouton);
color: var(--paragraphe);
}
.consent-content {
align-self: stretch;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
gap: var(--gap-21xl);
max-width: 100%;
}
.date2,
.lu,
.rvocation {
width: 201px;
position: relative;
line-height: 21px;
font-weight: 500;
display: flex;
align-items: flex-end;
flex-shrink: 0;
}
.lu,
.rvocation {
width: 461px;
}
.rvocation {
width: 196px;
}
.menu-secondaire2 {
align-self: stretch;
border-radius: var(--br-8xs) var(--br-8xs) 0 0;
background-color: var(--jaune);
overflow-x: auto;
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
padding: var(--padding-3xs) var(--padding-mini);
gap: var(--gap-6xl);
}
.juillet-2024- {
width: 201px;
display: flex;
align-items: flex-end;
flex-shrink: 0;
}
.juillet-2024-,
.ville-de-terrebonne {
position: relative;
line-height: 24px;
}
.consent-info {
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
gap: var(--gap-6xl);
max-width: 100%;
}
.i-remove-1-icon {
height: 24px;
width: 24px;
position: relative;
overflow: hidden;
flex-shrink: 0;
}
.rvoquer {
flex: 1;
position: relative;
line-height: 24px;
font-weight: 600;
display: inline-block;
max-width: calc(100% - 29px);
}
.consent-actions,
.consent-items,
.ligne-dossier1 {
display: flex;
align-items: flex-start;
max-width: 100%;
}
.consent-actions {
width: 452px;
flex-direction: row;
justify-content: flex-start;
gap: var(--gap-8xs);
}
.consent-items,
.ligne-dossier1 {
align-self: stretch;
}
.ligne-dossier1 {
background-color: var(--bg);
flex-direction: row;
justify-content: space-between;
padding: var(--padding-base) var(--padding-mini);
box-sizing: border-box;
gap: var(--gap-xl);
z-index: 1;
font-size: var(--desktop-bouton-size);
}
.consent-items {
flex-direction: column;
justify-content: flex-start;
}
.juillet-2024-1 {
width: 201px;
display: flex;
align-items: flex-end;
flex-shrink: 0;
}
.juillet-2024-1,
.ville-de-terrebonne1 {
position: relative;
line-height: 24px;
}
.consent-data,
.new-consent-content {
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
max-width: 100%;
}
.consent-data {
gap: var(--gap-6xl);
}

.new-consent-container {
flex-direction: column;
gap: 46px;
max-width: 100%;
}
.rvoqu-le-11 {
width: 453px;
position: relative;
line-height: 24px;
display: flex;
align-items: flex-end;
max-width: 100%;
}
.consent,
.consent-list,
.new-consent {
display: flex;
align-items: flex-start;
max-width: 100%;
}
.new-consent {
width: 1177px;
flex-direction: row;
justify-content: space-between;
gap: var(--gap-xl);
font-size: var(--desktop-bouton-size);
}
.consent,
.consent-list {
align-self: stretch;
flex-direction: column;
justify-content: flex-start;
}
.consent-list {
gap: var(--gap-base);
font-size: var(--font-size-base);
font-family: var(--desktop-bouton);
}
.consent {
gap: var(--gap-41xl);
font-family: var(--desktop-h3);
}
.frame-item,
.line-wrapper {
align-self: stretch;
box-sizing: border-box;
max-width: 100%;
}
.frame-item {
flex: 1;
position: relative;
border-top: 2px solid var(--color-black);
}
.line-wrapper {
height: 2px;
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
padding: 0 0 0 var(--padding-11xs);
}
.home-icon {
width: 35px;
height: 16.4px;
position: relative;
object-fit: contain;
}
.home-button-parent {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
padding: 4.8px 0 0;
}
.retour-laccueil {
position: relative;
letter-spacing: -0.5px;
line-height: 26px;
font-weight: 500;
font-family: 'Rubik';
}
.frame-parent5,
.home-button-container,
.request-details {
display: flex;
align-items: flex-start;
justify-content: flex-start;
}
.home-button-container {
flex-direction: row;
gap: var(--gap-xl);
}
.frame-parent5,
.request-details {
flex-direction: column;
max-width: 100%;
}
.frame-parent5 {
align-self: stretch;
gap: 35px;
font-size: var(--desktop-h5-size);
}
.request-details {
width: 1194px;
gap: 100px;
}
.main-content {
width: 1360px;
flex-direction: row;
justify-content: center;
padding: 0 var(--padding-xl);
box-sizing: border-box;
font-size: var(--desktop-h2-size);
}
.content,
.main-content,
.side-content {
display: flex;
align-items: flex-start;
max-width: 100%;
}
.side-content {
flex: 1;
flex-direction: column;
justify-content: flex-start;
gap: 64.4px;
text-align: left;
font-size: var(--font-size-smi);
color: var(--noir);
font-family: var(--desktop-bouton);
}
.content {
width: 1420px;
flex-direction: row;
justify-content: flex-end;
padding: 0 var(--padding-xl) var(--padding-xl);
box-sizing: border-box;
flex-shrink: 0;
}
.footer-background {
width: 100%;
height: 100%;
position: absolute;
margin: 0 !important;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: var(--bg-darker);
z-index: 0;
}
.bureau-des-citoyens {
margin: 0;
width: 321px;
height: 28px;
position: relative;
font-size: inherit;
letter-spacing: -0.5px;
line-height: 34px;
font-weight: 500;
font-family: inherit;
display: inline-block;
flex-shrink: 0;
z-index: 1;
}
.frame-icon {
height: 95.7px;
width: 170px;
position: absolute;
margin: 0 !important;
top: -54px;
right: 2px;
overflow: hidden;
flex-shrink: 0;
z-index: 0;
}
.phosphor-icons-regular-phone {
height: 28px;
width: 28px;
position: relative;
z-index: 2;
}
.phone-number-placeholder {
width: 130px;
height: 28px;
position: relative;
letter-spacing: -0.5px;
line-height: 28px;
font-weight: 500;
display: inline-block;
flex-shrink: 0;
}
.phone-number-placeholder-wrapper,
.phosphor-icons-regular-phone-parent {
height: 29px;
display: flex;
align-items: flex-start;
justify-content: flex-start;
}
.phone-number-placeholder-wrapper {
width: 129px;
flex-direction: column;
padding: 1px 0 0;
box-sizing: border-box;
z-index: 1;
}
.phosphor-icons-regular-phone-parent {
width: 174px;
flex-direction: row;
gap: var(--gap-mid);
}
.phosphor-icons-regular-clock {
width: 26px;
height: 26px;
position: relative;
}
.clock-icon {
height: 30px;
width: 26px;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
padding: var(--padding-9xs) 0 0;
box-sizing: border-box;
z-index: 2;
}
.du-lundi-au {
height: 28px;
width: 362px;
position: relative;
letter-spacing: -0.3px;
line-height: 28px;
display: inline-block;
flex-shrink: 0;
z-index: 1;
}
.clock-icon-parent {
width: 400px;
height: 30px;
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
gap: 13px;
}
.fether-icons-map-pin {
width: 24px;
height: 24px;
position: relative;
overflow: hidden;
flex-shrink: 0;
}
.location-icon {
height: 28px;
width: 24px;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
padding: var(--padding-9xs) 0 0;
box-sizing: border-box;
z-index: 2;
}
.a-boulevard-des {
margin-block-start: 0;
margin-block-end: 25px;
}
.terrebonne-qc-j6w {
margin: 0;
}
.a-boulevard-des-container {
height: 56px;
width: 293px;
position: relative;
letter-spacing: -0.3px;
line-height: 28px;
display: inline-block;
z-index: 1;
}
.footer-contact,
.location-icon-parent {
width: 327px;
height: 56px;
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
gap: var(--gap-3xs);
}
.footer-contact {
width: 400px;
height: 155px;
flex-direction: column;
gap: var(--gap-xl);
z-index: 2;
}
.footer-legal-child {
width: 1194px;
position: relative;
border-top: 1px solid var(--color-black);
box-sizing: border-box;
height: 1px;
opacity: 0.3;
z-index: 2;
}
.tous-droits-rservs {
width: 267px;
height: 16px;
position: relative;
line-height: 16px;
display: flex;
align-items: flex-end;
flex-shrink: 0;
}
.tous-droits-rservs-ville-de-wrapper {
height: 23px;
width: 266px;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
padding: 7px 0 0;
box-sizing: border-box;
}
.consulter-le-site {
width: 324px;
height: 20px;
position: relative;
letter-spacing: -0.3px;
line-height: 20px;
font-weight: 500;
display: inline-block;
flex-shrink: 0;
}
.consulter-le-site-de-la-ville-wrapper {
height: 25px;
width: 323px;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
padding: 5px 0 0;
box-sizing: border-box;
}
.trending-flat-fill0-wght400-gr-icon {
height: 30px;
width: 30px;
position: relative;
overflow: hidden;
flex-shrink: 0;
}
.website-link {
height: 30px;
width: 358px;
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
gap: var(--gap-8xs);
text-align: center;
font-size: var(--desktop-bouton-size);
}
.copyright,
.footer-contact-parent,
.footer-legal {
width: 1193px;
display: flex;
align-items: flex-start;
justify-content: flex-start;
z-index: 1;
}
.copyright {
height: 30px;
flex-direction: row;
gap: 569px;
}
.footer-contact-parent,
.footer-legal {
flex-direction: column;
}
.footer-legal {
height: 50px;
gap: var(--gap-xl);
font-size: var(--font-size-xs);
}
.footer-contact-parent {
height: 245px;
gap: var(--gap-21xl);
}
.dtail-requte,
.footer,
.footer-info {
justify-content: flex-start;
}
.footer-info {
width: 1193px;
height: 245px;
flex-direction: row;
align-items: flex-start;
z-index: 2;
font-size: var(--desktop-paragraphe-size);
font-family: var(--desktop-bouton);
}
.dtail-requte,
.footer {
flex-direction: column;
text-align: left;
}

.dtail-requte {
background-color: var(--blue-10);
width: 100%;
overflow: hidden;
align-items: flex-end;
gap: var(--gap-xl);
line-height: normal;
letter-spacing: normal;
font-size: var(--font-size-lg);
color: var(--blue-100);
font-family: var(--font-work-sans);
display: flex;
  align-items: center;
}

.form-control {
  height: auto;
}
@media screen and (max-width: 1200px) {
.request {
  gap: var(--gap-11xl);
}
.request-messages {
  gap: var(--gap-12xl);
}
.consent {
  gap: var(--gap-11xl);
}
.request-details {
  gap: 50px;
}
}
@media screen and (max-width: 1050px) {
.requte-12341 {
  font-size: 62px;
  line-height: 49px;
}
.request-data {
  gap: var(--gap-11xl);
}
.request-info {
  gap: 36px;
}
.statut-de-la {
  font-size: 24px;
  line-height: 24px;
}
.request-status {
  flex: 1;
}
.request-content {
  flex-wrap: wrap;
}
.consentement-aux-lus,
.messages-concernant-la {
  font-size: var(--font-size-26xl);
  line-height: 42px;
}
.ligne-dossier1 {
  flex-wrap: wrap;
}
.consent-data,
.new-consent-container {
  flex: 1;
}
.new-consent {
  flex-wrap: wrap;
}
}
@media screen and (max-width: 750px) {
.frame-container,
.frame-parent2,
.header-row-parent {
  flex-wrap: wrap;
}
.request-info,
.request-status {
  min-width: 100%;
}
.request-content {
  gap: var(--gap-mini);
}
.image-row {
  flex: 1;
}
.image-gallery {
  gap: var(--gap-4xl);
  flex-wrap: wrap;
}
.menu-secondaire1 {
  flex-wrap: wrap;
}
.request-messages {
  gap: var(--gap-mini);
}
.consent-content {
  gap: var(--gap-xl);
}
.consent-data,
.consent-info {
  flex-wrap: wrap;
}
.new-consent-container {
  gap: var(--gap-4xl);
  min-width: 100%;
}
.frame-parent5 {
  gap: var(--gap-mid);
}
.request-details {
  gap: var(--gap-6xl);
}
.side-content {
  gap: 32px;
}
}
@media screen and (max-width: 450px) {
.side-menu {
  flex-wrap: wrap;
}
.requte-12341 {
  font-size: 47px;
  line-height: 37px;
}
.request-info {
  gap: 18px;
}
.demande-reue,
.statut-de-la {
  font-size: var(--font-size-lg);
  line-height: 18px;
}
.demande-reue {
  line-height: 19px;
}
.status-content {
  gap: var(--gap-mini);
}
.cancel-container {
  padding-left: var(--padding-xl);
  padding-right: var(--padding-xl);
  box-sizing: border-box;
}
.second-image-row {
  flex-wrap: wrap;
}
.consentement-aux-lus,
.messages-concernant-la {
  font-size: var(--font-size-15xl);
  line-height: 31px;
}
.retour-laccueil {
  font-size: var(--font-size-lg);
  line-height: 21px;
}
.side-content {
  gap: var(--gap-base);
}
}
.row-tr {
background-color: transparent !important;
}

.row-bg {
background-color: var(--bg) !important;
}
body {
  margin: 0;
  line-height: normal;
}

:root {
  --desktop-bouton: 'Rubik', sans-serif;;
  --desktop-h3: "Crimson Pro";
  --font-work-sans: "Work Sans";

  --desktop-bouton-size: 17px;
  --font-size-xs: 12px;
  --desktop-paragraphe-size: 20px;
  --desktop-h3-size: 38px;
  --desktop-h5-size: 22px;
  --font-size-lg: 18px;
  --font-size-base: 16px;
  --desktop-h2-size: 56px;
  --font-size-15xl: 34px;
  --font-size-26xl: 45px;
  --font-size-sm: 14px;
  --desktop-h4-size: 30px;
  --h1-size: 40px;
  --font-size-smi: 13px;

  --blue-10: #fff;
  --noir: #1d1814;
  --color-gray-100: rgba(0, 0, 0, 0.3);
  --paragraphe: rgba(0, 0, 0, 0.8);
  --color-black: #000;
  --bg: #f3f3f1;
  --color-whitesmoke-100: #efeff4;
  --bg-darker: #efeeea;
  --color-dimgray: #4f4d47;
  --jaune: #ffc95e;
  --blue-100: #273042;

  --gap-xl: 20px;
  --gap-21xl: 40px;
  --gap-8xs: 5px;
  --gap-3xs: 10px;
  --gap-mid: 17px;
  --gap-base: 16px;
  --gap-6xl: 25px;
  --gap-41xl: 60px;
  --gap-11xl: 30px;
  --gap-4xl: 23px;
  --gap-12xl: 31px;
  --gap-mini: 15px;
  --gap-5xs: 8px;
  --gap-9xs: 4px;

  --padding-9xs: 4px;
  --padding-xl: 20px;
  --padding-11xs: 2px;
  --padding-smi-5: 12.5px;
  --padding-mini: 15px;
  --padding-base: 16px;
  --padding-3xs: 10px;
  --padding-5xs: 8px;
  --padding-xs: 12px;
  --padding-21xl: 40px;
  --padding-7xs: 6px;

  --br-8xs: 5px;
  --br-xs: 12px;
  --br-7xs: 6px;
}
@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");
@import url("https://fonts.googleapis.com/css?family=Rubik:var(--desktop-h5-font-weight),var(--desktop-bouton-font-weight),600,var(--desktop-paragraphe-small-font-weight),var(--mobile-paragraphe-font-weight),var(--desktop-titre-de-champs-font-weight),var(--mobile-bouton-font-weight),var(--desktop-paragraphe-font-weight),500,400|Crimson+Pro:var(--h1-font-weight),var(--mobile-h1-font-weight),var(--mobile-h2-font-weight),var(--desktop-h2-font-weight),var(--desktop-h3-font-weight),var(--mobile-h3-font-weight),var(--desktop-h4-font-weight)");
* {
-webkit-font-smoothing: antialiased;
box-sizing: border-box;
}

.input-group.input-group-search {
  width: auto;
  max-width: 100%;
}


.search-container {
  display: flex;
  height: 70px;
  border: 1px solid #d0d0d0;
  border-radius: 10px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.search-input {
  flex: 1;
  border: none;
  outline: none;
  font-size: 18px;
  padding: 0 10px;
  color: #1D1814;
  background-color: transparent;
}

.search-input::placeholder {
  color: #bbb;
}

.clear-button {
  border: none;
  background: #1D1814;
  font-size: 15px;
  color: white;
  margin-right: 10px;
  cursor: pointer;
  height: 20px;
  border-radius: 10px;
  margin-top: 25px;
  padding: 3px;
  min-width: 0px;
}

.list-clear-button {
  padding-right: 21px;
  border: none;
  font-size: 15px;
  color: #666;
  background-color: #fff;
  cursor: pointer;
  height: 20px;
  margin-top: 25px;
  min-width: 0px;
}

.clear-button:hover {
  color: #1D1814;
  background: #1D1814;
  color: white;
  border: none;

}

.search-button {
  background-color: #1D1814;
  color: white;
  border: none;
  border-radius: 5px;
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
  margin-left: 10px;
  width: 20%;
}

.mt-0 {
  margin-top: 0px !important;
}


.case-deflection {
  width: 100%;
  max-width: 1200px;
}
input.search-input.form-control.subject.case-deflection {
  align-self: center;
  margin: 0;
  border:0;
  outline: none;
  box-shadow: none;
}

.section-banner {
  position: relative;
  width: 100%;
  height: 300px;
  overflow-x: hidden;
  overflow-y: hidden;
  margin-bottom: 20px;
}
  
.section-banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 30px;
  border-bottom-left-radius: 30px;
}

.banner-text {
  position: absolute;
  bottom: 50px;
  left: 50px;
  color: white;
  font-size: 78px;
  color: var(--Blanc, #FFF);
  font-family: "Crimson Pro";
  font-style: normal;
  font-weight: 400;
  line-height: 61px;
  letter-spacing: -2px;
}
@media (max-width: 768px) {
  .section-banner img {
    object-fit: fill !important;
  }

  .search-container {
    width: 100%;
  }
  .search-button {
   
    font-size: 13px;
    width: 30%;
}
  h1.page-title {
font-size: 50px  !important;
  }
  .banner-text{
    font-size: 60px !important;
  }
  h4.list-group-item-heading {
    font-size: 18px !important;
    line-height: 1;
}
p#result {
  font-size: 25px !important;
}
}

@media (max-width: 576px) {
  .banner-text{
    font-size: 36px !important;
    bottom: 25px;
  }

  .section-banner {
    position: relative;
    width: 100%;
    height: 150px;
    overflow-x: hidden;
    overflow-y: hidden;
    margin-bottom: 20px;
  }
}

@media (max-width: 480px) {
  .search-container {
    width: 100%;
  }
 
}
p#result,#no-results,#no-results h2,#no-results p {
  margin-top: 30px;
  margin-bottom: 30px;
  font-family: Crimson Pro;
  font-size: 34px;
  font-weight: 500;
  line-height: 34px;
  letter-spacing: -0.5px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;

}
.custom-list{
list-style-type: disc;
}


h4.list-group-item-heading {
  font-size: 28px;
  font-family: Crimson Pro;
  text-decoration: underline;
}
.input-group.pull-left.view-search.entitylist-search {
  width: 100%;
  max-width: 300px;
}

.d-none {
  display: none !important;
}

.instructions a {
  text-decoration: underline !important;
  color: #2f5fef;
}

.article-detail a {
  text-decoration: underline !important;
  color: #2f5fef;
}

.breadcrumb {
  margin-left: 50px;
}

#mainContent {
  width: 100%;
}

.deactivate-link {
  font-weight: bold;
}

.msos-input-container {
  font-family: 'Rubik', sans-serif;
  padding: 6px 12px !important;
}

.msos-selection-container {
  padding: 0px !important;
  border-radius: 6px;
}

.msos-label-text {
  align-items: center;
}

.msos-label-text:hover {
  color: white;
}

.msos-label:hover {
  color: white;
}

#trb_att_problematique_multi_i {
  min-height: fit-content !important;
}

#errorResult {
  font-style: italic;
  font-size: 13px;
  color: #a94442;
}

td[data-attribute="gs_subject"] {
  cursor: pointer;
  text-decoration: underline;
  text-decoration-style: dotted;
  text-underline-offset: 3px;
}

#previewModal td {
  border: none !important;
}

a:hover {
  color: #000;
}

@media (max-width: 768px) {
  .breadcrumb{
    margin-left: 34px;
  }

  .banner-text{
    left: 16px;
  }
}