/*--------------------------------------------------------------
>>> TABLE OF CONTENTS <<<
----------------------------------------------------------------
1.0 Typography
4.0 Forms
5.0 Navigation
5.1 Links
5.2 Menus
5.3 Breadcrumbs
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Content
10.1 Header and footer
10.2 Posts and pages
10.3 Asides
10.4 Comments
12.0 Mediagrey2

12.1 Captions
12.2 Galleries
12.3 Portfolio
12.4 Slider
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 Typographyoperation

--------------------------------------------------------------*/
:root {
  --primary: #6b6aea;
  --secondary:#11b1fd;
  --grey: #e8eaec;
  --red: #f54336;
  --orange: #ffaa71;
  --black: #1e1e1e;
  --darkgrey: #939393;
  --greypale: #C7C7C7;
  /*#47d89c8c*/
  --green: #47d89c;
  --radius: 10px;
  --fs: 12px;
}


* {
  color: var(--black);
  margin:0;
  padding: 0;
}

@-ms-viewport {
  width: auto;
}

@font-face {
  font-family: 'Roboto';
  font-weight: 400;
  font-style: normal;
  src: url('../../fonts/Roboto/Roboto-Medium.ttf');
  /* src: url('../../fonts/Roboto/Roboto-Black.ttf'); */
}
/* LIGHT */
@font-face {
  font-family: 'Roboto';
  font-weight: 300;
  font-style: normal;
  src: url('../../fonts/Roboto/Roboto-Light.ttf'),
    url('../../fonts/Roboto/Roboto-Thin.ttf'),
}

/* BOLD */
@font-face {
  font-family: 'Roboto';
  font-weight: 700;
  font-style: normal;
  src: url('../../fonts/Roboto/Roboto-Bold.ttf'),
}

body, html {
  list-style-type: none;
  font-family: 'Roboto' !important;
  font-size: 13px;
}

#labelFlag {
  text-transform: capitalize;
}

header{
  width:100%;
  height:auto;
  position: absolute;
  top:0px;
  background-color: #fff;
  min-height:50px;
  text-align: center;
  line-height: 1;
  vertical-align: middle;
  /*z-index: 1;*/

}
main{
  position: relative;
  width: 100%;
  background: unset;
  margin-top:50px;
  min-height:680px;
}
footer{
  width: 100%;
  display: block;
}

.hidden {
  display: none !important;
}

.navbar-left>ul>li {
  margin-right: 0.5rem;
}
.navbar-default {
  background-color: #fff;
  border: unset;
  /*display: inline-flex;
  width: 100%;
  height: auto;
  max-height: 60px;*/
  position: relative;
  display: block;
}
.navbar-default >ul{
  display: inline-flex;
}
.navbar-header{
  width: auto;
  display: block;
}
.navbar-default .navbar-nav>li>a  {
  color: #000;
  background: unset;
  font-weight: unset;
}
.navbarleft > ul > li > a{
  font-weight:normal;
  font-size:14px;
}
nav.navbar ul.nav > li > a {
  font-weight: normal;
}

.navbar-default .navbar-nav>li>a:hover{
  opacity: 0.7;
  color: var(--primary);
  background: unset
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus {
  background: unset;
  color: var(--primary);
  opacity: 0.7;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
  background: unset;
  color: var(--primary);
  /* opacity: 0.7;
  border-bottom: 1px solid var(--primary);*/
}
.navbar-right .dropdown-toggle .caret{
  position:absolute;
  float: right;
  right:10px;
  top:15px;
}

.navbar-collapse {
  flex-basis: unset !important;
  padding-right: 15px;
  padding-left: 15px;
  overflow-x: visible;
  border-top: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}
.navbar-collapse.in {
  overflow-y: auto;
}
@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }


  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-right: 0;
    padding-left: 0;
  }
}
.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px;
}
@media (max-device-width: 480px) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px;
  }
}

.navbar-right .dropdown-toggle{
  border-radius: var(--radius);
  padding: 6px;
  /*width: 140px;*/
  height:40px;
  line-height:40px;
  vertical-align: middle;
  text-align: left;
  display: inline-flex;
  background: #fff;
  z-index: 100;
  position: relative;
}
.navbar-right .dropdown-toggle:hover {
  color: rgb(59, 59, 59) !important;
  background: #fff;
}
.iconLanguage{
  margin-top:-6px;
}
.navbar-right .dropdown-toggle:active, .open > .dropdown-toggle {
  color: #333;
  background: #fff;
  background-image: none;

}
.navbar-right .open > .dropdown-menu {
  display: block;
  margin-top: -3px;
  padding-top: 5px;
  z-index: 0;
  border-top: 0px;
  z-index: 10;
}

.navbar-right .dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 120px;
  padding: 10px 0 0 0;
  margin: 0px 0 0;
  /* font-size: 14px; */
  text-align: left;
  list-style: none;
  background-color: #fff;
  z-index: 10;
}

.dropdown-menu > li >a{
  padding: 5px 10px;
}



@media (min-width: 1024px) {
  nav.navbar ul.nav > li > a {
    padding: 7px 15px;
  }
}


.navbar-nav{
  display:inline-block;
}
.navbar-left{
  margin-top:5px;
}
.navbar-right .userName{
  margin-left:20px;
  margin-top:2px;
  white-space: nowrap;
}

.navbar-left > ul{
  display:inline-block;
  width:auto;

}

.navbar-brand {
  display: inline-block;
  top: 10px;
  padding-bottom: 0px !important;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap;
  padding-top: 0px !important;
  position: absolute;
  float: left;
  width:auto;
  left:0px;
}

@media (min-width:768px) and (max-width: 1080px) {
  .navbar-brand {
    display: inline-block;
    top: 0px;
    padding-bottom: 0px !important;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
    padding-top: 0px !important;
    position: absolute;
    width:auto;
    left:0px;
  }
  .navbar-left > ul > li {
    margin-right: 0.0rem;
  }

  .navbar-right {
    float: right;
    position: absolute;
    right: -20px;
  }
}
@media (min-width: 1081px) {
  .navbar-collapse.collapse{
    display: block;
    height: 50px;
    margin-left: 250px;
    margin-top:10px;
  }
}

.navbar-right .btnDisconnect{
  margin-top:-5px;
  min-width:155px;
}

.navbar-right .langButton{
  border:unset;
}

.navbar-right{
  float: right;
  right:0px;
}

.bg-accueil {
  background-image: url('../../images/home-lucyphone.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: inherit;
  /* opacity:0.8; */
}

a {
  color: #aaaaaa;
}

.alert {
  padding: 15px;
  margin-bottom: 0px;
  border: 0px solid transparent;
  border-radius: 0px;
}

/* input::placeholder, select:placeholder-shown, select::placeholder {
  color: rgb(219, 219, 219)!important;
}
::placeholder,select:placeholder-shown, select::placeholder {
  color: rgb(219, 219, 219)!important;
}

:-ms-input-placeholder,select:placeholder-shown, select::placeholder {
  color: rgb(219, 219, 219)!important;
}

::-ms-input-placeholder, select:placeholder-shown, select::placeholder {
  color: rgb(219, 219, 219)!important;
} */
/*--------------------------------------------------------------
.0 Navigation
--------------------------------------------------------------*/
.dropdown-menu {
  border-radius: 0;
  border: unset;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  min-width: 100%;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: var(--fs);
}

li.dropdown-menu:hover, li.dropdown-menu.active, li.dropdown-menu:focus, li.dropdown-menu.active:hover, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover,.dropdown-menu>li>a:hover {
  color: var(--primary);
  background:unset;
  opacity: 0.7;
}

.dropdown-menu>.active>a {
  background:unset;
  color:var(--primary);
  /* font-weight: bolder; */
  opacity: 0.7;

}

/*--------------------------------------------------------------
.0 Pagination
--------------------------------------------------------------*/
.pagination li a, .pagination>li>span {
  background: #fff;
  color: #000;
  border-radius:5px;
  margin:0 4px;
}

.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
  color: var(--primary);
  text-decoration: none;
  opacity: 0.8;
  border-color: #ffffff;
  background-color:   #FFF;
}


.pagination-blue li a, .pagination-blue>li>a:focus, .pagination-blue>li>a:hover, .pagination-blue>li>span, .pagination-blue>li>span:focus, .pagination-blue>li>span:hover, .pagination-blue .dropdown-menu li a:hover, .pagination-blue .dropdown-menu li a:focus {
  background-color: #FFF;
}

.pagination>li:first-child>a, .pagination>li:first-child>span, .pagination>li:last-child>a, .pagination>li:last-child>span {
  border-radius: 5px;
  margin: 0 4px;
  color:var(--primary);
}

.pagination .dropdown-menu li a {
  padding: 4px;
  text-align: center;
}

.pagination * {
  color: var(--primary);
  margin: 0;
  padding: 0;
  cursor: pointer;
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 0 auto;
  border-radius: 0;
  /* width:300px; */
}
.paginationParent {
  display: block;
  padding-left: 0;
  margin: 10px 0;
  text-align: center;
  width: 100%;
  position: relative;
  float:left;
  height: 35px;
  z-index: 100;
}
.pagination>li>a, .pagination>li>span {
  border: unset;
  padding:5px;
}
.pagination-md{
  display: inline-flex;
  text-align: center;
}

.pagination .dropdown-menu li span {
  padding: 4px;
  text-align: center;

}

.pagination .dropdown-menu li span {
  display: block;
  color: #ffffff;
  background-color: #333333;
}

.pagination-blue .dropdown-menu li span {
  display: block;
  color: #ffffff;
  background-color: var(--secondary);
}

.pagination>li>span>span.dropdown-toggle {
  padding: 7px 12px;
  display: inline-block;
}

.pagination>li>span.pagination-select {
  padding: 0;
  border: 0;
  margin: 0 4px;
  border-radius: 5px;
}
.pagination>li>span{
  margin: 0 4px;
  border-radius: 5px;
  max-height: 34px;
}

.pagination>li>span.pagination-select>.dropdown-menu {
  float: none;
  position: relative;
}

.pagination-blue .dropdown-menu>.active>a, .pagination-blue .dropdown-menu>.active>a:focus, .pagination-blue .dropdown-menu>.active>a:hover {
  color: var(--secondary);
}

/*
*
*/
.pagination > li.last > a, .pagination > li.last > span {
  padding: 6px 10px 6px 8px;
  max-width:33px;
}
.pagination > li.first > a, .pagination > li.first > span {
  padding: 6px 8px 6px 10px;
  max-width:33px;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
  background: var(--primary);
}
/*--------------------------------------------------------------
.0 Buttons
--------------------------------------------------------------*/

.btnModifierDemo {
  /*Suppression de l'espaçage du bouton modifier/renvoyer la DDV du 28/01/2019 */
  margin-top: 0 !important;
  margin-bottom: 15px;
  /*margin-left:4px;*/
}


#formats_btn.btn.btn-blue {
  margin: 0 0 10px 0 !important;
}

.btn.btn-home span {
  margin: 0 20px 0 20px;
  font-family: 'FontAwesome';
  font-size: 24px;
  height: 54px;
}

caption,
.captionColor {
  color:var(--primary);
}

caption a {
  /*Pour changer la couleur des liens d'affichage des lignes des DDV,
  si le gris ne contient pas */
  /*color: green;*/
}

.btn.btn-result-recherche {
  /*Pas autant d'espacage des boutons sur le bas du tableau des resultats de recherche */
  margin-top: 14px;
}

.btn.btn-actualiser {
  margin-top: 20px;
}

.btn-group-lg>.btn, .btn-lg {
  /*retrecissement de la taille des boutons par modification du padding haut et bas, 11/10/2018 */
  font-size: inherit;
}

.btn-block {
  margin-bottom: 20px;
}

/* JPR 27/10/2020 Probleme Chrome focus */
.btn:focus, .btn:hover {
  outline: none !important;
}

a:focus, a:hover {
  text-decoration: none;
}

.navbar-nav{
  flex-direction:unset !important;
  display: inline-flex;
  width: auto;
  height: 40px;
  line-height: 40px;
}


.row {
  margin-left: 0;
  margin-right: 0;
}

.footer {
  padding: 0;
  bottom: 0px;
  background-color: transparent!important;
  position: inherit;
}

#site_login .footer {
  padding: 0;
  bottom: 0px;
  background-color: transparent !important;
  position: absolute;
}

#site_index .footer {
  padding: 0;
  bottom: 0;
  background-color: transparent!important;
  position: absolute;
}

.footer .copyright {
  padding-top: 12px;
}

.bg-logo {
  background: #fff;
  /*height: 106px;*/
  margin-bottom: 20px;
}

.bg-logo.col-md-12 {
  float: none;
}

.logo-corp {
  float: left;
}

@media (min-width:480px) and (max-width:769px) {
  .logo-corp {
    /*margin-top: 15px;*/
    /*MCB 19/07 pour que l'image ne soit pas trop haute & aligner avec la navbar */
  }
}

.header .connection {
  background: #DCEEE8;
  padding: 2px 16px;
  text-align: right;
  color: #101010;
}

.header .connection .icon-profil {
  font-size: 46px;
  display: inline-block;
  margin-right: 14px;
}

.bg_header .connection .fa.fa-user {
  color: rgb(18, 188, 241);
}

.header .connection .connection-content {
  display: inline-block;
}

/*.header .connection .connection-content .welcome {
margin-bottom: 8px;
}*/
.connection-content a:hover {
  color: #1eb8e8 !important;
}

