body {
    overflow-x: hidden !important;
}
#dataTables_filter
{
 float: right !important;

}
.pull-right
{
 float: right !important;

}
.menu:not(.menu-no-animation) .menu-link > :not(.menu-icon), table th, table td, table a {
    font-size: 11px !important;
}
.bg-menu-theme .menu-inner .menu-item .menu-link {
    color: white !important;
}
.actions {
    min-width: 234px !important;
}
.bg-menu-theme.menu-vertical {
    background-color: #2f323a !important;
}
.card-header {
    background-color: #1437a1 !important;
    color: white !important;
}
.card-header h5 {
    color: white !important;
}
.my-card { 
    background-color: #1437a1 !important;
    color: white !important;
}
.app-brand-text.demo {
    color: white !important;
}
.nav-pills .nav-link:not(.active, .disabled) {
    color: white !important;
}
.nav-pills .nav-link.active, .nav-pills .nav-link.active:hover, .nav-pills .nav-link.active:focus {
    background-color: #e6381a !important;
}
.bg-grey {
    background-color: rgb(197, 182, 167) !important;
}

thead tr, .btn-blue-fonce {
    background-color: #1437a1 !important;
    color: white;
}
.btn-blue-fonce:hover {
    color: white !important;
}
.text-blue-fonce {
    color: #1437a1 !important;
}
.blue-fonce {
    background-color: #1437a1 !important;
}
thead tr th {
    color: white !important;
}
.border-radius-0 {
    border-radius: 0 !important;
}
.bg-red {
    background-color: #e6381a !important;
}
.pull-left {
    float: left !important;
}
.p-0 {
    padding: 0 !important;
}
.marg-auto {
    margin: auto !important;
}
.table-striped > tbody > tr:nth-of-type(odd) > * {
    color: black !important;
}
tbody .alert-warning { 
    background-color: #e3e4e7 !important;
}
.bg-blue {
    background-color: #1437a1 !important;
    color: #fff !important;
}
.bg-perso1 {
    background-color: #d0daf7 !important;
}
.cursor-pointer {
    cursor: pointer !important;
}


@import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap");
* {
  box-sizing: border-box;
}
body {
  justify-content: center;
  align-items: center;
  margin: 0;
  background-color: #f7f8fc;
  font-family: 'Plus Jakarta Display', sans-serif !important;
  color: #10182f;
}

