/*******************************************/
/****** ELEMENTS STRUCTURANT LA PAGE *******/
/*******************************************/
body
{
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  background-color:#DDD !important;
}
header
{
  margin-bottom: 10px;
}
footer
{
  border-top: solid black 1px;
  margin-top: 10px;
  padding-top: 10px;
}
.img-centre {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.container-valign {
  display: table-cell;
  vertical-align: middle;
}
.w-30 {
  width: 30% !important;
}

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

.font-size-08 {
  font-size: 0.8rem !important;
}

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

.font-bold {
  font-weight: bold !important;
}

.btn-flexi {
  color: white !important;
  /*background-color: rgb(79,96,175) !important;*/
  background-color: rgb(0,0,102) !important;
  border-color: rgb(0,0,102) !important;
}


@media (min-width: 768px) {
  .float-md-end {
    float: right !important;
  }
}
.cache {
  display: none !important;
}
.text-blanc {
  color: white;
}

/* NAVBAR */
.bg-navbar {
  background-color: rgb(0,0,102) !important;
}
.menu-actif {
  border-bottom-color: white !important;
  border-bottom: solid;
  font-weight: bold;
}
.dropdown-item.active {
  background-color: rgb(25,25,117) !important;
}

/* TABLE */
.table {
  background-color: white !important;
  /*border-collapse: collapse;*/
}
.table td, .table th {
  vertical-align: middle !important;
  /*border: 1px solid #ddd;*/
}
.table td, .table thead {
  text-align: center;
}

/*.tableParamsCalcul > tbody > tr > td {
  vertical-align: middle !important;
  text-align: center !important;
}*/
.tableMat {
  font-size: .7rem !important;
}
.tableMat-unite {
  font-size: .6rem !important;
}
#choixMat_paginate, #users_paginate {
  font-size: .8rem !important;
}
#choixMat > tbody > tr:hover, #users > tbody > tr:hover {
  cursor: pointer;
}
.page-item.active .page-link {
  background-color: rgb(0,0,102) !important;
  border-color: rgb(0,0,102) !important;
  color: white !important;
}
.page-link {
  color: rgb(0,0,102) !important;
}
@media (max-width: 576px) {
  .table-overflow {
    overflow: auto !important;
  }
}
@media (max-width: 576px) {
  div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    justify-content: inherit !important;
  }
}

.tdAvecClick:hover {
  cursor: pointer;
}
.rowSelect, .rowSelectP, .rowSelectR {
  background-color: rgb(41, 243, 44) !important;
}
.rowSelectCache, .rowSelectPCache, .rowSelectRCache {
}
.tableUsers {
  height: 50px;
}
.tableUsers > td {
  vertical-align: middle !important;
}

/* FORMULAIRE */
.avec-controle {}
.w-unite {
  width: 75px !important;
  height: calc(1.5em + .75rem + 2px);
}
.w-dim-diametre {
  width: 70px !important;
}
.border-critique {
  border-color: red !important;
}
.font-critique {
  color: red !important;
  font-weight: bold !important;
}
.font-ok {
  color: green !important;
  font-weight: bold !important;
}
.mess-form-err {
  color: red !important;
  font-size: .8rem !important;
}
.bordure-titre-calcul {
  border-bottom: solid;
  border-color: rgb(0,0,102);
}
@media (max-width: 768px) {
  .dim-val-libre {
    padding: .5rem 0 .5rem 3.2rem !important;
  }
}
@media (min-width: 768px) {
  .dim-val-libre {
    padding-top: .5rem;
    padding-left: 2.7rem !important;
  }
}

.titre-conclusion {
  font-style: italic;
  text-decoration: underline;
}

/* CONNEXION */
.w-connexion {
  width: 400px !important;
}

/* IMG FONT AWESOME */
.fa-question-circle {
  color : rgb(0,0,102) !important;
}

/*******************/
/***** TOOLTIP *****/
/*******************/

.mytooltip {
    display: inline;
    position: relative;
    z-index: 999
}

.mytooltip .tooltip-item {
    display: inline-block;
    margin-bottom: 0 !important;
}

.mytooltip .tooltip-content {
    position: absolute;
    /**z-index: 9999;*/
    width: 50px;
    /**left: 50%;*/
    margin: 0 0 5px -50px;
    bottom: 100%;
    line-height: 30px;
    /**-webkit-box-shadow: -5px -5px 15px rgba(48, 54, 61, 0.2);
    box-shadow: -5px -5px 15px rgba(48, 54, 61, 0.2);
    background: #2b2b2b;*/
    opacity: 0;
    /**cursor: default;*/
    pointer-events: none
}

.mytooltip:hover .tooltip-item::after {
    pointer-events: auto
}

.mytooltip:hover .tooltip-content {
    pointer-events: auto;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0deg);
    transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0deg)
}

/**********************/
/***** DATEPICKER *****/
/**********************/
.datepicker td {
  font-size: 0.8rem;
}
.datepicker th {
  background-color: #e9ecef;
  border-radius: 0px !important;
}

/*******************************************/
/**** COMPORTEMENT NAVIGATEUR EDGE/IE10 ****/
/*******************************************/

input[type=text]::-ms-clear, input[type=search]::-ms-clear, input[type=password]::-ms-reveal {
  display: none;
}