/*******************************************************************************************
	FONCTIONS
*******************************************************************************************/

@keyframes suiviInProcess {
  to {
    border: 2px dashed transparent;
  }
}
@keyframes progress {
  from {
    background-position: left top;
  }
  to {
    background-position: 30px top;
  }
}
* {
  margin: 0;
  padding: 0;
}
ul {
  list-style: none;
}
img {
  border: none;
}
a {
  text-decoration: none;
  outline: 0;
}
.bold {
  font-weight: bold;
}
.modal-backdrop {
  opacity: 0.7 !important;
}
/* FileDrop */

.fd-zone {
  position: relative;
  overflow: hidden;
}
.fd-zone.over {
  background-color: #318ac8;
}
.fd-file {
  opacity: 0;
  font-size: 118px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  padding: 0;
  margin: 0;
  cursor: pointer;
  filter: alpha(opacity=0);
  font-family: sans-serif;
}
/*******************************************************************************************
	DECLARATIONS COMMUNES
*******************************************************************************************/

select {
  padding-left: 5px;
}
html,
body {
  -moz-osx-font-smoothing: grayscale;
}
body {
  padding-top: 40px;
  background-color: #f4f6f7;
  font-family: "Arial";
}
div.popinBox {
  min-width: 550px;
  max-height: 800px;
  overflow: auto;
  background-color: white;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: fixed;
}
div.popinBox.loginBox {
  width: 660px;
  display: inline-block;
}
div.popinBox.largeBox {
  width: 660px;
  display: inline-block;
}
div.popinBox.xlargeBox {
  width: 900px;
  display: inline-block;
}
div.popinBox div.popinTitle {
  padding: 45px 0 0 45px;
  line-height: 25px;
  height: 80px;
  background-color: #1274ae;
  color: white;
  font-size: 25px;
  font-family: Lato;
  font-weight: 300;
}
div.popinBox div.popinTitle.navTitle {
  padding-left: 0;
  display: grid;
  grid-template-columns: 45px 1fr 45px;
}
div.popinBox div.popinTitle.navTitle div.arrows {
  text-align: center;
}
div.popinBox div.popinTitle.navTitle div.arrows img {
  cursor: pointer;
}
div.popinBox div.popinContent {
  min-height: 150px;
  padding: 45px;
  background-color: white;
}
div.popinBox div.popinContent.pageCompl {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: max-content max-content;
  gap: 45px 45px;
  grid-template-areas: "gridPage gridFab" "gridButtons gridButtons";
}
div.popinBox div.popinContent.pageCompl div.gridButtons {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  column-gap: 45px;
}
div.popinBox div.popinContent.prodDurationContent {
  overflow: auto;
  max-height: 660px;
}
div.popinBox div.popinContent div.splitByTwo50 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 45px;
}
div.popinBox div.popinContent div.headName {
  color: #999999;
}
div.popinBox div.popinContent div.sectionTitle {
  height: 30px;
  font-size: 18px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 15px;
}
div.popinBox div.popinContent div.line {
  height: 25px;
  line-height: 25px;
  margin-bottom: 15px;
  display: table;
  width: 100%;
}
div.popinBox div.popinContent div.line.buttonLine {
  height: 45px;
  line-height: 45px;
  background-color: #e3ebf2;
  cursor: pointer;
}
div.popinBox div.popinContent div.line.buttonLine a {
  height: 45px;
  display: block;
  background-color: #e3ebf2;
  padding-left: 20px;
  line-height: 45px;
  color: #444444;
  text-transform: uppercase;
  text-decoration: none;
  outline: 0;
  cursor: pointer;
}
div.popinBox div.popinContent div.line.buttonLine a img {
  height: 26px;
  margin-right: 5px;
}
div.popinBox div.popinContent div.line.buttonLine a.underline {
  border-bottom: 1px solid #c2dcf2;
}
div.popinBox div.popinContent div.line.buttonLine a:hover {
  background-color: #c2dcf2;
}
div.popinBox div.popinContent div.line.buttonLine:hover {
  background-color: #1274ae;
}
div.popinBox div.popinContent div.line div.name {
  display: table-cell;
  width: 115px;
  color: #999999;
}
div.popinBox div.popinContent div.line div.name.large {
  width: 150px;
}
div.popinBox div.popinContent div.line div.field {
  display: table-cell;
}
div.popinBox div.popinContent div.line div.field span.button {
  display: inline-block;
  width: 85px;
  margin-left: 5px;
  border: 1px solid #4aa0dc;
  text-align: center;
  height: 20px;
  line-height: 16px;
  font-size: 9px;
  text-transform: uppercase;
  color: #00598e;
  font-weight: bold;
  -moz-user-select: none;
}
div.popinBox div.popinContent div.line div.field span.button:hover {
  background-color: #4aa0dc;
  color: white;
}
div.popinBox div.popinContent div.line div.field span.bubble {
  display: inline-block;
  border: 1px solid #b5b5b5;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
  padding: 0 5px;
  height: 22px;
  line-height: 20px;
}
div.popinBox div.popinContent div.line div.field span.bubble a {
  display: inline-block;
  border: 1px solid #b5b5b5;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  height: 14px;
  width: 15px;
  margin: 0 0 0 5px;
  line-height: 12px;
  color: #444444;
  font-size: 10px;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
}
div.popinBox div.popinContent div.line div.field span.bubble a:hover {
  background-color: #891924;
  cursor: pointer;
  color: white;
  text-decoration: none;
  outline: 0;
}
div.popinBox div.popinContent div.line div.field input[type=text],
div.popinBox div.popinContent div.line div.field input[type=password] {
  border: none;
  height: 25px;
  width: 100%;
  font-weight: bold;
  font-size: 18px;
  font-family: Lato;
  color: #444444;
  background-color: #e3ebf2;
}
div.popinBox div.popinContent div.line div.field input[type=text].small,
div.popinBox div.popinContent div.line div.field input[type=password].small {
  width: 40px;
  padding-left: 5px;
}
div.popinBox div.popinContent div.line div.field input[type=text].small:nth-child(2),
div.popinBox div.popinContent div.line div.field input[type=password].small:nth-child(2) {
  margin-left: 5px;
}
div.popinBox div.popinContent div.line div.field input[type=text].chosen-search-input,
div.popinBox div.popinContent div.line div.field input[type=password].chosen-search-input {
  font-size: 13px;
}
div.popinBox div.popinContent div.line div.field input[type=text].modified,
div.popinBox div.popinContent div.line div.field input[type=password].modified {
  background-color: #fdb06b;
}
div.popinBox div.popinContent div.line div.field select {
  height: 25px;
  width: 100%;
}
div.popinBox div.popinContent div.line div.field select option {
  padding-left: 10px;
}
div.popinBox div.popinContent div.line div.field select.modified {
  background-color: #fdb06b;
}
div.popinBox div.popinContent div.line div.field textarea {
  border: none;
  height: 100px;
  width: 100%;
  font-weight: bold;
  font-size: 18px;
  font-family: Lato;
  color: #444444;
  background-color: #e3ebf2;
}
div.popinBox div.popinContent div.line div.field a.button {
  height: 45px;
  display: block;
  background-color: #e3ebf2;
  padding-left: 20px;
  line-height: 45px;
  color: #444444;
  text-transform: uppercase;
  text-decoration: none;
  outline: 0;
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
}
div.popinBox div.popinContent div.line div.field a.button:hover {
  background-color: #c2dcf2;
}
div.popinBox div.popinContent div.line div.field.pageComplFormat {
  display: grid;
  grid-template-columns: 1fr 15px 1fr 30px;
}
div.popinBox div.popinContent div.line div.field.pageComplFormat span {
  color: #999999;
  text-align: center;
}
div.popinBox div.popinContent div.line div.field.pageComplFormat input {
  text-align: center;
}
div.popinBox div.popinContent div.line div.field.pageTplComplDate {
  display: grid;
  grid-template-columns: 40px 60px 20px 1fr;
}
div.popinBox div.popinContent div.line div.field.pageTplComplDate span {
  color: #999999;
  text-align: center;
}
div.popinBox div.popinContent div.line div.field.pageTplComplDate input {
  text-align: center;
}
div.popinBox div.popinContent div.line div.field.pageTplComplDate input[type=checkbox] {
  height: 14px;
  margin-top: 6px;
}
div.popinBox div.popinContent div.line div.field.pageTplComplEndDate {
  display: grid;
  grid-template-columns: 40px 1fr 50px 1fr;
}
div.popinBox div.popinContent div.line div.field.pageTplComplEndDate span {
  color: #999999;
  text-align: center;
}
div.popinBox div.popinContent div.line div.field.pageTplComplEndDate input {
  text-align: center;
}
div.popinBox div.popinContent div.line div.field.pageTplComplEndDate input[type=checkbox] {
  height: 14px;
  margin-top: 6px;
}
div.popinBox div.popinContent div.line label {
  color: #999999;
  font-weight: normal;
}
div.popinBox div.popinContent div.line.underline {
  border-bottom: 1px solid #999999;
}
div.popinBox div.popinContent div.line.underline div.field input[type=text],
div.popinBox div.popinContent div.line.underline div.field input[type=password] {
  background-color: transparent !important;
}
div.popinBox div.popinContent div.validation-summary-errors {
  color: red;
  font-weight: bold;
  text-align: center;
}
div.popinBox div.popinContent table {
  display: block;
  overflow-y: scroll;
}
div.popinBox div.popinContent table thead tr td {
  background-color: #2987d0;
  color: white;
  height: 30px;
  line-height: 30px;
  padding-left: 15px;
  text-transform: uppercase;
  font-size: 12px;
}
div.popinBox div.popinContent table tbody tr:hover {
  background-color: #e3ebf2;
}
div.popinBox div.popinContent table tbody tr td {
  height: 30px;
  line-height: 30px;
  border-bottom: 1px solid #d5d5d5;
  padding-left: 15px;
  font-size: 13px;
  font-family: Lato;
  font-weight: 400;
}
div.popinBox div.popinContent table.pageLogTableHead {
  height: 30px;
  width: 900px;
}
div.popinBox div.popinContent table.pageLogTableHead thead tr td:nth-child(1) {
  width: 190px;
  border-right: 1px solid white;
}
div.popinBox div.popinContent table.pageLogTableHead thead tr td:nth-child(2) {
  width: 300px;
  border-right: 1px solid white;
}
div.popinBox div.popinContent table.pageLogTableHead thead tr td:nth-child(3) {
  width: 170px;
  border-right: 1px solid white;
}
div.popinBox div.popinContent table.pageLogTableHead thead tr td:nth-child(4) {
  width: 240px;
}
div.popinBox div.popinContent table.pageLogTable {
  height: 402px;
  width: 900px;
}
div.popinBox div.popinContent table.pageLogTable tbody tr td:nth-child(1),
div.popinBox div.popinContent table.pageLogTable tbody tr td:nth-child(2),
div.popinBox div.popinContent table.pageLogTable tbody tr td:nth-child(3) {
  border-right: 1px solid #d5d5d5;
}
div.popinBox div.popinContent table.pageLogTable tbody tr td:nth-child(1) {
  width: 190px;
  border-right: 1px solid white;
}
div.popinBox div.popinContent table.pageLogTable tbody tr td:nth-child(2) {
  width: 300px;
  border-right: 1px solid white;
}
div.popinBox div.popinContent table.pageLogTable tbody tr td:nth-child(3) {
  width: 170px;
  border-right: 1px solid white;
}
div.popinBox div.popinContent table.pageLogTable tbody tr td:nth-child(4) {
  width: 223px;
}
div.popinBox div.popinContent table.settingsMbClientLinkTable {
  width: 567px;
  height: 216px;
}
div.popinBox div.popinContent table.settingsMbClientLinkTable thead tr td:nth-child(1) {
  width: 70px;
  border-right: 1px solid white;
  text-align: center;
  padding-left: 0;
}
div.popinBox div.popinContent table.settingsMbClientLinkTable thead tr td:nth-child(2) {
  width: 450px;
  border-right: 1px solid white;
}
div.popinBox div.popinContent table.settingsMbClientLinkTable thead tr td:nth-child(3) {
  width: 30px;
}
div.popinBox div.popinContent table.settingsMbClientLinkTable tbody tr td:nth-child(1) {
  border-right: 1px solid #d5d5d5;
  text-align: center;
  padding-left: 0;
}
div.popinBox div.popinContent table.settingsMbClientLinkTable tbody tr td:nth-child(2) {
  border-right: 1px solid #d5d5d5;
}
div.popinBox div.popinContent table.settingsMbClientLinkTable tbody tr td:nth-child(3) {
  text-align: center;
  padding-left: 1px;
  background-color: #fd968c;
  color: white;
  font-size: 20px;
  font-weight: 100;
}
div.popinBox div.popinContent table.settingsMbClientLinkTable tbody tr td:nth-child(3):hover {
  cursor: pointer;
  background-color: #891924;
}
div.popinBox div.popinContent table.settingsViewStatusTable {
  width: 467px;
  overflow: hidden;
}
div.popinBox div.popinContent table.settingsViewStatusTable thead tr td:nth-child(1) {
  text-align: center;
  padding-left: 0;
  border-bottom: 1px solid #d5d5d5;
}
div.popinBox div.popinContent table.settingsViewStatusTable tbody tr td:nth-child(1) {
  width: 436px;
  border-right: 1px solid #d5d5d5;
  text-align: center;
  padding-left: 0;
}
div.popinBox div.popinContent table.settingsViewStatusTable tbody tr td:nth-child(2) {
  padding-left: 0;
  width: 30px;
}
div.popinBox div.popinContent table.settingsViewStatusTable tbody tr td:nth-child(2) span {
  display: block;
  text-align: center;
  cursor: pointer;
  height: 30px;
}
div.popinBox div.popinContent table.settingsViewStatusTable tbody tr td:nth-child(2) span.selected {
  background-color: #2987d0;
}
div.popinBox div.popinContent table.settingsPubliInfoComplTable {
  width: 567px;
  height: 216px;
  overflow-y: auto;
}
div.popinBox div.popinContent table.settingsPubliInfoComplTable thead tr td:nth-child(1) {
  width: 157px;
  border-right: 1px solid white;
  text-align: center;
  padding-left: 0;
}
div.popinBox div.popinContent table.settingsPubliInfoComplTable thead tr td:nth-child(2) {
  width: 380px;
  border-right: 1px solid white;
}
div.popinBox div.popinContent table.settingsPubliInfoComplTable thead tr td:nth-child(3) {
  width: 30px;
}
div.popinBox div.popinContent table.settingsPubliInfoComplTable tbody tr td:nth-child(1) {
  border-right: 1px solid #d5d5d5;
  padding-left: 5px;
}
div.popinBox div.popinContent table.settingsPubliInfoComplTable tbody tr td:nth-child(2) {
  border-right: 1px solid #d5d5d5;
}
div.popinBox div.popinContent table.settingsPubliInfoComplTable tbody tr td:nth-child(3) {
  text-align: center;
  padding-left: 1px;
  background-color: #fd968c;
  color: white;
  font-size: 20px;
  font-weight: 100;
}
div.popinBox div.popinContent table.settingsPubliInfoComplTable tbody tr td:nth-child(3):hover {
  cursor: pointer;
  background-color: #891924;
}
div.popinBox div.popinContent table.kiosqueLogTable {
  overflow-y: hidden;
  width: 600px;
}
div.popinBox div.popinContent table.kiosqueLogTable thead tr td:nth-child(1) {
  width: 200px;
  border-right: 1px solid white;
}
div.popinBox div.popinContent table.kiosqueLogTable thead tr td:nth-child(2) {
  width: 250px;
  border-right: 1px solid white;
}
div.popinBox div.popinContent table.kiosqueLogTable thead tr td:nth-child(3) {
  width: 150px;
  text-align: center;
}
div.popinBox div.popinContent table.settingsImportsTable {
  width: 750px;
  max-height: 220px;
  overflow-y: auto;
  display: table;
}
div.popinBox div.popinContent table.settingsImportsTable thead tr {
  width: 100%;
}
div.popinBox div.popinContent table.settingsImportsTable thead tr td {
  padding-right: 15px;
}
div.popinBox div.popinContent table.settingsImportsTable thead tr td.wForced {
  width: 150px;
}
div.popinBox div.popinContent table.settingsImportsTable tbody tr td {
  padding-left: 0;
  padding-right: 5px;
}
div.popinBox div.popinContent table.settingsImportsTable tbody tr td input {
  width: 100%;
  border: none;
  padding-left: 5px;
}
div.popinBox div.popinContent table.settingsImportsTable tbody tr td select {
  width: 100%;
}
div.popinBox div.popinContent table.prodDurationDetailsTable {
  width: 100%;
  overflow: auto;
  display: table;
}
div.popinBox div.popinContent table.prodDurationDetailsTable tr {
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #b5b5b5;
}
div.popinBox div.popinContent table.prodDurationDetailsTable tr.total td {
  font-size: 15px;
}
div.popinBox div.popinContent table.prodDurationDetailsTable tr.total td.cat {
  padding-right: 15px;
  text-align: right;
}
div.popinBox div.popinContent table.prodDurationDetailsTable td.cat {
  padding-left: 5px;
  font-family: Lato;
  border-right: 1px solid #b5b5b5;
  font-weight: bold;
}
div.popinBox div.popinContent table.prodDurationDetailsTable td.pao,
div.popinBox div.popinContent table.prodDurationDetailsTable td.sr,
div.popinBox div.popinContent table.prodDurationDetailsTable td.ext,
div.popinBox div.popinContent table.prodDurationDetailsTable td.oth,
div.popinBox div.popinContent table.prodDurationDetailsTable td.tot,
div.popinBox div.popinContent table.prodDurationDetailsTable td.cos,
div.popinBox div.popinContent table.prodDurationDetailsTable td.wde {
  text-align: center;
  font-weight: bold;
  color: #444444;
  border-right: 1px solid #b5b5b5;
  padding-left: 0;
}
div.popinBox div.popinContent table.prodDurationDetailsTable td.pao {
  background-color: #f9e193;
}
div.popinBox div.popinContent table.prodDurationDetailsTable td.sr {
  background-color: #d492c2;
}
div.popinBox div.popinContent table.prodDurationDetailsTable td.ext {
  background-color: #c3d9f1;
}
div.popinBox div.popinContent table.prodDurationDetailsTable td.cos {
  background-color: #dad8cd;
}
div.popinBox div.popinContent table.prodDurationDetailsTable td.wde {
  background-color: #d7977d;
}
div.popinBox div.popinContent table.prodDurationDetailsTable td.oth {
  background-color: #dffcd9;
}
div.popinBox div.popinContent table.prodDurationDetailsTable thead td {
  font-weight: bold;
  text-align: center;
  padding-left: 0;
}
div.popinBox div.popinContent select.publiCreateTemplates {
  width: 100%;
  height: 230px;
  margin-top: 5px;
  padding: 0;
  border: 1px solid #c2dcf2;
}
div.popinBox div.popinContent select.publiCreateTemplates option {
  padding-left: 10px;
  font-size: 14px;
  height: 24px;
  line-height: 24px;
  padding-top: 4px;
}
div.popinBox div.popinContent select.publiCreateTemplates option:hover {
  background-color: #b8d9f6;
  cursor: pointer;
  padding-left: 5px;
  border-left: 5px solid #4aa0dc;
}
div.popinBox div.popinContent a.button {
  height: 45px;
  display: block;
  background-color: #e3ebf2;
  line-height: 45px;
  color: #444444;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  outline: 0;
  cursor: pointer;
}
div.popinBox div.popinContent a.button:hover {
  background-color: #c2dcf2;
}
div.popinBox div.popinButtons {
  background-color: #e3ebf2;
  height: 60px;
  text-align: right;
}
div.popinBox div.popinButtons a,
div.popinBox div.popinButtons button {
  height: 60px;
  background-color: #e3ebf2;
  display: block;
  float: right;
  border: none;
  border-left: 1px solid #c2dcf2;
  padding: 0 25px 0 20px;
  line-height: 30px;
  cursor: pointer;
  color: #444444;
  font-weight: bold;
  font-size: 12px;
  text-decoration: none;
  text-transform: uppercase;
}
div.popinBox div.popinButtons a span,
div.popinBox div.popinButtons button span {
  line-height: 12px;
  width: 220px;
  display: inline-block;
  padding-top: 18px;
  text-align: left;
}
div.popinBox div.popinButtons a span img,
div.popinBox div.popinButtons button span img {
  float: left;
  margin-right: 10px;
}
div.popinBox div.popinButtons a img,
div.popinBox div.popinButtons button img {
  vertical-align: -7px;
}
div.popinBox div.popinButtons a:hover,
div.popinBox div.popinButtons button:hover {
  background-color: #c2dcf2;
}
div.popinBox div.popinButtons a {
  line-height: 60px;
}
div.popinBox div.popinButtons a img {
  vertical-align: -9px;
}
div.headerBar {
  min-width: 950px;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1000;
  height: 40px;
  background-color: #00598e;
}
div.headerBar p {
  float: right;
  color: white;
  padding-top: 10px;
  font-size: 12px;
}
div.headerBar p a {
  color: white;
  text-decoration: none;
  outline: 0;
}
div.headerBar p a:hover {
  color: #b8d9f6;
}
div.headerBar p span {
  margin: 0 15px 0 5px;
  border-left: 1px solid white;
}
div.headerBar p span.user {
  font-weight: bold;
  border-left: none;
}
div.headerBar p span img {
  margin: 0 6px 0 16px;
  vertical-align: -2px;
}
div.fullPage {
  min-width: 950px;
  width: 100%;
  position: fixed;
  top: 40px;
  left: 0;
  bottom: 0;
  margin: 0;
}
div.content {
  position: fixed;
  top: 50px;
  bottom: 40px;
  right: 0;
  left: 0;
  overflow-y: auto;
  overflow-x: hidden;
  /*z-index:5;*/

}
div.buttons {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  height: 40px;
  background-color: #e3ebf2;
  color: #444444;
}
div.buttons a.extendableMenu {
  display: block;
  height: 40px;
  float: left;
  width: 162px;
  line-height: 12px;
  padding: 7px 10px 0 0;
  border-right: 1px solid #c2dcf2;
  text-decoration: none;
  outline: 0;
}
div.buttons a.extendableMenu img {
  margin: 1px 5px 0 15px;
  float: left;
}
div.buttons a.extendableMenu span {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
  color: #444444;
}
div.buttons a.extendableMenu:hover {
  cursor: pointer;
  background-color: #c2dcf2;
}
div.buttons a.extendableMenu.extended {
  background-color: #c2dcf2;
}
div.buttons a.extendableMenu.optionsCount1 ul {
  height: 40px;
  top: -40px;
}
div.buttons a.extendableMenu.optionsCount2 ul {
  height: 80px;
  top: -80px;
}
div.buttons a.extendableMenu.optionsCount3 ul {
  height: 120px;
  top: -120px;
}
div.buttons a.extendableMenu ul {
  position: absolute;
  width: 162px;
  height: 40px;
  display: block;
}
div.buttons a.extendableMenu ul.menuHide {
  display: none;
}
div.buttons a.extendableMenu ul.big {
  width: 200px;
}
div.buttons a.extendableMenu ul.big li {
  line-height: 24px;
}
div.buttons a.extendableMenu ul li {
  display: block;
  height: 40px;
  background-color: #c2dcf2;
  padding-left: 15px;
  line-height: 12px;
  padding: 7px 10px 0 20px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
  color: #444444;
}
div.buttons a.extendableMenu ul li:hover {
  border-left: 5px solid #318bc9;
  background-color: #4aa0dc;
  padding-left: 15px;
  color: white;
}
div.buttons a.extendableMenu ul li:hover input[type=text] {
  color: white;
  background-color: #4aa0dc;
  border-bottom: 1px solid white;
}
div.buttons a.extendableMenu ul li input[type=text] {
  float: right;
  width: 50px;
  height: 24px;
  border: none;
  font-size: 16px;
  font-weight: bold;
  color: #444444;
  background-color: #c2dcf2;
  border-bottom: 1px solid #4aa0dc;
}
div.buttons p {
  height: 40px;
  float: left;
  width: 162px;
  line-height: 12px;
  padding: 7px 10px 0 0;
  border-right: 1px solid #c2dcf2;
}
div.buttons p.right {
  float: right;
  border-left: 1px solid #c2dcf2;
  border-right: none;
}
div.buttons p img {
  margin: 1px 5px 0 15px;
  float: left;
}
div.buttons p span {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
}
div.buttons p span a {
  color: #444444;
  text-decoration: none;
  outline: 0;
}
div.buttons p.selected {
  background-color: #4aa0dd;
}
div.buttons p.selected a {
  color: white;
}
div.buttons p:hover {
  cursor: pointer;
  background-color: #c2dcf2;
}
div.zoom {
  width: 100%;
  height: 100%;
  text-align: center;
}
div.zoom div.head {
  background-color: black;
  height: 55px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}
