@charset "UTF-8";
/******
 * -- DEFINITION DES COULEURS GENERIQUES --
 */
/* Top Barre - Couleur principale  */
/* titlebar + bouton hover */
/* Tailles en pixels */
/******
 * -- TAGS GENERIQUES --
 */
body {
  padding-top: 35px;
  font-family: "MuseoSans",arial,sans-serif;
  font-size: 12px; }

a {
  color: #337ab7; }

#msg {
  display: none;
  position: fixed;
  bottom: 8px;
  font-family: "MuseoSans",arial,sans-serif;
  font-size: 14px;
  left: 0;
  width: 100%;
  z-index: 99999; }

#msg.success {
  background-color: #dff0d8;
  color: #3d6c2a;
  border: 1px solid #3d6c2a; }

#msg.info {
  background-color: #d9edf7;
  color: #1b6083;
  border: 1px solid #1b6083; }

#msg.warning {
  background-color: #fcf3c7;
  color: #8a7407;
  border: 1px solid #8a7407; }

#msg.danger {
  background-color: #f2dede;
  color: #712d2d;
  border: 1px solid #712d2d; }

span.field, span.date, span.tiers {
  overflow: hidden;
  cursor: pointer; }

.btn.btn-light {
  cursor: pointer; }

.myform .btn.btn-light {
  /*!* Curseur main par défaut sur les bouttons *!*/
  border-color: #2e6da4;
  color: #2e6da4;
  background-color: #ffffff; }

.myform .btn.btn-light:hover {
  background-color: #f2f2f2 !important; }

.myform .btn.btn-light:active {
  color: #ffffff;
  background-color: #204d74 !important; }

.form-control {
  font-size: 12px !important; }

button.btn-primary {
  color: #fff !important;
  background-color: #337ab7 !important;
  border-color: #2e6da4 !important; }

button:disabled {
  color: #8f8f8f !important;
  background-color: #dbdbdb !important;
  border: 1px solid #8f8f8f !important;
  cursor: not-allowed; }

.operation_error {
  color: black !important; }

.operation_ok {
  color: #A9D18E !important; }

.operation_encours {
  background-color: #FFE4AF !important; }

.operation_encours.selected {
  background-color: #FFCD70 !important; }

/******
 * -- MENU DE NAVIGATION - TOPBAR
 */
#topbar {
  min-height: 35px;
  height: 35px;
  padding: 0 4%;
  margin: 0;
  border: 0;
  border-radius: 0;
  background-color: #7457bf; }

#topbar .navbar-brand {
  margin: 0;
  padding: 0 30px 0 15px;
  color: #f5f5f5; }

#topbar .navbar-brand img {
  height: 35px; }

/* NavBar Menu */
/* Definition generique onglet navbar */
#topbar .navbar-nav li.nav-item {
  /* Boutons de la navbar */
  height: 35px;
  text-align: center;
  border: 0;
  cursor: pointer;
  background-color: #7457bf; }

#topbar .navbar-nav li.nav-item.selected,
#topbar .navbar-nav li.nav-item.selected a.nav-link {
  /* Bouton selectionné/actif */
  background-color: #8f6ee5;
  color: white;
  font-size: 18px; }

#topbar .navbar-nav li.nav-item a.nav-link {
  /* Contenus boutons de la navbar */
  font-size: 18px;
  padding-top: 4px;
  padding-bottom: 4px;
  color: #f5f5f5; }

#topbar .navbar-nav li.nav-item a.nav-link:hover {
  /* Survol contenu boutons de la navbar */
  background-color: #8f6ee5; }

/* Definition specifique onglet principaux gauche navbar */
#topbar .navbar-nav.navbar-left li.nav-item {
  /* Bouton du menu dans la navbar gauche (edition) */
  width: 125px; }

#topbar .navbar-nav.navbar-left li.nav-item.admin {
  /* Bouton du menu dans la partie administration */
  width: 250px; }

#topbar .navbar-nav.navbar-left li.nav-item a.nav-link {
  /* Contenus boutons de la navbar */
  border-left: 3px solid #7457bf; }

#topbar .navbar-nav.navbar-left li.nav-item.first {
  /* Premier Bouton du menu dans la navbar gauche */
  border: 0; }

#topbar .navbar-nav.navbar-left li.dropdown {
  /* Li qui contient les menus déroulant navbar gauche */
  width: 30px;
  background-color: white;
  padding: 8px 2px 7px 8px; }

#topbar .navbar-nav.navbar-left li.dropdown .dropdown-toggle {
  /* Bouton dérouleur menu déroulant le menu dans la navbar gauche */
  border: 0;
  color: #333333;
  padding: 5px 5px 5px 5px; }

#topbar .navbar-nav.navbar-left li.dropdown.open .dropdown-toggle,
#topbar .navbar-nav.navbar-left li.dropdown .dropdown-toggle:hover {
  /* Survol Bouton dérouleur menu déroulant le menu dans la navbar gauche */
  background-color: white; }

/* Définition Contenu menu déroulant navbar gauche */
#topbar .navbar-nav.navbar-left li.dropdown .dropdown-menu {
  /* Menu deroulant div navbar gauche*/
  left: -125px;
  padding: 0;
  border: 0;
  margin: 0; }

#topbar .navbar-nav.navbar-left li.dropdown .dropdown-menu ul {
  /* Menu deroulant UL navbar gauche*/
  padding: 0;
  list-style: none;
  border: 1px gray solid; }

#topbar .navbar-nav.navbar-left li.dropdown .dropdown-menu ul li {
  /* Element du menu déroulant li navbar gauche*/
  height: inherit;
  width: auto;
  margin: 0;
  padding: 6px 10px 5px 10px;
  white-space: nowrap;
  text-align: left;
  background-color: white; }

#topbar .navbar-nav.navbar-left li.dropdown .dropdown-menu ul li:hover {
  /* Survol elements du menu déroulant li navbar gauche*/
  background-color: #e5e5e5; }

#topbar .navbar-nav.navbar-left li.dropdown .dropdown-menu ul li a {
  /* Liens a des elements du menu déroulant li navbar gauche*/
  font-size: 15px;
  border-left: 0;
  margin: 0;
  padding: 0;
  color: #333333;
  cursor: pointer; }

#topbar .navbar-nav.navbar-left li.dropdown .dropdown-menu ul li a:hover {
  /* Survol liens a des elements du menu déroulant li navbar gauche */
  font-size: 15px;
  background-color: #e5e5e5;
  text-decoration: none; }

/* Définition spécifique au bouton saisie */
#topbar #btn_saisie .nav-link {
  padding: 1px 0px 1px 0px; }

#topbar #btn_saisie #btn_pencil {
  /* bouton SAISIE menu principal -> ICONE PENCIL */
  top: 0;
  padding: 7px 6px 8px 6px; }

#topbar #btn_saisie #btn_pencil.active {
  /* bouton SAISIE menu principal -> ICONE PENCIL Actif */
  background-color: #F78000; }

#topbar #btn_saisie #btn_pencil.active:hover {
  /* bouton SAISIE menu principal -> ICONE PENCIL Actif et en survol */
  background-color: #ff8d12; }

