body {
  font-family:        sans-serif;
  margin:             0;
  padding:            0;
}

img {
  vertical-align:     bottom;
}

a:hover {
  text-decoration:    underline;
}

h1 {
  margin:             0.5em;
  margin-bottom:      1px;
  border-bottom:      1px solid #0072b8;
  color:              #0072b8;
  clear:              left;
}

h2 {
  margin:             0.7em;
  margin-bottom:      1px;
  color:              #0072b8;
  clear:              left;
}

a img {
  border:             none;
}

.btn {
  cursor:             pointer;
  margin:             2px;
}

/*
 * Interface
 */
#main {
  width:              1000px;
  height:             600px;
  margin:             auto;
  border:             1px solid #0072b8;
  border-collapse: collapse;
}

#left {
  vertical-align:     top;
  background-color:   #0072b8;
  width:              160px;
}

#right {
  vertical-align:     top;
}

#logo {
  margin:             auto;
  width:              142px;
  margin-left:        9px;
  margin-top:         9px;
  background-color:   #fff;
  border:             1px solid #0072b8;
  -moz-border-radius: 15px;
  border-radius:      15px;
  padding-top:        30px;
  padding-bottom:     30px;
}

#status {
  margin:             0;
  padding:            0;
  font-size:          0.7em;
  color:              #fff;
  text-align:         right;
  background-color:   #0072b8;
  padding:            0.3em;
  height:             1em;
}

#user_name {
  font-weight:        bold;
}

footer {
  width:             100%;
  text-align:        center;
  color:             #333;
  font-size:         0.6em;
  font-style:        italic;
}

/*
 * LSsession
 */
#LSsession_topDn {
  height:                   1.5em;
  width:                    166px;
}

#LSsession_topDn_form {
  margin:                   5px;
  color:                    #fff;
}

/*
 ******************
 * Menu
 ******************
 */
#toggle-menu {
  display: none;
}

form.LSglobal_search {
  margin-top: 0.8em;
  border: 1px solid #0097c4;
  display: flex;
}

input.LSglobal_search {
  width: 144px!important;
  border: none!important;
  margin-right: 0;
  height: 20px;
  padding: 1px 3px;
  display: flex;
  outline: none;
  box-sizing: border-box;
}

form.LSglobal_search input[type='image'] {
  display: inline-block;
  margin-left: 0;
  box-sizing: content-box;
  height: 16px;
  padding: 2px;
  display: flex;
}

ul.menu {
  list-style-image:   url(../image/puce);
}

li.menu {
  color:              #fff;
}

a.menu {
  color:              #fff;
  text-decoration:    none;
}

/*
 ****************
 * LSobject-list
 ****************
 */

table.LSobject-list, table.LStable {
  margin-left:        1em;
  margin-top:         0.5em;
  border:             1px solid #0072b8;
  width:              805px;
  border-collapse:    collapse;
  clear:              both;
}

/*
 * th
 */
th.LSobject-list, table.LStable th {
  background-color:   #0072b8;
  color:              #fff;
}

a th.LSobject-list {
  text-decoration:    none;
}

th.LSobject-list-subdn {
  width:              15em;
}

img.LSobject-list-ordersense {
  vertical-align:     middle;
}

th.LSobject-list a, table.LStable th a {
  color:              #fff;
  text-decoration:    none;
}

/*
 * tr
 */
tr.LSobject-list-bis, table.LStable tr.bis {
  background-color:   #c1d7e3;
}

tr.LSobject-list:hover, table.LStable tr:hover {
  background-color:   #729EB6;
}

/*
 * td
 */
td.LSobject-list, table.LStable tbody td {
  border:             1px solid #0072b8;
  padding:            0.1em;
}

td.LSobject-list-without-result {
  text-align:         center;
}

a.LSobject-list, table.LStable tbody a {
  color:              #000;
  text-decoration:    none;
}

/* Action */
a.LSobject-list-actions {
  color:              #0072b8;
  text-decoration:    none;
}

a.LSobject-list-actions:hover {
  text-decoration:    underline;
}

td.LSobject-list-actions {
  text-align:         center;
  width:              7em;
}

/* Name */
td.LSobject-list-names {
  cursor:             pointer;
}

/*
 * Liste des pages
 */
p.LSobject-list-page {
  text-align:         center;
  margin:             auto;
  margin-top:         0.5em;
  max-width:          20em;
}

a.LSobject-list-page, a.LSobject-list-nb-by-page {
  color:              #0072b8;
  text-decoration:    none;
}

a.LSobject-list-page:hover, a.LSobject-list-nb-by-page:hover {
  color:              #0072b8;
}

strong.LSobject-list-page, strong.LSobject-list-nb-by-page {
  color:              #0072b8;
}

#LSobject_list_nbresult, p.LSobject-list-nb-by-page {
  float:              right;
  clear:              both;
  color:              #333;
  font-style:         italic;
  margin:             0;
  margin-right:       20px;
}

#LSobject_list_nbresult {
  text-transform:     lowercase;
}

/*
 *******************
 * LSview-actions
 *******************
 */
#LSview_title, #LSform_title {
  clear:              both;
  margin-bottom:      0;
}

a.LSview-actions {
  text-decoration:    none;
  color:              #000;
}