div.zoom div.head span {
  display: block;
  float: left;
  margin-top: 15px;
  padding: 0 15px;
  color: white;
  height: 25px;
  line-height: 25px;
  font-size: 20px;
  font-family: Lato;
  font-weight: 100;
  text-transform: uppercase;
}
div.zoom div.head span.publiInfos {
  padding-left: 20px;
}
div.zoom div.head span.pageInfos {
  border-left: 1px solid white;
}
div.zoom div.head p {
  float: right;
  padding: 0 20px;
  height: 55px;
  line-height: 55px;
  cursor: pointer;
}
div.zoom div.head p img {
  opacity: 0.7;
}
div.zoom div.head p img:hover {
  opacity: 1;
}
div.zoom div.image {
  position: fixed;
  top: 55px;
  bottom: 0;
  left: 50px;
  right: 50px;
  overflow: auto;
}
div.zoom div.image img {
  height: 100%;
}
div.zoom div.image.zoomed img {
  height: auto;
  width: 100%;
  max-width: 1000px;
}
div.zoom div.arrow {
  position: fixed;
  width: 50px;
  height: 100%;
  top: 55px;
  background-color: rgba(0, 0, 0, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
div.zoom div.arrow img {
  max-height: 50%;
  max-width: 100%;
  opacity: 0.7;
}
div.zoom div.arrow img:hover {
  opacity: 1;
}
div.zoom div.arrow.left {
  left: 0;
}
div.zoom div.arrow.right {
  right: 0;
}
div.note {
  width: 100%;
  height: 100%;
  text-align: center;
}
div.note div.head {
  background-color: #2987d0;
  height: 55px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}
div.note div.head span {
  display: block;
  float: left;
  margin-top: 15px;
  padding: 0 15px;
  color: white;
  height: 25px;
  line-height: 25px;
  font-size: 20px;
  font-family: Lato;
  font-weight: 100;
}
div.note div.head p {
  float: right;
  padding: 0 20px;
  height: 55px;
  line-height: 55px;
  cursor: pointer;
}
div.note div.head p img {
  opacity: 0.7;
}
div.note div.head p img:hover {
  opacity: 1;
}
div.note div.image {
  position: fixed;
  top: 55px;
  bottom: 0;
  left: 265px;
  right: 0;
  overflow: auto;
  z-index: 20;
}
div.note div.image div.jcrop-holder {
  margin: auto;
}
div.note div.image div.jcrop-holder img {
  height: 100%;
}
div.note div.image div.jcrop-holder.zoomed img {
  height: auto;
  width: 100%;
  max-width: 1000px;
}
div.note div.left {
  padding-top: 20px;
  text-align: left;
  background-color: #00598e;
  position: fixed;
  top: 60px;
  bottom: 0;
  left: 0;
  width: 265px;
  z-index: 30;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 30px 45px 15px 247px 15px 1fr 25px 70px;
}
div.note div.left p {
  margin: 0;
  color: white;
}
div.note div.left p.mag {
  margin-left: 20px;
  height: 30px;
  color: white;
  text-transform: uppercase;
  font-size: 16px;
}
div.note div.left p.page {
  margin-left: 20px;
  height: 45px;
  line-height: 45px;
  font-size: 16px;
}
div.note div.left p.page span {
  font-size: 34px;
}
div.note div.left p.underline {
  border-bottom: 1px solid white;
}
div.note div.left p.space {
  margin-left: 20px;
  margin-right: 20px;
}
div.note div.left p.space.underline {
  border-bottom: 1px solid #c2dcf2;
}
div.note div.left div p.title {
  height: 20px;
  line-height: 20px;
  font-size: 12px;
}
div.note div.left div.thumb {
  margin-left: 20px;
}
div.note div.left div.thumb p.thumbImg {
  height: 227px;
  width: 227px;
  border: 1px solid #2987d0;
  vertical-align: middle;
  text-align: center;
  overflow: hidden;
  max-height: 225px;
  max-width: 225px;
}
div.note div.left div.comment {
  padding-right: 20px;
  padding-bottom: 20px;
  margin-left: 20px;
}
div.note div.left div.comment textarea {
  height: 100%;
  width: 100%;
  background-color: #c2dcf2;
  padding: 5px;
  border: 0;
}
div.note div.left ul {
  padding-right: 20px;
}
div.note div.left ul.buttons li.sep {
  margin-left: 20px;
  height: 1px;
  background-color: #c2dcf2;
}
div.note div.left ul.buttons li.button {
  height: 28px;
  line-height: 28px;
  padding-left: 20px;
}
div.note div.left ul.buttons li.button a {
  text-decoration: none;
  outline: 0;
  color: white;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
}
div.note div.left ul.buttons li.button:hover {
  cursor: pointer;
  background-color: #c2dcf2;
  border-left: 5px solid #318ac8;
  padding-left: 15px;
}
div.note div.left ul.buttons li.button:hover a {
  color: #444444;
}
div.gabAttr {
  width: 100%;
  height: 100%;
  text-align: center;
}
div.gabAttr div.head {
  background-color: #2987d0;
  height: 55px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}
div.gabAttr div.head span {
  display: block;
  float: left;
  margin-top: 15px;
  padding: 0 15px;
  color: white;
  height: 25px;
  line-height: 25px;
  font-size: 20px;
  font-family: Lato;
  font-weight: 100;
}
div.gabAttr div.head p {
  float: right;
  padding: 0 20px;
  height: 55px;
  line-height: 55px;
  cursor: pointer;
}
div.gabAttr div.head p img {
  opacity: 0.7;
}
div.gabAttr div.head p img:hover {
  opacity: 1;
}
div.gabAttr div.left {
  padding-top: 20px;
  text-align: left;
  background-color: #00598e;
  position: fixed;
  top: 60px;
  bottom: 0;
  left: 0;
  width: 265px;
  z-index: 30;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 30px 45px 30px 40px 30px 1fr 25px 70px;
}
div.gabAttr div.left p {
  margin: 0;
  color: white;
}
div.gabAttr div.left p.mag {
  margin-left: 20px;
  height: 30px;
  color: white;
  text-transform: uppercase;
  font-size: 16px;
}
div.gabAttr div.left p.page {
  margin-left: 20px;
  height: 45px;
  line-height: 45px;
  font-size: 16px;
}
div.gabAttr div.left p.page span {
  font-size: 34px;
}
div.gabAttr div.left p.cat {
  margin-left: 20px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  overflow: hidden;
}
div.gabAttr div.left p.underline {
  border-bottom: 1px solid white;
}
div.gabAttr div.left p.space {
  margin-left: 20px;
  margin-right: 20px;
}
div.gabAttr div.left p.space.underline {
  border-bottom: 1px solid #c2dcf2;
}
div.gabAttr div.left div p.title {
  height: 20px;
  line-height: 20px;
  font-size: 12px;
}
div.gabAttr div.left div.lineItem {
  margin-left: 20px;
}
div.gabAttr div.left div.lineItem p.title {
  height: 30px;
  line-height: 20px;
  font-size: 15px;
}
div.gabAttr div.left div.lineItem p.form {
  height: 30px;
}
div.gabAttr div.left div.lineItem p.form.filename span {
  font-size: 11px;
}
div.gabAttr div.left div.lineItem p.form.filename input[type=text] {
  width: 120px;
}
div.gabAttr div.left ul {
  padding-right: 20px;
}
div.gabAttr div.left ul.buttons li.sep {
  margin-left: 20px;
  height: 1px;
  background-color: #c2dcf2;
}
div.gabAttr div.left ul.buttons li.button {
  height: 28px;
  line-height: 28px;
  padding-left: 20px;
}
div.gabAttr div.left ul.buttons li.button a {
  text-decoration: none;
  outline: 0;
  color: white;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
}
div.gabAttr div.left ul.buttons li.button:hover {
  cursor: pointer;
  background-color: #c2dcf2;
  border-left: 5px solid #318ac8;
  padding-left: 15px;
}
div.gabAttr div.left ul.buttons li.button:hover a {
  color: #444444;
}
div.gabAttr div.gabs {
  position: fixed;
  top: 55px;
  bottom: 0;
  left: 265px;
  right: 0;
  overflow: auto;
  z-index: 20;
  padding: 45px;
  display: grid;
  grid-template-columns: repeat(auto-fill, 124px);
  grid-template-rows: repeat(auto-fill, 236px);
  grid-gap: 20px;
}
div.gabAttr div.gabs div.gab {
  background-color: white;
  cursor: pointer;
}
div.gabAttr div.gabs div.gab p {
  margin: 0;
}
div.gabAttr div.gabs div.gab p.top {
  height: 32px;
  background-color: #2987d0;
}
div.gabAttr div.gabs div.gab p.img {
  height: 154px;
  background-color: #e3ebf2;
  padding-top: 1px;
}
div.gabAttr div.gabs div.gab p.img img {
  height: 100%;
  max-width: 120px;
}
div.gabAttr div.gabs div.gab p.name {
  height: 50px;
  background-color: #e3ebf2;
}
div.submodal {
  top: initial;
  bottom: initial;
  right: initial;
  left: initial;
  position: relative;
  height: 100%;
}
/*******************************************************************************************
	HOME
*******************************************************************************************/

div#homeContent {
  min-width: 950px;
  top: 45px;
  /*bottom:30px;*/
  bottom: 0;
  width: 100%;
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-template-rows: 80px auto;
  grid-column-gap: 5px;
}
div#homeContent a.button {
  height: 45px;
  display: block;
  background-color: #e3ebf2;
  padding-left: 20px;
  line-height: 45px;
  color: #444444;
  text-transform: uppercase;
  text-decoration: none;
  outline: 0;
  cursor: pointer;
}
div#homeContent a.button.underline {
  border-bottom: 1px solid #c2dcf2;
}
div#homeContent a.button:hover {
  background-color: #c2dcf2;
}
div#homeContent div.title {
  grid-column: 1;
  grid-row: 1;
  color: white;
  font-size: 25px;
  font-family: Lato;
  font-weight: 300;
  height: 80px;
  background-color: #1274ae;
  padding: 45px 0 0 45px;
  line-height: 22px;
  margin: 0;
}
div#homeContent div#homeLoadPubli {
  grid-column: 1;
  grid-row: 2;
  padding: 30px 45px 30px 45px;
}
div#homeContent div#homeLoadPubli div.selectors {
  display: grid;
  grid-column-gap: 45px;
  grid-template-columns: 6fr 5fr;
  grid-template-rows: auto;
}
div#homeContent div#homeLoadPubli div.selectors div.left select {
  height: 100%;
  width: 100%;
  padding: 0;
  border: 1px solid #c2dcf2;
}
div#homeContent div#homeLoadPubli div.selectors div.left select optgroup:before {
  background-color: #a5c9e7;
  height: 30px;
  line-height: 30px;
  padding-left: 10px;
  color: #444444;
  font-family: Lato;
  font-style: italic;
}
div#homeContent div#homeLoadPubli div.selectors div.left select optgroup option {
  padding-left: 10px;
  font-size: 14px;
  height: 24px;
  line-height: 24px;
  padding-top: 4px;
}
div#homeContent div#homeLoadPubli div.selectors div.left select optgroup option:hover {
  background-color: #b8d9f6;
  cursor: pointer;
  padding-left: 5px;
  border-left: 5px solid #4aa0dc;
}
div#homeContent div#homeLoadPubli div.selectors div.right {
  height: 100%;
  display: grid;
  grid-template-rows: 50px 15px auto;
}
div#homeContent div#homeLoadPubli div.selectors div.right.admin {
  grid-template-rows: 50px 15px auto 75px;
}
div#homeContent div#homeLoadPubli div.selectors div.right p.magTitle {
  font-size: 25px;
  line-height: 23px;
  font-family: Lato;
  font-weight: 300;
  text-transform: uppercase;
  height: 50px;
  overflow: hidden;
}
div#homeContent div#homeLoadPubli div.selectors div.right p a.button {
  margin-top: 30px;
}
div#homeContent div#homeLoadPubli div.selectors div.right span.parutions {
  display: block;
  height: 15px;
  font-size: 14px;
  line-height: 10px;
  color: #999999;
}
div#homeContent div#homeLoadPubli div.selectors div.right div.select {
  border: 1px solid #c2dcf2;
  background-color: white;
  height: 100%;
}
div#homeContent div#homeLoadPubli div.selectors div.right div.select div#ddlPubliList {
  overflow: auto;
  height: 100%;
}
div#homeContent div#homeLoadPubli div.selectors div.right div.select div#ddlPubliList a {
  display: block;
  color: #444444;
  text-decoration: none;
  outline: 0;
  height: 24px;
  line-height: 24px;
  padding-left: 10px;
  overflow: hidden;
}
div#homeContent div#homeLoadPubli div.selectors div.right div.select div#ddlPubliList a:hover {
  background-color: #b8d9f6;
  padding-left: 5px;
  border-left: 5px solid #4aa0dc;
}
div#homeContent div#homeInfos {
  grid-column: 2;
  grid-row-start: 1;
  grid-row-end: 3;
}
div#homeContent div#homeInfos div.bouclages {
  margin-top: 5px;
  padding: 45px 0 45px 45px;
  background: #1274ae;
  color: white;
}
div#homeContent div#homeInfos div.bouclages div.head {
  border-bottom: 1px solid white;
}
div#homeContent div#homeInfos div.bouclages div.head span {
  padding-right: 45px;
  display: block;
}
div#homeContent div#homeInfos div.bouclages div.head span.title {
  height: 20px;
  line-height: 30px;
  font-size: 16px;
  text-transform: uppercase;
  font-family: Lato;
}
div#homeContent div#homeInfos div.bouclages div.head span.date {
  line-height: 24px;
  font-weight: bold;
  text-transform: capitalize;
}
div#homeContent div#homeInfos div.bouclages div.list {
  padding-right: 45px;
  margin: 40px 0 0;
}
div#homeContent div#homeInfos div.bouclages div.list div#dayBouclages {
  height: 150px;
  /*height: 245px;*/
  width: 100%;
  padding: 0;
  /*background-color:@color-main-1;*/
  /*border:none;*/
  overflow: auto;
  border: 1px solid #b8d9f6;
}
div#homeContent div#homeInfos div.bouclages div.list div#dayBouclages a {
  display: block;
  padding-left: 10px;
  height: 24px;
  line-height: 24px;
  text-decoration: none;
  font-size: 14px;
  outline: 0;
  color: white;
}
div#homeContent div#homeInfos div.bouclages div.list div#dayBouclages a:hover {
  background-color: #b8d9f6;
  padding-left: 5px;
  border-left: 5px solid #4aa0dc;
  color: black;
}
div#homeContent div#homeInfos div.bouclages div.list div#dayBouclages a span.title {
  text-transform: uppercase;
}
div#homeContent div#homeInfos div.bouclages div.list div#dayBouclages a span.hour {
  float: right;
  padding-right: 10px;
  font-weight: bold;
}
div#homeContent div#homeInfos div.bouclages div.list div#weekPlanning {
  height: 150px;
  width: 100%;
  padding: 0;
  overflow: auto;
  border: 1px solid #b8d9f6;
}
div#homeContent div#homeInfos div.bouclages div.list div#weekPlanning ul {
  padding-left: 10px;
  color: white;
  margin-bottom: 5px;
}
div#homeContent div#homeInfos div.bouclages div.list div#weekPlanning ul li.page {
  font-size: 10px;
  display: inline;
  line-height: 12px;
  margin-left: 10px;
}
div#homeContent div#homeInfos div.bouclages div.list div#weekPlanning ul li.page a {
  outline: 0;
  color: white;
  text-decoration: none;
}
div#homeContent div#homeInfos div.bouclages div.list div#weekPlanning ul li.page a:hover {
  background-color: #b8d9f6;
  color: black;
}
div#homeContent div#homeInfos div.bouclages div.list div#weekPlanning ul li.title {
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
}
div#homeContent div#homeInfos div.bouclages a.button {
  margin-right: 45px;
}
div#homeContent div#homeInfos div.edition {
  background: #00598e;
  color: white;
  padding: 45px 0 45px 45px;
}
div#homeContent div#homeInfos div.edition div.head {
  padding-right: 45px;
  border-bottom: 1px solid white;
  margin-bottom: 30px;
  line-height: 50px;
}
div#homeContent div#homeInfos div.edition div.head span {
  display: block;
  font-family: Lato;
}
div#homeContent div#homeInfos div.edition div.head span.title {
  height: 40px;
  font-size: 16px;
  text-transform: uppercase;
  margin-right: 50px;
}
div#homeContent div#homeInfos div.edition div.head span.count {
  float: right;
  text-transform: capitalize;
  width: 50px;
  font-size: 32px;
  line-height: 32px;
  height: 40px;
  text-align: right;
}
div#homeContent div#homeInfos div.edition div.list span {
  cursor: pointer;
  font-size: 14px;
  padding-left: 5px;
  line-height: 15px;
}
div#homeContent div#homeInfos div.edition div.list span img {
  margin-right: 5px;
}
div#homeContent div#homeInfos div.edition div.list span.none {
  cursor: default;
}
div#homeContent div#homeInfos div.edition div.list div#editedLinkList {
  margin-top: 5px;
}
div#homeContent div#homeInfos div.edition div.list div#editedLinkList a {
  display: block;
  color: white;
  text-decoration: none;
  outline: 0;
}
div#homeContent div#homeInfos div.edition div.list div#editedLinkList a:hover {
  color: #b8d9f6;
}
div#homeContent div#homeInfos div.fillSpace {
  background: #1274ae;
  height: 100%;
  margin-top: 5px;
}
div#homeBottomInfos {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  height: 30px;
  background-color: black;
  color: #444444;
  display: grid;
  grid-template-columns: 170px auto;
  display: none;
}
div#homeBottomInfos div {
  color: white;
  line-height: 30px;
}
div#homeBottomInfos div.title {
  text-transform: uppercase;
  padding-right: 15px;
  text-align: right;
}
div#homeBottomInfos div.infoContent {
  background-color: #333333;
  padding-left: 15px;
}
div#homeBottomInfos div.infoContent img {
  margin-right: 5px;
}
/*******************************************************************************************
	CHEMIN DE FER ET PREVISUALISATION
*******************************************************************************************/