/* !NavBar Header */
/******
 * -- ELEMENTS DISABLED DU MENU DE NAVIGATION - TOPBAR ET BOTTOM BAR --
 */
#topbar .navbar-nav li[disabled],
#topbar .navbar-nav li[disabled]:hover,
#topbar .navbar-nav li[disabled] a,
#topbar .navbar-nav li[disabled] a:hover,
#topbar .navbar-nav.navbar-right li.dropdown #exelist li[disabled],
#topbar .navbar-nav.navbar-right li.dropdown #exelist li[disabled]:hover,
#topbar .navbar-nav.navbar-right li.dropdown #exelist li[disabled] a,
#topbar .navbar-nav.navbar-right li.dropdown #exelist li[disabled] a:hover {
  color: #8f8f8f !important;
  background-color: #dbdbdb;
  cursor: not-allowed; }

#topbar #btn_admin {
  height: 30px;
  font-size: 14px;
  margin: 2px 0 3px 0; }

/* Definition specifique onglet secondaires droite navbar */
#topbar .navbar-nav.navbar-right {
  height: 35px;
  border: 0; }

#topbar .navbar-nav.navbar-right li {
  /* Bouton de la navbar droite (boutons icones) */
  width: 45px; }

#topbar .navbar-nav.navbar-right li.last {
  /* Premier Bouton du menu dans la navbar gauche */ }

#topbar .navbar-nav.navbar-right li.dropdown {
  /* li qui contient le menu déroulant dans navbar droite */
  margin: 0;
  padding: 0;
  border: 0; }

#topbar .navbar-nav.navbar-right li.dropdown .dropdown-menu {
  /* ul du menu déroulant dans navbar droite */
  margin: 0;
  padding: 0;
  left: -375px; }

#topbar .navbar-nav.navbar-right li.dropdown .dropdown-menu li.bg-success {
  background: #f2dede !important; }

#topbar .navbar-nav.navbar-right li.dropdown li {
  /* Elements de la listes déroulante dans navbar droite */
  width: auto;
  height: 28px;
  margin: 0;
  padding: 5px 10px 9px 10px;
  white-space: nowrap;
  text-align: left;
  border: 0;
  background-color: white;
  color: #333333; }

#topbar .navbar-nav.navbar-right li.dropdown li.divider {
  /* Elements divider dans les listes déroulantes */
  height: 1px;
  margin: 2px 0;
  padding: 0;
  overflow: hidden;
  background-color: #e5e5e5; }

#topbar .navbar-nav.navbar-right li.dropdown li:hover {
  /* Survol elements de la listes déroulante dans navbar droite */
  background-color: #e5e5e5; }

#topbar .navbar-nav.navbar-right li.dropdown li a {
  /* liens a dans elements de la listes déroulante dans navbar droite */
  font-size: 14px;
  height: auto;
  margin: 0;
  padding: 0;
  color: #333333; }

#topbar .navbar-nav.navbar-right li.dropdown li a:hover {
  /* survol des liens a dans elements de la listes déroulante dans navbar droite */
  background-color: #e5e5e5; }

#topbar .navbar-nav.navbar-right li.dropdown.open .dropdown-toggle {
  /* bouton deroulant l'exelist quand la listes déroulante est ouverte dans navbar droite */
  background-color: #8f6ee5; }

.caselegend {
  border: 1px solid grey !important;
  width: 40px !important; }

#topbar_legend_btn .card.dropdown-menu {
  left: -260px;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  font-size: 12px;
  color: black;
  border: 1px solid black; }

#topbar_legend_btn .card-header {
  font-size: 12px;
  padding: 5px 0 0 0;
  background-color: white;
  text-align: center;
  vertical-align: middle; }

#topbar_legend_btn .card-header #legend_descript {
  min-height: 30px;
  margin-top: 2px;
  padding: 6px 12px 0 10px;
  color: white;
  background-color: #8f6ee5;
  text-align: left; }

#topbar_legend_btn .card-body {
  padding: 10px; }

#topbar_legend_btn .card-body #topbar_legend_list {
  border-collapse: separate;
  width: 100%;
  font-size: 12px !important; }

#topbar_legend_btn .card-body #topbar_legend_list tr.espace {
  font-size: 1px;
  height: 6px;
  margin: 0;
  padding: 0; }

#topbar_legend_btn .card-body #topbar_legend_list td hr {
  border-top: 1px solid #ccc;
  margin: 6px 0; }

#topbar_legend_btn .card-body #topbar_legend_list td .fas,
#topbar_legend_btn .card-body #topbar_legend_list td .fa,
#topbar_legend_btn .card-body #topbar_legend_list td .far {
  margin: 0;
  padding: 0 20px; }

#topbar_legend_btn .card-body #topbar_legend_list td .bluelink {
  color: #337ab7;
  vertical-align: top; }

#topbar_legend_btn .card-body #topbar_legend_list td.has-error {
  border: 1px solid #a94442; }

#topbar_legend_btn .card-body #topbar_legend_list td.disabled {
  background-color: #ccc; }

/* Definition du menu legende des formulaires */
.dropdown.form_legend_btn {
  color: #337ab7;
  font-size: 18px !important;
  padding: 0;
  margin: 0;
  vertical-align: middle !important;
  cursor: hand; }

.dropdown.form_legend_btn table tr td {
  width: 150px; }

.dropdown.form_legend_btn table tr td.standard {
  border: 1px solid grey; }

.dropdown.form_legend_btn table tr td.has-error {
  border: 1px solid #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.dropdown.form_legend_btn table tr td.disabled {
  background-color: #eeeeee; }

.dropdown.form_legend_btn table tr td.selected {
  border: 2px solid #46c4ec; }

.dropdown.form_legend_btn .dropdown-menu {
  padding: 0; }

.dropdown.form_legend_btn .dropdown-menu .card {
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap;
  font-size: 12px;
  color: black;
  border: 1px solid black; }

.dropdown.form_legend_btn .card-header {
  height: 25px !important;
  font-size: 12px !important;
  padding-top: 4px !important;
  background-color: white !important;
  text-align: center !important; }

.dropdown.form_legend_btn .card-body {
  padding: 6px !important; }

.dropdown.form_legend_btn .card-body .legend_descript {
  min-height: 30px;
  margin-bottom: 4px;
  padding: 6px 12px 6px 10px;
  color: white;
  background-color: #8f6ee5;
  text-align: left; }

/* !NavBar Menu */
#admincontent {
  padding-right: 4%;
  padding-left: 4%;
  padding-bottom: 4%; }

#admincontent .edit a {
  color: #337ab7; }

#admincontent .remove a {
  color: #d43f3a; }

#admincontent .allow a {
  color: #66c430; }

/******
 * -- STRUCTURE GENERIQUE DES PAGE DE CONTENU
 */
#pagecontent {
  /* Div Contenu : page de contenu */
  margin: 0;
  padding: 0 !important; }

#pageform {
  /* Div Formulaire de la page de contenu */
  top: 35px;
  margin: 0;
  padding: 0;
  border: 0;
  z-index: 1;
  background-color: inherit; }

