.rounded-image {
  object-fit: cover;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  display: block;
  object-fit: cover;
}
.radio-button label{
  margin-bottom: 0px !important;
}
img {
  max-width: 100%;
  vertical-align: middle;
  border-style: none;
}
.CardBodyDefaultComponent .card-body {
  padding: 5px !important;
  margin: 11px 0;
}
.PlanningDuGantt table tbody tr td,
.PlanningDuGantt table tbody tr th {
  height: 20px !important;
  border: 1px solid #ccc !important;
}

body {
  font: 400 77%/1.5em Tahoma !important;
  color: #212529 !important;
}

ejs-gantt>div:nth-child(2) {
  display: flex !important;
}

.col-red {
  color: red;
}

ejs-gantt {
  height: calc(100vh - 217px) !important;
}
.statuTaches .mat-radio-label-content{
  margin-right: 6px !important;
}
.PopupNavbarTaches {
  width: 100%;
}

.DropIntervenant .dropdown-list ul.item2 {
  max-height: 225px !important;
}

.mat-checkbox-layout .mat-checkbox-label {
  line-height: 18px !important;
  margin-right: 5px;
}

.PopupTask {
  width: 100%;
}
.CheckPaie .mat-radio-label-content {
  padding-left: 3px !important;
  padding-right: 2px !important;
}
.PopupImportation,
.PopupCreaction {
  width: 80% !important;
  margin: 0 auto;
}

th.mat-header-cell:last-of-type,
td.mat-cell:last-of-type,
td.mat-footer-cell:last-of-type {
  padding-right: initial !important;
}

.grid-1fr-30-30 .btn {
  --bs-btn-padding-x: auto !important;
}

daypilot-calendar .calendar_default_main>div+div {
  height: calc(100vh - 268px) !important;
  overflow: auto;
}

.mat-card {
  box-shadow: 0 !important;
  font: 400 77%/1.5em Tahoma !important;
  color: #000;
}

.mat-calendar-body-cell-content,
.mat-date-range-input-separator {
  color: #333333 !important;
  background: #ffffff;
  padding: 0px;
}

li.dropdown.user_profile a.dropdown-toggle {
  height: 30px;
  max-height: 100%;
  width: 30px;
  overflow: hidden;
  vertical-align: middle;
  margin: 0 auto;
  line-height: 27px;
  top: 38%;
  transform: translateY(-60%);
  position: relative;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

/*-------------------------------top-header-----------------------------------*/
.navbar.top-header,
.navbar.top-header .container-fluid {
  padding: 0;
}

.navbar.top-header .container-fluid {
  display: block;
  height: 100%;
}
i.CenterIcon {
  font-size: 20px !important;
  color: #787272 !important;
  font-weight: bold !important;
}
.side-closed.submenu-closed .navbar-header {
  width: 65px;
}

.navbar-header .navbar-brand {
  margin-top: 2px;
}

.ls-closed #SubMenu {
  display: none !important;
}

.ls-closed .accordion-button:not(.collapsed)::after {
  display: none !important;
}

.ls-closed .accordion-button::after {
  display: none !important;
}

/*.ls-closed .accordion-body{
      display: none!important;
    }*/

.accordion-button::after {
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  content: "\f067" !important;
  text-decoration: none;
  color: #34bdbd;
  float: right;
  font-size: 18px;
  background-image: none !important;
}

.ls-closed.overlay-open #SubMenu {
  display: unset !important;
}

.ls-closed.overlay-open .accordion-button:not(.collapsed)::after {
  display: unset !important;
}

.ls-closed.overlay-open .accordion-button::after {
  display: unset !important;
}

.ls-closed.overlay-open .accordion-body {
  display: unset !important;
}
.groupRadios .mat-radio-label-content {
  padding-left: 2px !important;
}
.bg-purpleMois{
  background-color: red !important;
}
.ContenuGestionValidation  signature-pad canvas {
  border: 1px solid #000 !important;
}
.ContenuGestionValidation  signature-pad {
  background: transparent;
    justify-content: center;
    align-items: center;
}
.ContenuGestionValidation canvas.signature-pad-canvas {
  width: 100% !important;
}

.submenu-closed.side-closed #SubMenu {
  display: none !important;
}

.submenu-closed.side-closed #SidebarComponent .accordion-button:not(.collapsed)::after {
  display: none !important;
}

.submenu-closed.side-closed #SidebarComponent .accordion-button::after {
  display: none !important;
}

.submenu-closed.side-closed #SidebarComponent .accordion-body {
  display: none !important;
}
.BlocValidationTemps .mat-radio-label-content {
  padding-left: 2px !important;
  padding-right: 5px;
}
.container-fluid>.navbar-header {
  margin-right: 0;
  margin-left: 0;
  text-align: center;
  padding: 3px 7px;
  background-color: #fff;
  width: 260px;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.navbar.top-header .navbar {
  font-family: "Helvetica";
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
  border: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1030;
  width: 100%;
  padding: 0;
}

nav.navbar {
  font-family: "Helvetica";
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: 0 1px 5px rgb(0 0 0 / 30%);
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 5px rgb(0 0 0 / 30%);
  border: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1030;
  width: 100%;
  padding: 0;
}

.navbar .navbar-toggle {
  text-decoration: none;
  color: #fff;
  width: 20px;
  height: 20px;
  margin-top: -4px;
  margin-right: 17px;
}

.navbar.top-header .navbar-collapse {
  flex-basis: auto;
  transition: all 1s ease-out;
}

.navbar.top-header .sidemenu-collapse {
  padding: 5px 20px 0px 10px;
}

.navbar.top-header .sidemenu-collapse .fas {
  font-size: 26px;
  color: #fff;
}

.navbar.top-header .pull-left {
  float: left !important;
}

.nav.navbar.top-header {
  min-height: 70px;
}

.navbar .navbar-right.nav>li {
  padding: 0 8px 0 8px;
  height: 40px;
  line-height: 40px;
  text-align: center;
}

.navbar .navbar-right.nav>li i,
.modal-master>li i {
  height: auto;
  display: block;
}

.side-closed.submenu-closed .navbar-header .navbar-brand {
  margin: 0;
  padding: 0px 1px;
  text-align: center;
  width: 100%;
  overflow: hidden;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  -webkit-transition: all 1s;
  transition: all 1s;
}

.navbar-header .navbar-brand img {
  margin-left: 0px;
  margin-top: 0;
  vertical-align: top;
  height: 65px;
}

.ls-closed .bars:before {
  content: "\f0c9";
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}

.ls-closed .bars:after {
  content: "\f0c9";
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
}

.ls-closed .bars:after,
.ls-closed .bars:before {
  font-family: "Font Awesome 5 Free";
  font-size: 24px;
  position: absolute;
  left: 70px;
  top: -5px;
  margin-right: 10px;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
  font-weight: 900;
}

.logo-white .navbar-toggle,
.logo-white .bars:before,
.logo-white .bars:after {
  color: #fff !important;
}

.overlay-open .bars:after {
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}

.overlay-open .bars:before {
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
}

.ls-closed .sidebar {
  margin-left: -300px;
}

.overlay-open.ls-closed .sidebar {
  margin-left: 0;
}

.navbar .navbar-toggle {
  text-decoration: none;
  color: #fff;
  width: 20px;
  height: 20px;
  line-height: 20px;
  top: 15px;
  position: absolute;
  right: 33px;
}

.navbar.top-header .dropdown .dropdown-toggle::after {
  display: none;
}

.navbar .navbar-toggle:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f107";
  font-size: 30px;
}

.overlay-open .bars:before,
.ls-closed.side-closed-hover .bars::before,
.ls-closed.side-closed.side-closed-hover .bars::before {
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
}

.navbar-header .bars {
  float: left;
  text-decoration: none;
}

.navbar-header .bars:hover {
  color: #fff;
}
a.nav-link.active {
  background: #f4f4f4 !important;
}
/*--------------------------------navbar-right------------------*/
.navbar.top-header .nav ul li {
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  float: left;
  padding: 0 0px 0 0;
  margin-left: 0px;
}

.navbar.top-header .navbar-nav .fas,
.list-inline>li a i,
.modal-master .fas {
  font-size: 20px;
}

.navbar.top-header .navbar-nav .fas.fa-map-marker-alt {
  font-size: 22px;
}

.navbar.top-header .btn-link-transparent {
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background-color: transparent;
  border: none;
  cursor: pointer;
  color: #ffffff;
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-bottom: 0px !important;
  margin-top: 0px !important;
  outline: none;
}

.btn-link-transparent:hover,
.navbar .navbar-right.nav>li>a:hover {
  text-decoration: none;
  color: #ffffff;
  background-color: transparent;
  border: none;
}

.navbar-nav.navbar-right {
  flex-direction: row;
  float: right;
}

.collapse.show,
.collapse.in.show,
.collapsing.show {
  display: block;
}

.container-fluid>.navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}

.navbar-collapse {
  padding-right: 15px;
  padding-left: 15px;
  overflow-x: visible;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
}

.navbar .navbar-right.nav>li>a {
  padding: 0px 0px 5px;
}

.navbar .navbar-right.nav>li>a {
  display: inline-block;
}

.navbar .navbar-right.nav>li.user_profile {
  width: auto;
}

.FixedTD {
  position: sticky !important;
  top: 30px !important;
}

.navbar.top-header .label-count {
  position: absolute;
  top: -10px;
  right: -5px;
  font-size: 10px;
  width: 16px;
  height: 16px;
  line-height: 15px;
  padding: 1px 6px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
}

.navbar.top-header .navbar-nav .dropdown-menu {
  margin-top: 45px !important;
  width: 325px;
  right: 0;
  left: auto;
  position: absolute !important;
  top: 0;
  padding: 0;
}

.img-circle {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

/*-----top-header-dropdown-menu------*/
.show>.dropdown-menu {
  display: block;
}

.calendar_default_event {

  border: 1px solid #dadce0 !important;
  border-radius: 5px !important;
}

.calendar_default_event_inner {
  border-left: 4px solid #1673ad !important;
}

.calendar_default_event_inner {
  font-family: Exo, sans-serif !important;
  font-size: 12px !important;
}

.calendar_default_rowheader_inner {
  font-size: 13px !important;
  text-align: center !important;
}

.calendar_default_corner_inner {
  background: #F8F8F8 !important;
  border-right: 1px solid #ffffff !important;
  border-bottom: 1px solid #ffffff !important;
}

.calendar_default_colheader_inner,
.calendar_default_rowheader_inner,
.month_default_header_inner {
  background: #F8F8F8 !important;
  border-right: 1px solid #ffffff !important;
  border-bottom: 1px solid #ffffff !important;
  color: #000 !important;
}

.calendar_default_rowheader_minutes {
  vertical-align: initial !important;
  font-size: 12px !important;
}
.PopupGestionActiviter {
  width: 100%;
}
.calendar_default_main,
.month_default_main {
  border: 0px !important;
  font-family: Exo, sans-serif !important;
  font-size: 12px !important;
  color: #000 !important;
}

.month_default_header_inner {
  text-transform: capitalize !important;
}

.multiselect-dropdown .dropdown-btn .selected-item {
  padding: 0 0px !important;
}

.month_default_event_inner {
  border-radius: 10px !important;
  padding: 0 8px !important;
  border: 1px solid #ffffff !important;
  text-transform: capitalize !important;
}

.StyleCheck .mat-checkbox-inner-container {
  margin-right: 1px !important;
}

.StyleCheck .mat-checkbox-layout .mat-checkbox-label {
  font-weight: bold;
}

.month_default_cell_inner {
  border-left: 1px solid rgb(221, 221, 221) !important;
}

.navbar-nav .dropdown-menu {
  margin-top: 60px !important;
  width: 325px;
  right: 0;
  left: auto;
  position: absolute !important;
  top: 0;
  padding: 0;
}

.navbar-nav .dropdown-menu .header {
  line-height: 2;
}

.navbar-nav .dropdown-menu .header {
  font-size: 18px;
  font-weight: 600;
  width: 100%;
  text-align: center;
  padding: 4px 0 6px 0;
}

.iti__selected-flag {
  padding: 0 0px 0 6px !important;
}

.navbar.top-header .table-striped>tbody>tr:nth-child(odd)>td,
.navbar.top-header .table-striped>tbody>tr:nth-child(odd)>th {
  background-color: #fff;
}

.navbar.top-header .table-striped tbody tr:nth-of-type(2n + 2) {
  background-color: #f7f7f7;
}

li.notification .dropdown-menu li.header,
li.tache .dropdown-menu li.header {
  padding: 10px 8px 10px 0;
}

ul.dropdown-menu {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

.grid-1fr-60 {
  display: grid;
  grid-template-columns: 1fr 30px 30px;
  grid-gap: 4px;
}

.BodyTypeEvnmt .btn {
  --bs-btn-padding-x: 0 !important;
  --bs-btn-padding-y: 0 !important;
}

.notification table.dataTable {
  border-collapse: collapse !important;
}

.navbar.top-header .table-bordered tbody tr td,
.table-bordered tbody tr th {
  padding-bottom: 0px;
  padding-top: 0px;
  padding-left: 2px;
  padding-right: 2px;
  border: 1px solid #e5e5e5;
  font-size: 12px;
  vertical-align: middle;
}

.navbar.top-header .table-bordered tbody tr td {
  padding: 0;
  line-height: 20px;
}

.navbar.top-header .icon-circle,
.modal-master .icon-circle {
  width: 36px;
  height: 36px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  display: block;
}

table.table-bordered.tb-h th.bg-header.Fixedheader img {
  max-width: inherit;
}

.material-icons.iButton.under-icon.right-0 {
  position: absolute !important;
  right: 0px;
}

.navbar.top-header .icon-circle i,
.modal-master .icon-circle i {
  line-height: 35px;
  vertical-align: middle;
}

nav ul #notification table tr td a,
.modal-master .icon-notif {
  padding: 10px 15px;
}

nav ul #notification table tr td {
  padding: 0px 4px !important;
}

.navbar.top-header .bg-light-green,
.modal-master .bg-light-green {
  background-color: #8bc34a !important;
}

.navbar.top-header .bg-cyan,
.modal-master .bg-cyan {
  background-color: #00bcd4 !important;
}

.navbar.top-header .bg-red,
.modal-master .bg-red {
  background-color: #f44336 !important;
}

.navbar.top-header .navbar-nav .user_profile .dropdown-menu {
  width: 200px;
  right: -10px;
}

.navbar-nav .user_profile .user_dw_menu li {
  width: 100%;
  border-bottom: 1px solid #eee;
}

.navbar-nav .user_profile .user_dw_menu li a {
  line-height: 24px;
  color: #333333;
  padding: 8px 10px;
}

.navbar-nav .user_profile .user_dw_menu li a:hover,
.navbar-right ul#menuTache ul li a:hover {
  text-decoration: none;
}

.navbar-nav .user_profile .user_dw_menu li a i {
  padding-right: 5px;
  padding-top: 5px;
  display: inline-block;
}

.navbar-nav .user_profile .user_dw_menu li a i span,
.navbar-right ul#menuTache li i span {
  display: none;
}

.navbar-nav .user_profile .fas {
  height: auto;
}

.navbar-nav .user_profile ul.user_dw_menu li.header-lougout {
  display: table;
}

.navbar-nav .user_profile ul.user_dw_menu li.header-lougout a {
  display: table-cell;
  padding: 8px 0px 8px 10px;
}

.navbar-nav .user_profile ul.user_dw_menu li.header-lougout a:nth-child(2) {
  padding: 0;
  width: 80%;
}

.navbar-right ul#menuTache .fas {
  cursor: pointer;
  display: inline;
  color: #000;
  font-size: 16px;
  padding: 0 5px;
  height: 10px;
}

.navbar-right ul#menuTache ul li:nth-child(2) {
  overflow-y: auto;
  max-height: 650px;
}

.navbar-right ul#menuTache ul li a {
  cursor: pointer;
  color: #000;
  display: inline-flex;
}

.navbar-right ul#menuTache ul li a:hover {
  text-decoration: none;
}

.navbar-right ul#menuTache ul li:nth-child(1) a {
  line-height: 20px;
}

.navbar-right ul#menuTache ul li a#TreeView2Master_SkipLink {
  display: block;
}

.navbar-nav .dropdown-menu::before {
  content: "";
  position: absolute;
  top: -7px;
  right: 19px;
  display: inline-block !important;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #eee;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
}

.navbar-nav .dropdown-menu::after {
  content: "";
  position: absolute;
  top: -6px;
  right: 20px;
  display: inline-block !important;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5000 !important;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}

.btn:not(.btn-link):not(.btn-circle) {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: none;
  font-size: 12px;
  outline: none;
}

/*----------------------sidebar-----*/
.side-closed .sidebar {
  width: 65px;
  padding-top: 0px;
}

.menu_dark .sidebar {
  background: #635f78;
  font-weight: 500;
}

.sidebar {
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  font-family: "Helvetica";
  background: #ffffff;
  width: 260px;
  overflow: hidden;
  display: block;
  height: calc(100vh - 85px);
  position: fixed;
  top: 65px;
  left: 0;
  z-index: 1030 !important;
}

.sidebar .menu {
  position: relative;
  overflow-y: auto;
  height: 100vh;
}

.sidebar .sidebar-user-panel .user-panel {
  padding: 10px 0px 10px 0;
}

.sidebar .sidebar-user-panel #img_sidleft_menu .image {
  width: 80px;
  max-width: 100%;
  margin: 0 auto;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  height: 80px;
  max-height: 100%;
  border-radius: 100%;
  overflow: hidden;
  position: relative;
}

.sidebar .sidebar-user-panel #img_sidleft_menu .image img {
  width: 100%;
  height: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  display: block;
  object-fit: cover;
}

.ls-closed.side-closed.side-closed-hover .sidebar-user-panel,
.side-closed.side-closed-hover .sidebar-user-panel {
  display: block !important;
  -moz-transition: all 2s;
  -o-transition: all 2s;
  -webkit-transition: all 2s;
  transition: all 2s;
}

.sidebar .user-info {
  padding: 13px 15px 12px 15px;
  white-space: nowrap;
  position: relative;
  border-bottom: 1px solid #e9e9e9;
  background: url("../images/user-img-background.jpg") no-repeat no-repeat;
  height: 135px;
}

.sidebar .user-info .image {
  margin-right: 12px;
  display: inline-block;
}

.sidebar .user-info .image img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  vertical-align: bottom !important;
}

.sidebar .user-info .info-container {
  cursor: default;
  display: block;
  position: relative;
  top: 25px;
}

.sidebar .user-info .info-container .name {
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 14px;
  max-width: 200px;
  color: #fff;
}

.sidebar .user-info .info-container .email {
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 12px;
  max-width: 200px;
  color: #fff;
}

.sidebar .user-info .info-container .user-helper-dropdown {
  position: absolute;
  right: -3px;
  bottom: -12px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  cursor: pointer;
  color: #fff;
}

.sidebar .menu {
  position: relative;
  overflow-y: auto;
  height: calc(100vh - 88px);
}

.sidebar .menu .list {
  list-style: none;
  padding-left: 0;
  overflow-x: hidden !important;
}

.sidebar .menu .list li.active> :first-child span {
  font-weight: bold;
}

.sidebar .menu .list .header {
  font-size: 12px;
  font-weight: 600;
  padding: 15px 16px 5px;
}

.sidebar .menu .list i.material-icons {
  margin-top: 10px;
  font-size: 14px;
}

.sidebar .menu .list i.fas,
.sidebar .menu .list i.far {
  margin-top: 10px;
  font-size: 20px;
}

.sidebar .menu .list i.fab {
  margin-top: 10px;
  font-size: 14px;
}

.sidebar .menu .list i.fa {
  margin-top: 10px;
  font-size: 14px;
}

.sidebar .menu .list .tooltips .sidebarQuickIcon {
  font-size: 18px;
  margin-top: 10px;
}

.sidebar .menu .list .menu-toggle:after,
.sidebar .menu .list .menu-toggle:before {
  position: absolute;
  top: calc(50% - 14px);
  right: 17px;
  font-size: 19px;
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.sidebar .menu .list .menu-toggle:before {
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}

.sidebar .menu .list .menu-toggle:after {
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
}

.sidebar .menu .list .menu-toggle.toggled:before {
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
}

.sidebar .menu .list .menu-toggle.toggled:after {
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}

.sidebar .menu .list a {
  color: #8b8d8d;
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  width: 100%;
  padding: 0px 13px 0px 13px;
  font-size: 14px;
  text-decoration: none;
}

.side-closed .sidebar .menu .list a {
  padding: 0px 18px 0px 22px;
  margin: 3px 0;
}

.side-closed .sidebar .menu .list .sidebar-user-panel a {
  padding: 0px 5px 0px 5px;
  display: block;
}

.sidebar .menu .list a:hover,
.sidebar .menu .list a:active,
.sidebar .menu .list a:focus {
  text-decoration: none !important;
}

.sidebar .menu .list a small {
  position: absolute;
  top: calc(50% - 7.5px);
  right: 15px;
}

.sidebar .menu .list a span {
  margin: 7px 0 7px 12px;
  color: #8b8d8d;
  font-size: 14px;
  overflow: hidden;
}

.menu_dark .sidebar .menu .list a span,
.menu_dark .sidebar .menu .list a,
.menu_dark .profile-usertitle .sidebar-userpic-name,
.menu_dark .profile-usertitle .profile-usertitle-job {
  color: #fff;
}

.sidebar .menu .list a span:focus+.sidebar .menu .list a span:active+.sidebar .menu .list a span {
  font-weight: bold;
}

.side-closed .sidebar .menu .list li span {
  display: none;
}

.side-closed.side-closed-hover .sidebar .menu .list li span {
  display: block;
}

.side-closed.side-closed-hover .sidebar {
  padding-top: 0px;
  width: 260px;
}

.side-closed.submenu-closed .navbar-header .navbar-brand span {
  display: none;
}

.navbar-brand span {
  margin-left: -41px;
  margin-top: -18px;
}

.sidebar .menu .list .ml-menu {
  list-style: none;
  display: none;
  padding-left: 25px;
}

.sidebar .user-img-circle {
  background: #fff;
  z-index: 1000;
  position: inherit;
  padding: 2px;
}

.sidebar .profile-usertitle {
  text-align: center;
  color: #6f6f6f;
}

.sidebar .profile-usertitle-job {
  font-size: 10px;
}

.sidebar-userpic-btn {
  display: flex;
  font-size: 18px;
  text-align: center;
  margin: auto;
}

.sidebar .topMenu {
  margin-top: 10px;
}

.side-closed.submenu-closed .sidebar .menu .list li .ml-menu,
.side-closed.submenu-closed .sidebar .menu .list .header {
  display: none !important;
}

/*.ls-closed:not(class^="overlay-open") .sidebar .menu .list li .ml-menu {
    display: none !important;
  }*/
/*------------------------rightsidebar----------------------------------*/
.right-sidebar.open {
  right: 0;
}

.right-sidebar {
  width: 230px;
  height: calc(100vh - 60px);
  position: fixed;
  right: -300px;
  top: 60px;
  background: #fdfdfd;
  z-index: 1030 !important;
  -webkit-box-shadow: -2px 2px 5px rgb(0 0 0 / 10%);
  -moz-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.1);
  box-shadow: -2px 2px 5px rgb(0 0 0 / 10%);
  overflow: hidden;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.rightSetting {
  padding: 5px 15px 0px 20px;
  clear: both;
}

.stretchLeft {
  animation-name: stretchLeft;
  -webkit-animation-name: stretchLeft;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  transform-origin: 100% 0%;
  -ms-transform-origin: 100% 0%;
  -webkit-transform-origin: 100% 0%;
}

.stretchRight {
  animation-name: stretchRight;
  -webkit-animation-name: stretchRight;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -webkit-transform-origin: 0% 0%;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.right-sidebar .choose-theme {
  text-align: center;
}

.right-sidebar .choose-theme li {
  position: relative;
  cursor: pointer;
  display: inline-block;
  /*float: left;*/
}

.demo-choose-skin li,
.demo-choose-logoheader li {
  padding: 0px 7px 4px 0px;
  position: relative;
  cursor: pointer;
}

.demo-choose-skin li.actived:after,
.demo-choose-logoheader li.actived:after {
  font-family: "Font Awesome 5 Free";
  position: absolute;
  top: 7px;
  right: 20px;
  content: "\f107";
  font-size: 18px;
  font-weight: 900;
  color: #ece6e6 !important;
}

.right-sidebar .nav-tabs {
  font-weight: 600;
  font-size: 13px;
  width: 100%;
  margin-left: 2px;
  position: relative;
}

.right-sidebar .nav-tabs li {
  text-align: center;
  width: 50%;
  text-align: center;
  padding: 5px 0;
}

.nav-tabs li a.active {
  color: #222 !important;
}

.nav-tabs li a.active {
  color: #222 !important;
}

.nav-tabs>li>a {
  border: none !important;
  color: #999 !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.nav-tabs>li>a:hover {
  text-decoration: none;
}

.nav-tabs>li>a:before {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 0;
  border-bottom: 2px solid #2196f3 !important;
  bottom: -1px;
  -ms-transform: scaleX(0);
  /* IE 9 */
  transform: scaleX(0);
  /* Standard syntax */
  -moz-transition: 0.1s ease-in;
  -o-transition: 0.1s ease-in;
  -webkit-transition: 0.1s ease-in;
  transition: 0.1s ease-in;
}

.nav-tabs li a.active:before {
  -ms-transform: scaleX(1);
  /* IE 9 */
  transform: scaleX(1);
  /* Standard syntax */
}

.demo-choose-skin li div,
.demo-choose-logoheader li div {
  width: 38px;
  height: 24px;
  display: inline-block;
  position: relative;
  top: 7px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

i.fas.fa-home.col-purple.mr-2 {
  margin-top: -7px;
}

re-captcha div:first-child {
  margin: 0 auto !important;
}

@media (max-width: 340px) {
  re-captcha div:first-child {
    margin-left: -12px !important;
    transform: scale(0.9) !important;
    transform-origin: 0 0 !important;
    -webkit-transform-origin: 0 0;
  }
}

@media (min-width: 341px) and (max-width: 380px) {
  re-captcha div:first-child {
    transform: scale(0.9) !important;
    transform-origin: 0 0 !important;
    -webkit-transform-origin: 0 0;
  }
}

/*Code ajouter par sondes*/
.close:not(:disabled):not(.disabled):hover,
.close:not(:disabled):not(.disabled):focus {
  color: #fff !important;
}

.btn i {
  line-height: normal !important;
  font-size: 20px;
  margin-left: auto;
  margin-right: auto;
  color: #fff;
  pointer-events: none;
}

.accordion-item {
  margin: 5px 1px !important;
}

.form-check-input {
  width: 15px;
  height: 15px;
}

li.nav-item,
a.nav-link.flex-horizontal.active {
  background: #f4f4f4 !important;
}

.ModelBTNFooter {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.ModelBTNFooter span {
  display: none;
}

.ModelBTNFooter .MarginRight {
  margin-right: 4px;
}

.ModelBTNFooter .form-inline button {
  padding: 1px 8px 1px 8px;
  color: #fff !important;
  display: flex;
  align-items: center;
}

.ModelBTNFooter span.btn-span {
  padding-right: 4px;
}

.Fixedheader {
  position: sticky !important;
  top: 0 !important;
  background-color: #f4f4f4 !important;
  font-weight: bold !important;
  text-align: center;
  z-index: 11;
}

.mat-button {
  min-width: auto !important;
  padding: 0px !important;
}

.grid-1fr-30 {
  display: grid;
  grid-template-columns: 1fr 30px;
  grid-gap: 4px;
}

.margin-bottom-4 {
  margin-bottom: 4px !important;
}

.form-check-label {
  font-weight: 400 !important;
}

.margin-bottom-6 {
  margin-bottom: 6px;
}

.form-check,
label {
  font-size: 12px;
  line-height: 1.42857;
  color: #212529;
  font-weight: 400;
}

.mat-dialog-container {
  border-radius: 20px !important;
}

.mat-checkbox .mat-checkbox-ripple,
[type="checkbox"]:checked+span:not(.lever):before {
  top: 0 !important;
  left: 0 !important;
}

/*.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,*/
.mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #000 !important;
  color: #fff !important;
}

.theme-theme116 .mat-radio-button.mat-accent .mat-radio-inner-circle,
.theme-theme116 .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,
.theme-theme116 .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #ffffff !important;
}

.mat-sort-header-container {
  justify-content: center;
}

.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,
.mat-ripple-element {
  background-color: transparent !important;
}

.close {
  opacity: 1 !important;
}

.MenuJournauxAnalytique2 .multiselect-dropdown {
  padding-bottom: 0px !important;
}

.GroupBtnFlex {
  display: flex;
}

.marginRightBtn {
  margin-right: 4px;
}

.video_link {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  grid-gap: 9px;
  overflow: hidden;
}

.video_link label {
  margin-bottom: 0px !important;
}

.btn-demarer-master i.material-icons {
  color: #fff;
  font-size: 20px;
  position: relative;
  top: 0px;
  left: -4px !important;
}

.fil_arianne_video {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 4px;
  padding: 6px 0;
  flex-direction: column;
  justify-content: flex-start;
}

th.mat-header-cell {
  text-align: center !important;
}

.CenterCheck .mat-checkbox-inner-container-no-side-margin {
  padding-left: 6px;
}

.mat-table {
  box-shadow: none !important;
}

.TableApercu {
  height: 300px;
  overflow: auto;
}

.multiselect-item-checkbox input[type="checkbox"]:checked+div:before {
  border: 0px !important;
}

.ContenuSecteurGeographique th.mat-header-cell:first-of-type,
.TableComptableGenerale th.mat-header-cell:first-of-type,
.TableComptableGenerale td.mat-cell:first-of-type,
.TableComptableGenerale td.mat-footer-cell:first-of-type {
  padding-left: 0 !important;
}

.display_grid a.nav-link.active {
  box-shadow: 0px !important;
  background: #6c757d !important;
}

.TableDepensesDirectes th.mat-header-cell:first-of-type,
.TableDepensesDirectes td.mat-cell:first-of-type,
.TableDepensesDirectes td.mat-footer-cell:first-of-type {
  padding-left: 2px !important;
}

.display_grid a.nav-link.flex-vertical.active,
.display_grid .active {
  box-shadow: inset 0 0px 0 #6c757d !important;
}

.display_grid {
  display: block;
}

.btn-span-vertical {
  display: none;
}

.display_grid .flex-columnn {
  display: flex;
}

.display_grid a.nav-link.flex-vertical {
  box-shadow: none;
  margin-right: 4px;
}

.display_grid a.nav-link.flex-vertical {
  width: 30px;
}

.groupCalenderbtn .mat-form-field-infix input {
  height: 30px !important;
}

.w-30 {
  width: 30px !important;
}

i.CenterPen {
  font-size: 15px !important;
  color: #787272;
}

.TableProjetSelectionner i.CenterPen {
  font-size: 15px !important;
  color: #787272;
  padding-top: 3px;
}

.form-control:focus {
  color: #212529;
  background-color: #fff;
  border-color: #212529 !important;
  outline: 0;
  box-shadow: 0 0 0 0 !important;
}

.mat-radio-label-content {
  white-space: initial !important;
}

.ContennuRightBordeaux canvas.signature-pad-canvas {
  width: 100% !important;
}

.ContenuDefaultComptabilite .TitleH1 {
  text-align: center;
  font-size: 35px !important;
  font-weight: bold !important;
  line-height: 40px;
}

.MenuExercices .mat-form-field-wrapper {
  margin-bottom: -18px;
}

td.TdCheckAll {
  text-align: center;
}

td.CenterPen {
  width: 53px;
}

td.TdCheckAll {
  width: 53px;
}

th.mat-header-cell:last-of-type,
/* td.mat-cell:last-of-type,*/
td.mat-footer-cell:last-of-type {
  padding-right: initial !important;
}

.TableComptableGenerale i.fa.fa-pen.CenterPen {
  padding-left: 7px;
}

.TableDetailMVTS .mat-form-field-flex {
  display: flex;
  align-items: center !important;
  width: 82%;
  align-items: center;
  margin: 0 auto;
  text-align: center;
}

.TableDetailMVTS .mat-form-field-appearance-legacy .mat-form-field-infix {
  padding: 0 0 !important;
}

.TableDetailMVTS .mat-form-field-wrapper {
  margin-bottom: 0px !important;
  margin-top: 0px !important;
}

/* fin code sondes*/
.mat-typography {
  font-family: "Helvetica" !important;
  font-size: 12px !important;
}

.mat-table {
  font-family: "Helvetica" !important;
  font-size: 12px !important;
}

.rightSetting .btn-border-radius {
  -webkit-border-radius: 25px !important;
  -moz-border-radius: 25px !important;
  border-radius: 25px !important;
}

.btn-border-radius {
  border-radius: 25px !important;
}

.rightSetting p {
  font-weight: bold;
  margin: 0;
  border-bottom: 1px solid #eee;
  font-size: 12px;
  text-align: left;
  margin: 0 0 10px 0;
}

.slimScrollDiv .btn-default {
  background-color: #635f78 !important;
  color: #fff !important;
}

.slimScrollDiv .btn:not(.btn-link):not(.btn-circle) {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: none;
  font-size: 12px;
  outline: none;
  width: 80px;
  height: 30px;
  display: inline-block;
  line-height: 10px;
  transition: all 0.5s;
  position: relative;
}

.slimScrollDiv .btn-sidebar-light {
  background: 0 0 !important;
  color: #888888 !important;
  border: 1px solid #888888 !important;
  margin: 10px;
}

.slimScrollDiv .btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: rgba(203, 201, 201, 0.2);
  transition: all 0.3s;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
}

.slimScrollDiv .btn:hover::before {
  opacity: 0;
  transform: scale(0.5, 0.5);
}

.slimScrollDiv .btn::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  transition: all 0.3s;
  border: 1px solid rgba(203, 201, 201, 0.6);
  transform: scale(1.2, 1.2);
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
}

