body {
   font-family: font-face-1,arial,sans-serif;
   Color: #333333;
}

/*.navbar {
  min-height: 80px;
  min-width:300px;
  }*/

.body-content {
   padding-left: 15px !important;
   padding-right: 15px !important;
}
/*
      Source = .../content/bootstrap.css (bleu)
     + override dans client/OpenId/bootstrap_OVERRIDE.css (couleur & logo par defaut pour client)
     + override dans client/theme/??/bootstrap_SCHEMEOVRD.css (couleur * logo / par theme si necessaire)
 */
.navbar-inverse {
   background-color: #5d5d5d;
   background: -moz-linear-gradient(top, #5d5d5d 0%, #999999) !important;
   background: -webkit-linear-gradient(top, #5d5d5d 0%, #999999) !important;
   background: linear-gradient(to bottom, #5d5d5d 0%, #999999) !important;
}

.navbar-brand_en {
   border: none;
   height: 80px;
   width: 240px;
   display: inline-block;
   background-image: url('LogoClient_DLGL_1.png');
   background-repeat: no-repeat;
   color: white;
}

.navbar-brand_fr {
   border: none;
   height: 80px;
   width: 240px;
   display: inline-block;
   background-image: url('LogoClient_DLGL_2.png');
   background-repeat: no-repeat;
   color: white;
}

.navbar-inverse .navbar-nav > li > a {
   color: #ffffff;
}

   .navbar-inverse .navbar-nav > li > a:hover {
      color: #ededed;
   }

.navbar-inverse {
   border: none;
}

.container {
   /*margin-right: auto;
  margin-left: auto;*/
   padding-left: 3px;
   padding-right: 3px;
   margin-right: 20px;
   margin-left: 20px
}

.navbar-toggle {
   margin-top: 23px;
}

.btn-default {
   margin-bottom: 10px;
}

.footer {
   background: none;
   background: #b9c1c8;
}

.footer_1 > a {
   background: url('../css/login/poweredByDLGLOpenId_1.png') no-repeat;
   float: right;
   margin-top: 7px;
   width: 150px;
   height: 50px;
   display: inline-block;
}

.footer_2 > a {
   background: url('../css/login/poweredByDLGLOpenId_2.png') no-repeat;
   float: right;
   margin-top: 7px;
   width: 150px;
   height: 50px;
   display: inline-block;
}

.footer_1, .footer_2 {
   background-size: 100px;
   border: none;
   height: 50px;
   background: url('~/css/login/vip.png') no-repeat 10px 8px;
}

.hidden {
   display: none !important;
}


.MsgErrorTitleUploadFile {
   padding-left: 30px;
   color: black;
   font-family: Verdana;
   font-size: 9pt;
   background: URL(../img/util/non_fatal_error.png) no-repeat 5px 0px;
   font-weight: bold;
}

dialog.Error {
   padding: 0px;
   border: 1px solid #ff9999;
   border-radius: 5px;
}
dialog.Error .ErrorContainer{
   padding: 0px;
   margin: 0px;
   width: 100%;
}
dialog.Error .MsgErrorTitleUploadFile, dialog.Error .MsgErrorExplUploadFile {
   padding-right: 4px;
}

   dialog.Error .ErrorContainer {
      padding: 0px;
      margin: 0px;
      width: 100%;
   }

   dialog.Error .MsgErrorTitleUploadFile, dialog.Error .MsgErrorExplUploadFile {
      padding-right: 4px;
   }

   dialog.Error .ButtonContainer {
      text-align: center;
      padding: 4px
   }
   
   .MsgErrorExplUploadFile, .MsgErrorCustom {
   padding-left: 30px;
   color: black;
   font-family: Verdana;
   font-size: 8pt;
}

.MsgErrorCustom {
   padding-top: 10px;
}

.MsgErrorBtn {
   margin-left: 30px;
   color: black;
   font-family: Verdana;
   font-size: 8pt;
}

.bodyOverride {
   padding-top: 10px;
}

.tooltip {
   opacity: 1 !important;
   pointer-events: none;
}

.tooltip-inner {
   max-width: 500px;
   color: black;
   background-color: white;
   border-radius: .50rem;
   border: 1px solid #777f8a7a;
   box-shadow: 2px 2px 1px rgba(0,0,0, 0.25);
}

   .tooltip-inner span {
      text-align: left;
   }

   .tooltip-inner > div {
      display: grid;
      grid-template-columns: auto auto;
      align-items: center;
   }

      .tooltip-inner > div > * {
         padding: 5px;
      }

.tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip.bs-tooltip-top .arrow::before {
   margin-left: -3px;
   content: "";
   border-width: 5px 5px 0;
   border-top-color: black;
}

.input-group-append {
   width: auto;
   display: grid;
   align-content: center;
}

.customPageTitle {
   color: black;
   font-weight: bold;
   padding-top: 2rem;
   text-align: center;
   font-size: 14pt;
}

.invalid-feedback {
   color: #cc0000;
   font-size: 0.75rem;
}

.form-control {
   border-color: #e6e6e6;
}

   .form-control::-webkit-input-placeholder {
      font-size: 0.75rem;
      color: #717a82;
   }

   .form-control::-moz-placeholder {
      font-size: 0.75rem;
      color: #717a82;
   }

   .form-control:-ms-input-placeholder {
      font-size: 0.75rem;
      color: #717a82;
   }

   .form-control::-ms-input-placeholder {
      font-size: 0.75rem;
      color: #717a82;
   }

   .form-control::placeholder {
      font-size: 0.75rem;
      color: #717a82;
   }

.customHr {
   opacity:1;
   margin-top: 0px;
   color: #e6e6e6;
}

.customLink {
   color: #00567b;
   font-weight: bold;
   text-decoration: none;
}

   .customLink:hover {
      color: #355971;
   }

.small, small {
   font-size: 10pt;
}

.mvc-content {
   display: flex;
   flex-direction: column;
   max-width: 1200px;
   flex-grow: 1;
   align-items: center;
   justify-content: center;
}

.mvc-body {
   display: flex;
   flex-direction: column;
   height: 100dvh;
}

.mvc-submit-btn {
   font-size: 13pt;
   text-align: center;
   width: 100%;
}

.mvc-form-container {
   width: 350px;
}

.mvc-homepage-container {
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
   max-width: 350px;
   margin: 0px auto;
}

.splitLoginBuffer {
   box-sizing: border-box;
   height: 1px;
   width: 100%;
   background-color: #CCCCCC;
}

.splitLoginElem {
   display: flex;
   -webkit-box-align: center;
   align-items: center;
}

.splitLoginOr {
   padding: 20px;
   color: black;
   box-sizing: border-box;
   text-rendering: optimizelegibility;
   -webkit-font-smoothing: antialiased;
   font-weight: 500;
   text-transform: uppercase;
   display: block;
   font-size: 10pt;
   letter-spacing: 0.75px;
   line-height: 16px;
}

@media (min-width: 732px) {
   .mvc-homepage-container {
      flex-direction: row;
      max-width: 733px;
      -webkit-box-align: center;
   }

   .splitLoginElem {
      flex-direction: column;
      align-self: stretch;
      padding: 0px 33px;
   }

   .splitLoginBuffer {
      height: 100%;
      width: 1px;
      -webkit-box-align: center;
      align-items: center;
   }
}

.mvc-description {
   text-align: center;
}

.mvc-third-party-provider-title {
   text-align: left;
}

.mvc-third-party-provider-btn {
   display: flex;
   align-items: center;
   border: 1px solid #CCCCCC;
   margin: 5px;
   padding: 0.5rem;
}

   .mvc-third-party-provider-btn:hover {
      border-color: grey;
   }

.form-floating > label {
   color: rgba(var(--bs-body-color-rgb), 0.65);
}

.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-select ~ label {
   transform: scale(.70) translateY(-.5rem) translateX(.15rem);
}

.row {
   --bs-gutter-x: 0.5rem;
}

.tooltip {
   font-family: font-face-1,arial,sans-serif;
}

.form-floating > .form-control:focus ~ label::after, .form-floating > .form-control:not(:placeholder-shown) ~ label::after, .form-floating > .form-control-plaintext ~ label::after, .form-floating > .form-select ~ label::after {
   background-color: #ffffff6e;
}