#pageform .spacebar {
  height: 3px;
  background-color: white; }

#pagecontent .pagetablespace1lv {
  height: 73px;
  background-color: white; }

#pagecontent .pagetablespace2lv {
  height: 108px;
  background-color: white; }

#pagecontent .pagetablespace3lv {
  height: 173px;
  background-color: white; }

#titlebar {
  /* Barre de titre et barre d'action */
  min-height: 35px;
  height: 35px;
  background-color: #8f6ee5;
  margin: 0;
  padding: 0 4%;
  border: 0;
  color: white; }

#titlebar .titre {
  /* Style du titre dans la barre de titre */
  margin: 0;
  padding: 6px 8px 0 8px;
  font-size: large;
  font-weight: bold; }

#titlebar #btnPrec {
  margin: 0;
  padding: 6px 8px 0 8px;
  height: 35px;
  font-size: large;
  border-right: 1px solid #f5f5f5;
  border-left: 1px solid #f5f5f5; }

#titlebar #btnPrec:hover {
  background-color: #a588f2;
  color: white;
  cursor: pointer; }

#titlebar #btnCreateMsg {
  display: none; }

#actionbar {
  /* Barre d'action dans la barre de titre (barre des boutons d'actions */
  height: inherit;
  margin: 0; }

#actionbar li {
  /* Elements de la barre d'action (boutons) */
  border-left: 1px solid #f5f5f5;
  cursor: pointer; }

#actionbar li.first {
  border: none; }

#actionbar li.last {
  border-right: 1px solid #f5f5f5; }

#actionbar li a {
  /* Liens das les elements de la barre d'action */
  padding: 7px 8px 7px 8px;
  font-size: 14px;
  color: white; }

#actionbar li a:hover {
  /* Survol des liens ds les elements de la barre d'action */
  background-color: #a588f2; }

#actionbar[disabled],
#actionbar[disabled] li,
#actionbar[disabled] li a,
#actionbar[disabled] li a.dropdown-toggle,
#actionbar[disabled] li a.dropdown-toggle:hover,
#actionbar[disabled] li.dropdown.open .dropdown-toggle,
#actionbar li[disabled],
#actionbar li[disabled] a,
#actionbar li[disabled] a.dropdown-toggle,
#actionbar li[disabled] a.dropdown-toggle:hover,
#actionbar li[disabled].dropdown.open .dropdown-toggle {
  color: #8f8f8f;
  background-color: #dbdbdb;
  cursor: not-allowed; }

#actionbar li.dropdown .dropdown-toggle {
  /* Bouton qui declenche le deroulement de menu dans l'action barre */
  background-color: #8f6ee5; }

#actionbar li.dropdown .dropdown-toggle:hover {
  /* Survol des boutons qui declenche le deroulement de menu dans l'action barre (exports) */
  background-color: #a588f2; }

#actionbar li.dropdown.open .dropdown-toggle {
  /* Bouton qui declenche le deroulement de menu dans l'action barre quand le menu est ouvert */
  background-color: #a588f2; }

#actionbar li.dropdown .dropdown-toggle.btn-danger {
  /* Bouton qui declenche le deroulement de menu dans l'action barre */
  background-color: #d43f3a; }

#actionbar li.dropdown .dropdown-toggle.btn-danger:hover {
  /* Survol des boutons qui declenche le deroulement de menu dans l'action barre (exports) */
  background-color: #d9534f; }

#actionbar li.dropdown.open .dropdown-toggle.btn-danger {
  background-color: #d43f3a; }

#actionbar li.dropdown .dropdown-menu li.btn-danger, #actionbar li.dropdown .dropdown-menu li.btn-danger a {
  /* lien A dans element de menu deroulant de la barre d'action */
  color: white;
  background-color: #d43f3a;
  white-space: nowrap; }

#actionbar li.dropdown .dropdown-menu li.btn-danger:hover, #actionbar li.dropdown .dropdown-menu li.btn-danger a:hover {
  color: white;
  background-color: #d9534f;
  white-space: nowrap; }

#actionbar li.dropdown .dropdown-toggle.brds {
  background-color: white;
  color: #333333; }

#actionbar li.dropdown .dropdown-toggle.brds:hover {
  /* Survol Bouton dérouleur menu déroulant le menu dans la navbar gauche */
  background-color: white; }

#actionbar li.dropdown .dropdown-menu {
  /* Div qui contient le menu deroulant */
  margin: 0;
  padding: 0;
  border: 1px solid #dbdbdb;
  min-width: 200px; }

#actionbar li.dropdown .dropdown-menu li {
  /* Element de menu deroulant de la barre d'action */
  height: inherit;
  background-color: white; }

#actionbar li.dropdown .dropdown-menu li a {
  /* lien A dans element de menu deroulant de la barre d'action */
  padding: 6px 5px 6px 5px;
  color: #333333; }

#actionbar li.dropdown .dropdown-menu li a:hover {
  background-color: #e5e5e5;
  padding: 4px 5px 4px 5px; }

#selectbar {
  /* Barre de selection des données dans la page de contenu */
  height: 35px;
  margin: 0 4%;
  padding: 3px 6px;
  border: 0;
  background-color: #c4c4c4;
  border-radius: 4px; }

#selectbar button, #selectbar select {
  height: 29px;
  padding: 4px 12px;
  font-size: 12px; }

#infobar {
  /* Barre d'informations (soldes) des données dans la page de contenu */
  height: 35px;
  margin: 0 4%;
  padding: 3px 6px;
  background-color: #dbdbdb;
  border-radius: 4px; }

#infobar .infocompte {
  padding: 0 5px; }

#infobar .infolabel {
  padding: 0;
  margin: 0; }

#infobar .infolabel .form-control {
  height: 29px;
  min-width: 160px;
  margin: 0;
  padding: 6px 6px;
  font-weight: normal;
  font-size: 12px; }

#infobar .infobtns {
  margin-right: 0;
  margin-left: auto !important; }

#infobar button {
  font-size: 14px;
  height: 29px;
  padding: 3px 6px; }

#infobar #balance-scale {
  display: none;
  color: #7457bf;
  padding: 0 0 0 3px; }

#infobar #btnDelEcr {
  color: #d9534f;
  background-color: #ffffff;
  border-color: #ffffff; }

#infobar #btnDelEcr:hover {
  border-color: #d9534f; }

#infobar #btnDelEcr:active {
  background-color: #faeaea !important; }

#infobar #btnDelEcr:disabled {
  color: #8f8f8f;
  border-color: #8f8f8f !important;
  background-color: #dbdbdb !important;
  cursor: not-allowed; }

#selectactionbar #bntChecEcr, #selectactionbar #bntUnChecEcr {
  color: #333333;
  border-color: #333333; }

#selectactionbar #bntChecEcr {
  background-color: #f0f0cc; }

#selectactionbar #bntChecEcr:hover {
  background-color: #eaeab8; }

#infobar .btnActEcr {
  color: #333333;
  background-color: #ffffff;
  border-color: #ffffff; }