ul#LeftMenu {
  width: 265px;
  background-color: #c2dcf2;
  position: fixed;
  top: 40px;
  left: 0;
  bottom: 0;
  margin: 0;
  display: grid;
  grid-template-rows: 115px 8px 24px 24px 8px 40px 40px 40px 24px 24px 1fr;
}
ul#LeftMenu.typeRedac {
  grid-template-rows: 115px 8px 24px 24px 8px 40px 40px 24px 24px 1fr;
}
ul#LeftMenu li {
  margin: 0 5px 1px;
  color: #444444;
}
ul#LeftMenu li select#ddlClientMags {
  width: 255px;
}
ul#LeftMenu li select#ddlMagPublications {
  width: 75px;
  float: left;
}
ul#LeftMenu li.title {
  height: 18px;
  line-height: 15px;
  color: white;
  text-align: center;
  background-color: #1274ae;
  font-size: 8px;
  text-transform: uppercase;
}
ul#LeftMenu li.smallspace {
  height: 8px;
}
ul#LeftMenu li.space {
  height: 24px;
}
ul#LeftMenu li.logo {
  height: 115px;
}
ul#LeftMenu li.logo img {
  margin-top: 5px;
}
ul#LeftMenu li.logo span {
  display: block;
  float: right;
  font-size: 30px;
  /*margin-top: 77px;*/
  font-family: Lato;
  font-weight: 100;
}
ul#LeftMenu li.selector {
  margin-top: -1px;
  height: 24px;
  border-bottom: 1px solid #4aa0dc;
  border-left: 1px solid #4aa0dc;
}
ul#LeftMenu li.selector span {
  display: block;
  float: left;
  font-size: 9px;
  text-transform: uppercase;
  border-top: 1px solid #4aa0dc;
  border-right: 1px solid #4aa0dc;
  height: 23px;
  line-height: 21px;
  padding: 0 8px;
  font-weight: bold;
}
ul#LeftMenu li.selector span a {
  color: #00598e;
  text-decoration: none;
  outline: 0;
}
ul#LeftMenu li.selector span.selected {
  background-color: #1274ae;
  color: white;
}
ul#LeftMenu li.selector span.selected a {
  color: white;
}
ul#LeftMenu li.selector span:hover {
  cursor: pointer;
  background-color: #4aa0dc;
}
ul#LeftMenu li.selector span:hover a {
  color: white;
}
ul#LeftMenu li.contentLine {
  padding-top: 5px;
  overflow: auto;
}
ul#LeftMenu li.contentLine ul li {
  height: auto;
  color: #444444;
}
ul#LeftMenu li.contentLine ul li img {
  margin-top: -2px;
}
ul#LeftMenu li.contentLine ul li span.title {
  margin-left: 5px;
  font-weight: bold;
  font-size: 14px;
}
ul#LeftMenu li.contentLine ul li p {
  margin-left: 12px;
  line-height: 18px;
  font-style: italic;
}
ul#LeftMenu li.contentLine ul li.linePage {
  background-color: #4aa0dc;
  color: white;
  margin-right: 0 !important;
  padding: 0 10px;
  margin-bottom: 5px;
  text-transform: uppercase;
}
ul#LeftMenu li.contentLine ul li.lineComment {
  margin-bottom: 15px;
  cursor: pointer;
}
ul#LeftMenu li.contentLine ul li.lineComment p {
  margin-left: 0;
  margin-bottom: 0;
  font-style: normal;
  line-height: 9px;
}
ul#LeftMenu li.contentLine ul li.lineComment p.name {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
  height: 14px;
}
ul#LeftMenu li.contentLine ul li.lineComment p.date {
  font-style: italic;
  font-size: 12px;
  height: 13px;
  border-bottom: 1px solid #4aa0dc;
}
ul#LeftMenu li.contentLine ul li.lineComment p.note {
  margin-top: 5px;
  font-size: 12px;
  line-height: 18px;
}
ul#LeftMenu li.contentLine div.noteDetail {
  display: grid;
  width: 255px;
  grid-template-columns: 1fr;
  grid-template-rows: min-content 14px 13px 1fr 165px;
  grid-template-areas: "." "." "." "." ".";
  position: absolute;
  top: 360px;
  bottom: 0;
}
ul#LeftMenu li.contentLine div.noteDetail p {
  margin-left: 0;
  margin-bottom: 0;
  font-style: normal;
  line-height: 9px;
}
ul#LeftMenu li.contentLine div.noteDetail p.img {
  text-align: center;
  margin-bottom: 10px;
}
ul#LeftMenu li.contentLine div.noteDetail p.img img {
  max-width: 200px;
  max-height: 200px;
}
ul#LeftMenu li.contentLine div.noteDetail p.name {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
  height: 14px;
}
ul#LeftMenu li.contentLine div.noteDetail p.date {
  font-style: italic;
  font-size: 12px;
  height: 13px;
  border-bottom: 1px solid #4aa0dc;
}
ul#LeftMenu li.contentLine div.noteDetail p.note {
  margin-top: 5px;
  font-size: 12px;
  line-height: 18px;
  overflow: auto;
}
ul#LeftMenu li.contentLine div.noteDetail ul.buttons li {
  margin-left: 0;
}
ul#LeftMenu li.contentLine div.noteDetail ul.buttons li.sep {
  margin-left: 20px;
  height: 1px;
  background-color: #4aa0dc;
}
ul#LeftMenu li.contentLine div.noteDetail ul.buttons li.button {
  height: 28px;
  line-height: 28px;
  padding-left: 20px;
}
ul#LeftMenu li.contentLine div.noteDetail ul.buttons li.button a {
  text-decoration: none;
  outline: 0;
  color: #444444;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  display: block;
}
ul#LeftMenu li.contentLine div.noteDetail ul.buttons li.button:hover {
  cursor: pointer;
  background-color: #4aa0dc;
  border-left: 5px solid #318ac8;
  padding-left: 15px;
}
ul#LeftMenu li.contentLine div.noteDetail ul.buttons li.button:hover a {
  color: white;
}
ul#LeftMenu li.contentLine div.noteDetail ul.buttons li.button.inactive a {
  color: #aaaaaa;
}
ul#LeftMenu li.contentLine div.noteDetail ul.buttons li.button.inactive:hover {
  cursor: default;
  background-color: #c2dcf2;
  border-left: none;
  padding-left: 20px;
}
ul#LeftMenu li.contentLine div.noteDetail ul.buttons li.button.inactive:hover a {
  color: #aaaaaa;
}
ul#LeftMenu li.simple {
  height: 24px;
}
ul#LeftMenu li.double {
  height: 40px;
}
ul#LeftMenu li span.sub {
  display: block;
}
ul#LeftMenu li span.sub.subtitle {
  font-size: 11px;
  line-height: 13px;
  height: 15px;
}
ul#LeftMenu li span.sub.subtitle.advanced {
  color: red;
  font-weight: bold;
  font-size: 10px;
  text-transform: uppercase;
}
ul#LeftMenu li span.sub.subitem {
  text-transform: uppercase;
  background-color: white;
  font-size: 13px;
  padding-left: 10px;
  font-weight: bold;
  line-height: 22px;
  height: 22px;
}
ul#LeftMenu li span.sub.subitem.advanced {
  background-color: red;
  color: white;
}
ul#LeftMenu li span.button {
  float: left;
  display: block;
  width: 85px;
  margin-left: 5px;
  border: 1px solid #4aa0dc;
  text-align: center;
  height: 20px;
  line-height: 17px;
  font-size: 9px;
  text-transform: uppercase;
  color: #00598e;
  font-weight: bold;
  -moz-user-select: none;
}
ul#LeftMenu li span.button a {
  text-decoration: none;
  outline: 0;
  font-weight: bold;
  color: #00598e;
}
ul#LeftMenu li span.button.inactive {
  background-color: transparent;
  border: none;
}
ul#LeftMenu li span.button.inactive:hover {
  background-color: transparent;
  cursor: default;
}
ul#LeftMenu li span.button:hover {
  background-color: #4aa0dc;
  cursor: pointer;
  color: white;
}
ul#LeftMenu li span.button:hover a {
  color: white;
}
div#railwayRight,
div#previewRight {
  position: fixed;
  top: 40px;
  left: 265px;
  bottom: 0;
  right: 0;
  overflow: auto;
}
div#railwayRight div.content,
div#previewRight div.content {
  left: 265px;
  top: 70px;
  padding: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2) inset, 0 0 5px rgba(0, 0, 0, 0.2) inset;
}
div#railwayRight div.content.full,
div#previewRight div.content.full {
  left: 0px !important;
  bottom: 0px !important;
}
div#railwayRight div.buttons,
div#previewRight div.buttons {
  left: 265px;
}
div#railwayRight div.loading,
div#previewRight div.loading {
  position: fixed;
  top: 70px;
  bottom: 60px;
  right: 0;
  left: 265px;
  background-color: rgba(0, 0, 0, 0.5);
  background-image: url(../Images/loader.gif);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50px;
  z-index: 99;
}
div#railwayRight div.loading.full,
div#previewRight div.loading.full {
  left: 0px !important;
  bottom: 0px !important;
}
div#railwayRight div.content {
  bottom: 60px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(239px, 1fr));
  grid-gap: 1px;
  background-size: 121px 192px;
  background-position: 14px 14px;
  background-image: linear-gradient(to right, #d5d5d5 1px, transparent 1px), linear-gradient(to bottom, #d5d5d5 1px, transparent 1px);
  background-attachment: local;
  overflow-y: scroll;
}
div#railwayRight div.content.full {
  grid-template-columns: repeat(auto-fill, minmax(353px, 1fr)) !important;
  background-size: 178px 273px;
}
div#railwayRight div.content div.pairContainer div.page {
  position: relative;
  background-repeat: no-repeat;
  float: left;
}
div#railwayRight div.content div.pairContainer div.page.statusError {
  background-color: #ff001b;
}
div#railwayRight div.content div.pairContainer div.page.status_2 a.imgContainer {
  background-color: #b5b5b5;
}
div#railwayRight div.content div.pairContainer div.page.left {
  float: left;
}
div#railwayRight div.content div.pairContainer div.page.left a.imgContainer {
  float: right;
  background-position: right top;
}
div#railwayRight div.content div.pairContainer div.page.left p.bottom span.rank {
  float: left;
}
div#railwayRight div.content div.pairContainer div.page.left p.bottom span.status {
  float: right;
  text-align: right;
}
div#railwayRight div.content div.pairContainer div.page.right {
  float: right;
}
div#railwayRight div.content div.pairContainer div.page.right a.imgContainer {
  float: left;
  background-position: left top;
}
div#railwayRight div.content div.pairContainer div.page.right p.bottom span.rank {
  float: right;
}
div#railwayRight div.content div.pairContainer div.page.right p.bottom span.status {
  float: left;
}
div#railwayRight div.content div.pairContainer div.page.middle {
  /*width:100%;
                    text-align:center;
                    a.imgContainer {
                        margin:0 3px;
                        background-position:left top;
                    }*/
  float: left;
}
div#railwayRight div.content div.pairContainer div.page.middle a.imgContainer {
  float: right;
  background-position: center top;
  margin: 0 3px;
}
div#railwayRight div.content div.pairContainer div.page.middle p.bottom span.rank {
  display: none;
}
div#railwayRight div.content div.pairContainer div.page.middle p.bottom span.status {
  width: 100%;
  float: left;
  text-align: center;
}
div#railwayRight div.content div.pairContainer div.page p {
  margin: 0;
  width: 100%;
  color: white;
}
div#railwayRight div.content div.pairContainer div.page p.top {
  /*height:16px;
                        line-height:16px;*/
  height: 30px;
  line-height: 11px;
  text-align: center;
  font-size: 12px;
  font-family: "Lato";
  font-weight: 700;
  padding-top: 4px;
}
div#railwayRight div.content div.pairContainer div.page p.bottom {
  /*height:21px;
                        line-height:20px;*/
  height: 24px;
  line-height: 24px;
}
div#railwayRight div.content div.pairContainer div.page p.bottom span {
  display: block;
  margin: 0 5px;
}
div#railwayRight div.content div.pairContainer div.page p.bottom span.rank {
  font-weight: 900;
  font-size: 16px;
  font-family: "Lato";
  padding-top: 1px;
}
div#railwayRight div.content div.pairContainer div.page p.bottom span.status {
  text-transform: uppercase;
  font-size: 9px;
  padding-top: 3px;
  line-height: 9px;
  width: 65px;
}
div#railwayRight div.content div.pairContainer div.page p.lockImage {
  text-align: center;
}
div#railwayRight div.content div.pairContainer div.page p.lockImage img {
  width: 100px;
  margin-top: 10%;
}
div#railwayRight div.content div.pairContainer div.page p.lockImage span {
  color: white;
  display: block;
  font-size: 9px;
  /*margin:-50px 0 0 18px;*/
  text-align: center;
  /*width:80px;*/
  width: 100px;
  margin: auto;
  position: absolute;
  overflow: hidden;
  z-index: 11;
  text-transform: capitalize;
}
div#railwayRight div.content div.pairContainer div.page p.infoImage {
  width: 90px;
  height: 90px;
  margin: 10px auto 0;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: 90px 90px;
}
div#railwayRight div.content div.pairContainer div.page p.infoImage.loading {
  width: 100%;
  position: absolute;
  height: 60px;
  background-size: 60px 60px;
  margin-top: 40px;
  background-position: center;
  z-index: 35;
}
div#railwayRight div.content div.pairContainer div.page p.infoImage.loadingAndWarn {
  z-index: 35;
  position: absolute;
  background-position: center;
  width: 100%;
  background-size: 90px 90px;
}
div#railwayRight div.content div.pairContainer div.page p.infoImage.loadingAndWarn span {
  margin: auto;
}
div#railwayRight div.content div.pairContainer div.page p.infoImage span {
  display: block;
  width: 90px;
  text-align: center;
  text-transform: uppercase;
}
div#railwayRight div.content div.pairContainer div.page p.infoImage span.title {
  font-size: 9px;
  height: 16px;
  line-height: 16px;
  overflow: hidden;
  font-weight: bold;
}
div#railwayRight div.content div.pairContainer div.page p.infoImage span.sub {
  margin-top: 48px;
  height: 26px;
  line-height: 10px;
  padding: 0 2px;
  font-size: 10px;
  overflow: hidden;
}
div#railwayRight div.content div.pairContainer div.page p.multi {
  width: 100%;
  height: 18px;
  position: absolute;
  bottom: 28px;
  z-index: 35;
}
div#railwayRight div.content div.pairContainer div.page p.multi span.first {
  display: block;
  width: 18px;
  height: 18px;
  line-height: 18px;
  background-color: #fe00d4;
  position: absolute;
  text-align: center;
  font-size: 10px;
}
div#railwayRight div.content div.pairContainer div.page p.multi span.line {
  display: block;
  width: 100%;
  height: 8px;
  margin-top: 5px;
  background-color: #fe00d4;
}
div#railwayRight div.content div.pairContainer div.page p.multi span.line.lastline {
  width: calc(90%);
}
div#railwayRight div.content div.pairContainer div.page p.multi span.last {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 18px;
  height: 18px;
  background: url(../Images/multi_arrow.png);
}
div#railwayRight div.content div.pairContainer div.page a.imgContainer {
  background-repeat: no-repeat;
  background-size: contain;
  height: 153px;
  width: 114px;
  background-color: white;
  display: block;
  text-decoration: none;
  outline: 0;
  position: relative;
}
div#railwayRight div.content div.pairContainer div.page a.imgContainer span.comments {
  z-index: 30;
  display: block;
  text-align: center;
  height: 45px;
  width: 45px;
  line-height: 22px;
  background-repeat: no-repeat;
  font-size: 16px;
  font-weight: bold;
  position: absolute;
  color: #444444;
}
div#railwayRight div.content div.pairContainer div.page a.imgContainer span.comments.comments1 {
  padding-left: 4px;
  text-align: left;
  background: url(../Images/comment_yellow.png);
}
div#railwayRight div.content div.pairContainer div.page a.imgContainer span.comments.comments2 {
  text-align: right;
  color: white;
  padding-right: 4px;
  right: 0;
  background: url(../Images/comment_green.png);
}
div#railwayRight div.content div.pairContainer div.page.altInfo a.imgContainer p.infoImage span {
  color: black;
}
div#railwayRight div.content div.pairContainer div.page div.hover {
  z-index: 25;
  position: absolute;
}
div#railwayRight div.content div.pairContainer div.page div.hover.onRun {
  background-color: rgba(255, 255, 255, 0.8);
}
div#railwayRight div.content div.pairContainer div.page div.hover.commented {
  background-color: rgba(0, 0, 0, 0.3);
}
div#railwayRight div.content div.pairContainer div.page:hover:not(.statusClient) {
  cursor: pointer;
}
div#railwayRight div.content div.pairContainer div.page:hover:not(.statusClient) div.hover {
  background-color: rgba(0, 0, 0, 0.2);
}
div#railwayRight div.infos {
  position: fixed;
  bottom: 40px;
  right: 0;
  left: 265px;
  height: 20px;
  background-color: #034882;
  color: white;
  text-transform: uppercase;
  font-size: 11px;
  line-height: 20px;
}
div#railwayRight div.infos p.status {
  margin-left: 15px;
  line-height: 20px;
  font-size: 11px;
  float: left;
}
div#railwayRight div.infos p.pages {
  float: right;
}
div#railwayRight div.infos p.pages span.item {
  padding: 0 8px;
  border-left: 1px solid white;
  text-align: center;
}
div#railwayRight div.infos p.pages span.item span.count {
  font-weight: bold;
  font-size: 12px;
  padding: 0 2px;
}
div#railwayRight div.infos p.pages span.item.first {
  border-left: none;
}
div#previewRight div.navigate {
  position: fixed;
  bottom: 205px;
  right: 0;
  left: 265px;
  height: 45px;
  background-color: #1274ae;
}
div#previewRight div.navigate p {
  width: 50px;
  color: white;
  height: 45px;
  line-height: 45px;
  text-align: center;
}
div#previewRight div.navigate p.first {
  float: left;
}
div#previewRight div.navigate p.prev {
  float: left;
}
div#previewRight div.navigate p.next {
  float: right;
}
div#previewRight div.navigate p.last {
  float: right;
}
div#previewRight div.thumbnails {
  position: fixed;
  bottom: 45px;
  right: 0;
  left: 265px;
  height: 160px;
  background-color: #1274ae;
  overflow: hidden;
}
div#previewRight div.thumbnails div.swiper-container {
  height: 160px;
  width: 100%;
  /*div {
                height:150px;
                float:left;
            }*/

}
div#previewRight div.thumbnails div.swiper-container div.swiper-wrapper {
  cursor: pointer;
}
div#previewRight div.thumbnails div.swiper-container div.swiper-wrapper div.swiper-slide {
  text-decoration: none;
  outline: 0;
  text-align: center;
  display: -webkit-box;
  opacity: 1;
}
div#previewRight div.thumbnails div.swiper-container div.swiper-wrapper div.swiper-slide.active {
  opacity: 0.4;
}
div#previewRight div.thumbnails div.swiper-container div.swiper-wrapper div.swiper-slide div.page {
  width: 49%;
  height: 100%;
  text-align: center;
}
div#previewRight div.thumbnails div.swiper-container div.swiper-wrapper div.swiper-slide div.page.left {
  text-align: right;
}
div#previewRight div.thumbnails div.swiper-container div.swiper-wrapper div.swiper-slide div.page.left span.rank {
  text-align: left;
  padding-left: 5px;
}
div#previewRight div.thumbnails div.swiper-container div.swiper-wrapper div.swiper-slide div.page.left p {
  background-position: right;
  margin-left: 5px;
}
div#previewRight div.thumbnails div.swiper-container div.swiper-wrapper div.swiper-slide div.page.right {
  text-align: left;
}
div#previewRight div.thumbnails div.swiper-container div.swiper-wrapper div.swiper-slide div.page.right span.rank {
  text-align: right;
  padding-right: 5px;
}
div#previewRight div.thumbnails div.swiper-container div.swiper-wrapper div.swiper-slide div.page.right p {
  background-position: left;
  margin-right: 5px;
}
div#previewRight div.thumbnails div.swiper-container div.swiper-wrapper div.swiper-slide div.page p {
  height: 120px;
  margin: 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: white;
  padding-top: 15px;
}
div#previewRight div.thumbnails div.swiper-container div.swiper-wrapper div.swiper-slide div.page p img {
  width: 70px;
  display: block;
  margin: auto;
}
div#previewRight div.thumbnails div.swiper-container div.swiper-wrapper div.swiper-slide div.page.onRun p {
  opacity: 0.5;
}
div#previewRight div.thumbnails div.swiper-container div.swiper-wrapper div.swiper-slide div.page.onRun p img {
  width: 40px;
  display: block;
  margin: 20px auto 0;
}
div#previewRight div.thumbnails div.swiper-container div.swiper-wrapper div.swiper-slide div.page span.title {
  display: block;
  /*height: 14px;
                            font-size: 8px;*/
  height: 22px;
  line-height: 10px;
  font-size: 11px;
  margin-top: 2px;
  overflow: hidden;
  color: white;
  text-align: center;
  padding: 0 1px;
}
div#previewRight div.thumbnails div.swiper-container div.swiper-wrapper div.swiper-slide div.page span.rank {
  display: block;
  height: 16px;
  overflow: hidden;
  color: white;
  font-size: 12px;
  text-align: center;
  font-weight: bold;
}
div#previewRight div.content {
  bottom: 240px;
  overflow: hidden;
  display: grid;
  padding-top: 0;
  grid-template-columns: 1fr 1fr;
  min-height: 470px;
}
div#previewRight div.content div.page {
  display: grid;
  height: 100%;
  grid-template-rows: auto 20px;
}
div#previewRight div.content div.page ul.menu {
  grid-area: m;
  width: 105px;
  margin: 0;
  padding-top: 55px;
  position: relative;
}
div#previewRight div.content div.page ul.menu li {
  /*height: 30px;*/
  height: 26px;
  line-height: 10px;
  font-size: 11px;
  border-bottom: 1px solid #c2dcf2;
  color: #444444;
}
div#previewRight div.content div.page ul.menu li:first-child {
  border-top: 1px solid #c2dcf2;
}
div#previewRight div.content div.page ul.menu li:hover {
  cursor: pointer;
  background-color: #c2dcf2;
}
div#previewRight div.content div.page ul.menu li.space:hover {
  cursor: default;
  background-color: transparent;
}
div#previewRight div.content div.page ul.menu li.status.active a span.btLabel,
div#previewRight div.content div.page ul.menu li.status:hover a span.btLabel {
  color: white;
}
div#previewRight div.content div.page ul.menu li.status.active {
  cursor: default;
}
div#previewRight div.content div.page ul.menu li.hr {
  height: 2px;
  background-color: #c2dcf2;
}
div#previewRight div.content div.page ul.menu li.hr:hover {
  cursor: default;
}
div#previewRight div.content div.page ul.menu li.admin {
  bottom: 20px;
  position: absolute;
  width: 100%;
  border-bottom: none;
  border-top: 1px solid #c2dcf2;
}
div#previewRight div.content div.page ul.menu li.admin2 {
  /*bottom: 50px;*/
  bottom: 46px;
  position: absolute;
  width: 100%;
  border-bottom: none;
  border-top: 1px solid #c2dcf2;
}
div#previewRight div.content div.page ul.menu li a {
  height: 100%;
  width: 100%;
  overflow: hidden;
  color: #444444;
  text-decoration: none;
  outline: 0;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: bold;
  /*padding-top: 4px;*/
  padding-top: 3px;
  display: block;
}
div#previewRight div.content div.page ul.menu li a span.btLabel {
  color: #444444;
}
div#previewRight div.content div.page ul.menu li a span.color {
  /*height: 22px;
                                width: 22px;*/
  height: 20px;
  width: 20px;
  display: block;
}
div#previewRight div.content div.page ul.menu li.inactive a {
  color: #aaaaaa;
}
div#previewRight div.content div.page ul.menu li.inactive a span.btLabel {
  color: #aaaaaa;
}
div#previewRight div.content div.page ul.menu li.inactive:hover {
  cursor: default;
  background-color: transparent;
}
div#previewRight div.content div.page ul.menu li span.progressBar {
  position: relative;
  /*top: 5px;*/
  top: 3px;
  display: block;
  width: 0;
  height: 20px;
  background: url('/Images/progress.gif');
  animation: progress 0.7s linear infinite;
  -moz-animation: progress 0.7s linear infinite;
  -webkit-animation: progress 0.7s linear infinite;
  -o-animation: progress 0.7s linear infinite;
}
div#previewRight div.content div.page ul.menu.big {
  width: 175px;
}
div#previewRight div.content div.page ul.menu.big li {
  /*line-height: 22px;*/
  line-height: 20px;
}
div#previewRight div.content div.page div.wrapper {
  grid-area: i;
  display: grid;
  grid-template-rows: 35px 25px auto 40px;
  background-color: #cccccc;
  /*min-width:421px;*/
  text-align: center;
}
div#previewRight div.content div.page div.wrapper p {
  margin: 0;
}
div#previewRight div.content div.page div.wrapper p.title {
  color: white;
  line-height: 20px;
  padding-top: 12px;
  font-weight: 300;
  font-family: "Lato";
  font-size: 22px;
  overflow: hidden;
}
div#previewRight div.content div.page div.wrapper p.subtitle {
  color: white;
  line-height: 16px;
  font-family: "Lato";
  font-weight: 700;
  font-size: 14px;
  overflow: hidden;
  height: 18px;
}
div#previewRight div.content div.page div.wrapper div.image {
  width: 100%;
  height: 100%;
  margin: auto;
  position: relative;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: white;
}
div#previewRight div.content div.page div.wrapper div.image p {
  color: white;
  width: 200px;
  height: 200px;
  margin: 100px auto 0;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: 200px 200px;
}
div#previewRight div.content div.page div.wrapper div.image p span {
  display: block;
  width: 200px;
  text-align: center;
  text-transform: uppercase;
}
div#previewRight div.content div.page div.wrapper div.image p span.title {
  font-size: 14px;
  height: 36px;
  line-height: 36px;
  overflow: hidden;
  font-weight: bold;
}
div#previewRight div.content div.page div.wrapper div.image p span.sub {
  margin-top: 108px;
  height: 40px;
  line-height: 20px;
  padding: 0 5px;
  font-size: 15px;
  overflow: hidden;
}
div#previewRight div.content div.page div.wrapper div.image p.loading {
  width: 100%;
  height: 100%;
  margin: 0;
  background-color: rgba(255, 255, 255, 0.8);
  background-position: center;
  background-size: 54px 54px;
}
div#previewRight div.content div.page div.wrapper div.image p.loadingAndWarn {
  width: 100%;
  height: 100%;
  padding-top: 100px;
  margin: 0;
  background-color: rgba(255, 255, 255, 0.8);
  background-position: center 100px;
  background-size: 200px 200px;
}
div#previewRight div.content div.page div.wrapper div.image p.loadingAndWarn span {
  margin-left: auto;
  margin-right: auto;
}
div#previewRight div.content div.page div.wrapper div.image div.commWrapper {
  text-align: left;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
}
div#previewRight div.content div.page div.wrapper div.image div.commWrapper img {
  position: absolute;
  height: 50px;
  width: 50px;
  cursor: pointer;
}
div#previewRight div.content div.page div.wrapper p.botInfos {
  color: white;
}
div#previewRight div.content div.page div.wrapper p.botInfos span.rank {
  font-size: 28px;
  display: block;
  height: 22px;
  line-height: 22px;
  font-family: "Lato";
  font-weight: 400;
  margin-top: 9px;
}
div#previewRight div.content div.page div.wrapper p.botInfos span.status {
  margin-top: 8px;
  display: block;
  line-height: 22px;
  font-size: 13px;
  font-family: Arial;
  font-weight: normal;
  text-transform: uppercase;
}
div#previewRight div.content div.page div.wrapper.altInfo div.image p.infoImage span {
  color: black;
}
div#previewRight div.content div.page p.filename {
  grid-area: f;
  margin: 0;
  width: 100%;
  font-size: 11px;
  line-height: 11px;
  color: #444444;
  padding-top: 5px;
}
div#previewRight div.content div.page p.filename span {
  cursor: pointer;
}
div#previewRight div.content div.page.left {
  grid-template-columns: auto 105px max-content;
  grid-template-areas: "e m i" "e m f";
}
div#previewRight div.content div.page.left ul.menu li {
  text-align: right;
  border-right: 10px solid transparent;
}
div#previewRight div.content div.page.left ul.menu li.hr {
  margin-right: 5px;
}
div#previewRight div.content div.page.left ul.menu li.active,
div#previewRight div.content div.page.left ul.menu li:hover {
  border-right: 5px solid #318ac8;
  padding-right: 5px;
}
div#previewRight div.content div.page.left ul.menu li.space:hover,
div#previewRight div.content div.page.left ul.menu li.hr:hover {
  border-right: 10px solid transparent;
}
div#previewRight div.content div.page.left ul.menu li a span.color {
  margin-left: 5px;
  float: right;
}
div#previewRight div.content div.page.left ul.menu li.inactive:hover {
  border-right: 5px solid transparent;
}
div#previewRight div.content div.page.left div.wrapper {
  justify-self: end;
  padding-left: 10px;
}
div#previewRight div.content div.page.left div.wrapper p.title {
  text-align: left;
}
div#previewRight div.content div.page.left div.wrapper p.subtitle {
  text-align: left;
}
div#previewRight div.content div.page.left div.wrapper div.image {
  background-position: right top;
}
div#previewRight div.content div.page.left div.wrapper p.botInfos span.rank {
  float: left;
}
div#previewRight div.content div.page.left div.wrapper p.botInfos span.status {
  float: right;
  padding-right: 15px;
}
div#previewRight div.content div.page.left p.filename {
  justify-self: end;
  text-align: left;
}
div#previewRight div.content div.page.right {
  grid-template-columns: max-content 105px auto;
  grid-template-areas: "i m e" "f m e";
}
div#previewRight div.content div.page.right ul.menu li {
  border-left: 10px solid transparent;
}
div#previewRight div.content div.page.right ul.menu li.active,
div#previewRight div.content div.page.right ul.menu li:hover {
  border-left: 5px solid #318ac8;
  padding-left: 5px;
}
div#previewRight div.content div.page.right ul.menu li.space:hover,
div#previewRight div.content div.page.right ul.menu li.hr:hover {
  border-left: 10px solid transparent;
}
div#previewRight div.content div.page.right ul.menu li.hr {
  margin-left: 5px;
}
div#previewRight div.content div.page.right ul.menu li a span.color {
  margin-right: 5px;
  float: left;
}
div#previewRight div.content div.page.right ul.menu li.inactive:hover {
  border-left: 5px solid transparent;
}
div#previewRight div.content div.page.right div.wrapper {
  justify-self: start;
  padding-right: 10px;
}
div#previewRight div.content div.page.right div.wrapper p.title {
  text-align: right;
}
div#previewRight div.content div.page.right div.wrapper p.subtitle {
  text-align: right;
}
div#previewRight div.content div.page.right div.wrapper div.image {
  background-position: left top;
}
div#previewRight div.content div.page.right div.wrapper p.botInfos span.rank {
  float: right;
}
div#previewRight div.content div.page.right div.wrapper p.botInfos span.status {
  float: left;
  padding-left: 15px;
}
div#previewRight div.content div.page.right p.filename {
  justify-self: start;
  text-align: right;
}
/*******************************************************************************************
	SUIVI FABRICATION / QUOTIDIENS
*******************************************************************************************/