ul.LSview-actions {
  clear:              both;
  float: right;
  text-align:         right;
  font-size:          0.8em;
  margin:             0;
  margin-right:       3rem;
  margin-bottom:      0.8rem;
  color:              #0072b8;
  padding-left:       0;
}

li.LSview-actions {
  text-decoration:    none;
  color:              #000;
  border:             1px solid #0072b8;
  border-top:         0;
  padding:            0.4rem;
  display:            inline-block;
  margin-right:       0.1rem;
}

li.LSview-actions-hidden-label a span {
  display: none;
}

/*
 *******************
 * question
 *******************
 */
p.question {
  margin-left:        3em;
}

a.question {
  margin-left:        10em;
  margin-top:         3em;
  color:              #0072b8;
}

/*
 *********************
 * LSview_search
 *********************
 */
div.LSview_search {
  float:              right;
  margin:             0;
  margin-top:         0.5rem;
  margin-right:       2em;
  margin-bottom:      -2rem;
}

#LSview_search_param {
  margin:             0px;
  padding:            0px;
}

label.LSview_search {
  font-size:          0.6em;
}

input[type='text'].LSview_search {
  border:             1px solid #0072b8;
  width:              12em;
}

input[type='submit'].LSview_search, button {
  border:             1px solid #0072b8;
  width:              8rem;
  background-color:   #0072b8;
  color:              #fff;
}

#LSview_search_predefinedFilter {
  float:              left;
  margin-top:         0.2rem;
  margin-bottom:      0;
  margin-left:        1.2rem;
}

/*
 *********************
 * Error page
 *********************
 */
#error {
	margin: auto;
	max-width: 80%;
	text-align: center;
}

#error h1 {
	border: none;
}

#error pre {
	color: #111;
	text-align: left;
	background-color: #eee;
	width: 80%;
  white-space: pre-wrap;
	margin: auto;
	margin-top: 3em;
	padding: 0.5em;
	border-radius: 1em;
	border: 1px solid #ccc;
}

#error pre em {
	border-radius: 6px;
	background-color: #60B7D4;
	font-family: sans-serif;
	font-size: 1em;
	font-style: normal;
	padding: 5px;
	margin: 0.2em;
	margin-top: -1.5em;
	display: block;
	max-width: 50%;
	border-radius: 1em;
	font-weight: bold;
  white-space: pre-wrap;
}

@media (max-width: 1024px) {
  #main {
    margin: 0;
    border: none;
    width: 100vw;
  }

  #left {
    display: block;
    position: fixed;
    z-index: 1001;
    top: 0px;
    height: 100%;
    overflow: auto;
  }

  #status {
    width: 100vw;
    display: block;
    padding-left: 22px;
    z-index: 1000;
    height: auto;
    min-height: 26px;
    box-sizing: border-box;
  }

  #main tr:first-of-type {
    height: 1px;
  }

  #right {
    width: 100vw;
    display: block;
    padding: 1vw;
    box-sizing: border-box;
  }

  h1 {
    margin-left: 0;
    width: 98vw;
  }

  table.LSobject-list {
    width: 98vw;
    margin-left: 0;
  }

  select#LSview_search_predefinedFilter {
    margin-left: 0;
  }

  ul.LSview-actions {
    margin-right: 1vw;
  }

  /*
   * Manage menu toggle
   */
  #toggle-menu {
   display: block;
   background: white;
   border: none;
   cursor: pointer;
   padding: 0;
   margin: 0;
   width: 22px;
   height: 22px;
   position: absolute;
   top: 0px;
   left: 0px;
  }

  #toggle-menu img {
    margin: 3px;
    height: 16px;
  }

  #main:not(.menu-visible) #left > :not(#toggle-menu) {
    display: none;
  }

  #main:not(.menu-visible) #left {
    width: 22px;
    height: 22px;
    top: 1px;
    background: transparent;
  }

  ul.LSview-actions-dropdown {
    background: url('../image/generate') center no-repeat;
    width: 22px;
    height: 22px;
    margin-right: 0;
    cursor: pointer;
  }

  ul.LSview-actions-dropdown-opened) {
    margin-top: 22px;
  }

  ul.LSview-actions-dropdown:not(.LSview-actions-dropdown-opened) li {
    display: none;
  }

  ul.LSview-actions-dropdown-opened li.LSview-actions {
    background: white;
    position: relative;
    width: 30vw;
    right: 29vw;
    text-align: left;
  }

  ul.LSview-actions-dropdown-opened li.LSview-actions a {
    display: inline-block;
    width: 100%;
  }

  ul.LSview-actions-dropdown-opened li.LSview-actions:first-of-type {
    margin-top: 22px;
    border-top: 1px solid #0072b8;
  }

  ul.LSview-actions-dropdown li.LSview-actions-hidden-label a span {
    display: initial;
  }
}

@media (max-width: 400px) {
  h1 {
    margin-top: 0;
  }

  div.LSview_search {
    float: none;
    margin-bottom: 0.5rem;
  }

  p.LSobject-list-page {
    clear: both;
  }

  #LSobject_list_nbresult, p.LSobject-list-nb-by-page {
    margin: 1vw;
    height: 1rem;
  }

  p.LSobject-list-nb-by-page {
    float: left;
    margin-top: calc(-1rem - 1vw);
  }
}