#infobar .btnActEcr:hover, #selectactionbar #bntChecEcr:hover, #selectactionbar #bntUnChecEcr:hover {
  border-color: #000000; }

#infobar .btnActEcr:active, #selectactionbar #bntChecEcr:active, #selectactionbar #bntUnChecEcr:active {
  background-color: #d6dce5 !important; }

#infobar .btnActEcr:disabled, #selectactionbar #bntChecEcr:disabled, #selectactionbar #bntUnChecEcr:disabled {
  color: #8f8f8f;
  border-color: #8f8f8f !important;
  background-color: #dbdbdb !important;
  cursor: not-allowed; }

#btnDeGrpEcrAuto {
  font-size: smaller !important; }

#selectactionbar {
  height: 35px;
  margin: 0 4%;
  padding: 3px 6px;
  border-radius: 4px; }

#selectactionbar button {
  height: 29px;
  padding: 4px 12px;
  font-size: 12px; }

#pagetable {
  /* Table principale d'affichage des données selectionnées */
  padding: 0 4%;
  padding-bottom: 350px !important; }

#pagetable .fixed-table-toolbar .bs-bars,
#pagetable .fixed-table-toolbar .btn-toolbar .btn-group button,
#pagetable .fixed-table-toolbar .search,
#pagetable .fixed-table-toolbar .search input {
  height: 30px;
  font-size: 14px; }

#pagetable .fixed-table-toolbar .btn-toolbar .btn-group button {
  border: 1px solid #ccc;
  padding: 5px 8px !important; }

#pagetable .fixed-table-toolbar .bs-bars {
  padding: 0;
  margin: 5px 5px 5px 0px !important; }

#pagetable .fixed-table-toolbar .btn-toolbar .btn-group .btn-filter {
  margin-right: 5px; }

#pagetable .fixed-table-toolbar .btn-toolbar .btn-group ul {
  min-width: 250px; }

#pagetable .fixed-table-toolbar .btn-toolbar .btn-group ul li {
  padding: 0 10px; }

#pagetable .fixed-table-toolbar .btn-toolbar .btn-group ul li a {
  font-size: 14px;
  color: #333333;
  text-decoration: none; }

#pagetable .fixed-table-toolbar .btn-toolbar .btn-group.btn-group-filter-main ul li:hover {
  background-color: #ccc; }

#pagetable .fixed-table-toolbar .btn-toolbar .btn-group ul li.remove-filters {
  border-bottom: 1px solid #ccc;
  padding-bottom: 5px; }

#pagetable .fixed-table-toolbar .btn-toolbar .btn-group ul li input {
  font-size: 14px !important; }

#pagetable .fixed-table-toolbar .btn-toolbar .btn-group.btn-group-filter-refresh {
  margin-left: 5px; }

#pagetable .fixed-table-toolbar .search {
  margin: 0 !important;
  margin-top: 5px !important; }

#pagetable .fixed-table-body {
  overflow-x: hidden; }

#pagetable .fixed-table-pagination .page-item.active .page-link {
  color: #fff !important;
  background-color: #337ab7; }

#pagetable #tbl-main {
  box-sizing: border-box;
  overflow: hidden; }

#pagetable #tbl-main thead .th-inner {
  padding: 9px 12px 5px 12px; }

#pagetable #tbl-main tbody {
  overflow: hidden; }

#pagetable #tbl-main tbody tr td a.disabled {
  color: #8f8f8f;
  cursor: not-allowed; }

/******
* -- STRUCTURE GENERIQUE BOTTOM BAR
*/
#bottombar {
  min-height: 30px !important;
  background-color: #7457bf;
  color: #f5f5f5;
  font-size: 12px;
  padding: 0 4%; }

#bottombar .navbar-brand {
  height: 30px !important;
  margin: 0;
  padding: 0px 50px 0 0;
  border-right: 1px solid #f5f5f5; }

#bottombar .navbar-nav #exercice {
  margin: 0;
  padding: 0px 0 0 50px; }

#bottombar .navbar-nav li#btn_assistance:hover, #bottombar .navbar-nav li#btn_update:hover {
  background-color: #a588f2;
  color: white; }

#bottombar .navbar-nav li a {
  cursor: pointer; }

#bottombar .navbar-nav li#btn_user_account {
  background-color: #a588f2;
  color: white;
  padding: 7px 15px 0px 15px; }

#bottombar .navbar-nav li#btn_user_account a {
  cursor: pointer;
  color: white; }

#bottombar .navbar-nav li#btn_assistance a {
  font-size: 24px;
  padding: 4px 6px;
  margin: 0;
  cursor: pointer; }

/******
* -- STRUCTURE GENERIQUE DE CLASSE DES FORMULAIRES
*/
.myform {
  /* */ }

/******
* -- STRUCTURE FORMULAIRE MODAUX
*/
.myform .modal-md {
  max-width: 600px !important;
  width: 600px !important; }

.myform .modal-lg {
  max-width: 900px !important;
  width: 900px !important; }

.myform .modal-dialog {
  margin: 10% auto; }

.myform .modal-header {
  margin: 0;
  padding: 6px;
  background-color: #c4c4c4;
  color: #333333;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  font-size: 14px !important; }

.myform .modal-header button {
  font-size: 12px;
  height: 28px; }

.myform .modal-header button[disabled] {
  color: #8f8f8f;
  background-color: #dbdbdb;
  border: 1px solid #8f8f8f;
  cursor: not-allowed; }

.myform .modal-body {
  margin: 0;
  padding: 6px 6px 6px 6px; }

/******
* -- STRUCTURE FORMULAIRE CHANGELOG
*/
#changelog .date {
  float: right;
  font-size: 14px;
  font-weight: bold; }

#changelog .version {
  font-size: 18px;
  font-weight: bold; }

#changelog hr {
  margin-top: 0; }

#changelog .titrerub {
  font-size: 14px;
  font-weight: bold;
  color: green; }

#changelog .detailrub {
  font-size: 14px;
  color: black; }

/******
* -- STRUCTURE FORMULAIRE BAS DE PAGE
*/
.myform .card {
  margin-bottom: 25px; }

.myform .card-header {
  height: 40px;
  margin: 0;
  padding: 6px;
  background-color: #c4c4c4;
  color: #333333; }

.myform .card-header .navbar-nav {
  height: inherit;
  padding: 6px; }

.myform .title {
  height: inherit;
  margin: 0;
  padding: 4px 20px 4px 20px;
  font-size: 18px; }

.myform .card-header button {
  font-size: 12px;
  height: 28px; }

.myform .card-header button.btn-primary, .modal-header button.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4; }

.myform .card-header button[disabled] {
  color: #8f8f8f;
  background-color: #dbdbdb;
  border: 1px solid #8f8f8f;
  cursor: not-allowed; }

.myform #btn_formlegend {
  padding-right: 15px; }

.myform #btn_formlegend .fa {
  position: absolute;
  font-size: 20px !important;
  color: #337ab7;
  padding-top: 5px; }