.slimScrollDiv .btn:hover::after {
  opacity: 1;
  transform: scale(1, 1);
}

/*-------------------------------fin top-header-----------------------------------*/

/*-------------------------------Agenda-Planning-Equipe-----------------------------------*/
.modal-event .modal-body .modal-footer {
  border: none;
}

.modal-event .evo-pointer {
  border-radius: 20px;
}



.TableParticipantDescrip {
  height: 321px;
}

.TableParticipantDescrip>div {
  overflow: auto;
  max-height: 100%;
}

.heder-top01 {
  margin-bottom: 4px;
}

.MenuGlobalS {
  margin-bottom: 7px;
}

.select-wrapper .caret {
  z-index: 2;
}

.block-top-grid {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr 222px 230px;
  grid-gap: 4px;
}

.input-search {
  position: relative;
}

.input-search input {
  padding-left: 25px !important;
}

.input-search i {
  position: absolute;
  top: 7px;
  left: 5px;
  display: block;
  color: #495057;
  z-index: 10;
  font-weight: 600;
  font-size: 14px;
}

.btn:not(.btn-link):not(.btn-circle) {
  box-shadow: none !important;
}

#MainPageContent {
  margin-bottom: 0;
}

/***********************debut scroll**********************/
::-webkit-scrollbar-button {
  background-color: #fff;
  background-size: 10px 10px;
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
  width: 5px;
  height: 5px;
}

::-webkit-scrollbar-button:vertical:end:increment {
  background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDQwNC4zMDggNDA0LjMwOSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDA0LjMwOCA0MDQuMzA5OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTAsMTAxLjA4aDQwNC4zMDhMMjAyLjE1MSwzMDMuMjI5TDAsMTAxLjA4eiIgZmlsbD0iIzAwMDAwMCIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);
}

::-webkit-scrollbar-button:vertical:start:decrement {
  background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDI1NSAyNTUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI1NSAyNTU7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8ZyBpZD0iYXJyb3ctZHJvcC11cCI+CgkJPHBvbHlnb24gcG9pbnRzPSIwLDE5MS4yNSAxMjcuNSw2My43NSAyNTUsMTkxLjI1ICAgIiBmaWxsPSIjMDAwMDAwIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
}

::-webkit-scrollbar-button:horizontal:end:increment {
  height: 12px;
  width: 12px;
  background-position: 0 0;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(0,0 ,0)'><polygon points='0,0 0,100 50,50'/></svg>") !important;
}

::-webkit-scrollbar-button:horizontal:start:decrement {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(0, 0, 96)'><polygon points='0,50 50,100 50,0'/></svg>") !important;
  height: 12px;
  width: 12px;
  background-position: 0 0;
}

/***********************fin scroll**********************/

.img-user-agenda {
  padding: 0px !important;
  width: 155px;
  height: 155px;
  border-radius: 100%;
  margin: 0 auto;
  overflow: hidden;
  border: 1px solid #ced4da;
}

.img-user-logo {
  padding: 0px !important;
  width: 100px;
  height: 100px;
  border-radius: 100%;
  margin: 0 auto;
  overflow: hidden;
  border: 1px solid #ced4da;
}

.sidebar-droit {
  overflow-y: auto;
  height: calc(100vh - 200px);
}

.list-icon-user {
  padding-left: 0;
  margin-left: -5px;
  list-style: none;
  text-align: center;
  margin: 5px 0;
}

.list-icon-user>li {
  display: inline-block;
}

.list-icon-user {
  margin: 0;
}

.list-icon-user>li a {
  width: 30px;
  height: 30px;
  line-height: 36px;
  display: block;
  text-align: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.list-icon-user>li a:hover {
  color: #fff;
}

.list-icon-user>li a i {
  font-size: 20px;
  margin-left: auto;
  margin-right: auto;
  color: #fff;
  pointer-events: none;
}

.list-icon-user>li a i.fa-chalkboard-teacher {
  font-size: 18px;
}

.hidden {
  display: none;
}

.calender-agenda {
  margin-right: 5px;
}

.pop-modif-tache-perso .radios input[type="radio"]+label {
  margin-left: 5px;
}

/*-------------------page-login------------------*/

.box-login i {
  position: absolute;
  left: 15px;
  top: 15px;
  color: #7262f9 !important;
}

.container1-login100 {
  width: 100%;
  min-height: 100vh;
  /* display: flex; */
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 15px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  z-index: 1;
}

.wrap1-login100 {
  width: 500px;
  border-radius: 10px;
  overflow: hidden;
  padding: 40px 40px 20px 40px;
  background: #ffffff;
  margin-left: auto;
  margin-right: auto;
}

input[type="email"].inputLogin,
input[type="email"]:not(.browser-default).inputLogin,
input[type="text"].inputLogin,
input[type="text"]:not(.browser-default).inputLogin,
input[type="password"].inputLogin,
input[type="password"]:not(.browser-default).inputLogin {
  font-size: 16px !important;
  font-family: "Helvetica LT Std";
  color: #717171;
  line-height: 1.2;
  display: block;
  height: 45px !important;
  background-color: #ededed !important;
  padding: 0 5px 0 38px !important;
  border-radius: 5px;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}

.lien {
  margin-right: auto;
  margin-left: auto;
  margin-top: 15px;
}

.wrap1-input100 {
  width: 100%;
  position: relative;
  /*margin modifiee*/
  margin-bottom: 30px;
}

.logoLogin {
  margin: 0px auto 20px;
  text-align: center;
}

.box-login .bgButton {
  background-color: transparent;
  text-align: center;
}

.englob_login {
  display: flex;
  align-items: center;
  flex-direction: column;
  top: 50vh;
  transform: translateY(-50%);
  position: relative;
}

.btn-submit {
  font-size: 16px;
  color: #ffffff;
  line-height: 1.2;
  display: block;
  padding: 0 20px;
  margin: 0 auto !important;
  min-width: 245px;
  height: 55px;
  background: #33c1c1;
  background: linear-gradient(bottom, #8e57f9, #03a9f4);
  position: relative;
  z-index: 1;
  transition: all 0.4s;
  font-family: "Helvetica";
  font-weight: bold;
  text-transform: uppercase;
  border-radius: 5px;
  cursor: pointer;
  border: none !important;
}

/*-------------------fin-page-login------------------*/

.file-imp input {
  font-size: 0 !important;
  text-transform: inherit;
  background: 0;
  text-indent: -88888px;
  display: block;
  width: 30px;
  height: 30px;
}

.btn-30.file-imp .block-inv {
  width: 30px;
  vertical-align: top;
}

.col-inter-lft {
  margin: 0 auto;
}

/*--------------------footer-------------------------*/
.footer {
  position: fixed;
  width: 100%;
  z-index: 55;
  bottom: 0;
  padding-left: 0px;
  text-align: center;
}

.radios input[type="radio"]:after {
  top: 0px !important;
}

.mrgBTNN {
  margin: 4px 0;
}

.groupPop1 {
  display: grid;
  display: -ms-grid;
  grid-template-columns: auto 30px;
  grid-gap: 4px;
  margin: 4px 0px;
}

.groupCal {
  display: block;
}

.groupDuree {
  display: block;
  margin-bottom: 4px;
}

.groupAPPL {
  display: grid;
  display: -ms-grid;
  grid-template-columns: auto 30px;
  grid-gap: 4px;
  margin: 4px 0;
}

.SMS {
  display: grid;
  display: -ms-grid;
  grid-template-columns: auto 30px;
  align-items: center;
  margin: 4px 0px;
}

.popAppel .modal-footer {
  display: block;
}

.popAppel .modal-footer .form-inline {
  margin: 4px 0;
}

.item1,
.item2,
.item3,
.item4,
.item5,
.item6 {
  margin: 4px 0;
}

.popMail .parcours .btn:not(.btn-link):not(.btn-circle) {
  padding-top: 14px !important;
}

.mrgBottom {
  margin-bottom: 4px;
}

.main-content-appels>div {
  max-height: 100%;
  overflow: auto;
}

.main-content-appels tr th a {
  color: #000;
}

.main-content-appels td center img {
  width: 40px;
  border-radius: 100%;
  border: 1px solid rgba(0, 0, 0, 0.12);
  height: auto;
}

.main-content-appels td img {
  width: 23px;
  border-radius: 100%;
  border: 1px solid rgba(0, 0, 0, 0.12);
  height: auto;
}

.groupBTN {
  display: flex;
  grid-gap: 4px;
}

.main-content-appels {
  overflow: auto;
  border: 1px solid #ccc;
  height: calc(100vh - 456px);
  margin-bottom: 25px;
}

.groupBTN {
  margin: 5px 0;
}

.table-planification tr td img {
  display: inline-block;
  vertical-align: middle;
  width: 95%;
  height: auto;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  border: 1px solid rgba(0, 0, 0, 0.12);
}

.block-100-30 {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 100px 30px;
  -ms-grid-columns: 100px 30px;
  grid-gap: 4px;
}

.grid-200-30-30 {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr 30px 30px;
  -ms-grid-columns: 1fr 34px 30px;
  grid-gap: 4px;
}

.GroupPamSal {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 80px 30px 30px;
  -ms-grid-columns: 80px 34px 30px;
  grid-gap: 4px;
}

.form-inlineBtn {
  background: #34bdbd;
  display: flex;
  height: 30px;
  border-radius: 5px;
  align-items: center;
}

.m-l--25 {
  margin-left: -30px;
}

.waves-effect.att-f input[type="submit"] {
  border: 0;
  font-style: normal;
  font-size: inherit !important;
  text-transform: inherit;
  background: 0;
  text-indent: -88888px;
  padding: 4px 18px !important;
  position: absolute;
  z-index: 2;
}

.modal-footer.fixedFooter.smallparcour-gv .waves-effect.att-f {
  padding-right: 1.55rem;
}

.bg-header .fa-sort {
  font-size: 13px;
  padding: 0 3px;
}

.tab-item-icon i.btnIcon_Item {
  top: -15px;
}

.grid-t03-272 {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 30px 30px 30px 170px;
  -ms-grid-columns: 34px 34px 34px 170px;
  grid-gap: 4px;
}

.grid-col1fr-tr30 {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr 64px;
  -ms-grid-columns: 1fr 64px;
  grid-gap: 4px;
}

.smallparcour-gv {
  padding: 0.2rem 0;
  margin-left: 9px;
  margin-top: -3px;
}

.smallparcour-gv input {
  font-size: 12px;
  color: #fff;
  line-height: 20px;
}

.fixedFooter .btn:hover {
  color: #fff;
}

.tab-list-oh100 {
  width: 100%;
  overflow: auto;
  height: 100px;
}

.tab-list-oh170 {
  width: 100%;
  overflow: auto;
  height: auto;
  max-height: 170px;
}

.tab-list-01 {
  width: 100%;
  overflow: auto;
  height: 150px;
}

.bloc_divIntervenant .tab-list-01 {
  max-height: 150px;
  height: auto;
}

.tab-list-01.table_corrig {
  height: auto;
  max-height: 150px;
}

.tab-list-01.table_corrig>div,
.tab-list-02.table_corrig2>div {
  height: auto;
  max-height: 150px;
}

.tab-list-02.table_corrig2 {
  height: auto;
  max-height: 150px;
}

.tab-list-02 {
  width: 100%;
  overflow: auto;
  height: 200px;
}

div#UpdtPnlForGrdVw .tab-list-02 {
  height: auto;
  max-height: 200px;
}

.tab-list-01>div,
.tab-list-02>div,
.tab-list-oh100>div {
  max-height: 100%;
  overflow: auto;
}

/*--------------------responsive--------------------------*/
@media screen and (min-width: 400px) {
  .block_associer {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 75px 1fr;
    -ms-grid-columns: 75px 1fr;
  }

  .ligneDocEntreprise {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 125px 1fr;
    -ms-grid-columns: 125px 1fr;
    grid-gap: 4px;
    align-items: center;
    margin-bottom: 6px;
  }

  .libel_cat.marg_btn_div {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 4px;
  }

  .libel_cat.marg_btn_div>div {
    margin-bottom: 0;
  }

  .bodyDocumentEntreprise .grid_ie_choix {
    display: flex;
  }

  .content-listeDE .tableDocuments {
    max-height: calc(100vh - 118px);
    height: auto;
    overflow: auto;
  }

  .content_ifrmae {
    display: grid;
    width: 100%;
    grid-template-columns: 100px 1fr;
    align-items: center;
    grid-gap: 20px;
  }

  .ligne-type.marg_botom_6 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 100px 1fr;
    -ms-grid-columns: 100px 1fr;
    align-items: center;
  }

  .execl_svp {
    max-width: 332px;
  }

  .popMail .ContenuPopGroupe {
    height: 449px;
  }

  .popMail .AffichPopGroup {
    top: 0px !important;
    width: auto !important;
    left: 0px !important;
  }

  .content-deuxiemme>div {
    margin-bottom: 0;
  }

  .tableAssietes {
    height: 235px;
    overflow: hidden;
  }

  .content-deuxiemme {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr 72px;
    -ms-grid-columns: 1fr 1fr 72px;
    grid-gap: 4px;
    align-items: center;
  }

  /*end */
  .row-libel {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 110px 1fr;
    -ms-grid-columns: 110px 1fr;
    align-items: center;
    grid-gap: 4px;
  }

  .rows-libel-abrege {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 100px 1fr;
    -ms-grid-columns: 100px 1fr;
    align-items: center;
    grid-gap: 4px;
  }

  .content_divheader1>div {
    display: inline-block;
    vertical-align: middle;
  }

  .content_divheader1>div+div {
    margin-left: 10px;
  }

  .rows-libel-abrege {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 100px 1fr;
    -ms-grid-columns: 100px 1fr;
    grid-gap: 4px;
    align-items: center;
  }

  .tabs_apercu,
  .cont-divCorrespondance {
    height: calc(100vh - 280px);
  }

  .rows-type-import1 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 170px 170px;
    -ms-grid-columns: 170px 170px;
    align-items: center;
  }

  .rows-type-import {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 120px 152px;
    -ms-grid-columns: 120px 152px;
    align-items: center;
    grid-gap: 4px;
  }

  .rows-type-import2 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 225px 1fr;
    -ms-grid-columns: 225px 1fr;
    align-items: center;
    grid-gap: 4px;
  }

  .cont-libel {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 100px 1fr 1fr;
    -ms-grid-columns: 100px 1fr 1fr;
    grid-gap: 4px;
  }

  .cont-grid-dp01 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr;
    -ms-grid-columns: 1fr;
  }

  .row_choix-cont {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-gap: 4px;
  }

  .mp_choix.row_choix-cont {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr 64px;
    -ms-grid-columns: 1fr 1fr 64px;
    grid-gap: 4px;
  }

  .cont-row-identites,
  .cont-row-identites2,
  .cont-row-identites3,
  .row-corde01,
  .sou_cont-referents,
  .content-type-cord {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-gap: 4px;
  }

  .row-adress-btn {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 132px;
    -ms-grid-columns: 1fr 132px;
    grid-gap: 4px;
  }

  .row-adress-btn-02 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 98px;
    -ms-grid-columns: 1fr 98px;
    grid-gap: 4px;
  }

  .lign_ht.marg_botom_6 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 195px 1fr;
    -ms-grid-columns: 195px 1fr;
    align-items: center;
  }

  .content-grdbtn {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 70px 37px;
    -ms-grid-columns: 70px 37px;
  }

  .sous-modal_p .amplt {
    grid-template-columns: 160px 30px;
    -ms-grid-columns: 160px 30px;
  }

  .last-row.marg_botom_6 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-gap: 4px;
  }

  .sous-modal_p .last-row .deb-dat_p {
    grid-template-columns: 45px 75px;
    -ms-grid-columns: 45px 75px;
  }

  .sous-modal_p .last-row .deb-dat_p.second-dad {
    grid-template-columns: 30px 75px;
    -ms-grid-columns: 30px 75px;
  }

  .tableUpdategrvCatSalarie {
    height: calc(100vh - 440px);
  }

  .rows_tranch {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 55px 220px;
    -ms-grid-columns: 55px 220px;
    align-items: center;
  }

  .contdivchek {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 30px;
    -ms-grid-columns: 1fr 30px;
    grid-gap: 4px;
    align-items: center;
  }

  div#tache1 div#Couleur2 .border-raduis.grid-rond02 {
    width: 80px;
  }

  .left-cal_rifgr {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-gap: 4px;
    align-items: center;
  }

  .grid-left-jm {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 177px 1fr;
    -ms-grid-columns: 177px 1fr;
    grid-gap: 4px;
    margin-bottom: 4px;
    align-items: center;
  }

  .ddm_ppc {
    align-items: center;
    grid-gap: 4px;
  }

  .mod-ges {
    grid-template-columns: 120px 1fr;
    -ms-grid-columns: 120px 1fr;
    align-items: center;
    grid-gap: 4px;
  }

  .fire_acord {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 94px 100px;
    -ms-grid-columns: 94px 100px;
    grid-gap: 4px;
    align-items: center;
  }

  .groupSMS {
    display: flex;
    grid-gap: 4px;
  }

  .groupCal .ajax__calendar {
    left: 152px !important;
  }

  .popAppel .modal-footer {
    display: flex;
  }

  .popAppel .modal-footer .form-inline {
    margin: 0px 4px;
  }

  .groupAgenda {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 40% 59%;
    grid-gap: 4px;
  }

  .sousProjet {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 50% 48%;
    grid-gap: 4px;
  }

  .groupProjet {
    display: grid;
    grid-template-columns: 30% 70%;
    grid-gap: 4px;
  }

  .groupDuree {
    display: grid;
    grid-template-columns: 50% 49%;
    grid-gap: 4px;
    margin-bottom: 4px;
  }

  .groupCal {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 50% 49%;
    grid-gap: 4px;
    align-items: center;
    margin: 4px 0px;
  }

  .contdivchek {
    display: grid;
    grid-template-columns: 185px 30px;
    align-items: center;
  }
}

@media screen and (min-width: 420px) {
  .contheaderNFRH {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-gap: 5px;
    margin-bottom: 5px;
  }

  .contheaderNFRH>div {
    margin-bottom: 0;
  }

  .header_hisorique .grid-rond02 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 4px;
    margin-bottom: 0;
  }

  .header_liste_horaire {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
  }

  .list_header_right {
    -ms-grid-columns: 20px 1fr;
    grid-template-columns: 20px 1fr;
  }

  .list_horaire .main_content_modal1 {
    height: calc(100vh - 195px);
  }

  .conten-chekpartage {
    display: block;
  }

  .cont-cre-par {
    display: block;
  }

  .cont-cre-par>div {
    display: inline-block;
    vertical-align: middle;
  }

  .conten-chekpartage>div {
    display: inline-block;
    vertical-align: middle;
  }

  .type_com {
    display: grid;
    grid-template-columns: 135px 1fr;
    align-items: center;
  }

  .height-table_impo,
  .height-table_impo_corr,
  .height-import-file {
    max-height: 285px;
  }

  .second-tp .radios-type table#RdTypePlanning tbody {
    display: flex;
    grid-gap: 10px;
  }

  .popdivGestionGroupe {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr;
    -ms-grid-columns: 1fr 1fr;
    align-items: center;
    grid-column-gap: 4px;
  }

  .rows-calc {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 110px 1fr;
    -ms-grid-columns: 110px 1fr;
    align-items: center;
    grid-gap: 4px;
  }

  .rows_type {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 110px 1fr;
    -ms-grid-columns: 110px 1fr;
    grid-gap: 4px;
  }

  .rows-kilo.marg_botom_6 {
    margin-bottom: 0 !important;
  }

  .tabs_radio-choix tbody {
    display: flex;
    flex-wrap: wrap;
  }

  .tabs_radio-choix table.radios tbody tr {
    margin-right: 10px;
  }

  .rows_plafond {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 155px 1fr;
    -ms-grid-columns: 155px 1fr;
    align-items: center;
    grid-gap: 4px;
  }

  .rows-libel {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 100px 1fr;
    -ms-grid-columns: 100px 1fr;
    grid-gap: 4px;
    align-items: center;
  }

  .grid-colum-80-fr {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 80px 1fr;
    -ms-grid-columns: 80px 1fr;
    grid-gap: 4px;
  }

  .cont_mph {
    -ms-grid-columns: 60px 1fr 1fr;
    grid-template-columns: 60px 1fr 1fr;
  }

  .tableUpdategrvCatSalarie {
    height: calc(100vh - 420px);
  }

  .cnt-grid2,
  .contentgrid3 {
    margin: 0;
  }

  .content_grid-dat {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 145px 145px 65px;
    -ms-grid-columns: 145px 145px 65px;
    grid-gap: 4px;
    margin-top: 4px;
  }

  .hauteur-tabs-pop {
    height: calc(100vh - 74px);
  }

  /*code menu composant */
  .grid-colum-2-mobil {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 50% 50%;
    grid-gap: 4px;
  }

  .list_horaire .asider_header_left {
    display: grid;
    display: -ms-grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 4px;
  }

  .right_menu_listR {
    display: grid;
    display: -ms-grid;
    grid-template-columns: auto 98px;
    grid-gap: 4px;
  }
}

@media screen and (min-width: 450px) {
  .rows_grbas {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-gap: 4px;
  }

  .block_projet_sous {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-gap: 4px;
    align-items: center;
  }

  .objet-input,
  .raison-input {
    display: grid;
    grid-template-columns: 50px 1fr;
    align-items: center;
    grid-gap: 4px;
  }

  .grid-calender-planif {
    grid-gap: 10px;
  }

  .sep-calender-01.marg_botom_6 {
    margin-top: 10px;
  }

  .exte-ne_grp {
    display: grid;
    grid-template-columns: 70px 1fr;
    align-items: center;
    grid-gap: 4px;
  }

  table#RdChoixParticipantGT tr td {
    height: auto !important;
  }

  table#RBPartage tr,
  table#RdChoixParticipantGT tr {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  table#RBPartage tr td,
  table#RdChoixParticipantGT tr td {
    margin-right: 10px;
  }

  .gestion_base .main_content_gb {
    overflow: auto;
    height: calc(100vh - 585px);
    min-height: 112px;
  }

  .rows_categorie_adress {
    display: grid;
    grid-template-columns: 90px 1fr;
    grid-gap: 4px;
    align-items: center;
  }

  .groupBonSortieMenu1 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-gap: 4px;
    margin-bottom: 4px;
  }

  .groupBonSortieMenu1>div {
    margin-bottom: 0;
  }

  .row-s-depot-c {
    margin-top: 0;
  }

  .cont-dp-grid1,
  .cont-sdp-pop,
  .cont-mtp,
  .cont-dp-grid4 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-column-gap: 4px;
    align-items: center;
  }

  table#RDSexe,
  .choix-usager_cont table {
    transform: scale(1) !important;
  }

  .choix-usager_cont {
    margin-bottom: 5px;
  }

  .col-lg-12.col-md-12.col-sm-12.col-xs-12 .usager-contact {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 4px;
  }

  .cont-mtp-entreprise {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-column-gap: 4px;
  }

  .first-entrepise {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 60px 1fr;
    -ms-grid-columns: 60px 1fr;
    grid-gap: 4px;
    align-items: center;
  }

  .first-entrepise>.grid-rond01 {
    margin-bottom: 0;
  }

  .de-date {
    margin-bottom: 0;
  }

  .rows-date-depot {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr;
    -ms-grid-columns: 1fr 1fr;
    align-items: center;
    grid-gap: 4px;
  }

  .second-rows-dat {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr;
    -ms-grid-columns: 1fr 1fr;
    align-items: center;
    grid-gap: 4px;
  }

  .delais-dep,
  .accor-period,
  .rows-depot,
  .row-s-depot-c,
  .rows_depocdc {
    width: 100%;
    display: grid;
    display: -ms-grid;
    -ms-grid-columns: 155px 1fr;
    grid-template-columns: 155px 1fr;
    align-items: center;
    grid-gap: 4px;
  }

  .ppc-PnlAcquis {
    display: grid;
    display: -ms-grid;
    -ms-grid-columns: 160px 60px 1fr;
    grid-template-columns: 160px 60px auto;
    grid-gap: 4px;
    align-items: center;
  }

  .pc-PnlAcquis_left,
  .pc-PnlAcquis-right {
    width: 100%;
    display: grid;
    display: -ms-grid;
    -ms-grid-columns: 160px 100px;
    grid-template-columns: 160px 100px;
    align-items: center;
    grid-gap: 4px;
  }

  .StructureOrganisation .iti__selected-flag {
    padding: 0 6px 0 41px !important;
  }

  .mod-ges {
    grid-template-columns: 165px 180px;
    -ms-grid-columns: 165px 180px;
    align-items: center;
    grid-gap: 4px;
  }

  .literaire_left {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 60px auto;
    align-items: center;
  }
}

@media screen and (min-width: 480px) {
  .pnlEntete1 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 4px;
  }

  .divUpdatePanel21 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 4px;
  }

  .hauteur-tab1 {
    max-height: calc(100vh - 298px);
    overflow: auto;
    margin-bottom: 0;
  }

  .analyse_A_P .headr-analysel {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-column-gap: 4px;
  }

  .col-header-select.right_menu01.grid-rond01 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 4px;
    margin-bottom: 0;
  }

  .height_full_34 {
    height: calc(100% - 34px);
  }

  .list-intervenat {
    display: grid;
    grid-template-columns: 90px 1fr;
    grid-gap: 4px;
    align-items: center;
  }

  .header_hisorique {
    display: grid;
    grid-template-columns: 1fr 307px 30px;
    grid-gap: 4px;
    align-items: center;
  }

  .aside_header {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 332px 64px;
    grid-gap: 4px;
  }

  .list_horaire .main_content_modal1 {
    overflow-y: auto;
    overflow-x: auto;
    height: calc(100vh - 160px);
  }
}

/*.GroupeTableau .mat-checkbox-layout {
      align-items: flex-start !important;
  }
  .GroupeTableau .mat-checkbox-inner-container {
      height: 15px !important;
      width: 15px !important;
      margin: -2px 4px !important;
      top: 7px;
  }*/
