/*!
 * Chamilo LMS stylesheet - Default v.2.0
 * Homepage: https://chamilo.org
 * Author: Alex Aragón <alex.aragon@beeznest.com>
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 * Based on Bootstrap v3
*/

html {
  position: relative;
}
body {
  margin: 0 0 60px;
}
body > main footer.footer {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
}

a {
  color: #337AB7;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #2E75A3;
  text-decoration: none;
}
a:focus {
  outline: none;
}

.navbar-nav > li{
  margin-bottom: 0;
}
.navbar-collapse{
  overflow: hidden !important;
}
.navbar-default {
  background: #337AB7;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
  color: #A4DC2D;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus{
  color: #fff;
  background-color:#2C5B8E;
}
.navbar-default .navbar-nav > li > a{
  color: #ffffff;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus{
  background: #18477A;
  color: #ffffff;
}
.navbar-nav > li > .dropdown-menu{
  min-width: 100%;
  margin-top: 2px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
.navbar-default .navbar-nav > .open > .dropdown-menu{
  padding: 3px 4px;
}
.navbar-default .navbar-nav > .open > .dropdown-menu > li > a{
  padding: 6px 9px;
}
.nav > li > a:hover, .nav > li > a:focus{
   background-color: transparent;
}
.navbar-form .form-control{
  height: 25px;
  padding: 6px;
}
.navbar-default .navbar-brand {
  color:white;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{
  border-color: #2C5B8E;
}

.navbar-default .navbar-toggle{
  border-color: #00677C;
}
.navbar-default .navbar-toggle .icon-bar{
  background-color: #ffffff;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
  background-color: #2C5B8E;
}
.badge-warning{
  background-color: #FD6600;
}
.breadcrumb{
  padding: 8px 15px;
  margin-bottom: 21px;
  list-style: outside none none;
  background-color: #ECF0F1;
}
.breadcrumb > .active{
  color: #95a5a6;
}
.panel-default{
  border-color: #ECF0F1;
}
/* Jquery UI */
.ui-accordion .ui-accordion-icons{
  padding-left: 0.2em;
}
/* End Jquery UI */
.bgfooter{
  background-color:#1A2226;
}
.bgfooter{
  color: #ffffff;
}
.bgfooter a{
  color: #ffffff;
}

@import url("custom.css");

/* ══════════════════════════════════════
   THÈME IFFP — PERSONNALISATION
   ══════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600&display=swap');

:root {
  --c-blue-light:   #7EC8E3;
  --c-blue-mid:     #3A8BBF;
  --c-blue-main:    #2970A0;
  --c-blue-dark:    #1B4F72;
  --c-blue-soft:    #EAF4FB;
  --c-accent:       #B03A2E;
  --c-bg:           #F4F7FA;
  --c-surface:      #FFFFFF;
  --c-surface-soft: #EDF2F7;
  --c-text:         #1A2733;
  --c-text-muted:   #5D7080;
  --c-border:       #D5E3EE;
}

body {
  background-color: var(--c-bg) !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  color: var(--c-text) !important;
}

#top_bar, nav.navbar, .navbar {
  background: linear-gradient(90deg, #2970A0 0%, #3A8BBF 60%, #4AA3D0 100%) !important;
  border: none !important;
  box-shadow: 0 2px 6px rgba(27,79,114,0.2) !important;
}

#top_bar a, nav.navbar a, .navbar a, .navbar-nav > li > a {
  color: rgba(255,255,255,0.88) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  border-radius: 6px;
  transition: background 0.18s ease, color 0.18s ease;
}

#top_bar a:hover, nav.navbar a:hover, .navbar-nav > li > a:hover {
  background: rgba(255,255,255,0.18) !important;
  color: #ffffff !important;
}

.panel, .portlet, .course-box, .card, .well {
  background: var(--c-surface) !important;
  border: 1px solid var(--c-border) !important;
  border-radius: 16px !important;
  box-shadow: 0 1px 4px rgba(26,79,114,0.08) !important;
  padding: 1.5rem !important;
  transition: box-shadow 0.18s ease, transform 0.18s ease;
}

.panel:hover, .course-box:hover {
  box-shadow: 0 4px 14px rgba(26,79,114,0.12) !important;
  transform: translateY(-2px);
}

.btn-primary, input[type="submit"] {
  background: var(--c-blue-main) !important;
  border-color: var(--c-blue-main) !important;
  border-radius: 10px !important;
  font-weight: 500 !important;
  transition: all 0.18s ease !important;
}

.btn-primary:hover, input[type="submit"]:hover {
  background: var(--c-blue-dark) !important;
  box-shadow: 0 4px 12px rgba(41,112,160,0.35) !important;
  transform: translateY(-1px);
}

input[type="text"], input[type="email"], input[type="password"],
input[type="search"], textarea, select {
  border: 1.5px solid var(--c-border) !important;
  border-radius: 10px !important;
  padding: 0.6rem 0.9rem !important;
  transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

input:focus, textarea:focus, select:focus {
  outline: none !important;
  border-color: var(--c-blue-mid) !important;
  box-shadow: 0 0 0 3px rgba(41,112,160,0.15) !important;
}

table th, .data_table th {
  background: var(--c-blue-soft) !important;
  color: var(--c-blue-dark) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
}

table tr:hover td { background: var(--c-blue-soft) !important; }

.progress-bar {
  background: linear-gradient(90deg, var(--c-blue-main), var(--c-blue-light)) !important;
  border-radius: 99px !important;
}


/* Fix dropdown menus : texte sombre sur fond blanc */
.dropdown-menu,
.dropdown-menu li > a,
.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.navbar-nav > .open > .dropdown-menu > li > a,
.navbar-nav > .open > .dropdown-menu > li > a:hover,
.navbar-nav > .open > .dropdown-menu > li > a:focus {
  color: #333333 !important;
  background-color: transparent;
}

.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus {
  background-color: #f5f5f5 !important;
  color: #1a4f72 !important;
}

.dropdown-menu .divider {
  background-color: #e0e0e0 !important;
}

/* Fix fond transparent du dropdown */
.dropdown-menu {
  background-color: #ffffff !important;
  border: 1px solid rgba(0,0,0,0.15) !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
}