/* ZONES CONTENU PRINCIPAL DANS LES FORMULAIRES */
.myform .card-body {
  margin: 0;
  padding: 0; }

.myform form {
  margin: 0;
  padding: 0; }

.myform form .col-2,
.myform form .col-3,
.myform form .col-4,
.myform form .col-5,
.myform form .col-6,
.myform form .col-7 {
  margin: 0;
  padding: 0; }

.myform form .col-2.left,
.myform form .col-3.left,
.myform form .col-4.left,
.myform form .col-5.left,
.myform form .col-6.left,
.myform form .col-7.left {
  padding-right: 3px; }

.myform form .col-2.right,
.myform form .col-3.right,
.myform form .col-4.right,
.myform form .col-5.right,
.myform form .col-6.right,
.myform form .col-7.right {
  padding-left: 3px; }

.myform form .col-2.middle,
.myform form .col-3.middle,
.myform form .col-4.middle,
.myform form .col-5.middle,
.myform form .col-6.middle,
.myform form .col-7.middle {
  padding-left: 3px;
  padding-right: 3px; }

/* ZONES DES RUBRIQUES DANS LES FORMULAIRES */
/* CADRES DES RUBRIQUES DANS LES FORMULAIRES */
.myform form .card.card-body {
  margin: 0;
  padding: 6px 6px 0 6px; }

.myform form.row .card.card-body {
  margin: 0;
  margin-bottom: 6px; }

/* CHAMPS AFFICHAGE CLASSIQUE */
.myform form .card.card-body .form-group {
  padding: 0 6px 6px 0;
  margin: 0; }

.myform form .card.card-body .form-group .control-label {
  margin: 0 0 2px 0;
  padding: 0;
  white-space: nowrap;
  font-weight: bold; }

.myform form .card.card-body .form-group .form-control {
  /* Champs du formulaire */
  padding: 6px;
  font-size: 12px;
  height: 29px;
  overflow: hidden;
  white-space: nowrap; }

/* CHAMPS AFFICHAGE EN LIGNE */
.myform form .card.card-body .form-group.row {
  margin: 0;
  padding: 0; }

.myform form .card.card-body .form-group.row .form-group.col.first .form-control {
  margin-right: 3px; }

.myform form .card.card-body .form-group.row .form-group.col.last .form-control {
  margin-left: 3px; }

.myform form .card.card-body .form-group.row .control-label {
  padding: 0; }

.myform form .card.card-body .form-group.row .control-input, .myform form .card.card-body .form-group.row .input-group {
  margin: 0;
  padding: 0 0 6px 0; }

.myform form .card.card-body .form-group.row .form-control {
  /* Champs du formulaire */
  padding: 6px;
  font-size: 12px;
  overflow: hidden;
  white-space: nowrap; }

.myform form .card.card-body .form-inline {
  margin-bottom: 6px; }

.myform form .card.card-body .form-group .control-label input[type="checkbox"] {
  margin: 0;
  padding: 0;
  vertical-align: middle; }

.myform form .card.card-body .form-group textarea.form-control {
  height: inherit;
  margin-bottom: 6px; }

.myform #fileToUpload {
  height: 35px; }

.myform #frmInfoCompte {
  white-space: nowrap; }

.myform #div-codesolde label {
  padding: 0;
  margin: 0; }

.myform #div-codesolde input {
  height: 25px !important;
  padding: 0;
  margin: 0; }

.myform #div-codesolde .fas.fa-sync-alt {
  cursor: pointer; }

/*****
* -- DECLARATION SPECIFIQUE DES CHAMPS AUTOCOMPLETE
*/
.autocomplete {
  min-width: 230px; }

.autocomplete button {
  /* Boutons Prev next et down */
  height: 29px !important;
  border: 1px solid #ccc; }

.autocomplete input.form-control {
  /* Champs de saisie */
  height: 29px !important;
  width: 220px !important;
  font-size: 12px !important;
  border: 1px solid #ccc !important; }

.autocomplete .dropdown-menu.searchfield {
  /* Liste déroulante du champ autocomplete */
  min-width: 360px;
  min-height: 52px;
  max-height: 392px;
  /* 15 lignes de 26 de haut */
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding: 0;
  overflow-y: scroll;
  font-size: 12px; }

.autocomplete .dropdown-menu.searchfield a {
  /* Liens dans la liste */
  padding: 3px 8px;
  color: #333333;
  text-decoration: none; }

.autocomplete .dropdown-menu.searchfield .active {
  background-color: #dbdbdb; }

.autocomplete .dropdown-menu.searchfield li:hover,
.autocomplete .dropdown-menu.searchfield li:focus {
  background-color: #dbdbdb; }

/*****
* -- DECLARATION SPECIFIQUE FORMULAIRE SAISIE BROUILLARD
*/
#btnAssoBar.active {
  background-color: #A9D18E !important; }

#assoBar {
  height: 35px;
  white-space: nowrap;
  position: absolute;
  z-index: 1000;
  display: none;
  float: left;
  list-style: none;
  border-radius: 0; }

#assoBar li {
  padding: 3px 6px;
  background-color: #A9D18E !important; }

#assoBar button {
  font-size: 14px;
  height: 29px;
  padding: 3px 6px; }

#assoBar button:hover {
  border-color: #000000; }

#assoBar .btnActEcr {
  color: #333333;
  background-color: #ffffff;
  border-color: #ffffff; }

#formulaire, #frmEcriture {
  margin-right: 3%;
  margin-left: 3%;
  display: none; }

#formulaire .autocomplete {
  /* Declaration spécifique du champ autocomplete dans le middle du formulaire du brouillard */
  width: 100% !important; }

#formulaire .autocomplete input.form-control {
  /* Declaration spécifique du champ autocomplete dans le middle du formulaire du brouillard */
  margin: 0; }

#formulaire form.row .card.card-body {
  margin-bottom: 0; }

#formulaire .card .card-body {
  padding: 6px; }

#formulaire #lbl-date {
  height: 29px;
  padding: 6px 0px; }

#formulaire .card-body .form-group .btn-dates {
  height: 29px;
  padding: 0 10px; }

#formulaire #tbl_mois {
  padding-left: 20px !important; }

/*****
* -- DECLARATION SPECIFIQUE DES CHAMPS DE frmEcriture (formulaire de consultation des détails de l'écriture)
*/
#frmEcriture .card .card-body .form-group .form-control {
  border-radius: 0;
  border: none;
  box-shadow: none;
  background-color: #e3e3e3; }

#frmValidLettr .row.card {
  padding: 10px 0; }

/******
 * -- GRAPHES DE LA PAGE D'ACCUEIL --
 */
#dashboardContent {
  margin: 0 4% 40px 4% !important; }

#dashboardContent .row .col .card {
  margin-top: 15px; }

#dashboardContent #totauxencours .col {
  font-weight: bold; }

#frmAssistance .input-group-text {
  font-size: 12px; }

#frmAssistance #divattach, #frmAssistance #divmail {
  margin-top: 6px;
  margin-bottom: 0px; }

#tblbalance {
  width: 99%; }

#tblbalance thead tr th {
  height: 35px;
  border: 1px solid grey; }