div.suiviFabLine div.top {
  height: 30px;
  line-height: 30px;
  background-color: #1274ae;
  color: white;
  text-align: right;
}
div.suiviFabLine div.top span.mag {
  padding-left: 10px;
  text-transform: uppercase;
  font-weight: bold;
  float: left;
  font-size: 16px;
  font-family: Lato;
}
div.suiviFabLine div.top span.mag img {
  height: 16px;
  vertical-align: -2px;
  margin-left: 5px;
}
div.suiviFabLine div.top span.mag a {
  color: white;
  text-decoration: none;
  outline: 0;
}
div.suiviFabLine div.top span.mag a:hover {
  color: #b8d9f6;
}
div.suiviFabLine div.top p span {
  display: inline-block;
  text-align: center;
}
div.suiviFabLine div.top p span.infos {
  padding: 0 25px;
  text-transform: uppercase;
  font-size: 12px;
}
div.suiviFabLine div.top p span.infos span.number {
  font-weight: bold;
}
div.suiviFabLine div.top p span.editAll {
  border-left: 1px solid white;
  padding: 0 25px;
}
div.suiviFabLine div.top p span.editAll img {
  margin: 0 10px;
}
div.suiviFabLine div.top p span.editAll select {
  width: 180px;
  font-size: 13px;
  height: 21px;
}
div.suiviFabLine div.top p span.editAll a {
  color: white;
  font-weight: bold;
  text-transform: uppercase;
  margin-left: 15px;
  text-decoration: none;
  outline: 0;
}
div.suiviFabLine div.top p span.editAll a:hover {
  color: #b8d9f6;
}
div.suiviFabLine div.top p span.closeBtn {
  width: 50px;
  height: 30px;
  border-left: 1px solid white;
  cursor: pointer;
}
div.suiviFabLine div.bottom {
  background-color: #e3ebf2;
  line-height: 25px;
  min-height: 50px;
}
div.suiviFabLine div.bottom div.pub {
  float: left;
  width: 190px;
  padding: 5px;
}
div.suiviFabLine div.bottom div.pub select {
  min-width: 100px;
  max-width: 160px;
}
div.suiviFabLine div.bottom div.pages {
  color: white;
  margin-left: 170px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(35px, 1fr));
  grid-template-rows: 25px;
}
div.suiviFabLine div.bottom div.pages a > span {
  visibility: hidden;
  opacity: 0;
  transition: none;
}
div.suiviFabLine div.bottom div.pages a:hover > span {
  visibility: visible;
  opacity: 1;
  transition-property: visibility, opacity;
  transition-duration: 0s;
  transition-delay: 1.5s;
}
div.suiviFabLine div.bottom div.pages a {
  text-align: center;
  height: 25px;
  color: white;
  font-weight: bold;
  cursor: pointer;
  font-size: 12px;
  text-decoration: none;
  outline: 0;
}
div.suiviFabLine div.bottom div.pages a.viewclient {
  color: #999999;
  cursor: default;
}
div.suiviFabLine div.bottom div.pages a.inprocess {
  border: 2px dashed white;
  animation: 1s suiviInProcess infinite;
  line-height: 21px;
}
div.suiviFabLine div.bottom div.pages a.inprocessGenPdf {
  border: 2px dashed #4d9647;
  animation: 1s suiviInProcess infinite;
  line-height: 21px;
}
div.suiviFabLine div.bottom div.pages a.lockByUser {
  background-image: url(../Images/suivi_lock_by_user.png);
  background-position: top left;
  background-repeat: no-repeat;
}
div.suiviFabLine div.bottom div.pages a.selection {
  cursor: pointer;
}
div.suiviFabLine div.bottom div.pages a.selection.selected {
  opacity: 0.8;
  color: white;
  background-color: #222222;
  font-size: 15px;
}
div.suiviFabLine div.bottom div.pages a.selection.selected.view3,
div.suiviFabLine div.bottom div.pages a.selection.selected.view5,
div.suiviFabLine div.bottom div.pages a.selection.selected.view7 {
  color: white;
}
div.suiviFabLine div.bottom div.pages a span.tip {
  z-index: 10;
  /*display:none;*/
  padding: 14px 20px;
  margin-top: -10px;
  margin-left: -220px;
  width: 200px;
  float: left;
}
div.suiviFabLine div.bottom div.pages a span.tip.error {
  width: 220px;
  margin-left: -240px;
}
div.suiviFabLine div.bottom div.pages a span.tip img.callout {
  z-index: 20;
  position: absolute;
  top: 15px;
  border: 0;
  /*left:-10px;*/
  left: 200px;
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}
div.suiviFabLine div.bottom div.pages a span.tip span {
  display: block;
  text-align: left;
  line-height: 12px;
}
div.suiviFabLine div.bottom div.pages a span.tip span.title {
  width: 100%;
  border-bottom: 1px solid white;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 20px;
}
div.suiviFabLine div.bottom div.pages a span.tip span.content {
  margin-top: 10px;
}
div.suiviFabLine div.bottom div.pages a span.tip span.content img {
  height: 10px;
  float: left;
  margin-top: 2px;
}
div.suiviFabLine div.bottom div.pages a span.tip span.content span {
  margin-left: 5px;
  float: left;
  width: 145px;
}
div.suiviFabLine div.bottom div.pages a span.tip span.locked {
  padding-top: 10px;
  clear: both;
}
div.suiviFabLine div.bottom div.pages a span.tip span.locked img {
  height: 16px;
  float: left;
  margin-top: -2px;
  /*margin-left:10px;*/

}
div.suiviFabLine div.bottom div.pages a span.tip span.locked span {
  margin-left: 5px;
  float: left;
}
div.suiviFabLine div.bottom div.pages a span.tip span.locked span.name {
  line-height: 14px;
  font-weight: normal;
  font-style: italic;
}
div.suiviFabLine div.bottom div.pages a:hover span.tip {
  display: inline-block;
  position: absolute;
  color: white;
  background: #2987d0;
}
div.suiviFabLine div.bottom div.pages a:hover span.tip.error {
  background: #df3131;
}
div#suiviQuotTop {
  display: grid;
  grid-template-columns: 260px 2fr 5fr 7fr 5fr 2fr;
  grid-auto-rows: minmax(20px, auto);
}
div#suiviQuotTop div {
  font-family: Lato;
  font-weight: 500;
  background-color: #00598e;
  color: white;
  font-size: 20px;
  height: 38px;
  line-height: 38px;
  text-align: center;
}
div#suiviQuotTop div img {
  vertical-align: -1px;
}
div#suiviQuotTop div:nth-child(1),
div#suiviQuotTop div:nth-child(3),
div#suiviQuotTop div:nth-child(4),
div#suiviQuotTop div:nth-child(6) {
  border-right: 1px solid #1274ae;
}
div#suiviQuotTop div:nth-child(2),
div#suiviQuotTop div:nth-child(4),
div#suiviQuotTop div:nth-child(5) {
  border-left: 1px solid #1274ae;
}
div#suiviQuotTop div:nth-child(2) {
  border-right: 1px solid white;
  cursor: pointer;
}
div#suiviQuotTop div:nth-child(6) {
  border-left: 1px solid white;
  cursor: pointer;
}
div#suiviQuotContent div.client div.head {
  display: grid;
  grid-template-columns: 260px repeat(21, 1fr);
  grid-template-rows: repeat(2, 36px);
  text-align: center;
}
div#suiviQuotContent div.client div.head .name {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 3;
  background-color: #1274ae;
  border-right: 1px solid #00598e;
  padding-top: 30px;
  text-align: left;
  font-family: Lato;
  font-weight: 500;
}
div#suiviQuotContent div.client div.head .name div {
  color: white;
  font-size: 20px;
  margin: 0 10px;
}
div#suiviQuotContent div.client div.head .name span {
  color: white;
  margin: 0 10px;
}
div#suiviQuotContent div.client div.head .name select {
  width: 180px;
}
div#suiviQuotContent div.client div.head .change {
  grid-column-start: 2;
  grid-column-end: 22;
  background-color: #1274ae;
  text-align: right;
  line-height: 36px;
  padding: 0 10px 0 0;
  border-left: 1px solid #00598e;
}
div#suiviQuotContent div.client div.head .change img {
  margin: 0 5px;
  vertical-align: -2px;
  height: 15px;
}
div#suiviQuotContent div.client div.head .change span {
  display: block;
  float: right;
  height: 25px;
  width: 25px;
  margin: 0 15px;
  color: white;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
}
div#suiviQuotContent div.client div.head .change span:hover {
  color: #b8d9f6;
}
div#suiviQuotContent div.client div.head .change select {
  width: 170px;
  font-size: 13px;
  height: 21px;
}
div#suiviQuotContent div.client div.head .closeBtn {
  background-color: #1274ae;
  border-left: 1px solid white;
  cursor: pointer;
}
div#suiviQuotContent div.client div.head .closeBtn img {
  margin-top: 8px;
}
div#suiviQuotContent div.client div.head .day {
  padding: 0 0 0 1px;
  font-size: 12px;
  color: white;
  font-family: Arial;
  font-weight: bold;
}
div#suiviQuotContent div.client div.head .day span {
  padding: 6px 0 6px 0;
  display: block;
  line-height: 12px;
  background-color: #318ac8;
}
div#suiviQuotContent div.client div.head .day.sam {
  border-left: 1px solid #00598e;
  padding: 0;
}
div#suiviQuotContent div.client div.head .day.ven {
  border-right: 1px solid #00598e;
}
div#suiviQuotContent div.client div.line {
  display: grid;
  grid-template-columns: 260px repeat(21, 1fr);
  background-color: #e3ebf2;
}
div#suiviQuotContent div.client div.line.alt {
  background-color: white;
}
div#suiviQuotContent div.client div.line div {
  color: #444444;
  padding: 1px 0 1px 1px;
  text-align: center;
  height: 22px;
  line-height: 21px;
}
div#suiviQuotContent div.client div.line div span.quotPage > span {
  visibility: hidden;
  opacity: 0;
  transition: none;
}
div#suiviQuotContent div.client div.line div span.quotPage:hover > span {
  visibility: visible;
  opacity: 1;
  transition-property: visibility, opacity;
  transition-duration: 0s;
  transition-delay: 1.5s;
}
div#suiviQuotContent div.client div.line div span.quotPage {
  display: block;
  font-size: 12px;
  color: white;
}
div#suiviQuotContent div.client div.line div span.quotPage span.tip {
  z-index: 10;
  /*display:none;*/
  padding: 14px 20px;
  margin-top: -10px;
  margin-left: -220px;
  width: 200px;
  float: left;
}
div#suiviQuotContent div.client div.line div span.quotPage span.tip img.callout {
  z-index: 20;
  position: absolute;
  top: 15px;
  border: 0;
  /*left:-10px;*/
  left: 200px;
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}
div#suiviQuotContent div.client div.line div span.quotPage span.tip span {
  display: block;
  text-align: left;
  line-height: 12px;
}
div#suiviQuotContent div.client div.line div span.quotPage span.tip span.title {
  width: 100%;
  border-bottom: 1px solid white;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 20px;
}
div#suiviQuotContent div.client div.line div span.quotPage span.tip span.content {
  margin-top: 10px;
}
div#suiviQuotContent div.client div.line div span.quotPage span.tip span.content img {
  height: 10px;
  float: left;
  margin-top: 2px;
}
div#suiviQuotContent div.client div.line div span.quotPage span.tip span.content span {
  margin-left: 5px;
  float: left;
  width: 145px;
}
div#suiviQuotContent div.client div.line div span.quotPage span.tip span.locked {
  padding-top: 10px;
  clear: both;
}
div#suiviQuotContent div.client div.line div span.quotPage span.tip span.locked img {
  height: 16px;
  float: left;
  margin-top: -2px;
  /*margin-left:10px;*/

}
div#suiviQuotContent div.client div.line div span.quotPage span.tip span.locked span {
  margin-left: 5px;
  float: left;
}
div#suiviQuotContent div.client div.line div span.quotPage span.tip span.locked span.name {
  line-height: 14px;
  font-weight: normal;
  font-style: italic;
}
div#suiviQuotContent div.client div.line div span.quotPage span.tip span.locked span.lockname {
  line-height: 14px;
  font-weight: normal;
  font-style: italic;
}
div#suiviQuotContent div.client div.line div span.quotPage:hover span.tip {
  display: inline-block;
  position: absolute;
  color: white;
  background: #2987d0;
}
div#suiviQuotContent div.client div.line div span.quotPage:hover span.tip.error {
  background: #df3131;
}
div#suiviQuotContent div.client div.line div span.quotPage:hover span.tip.locked {
  padding-top: 10px;
  clear: both;
}
div#suiviQuotContent div.client div.line div span.quotPage:hover span.tip.locked img {
  height: 16px;
  float: left;
  margin-top: -2px;
  /*margin-left:10px;*/

}
div#suiviQuotContent div.client div.line div span.quotPage:hover span.tip.locked span {
  margin-left: 5px;
  float: left;
}
div#suiviQuotContent div.client div.line div span.quotPage:hover span.tip.locked span.lockname {
  line-height: 14px;
  font-weight: normal;
  font-style: italic;
}
div#suiviQuotContent div.client div.line div span.quotPage.lockByUser {
  background-image: url(../Images/suivi_lock_by_user.png);
  background-position: top left;
  background-repeat: no-repeat;
}
div#suiviQuotContent div.client div.line .name {
  padding: 0 0 2px 10px;
  text-align: left;
  border-right: 1px solid #00598e;
  font-size: 12px;
  font-family: Lato;
  font-weight: 700;
  color: #444444;
  text-transform: uppercase;
}
div#suiviQuotContent div.client div.line .name a {
  color: #444444;
  text-decoration: none;
  outline: 0;
}
div#suiviQuotContent div.client div.line .name a:hover {
  color: #999999;
}
div#suiviQuotContent div.client div.line .sam {
  padding: 1px 0 1px 0;
  border-left: 1px solid #00598e;
}
div#suiviQuotContent div.client div.line .ven {
  border-right: 1px solid #00598e;
}
div#suiviQuotContent div.client div.line span.inprocess {
  border: 2px dashed white;
  animation: 1s suiviInProcess infinite;
  line-height: 17px;
}
div#suiviQuotContent div.client div.line span.inprocessGenPdf {
  border: 2px dashed #4d9647;
  animation: 1s suiviInProcess infinite;
  line-height: 17px;
}
div#suiviQuotContent div.client div.line .hover {
  cursor: pointer;
}
div#suiviQuotContent div.client div.line span img {
  max-height: 20px;
}
div#suiviQuotContent div.client div.line:hover .name a {
  color: #999999;
}
div#suiviQuotContent div.space {
  height: 22px;
  display: grid;
  grid-template-columns: 260px repeat(3, 1fr);
  grid-template-rows: 22px;
  background-color: #e3ebf2;
}
div#suiviQuotContent div.space.alt {
  background-color: white;
}
div#suiviQuotContent div.space div {
  border-right: 1px solid #00598e;
}
div#suiviQuotContent div.space div:nth-child(2),
div#suiviQuotContent div.space div:nth-child(3),
div#suiviQuotContent div.space div:nth-child(4) {
  border-left: 1px solid #00598e;
}
ul.context-menu-list {
  background-color: #efefef;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  font-family: Arial;
  width: 210px;
  background-image: url(../Images/ContextMenu/cmBg.png);
  background-repeat: repeat-y;
}
ul.context-menu-list li.context-menu-item {
  background-color: #efefef;
  padding: 2px 0 0 28px;
  background-image: url(../Images/ContextMenu/cmBg.png);
  background-repeat: repeat-y;
}
ul.context-menu-list li.context-menu-item:hover {
  background-color: #7e97b7;
}
ul.context-menu-list li.context-menu-item.context-menu-icon-view0 {
  background-image: url(../Images/ContextMenu/cmView0.png);
  margin-bottom: 1px;
}
ul.context-menu-list li.context-menu-item.context-menu-icon-view1 {
  background-image: url(../Images/ContextMenu/cmView1.png);
  margin-bottom: 1px;
}
ul.context-menu-list li.context-menu-item.context-menu-icon-view2 {
  background-image: url(../Images/ContextMenu/cmView2.png);
  margin-bottom: 1px;
}
ul.context-menu-list li.context-menu-item.context-menu-icon-view3 {
  background-image: url(../Images/ContextMenu/cmView3.png);
  margin-bottom: 1px;
}
ul.context-menu-list li.context-menu-item.context-menu-icon-view4 {
  background-image: url(../Images/ContextMenu/cmView4.png);
  margin-bottom: 1px;
}
ul.context-menu-list li.context-menu-item.context-menu-icon-view5 {
  background-image: url(../Images/ContextMenu/cmView5.png);
  margin-bottom: 1px;
}
ul.context-menu-list li.context-menu-item.context-menu-icon-view7 {
  background-image: url(../Images/ContextMenu/cmView7.png);
  margin-bottom: 1px;
}
ul.context-menu-list li.context-menu-item.context-menu-icon-view8 {
  background-image: url(../Images/ContextMenu/cmView8.png);
  margin-bottom: 1px;
}
ul.context-menu-list li.context-menu-item.context-menu-separator {
  border-bottom: 1px solid #d5d5d5;
  margin: 10px 0;
  background-image: url(../Images/ContextMenu/cmBg.png);
  background-repeat: repeat-y;
}
ul.context-menu-list li.context-menu-item.context-menu-separator:hover {
  background-color: #efefef;
}
/*******************************************************************************************
	PLANNING
*******************************************************************************************/

