* {
  font-family: Calibri, Helvetica, Arial, sans-serif;
}

body {
}

.Mainheader {
  /*background-color: #beddf9;*/
}

.TextDate {
  color: #1369c1 !important;
  font-weight: bold;
  font-size: 14px;
}

.span01 {
  /* text-shadow: 2px 2px 5px #bd1414;*/
  font-size: 1rem;
  display: inline-block;
  font-weight: 700;
  padding-right: 10px;
  color: #5a9df4;
}

.tableStyle {
  border-radius: 5px;
  /*font-size: 12px;*/
  font-weight: normal;
  border: none;
  border-collapse: collapse !important;
  width: 100%;
  max-width: 100%;
  /*white-space: nowrap;*/
  background-color: white;
}

.LigneStyle {
  color: #445473;
  background: #F8F8F8;
}

  .LigneStyle:hover {
    background-color: #E5E8F7;
  }

  .LigneStyle td {
    border: 1px solid #c5c9d2;
    font-size: 14px;
    color: #303235;
    /*   padding: 5px;*/
    white-space: normal;
  }

/*.LigneStyle td:first-child {*/
/*    background-color:white!important;*/
/*text-align: center;
    }*/

.LigneStyle2 {
  color: #445473;
}

  .LigneStyle2:hover {
    background-color: #E5E8F7;
  }

  .LigneStyle2 td {
    border: 1px solid #c5c9d2;
    font-size: 14px;
    color: #303235;
    /*   padding: 5px;*/
    white-space: normal;
  }

/*.LigneStyle2 td:first-child {
      text-align: center;*/
/*  background-color: white !important;*/
/*}*/

.LigneEnteteStle {
  background: #E1ECF7;
}

  .LigneEnteteStle th {
    text-align: center;
    padding: 2px;
  }

    .LigneEnteteStle th a {
      color: #1c2c6c;
      font-size: 14px;
    }

.btnSelect, .btnEdit, .btnInsert, .btnDelete, .btnUpdate, .btnCancel {
  height: 24px;
  width: 24px;
  border: 0px;
  cursor: pointer;
}

.btnSelect {
  background: url(Images/Select.png) no-repeat center center;
}

.PaginationStyle {
  background-color: #e8e9ea !important;
}

  .PaginationStyle td {
    border: 1px solid #acb3c4
  }

    .PaginationStyle td table {
      float: right
    }

  .PaginationStyle a {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    line-height: 1.25;
    color: #6c757d;
    background-color: #fff;
    border: 1px solid #dee2e6;
  }

    .PaginationStyle a:hover {
      text-decoration: none;
      background-color: #82acfb;
      color: white;
    }

.WhiteSpace a {
  white-space: normal
}

.text-right {
  text-align: right !important
}

.invalid {
  border: 2px solid #d43f3a !important;
}

.ClavierStyle img {
  position: absolute;
  padding-top: 12px;
  right: 0;
}

.mh55 {
  min-height: 55vh;
}

.ModaContentl01 {
  /* width: 800px;*/
  max-width: 100%;
  min-height: 400px;
  margin-left: auto;
  margin-right: auto;
  border: 2px solid #3692f2;
}

.ModaMsg01 {
  width: 400px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: 0;
  right: 0;
}

.modal-style {
  max-width: 80%;
  margin-top: -20px;
}

.Toast01 {
  width: 300px;
  max-width: 100%;
  position: fixed !important;
  top: 0;
  right: 0;
}

.toast.fade {
  transition-duration: 3s;
}

.toast:not(:last-child) {
  margin-bottom: 5.75rem;
}


.h03 {
  font-size: 1.2rem;
  color: #e12424;
  text-align: center;
  font-weight: 600;
  margin-bottom: .25rem;
  padding-top: .1rem;
}

.colorbrown {
  color: #e12424;
}

.form-row {
  display: flex;
  margin-bottom: 25px;
}

.actionSui {
  border: 1px solid #3377c0;
  display: inline-flex;
  height: 42px;
  width: 112px;
  align-items: center;
  color: #fff;
  cursor: pointer;
  background: #3377c0;
  text-transform: uppercase;
  justify-content: center;
  letter-spacing: 1px;
}

  .actionSui:hover {
    background: #fff;
    color: #3377c0;
  }

