/* Import */
@import url("font.css");
@import url("bootstrap/bootstrap.min.css");
@import url("selectize/selectize.css");
@import url("selectize/selectize.default.css");
@import url("multiple-select/multiple-select.min.css");
@import url("graphique/highcharts.css");
@import url("chart.css");
@import url("jquery-mCustomScrollbar/jquery.mCustomScrollbar.min.css");


/*************************************************/
/* Global                                        */
/*************************************************/
*
{
  outline: none;
}

aside a {
  color: #80919d;
  text-decoration: none;
}

/***************************************************/
/* Masque l'arborescence de base !                 */
/***************************************************/
#elem-menu ul li ul, #list-fav, #sortable, .fav_item{
  display: none;
  position: absolute;
  width: 200px;
  margin-top: -40px;
  margin-left: 40px;
  background-color: #fff;
}

/* Style du menu */
#menu-left {
  width: 40px;
  height: 100%;
  display: inline-block;
  position: fixed;
  background-color: #313d47;
  list-style: none;
  z-index: 2000;
  left: 0;
}

#menu-left ul {
  list-style: none;
  padding: 0;
}

#menu-left.menu-active {
  width: 200px;
}

#deploy-button {
  background-color: #313d47;
}

#menu-left.menu-active #deploy-button {
  border-right: 1px solid #cccecf;
}

#menu-left.menu-active #icon-deploy:hover {
  border-right: 1px solid #cccecf;
  padding-left: 1px;
  border-bottom: 1px solid #3d72a8;
  height: 45px;
}

#menu-left.menu-active #icon-deploy, #menu-left.menu-active #lang-choice {
  display: inline-block;
  width: 200px;
  text-align: center;
}

#icon-deploy {
  line-height: 45px;
  text-align: center;
  cursor: pointer;
  font-size: 1.5em;
}

#lang-choice {
  display: none;
}

#lang-choice #dropdownMenuButton {
  padding: 0;
  margin: 0;
  width: 40px;
}

#lang-choice #dropdownMenuButton > img {
  width: 27px;
}

#lang-choice .dropdown-menu {
  min-width: 40px !important;
  max-width: 40px !important;
  padding: 0;
}

#lang-choice .lang-fr, #lang-choice .lang-gb {
  padding: 0;
}

#lang-choice .lang-fr > .flag, #lang-choice .lang-gb > .flag {
  margin: 0 0 0 5px;
  width: 27px;
}

#deploy-button .svg-inline--fa {
  color: white;
  cursor: pointer;
}

#deploy-button .svg-inline--fa.fa-bars {
  font-size: 20px;
}

#menu-left ul .svg-inline--fa, #menu-left ul .svg-inline--fas, #menu-left ul .svg-inline--far, #menu-left ul .svg-inline--fab {
  color: white;
  cursor: pointer;
  font-size: 1.5em;
}

#menu-left ul {
  line-height: 40px;
}

#menu-left ul li ul {
  border-right: 1px solid #cccecf;
}

#button-favoris {
  display: block;
}

#elem-menu .prim-cat {
  height: 40px;
  line-height: 42px;
}

.prim-cat, #deploy-button, #button-favoris {
  text-align: center;
}

.prim-cat, #button-favoris {
  width: 40px;
}

.cat-title div, #fav-title span {
  font-family: Roboto-Bold;
  font-size: 10pt;
  display: inline-block;
}

.cat-title, #fav-title {
  background-color: #255d95;
  color: #fff;
  text-align: left;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 0;
  -webkit-box-shadow: 3px 0 5px rgba(0, 0, 0, 0.19) inset;
  box-shadow: 3px 0 5px rgba(0, 0, 0, 0.19) inset;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.cat {
  font-size: 0.9em;
  line-height: 30px;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 0;
  background-color: #fff;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.second-cat {
  background-color: #597084;
  text-align: left;
  padding-left: 5px;
  color: white;
}

.second-cat:hover, .dossier-fav:hover, .dossier-fav:hover span .svg-inline--fa, .dossier-fav:hover a .svg-inline--fa, .dossier-fav:hover span .svg-inline--fas, .dossier-fav:hover a .svg-inline--fas, .dossier-fav:hover span .svg-inline--far, .dossier-fav:hover a .svg-inline--far {
  color: #4d4d4d;
  background-color: #f6a120 !important;
}

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

.second-cat .fa-icon {
  margin-right: 5px;
  width: 20px;
  text-align: center;
  display: inline-block;
}

/* Hover menu inactive */
#icon-deploy:hover, #elem-menu ul li:hover {
  background-color: #255d95;
  color: #315166;
}

.menu-link {
  display: inline-block;
  width: 100%;
  height: 100%;
}

#elem-menu .cat:hover {
  background-color: #f6a120;
  color: #315166;
}

#elem-menu ul li:hover ul {
  display: block;
  border-bottom: 1px solid #cccecf;
  -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.19);
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.19);
}

/* Menu actif */
#menu-left.menu-active .prim-cat + ul {
  display: block;
  width: 160px;
  position: relative;
  border-bottom: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#menu-left.menu-active .cat-title {
  margin-left: -4px;
  padding-left: 0;
  margin-bottom: 0;
  background-color: #1e252c;
}

#menu-left.menu-active .cat {
  margin-left: -40px;
  margin-bottom: 0;
  font-size: 0.9em;
  line-height: 30px;
  height: 30px;
  padding-left: 15px;
  padding-right: 10px;
}

.cat span {
  font-family: Roboto-Medium;
  color: #777777;
  font-size: 9pt;
}

/* menu-active */
#menu-left.menu-active .prim-cat, #menu-left.menu-active #button-favoris {
  background-color: #255d95;
}

#menu-left.menu-active #elem-menu ul li:hover {
  background-color: #f6a120;
}

.cat.active {
  background-color: #f6a120 !important;
}

.cat:hover, .cat.active, .cat:hover *, .cat.active * {
  color: #fff;
  font-family: Roboto-Bold;
}

#menu-left.menu-active #elem-menu ul li {
  background-color: #fff;
}

#menu-left.menu-active #elem-menu ul li.cat-title:hover, #menu-left #elem-menu ul li.cat-title:hover {
  background-color: #255d95;
  color: #fff;
}

#menu-left.menu-active #elem-menu ul li.cat-title {
  background-color: #255d95;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* Gestion particuliére favoris */
#tab_favori .fa-cog {
  display: none;
}

#tab_favori li:hover .fa-cog {
  display: inline-block;
  color: #fff;
}

/* Favori menu actif */
#menu-left.menu-active #menu-fav ul {
  display: block;
  position: relative;
  width: 200px;
  margin-left: 0;
  background-color: transparent;
  border-left: none;
  border-top: none;
  border-bottom: none !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  overflow: hidden;
}

#menu-left.menu-active .dossier-fav + ul li {
  height: 30px;
  line-height: 30px;
  background-color: #eae7e7;
  font-size: 0.9em;
  margin-bottom: 0;
}

#menu-left.menu-active .dossier-fav + ul li:hover {
  background-color: #3c3c3c;
}

#menu-left.menu-active .dossier-fav.ui-state-active {
  border-bottom: 1px solid #c9c9c9;
  -webkit-box-shadow: 0 5px 7px rgba(0, 0, 0, 0.09);
  box-shadow: 0 5px 7px rgba(0, 0, 0, 0.09);
  z-index: 1;
}

#menu-left.menu-active #fav-title, #menu-left.menu-active #fav-title:hover {
  margin-left: 36px;
  padding-left: 0px;
  background-color: #255d95;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#menu-left.menu-active #tab_favori {
  margin-left: 0;
}

#menu-left.menu-active .dossier-fav {
  width: 200px;
  font-size: 0.9em;
  background-color: #fff;
  padding-left: 15px;
  border-left: none !important;
  border-top: none !important;
  border-bottom: none !important;
  border-right: 1px solid #cccecf !important;
  background-image: none;
  height: 30px;
}

.svg-inline--fav-vide {
  cursor: not-allowed !important;
}

.svg-inline--fav-vide.ui-state-active {
  border-bottom: 0 !important;
}

.svg-inline--fav-vide:hover {
  background-color: #fff !important;
}

.svg-inline--fav-vide:hover span.label-fav {
  color: #777777 !important;
  font-family: Roboto-Medium !important;
  font-size: 9pt;
}

.svg-inline--fav-vide span.label-fav {

}

#menu-left.menu-active .label-fav {
  width: 150px;
  font-size: 9pt;
}

.dossier-fav a {
  float: right;
  margin-right: 5px;
}

#menu-left.menu-active .dossier-fav + ul {
  margin-left: 0;
  width: 180px;
  margin-top: 0;
}

#menu-left.menu-active #tab_favori ul li {
  margin-bottom: 0;
  min-height: 30px;
}

.dossier-fav {
  background-color: #fff;
  padding-left: 7px;
  line-height: 30px;
  height:30px;
}

.menu-active .dossier-fav {
  line-height: 30px;
}

.dossier-fav .svg-inline--fa, .dossier-fav .svg-inline--fas, .dossier-fav .svg-inline--far {
  color: #777777 !important;
}

.dossier-fav:hover .svg-inline--fa, .dossier-fav:hover .svg-inline--fas, .dossier-fav:hover .svg-inline--far {
  color: #fff !important;
}

.dossier-fav:hover .label-fav {
  color: #fff;
  font-family: Roboto-Bold;
}

#tab_favori > ul {
  display: none;
  margin-left: 0;
  margin-top: 0;
}

#tab_favori > ul > li {
  margin-bottom: 0;
}

.dossier-fav + ul {
  margin-left: 189px;
  margin-top: -30px;
}

#menu-fav ul li:hover > ul, #menu-fav ul li:hover #tab_favori > ul {
  display: block;
  border-bottom: 1px solid #cccecf;
  -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.19);
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.19);
}

#menu-fav .dossier-fav + ul {
  line-height: 30px;
}

.label-fav {
  width: 140px;
  display: inline-block;
  margin-left: 5px;
  color: #777777;
  font-family: Roboto-Medium;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 20px;
}

.link-fav {
  margin-left: 15px;
  font-family: Roboto;
  font-weight: normal;
  color: #777777;
}

.dossier-fav + ul a {
  color: #3c3c3c;
}

.open-popupDossierFavori .fa-cog {
  font-size: 1.4em;
}

.open-popupDossierFavori .fa-cog:hover {
  -webkit-animation: spin 1.5s linear infinite;
  -moz-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite;
}

@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}

@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* Scroll menu */
#scroll-menu {
  height: 93%;
  z-index: -1;
}

#scroll-menu::-webkit-scrollbar {
  display: none;
}

/* chevron menu */
.ui-icon {
  float: right;
  margin-right: 10px;
  font-size: 1em !important;
  line-height: 30px;
}

#tab_favori ul li ul li:hover {
  background-color: #3c3c3c;
}

#tab_favori ul li ul li:hover span {
  font-family: Roboto-Bold;
  color: #FFFFFF;
}

#menu-fav ul li:hover, #menu-fav ul li ul li#fav-title:hover {
  background-color: #255d95;
  margin-bottom: 0;
}

/******************************************************************************/
html, body {
  font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 0;
  width: 100%;
}

.onglet-ss-menu ul, .onglet-rub ul {
  margin: 0;
  padding: 0;
}

/*
.svg-inline--fa {
  font-size: 18px;
}
*/
.svg-inline--fa {
  font-size: 1.2em;
}

.svg-inline--fa.fa-1x {
  font-size: 1em;
}

.svg-inline--fa.fa-2x {
  font-size: 2em;
}