@media screen and (min-width: 565px) {
  .rows_grbas.rows_grbasnew {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 200px 1fr 1fr;
    -ms-grid-columns: 200px 1fr 1fr;
    grid-gap: 4px;
    align-content: center;
  }

  /*.CenterCheck label.mat-checkbox-layout
  {
      margin-left: 7px !important;
  }
  td.TdCheckAll
  {
      text-align: center;
  }*/
  .mat-form-field-wrapper {
    padding-bottom: 0px !important;
  }

  .TableApercu {
    height: calc(100vh - 389px);
    overflow: auto;
  }

  .LigneModele {
    display: grid;
    align-items: center;
    grid-template-columns: 170px 1fr;
  }

  .ModelBTNFooter span {
    display: block;
  }

  .menu_pre_inscrip .UsageActivite,
  .menu_pre_inscrip .UsageActivite01 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-gap: 4px;
  }

  .col-header-select.grid-rond06.group_cald {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-gap: 4px;
  }

  .group_cald>div {
    margin-bottom: 0;
  }

  .menu_pre_inscrip .col-header-select {
    margin-bottom: 0;
  }

  .body-note-f .MenuFraisBTN .grid-1fr-30 {
    max-width: 250px;
    width: 100%;
  }

  .bodyAMS .TableListeMateriel {
    max-height: calc(100vh - 300px);
    overflow: auto;
    margin-bottom: 0;
  }

  .menuAM {
    margin-bottom: 0;
  }

  .MenuAffectationM {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-gap: 4px;
  }

  .btn30Affectation {
    margin-top: 2px;
  }

  .tabl_historique_demande {
    max-height: calc(100vh - 280px);
  }

  .histrique-om .recurence_date_fin {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 10px 1fr;
    -ms-grid-columns: 10px 1fr;
    grid-gap: 4px;
    align-items: center;
  }

  .histrique-om .heaure_b1_ordre {
    display: grid;
    grid-template-columns: 45px 1fr;
    align-items: center;
    max-width: 240px;
  }

  .col_vide {
    display: block;
    min-height: 30px;
    width: 100%;
  }

  .histrique-om .group_calender_ordre {
    grid-gap: 10px;
  }

  .histrique-om .col_heure {
    padding: 0;
    height: 30px;
    line-height: 30px;
  }

  .histrique-om .blok-order-mission .block_top {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 200px 1fr;
    -ms-grid-columns: 200px 1fr;
    grid-gap: 10px;
  }

  .seconf_part {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-gap: 9px;
    max-width: 400px;
  }

  .height-importusager {
    height: calc(100% - 200px);
  }

  .height-importusager div#TabContainer1_body {
    height: calc(100% - 30px);
  }

  .height-importusager div#TabContainer1_body div:nth-child(1) div,
  .height-importusager div#TabContainer1_body>div {
    max-height: 100%;
  }

  .gestion_base .main_content_gb {
    height: calc(100vh - 425px);
  }

  .p-procedure-conges .input-group {
    width: 100% !important;
  }

  .blok_perio_ppc {
    display: grid;
    display: -ms-grid;
    -ms-grid-columns: 50px 100px 90px;
    align-items: center;
    grid-template-columns: 50px 100px 90px;
    grid-gap: 4px;
  }

  .rows-type-import11 {
    display: grid;
    grid-template-columns: 260px 332px;
    align-items: center;
  }

  /*.popMail .parcours {
          position: absolute;
          right: 5px;
          left: 0;
      }*/

  .popMail .grid-colum-Mail {
    display: flex;
    justify-content: space-between;
    margin-top: 6px;
  }

  /*.popMail .IconParcours {
          padding-left: 27px;
          padding-top: -19px;
          margin-top: -9px;
      }*/

  .gestionTel {
    display: grid;
    display: -ms-grid;
    -ms-grid-columns: 97px 1fr;
    grid-template-columns: 97px 1fr !important;
  }

  .row.bloc-operation3 {
    padding-left: 115px;
  }

  .row.bloc-operation3 .radios tr td {
    display: inline-block;
    margin-right: 40px;
    margin-bottom: 8px;
  }

  .col-lg-7 .modal-dialog.pop-alert,
  .modal-dialog.pop-alert {
    width: 300px !important;
    margin: 0 auto;
  }

  .col_optimis {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 115px 1fr;
    -ms-grid-columns: 115px 1fr;
    align-items: center;
  }

  .cont_title2btn {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 64px;
    -ms-grid-columns: 1fr 64px;
    grid-gap: 4px;
  }

  .rightm_c_liex1 .liex_assoc {
    max-height: 235px;
    margin-bottom: 0;
  }

  .body-note-f .tabs_choix table.radios tbody tr td {
    display: inline-block;
    margin-bottom: 0;
  }

  .body-note-f .tabs_choix table.radios tbody tr td+td {
    margin-left: 35px;
  }

  .profil-paie .tableGestionPaie {
    height: 225px;
    overflow: auto;
  }

  .rh_gestion-conges .groupg_congeMenu {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-gap: 4px;
  }

  .rh_gestion-conges .groupg_congeMenu>div {
    margin-bottom: 0;
  }

  .rh_gestion-conges div#HistoConge {
    height: calc(100vh - 365px);
    overflow: auto;
    min-height: 100px;
  }

  .param-cc {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 69px repeat(3, 1fr);
    -ms-grid-columns: 69px repeat(3, 1fr);
    grid-gap: 4px;
  }

  .GestionContenu {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 4px;
  }

  .body_compteur .paramCC2 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: repeat(2, 1fr) 85px;
    -ms-grid-columns: repeat(2, 1fr) 85px;
    grid-gap: 4px;
  }

  .group_date_pph {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 30px 1fr 30px;
    -ms-grid-columns: 1fr 34px 1fr 34px;
    grid-gap: 4px;
  }

  .row-frasi-t .grid-rond01.marg_botom_6 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 44px 1fr;
    -ms-grid-columns: 44px 1fr;
    grid-gap: 4px;
    align-items: center;
  }

  .grv-categories {
    height: 220px;
  }

  .second-tp.marg_botom_6 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 194px 1fr;
    -ms-grid-columns: 194px 1fr;
    align-items: center;
  }

  .ligneService {
    display: grid;
    display: -ms-grid;
    -ms-grid-columns: 118px 1fr;
    grid-template-columns: 118px 1fr;
    grid-gap: 4px;
  }

  .tableRole {
    height: 448px;
    overflow: auto;
  }

  .ModalRole .LigneCheck {
    display: flex;
  }

  .ligneService2 {
    display: grid;
    display: -ms-grid;
    -ms-grid-columns: 60px 1fr;
    grid-template-columns: 60px 1fr;
    grid-gap: 4px;
  }

  .offre-service .ModelBTN .NewBtnFooter i {
    padding-top: 0px;
  }

  .LigneGestionOffre {
    display: grid;
    display: -ms-grid;
    -ms-grid-columns: 59px 1fr;
    grid-template-columns: 59px 1fr;
  }

  .tableFamilles {
    height: 215px !important;
  }

  .offre-service .ModelBTN .newbnt {
    display: block;
  }

  .offre-service .ModelBTN .NewBtnFooter a {
    display: flex;
    align-items: center;
  }

  .LigneOffreSS {
    display: grid;
    display: -ms-grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap: 4px;
  }

  .ligneCoull {
    justify-content: flex-end;
  }

  .LignePrixOffre {
    display: grid;
    display: -ms-grid;
    -ms-grid-columns: 110px 1fr;
    grid-template-columns: 110px 1fr;
    grid-gap: 4px;
  }

  .LigneUnite {
    display: grid;
    display: -ms-grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }

  .TraitementOffre {
    display: grid;
    display: -ms-grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap: 4px;
  }

  .LigneOffre {
    display: grid;
    display: -ms-grid;
    -ms-grid-columns: 187px 1fr 30px;
    grid-template-columns: 187px 1fr 30px;
    grid-gap: 4px;
  }

  .TableOffreService {
    overflow: auto;
    height: calc(100vh - 158px);
  }

  .radios.rcep tr {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 140px 150px;
    -ms-grid-columns: 140px 150px;
  }

  .rows-libell {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 170px 1fr;
    -ms-grid-columns: 170px 1fr;
    align-items: center;
    grid-gap: 4px;
  }

  .libel-tupe-ppc.marg_botom_6,
  .libel-type-djc.marg_botom_6 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 245px 1fr;
    -ms-grid-columns: 245px 1fr;
    align-items: center;
    grid-gap: 4px;
  }

  .de-date {
    -ms-grid-columns: 155px 104px 30px;
    grid-template-columns: 155px 104px 30px;
  }

  .ProcedureDeCong1 {
    height: calc(100vh - 228px);
  }

  .a-date,
  .rows_date-a {
    display: grid;
    display: -ms-grid;
    -ms-grid-columns: 25px 93px 30px;
    grid-template-columns: 25px 93px 30px;
    grid-gap: 4px;
    align-items: center;
    justify-content: flex-end;
  }

  .a-date {
    display: grid;
    display: -ms-grid;
    -ms-grid-columns: 25px 93px 30px;
    grid-template-columns: 25px 93px 30px;
    grid-gap: 4px;
    align-items: center;
    justify-content: flex-end;
  }

  .date-depot-a,
  .date-depotfin,
  .adress-date {
    display: grid;
    display: -ms-grid;
    -ms-grid-columns: 104px 30px;
    grid-template-columns: 104px 30px;
    grid-gap: 4px;
    align-items: center;
    margin-top: 6px;
  }

  .delais-depNew {
    display: grid;
    grid-template-columns: 1fr 300px;
  }

  .rows_date_de {
    display: grid;
    display: -ms-grid;
    -ms-grid-columns: 155px 104px 30px;
    grid-template-columns: 155px 104px 30px;
    grid-gap: 4px;
    align-items: center;
  }

  .rows-type1 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-gap: 10px;
  }

  .rows-type1 .marb_mob {
    margin-bottom: 0 !important;
  }

  .colum_dat1,
  .colum_dat2 {
    grid-template-columns: 25px 90px 90px;
    -ms-grid-columns: 25px 90px 90px;
  }

  .colum_dat2 {
    margin-top: 0;
  }

  .rows-type2 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr;
    -ms-grid-columns: 1fr 1fr;
    align-items: center;
    grid-gap: 4px;
  }

  .last-row.marg_botom_6 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-columns: 1fr 1fr 200px;
    grid-gap: 10px;
  }

  .param-vihicule-ent .col-left-vh .col-sm-4,
  .param-vihicule-sal .col-left-vh .col-sm-4 {
    -ms-flex: 0 0 33.333333% !important;
    -webkit-box-flex: 0 !important;
    flex: 0 0 33.333333% !important;
    max-width: 33.333333% !important;
  }

  .param-vihicule-ent .col-left-vh .col-sm-8,
  .param-vihicule-sal .col-left-vh .col-sm-8 {
    -ms-flex: 0 0 66.666667% !important;
    -webkit-box-flex: 0 !important;
    flex: 0 0 66.666667% !important;
    max-width: 66.666667% !important;
  }

  .BodyAffectation .TableAffectation {
    overflow: auto;
    height: calc(100vh - 255px);
  }

  .BodyAffectation .MenuTache {
    display: grid;
    display: -ms-grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap: 4px;
  }

  .marg-At {
    margin-bottom: 0;
  }

  .header-affct-t2 {
    display: grid;
    display: -ms-grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap: 4px;
    margin-top: 4px;
  }

  .BodyAffectation .MenuTache {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-gap: 4px;
  }

  .content_calendier {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 80px 30px 80px 30px;
    -ms-grid-columns: 80px 30px 80px 30px;
    grid-gap: 4px;
  }

  .row-calend.marg_botom_6 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 300px 64px;
    -ms-grid-columns: 300px 64px;
    grid-gap: 4px;
  }

  .content_thirdF {
    display: grid;
    display: -ms-grid;
    grid-template-columns: repeat(3, 1fr);
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-gap: 4px;
  }

  .rows-top_h {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 36px;
    -ms-grid-columns: 1fr 36px;
    grid-gap: 4px;
    align-items: center;
  }

  .tableUpdategrvCatSalarie {
    height: calc(100vh - 285px);
  }

  .header-tabs2 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-gap: 4px;
  }

  .header-tabs0,
  .header-tabs1 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr 1fr 34px;
    -ms-grid-columns: 1fr 1fr 1fr 34px;
    grid-gap: 4px;
  }

  .menu_nf {
    margin-bottom: 0;
  }

  .rows-affect {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 37px;
    -ms-grid-columns: 1fr 37px;
    grid-gap: 4px;
    align-content: center;
  }

  .rows-affect .border-none-f {
    margin-bottom: 8px;
  }

  .cont-menu-param-tp,
  .m_menu_quotas {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 73px 1fr 1fr;
    -ms-grid-columns: 73px 1fr 1fr;
    grid-gap: 4px;
  }

  .cont-menu-param-tp2,
  .m_menu_quotas1 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-gap: 4px;
  }

  .menu_offre-servic {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-gap: 4px;
    margin-bottom: 4px;
  }

  .MenuOffre2 {
    display: grid;
    display: -ms-grid;
    -ms-grid-columns: 1fr 285px;
    grid-template-columns: 1fr 285px;
    grid-gap: 4px;
  }

  .menu_offre-servic .param-pc1 {
    margin-bottom: 0;
  }

  .last-row .deb-dat {
    grid-template-columns: 45px auto;
    -ms-grid-columns: 45px 1fr;
  }

  .last-row2 table td label {
    margin-bottom: 0;
  }

  .pram_planningh .MrgPrive {
    margin-bottom: 4px;
  }

  .PlanningHTitle2.title2btn .cont_title2btn {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 64px;
    -ms-grid-columns: 1fr 64px;
    grid-gap: 4px;
  }

  .PlanningHTitle1.title2btn .cont_title2btn {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 30px;
    -ms-grid-columns: 1fr 30px;
    grid-gap: 4px;
  }

  .groupParamMenu .group_btn_pph {
    margin-top: 0;
  }

  .tab_conteur0 {
    height: calc(100vh - 260px);
    margin-bottom: 0;
  }

  .tab4-gestionmission {
    display: grid;
    display: -ms-grid;
    grid-gap: 4px;
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-columns: 1fr 1fr 1fr;
  }

  .rows-tab1,
  .rows-tab2,
  .rows-tab3 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-gap: 4px;
  }

  .rows-tab1>div,
  .rows-tab2>div {
    margin-bottom: 0;
  }

  .ref-metier-right {
    width: 330px;
  }

  .ref-metier-left,
  .tab1-gestionmission,
  .tab2-gestionmission,
  .tab3-gestionmission,
  .ref-metier-left1 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-gap: 4px;
  }

  .ref-metier-left1 {
    margin-bottom: 4px;
  }

  .ref-metier-left1>div {
    margin-bottom: 0;
  }

  .row-tache {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 4fr 1fr;
    -ms-grid-columns: 4fr 1fr;
    grid-gap: 4px;
  }

  .tabs_bas_projets {
    overflow: hidden;
    height: calc(100vh - 360px);
    min-height: 200px;
    margin-bottom: 0;
    max-height: none;
  }

  .group_inputs_cal {
    grid-column: span 3;
  }

  .cont-param_p {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-column-gap: 4px;
  }

  .left-heder-top01 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-gap: 4px;
  }

  .left-heder-top02 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-gap: 4px;
  }

  .row_lieux {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 140px 1fr;
    -ms-grid-columns: 140px 1fr;
  }

  .row_choix {
    display: grid;
    display: -ms-grid;
    align-items: center;
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-columns: 1fr 1fr 1fr;
  }

  .row_choix .form-check .form-check-label {
    padding: 0 !important;
  }

  .cont-bas-g,
  .block_rech {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-gap: 4px;
    align-items: center;
  }

  .group_hedistancleft {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-gap: 4px;
  }

  .paramCC2 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr 1fr 70px;
    -ms-grid-columns: 1fr 1fr 0 1fr 70px;
    grid-gap: 4px;
  }

  .param-cc {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 70px 1fr 1fr 1fr;
    -ms-grid-columns: 70px 1fr 1fr 1fr;
    grid-gap: 4px;
  }

  .conten-header-left.grid-rond02 {
    grid-template-columns: 1fr 1fr 70px;
    -ms-grid-columns: 1fr 1fr 70px;
  }

  .heder_lieux_p {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-gap: 4px;
  }

  .last-row {
    display: grid;
    display: -ms-grid;
    align-items: center;
    grid-template-columns: 28% 25% 45%;
    -ms-grid-columns: 28% 25% 45%;
    grid-gap: 4px;
    margin-bottom: 4px;
  }

  .last-row.last-row-m.last-gmh {
    display: grid;
    display: -ms-grid;
    align-items: center;
    grid-template-columns: 1fr 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-gap: 4px;
    margin-bottom: 4px;
  }

  .last-row.last-row-m.last-gmh .deb-dat {
    grid-template-columns: 90px 85px;
    -ms-grid-columns: 90px 85px;
  }

  .last-row.last-row-m.last-gmh .deb-dat.second-dad.grid-rond02 {
    grid-template-columns: 70px 85px;
    -ms-grid-columns: 70px 85px;
  }

  .last-row.last-row-m.last-gmh.deb-dat.second-dad {
    grid-template-columns: 30px 85px;
    -ms-grid-columns: 34px 85px;
  }

  .last-row .deb-dat.second-dad {
    grid-template-columns: 30px auto;
    -ms-grid-columns: 34px auto;
  }

  .amplt {
    display: grid;
    display: -ms-grid;
    grid-template-columns: auto 40px;
    -ms-grid-columns: 1fr 44px;
    align-items: center;
    margin-bottom: 4px;
  }

  .last-row2 {
    display: grid;
    display: -ms-grid;
    align-items: center;
    grid-template-columns: 50% 50%;
    -ms-grid-columns: 50% 50%;
    margin-bottom: 4px;
    grid-gap: 4px;
  }

  .cont-third {
    width: 100%;
    grid-column-start: 1;
    grid-column-end: 5;
    grid-gap: 4px;
  }

  .content_third {
    display: grid;
    display: -ms-grid;
    grid-template-columns: repeat(3, 1fr);
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-gap: 4px;
  }

  .third-paramph {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 60px 90px 1fr 1fr;
    -ms-grid-columns: 64px 94px 1fr 1fr;
    grid-column-gap: 4px;
  }

  .groupParamMenu .second_menu_param {
    display: grid;
    display: -ms-grid;
    grid-gap: 4px;
    grid-template-columns: 60px 90px 1fr 1fr 1fr;
    -ms-grid-columns: 60px 90px 1fr 1fr 1fr;
    margin-bottom: 4px;
  }

  .menu-tab1 .content_mileux_pph {
    margin-bottom: 4px;
  }

  .groupParamMenu .content_mileux_pph {
    display: grid;
    grid-template-columns: auto 98px;
    grid-gap: 4px;
  }

  .conten-header-left {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 62px 1fr 1fr;
    -ms-grid-columns: 62px 1fr 1fr;
    grid-gap: 4px;
    margin-bottom: 4px;
  }

  .ref-tache-param .mrg-ref {
    z-index: 1;
  }

  .mrg-ref {
    margin-bottom: 0;
  }

  .content-mrg-ref {
    display: grid;
    display: -ms-grid;
    grid-template-columns: [col] 33% [col] 33% [col] 33%;
    /*-ms-grid-columns: repeat( 3, 1fr );*/
    grid-template-rows: [row] auto [row] auto [row];
    /*-ms-grid-rows: repeat( 3, 1fr );*/
    grid-gap: 4px;
    /*position: relative;*/
    z-index: 1;
  }

  .searchInput {
    grid-column: col 2 / span 2;
  }

  .referent-tache .contentrt-right {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    grid-gap: 4px;
    align-items: center;
  }

  .firdt-accord {
    display: grid;
    display: -ms-grid;
    align-items: center;
    grid-template-columns: 245px auto;
    -ms-grid-columns: 250px 1fr;
    grid-gap: 4px;
  }

  .conent-thred_tab {
    height: calc(100vh - 320px);
    margin-bottom: 10px;
  }

  .header-therd_left.grid-rond01 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 4px;
  }

  .mg-header-therd {
    margin-bottom: 0;
  }

  .histrique-om .bloc_minut.bloc_cal .bloc_calendar {
    width: 100%;
    padding-left: 0;
    margin-left: 0;
  }

  .histrique-om .marg_order-mission .heaure_b1_ordre {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 45px auto;
    -ms-grid-columns: 45px 1fr;
  }

  .histrique-om .blok-order-mission .bloc_minut.bloc_cal .bloc_calendar {
    margin-left: 0 !important;
  }

  .histrique-om .row.heure_min {
    display: flex;
    max-width: 75px;
    align-items: center;
    margin: 0 auto;
  }

  .histrique-om .group_calender_ordre .heaure_b1_ordre .col_heure {
    padding: 0;
  }

  .histrique-om .group_calender_ordre .marg-t-order,
  .histrique-om .calender-first {
    margin-top: 0;
  }

  .histrique-om .calender-debut .bloc_minut:nth-of-type(2):before,
  .histrique-om .calender-debut .bloc_minut:nth-of-type(3):before {
    display: none;
  }

  .histrique-om .row.marginButtomOM10 {
    margin-top: 6px;
  }

  .histrique-om .col-sm-12.bloc_calender.border-01 {
    float: left;
  }

  .histrique-om .marg_order-mission {
    float: left;
    width: calc(100% - 206px);
    margin-left: 10px;
  }

  .histrique-om .group_calender_ordre {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 4px;
  }

  .align_order {
    text-align: center;
  }

  .histrique-om .marg-t-order {
    margin-top: 0;
  }

  .header_Agenda_new {
    display: grid;
    display: -ms-grid;
    grid-column-gap: 4px;
    grid-template-columns: repeat(2, 1fr);
  }

  .list_horaire .aside_header {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 324px 64px;
    grid-gap: 4px;
  }

  .list_horaire .asider_header_left .input_calendar_aside {
    width: 85px;
    max-width: 85px;
    min-width: 85px;
  }

  .grid-4block-30 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    display: -ms-grid;
    grid-gap: 4px;
    -ms-grid-columns: 1fr 1fr;
  }

  /* sondes*/
  .groupGestionAppel {
    display: block;
    margin-bottom: 6px;
  }

  .groupGestionAppel .item1,
  .item2,
  .item3,
  .item4,
  .item5,
  .item6 {
    margin: 0px;
  }

  .StructureOrganisation .iti__selected-flag {
    padding: 0 6px 0 50px !important;
  }

  .groupBTN {
    margin: 0px;
  }

  .calBTN {
    margin: 0;
  }

  .groupAppel {
    display: grid;
    display: -ms-grid;
    grid-gap: 4px;
    grid-template-columns: repeat(2, 1fr);
  }

  .mrgBottom {
    margin-bottom: 0;
  }

  .main-content-appels {
    height: calc(100vh - 286px);
    overflow: auto;
    border: 1px solid #ccc;
  }

  .group-appels2 {
    display: grid;
    display: -ms-grid;
    grid-gap: 4px;
    margin-top: 4px;
    grid-template-columns: auto auto;
  }

  /* end*/
  .header-select-top {
    display: grid;
    display: -ms-grid;
    grid-gap: 4px;
    grid-template-columns: repeat(2, 1fr);
  }

  /*code menu composant */
  .grid-colum-6 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 4px;
  }

  .grid-colum-2 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr 1fr !important;
    grid-gap: 4px;
  }

  .grid-colum-30-70 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 30% 70%;
    -ms-grid-columns: 30% 70%;
    grid-gap: 4px;
  }

  .block-top-grid .col-grid-top:nth-child(3) {
    margin-top: 5px;
  }

  .grid-colum-double-100-30 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 138px 138px;
    -ms-grid-columns: 138px 138px;
    grid-gap: 4px;
  }

  /*-----------param suivi de bien-------------*/

  .btMarg {
    margin-bottom: 0px;
  }

  /*---------------param procedure de precence-----------------*/

  .ParamPresence .grid-colum-6 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr;
    grid-gap: 4px;
  }

  .ParamPresence .lbLibelleFerie,
  .block-JrSpecifique span {
    padding: 5px 0px;
  }

  .grid-1fr-272 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr;
    -ms-grid-columns: 1fr;
    grid-gap: 4px;
  }
}

@media screen and (min-width: 600px) {
  .bodygestionFP .MenuFichP1 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-column-gap: 4px;
  }

  .param-inter .triple-top-block.grid-rond01 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 4px;
  }

  .headervalidperiod_left {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-column-gap: 4px;
  }

  .ligne-travel {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 170px 1fr;
    -ms-grid-columns: 170px 1fr;
    grid-gap: 4px;
    align-items: center;
  }

  .right_footer-pagination {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .param_taches .modal-footer-tache {
    border-top: none;
  }

  .content-menu div#tache1 {
    margin-bottom: 0 !important;
  }

  .content-mrg-ref-param {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 4px;
    z-index: 1;
  }

  .MenuProfilePoste1 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-gap: 4px;
    margin-bottom: 6px;
  }

  .MenuProfilePoste1 marg_botom_6 {
    margin-bottom: 0;
  }

  .blok_descrip {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 10px;
  }

  .declaration1 {
    width: calc(100% - 210px);
  }

  .declaration2 {
    width: 200px;
  }

  .declaration3 {
    width: 100%;
    display: block;
  }

  .radioNH {
    margin-bottom: 2px;
  }

  .contheaderNFRH {
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-gap: 4px;
  }

  .groupintervenant {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-gap: 4px;
    align-items: center;
  }

  .header_hisorique {
    display: grid;
    grid-template-columns: 1fr 307px 30px;
    grid-gap: 4px;
    align-items: center;
  }

  .header_hisorique>div,
  .debut-headerH .recurence_date {
    margin-bottom: 0;
  }

  .radioButtonListItem1 .noCollapse td+td {
    margin-left: 0;
  }

  .radioButtonListItem1 .noCollapse td {
    margin-right: 12px;
  }

  .row-check-second {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 49% 50%;
    -ms-grid-columns: 49% 50%;
    grid-gap: 4px;
  }

  .row-check_cont {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr;
    -ms-grid-columns: 1fr;
    grid-gap: 4px;
    align-items: center;
  }

  #DivLibellelongTypeCreation .col-sm-12 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-gap: 4px;
  }

  .row-tabls {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-gap: 10px;
  }

  .row-check_cont {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 4px;
    -ms-grid-columns: 1fr 1fr;
    align-items: center;
  }

  .GROUPmAIL {
    display: grid !important;
    grid-template-columns: 75% 24%;
    grid-gap: 4px;
    margin-bottom: 7px;
  }

  .mailRight {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 4px;
    align-items: center;
  }

  .popMail .parcours .btn:not(.btn-link):not(.btn-circle) {
    padding-top: 13px !important;
  }

  .popMail .parcours label {
    display: flex;
  }

  .popMail .parcours .fichParcours {
    display: inline-flex;
  }

  /*.popMail .parcours {
          width: 91px;
          position: absolute;
          right: 0px;
          left: 0;
      }*/

  .popMail .select-btn-mail,
  .left-right {
    margin: 0px 0px;
  }

  .popMail .MrgMail {
    margin: 0px 0px;
  }

  .popMail .left-right {
    display: grid;
    grid-template-columns: auto 30px;
    grid-gap: 4px;
    padding-top: 4px;
  }

  .popMail .select-btn-mail {
    display: grid;
    grid-template-columns: auto 30px;
    grid-gap: 4px;
  }

  /*.popMail .parcours {
          position: absolute;
          left: 0;
      }*/

  .popMail .grid-colum-Mail .footer-left .modal-footer {
    justify-content: flex-start;
  }

  .popMail .IconParcours {
    margin-top: -7px;
  }

  .rh_gestion-conges div#HistoConge {
    height: calc(100vh - 355px);
  }

  .tabs_apercu,
  .cont-divCorrespondance {
    height: calc(100vh - 281px);
  }

  .row_libel_part,
  .row_partag_tou {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 125px 1fr;
    -ms-grid-columns: 125px 1fr;
    grid-gap: 4px;
    align-items: center;
  }

  .tabs-ges-par {
    max-height: 243px;
  }

  .rows_date-a {
    -ms-grid-columns: 15px 100px 30px;
    grid-template-columns: 15px 100px 30px;
  }

  .a-date {
    -ms-grid-columns: 15px 100px 30px;
    grid-template-columns: 15px 100px 30px;
    justify-content: flex-end;
  }

  .rows-date-depot,
  .second-rows-dat {
    grid-gap: 15px;
  }

  .radio_daj tr {
    grid-template-columns: 170px 1fr;
    -ms-grid-columns: 170px 1fr;
  }

  .last-row.last-row-m .deb-dat {
    grid-template-columns: 45px 1fr;
    -ms-grid-columns: 45px 1fr;
  }

  .last-row.last-row-m .deb-dat.second-dad {
    grid-template-columns: 30px auto;
    -ms-grid-columns: 34px auto;
  }

  .last-row.last-row-m.last-gmh .deb-dat.second-dad {
    grid-template-columns: 30px 85px;
    -ms-grid-columns: 30px 85px;
  }

  .last-row.last-row-m.last-gmh {
    display: grid;
    display: -ms-grid;
    align-items: center;
    grid-template-columns: 202px 120px;
    -ms-grid-columns: 202px 120px;
    grid-gap: 4px;
    margin-bottom: 4px;
  }

  div#DivFilters .DivFiltersrgh2 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-gap: 4px;
  }

  .tablecmp {
    height: 375px;
  }

  .marg_botom_b {
    margin-bottom: 0;
  }

  .pc-PnlAcquis-right {
    width: 100%;
    display: grid;
    display: -ms-grid;
    -ms-grid-columns: 105px 82px;
    grid-template-columns: 105px 82px;
    align-items: center;
    grid-gap: 4px;
  }

  .radios.rcep tr {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 90px 90px;
    -ms-grid-columns: 138px 90px;
  }

  .chek_j {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 138px 90px;
    -ms-grid-columns: 138px 90px;
  }

  .chek_j .form-check .form-check-label {
    padding-right: 0 !important;
  }

  .group_hedistanc {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 98px;
    -ms-grid-columns: 1fr 98px;
    grid-gap: 4px;
  }

  .pc-PnlAcquis {
    display: grid;
    display: -ms-grid;
    align-items: center;
    grid-template-columns: 1fr 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-column-gap: 10px;
  }

  .grid-colum-3 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 4px;
  }

  .agenda-global-vehicule .grid-colum-3-triple {
    display: grid;
    display: -ms-grid;
    grid-template-columns: repeat(3, 1fr) !important;
    grid-gap: 4px;
  }

  .grid-colum-3-triple {
    display: grid;
    display: -ms-grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 4px;
  }

  .grid-column-count-3 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 30% 30% 40%;
    grid-gap: 4px;
  }

  .row-grid-4 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 20% 30px 30px 30%;
    grid-gap: 4px;
  }

  .row-grid-4 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 100px 1fr 30px 30px;
    grid-gap: 4px;
  }

  .grid-colum-4-plus {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 100px 30px 30px 100px;
    grid-gap: 4px;
  }

  .grid-right-4 {
    margin-right: 4px;
  }

  .grid-right {
    margin-right: 8px;
  }

  .grid-right-12 {
    margin-right: 12px;
  }

  .row-grid-3-right {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 100px 30px 30px 100px;
    grid-gap: 4px;
  }

  .row-grid--col-3-right {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 100px 30px 30px;
    grid-gap: 4px;
  }

  .header-select-top {
    display: grid;
    display: -ms-grid;
    grid-gap: 4px;
    -ms-grid-columns: repeat(4, 1fr);
    grid-template-columns: repeat(4, 1fr);
  }

  .bloc-grid-header-60-40 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 60% 40%;
    -ms-grid-columns: 60% 40%;
    grid-gap: 4px;
  }

  .PartiLeftOffre {
    overflow: auto;
    height: calc(100vh - 249px);
  }

  .PartiLeftOffre .widthColPop {
    width: 100%;
    min-width: 84px !important;
  }

  .TableOffreServices {
    height: calc(100vh - 249px);
  }

  .full_height-offreService {
    height: calc(100vh - 222px);
    overflow: hidden;
  }

  .bloc-grid-1fr-1fr-30 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr 30px;
    grid-gap: 4px;
  }

  .bloc-grid-1fr-1fr-30 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr 30px;
    grid-gap: 4px;
  }

  .right-grid-four-buton {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 100px repeat(5, 30px) 100px;
    grid-gap: 4px;
  }

  #AddParamEvent input[type="radio"]+label {
    margin-left: 5px;
    margin-right: 5px;
  }
}