h1, h2, h3, h4, h5, p, a, strong, div, button, th, td, label, span {
    font-family: 'Plus Jakarta Display', sans-serif !important;
}
.card-projet {
  margin: 10px;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
.card-projet img {
  width: 100%;
  /* object-fit: cover; */
}
.img-logo-card {
    object-fit: fill !important;
}
.card-projet .card-body {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 250px !important;
  padding: 20px !important;
}
.card-projet .card-body .titre-projet {
    height: 50px !important;
}
.card-projet h5 {
    height: 55px;
    margin-bottom: 0 !important;
}

.tag {
  background: #cccccc;
  border-radius: 50px;
  font-size: 12px;
  margin: 0;
  color: #fff;
  padding: 2px 10px;
  text-transform: uppercase;
  cursor: pointer;
}
.tag-teal {
  background-color: #2c7d8d;
}
.tag-purple {
  background-color: #5e76bf;
}
.tag-pink {
  background-color: #cd5b9f;
}

.card-filiere .card-body p {
  font-size: 13px;
  margin: 0 0 40px;
}

.bg-image {
    /*background-image: url("../img/bg-climat.jpg"); */ /* The image used */
    background-color: #2c7d8d; /* Used if the image is unavailable */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
    margin-top: -25px !important;
}
.bg-menu-theme .menu-item.open:not(.menu-item-closing) > .menu-toggle, .bg-menu-theme .menu-item.active > .menu-link {
    color: #566a7f !important;
}
.bg-menu-theme .menu-item.open:not(.menu-item-closing) > .menu-toggle, .bg-menu-theme .menu-item.active > a:hover {
    color: #fff !important;
}

/* width */
::-webkit-scrollbar {
    width: 12px;
    height: 5px;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: blue;
    border-radius: 10px;
}

.dataTables_filter {
    float: right !important;
}
.select2-container--default .select2-selection--single {
    border: 1px solid rgb(216, 215, 215) !important;
}

input {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
    padding-left: 0.625rem !important;
    font-size: 0.75rem !important;
    border-radius: 0.25rem !important;
}

.title-departement {
    height: 50px !important;
}
.btn-primary, .bg-primary {
    background-color: #1437a1 !important;
}
.title-module {
    background-color: white; 
    color: black; 
    padding-left: 16px; 
    padding-top: 5px; 
    padding-bottom: 5px; 
    width: 116%;
    font-size: 10px !important;
}


.pagination {
    align-items: center !important;
    justify-content: center !important;
}

.pagination li.prev a, .pagination li.next a, .pagination li.last a, .pagination li.first a{
    width: 90px !important;
    border: 1px solid #fff !important;
    color: #fff !important;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 8px;
    padding-bottom: 8px;
}
.pagination li.next a, .pagination li.last a, .pagination li.first a {
    margin-left: 10px;
}
.pagination li.first a {
    margin-right: 10px;
}
.pagination .numbers li a {
    width: 60px !important;
    margin-left: 10px;
    border: 1px solid #fff;
    padding: 8px 12px 8px 12px;
    color: #fff !important;
}

.pagination .numbers li.active a {
    background-color: #fff !important;
    color: #2c7d8d !important;
    border: none !important;
}

.badge-success { background-color: rgb(10, 163, 10) !important; }
.badge-danger { background-color: rgb(243, 34, 34) !important; }
.badge-warning { background-color: rgb(250, 164, 35) !important; }
.badge-info { background-color: rgb(78, 187, 250) !important; }

@keyframes vertical-shaking {
    0% { transform: translateY(0) }
    25% { transform: translateY(5px) }
    50% { transform: translateY(-5px) }
    75% { transform: translateY(5px) }
    100% { transform: translateY(0) }
}
.notification {
    animation: vertical-shaking 0.7s infinite;
}
.hide { display: none !important; }

.card-dashbord .card-body {
    height: 450px !important;
    overflow-y: auto !important;
}

.bg-success {
    background-color: rgb(4, 110, 4) !important;
}
.bg-warning {
    background-color: rgb(212, 123, 7) !important;
}
.bg-danger {
    background-color: rgb(185, 4, 4) !important;
}
.bg-info {
    background-color: rgb(4, 119, 185) !important;
}

.bg-color1 {
    background-color: #1437a1 !important;
}
.bg-color2 {
    background-color: #0c9e9e !important;
}
.bg-color3 {
    background-color: #d31912 !important;
}
.bg-color4 {
    background-color: #cabe14 !important;
}
.bg-color5 {
    background-color: #20a114 !important;
}
.bg-color6 {
    background-color: #a1149a !important;
}
.bg-color7 {
    background-color: #535353 !important;
}
.bg-color8 {
    background-color: #a15f14 !important;
}


.bg-menu-theme .menu-inner > .menu-item.active > .menu-link {
    background-color: white !important;
    color: black !important;
}
li.menu-header {
    background-color: #14a153 !important;
    color: white !important;
    font-weight: 600 !important;
}
ul.menu-inner {
    position: fixed !important;
    margin-top: 75px !important;
}
#collapse1 {
    width: 100% !important;
}
.bg-menu-theme .menu-inner > .menu-item.active > .menu-link {
    background-color: white !important;
    color: black !important;
}
li.menu-header {
    background-color: #14a153 !important;
    color: white !important;
    font-weight: 600 !important;
}
ul.menu-inner {
    position: fixed !important;
    margin-top: 75px !important;
    padding-bottom: 100px !important;
}

.bg-menu-theme .ps__thumb-y, .bg-menu-theme .ps__rail-y.ps--clicking > .ps__thumb-y {
    background-color: white !important;
    width: 10px !important;
}
#collapse1 {
    width: 100% !important;
}
.menu-vertical .app-brand {
    padding-left: 5px !important;
    position: fixed !important;
}


@media (min-width: 1200px) {
    .layout-content-navbar .layout-navbar {
        z-index: 100 !important;
    }
}

.table-line-grey {
    background-color: #f1f1f1;
    border-right: 1px solid;
    color: black !important;
    text-align: center;
    border-bottom: 1px solid black;
}
.menu:not(.menu-no-animation) .menu-link > :not(.menu-icon), table th, table td, table a {
    font-size: 11px !important;
}
.table-line-white {
    border-right: 1px solid;
    padding-left: 10px;
}