/**==========MARGIN==========##==========MARGIN==========##==========MARGIN==========**/
.m-unset{ margin: unset !important; }

.m-auto{ margin: auto !important; }

.mx-auto{  margin-left: auto !important; margin-right: auto !important; }
  .ml-auto{ margin-left: auto !important; }
  .mr-auto{ margin-right: auto !important; }
.my-auto{ margin-top: auto !important; margin-bottom: auto !important; }
  .mt-auto{ margin-top: auto !important; }
  .mb-auto{ margin-bottom: auto !important; }

.m-0{ margin: 0 !important; }
.mx-0{  margin-left: 0 !important; margin-right: 0 !important; }
  .ml-0{ margin-left: 0 !important; }
  .mr-0{ margin-right: 0 !important; }
.my-0{ margin-top: 0 !important; margin-bottom: 0 !important; }
  .mt-0{ margin-top: 0 !important; }
  .mb-0{ margin-bottom: 0 !important; }

.m-1{ margin: 1rem !important; }
.mx-1{  margin-left: 1rem !important; margin-right: 1rem !important; }
  .ml-1{ margin-left: 1rem !important; }
  .mr-1{ margin-right: 1rem !important; }
.my-0{ margin-top: 1rem !important; margin-bottom: 1rem !important; }
  .mt-1{ margin-top: 1rem !important; }
  .mb-1{ margin-bottom: 1rem !important; }

.m-2{ margin: 2rem !important; }
.mx-1{  margin-left: 2rem !important; margin-right: 2rem !important; }
  .ml-2{ margin-left: 2rem !important; }
  .mr-2{ margin-right: 2rem !important; }
.my-2{ margin-top: 2rem !important; margin-bottom: 2rem !important; }
  .mt-2{ margin-top: 2rem !important; }
  .mb-2{ margin-bottom: 2rem !important; }

.mt-05{ margin-top: 0.5rem !important; }
.ml-custom{ left: -8px !important; }

/**==========PADDING==========##==========PADDING==========##==========PADDING==========**/
.p-unset{ padding: unset !important; }

.p-0{ padding: 0 !important; }
.px-0{  padding-left: 0 !important; padding-right: 0 !important; }
  .pl-0{ padding-left: 0 !important; }
  .pr-0{ padding-right: 0 !important; }
.py-0{ padding-top: 0 !important; padding-bottom: 0 !important; }
  .pt-0{ padding-top: 0 !important; }
  .pb-0{ padding-bottom: 0 !important; }

.p-1{ padding: 1rem !important; }
.px-1{  padding-left: 1rem !important; padding-right: 1rem !important; }
  .pl-1{ padding-left: 1rem !important; }
  .pr-1{ padding-right: 1rem !important; }
.py-1{ padding-top: 1rem !important; padding-bottom: 1rem !important; }
  .pt-1{ padding-top: 1rem !important; }
  .pb-1{ padding-bottom: 1rem !important; }

.p-2{ padding: 2rem !important; }
.px-2{  padding-left: 2rem !important; padding-right: 2rem !important; }
  .pl-2{ padding-left: 2rem !important; }
  .pr-2{ padding-right: 2rem !important; }
.py-2{ padding-top: 2rem !important; padding-bottom: 2rem !important; }
  .pt-2{ padding-top: 2rem !important; }
  .pb-2{ padding-bottom: 2rem !important; }

.pl-unset{ padding-left: unset !important; }
.pl-625{ padding-left: .625rem !important; }
.p-custom{ padding: 0.85em 0em !important; }

/**==========FLEX==========##==========FLEX==========##==========FLEX==========**/
.d-flex{ display: flex !important; }
.d-block{ display: block !important; }
.d-grid{ display: grid !important; }

.justify-content-center{ justify-content: center !important; }
.justify-content-end{ justify-content: end !important; }
.justify-content-between{ justify-content: space-between !important; }
.justify-content-around{ justify-content: space-around !important; }

.align-items-center{ align-items: center !important; }

/**==========POSITION==========##==========POSITION==========##==========POSITION==========**/
.position-fixed{ position: fixed !important;}
.position-relative{ position: relative !important; }
.position-sticky{ position: sticky !important; }

.position-unset{ position: unset !important;}