@media screen and (min-width: 768px) {
  .pnlEntete1 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
  }

  daypilot-calendar .calendar_default_main>div+div {
    height: calc(100vh - 305px) !important;
  }

  /* td.TdCheckAll .mat-checkbox-inner-container-no-side-margin
  {
     margin-left: 18px !important;
  }*/
  .fil_arianne_video {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }

  .analyse_A_P .headr-analysel {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
  }

  .UpdatePanel21 {
    display: grid;
    grid-template-columns: 1fr 268px;
    grid-gap: 4px;
  }

  .hauteur-tab1 {
    max-height: calc(100vh - 230px);
    overflow: auto;
    margin-bottom: 0;
  }

  .analyse_A_P .right_menu_Agenda {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 227px 64px;
    -ms-grid-columns: 227px 64px;
    grid-gap: 4px;
    margin-bottom: 0;
  }

  .headervalidperiod_left {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
  }

  .MenuOrdre1 .MargePlage,
  .MenOrdreNew2 .MargePlage {
    margin-bottom: 0;
  }

  .footer_alert_conf button span {
    position: relative;
    top: -4px;
  }

  .footer_alert_conf button i.material-icons {
    position: relative;
    top: 2px;
  }

  .menu_pre_inscrip .UsageActivite,
  .menu_pre_inscrip .UsageActivite01 {
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-columns: 1fr 1fr 1fr;
  }

  .left_vp {
    padding-right: 6px;
  }

  .footerfas .span_center {
    display: inline-block;
    top: 3px;
    color: #fff;
  }

  .block-100-30 .ajax__calendar {
    bottom: 0 !important;
    top: auto !important;
  }

  .col-md-5.col-sm-12.PartiLeftAMS {
    padding-right: 3px;
    overflow-x: hidden;
  }

  .TableAffectationMateriel {
    max-height: calc(100vh - 533px);
    min-height: 100px;
  }

  .bodyAMS .TableListeMateriel {
    max-height: calc(100vh - 230px);
  }

  .descltop_only {
    display: block;
  }

  .span_center {
    position: relative;
    top: 6px;
    color: #fff;
  }

  .content-listeDE .span_center {
    top: 8px;
  }

  .panel_affectationM {
    height: calc(100vh - 195px);
  }

  .PartiLeftAMS {
    height: 100%;
    overflow-y: auto;
  }

  .PartiLeftAMS {
    height: 100%;
  }

  .tableAffectationSalarie {
    height: calc(100% - 37px);
  }

  .tableAffectationSalarie>div {
    height: 100%;
  }

  .TableAffectation {
    max-height: 100%;
    overflow: auto;
    height: auto;
    margin-bottom: 0;
  }

  .MenuAffectationM {
    display: grid;
    grid-template-columns: 81px 1fr 1fr 1fr 1fr 1fr 64px;
    grid-gap: 4px;
  }

  .btn30Affectation {
    margin-top: 0;
  }

  .header_hisorique {
    max-width: 500px;
  }

  .popup_order_mission .radios.h_calendrier tr td {
    align-items: flex-start;
    display: inline-block;
    margin-right: 18px;
  }

  .popup_order_mission .radios.w-78.j_calendrier tr td {
    align-items: flex-start;
    display: inline-block;
    margin-right: 11px;
  }

  .popup_order_mission .NouveauBtnFooter span.newbnt {
    display: block;
    position: relative;
    top: 7px;
  }

  .popup_order_mission div#divProjSelectionnee {
    max-height: 66px;
  }

  .popup_order_mission div#ctl30_pnlUpdateParticipant {
    height: auto;
    max-height: 150px;
    overflow: auto;
  }

  .histrique-om .heaure_b1_ordre {
    display: grid;
    grid-template-columns: 35px 1fr;
    align-items: center;
    max-width: 240px;
  }

  .histrique-om .heaure_b1_ordre .group_calender_ordre {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 4px;
  }

  .histrique-om .select-wrapper input.select-dropdown {
    padding: 0 15px 0 4px;
  }

  .histrique-om .blok-order-mission .block_top {
    grid-gap: 2px;
  }

  .histrique-om .table_min tr td label {
    margin-left: 0px;
  }

  .histrique-om .table_min table.radios tbody tr td {
    transform: scale(0.9);
  }

  .histrique-om .table_min tr {
    grid-gap: 1px;
  }

  .histrique-om .tableOrdreMission {
    max-height: 100%;
    height: 100%;
  }

  .histrique-om .tableOrdreMission>div {
    max-height: 100%;
    overflow: auto;
  }

  .tabl_historique_demande>div {
    max-height: calc(100vh - 230px);
    overflow: auto;
  }

  .tabl_historique_demande {
    max-height: calc(100vh - 230px);
  }

  .partieGTS {
    height: calc(100vh - 185px);
  }

  .partieGTS {
    align-items: stretch;
    overflow: hidden;
  }

  .partieGTSLeft,
  .partieGTSRight {
    height: 100%;
  }

  .partieGTS .partieGTSRight {
    padding-left: 5px !important;
  }

  .tablpartieGTSLeft {
    height: calc(100% - 37px);
  }

  .tablpartieGTSLeft>div {
    height: 100%;
  }

  .tablLTS,
  .tablLTSL {
    max-height: 100%;
  }

  .partieGTSRight .table_btn_right {
    height: 100%;
  }

  .rightGTS {
    height: calc(100% - 36px);
  }

  .tablLTSL {
    max-height: calc(100% - 38px);
  }

  .footerNouveaux span.newbnt {
    display: inline-block;
    top: 3px;
    position: relative;
  }

  .tableOrdreMission {
    height: auto;
    max-height: 100%;
  }

  .blok-order-mission.row {
    height: calc(100vh - 240px);
  }

  .blok-order-mission .tablDivPart1 {
    height: 100%;
    overflow: auto;
    padding-right: 6px;
  }

  .blok-order-mission .main_content_modalOMission {
    height: 100%;
    overflow: auto;
  }

  .radio-heur table tr {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    grid-gap: 4px;
  }

  .col-sm-12.sep-calender1.mdCalenderOm.marg_order-mission {
    margin-left: 0;
  }

  .tab-list-02.tab-item-icon {
    height: auto;
    max-height: 100%;
    margin-bottom: 6px;
  }

  div#UpdtPnlForGrdVw .tab-list-02 {
    height: auto;
    max-height: 259px;
  }

  .listdatedispo div#TabContainer1_body {
    height: 100%;
    padding: 5px 0 !important;
    margin-bottom: 0 !important;
    max-height: calc(100% - 40px);
  }

  .listdatedispo div#TabContainer1_body>div {
    height: 100%;
  }

  .UpdatePlageDispo-table {
    height: auto;
    max-height: 100%;
  }

  .height_full.heightgrvDatedisponibles>div {
    height: 100%;
  }

  .listdatedispo>div {
    height: 100%;
    margin-top: 0 !important;
  }

  div#TabPanel_AccordeonPlage {
    height: 100%;
    max-height: calc(100% - 40px);
    overflow-y: auto;
    overflow-x: hidden;
  }

  .left_part_planif,
  .right_part_planif {
    height: 100%;
    overflow-y: auto;
  }

  div#TabPanel_AccordeonPlage>.row {
    height: 100%;
  }

  .AccordeonPlagetable {
    align-items: stretch;
  }

  .right_part_planif .row {
    height: 100%;
  }

  .right_planification>div,
  .right_planification>div>div,
  .right_planification>div>div>div,
  .right_planification #TabContainer1_body>div {
    height: 100%;
  }

  .right_planification #TabContainer1_body {
    height: calc(100% - 30px);
  }

  .right_planification div#TabContainer1 {
    margin-top: 0;
  }

  .popMail .parcours .fichParcours {
    display: inline-flex;
    top: -4px;
    position: relative;
  }

  .popMail div#updatePanelListeFivh {
    width: 85px;
  }

  .modal-footer.fixedFooter .PartiParcours label.btn {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .popMail .IconParcours {
    margin-left: 0 !important;
  }

  .rows_grbas {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 4px;
  }

  .p-procedure-conges .param_c0 .input-group {
    width: 105% !important;
  }

  .p-procedure-conges .header-therd_left .input-group {
    width: 96% !important;
  }

  .height-part-bas-import {
    height: calc(100% - 200px);
  }

  .height-part-bas-import #TabContainer1_body {
    height: calc(100% - 30px);
  }

  .height-part-bas-import #TabContainer1_body>div,
  .height-part-bas-import #TabContainer1_body>div>div,
  .height-part-bas-import #TabContainer1_body>div>div>div,
  .height-part-bas-import #TabContainer1_body>div>div>div>div {
    height: 100%;
  }

  .height-inport {
    max-height: 100%;
    height: 100%;
  }

  .height-inport>div,
  .height-inport>div>div {
    height: 100%;
    max-height: 100%;
    overflow-y: auto;
  }

  .gestion_base .col-12 .header_top_new {
    margin-bottom: 0;
  }

  .row-check {
    grid-gap: 4px;
    display: grid;
    display: -ms-grid;
    grid-template-columns: 50% 50%;
    -ms-grid-columns: 50% 50%;
    align-items: center;
  }

  .row-check_cont {
    display: grid;
    grid-template-columns: 1fr;
    -ms-grid-columns: 1fr;
    grid-gap: 4px;
    align-items: center;
  }

  .row-check_cont {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr;
    -ms-grid-columns: 1fr;
    grid-gap: 4px;
    align-items: center;
  }

  .date-depot-a,
  .date-depotfin,
  .adress-date {
    display: grid;
    display: -ms-grid;
    -ms-grid-columns: 115px 30px;
    grid-template-columns: 115px 30px;
    grid-gap: 4px;
    align-items: center;
    margin-top: 6px;
  }

  .rows-date-depot,
  .second-rows-dat {
    grid-template-columns: 1fr;
  }

  .grid-row-adress {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 49% 50%;
    -ms-grid-columns: 1fr 1fr;
    grid-gap: 4px;
  }

  .StructureOrganisation .iti__selected-flag {
    padding: 0 6px 0 36px !important;
  }

  .gestionTel {
    -ms-grid-columns: 23% 1fr;
    grid-template-columns: 23% 1fr;
  }

  .col_optimis {
    display: block;
  }

  .TableParticipantDescrip {
    height: 387px;
  }

  .rh_gestion-conges .groupg_congeMenu {
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-columns: 1fr 1fr 1fr;
  }

  .rh_gestion-conges div#HistoConge {
    height: calc(100vh - 297px);
  }

  .libel_check {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 277px 1fr;
    -ms-grid-columns: 277px 1fr;
    grid-gap: 4px;
    align-items: center;
  }

  .row-s-depot-c.relative_div,
  .rows-date-depot.relative_div {
    position: relative;
  }

  .row-s-depot-c.relative_div .ajax__calendar {
    left: auto !important;
    top: -154px !important;
    right: 34px !important;
  }

  .rows-date-depot.relative_div .grid-rond01 .de-date .grid-rond02 .ajax__calendar {
    left: 30px !important;
    top: -160px !important;
  }

  .rows-date-depot.relative_div .grid-rond02 .a-date .ajax__calendar {
    right: 35px !important;
    top: -160px !important;
  }

  .hauteur_full div#Part2,
  .hauteur_full div#Part2>div {
    height: 100%;
  }

  .hauteur_full div#Part2>div {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
  }

  .param-cdc-right {
    grid-template-columns: 34px 34px 34px 34px;
    -ms-grid-columns: 34px 34px 34px 34px;
  }

  .ParamHeader {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-gap: 4px;
  }

  .row.mt-1.full_height-offre {
    height: calc(100vh - 150px);
    overflow: hidden;
  }

  .hauteur_full {
    overflow: hidden;
    height: calc(100vh - 194px);
  }

  div#Part1 {
    overflow-y: auto;
    height: 100%;
    overflow-x: hidden;
  }

  div#Part1>div {
    padding-right: 5px;
  }

  .parametragesttp div#Part1 {
    height: 440px;
    overflow: auto;
  }

  .cont-dp-grid1 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-column-gap: 4px;
  }

  .rows-dones-perso .adress-date {
    margin-top: 0;
  }

  .col-lg-12.dpi_rows {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 170px 1fr;
    -ms-grid-columns: 170px 1fr;
  }

  .fire_acord {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 94px 67px;
    -ms-grid-columns: 94px 67px;
    grid-gap: 4px;
    align-items: center;
  }

  .col-lg-12.fire_acord {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 94px 165px;
    -ms-grid-columns: 94px 165px;
    grid-gap: 4px;
    align-items: center;
  }

  .delais-depNew {
    grid-template-columns: 1fr;
  }

  .de-date {
    -ms-grid-columns: 155px 114px 30px;
    grid-template-columns: 155px 114px 30px;
  }

  .rows-depot .right-depot {
    display: grid;
    grid-template-columns: 50px 58px 30px;
    align-items: center;
    grid-gap: 4px;
  }

  .row-s-depot-c {
    -ms-grid-columns: 156px 1fr;
    grid-template-columns: 156px 1fr;
  }

  .rows_date_de {
    -ms-grid-columns: 155px 114px 30px;
    grid-template-columns: 155px 114px 30px;
  }

  .radio_daj tr,
  .accor-period {
    grid-template-columns: 1fr;
    -ms-grid-columns: 1fr;
  }

  .pc-PnlAcquis-right {
    -ms-grid-columns: 160px 82px;
    grid-template-columns: 160px 82px;
    align-items: center;
    grid-gap: 4px;
  }

  .rows-type1,
  .rows-type2,
  .firdt-accord,
  .libel-tupe-ppc.marg_botom_6,
  .libel-type-djc.marg_botom_6,
  .pc-PnlAcquis {
    grid-template-columns: 1fr;
    -ms-grid-columns: 1fr;
  }

  .colum_dat2 {
    margin-top: 6px;
  }

  .p-procedure-conges .height_updategrvListeTypeConges>div {
    max-height: calc(100vh - 120px);
  }

  .BodyAffectation .MenuTache {
    display: grid;
    display: -ms-grid;
    grid-template-columns: repeat(4, 1fr);
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 4px;
  }

  .BodyAffectation .TableAffectation {
    overflow: auto;
    height: calc(100vh - 190px);
  }

  .header-affct-t2 {
    display: grid;
    display: -ms-grid;
    -ms-grid-columns: 1fr 1fr 198px;
    grid-template-columns: 1fr 1fr 198px;
    grid-gap: 4px;
    margin-top: 4px;
  }

  .content_thirdF {
    display: grid;
    display: -ms-grid;
    grid-template-columns: repeat(3, 1fr) 98px;
    -ms-grid-columns: 1fr 1fr 1fr 98px;
    grid-gap: 4px;
  }

  .cont-tab_grvPlafondSalarie div {
    height: auto;
    overflow: auto;
  }

  .tab_grvPlafondSalarie {
    height: calc(100% - 38px);
    max-height: calc(100% - 38px);
  }

  .body-note-f div#Bold,
  .body-note-f .Bold1 {
    height: calc(100vh - 225px);
  }

  .body-note-f div#Bold .Bold_left,
  .body-note-f div#Bold .Bold_right {
    height: 100%;
    overflow: hidden;
  }

  .body-note-f div#Bold1 .Bold_left,
  .body-note-f div#Bold1 .Bold_right {
    height: 100%;
    overflow: hidden;
  }

  .GridViewBaremediv {
    height: 100%;
    overflow: auto;
  }

  .tabl-grvPlafond {
    max-height: 300px;
  }

  .rows-top_h {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 101px;
    -ms-grid-columns: 1fr 101px;
    grid-gap: 4px;
    align-items: center;
  }

  .tabs_global {
    height: calc(100vh - 260px);
    overflow: hidden;
  }

  .tabs_global_left,
  .tabs_global_right,
  .Ptabs_global_right {
    overflow-y: auto;
    height: 100%;
  }

  .Pcomptences-right {
    height: calc(100% - 51px);
    overflow: hidden;
  }

  .Pcomptences-right>div {
    height: 100%;
  }

  .tabs_global_left {
    overflow-x: hidden;
  }

  .tabs_global_right>div {
    height: 100%;
  }

  .tabs-gestionmetier {
    height: auto;
    max-height: 100%;
  }

  .rows-affect {
    grid-template-columns: 1fr 101px;
    -ms-grid-columns: 1fr 101px;
  }

  .content-grdbtn {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 70px 85px;
    -ms-grid-columns: 70px 85px;
    grid-gap: 4px;
  }

  .menu_offre-servic {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-columns: 1fr 1fr 1fr;
  }

  .MenuOffre2 {
    grid-template-columns: 340px 285px;
    -ms-grid-columns: 340px 285px;
  }

  .tab_conteur0 {
    height: calc(100vh - 220px);
  }

  .ref-metier-left {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
  }

  .row-tache {
    width: calc(100% - 382px);
  }

  div#tache1 div#Couleur2 .border-raduis.grid-rond02 {
    min-width: 80px;
    width: auto;
  }

  .row_choix_ref {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-gap: 4px;
  }

  .param_taches .row_choix_ref {
    display: flex;
  }

  .group_inputs_cal {
    grid-column: span 1;
  }

  .heder_lieux_p {
    max-width: 60%;
  }

  /*.main_content_liex1 {
          display: grid;
          display: -ms-grid;
          grid-template-columns: 1fr 1fr;
          -ms-grid-columns: 1fr 1fr ;
          grid-gap: 15px;
      }*/
  .row_titre {
    grid-template-columns: 1fr 83px;
    -ms-grid-columns: 1fr 83px;
  }

  .btn_calculate i.block-inv {
    padding-left: 0 !important;
    padding-right: 2rem !important;
  }

  .tabs_paramD {
    height: calc(100vh - 272px);
  }

  .cont-bascal {
    grid-template-columns: 82px 1fr 1fr;
    -ms-grid-columns: 82px 1fr 1fr;
  }

  .cont-bas-g {
    grid-template-columns: 1fr;
    -ms-grid-columns: 1fr;
  }

  .cont-h2 .conten-header-left {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-gap: 4px;
    margin-bottom: 4px;
  }

  .main-contentent-h {
    height: calc(100vh - 190px);
  }

  .cont-main_f>div {
    height: 100%;
    overflow: hidden;
  }

  .full_hauteur {
    height: 100%;
  }

  .grid-h-pointage {
    max-height: calc(100% - 48px);
    margin-bottom: 0;
  }

  .footer-fas .fas {
    position: absolute !important;
    right: 3px;
  }

  .content_ligne1 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 363px;
    -ms-grid-columns: 1fr 363px;
    grid-gap: 4px;
  }

  .content_grid-dat {
    margin-top: 0;
  }

  .hauteur-tabs-pop {
    height: calc(100vh - 40px);
  }

  .firt-ligne.marg_botom_6 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 45% 54%;
    -ms-grid-columns: 45% 55%;
    grid-gap: 1%;
    align-items: center;
  }

  .pop-jm .grid-rond01 .grid-left-jm {
    grid-template-columns: 130px 1fr;
    -ms-grid-columns: 130px 1fr;
  }

  .tabl_jourmanquant {
    height: calc(100vh - 95px);
  }

  .last-row {
    grid-template-columns: 50% 50%;
  }

  .amplt {
    grid-column-end: span 2;
  }

  .sous-modal_p .amplt {
    grid-column-end: span 1;
  }

  .last-row2 {
    display: grid;
    align-items: center;
    grid-template-columns: auto;
    grid-gap: 4px;
  }

  .left-last-row2 {
    display: grid;
    display: -ms-grid;
    align-items: center;
    grid-template-columns: 120px auto auto;
    -ms-grid-columns: 124px 1fr 1fr;
    grid-gap: 4px;
  }

  .ParamProfil {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .height_menupanel {
    overflow: auto;
  }

  .btn_param_horairp .modal-footer {
    border-top: none;
    padding: 0;
  }

  .mod-ges {
    grid-template-columns: 158px 1fr;
    -ms-grid-columns: 158px 1fr;
  }

  .ddm_ppc {
    grid-template-columns: 158px 40px;
    -ms-grid-columns: 158px 40px;
  }

  .content_annes {
    display: grid;
    grid-template-columns: auto 95px;
    display: -ms-grid;
    -ms-grid-columns: 1fr 95px;
    grid-gap: 4px;
  }

  .conent-thred_tab {
    height: calc(100vh - 265px);
    margin-bottom: 0;
  }

  .content-height {
    height: 665px;
  }

  #Bold1 .content-height {
    height: calc(100vh - 288px);
  }

  .left_ppc {
    height: calc(100vh - 233px);
    overflow: auto;
  }

  .content-height1 {
    height: calc(100vh - 302px);
    overflow: auto;
  }

  .PartConge2 {
    overflow: auto;
    height: calc(100vh - 267px);
  }

  .fixedFooter .btn .waves-button-input,
  .bouton_head .btn .waves-button-input {
    padding: 0px !important;
  }

  .m-l--25 {
    margin-left: -25px;
  }

  .param-contrat .aside_left_calendar {
    overflow-y: auto;
    height: calc(100vh - 150px);
    overflow-x: hidden;
  }

  div#DepartP {
    display: grid;
    display: -ms-grid;
    grid-gap: 4px;
    grid-template-columns: 1fr auto;
  }

  .header_Agenda_new {
    display: grid;
    display: -ms-grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 4px;
  }

  .groupCal .ajax__calendar {
    left: 67px !important;
    top: 462px !important;
  }

  .gestion-group ul.dropdown-content {
    width: 100% !important;
    max-height: 200px !important;
    overflow-y: auto;
  }

  .content_tables {
    max-height: 100%;
    height: auto;
    overflow-x: auto;
    overflow-y: auto;
  }

  .groupGestionAppel {
    display: block;
    grid-gap: 4px;
    margin-bottom: 6px;
  }

  .grid-4block-30 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    display: -ms-grid;
    grid-gap: 4px;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
  }

  .modalMSG {
    top: 202px !important;
  }

  .main-content-appels {
    height: calc(100vh - 219px);
  }

  .groupAppel {
    display: grid;
    grid-gap: 4px;
    grid-template-columns: repeat(3, 1fr);
  }

  .group-appels2 {
    display: grid;
    display: -ms-grid;
    grid-gap: 4px;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 4px;
  }

  .main-content-appels>div {
    max-height: 100%;
  }

  .gestion_base .main_content {
    height: calc(100vh - 260px);
  }

  .grid-trees-bloc {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 30% 35% 270px;
    grid-gap: 4px;
  }

  .agenda-global-vehicule .grid-trees-bloc {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 4px;
  }

  .navbar-header .bars {
    display: none !important;
  }

  .bloc-grid-80 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 80% 20%;
    grid-gap: 4px;
  }

  .bloc-grid-second-block {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 168px;
    grid-gap: 4px;
  }

  .bloc-grid-two-100 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 272px;
    grid-gap: 4px;
  }

  .grid-column-count-3-triple,
  .triple-top-block {
    display: grid;
    display: -ms-grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 4px;
  }

  .grid-card-topheader {
    display: grid;
    display: -ms-grid;
    grid-template-columns: repeat(4, 1fr) 300px;
    grid-gap: 4px;
  }

  .bloc-grid-header-70 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 70% 30%;
    -ms-grid-columns: 70% 30%;
    grid-gap: 4px;
  }

  .grid-column-top-3 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr 270px;
    grid-gap: 4px;
  }

  .edit {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 30% 45% 20%;
    -ms-grid-columns: 30% 45% 20%;
    grid-gap: 4px;
  }

  /*code pour le main content */
  .main_content {
    height: calc(100vh - 200px);
  }

  .main_content_225 {
    height: calc(100vh - 225px);
  }

  .col-agenda-left {
    width: 240px;
  }

  div#ParentPanel {
    display: block;
    min-height: calc(100vh - 85px);
  }

  .main_content_modal1 {
    overflow-y: auto;
    overflow-x: auto;
    height: calc(100vh - 228px);
  }

  .main_content_modal1.histoireBS>div {
    width: 100%;
    overflow-x: auto;
  }

  .aside_left_calendar {
    overflow-y: auto;
    display: block;
    height: 100%;
  }

  .sidebar_left_content {
    display: block;
    height: 100%;
  }

  /*end */

  .b-no-scroll {
    height: calc(100% - 50px);
  }

  .row.no-gutter .bloc_input_distance {
    padding: 0;
  }

  .row.no-gutter .bloc_btn_distance {
    padding: 0;
  }

  .blok_choix {
    margin-left: 0;
  }

  .right_block {
    padding-left: 4px;
  }

  .row.marg-top .col-lg-12 {
    margin-top: 10px;
  }

  .btn-header {
    /* margin: 0 2px; */
    margin-right: 4px;
    padding: 0;
  }

  .bloc-grid-two {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 50% 50%;
    grid-gap: 4px;
  }

  .left-box-01 {
    overflow-y: auto;
    height: calc(100vh - 150px);
    overflow-x: hidden;
  }

  .pl-lg-left {
    padding-left: 0px !important;
  }

  .pl-lg-left {
    padding-left: 0px !important;
  }

  .grid-menu-service {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr;
    -ms-grid-columns: 1fr;
    grid-gap: 4px;
  }

  .tab-param-service {
    width: 100%;
    overflow: auto;
    height: calc(100vh - 220px) !important;
  }

  /*---------------param-procedure de presence---------------------*/

  .ParamPresence .lbLibelleFerie,
  .block-JrSpecifique span {
    padding: 5px 10px;
  }

  .ParamPresence .grid-colum-6 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr;
    grid-gap: 4px;
  }

  .ParamPresence .left-box-presence {
    overflow-y: auto;
    height: calc(100vh - 190px) !important;
  }

  /***parametrage planning horaire sawsen ****/
  .height_table_pp {
    height: calc(100vh - 260px);
  }

  /*------------opObjetAssocierEvenementValider---------*/

  .tabgrid-inder {
    width: 100%;
    overflow: auto;
    height: 200px;
  }

  .tabgrid-inder>div {
    max-height: 100%;
    overflow: auto;
  }

  .tabevt-inder {
    width: 100%;
    overflow: auto;
    height: 100px;
  }

  .tabevt-inder>div {
    max-height: 100%;
    overflow: auto;
  }

  .tabgrid-inder-200 {
    width: 100%;
    overflow: auto;
    height: 200px;
  }

  .tabgrid-inder-150>div {
    max-height: 100%;
    overflow: auto;
  }

  .tav-pop-htievent {
    width: 100%;
    overflow: auto;
    height: 500px;
  }

  .tav-pop-htievent>div {
    max-height: 100%;
    overflow: auto;
  }

  .tab-liste-emrg {
    width: 100%;
    overflow: auto;
    height: 300px;
  }

  .tab-liste-emrg>div {
    max-height: 100%;
    overflow: auto;
  }

  /*---------------ParametrageDesVehiculesEntreprise---------------*/

  .grid-1fr-272 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr;
    -ms-grid-columns: 1fr 1f;
    grid-gap: 4px;
  }

  .ListerVeh {
    width: 100%;
    overflow: auto;
    height: 300px;
  }

  .tab-NP {
    width: 100%;
    overflow: auto;
    height: 60px;
  }

  .tab-grd-affectation>div {
    height: 300px;
  }

  .ListerVeh-aff {
    width: 100%;
    overflow: auto;
    height: calc(100vh - 567px);
  }

  .col-1fr-buton {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 90px;
    -ms-grid-columns: 1fr 90px;
    grid-gap: 4px;
  }

  .param-lft-vh {
    width: 100%;
    overflow: auto;
    height: calc(100vh - 180px) !important;
  }

  .grid-tree-box {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 130px 1fr 300px;
    -ms-grid-columns: 130px 1fr 300px;
    grid-gap: 4px;
  }

  .col-left-vh {
    overflow-y: auto;
    height: 100%;
    margin-right: 15px;
  }

  .col-left-vh.col-md-6 {
    -ms-flex: 0 0 47.5%;
    -webkit-box-flex: 0;
    flex: 0 0 47.5%;
    max-width: 47.5%;
  }

  .grid-1fr-272 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 255px;
    -ms-grid-columns: 1fr 1f;
    grid-gap: 4px;
  }

  .tab-grd-affectation {
    width: 100%;
    overflow: auto;
    height: 300px;
  }

  .body-note-f .Bold1_left {
    padding-right: 0;
  }

  .analyse_A_P .largeur_table1 {
    max-height: calc(100vh - 225px);
    overflow: auto;
    margin-bottom: 0;
  }
}