.svg-inline--fa.fa-3x {
  font-size: 3em;
}

.svg-inline--fa.fa-4x {
  font-size: 4em;
}

.svg-inline--fa.fa-5x {
  font-size: 5em;
}

.svg-inline--fa.fa-6x {
  font-size: 6em;
}

.svg-inline--fa.ico {
  font-size: 16px;
  color: #315168;
  margin-left: 2px;
}

.text-ico > .svg-inline--fa.ico {
  vertical-align: sub;
}

form fieldset a:has(.svg-inline--fa.ico), form fieldset span:has(.svg-inline--fa.ico) {
  vertical-align: sub;
}

a:has(.svg-inline--fa.ico):hover *, a:has(.svg-inline--fa.ico):active *,
span:has(.svg-inline--fa.ico):hover *, span:has(.svg-inline--fa.ico):active * {
  color: #25b9d7 !important;
}

.lst-table div a:has(.svg-inline--fa.ico) {
  vertical-align: middle;
}

.svg-inline--fa.ico, .svg-inline--fa.ico{
  vertical-align: sub;
}

a .svg-inline--fa.fa-external-link-alt.ico, a .svg-inline--fa.fa-comment-dots.ico{
  color: #069;
}

a:hover .svg-inline--fa.fa-external-link-alt.ico {
  color: #5aa4ca;
}

.content.menu-active {
  min-width: 100%;
  padding: 0;
  margin-right: 0;
  padding-left: 215px !important;
}

#dashboard_content {
  margin-top: 0;
}

.container-dashboard {
  min-height: 270px;
  height: 100%;
}

.container, nav.row {
  min-width: 100%;
  padding: 0;
  margin-left: 0;
  margin-right: 0;
}

.container {
  margin-bottom: 10px;
}

.iframe-content{
  border: 1px solid #e9e9e9;
  border-radius: 5px;
  padding: 8px 20px 20px;
}
/* *************************************************************************************************** */
header {
  background-color: #fff;
  border-bottom: 1px solid #d7d7d7;
  width: 100% !important;
  position: fixed;
  margin-left: 0;
  padding-right: 40px;
  -webkit-box-shadow: 0 5px 7px rgba(0, 0, 0, 0.07);
  box-shadow: 0 5px 7px rgba(0, 0, 0, 0.07);
  z-index: 51;
}

.header-light, .header-background-light {
  min-height: 44px;
}

.header-light .logo-bar {
  white-space: nowrap;
  height: 35px;
}

.header-light a.logo > img {
  max-width: 130px;
  margin-top: 3px;
}

.header-light .title-section h2 {
  line-height: 30px;
  margin: 5px 0;
}

.header-light .user-info, .header-light .header-agence, .header-light .header-comptabilite {
}

.header-light .container-logo, .header-light .title-module-sel {
  height: 35px;
}

header.menu-active, .switch-theme-row.menu-active {
  padding-right: 200px;
}

.switch-theme-row.menu-active {
  padding-right: 270px;
}

.logo-bar {
  height: 90px;
  margin: 0;
  padding: 0 !important;
}

.container-logo {
  max-width: 240px;
  margin-right: 20px;
}

.container-logo, .title-module-sel {
  display: inline-block;
  height: 90px;
  vertical-align: bottom;
}

.notif-bar {
  margin: 0;
  flex: 1 1 auto;
  display: inline-block;
}

.lang-choice {
  display: inline-block;
}

.notif-icon {
  display: inline-block;
  text-align: right;
}

.notif-icon > ul {
  display: inline-block;
}

.notif-icon ul, .notif-icon > ul li {
  margin: 0 -3px 0 0;
  padding: 0;
  list-style: none;
  font-size: 0.9em;
}

.notif-icon > ul > li {
  display: inline-block;
  height: 40px;
  text-align: center;
  line-height: 40px;
  margin-right: 4px;
}

.box-footer a.btn-danger {
  color: white;
}

.notif-icon li a {
  color: #FFF;
}

.logo {
  height: 100%;
}

.darken-filter {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 3000;
}

#popin-info-logiciel {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 300px;
  background-color: #fff;
  color: #313d47;
  border-radius: 5px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
  z-index: 3001;
}

#popin-info-logiciel tr {
  display: flex;
  align-items: center;
  justify-content: center;
}

#popin-info-logiciel tr:first-child {
  text-align: right;
}

#popin-info-logiciel td {
  font-size: 1.2em;
}

#popin-info-logiciel > fieldset {
  margin: 10px;
}

#popin-info-logiciel > fieldset > div {
  display: flex;
  justify-content: center;
}

#popin-info-logiciel > fieldset > legend {
  margin: 5px;
  font-size: 1.4em;
}

#popin-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  padding: 15px;
  background: #2c5871;
  color: #fff;
}

#popin-header > .popin-title {
  font-size: 1.7em;
  margin: 0;
}

#close-popin {
  font-size: 1.7em;
  cursor: pointer;
  display: flex;
  align-items: center;
}

#logo-nf {
  margin: 0 0 -3px 3px;
  cursor: pointer;
}

.box-footer {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top: 1px solid #595959;
  padding: 10px;
  background-color: #414141;
}

.dropdown-menu.dropdown-favoris li > form {
  line-height: 20px;
}

.svg-inline--fa.fa-star.fav-icon-active {
  color: #f6a120;
}

.form-control {
  border-radius: 0;
  box-shadow: none;
  border-color: #d2d6de;
}

.open > .dropdown-menu > li ul {
  display: block;
  position: relative;
  width: 100%;
}

ul li a h4 {
  position: relative;
  margin-top: 0;
}

ul.dropdown-menu.dropdown-fax small {
  color: #999999;
  font-size: 10px;
  position: absolute;
  top: -5px;
  right: 0;
}

ul.dropdown-menu.dropdown-demande li {
  padding: 4px 6px;
}

li.display-message {
  padding: 10px 0;
}

li.display-message > a {
  text-align: center;
}

li.display-message > a:hover {
  background-color: transparent;
}

ul.dropdown-menu li:hover ul li a {
  color: black;
  text-decoration: none;
}

.dropdown-menu.show {
  min-width: 100%;
}

ul.dropdown-menu li ul {
  background-color: transparent;
}

ul.notif-icon > li:hover {
  background-color: #bfbfbf;
}

.dropdown.open {
  background-color: #414141;
}

ul.notif-icon li:hover > a.dropdown-toggle {
  color: white;
  text-decoration: none;
}

.dropdown.open > a {
  color: white;
  text-decoration: none;
}

.dropdown-menu > li > a:hover {
  text-decoration: none;
  background-color: transparent;
  color: white;
}

header .label-danger {
  background-color: #f8130c;
  color: #FFFFFF;
  font-size: 0.7em;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ CSS styles go here */
  a.logo > img {
    height: 90px !important;
    width: 240px;
    min-width: 130px;
  }

  .header-light a.logo > img {
    height: 35px !important;
  }
}

a.logo > img {
  height: 100%;
  max-width: 100%;
  min-width: 130px;
}

#favori_ufdNom + .selectize-control {
  width: 100% !important;
  padding: 0 !important;
  border: 0 solid #ccc !important;
}

.selectize-dropdown {
  z-index: 100;
}

#favori_favNom {
  margin-bottom: 20px;
}

.form-control {
  height: unset;
}

.selectize-input {
  border-radius: 0;
}

.notif-icon .svg-inline--fa, .notif-icon .svg-inline--fas, .notif-icon .svg-inline--far {
  font-size: 1.2em;
  color: #315168;
}

.notif-icon #block-user .svg-inline--fa {
  font-size: 14px;
}

.btn-secondary.dropdown-toggle {
  background-color: #255d95 !important;
  border: 0;
  padding: .8rem 1rem;
  font-size: 1.2rem;
  font-family: RobotoDraft-Medium;
}

.form-rub-change-cat-dropdown .dropdown-toggle {
  padding: .84rem 1.14rem;
}

.dropdown-item {
  font-family: RobotoDraft-Medium;
}

ul.notif-icon li:hover > a.dropdown-toggle .svg-inline--fa, ul.notif-icon li:hover > a.dropdown-toggle .svg-inline--fas, ul.notif-icon li:hover > a.dropdown-toggle .svg-inline--far {
  font-size: 1.2em;
  color: #FFFFFF;
}

ul.notif-icon li:hover > a.dropdown-toggle .label-danger {
  background-color: #f8130c;
  color: #FFFFFF;
  font-size: 0.7em;
}

li.display-message:hover {
  background-color: #4a4a4a;
  padding-left: 12px;
  margin-right: 0;
  border-radius: 2px;
}

.dropdown.open .svg-inline--fa, .dropdown.open .svg-inline--fas, .dropdown.open .svg-inline--far {
  font-size: 1.2em;
  color: #FFFFFF;;
}

.svg-inline--fa.svg-inline--fav-active {
  color: #289fe4;
}

.iframe_err {
  font-size: 0.8em;
}

.iframe_err .row {
  margin-bottom: 5px;
}

body.iframe_err {
  overflow-x: hidden;
}

.div-error-msg {
  flex-wrap: nowrap;
}

.error_msg, .info_msg, .success_msg {
  padding-left: 5px;
  margin-bottom: 5px;
}

.error_msg ul, .info_msg ul, .success_msg ul {
  padding-left: 25px;
}

.error_msg ul li ul {
  display: block;
  position: initial;
  width: initial;
  margin: initial;
}

.msg-container {
  padding-left: 5px;
}

.msg-container ul {
  margin-left: 0px;
}

.error_title, .info_title, .success_title {
  font-size: 1.2em;
  font-family: "Roboto-Bold";
  margin-right: 0;
  margin-bottom: 2px;
}

.error-icon {
  border-right: 4px solid #d22320;
}

.error-icon span .svg-inline--fa {
  font-size: 3.5em;
  color: #d22320;
}

.error_title {
  color: #d22320;
}

.info_title {
  color: #256bd2;
}

.info-icon {
  border-right: 4px solid #256bd2;
}

.info-icon span .svg-inline--fa {
  font-size: 3.5em;
  color: #256bd2;
}

.info-icon, .error-icon, .success-icon {
  min-width: 88px;
  max-width: 88px;
  text-align: center;
  padding-top: 8px;
}

.success_title {
  color: #1cb944;
}

.success-icon {
  border-right: 4px solid #1cb944;
}

.success-icon span .svg-inline--fa {
  font-size: 3.5em;
  color: #1cb944;
}

.title-section {
  line-height: 40px;
}

.title-section h2 {
  line-height: 50px;
  margin: 18px 0;
  font-family: 'Roboto';
  border-left: 3px solid #315168;
  padding-left: 10px;
  font-size: 22px;
}

pre.output-buffer {
  border: 1px solid #ffc107;
  background: #ffecb3;
  margin: 8px 0px;
  padding: 8px;
  box-shadow: 0 1px 5px 0 rgba(0,0,0,0.14);
}

@media screen and (max-width: 1100px) {
  .title-section h2 {
    font-size: 18px;
  }
}

.barre-ss-menu {
  padding-top: 15px;
  margin-bottom: -20px;
  padding-right: 10px;
  z-index: 1;
}

.onglet-ss-menu {
  -webkit-border-radius: 3px;
  border-radius: 3px;
  min-width: 930px;
}

.categorie-title {
  border-top: none !important;
  background-color: transparent !important;
  font-size: 10pt;
}

.menu_item, .menu_item u {
  padding-bottom: 8px !important;
  font-weight: normal;
  font-family: RobotoDraft-Medium, Tahoma, Arial, sans-serif;
  font-size: 10pt;
}