.table_custom tbody td { overflow: hidden; text-overflow: ellipsis; max-width: 300px; }
.table_custom tbody td:nth-child(n-1) { border-right: 1px solid #F1F1F1; }
.table_custom tbody tr { transition: all 0.1s ease-in-out; line-height: 1.2; }
.table_custom tbody tr:hover { background: #6A93AC!important; color: white!important; cursor: pointer; }
.table_custom tbody tr:active { background: #0a7fcd!important; color: white!important; cursor: pointer; }

.header_sort { background-color: #003C57; padding-right: 0; }
.header_sort, .header_sort a { color: white; }
.header_sort:hover { background-color:  #007198; color: #ceddef; }

.border-x-white{ border-width: 1px; border-color: white; border-right-style: solid; border-left-style: solid; }


.input-group-button{min-width: 5.7% !important;}


.customTTD td a{
  display: block;
}

.customTTD:hover > td a{
  color: white !important;
}

.bb-grey{
  border-bottom: grey solid 1px;
}

.dropdownCustom a:hover{
  background: #026E8F !important;
}

.dropdownCustom ul *:hover{
  background: #026E8F !important;
}

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

.text-success{
  color: #22bb5b !important;
}

.text-secondary{
    color: #6C757D !important;
}

.text-danger{
  color: red !important;
}

.border{
  border: 1px solid grey; }


/*.reveal{
  min-height: 25rem !important; }*/


.fa-1p5{
  font-size: 1.5em; }
.fa-2{
  font-size: 2.4; }


.btn-active{
  background-color: #04BBFF !important; }


.tooltip{
  z-index: 100 !important; }


.customP{ padding: 0.40em 1.5em !important; }


.br-2{
  border-radius: 2rem !important; }


.fw-bold{
  font-weight: bold; }



  .poll-card{
    border: 1px solid #cacaca;
    border-radius: 4px;
}

.bg-primary{
    background-color: #428bca !important;
}

.poll-card .list-group-item label{
    position: relative;
    display: block;
    padding: 3px 15px;
    background-color: #fff;
    border-bottom: 1px solid #cacaca;
}

.poll-card label.columns{
  border-bottom: 1px solid #cacaca;
}

.poll-card .columns.medium-12 .input-group .input-group-label {
    min-width: unset !important;
}

.poll-card .input-group{
    margin-bottom: unset !important;
}

.poll-card #autres-type-ecran label{
    padding-left: 3rem;
}

.bg-grey{
  background-color: #e6e6e6;
}

#addVacForm div.input.select select#intervenant-id{
  margin-bottom: 0 !important;
}

.dropdown-pane.is-open{
  padding: unset !important;
  width: unset !important;
  background-color: inherit;
  border: inherit;
  margin-top: 8px;
}

.dropdown-pane .button{
  /*border: solid white 0.25px;*/
  margin-bottom: 0.1px;
}



a.button.dropdown.customP{
  padding: 0.40em 0.8em !important;
}

#table-options label{
  display: inline;
}

#table-options .accordion{
  background: transparent;
}

#table-options .accordion-title{
  padding: unset;
  padding-left: 1rem;
  color: unset;
  font-size: unset;
}

#add-form .input-group-label, #edit-form .input-group-label{
  min-width: 7rem;
}

#job-index-form .input-group .input-group-label{
  min-width: unset;
}


#general-card{
  background-color: white;
  border-radius: 2px;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12);
}
#general-card *{
  font-family: 'Open Sans', 'Roboto', sans-serif !important;
}

#general-card fieldset.fieldset{
  padding: 0px 0px 0px 1.25rem;
  margin: unset;

  border-radius: 2px;
  border: unset
}

#general-card fieldset.fieldset legend{
  position: relative;
  z-index: 1;
  top: 11px;
  margin-left: 0.7rem;
  background-color: white;
}

#general-card fieldset.fieldset button{
  margin-top: 1rem;
}

#general-card fieldset.fieldset span.label{
  margin-left: -0.7rem;
}

#general-card fieldset.fieldset div.period_picker_input{
  padding: 0.4rem;
  width: 100%;
}


select[name="heure_rdv[hour]"], select[name="heure_rdv[minute]"], select[name="full_duration[hours]"], select[name="full_duration[minutes]"], select[name="calendar_minTime[hour]"], select[name="calendar_minTime[minute]"], select[name="calendar_maxTime[hour]"], select[name="calendar_maxTime[minute]"] {
  width: 50%;
}