.breadcrumbs {
  background: #f6f6f6;
  padding: 10px;
  margin-bottom: 20px;
}

.panel {
  position: relative;
  border: none;
  border-radius: 0;
  box-shadow: none;
  background: #f6f6f6;
}

.z-index {
  z-index: 10;
}

.panel-heading {
  padding: 10px 15px;
  border-bottom: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  /*text-transform: uppercase;*/
  background: none;
}

.panel-default > .panel-heading {

  background-color: unset !important;
  border-color: unset !important;
}

.panel-body {
  padding: 15px 0;
}

.panel-heading.ajust {
  padding: 9px 10px 12px 15px;
  border-bottom: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  text-transform: uppercase;
}

.panel-heading.ajust0 {
  padding: 9px 10px 12px 1px;
}

.panel-heading.ajust-serv {
  padding: 9px 10px 12px 111px
}

.panel-heading h3 span.floatRight {
  color: #24ABE2;
  float: right;
}

.panel-heading h4 {
  font-size: 14px;
}

h4.unitary {
  font-size: 28px;
  color: #333;
}

.panel2, .panel21 {
  border: solid 1px #dbdbdb;
  margin-bottom: 10px;
  padding-bottom: 25px;
  padding-left: 20px;
  padding-right: 20px;
  float: left;
  width: 100%;
  background: rgba(255,255,255, 0.50);
  border-radius: 5px;
  margin-top: 50px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  position: relative;
}

.panel21.ajust {
  padding: 13%;
}

.panel21.ajust-serv {
  padding-bottom: 25px;
  padding-left: 94px;
  padding-right: 20px;
}

.panel21.serv {
  float: left;
}

/* concerne seulement la vu responsive pour les grands displays */
@media (max-width: 767px) {
  .panel21 {
    padding-left: 15px;
    padding-right: 15px;
  }
}

  .panel-title-phone {
    font-size: 18px;
    display: block;
    padding-left: 8px;
    line-height: 30px;
    color: #349df7;
    text-transform: initial;
  }

.label-phone {
  vertical-align: text-bottom;
  padding-top: 3px;
  max-width:200px;
}
.critere-label-phone {
  color: var(--darkgrey);
}
hr {
  /* margin-top: 10px;
  margin-bottom: 10px; */
  border-top: 1px solid #ddd;
}
fieldset.fieldset-lucy {
  /*border: solid 1px var(--secondary);*/
  border-radius: 15px;
  margin-bottom: 2rem;
  padding: 1.5rem;
}
fieldset.fieldset-quickAccess {
  border: solid 1px var(--primary);
  border-radius: 15px;
  margin-bottom: .5rem;
  padding: 1.5rem;
}

fieldset.fieldset-requiredFields {
  border: solid 1px var(--primary);
  border-radius: 15px;
  margin-bottom: 2rem;
  padding: 1.5rem;
}
fieldset.fieldset-requiredFields legend{
  color:var(--primary);
  font-size:13px;
}
.legend-lucy {
  width: auto;
  border-bottom: none;
  font-size:13px;
  color: var(--secondary);
}

.panel-title.recherche {
  /*modification du padding pour le cas particulier de recherche*/
  /*padding-left: 8px;*/
}

.imagerecherche {
  margin-top: -6px;
}

.imageunitaire {
  margin-top: -3px;
}

.panel-recherche {
  background: #fff;
  height: 150px
}


.form-control-label {
  height: 25px;
  line-height: 25px;
}

.form-control[readonly]  {
  background: #fff;
  color: var(--darkgrey);
}

label {
  margin-bottom: -5.5px;
}

  select.form-control {
    border-radius: 15px;
    font-size: var(--fs);
    border: 1px solid rgba(0,0,0,0.10);
    height: 25px;
    padding: 0.3rem;
     color: var(--darkgrey);
    font-weight: normal;
  }

  select.form-control:focus, select.form-control:active {
    box-shadow: 1px 1px 10px 1px #0b9dfe50;
    border: solid 1px var(--secondary);
  }


input[type="file"].form-control {
  height: 30px !important;
}

.form-control {
  height: 35px;
  border-radius: var(--radius);
  border: none;
  box-shadow: none;
  font-size: var(--fs);
  width: 100%;
}

.input-group-addon {
  border-radius: 0;
}

.modal-body .form-control {
  border: 1px solid #ccc;
}

/* .panel-body .form-control {
  border: 1px solid #ccc;
} */

.espaceRadio {
  margin-right: 15px;
}

.datetime-input {
  position: relative;
}

.batchACrossConsult .datetime-input {
  position: relative;
  margin-left: 35px;
}

.datetime-input .date-close {
  position: absolute;
  right: 8px;
  top: 5px;
  cursor: pointer;
  color: var(--secondary);
}

.alert {
  border-radius: 0;
  /* margin: 20px 0; */
  font-weight: normal;
  text-align:center
}

.alert30 {
  border-radius: 0;
  margin: 30px 0 20px;
  padding: 15px;
  border: 1px solid transparent;
}

.form-group.alert {
  border: none;
  padding: 0;
  margin: 0 0 15px 0;
}

.alert-success {
  color: #fff;
  border:unset;
  background-color: #34ac1971;
}
.alert-danger-flash {
  color: #fff;
  border:unset;
  background-color: var(--red);
}

.alert-danger {
  color: #DD4141;
  text-align: right;
  background: transparent;
  border:unset;
  padding: unset;
  font-size: 11px;
  margin: 5px
}

.dangerIBAN {
  color: #DD4141;
  border: none;
  background-color: transparent;
  margin-top: -0.5em;
}

.flash-messages .alert {
  margin-top: 0;
}

.table {
  background: #ffffff;
}

table {
  table-layout: fixed;
}

.table-bordered {
  border: 1px solid #dddddd5e;
}

.tableLayoutAuto {
  table-layout: auto;
}

.table #listCorporates, thead tr,.tableListeAcceptation tbody th {
  background-color: #F9FBFC;
  color: var(--primary);
}
.table-bordered>thead>tr>th {
  border-bottom-width: 1px
}
table.table-bordered>thead>tr>th {
  border: unset
}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
  border: 1px solid #dddddd5e;
}
table.table-bordered>thead>tr>th{
  color: var(--primary);
}

.loading-container {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: fixed;
  display: block;
  opacity: 0.7;
  background-color: #fff;
  z-index: 1050;
  text-align: center;
}

.loading-image {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1000;
}

label, input, select, textarea {
  font-weight: normal;
  padding: 3px 0 5px 0;
}

label.radio-inline+.radio-inline {
  margin-top: 4px;
  /*Légère rehausse conseillée lors de la réunion du 21/09/2018*/
}

.boutonRadioTitulaire {
  margin-top: 7px !important;
}

.boutonsTitulaire {
  margin-top: 20px;
  padding-top: 20px;
}

.multiselect-container {
  margin-bottom: 20px;
  min-height: 255px;
}

.multiselect-block {
  width: 40%;
  max-width: 100%;
  float: left;
}

.multiselect-block select {
  width: 100%;
  min-height: 230px;
}

.multiselect-btn-block {
  float: left;
  margin: 55px 2% 0 2%;
  width: 16%;
}

/*fieldset {
padding: 1.35em 0.625em 1em;
margin: 0 2px;
border: 2px solid #FFF;
margin-bottom: 20px;
}
legend {
padding: 0 12px;
font-size: 16px;
color: #333;
border-bottom: 0;
}*/
table.resultat td {
  padding: 10px;
}

.resultat td.ajust_fichier {
  max-width: 100px;
  overflow: hidden;
  /*text-overflow: ellipsis;*/
  white-space: pre-wrap;
  text-align: center;
}



.nav-tabs.ajust {
  margin-bottom: 20px;
  margin-left: 29px;
}

.nav-tabs>li {
  width: 150px;
  text-align: center;
}
.nav-tabs>li.active>a {
  font-family: 'Roboto'!important;
  color: var(--secondary)!important;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover  {
  border-radius: 0px;
  color: var(--secondary)!important;
  border: 1px solid #dddddd5e

}

.nav-tabs>li.active>a {
  background: #F9FBFC;
  color: var(--secondary);
}

.nav-tabs>li>a:hover {
  border-radius: 0;
  background: #ffffff;
  color: var(--secondary);
}
.nav-tabs>li>a {
  color: var(--black);
}

.button-container {
  padding: 0;
  margin-bottom: 20px;
  position: relative;
}

.table-actions .glyphicon {
  padding: 0 8px;
  font-size: 19px;
  color: #adadad;
}

.table-actions .glyphicon-pencil, .table-actions .glyphicon-plus-sign, .table-actions .glyphicon-open, .greyexclamation {
  color: #505050;
}

.table-actions .glyphicon-warning-sign {
  color: orange;
}

/*.table-actions .glyphicon-remove,
.table-actions .glyphicon-minus-sign {
color: #db4437;
}*/


.table-actions .glyphicon-ok {
  color: #51a45c;
}

.table-actions-bottom {
  margin-top: 42px;
}

.panel-left, .panel-right {
  min-height: 264px;
  margin-right: -15px;
  margin-left: -15px;
}

.icon-square .icon-exp {
  font-size: 10px;
  display: block;
  margin-left: 19px;
  margin-top: -35px;
}

.no-display {
  display: none;
}

/* !!! Adrien, la mise en forme fonctionne que si on précise la width en px (pour être compatible ie8) */
.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.textForceReturnLine {
  overflow-wrap: anywhere;
}

.mt0 {
  margin-top: 0px;
}

.mt5 {
  margin-top: 5px;
}

.mb5 {
  margin-bottom: 5px;
}

.mb10 {
  margin-bottom: 10px
}

.mt15 {
  margin-top: 15px;
}

.mt30 {
  margin-top: 30px;
}

.mt50 {
  margin-top: 50px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb15 {
  margin-bottom: 15px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb30 {
  margin-bottom: 30px;
}
.mb50 {
  margin-bottom:50px;
}

.mt-4 {
  margin-top: -4px;
}

.mt10 {
  margin-top: 10px;
}

.ml50 {
  margin-left: 50px;
}

.h70 {
  height: 70px;
}

.h60 {
  height: 60px;
}

h4.panel-title {
  margin-left: 14px;
  margin-bottom: 18px;
  text-transform: uppercase
}

h4.panel-title.vers2 {
  margin: 0 0 10px 0;
  line-height: 22px;
}

/*
-----------------------css pour le dashboard uniquement-----------------------
*/
/* concerne seulement la vu responsive pour les grands displays */
@media (min-width: 992px) {
  .panel-left {
    margin-right: -5px;
  }

  .panel-right {
    margin-left: -5px;
  }

  .indicationLabelFileFrequency {
    margin-top: 8%;
  }
}

/* neccessaire, parceque le plugin n'accepte pas de display:none, sinon les
donnés seront pas charger correctement */
#site_index .statGraphiques div .months {
  opacity: 0;
  margin-top: -300px;
}

#parameters_scheme_index .title {
  margin-bottom: 20px;
  text-decoration: underline;
  font-size: 15px;
}

#parameters_scheme_index input[type="submit"] {
  margin-top: 20px;
}

@media (max-width: 1025px) {

  /* TLV 12/07/2019 : marge en dessous du "Bonjour" user sur les écrans tactiles,
  pour éviter qu'un utilisateur clique sur "Modifier le mot de passe" involontairement
  après avoir cliqué sur le menu */
  .dropdownContent {
    margin-top: 10px;
  }

  h4.panel-title {
    margin-left: 0;
    padding-left: 16px;
    margin-bottom: 24px;
  }

  #parameters_scheme_index .selectedFile {
    margin-top: -10px;
    margin-bottom: 20px;
  }
}

#corporates_corporates_edit .rawText {
  height: 40px;
  padding: 6px 0 0 12px;
}

#corporates_corporates_edit .rawText span {
  font-style: italic;
  color: #aaaaaa;
}

.notice {
  margin: 0;
}

*::after, *::before {
  box-sizing: border-box;
}

*::after, *::before {
  box-sizing: border-box;
}

.boutonsepamail {
  background-repeat: no-repeat;
  background-image: url("../../images/buttons/sepamailstandard.png");
  background-size: 200px auto;
  display: inline-block;
  height: 200px;
  width: 200px;
}

.boutongrisesepamail {
  background-repeat: no-repeat;
  background-image: url("../../images/buttons/sepamailgrise.png");
  background-size: 200px auto;
  display: inline-block;
  height: 195px;
  width: 200px;
}

.content_services {
  padding: 10px auto;
  width: 967px;
  /*background: red;*/
  padding: 0 auto !important;
  margin: 0 auto;
  padding-left: 59px;
}

.boutonservice {
  background-repeat: no-repeat;
  background-size: 179px auto;
  display: inline-block;
  height: 181px;
  margin-left: 0;
  margin-top: 15px;
  width: 180px;
  margin-right: 43px;
}

.boutonsepamail:hover {
  background-repeat: no-repeat;
  background-image: url("../../images/buttons/sepamailsurvol.png");
}

.boutonrubis {
  background-image: url("../../images/buttons/rubisstandard.png");
}

.boutonrubis:hover {
  background-image: url("../../images/buttons/rubissurvol.png");
}

.boutongriserubis {
  background-image: url("../../images/buttons/rubisgrise.png");
}

.boutongemme {
  background-image: url("../../images/buttons/gemmestandard.png");
}

.boutongemme:hover {
  background-image: url("../../images/buttons/gemmesurvol.png");
}