@media screen and (min-width: 800px) {
  .bloc-grid-two {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 55% 45%;
    grid-gap: 4px;
  }

  .TableParticipantDescrip {
    height: 320px;
  }
}

@media screen and (min-width: 565px) and (max-width: 1023px) {
  .right_menu_Agend {
    grid-column-start: 2;
    grid-column-end: 4;
    grid-row-start: 2;
    grid-row-end: 4;
  }

  .right_menu_listR {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 4;
    grid-row-end: 4;
  }
}

@media screen and (min-width: 992px) {
  .gestion_base div#ParentPanel .row.clearfix {
    height: calc(100% - 28px);
    overflow: hidden;
  }

  .gestion_base div#ParentPanel .row.clearfix .col-lg-12 {
    height: 100%;
    overflow: hidden;
  }

  .gestion_base div#ParentPanel .row.clearfix .col-lg-12 #MainPageContent,
  .gestion_base div#ParentPanel .row.clearfix .col-lg-12 #MainPageContent .col-lg-12 {
    height: 100%;
    overflow: hidden;
  }

  .container-bases {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 4px;
  }

  .gestion_base section.content {
    height: calc(100vh - 86px);
    overflow: hidden;
  }

  .contdivchek {
    display: grid;
    grid-template-columns: 1fr 30px;
    align-items: center;
  }

  .body-metier-param .ref-metier-left1 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
  }

  .body-metier-param .header1_ref {
    display: grid;
    grid-template-columns: 1fr 220px;
    -ms-grid-columns: 1fr 220px;
    grid-gap: 4px;
  }

  .menu_pre_inscrip .UsageActivite {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 213px 30px;
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 213px 30px;
  }

  .menu_pre_inscrip .UsageActivite01 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 213px 30px 30px;
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 213px 30px 30px;
  }

  .radioNH td {
    text-align: left;
  }

  .form-control.height_descript {
    height: 78px;
  }

  .blok_descrip {
    flex-wrap: nowrap;
  }

  .declaration1 {
    width: calc(100% - 60px);
  }

  .contheaderNFRH {
    grid-template-columns: 60px 85px 1fr 1fr 1fr 1fr;
    -ms-grid-columns: 60px 85px 1fr 1fr 1fr 1fr;
    margin-bottom: 0;
  }

  .headerNFRH {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 90px;
    -ms-grid-columns: 1fr 90px;
    grid-gap: 4px;
  }

  .partieGTS {
    height: calc(100vh - 150px);
  }

  .partieGTSRight .table_btn_right {
    overflow: hidden;
    display: flex;
    grid-gap: 4px;
  }

  .rightGTS {
    height: 100%;
    width: calc(100% - 34px);
  }

  .btn-boubl_flech>div,
  div#divbtnChoixID {
    grid-template-columns: 30px;
    -ms-grid-columns: 30px;
  }

  .rows_grbas {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 4px;
  }

  .p-procedure-conges div#Bold div#Part2 {
    overflow: auto;
    height: calc(100vh - 200px);
  }

  .height-footer {
    height: calc(100% - 53px);
  }

  .tab-pop-impIn .ajax__tab_body {
    height: calc(100% - 35px);
  }

  .tab-pop-impIn .ajax__tab_body .ajax__tab_panel,
  .tab-pop-impIn .ajax__tab_body .ajax__tab_panel>div {
    height: 100%;
  }

  .height-table_impo_corr {
    max-height: 100%;
  }

  .col_optimis {
    display: grid;
    display: -ms-grid;
  }

  .tabl-grvPlafond {
    height: auto;
  }

  .cont-tabl-grvPlafond {
    overflow: initial;
  }

  .rh_gestion-conges .groupg_congeMenu {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
  }

  .body-metier .tab-lis-mission,
  .body-metier #content-tabpanel6,
  .body-metier #cont-UpdatePanel2,
  .body-metier #cont-UpdatePanel2 {
    max-height: calc((100vh - 320px) / 2);
    overflow: hidden;
    margin-bottom: 6px;
    position: inherit;
    height: auto;
  }

  .body-metier .cont-tab-lis-mission,
  .body-metier #content-tabpanel6>div,
  .body-metier #cont-UpdatePanel2>div,
  .body-metier #cont-UpdatePanel2>div {
    height: auto;
    overflow: auto;
    max-height: calc((100vh - 320px) / 2);
  }

  .content-TabPanel1 {
    height: calc(100vh - 200px);
    position: relative;
  }

  .left-last-row2 {
    display: grid;
    display: -ms-grid;
    align-items: center;
    grid-template-columns: 146px 45px 90px;
    -ms-grid-columns: 146px 45px 90px;
    grid-gap: 4px;
  }

  .date-caol {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 75px 30px;
    -ms-grid-columns: 75px 30px;
    grid-gap: 4px;
    align-items: center;
  }

  .cont-sdp-pop,
  .cont-mtp,
  .cont-dp-grid4 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
  }

  .cont-mtp-entreprise {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
  }

  .row-adress .row_cordonnes,
  .cont-referents,
  .row_cordonnes {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-gap: 4px;
  }

  .cont-referents {
    display: flex;
    grid-template-columns: 1fr 1fr;
    grid-gap: 4px;
  }

  .cont-referents>div.grid-rond01,
  .cont-referents>div.grid-rond02 {
    width: calc(50% - 4px);
  }

  .textaresmp {
    height: 65px !important;
  }

  .row-identites {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-gap: 4px;
  }

  .cont-dp-grid1 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-column-gap: 4px;
  }

  .col-lg-12.col-md-12.col-sm-12.col-xs-12 .usager-contact {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 4px;
  }

  #RDSexe tr,
  table#RdChoixParticipant tr {
    display: grid;
    display: -ms-grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap: 4px;
  }

  .radio_daj tr {
    grid-template-columns: 170px 1fr;
    -ms-grid-columns: 170px 1fr;
  }

  div#DivFilters {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 89px 1fr;
    -ms-grid-columns: 89px 1fr;
    grid-gap: 4px;
  }

  div#DivFilters .DivFiltersrgh2 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 120px 1fr;
    -ms-grid-columns: 120px 1fr;
    grid-gap: 4px;
  }

  .rows-type2 {
    grid-template-columns: 1fr 1fr;
    -ms-grid-columns: 1fr;
  }

  .colum_dat1 {
    grid-template-columns: 21px 74px 65px;
    -ms-grid-columns: 21px 74px 65px;
  }

  .colum_dat2 {
    grid-template-columns: 15px 100px 100px;
    -ms-grid-columns: 15px 100px 100px;
    margin-top: 0;
    justify-content: flex-end;
  }

  .body-note-f div#Bold {
    height: calc(100vh - 190px);
  }

  .tab_grvPlafondSalarie {
    height: calc(100vh - 235px);
  }

  .GridViewBaremediv {
    height: calc(100vh - 195px);
  }

  .Bold1_left,
  .Bold1_right {
    height: 100%;
    overflow: hidden;
  }

  .tableUpdategrvCatSalarie {
    height: calc(100vh - 245px);
  }

  .tabs_global {
    height: calc(100vh - 230px);
  }

  .grid-menu-service .grid-30-100-triple-30 .ajax__calendar {
    left: auto !important;
    right: 10px;
  }

  .tab1-gestionmission,
  .tab2-gestionmission,
  .tab3-gestionmission {
    width: 70%;
  }

  .header-tabs0 {
    grid-template-columns: 1fr 1fr 1fr 34px;
    -ms-grid-columns: 1fr 1fr 1fr 34px;
  }

  .header-tabs1 {
    grid-template-columns: 1fr 1fr 1fr 30px;
    -ms-grid-columns: 1fr 1fr 1fr 30px;
  }

  .header-tabs2 {
    grid-template-columns: 60px 1fr 1fr 1fr 1fr 30px;
    -ms-grid-columns: 60px 1fr 1fr 1fr 1fr 30px;
  }

  .rows-tab1,
  .rows-tab2,
  .rows-tab3 {
    grid-template-columns: 1fr 1fr 1fr 98px;
    -ms-grid-columns: 1fr 98px;
  }

  .top_block {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 4px;
  }

  .tabs-ges-par {
    max-height: 235px;
  }

  .rightm_c_liex1 .liex_assoc {
    height: calc(100% - 85px);
    max-height: calc(100% - 85px);
    margin-bottom: 0;
  }

  .tabs_paramD {
    height: calc(100vh - 235px);
  }

  .list_distance {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 275px;
    -ms-grid-columns: 1fr 275px;
    grid-gap: 4px;
  }

  .height_secon_tab {
    display: block;
    width: 100%;
    height: calc(100vh - 195px);
  }

  /*.height_secon_tab > div {
          height: auto;
          overflow: auto;
          max-height: 100%;
      }*/

  .content-mrg-ref {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    -ms-grid-columns: 1fr 1fr 0 0 1fr 1fr 0 1fr;
  }

  .searchInput {
    grid-column: auto;
  }

  .conent-thred_tab {
    height: calc(100vh - 230px);
  }

  .header-therd_left.grid-rond01 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 55px 1fr 1fr 1fr 1fr 1fr;
    -ms-grid-columns: 55px 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 4px;
  }

  .second_parampdc {
    display: grid;
    display: -ms-grid;
    grid-template-columns: repeat(2, 1fr);
    -ms-grid-columns: 1fr 1fr;
    grid-gap: 4px;
  }

  .grid-trees-bloc {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 30% 1fr 270px;
    grid-gap: 4px;
  }

  .agenda-global-vehicule .grid-trees-bloc {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr 272px;
    -ms-grid-columns: 1fr 1fr 272px;
    grid-gap: 4px;
  }

  .bloc-grid-seventy {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 374px;
    grid-gap: 4px;
  }

  .grid-column-count-3 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 4px;
  }

  .bloc-grid-two {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 65% 35%;
    grid-gap: 4px;
  }

  .main_content_modal1 {
    height: calc(100vh - 185px);
  }

  .grid-menu-service {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 168px;
    -ms-grid-columns: 1fr 168px;
    grid-gap: 4px;
  }

  .tab-param-service {
    width: 100%;
    overflow: auto;
    height: calc(100vh - 200px) !important;
  }

  /*---------------param-procedure de presence---------------------*/

  .ParamPresence .grid-colum-6 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 4px;
  }

  /*---------------ParametrageDesVehiculesEntreprise---------------*/

  /*.grid-1fr-272 {
          display: grid;
          display: -ms-grid;
          grid-template-columns: 1fr 1fr 272px;
          -ms-grid-columns: 1fr 272px;
          grid-gap: 4px;
      }*/
  .grid-1fr-272 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 272px !important;
    -ms-grid-columns: 1fr 272px;
    grid-gap: 4px;
  }

  .col-left-vh.col-lg-5 {
    -ms-flex: 0 0 40%;
    -webkit-box-flex: 0;
    flex: 0 0 40%;
    max-width: 40%;
  }

  /*---------------ParametrageDesServicesSalaire---------------*/

  .grid-1fr-40-1fr {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 40px 1fr;
    -ms-grid-columns: 1fr 40px 1fr;
    grid-gap: 4px;
  }

  .btn-part-service {
    align-items: center;
    justify-content: center;
    display: -ms-grid;
    -ms-flex-direction: column;
    flex-direction: column;
    display: grid;
    grid-gap: 4px;
  }
}

@media (min-width: 1024px) {
  .bodygestionFP .MenuFichP1 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
  }

  daypilot-calendar .calendar_default_main>div+div {
    height: calc(100vh - 267px) !important;
  }

  .analyse_A_P .largeur_table1 {
    max-height: calc(100vh - 190px);
  }

  .analyse_A_P .headr-analyse {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 295px;
    -ms-grid-columns: 1fr 295px;
    grid-gap: 4px;
    align-items: center;
  }

  .PopupTask {
    width: 50%;
  }

  .referent-tache .ref-tache {
    display: grid;
    display: -ms-grid;
    grid-template-columns: auto 337px;
    -ms-grid-columns: 1fr 337px;
    grid-gap: 4px;
  }

  .content-mrg-ref-param {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 4px;
  }

  .histrique-om .table_min tr {
    grid-gap: 6px;
  }

  .histrique-om .table_min tr td label {
    margin-left: 4px;
  }

  .histrique-om .table_min table.radios tbody tr td {
    transform: scale(1);
  }

  .height-table_impo {
    max-height: calc(100% - 120px);
  }

  .a-date,
  .rows_date-a {
    -ms-grid-columns: 157px 112px 30px;
    grid-template-columns: 157px 112px 30px;
    justify-content: flex-start;
  }

  .colum_dat2 {
    grid-template-columns: 15px 81px 83px;
    -ms-grid-columns: 15px 81px 83px;
    margin-top: 0;
    justify-content: flex-end;
  }

  .date-depot-a,
  .date-depotfin,
  .adress-date {
    display: grid;
    display: -ms-grid;
    -ms-grid-columns: 113px 30px;
    grid-template-columns: 113px 30px;
    grid-gap: 4px;
    align-items: center;
    margin-top: 6px;
  }

  .left_ppc {
    height: calc(100vh - 191px);
  }

  .body_pop_usager.full_height {
    overflow-y: auto;
  }

  .popMail .ContenuPopGroupe {
    height: 461px;
  }

  .gestionTel {
    -ms-grid-columns: 97px 1fr;
    grid-template-columns: 97px 1fr;
  }

  .leftm_c_liex1 .tabs_baslieux,
  .leftm_c_liex1 .cont-tabsliex {
    max-height: calc((100% - 368px) / 2);
  }

  .rh_gestion-conges div#HistoConge {
    height: calc(100vh - 268px);
  }

  .HeaderParam {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-gap: 4px;
  }

  .PartiLeftOffre {
    overflow: auto;
    height: calc(100vh - 215px);
  }

  .TableOffreServices {
    height: calc(100vh - 215px);
  }

  .PartiLeftOffre .widthColPop {
    width: auto !important;
    min-width: auto !important;
  }

  .full_height-offreService {
    height: calc(100vh - 153px);
    overflow: hidden;
  }

  .row.cont-height-tp {
    height: calc(100vh - 195px);
    overflow: hidden;
    position: relative;
  }

  .parametragesttp div#Part1 {
    height: 100%;
  }

  .pram_planningh .height-plannig-gh {
    height: calc((100% - 281px) / 2);
  }

  div#scrollGrvModeleHoraireAnnuelMod>div {
    height: 100%;
  }

  .BodyAffectation .TableAffectation {
    height: calc(100vh - 150px);
  }

  .header-affct {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-gap: 4px;
    align-items: center;
  }

  .header-affct-t2 {
    margin-top: 0;
  }

  .bouton1 {
    display: grid;
    align-items: center;
    display: -ms-grid;
    -ms-grid-columns: 1fr 166px;
    grid-template-columns: 1fr 166px;
    margin-bottom: 4px;
  }

  .param_taches .bouton1 {
    display: grid;
    align-items: center;
    display: -ms-grid;
    -ms-grid-columns: 1fr 166px;
    grid-template-columns: 1fr 360px;
    margin-bottom: 4px;
  }

  .param_taches .cont-height-rt-param {
    width: 100%;
    max-height: calc(100vh - 380px);
    margin-bottom: 0;
    overflow: auto;
  }

  .modal-footer-tache {
    padding: 0;
    border: 0;
  }

  .divgrvListemissmet {
    max-height: calc((100vh - 320px) / 2);
    overflow: hidden;
    margin-bottom: 6px;
    position: inherit;
    height: auto;
  }

  .divgrvListemissmet,
  #cont-panel5 {
    height: auto;
    overflow: auto;
    max-height: calc((100vh - 320px) / 2);
  }

  .tabs_global {
    height: calc(100vh - 200px);
  }

  .param-tp {
    margin-bottom: 0;
  }

  .menu-param-tp {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr 98px;
    -ms-grid-columns: 1fr 1fr 98px;
    grid-gap: 4px;
  }

  .menu_quotas {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-gap: 4px;
  }

  .menu_offre-servic {
    grid-template-columns: 60px 1fr 1fr 1fr 1fr 142px;
    -ms-grid-columns: 60px 1fr 1fr 1fr 1fr 142px;
  }

  .tab_conteur0 {
    height: calc(100vh - 190px);
    overflow: auto;
  }

  .cont_tab_conteur0 {
    width: 100%;
    height: 100%;
  }

  .cont_tab_conteur0>div {
    height: auto;
    overflow: auto;
  }

  .header1_ref {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 330px;
    -ms-grid-columns: 1fr 330px;
    grid-gap: 4px;
  }

  .ref-metier-left>div {
    margin-bottom: 0;
  }

  .tabs_bas_projets {
    overflow: hidden;
    margin-bottom: 5px;
    height: calc(100vh - 195px);
    min-height: 200px;
  }

  .cont-heder-top01 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-gap: 4px;
  }

  .heder-top01 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-gap: 4px;
  }

  .left-heder-top01 {
    grid-template-columns: 70px 1fr 1fr;
    -ms-grid-columns: 70px 1fr 1fr;
  }

  .main_content_liex1 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-gap: 15px;
  }

  .heder-top02 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 235px 241px;
    -ms-grid-columns: 1fr 235px 241px;
    grid-gap: 4px;
  }

  .cont-param_p {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-column-gap: 4px;
  }

  .grid-h-pointage {
    max-height: calc(100% - 42px);
    margin-bottom: 0;
  }

  .main-contentent-h {
    height: calc(100vh - 160px);
  }

  .main_content_liex1 {
    height: calc(100vh - 155px);
    overflow: hidden;
  }

  .content_param_ref {
    height: calc(100vh - 115px);
    overflow: hidden;
  }

  .content-GComptences {
    height: calc(100vh - 255px);
  }

  div#cont-UpdatePanel2,
  div.divcont-UpdatePanel2 {
    max-height: calc((100vh - 330px) / 2);
    height: auto;
  }

  .height-grv10 {
    height: auto;
    max-height: calc(100vh - 223px);
    overflow: auto;
  }

  .leftm_c_liex1,
  .rightm_c_liex1 {
    height: 100%;
    overflow-y: auto;
  }

  .leftm_c_liex1 {
    overflow-x: hidden;
  }

  .last-row {
    grid-template-columns: 28% 25% 45%;
    -ms-grid-columns: 28% 25% 45%;
  }

  .last-row .deb-dat {
    grid-template-columns: 42px auto;
    -ms-grid-columns: 46px 1fr;
  }

  .amplt {
    grid-column-end: span 1;
  }

  .chix_period {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 230px auto;
    -ms-grid-columns: 234px 1fr;
    grid-gap: 4px;
  }

  .ParamProfil {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 60px repeat(6, 1fr) 98px;
    -ms-grid-columns: 60px 1fr 1fr 1fr 1fr 1fr 1fr 98px;
    grid-gap: 4px;
    margin-bottom: 6px;
  }

  .cont-third {
    grid-column-start: inherit;
    grid-column-end: inherit;
  }

  .groupParamMenu-third {
    display: grid;
    display: -ms-grid;
    grid-column-gap: 4px;
    margin-bottom: 4px;
  }

  .third-paramph {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 60px 90px 1fr 1fr 60%;
    -ms-grid-columns: 64px 94px 1fr 1fr 60%;
    grid-column-gap: 4px;
    width: 100%;
  }

  .cont-horaire-p {
    display: grid;
    display: -ms-grid;
    -ms-grid-columns: 110px 98px;
    grid-template-columns: 110px 98px;
  }

  .height-total .height-rt {
    width: 100%;
    height: calc(100vh - 395px);
  }

  .height-none .height-rt {
    width: 100%;
    height: calc(100vh - 232px);
  }

  .cont-height-rt {
    width: 100%;
    height: 100%;
  }

  .cont-height-rt>div {
    height: auto;
    overflow: auto;
    max-height: 100%;
  }

  .height-table-parm {
    max-height: calc(100vh - 620px);
  }

  .content_height_param>div {
    overflow: auto;
    max-height: calc(100vh - 620px);
    width: 100%;
  }

  div#Bold1 {
    height: calc(100vh - 190px);
    overflow: auto;
  }

  .left_ppc {
    overflow-y: hidden;
    overflow-x: hidden;
    height: 100%;
  }

  .height_updategrvListeTypeConges>div {
    overflow: initial;
  }

  .height_updategrvListeTypeConges>div {
    max-height: calc(100vh - 220px);
  }

  #Bold1 .content-height {
    height: calc(100vh - 220px);
  }

  .content-height1 {
    height: calc(100vh - 241px);
    overflow: hidden;
  }

  .p-procedure-conges .content-height1 {
    max-height: calc(100vh - 235px);
    overflow: auto;
  }

  .content-height1>div {
    overflow: auto;
  }

  .content_height_param {
    overflow: auto;
    height: auto;
  }

  .height_updategrvListeTypeConges {
    height: auto;
    max-height: 100%;
    overflow: auto;
  }
}

@media screen and (min-width: 1200px) {
  .tabl_historique_demande {
    max-height: calc(100vh - 200px);
  }

  .content-mrg-ref-param {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 4px;
  }

  .tabl_historique_demande>div {
    max-height: calc(100vh - 200px);
  }

  .GroupParamInputnewferie {
    display: grid;
    display: -ms-grid;
    -ms-grid-columns: 1fr 0 171px;
    grid-template-columns: 1fr 0 171px;
  }

  .ParamPlage1 .input-group {
    width: 111% !important;
  }

  .p-procedure-conges .param_c0 .input-group {
    width: 110% !important;
  }

  .p-procedure-conges .header-therd_left .input-group {
    width: 100% !important;
  }

  .a-date,
  .rows_date-a {
    -ms-grid-columns: 17px 83px 30px;
    grid-template-columns: 17px 83px 30px;
    justify-content: flex-start;
  }

  .rows-date-depot,
  .second-rows-dat {
    grid-template-columns: 1fr 1fr;
  }

  .rows-libell {
    align-items: center;
    grid-template-columns: 168px auto;
    -ms-grid-columns: 168px auto;
    grid-gap: 4px;
  }

  .rows-type1,
  .firdt-accord,
  .libel-tupe-ppc.marg_botom_6,
  .libel-type-djc.marg_botom_6 {
    align-items: center;
    grid-template-columns: 254px auto;
    -ms-grid-columns: 254px auto;
    grid-gap: 4px;
  }

  .rows-type2 {
    align-items: center;
    grid-template-columns: 225px auto;
    -ms-grid-columns: 225px 1fr;
    grid-gap: 4px;
  }

  .pc-PnlAcquis {
    grid-template-columns: 1fr;
    -ms-grid-columns: 1fr;
  }

  .chek_j {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr;
    -ms-grid-columns: 1fr;
    margin-left: 1px;
  }

  .delais-depNew {
    grid-template-columns: 1fr 247px;
  }

  .accor-period {
    grid-template-columns: 1fr 245px;
    -ms-grid-columns: 1fr 245px;
  }

  .de-date {
    -ms-grid-columns: 155px 114px 30px;
    grid-template-columns: 155px 84px 30px;
  }

  .rows_date_de {
    -ms-grid-columns: 155px 114px 30px;
    grid-template-columns: 155px 84px 30px;
  }

  .date-depot-a,
  .date-depotfin,
  .adress-date {
    display: grid;
    display: -ms-grid;
    -ms-grid-columns: 83px 30px;
    grid-template-columns: 83px 30px;
    grid-gap: 4px;
    align-items: center;
    margin-top: 6px;
  }

  .rows-depot .right-depot,
  .right_depocdc {
    display: grid;
    grid-template-columns: 38px 42px 30px;
    align-items: center;
    grid-gap: 4px;
  }

  .PartConge2 {
    overflow: auto;
    height: calc(100vh - 200px);
  }

  .colum_dat2 {
    grid-template-columns: 15px 94px 83px;
    -ms-grid-columns: 15px 94px 83px;
  }

  .colum_dat1 {
    grid-template-columns: 21px 92px 88px;
    -ms-grid-columns: 21px 92px 88px;
  }

  .left_ppc {
    overflow-x: hidden;
  }

  .offre-service .col-lg-7 .modal-dialog {
    width: 60%;
  }

  .StructureOrganisation .iti__selected-flag {
    padding: 0 6px 0 35px !important;
  }

  .rh_gestion-conges .groupg_congeMenu {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 127px 220px 64px;
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 127px 226px 64px;
  }

  .rh_gestion-conges .body_traitement {
    width: 100%;
    height: calc(100vh - 200px);
  }

  .main_body_traitement {
    width: 100%;
    height: 100%;
    position: relative;
  }

  .rh_gestion-conges div#HistoConge {
    height: calc(100vh - 235px);
  }

  .HeaderPAramCC0 {
    display: grid;
    grid-template-columns: 1fr 133px;
    grid-gap: 4px;
  }

  .PartiPrix {
    display: grid;
    display: -ms-grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap: 4px;
  }

  .offre-service {
    overflow: hidden;
  }

  .PartiLeftOffre {
    overflow: auto;
    height: calc(100vh - 177px);
  }

  .TableOffreServices {
    height: calc(100vh - 177px);
  }

  .widthCible {
    width: 108px;
  }

  .ContenuModalService {
    overflow: hidden;
  }

  .header_offre-servic {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 275px;
    -ms-grid-columns: 1fr 275px;
    grid-gap: 4px;
  }

  .HeaderPAramCC1 {
    display: grid;
    grid-template-columns: 1fr 133px;
    grid-gap: 4px;
  }

  .rows-type1 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr;
    -ms-grid-columns: 1fr 1fr;
    align-items: center;
  }

  .height_menupanel {
    height: 100%;
  }

  .height-total .height-rt {
    width: 100%;
    height: calc(100vh - 360px);
  }

  .height-none .height-rt {
    width: 100%;
    height: calc(100vh - 200px);
  }

  .cont-height-rt {
    width: 100%;
    height: 100%;
  }

  .cont-height-rt>div {
    height: auto;
    overflow: auto;
    max-height: 100%;
  }

  .ref-tache {
    display: grid;
    display: -ms-grid;
    grid-template-columns: auto 317px;
    -ms-grid-columns: 1fr 317px;
    grid-gap: 4px;
  }

  .firdt-accord {
    grid-template-columns: 255px auto;
    -ms-grid-columns: 260px 1fr;
  }

  .main_content_height {
    height: calc(100vh - 155px);
  }

  .col-left-vh.col-xl-4 {
    -ms-flex: 0 0 32%;
    -webkit-box-flex: 0;
    flex: 0 0 32%;
    max-width: 32%;
  }

  .param_taches .contentrt-right {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 98px;
    -ms-grid-columns: 1fr 98px;
    grid-gap: 4px;
    align-items: center;
  }

  .param_taches .ref-tache-param {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 300px;
    -ms-grid-columns: 1fr 300px;
    grid-gap: 4px;
  }
}

@media screen and (min-width: 1281px) {
  .ref-tache-param {
    display: grid;
    display: -ms-grid;
    grid-template-columns: auto 317px;
    -ms-grid-columns: 1fr 317px;
    grid-gap: 4px;
  }

  .param_taches .cont-height-rt-param {
    width: 100%;
    max-height: calc(100vh - 340px);
    margin-bottom: 0;
    overflow: auto;
  }

  .pc-PnlAcquis.row.no-gutter.mr-0.ml-0.marg_botom_6 {
    grid-template-columns: 265px 1fr;
    -ms-grid-columns: 265px 1fr;
  }

  .pc-PnlAcquis-right {
    grid-template-columns: 105px 1fr;
  }

  .pc-PnlAcquis {
    display: grid;
    display: -ms-grid;
    align-items: center;
    grid-template-columns: 1fr 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-gap: 4px;
  }

  .rows-type1,
  .rows-type2,
  .firdt-accord,
  .libel-tupe-ppc.marg_botom_6,
  .libel-type-djc.marg_botom_6 {
    align-items: center;
    grid-template-columns: 245px auto;
    -ms-grid-columns: 250px 1fr;
    grid-gap: 4px;
  }

  .agenda-global-vehicule .grid-trees-bloc {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 30% 1fr 270px;
    -ms-grid-columns: 30% 1fr 270px;
    grid-gap: 4px;
  }

  .equal-col.col-lg-2.col-md-2 {
    padding: 0 0 0 2px;
  }
}

@media (min-width: 1340px) {
  .de-date {
    -ms-grid-columns: 155px 127px 30px;
    grid-template-columns: 155px 127px 30px;
  }

  .rows-depot .right-depot,
  .right_depocdc {
    display: grid;
    grid-template-columns: 55px 68px 30px;
    align-items: center;
    grid-gap: 4px;
  }

  .date-depot-a,
  .date-depotfin,
  .adress-date {
    display: grid;
    display: -ms-grid;
    -ms-grid-columns: 126px 30px;
    grid-template-columns: 126px 30px;
    grid-gap: 4px;
    align-items: center;
    margin-top: 6px;
  }

  .rows_date_de {
    -ms-grid-columns: 155px 127px 30px;
    grid-template-columns: 155px 127px 30px;
  }

  .rows-date-depot,
  .second-rows-dat {
    grid-template-columns: 1fr 1fr;
  }

  .pc-PnlAcquis {
    grid-template-columns: 1fr 1fr;
    -ms-grid-columns: 1fr 1fr;
  }

  .a-date,
  .rows_date-a {
    -ms-grid-columns: 21px 94px 30px;
    grid-template-columns: 21px 94px 30px;
    justify-content: flex-end;
  }

  .chek_j {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 138px 90px;
    -ms-grid-columns: 138px 90px;
  }
}

@media screen and (min-width: 1400px) {
  .histrique-om .blok-order-mission .block_top {
    grid-gap: 20px;
  }

  .ParamPlage1 .input-group {
    width: 112% !important;
  }

  .gestion-pre-usager .tab-grePre-insc .tab-plen .Fixedheader {
    height: 35px !important;
  }
}

@media screen and (max-width: 1900px) {
  .block-top-grid {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 60% 18% 230px;
    grid-gap: 4px;
  }

  .row-header {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 75% 30px 30px;
    grid-gap: 4px;
  }
}

@media only screen and (max-width: 1400px) {
  .block-top-grid {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 23% 230px;
    grid-gap: 4px;
  }

  .row-header {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 70% 30px 30px;
    grid-gap: 4px;
  }
}

