// Custom








.bg-white {
    background-color: #fff !important;
}

.bg-whiteblue {
    background-color: #E2ECF2 !important;
}

.bg-transparent {
    background-color: transparent !important;
}

.bg-lightpink {
    background-color: #ffbec9 !important;
}


.bg-yellow {
    background-color: #e9e966;
}

.bg-greenyellow {
    background-color: #ddf2bf !important;
}

.bg-lightblue {
    background-color: #d9f1f7 !important;
}

.border-top-primary {
    border-top: #2196F3  2px solid !important;
}

.border-top-secondary {
    border-top: #eee 2px solid !important;
}

.border-top-success {
    border-top: #008744 2px solid !important;
}

.border-top-info {
    border-top: #166983 2px solid !important;
}

.border-top-warning {
    border-top: #e99002 2px solid !important;
}

.border-top-danger {
    border-top: #980000 2px solid !important;
}

.border-top-light {
    border-top: #eee 2px solid !important;
}

.border-top-dark {
    border-top-color: #222 !important;
}

.border-top-white {
    border-top: #fff 2px solid !important;
}

.table-lightpink,
.table-lightpink>th,
.table-lightpink>td {
    background-color: #ffbec9;
}

.table-yellow,
.table-yellow>th,
.table-yellow>td {
    background-color: #cccc4f;
}

.table-greenyellow,
.table-greenyellow>th,
.table-greenyellow>td {
    background-color: #ddf2bf;
}

.table-lightblue,
.table-lightblue>th,
.table-lightblue>td {
    background-color: #d9f1f7;
}

.btn-filter {
    width: 150px;
}

.p-calendar,
.p-dropdown,
.p-dropdown.ui-dropdown-label,
.p-autocomplete,
.p-dropdown-label,
.p-inputnumber,
.p-inputtext {
   margin: 0px !important;
    width: 100% !important;
    height: 32px !important;

}

.p-chips-multiple-container{
  overflow: auto !important;
}
.p-multiselect {
  -ms-user-select: none;
  -webkit-user-select: none;
  cursor: pointer;
  /* display: inline-flex; */
  position: relative;
  user-select: none;
}
p-autocomplete {
    padding: 0px !important;
    margin: 0px !important;
}

.p-splitbutton{
  height: 32px !important;
}

.p-button.p-button-success{
  background-color: #3caea3;
  border-color: #48aaa0;
}



.p-dialog .p-dialog-header{
  background-color: #3c8dbc;
  color: white;
}
.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success
> .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
  background: #3caea3;
  color: #ffffff;
  border-color: #3caea3;
}
.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success
> .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
  background: #20c997;
  color: #ffffff;
  border-color: #20c997;
}
.p-dialog .p-dialog-header .p-dialog-header-icon{
  color: #ffffff;

}
.p-breadcrumb{
  margin-top: -0.7rem!important;
  margin-bottom: 0.2rem!important;
  padding: 0.2rem;
  background: #f1f1f1;
  border: 1px solid #f1f1f1;
}
.p-disabled, .p-component:disabled {
  opacity: 1;
  background-color: #f3f6f7;
}
.p-dialog .p-dialog-footer .p-button-icon-only{

  width: 3rem !important;
}
.p-button:enabled:active {
  background:#4084bd;
  color: #ffffff;
  border-color: #2196F3;
}
.p-button{
  background:#4084bd;
  color: #ffffff;
  border-color: #2196F3;
}
.p-dialog{
  width: 30em;
}
// .p-confirmdialog {
//   width: 30em;
// }

.p-button.p-button-secondary, .p-buttonset.p-button-secondary
> .p-button, .p-splitbutton.p-button-secondary > .p-button{

  background: #fbfeff;
  color: #020202;
  border-color: #ced4da
}
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary
> .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
  background: #ffffff;
  color: #101010;
  border-color: #56717d;
}
.toast-success{
  background-color: #3caea3;
}

.p-datepicker td>span{
  display: initial !important;
}
.ui-state-disabled, .ui-widget:disabled {
    opacity: 100 !important;
}

.p-toast .p-toast-message.p-toast-message-warn {
  background: #ffffff;
  border: solid #456a98;
  border-width: 0 0 0 6px;
  color: #0f0e0e;
}
.fc .fc-daygrid-event-harness {
  position: relative;
  background: #2196F3;
}