.menu_item:hover {
  border-top: 3px solid #108CA5;
  color: #108CA5;
  background-color: #f9f9f9;
}

.menu_item_sel{
  color: #255D95;
  border-top: 3px solid #255D95;
  background-color: #fff;
  font-weight: normal;
  font-family: RobotoDraft-Bold, Tahoma, Arial, sans-serif;
  font-size: 10pt;
}

.menu_item_sel u{
  font-weight: normal;
  font-family: RobotoDraft-Bold, Tahoma, Arial, sans-serif;
  font-size: 10pt;
}

.menu_item_sel:hover {
  color: #2D78C3;
  border-color: #2D78C3;
}

.onglet-ss-menu > ul > li, .onglet-ss-menu > ul > a > li {
  margin-top: 0;
  margin-bottom: 0;
  display: inline-block;
  list-style-type: none;
  text-align: center;
  padding: 0.8rem 1.25rem 1.0rem 1.25rem;
}

.rub_block {
  background-color: #fff;
  -webkit-border-radius: 3px;
  border-radius: 5px;
  margin-top: 15px;
  margin-bottom: 0;
  -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.10);
  padding-right: 20px !important;
  padding-left: 20px !important;
  border: 1px solid #d3d8db;
  min-width: 924px;
  position: initial !important;
}

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

.iframe_err > .container > .row {
  margin-left: -15px;
}

.onglet-rub {
  background: #f3f4f8;
}

.onglet-rub > div {
  min-height: 100%;
  margin: 0;
  padding-top: 8px;
  border-right: 1px solid #e5e5e5;
}

.onglet-rub ul, .onglet-rub-old ul {
  margin-top: 5px;
}

.onglet-rub ul > li, .onglet-rub ul > a > li, .onglet-rub-old ul > li, .onglet-rub-old ul > a > li {
  margin-top: 0;
  margin-bottom: 0;
  display: block;
  list-style-type: none;
  padding: 5px 5px 5px 5px;
  text-align: left;
}

.onglet-rub-fixed {
  width: 150px;
  max-width: 150px;
  float: left;
  position: absolute;
  overflow-x: hidden;
  overflow-y: auto;
  border: 1px solid #e5e5e5; /*#e9e9e9*/
  border-right: 0px;
  border-radius: 5px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  height: 100%;
}

.fixed-content {
  padding-left: 160px;
}

.rubContent > .container > .row {
  position: relative;
}

.item-container {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: inline-flex;

  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;

  align-items: center;
  vertical-align: middle;
}

.item-container span.ico {
  font-size: 10pt;
  font-family: Roboto-Bold;
}

.item-container > img {
  padding: 2px 0px;
}

@media screen and (max-width: 1199px) {
  .onglet-rub, .onglet-rub-old {
    width: 100%;
    padding-right: 50px;
  }

  .onglet-rub > div {
    height: 100%;
    margin: 0;
    padding-top: 0px;
    border-right: 0px;
  }

  .onglet-rub ul, .onglet-rub-old ul {
    margin-top: -5px;
  }

  .onglet-rub ul > li, .onglet-rub ul > a > li, .onglet-rub-old ul > li, .onglet-rub-old ul > a > li {
    margin-top: 5px;
    display: inline-block;
    list-style-type: none;
    text-align: center;
    padding: 5px 5px 5px 5px;
  }

  .rubrique-content {
    display: block;
    width: 100%;
  }

  .onglet-item {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    border: 1px solid #e9e9e9;
    margin-left: 1px;
    margin-right: 1px;
    border-radius: 3px;
  }

  a .onglet-item:hover {
    border: 1px solid #255D95 !important;
    color: #255D95 !important;
    background-color: #fff !important;
    padding-top: 3px !important;
    padding-left: 5px !important;
  }

  .onglet-item-link, .onglet-item-link-old {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    margin-left: 1px;
    margin-right: 1px;
    border-radius: 3px;
  }

  a .onglet-item-link, a .onglet-item-link-old {
    border: 1px solid #e9e9e9;
  }

  a .onglet-item-link:hover, a .onglet-item-link-old:hover {
    border: 1px solid #255D95 !important;
    color: #255D95 !important;
    background-color: #fff !important;
    padding-left: 5px !important;
  }

  .onglet-item-sel, .onglet-item-sel-old {
    padding-top: 4px !important;
    border-radius: 3px;
    margin-left: 1px;
    margin-right: 1px !important;
    padding-bottom: 4px !important;
    border-left: none !important;
  }

  .onglet-item-sel, .onglet-item-sel-old, .onglet-item-sel *, .onglet-item-sel-old * {
    color: #fff !important;
    background-color: #255D95 !important;
  }

  .onglet-rub-control, .onglet-rub-control-old {
    float: right;
    width: auto !important;
  }

  .form-rub-change-cat-dropdown {
    margin-right: 5px !important;
  }

  .onglet-rub-fixed {
    float: none;
    width: auto;
    max-width: none;
    border: none;
    position: relative;
    height: auto;
    background: auto;
    overflow-x: visible;
    overflow-y: visible;
  }

  .fixed-content {
    padding-left: 15px;
  }
}

a .onglet-item:hover, a .onglet-item-old:hover {
  color: #108CA5;
  background-color: #eeeeee;
  padding-left: 2px;
  border-left: 3px solid #108CA5;
}

a .onglet-item-link:hover, a .onglet-item-link-old:hover {
  color: #108CA5;
  background-color: #eeeeee;
  padding-left: 2px;
  border-left: 3px solid #108CA5;
}

.onglet-item-sel, .onglet-item-sel-old {
  border-left: 3px solid #255D95;
  background-color: #fff;
  border-top: 1px solid #e5e5e5; /*#e9e9e9*/
  border-bottom: 1px solid #e5e5e5; /*#e9e9e9*/
  margin-right: -1px;
  color: #255D95;
}

.onglet-item-sel:hover, .onglet-item-sel-old:hover {
  color: #255D95;
}

.onglet-rub, .onglet-rub-old {
  padding: 0 !important;
  z-index: 1;
  margin: 0 0 10px 0 !important;
}

.onglet-rub ul > a:hover, .onglet-rub-old ul > a:hover {
  text-decoration: none !important;
}

.rubForm > .rubContent > form {
  margin: -5px 0 10px 0;
}

.onglet-rub-control, .onglet-rub-control-old {
  display: inline-block;
  width: 100%;
}

.onglet-rub-control > a, .onglet-rub-control-old > a {
  color: #25b9d7 !important;
  padding: 10px;
}

.checkbox, .radiobox {
  display: inline-block;
}

.checkbox label:after, .radiobox label:after {
  content: '';
  display: table;
  clear: both;
  font-size: 0.9em;
}

.checkbox .cr, .radiobox .cr {
  position: relative;
  display: inline-block;
  border: 1px solid #a5a5a5;
  float: left;
  background: #fff;
  box-shadow: inset 0 2px 2px rgba(0, 0, 0, .075);
}

.checkbox .cr {
  border-radius: 3px;
  width: 14px;
  height: 14px;
}

.radiobox .cr {
  border-radius: 50%;
  width: 15px;
  height: 15px;
}

.checkbox .cr .cr-icon, .radiobox .cr .cr-icon {
  position: absolute;
  line-height: 0;
}

.checkbox .cr .cr-icon {
  font-size: 10px;
  top: 1px;
  left: 1px;
}

.radiobox .cr .cr-icon {
  font-size: 7px;
  top: 3px;
  left: 3px;
}

.checkbox label, .radiobox label {
  margin-top: 2px;
}

.checkbox label input[type="checkbox"], .radiobox label input[type="radio"] {
  display: none;
}

.checkbox label input[type="checkbox"]+.cr>.cr-icon, .radiobox label input[type="radio"]+.cr>.cr-icon {
  opacity: 0;
}

.checkbox label input[type="checkbox"]:checked+.cr, .radiobox label input[type="radio"]:checked+.cr {
  color: #fff;
  background: rgba(0, 125, 218, 1);
  border: 1px solid rgba(0, 125, 218, 1);
  box-shadow: 0 0 0;
}

.checkbox label input[type="checkbox"]:checked+.cr *, .radiobox label input[type="radio"]:checked+.cr * {
  color: #fff;
}

.checkbox label input[type="checkbox"]:checked+.cr>.cr-icon, .radiobox label input[type="radio"]:checked+.cr>.cr-icon {
  opacity: 1;
}

.checkbox label input.input-hover[type="checkbox"]:not(:checked):not(:disabled) :not(check_readonly) + .cr>.cr-icon,
.radiobox label input.input-hover[type="radio"]:not(:checked):not(:disabled) + .cr>.cr-icon {
  opacity: 1 !important;
  color: #555;
}

.checkbox label input[type="checkbox"]:disabled+.cr, .radiobox label input[type="radio"]:disabled+.cr,
.checkbox label input.check_readonly[type="checkbox"]+.cr {
  background: #efefef;
  border: 1px solid #ccc;
}

.checkbox label input[type="checkbox"]:disabled:checked+.cr, .radiobox label input[type="radio"]:disabled:checked+.cr,
.checkbox label input.check_readonly[type="checkbox"]:checked+.cr {
  background: #aaa;
  border: 1px solid #aaa;
}

.checkbox label input[type="checkbox"]:disabled:checked+.cr *, .radiobox label input[type="radio"]:disabled:checked+.cr *,
.checkbox label input.check_readonly[type="checkbox"]:checked+.cr *{
  color: #fff;
}

label:has(.check_readonly), .check_readonly{
  pointer-events: none;
}

input, select, textarea {
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  margin-bottom: 2px;
  margin-top: 2px;
  padding: 2px;
  font-family: "Roboto";
}

input:focus, select:focus, textarea:focus {
  border-color: #80bdff;
  box-shadow: 0 0 0 2px rgba(0,123,255,.25);
}

input[type=radio] {
  margin: 1px 4px;
}

input[type=checkbox] {
  margin: 1px 4px;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/* Chrome */
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin:0;
}

input[readonly], input[disabled], select[readonly], select[disabled], textarea[readonly], textarea[disabled] {
  background-color: #efefef;
  color: #555;
}

input.check_readonly {
  color: #999;
}

input.error, select.error, textarea.error {
  background-color: #fed;
  border-color: #c55;
}

input.error:focus, select.error:focus, textarea.error:focus {
  border-color: #c55;
  box-shadow: 0 0 0 2px rgba(204,85,85,.25);
}

.input.select {
  max-width: 200px;
}

/* IE */
select::-ms-expand {
  border: 0;
  background: transparent;
  margin-bottom: 5px !important;
}

/* Firefox */
@-moz-document url-prefix() {
  select {
    -moz-appearance: none;
    background: #efefef url(../img/template/sel_arrow.gif) right center no-repeat;
    text-indent: 0.01px;
    text-overflow: "";
    padding-right: 14px;
  }
}

select.rtl > option {
  direction: rtl;
}

option {
  font-size: 9pt;
}

.rubControl {
  float: right;
  margin: 0 -2px 0 0;
  padding: 4px 0 0 0 !important;
  display: inline-block;
}

.rubControl.show .dropdown-menu.show {
  width: initial;
}

#dashboard .rubControl {
  float: right;
  margin: 0 5px 0 0;
  padding: 0 !important;
  display: inline-block;
  position: relative;
}

#dropdownDashButton {
  background-color: #255d95 !important;
  border-radius: 0.125rem !important;
  border: 0;
  padding: 3px 10px;
  font-size: 1.2rem;
  font-family: RobotoDraft-Medium;
}