@media only screen and (max-width: 1280px) {
  .block-top-grid {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 222px 230px;
    grid-gap: 4px;
  }

  .divAjoutTache .input-group {
    padding: 0 5px;
  }

  .divAjoutTache {
    padding-right: 3px !important;
  }

  .divAjoutTache input[type="text"] {
    padding-left: 20px;
  }

  #MainContent_TabTypePlanning_TabPanel2_TreeView3,
  #MainContent_TabTypePlanning_TabPanel1_TreeView2,
  #MainContent_TabTypePlanning_panel1_TView1 {
    padding: 0 5px;
  }

  .input-group-prepend {
    height: 20px;
    margin-top: 5px;
  }

  .input-group-prepend .input-group-text {
    font-size: 12px;
    padding: 0.5px 8px;
  }
}

@media only screen and (max-width: 1200px) {
  .header_top_Acuille {
    display: grid;
    display: -ms-grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 4px;
  }

  .header_top_Acuille {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 244px 170px;
    grid-column-gap: 4px;
  }

  .grp_btn_30_header .form-check {
    margin-top: 6px;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  body:not(.side-closed) .navbar .navbar-right.nav>li {
    width: 28px;
    padding: 0px 0px 0 0px;
    transition: width 3s;
  }

  .ls-closed .sidebar {
    margin-left: 0;
  }

  .side-closed .sidebar {
    width: 65px;
  }

  .navbar-nav.navbar-right {
    padding-right: 20px;
    margin-top: 15px;
  }

  table.jr-ovrable tr td {
    display: block;
    margin-bottom: 5px;
  }
}

@media only screen and (max-width: 1024px) {
  .row-header {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 30px 30px;
    grid-gap: 4px;
  }

  .card-11 {
    grid-area: card-11;
  }

  .card-12 {
    grid-area: card-12;
  }

  .card-13 {
    grid-area: card-13;
  }

  .card-14 {
    grid-area: card-14;
  }

  .card-15 {
    grid-area: card-15;
  }

  .card-16 {
    grid-area: card-16;
  }

  .item10 {
    grid-area: item10;
  }

  .item20 {
    grid-area: item20;
  }

  .item30 {
    grid-area: item30;
    width: 230px;
  }

  .block-top-grid {
    display: grid;
    display: -ms-grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, auto);
    grid-gap: 4px;
    grid-template-areas: "item10 item10 " "item20 item30 ";
  }
}

@media only screen and (max-width: 992px) {
  .item-grid-01 {
    grid-area: item-grid-01;
  }

  .item-grid-02 {
    grid-area: item-grid-02;
  }

  .item-grid-03 {
    grid-area: item-grid-03;
  }

  .header_top_Acuille {
    display: grid;
    display: -ms-grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, auto);
    grid-gap: 4px;
    grid-template-areas: "item-grid-01 item-grid-01" "item-grid-02 item-grid-03";
  }

  .bloc-grid-seventy {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr;
    grid-gap: 4px;
  }

  /*------------------ParametrageDesServicesSalaire-----------------------*/
  .btn-part-service i.fas.fa-arrow-right,
  .btn-part-service i.fas.fa-arrow-left {
    transform: rotate(90deg);
  }
}

@media only screen and (max-width: 800px) {

  .side-closed.side-closed-hover .sidebar,
  .sidebar,
  .side-closed.side-closed-hover .sidebar,
  .sidebar,
  .container-fluid>.navbar-header {
    width: 230px;
  }

  .navbar .navbar-right.nav>li {
    padding: 0 4px 0 4px;
    width: 30px;
  }

  .navbar .navbar-right.nav>li {
    padding: 0 7px 0 7px;
    width: 27px;
  }
}

/*--------------mobil-----------------*/

@media only screen and (max-width: 767px) {
  .footer_alert_conf button span {
    font-size: 0;
  }

  .footer_alert_conf button i.material-icons {
    left: -3px;
    top: 1px;
  }

  .info-bull-tach-comp {
    left: -76px !important;
    top: 34px !important;
  }

  .form-inline.box-alert button {
    font-size: 0px !important;
  }

  .title-buton .bg-title-card {
    width: calc(100% - 30px);
  }

  .mg-top-mobil {
    margin-top: 4px;
  }

  .footer-fas .fas.under-icon {
    position: absolute !important;
    right: 6px;
    font-size: 24px !important;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
  }

  .grid-colum-3,
  .grid-trees-bloc,
  .triple-top-block {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr;
    grid-gap: 4px;
  }

  .grid-colum-foor {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr 30px 30px;
    grid-gap: 4px;
  }

  .row-grid-4 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 30% 30px 30px 1fr;
    grid-gap: 4px;
  }

  .col-header-select {
    margin-bottom: 6px;
  }

  .group_cald>div {
    margin-bottom: 6px;
  }

  .grid-column-top-3 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr;
    grid-gap: 4px;
  }

  .bloc-grid-two {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr;
    grid-gap: 4px;
  }

  .navbar {
    height: auto;
  }

  .ls-closed .navbar-header .navbar-brand,
  .side-closed.submenu-closed .navbar-header .navbar-brand {
    margin: 0;
    padding: 10px 10px;
    text-align: center;
    background: #fff;
    position: absolute;
    width: 50px;
    top: 0;
    left: 0;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
  }

  .double-ligne-title .block-header .breadcrumb li {
    line-height: 16px;
  }

  .side-closed.submenu-closed.overlay-open .navbar-header .navbar-brand,
  .side-closed-hover .navbar-header .navbar-brand,
  .overlay-open.ls-closed .navbar-header .navbar-brand {
    width: 200px;
  }

  .overlay-open.ls-closed .bars:after,
  .overlay-open.ls-closed .bars:after {
    transform: translateX(140px);
  }

  .side-closed.submenu-closed .top-header .navbar-header .logo-name,
  .overlay-open.ls-closed .top-header .navbar-header .logo-name {
    color: white;
    font-size: 24px;
    font-weight: 400;
    display: inline-block;
  }

  .navbar .navbar-header {
    display: inline-block;
    margin-bottom: -25px;
    width: 65px;
    /*width: calc(100% + 30px) !important;*/
  }

  .navbar .navbar-nav {
    flex-direction: row;
  }

  .navbar .navbar-right.nav>li {
    padding: 0 7px 0 7px;
    height: 40px;
    line-height: 40px;
    /*transition: all 0.01s ease;*/
  }

  .container-fluid>.navbar-header {
    background-color: transparent;
  }

  .navbar.top-header .navbar-nav #notification .icon-circle i {
    line-height: 33px;
  }

  .ls-closed .sidebar-user-panel {
    display: none !important;
  }

  .navbar.top-header .pull-left,
  .ls-closed .sidebar-user-panel,
  .side-closed.submenu-closed .top-header .navbar-header .logo-name,
  .ls-closed .top-header .navbar-header .logo-name {
    display: none;
  }

  .overlay-open .sidebar-user-panel,
  .overlay-open.side-closed .sidebar .menu .list li span {
    display: block !important;
  }

  .ls-closed .sidebar {
    margin-left: 0;
    width: 50px;
    -webkit-box-shadow: 4px ​0 3px rgba(0, 0, 0, 0.2);
    box-shadow: 4px ​0 3px rgba(0, 0, 0, 0.2);
  }

  .overlay-open.ls-closed .sidebar {
    width: 200px;
  }

  .sidebar .user-panel {
    padding: 5px 0px 5px 0;
  }

  .sidebar .menu .list .tooltips .sidebarQuickIcon {
    font-size: 14px;
    margin-top: 5px;
  }

  .overlay-open .top-header .navbar-header .logo-name,
  .overlay-open.side-closed .top-header .navbar-header .logo-name {
    display: inline-block;
  }

  .ls-closed .navbar-header .navbar-brand img:first-child {
    display: inline-block;
    width: 35px;
    height: auto;
    padding-top: 5px;
  }

  .ls-closed .navbar-header .navbar-brand .logo-name img {
    display: inline-block;
    width: auto;
    height: auto;
    padding-top: 0px;
  }

  .navbar-brand span {
    line-height: 54px;
    margin-left: -34px;
  }

  .navbar-nav.navbar-right {
    float: right !important;
    margin-right: 20px;
  }

  .sidebar .menu .list .ml-menu {
    padding-left: 18px;
  }

  .ls-closed.side-closed.side-closed-hover .sidebar-user-panel {
    display: block !important;
  }

  .ls-closed.side-closed.side-closed-hover .top-header .navbar-header .logo-name {
    display: inline-block !important;
  }

  .btn-header {
    margin-right: 4px;
  }

  ::ng-deep .ng-multiselect .multiselect-item {
    white-space: nowrap;  /* Empêche le texte de se retourner à la ligne */
    overflow: hidden;     /* Masque le texte qui dépasse */
    text-overflow: ellipsis; /* Ajoute des points de suspension (...) à la fin du texte si trop long */
}

  .param-service-sal .block-header .breadcrumb li {
    display: inline-block;
    line-height: 14px;
  }

  .grid-menu-service {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr;
    -ms-grid-columns: 1fr;
    grid-gap: 4px;
  }

  .mg-bm-10 {
    margin-bottom: 10px;
  }

  .mg-bm-20 {
    margin-bottom: 20px;
  }

  .mg-bm-30 {
    margin-bottom: 30px;
  }

  .tab-param-service {
    width: 100%;
    overflow: auto;
    height: calc(100vh - 350px);
  }

  .col-last-param-service,
  .param-contrat .container_right_modal1 {
    margin-bottom: 30px;
  }

  /*-----------param suibivien-------------------*/
  .modal-footer.fixedFooter.i-center i.fas,
  .modal-footer.fixedFooter.i-center i.material-icons {
    margin-left: -30px;
  }

  input.btn-hide {
    border: 0;
    font-style: normal;
    font-size: inherit !important;
    text-transform: inherit;
    background: 0;
    text-indent: -88888px;
    padding: 4px 18px !important;
  }

  #BiensPart2 {
    margin-bottom: 30px;
  }

  .btn-fas-footer .fas.fa-times-circle {
    right: 8px;
  }

  #GestionDeBien .export-transparent {
    padding: 10px !important;
  }

  .btn_menu_fichP .modal-footer.fixedFooter i.fas {
    right: 11px;
  }

  .material-icons.iButton.under-icon {
    right: 5px;
  }

  /*---------ParametrageDesVehiculesEntreprise-----------------*/
  .col-1fr-buton {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 30px;
    -ms-grid-columns: 1fr 35px;
    grid-gap: 4px;
  }
}

@media only screen and (min-device-width: 600px) and (max-device-width: 768px) {
  .bloc-grid-80 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 70% 30%;
    grid-gap: 4px;
  }

  .bloc-grid-second-block {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 168px;
    grid-gap: 4px;
  }

  .bloc-grid-two-100 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr;
    grid-gap: 4px;
  }

  .bloc-grid-header-70 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 65% 35%;
    grid-gap: 4px;
  }

  .grid-column-count-3-triple {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 30% 30% 40%;
    grid-gap: 4px;
  }
}

@media only screen and (max-width: 600px) {

  .grid-column-count-3,
  .grid-colum-3-triple,
  .grid-column-count-3-triple,
  .bloc-grid-two-100 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr;
    -ms-grid-columns: 1fr;
    grid-gap: 4px;
  }

  .row-grid-3-right {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 100px 30px 100px;
    -ms-grid-columns: 100px 30px 100px;
    grid-gap: 4px;
  }

  .row-grid--col-3-right {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 100px 30px 30px;
    -ms-grid-columns: 100px 30px 30px;
    grid-gap: 4px;
    margin: 4px 0;
  }

  .bloc-grid-header-70,
  .bloc-grid-70 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr;
    -ms-grid-columns: 1fr;
    grid-gap: 4px;
  }

  .bloc-grid-1fr-1fr-30 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr 30px;
    -ms-grid-columns: 1fr 1fr 30px;
    grid-gap: 4px;
  }

  .grid-colum-4-plus {
    display: grid;
    grid-template-columns: 100px 30px 30px 100px;
    grid-gap: 4px;
  }

  .grid-column-top-3 .col-grid-top .grid-colum-4-plus {
    display: grid;
    grid-template-columns: 100px 30px 30px;
    grid-gap: 4px;
  }

  .bloc-grid-header-60-40 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr;
    grid-gap: 4px;
  }

  .item1 {
    grid-area: item1;
  }

  .item2 {
    grid-area: item2;
  }

  .item3 {
    grid-area: item3;
  }

  .item4 {
    grid-area: item4;
  }

  .item5 {
    grid-area: item5;
  }

  .item6 {
    grid-area: item6;
  }

  .item7 {
    grid-area: item7;
  }

  .right-grid-four-buton {
    display: grid;
    display: -ms-grid;
    grid-gap: 4px;
    grid-template-columns: 100px repeat(6, 30px);
    -ms-grid-columns: 100px repeat(6, 30px);
  }

  .navbar.top-header #notification .icon-circle {
    width: 30px;
    height: 30px;
  }

  .navbar.top-header .navbar-nav #notification .fas {
    font-size: 18px;
  }

  .navbar .navbar-right.nav>li.user_profile {
    position: absolute;
    right: 60px;
    top: -1px;
  }

  .navbar .navbar-toggle {
    right: 20px;
  }

  .navbar.top-header .navbar-nav .user_profile .dropdown-menu {
    width: 200px;
    right: -4px;
  }

  .navbar.top-header .navbar-collapse .user_profile a {
    opacity: 0;
    transition: all 0.9s ease;
  }

  .navbar.top-header .navbar-collapse.show .user_profile a {
    opacity: 1;
    top: 60% !important;
  }

  li.dropdown.user_profile a.dropdown-toggle {
    line-height: 20px;
  }
}

@media only screen and (max-width: 565px) {

  .header-select-top,
  .grid-colum-2,
  .grid-colum-6,
  .grid-4block-30,
  .grid-colum-30-70 {
    grid-template-columns: 1fr;
    grid-gap: 4px;
    display: grid;
    display: -ms-grid;
    -ms-grid-columns: 1fr;
  }

  .flex-sm-column-reverseLogin {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
  }

  .navbar-nav.navbar-right {
    width: calc(100% - 85px);
  }

  .header_top_Acuille {
    display: grid;
    display: -ms-grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(3, auto);
    grid-gap: 4px;
    grid-template-areas: "item-grid-01" "item-grid-02" "item-grid-03";
  }

  .second-part-header {
    display: grid;
    display: -ms-grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 4px;
  }

  .grid-colum-double-100-30 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr;
    -ms-grid-columns: 1fr;
    grid-gap: 4px;
  }

  .grid-1fr-272 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr;
    -ms-grid-columns: 1fr;
    grid-gap: 4px;
  }
}

@media only screen and (max-width: 480px) {
  .right-grid-four-buton {
    display: block;
  }

  .right-grid-four-buton .col-header-select,
  .right-grid-four-buton .item-icon-check {
    display: inline-block;
    vertical-align: top;
  }

  .right-grid-four-buton .btn-header {
    margin-right: 0px;
  }

  .right-grid-four-buton .col-header-select:first-child {
    width: 100px;
  }

  .navbar.top-header .navbar-nav .notification .dropdown-menu {
    right: -220px;
  }

  .navbar-nav.navbar-right .notification .dropdown-menu::after {
    right: auto;
    left: 80px;
  }

  .navbar-nav.navbar-right .notification .dropdown-menu::before,
  .navbar-nav.navbar-right .tache .dropdown-menu::before {
    display: none !important;
  }

  .navbar-nav.navbar-right .tache .dropdown-menu {
    right: auto;
    left: -100px;
  }

  .navbar-nav.navbar-right .tache .dropdown-menu::after {
    left: 109px;
    right: auto;
  }

  .navbar .navbar-toggle {
    right: 20px;
  }

  .navbar .navbar-right.nav>li.user_profile {
    right: 55px;
  }

  /*------------------page-login----------------*/

  .logoLogin img {
    max-width: 80%;
  }

  .box-login {
    width: 100%;
    padding: 41px 45px 45px;
  }

  .login100-form-btn {
    width: 100%;
  }

  .bgButton .btn-submit {
    min-width: 100%;
  }

  /*------------------page-agenda---------------*/
  .block-header .col-xl-12.col-lg-12.col-md-12.col-sm-12 {
    padding: 0 10px;
  }

  .block-header .breadcrumb {
    margin-bottom: 3px;
    margin-left: 5px;
  }

  .form-right .item-icon {
    margin-right: 8px;
  }

  .form-right .item-icon.item-icon-check,
  .block-rt .form-check {
    position: absolute;
    right: 0px;
    margin: 0;
    text-align: right;
  }

  .form-right .form-check .form-check-label {
    padding-right: 5px !important;
  }

  .no-gutter.no-gutterS .col-lg-3.col-md-3.col-sm-2 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .row-header {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 150px 30px 30px;
    grid-gap: 4px;
  }

  .block-top-grid {
    display: grid;
    display: -ms-grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(3, auto);
    grid-template-areas: "item10 " "item20 " " item30";
  }

  /*---------------param suivibien-----------------*/

  .grid-col1fr-tr30 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr;
    -ms-grid-columns: 1fr;
    grid-gap: 4px;
  }

  .b-m-t .bg-title-card {
    margin-bottom: 0;
  }

  .rid-t03-272 {
    display: block;
  }

  .rid-t03-272 {
    display: block;
  }

  .rid-t03-272 .col-grid-top {
    display: inline-block;
  }

  .jr-ovrable.radios input[type="radio"]+label,
  table.radios.radios-m input[type="radio"]+label {
    margin-left: 5px;
  }
}

@media only screen and (max-width: 420px) {
  .grid-colum-80-fr {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr;
    -ms-grid-columns: 1fr;
    grid-gap: 4px;
  }
}

@media only screen and (max-width: 375px) {
  #notification table.dataTable {
    align-content: flex-start;
  }

  .navbar-nav.navbar-right .notification .dropdown-menu::after {
    right: auto;
    left: 120px;
  }

  .navbar.top-header .navbar-nav .notification .dropdown-menu {
    right: -180px;
  }

  .navbar-nav.navbar-right .tache .dropdown-menu {
    right: auto;
    left: -145px;
  }

  .navbar-nav.navbar-right .tache .dropdown-menu::after {
    left: 154px;
  }
}

@media only screen and (max-width: 360px) {
  .contdivchek .form-check .form-check-label {
    font-size: 13px;
    padding-right: 0 !important;
    padding-left: 18px !important;
  }

  .navbar.top-header .table-bordered tbody tr td,
  .table-bordered tbody tr th {
    line-height: 20px;
  }

  .navbar-nav.navbar-right .tache .dropdown-menu::after {
    left: 172px;
  }

  .navbar-nav.navbar-right .tache .dropdown-menu {
    left: -164px;
  }

  .navbar.top-header .navbar-nav .notification .dropdown-menu {
    right: -225px;
  }

  .navbar-nav.navbar-right .notification .dropdown-menu::after {
    left: 81px;
  }

  /*------------table notification-------------*/
  #notification table td:nth-child(4) {
    display: none;
  }

  .grid-t03-272 {
    display: block;
  }

  .grid-t03-272 .col-grid-top {
    display: inline-block;
    vertical-align: top;
  }

  .grid-t03-272 .col-grid-top .form-check {
    margin-top: 5px;
  }
}

@media only screen and (max-width: 320px) {

  .liste-planification .grid-colum-4-plus,
  .grid-colum-4-plus {
    display: grid;
    grid-template-columns: 100px 30px 30px;
    grid-gap: 4px;
  }

  .navbar.top-header .navbar-nav .dropdown-menu {
    margin-top: 60px !important;
    width: 240px;
  }

  .second-part-header {
    display: grid;
    display: -ms-grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 4px;
  }

  .navbar.top-header .navbar-nav .notification .dropdown-menu {
    right: -80px;
  }

  .navbar-nav.navbar-right .tache .dropdown-menu {
    left: -51px;
    right: auto;
    width: 240px;
  }

  .navbar-nav.navbar-right .tache .dropdown-menu::after {
    left: 65px !important;
  }

  .navbar-nav.navbar-right .tache .dropdown-menu::after {
    left: 31px;
  }

  .navbar-nav.navbar-right .notification .dropdown-menu::after {
    left: 30px;
  }

  .navbar .navbar-toggle {
    top: 20px;
    right: 10px;
  }
}

@media only screen and (max-width: 280px) {
  .navbar-nav.navbar-right {
    width: 280px;
  }
}

@media only screen and (min-width: 992px) {
  .navbar .nav.navbar-nav {
    display: block;
    padding-right: 20px;
    margin-top: 15px;
  }

  .contenuModalPartage {
    overflow: hidden !important;
    height: 650px !important;
  }
}

.modal-boutton {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 0.75rem 0;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: calc(0.3rem - 1px);
  border-bottom-left-radius: calc(0.3rem - 1px);
}

.modal-boutton> :not(:last-child) {
  margin-right: 0.25rem;
}

.modal-boutton .btn:not(.btn-link):not(.btn-circle) {
  padding-left: 0.5rem !important;
  padding-bottom: 0.375rem !important;
  padding-right: 0.5rem !important;
  padding-top: 0.375rem !important;
  letter-spacing: 0rem !important;
  width: 30px;
}

.main_content_modal1 {
  overflow-y: auto;
  overflow-x: auto;
  height: calc(100vh - 460px);
}

.main_conainer_gestion {
  height: calc(100vh - 150px);
}

.height_table_pp {
  height: calc(100vh - 520px);
  overflow: auto;
}

.MrgPrive {
  margin-bottom: 4px;
}

.froup_pp2 {
  display: grid;
  display: -ms-grid;
  grid-column-gap: 4px;
  grid-template-columns: 30px 30px 30px;
  -ms-grid-columns: 1fr 1fr 1fr;
}

.content_mileux_pph {
  display: grid;
  display: -ms-grid;
  grid-template-columns: auto 98px;
  -ms-grid-columns: 127px 98px;
  grid-gap: 4px;
}

.hide-group1 .content_mileux_pph {
  display: none;
}

.referent-tache .group_btn-tache {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  grid-gap: 4px;
}

/****************** Pages Listes reunions ********************/
.aside_header_s,
.aside_header_6-2,
.aside_header_8-2,
.aside_header_6-1,
.header_top_new {
  display: flex;
  margin-bottom: 5px;
}

.StructureSALLE .grp_btn_30_header .form-check {
  margin-top: 0.2rem;
}

.input-header1 {
  display: grid;
  display: -ms-grid;
  grid-template-columns: auto 30px;
  grid-gap: 4px;
}

.groupBTNS {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: 7px 0px;
}

.group-search {
  display: grid;
  display: -ms-grid;
  grid-template-columns: auto 30px;
  grid-gap: 4px;
}

.gestion-group {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 29% auto 30px;
  grid-gap: 4px;
  align-items: center;
  margin: 4px 0px;
}

.container_right_gestion {
  overflow: hidden;
  height: calc(100vh - 526px);
}

.gestion-table>div {
  overflow: auto !important;
  height: calc(100vh - 591px);
}

.btnSMS {
  width: 126px;
  margin: 5px auto 0;
  text-align: center;
}

.marginInput {
  margin: 7px 0;
}

.main_content_gestion {
  height: calc(100vh - 154px) !important;
}

.main_content_gestion .marginInput {
  align-items: center;
}

.accordBloc {
  height: 100% !important;
}

.main_content_gestion table {
  font-family: verdana, tahoma, helvetica !important;
}

.gestionParticipant .collapsible-body {
  height: 100% !important;
}

.aside_header_s .col-header-select {
  width: 100%;
}

.header_top_new .col-header-select {
  width: 100%;
  margin-bottom: 5px;
}

.BTNgrille {
  margin: 4px 0px;
}

.FlexColonne {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.CenterBtn {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-left: 6px;
}

.FormchekBB {
  display: flex;
  justify-content: flex-start;
  margin-top: 4px;
}

.marg_botom {
  margin-bottom: 4px;
}

.MrgPrive {
  margin-bottom: 4px;
}

.contenuModalPartage {
  height: 585px;
  overflow: auto;
}

.btnAlertDiv {
  display: none;
}

.input-header-30 {
  display: flex;
}

.grp_btn_30_header {
  display: flex;
}

.gestion_base .main_content {
  height: calc(100vh - 590px);
}

/*---------------style global-------------------*/
#menuSidenav .Pos1,
#menuSidenav3 .Pos1F {
  top: 8px;
  font-size: 21px;
}

#menuSidenav .Pos2,
#menuSidenav3 .Pos2F {
  top: 43px;
  font-size: 21px;
}

#menuSidenav .Pos3,
#menuSidenav3 .Pos3F {
  top: 80px;
  font-size: 21px;
}

#menuSidenav .PosOm,
#menuSidenav3 .Pos4F {
  top: 117px;
  font-size: 21px;
}

#menuSidenav .Pos4 {
  font-size: 21px;
}

#menuSidenav3 .Pos5F {
  top: 154px;
  font-size: 21px;
}

#menuSidenav3 .Pos6F {
  top: 191px;
  font-size: 21px;
}

#MenuAjout1 i,
#MenuAjoutMdFicheEvenement_Modifier i,
#Menuintervenat i,
#MenuPopOffreService i,
#MenuPopSousProjet i {
  color: #808080;
}

#MenuPopSousProjet .NewMenu:hover i {
  color: #fff !important;
}

#MenuAjout1 div#M1:hover i,
#MenuAjout1 div#M2:hover i,
#MenuAjout1 div#M3:hover i,
#MenuAjout1 div#M4:hover i,
#MenuAjout1 div#Mo:hover i,
#MdFicheEvenement div#Pos01F:hover i,
#MdFicheEvenement div#Pos02F:hover i,
#MdFicheEvenement div#Pos03F:hover i,
#MdFicheEvenement div#Pos04F:hover i,
#MdFicheEvenement div#Pos05F:hover i,
#MdFicheEvenement div#Pos06F:hover i,
#Menuintervenat #inter1:hover i,
#Menuintervenat #inter2:hover i,
#MenuPopOffreService #off01:hover i,
#MenuPopOffreService i #off02:hover i,
#MenuPopOffreService #off03:hover i,
#MenuPopOffreService #off04:hover i,
#MenuPopOffreService #off05:hover i {
  color: #fff;
}

#standardPopup4 .row {
  margin-bottom: 0px !important;
}

.alert-b2 {
  margin-right: -0.75rem;
}

.form-groups .form-check .form-check-label {
  padding-left: 20px;
}

.composant_haut {
  padding: 0 15px;
  width: 100%;
}

.col-select {
  width: calc(100% - 34px);
}

.bloc_btn {
  display: flex;
  justify-content: space-between;
}

.bloc_synch {
  background: #fff;
  border-radius: 2px;
  padding: 15px 20px;
  border: 1px solid #c7c5c5;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12);
}

.content_bloc {
  display: flex;
  flex-direction: column;
  text-align: center;
}

.content_bloc i.fas {
  width: 38px;
  height: 38px;
  border-radius: 100%;
  display: block;
  margin: 0 auto;
  font-size: 25px;
}

i.fas.iphone {
  background: #34bdbd;
  color: #fff;
  padding-top: 5px;
}

i.fab.b_android {
  background: #9ccf00;
  color: #fff;
  padding-top: 5px;
}

i.fab.b_google {
  background: #3076ec;
  color: #fff;
  padding-top: 5px;
}

.content_bloc i.fab {
  width: 38px;
  height: 38px;
  border-radius: 100%;
  display: block;
  margin: 0 auto;
  font-size: 25px;
}

.modal-header.modal-col-purple {
  cursor: move;
}

i.fas.fa-share-square.btnIcon:before {
  font-size: 24px;
  top: -1px;
  position: relative;
}

.col_heure {
  width: 100%;
  padding: 0 15px;
}

.overlay {
  position: fixed;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  z-index: 101;
}

/***********************************************************************
  [8 .GOOGLE MATERIAL DESIGN ICON ]
  
  ***********************************************************************/
.demo-icon-container .demo-google-material-icon {
  margin-bottom: 5px;
  text-align: left;
}

.demo-icon-container .demo-google-material-icon .icon-name {
  position: relative;
  top: -8px;
  left: 7px;
}

.demo-icon-container .demo-google-material-icon .material-icons {
  width: 24px;
}

/***********************************************************************/
.second_list_projet {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 0 15px;
}

.col-moitie {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.row.bloc_adress {
  margin: 0;
  width: 100%;
}

.bloc_adress {
  width: 100%;
}

body,
html {
  background-color: #ffffff;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  font-family: "Helvetica";
  font-size: 13px;
}

.material-icons {
  font-family: Material Icons;
  /*font-weight: normal;*/
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  line-height: 1;
  height: 24px;
}

/*CSS OF ACCORDION ICON*/
button.btn-link:before {
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  content: "\f067";
  text-decoration: none;
  color: #34bdbd;
  float: right;
  font-size: 18px;
}

.btn-link {
  font-weight: bold;
  color: #000000;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background-color: rgba(0, 0, 0, 0.05);
  text-align: left;
  line-height: 0px !important;
  border-radius: 0px !important;
  font-size: 12px;
  font-family: "Helvetica";
}

button.btn-link:active::before,
button.btn-link:focus::before {
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  content: "\f068";
  text-decoration: none;
  color: #34bdbd;
  float: right;
  font-size: 18px;
}

.btn-link:hover {
  text-decoration: none;
  color: #000000;
  background-color: #d4d2d2;
}

.bg-transparent {
  background-color: transparent !important;
}

.bg-transparent.btn:not(.btn-link):not(.btn-circle) {
  box-shadow: none !important;
  background-color: transparent !important;
}

.table tbody tr td,
.table tbody tr th {
  padding: 10px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  vertical-align: middle;
}

.table tbody tr td ul,
.table tbody tr th ul {
  margin: 0;
}

.table tbody tr.primary td,
.table tbody tr.primary th {
  background-color: #1f91f3;
  color: #fff;
}

.table tbody tr.success td,
.table tbody tr.success th {
  background-color: #2b982b;
  color: #fff;
}

.table tbody tr.info td,
.table tbody tr.info th {
  background-color: #00b0e4;
  color: #fff;
}

.table tbody tr.warning td,
.table tbody tr.warning th {
  background-color: #ff9600;
  color: #fff;
}

.table tbody tr.danger td,
.table tbody tr.danger th {
  background-color: #fb483a;
  color: #fff;
}

.table thead tr th {
  padding: 10px;
  border-bottom: 1px solid #eee;
}

.table-bordered {
  border-top: 1px solid #eee;
}

.table-bordered tbody tr td,
.table-bordered tbody tr th {
  padding-bottom: 0px;
  padding-top: 0px;
  padding-left: 2px;
  padding-right: 2px;
  border: 1px solid #eee;
  font-size: 12px;
  position: relative;
}

.table-bordered thead tr th {
  padding-bottom: 0px;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  border: 1px solid #eee;
  font-size: 12px;
}

table tbody tr td,
table tbody tr th {
  height: 20px !important;
}

.xHidden {
  overflow-x: hidden;
}

div#UpdtPnlForGrdVw table {
  height: 100%;
  overflow-y: auto;
  margin-bottom: 0 !important;
}