.fc-event {
  padding: 4px 6px;
  background-color: #2196F3;
  color: #fff !important;
  border: 0;
}

.p-overlaypanel .p-overlaypanel-content {
  padding: 0rem;
}


.h-3 {
  height: 3vh !important;
}
.h-10 {
  height: 10vh !important;
}
.h-15 {
  height: 15vh !important;
}
.h-20 {
  height: 20vh !important;
}
.h-25 {
  height: 25vh !important;
}
.h-30 {
  height: 30vh !important;
}
.h-35 {
  height: 35vh !important;
}
.h-40 {
  height: 40vh !important;
}
.h-45 {
  height: 45vh !important;
}
.h-50 {
  height: 50vh !important;
}
.h-55 {
  height: 55vh !important;
}
.h-60 {
  height: 60vh !important;
}
.h-65 {
  height: 65vh !important;
}
.h-70 {
  height: 70vh !important;
}
.h-75 {
  height: 75vh !important;
}
.h-80 {
  height: 80vh !important;
}
.h-85 {
  height: 85vh !important;
}
.h-90 {
  height:90vh !important;
}
.h-95 {
  height: 95vh !important;
}
.h-100 {
  height: 100vh !important;
}




.w-10 {
  width: 10vw !important;
}
.w-15 {
  width: 15vw !important;
}
.w-20 {
  width: 20vw !important;
}
.w-25 {
  width: 25vw !important;
}
.w-30 {
  width: 30vw !important;
}
.w-35 {
  width: 35vw !important;
}
.w-40 {
  width: 40vw !important;
}
.w-45 {
  width: 45vw !important;
}
.w-50 {
  width: 50vw !important;
}
.w-55 {
  width: 55vw !important;
}
.w-60 {
  width: 60vw !important;
}
.w-65 {
  width: 65vw !important;
}
.w-70 {
  width: 70vw !important;
}
.w-75 {
  width: 75vw !important;
}
.w-80 {
  width: 80vw !important;
}
.w-85 {
  width: 85vw !important;
}
.w-90 {
  width:90vw !important;
}
.w-95 {
  width: 95vw !important;
}
.w-100 {
  width: 100vw !important;
}

// .ui-tabview.ui-tabview-top>.ui-tabview-nav{
//   display:flex;
// }
// .ui-tabview.ui-tabview-top>.ui-tabview-nav li{
//   flex: 1;
// }
// .m-a-p ,li a,
//   .p-tabview.p-tabview-left .p-tabview-nav li a,
//    .p-tabview.p-tabview-right .p-tabview-nav li a{
//   color: #5A738E !important;
//   }

  // li a.m-a{
  // color: #ffffff !important;
  // }

  //  .ui-tabview-nav li.ui-state-active, body .ui-tabview.ui-tabview-left
  //    .ui-tabview-nav li.ui-state-active, body .ui-tabview.ui-tabview-right
  //    .ui-tabview-nav li.ui-state-active {
  //     background-color: #ffffff !important;
  //     border-bottom-color: #05c436 !important;
  //     border-bottom-style: solid !important;
  //     border-bottom-width: 3px !important;


  // }
  // .panel-header-color ,.ui-dialog .ui-dialog-titlebar{
  //   color:#ffffff !important;
  //   background-color: #3c8dbc !important;
  //   border-bottom-color: #3c8dbc !important;
  //   border-top-color: #3c8dbc !important;
  //   border-left-color: #3c8dbc !important;
  //   border-right-color: #3c8dbc !important;

  //   }

    // .panel-header-color,.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon{
    //   color:#ffffff !important;
    // }

  .onglet-p-3{
    width: 33.1% !important;
   background-color: #fafbfc !important;
  }
  .onglet-p-2{
    width: 50% !important;
   background-color: #fafbfc !important;
  }
  .onglet-pn-2{
    width: 20% !important;
   background-color: #fafbfc !important;
  }
  .onglet-p-4{
    width: 24.3% !important;
  background-color: #fafbfc !important;
  }


//   .p-accordion .p-accordion-header .p-accordion-header-link {
//     padding: 0rem;
//     border: 0px solid #dee2e6;
//     font-weight: 600;
//     border-radius: 3px;
//     transition: box-shadow 0.2s;
// }

::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #2C3941;
}