#stats-option div.input.checkbox{
  border-bottom: solid 1px transparent;
  transition: border 0.15s ease-out;
  cursor: pointer;
}

#stats-option div.input.checkbox:hover{
  border-bottom: solid 1px #003C57;
  cursor: pointer;
}


#general-card #offday_table thead, #general-card #accident_table thead{
  border: unset;

}


#general-card table tbody{
  border: 1px solid transparent;
  border-bottom: 1px solid #003C57;
  border-top: 1px solid #003C57;
}


#labelTest::before{
  content: '';
  position: relative;
  width: 3px;
  height: 3px;
  top: 27px;
  left: 4.5%;
  z-index: 0;
}


/*.color-picker{
  top: unset !important;
  bottom: -109% !important;
}*/



#tableA th{
  border: 1px solid white;
  background: #003C57;
} #tableA th:hover {
    background: #004f74;
  }

#tableA th, #tableA th *{
  color: #F9F9F9;
}

#tableA thead tr th a {
  display: block;
}


#tableA tbody {
  border-bottom: 1px solid #003C57;
}

#tableA #statutTD span{
  position: relative;
  left: -8px;
} #tableA #statutTD::before{
    border-left: 8px solid transparent;
    border-top: 4px solid;
  }
  #tableA #statutTD span.label::before{
    content: '';
    position: relative;
    top: 23.7px;
    left: -8px;
    border-left: 8px solid transparent;
    border-top: 4px solid;
  } #tableA #statutTD span.label::before{ border-top-color: #1a7fc2; }
    #tableA #statutTD span.label.alert::before{ border-top-color: #33c067; }
    #tableA #statutTD span.label.success::before{ border-top-color: #33bb65; }
    #tableA #statutTD span.label.secondary::before{ border-top-color: rgb(98, 98, 98); }


#tableA tbody tr:hover .invisible{
  visibility: visible;
}
#tableA tbody tr:active{
  background: #0a7fcd;
  color: white;
}

#tableA tbody td:hover{
  cursor: pointer;
}

#actionsTD{
  white-space: nowrap;
}

#tableA tbody #actionsTD:hover {
  cursor: unset;
}
#tableA tbody .invisible{
  font-size: 1.33rem;
  padding: 5px 9px !important;
} #tableA tbody .invisible:hover{
    background-color: rgba(0,0,0,.05);
    border-radius: 100%;
  }

  #moduleButton{
    min-width: 116.25px;
  }


  .w-90{
    width: 90% !important;
  }






.overflow-auto{
  overflow: auto;
}







#vacs_global_table_container{
  position: sticky;
  top: 0;
}

#tableA.vacs_global_table {
  border-collapse: separate;
}

#tableA.vacs_global_table thead th{
  position: sticky;
  top: 0;
  z-index: 1;
}

#tableA.vacs_global_table #collaborateurHeaderH{
  z-index: 3;
}

#tableA.vacs_global_table #collaborateurHeaderB{
  white-space: nowrap;
}

#tableA.vacs_global_table th[scope=row]{
  position: sticky;
  left: 0;
  z-index: 2;
}

.editor-toolbar{
  background-color: #003C57;
  opacity: unset !important;
}
.editor-toolbar button svg, .editor-toolbar button::after{
  color: white;
}

.editor-toolbar button:hover > svg, .editor-toolbar button:hover > .editor-toolbar button::after{
  color: #003C57;
}

.editor-toolbar button:hover::after{
  color: #003C57;
}

.editor-toolbar button.active::after, .editor-toolbar button.active svg{
  color: #003C57 !important;
}


/*#submit_markdown{
  position: fixed;
  top: 18rem;
  right: 27rem;
  height: 4rem;
  width: 4rem;
  border-radius: 50%;
}*/

  /**********************/





  /**********************/








/*
#responsive-menu .button.buttonTabs{
  max-height: 35px;
  padding: 0.25em 1em;
}
*/

/* Small only */
@media screen and (max-width: 39.9375em) {

  #tableA tbody .invisible{
    visibility: visible;
  }
}

/* Medium and up */
@media screen and (min-width: 40em) {}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  #tableA tbody .invisible{
    visibility: visible;
  }
}

/* Large and up */
@media screen and (min-width: 64em) {
  .w-50{
    width: 50% !important;
  }

}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}