.boutongrisegemme {
  background-image: url("../../images/buttons/gemmegrise.png");
}

.boutondiamond {
  background-image: url("../../images/buttons/diamondstandard.png");
}

.boutondiamond:hover {
  background-image: url("../../images/buttons/diamondsurvol.png");
}

.boutongrisediamond {
  background-image: url("../../images/buttons/diamondgrise.png");
}

.boutonjade {
  background-image: url("../../images/buttons/jadestandard.png");
}

.boutonjade:hover {
  background-image: url("../../images/buttons/jadesurvol.png");
}

.boutongrisejade {
  background-image: url("../../images/buttons/jadegrise.png");
}

.boutoniolite {
  background-image: url("../../images/buttons/iolitestandard.png");
}

.boutoniolite:hover {
  background-image: url("../../images/buttons/iolitesurvol.png");
}

.boutongriseiolite {
  background-image: url("../../images/buttons/iolitegrise.png");
}

.boutonagate {
  background-image: url("../../images/buttons/agatestandard.png");
}

.boutonagate:hover {
  background-image: url("../../images/buttons/agatesurvol.png");
}

.boutongriseagate {
  background-image: url("../../images/buttons/agategrise.png");
}

.boutonjaspe {
  background-image: url("../../images/buttons/jaspestandard.png");
}

.boutonjaspe:hover {
  background-image: url("../../images/buttons/jaspesurvol.png");
}

.boutongrisejaspe {
  background-image: url("../../images/buttons/jaspegrise.png");
}

.boutonsapphire {
  background-image: url("../../images/buttons/sapphirestandard.png");
}

.boutonsapphire:hover {
  background-image: url("../../images/buttons/sapphiresurvol.png");
}

.boutongrisesapphire {
  background-image: url("../../images/buttons/sapphiregrise.png");
}

table.table-bordered>thead>tr>th {
  text-align: center;
  vertical-align: middle;
}

table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
  vertical-align: middle;
  text-align: center;
  min-height: 30px;
  overflow-wrap: break-word;
}

table>thead>tr>td.text-left, .table>tbody>tr>td.text-left, .table>tfoot>tr>td.text-left {
  text-align: left;
  padding-left: 1rem;
  overflow-wrap: normal;
  white-space: nowrap;
}

table.ajust tr>td {
  padding: 10px;
}

table#droits td, table#droits th {
  vertical-align: middle;
}

table#droits img {
  width: 30px;
}

.fondGris {
  /*rappel : margin pour les marges extérieures, padding pour les marges intérieures */
  /*ordre des parametres de margin et padding : haut droite bas gauche */
  padding: 10px 10px 0;
  /*10px pour que ça reste responsive sur mobile */
  background-color:var(--grey);
  border-radius: 20px;
}

.fondGrisBr {
  /*rappel : margin pour les marges extérieures, padding pour les marges intérieures */
  /*ordre des parametres de margin et padding : haut droite bas gauche */
  padding: 10px 10px 0;
  /*10px pour que ça reste responsive sur mobile */
  background-color:var(--grey);
}

.marginBottom-0 {
  margin-bottom: 0;
}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu>.dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px 6px;
  border-radius: 0 6px 6px 6px;
}

.dropdown-submenu.dropdown>a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #cccccc;
  margin-top: 5px;
  margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
  border-left-color: #555;
}

.dropdown-submenu.pull-left {
  float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}

.form-group .textAreaCertificat {
  height: auto;
  resize: none;
}

#parameters_mqSeries_add #MqSeries_SSLMode::before {
  content: "\A";
}

#parameters_configPB_channelsWebService_edit #ChannelsWebService_ModeSecuritySmimeVS, #parameters_configPB_channelsWebService_edit #ChannelsWebService_ModeSecuritySmimeDC, #parameters_configPB_channelsWebService_edit #ChannelsWebService_ChannelsWebService_ModeSecuritySslC1, #parameters_configPB_channelsWebService_edit #ChannelsWebService_ChannelsWebService_ModeSecuritySslC2, #parameters_configPB_channelsWebService_edit #ChannelsWebService_ModeSecuritySslC1, #parameters_configPB_channelsWebService_edit #ChannelsWebService_ModeSecuritySslC1SS, #parameters_configPB_channelsWebService_edit #ChannelsWebService_ModeSecuritySslC2, #parameters_configPB_channelsWebService_edit #ChannelsWebService_ModeSecuritySslS, #parameters_configPB_channelsWebService_edit #ChannelsWebService_IsSignSmime, #parameters_configPB_channelsWebService_edit #ChannelsWebService_IsChifSmime {
  display: block;
}

#parSmine, #parSSL {
  background-color: #DDD;
  padding-bottom: 20px;
  padding-top: 20px;
  margin-bottom: 20px;
  margin-top: 10px;
}

h6.title {
  display: none;
}



/*---- MENU Desktop---------*/
.no-gutter>[class*='col-'] {
  padding-right: 0;
  padding-left: 0;
}

.col-no-gutter {
  padding-right: 0;
  padding-left: 0;
}

.neg-gutter {
  margin-right: -15px;
  margin-left: -15px;
}

.c-pl-5>[class*='col-'] {
  padding-left: 5px;
}

.c-pr-5>[class*='col-'] {
  padding-right: 5px;
}
.p20 {
  padding: 20px;
}
.pl0 {
  padding-left: 0;
}

.pr0 {
  padding-right: 0;
}

.pr5 {
  padding-right: 5px;
}

.pl5 {
  padding-left: 5px;
}

.pl10 {
  padding-left: 10px;
}

.pl10-lg {
  padding-left: 0px;
}

.pb5 {
  padding-bottom: 5px;
}

.pb15 {
  padding-bottom: 15px;
}

.pt5 {
  padding-top: 5px;
}
.pt15 {
  padding-top: 15px;
}
.pr10 {
  padding-right: 10px;
}

.pr10-lg {
  padding-right: 0px;
}

.pr15 {
  padding-right: 15px;
}

.pl15 {
  padding-left: 15px;
}
.pl20 {
  padding-left:20px;
}
.pl25 {
  padding-left:25px;
}

.pl33 {
  padding-left: 33px;
}

.pr33 {
  padding-right: 33px;
}

.pt30 {
  padding-top: 30px;
}

.m40 {
  margin: 40px
}
.mt40 {
  margin-top: 40px
}
.mb40 {
  margin-bottom: 40px
}
.mr5 {
  margin-right: 1rem;
}

.mr15 {
  margin-right: 15px;
}

.ml15 {
  margin-left: 15px;
}

.mr30 {
  margin-right: 30px;
}

.mr-auto {
  margin-left: auto;
  margin-right: auto;
}

.pb10 {
  padding-bottom: 10px;
}


.col-md-5.container {
  background: #DDDDDD;
  padding: 15px 0
}

hr.ajust {
  width: 97%;
}

.mobile {
  display: none;
}

.form#yw1 {
  border-top: solid 1px #000;
}

.fa.ajust {
  font-size: 18px;
}

.row.ajust {
  width: 97.1%;
  margin-left: 15px;
}

/* .col-md-4.container2, .col-md-6.container2, .col-md-12.container2 {
  background: #f5f5f5;
  font-weight: bold;
  text-align: center;
} */

.col-md-4.container2, .col-md-6.container2:first-child {
  border-right: solid 6px #fcfcfc;
}

.col-md-4.container2:last-child {
  border-right: none;
}

.download {
  font-size: 14px;
  text-transform: inherit !important;
  font-weight: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}

.form-group.center label {
  line-height: 50px;
}

.form-group.border label {
  position: relative;
  padding: 10px 15px 10px 10px;
  border: solid 1px #d4d4d4;
  text-tarnsform: uppercase;
}

.form-control.checkbox {
  height: 25px;
  float: right;
  width: 30px;
  top: 6px;
}

.form-control.checkbox2 {
  height: 20px;
  float: left;
  width: 20px;
  /* top: 0px; */
  margin: 0 17px 0 0 !important;
}

p.sstitle {
  text-transform: none !important;
}

.toUpper {
  text-transform: uppercase;
}

/*.champ{
background-color: yellow;
padding-left: 20px;
}*/
/*balise cachee pour recevoir les details avant de les mettre en formulaire*/
.baliseCachee {
  display: none;
}

.glyphicon-ok {
  color: #51a45c;
}

.tableaucontroleglyphicon-ok {
  margin-left: -5px;
}

.glyphicon-remove {
  color: red;
}

.glyphicon-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
}

/*#controlResults tr td {
  text-align: left;
}*/

#contenuFichier {
  width: 100%;
  height: 1px;
  /*overflow: auto;*/
  /*color:red;*/
}

.lienFooter {
  /*color: black;*/
  /*cursor : none;*/
  border-radius: 25px;
}

/** TLV 22/05/2019
* Une media query ici pour empiler correctement les éléments du footer sur Smartphone
* Et pouvoir aligner correctement et rapidement le cadre gris des données du titulaire
* avec le reste du formulaire
*/
@media (max-width: 769px) {

  /**
  *  TLV 23/05/2019
  *  Let's unleash the mobile class
  */
  .mobile {
    display: inline;
  }

  .centreSmartphone {
    text-align: center;
  }

  .fondGris {
    /*Réduction des margin sur une vue responsive (reduit la largeur du cadre gris et le rend trop petit sur mobile) */
    margin: 0 0 10px !important;
  }

  /** TLV 22/05/2019
  * Nouvelle classe pour afficher correctement le copyright sur le footer
  * de manière responsive sur la page d'accueil et les autres pages
  */
  .copyrightResponsive {
    display: block;
  }

  /** TLV 22/05/2019
  * Le header est totalement blanc sur smartphone
  */
  .bg_header {
    background: #FFF;
  }

  /** TLV 23/05/2019
  * Correction du mauvais affichage du logo sur smartphone
  */
  .logo-corp {
    padding: 0 !important;
  }

  /** TLV 23/05/2019
  * Le choix de langue n'est plus à des kilomètres à droite
  */
  .header {
    width: auto;
  }

  /** TLV 23/05/2019
  * Les colonnes ont des largeurs différentes sur petit écran
  */
  .IBANColumnResponsive {
    width: 50%;
  }

  .TitulaireColumnResponsive {
    width: 30%;
    white-space: nowrap;
    overflow-wrap: nowrap;
    cursor:pointer;
  }

  .EtatColumnResponsive {
    width: 20%;
  }

  /**
  *  TLV 23/05/2019
  *  Suppression de la hauteur en dur, gui gêne sur smartphone
  */
  /*MCB 16/07: suppression de auto qui dépasse en dessous de la ligne bleu (les valeurs en durs existe déjà)
  Format smartphone: menu burger donc pas de problème*/
  /*nav.navbar.navbar-inverse ul.nav > li.dropdown > a {
  height: auto;
  }*/
  /**
  *  TLV 23/05/2019
  *  Le tableau des controles, différent aussi
  */
  .tableauControleSmartphone {
    width: 30%;
  }

  .tableauResultatSmartphone {
    width: 25%;
  }

  .tableauDetailsSmartphone {
    width: 45%;
  }

  /**
  *  TLV 23/05/2019
  *  Le tableau des informations générales est affiché ligne par ligne au lieu de colonnes
  */
  #details_div th, #details_div td {
    width: 50%;
  }
}

/* TLV 10/06/2019
* Pas de navbar sur les petits écrans plus grands que ceux de smartphone
* Pour éviter une superposition de flashsuccess et de la navbar pas belle
*/
@media (min-width:601px) and (max-width:768px) {
  .containero {
    /*MCB 08/07 display:none;*/
  }

  .mobile {
    /*MCB 08/07 , pour eviter le doublons*/
    display: none;
  }
}

@media screen and (orientation: landscape) and (max-width: 769px) {
  .main-content {
    display: none;
  }

  .use-portrait {
    display: block;
  }
}

.use-portrait {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.logoResultEnt, .logoResult22 {
  height: 22px;
}

/** TLV 23/05/2019
Les logos ne sont à gauche que sur un écran pas mobile
*/
@media (min-width: 769px) {
  .logo-corp {
    width: 360px;
  }
}

/*quelques commandes css pour le lien affichant le detail des erreurs sur le detail
d'une DDV */
#detailsErreur {
  display: none;
  cursor: pointer;
}


.statut_confirmerSaisie {
  background-color: #FFD210;
  /*color: #fff;*/
  font-size: 18px;
}

.colorConfirmerSaisie {
  color : #FFD210;
}

.table-header-statut .infos img {
  margin: 0 10px 0 0;
}

.table-header-statut .infos {
  font-size: 18px;
  font-weight: 900;
  text-align: center;
}

/*#formats_div{
transition: height 3s ease-out;
-webkit-transition: height .6s ease-out;
-moz-transition: height .6s ease-out;
-o-transition: height .6s ease-out;
transition-timing-function: ease-out;
}*/
#SEPAMAIL_DIAMOND_ReceiverIBAN-selectized {
  text-transform: uppercase;
}

.infostatutlucy {
  vertical-align: middle !important;
}

h3 img {
  margin: 0 8px 0 0;
}

.footer div.centreSmartphone {
  position: relative;
  max-width: 500px;
  min-width: 400px;
  width: auto;
  margin: 0 auto;
}

#format_div {
  transition: height 2s ease;
}

.tableListeDDV>tbody>tr:nth-of-type(odd) {
  background-color: #FFF;
    /*background-color: #F9F9F9*/
}

.tableListeDDV>tbody>tr:hover {
    background-color: #f5f5f5;
}