#tblbalance thead tr th.th1 {
  border-top: 2px solid grey;
  border-left: 2px solid grey;
  border-right: 2px solid grey;
  border-bottom: 1px solid grey; }

#tblbalance thead tr th.th2l {
  border-left: 2px solid grey; }

#tblbalance thead tr th.th2r {
  border-right: 2px solid grey; }

#tblbalance tbody {
  border: 1px solid grey; }

#tblbalance tbody tr {
  height: 35px;
  border: 1px solid grey; }

#tblbalance tbody tr td.libclass15 {
  border: 2px solid #6593bb;
  border-right: none;
  border-bottom: 2px solid white;
  background-color: #6593bb;
  color: white; }

#tblbalance tbody tr td.libclass67 {
  border: 2px solid #ed7d31;
  border-right: none;
  border-bottom: 2px solid white;
  background-color: #ed7d31;
  color: white; }

#tblbalance tbody tr td.libclass8 {
  background-color: #69bb65;
  border: 2px solid #69bb65;
  border-right: none;
  color: white; }

#tblbalance tr.class15, #tblbalance tr.class15 td {
  background-color: #dae3f3; }

#tblbalance tr.total15 {
  background-color: #6593bb;
  color: white;
  border-top: 2px solid white; }

#tblbalance tr.total67 {
  background-color: #ed7d31;
  color: white;
  border-top: 2px solid white;
  border-bottom: 2px solid white; }

#tblbalance tr.class15.firstline td {
  border-top: 2px solid #6593bb; }

#tblbalance tr.class67, #tblbalance tr.class67 td {
  background-color: #fbe5d6; }

#tblbalance tr.class67.firstline td {
  border-top: 2px solid white; }

#tblbalance tr.class8, #tblbalance tr.class8 td {
  background-color: #d8fbd6; }

#tblbalance tr.class8.firstline td {
  border-top: 2px solid white; }

#tblbalance tfoot tr th {
  height: 35px;
  border-bottom: 2px solid grey;
  border-top: 2px solid #69bb65;
  padding: 6px; }

#tblbalance tfoot tr th.libtotaux {
  border-left: 2px solid grey;
  border-right: 2px solid grey; }

#tblbalance tfoot tr th.th2l {
  border-left: 2px solid grey;
  border-right: 1px solid grey; }

#tblbalance tfoot tr th.th2r {
  border-right: 2px solid grey;
  border-left: 1px solid grey; }

#tblbalance tr td {
  border: 1px solid grey;
  padding: 6px; }

#tblbalance tr th.nobrd {
  border: none !important; }

#tblbalance tr td.tdcode {
  border-left: 2px solid white; }

#tblbalance tr td.tdlib {
  border-right: 2px solid grey; }

#tblbalance tr td.tdcredit {
  border-right: 2px solid grey; }

#tblbalance tr td.tdsoldecred {
  border-right: 2px solid grey; }

.graphePlot {
  position: relative;
  width: 100%;
  min-height: 420px; }

/******
 * -- DEFINITON SPECIFIQUE A LA PAGE PLAN COMPTABLE --
 */
#pagetable.row {
  padding: 0;
  margin: 0;
  padding-bottom: 300px !important;
  padding-right: 4%; }

#pagetable.row .col-2 {
  padding: 0 0 0 4%; }

#classlist {
  margin-top: 40px;
  padding: 0; }

#classlist .card-header {
  height: 40px; }

#pagetable #classlist .card-body {
  padding: 5px; }

#pagetable #classlist .card-body li a {
  line-height: 21px;
  cursor: pointer;
  color: #337ab7; }

#pagetable #classlist .card-body li a:hover {
  background-color: #c4c4c4; }

#pagetable #classlist .card-body li a.active {
  background-color: #337ab7;
  color: white; }

#pagetable #classlist .card-footer {
  margin: 0;
  padding: 10px 15px; }

#pagetable #cptlist {
  padding: 0 0 0 15px; }

#pagetable #cptlist .fa.fa-info-circle {
  font-size: 16px; }

/******
 * -- DEFINITION DES COULEURS DE LIGNE DANS LE TABLEAU
 */
#pagetable #tbl-main tr:hover {
  background-color: #e6e6e6 !important; }

#pagetable #tbl-main tr.danger {
  background-color: #f2dede !important; }

.ran, #pagetable #tbl-main tr.ran {
  background-color: #ddf0fd !important; }

.ran:hover, #pagetable #tbl-main tr.ran:hover {
  background-color: #c5e5fc !important; }

.preprog, #pagetable #tbl-main tr.preprog {
  background-color: #ecd3fa !important; }

.preprog:hover, #pagetable #tbl-main tr.preprog:hover {
  background-color: #e2bcf7 !important; }

.lettree, #pagetable #tbl-main tr.lettree {
  background-color: #f6e6e0 !important; }

.lettree:hover, #pagetable #tbl-main tr.lettree:hover {
  background-color: #f0d6cc !important; }

.prelett, #pagetable #tbl-main tr.prelett {
  background-color: #f0f0cc !important; }

.prelett:hover, #pagetable #tbl-main tr.prelett:hover {
  background-color: #eaeab8 !important; }

.link, #pagetable #tbl-main tr.link {
  color: #337ab7 !important; }

#pagetable #tbl-main.operationid tbody tr.selected {
  background-color: #FFCD70 !important; }

#topbar .navbar-nav.navbar-right li.dropdown li.selected {
  border: 2px solid #46c4ec; }

.selected, #pagetable #tbl-main tbody tr.selected {
  border: 2px solid #46c4ec; }

#pagetable #tbl-main tbody tr.selected td, #pagetable #tbl-main tbody .selected td {
  background-color: inherit;
  border: 1px solid #ddd !important; }

#pagetable #tbl-main tbody tr.selected:hover {
  border: 2px solid #46c4ec; }

#pagetable #tbl-main tbody tr.selected:hover td, #pagetable #tbl-main tbody .selected td {
  border: 1px solid #ddd !important; }

.modified, #pagetable #tbl-main tr.modified {
  font-weight: bold; }

.modified:hover, #pagetable #tbl-main tr.modified:hover {
  font-weight: bold; }

.cptclass, #pagetable #tbl-main tr.cptclass {
  background-color: #dbdbdb !important; }

.cptclass:hover, #pagetable #tbl-main tr.cptclass:hover {
  background-color: #e8e8e8 !important; }

.verou, #pagetable #tbl-main tr.verou {
  color: brown !important; }

.verou:hover, #pagetable #tbl-main tr.verou:hover {
  color: brown !important; }

.veroubrd, #pagetable #tbl-main tr.veroubrd td a {
  color: #f5f5f5 !important; }

.veroubrd, #pagetable #tbl-main tr.veroubrd {
  background-color: #bb5d57 !important;
  color: #f5f5f5 !important; }

.veroubrd:hover, #pagetable #tbl-main tr.veroubrd:hover {
  background-color: #c26f69 !important;
  color: #f5f5f5 !important; }

.usedbrd, #pagetable #tbl-main tr.usedbrd td a {
  color: #f5f5f5 !important; }

