@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

body,html
  {height:100%;}

:focus
  {outline:none;box-shadow:none;}

#header
  {
  display:block;position:relative;
  background-color:var(--bs-body-bg);
  }
#footer
  {
  display:block;position:relative;
  background-color:var(--bs-body-bg);
  }
#content
  {
  display:block;position:relative;
  background-color:var(--bs-gray-100);
  }
#intro
  {
  display:block;position:relative;
  background-color:var(--bs-gray-200);
  }


#header #logo
  {height:54px;width:auto;margin:-5px 0;}
#header #icon
  {display:none;}

#former-alert
{
    position: absolute;
    z-index: 100;
    left:0;
    height: 20px;
    transform-origin: top left;
    transform: rotate(-90deg);
    top: 280px;
}
#former-alert a
{
    display: block;
    background-color: var(--bs-primary);
    color: white;
    font-weight: bold;
    text-decoration: none;
    padding: 7px 15px;
    border-radius: 0 0 15px 15px;
}

@media (max-width:768px)
  {
  #header #logo
    {display:none;}
  #header #icon
    {display:block;height:54px;width:auto;margin:-5px 0;}
  }

#footer .partners_part_1
  {}
#footer .partners_part_2
  {text-align:right;}
#footer .partners_part_1 .logo_fribourg,
#footer .partners_part_1 .logo_valais,
#footer .partners_part_1 .logo_vaud
  {display:inline-block;width:auto;height:90px;margin-right:40px;}
#footer .partners_part_2 .logo_suisse
  {display:inline-block;width:200px;height:auto;}
#footer .nav_footer .nav
  {
  margin-right:-1rem;
  justify-content: flex-end !important;
  }
#footer .license p
  {padding: 0.7rem 0;margin:0;}

@media (max-width:980px)
  {
  #footer .partners_part_1,
  #footer .partners_part_2
    {text-align:center;}
  #footer .partners_part_1 .logo_fribourg,
  #footer .partners_part_1 .logo_valais,
  #footer .partners_part_1 .logo_vaud
    {margin:0 20px;height:60px;}
  #footer .partners_part_2 .logo_suisse
    {margin:40px 0 0 0;}

  #footer .nav_footer .nav
    {margin:auto;justify-content:center !important;}
  #footer .nav_footer .nav .nav-link
    {font-size:12px;padding:0.2rem 0.5rem !important;}
  #footer .license p
    {text-align:center;font-size:12px;}
  }

@media (max-width:480px)
  {
  #footer .partners_part_1 .logo_fribourg,
  #footer .partners_part_1 .logo_valais,
  #footer .partners_part_1 .logo_vaud
    {height:40px;}
  #footer .partners_part_2 .logo_suisse
    {width:120px;}
  }


/* RESET OR UPDATE BOOTSTRAP */

#header .navbar-toggler
  {
  padding: 0;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border:0;
  border-radius:0;
  }
#header .navbar-nav .nav-link,
#header .nav .nav-link
  {padding:0.5rem 1rem;color:var(--bs-body-color);font-size:1rem;}
#footer .navbar-nav .nav-link,
#footer .nav .nav-link
  {padding:0.7rem 1rem;color:var(--bs-body-color);}
#header .navbar-nav .nav-link.active,
#header .nav .nav-link.active,
#footer .navbar-nav .nav-link.active,
#footer .nav .nav-link.active
  {color:var(--bs-primary);font-weight:600;}
#header .navbar-nav .nav-link:hover,
#header .nav .nav-link.active:hover,
#footer .navbar-nav .nav-link:hover,
#footer .nav .nav-link:hover
  {color:var(--bs-primary);}
#header .navbar-nav .lang
  {margin-left:1rem;margin-right:1rem;}
#header .navbar-nav .lang .dropdown-menu
  {min-width:4rem;left:-2px;}
#header .navbar-nav #mainboard.btn
  {margin-left:1.5rem;}
#header .navbar-nav .btn .bi-person::before
  {font-size:20px;vertical-align: -.2em;}