.tableListeAcceptation input, .tableListeAcceptation select, .tableListeAcceptation .hStatut {
  margin-top: 0;
  padding: 2px 5px;
  height : 40px;
  line-height: 40px;
}
table.tableListeAcceptation>tbody>tr>td {
  padding: 0;
}

.table-striped > tbody > tr.ligneSelect {
  background-color: var(--grey);
}

.line-link {
  cursor: pointer !important;
}

.line-link:active {
  background-color: #E6E7E8;
  cursor: none !important;
}




.Souris {
  cursor: none;
}

.grey-results {
  color: #aaaaaa !important;
}

#filter .lienLigneFichier a {
  cursor: pointer;
  color: #aaaaaa;
}

#filter .lienLigneFichier a:hover {
  cursor: pointer;
  color: #101010;
}

#filter .filter-active a {
  cursor: pointer !important;
  color: rgba(18, 188, 241, 1) !important;
}

#filter .filter-active:before {
  content: '\f0da';
  font-family: 'FontAwesome';
  color: rgba(18, 188, 241, 1);
  margin: 0 5px 0 0;
}

/*Liens dans un message de succès*/
.alert.alert-success a {
  color: #000 !important;
  text-decoration: underline;
}

#debug-theme {
  position: absolute;
  float: none;
  top: 0;
  left: 0;
  max-width: 550px;
  max-height: 150px;
  background-color: rgba(15, 168, 237, .75);
  color: #fff;
  display: block;
  padding: 5px;
}

#debug-theme .debug-infos {
  width: 100%;
  display: block;
  position: relative;
  margin: unset;
  padding: unset;
  float: left;
}

#debug-theme .debug-infos .lines-infos {
  width: 100%;
  display: block;
  position: relative;
}

#debug-theme .debug-infos .lines-infos .bloc-line {
  display: inline-flex;
  position: relative;
  width: 100%;
  color: #fff;
  text-align: left;
  padding: 3px 10px;
  margin: 0 10px;
}

#debug-theme .debug-infos .lines-infos .bloc-line .line-label {
  background-color: rgba(15, 168, 237, .90);
  display: inline-flex;
  position: relative;
  max-width: 200px;
  font-weight: bold;
  text-align: right;
  padding: 3px 10px;
  height: auto;
}

#debug-theme .debug-infos .lines-infos .bloc-line .line-value {
  display: inline-flex;
  position: relative;
  width: auto;
  font-weight: bold;
  text-align: left;
  height: auto;
  padding: 3px 10px;
}

#detailErreurLigne {
  cursor: pointer;
  color: #aaa;
  font-size: var(--fs);
}

#detailErreurLigne:hover {
  color: rgba(18, 188, 241, 1);
}

#contenuErreurLigne {
  font-size: var(--fs);
}

.fontLang a {
  font-family: raleway;
  color: #000000 !important;
  font-size: var(--fs);
}

.fontLang {
  font-family: raleway;
  color: #000000 !important;
  margin-left: 10px;
}

.fontLang a.bold {
  font-weight: bold;
  color: #000000 !important;
  font-size: var(--fs);
}

/*style du bouton de liste deroulante avec cases a cocher de DropDownCheckBoxList */
.btn_select {
  position: relative;
  height: 25px;
  text-align: left;
  background-color: #fff;
  border: 1px solid rgba(0,0,0,0.10);
  margin-top: 4px;
  outline-offset: -2px;
  white-space: nowrap;
  padding: 0.3rem;
  color: var(--darkgrey);
  border-radius: var(--radius);
}

/*Style de la liste deroulante des etats : arrondi en bas */
.listItems {
  border-radius: 0 0 5px 7px;
}

.list_item {
  /*MCB 19/07 : empeche le retour à la ligne sur petit écrans (conseiller par Jean-Paul)*/
  white-space: nowrap;
}

/*Ajout d'un peu plus d'espace entre les cases et les labels sur la liste */
.list_item label, .list_item_all label {
  padding-left: 7px;
}

/*Emplacement de l'icône de date sur le champ de date de naissance */
.ui-datepicker-trigger {
  margin-top: -60px;
  /*margin-top: -12%*/
  /*margin-left: 442px;*/
  margin-left: 90%;
  cursor: pointer;
}

.erreurPendantSaisie {
  box-shadow: 0 0 8px rgba(255, 0, 0, 0.6) !important;
}

.saisieIBANOK {
  box-shadow: 0 0 8px rgba(39, 255, 34, 0.6) !important;
}

.dangerIBAN {
  color: green !important;
}

.unavailableBIC {
  box-shadow: 0 0 8px orange !important;
}

.unavailableBICmsgColor {
  color: orange;
  border-color: orange;
}

.no-display-errorIBAN {
  display: none !important;
}

.btn-accueil {
  border-width: 0;
  border-color: #AAA;
  background: #DCEEE8;
  /* font-size: 14px; */
  color: #000;
  margin-top: 15px;
}

/*Le bouton "Bonjour [login]" a un style différent sur la home page que sur les autres pages */
.btn-accueil-homepage {
  border-width: 0;
  border-color: #EEE;
  background: #FFF;
  /* font-size: 14px; */
  margin-top: 2px;
  color: #000;
}

.btn-accueil:hover, .btn-accueil-homepage:hover {
  color: #1EB8E8;
  visibility: visible !important;
}

.dropdownHautGeneral {
  margin-top: 20px;
  word-wrap: break-word;
}

/*MCB, 8/07: liste du menu hambuger -> voir si il n'est pas déjà & 9/07 padding: 0; pour l'alignement */
.nobull {
  list-style-type: none;
  padding: 0;
}

/*MCB 12/07 boutton page mot de passe expiré*/
.buttonLog {
  width: 100%;
}

/*MCB 15/07 pour bien séparer (notament sur mode tablette) le champs "bonjour user" et la navbar*/
.connection-home {
  margin-bottom: 20px;
}

/*Pour la page de réinitialisation*/
@media (max-width: 480px) {
  .capcha-center {
    text-align: right;
  }
}

@media (min-width: 481px) {
  .capcha-center {
    text-align: center;
  }
}

/* TLV 18/07/2019
* Pour les très petits smartphones (genrer iPhone 5se), on réduit la largeur de highcharts
*/
@media (max-width: 320px) {
  .highcharts-root {
    width: 280px;
  }
}

/** TLV 15/07/2019
* Classes spoiler, spoiler-btn et spoiler-body quand il y a plus de 3 BIC indisponibles
* Ticket 4541
*/
.spoiler {
  position: relative;
  /*background-color: #f9fafa;*/
  /*border: 1px solid #ddd;*/
  margin-bottom: 10px;
}

.spoiler-btn {
  padding: 2px 6px;
  cursor: pointer;
}

.spoiler-body {
  padding: 6px;
}

.ui-dialog-titlebar-close {
  display: none;
}

/*
* Ajout search and results phones FJ 01/10/2019
*/
.tabResultPhone {
  width: 100%;
  margin-bottom: 20px;
  position: relative;
  float: left;
}

.tabResultPhone th, .tabResultPhone td {
  width: auto;
  /*height:25px;*/
  text-align: center;
  padding: 5px;
  /*white-space: nowrap;*/
}

.tabResultPhone .colLong {
  width: 15%;
}

.tabResultPhone .colMed {
  width: 10%;
}

.tabResultPhone .colSmall {
  width: 5%;
}

.status-ko > span{
  /*background: var(--red);
  color: #fff;*/
  color: var(--red);
  padding: 5px 5px 5px 5px;
  border-radius: var(--radius);
  display: block;
  margin: auto;
}
.reverse-status-ko {
  background: var(--red);
  color: #fff;
  padding: 5px 5px 5px 5px;
  /*border-radius: var(--radius);
  display: block;*/
  margin: auto;
}
.status-ko .color-status-ko {
  color: var(--red);
}
.status-wait > span{
  /*background: #11b2fd7e;
  color: #fff;*/
  color: #11b2fd;
  padding: 5px 5px 5px 5px;
  border-radius: var(--radius);
  display: block;
  margin: auto;
}
.reverse-status-wait {
  background:  #11b2fd;
  color: #fff;
  /*padding: 5px 5px 5px 5px;
  border-radius: var(--radius);
  width: 100%;
  display: block;*/
  margin: auto;
  text-align:center;
}

.status-wait .color-status-wait {
  color: #11b2fd;
}
.status-ok > span {
  /*background: var(--green);*/
  /*color: #fff;*/
  color: var(--green);
  padding: 5px 5px 5px 5px;
  border-radius: var(--radius);
  display: block;
  margin: auto;
}
.reverse-status-ok {
  background: var(--green);
  color: #fff;
  padding: 5px 5px 5px 5px;
  /*border-radius: var(--radius);
  width: 100%;
  display: block;*/
  margin: auto;
}
.status-ok .color-status-ok {
  color: var(--green);
}
.status-warning > span {
  /*background: var(--greypale);
  color: #fff;*/
  color: #000;/*var(--greypale);*/
  padding: 5px 5px 5px 5px;
  border-radius: var(--radius);
  display: block;
  margin: auto;
}

.reverse-status-warning {
  background: var(--orange);
  color: #fff;
  padding: 5px 5px 5px 5px;
  /*border-radius: var(--radius);
  width: 100%;
  display: block;*/
  margin: auto;
}

.status-warning .color-status-warning {
  color: var(--orange);
}

#params-Scoring_recurrence .ui-slider-range {
  background: var(--orange);
}

.status-score-ko {
  background: var(--red);
  color: #fff;
  padding: 0.5rem;
  border-radius: var(--radius);
  max-width: 60px;
  min-width: 60px;
  width: 60px;
  max-height:22px;
}
.status-score-orange {
  background: var(--orange);
  color: #fff;
  padding: 0.5rem;
  border-radius: var(--radius);
  max-width: 60px;
  min-width: 60px;
  width: 60px;
  max-height:22px;
}
.status-score-ok {
  background: var(--green);
  color: #fff;
  padding: 0.5rem;
  border-radius: var(--radius);
  max-width: 60px;
  min-width: 60px;
  width: 60px;
  max-height:22px;
}

.active-line {
  background-color: #f5f5f5 !important;
}

.line-link td i {
  height: 22px;
  display: block;
  vertical-align: middle;
  /*margin: 0 auto;*/
}

.legends {
  display: inline-block;
  width: 100%;
  float: left;
}

.legends .tab-legends {
  display: inline-block;
  width: 100%;
  list-style: none;
  margin: unset;
  padding: unset;
}

.legends .tab-legends li {
  display: inline-block;
  width: auto;
  height: 36px;
  vertical-align: bottom;
  padding: 5px 3px 3px 3px;
  font-size: var(--fs);
  line-height: 36px;
  position: relative;
  float: left;
  color: inherit;
}

.legends .tab-legends li::first-line {
  display: inline-block;
  width: auto;
  height: 36px;
  vertical-align: bottom;
  padding: 5px 3px 3px 0;
  font-size: var(--fs);
  line-height: 36px;
  position: relative;
  float: left;
  color: inherit;
}

.legends .tab-legends li.statusPhone-1 {
  color: rgba(81, 164, 92, 1) !important;
  display: inline !important;
  padding-right: 5px;
  font-size: 21px;
  padding-top: 0;
  vertical-align: middle;
}

.legends .tab-legends li.statusPhone-2 {
  color: rgba(81, 164, 92, 1) !important;
  display: inline !important;
  padding-right: 5px;
  font-size: 21px;
  padding-top: 0;
  vertical-align: middle;
}

.legends .tab-legends li.statusPhone-3 {
  color: rgba(229, 63, 78, 1) !important;
  display: inline !important;
  padding-right: 5px;
  font-size: 21px;
  padding-top: 0;
  vertical-align: middle;
}

.legends .tab-legends li.statusPhone-4 {
  color: rgba(255, 210, 16, 1) !important;
  display: inline !important;
  padding-right: 5px;
  font-size: 21px;
  padding-top: 0;
  vertical-align: middle;
}

.legends .tab-legends li.statusPhone-5 {
  color: rgba(229, 63, 78, 1) !important;
  display: inline !important;
  padding-right: 5px;
  font-size: 21px;
  padding-top: 0;
  vertical-align: middle;
}

.legends .tab-legends li span {
  font-family: 'Raleway';
  color: #000 important;
  font-size: 10px;
}

@media (max-width: 480px) {
  #tabResultPhone>tbody>tr>td {
    vertical-align: middle;
    text-align: center;
    white-space: pre-wrap !important;
  }

  #tabResultPhone img::after {
    content: '<br/>' !important;
  }

  #tabResultPhone img {
    vertical-align: middle;
    padding: 0 15%;
    white-space: pre-wrap !important;
  }

  .legends {
    display: block;
    width: 300px;
    float: left;
  }

  .legends .tab-legends li {
    display: inline-block;
    width: 100%;
    height: 36px;
    vertical-align: bottom;
    padding: 5px 3px 3px 3px;
    font-size: var(--fs);
    line-height: 36px;
    position: relative;
    float: left;
    color: inherit;
  }
}

@media all and (max-width:768px) {
  .column {
    width: 100%;
    display: block !important;
  }
}

.uploadFile {
  display: inline-flex;
  width: calc(100% - 25px);
}

.uploadFile .input-group {
  display: inline-flex;
  margin-top: 4px;
}

.uploadFile div {
  width: 100%;
}

.uploadFile .input-large {
  height: 40px;
  margin: unset !important;
}