#dropdownDashButton .caret {
  border: none;
  margin: 0;
  margin-top: 1px;
  margin-right: 8px;
  float: left;
  color: #fff;
}

.rubErrControl > a > span {
  font-size: 1.4em;
  color: #265d95;
}

.rubErrControl {
  position: absolute;
  right: 13px;
  top: 8px;
}

.rubControl > a > span {
  font-size: 1.4em;
  margin-left: 2px;
  color: #265d95;
  padding: 0;
}

.rub_title_container {
  border-bottom: 1px solid #e9e9e9;
  margin: 5px -5px -1px -5px;
  padding-bottom: 5px;
}

.rubErr_title_container {
  margin: 5px -5px -1px -5px;
}

.rub_title_container.minimizable, .rubErr_title_container.minimizable {
  cursor: pointer;
}

.rub_title_text {
  min-height: 20px;
}

.rub-ico {
  margin: 0 5px 0 5px;
  font-size: 1.4rem;
}

.rubrique-content {
  padding: 5px 0 -5px 0;
  height: 100%;
  min-height: 150px;
  border: 1px solid #e5e5e5; /*#e9e9e9*/
  border-radius: 5px;
  display: inline-block;
  padding-bottom: 10px;
  padding-top: 10px;
}

.header-content {
  max-height: 90px;
  padding: 0 !important;
}

.header-message > div {
  display: inline-block;
}

.rub-menu-edit, .rub-menu-edit-old {
  float: right;
  display: block;
  padding: 10px 10px 10px 10px;
  background-color: #fff;
  margin: 0 -15px 0 0;
  border: 1px solid #25b9d7;
  border-radius: 0 3px 0 3px;
}

.rub-menu-edit:hover, .rub-menu-edit-old:hover {
  background-color: #f6f6f6;
  color: #25b9d7;
}

.header-agence, .header-comptabilite {
  text-align: right;
  padding-right: 20px !important;
  padding-left: 10px !important;
}

.agence-dropdown button.dropdown-toggle, .societe-dropdown button.dropdown-toggle, .exercice-dropdown button.dropdown-toggle {
  border-radius: 3px;
}

.agence-dropdown button.dropdown-toggle .svg-inline--fa.caret, .societe-dropdown button.dropdown-toggle .caret, .exercice-dropdown button.dropdown-toggle .caret {
  border: none;
  margin: 0;
  margin-top: 1px;
  margin-right: 8px;
  float: left;
  color: #fff;
}
.agence-dropdown button.dropdown-toggle .svg-inline--fa.caret {
  font-size: 1.6em;
}

.agence-dropdown {
  display: inline-block;
  margin-right: 20px;
}

.societe-dropdown {
  margin-left: -10px;
  margin-right: 5px;
  display: inline-block;
}

.exercice-dropdown {
  margin-left: -15px;
  margin-right: 10px;
  display: inline-block;
}


.societe-dropdown #dropdownMenuButton {
  margin-left: 15px;
}

.exercice-dropdown #dropdownMenuButton {
  margin-left: 15px;
}

.lien-msg {
  margin-right: 15px !important;
}

.menu-top-dropdown .dropdown-menu-button-account {
  border-radius: 50%;
  padding: 1px;
}

.menu-top-dropdown .dropdown-menu-button-account:after {
  display: none;
}

.menu-top-dropdown .menu-top-dropdown-menu {
  margin: 0;
  padding: 0;
  min-width: 180px;
}

.menu-top-dropdown .menu-top-dropdown-item {
  color: #777;
  font-size: 9pt;
  line-height: 30px;
}

.menu-top-dropdown .menu-top-dropdown-menu > * {
  padding: 0 15px 0 10px;
}

.menu-top-dropdown .dropdown-item-account-sub {
  display: flex;
  align-items: center;
  line-height: 1.75em;
  padding-top: 5px;
  padding-bottom: 5px;
}

.menu-top-dropdown .dropdown-item-account-sub .user-info {
  margin-right: 10px;
}

.menu-top-dropdown .menu-top-dropdown-item:hover {
  background-color: #f6a120;
  color: #fff;
}

.menu-top-dropdown .dropdown-divider {
  margin: 0;
}

.menu-top-dropdown .dropdown-menu-button {
  background-color: #255d95 !important;
  border: 0;
  padding: 0.8rem 1rem;
  font-size: 1.2rem;
  font-family: RobotoDraft-Medium;
}

.user-info {
  display: block;
  background-color: #255d95;
  color: #fff;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  text-align: center;
  font-weight: bold;
  font-size: 12pt;
  line-height: 24pt;
  font-family: 'Roboto';
  margin-bottom: 0;
}

.link-ca {
  float: right;
  position: absolute;
  right: 30px;
  top: 55px;
}

.link-ca a span {
  font-family: 'Roboto';
  font-size: 1.2em;
  font-weight: normal;
}

.container-lst {
  padding: 0 !important;
}

.lst-menu {
  width: 25px;
}

.lst-menu-control {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 1.2em;
}

.lst-menu-control > a span {
  font-size: 1.2em;
}

.lst-menu-container {
  display: inline-block;
}

.lst-table-container {
  max-height: 212px;
  -ms-overflow-style: auto;
  overflow: auto;
  display: inline-block;
  float: right;
  width: 100%;
  margin-left: -30px;
  padding-left: 30px;
}

.pagination {
  margin: 0 !important;
}

.pagination li a, .pagination li a * {
  font-size: 10pt;
}

td a span .svg-inline--fa {
  font-size: 1.2em;
}

td a span .svg-inline--fa[data-prefix=far] {
  font-size: 1.6em;
}

td a span .svg-inline--fa[data-prefix=fas] {
  font-size: 1.4em;
}

div.button a span .svg-inline--fa {
  font-size: 1.4em;
}

.nav-lst-pagination {
  padding: 5px 0px 0px 0px;
  position: relative;
/*  border: 1px solid #dcdcdc; // Version avec bordure
  border-top: 0px;*/
}

.ico-load-form {
  font-size: 1.4em;
  margin-left: 5px;
}

.check-icon {
  color: #009900;
  font-size: 1.2em;
}

.uncheck-icon {
  color: #b4b4b4;
  font-size: 1.2em;
}

.page-item.active .page-link {
  color: #fff !important;
  background-color: #255d95 !important;
  border-color: #194b71 !important;
  font-family: RobotoDraft-Bold;
}

.page-link span {
  font-family: RobotoDraft-Bold;
}

.page-link {
  color: #256bd2 !important;
  font-family: RobotoDraft-Bold;
}

.page-nb-lignes {
  position: absolute;
  left: 0px;
}

.page-nb-lignes span {
  padding: .5rem .75rem;
  display: block;
}

.page-link:focus {
  box-shadow: none !important;
}

.page-item.disabled .page-link {
  color: #a8a8a8 !important;
  font-family: RobotoDraft-Bold;
}

.glyphicon {
  color: white;
  font-size: 1.2em;
}

.scrollbar-measure {
  width: 100px;
  height: 100px;
  overflow: scroll;
  position: absolute;
  left: -9999px;
}

.ui-accordion .ui-accordion-header {
  margin: 0 !important;
  padding: 0 .5em 0 1.5em !important;
}

.accordion.invert {
  border-bottom: 1px solid #cccecf;
  -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.19);
  box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.19);
}

.cat.invert {
  margin-top: -70px;
  margin-bottom: 10px;
}

ul.pagination a {
  border: 0;
}

.page-link:hover {
  background-color: transparent !important;
  border-color: transparent !important;
}

/******************************************************************/
.container-fluid {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.content > header.row {
  margin-right: 0 !important;
  margin-left: -15px !important;
}

.content > header.row.menu-active {
}

.content > .row {
  margin-right: 0 !important;
  margin-left: 15px !important;
}

.form-rub-change-cat-dropdown {
  width: 100%;
}

.form-rub-change-cat-dropdown button.dropdown-toggle {
  width: 100%;
}

.form-rub-change-cat-dropdown .dropdown-menu.show {
  transform: translate3d(0px, 37px, 0) !important;
  width: 100%;
}

.mCustomScrollBox {
  overflow: initial !important;
}

.mCSB_container {
  overflow: initial !important;
}

.mCSB_scrollTools {
  left: -16px !important;
}

.menu-active .mCSB_scrollTools {
  left: auto !important;
}

button.rub_menu_link {
  float: right;
}

button.sticky {
  position: fixed;
  right: 16px;
}

div.iframe-return, div.rubrique-return {
  float: right;
  padding-right: 18px;
  margin-top: 5px;
}

.rubControl button.defaut {
  background-color: #255d95;
  height: 27px;
  margin-top: -5px;
  width: 30px;
  padding-left: 6px;
  font-size: 1.2em;
  padding-top: 4px;
}

.col-fixed {
  position: relative;
  left: 0;
  top: 0;
}

.col-fixed-last {
  border-right: 1px dashed #d3d8db !important;
}

.thead .col-fixed {
  z-index: 21 !important;
}

thead.thead .cell {
  z-index: 20;
}

.lst-table .row-lst.row-head {
  left: 0;
  z-index: 50;
}

.tbody .col-fixed {
  z-index: 10;
}

.image > span > i {
  font-size: 5em;
  color: #d8d8d8;
}

.tuile-content {
  border: 1px solid #cccecf;
  padding: 20px;
  text-align: center;
  font-family: RobotoDraft-Medium;;
  border-radius: 3px;
  color: #fff;
  font-size: 1.6em;
  padding-top: 40px;
  -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.19);
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.19);
  min-height: 230px;
  margin-bottom: 20px;
  margin-top: 20px;
}

.tuile-content h3 {
  margin-left: -20px;
  margin-right: -20px;
}
/***************   COLOR **********************/
.orange {
  background-color: #f3ac1e;
}

.darkBlue{
  background-color: #2c5871;
}

.lightBlue {
  background-color: #74d1d6;
}

.greyBlue {
  background-color: #2371bf;
}

.flashBlue {
  background-color: #255d95;
}

.green {
  background-color: #259536;
}