.BtnInscri {
  border: 1px solid #3377c0;
  display: inline-flex;
  height: 42px;
  width: auto;
  align-items: center;
  color: #fff;
  cursor: pointer;
  background: #3377c0;
  text-transform: uppercase;
  justify-content: center;
  letter-spacing: 1px;
}

  .BtnInscri:hover {
    background: #fff;
    color: #3377c0;
  }

.actionPre {
  border: 1px solid #3377c0;
  display: inline-flex;
  height: 42px;
  width: 112px;
  align-items: center;
  color: #3377c0;
  cursor: pointer;
  background: #fff;
  text-transform: uppercase;
  justify-content: center;
  letter-spacing: 1px;
}

  .actionPre:hover {
    background: #3b87d9;
    color: #fff;
  }

.form-control:disabled, .form-control[readonly] {
  background-color: #fbfbfb !important;
  opacity: 1;
}

.SousBloc {
  border: 1px solid #d3d3d3;
  border-radius: 5px !important;
  background-color: #E5E8F7;
  padding: .1rem 0;
}

.hr01 {
  border: 1px dashed #c4c4c4;
  color: #fff;
  background-color: #fff;
  margin-left: 4%;
  margin-right: 6%;
  margin-bottom: 0 !important;
  margin-top: 40px;
}
/*.content-wrapper {
  background-color: #fff !important;
}
.bgsecondary {
  background-color:#f3f3f3!important
}*/
.form-control01 {
  border: 1px solid #9b9797 !important;
  background-color: #f6f7f9 !important;
  border: 0;
  text-align: center;
  padding: 4px;
  border-radius: 10px;
}

.form-control-file {
  color: #2078ac;
  border: 1px solid #ced4da;
  font-size: 0.85rem;
}

.select2 {
  max-width: 100% !important;
}

#topBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 40px;
  font-size: 22px;
  width: 40px;
  height: 40px;
  background-color: #ca2222;
  border: 1px solid #ca2222;
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
  z-index: 99;
}

  #topBtn:hover {
    background-color: #2582d5;
    border: 1px solid #2582d5;
  }

#mSiteMapPath span a {
  font-weight: bold;
  font-size: 14px;
}

#mSiteMapPath span {
  font-weight: bold;
  font-size: 14px;
}

.cVsDropDownList {
  height: 40px;
}

.select2-results__options li {
  display: block;
  min-height: 38px;
}

.dropdown-menu-lg {
  min-width: 280px !important;
}

.fa-bandcamp::before {
  color: #000;
}

@media screen and (max-width: 474px) {
  .DropDownAlerte {
    right: -140px;
  }
}

.info-box-icon Img {
  height: 70px;
}

input[type="checkbox"] {
  margin-right: 20px;
}

#keyboardInputMaster.keyboardInputSize5, #keyboardInputMaster.keyboardInputSize5 * {
  font-size: 14px;
}

.modal-UserContol {
  width: 50%;
  margin-left: 25%;
  margin-right: 25%;
}

@media screen and (max-width: 600px) {
  .dropMenu {
    right: 0;
    left: -40px;
  }

  #keyboardInputMaster.keyboardInputSize5, #keyboardInputMaster.keyboardInputSize5 * {
    font-size: 10px;
  }

  .modal-UserContol {
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
  }
}

.modal-open {
  padding-right: 0 !important;
}

.PRole {
  border: 1px solid #75b4ec;
  background-color: #f7fafb;
}

.info-box .info-box-icon {
  min-width: 70px;
}

.info-box .info-box-text, .info-box .progress-description {
  white-space: normal;
}

.PnlListePopup {
  max-height: 20rem;
  overflow: auto;
}

.btndmnd1 {
  background-color: #17a2b8 !important;
  color: #fff;
}
.btndmnd2 {
  background-color: #28a745 !important;
  color: #fff;
}
.btndmnd3 {
  background-color: #007bff !important;
  color: #fff;
}
.btndmnd4 {
  background-color: #dc3545 !important;
  color: #fff;
}
.btndmnd5 {
  background-color: #ffc107 !important;
  color: #000;
}
.btndmnd6 {
  background-color: #17a2b8 !important;
  color: #fff;
}