.uploadFile .input-group-btn {
  position: relative;
  font-size: var(--fs);
  white-space: nowrap;
  display: inline-flex;
  float: right;
  width: auto;
  height: 40px;
  cursor: pointer;
  content: 'BROWSE';
}

.uploadFile .input-large.form-control {
  margin: unset !important;
}

.uploadFile .btn {
  border: none;
  min-width: 100px;
  max-width: 100%;
  width: auto;
  background: var(--secondary);
  color: #ffffff;
  text-transform: uppercase;
  font-size: var(--fs) !important;
  padding: 10px;
  line-height: 1;
  float: right !important;
  position: relative;
}

.hr100 {
  width: 100%;
  margin-top: 30px;
  float: left;
}

.hrmargin {
  margin-right: 15px;
  margin-left: 15px;
  width: calc(100% - 30px);
  float: left;
  margin-top: 30px;
}

.addFlecheDown {
  padding-right: 30px;
}

.addFlecheDown::after {
  content: "\e259";
  font-family: "Glyphicons Halflings";
  font-size: 10px;
  padding-right: 10px;
  position: absolute;
  right: 10px;
  padding-left: 10px;
  padding-top: 3px;
  width: 10px;
}

.isNewRigth td {
  background-color: #e2efda;
}

@media (max-width: 991px) {
  .hidden-xs-sm {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .hidden-md-lg {
    display: none !important;
  }
}

#listProfiles .id {
  width: 22%;
}

#listProfiles .email {
  width: 24%;
}

#listProfiles .etat, #listProfiles .dateRegister {
  width: 9%;
}

#listProfiles .periodeDate {
  width: 22%;
}

#listProfiles .action {
  width: 14%;
}

div.tab-bordered div.th {
  border: 1px solid #ddd;
  padding: 8px;
  line-height: 1.42857143;
  background-color: #F9F9F9;
  height: 38px
}

div.tab-bordered div.thNBG {
  border: 1px solid #ddd;
  padding: 8px;
  line-height: 1.42857143;
  font-weight: bold;
  height: 38px
}

div.tab-bordered div.th60 {
  border: 1px solid #ddd;
  padding: 8px;
  font-weight: bold;
  background-color: #F9F9F9;
  height: 64px;
  line-height: 48px;
}

div.tab-bordered div.td {
  padding: 8px;
  line-height: 1.42857143;
  background-color: #FFFFFF;
  height: 38px;
  border: 1px solid #ddd;
}

div.tab-bordered div.td60 {
  padding: 8px;
  line-height: 1.42857143;
  background-color: #FFFFFF;
  height: 64px;
  border: 1px solid #ddd;
}

.listDroitConsult {
  font-size: 13px;
}

div.tab-bordered div.tdNBG60 {
  padding: 8px;
  line-height: 1.42857143;
  height: 64px;
  border: 1px solid #ddd;
}

div.tab-bordered div.tdhauto {
  padding: 8px;
  line-height: 1.42857143;
  background-color: #FFFFFF;
  border: 1px solid #ddd;
}

div.tab-bordered div.div_consulter.td60 {
  overflow: auto;
  height: auto;
}

.floatL {
  float: left;
}

@media (max-width: 768px) {
  #listProfiles .id {
    width: 40%;
  }

  #listProfiles .etat {
    width: 30%;
  }

  #listProfiles .action {
    width: 30%;
  }
}

.removeQXBANicon {
  cursor: pointer;
  margin-top: 10px;
}

.entityDisabled {
  color: #777777;
}



/*
 * Corporate
*/
.marginBotton0 {
  margin-bottom: 0;
}

.borderNoneBotton, .table-bordered>tbody>tr>th.borderNoneBotton {
  border-bottom: 0;
}

.borderNoneTop, .table-bordered>tbody>tr>th.borderNoneTop, .table-bordered>tbody>tr>td.borderNoneTop {
  border-top: 0;
}

.marginTop20 {
  margin-top: 20px;
}

.paddingTop20 {
  padding-top: 20px;
}

.paddingBottom20 {
  padding-bottom: 20px;
}

#infoComplExtrait a {
  color: #337ab7;
}

.glyphicon-info {
  color: rgba(18, 188, 241, 1);
  margin-left: 5px;
  cursor: pointer;
}

.cadre {
  background: #ffffff;
  width: 100%;
  max-width: 100%;
}

.cadreCorporate:hover {
  border: solid 1px rgb(18, 188, 241);
  cursor: pointer;
}

.cadreCorporate {
  border: solid 1px transparent;
  cursor: pointer;
  width: 100%;
}

.cadre .h3 {
  margin-top: 15px;
  margin-bottom: 15px;
}

.fs16 {
  font-size: 15.8px
}

@media (min-width: 1200px) {
  .dtable-lg {
    display: table;
  }

  .dtablecelle-lg {
    display: table-cell;
    float: none;
    vertical-align: middle;
  }
}

@media (max-width: 991px) {

  .cadre .col-sm-12, .cadre .col-sm-9, .cadre .col-sm-7, .cadre .col-sm-6, .cadre .col-sm-3, .cadre .col-sm-2,
  .cadre .col-md-7, .cadre .col-md-5, .cadre .col-lg-12 {
    padding-right: 5px;
    padding-left: 5px;
  }
}

.table-bordered-u {
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
}

.table-bordered-r {
  border-right: 1px solid #ddd;
  height: 45px !important;
}

.checkRecherchePartiel {
  width: 100%;
  float: left;
}

label.label_likeName {
  margin-bottom: 0;
}

.checkRecherchePartiel .checkbox_likeName {
  margin-top: 7px;
  margin-right: 4px;
  margin-bottom: 4px;
}

.checkSearchCorp input[type="checkbox"] {
  margin: 8px 5px 0;
  line-height: normal;
}

.checkSearchCorp {
  padding: unset;
  float: left;
}

.checkSearchCorp ul, .checkSearchCorp ul li {
  list-style: none;
  width: 100%;
  display: block;
  padding: unset;
  float: left;
}

.checkSearchCorp .checkbox_likeName {
  margin-top: 7px;
  margin-right: 4px;
  margin-bottom: 4px;
}

.entBlocLbl {
  /* background: #fcfcfc; */
  border: solid 1px #dbdbdb;
  margin: 0 0 10px 0;
  padding: 5px;
}

.entBlocRes {
  text-align: center;
}

.headLineDet {
  background-color: #F9FBFC;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  display: block;
  margin: 0;
  min-height: 28px;
  padding: 0 5px 0 10px;
  text-transform: uppercase;
}

.headLineDetUser {
  border-radius: 3px;
  color: #000;
  cursor: pointer;
  display: block;
  margin: 0;
  min-height: 28px;
  padding: 0 5px 0 10px;
}

.group-frequency {
  display: block;
}

.group-frequency .frequency {
  top: 0;
  position: relative;
}

.group-fields {
  display: flex;
}

.row-options {
  border-top: 1px solid #cccccc;
  margin: 10px 0;
  position: relative;
  padding: 10px 0;
}

.alignLeft {
  text-align: left !important;
  padding-left: 10px !important;
}

.btnModifierFrequency {
  padding: 8px 16px;
  font-size: var(--fs);
}

#btnUpdateFreq.btnModifierFrequency {
  display: none;
}

.infosFrequency .form-control {
  height: 30px;
  border-radius: 0;
  border: none;
}

.infosFrequency form {
  width: 100%;
  height: auto;
  max-height: 40px;
}

/* Couleur sur une ligne d'un fichier sélectionné sur la page de trackings des batch */
.fileLigneSelect {
  background-color: #DCEEE8 !important;
}

.indicationLabelFileFrequency {
  font-style: italic;
  text-align: right;
  padding-left: 15px;
}

.servicescorporate-infos {
  text-align: left;
  width: 100%;
  margin: 0 10px 10px 15px;
  font-weight: bold;
}

.fields-required {
  color: red;
}

.results_verify {
  display: none;
  float: left;
  position: relative;
  width: 100%;
  height: auto;
  margin: 10px 0;
}

.results_verify {
  display: none;
  float: left;
  position: relative;
  width: 100%;
  height: auto;
  margin: 10px 0;
}

.total-result {
  display: block !important;
  margin: 20px 0 !important;
  width: 100% !important;
  height: auto !important;
}

.w100, input.w100.btn {
  width: 100%
}

.visible-xs-table {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-xs-table {
    display: block !important;
  }
}

.logoResult {
  max-height: 22px;
  float: left;
}


.logoFooter img{
  width:15%;
  height: inherit;
}

.logoFooter{
  display: inline-block;
  width:auto;
}

.tblHistoFields {
  display: block;
  width: 100%;
  height: 36px;
  float: left;
  position: absolute;
  left: 0;
  top: 0;
}

.tblHistoFields tr {
  display: block;
  width: 100%;
  height: 100%;
  float: left;
  position: absolute;
  left: 0;
  top: 0;
}


.bloc-servicecorp-status .col-md-12 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.selectboxit-container {
  position: relative;
  display: inline-block;
  vertical-align: top;
  top: 4px;
  height: 80px;
}

.phoneRequestDetailsIndication {
  margin-left: 25px;
  font-size: 13px;
  text-align: center;
  color: grey;
}

.selectboxit-container .selectboxit {
  width: auto;
  cursor: pointer;
  margin: 0;
  padding: 0;
  border-radius: 6px;
  overflow: hidden;
  display: block;
  position: relative;
  width: 92px;
  height: 40px !important;
}

.selectboxit-arrow-container {
  width: 15px !important;
  position: absolute;
  right: 0;
}

.selectboxit-container span {
  height: 30px !important;
  line-height: 30px !important;
  display: block;
  max-width: 60px !important;
}

.selectboxit .selectboxit-option-icon-container {
  margin-left: 5px;
  width: 36px;
  margin-top: 5px;
}

.divTabInfoIBAN.col-md-4 {
    background-color: white;
}

@media (min-width: 992px) {
    .divTabInfoIBANGlobal {
        display: flex;
    width: 100%;
    }

    .divTabInfoIBAN.col-md-4 {
        display: table-cell;
        margin-right: 15px;
        margin-left: 15px;
        padding-right: 0;
        padding-left: 0;
    }
}

.breakword {
    word-break: break-word;
}

.h37middle {
    height : 37px;
    line-height : 37px;
}

.bg_header .pull-right{
  display: inline-flex;
}

.StStonlyBlock{
  background-color: yellow;
  width: 15px;
  height: 15px;
  display: inline-flex;
  padding: 5px;
  margin: 3px 0 0 15px;
  border-radius: 50%;
}

.boldBlue {
  font-weight: bold;
  color: blue;
}

.orange {
  color: orange;
}

.green {
  color: green;
}

.red {
  color: red;
}

.gray {
  color: gray;
}

.center {
  text-align: center;
}

.blocOCRpicture img{
  display : block;
  width: 100%;
  height: auto;
}
img.imgOCR{
  display : block;
  width: 100%;
  height: auto;
}

.blockImgOCR{
  display: block;
  text-align: center;
  margin: 20px 0 20px 0px;
}
.blockOCR{
  display: block;
  margin: 0;
  padding-top:55px;
}

.blocOCRpicture{
  display: block;
  text-align: center;
  margin : 0 auto;
  min-height: 80px;

}

.resizeEmbed {
  width: 100%;
  height: auto;
  min-height : 420px;
}

.display-flex {
  display: inline-flex;
}

.viewOCR{
  display:none;
}

ul.results-danger, ul.results-danger li{
    display: inline-flex;
    width:auto;
    list-style: none;
  margin:unset;
}
.results-danger-picto{
    width:auto;
    min-width:30px;
}
.results-danger-label{
    width:auto;
    min-width:80%;
    text-align: center;
}

.align-center{
  text-align: center;
  width:100%;
}




.flag-resize  {
  border-radius: 10%;
  object-fit: fill;
  object-position: center;
  width: 40px;
  height: 27px;
}
.img-container {
  height:100%;
}
input.form-control {
  border: solid 1px rgba(0,0,0,0.10);
  border-radius: var(--radius);
  height: 25px;
  padding: 0.3rem;
  color: var(--black);
}
input.form-control:focus, input.form-control:active {
  box-shadow: 1px 1px 10px 1px #0b9dfe50;
  border: solid 1px var(--secondary);
}
.form-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 40%);
  background: rgba(255,255,255,0.9);
  padding: 2rem;
  border-radius: var(--radius);
  max-width: 500px;
}
.form-container-base {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 40%);
  background: rgba(255,255,255,0.9);
  padding: 2rem;
  border-radius: var(--radius);
}
.logo-lucy {
  background-image: url('../../images/lucyphonelogo.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width:auto;
  height: 5rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem
}



fieldset>legend {
  text-align: left;
  border:0px;
  width:fit-content;
  padding:0px 5px;
  font-size:16px;
  margin-bottom:5px;
}

fieldset>legend>input[type="checkbox"] {
  margin-top: 0px;
}

fieldset>legend>input[type="checkbox"], fieldset>legend>label {
  display: inline;
  vertical-align: middle;
}

.btn {
  border-radius: var(--radius);
  background: var(--grey);
  color: var(--black);
  border: unset;
  max-height:40px;
  width: auto;
}

.btn:hover, .btn:focus {
  opacity: 0.7;
  color: inherit;
}

.btn.btn-blue{
  background: var(--secondary);
  color: #FFF;
  width:auto;
}

.btn.btn-blue >span,.btn.btn-blue >i {
  color: #FFF;
}

.btn-violet {
  background: var(--primary);
  color: white;
}

.btn-orange {
  background: #fff;
  color: var(--red);
  border: 1px solid var(--red)
}
.btn.btn-violet:hover {
  color:#fff;
}
.btn-orange:hover,  .btn-orange:active:focus, .btn-orange:focus {
  color: var(--red);
  opacity: 0.7;
}

.btn-green {
  background: #26bd7e;
  color: #fff;
}

.panel-body{
  background:none;
}

.panel-lucy-phone{
  border-radius: 5px;
  background-color: rgba(255,255,255,.5);
  border:1px solid rgba(0,0,0,.25);
  width:100%;
}

.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
  text-align:center;
}