.usedbrd, #pagetable #tbl-main tr.usedbrd {
  background-color: #F78000;
  color: #f5f5f5 !important; }

.usedbrd:hover, #pagetable #tbl-main tr.usedbrd:hover {
  background-color: #ff8d12 !important;
  color: #f5f5f5 !important; }

/******
 * -- STYLE DE LA PAGE EDITION --
 */
#pagetable.editpage {
  margin-top: 20px; }

#pagetable.editpage .row {
  margin: 0; }

#pagetable #div-editionList {
  margin-top: 0px;
  padding: 0;
  margin-bottom: 40px !important; }

#pagetable #div-editionList .card-body {
  margin: 0px;
  padding: 6px; }

#pagetable #editionList a.nav-link {
  cursor: pointer;
  margin: 0 0;
  padding: 4px 0 4px 40px;
  color: #337ab7; }

#pagetable #editionList a.nav-link:hover {
  background-color: #e3e3e3; }

#pagetable #editionList a.nav-link.active {
  background-color: #337ab7;
  color: #ffffff; }

#pagetable #editionList .dropdown-divider {
  height: 6px;
  background-color: #F78000;
  padding: 0;
  margin: 12px -6px 6px -6px; }

#pagetable #editForm {
  margin-bottom: 40px !important; }

#pagetable #editForm .row {
  padding: 0;
  margin: 0; }

#pagetable #editForm .card {
  padding: 0;
  margin: 20px 0 0 0;
  width: 100%; }

#pagetable #editForm .card.card-title {
  margin: 0;
  padding: 0;
  background-color: #f5f5f5;
  height: 35px; }

#pagetable #editForm .card.card-title #pageTitle {
  font-size: 14px !important;
  padding: 7px 0 3px 20px;
  margin: 0; }

#pagetable #editForm .card.card-title button {
  height: 29px;
  margin: 2px 6px;
  font-size: 12px;
  background-color: #337ab7; }

#pagetable #editForm .card.card-title button[disabled] {
  color: #8f8f8f;
  background-color: #dbdbdb;
  border: 1px solid #8f8f8f;
  cursor: not-allowed; }

#pagetable #editForm .card-header {
  height: 35px;
  padding: 0; }

#pagetable #editForm #btn-valid .fa {
  background-color: transparent;
  padding: 0;
  margin: 0; }

#pagetable #editForm .card.right {
  margin-left: 20px; }

#pagetable #editForm .card .card-header {
  height: 34px;
  font-weight: bold;
  text-align: center; }

#pagetable #editForm .card .card-header.card-rubtitle {
  font-size: 14px;
  height: 29px; }

#pagetable #editForm .card .card-header.card-rubtitle .rubtitle {
  position: relative;
  font-size: 12px;
  padding: 7px 15px 0 15px;
  margin: 0; }

#pagetable #editForm .card .card-header.card-rubtitle .rubtitle #btn-cleadates {
  /*Picto cleardates droite entetes rubriques*/
  background-color: transparent !important;
  color: #333;
  text-align: center;
  padding: 0;
  cursor: pointer; }

#pagetable #editForm .card .card-header.card-rubtitle .rubtitle #btn-cleadates:hover {
  /*Picto cleardates droite entetes rubriques*/
  font-weight: bold;
  color: black; }

#pagetable #editForm .card .card-header.card-rubtitle .fas,
#pagetable #editForm .card .card-header.card-rubtitle .fa,
#pagetable #editForm .card .card-header.card-rubtitle .far,
#pagetable #editForm .card .card-header.card-rubtitle .fab {
  /*Picto gauche entetes rubriques*/
  top: 0;
  background-color: #F78000;
  color: #f5f5f5;
  padding: 7px 15px; }

#pagetable #editForm #daterange .form-group {
  margin: 6px; }

#pagetable #editForm .card .card-body.row {
  padding: 6px; }

#pagetable #editForm .card .card-body .form-group .control-label {
  font-weight: bold; }

#pagetable #editForm .card .card-body .btn-dates:hover {
  cursor: pointer;
  font-weight: bolder;
  color: black; }

#pagetable #editForm #commentaire {
  width: 100%; }

#pagetable #editForm .autocomplete input.form-control {
  /* Champs de saisie autocomplete */
  height: 29px;
  width: 400px !important;
  font-size: 12px;
  border: 1px solid #ccc; }

#pagetable #editForm .col-6 .autocomplete input.form-control {
  /*Champs autocomplete dans les editions dans les bloc en col-6*/
  width: 240px !important; }

#pagetable #editForm .col-6 .form-control {
  /*Champs select dans les editions dans les bloc en col-6*/
  width: 275px !important;
  height: inherit; }

#pagetable #editForm #graphForm .autocomplete input.form-control {
  height: 29px;
  width: 220px !important;
  font-size: 12px;
  border: 1px solid #ccc; }

#pagetable #editForm #graphcompte {
  width: 100%;
  height: 400px; }

/******
 * -- STYLE DE LA PAGE PARAMS --
 */
#pagetable.parampage {
  padding-bottom: 0 !important;
  margin-top: 20px; }

#pagetable.parampage .row {
  margin: 0; }

#pagetable #div-paramsList {
  /* Liste des parametres de gauche */
  padding: 0; }

#pagetable #div-paramsList .card-header {
  font-size: 14px !important; }

#pagetable #div-paramsList .card-body {
  /* Liste des parametres de gauche corp du menu*/
  margin: 0px;
  padding: 6px; }

#pagetable #paramsList a.nav-link {
  /* Liste des parametres de gauche - lien dans la liste */
  cursor: pointer;
  margin: 0 0;
  padding: 4px 0 4px 40px;
  color: #337ab7; }

#pagetable #paramsList a.nav-link:hover {
  background-color: #e3e3e3; }

#pagetable #paramsList a.nav-link.active {
  background-color: #337ab7;
  color: #ffffff; }

#pagetable #paramsList .dropdown-divider, #pagetable #paramForm .divider {
  /* Page des parametres - dividers */
  height: 6px;
  background-color: #F78000;
  padding: 0;
  margin: 12px -6px 6px -6px; }

#pagetable #paramForm {
  /* Div recevant la page de parametre choisit */
  margin-bottom: 40px !important; }

#pagetable #paramForm .row {
  /* Lignes dans le corp de la page de parametres */
  padding: 0;
  margin: 10px;
  width: auto !important; }

#pagetable #paramForm .card {
  /* card dans la page de parametres */
  padding: 0;
  margin: 10px 0 6px 0;
  width: 100%; }

#pagetable #paramForm .card .row {
  padding: 6px 0;
  margin: 0; }

#pagetable #paramForm .card .row .col-6 {
  margin: 10px; }

#pagetable #paramForm .card .card-header {
  /* zone d'entete de panl dans la page params */
  height: 34px;
  padding: 0;
  font-weight: bold;
  text-align: center; }

#pagetable #paramForm .card.card-title {
  /* Titre du card dans la page param */
  margin: 0;
  padding: 0;
  background-color: #f5f5f5;
  height: 35px; }