@media (max-width:1200px)
  {
  #header .navbar-nav .lang
    {margin-left:0;margin:1rem 0;}
  #header .navbar-nav .btn
    {margin-left:0;margin-top:10px;}
  #header .navbar-nav #mainboard.btn
    {margin-left:0;}
  #header .navbar-nav .nav-link,
  #header .nav .nav-link
    {padding:0.7rem 0;color:var(--bs-body-color);}
  }

.action
  {float:right;display:inline-flex;align-items:center;}
.action [class^="bi-"]::before,
.action [class*=" bi-"]::before
  {font-size:18px;vertical-align:-.2em;margin-left:5px;}
.action i.text
  {display:inline-block;font-size:12px;font-style:normal;margin-right:5px;}
.action .badge
  {margin-left:1rem;}

.badge.bg-white
  {color:var(--body-text-color);}
.critere .badge
  {
  font-size: 0.4em;
  font-weight:400;margin-left:10px;
  vertical-align:middle;
  }

/* ADD ONS */

.ratings
  {
  list-style-type:none;
  margin:0;padding:0;
  width:100%;
  direction:rtl;
  text-align:left;
  }
.star
  {
  position:relative;
  line-height:16px;display:inline-block;
  transition:color 0.2s ease;
  color:var(--bs-gray-200);
  width:16px;height:16px;font-size:16px;
  }
.star:hover,
.star.selected,
.star:hover ~ .star,
.star.selected ~ .star
  {transition: color 0.8s ease;color:var(--bs-primary);}

.text-monospace
    {font-family: monospace;}

/* IMG */

.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

@media (min-width: 768px) {
  .bd-placeholder-img-lg {
    font-size: 3.5rem;
  }
}

/* SPECIAL BUTTONS */

.anim_level
  {display:block;margin-top:3px;}
.anim_level .part_1,
.anim_level .part_2
  {display:block;float:left;}
.anim_level .part_1::before
  {
  position:absolute;
  z-index:1;
  content:"";width:155px;
  display:block;
  height:4px;margin:6px 15px;
  background-color:var(--bs-gray-200);
  }

input.radio,
input.checkbox
	{display:none;}

input.checkbox + label,
input.radio + label
  {margin-bottom:0;float:left;}
input.checkbox + label .btn_checkbox,
input.radio + label .btn_radio
	{
	background-color:var(--bs-white);
  border:1px solid var(--bs-gray-200);
	display:block;position:relative;z-index:5;
	width:16px;height:16px;
	margin:0 10px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
  transition:all 0.5s ease;
  cursor:pointer;
	}
input.checkbox:checked + label .btn_checkbox,
input.radio:checked + label .btn_radio
	{
  background-color:var(--bs-primary);
  border:1px solid var(--bs-primary);
  margin:-8px 2px;
  width:32px;height:32px;
	-webkit-border-radius:16px;
	-moz-border-radius:16px;
	border-radius:16px;
  transition:all 0.5s ease;
  }

input.checkbox + label .btn_checkbox.bg-secondary,
input.radio + label .btn_radio.bg-secondary
  {
  background-color:var(--bs-secondary);
  border-color:var(--bs-secondary);
  }
input.checkbox + label .btn_checkbox.bg-outlinesecondary,
input.radio + label .btn_radio.bg-outlinesecondary
  {
  background-color:var(--bs-white);
  border-color:var(--bs-secondary);
  }
input.checkbox + label .btn_checkbox.bg-red,
input.radio + label .btn_radio.bg-red
  {
  background-color:var(--bs-red);
  border-color:var(--bs-red);
  }
input.checkbox + label .btn_checkbox.bg-orange,
input.radio + label .btn_radio.bg-orange
  {
  background-color:var(--bs-orange);
  border-color:var(--bs-orange);
  }
input.checkbox + label .btn_checkbox.bg-beige,
input.radio + label .btn_radio.bg-beige
  {
  background-color:var(--bs-beige);
  border-color:var(--bs-beige);
  }
input.checkbox + label .btn_checkbox.bg-green,
input.radio + label .btn_radio.bg-green
  {
  background-color:var(--bs-green);
  border-color:var(--bs-green);
  }
input.checkbox + label .btn_checkbox.bg-greenfluo,
input.radio + label .btn_radio.bg-greenfluo
  {
  background-color:var(--bs-greenfluo);
  border-color:var(--bs-greenfluo);
  }