.panel-title{
  font-size: 20px;
  display: block;
  border-left: unset;
  width:100%;
  text-align: center;
  color: var(--secondary);
  font-family: 'Open Sans';
  text-transform: capitalize;
}


.tab-content{
  margin-top:-3px;
  position: relative;
  display: block;
}


.nav-tabs > li.active > a > span, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
  color: var(--secondary);
}

.table-striped > tbody > tr{
  background-color: #FFF;
  border-bottom: 1px solid rgba(116,115,115,.1);
}
.table>thead>tr>th {
  padding: 0.7rem;
  text-align: center;
  border:unset;
  color: #7C8187;
  font-weight: normal;
}


.no-padding{
  padding-left: unset !important;
  padding-right: unset !important;
}

.no-padding-right{
  padding-right: unset !important;
}

.no-padding-left{
  padding-left: unset !important;
}

.float-right{
  float: right;
}

.searchFilterBlock{
  display: inline-flex;
  margin: 10px 0px;
  padding:5px;
  border-radius:10px;
}

.resultSearchList p{
  color: #9b9c9c;
  text-align: left;
}
.resultSearchList{
  float: right;
  display: inline-block;
  color: #9b9c9c;
  height:30px;
  padding:5px 15px 5px 5px;
  text-align: right;
}
.LabelResultSearch,.DataResultSearch{
  display: inline;
  line-height: 1;
  vertical-align: middle;
}

.searchFilterBlock .btnFilter i{
  font-size: 14px;
  cursor: pointer;
  padding: 0.5rem;
  background: var(--secondary);
  border-radius: 5px;
  color: white;
}
.searchFilterBlock .btnFilter i:hover{
  opacity: 0.7;
}
.btnFilter {
  background-color: transparent;
  color :#9b9c9c;
  margin-right:5px;
  width:20px;
  height:20px;
  cursor: pointer;
}
.BtnFilterBlock .labelExpandBtnFilter{
  height:30px;
  line-height: 30px;
  vertical-align: middle;
  color:var(--secondary);
  font-style: italic;
  font-size: 9px;
}

.BtnFilterBlock{
  margin-left:5px;
  float: left;
  color: var(--secondary);
  display: inline-flex;

  text-align: center;
  height:30px;
}
.btnFilter .fa{
  font-size: 16px;
}

.bg-filtre-blanc {
  background: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,1));
  height: 366px;
}

.bg-page {
  background-image: url('../../images/page-lucyphone.jpg');
  height: 365px;
  width: 100%;
  background-size:cover;
  transform-origin: left;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  z-index: 0;
}

.navbar {
  margin-bottom: unset;
}

/* .quick-search{
  background-color: #f6f6f6;
} */

.quick-search .QuickSearch{
  display: inline-block;
  width:auto;
  max-width:900px;
  min-width:900px;
  margin-top:5px;
  min-width:900px;
}


.panel-body .QuickSearch input.form-control {
  border: solid 1px rgba(0,0,0,0.10);
  border-radius:10px;
  max-height: 35px;

}

.btnQuickSearch{
  height: 30px;
  padding:3px 5px 0 5px;
  font-weight: 800;
}

.btnQuickSearch i{
  font-family: 'FontAwesome' ;
  font-size: 16px;
  color :rgba(255,255,255,1);
  margin: 6px 0 0 0;
  cursor: pointer;
}


.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}


.title-label-blue {
  color: #fff;
  background: var(--secondary);
  border-radius: var(--radius);
  width:15%;
  text-align:center;
  height: 20px;
  padding: 0.1rem;
  margin-bottom: 10px;
}

.label-chevauche {
  margin-bottom: -4px;
  z-index: 1;
  position: relative;
}

.title-blue {
  color: var(--secondary);
}

.bloc-gris-detail {
  padding: 1rem;
  background: #F9FBFC;
  border: 1px solid #74737331;
  max-width: 100%;
  border-radius: 5px;
  text-align: center;
}

.ulLanguageMenu{
  max-height: 300px;
  overflow-y: scroll;
  overflow-x: hidden;
}

.title-bloc-accueil {
  display: block;
  text-align: center;
  position: relative;
}
.title-bloc-accueil .title-container {
  /*top: 55%;*/
  transform: translate(0%, 70%);
  text-align: center;
  display: block;
  margin: 0 auto;
  margin-top:2rem;
  width:500px;
}
.title-container img{
  width:500px;
  animation: fadeInDown 2s
}
.lucyphone-carousel {
  position: relative;
  display: block;
  width: 100%;
  margin-top: 10%;
  text-align: center;
}

/*.carousel-inner {
  animation: fadeIn 1s;
}*/


.lucyphone-carousel .carousel .item .row a .col-md-4,.lucyphone-carousel .carousel .item .linkCarousel{
  text-align: center;
}

/*.lucyphone-carousel .itemMenu > *,*/


.iconItemMenu i {
  color: #fff;
  text-align: center;
  font-size: 30px;
}

/* .itemMenu {
  border-radius: var(--radius)!important;
} */
/* .itemMenu:hover {
  transition: transform 0.5s;
  transform: scale(1.055);
  border-radius: var(--radius);
} */
.messageMenu {
  color: #fff;
  font-weight:lighter;
  font-size: 20px;
}

/* DROPDOWN MULTISELECT */

.btn-dropdown-checkbox-list {
  border: 1px solid rgba(219,219,219);
  border-radius:10px;
}
.has_select:before {
  box-sizing: border-box;
  content: '\f078';
  font-family: 'Font Awesome 6 Pro';
  position: absolute;
  right: 6px;
  z-index: 1;
  top: 8px;
  pointer-events: none;
  font-size: 10px;
  /* color: rgba(219,219,219) */
}

/* .fa-calendar, .fa-xmark-large {
  color:rgb(219,219,219)
}*/

.ulLanguageMenu{
  z-index:1000;
}

.error > input {
  background-color: rgba(255, 0, 0, 0.178);
  border: 1px solid var(--red);
}

.requiredFields{
  float:right;
  display:block;
  color:#333 !important;
  text-align: right !important;
  font-size: 9px;
  font-style: normal;
  margin-top: 10px;
  position: relative;
}

.origCountryHLR{
  width: 100%;
  display: inline-block;
}
 .origCountryHLR ul,.origCountryHLR li{
  display: inline-flex;
  text-align: center;
  list-style: none;
  height: 30px;
  line-height: 30px;
  vertical-align: middle;
}
.diplayInline{
  display: inline-flex;
  text-align: center;
  list-style: none;
  height: 30px;
  line-height: 30px;
  vertical-align: middle;
  padding:3px;
}


.origCountryHLR .btn-infos, .btn-infos{
  border:unset;
  color: var(--secondary);
  background-color: unset;
  font-size: 16px;
  width:35px;
  min-width:35px;
  max-width:35px;
  margin:unset;
  padding:unset;
}
.btn-infos * {
  color: var(--secondary);
  margin: 0;
  padding: 0;
}

.origCountryHLR .country{
  font-size: 9px;
  font-style: normal;
  margin-top: 10px;
  position: relative;
}

.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.detailCheck{
  color:var(--green);
  /*font-size:17px;*/
}
.detailCross{
  color:var(--red);
  /*font-size:17px;*/
}
#myModalInfosHLR .modal-header{
  /*background-color: var(--primary);
  color:#fff;*/
}

#QuickSearch .form-group{
  position: relative;
  /*display: inline-flex;*/
}

.reset-field{
  position: absolute;
  float: right;
  right: 35px;
  top: 5px;
  cursor: pointer;
}
#SupLastname.reset-field{
  position: absolute;
  float: right;
  right: 10px;
  top: 5px;
}
#SupFirstname.reset-field{
  position: absolute;
  float: right;
  right: 35px;
  top: 5px;
}
#SupNumPhone.reset-field{
  position: absolute;
  float: right;
  right: 45px;
  top: 5px;
}
.button-container i.fa-light, .button-container i.fa-solid, .button-container i.fa{
  margin-right: 3px;
}

.alignRight{
  float: right;
  text-align: right;
}

.inlineDisplay{
  display: inline-block;
}

#ok-quickSearch.btn{
  max-width: 150px !important;
  width: 80px !important;
  min-width: 50px !important;
}

#btnFilter.btn{
  max-width: 100px !important;
  width: 95px !important;
  min-width: 50px !important;
  max-height:28px;
}

.compositeSearch{
  display:block;
  color:#333;
  text-align: left;
  font-size: 13px;
  font-style: normal;
  margin: 5px 0 15px 0;
  position: relative;
}


.input-group {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%;
}

.input-group > .form-control,
.input-group > .form-control-plaintext,
.input-group > .custom-select,
.input-group > .custom-file {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
  margin-bottom: 0;
}

.input-group > .form-control + .form-control,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .custom-file,
.input-group > .form-control-plaintext + .form-control,
.input-group > .form-control-plaintext + .custom-select,
.input-group > .form-control-plaintext + .custom-file,
.input-group > .custom-select + .form-control,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .custom-file,
.input-group > .custom-file + .form-control,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .custom-file {
  margin-left: -1px;
}

.input-group > .form-control:focus,
.input-group > .custom-select:focus,
.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
  z-index: 3;
}

.input-group > .custom-file .custom-file-input:focus {
  z-index: 4;
}

.input-group > .form-control:not(:first-child),
.input-group > .custom-select:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group > .custom-file {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.input-group > .custom-file:not(:last-child) .custom-file-label,
.input-group > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .custom-file:not(:first-child) .custom-file-label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group:not(.has-validation) > .form-control:not(:last-child),
.input-group:not(.has-validation) > .custom-select:not(:last-child),
.input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label,
.input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group.has-validation > .form-control:nth-last-child(n + 3),
.input-group.has-validation > .custom-select:nth-last-child(n + 3),
.input-group.has-validation > .custom-file:nth-last-child(n + 3) .custom-file-label,
.input-group.has-validation > .custom-file:nth-last-child(n + 3) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group-prepend,
.input-group-append {
  display: -ms-flexbox;
  display: flex;
}

.input-group-prepend .btn,
.input-group-append .btn {
  position: relative;
  z-index: 2;
}

.input-group-prepend .btn:focus,
.input-group-append .btn:focus {
  z-index: 3;
}

.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .input-group-text,
.input-group-append .input-group-text + .btn {
  margin-left: -1px;
}

.input-group-prepend {
  margin-right: -1px;
}

.input-group-append {
  margin-left: -1px;
}

.input-group-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}

.input-group-text input[type="radio"],
.input-group-text input[type="checkbox"] {
  margin-top: 0;
}

.input-group-lg > .form-control:not(textarea),
.input-group-lg > .custom-select {
  height: calc(1.5em + 1rem + 2px);
}

.input-group-lg > .form-control,
.input-group-lg > .custom-select,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

.input-group-sm > .form-control:not(textarea),
.input-group-sm > .custom-select {
  height: calc(1.5em + 0.5rem + 2px);
}

.input-group-sm > .form-control,
.input-group-sm > .custom-select,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.input-group-lg > .custom-select,
.input-group-sm > .custom-select {
  padding-right: 1.75rem;
}

.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn,
.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text,
.input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .btn,
.input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.custom-control {
  position: relative;
  z-index: 1;
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5rem;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
}

.custom-control-inline {
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 1rem;
}

.custom-control-input {
  position: absolute;
  left: 0;
  z-index: -1;
  width: 1rem;
  height: 1.25rem;
  opacity: 0;
}

.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #007bff;
  background-color: #007bff;
}

.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #80bdff;
}

.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  color: #fff;
  background-color: #b3d7ff;
  border-color: #b3d7ff;
}

.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label {
  color: #6c757d;
}

.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before {
  background-color: #e9ecef;
}

.custom-control-label {
  position: relative;
  margin-bottom: 0;
  vertical-align: top;
}

.custom-control-label::before {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  content: "";
  background-color: #fff;
  border: #adb5bd solid 1px;
}

.custom-control-label::after {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  background: 50% / 50% 50% no-repeat;
}