#pagetable #paramForm .card.card-title #pageTitle {
  /* Titre de la page de param */
  font-size: 14px !important;
  padding: 7px 0 3px 20px;
  margin: 0; }

#pagetable #paramForm .card.card-title #btn-valid {
  /* Bouton de validation dans la page de params */
  height: 29px;
  margin: 2px 6px;
  font-size: 12px; }

#pagetable #paramForm .card.card-title #btn-valid .fa {
  /* Icone du bouton de validation dans la page params */
  background-color: transparent;
  padding: 0;
  margin: 0; }

#pagetable #paramForm .myform div.row.card .card-body .form-group .control-label {
  padding: 6px 0 0 0 !important; }

#pagetable #paramForm .form-group {
  margin: 0; }

#pagetable #paramForm .form-control {
  height: 30px !important; }

#pagetable #paramForm textarea.form-control {
  height: auto !important; }

#pagetable #paramForm .form-group .control-label {
  font-weight: bold; }

#pagetable #paramForm #tbl-main a {
  cursor: pointer;
  color: #337ab7; }

#pagetable #paramForm .myform .card-body {
  margin: 0;
  padding: 0; }

#pagetable #paramForm .myform .card-body table {
  width: 100%; }

#pagetable #paramForm .myform .modal-dialog {
  margin-top: 1% !important; }

#pagetable #paramForm .myform tr {
  width: 100%;
  padding: 0;
  margin: 0 -6px; }

#pagetable #paramForm .myform tr.rubrique {
  /* Formulaire des droits - rubrique */
  width: 100%;
  padding: 3px 0;
  border-bottom: 4px solid orange;
  margin: 0 -6px; }

#pagetable #paramForm .myform tr .rubtitle {
  /* Formulaire des droits - entete de rubrique */
  font-weight: bold;
  text-align: center;
  width: 25%;
  height: 100%; }

#pagetable #paramForm .myform tr .rubcontent {
  /* Formulaire des droits - contenu de rubrique */
  vertical-align: middle;
  width: 75%; }

#pagetable #paramForm .myform tr .rubcontent table {
  width: 100%; }

#pagetable #paramForm .myform tr .rubcontent .rubparamline {
  /* Formulaire des droits - param dans la rubrique */
  vertical-align: middle;
  border-bottom: 1px solid grey; }

#pagetable #paramForm .myform tr .rubcontent .rubparaminput {
  vertical-align: middle;
  width: 35%;
  padding: 3px; }

#pagetable #paramForm .myform tr .rubcontent .rubparamlabel {
  vertical-align: middle;
  width: 65%;
  padding: 3px; }

#pagetable #paramForm .myform div.row.card .card-body .form-group .form-control {
  /* Champs du formulaire */
  padding: 2px 6px 0 6px;
  font-size: 12px;
  height: 31px;
  overflow: hidden;
  white-space: nowrap; }

#pagetable #paramForm .myform div.row.card .card-body .form-group .control-label {
  /* Label des champs de formulaire */
  padding: 6px 0 0 0 !important; }

/******
 * -- STYLE DE LA SAISIE SIMPLIFIEE
 */
.hidden {
  display: none; }

/******
* -- STYLE SPECIFIQUE PAGE LOGIN
*/
#btn_quitter {
  display: none; }

#div_stats {
  font-size: large;
  margin-top: 15px;
  padding: 5px 0 0 15px;
  background-color: #a0e3a2;
  border: solid 2px black; }

#div_stats ul {
  list-style: none;
  list-style-position: inside; }

#div_stats span {
  font-weight: bold; }

#div_stats .dossweb {
  background-color: white; }

#div_stats .dosssync {
  background-color: #d9edf7; }

#div_dossiers {
  display: none;
  padding-bottom: 30px !important;
  padding-top: 15px !important;
  margin: 0;
  padding: 0; }

#div_dossiers .new, #div_stats .new {
  font-weight: bold;
  color: red; }

#div_dossiers .newbis, #div_stats .newbis {
  font-weight: bold;
  color: #913f2b; }

#div_dossiers .blacklisted, #div_users .blacklisted {
  font-weight: bold;
  background-color: #cbcbcb; }

#div_users .warning, #div_dossiers .warning {
  background-color: #ffe990; }

#div_users .danger, #div_dossiers .danger {
  background-color: #f2dede; }

#div_users .info, #div_dossiers .info {
  background-color: #d9edf7; }

#div_login {
  display: none; }

#div_login i {
  font-size: 20px; }

#logoxl {
  height: 150px;
  width: 150px; }

#login_title {
  margin: 20px 0 0px 0;
  color: #7457bf;
  font-size: 30px; }

#frm_Login {
  border: 2px solid #33abd5;
  border-radius: 6px;
  font-size: 15px;
  padding: 25px 10px;
  margin: 0; }

#frm_Login .card-body .col-4,
#frm_Login .card-body .col-7 {
  padding: 0;
  margin: 0; }

#frm_Login button {
  min-width: 250px;
  background-color: #33abd5;
  color: #f5f5f5; }

#frm_Login input {
  padding: 6px !important;
  font-size: 15px !important; }

#frm_Login label {
  padding: 6px 0 !important;
  font-weight: bold; }

#frm_Login a {
  color: #ed7d31;
  cursor: pointer; }

#frmRecovery a {
  cursor: pointer;
  color: #337ab7; }

#frm_info {
  font-size: 12px;
  padding-top: 5px; }

#frm_info .card {
  border: 2px solid;
  border-radius: 6px;
  width: 250px; }

#frm_info .card-body {
  padding: 15px !important; }

#frm_info .card-body .text-left {
  text-align: left !important; }

#frm_info .col-8.row {
  margin-left: 0;
  margin-right: 0;
  margin-top: 15px; }

#frm_info #card_demo {
  border-color: #ed7d31 !important;
  margin: auto;
  height: 150px; }

#frm_info #btn_demo {
  background-color: #ed7d31 !important;
  border-color: #ed7d31 !important;
  width: 150px;
  margin-top: 10px; }

#frm_info #card_remarque {
  border-color: #66c430 !important;
  margin: auto;
  height: 150px; }

#frm_info #btn_remarque {
  background-color: #66c430 !important;
  border-color: #66c430 !important;
  color: #f5f5f5 !important;
  width: 180px;
  margin-top: 10px; }

#frm_info #card_memento {
  border-color: #8f6ee5;
  margin: auto;
  height: 150px; }

#frm_info #btn_memento {
  background-color: #8f6ee5 !important;
  border-color: #8f6ee5 !important;
  color: #f5f5f5;
  width: 220px;
  margin-top: -6px; }

#legal {
  text-align: center;
  color: #f5f5f5;
  font-size: 12px;
  padding: 6px 0; }

#frmContact {
  margin: 15px 15px; }

#frmContact #btnAction {
  background-color: #33abd5 !important; }

#div_dossiers #pagetable .fixed-table-toolbar .bars, #div_dossiers #pagetable .fixed-table-toolbar button {
  height: 6px; }

/*# sourceMappingURL=style.css.map */