/*************** COLOR CHARTE GRAPHIQUE ARCHIPELIA **********************/
/*   le degrés de clarté des couleur va de 1 à 7 (1 clair, 7 sombre)   **/
.grey1{ background-color: #e0e0e0; }
.grey2{ background-color: #d3d3d3; }
.grey3{ background-color: #9b9a9f; }
.grey4{ background-color: #6b6b71; }
.grey5{ background-color: #3b3c43; }

.red1{ background-color: #c7344c; }
.red2{ background-color: #b7163f; }
.red3{ background-color: #9c1c3f; }
.red4{ background-color: #c2162d; }
.red5{ background-color: #661316; }

.purple1{ background-color: #d389ba; }
.purple2{ background-color: #bb68a6; }
.purple3{ background-color: #78216d; }
.purple4{ background-color: #4d1b4b; }
.purple5{ background-color: #3d153b; }

.blue1{ background-color: #8bc6ed; }
.blue2{ background-color: #68b4e5; }
.blue3{ background-color: #41a0da; }
.blue4{ background-color: #4e8dba; }
.blue5{ background-color: #006cb5; }
.blue6{ background-color: #0b4686; }
.blue7{ background-color: #1c3762; }

.green1{ background-color: #c5db96; }
.green2{ background-color: #92c464; }
.green3{ background-color: #c5d200; }
.green4{ background-color: #a5c615; }
.green5{ background-color: #5fb130; }
.green6{ background-color: #00a339; }
.green7{ background-color: #00843b; }


/**********************************************************************/

.tuile-content .icon {
  width: 80px;
  height: 65px;
  margin: auto;
  text-align: center;
}

.tuile-content .icon i {
  line-height: 65px;
}

.tuile-content .infos {
  text-align: center;
  font-size: 0.7em;
}

.tuile-content .valeur {
  text-align: center;
  font-size: 1.2em;
  font-family: RobotoDraft-Bold;
}

.tuile-digdash, .tuile {
  min-height: 230px;
  max-height: 250px;
}

.tuile-digdash a {
  font-weight: normal;
}

.right-col-widget {
  margin-bottom: 20px;
}

.right-col-widget .tuile {
  height: 100%;
}

.lst-table input.input.checkbox {
  margin-bottom: 0 !important;
  margin-left: 0 !important;
}

#container_liste_decli thead .cell {
  border-right: 1px solid #4d749b;
}

.container-label-check-box {
  display: inline-block;
}

.container-label-check-box label, .lst-table tbody tr td.cell.th-cell {
  font-family: "RobotoDraft";
  font-size: 9px;
}

.container-check-box input[type="checkbox"] {
  margin: 0;
}

.container-check-box {
}

.container-check-box.check-box-icon {
  text-align: left;
  display: inline-block;
  margin-left: 2px;
}

.container-icon-check-box {
  display: inline-block;
}

.container-icon-check-box label {
  margin-top: -2px;
  margin-left: 0;
  margin-bottom: 0;
  vertical-align: middle;
}

.container-check-box input.input.checkbox {
  margin: 0 !important;
  vertical-align: middle;
}

.cell.col-fixed img.ico {
  /*margin-top: -10px;*/
  margin-left: 5px;
}

ul.accordion.inverted {
  display: flex !important;
  flex-direction: column-reverse;
}

li.cat.inverted, li.cat-title.inverted {
  flex-direction: column-reverse;
}

.ui-menu-item > a.ui-menu-item-wrapper.ui-state-active {
  background: none !important;
  background-color: #d1e2ff !important;
}

.ui-menu-item-title > div.ui-menu-item-wrapper.ui-state-active {
  border: none !important;
  color: #999 !important;
}

/******************************************************************************/
/*                                    General                                 */
/******************************************************************************/
* {
  font-family: RobotoDraft, Tahoma, Arial, sans-serif;
  font-size: 8.5pt;
}

body {
  background-color: #EFF1F2;
  padding: 0;
  margin: 0;
  color: #315166;
}

body.page {
  /*text-align: center;*/
  overflow-y: scroll;
  padding-right: 25px;
}

body.page.popupPage {
  padding-left: 25px;
}

body.page.popupPage #page.row {
  margin-top: -10px;
}

body.iframe {
  background-color: #fff;;
  text-align: left;
}

body.iframe_err {
  background-color: #fff;
  text-align: left;
  padding: 0;
}

b, b *, strong, strong *  {
  font-family: Roboto-Bold;
  font-weight: normal;
}

iframe {
  display: block;
  margin-bottom: 10px;
}

h3 {
  padding: 0;
  margin: 0 12px 4px 12px;
  font-family: 'Roboto-Medium';
  font-size: 1.6em;
}

img {
  border-width: 0;
  padding: 0;
  margin-bottom: 1px;
}

img.ico {
  vertical-align: middle;
}

span.ico, span.ico > u {
  font-family: "Roboto";
}

span.ico {
  font-family: "Roboto";
  vertical-align: middle;
  padding-left: 3px;
}

a span.ico, a span.ico > u {
  font-family: "Roboto-Bold";
  font-size: 10pt;
}

span.ico.icoR {
  padding-left: 0px;
  padding-right: 3px;
}

span.smaller {
  font-size: 0.8em;
}

div {
  text-align: left;
}

pre {
  margin: 4px 4px 0 4px;
  font-size: 100%;
  white-space: pre-wrap;
  word-break: break-word;
}

span.sql-bind {
  color: #315168;
  font-family: "Roboto-Bold";
}


p.footer {
  padding: 4px;
  /*margin: 4px 8px 0px 8px;*/
  border-top: 1px solid #e9e9e9;
  color: #91a1ac;
}

p.footer a {
  color: #a1b3bf;
}

p.text {
  padding: 0;
  margin: 0;
  margin-top: 4px;
  color: #000
}

ul {
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: square;
}

li ul {
  list-style-type: circle;
}

hr {
  height: 0;
  border: 0;
  border-bottom: 1px solid #aaa;
  color: #aaa;
  margin-left: 8px;
  margin-right: 8px;
}

/* Liens */
a {
  font-style: normal;
  color: #315168;
  text-decoration: none;
}

a:hover, a:active {
  color: #25b9d7;
  text-decoration: none;
}

a.impt {
  color: #e33;
}

a.menu {
  color: #315168
}

a.normal {
}

a.simple {
  font-weight: normal;
  color: #069;
  text-decoration: none;
}

a.simple:hover, a.simple:hover {
  text-decoration: underline;
}

form {
  margin: 0;
}

fieldset {
  padding: 10px 0 10px 0;
  margin: 0;
  border: 0;
  border-top: 1px solid #e9e9e9;
}

fieldset.head {
  border-top: 1px solid #a1b3bf;
}

fieldset.impt {
  border: 1px dashed #f63;
  background: #fff;
}

fieldset.filtre {
  border-top: 1px dashed #768893;
}

fieldset.first {
  border-top-width: 0;
  padding-top: 0px;
  padding-bottom: 10px;
}

legend {
  color: #315166;
  padding: 0 4px 0 4px;
  margin-bottom: 0;
  font-size: 1.2rem;
  width: initial;
}

legend *, legend > label, legend > label * {
  color: #315166;
  /*font-family: "RobotoDraft-Medium";*/
  font-size: 1.2rem;
}

legend > a {
  font-family: "Roboto-Bold";
  font-size: 10pt;
}

legend.normal {
  color: #000;
  font-style: normal;
}

legend.impt, legend.impt * {
  font-size: 1.3rem;
}

legend > input{
  vertical-align: bottom;
}

label, .label {
  color: #20292f;
  vertical-align: middle;
  font-family: "Roboto";
  font-weight: normal;
  margin-bottom: 0;
  font-size: 8.5pt;
}

b label,
b label u,
.bold-label-container label,
.bold-label-container label u {
  font-family: Roboto-Bold;
}

.error {
  color: #c33;
}

div.rub_err {
  background-color: #fed;
  text-align: left;
  padding: 6px 8px 4px 8px;
}

.ok {
  color: #090;
}

.value_id {
  color: #090;
  font-weight: bold;
}

.value {
  color: #069;
}

.bold_value {
  color: #069;
  font-weight: bold;
}

.code {
  font-family: Consolas, monaco, monospace;
}

.hidden {
  display: none;
}

.link {
  cursor: pointer;
}

.strikethrough {
  text-decoration: line-through;
}

a.value:hover span, a.value:active span {
  color: #25b9d7;
}

/******************************************************************************/
/*                                  Button                                    */
/******************************************************************************/
div.button {
  text-align: right;
  margin-top: 0;
  margin-right: 0;
  margin-left: 16px;
  white-space: nowrap;
}

td.button {
  text-align: right;
  vertical-align: bottom;
}

.button_lst {
  text-align: right;
  margin-top: 8px;
  margin-right: 16px;
  margin-left: 16px;
  white-space: nowrap;
}

.button_lst_block {
  text-align: center;
  margin-top: 8px;
  margin-right: 16px;
  margin-left: -5px;
  white-space: nowrap;
}

.button_lst_block button {
  width: 170px !important;
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

.separator {
  border-top: 1px solid #d3d8db;
  margin: 10px;
}

div.button > a.showlink {
  display: inline-block;
  vertical-align: middle;
}

button * {
  font-family: Verdana, Tahoma, Sans-serif;
  font-size: 7.5pt;
  font-weight: normal;
  margin-bottom: 4px;
}

button, button img {
  vertical-align: middle;
}

button.reset, button.valid {
  margin: 0;
  margin-bottom: 4px;
  width: 0;
  overflow: visible;
  font-weight: bold;
  cursor: pointer;
  color: #315168;
  background: none;
  border-width: 0;
  white-space: nowrap;
  word-wrap: nowrap;
  filter: progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=2);
}

button.reset[class], button.valid[class] {
  margin: 0;
}

button.defaut[disabled], button.reset[disabled], button.valid[disabled] {
  color: #9e9e9ea8;
  background-color: #9e9e9e5c;
}

button.defaut, button.reset, button.valid, button.edit {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: 5px 20px;
  border-radius: .25rem;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  min-width: 125px;
  width: auto;
}

button.defaut span, button.reset span, button.valid span, button.edit {
  font-size: 1.2rem;
  font-family: Roboto-Bold;
}

button.defaut.btn-connexion span {
  font-size: 1.2em;
}

button.defaut span u, button.reset span u, button.valid span u, button.edit span u {
  font-size: 1em;
  font-family: Roboto-Bold;
}

button.defaut {
  color: #fff;
  background-color: rgba(40, 167, 69, 1); /* #28a745 */
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.28);
}

button.defaut:not([disabled]):hover {
  background-color: rgba(40, 167, 69, 0.8);
  border-color: rgba(40, 167, 69, 1);
}

button.reset {
  color: #fff;
  background-color: rgba(220, 53, 69, 1); /* #dc3545 */
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.28);
}

button.reset:not([disabled]):hover {
  background-color: rgba(220, 53, 69, 0.8);
  border-color: rgba(220, 53, 69, 1);
}

button.edit {
  color: #fff;
  background-color: rgba(0, 125, 218, 1); /* #007dda */
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.28);
  font-size: 1.5em;
  padding: 9px 12px 5px 12px;
  margin-top: 15px;
  min-width: 0px;
  margin-right: 0;
  margin-left: 15px;
  margin-bottom: 15px;
}

button.edit.rub_menu_link {
  padding: 9px 9px 5px 12px;
}

button.edit:not([disabled]):hover {
  background-color: rgba(0, 125, 218, 0.8);
  border-color: rgba(0, 125, 218, 1);
}

button.edit > u {
  font-size: 0.9em;
  font-family: Roboto;
}

button.edit .svg-inline--fa {
  font-size: 24px;
  line-height: 24px;
  vertical-align: middle;
}

button.valid {
  color: #fff;
  background-color: #28a745;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.28);
}

button.valid:not([disabled]):hover {
  background-color: rgba(40, 167, 69, 0.8);
  border-color: rgba(40, 167, 69, 1);
}

button.small {
  cursor: pointer;
  padding: 0;
  text-align: center;
  margin: 1px;
  width: 22px;
  height: 20px;
  color: #000;
  background-color: #ddd;
  border: 1px solid #999;
}

button.small * {
  margin-bottom: 0;
}

/******************************************************************************/
/*                                   Template                                 */
/******************************************************************************/
#log_logo_ext {
  width: 220px;
  height: 150px;
}

#top_bandeau_admin {
  position: absolute;
  width: 100px;
  height: 3px;
  left: -50px;
  margin-left: 50%;
  opacity: 0.95;
}

#top_bandeau_admin * {
  font-family: Arial;
  font-size: 10pt;
  color: #000;
}

#top_bandeau_admin_t {
  width: 500px;
  margin-left: auto;
  margin-right: auto;
  padding: 2px 10px 2px 10px;
  line-height: 24px;
  border: 1px solid #f60;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top: 0;
  background: #fea;
  text-align: left;
}

#top_bandeau_admin_t.hidden {
  opacity: 0;
}

#top_bandeau_admin_t .right {
  text-align: right;
}

#top_bandeau_admin_t .value {
  color: #f60;
}

/* Body (shadow) */
#body_page {
  width: 100%;
}

#body_page .bp_gtg {
  height: 30px;
}

#body_page .bp_gbg {
  height: 16px;
}

#body_page .bp_m {
  vertical-align: top;
}

#body_page .bp_dtd {
  height: 30px;
}

#body_page .bp_dbd {
  height: 16px;
}

#body_page .bp_gb {
  height: 15px;
}

#body_page .bp_gbb {
  float: left;
  height: 15px;
  width: 14px;
}

#body_page .bp_b {
  height: 15px;
}

#body_page .bp_db {
  height: 15px;
}

#body_page .bp_dbb {
  float: right;
  height: 15px;
  width: 14px;
}

#top_min_width {
  height: 0;
  font-size: 0;
}

/* Top bandeau */
#top_bandeau_nomenu {
  height: 6px;
  font-size: 0;
}

#top_bandeau_logo .tbl_g {
  font-size: 1px;
  height: 12px;
}

#top_bandeau_titre {
  text-align: left;
  background-color: #fff;
}

#top_bandeau_titre td.lien_msg * {
  color: #0e0e0e;
  font-size: 12pt;
}

#top_bandeau_titre td.page_tit td.title {
  padding-left: 8px;
  font-size: 10pt;
  color: #315168;
  font-weight: bold;
  text-transform: uppercase;
}

