.Footer__footerBg
{
  display:none;
}
#portal_tabCases{
display:none;
}
.button-custom-4 {
  background-image: url('https://dev.adnagile.com/form/cosoluce_img3.png');
  background-repeat: no-repeat;
  background-size: 80px 91px; /* Adjust image size */
  background-position: left-center;
  background-color: #042e52;
  color: white;
  border: none;
  padding: 30px 40px 30px 65px; /* Left space for image */
  width: 280px;
  font-size: 20px;
  text-decoration: none;
  display: inline-block;
  margin: 60px 1px;
  cursor: pointer;
  border-radius: 10px;
  text-align: center;
}
.button-custom {
  background-color: #042e52;
  color: white;
  border: none;
  padding: 30px 40px 30px 65px; /* Left space for image */
  width: 280px;
  font-size: 20px;
  text-decoration: none;
  display: inline-block;
  margin: 60px 1px;
  cursor: pointer;
  border-radius: 10px;
  text-align: left;
  position: relative;
  overflow: hidden;
}

.button-custom::before {
  content: '';
  position: absolute;
  left: -15px;
  top: 55%;
  transform: translateY(-50%) scaleX(-1); /* Flip image horizontally */
width: 80px;
  height: 86px;
  background-image: url('https://dev.adnagile.com/form/cosoluce_img5.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.button-custom-3 {
    background-image: url('https://dev.adnagile.com/form/cosoluce_img3.png');
  background-repeat: no-repeat;
  background-size: 80px 91px; /* Adjust image size */
  background-position: left-center;
  background-color: #042e52;
  color: white;
  border: none;
  padding: 30px 40px 30px 65px; /* Left space for image */
  width: 280px;
  font-size: 20px;
  text-decoration: none;
  display: none;
  margin: 60px 1px;
  cursor: pointer;
  border-radius: 10px;
  text-align: center; /* Align text correctly */
}
.button-custom-2 {
    background-image: url('https://dev.adnagile.com/form/cosoluce_img4.png');
  background-repeat: no-repeat;
  background-size: 80px 91px; /* Adjust image size */
  background-position: left-center;
  background-color: #042e52;
  color: white;
  border: none;
  padding: 30px 40px 30px 65px; /* Left space for image */
  width: 280px;
  font-size: 20px;
  text-decoration: none;
  display: inline-block;
  margin: 60px 1px;
  cursor: pointer;
  border-radius: 10px;
  text-align: center; /* Align text correctly */
}
.WidgetContainer__list {
  margin-top:10%;
}
.Header__tabsTab.Header__active, .Header__homeNavbarFixed .Header__navbar .Header__tabsTab.Header__active, .Header__tabsTab:hover
{
  color: #82dcf6
 }
.CustomWidget__customDescription {
	margin: 0 auto;
    width: 83%;
}
.commonStyle__zt3Brand,.Icon__brand
{
  color:#042e52 !important; 
}
.commonStyle__zt3BrandBg {
    background-color: #042e52;
}

.ticket_duedate
{
  display:none;
}
.Header__logo img
{
    max-height: 100px;
}
.Header__searchTitle
{
text-align: left;
  font-size: 30px;
}
.commonStyle__flexWrap
{
  flex-wrap: nowrap;
}
.KbCategory__box:nth-child(3n-3) {
  margin-right: 1.3rem
}
.fr .SearchResult__searchPart li.SearchResult__boxList:nth-child(2) .SearchResult__labelTree,

.fr .SearchResult__searchPart li.SearchResult__boxList:nth-child(3) .SearchResult__labelTree{

    font-size: 0;

}

.fr .SearchResult__searchPart li.SearchResult__boxList:nth-child(2) .SearchResult__labelTree:after {

    content: "Le plus récent";

    font-size: .9375rem;

}

.fr .SearchResult__searchPart li.SearchResult__boxList:nth-child(3) .SearchResult__labelTree:after {

    content: "Le plus ancien";

    font-size: .9375rem;

}

.TicketList__accountCont li.TicketList__accountList:nth-child(1) a,
.TicketList__accountCont li.TicketList__accountList:nth-child(2) a,
.TicketList__accountCont li.TicketList__accountList:nth-child(3) a,
.TicketList__accountCont li.TicketList__accountList:nth-child(4) a,
.TicketList__accountCont li.TicketList__accountList:nth-child(5) a,
.TicketList__accountCont li.TicketList__accountList:nth-child(7) a,
.TicketList__accountCont li.TicketList__accountList:nth-child(8) a,
.TicketList__accountCont li.TicketList__accountList:nth-child(9) a,
.TicketList__accountCont li.TicketList__accountList:nth-child(10) a{
    color: transparent;   
    position: relative;
  	display: inline;
}

.TicketList__accountCont li.TicketList__accountList:nth-child(1) a::after {
    content: "Mes demandes"; 
    font-size: 0.9375rem;
    position: absolute;
  	color: black;
    left: 0;
    top: 0;
}

.TicketList__accountCont li.TicketList__accountList:nth-child(2) a::after {
    content: "Mes demandes ouvertes"; 
    font-size: 0.9375rem;
    position: absolute;
  	color: black;
    left: 0;
    top: 0;
}
.TicketList__accountCont li.TicketList__accountList:nth-child(3) a::after {
    content: "Mes demandes fermées"; 
    font-size: 0.9375rem;
    position: absolute;
  	color: black;
    left: 0;
    top: 0;
}
.TicketList__accountCont li.TicketList__accountList:nth-child(4) a::after {
    content: "Mes demandes en attente"; 
    font-size: 0.9375rem;
    position: absolute;
  	color: black;
    left: 0;
    top: 0;
}
.TicketList__accountCont li.TicketList__accountList:nth-child(5) a::after {
    content: "Mes demandes en retard"; 
    font-size: 0.9375rem;
    position: absolute;
  	color: black;
    left: 0;
    top: 0;
}
.TicketList__accountCont li.TicketList__accountList:nth-child(7) a::after {
    content: "Demandes ouvertes de l'équipe"; 
    font-size: 0.9375rem;
    position: absolute;
  	color: black;
    left: 0;
    top: 0;
}
.TicketList__accountCont li.TicketList__accountList:nth-child(8) a::after {
    content: "Demandes fermées de l'équipe"; 
    font-size: 0.9375rem;
    position: absolute;
  	color: black;
    left: 0;
    top: 0;
}
.TicketList__accountCont li.TicketList__accountList:nth-child(9) a::after {
    content: "Demandes en attente de l'équipe"; 
    font-size: 0.9375rem;
    position: absolute;
  	color: black;
    left: 0;
    top: 0;
}
.TicketList__accountCont li.TicketList__accountList:nth-child(10) a::after {
    content: "Demandes en retard de l'équipe"; 
    font-size: 0.9375rem;
    position: absolute;
  	color: black;
    left: 0;
    top: 0;
}
.TicketList__accountCont li.TicketList__accountList:nth-child(1) a:hover::after ,
.TicketList__accountCont li.TicketList__accountList:nth-child(2) a:hover::after ,
.TicketList__accountCont li.TicketList__accountList:nth-child(3) a:hover::after ,
.TicketList__accountCont li.TicketList__accountList:nth-child(4) a:hover::after ,
.TicketList__accountCont li.TicketList__accountList:nth-child(5) a:hover::after ,
.TicketList__accountCont li.TicketList__accountList:nth-child(7) a:hover::after ,
.TicketList__accountCont li.TicketList__accountList:nth-child(8) a:hover::after ,
.TicketList__accountCont li.TicketList__accountList:nth-child(9) a:hover::after ,
.TicketList__accountCont li.TicketList__accountList:nth-child(10) a:hover::after{
    color: #e46317;
}
.TicketList__accountCont li.TicketList__accountList:nth-child(1) a.commonStyle__zt3LinkActive::after ,
.TicketList__accountCont li.TicketList__accountList:nth-child(2) a.commonStyle__zt3LinkActive::after ,
.TicketList__accountCont li.TicketList__accountList:nth-child(3) a.commonStyle__zt3LinkActive::after ,
.TicketList__accountCont li.TicketList__accountList:nth-child(4) a.commonStyle__zt3LinkActive::after ,
.TicketList__accountCont li.TicketList__accountList:nth-child(5) a.commonStyle__zt3LinkActive::after ,
.TicketList__accountCont li.TicketList__accountList:nth-child(7) a.commonStyle__zt3LinkActive::after ,
.TicketList__accountCont li.TicketList__accountList:nth-child(8) a.commonStyle__zt3LinkActive::after ,
.TicketList__accountCont li.TicketList__accountList:nth-child(9) a.commonStyle__zt3LinkActive::after ,
.TicketList__accountCont li.TicketList__accountList:nth-child(10) a.commonStyle__zt3LinkActive::after {
    color: #e46317;
}

.Input__inputCommon::placeholder {
    color: transparent;
}

.Input__positionRel {
    position: relative;
}

.Input__positionRel::before  {
    content: "Rechercher un article"; 
    position: absolute;
    left: 10px; 
    top: 50%;
    transform: translateY(-50%);
    color: #888;
    font-size: 14px;
    pointer-events: none; 
}

.Input__positionRel:has(input:not(:placeholder-shown))::before {
    opacity: 0;
}

div[data-id="description_scoreBoard_UserProfileInformation"] ,
div[data-id="description_scoreBoard_Vote"] ,
div[data-id="description_scoreBoard_UserFollow"] ,
div[data-id="description_scoreBoard_Idea"] ,
div[data-id="description_scoreBoard_Question"] ,
div[data-id="description_scoreBoard_Problem"] ,
div[data-id="description_scoreBoard_Reply"] ,
div[data-id="description_scoreBoard_TopicFollow"] ,
div[data-id="description_scoreBoard_UserFollower"] ,
div[data-id="description_scoreBoard_UserAvatar"] ,
div[data-id="description_scoreBoard_MyTopicUpVoted"] ,
div[data-id="description_scoreBoard_MyTopicFollowed"] ,
div[data-id="description_scoreBoard_CustomCredit"] ,
span[data-id="label_scoreBoard_UserProfileInformation"] ,
span[data-id="label_scoreBoard_Vote"] ,
span[data-id="label_scoreBoard_UserFollow"] ,
span[data-id="label_scoreBoard_Idea"] ,
span[data-id="label_scoreBoard_Problem"] ,
span[data-id="label_scoreBoard_Reply"] ,
span[data-id="label_scoreBoard_TopicFollow"] ,
span[data-id="label_scoreBoard_UserFollower"] ,
span[data-id="label_scoreBoard_UserAvatar"] ,
span[data-id="label_scoreBoard_MyTopicUpVoted"] ,
span[data-id="label_scoreBoard_MyTopicFollowed"] ,
span[data-id="label_scoreBoard_CustomCredit"] 
{
    color: transparent;   
    position: relative;   
}

span[data-id="label_scoreBoard_UserProfileInformation"]::after {
    content: "Information de l'utilisateur"; 
    color: #000;          
    position: absolute;
    left: 0;
    top: 0;
    white-space: normal;  
}

span[data-id="label_scoreBoard_Vote"]::after {
    content: "Votes réalisés"; 
    color: #000;          
    position: absolute;
    left: 0;
    top: 0;
    white-space: normal;  
}

span[data-id="label_scoreBoard_UserFollow"]::after {
    content: "Suivi réalisés"; 
    color: #000;          
    position: absolute;
    left: 0;
    top: 0;
    white-space: normal;  
}

span[data-id="label_scoreBoard_Idea"]::after {
    content: "Idées suggérées"; 
    color: #000;          
    position: absolute;
    left: 0;
    top: 0;
    white-space: normal;  
}

span[data-id="label_scoreBoard_Problem"]::after {
    content: "Problème"; 
    color: #000;          
    position: absolute;
    left: 0;
    top: 0;
    white-space: normal;  
}
span[data-id="label_scoreBoard_Reply"]::after {
    content: "Réponse"; 
    color: #000;          
    position: absolute;
    left: 0;
    top: 0;
    white-space: normal;  
}
span[data-id="label_scoreBoard_TopicFollow"]::after {
    content: "Suivre le sujet"; 
    color: #000;          
    position: absolute;
    left: 0;
    top: 0;
    white-space: normal;  
}
span[data-id="label_scoreBoard_UserFollower"]::after {
    content: "Abonné"; 
    color: #000;          
    position: absolute;
    left: 0;
    top: 0;
    white-space: normal;  
}
span[data-id="label_scoreBoard_UserAvatar"]::after {
    content: "Avatar de l’utilisateur"; 
    color: #000;          
    position: absolute;
    left: 0;
    top: 0;
    white-space: normal;  
}
span[data-id="label_scoreBoard_MyTopicUpVoted"]::after {
    content: "Mon sujet a été voté positivement"; 
    color: #000;          
    position: absolute;
    left: 0;
    top: 0;
    white-space: normal;  
}
span[data-id="label_scoreBoard_MyTopicFollowed"]::after {
    content: "Mon sujet est suivi"; 
    color: #000;          
    position: absolute;
    left: 0;
    top: 0;
    white-space: normal;  
}
span[data-id="label_scoreBoard_CustomCredit"]::after {
    content: "Crédit personnalisé"; 
    color: #000;          
    position: absolute;
    left: 0;
    top: 0;
    white-space: normal;  
}

div[data-id="description_scoreBoard_UserProfileInformation"]::after {
    content: "Remplissez vos informations personnelles et celles de votre entreprise."; 
    color: #777;          
    position: absolute;
    left: 0;
    top: 0;
    white-space: normal;  
}

div[data-id="description_scoreBoard_Vote"]::after {
    content: "A chaque fois qu’un utilisateur vote pour ou contre, qu'il contribue à un sujet, il gagne des points!"; 
    color: #777;          
    position: absolute;
    left: 0;
    top: 0;
    white-space: normal;  
}
div[data-id="description_scoreBoard_UserFollow"]::after {
    content: "Suivi d'un autre utilisateur"; 
    color: #777;          
    position: absolute;
    left: 0;
    top: 0;
    white-space: normal;  
}
div[data-id="description_scoreBoard_Idea"]::after {
    content: "Publiez une idée. Les utilisateurs recevront des points pour chaque idée qu’ils proposent."; 
    color: #777;          
    position: absolute;
    left: 0;
    top: 0;
    white-space: normal;  
}
div[data-id="description_scoreBoard_Question"]::after {
    content: "Posez une question. Chaque question rapportera quelques points."; 
    color: #777;          
    position: absolute;
    left: 0;
    top: 0;
    white-space: normal;  
}
div[data-id="description_scoreBoard_Problem"]::after {
    content: "Les utilisateurs qui signalent un problème gagneront des points."; 
    color: #777;          
    position: absolute;
    left: 0;
    top: 0;
    white-space: normal;  
}
div[data-id="description_scoreBoard_Reply"]::after {
    content: "Les utilisateurs gagneront des points lorsqu’ils répondront à la question, au problème ou à l’idée de quelqu’un."; 
    color: #777;          
    position: absolute;
    left: 0;
    top: 0;
    white-space: normal;  
}
div[data-id="description_scoreBoard_TopicFollow"]::after {
    content: "Les utilisateurs devront suivre une catégorie ou un sujet."; 
    color: #777;          
    position: absolute;
    left: 0;
    top: 0;
    white-space: normal;  
}
div[data-id="description_scoreBoard_UserFollower"]::after {
    content: "Les abonnés gagneront des points."; 
    color: #777;          
    position: absolute;
    left: 0;
    top: 0;
    white-space: normal;  
}
div[data-id="description_scoreBoard_UserAvatar"]::after {
    content: "Les utilisateurs devront télécharger un avatar."; 
    color: #777;          
    position: absolute;
    left: 0;
    top: 0;
    white-space: normal;  
}
div[data-id="description_scoreBoard_MyTopicUpVoted"]::after {
    content: "Les utilisateurs gagneront des points lorsque quelqu’un votera pour leur question, problème ou idée."; 
    color: #777;          
    position: absolute;
    left: 0;
    top: 0;
    white-space: normal;  
}
div[data-id="description_scoreBoard_MyTopicFollowed"]::after {
    content: "Les utilisateurs gagneront des points lorsque quelqu’un suivra leur question, problème ou idée."; 
    color: #777;          
    position: absolute;
    left: 0;
    top: 0;
    white-space: normal;  
}
div[data-id="description_scoreBoard_CustomCredit"]::after {
    content: "Crédit personnalisé."; 
    color: #777;          
    position: absolute;
    left: 0;
    top: 0;
    white-space: normal;  
}
.TicketFormLeftContainer__formTitle {
    font-size: 0;
}
.TicketFormLeftContainer__formTitle:After {
    content: "Envoyer une demande";
    font-size: 2rem;;
}

.MediaObject__mediaFigure {
    margin-right: 0.2rem !important;
}

.KbCategory__boxInner {
    padding: 1.250rem 0.5rem 1.250rem;
}
.KbCategory__topic {
    padding: 0 0rem 0 0 !important;
}
.KbCategory__topic a {
    font-size: 0.9rem !important;
}


@media (max-width: 1170px) {
  div[data-id="column1"] ul li div.KbCategoryContainer__row {
    display: grid;
    grid-template-columns: repeat(3, 1fr); 
    column-gap: 10px;
  }
   div[data-id="column1"] ul li div.KbCategoryContainer__row > div { 
    width:100%; 
  }
}


@media (max-width: 692px) {
  div[data-id="column1"] ul li div.KbCategoryContainer__row {
    display: grid;
    grid-template-columns: repeat(2, 1fr); 
    column-gap: 10px;
  }
  div[data-id="column1"] ul li div.KbCategoryContainer__row > div { 
    width:100%; 
  }
}