div#planningContent {
  bottom: 40px;
  background-color: white;
}
div#planningContent div#planningEditContent {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 30px 1fr;
  grid-column-gap: 45px;
  grid-row-gap: 10px;
  grid-template-areas: "dates dates" "users mags";
  height: 100%;
}
div#planningContent div#planningEditContentSettings {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 45px;
  grid-row-gap: 10px;
  grid-template-areas: "users mags";
  height: 100%;
}
div#planningContent div#planningVisuContent {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 40px 40px 1fr;
  height: 100%;
}
div#planningContent div#planningVisuContent div.planUserContent {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: repeat(10, min-content);
  grid-row-gap: 5px;
  grid-column-gap: 5px;
}
div#planningContent div.planningEditDates {
  grid-area: dates;
}
div#planningContent div.planningEditDates,
div#planningContent div.planningVisuDates {
  background-color: #318ac8;
  height: 30px;
  padding-right: 10px;
}
div#planningContent div.planningEditDates p,
div#planningContent div.planningVisuDates p {
  color: white;
  float: left;
  height: 30px;
  line-height: 30px;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 0;
}
div#planningContent div.planningEditDates p.right,
div#planningContent div.planningVisuDates p.right {
  float: right;
}
div#planningContent div.planningEditDates p.selected,
div#planningContent div.planningVisuDates p.selected {
  text-align: center;
}
div#planningContent div.planningEditDates p.selected span,
div#planningContent div.planningVisuDates p.selected span {
  background-color: #034882;
}
div#planningContent div.planningEditDates p.selected:hover span,
div#planningContent div.planningVisuDates p.selected:hover span {
  background-color: #034882;
}
div#planningContent div.planningEditDates p a,
div#planningContent div.planningVisuDates p a,
div#planningContent div.planningEditDates p span,
div#planningContent div.planningVisuDates p span {
  color: white;
  padding: 0 25px;
  display: block;
  width: 100%;
  height: 30px;
}
div#planningContent div.planningEditDates p:hover span,
div#planningContent div.planningVisuDates p:hover span,
div#planningContent div.planningEditDates p:hover a,
div#planningContent div.planningVisuDates p:hover a {
  cursor: pointer;
  background-color: #4aa0dc;
  text-decoration: none;
  outline: 0;
}
div#planningContent div.planningEditUsers {
  grid-area: users;
  display: grid;
  grid-template-rows: 40px 1fr;
  height: 100%;
}
div#planningContent div.planningEditUsers div.planUserContent {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: repeat(10, min-content);
  grid-row-gap: 5px;
  grid-column-gap: 5px;
}
div#planningContent div div.planUserContent {
  padding: 5px;
  overflow: auto;
}
div#planningContent div div.planUserContent div.planUser {
  border: 1px solid #c2dcf2;
}
div#planningContent div div.planUserContent div.planUser p.user {
  background-color: #a5c9e7;
  height: 30px;
  line-height: 30px;
  padding-left: 10px;
  color: #444444;
  font-family: Lato;
  font-weight: bold;
  margin-bottom: 0;
}
div#planningContent div div.planUserContent div.planUser p.user span {
  float: right;
  margin-right: 5px;
  margin-top: 3px;
  padding: 0 5px;
  display: inline-block;
  color: white;
  font-size: 12px;
  background-color: #318ac8;
  height: 24px;
  line-height: 24px;
  cursor: pointer;
}
div#planningContent div div.planUserContent div.planUser ul.planMags {
  padding: 5px;
  margin-bottom: 0;
  height: calc(100% - 30px);
  min-height: 20px;
}
div#planningContent div div.planUserContent div.planUser ul.planMags.highlight {
  background-color: #eeeeee;
}
div#planningContent div div.planUserContent div.planUser ul li.planMags {
  margin-bottom: 10px;
}
div#planningContent div div.planUserContent div.planUser ul li.planMags:last-child {
  margin-bottom: 0;
}
div#planningContent div div.planUserContent div.planUser ul.planMag li {
  display: inline-block;
  line-height: 24px;
  height: 24px;
}
div#planningContent div div.planUserContent div.planUser ul.planMag li.title {
  font-weight: bold;
  margin-right: 10px;
}
div#planningContent div div.planUserContent div.planUser ul.planMag li.page {
  border: 1px solid #d5d5d5;
  padding: 0 5px;
  margin-bottom: 2px;
  font-size: 10px;
  background-color: #eeeeee;
  font-weight: bold;
}
div#planningContent div div.planUserContent div.planUser ul.planMag li.page.special {
  color: #aaaaaa;
  border: 1px solid red;
  opacity: 0.8 !important;
}
div#planningContent div div.planUserContent div.planUser ul.planMag li.page a {
  color: #333333;
}
div#planningContent div div.planUserContent div.planUser ul.planMag li.page span.delete {
  padding: 0 2px;
  margin-top: 2px;
  background-color: #fd968c;
  color: white;
  font-size: 14px;
  font-weight: 100;
  display: inline-block;
  height: 18px;
  line-height: 18px;
  width: 16px;
  text-align: center;
}
div#planningContent div div.planUserContent div.planUser ul.planMag li.page span.delete:hover {
  cursor: pointer;
  background-color: #891924;
}
div#planningContent div.planningEditMags {
  grid-area: mags;
  height: 100%;
  display: grid;
  grid-template-rows: 40px 1fr;
}
div#planningContent div.planningEditMags div.planMagContent {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(10, min-content);
  grid-row-gap: 5px;
  padding: 5px;
  overflow: auto;
}
div#planningContent div.planningEditMags div.planMagContent div.planMag {
  border: 1px solid #c2dcf2;
}
div#planningContent div.planningEditMags div.planMagContent div.planMag p.title {
  background-color: #a5c9e7;
  height: 30px;
  line-height: 30px;
  padding-left: 10px;
  color: #444444;
  font-family: Lato;
  font-weight: bold;
  margin-bottom: 0;
}
div#planningContent div.planningEditMags div.planMagContent div.planMag ul.pages {
  padding: 5px;
  margin-bottom: 0;
  font-weight: bold;
}
div#planningContent div.head {
  background-color: #318ac8;
  height: 40px;
  line-height: 28px;
  padding: 5px 10px;
}
div#planningContent div.head div.rightAlign {
  text-align: right;
  padding-right: 10px;
}
div#planningContent div.head .chosen-container-single {
  margin-top: 3px;
}
div#planningContent div.split50 {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
div#planningContent div.split70px {
  display: grid;
  grid-template-columns: 70px 1fr;
}
div#planningContent div.split200px {
  display: grid;
  grid-template-columns: 200px 1fr;
  grid-column-gap: 45px;
}
div#planningContent div li.page {
  z-index: 999;
  cursor: pointer;
  display: inline-block;
  line-height: 24px;
  height: 24px;
  border: 1px solid #d5d5d5;
  padding: 0 5px;
  margin-bottom: 2px;
  font-size: 10px;
  background-color: #eeeeee;
}
div#planningContent div li.page img {
  height: 10px;
  margin-left: 2px;
}
div#planningContent div li.sep {
  display: block !important;
  width: 100% !important;
  height: 1px !important;
}
div#planningContent div li.date {
  display: inline-block;
  line-height: 24px;
  height: 24px;
  border: 1px solid #d5d5d5;
  padding: 0 5px;
  margin-bottom: 2px;
  font-size: 10px;
  background-color: #4aa0dc;
  color: white;
}
/*******************************************************************************************
	DECLARATIONS COMMUNES
*******************************************************************************************/