.custom-checkbox .custom-control-label::before {
  border-radius: 0.25rem;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  border-color: #007bff;
  background-color: #007bff;
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

.custom-radio .custom-control-label::before {
  border-radius: 50%;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

.custom-switch {
  padding-left: 2.25rem;
}

.custom-switch .custom-control-label::before {
  left: -2.25rem;
  width: 1.75rem;
  pointer-events: all;
  border-radius: 0.5rem;
}

.custom-switch .custom-control-label::after {
  top: calc(0.25rem + 2px);
  left: calc(-2.25rem + 2px);
  width: calc(1rem - 4px);
  height: calc(1rem - 4px);
  background-color: #adb5bd;
  border-radius: 0.5rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .custom-switch .custom-control-label::after {
    transition: none;
  }
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  background-color: #fff;
  -webkit-transform: translateX(0.75rem);
  transform: translateX(0.75rem);
}

.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

.custom-select {
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  vertical-align: middle;
  background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.custom-select:focus {
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-select:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}

.custom-select[multiple], .custom-select[size]:not([size="1"]) {
  height: auto;
  padding-right: 0.75rem;
  background-image: none;
}

.custom-select:disabled {
  color: #6c757d;
  background-color: #e9ecef;
}

.custom-select::-ms-expand {
  display: none;
}

.custom-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #495057;
}

.custom-select-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
}

.custom-select-lg {
  height: calc(1.5em + 1rem + 2px);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
}

.blocServicePhone{
  display: inline-block;
  width: 100%;
  padding: 10px;
  border-radius: 3px;
  margin: 5px 0;
  text-align: center;
}
.servicePhone{
  background-color: none;/*rgba(153,153,153,0.2);*/
  border-radius: 0px;
  height: 40px;
  padding: 10px 20px;
  display: inline-flex;
  margin: 0 5px 10px 5px;
  white-space: nowrap;
  /*min-width:100%;
  width:100%;*/
  cursor: pointer;
  border-bottom:1px solid #ddd;
}
.servicePhone > *,.custom-switch label,.custom-switch {
  cursor: pointer;
}

.btn-infoService, .btn-infoError, .btn-infoBreachs{
  border: unset;
  color: #1e1e1e;
  background-color: unset;
  font-size: 12px;
  width: 20px;
  min-width: 5px;
  max-width: 25px;
  margin: 0 5px;
  padding: unset;
  display: inline-block;
}
.btn-infoService * {
  color: #1e1e1e;
  margin: 0;
  padding: 3px 0 0 0;
}
.titleBlocService{
  display: inline-flex;
  width:auto;
  max-width:260px;
}

.fieldset-requiredFields .form-group{
  display: inline-block;
  width: 100%;
}

.fieldset-requiredFields select.form-control {
  border-radius: 15px;
  font-size: var(--fs);
  border: 1px solid rgba(0,0,0,0.10);
  height: 25px;
  padding: 0.3rem;
  color: var(--darkgrey);
  font-weight: normal;
  margin: 0 10px 0 10px;
}

.formBuilder .form-group .date-close{
  position: absolute;
  right: 35px;
  width: auto;
  top: 5px;
}


.formBuilder .form-group input{
  width: 500px;
  display: inline-block;
  margin: 0 10px;
}
.othersFields .form-group input{
  width: 500px;
  display: inline-block;
  margin-left: 10px;
}

fieldset.fieldset-othersFields {
  border: solid 1px rgba(0,0,0,.3);
  border-radius: 15px;
  margin-bottom: 2rem;
  padding: 1.5rem;
}
fieldset.fieldset-othersFields legend{
  font-size: 13px;
}
.formBuilder .form-group{
  display: inline-flex;
  margin-bottom:10px;
  position: relative;
}
.title-primary{
  color:var(--primary);
  white-space: nowrap;
}
.popover.top > .arrow::after {
  bottom: 2px;
  margin-left: -10px;
  content: " ";
  border-top-color: #fff;
  border-bottom-width: 1px solid;
}

.popover.top *{
  font-size:11px;
}


.formBuilder .txtRequiredFields{
  font-style: italic;
  color:#333;
}

.formBuilder .alert-danger {
  color: #DD4141;
  text-align: right;
  background: transparent;
  border: unset;
  padding: unset;
  font-size: 11px;
  margin: 0px 5px 5px 5px;
}

.table-bordered {
  font-size:12px;
}

.table-bordered .small-th{
  font-size:10px;
}



.errIcon{
  color:var(--red);
}
.reverse-status-wait .errIcon{
  color:#fff;
  font-size:18px;
}

.warnIcon{
  color:var(--orange);
}

.indispoIcon{
  color:var(--red);
}
.reverse-status-wait .indispoIcon{
  color:#fff;
  font-size:18px;
}
.doneIcon{
  color: #68DFAD;
}

.reverse-status-ko .doneIcon{
  color:#fff;
  font-size:18px;
}

.reverse-status-wait .doneIcon{
  color:#fff;
  font-size:18px;
}
.waitIcon{
  color:#11B1FD;
}
.reverse-status-wait .waitIcon{
  color:#fff;
  font-size:18px;
}

.status-notdone{
  color:#F54336;
}

.statusOrange{
  color:#F54336;
}
.reverse-status-wait .status-notdone{
  color:#Fff;
}
.reverse-status-ko .status-notdone{
  color:#Fff;
}
.reverse-status-ko span,.reverse-status-wait span,.reverse-status-ok span{
  color:#fff;
}

.acrossResultResume{
  margin: 15px 0px;
  position: relative;
}

fieldset.fieldset-acrossResult legend,legend.resumeResultFields  {
  color : var(--primary);
  font-family: 'Roboto' !important;
  font-size: 13px;
}

#serviceResult fieldset > table.tableAcrossResult{
  height:auto;
  /*min-height:155px;*/
}

/*.resumeResultFieldsDetail{
  color : var(--grey);
  font-family: 'Roboto' !important;
  font-size: 13px;
}*/

.headResultLabel, .statusLabel{
  background-color: #F9FBFC;
  color : var(--primary);
  font-family: 'Roboto' !important;
  font-size: 13px;
  text-align: center;
  font-weight: normal;
}
fieldset.fieldset-ForgetPassword {
  border: solid 1px var(--primary);
  border-radius: 15px;
  margin-bottom: 2rem;
  padding: 15px 15px 15px 15px;
  min-height: 210px;
}
fieldset.fieldset-ForgetPassword legend{
  color:var(--primary);
}
fieldset.fieldset-acrossResult {
  /*border: solid 1px var(--primary);*/
  border-radius: 15px;
  margin-bottom: 2rem;
}
fieldset.fieldset-AcrossResultDetail {
  /*border: solid 1px rgb(110, 110, 110);*/
  border-radius: 15px;
  margin-bottom: 2rem;
  padding: 1.5rem;
}
fieldset.fieldset-AcrossResultDetail legend{
  color:rgb(110, 110, 110);
}
fieldset.fieldset-services {
  border: solid 1px var(--primary);
  border-radius: 15px;
  margin-bottom: 2rem;
  padding: 1.5rem;
}
fieldset.fieldset-acceptancePhone  {
  /*border: solid 1px var(--primary);*/
  border-radius: 15px;
  margin-bottom: 2rem;
  padding: 1.5rem;
  text-align: center;
  display: inline-flex;
  width: 100%;
}
fieldset.fieldset-acceptance {
  /*border: solid 1px var(--secondary);*/
  border-radius: 15px;
  margin-bottom: 2rem;
  padding: 1.5rem;
  text-align: center;
  display: inline-flex;
  width: 100%;
}
fieldset.fieldset-quickAccess {
  /*border: solid 1px var(--primary);*/
  border-radius: 15px;
  margin-bottom: .5rem;
  padding: 1.5rem;
}
fieldset.fieldset-quickAccess legend, .panel-heading legend {
  color : var(--primary);
  font-family: 'Roboto' !important;
  font-size: 13px;
  text-transform: normal !important;
}

fieldset.fieldset-services legend {
  color: var(--primary);
  font-family: 'Roboto' !important;
  font-size: 13px;
  text-transform: none;
  /*width:auto;*/
}
fieldset.fieldset-acceptancePhone legend, .robotoPrimary {
  color: var(--primary);
  font-family: 'Roboto' !important;
  font-size: 13px;
  text-transform: none;
}
fieldset.fieldset-acceptance legend {
  color: var(--secondary);
  font-family: 'Roboto' !important;
  font-size: 13px;
  text-transform: none;
}

#fieldsetAcrossResultDetail_MatchId {
  margin-bottom: 0;
}

.lineResultMini{
  padding: 8px !important;
  line-height: 1.42857143 !important;
  min-height: 30px !important;
}
.lineResultMini .statusState {
  max-height: 100%;
  min-height: 37px;
  height: auto;
  overflow-wrap: break-word;

}
.tableStatus,.tableStatusError{
  margin: 0 auto;
  text-align: center;
  width: auto !important;
  display: inline-flex;
  height: auto;
  vertical-align: middle;
}


.nopadding{
  padding: 0px !important;
}

.greyColor{
  color:var(--grey);
  font-size: 31px;
  padding:3px;
  line-height:1;
  vertical-align: middle;
  cursor: pointer;
}
.navLeft:hover .greyColor,.navRight:hover .greyColor{
  color:var(--primary);
}

.navRight{
  float: right;
  text-align: right;
}
.navLeft{
  float: left;
  text-align: left;
}
.inlineDisplay{
  display: inline-flex;
}

.navLeft,.navRight{
  display: inline-block;
  height:auto;
  width:45px;
  min-width:45px;
  max-width:45px;
  vertical-align: middle;
  line-height: 1;
  font-size:31px;
  padding:0px;
}
.nopadding{
  position:relative;
}
.nopadding table{
  position:absolute;
  top:0px;
}
td.checkTag {
  overflow-x: nowrap;
  overflow-wrap: unset;
}

.noActive{
  background-color: #F9FBFC;
  font-size: 14px;
  padding:3px;
  /*content: '';*/
  color:var(--grey);

}
.noActive span{
  color:var(--grey);
  white-space: nowrap;
}
.detailsacrossSite{
  overflow-y: scroll;
  max-height: 300px;
  width: 100%;
  text-align: center;
  color: #000;
}

.detailsacrossSite .headResultLabel {
  background-color: #F9FBFC;
  color: var(--secondary);
  text-transform: capitalize;
  font-family: 'Roboto' !important;
  font-size: 13px;
  text-align: center;
  font-weight: normal;
}
.detailsacrossSite table tr td{
  color: #000;
}

.detailsacrossSite .siteName{
  text-transform: capitalize;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  width:auto;
  max-height:330px;
  overflow-x: hidden;
  margin:0 auto;
}

.owl-item{
  min-width:260px;
  max-width:260px;
  margin:0px;
}
.owl-item .item{
  margin:0px 0px;
}
.owl-item .item,.owl-item .itemMenu{
  max-width: 100%;
  width: 100%;
}

/*.lucyphone-carousel .itemMenu > *,*/

.topItemMenu {
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  display: flex;
  height: 330px;
  width: 100%;
  border-radius: 10px;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: var(--primary);
}
.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #D6D6D6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity .2s ease;
  border-radius: 30px;
}
.owl-dots{
  position: relative;
  top:50px;
}
.quickAccessBtn .btn{
  margin:0 10px;
  padding:5px 5px;
  border-radius: 30px;
  width: auto;
}

.langButton::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
  margin-top: 12px;
}


.quickAccessBtn{
  text-align: left;
  float: left;
  position: relative;
  margin: 10px 0 10px 0;
}
.serviceBtnAccess{
  position: relative;
  float: left;
  text-align: left;
}
.introQuickAction{
  font-size: 11px;
  margin: -10px 0 5px 0;
}

.blocServicePhoneVerif{
  background-color: #F9FBFC;
  text-align: center;
}

.othersFields .form-group label{
  white-space: nowrap;
}

.othersFields .form-group {
  display: inline-flex;
  margin-bottom: 0px;
  position: relative;
  width:100%;
}


.othersFields .form-group .form-control{
  display: inline-flex;
  margin-bottom: 10px;
  position: relative;
  text-align: left;
  margin: 0 10px 5px 10px;
}

.othersFields .input {
  max-width: 500px;
  width: 500px;
  display: inline-block;
  margin-left: 10px;
}

.servicesAliasBtn{
  margin:10px;
  float: left;
  position: relative;

}

.servicesAliasBtn{
  display: inline-flex;
  position: relative;
  float: left;
  width:100%;
  margin: 0 0 20px 0;
}

.aliasServicesChoice .btn-blue{
  font-size: 12px;
  color:#fff;
  background: #52bff2;
  color: #FFF;
  width: auto;
}
.aliasServicesChoice .btn-blue.active{
  background: var(--secondary);
}

.QuickSearch .has_select::before {
  box-sizing: border-box;
  content: '\f078';
  font-family: 'Font Awesome 6 Pro';
  position: absolute;
  right: 25px;
  z-index: 1;
  top: 5px;
  pointer-events: none;
  font-size: 10px;
  color: rgba(219,219,219);
}
.QuickSearch .btn_select{
  margin-top:unset;
}
.fieldset-acrossResult th,.fieldset-acrossResult .headResultLabel{
  padding: 5px;
  line-height: 1.42857143;
  vertical-align: middle;
  width: auto;
  cursor: pointer;
}
.fieldset-acrossResult td{
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: middle;
}

.fieldset-acrossResult table.firstLineVerif{
  margin-bottom:0px;
}

.accpetanceStatutBloc{
  display: inline-flex;
  white-space: nowrap;
}

.adminStatut{
  display: inline-flex;
  white-space: nowrap;
  width:auto;
  padding: 0 10px;
}

.table-bordered-line > tbody > tr > td {
  font-size:13px;
}


.table-bordered-line{
  border-radius: 8px;
  padding:4px;
}