/* Breadcrumb */

.breadcrumb_block
  {filter: drop-shadow(0 0 0.25rem rgba(0, 0, 0, 0.075)) !important;font-size:18px;}
.breadcrumb_block .bg-primary
  {color:#FFFFFF;}
.breadcrumb_block .part_1
  {clip-path: polygon(0% 0%, 95% 0%, 100% 50%,95% 100%, 0% 100%);}
.breadcrumb_block .part_2
  {clip-path: polygon(0% 0%, 95% 0%, 100% 50%,95% 100%, 0% 100%, 5% 50%);}
.breadcrumb_block .part_3
  {clip-path: polygon(0% 0%, 95% 0%, 100% 50%,95% 100%, 0% 100%, 5% 50%);}

@media (max-width: 768px)
  {
  .breadcrumb_block .part_1
    {clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 90% 100%, 0% 100%);}
  .breadcrumb_block .part_2
    {clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 90% 100%, 0% 100%, 10% 50%);}
  .breadcrumb_block .part_3
    {clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 90% 100%, 0% 100%, 10% 50%);}
  }

.card-input-element+.card
	{border: 2px solid var(--bs-white);}
.card-input-element+.card:hover
	{cursor: pointer;}
.card-input-element:checked+.card
	{border: 2px solid var(--bs-primary);}
.card-input-element:checked+.card::after
	{
	position:absolute;top:20px;right:20px;
  content: '\f26a';font-size:32px;
	display: inline-block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--bs-primary);
	}


.accordion .list-group .list-group-item ul,
.accordion .list-group .list-group-item ol
{list-style-type:none;margin-top:10px;padding-left:0;}
.accordion .list-group .list-group-item a
{text-decoration:none;color:var(--bs-body-color);}
.accordion .list-group .list-group-item.active
{
    background-color:var(--bs-primary);
    border-color: var(--bs-primary);
    border-radius:0;
}
.accordion .list-group .list-group-item:hover
{
    background-color: var(--bs-gray-200);
    border-color: var(--bs-light);
}
.accordion .list-group .list-group-item.active:hover
{
    background-color:var(--bs-primary);
    border-color: var(--bs-primary);
}
.accordion .accordion-collapse .list-group .list-group-item.active
{
    background-color:var(--bs-info);
    border-color: var(--bs-light);
}
.accordion .accordion-collapse .list-group .list-group-item:hover
{
    background-color: var(--bs-gray-200);
}



.btn:disabled, .btn.disabled, fieldset:disabled .btn {
    background-color: #bfe0ed;
    border-color: #bfe0ed;
    opacity: 1;
    color: #f5f5f5;
}

.modal-body h3 {
    font-size: 1.25rem;
    margin-bottom: .5rem;
    margin-top: 1.5rem;
    font-weight: 500;
}

.modal-body h3:first-child {
    margin-top: .5rem;
}
.modal-body p {
    font-size: 1rem;
}
.modal-body p:last-child
  {margin-bottom: 0;}

ul
  {margin:0 0 1rem 0;list-style-type:"– ";padding:0 0 0 12px;}
ol
  {margin:0 0 1rem 0;list-style-type:decimal;padding:0 0 0 12px;}
li
  {padding:2px 0;}

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

.media
  {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  }

.media img
  {width:33%;height:auto;}

.text-right
    {text-align: right !important;}
.text-left
    {text-align: left !important;}
.text-center
    {text-align: center !important;}

/* added */
.messages .bi-small{
    font-size: .5rem;
    vertical-align: middle;
    display: inline-block;
    margin-right: .25rem;
    vertical-align: middle;
    padding-bottom: .1rem;
}
a.toggle-flag{
    color: inherit;
    text-decoration: none;
    font-size: .5rem;
    display: inline-block;
    margin-right: .25rem;
    vertical-align: middle;
    padding-bottom: .1rem;
}

.list-group-item-not-mine
{
    opacity: .5;
}
.list-group-item-not-mine:hover
{
    opacity: 1;
}

.dashboard-home .rounded-3,
.evaluation-home .rounded-3
{
    overflow: visible;
}

.fixed-top .alert .no-pad-right{
    margin-right: -3rem;
}