div#railwayRight div.nav,
div#previewRight div.nav,
div#settingsContent div.nav {
  position: fixed;
  bottom: 0;
  right: 0;
  top: 40px;
  left: 265px;
  height: 30px;
  background-color: #318ac8;
}
div#railwayRight div.nav p,
div#previewRight div.nav p,
div#settingsContent div.nav p {
  color: white;
  float: left;
  height: 30px;
  line-height: 30px;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: bold;
}
div#railwayRight div.nav p.right,
div#previewRight div.nav p.right,
div#settingsContent div.nav p.right {
  float: right;
}
div#railwayRight div.nav p.selected,
div#previewRight div.nav p.selected,
div#settingsContent div.nav p.selected {
  text-align: center;
}
div#railwayRight div.nav p.selected span,
div#previewRight div.nav p.selected span,
div#settingsContent div.nav p.selected span {
  background-color: #034882;
}
div#railwayRight div.nav p.selected:hover span,
div#previewRight div.nav p.selected:hover span,
div#settingsContent div.nav p.selected:hover span {
  background-color: #034882;
}
div#railwayRight div.nav p a,
div#previewRight div.nav p a,
div#settingsContent div.nav p a,
div#railwayRight div.nav p span,
div#previewRight div.nav p span,
div#settingsContent div.nav p span {
  color: white;
  padding: 0 25px;
  display: block;
  width: 100%;
  height: 30px;
}
div#railwayRight div.nav p:hover span,
div#previewRight div.nav p:hover span,
div#settingsContent div.nav p:hover span,
div#railwayRight div.nav p:hover a,
div#previewRight div.nav p:hover a,
div#settingsContent div.nav p:hover a {
  cursor: pointer;
  background-color: #4aa0dc;
  text-decoration: none;
  outline: 0;
}
div#railwayRight div.nav.full,
div#previewRight div.nav.full,
div#settingsContent div.nav.full {
  left: 0px !important;
}
/*******************************************************************************************
	ADMIN
*******************************************************************************************/