.table.table-bordered-line  > tbody > tr > td, .table.table-bordered-line > thead > tr > th{
  border-bottom: 1px solid #dddddd5e;
  margin:0 10px;
}
.acceptBlocAdmin .table.table-bordered-line  > thead > tr > th{
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.acceptBlocPrimary .table.table-bordered-line  > thead > tr > th{
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.table.table-bordered-line > tbody > tr > td:last-child, .table.table-bordered-line > thead > tr > th:last-child {
  border-bottom: 0px;
}

.acceptBlocAdmin {
  display: inline-flex;
  min-height: 200px;
  height: auto;
  margin: 0 10px 0 10px;
  border-radius: 8px;
  border:1px solid #ddd;
  position: relative;
}
.acceptBlocPrimary {
  min-height: 150px;
  height: auto;
  margin: 0px 20px 20px 0px;
  border-radius: 8px;
  border:1px solid #ddd;
  position: relative;
  min-width:350px;
}


.col-centered, col-xs-centered{
  float: none !important;
  margin: 0 auto;
}

td.statusSite{
  font-size: 18px !important;
}

.siteName{
  text-transform: capitalize;
}
.table-bordered > tbody > tr > td.TitulaireColumnResponsive {
  font-size: 13px;
  overflow-wrap: unset;
  text-align: center;
  padding :2px 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  display:inline-flex;
  cursor:pointer;
}


.table-bordered {
  margin-bottom:10px;
}

.table-bordered .btn-detail{
  width:100%;
  background: #9b9ae6;
  color: #FFF;
  height:37px;
  cursor: pointer;
  margin:0;
  padding: 12px 0 0 0;
}




.label{
  font-size: 13px;
  color:#000;
  font-weight: normal;
}
.box {
  column-count: 2;
  max-width:1500px;
}

.blocResults {
  /*height: auto;*/
  float: none;
  display: inline-block;
  width: 750px;
}

.blocResults2 {
  /*min-height: 340px;*/
  height: auto;
  margin: 20px 0 20px 0;
  /*float: left;
  position: relative;
  display: inline-block;
  break-after: auto;
  margin: auto;*/
  min-width:800px;
}

.bigBorder{
  border-top:2px solid #333;
  margin: 10px 0 0 0;
}

.gpeBtnFooterVerif{
  margin:20px 0 0 0;
  position: relative;
  display: block;
}
.btnSaveConf{
  margin:40px 0 0 0;
  position: relative;
  display: block;
}
.btnReset{
  top:40px;
}

.btnSaveConf input{
  width:250px;
  margin-top:3px;
}

.group-button, .group-button .btn{
  display:inline-flex;
  text-align: center;
  text-transform: capitalize;
  width: auto !important;
  min-width: 50px;
}

.nameSite{
  text-transform: capitalize;
}

.defaultScoring{
  max-width:150px;
}

input.scoreSite{
  margin: 0 auto;
  max-width: 150px;
  display: block;
}


.status_ko.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: var(--red) !important;
  background-color: var(--red) !important;
}
.status_warn.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color:  var(--orange) !important;
  background-color:  var(--orange)  !important;
}
.status_ok.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: var(--green) !important;
  background-color:  var(--green) !important;
}
.legendIPDomain{
  font-style: italic;
  font-size: 10px;
  margin-top:3px;
}
.globalResults,
.servicesResults,
.timingResults {
  display: block;
  margin: 10px 0;
  padding: 15px;
}

.servicesResults fieldset,
.timingResults fieldset {
  height: 545px;
}

.globalResults fieldset,
.servicesResults fieldset,
.timingResults fieldset {
  display: block;
  margin: 10px 0;
  padding: 15px;
  /*border-radius: 10px;
  border: 1px solid #ddd;*/
}

.blockGlobalData {
  border-radius: 10px;
  background-color: #fff;
  border: 1px solid #ccc;
  color: rgba(0, 0, 0, .4);
  position: relative;
  min-height: 150px;
  box-shadow: 1px 2px 2px rgba(0, 0, 0, .2);
  padding: 10px;
}

.blockGlobalData .stats {
  padding: 10px;
  /*margin-top:30px;*/
}

.blockGlobalData .labelData {
  display: block;
  /*margin-top: 25px;*/
}

.blockGlobalData .labelBlocs,
.blockGlobalData .labelBlocs .labelBloc {
  display: block;
  color: #DDD;
  text-transform: uppercase;
}

.blockGlobalData .labelBlocs {
  display: block;
}

.blockGlobalData .labelBloc {
  display: block;
}

.blockGlobalData .labelData .labelStats {
  margin-right: 3px;
  border-bottom: 1px solid #ddd;
  color: rgba(50, 50, 50, 1);
  text-transform: uppercase;
}

.blockGlobalData .labelData .numberStats,
.blockGlobalData .labelData .labelStatus {
  margin-right: 3px;
  border-bottom: 1px solid #ddd;
  color: #000;
  min-height: 30px;
  line-height: 30px;
  vertical-align: middle;
  font-size: 21px;
}

/***/
#containerHisto {
  min-width: 310px;
  max-width: 800px;
  height: 400px;
  margin: 0 auto;
}


.blockCourbe .highcharts-figure,
.blockCourbe .highcharts-data-table table {
  min-width: 360px;
  max-width: 800px;
  margin: 1em auto;
}

.blockCourbe .highcharts-data-table table {
  font-family: Verdana, sans-serif;
  border-collapse: collapse;
  border: 1px solid #ebebeb;
  margin: 10px auto;
  text-align: center;
  width: 100%;
  max-width: 500px;
}

.blockCourbe .highcharts-data-table caption {
  padding: 1em 0;
  font-size: 1.2em;
  color: #555;
}

.blockCourbe .highcharts-data-table th {
  font-weight: 600;
  padding: 0.5em;
}

.blockCourbe .highcharts-data-table td,
.blockCourbe .highcharts-data-table th,
.blockCourbe .highcharts-data-table caption {
  padding: 0.5em;
}

.blockCourbe .highcharts-data-table thead tr,
.blockCourbe .highcharts-data-table tr:nth-child(even) {
  background: #f8f8f8;
}

.blockCourbe .highcharts-data-table tr:hover {
  background: #f1f7ff;
}

.status_Global {
  color: #11b1fd !important;
}

.status_Sent {
  color: #37c871 !important;
}

.status_Valid {
  color: #A7A7A7 !important;
}

.status_Invalid {
  color: #f54336 !important;
}

.timingResults fieldset,
.servicesResults fieldset {
  min-height: 485px;
  border:unset;
}

.filterBlock {
  display: inline-block;
  position: relative;
  margin: -20px 10px 10px 0px;
  float: right;
  right: 0px;
  text-align: right;
}

.titleStat {
  display: block;
  text-align: center;
  font-size: 16px;
  color: #349df7;
}

.filterBlock label {
  vertical-align: middle;
  height: 25px;
  line-height: 25px;
  margin-right: 5px;
}
.btn.btn-user {
  display: none;
}
.ml20{
  margin-left:0px;
}

.listItems, .listItemsGeneral {
  height: 150px;
  overflow-y: auto;
  position: absolute;
  background-color: white;
  border: 1px #CCC solid;
  padding: 5px;
  z-index: 1;
  box-sizing: border-box;
  float: left;
  left: 0px;
  top: 25px;
  width: auto !important;
  white-space: nowrap;
  min-width: 100% !important;
}

.btnArrow{
  margin-right:20px;
  max-width :40px;
  font-size:21px;
  color:var(--primary);
  margin-top:-5px;
}
.btnArrow i{
  color:var(--primary);
}
.headResultLabel{
  color:#777676 !important;
}
.greyCel{
  background-color: #f4f4f4;
  color:  #1e1e1e;
  border:1px solid #777676;
}
.greyCelGeoTitle{
  background-color: rgba(244,244,244,.35);
  color:  #1e1e1e;
  border:1px solid #777676;
  text-align: center;
  width: 100%;
  font-style: bold;
  text-transform: uppercase;
}
.greyCelGeo{
  background-color: rgba(244,244,244,.35);
  color:  #1e1e1e;
  border:1px solid #777676;
}

.AMX-expand,.IPDomain-expand,.ADomain-expand, .Email-expand,.MatchId-expand,.SimVerify-expand,.HLR-expand{
  color:#777676;
}

.TitulaireColumnResponsive{
  color:#777676 !important;
  /*padding-left:80px !important;*/
}

.TitulaireColumnResponsiveResult{
  color:#777676 !important;
  padding-left:80px !important;
}
.modal-body .TitulaireColumnResponsive{
  color:#777676 !important;
  padding-left:0px !important;
}
.TitulaireColumnLabel{
  color:var(--primary)  !important;
  padding-left:80px !important;
}

.Titulaire{
  color:#777676 !important;
  text-align: center !important;
  background-color: #f4f4f4 !important;
}
.TitulaireLabel{
  color:var(--primary) !important;
  text-align: center !important;
  background-color: #f4f4f4 !important;
}

.line-link td i {
  height: 20px;
  margin: 0 auto !important;
  /*line-height: 1;
  vertical-align: middle;*/
}
#resultatsBatchDetails .line-link td i {
  height: 20px;
  /*margin: 0 auto !important;
  line-height: 1;
  vertical-align: middle;*/
}


.iconList{
  font-size :20px;
  /*max-width: 20px;
  max-height: 20px;*/
}
.acrossResultResume .iconList{
  font-size :18px;
  /*max-width: 20px;
  max-height: 20px;
  padding-top: 15px;*/
}

 table.table-bordered > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
  vertical-align: middle;
  text-align: center;
  min-height: 37px;
  overflow-wrap: break-word;
  height: 37px;
  line-height: 1;
}

.statusState .fa-solid {
  font-size: 20px;
  margin-top: -6px;
  max-width: 37px;
  max-height: 37px;
  line-height: 1;
  height: 20px;
  vertical-align: middle;
}
.statusStateIntermediaire .fa-solid {
  font-size: 20px;
  margin-top: -4px;
  max-width: 37px;
  max-height: 37px;
  line-height: 1;
  height: 20px;
  vertical-align: middle;
}


#resultatsBatchDetails .lineResultMini{
  max-width: 100%;
  width:100%;
  text-align: center;
  height: 100% !important;
  min-height: 37px;
}


.titleFileName{
  text-align: center !important;
  padding-left: unset !important;
  padding-right: unset !important;
  margin-left: 0;
  margin-right: 0;
  position: relative;
  min-height: 1px;
  width:100%;
}

.titleFileName ul{
  list-style: none !important;
  width:auto;
  text-align: center;
  margin: 0 auto;
  display: inline-flex !important;
  margin-top: -13px;
  font-size:15px;
  margin:5px;
  margin-bottom:10px;
}

.titleFileName ul .fileName li{
  display: inline-flex;
  width:20%;
  width: auto;
}

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

.titleFileName ul .fileName li.captionColor{
  display: inline-block;
  max-width:50%;
  text-align: right;
}
.titleFileName ul.fileName li.grey-results{
  display: inline-block;
  max-width:50%;
  text-align: left;
}
.titleFileName ul .fileName li.fa-solid,.titleFileName ul .fileName li.fa-light {
  font-size: 20px;
  margin-top: 0px;
  max-height: 37px;
  max-width: 37px;
  line-height: 1;
  height: 37px;
  vertical-align: middle;
}
#resultatsBatchDetails .lineResultMini .fa-solid {
  font-size: 20px;
  margin-top: 4px;
  max-height: 20px;
  max-width: 37px;
  line-height: 1;
  height: 20px;
  vertical-align: middle;
}
#resultatsBatchDetails .lineResultMini .fa-light {
  font-size: 20px;
  margin-top: 4px;
  max-height: 20px;
  max-width: 20px;
  line-height: 1;
  height: 20px;
  vertical-align: middle;
}
.tableStatus .textStatus {
  height: auto !important;
  vertical-align: middle !important;
}

.ui-slider-handle:focus-visible {
  outline: none;
}

.slider-custom-arrow {
  position: absolute;
  background: none;
  transform: rotate(180deg) translate(5px);
  margin-top: 12px;
  fill: #d7d7d7;
}

.slider-value-left {
  transform: translate(-20px, 1px);
  color: white;
}

.slider-value-right {
  transform: translate(12px, 1px);
  color: white;
}

.ui-widget-content {
  background: none;
}

.menuUser{
  min-width:350px;
}

.chooseLang{
  float:right !important;
  position:absolute;
}

.fa-xmark-large{
  background-color: #fff;
}

.top10{
  top:10px;
}

.containerResult{
  width:100%;
  padding-right: 0px;
  padding-left: 0px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
}
.tab-pane,.ongletsclear{
  position: relative;
  display: block;
}
.tab-content > .tab-pane {
  display: unset;
}

.tab-pane .noResult {
  position: relative;
  margin: 20px 0 10px 0;
  display: block;
  top: 10px;
}

.tab-pane .noResult p{
  padding:10px;
  margin:0;
  display: block;
  position:relative;
}

.nav-tabs > li > a {
  position: relative;
  display: block;
}

.nav-tabs > li > a > span,.nav-tabs > li.active > a > span{
  vertical-align: middle;
}

.resultBlock{
  position:relative;
  display: block;
}

#resultatsBatchDetails .lineResultMini .tableStatusError .textStatus{
  height: auto !important;
  vertical-align: middle !important;
  margin-top: 5px !important;
}
#boutonsActualiser, #btnActualiserFile{
  z-index: 100;
}

.wordWrap{
  word-wrap: break-word;
  text-wrap: wrap;
}
.hyphens {
	hyphens: auto;
}

.breachsDetails{
  width: 100%;
  height: 100%;
}
.dateDetailBreach,.titleDetailBreach{
  font-weight: bold;
  padding:3px;
  text-align: left;
}
.detailBreach{
  text-align: left;
  padding:3px;
}