.table-img img {
  border-radius: 50%;
  border: 2px solid #ffffff;
  -webkit-box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2);
}

.noCollapse td {
  padding: 0px !important;
}

.btn-tbl-edit {
  border-radius: 50% !important;
  background-color: #4fab52;
  padding: 6px !important;
  height: 28px;
  color: #fff;
  box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2) !important;
}

.btn-tbl-edit .material-icons {
  font-size: 16px !important;
}

.btn-tbl-edit:hover {
  background-color: #888;
  color: #fff;
}

.btn-tbl-delete {
  border-radius: 50% !important;
  background-color: #f96332;
  padding: 6px !important;
  height: 28px;
  color: #fff;
  box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2) !important;
}

.btn-tbl-delete .material-icons {
  font-size: 16px !important;
}

.btn-tbl-delete:hover {
  background-color: #f96332;
  color: #fff;
}

.avatar {
  position: relative;
  width: 30px;
  white-space: nowrap;
  border-radius: 1000px;
  vertical-align: bottom;
  display: inline-block;
}

.avatar img {
  width: 100%;
  max-width: 100%;
  height: auto;
  border: 0;
  border-radius: 1000px;
}

.avatar-sm {
  width: 32px;
}

.list-inline {
  padding-left: 0;
  list-style: none;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.spinner {
  display: inline-block;
}

.spinner-reverse {
  display: inline-block;
}

.order-list li img {
  border: 2px solid #ffffff;
  box-shadow: 0 2px 10px 0 rgba(107, 111, 130, 0.3);
}

.order-list li+li {
  margin-left: -14px;
}

.order-list li .badge {
  background: rgba(255, 255, 255, 0.8);
  color: #6b6f82;
  margin-bottom: 6px;
}

.buttons-copy {
  background-color: #666 !important;
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2),
    0 13px 24px -11px rgba(233, 30, 99, 0.6);
  color: #fff !important;
  border-radius: 30px !important;
  border: 0px !important;
  height: 30px;
  width: 60px;
}

.buttons-excel {
  background-color: #59bf70 !important;
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2),
    0 13px 24px -11px rgba(233, 30, 99, 0.6);
  color: #fff !important;
  border-radius: 30px !important;
  border: 0px !important;
  height: 30px;
  width: 60px;
}

.buttons-csv {
  background-color: #2ab9d0 !important;
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2),
    0 13px 24px -11px rgba(233, 30, 99, 0.6);
  color: #fff !important;
  border-radius: 30px !important;
  border: 0px !important;
  height: 30px;
  width: 60px;
}

.buttons-pdf {
  background-color: #e91e63 !important;
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2),
    0 13px 24px -11px rgba(233, 30, 99, 0.6);
  color: #fff !important;
  border-radius: 30px !important;
  border: 0px !important;
  height: 30px;
  width: 60px;
}

tr.group,
tr.group:hover {
  background-color: #ddd !important;
}

.tableBody {
  font-size: 13px;
  color: #555;
  padding: 0px 15px 0px 15px;
}

.tbl-checkbox {
  vertical-align: bottom !important;
  text-align: center;
}

.bg-purple {
  /*background-color: #ac4997 !important;*/
  background-color: #34bdbd;
  color: #fff;
}

.cloc-reservation-right.bloc_flech>div {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 30px 30px;
  grid-gap: 4px;
  margin: 8px 0;
}

.popup_order_mission .cloc-reservation .cloc-reservation-right.bloc_flech>div {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 30px;
  grid-gap: 4px;
  margin: 0;
}

.popup_order_mission .cloc-reservation {
  margin-bottom: 6px;
}

.m-b--10 {
  margin-bottom: -10px;
}

.m-t--5 {
  margin-top: -5px;
}

.p-r-0 {
  padding-right: 0px;
}

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

.material-icons {
  font-family: Material Icons;
  /* font-weight: normal; */
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga";
  -webkit-font-feature-settings: "liga";
  line-height: 1;
  height: 24px;
}

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

.iButton {
  z-index: 10;
  color: #ffffff;
  cursor: pointer;
}

button,
input,
select,
a {
  outline: none !important;
}

.modal {
  position: fixed;
  top: 0;
  left: 0%;
  z-index: 1050;
  display: block;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  outline: 0;
}

.col-lg-10 .modal-dialog {
  position: relative;
  width: auto;
  pointer-events: none;
  margin: 1.5rem auto;
  width: 80%;
}

.pram_planningh .col-lg-9 .modal-dialog {
  position: relative;
  width: auto;
  pointer-events: none;
  margin: 1.5rem auto;
  width: 80%;
}

.offre-service .col-lg-7 .modal-dialog {
  width: 89%;
}

.contentTableFixed .ColonneConge {
  width: 100%;
  min-width: 114px !important;
}

.mrgConge {
  margin-bottom: 8px;
}

.liste_reunion .col-lg-7 .modal-dialog {
  position: relative;
  width: auto;
  pointer-events: none;
  margin: 1.5rem auto;
  width: 77% !important;
  text-align: left;
}

.col-lg-7 .modal-dialog {
  position: relative;
  width: auto;
  pointer-events: none;
  margin: 1.5rem auto;
  width: 58%;
  text-align: left;
}

.main_content_modalOMission .modal-dialog {
  width: 100%;
}

.modal-dialog-scrollable {
  max-height: calc(100% - 3.5rem);
  height: 100%;
}

.modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 1rem);
  overflow: hidden;
}

.modal-content {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-clip: padding-box;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  outline: 0;
  height: 100%;
}

.modal-dialog-scrollable .modal-footer,
.modal-dialog-scrollable .modal-header {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.modal-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
  border-top-left-radius: 13px;
  border-top-right-radius: 13px;
  background-color: #34bdbd;
  color: #ffffff;
  font-weight: bold;
}

.modal-col-purple {
  background: linear-gradient(to right, #34bdbd, #26a6da, #8339c0);
}

.modal .modal-header .modal-title {
  font-weight: bold;
  font-size: 16px;
}

.modal-col-purple .modal-body,
.modal-col-purple .modal-title {
  color: #fff !important;
  font-size: 16px;
  font-weight: bold;
  padding-left: 8px;
}

.modal-dialog-scrollable .modal-body {
  overflow: hidden;
}

.modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 10px !important;
  background-color: #ffffff;
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
}

.form-group input.form-control {
  margin: 0;
  font-size: 13px;
  border: 1px solid #c7c5c5 !important;
  height: 2.3rem !important;
}

.bg-title-card {
  border: 1px solid #34bdbd;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 8px;
  background: rgba(0, 0, 0, 0.1);
  /* padding: .375rem .75rem .375rem 0;*/
}

.bg-title-card span.card-title {
  font-size: 14px;
  font-weight: 700 !important;
  color: #000;
  padding: 0 5px;
}

.title_card-title {
  font-size: 14px;
  font-weight: 600;
  color: #000;
  padding: 0.375rem 0.75rem 0.375rem 0;
}

.list_evenement table.radios input {
  margin-right: 5px !important;
}

.btn-circle-lg {
  border: none;
  outline: none !important;
  overflow: hidden;
  width: 50px;
  height: 50px;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  -ms-border-radius: 50% !important;
  border-radius: 50% !important;
}

.btn-circle-lg i {
  font-size: 26px !important;
  position: relative !important;
  left: 0px !important;
  top: 3px;
}

.btn-toggle-dropdown {
  top: 0px !important;
}

.form-group {
  width: 100%;
}

.modal-footer> :not(:last-child) {
  margin-right: 0.25rem;
}

[class*="icon-"]:before {
  display: inline-block;
  font-family: "Glyphter";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 21px;
}

.icon-Agrandir:before {
  content: "\0041";
}

.icon-Appels:before {
  content: "\0042";
}

.icon-ArchiveBD:before {
  content: "\0043";
}

.icon-Contact:before {
  content: "\0044";
}

.icon-Courrier:before {
  content: "\0045";
}

.icon-Demande:before {
  content: "\0046";
}

.icon-Email:before {
  content: "\0047";
}

.icon-Evenement:before {
  content: "\0048";
}

.icon-Frais:before {
  content: "\0049";
}

.icon-Groupe:before {
  content: "\004a";
}

.icon-Mémo:before {
  content: "\004b";
}

.icon-Notification:before {
  content: "\004c";
}

.icon-Sortie:before {
  content: "\004d";
}

.icon-Thèmes:before {
  content: "\004e";
}

.icon-Agenda:before {
  content: "\004f";
}

.icon-Agenda:before {
  content: "\004f";
}

.icon-Archive:before {
  content: "\0050";
}

.icon-Assistance:before {
  content: "\0051";
}

.icon-Budget:before {
  content: "\0052";
}

.icon-Commercial:before {
  content: "\0053";
}

.icon-Communication:before {
  content: "\0054";
}

.icon-Convention:before {
  content: "\0055";
}

.icon-Emargement:before {
  content: "\0056";
}

.icon-Formation:before {
  content: "\0057";
}

.icon-GPEC:before {
  content: "\0058";
}

.icon-Marketing:before {
  content: "\0059";
}

.icon-Organisation:before {
  content: "\005a";
}

.icon-Paramétrage:before {
  content: "\0061";
}

.icon-Pointeuse:before {
  content: "\0062";
}

.icon-Projet:before {
  content: "\0063";
}

.icon-RH:before {
  content: "\0064";
}

.icon-Subvention:before {
  content: "\0065";
}

.icon-Synchronisation:before {
  content: "\0066";
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: rgba(0, 0, 0, 0.4);
}

.modal-footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 0.75rem 0;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: calc(0.3rem - 1px);
  border-bottom-left-radius: calc(0.3rem - 1px);
}

.modal-footer-interne {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 0;
  border-bottom-right-radius: calc(0.3rem - 1px);
  border-bottom-left-radius: calc(0.3rem - 1px);
}

/**********************************  end code  *************************/

@media only screen and (max-width: 379px) {
  div #AlertDiv2 .modal-dialog {
    width: 96%;
  }

  div#ContentAdresse .modal-dialog {
    width: 96%;
  }

  .row.heure_min {
    display: none;
  }
}

/* css pour le code interne des pop up*/
@media only screen and (min-width: 350px) {
  .grid1fr-30-bis {
    display: grid;
    display: -ms-grid;
    -ms-grid-columns: 1fr 30px;
    grid-template-columns: 1fr 30px;
    grid-gap: 4px;
    align-items: center;
  }

  .select_type,
  div#UpdatePanel3 .select_date {
    width: calc((100% - 38px) / 2);
    margin: 0;
  }

  div#UpdatePanel3 .select_type {
    margin-bottom: 0;
  }

  .select_btn {
    margin-left: 4px;
  }

  .content_group_calender {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
}

@media screen and (min-width: 380px) {
  .title_popup {
    display: grid;
    display: -ms-grid;
    -ms-grid-columns: 60px 1fr;
    grid-template-columns: 60px 1fr;
  }

  .titlePpopup {
    display: grid;
    display: -ms-grid;
    -ms-grid-columns: 70px 1fr;
    grid-template-columns: 70px 1fr;
  }

  .navbar-toggle {
    display: none;
  }

  .navbar-collapse.collapse.show {
    display: block !important;
  }

  .navbar-collapse.collapse {
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }

  .navbar-header {
    float: left;
  }

  .select_recurence {
    margin-right: 1px;
  }

  .content_select_recurence {
    padding: 0 0 0 15px;
  }

  .btn_valider {
    display: inline-block;
    max-width: 30px;
    padding: 0;
    width: 100%;
    flex: 0 0 100%;
  }

  .date_recurenc {
    width: 49%;
    max-width: 49%;
  }

  .bloc_icon {
    min-width: 38px;
  }

  .row.bloc_adress .col-lg-2.col-md-1.col-sm-2 {
    width: 90px;
    max-width: 90px;
  }

  .row.bloc_adress .col-lg-10.col-md-11.col-sm-10.t-5 {
    width: calc(100% - 90px);
    max-width: calc(100% - 90px);
  }

  .aside_header_top .btn-header {
    margin-right: 3px;
    margin-left: 0;
  }
}

/*--------------------responsive--------------------------*/

@media screen and (min-width: 600px) {
  .body_profilP .GridViewMetier .TablePP {
    max-height: calc(100vh - 251px);
    margin-bottom: 0;
  }

  .histrique-om .row.blok_pouki .form-group.bloc_pourqui {
    padding-left: 0;
    margin-bottom: 0;
  }

  .histrique-om .row.blok_pouki {
    align-items: center;
  }

  /*end*/
  #dvContainer {
    display: grid;
    grid-template-columns: repeat(4, 1fr) 30px;
    display: -ms-grid;
    grid-gap: 4px;
    -ms-grid-columns: 1fr 1fr 1fr 1fr 30px;
  }

  .aside_header {
    display: flex;
    margin-bottom: 0;
  }

  .asider_header_left {
    display: flex;
  }

  .asider_header_right {
    margin-left: 4px;
  }

  .list_horaire .asider_header_right {
    margin-left: 0;
  }

  .asider_header_left .ss_aside_header_left+.ss_aside_header_left {
    margin-left: 10px;
  }

  .list_horaire .asider_header_left .ss_aside_header_left+.ss_aside_header_left {
    margin-left: 0;
  }
}

/*************************debut page default*************************/
.btn-circle.btn-xl {
  width: 55px;
  height: 55px;
  padding: 10px 16px;
  border-radius: 35px;
  font-size: 24px;
  line-height: 1.33;
}

.btn-circle {
  width: 30px;
  height: 30px;
  padding: 6px 0px;
  border-radius: 15px;
  text-align: center;
  font-size: 12px;
  line-height: 1.42857;
}

.col-white {
  color: #ffffff !important;
}

.btn-violet {
  background-color: #8c3cd4 !important;
}

.btn-red {
  background-color: #fc242c !important;
}
.btn-orange {
  background-color: #fc865d !important;
}
.btn-bleu {
  background-color: #348cfc !important;
}

.btn-orange {
  background-color: #f47c0c !important;
}

.btn-secondary {
  background-color: #6c757d !important;
}

.btn-green {
  background-color: #90ee90 !important;
}

/********************** fin page default **********************/

.legend-items-container .legend-items {
  padding: 7px !important;
}

/************scroll bar ************/

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #dadce0;
}

::-webkit-scrollbar-button {
  background-color: #fff;
  background-size: 10px 10px;
  background-repeat: no-repeat;
  background-position: center center;
  height: 10px;
  display: block;
  width: 1em;
  width: 5px;
  height: 5px;
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #f9fafa;
}

::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #f9fafa;
}

::-webkit-scrollbar {
  width: 9px;
  height: 8px !important;
  background-color: #f5f5f5;
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #dadce0;
  height: 5px !important;
}

/*********************scroll-bar ***********************/
/************* debut datatimepicker *************/
.datepicker {
  background-color: rgba(255, 255, 255, 0.9) !important;
  width: 100% !important;
  padding: 5px !important;
  border: 1px solid #c7c5c5 !important;
  border-radius: 5px !important;
  height: 30px !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  transition: box-shadow 0.3s, border 0.3s, -webkit-box-shadow 0.3s !important;
  margin-bottom: 0px !important;
  font-size: 12px !important;
}

.mat-form-field-appearance-fill .mat-form-field-flex {
  border-radius: 0 !important;
  padding: 0 !important;
  background-color: transparent !important;
}

.mat-form-field-underline.ng-star-inserted {
  display: none;
}

.mat-form-field-appearance-fill .mat-form-field-infix {
  padding: 0;
}

.mat-form-field-wrapper {
  padding: 0;
  margin-top: -16px;
  margin-bottom: -25px;
}

.mat-form-field-suffix.ng-star-inserted {
  box-shadow: 0px 0px 0px 0px !important;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: none;
  outline: none;
  margin-left: 6px;
}

svg.mat-datepicker-toggle-default-icon.ng-star-inserted {
  color: white;
}

.mat-datepicker-toggle.mat-datepicker-toggle.btn.bg-purple {
  margin-top: -14px;
}

button.mat-focus-indicator.mat-icon-button.mat-button-base {
  padding-bottom: 18px;
  font-size: 16px !important;
}

i.fa.btnIconN.col-white {
  margin-top: -1px;
}

.mat-datepicker-toggle.mat-datepicker-toggle.btn.bg-purple {
  padding-left: 0px;
  padding-right: 0px;
}

.dropdown-btn {
  height: 30px;
}

.mat-icon-button .mat-button-focus-overlay {
  opacity: 0 !important;
}

/************* fin datatimepicker *************/

.boc-input>label.focused,
.boc-input>label.hasval {
  top: -13px !important;
}

a.nav-link.active {
  box-shadow: inset 0 -2px 0 #c43ca9;
}

input[type="text"],
input[type="number"] {
  background-color: rgba(255, 255, 255, 0.9);
  width: 100% !important;
  padding: 5px !important;
  border: 1px solid #c7c5c5 !important;
  border-radius: 5px !important;
  height: 30px !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  padding-left: 3px !important;
  padding-right: 0 !important;
  transition: box-shadow 0.3s, border 0.3s, -webkit-box-shadow 0.3s !important;
  margin-bottom: 0px !important;
  font-size: 12px !important;
}

@media (max-width: 320px) {

  .navbar.top-header,
  .navbar.top-header .container-fluid {
    padding: 0px !important;
  }

  .collapse:not(.show) {
    display: none !important;
  }

}

@media (min-width: 320px) {
  section.content {
    margin: 57px 0px 0px 57px;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    padding-bottom: 30px;
  }
}


@media (min-width: 380px) {

  .navbar.top-header,
  .navbar.top-header .container-fluid {
    padding-top: 25px !important;
  }
}

@media (min-width: 565px) {

  .navbar.top-header,
  .navbar.top-header .container-fluid {
    padding-top: 25px !important;
  }

  .cdk-overlay-connected-position-bounding-box div.cdk-overlay-pane {
    margin-top: -7px !important;
  }

  input:not([type]):focus:not([readonly]) {
    border-bottom: none !important;
  }
}

@media (min-width: 768px) {
  section.content {
    margin: 69px 0px 0px 57px;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    padding-bottom: 30px;
  }

  .navbar-collapse.collapse {
    display: block !important;
  }

  .navbar.top-header,
  .navbar.top-header .container-fluid {
    padding: 0px !important;
  }

  .PopupImportation {
    width: 50% !important;
    margin: 0 auto;
  }

}

@media only screen and (min-width: 992px) {

  .navbar.top-header,
  .navbar.top-header .container-fluid {
    padding: 0px !important;
  }
}

@media (min-width: 1200px) {

  .navbar.top-header,
  .navbar.top-header .container-fluid {
    padding: 0px !important;
  }

}

@media only screen and (max-width: 767px) {


  .navbar.top-header .navbar-collapse {
    flex-basis: auto;
    transition: all 1s ease-out;
  }



  a#btnMobileMenuH {
    display: block;
  }
}


.navbar.top-header .navbar-collapse {
  flex-basis: auto;
  transition: all 1s ease-out;
}

.collapse.show,
.collapse.in.show,
.collapsing.show {
  display: block;
}

.navbar-collapse {
  padding-right: 15px;
  padding-left: 15px;
  overflow-x: visible;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgb(0 0 0 / 10%);
}