a.top_bandeau:hover, a.top_bandeau:active, a.top_bandeau:active {
  color: #d60;
  text-decoration: underline;
}

a.orange:hover, a.orange:active {
  color: #d60;
}

a.jaune:hover, a.jaune:active {
  color: #fa0;
}

a.vert:hover, a.vert:active {
  color: #090;
}

a.anis:hover, a.anis:active {
  color: #9b0;
}

a.bleu:hover, a.bleu:active {
  color: #09d;
}

a.cyan:hover, a.cyan:active {
  color: #0ac;
}

a.turquoise:hover, a.turquoise:active {
  color: #399;
}

a.rouge:hover, a.rouge:active {
  color: #e66;
}

a.mauve:hover, a.mauve:active {
  color: #a0d;
}

a.violet:hover, a.violet:active {
  color: #a0d;
}

#bot_bandeau_copy {
  height: 24px;
  line-height: 23px;
  text-align: center;
  color: #335269;
  font-weight: bold;
}

/* Top Menu */
#top_ss_menu_cont {
  text-align: left;
  vertical-align: middle;
  height: 25px;
  margin: 0 6px 0 6px;
  color: #335269;
}

#top_ss_menu {
  width: 100%;
  height: 25px;
  text-align: left;
  font-size: 10pt;
  font-family: Tahoma, sans-serif;
  color: #fff;
  overflow: hidden;
}

#top_ss_menu * {
  white-space: nowrap;
  word-wrap: normal;
}

#top_ss_menu a {
  padding: 0 2px 0 2px;
  text-decoration: none;
  color: #fff;
  font-weight: bold;
}

#top_ss_menu .bandeau_g {
  background: #a1b3bf url(../img/template/top_sous_menu_m.gif);
}

#top_ss_menu .bandeau_d {
  width: 128px;
  background: url(../img/template/top_sous_menu_d.gif);
}

#top_ss_menu table.menu_item {
  height: 100%;
}

#top_ss_menu table.menu_item td.g {
  width: 7px;
}

#top_ss_menu table.menu_item td.m {
}

#top_ss_menu table.menu_item td.d {
  width: 7px;
}

#top_ss_menu table.menu_item_on {
  height: 100%;
}

#top_ss_menu table.menu_item_on td.g {
  width: 7px;
  background: url(../img/template/but_ss_menu_on_g.gif) 0 3px no-repeat;
}

#top_ss_menu table.menu_item_on td.m {
  background: url(../img/template/but_ss_menu_on_m.gif) 0 3px repeat-x;
}

#top_ss_menu table.menu_item_on td.d {
  width: 7px;
  background: url(../img/template/but_ss_menu_on_d.gif) 0 3px no-repeat;
}

#top_ss_menu table.menu_item_sel {
  height: 100%;
}

#top_ss_menu table.menu_item_sel td.g {
  width: 7px;
  background: url(../img/template/but_ss_menu_off_g.gif) 0 3px no-repeat;
}

#top_ss_menu table.menu_item_sel td.m {
  background: url(../img/template/but_ss_menu_off_m.gif) 0 3px repeat-x;
}

#top_ss_menu table.menu_item_sel td.d {
  width: 7px;
  background: url(../img/template/but_ss_menu_off_d.gif) 0 3px no-repeat;
}

/* Menu page d'accueil */
div.gen_menu {
  margin: 0;
  padding-bottom: 8px;
  border-width: 0;
}

div.gen_menu * {
  font-size: 10pt;
}

div.gen_menu .legend {
  padding: 0 0 0 44px;
  background: #f5f5f5 url(../img/template/ico_fleche_ora_b.gif) 20px center no-repeat;
  height: 25px;
  line-height: 23px;
  font-weight: bold;
  color: #315166;
  border: 1px solid #a1b2bf;
}

div.gen_menu ul {
  margin: 0 15px 8px 15px;
  padding: 0;
}

div.gen_menu li {
  display: inline;
}