div.AdminPreviewWrapper {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 89, 142, 0.8);
  color: white;
}
div.AdminPreviewWrapper ul {
  text-align: left;
  display: grid;
  height: 100%;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 50px repeat(15, 28px) 35px;
  grid-gap: 0px;
  grid-template-areas: "header header header header" "nametitle namecontent namecontent namecontent" "filetitle filecontent filecontent filecontent" "cattitle catcontent catcontent catcontent" "datetitle datecontent datecontent datecontent" "typetitle typecontent subtypetitle subtypecontent" "processtitle processcontent processcontent processcontent" "pdftitle pdfcontent pdfcontent pdfcontent" "statustitle statuscontent . processrunning" "parenttitle parentcontent . multipage" "lockedtitle lockedcontent lockedcontent locked" "viewstatustitle viewstatuscontent viewstatuscontent viewstatuscontent" "softtitle softcontent softcontent softcontent" "zonetitle zonecontent zonecontent zonecontent" "widthtitle widthcontent heighttitle heightcontent" "errortitle errorcode errormessage errormessage" ". . . button";
}
div.AdminPreviewWrapper ul li {
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
}
div.AdminPreviewWrapper ul li.header {
  height: 50px;
  font-size: 20px;
  line-height: 50px;
  background-color: #034882;
  font-family: Lato;
}
div.AdminPreviewWrapper ul li.header div {
  float: left;
  padding-left: 10px;
}
div.AdminPreviewWrapper ul li.header div span {
  font-size: 10px;
}
div.AdminPreviewWrapper ul li.header span.closebtn {
  float: right;
  padding-right: 10px;
  cursor: pointer;
}
div.AdminPreviewWrapper ul li.button {
  height: 35px;
  line-height: 35px;
}
div.AdminPreviewWrapper ul li.button button {
  width: 100%;
  height: 35px;
  font-size: 16px;
}
div.AdminPreviewWrapper ul li.cbfield {
  display: grid;
  grid-template-columns: 1fr 25px;
}
div.AdminPreviewWrapper ul li.cbfield input[type=checkbox] {
  margin-top: -1px;
}
div.AdminPreviewWrapper ul li input[type=text] {
  padding-left: 5px;
}
div.AdminPreviewWrapper ul li input[type=text],
div.AdminPreviewWrapper ul li select {
  width: 100%;
  height: 24px;
}
div.AdminPreviewWrapper ul li label {
  font-weight: normal;
}
div.AdminPreviewWrapper ul li span.modalLabel {
  font-family: Lato;
}
div.AdminPreviewWrapperV2 {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 89, 142, 0.8);
  color: white;
}
div.AdminPreviewWrapperV2 ul {
  text-align: left;
}
div.AdminPreviewWrapperV2 ul li {
  padding: 0 10px;
  width: 100%;
}
div.AdminPreviewWrapperV2 ul li.header {
  height: 50px;
  font-size: 20px;
  line-height: 50px;
  background-color: #034882;
  font-family: Lato;
}
div.AdminPreviewWrapperV2 ul li.header div {
  float: left;
  padding-left: 10px;
}
div.AdminPreviewWrapperV2 ul li.header div span {
  font-size: 10px;
}
div.AdminPreviewWrapperV2 ul li.header span.closebtn {
  float: right;
  padding-right: 10px;
  cursor: pointer;
}
div.AdminPreviewWrapperV2 ul li.separator {
  height: 0;
  margin: 10px 0 !important;
}
div.AdminPreviewWrapperV2 ul li.separator hr {
  margin: 0;
}
div.AdminPreviewWrapperV2 ul li.adminLine {
  height: 30px;
  line-height: 30px;
  display: grid;
  grid-template-columns: 80px 1fr;
}
div.AdminPreviewWrapperV2 ul li.adminLine div.splitCb {
  display: grid;
  grid-template-columns: 20px 1fr;
}
div.AdminPreviewWrapperV2 ul li.adminLine input[type=text] {
  padding-left: 5px;
}
div.AdminPreviewWrapperV2 ul li.adminLine input[type=text],
div.AdminPreviewWrapperV2 ul li.adminLine select {
  width: 100%;
  height: 24px;
}
div.AdminPreviewWrapperV2 ul li.adminButton {
  height: 45px;
  line-height: 45px;
  margin-top: 10px;
}
div.AdminPreviewWrapperV2 ul li.adminButton a,
div.AdminPreviewWrapperV2 ul li.adminButton button {
  width: 80%;
  height: 45px;
  display: block;
  text-align: center;
  line-height: 45px;
  color: #444444;
  text-transform: uppercase;
  text-decoration: none;
  outline: 0;
  cursor: pointer;
  margin: auto;
}
div.AdminPreviewWrapperV2 ul li.adminButton a {
  background-color: #c2dcf2;
}