@media only screen and (max-width: 767px) {
  .navbar-nav.navbar-right {
    float: right !important;
    margin-right: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .navbar .navbar-nav {
    flex-direction: row;
  }
}

.navbar-nav.navbar-right {
  flex-direction: row;
  float: right;
}

ul:not(.browser-default) {
  padding-left: 0;
  list-style-type: none;
}

.navbar-nav {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.h-90 {
  height: 90% !important;
}

canvas.signature-pad-canvas {
  border: 1px solid #ffff !important;
}

/***********************fixed header tableau********************/
.fixed-header th,
td {
  padding: 0.75em 0.75em 0.75em 1.25em;
  vertical-align: text-top;
  text-align: left;
  text-indent: -0.5em;
  border: 1px solid #eeeeee;
}

.fixed-header td {
  border: 1px solid #eeeeee;
}

.fixed-header th {
  vertical-align: bottom;
  background-color: #f4f4f4;
  color: #212529;
}

.fixed-header tr:nth-child(even) th[scope="row"] {
  background-color: #f2f2f2;
}

.fixed-header tr:nth-child(odd) th[scope="row"] {
  background-color: #fff;
}

.fixed-header tr:nth-child(even) {
  background-color: rgba(0, 0, 0, 0.05);
}

.fixed-header tr:nth-child(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}

/***********************fixed header tableau********************/

.fixed-header th {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 2;
  width: 15%;
  text-align: center;
  vertical-align: middle;
}

.fixed-header th[scope="row"] {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 1;
  width: 15%;
  text-align: center;
  vertical-align: middle;
}

.fixed-header th[scope="row"] {
  vertical-align: top;
  color: inherit;
  background-color: inherit;
  background: linear-gradient(90deg,
      transparent 0%,
      transparent calc(100% - 0.05em),
      #d6d6d6 calc(100% - 0.05em),
      #d6d6d6 100%);
}

/* Strictly for making the scrolling happen. */

.fixed-header th[scope="row"] {
  min-width: 40vw;
}

@media all and (min-width: 30em) {
  .fixed-header th[scope="row"] {
    min-width: 20em;
  }
}

.fixed-header th[scope="row"]+td {
  min-width: 24em;
}

/*******************fin tableau with fixed header*******************/
i.btnIcon_Header {
  line-height: 0em !important;
  font-size: 20px !important;
  padding: 0px !important;
  color: grey;
  position: relative;
  left: 0px;
  pointer-events: none;
  height: 0px;
  width: 100%;
  text-align: center;
}

/***********************style accordion ******************/
.accordion-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  line-height: 1.5;
  padding: 0rem;
  background-color: #fff;
  margin-bottom: 8px;
  font-weight: bold;
  font-size: 14px;
  box-shadow: none !important;
  --bs-accordion-transition: none;
}

.accordion-button:not(.collapsed) {
  color: black;
  box-shadow: none;
}

.accordion-button:focus {
  border-color: none !important;
  box-shadow: none !important;
}

.accordion-button:not(.collapsed) {
  color: black !important;
  background-color: #e5e5e5 !important;
}

button.accordion-button {
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 8px;
  background: rgba(0, 0, 0, 0.1);
  padding: 0.375rem 0.75rem 0.375rem 0;
  text-transform: initial;
  line-height: 20px !important;
  font-weight: bold !important;
  cursor: pointer;
}

.accordion-button::after {
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  content: "\f067" !important;
  text-decoration: none;
  color: #34bdbd;
  float: right;
  font-size: 18px;
  background-image: none !important;
}

.accordion-button:not(.collapsed)::after {
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  content: "\f068" !important;
  text-decoration: none;
  color: #34bdbd;
  float: right;
  font-size: 18px;
  background-image: none !important;
}

/***********************fin style accordion ******************/
mat-icon.mat-icon.notranslate.material-icons.mat-icon-no-color {
  color: #fff;
  margin-left: -10px !important;
}
.CalenderGroup mat-icon.mat-icon.notranslate.material-icons.mat-icon-no-color {
  color: #fff;
  margin-left: -9px !important;
  margin-top: -20px !important;
}
.TableProjetSelectionner mat-icon.mat-icon.notranslate.material-icons.mat-icon-no-color {
  color: #787272 !important;
  margin-left: 0 !important;
  font-size: 18px;
}

.MenuDocumentation mat-icon.mat-icon.notranslate.material-icons.mat-icon-no-color {
  color: black;
  margin-left: 0px !important;
}

.p-chip {
  background-color: #dee2e6;
  color: #495057;
  border-radius: 16px;
  padding: 0 0.5rem;

}

.task-footer {
  display: flex;
  justify-content: space-between;
}

.margin-top-25 {
  margin-top: -13px;
}

.MenuDocumentation .choix mat-icon.mat-icon.notranslate.material-icons.mat-icon-no-color {
  color: black;
  margin-left: 0px !important;
  font-size: 20px;
  font-weight: bold;
  /* padding-left: 2px; */
}

.filtre-documentation button.mat-focus-indicator.mat-icon-button.mat-button-base {
  position: inherit;
}

.mat-flat-button.mat-warn,
.mat-raised-button.mat-warn,
.mat-fab.mat-warn,
.mat-mini-fab.mat-warn {
  background-color: transparent !important;
}

.mat-warn:hover {
  background-color: #ededed !important;
}

.StyleTreeView .mat-icon-button {
  height: 30px !important;
  top: -6px;
}

.StyleTreeView .mat-tree-node {
  min-height: 30px;
}

.tr-total {
  background-color: #e5e5e5 !important;
}

.text-blod {
  font-weight: bold;
}

.filtre-documentation button.mat-focus-indicator.mat-icon-button.mat-button-base {
  padding-bottom: 19px;
  font-size: 16px !important;
  width: 30px;
}

.filtre-documentation button.mat-focus-indicator.mat-icon-button.mat-button-base {
  height: 30px;
}

.mat-datepicker-toggle.mat-datepicker-toggle.btn.bg-purple {
  padding-left: 0px;
  padding-right: 0px;
}
.CalenderGroup .mat-datepicker-toggle.mat-datepicker-toggle.btn.bg-purple {
  margin-top: 0px;
}
.mat-datepicker-toggle.mat-datepicker-toggle.btn.bg-purple {
  margin-top: -14px;
}

mat-datepicker-toggle.mat-datepicker-toggle.btn.bg-purple {
  width: 30px;
  height: 31px;
  line-height: 36px;
  display: block;
  text-align: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position: relative;
  text-align: center;
  cursor: pointer;
}

.btn:not(.btn-link):not(.btn-circle) {
  box-shadow: none !important;
}

.btn:not(.btn-link):not(.btn-circle) {
  box-shadow: 0 2px 5px rgb(0 0 0 / 16%), 0 2px 10px rgb(0 0 0 / 12%);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: none;
  font-size: 12px;
  outline: none;
}

.datepicker {
  text-align: center;
}

.mat-form-field-appearance-fill .mat-form-field-infix {
  padding: 0.4em 0 0.75em 0 !important;
  padding-top: 5px !important;
  margin-right: 0px;
}

.InputGroupe .mat-form-field-appearance-fill .mat-form-field-infix {
  padding: 0.4em 0 0.75em 0 !important;
  padding-top: 7px !important;
  margin-right: 4px;
}

.MenuJournauxAnalytique2 .mat-form-field-appearance-fill .mat-form-field-infix {
  margin-right: 0px !important;
}

i.fa.btnIconN.col-white {
  margin-left: -8px;
  margin-top: 0px;
  position: absolute;
  top: 40%;
  transform: translateY(-36%);
}

.SecteurGeographique i.fas.btnIconN.col-white {
  margin-left: -8px;
  margin-top: 0px;
  position: absolute;
  top: 40%;
  transform: translateY(-36%);
}

.SecteurGeographique i.fas.fa-sync-alt.fa-spin {
  margin-top: -6px !important;
}

.SecteurGeographique .w-30 .mat-sort-header-container.mat-focus-indicator {
  display: none;
}

.btn-30 {
  width: 30px;
  height: 31px;
  line-height: 36px;
  display: block;
  text-align: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position: relative;
  text-align: center;
  cursor: pointer;
  top: 0px;
}

.col-white {
  color: #ffffff !important;
}

.pr-12 {
  padding-right: 12px;
}

i.fas.fa-file-export.btnIconN.col-white {
  font-size: 1.3rem;
  line-height: inherit;
  align-items: center;
  justify-content: center;
  display: flex;
  margin-left: 4px;
  margin-top: 0px;
}

/* .absence-svg svg.ngx-charts {
    margin-top: -22px;
  }*/

span.ng-star-inserted {
  font-size: 12px !important;
}

i.fas.fa-info-circle.btnIconN.col-white {
  font-size: 1.3rem;
  line-height: inherit;
  align-items: center;
  justify-content: center;
  display: flex;
  margin-top: -2px;
}

/* .bar-chart svg.ngx-charts {
    margin-left: -37px;
  }*/

.accordion {
  --bs-accordion-border-color: white !important;
}

/************************** datatable *********************/
.Table-Globale .mat-sort-header-stem {
  background: transparent !important;
}

.Table-Globale th.mat-header-cell {
  text-align: center;
  border: 1px solid #ccc !important;
  font-weight: bold !important;
  color: black;
}

@media (min-width: 768px) {
  /*.Table-width-10 th.mat-header-cell {
    width: 6%;
  }*/
}

/*.Table-Globale .mat-sort-header-container {
  padding-left: 0px;
  padding-right: 0px;
  width: 100%;
}*/

.Table-Globale td.mat-cell.cdk-cell {
  font-size: 12px;
  vertical-align: middle;
}

.Table-Globale .mat-table-sticky-border-elem-right {
  border-left: 1px solid #e0e0e0;
}

.Table-Globale .mat-table-sticky-border-elem-left {
  border-right: 1px solid #e0e0e0;
}

.Table-Globale tr {
  border: 1px solid rgba(0, 0, 0, 0.12);
}

.Table-Globale th {
  border: 1px solid rgba(0, 0, 0, 0.12);
}

.Table-Globale td {
  border: 1px solid rgba(0, 0, 0, 0.12);
  padding-left: 8px !important;
}

.Table-Globale .mat-sort-header-content {
  color: #212529;
  font-weight: bold !important;
  text-align: center;
  white-space: initial !important;
}

.Table-Globale thead {
  text-align: center;
  vertical-align: middle;
  border: 1px solid rgba(0, 0, 0, 0.12);
  background-color: #f4f4f4 !important;
}

.Table-Globale tbody tr:nth-of-type(2n + 2) {
  background-color: #f2f2f2 !important
}

.Table-Globale tr.mat-row,
tr.mat-header-row {
  height: 30px !important;
}
.TableVariablePaieTemps tr.mat-header-row {
  height: auto !important;
}
@media (min-width: 320px) {

  .TableReventilation tr.mat-row,
  .TableReventilation tr.mat-header-row {
    height: 30px !important;
  }
}



.Table-Globale tr.mat-footer-row {
  height: 30px;
  background-color: #e5e5e5 !important;
  font-weight: bold;
  padding-left: 10px;
}

th.mat-header-cell:first-of-type {
  padding-left: 0px !important;
}

.Table-Globale th {
  padding-right: 0px !important;
}

.Table-Globale .mat-cell,
.mat-footer-cell {
  font-size: 12px !important;
}

.pourcentage .mat-sort-header-container {
  padding-left: 12px !important;
  padding-right: 12px !important;
}

/*@media (min-width: 992px) {
  .Paddingcolumn .mat-sort-header-container {
    padding: 0 70px 0px 70px !important;
  }
}*/

.colonne-width-200 {
  min-width: 200px !important;
}



/************************** datatable *********************/

.cdk-overlay-container {
  z-index: 9999 !important;
}

.nav-tabs>li>a:before {
  border-bottom: 0px !important;
}


/* Cacher les flèches de tri par défaut */
.mat-sort-header-arrow {
  display: none !important;
}

/* Conteneur des en-têtes avec triangles */
.mat-sort-header-container {
  position: relative;
  display: inline-flex;
  /* Pour aligner le texte et les triangles */
  align-items: center;
  gap: 1px;
  /* Espace entre le texte et le triangle */
}

/* Triangle pour le tri ascendant */
th[aria-sort="ascending"] .mat-sort-header-container::after {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid black;
  /* Triangle pointant vers le haut */
  margin-left: 5px;
  /* Espace entre le texte et le triangle */
}

/* Triangle pour le tri descendant */
th[aria-sort="descending"] .mat-sort-header-container::after {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid black;
  /* Triangle pointant vers le bas */
  margin-left: 5px;
  /* Espace entre le texte et le triangle */
}

/* Icône de tri lorsque aria-sort="none" */
th[aria-sort="none"] .mat-sort-header-container::after {
  content: '\f0dc';
  /* Code Unicode pour l'icône de tri, à personnaliser selon vos besoins */
  font-family: "Font Awesome 5 Free";
  /* Spécifiez la famille d'icônes Font Awesome */
  font-weight: 900;
  /* Pour les icônes solides */
  display: inline-block;
  font-size: 13px;
  /* Taille de l'icône */
  color: black;
  /* Couleur de l'icône */
  margin-left: 5px;
  /* Espace entre le texte et l'icône */
}

.temps-realise h5 {
  margin: 0 !important;
}

.padding ngx-charts-bar-horizontal-2d.ng-tns-c162-2.ng-star-inserted {
  margin-top: -20px !important;
}

.BarsMenu2 .ngx-charts {
  float: initial !important;
}

.scroll-pie-grid .ngx-charts {
  float: left !important;
}

.temps-realise th.mat-header-cell:last-of-type,
td.mat-footer-cell:last-of-type {
  padding-right: 2px !important;
}

/************* debut multiselect***********/
.multiselect-native-select ul.multiselect-container.dropdown-menu {
  width: 100% !important;
}

.MenuReventillation .dropdown-list ul.item2 {
  max-height: calc(100vh - 535px) !important;
}

.dropdown-list ul.item2 {
  max-height: calc(100vh - 280px) !important;
}

.ContennuGroupe .dropdown-list ul.item2 {
  max-height: calc(100vh - 364px) !important;
}

.multiselect-dropdown .dropdown-btn .dropdown-up {
  border-bottom: 5px solid #303030 !important;
  border-left: 5px solid transparent !important;
  border-right: 5px solid transparent !important;
}

.multiselect-dropdown .dropdown-btn .dropdown-down {
  top: 10px !important;
  width: 0 !important;
  height: 0 !important;
  border-top: 5px solid #303030 !important;
  border-left: 5px solid transparent !important;
  border-right: 5px solid transparent !important;
}

.multiselect-dropdown .dropdown-btn {
  padding: 3px 2px !important;
}

.multiselect-dropdown {
  padding-bottom: 4px;
}

.multiselect-dropdown ul.item1 {
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.item1 li.multiselect-item-checkbox.ng-star-inserted {
  -moz-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.dropdown-list .filter-textbox input {
  -moz-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.item1 li.multiselect-item-checkbox.ng-star-inserted {
  border-bottom: none !important;
}

.item1 .dropdown-list .filter-textbox {
  border-bottom: none !important;
  padding: 0px !important;
}

.multiselect-dropdown .dropdown-btn .selected-item:hover {
  box-shadow: none !important;
}

.multiselect-item-checkbox input[type="checkbox"]+div:before {
  box-sizing: content-box;
  content: "";
  color: #ccc !important;
  position: absolute;
  top: 50%;
  left: 0;
  width: 14px !important;
  height: 13px !important;
  margin-top: -7px !important;
  border: 1px solid #ccc !important;
  text-align: center;
  transition: 0.4s;
}

.dropdown-list .filter-textbox {
  border-bottom: 0px !important;
}

.dropdown-list .filter-textbox,
li.multiselect-item-checkbox.ng-star-inserted {
  padding: 2px !important;
}

.dropdown-list {
  margin-top: 2px !important;
  box-shadow: none !important;
}

.multiselect-item-checkbox input[type="checkbox"]+div:after {
  top: 50%;
  left: 3px !important;
  width: 7px !important;
  height: 3px !important;
  border-width: 0 0 2px 2px !important;
}

.Evaluation .mat-checkbox-inner-container {
  margin-right: 2px !important;
}

.Evaluation .mat-radio-label-content {
  padding-left: 2px !important;
}

/*.Evaluation .mat-form-field-wrapper {
      margin-top: -13px !important;
  }
  .Evaluation .mat-datepicker-toggle.mat-datepicker-toggle.btn.bg-purple {
      margin-top: -2px;
  }
  .Evaluation .mat-form-field {
      margin-top: 6px;
  }
  .Evaluation mat-datepicker-toggle.mat-datepicker-toggle.btn.bg-purple {
  
       display: inline-block !important;
  
  }*/
.Evaluation .checkbox label {
  margin-bottom: 0px !important;
}

li.multiselect-item-checkbox.ng-star-inserted {
  /*margin-left: 10px !important;*/
  background: #fff;
  padding-left: 10px !important;
}

input[type="time"]:not(.browser-default) {
  border-radius: 5px;
}

.multiselect-item-checkbox input[type="checkbox"]:checked+div:before {
  -webkit-animation: 0.2s ease-in borderscale;
  animation: 0.2s ease-in borderscale;
  background: #337ab7;
}

.multiselect-item-checkbox input[type="checkbox"]:checked+div:before {
  background: #107dff !important;
}

.multiselect-dropdown .dropdown-btn .selected-item {
  border: none !important;
  margin-right: 4px;
  background: #fff !important;
  padding: 0 5px;
  color: #000000 !important;
  border-radius: none !important;
  float: left;
}

.multiselect-dropdown span.dropdown-btn {
  padding-top: 5px !important;
    display: flex;
    justify-content: space-between;
    overflow-y: hidden;
}

.mat-checkbox-inner-container {
  margin-right: 4px !important;
}
.multiselect-dropdown .dropdown-btn .selected-item{
  overflow-y: hidden;
}
.mat-checkbox-frame {
  border-width: 1px !important;
}

.CenterCheck {
  padding-left: 4px !important;
}

.FixedCheck {
  position: sticky !important;
  top: 0 !important;
  font-weight: bold !important;
  text-align: center;
  z-index: 11;
}

.Table-Globale .mat-checkbox-inner-container {
  height: 15px !important;
  width: 15px !important;
  margin: 0 24px !important;
  top: 7px;
}

.mat-checkbox-checkmark {
  fill: black !important;
}

.mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: white !important;
  border: black !important;
  border: 1px solid black !important;
}

.mat-checkbox-background {
  border: 1px solid black !important;
}

.multiselect-item-checkbox input[type="checkbox"]+div:before {
  border-radius: 3px;
  /*border: 1px solid #a3a3a3 !important;*/
  box-shadow: none;
}

/************* fin multiselect***********/
/************debut accordion ********/
button.accordion-button {
  padding-left: 4px;
}

.accordion-item h2 {
  margin: 0px !important;
}

.accordion-body {
  padding-top: 10px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-bottom: 0px !important;
}

/*************** fin accordion **************/
/************** Debut tabs vertical***************/
a.nav-link.flex-vertical.active {
  box-shadow: none;
}

a.nav-link.flex-vertical {
  text-align: left !important;
  font-size: 12px !important;
}

@media (min-width: 320px) {}

@media (min-width: 380px) {
  .display_grid {
    display: block;
  }

  .btn-span-vertical {
    display: none;
  }

  .display_grid .flex-column {
    display: grid !important;
    grid-gap: 4px !important;
    grid-template-columns: 30px 30px 30px 30px !important;
  }

  .btnIconN.col-white.Icon-vertical {
    margin-left: 0px;
  }
}

@media (min-width: 768px) {
  .btn-span-vertical {
    display: block;
  }

  .display_grid {
    display: block;
  }

  .display_grid a.nav-link.flex-vertical {
    width: auto;
  }

  .display_grid .flex-column {
    display: grid !important;
    grid-gap: 4px !important;
    grid-template-columns: 140px 115px 98px 115px !important;
  }

  a.nav-link.flex-vertical {
    display: flex;
  }

  .btnIconN.col-white.Icon-vertical {
    padding-right: 4px;
  }
}

@media (min-width: 992px) {
  .display_grid {
    display: grid !important;
    grid-gap: 4px !important;
    grid-template-columns: 39px 1fr !important;
  }

  a.nav-link.flex-vertical {
    display: flex;
    writing-mode: vertical-lr !important;
    transform: rotate(3.142rad);
    padding: 8px !important;
  }

  .Icon-vertical {
    transform: rotate(0.25turn);
  }

  .display_grid .flex-column {
    display: inherit !important;
  }

  .btn-span-vertical {
    display: block;
    padding-top: 4px;
  }
}

.btnIconN.col-white.Icon-vertical {
  font-size: 1.3rem;
  align-items: center;
  justify-content: center;
  display: flex;
}

/************** fin tabs vertical***************/

.decoupage .total-value.ng-star-inserted,
.total-label {
  display: none;
}

.decoupage .legend-items-container .legend-items {
  margin-right: 40px !important;
}

mat-form-field .mat-form-field-infix {
  width: 100%;
}

@media (min-width: 992px) {
  .repartition .ngx-charts-outer {
    margin-left: -50px;
  }

  .decoupage div:first-child {
    margin-top: -5px;
  }

  .ngx-charts-outer {
    margin-left: -10px;
  }

  body {
    overflow: hidden;
  }
}

.nav-tabs a.nav-link {
  color: #000000 !important;
  font-size: 12px;
  font-weight: bold;
  padding-left: 2px;
  cursor: pointer;
}

.mat-form-field-infix input {
  padding-left: 2px !important;
  height: 28px !important;
}

.GroupBTN {
  display: flex;
  grid-gap: 4px;
}

.GroupBtnflexEnd {
  display: flex;
  grid-gap: 4px;
  justify-content: flex-end;
}

.form-check-flex {
  display: flex;
  margin-top: auto;
  margin-bottom: auto;
}

.curseur {
  cursor: pointer;
}

.bar-chart-default svg.ngx-charts {
  margin-top: -7px !important;
  margin-left: -30px !important;
}

/*.circle-progress svg.ng-star-inserted {
  margin-left: -20px;
}*/

.mat-calendar-content {
  padding: 0 8px 8px 8px !important;
}

@media (min-width: 320px) {
  .note-editable {
    height: 454px !important;
  }
}

@media (min-width: 565px) {
  .note-editable {
    height: 400px !important;
  }
  .PopupGestionActiviter {
    width: 60%;
}
.PopupGestionValidation {
  width: 60%;
}
.ContenuGestionValidation canvas.signature-pad-canvas {
  width: 50% !important;
}
}

@media (min-width: 768px) {
  .note-editable {
    height: calc(100vh - 297px) !important;
  }
  
}

@media (min-width: 992px) {
  .note-editable {
    height: calc(100vh - 240px) !important;
  }
  
}
@media(min-width:1200px){
  .PopupGestionValidation {
    width: 40%;
  }
}
/**************multiselect padding************/
.multiselect-dropdown {
  padding-bottom: 0px !important;
}

/**************multiselect padding************/

.Table-Heigh td.mat-cell.cdk-cell.face-snap-card.cdk-column-actif.mat-column-actif.ng-star-inserted {
  padding-top: 3px;
  margin-bottom: -5px;
  width: 100px;
}

.Table-Heigh td.mat-cell.cdk-cell {
  vertical-align: middle;
}

.apexcharts-toolbar {
  display: none !important;
}

/*.apexcharts-tooltip.apexcharts-theme-light {
  margin-top: 34px !important;
}*/

.DefaultAreaChart svg {
  height: 250px !important;
}

/********************** Analyse des projets***********/
.AnalyseNotefraisPie svg {
  margin-bottom: -35px !important;
}

.AnalyseProjet .ngx-charts {
  margin-bottom: -35px !important;
}

.contact-chart g.bar-chart.chart {
  position: absolute;
}

.AnalyseProjet svg {
  position: relative;
}

svg:not(:root) {
  overflow: auto !important;
}




@media (min-width: 320px) {
  .AnalyseNotefraisCheck .mat-checkbox-label {
    white-space: normal;
  }
}

@media (min-width: 565px) {
  .AnalyseNotefraisCheck .mat-checkbox-label {
    white-space: inherit;
  }

  /**************datatimepicker padding************/
  .mat-form-field-wrapper {
    margin-bottom: -9px !important;
  }
}

/**********************fin projet***********/

/*.mat-slider-thumb-label {
  
     
  }*/
.mat-slider-horizontal .mat-slider-wrapper {
  top: 18px !important;
}

.mat-slider-horizontal {
  height: 32px !important;
}

/****************notification *****************/
/*------------------------rightsidebar----------------------------------*/
.right-sidebar-notification.open {
  right: 0;
}

#notification .cursorPointeur {
  cursor: pointer;
}

.right-sidebar-notification {
  position: fixed;
  right: -330px;
  background: #fdfdfd;
  z-index: 1030 !important;
  -webkit-box-shadow: -2px 2px 5px rgb(0 0 0 / 10%);
  -moz-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.1);
  box-shadow: -2px 2px 5px rgb(0 0 0 / 10%);
  overflow: hidden;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.menu_dark .sidebar {
  background: #635f78;
  font-weight: 500;
}

.rightSetting {
  padding: 0px 15px 0px 20px;
  clear: both;
}

/*****************matAutocomplete*****************************/
.matAutocomplete.mat-form-field-appearance-fill .mat-form-field-infix {
  margin-right: 4px !important;
}

.matAutocomplete input#mat-input-0 {
  border: 0;
}

.mat-option {
  height: auto !important;
  white-space: initial !important;
  line-height: 23px !important;
  padding: 0 6px !important;
  text-align: left !important;
  text-decoration: none !important;
  max-width: 100% !important;
  position: relative !important;
  cursor: pointer !important;
  outline: none !important;
  display: flex !important;
  flex-direction: row !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  align-items: center !important;
  -webkit-tap-highlight-color: #161111c2 !important;
  font-size: 14px !important;
}

.mat-option-text {
  overflow: auto !important;
}

.mat-autocomplete-panel.mat-autocomplete-visible {
  border: 1px solid #c7c5c5 !important;
  box-shadow: none !important;
}

.mat-autocomplete-panel {
  max-height: calc(100vh - 322px) !important;
  width: 100% !important;
}

.example-form {
  min-width: 150px;
  max-width: 500px;
  width: 100%;
}

.example-full-width {
  width: 100%;
}

input,
.matAutocomplete input {
  border: 0px;
}

/***************** fin matAutocomplete*****************************/
th.mat-header-cell {
  border: 1px solid #ccc !important;
}

.apexcharts-canvas {
  margin-left: 5px;
  margin-right: 5px;
}

/* .apexcharts-legend.apexcharts-align-center.apx-legend-position-bottom {
    inset: auto 0px 5px 20px !important;
    position: absolute !important;
    max-height: 200px !important;
  }
  .apexcharts-legend {
    padding-right: 50px !important;
  }*/
daypilot-calendar .calendar_default_main {
  height: calc(100vh - 226px) !important;
  overflow: auto;
}

.border-01 {
  border: 1px solid #ccc;
}

.DivPlanning .border-01 {
  border: 1px solid #ccc;
  border-radius: 5px !important;
}

.navigator .navigator_default_main {
  border-radius: 5px !important;
}

.ChoixHeur .mat-radio-label,
.GroupParticipant .mat-radio-label {
  margin-right: 4px !important;
}

.BlocCalender .mat-card {
  padding: 0 !important;
  border: 1px solid #ccc;
}

.grid-1fr-30-30 {
  display: grid;
  grid-template-columns: 1fr 30px 30px;
  grid-gap: 4px;
}

.BlocCalender .mat-calendar-controls {
  margin: 0px !important;
}

.calendar_default_colheader_inner {
  white-space: initial !important;
  text-align: center !important;
  width: auto !important;
}

.calendar_default_cell_inner {
  background: rgb(255, 200, 125) !important;
}

.calendar_default_cell_business .calendar_default_cell_inner {
  background: rgb(255, 255, 255) !important;
}

.calendar_default_colheader_inner {
  text-transform: capitalize !important;
}

daypilot-calendar .calendar_default_main>div+div>div table tr td+td>div table {
  position: relative;
  top: -30px;
}

.calendar_default_colheader,
.calendar_default_corner {
  height: 39px !important;
}

.navigator_default_title,
.navigator_default_titleleft,
.navigator_default_titleright {
  border-top: 0px solid rgb(192, 192, 192) !important;
  border-bottom: 0px solid rgb(192, 192, 192) !important;
  background: transparent !important;
}

.navigator_default_line {
  border-bottom: 0px solid rgb(192, 192, 192) !important;
}

.navigator_default_main {
  width: 224px !important;
  text-align: center;
  border: 1px solid rgb(192, 192, 192);
  ;
}

.navigator_default_select .navigator_default_cell_box {
  background-color: rgb(255, 231, 148);
  opacity: 1 !important;
}

.navigator_default_month {
  font-size: 12px;
  margin: 0 auto !important;
  font-family: "Helvetica" !important;
}

.modal_default_main {
  border: 0px solid !important;
  border-radius: 10px !important;
}

.modal_default_buttons {
  margin-top: 0;
}

.modal_default_ok {
  border: 0px !important;
  background-color: #34bdbd;
  color: #fff;
  border-radius: 5px;
}

.DivPlanning .calendar_default_cornerright {
  display: none !important;
}

.modal_default_cancel {
  border: 0px !important;
  background-color: #6c757d !important;
  color: #fff;
  border-radius: 5px;
}

input:not([type]) {
  border-radius: 5px !important;
}

p.badge {
  font-size: 12px;
  padding-left: 2px !important;
  padding-right: 2px !important;
  padding-top: 4px;
}

.projetcheck .mat-checkbox-label {
  white-space: normal !important;
}

.ListInterCardReventil.heightintervenat ul li,
.ListInterCard.heightintervenat ul li {
  margin-bottom: 0px !important;
}

.ListInterCardReventil.heightintervenat ul,
.ListInterCard.heightintervenat ul {
  margin-bottom: 0px !important;
}

.ListInterCardReventil.heightintervenat tr.mat-row,
.ListInterCard.heightintervenat tr.mat-row {
  height: 26px !important;
}

.ListInterCardReventil.heightintervenat,
.ListInterCard.heightintervenat {
  box-shadow: none !important;
}


.ListInterCardReventil,
.ListInterCard {
  border: 1px solid #adadad !important;
}

@media (min-width: 320px) {
  .ListInterCard.heightintervenat {
    height: 225px !important;
    overflow-y: auto;
  }

  .card.bg-title-card.ListInterCardReventil.heightintervenat {
    height: 225px !important;
    overflow-y: auto;
  }
}

@media (min-width: 992px) {
  .ListInterCard.heightintervenat {
    height: 200px !important;
    overflow-y: auto;
  }

  .card.bg-title-card.ListInterCardReventil.heightintervenat {
    height: 220px !important;
    overflow-y: auto;
  }
}

@media (min-width: 1024px) {
  .ListInterCard.heightintervenat {
    height: 89px !important;
    overflow-y: auto;
  }

  p-card .list {
    height: calc(100vh - 276px);
    overflow: auto;
  }

  .card.bg-title-card.ListInterCardReventil.heightintervenat {
    height: 89px !important;
    overflow-y: auto;
  }
}

@media (min-width: 1200px) {
  .ListInterCard.heightintervenat {
    height: 100px !important;
    overflow-y: auto;
  }

  .card.bg-title-card.ListInterCardReventil.heightintervenat {
    height: 135px !important;
    overflow-y: auto;
  }
}

@media (min-width: 1440px) {
  .ListInterCard.heightintervenat {
    height: calc(100vh - 584px) !important;
    overflow-y: auto;
  }

  .card.bg-title-card.ListInterCardReventil.heightintervenat {
    height: 179px !important;
    overflow-y: auto;
  }
}

@media (min-width: 565px) {

  .TableRepartitionStickey td.mat-cell.cdk-cell.cdk-column-projet.mat-column-projet.ng-star-inserted.mat-table-sticky {
    left: 0 !important;
    z-index: 900 !important;
    min-width: 100px !important;

  }

  .TableRepartitionStickey th.mat-header-cell.cdk-header-cell.cdk-column-projet.mat-column-projet.ng-star-inserted.mat-table-sticky.mat-table-sticky-border-elem-top {
    left: 0 !important;
    z-index: 999 !important;
    min-width: 100px !important;


  }

  .TableRepartitionStickey th.mat-header-cell.cdk-header-cell.cdk-column-intitulesousprojet.mat-column-intitulesousprojet.ng-star-inserted.mat-table-sticky.mat-table-sticky-border-elem-top {
    left: 100px !important;
    z-index: 999 !important;
    min-width: 100px !important;
  }

  .TableRepartitionStickey td.mat-cell.cdk-cell.cdk-column-intitulesousprojet.mat-column-intitulesousprojet.ng-star-inserted.mat-table-sticky {
    left: 100px !important;
    z-index: 900 !important;
    min-width: 100px !important;
  }

  .TableRepartitionStickey th.mat-header-cell.cdk-header-cell.cdk-column-intervenant.mat-column-intervenant.ng-star-inserted.mat-table-sticky.mat-table-sticky-border-elem-top {
    left: 200px !important;
    z-index: 999 !important;
    top: 0px;
    min-width: 100px !important;

  }

  .TableRepartitionStickey td.mat-cell.cdk-cell.cdk-column-intervenant.mat-column-intervenant.ng-star-inserted.mat-table-sticky {
    left: 200px !important;
    z-index: 900 !important;
    top: 0px;
    min-width: 100px !important;
  }

  .TableRepartitionStickey th.mat-header-cell.cdk-header-cell.cdk-column-intervenant.mat-column-intervenant.ng-star-inserted.mat-table-sticky {
    left: 200px !important;
    z-index: 999 !important;
    top: 0px;
    min-width: 100px !important;

  }

  /*th.mat-header-cell.cdk-header-cell.TopRevonti.cdk-column-horaireprev.mat-column-horaireprev.ng-star-inserted.mat-table-sticky*/



  .TableRepartitionStickey th.mat-header-cell.cdk-header-cell.cdk-column-horaireprev.mat-column-horaireprev.ng-star-inserted.mat-table-sticky {
    right: 0px !important;
    z-index: 999 !important;
    top: 0px;
    min-width: 100px !important;

  }

  .TableRepartitionStickey td.mat-cell.cdk-cell.cdk-column-horaireprev.mat-column-horaireprev.ng-star-inserted.mat-table-sticky {
    right: 0px !important;
    z-index: 900 !important;
    top: 0px;
    min-width: 100px !important;
  }







  /*th.mat-header-cell.cdk-header-cell.TopRevonti.cdk-column-horaireprev.mat-column-horaireprev.ng-star-inserted.mat-table-sticky*/







  .TableRepartitionStickey th.mat-header-cell.cdk-header-cell.cdk-column-competence.mat-column-competence.ng-star-inserted.mat-table-sticky.mat-table-sticky-border-elem-top.mat-table-sticky-border-elem-left {
    left: 300px !important;
    z-index: 999 !important;
    top: 0px;
    min-width: 100px !important;

  }

  .TableRepartitionStickey td.mat-cell.cdk-cell.cdk-column-competence.mat-column-competence.ng-star-inserted.mat-table-sticky.mat-table-sticky-border-elem-left {
    left: 300px !important;
    z-index: 900 !important;
    top: 0px;
    min-width: 100px !important;

  }

  .TableRepartitionStickey th.mat-header-cell.cdk-header-cell.cdk-column-competence.mat-column-competence.ng-star-inserted.mat-table-sticky {
    left: 300px !important;
    z-index: 999 !important;
    top: 0px;
    min-width: 100px !important;

  }

  .TableRepartitionStickey th.mat-header-cell.cdk-header-cell.text-center.cdk-column-header-row-third-group-cible4.mat-column-header-row-third-group-cible4.ng-star-inserted.mat-table-sticky {
    left: 0 !important;
    z-index: 999 !important;
    top: 0px;
    min-width: 200px !important;

  }


  .TableRepartitionStickey th.mat-header-cell.cdk-header-cell.text-center.text-blod.cdk-column-header-row-fourth-group-cible3.mat-column-header-row-fourth-group-cible3.ng-star-inserted.mat-table-sticky.mat-table-sticky-border-elem-right {
    right: 250px !important;
    z-index: 999 !important;
    top: 0px;
    min-width: 100px !important;
  }

  .TableRepartitionStickey td.mat-cell.cdk-cell.text-right.cdk-column-pnonaffecte.mat-column-pnonaffecte.ng-star-inserted.mat-table-sticky {
    right: 100px !important;
    z-index: 900 !important;
    min-width: 50px !important;
  }




  .TableRepartitionStickey th.mat-header-cell.cdk-header-cell.cdk-column-totalaffecte.mat-column-totalaffecte.ng-star-inserted.mat-table-sticky.mat-table-sticky-border-elem-top.mat-table-sticky-border-elem-right {
    right: 300px !important;
    z-index: 999 !important;
    top: 0px;
    min-width: 50px !important;
  }

  .TableRepartitionStickey td.mat-cell.cdk-cell.text-right.cdk-column-totalaffecte.mat-column-totalaffecte.ng-star-inserted.mat-table-sticky.mat-table-sticky-border-elem-right {
    right: 300px !important;
    z-index: 900 !important;
    min-width: 50px !important;
  }

  .TableRepartitionStickey td.mat-cell.cdk-cell.text-right.cdk-column-tpsnonaffecter.mat-column-tpsnonaffecter.ng-star-inserted.mat-table-sticky {
    right: 164px !important;
    z-index: 900 !important;
    min-width: 50px !important;
  }

  .TableRepartitionStickey th.mat-header-cell.cdk-header-cell.cdk-column-tpsnonaffecter.mat-column-tpsnonaffecter.ng-star-inserted.mat-table-sticky.mat-table-sticky-border-elem-top {
    position: sticky !important;
    right: 164px !important;
    z-index: 999 !important;
    top: 0px;
    min-width: 50px !important;
  }






  .TableRepartitionStickey td.mat-cell.cdk-cell.text-right.cdk-column-ptotalaffecte.mat-column-ptotalaffecte.ng-star-inserted.mat-table-sticky {
    right: 250px !important;
    z-index: 900 !important;
    min-width: 50px !important;
  }

  .TableRepartitionStickey th.mat-header-cell.cdk-header-cell.cdk-column-ptotalaffecte.mat-column-ptotalaffecte.ng-star-inserted.mat-table-sticky.mat-table-sticky-border-elem-top {
    right: 250px !important;
    z-index: 999 !important;
    top: 0px;
    min-width: 50px !important;
  }


  .TableRepartitionStickey th.mat-header-cell.cdk-header-cell.cdk-column-pnonaffecte.mat-column-pnonaffecte.ng-star-inserted.mat-table-sticky.mat-table-sticky-border-elem-top {
    right: 100px !important;
    z-index: 999 !important;
    min-width: 50px !important;
  }


  .TableRepartitionStickey th.mat-header-cell.cdk-header-cell.cdk-column-horaireprev.mat-column-horaireprev.ng-star-inserted.mat-table-sticky.mat-table-sticky-border-elem-top {
    position: sticky !important;
    right: 0px !important;
    z-index: 999 !important;
    /*top: 0px !important;*/
    min-width: 50px !important;
  }

  .TableRepartitionStickey td.mat-cell.cdk-cell.text-right.cdk-column-horaireprev.mat-column-horaireprev.ng-star-inserted.mat-table-sticky {
    position: sticky !important;
    right: 0px !important;
    z-index: 900 !important;
    top: 0px;
    min-width: 50px !important;
  }

  .TableRepartitionStickey th.mat-header-cell.cdk-header-cell.text-center.text-blod.cdk-column-header-row-second-group-cible4.mat-column-header-row-second-group-cible4.ng-star-inserted.mat-table-sticky {
    position: sticky !important;
    right: 100px !important;
    z-index: 999 !important;
    top: 0px;
    min-width: 150px !important;
  }
}

.loading-img-spin {
  top: 50%;
  left: 50%;
  -webkit-animation: spin 1.5s linear infinite;
  -moz-animation: spin 1.5s linear infinite;

  width: 100px;
  height: 100px;
  animation: spin 2s linear infinite;

}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.hide-column {
  display: none;
}

.TopStickyProjet {

  z-index: 999999 !important;
}

.topNonFix {

  z-index: 99 !important;
}

table {
  border-collapse: initial !important;
}

table.mat-table {
  border-spacing: initial !important;
}

.TopRevonti {
  top: 30px !important;
}

.TopSticky {
  top: 0px !important;
}

.loading-text {
  top: 58% !important;

}

.apexcharts-legend {
  overflow-x: auto;
  white-space: nowrap;
}
.mat-calendar-body-selected {
  color: #fff !important;
}