div.gen_menu a {
  color: #315166;
  display: block;
  font-weight: bold;
  margin: 4px 0 4px -5px;
  padding: 1px 0 1px 50px;
  text-decoration: none;
  background: transparent url(../img/template/ico_puce.gif) 30px center no-repeat;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

div.gen_menu a:hover, div.gen_menu a:active, div.gen_menu a:focus {
  background-color: #a1b3bf;
  text-decoration: none;
  border-top: 1px solid #8095a5;
  border-bottom: 1px solid #8095a5;
  color: #fff;
}

/******************************************************************************/
/*                                Fiche détail                                */
/******************************************************************************/
table.descriptif {
  text-align: left;
  color: #20292f;
}

table.descriptif th {
  text-align: center;
}

table.descriptif td.title {
  color: #009;
  font-weight: bold;
}

table.descriptif .value {
  color: #069;
}

table.descriptif .value ul {
  padding-left: 20px;
  margin: 0;
  list-style-type: disc;
}

textarea {
  resize: vertical;
}

textarea.print {
  resize: none;
  border-width: 0;
  background: #eee;
  overflow: auto;
}

textarea.descriptif {
  border: 1px solid #aaa;
}

div.descriptif {
  border: 1px solid #aaa;
  border-width: 1px !important;
  background-color: #f3f3f3;
  padding: 0 5px;
  overflow: auto;
}

table.impt * {
  font-size: 1.3rem;
}

span.comment_err, div.comment_err {
  font-size: 7pt;
  font-weight: bold;
  color: #900;
  text-align: center;
}

span.comment, span.comment * {
  font-size: 7pt;
}

/* Adresse */
div.adresse, div.adresse_sel {
  font-family: Lucida Console, Monospace;
  font-size: 10pt;
}

div.adresse_sel {
  color: #900;
}

/* Contact */
div.contact table {
  clear: both;
}

div.contact table td {
  padding: 1px 4px 1px 4px;
  border-width: 0;
}

/* Contact */
div.notification table {
  clear: both;
}

div.notification table td {
  padding: 1px 4px 1px 4px;
  border-width: 0;
}

/* RIB */
div.rib table {
  clear: both;
}

div.rib table td {
  border-width: 0;
}

/* Image popup */
div.popup {
  display: none;
  z-index: 100;
  opacity: 0.8;
  filter: progid:DXImageTransform.Microsoft.BasicImage(Rotation=0, Mirror=0, Invert=0, XRay=0, Grayscale=0, Opacity=0.8);
  position: absolute;
  background-color: #fff;
  border: 1px solid #999;
  padding: 6px;
  cursor: default;
}

div.image {
  border: 1px solid #e9e9e9;
  padding: 4px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  margin: 20px 60px 20px 60px;
}

div.no_border {
  border: 0 solid #fff
}

/******************************************************************************/
/*                                   Rubrique                                 */
/******************************************************************************/
/* Rubrique */
.rub {
  background-color: #f5f5f5;
}

.rubFormW {
  background-color: #fff;
}

.rubErr {
  background-color: #fff;
  border-color: #265d9557; /*#256bd27a;*/
  position: relative !important;
  background-color: #d1e2ff !important;
  min-height: 34px;
}

.rubErr {
  padding: 0px;
}

.container_err{
  overflow-y: auto;
  /*max-height: 150px;*/
  margin-bottom: 3px;
  margin-top: 3px;
}

.rubLoginPdv {
  background-color: #333;
}

div.rubForm table.rub_title_table {
  color: #335269;
  background-color: #f5f5f5;
}

div.rubFormW table.rub_title_table {
  color: #335269;
  background-color: #f5f5f5;
}

div.rubErr table.rub_title_table {
  color: #e33;
  background-color: #fca;
}

/* Posia */
div.rubLoginPdv * {
  font-family: Helvetica, Arial;
  outline: none;
}

div.rubLoginPdv *:focus {
  outline: none;
}

div.rubLoginPdv label {
  color: #fff;
  font-weight: normal;
}

div.rubLoginPdv input {
  background: #e6e6e6;
  vertical-align: middle;
  border: 0;
  border-radius: 4px;
  padding: 4px;
  margin: 1px;
}

div.rubLoginPdv input:focus {
  background: #fff;
  outline: #fea310 auto 2px;
}

div.rubLoginPdv select {
  vertical-align: middle;
  border: 0;
  border-radius: 4px;
  padding: 4px;
  margin: 1px;
}

div.rubLoginPdv select:focus {
  background: #fff;
  outline: #fea310 auto 2px;
}

button.pdv {
  outline: none;
  color: #000;
  background: #fea310;
  padding: 0 20px;
  height: 32px;
  border-radius: 5px;
  border: 0;
}

button.pdv .ico {
  margin-right: 12px
}

button.pdv span * {
  line-height: 30px;
  outline: none;
  color: #000;
  font-family: Helvetica, Arial;
  font-size: 12pt;
  font-weight: normal;
}

button.pdv_over span * {
  color: #000;
}

td.rub_title_text {
  font-weight: bold;
  height: 24px;
  overflow: visible;
}

td.rub_title_ctl {
  height: 19px;
  width: 0;
  padding: 3px 2px 2px 2px;
  color: #000;
}

td.rub_title_ctl a:hover {
  text-decoration: underline;
}

div.rub_title_title {
  text-align: left;
  padding: 0;
  margin: 0;
  display: inline-block;
}

div.rub_title_title > b {
  font-size: 1.5em;
  font-weight: 500;
  font-family: "Roboto-medium";
}

div.rub_control {
  float: right;
  margin: -20px 10px 10px 0;
  border-bottom: none !important;
}

div.rub_control > a {
  color: #7e7e7e;
  text-align: right;
}

div.rub_control > a:hover {
  color: #2f2f2f;
}

div.rub_control > a .svg-inline--far, div.rub_control > a .svg-inline--fas {
  font-size: 1.3em;
}

div.rub_title_msg {
  float: left;
  line-height: 10px;
  padding: 1px 4px 1px 4px;
  font-size: 6.5pt;
  position: absolute;
  display: none;
  cursor: default;
}

div.rub_title_msg b {
  font-size: 6.5pt;
  color: #090;
}

div.rub_title_msg b.alert {
  color: #a00;
}

div.rubContent {
  text-align: left;
  margin-top: 10px;
  padding: 0;
}

div.rub_help {
  padding: 4px 8px 4px 8px;
  margin-bottom: 12px;
  background: #fff;
  border: 1px dashed #ccc;
  color: #999;
}

/* Menu des rubriques */
table.rub_menu_container {
  background: #fff;
  margin-bottom: 4px;
}

table.rub_menu_container tr.rmc_tr {
  vertical-align: bottom;
  height: 30px;
}

table.rub_menu_container td.rmc_td {
  width: 1px;
}

table.rub_menu {
  padding: 0;
  margin-bottom: 4px;
  height: 28px;
}

table.rub_menu_t td * {
  white-space: nowrap;
}

table.rub_menu_t tr.rm_tr {
  vertical-align: top;
  height: 30px;
}

td.rm_td_border {
  border-bottom: 1px solid #a1b3bf;
  vertical-align: middle;
  padding: 0 4px 0 4px;
}

td.rm_td_edit {
  border-left: 1px solid #a1b3bf;
  text-align: center;
  padding-right: 6px;
  width: 90px
}

td.rm_td_item {
  vertical-align: middle;
}

td.rm_td_cat {
  text-align: right;
}

td.rm_item_sel_g {
  width: 6px;
  background: url(../img/template/rub_ong_off_g3.gif) left top no-repeat;
}

td.rm_item_sel_g div {
  width: 6px;
}

td.rm_item_sel_m {
  height: 24px;
  padding: 6px 4px 0 4px;
  background: url(../img/template/rub_ong_off_m3.gif) left top repeat-x;
}

td.rm_item_sel_d {
  width: 6px;
  background: url(../img/template/rub_ong_off_d3.gif) right top no-repeat;
}

td.rm_item_sel_d div {
  width: 6px;
}

td.col_param select {
  width: 340px;
  max-width: 340px !important;
}

td.col_param {
  width: 350px;
}

a.rub_menu_link {
  color: #d60;
}

a.showlink {
  line-height: 100%;
}

img.thumbnail {
  border: 1px solid #aaa;
  margin: 4px 16px 4px 16px;
}

/******************************************************************************/
/*                                   Liste                                    */
/******************************************************************************/
.lst-container {
  border: 1px solid #d3d8db;
  position: relative;
  overflow: hidden;
}

.lst-container tr, .lst-container tr:active {
  outline: none;
}

.lst-container-table {
  border-left: 1px solid #d3d8db;
  padding: 0;
  margin: 0;
  text-align: left;
  vertical-align: top;
  width: 100%;
  position: relative;
}

.lst-container-menu {
  height: 100%;
  vertical-align: top;
  max-width: 25px;
  width: 25px;
}

table.lst-menu td {
  padding: 5px 4px 5px 4px;
  text-align: center;
}

.lst-pagination {
  background-color: #fff;
  border: 0 solid #a1b3bf;
  border-top-width: 1px;
}

.lst-table {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-spacing: 0;
  -ms-overflow-style: auto;
  overflow: auto;
  height: 100%;
  border-collapse: initial;
}

.lst-table .row-lst {
  height: 20px;
  outline: none;
}

.lst-table .row-head {
  height: 22px;
  outline: none;
}

.lst-table {
  z-index: 30;
  top: 1px;
}

.row-head {
  top: 0;
}

.lst-table .row-hidden, .lst-table .row-hidden .cell {
  padding: 0;
  margin: 0;
  height: 0;
  line-height: 0;
}

.lst-table .cell {
  /*overflow: hidden;*/
  min-height: 16px;
  padding: 1px 4px 1px 4px;
  text-overflow: ellipsis;
  z-index: 5;
  box-sizing: border-box;
  background-color: inherit;
  /*font-family: RobotoDraft-Medium;*/
  font-weight: normal;
}

.lst-table th.cell, .lst-table .th-cell {
  text-align: left;
  background: #255d95;
  color: #fff;
  font-weight: bold;
  padding: 0;
  box-sizing: border-box;
  transform: translateX(0px);
  border-right: 1px solid #999;
}

.lst-table th.cell i, .lst-table .th-cell i {
  color: #fff;
  font-weight: bold;
  font-size: 10pt;
}

.lst-table th.cell span {
 padding: initial;
}

.lst-table th.cell *, .lst-table .th-cell *, .lst-table th.cell, .lst-table .th-cell {
  color: #fff;
  font-family: Roboto-Bold;
  font-weight: normal;
  font-size: 10pt;
}

.lst-table th.cell, .lst-table .th-cell {
  padding: 2px 2px 2px 6px;
}

.lst-table > .thead {
  display: none;
}

.lst-table > .tbody > .row-lst:last-child {
  margin-bottom: 10px;
}

.lst-table > .tbody > .row-lst:last-child > .cell {
  border-bottom: 1px solid #dedede;
}

.lst-table .lst_number {
  text-align: right;
}

.lst-table .lst_tarif {
  text-align: right;
}

.lst-table .lst_date {
  text-align: left;
}

.lst-table .lst_timezone {
  text-align: left;
}

.lst-table .lst_icon {
  text-align: center;
}

.lst-table tr.emptyRow td.cell {
  padding: 0;
}

.lst-table .cell ul {
  padding-left: 20px;
}

.lst-table .cell li {
  list-style-type: circle;
}

.lst-menu td:hover {
  background-color: #255d95;
}

.lst-menu td:hover a {
  color: #fff;
}

/******************************************************************************/
/*                              Liste specifique                              */
/******************************************************************************/
.jsgrid-cell {
  word-break: break-word;
}

.lst-grid-table-cell {
  text-align: center;
  display: inline-grid;
  padding-bottom: 35px;
  padding-top: 35px;
}

tr.grilleRow:not(.last) > td {
  border-bottom: 1px solid #dedede;
  font-family: "Roboto";
}

tr.normalRow td, tr.alternateRow td, tr.specialRow td, tr.specialRow2 td, tr.sepRow td, tr.sepRow2 td, tr.sepRow3 td {
  border-right: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  padding: 1px 4px 1px 4px;
  height: 20px;
  font-family: "Roboto";
}

tr.no-border-bot td {
  border-bottom-width: 0;
}

tr.normalRow, tr.emptyRow, tr.jsgrid-row td.jsgrid-cell {
  background: #fff;
}

tr.alternateRow, tr.jsgrid-alt-row td.jsgrid-cell {
  background: #eee;
}

tr.specialRow {
  background: #fff7bc;
}

tr.specialRow2 {
  background: #dfd;
}

tr.highlight {
  background: #d1e2ff;
}

tr.emptyRow td {
  border-left: none;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ccc;
}

tr.emptyRow td td {
  border: 0;
}

tr.sepRow {
  background: #eef;
}

tr.sepRow td {
  padding: 2px 4px 2px 4px;
}

tr.sepRow2 {
  background: #CFE1DC !important;
}

tr.sepRow3 {
  background: #fcc !important;
}

tr.sepRow2 td tr.sepRow3 td {
  color: #363;
  padding: 2px 4px 2px 4px;
  border-top: 1px dashed #090;
  border-bottom: 1px dashed #090;
}

table.cellule {
  width: 100%;
  padding: 0;
  margin: 0;
  border-width: 0;
}

table.cellule tr td {
  padding: 0;
  margin: 0;
  border-width: 0;
  height: 0;
}

table.caracts {
  margin: 0;
  margin-left: 16px;
  border-width: 0;
}

table.caracts tr {
  vertical-align: top;
}

table.caracts tr td {
  padding-left: 8px;
  padding-right: 8px;
  margin: 0;
  border-width: 0;
  height: 0;
}

table.caracts .value {
  color: #069;
}

table.liste_button tr td {
  border-width: 0;
  padding: 2px 1px 2px 1px;
}

td.row_title {
  color: #fff;
  background: #a1b3bf;
  border-bottom: 1px solid #ddd;
  z-index: 1;
  position: relative;
  border-right: 1px dashed #000 !important;
}

div.nested_lst_container {
  clear: both;
  overflow: auto;
  border-top: 1px solid #a1b3bf;
  border-bottom: 1px solid #a1b3bf;
  padding: 0 15px 15px 0;
}

div.nested_lst_container .nl_cell {
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ddd;
  vertical-align: middle;
}

div.nested_lst_container .nl_cell .nl_cell_ico {
  text-align: center;
  vertical-align: middle;
  border-right: 1px solid #ccc
}

div.nested_lst_container .nl_cell .nl_cell_content, div.nested_lst_container .nl_cell .nl_cell_content_first {
  vertical-align: middle;
  padding: 1px 4px 1px 4px;
  height: 22px;
}

div.nested_lst_container .nl_cell .nl_cell_content_first {
  padding-top: 4px;
}

/******************************************************************************/
/*                                 Legende                                    */
/******************************************************************************/
table.legend {
  display: none;
  position: absolute;
  background: #fff;
  cursor: default;
  z-index: 20;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.19);
}

table.legend th {
  color: #fff;
  background: #255d95;
  padding: 3px 8px 3px 8px;
  margin: 0;
  font-family: Roboto-Bold;
  font-weight: normal;
  font-size: 10pt;
}

table.legend td {
  background: #fff;
  padding: 2px 8px 2px 8px;
  margin: 0;
}

/******************************************************************************/
/*                                    Debug                                   */
/******************************************************************************/
div.debug {
  position: absolute;
  width: 190px;
  padding: 4px;
  border: 1px solid #000;
  background: #ccc;
  color: #000;
  text-align: left;
  filter: progid:DXImageTransform.Microsoft.BasicImage(Rotation=0, Mirror=0, Invert=0, XRay=0, Grayscale=0, Opacity=0.6);
}

/******************************************************************************/
/*                                  Message                                   */
/******************************************************************************/
.sql_offset {
  background-color: #900;
  color: #fff;
}

/******************************************************************************/
/*                                 Calendrier                                 */
/******************************************************************************/
iframe.cal_iframe_bot_right, iframe.cal_iframe_top_right, iframe.cal_iframe_bot_left, iframe.cal_iframe_top_left {
  position: absolute;
  width: 260px;
  height: 190px;
  background: #fff;
  border: 1px solid #a1b3bf;
  margin: 0;
  padding: 0;
  border-radius: 11px;
  -moz-border-radius: 11px;
  -webkit-border-radius: 11px;
  z-index: 1000;
}

iframe.cal_iframe_bot_right {
  border-top-left-radius: 0;
  -moz-border-radius-topleft: 0;
}

iframe.cal_iframe_top_right {
  border-bottom-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
}

iframe.cal_iframe_bot_left {
  border-top-right-radius: 0;
  -moz-border-radius-topright: 0;
}

iframe.cal_iframe_top_left {
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomright: 0;
}

/******************************************************************************/
/*                                 Masque                                     */
/******************************************************************************/
div.msq_plan {
  padding: 8px 8px 0 8px;
}

div.msq_plan * {
  font-size: 10pt;
}

a.msq_plan_lien {
}

div.msq_plan_lien {
  padding: 4px 8px 0 8px;
  text-align: center;
  width: auto;
  display: inline;
}

div.msq_plan_sep {
  padding: 4px 4px 0 4px;
  text-align: center;
  width: auto;
  display: inline;
}

/******************************************************************************/
/*                             Textarea compteur                              */
/******************************************************************************/
div.compteur {
  height: 15px;
  width: 100%;
  text-align: right;
}

/******************************************************************************/
/*                                   Dtree                                    */
/******************************************************************************/
.dtreeOpt {
  margin-bottom: 6px;
  color: #a33;
}

.dtreeOpt a {
  margin: 0 4px 0 4px
}

.dtree {
}

.dtree, .dtree * {
  white-space: nowrap;
}

.dtree img {
  border: 0;
  margin: 0;
  width: 16px;
  height: 18px;
  vertical-align: middle;
}

.dtree .nodeEdit {
  height: 18px;
  font-weight: bold;
  border: 1px solid #999;
  color: #999;
  background: #fff;
}

.dtree a {
  text-decoration: none;
  outline: 0;
  display: inline-block;
  color: #069
}

.dtree a.node, .dtree a.nodeSel, .dtree .nodeEdit {
  white-space: nowrap;
  margin: 0 2px 0 2px;
  padding: 1px 4px 1px 4px;
  line-height: 16px;
  vertical-align: middle;
}

.dtree a.node:hover, .dtree a.nodeSel:hover {
  text-decoration: underline;
}

.dtree a.nodeSel {
  background: #a1b3bf;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  color: #fff !important;
  text-decoration: none;
}

.dtree a.node_cat {
  font-weight: normal;
}

.dtree a.node_pdt {
  font-weight: normal;
}

.dtree a.node_rac {
}

.dtree .clip {
}

.dtreeNode {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

.dtreeNode table {
  width: 100%;
  empty-cells: show;
}

.nodeUp, .nodeBot, .nodeUpDrag, .nodeBotDrag {
  line-height: 9px;
  height: 100%;
  font-size: 1px;
}

.nodeUp {
  width: 80px;
}

.nodeIn, .nodeInDrag {
  white-space: nowrap;
}

.nodeUpDrag {
  border-top: 1px dashed #0c0;
}

.nodeBotDrag {
  border-bottom: 1px dashed #0c0;
}

.nodeInDrag {
  background: #e3e8ec;
  padding: 0 4px 0 4px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.nodeInDrag a {
  color: #090;
}

/******************************************************************************/
/*                                  TinyMCE                                   */
/******************************************************************************/
div.tinyMCEDiv {
  width: 100%;
  border: 0;
}

div.tinyMCEDiv textarea {
  color: #fff;
  background: #fff;
}

/******************************************************************************/
/*                                 Planning                                   */
/******************************************************************************/
table.plg {
  width: 100%;
  border: 0 solid #fff;
  background: #fff;
  border-collapse: collapse;
  -moz-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  cursor: default;
  border-right: 1px solid #d3d8db;
  border-left: 1px solid #d3d8db;
}

.plg th {
  background: #a1b3bf;
  color: #fff;
  text-align: center;
}

.plg th.trc-sem {
  width: 50px;
  border-left-width: 0
}

.plg th.trc-today {
  background: #fad163;
  border-left: 2px solid #fad163;
  border-right: 2px solid #fad163;
}

.plg td {
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

.plg td.trc-hour {
  height: 22px;
  border-bottom: 1px dotted #ccc;
  text-align: right
}

.plg td.trc-min {
  height: 22px;
  text-align: right
}

.plg td.trc-today {
  background: #fff7d7;
  border-left: 2px solid #fad163;
  border-right: 2px solid #fad163;
}

.plg td.hour {
  width: 50px;
  background: #f5f5f5;
  border-left-width: 0;
  font-size: 8.5pt;
  vertical-align: top;
  font-weight: bold;
  color: #069;
  text-align: right;
}

.plg td.km {
  background: #a1b3bf;
  border-bottom-width: 0;
  font-size: 8.5pt;
  vertical-align: top;
  font-weight: bold;
  color: #fff;
  text-align: right
}

.plg td.km-sep {
  height: 6px;
  line-height: 1px;
  background: #a1b3bf;
  border-bottom-width: 0;
  border-bottom: 0 solid #5a7487;
  padding: 0;
}

.plg-evt {
  color: #fff;
  background: #41a587;
  height: 100%;
  width: 100%;
  border: 1px solid #0f4b38;
  position: absolute;
  -moz-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  cursor: pointer;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.plg-evt-move {
  z-index: 100;
  filter: progid:DXImageTransform.Microsoft.BasicImage(Rotation=0, Mirror=0, Invert=0, XRay=0, Grayscale=0, Opacity=0.8);
  opacity: 0.8;
}

.plg-evt td {
  overflow: hidden;
}

.plg-evt .title {
  text-indent: 4px;
  background: #0f4b38;
  overflow: hidden;
  font-size: 7pt;
  font-weight: bold;
  height: 13px;
  line-height: 13px;
}

.plg-evt .content {
  padding-left: 4px;
  vertical-align: top;
  overflow: hidden;
}

.plg-evt .resize {
  height: 6px;
  line-height: 1px;
  padding-bottom: 1px;
  text-align: center;
  overflow: hidden;
}

/******************************************************************************/
/*                                  JqueryUI                                  */
/******************************************************************************/
.ui-state-default {
  background: #fff;
  border: 1px solid #999;
  color: #000;
}

.ui-state-hover {
  background: #eee;
}

.ui-selectmenu-menu {
  cursor: default;
}

.ui-selectmenu-button {
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: default;
}

.ui-selectmenu-menu .ui-menu-item .ui-selectmenu-text {
  padding: 0.2em 2.1em 0.2em 0.2em;
  display: inline-block;
  overflow: hidden;
}

.ui-selectmenu-menu .ui-menu-item .ui-icon {
  top: 0.1em;
}

.ui-selectmenu-button span.ui-icon {
  right: 0.1em;
}

.ui-selectmenu-menu li.ui-menu-item {
  white-space: nowrap;
}

.ui-selectmenu-button span.ui-selectmenu-text {
  padding: 0.2em 2.1em 0.2em 0.4em;
  display: inline-block;
}

.selectmenu-image {
  padding: 0.2em 0.1em 0.2em 0.2em;
  float: left;
}

.content {
  margin-left: 0;
  margin-top: 0;
  width: 100%;
  padding-left: 55px !important;
  padding-right: 5px !important;
}

.iframe_err {
  font-size: 8px;
  background-color: #d1e2ff !important;
}

.iframe-container {
  margin-bottom: 0px;
}

.badge {
  border-radius: 2px;
  background-color: #f00;
  padding: 1px 2px;
  font-size: 7pt !important;
  color: white;
}

.badge-light{
  background-color: #fff;
  color: #315168;
}

table {
  border-collapse: initial;
}

.switch-theme {
  font-size: 1.2em;
  font-family: Roboto-bold;
  margin: 30px auto 0 auto;
  width: 140px;
}

.header-light .switch-theme {
  margin-top: 3px;
}

.bottom-page-margin {
  height: 20px;
}

.dropdown-item:focus, .dropdown-item:hover{
  background-color: #dadada;
}

input:focus, textarea:focus, select:focus {
  /*outline: 1px solid #ffef7b;*/
}

/* Bloc bandeau switch theme */
.switch-theme-row{
  position: fixed;
  z-index: 52;
  width: 100%;
  height: 0px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 12px;
}

.switch-theme-block{
  background-color: #2878bd;
  min-width: 342px;
  color: #fff;
  font-family: RobotoDraft-Bold;
  font-size: 1.2em;
  -webkit-box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.2);
  z-index: 11;
  padding: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.icon_info_switch{
  display: inline-block;
  width: 25px;
  line-height: 25px;
  background-color: #275d9c;
  text-align: center;
  border-bottom-left-radius: 4px;
}

.text-info-switch{
  line-height: 25px;
  display: inline-block;
  min-width: 90%;
  text-align: center;
  font-family: Roboto-Bold;
  font-size: 10pt;
  cursor: pointer;
}

.switch-theme-block:hover{
  background-color: #4193e7;
}

.descriptif td > button{
  margin-right: 5px;
}

.rubContent .container{
  margin-top: 0px;
}

/* Portail */
#portail .tuile-content, #portail .tuile{
  min-height: 430px;
  margin-bottom: 20px;
}

#portail .tuile-content, #portail .tuile-link{
  min-height: 205px;
  margin-bottom: 0;
  font-size: 1em;
}

#portail .tuile-content{
}

#portail .tuile-link .icon{
  margin-top: 35px;
  margin-bottom: 10px;
}

#portail .tuile-link h3{
  margin-left: 20px;
  margin-right: 20px;
}

#portail .tuile-content .data-list{
  color: black;
}

.orange .jsgrid-header-row > .jsgrid-header-cell {
  background: #ffcf6e;
}

.lightBlue .jsgrid-header-row > .jsgrid-header-cell {
  background: #7aabda;
}

#portail .tuile-content{
  padding: 0;
}

#portail .message.alert{
  margin-bottom: 10px;
}

#portail .message{
  margin: 0;
}

#portail .list-title{
  line-height: 50px;
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.19);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.19);
  padding: 0 10px;
}

#portail .list-title h3{
  margin: 0;
  font-size: 2em;
}

#portail .list-title-icon, #portail .list-title-content{
  display: inline-block;
}

#portail .list-title-icon{
  margin-right: 10px;
}

#portail .list-title-icon span .svg-inline--fa {
  vertical-align: middle;
  line-height: 50px;
}

#portail .list-title-content{
  vertical-align: middle;
}

#portail .list-tuile-content{
  padding-top: 10px;
  -webkit-box-shadow: 0px 9px 5px -10px rgba(0, 0, 0, 0.8) inset;
  box-shadow: 0px 9px 5px -10px rgba(0, 0, 0, 0.8) inset;
  background-color: #fff;
  padding: 10px 10px 0;
}
#portail .data-list{
  padding-right: 20px;
}

.ms-choice {
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-bottom: 1px !important;
  margin-top: 2px !important;
  padding: 2px;
  font-family: "Roboto" !important;
  line-height: 22px;
  height:22px;
  color: black;
}

button:focus {
  outline: none;
  border-color: #80bdff;
  box-shadow: 0 0 0 2px rgba(0,123,255,.25);
}

.ms-choice>span {
  top: 2px;
}

.ms-drop.bottom {
  margin-top: -1.4px;
  border-radius: 0px;
  border: .8px solid #80bdff;
  box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px 0px inset;
}

.ms-choice>span.placeholder {
  font-family: RobotoDraft, Tahoma, Arial, sans-serif;
  font-size: 8.5pt;
  color: #20292fbf;
  margin-bottom: 0px;
}

.ms-drop ul>li label {
  padding-left: 0rem;
  text-align: left;
  line-height: 20px;
  cursor: default;
}

.ms-drop ul>li {
  padding: 0rem .5rem;
}

.ms-drop ul>li:hover{
  background-color: #d1e2ff;
}

.ms-drop input[type="radio"], .ms-drop input[type="checkbox"] {
  position: unset;
  margin-top: .3rem;
  margin: 0rem .2em 0em 0em;
  vertical-align: middle;
}

table#adr_reference tr>td {
  border: none;
}

/* Tooltip */
.tooltip-cnt {
  position: relative;
  display: inline-block;
  /*border-bottom: 1px dotted black;*/
}

.tooltip-cnt .tooltip-text {
  visibility: hidden;
  background-color: black;
  color: #fff;
  padding: 5px 10px;
  border-radius: 6px;
  font-size: 10pt;
  box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.5);
  white-space: nowrap;
  text-decoration: inherit;

  position: absolute;
  z-index: 100;
  top: -5px;
  left: 110%;
}

.tooltip-cnt .tooltip-text * {
  font-size: 10pt;
  border: none;
}

.tooltip-cnt:hover .tooltip-text {
  visibility: visible;
}

.tooltip-cnt .tooltip-text::after {
  content: " ";
  position: absolute;
  top: 14px;
  right: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent black transparent transparent;
}