/* fonts {{{ */

@font-face { font-family: 'Museo Sans'; font-weight: 500;
  src: url('/assets/fonts/museo-sans/museo-sans-500.woff') format('woff') }
@font-face { font-family: 'Museo Sans'; font-weight: 500; font-style: italic;
  src: url('/assets/fonts/museo-sans/museo-sans-500-italic.woff') format('woff')}

@font-face { font-family: 'Museo Sans'; font-weight: 700;
  src: url('/assets/fonts/museo-sans/museo-sans-700.woff') format('woff') }
@font-face { font-family: 'Museo Sans'; font-weight: 700; font-style: italic;
  src: url('/assets/fonts/museo-sans/museo-sans-700-italic.woff') format('woff')}

/* }}} */
/* reset {{{ */

/*div, span, a, li, h1, h2, h3 { background-repeat: no-repeat !important }*/
/* * { -webkit-backface-visibility: hidden } */
body { -webkit-font-smoothing: antialiased }
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block }
figure { margin: 0 }
time { display: inline }
html { font-size: 62.5%; overflow-y: scroll }
body { margin: 0; height: 100% }
a img { border: 0 }
a { text-decoration: none }
@-moz-document url-prefix() { a:active { outline: 0 } }
*[tabindex]:not(a) { outline: 0 }
small { font-size: 90% }
sup, sub { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; font-size: 62.5% }
sup { bottom: 1ex }
sub { top: .5ex }
abbr[title], dfn[title], s[title] { cursor: help }
button, input[type="submit"], input[type="button"], input[type="reset"], * html input { width: auto; overflow: visible }
button, input[type="submit"], input[type="button"], input[type="reset"] { cursor: pointer }
button::-moz-focus-inner { border: 0; padding: 1px }
fieldset { border: 0 }
legend { padding: 0 }
input, select, button, textarea { font-size: 100%; margin: 0; max-width: 100% }
fieldset { margin: 0; padding: 0 }
input[type="file"] { margin-right: 6px }
u { text-decoration: none }
*[hidden] { display: block }
nav, legend, #fields span.label, button { -webkit-user-select: none; -moz-user-select: none }

/* }}} */
/* utils {{{ */

#meta::after { content: ''; display: block; clear: both }
div, span, section, textarea, input, *[contenteditable] { box-sizing: border-box }

/* }}} */



/* general {{{ */

body {
  font-size: 130%;
  line-height: 1.4;
  position: relative;
}
body, legend, input, textarea, button { font-family: 'Museo Sans', Arial, sans-serif; color: #222 }
input, textarea { color: #808080 }
option { font-family: Arial, sans-serif; }
abbr[title], dfn[title] { border-bottom: 1px dotted #ccc }
h1, h2, h3, h4, h5, h6 { line-height: 1.1; text-rendering: optimizeLegibility; margin: 0.8em 0 }
p, ul, ol, dl, table, figure { margin: 0.75em 0 }
ul:empty, ol:empty, dl:empty { margin: 0 !important }
a:link, a:visited { color: #1b75bb }
*[tabindex] { outline: 0 }
.shy { position: absolute; left: -9999px }
@-moz-document url-prefix() { .shy { display: none } }
hgroup > :first-child { margin-bottom: 0.25em }
hgroup > :first-child + * { margin-top: 0.25em }
span.i { font-style: italic }
span.b { font-weight: bold }
span.small { font-size: 90%; opacity: 0.8 }
.error { color: red }
.success { color: green; font-weight: bold }
.visible { display: block !important; visibility: visible !important; opacity: 1 }
.hidden { display: none !important; visibility: hidden !important; opacity: 0 }
hr { border: 0; margin: 0; padding: 0.5em 0; }

/* }}} */
/* shared {{{ */

.notice {
  margin: 2em 0;
  font-size: 18px;
  padding: 0.8em 1.2em 0.7em;
  background: #FFFFBF;
  border-top: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
}

/* }}} */
/* layout {{{ */

html {
  height: 100%;
  background: #ebebeb;
}
body {
  width: 1200px;
  padding: 0 20px;
  margin: 0 auto;
}
  #meta + #main,
  #meta + #nav { margin-top: 47px }
  #main {
    position: relative;
    display: -webkit-box;
    width: 100%;
    min-height: 700px;
    border-radius: 8px;
    border: 2px solid #b3b3b3;
    box-shadow: 0 2px 6px rgba(0,0,0,0.4);
  }
    #main form {
      display: -webkit-box;
      -webkit-box-flex: 1;
    }
      #fields {
        border-radius: 8px 0 0 8px;
        -webkit-box-flex: 1;
        padding: 34px 32px 42px;
        background: #fff;
      }
      #sidebar {
        border-radius: 0 6px 8px 0;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        width: 390px;
        background: -webkit-linear-gradient(#808080, #999 150px);
      }
        #buttons {
          position: relative;
          padding: 16px 34px 5px;
        }
        #current-book-info {
          position: relative;
          padding: 16px 34px;
          color: #fff;
          text-shadow: 1px 1px 0 rgba(0,0,0,0.2);
          font-weight: bold;
          -webkit-font-smoothing: subpixel-antialiased;
          line-height: 1.2;
        }
          #current-book-info p {
            margin: 0.5em 0;
          }
          #current-book-info p.subheading { font-size: 11px }
          #current-book-info p.strapline { font-size: 12px }
          #current-book-info p.title { font-size: 18px }
          #current-book-info p.subtitle { font-size: 12px }
          #current-book-info .tooltip {
            color: #404040;
            text-shadow: none;
          }
            #current-book-info .tooltip p.collaborators {
              font-size: 16px;
            }

        #current-book-status {
          position: relative;
          padding: 8px 34px;
          color: #fff;
          text-shadow: 1px 1px 0 rgba(0,0,0,0.2);
          line-height: 1.2;
        }
          #current-book-status ul {
            list-style: none;
            padding: 0;
            line-height: 1.4;
          }
            #current-book-status ul input {
              vertical-align: -2px;
            }
            #current-book-status ul span.label {
              display: inline-block;
              font-size: 14px;
              font-weight: normal;
              margin-left: 0.3em;
            }
            #current-book-status ul span.label:first-child {
              margin-left: 20px;
            }
              #current-book-status ul span.label span.format {
                display: inline-block;
                border-radius: 0.65em;
                padding: 0 0.5em;
                background: rgba(255,255,255,0.2);
              }

        #buttons::after,
        #current-book-info::after,
        #current-book-status::after,
        #notes::after {
          content: '';
          position: absolute;
          display: block;
          bottom: 0;
          left: 12px;
          right: 12px;
          border-top: 1px solid #818181;
          border-bottom: 1px solid #b0b0b0;
        }
        #notes {
          position: relative;
          padding: 22px 34px 34px;
          -webkit-box-flex: 1;
        }
        #logo {
          display: -webkit-box;
          -webkit-box-pack: center;
          -webkit-box-align: center;
          height: 135px;
          border-radius: 0 0 6px 0;
          background: -webkit-linear-gradient(90deg, #808080, #999 150px);
        }
        .calendar #logo {
          height: 85px;
          background: -webkit-linear-gradient(90deg, #808080, #999 80px);
        }

/* }}} */

.hidden-words {
  padding: 10px 0;
  font-size: 12px;
}

.hidden-words .a { display: none; }

/* forms {{{ */

.field { clear: both }
.field + .field {
  margin-top: 0.8em;
}
.closefield .field + .field {
  margin-top: 0;
}
  fieldset fieldset {
    padding: 0;
    margin: 0;
  }
    fieldset fieldset legend {
      padding-bottom: 1px;
    }
    span.date {
      position: relative;
      display: inline-block;
      padding-bottom: 1px;
    }
      span.date label,
      span.date span.select {
        display: inline-block;
      }
      span.date label + label {
        margin-left: 0.5em;
      }
      span.de-date,
      span.a-date {
          text-transform: uppercase;
          display: inline-block;
          width:30px;
      }

      span.date a.btn-calendar {
        margin-left: .5em;
        display: inline-block;
        position: absolute;
        top: 1px;
      }

      span.date a.btn-calendar img {
        display: block;
        padding: 1px 2px 2px 1px;
        background: #4d4d4d;
        border-radius: 2px;
      }

      .jsCalendar {
        position: absolute;
        z-index: 2000;
        padding: .25em;
        background: white;
        border: solid 1px #4d4d4d;
        border-radius: 3px;
      }

  label {
    position: relative;
    display: -webkit-box;
    -webkit-box-orient: vertical;
  }
    span.label {
      display: block;
      font-weight: bold;
      font-size: 12px;
      margin-bottom: 0.25em;
    }
    span.label-checkbox {
      display: inline-block;
      font-weight: bold;
      font-size: 12px;
      margin-bottom: 0.25em;
      margin-left: 0.5em;
    }
    span.input,
    span.select {
      display: block;
      -webkit-box-ordinal-group: 2;
      width: 98%;
    }
    span.select {
      margin-left: 1px;
    }
      .contributors span.select select {
        width: 370px;
      }
      .contributors .yellow textarea{
          background: #fefbc4;
      }
    input:not([type="checkbox"]):not([type="radio"]),
    textarea {
      border: 6px solid #fff;
      border-left-width: 9px;
      margin: 1px;
      box-shadow: 0 0 0 1px #ccc;
      width: 84%;
    }
    .fieldsets.large input:not([type="checkbox"]):not([type="radio"]) {
      width: 99.5%;
    }
    span.radio,
    span.checkbox {
      display: inline-block;
    }
    span.radio + span.label,
    span.checkbox + span.label {
      display: inline-block;
      margin-left: 0.5em;
    }
    textarea {
      min-height: 3.9em;
      max-height: 12.2em;
    }
    textarea,
    .auto-resize-clone div {
      border: 1px solid #ccc;
      box-shadow: none;
      margin: 0 0 -5px;
      width: 100%;
      padding: 10px;
      line-height: normal;
      white-space: pre-wrap;
    }
    .auto-resize-clone {
      height: 0;
      overflow: hidden;
    }
      .auto-resize-clone div { visibility: hidden }

    .state-radios {
      float: right;
      margin-top: -2em;
    }
      .state-radios ul {
        list-style: none;
        margin: 0;
        padding: 0;
      }
        .state-radios li {
          display: inline-block;
          padding: 2px 8px;
        }
        .state-radios li + li { margin-left: 0.5em }
          .state-radios li input {
            position: relative;
            z-index: 1;
            top: 1px;
          }
          .state-radios li span.label {
            display: inline-block;
            font-size: 12px;
            padding: 4px 8px 4px 26px;
            margin-left: -21px;
            text-shadow: 0 0 16px #fff, 0 0 8px #fff;
            background: hsl(34, 100%, 92%);
          }
          .state-radios li input:checked + span.label {
            box-shadow: 0 0 0 1px #e1a840 inset, 1px 1px 2px rgba(0,0,0,0.2);
            background: hsl(34, 100%, 57%);
          }
          .state-radios li + li span.label {
            background: hsl(119, 66%, 90%);
          }
          .state-radios li + li input:checked + span.label {
            box-shadow: 0 0 0 1px #0acb05 inset, 1px 1px 2px rgba(0,0,0,0.2);
            background: hsl(119, 66%, 55%);
          }

ul.datalist {
  position: absolute;
  left: 0;
  right: -2px;
  list-style: none;
  padding: 0;
  margin: -1px 0 0;
  border: 1px solid #ccc;
  background: #fff;
  z-index: 1000;
  width: 740px;
  top: 35px;
}
ul.datalist:empty { border: 0 }

  ul.datalist li > span {
    display: block;
    padding: 3px 11px 2px;
    cursor: pointer;
  }
  ul.datalist li > span:focus {
    color: #fff;
    background: #3875d7;
  }

ul.tokens {
  padding: 0;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1;
  -webkit-user-select: none;
}
  ul.tokens li {
    position: relative;
    display: block;
    margin-bottom: 0.3em;
  }
  ul.tokens li.dragged {
    z-index: 1000;
  }
  .fieldsets.large ul.tokens li {
    display: inline-block;
    margin-right: 0.3em;
  }
    ul.tokens li > span {
      display: inline-block;
      cursor: pointer;
      padding: 0.25em 0.5em 0.25em;
      border: 1px solid #b3c8ef;
      border-radius: 0.8em;
      background: #dee7f8;
      text-shadow: 1px 1px 0 rgba(255,255,255,0.5);
    }
    ul.tokens li > span:focus {
      padding-bottom: 0.1em;
      color: #fff;
      text-shadow: none;
      border: 1px solid #598bec;
      background: #598bec;
    }
    ul.tokens li a.token-link {
      display: inline-block;
      width: 16px;
      height: 16px;
      margin: -1px 3px -3px 4px;
      background: url('/assets/img/icons/tag.png') no-repeat;
    }
    ul.tokens li > span:focus a.token-link {
      background-position: 0 -17px;
    }
    
    ul.tokens li.primaryId > span {
      background: #43d841!important;
    }
    ul.tokens li span.set-main-btn {
      display: inline-block;
      width: 16px;
      height: 16px;
      margin: -1px 3px -3px 4px;
      background: url('/assets/img/icons/star.png') no-repeat;
    }
    ul.tokens li.primaryId span.set-main-btn {
      display: none;
    }
    ul.tokens li span.a {
      position: relative;
      top: -1px;
      font-size: 13px;
      line-height: 1;
      padding: 0 0.3em 0.1em;
      border: 1px solid #a50000;
      font-weight: bold;
      -webkit-font-smoothing: subpixel-antialiased;
      color: #fff;
      background: #e10000;
      border-radius: 0.7em;
      margin: 0 -0.35em 0 0em;
      display: none;
    }
    ul.tokens li > span:focus span.a {
      display: inline-block;
    }

.button {
  font-weight: bold;
  font-size: 16px;
  text-transform: uppercase;
  color: #fff;
  text-shadow: 1px 1px 1px #739f3e;
  letter-spacing: 0.1em;
  background: -webkit-linear-gradient(#9bce52, #7ebb38);
  padding: 11px 31px 9px;
  border: 2px solid #fff;
  border-radius: 9px;
  box-shadow:
    0  1px 0 #87c653 inset,
    0 -1px 0 #69b237 inset,
    2px 2px 0 rgba(0,0,0,0.2)
}
.button.upper {
    text-transform: uppercase !important;
}
.button:active {
  position: relative;
  top: 1px;
  background: #7ebb38;
  box-shadow:
    0  1px 0 #87c653 inset,
    0 -1px 0 #69b237 inset
}
.meta-button {
    font-weight: bold;
    font-family: Arial, sans-serif;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 0.1em;
    border: 1px solid #fff;
    border-radius: 4px;
    margin: 0 5px;
    background: -webkit-linear-gradient(#9bce52, #7ebb38);
    height: 25px;
}
.button-list {
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px #739f3e;
	letter-spacing: 0.1em;
	background: -webkit-linear-gradient(#9bce52, #7ebb38);
	padding: 9px 12px 7px;
	border: 2px solid #fff;
	border-radius: 9px;
	box-shadow:
	  0  1px 0 #87c653 inset,
	  0 -1px 0 #69b237 inset,
	  2px 2px 0 rgba(0,0,0,0.2)
}
.button.off{
	color: #828282;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px #bfbfbf;
	letter-spacing: 0.1em;
	background: -webkit-linear-gradient(#dddddd, #bfbfbf);
	padding: 9px 12px 7px;
	border: 2px solid #fff;
	border-radius: 9px;
	box-shadow:
	  0  1px 0 #b3b3b3 inset,
	  0 -1px 0 #b3b3b3 inset,
	  2px 2px 0 rgba(0,0,0,0.2)
}
.button.on {
	text-transform: uppercase;
	color: #fff;
	text-shadow: 1px 1px 1px #739f3e;
	letter-spacing: 0.1em;
	background: -webkit-linear-gradient(#9bce52, #7ebb38);
	padding: 11px 31px 9px;
	border: 2px solid #fff;
	border-radius: 9px;
	box-shadow:
	  0  1px 0 #87c653 inset,
	  0 -1px 0 #69b237 inset,
	  2px 2px 0 rgba(0,0,0,0.2)
  }

#main .error input {
  border-color: #ffe5ea;
  box-shadow: 0 0 0 1px red;
  background: #ffe5ea;
}

ul.error {
  -webkit-box-ordinal-group: 3;
  margin-bottom: 0;
  font-size: 14px;
}
  ul.error li:only-child {
    list-style: none;
    margin-left: -40px;
  }

#main a.generate-value {
  display: inline-block;
  margin-left: 0.25em;
  color: #d0d0d0;
  font-weight: bold;
  font-size: 32px;
  line-height: 15px;
  font-family: 'Arial Black';
}

/* }}} */

/* #meta {{{ */

#meta {
  display: -webkit-box;
  color: #fff;
  border-radius: 0 0 5px 5px;
  background: #4d4d4d;
  padding: 4px 0;
  min-height: 32px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
  #meta a:active { color: #ddd }
  #meta a {
    color: #fff;
    text-transform: uppercase;
    font-size: 0.95em;
  }
  #meta a, #meta span.welcome {
    padding: 7px 16px 4px;
    display: block;
    line-height: 1;
  }
  #account {
    display: -webkit-box;
    -webkit-box-pack: end;
    -webkit-box-flex: 1;
    -webkit-box-ordinal-group: 2;
  }
    #account p {
      margin: 0;
      padding: 0;
    }
      #meta span.welcome {
        position: relative;
        top: -1px;
        color: #c4c4c4;
        background: url('/assets/img/icons/user.png') no-repeat 16px 0.4em;
        padding-left: 42px;
      }
        #meta span.username {
          color: #fff;
        }
    #account p.logout {
      display: block;
      border-left: 1px solid #606060;
      margin-left: 2px;
      box-shadow:
        -1px 0 0 #434242,
        -2px 0 0 #474747
    }
    #meta-nav li a {
      text-align: center;
      border-right: 1px solid #606060;
      margin-right: 2px;
      box-shadow:
        1px 0 0 #434242,
        2px 0 0 #474747
    }
    #meta-nav li + li:last-child a {
      border-right: 0;
      margin-right: 0;
      box-shadow: none;
    }
      #account p.logout a {
        background: url('/assets/img/icons/logout.png') no-repeat 16px 0.6em;
        padding-left: 36px;
        padding-right: 22px;
      }
  #meta-nav {
    -webkit-box-flex: 1;
    -webkit-box-ordinal-group: 1;
  }
    #meta-nav ul {
      margin: 0;
      padding: 0;
      list-style: none;
      display: -webkit-box;
    }
      #meta-nav li.all-books a{
        background: url('/assets/img/maison.png') no-repeat ;
          height: 14px;
          background-position: 2.8em;
          margin-right: 1.1em;
      }
        #meta-nav li.all-books a::before {
          content: '◄';
          font-family: Arial;
          font-size: 11px;
          display: inline-block;
          float: left;
          margin-right: 1.1em;
          position: relative;
          top: -1px;
          -webkit-transform: scaleX(1.3);
        }
      #meta-nav li.production-calendar a {
        background: url('/assets/img/icons/calendar.png') no-repeat 16px 0.2em;
        padding-left: 42px;
      }

/* }}} */
/* #book {{{ */

#book {
  display: -webkit-box;
  -webkit-box-pack: justify;
  text-shadow: 1px 1px 0 #fff;
  padding: 30px 0 26px;
}
  #cover {
    margin-right: 32px;
    margin-left: 25px;
    max-width: 156px;
  }
    #cover img {
      min-width: 91px;
      max-width: 156px;
      -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
    }
  #main-info {
    width: 400px;
  }
    #book-actions {
      display: -webkit-box;
      text-shadow: none;
    }
      #book-actions p { margin: 0 }
      #book-actions p.status {
        margin-right: 12px;
        font-size: 11px;
        color: #fff;
        font-style: italic;
        padding: 2px 8px 0 9px;
        margin-bottom: 1px;
        font-weight: bold;
        text-shadow: 1px 1px 0 rgba(0,0,0,0.2);
        box-shadow: 1px 1px 0 rgba(0,0,0,0.2);
      }
      #book-actions p.status.current { background: #fb8149 }
      #book-actions p.status.completed { background: #7fba38 }
        #book-actions p a:focus,
        #book-actions p a:hover { background-color: #fff !important }
        #book-actions p a:active {
          position: relative;
          top: 1px;
          background-color: #f8f8f8 !important;
        }
        #book-actions p a.current {
          background-color: #fff !important;
        }
        #book-actions p a {
          display: inline-block;
          font-size: 12px;
          font-weight: bold;
          text-transform: uppercase;
          color: #808080;
          border: 1px solid #ccc;
          border-radius: 2px;
          padding: 1px 10px 0 26px;
        }
        #book-actions p.edit a {
          background: url('/assets/img/icons/edit.png') no-repeat 9px 3px;
        }
        #book-actions p.calendar a {
          background: url('/assets/img/icons/icone-calendrier-mini-gris.png') no-repeat 9px 1px;
        }
        #book-actions p.toggle a {
          margin-left: 8px;
          background: url('/assets/img/icons/toggle.png') no-repeat 8px 3px;
        }
    #authors-collaborators {
      position: relative;
    }
      #authors-collaborators > p {
        display: inline-block;
      }
      #authors-collaborators p.collaborators {
        font-size: 16px;
      }
      #book-title {
        font-size: 12px;
        font-weight: bold;
        color: #222;
        margin-top: 1.2em;
      }
        #book-title p {
          margin: 0.3em 0;
        }
        #book-title h1 {
          font-size: 1.6em;
          margin: 0.4em 0 0.6em;
          line-height: 1.2;
        }
  #secondary-info {
    -webkit-box-flex: 1;
    max-width: 565px;
    min-width: 500px;
    margin-left: 37px;
    color: #666;
    margin-top: -8px;
  }
    #secondary-info .number {
      text-align: right;
    }
      #secondary-info .number p {
        display: inline-block;
        padding: 3px 26px 0px;
        font-size: 16px;
        font-weight: bold;
        background: #fff;
        margin: 0;
      }
    #secondary-info .info-lists {
      display: -webkit-box;
      border-top: 1px solid #fff;
      border-bottom: 1px solid #fff;
      padding: 20px 10px 20px 20px;
    }
        #secondary-info dt,
        #secondary-info dd {
          display: inline-block;
          padding: 0;
          margin: 0;
          vertical-align: top;
        }
        #secondary-info dt {
          font-weight: bold;
          text-transform: uppercase;
          text-align: right;
          margin-right: 1em;
        }
      #secondary-info dl:first-child {
        -webkit-box-flex: 1;
      }
        #secondary-info dl:first-child dt {
          width: 10em;
        }
        #secondary-info dl:first-child dd {
          width: 9em;
          text-overflow: ellipsis;
          overflow: hidden;
          /* white-space: nowrap; */
        }
      #secondary-info dl.isbn {
        width: 19em;
      }
        #secondary-info dl.isbn dt {
          width: 7em;
        }
        #secondary-info dl.isbn dd {
          width: 10em;
          text-align: right;
        }

/* }}} */
/* #nav {{{ */

#nav ul {
  list-style: none;
  display: -webkit-box;
  margin: 0;
  padding: 0 16px;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
}
  #nav ul li + li { margin-left: 4px }
  #nav ul li {
    display: block;
    min-width: 12em;
    text-align: center;
  }
    #nav ul li a:link:active { position: relative; top: 1px }
    #nav ul li a {
      display: block;
      color: #a6a6a6;
      padding: 9px 0 2px;
      border: 1px solid #e1e1e1;
      border-bottom: 2px solid #fff;
      background: #fff;
      border-radius: 12px 12px 0 0;
    }
    #nav ul li.current a:link:active { padding-bottom: 3px }
    #nav ul li.current a {
      position: relative;
      color: #fff;
      border-color: #4d4d4d;
      padding-bottom: 4px;
      border-bottom-width: 0;
      background: #4d4d4d -webkit-radial-gradient(center 12em, circle, rgba(255,255,255,0.1), #4d4d4d);
      box-shadow: 0 2px 0 #f06d4a;
      z-index: 99;
    }

/* }}} */
/* #fields {{{ */

#fields, .field {
  font-size: 16px;
}
#fields {
  /*min-height: 1650px;*/
  -webkit-column-count: 2;
}
#fields .fieldsets {
  padding: 0 0 8px;
  -webkit-column-break-inside: avoid;
}
#fields .fieldsets + .fieldsets {
  -webkit-column-break-before: always; 
}
#fields .fieldsets.large {
  -webkit-column-span: all;
  position: relative;
}
#fields .fieldsets.large + .fieldsets,
#fields .fieldsets.large + .fieldsets + .fieldsets {
  padding-top: 0.5em;
}
.fields-price{
  height:auto!important;
}
#fields .fieldsets > fieldset {
  position: relative;
  top: 4px;
  border: 12px solid transparent;
  margin-right: 3px;
  padding: 1.8em 0 3px 24px;
/*  -webkit-transition-property: box-shadow;*/
/*  -webkit-transition-duration: 0.2s;*/
  box-shadow:
    1px 1px 4px rgba(0,0,0,0),
    12px 0 0 rgba(227,227,227,1) inset
}
#fields .fieldsets > fieldset.focused {
  border: 12px solid #feffe5;
  background: #feffe5;
  box-shadow:
    1px 1px 4px rgba(0,0,0,0.2),
    12px 0 0 rgba(227,227,227,1) inset
}
#fields .fieldsets > fieldset + fieldset {
  margin-top: 1em;
}
  #fields .fieldsets > fieldset > legend {
    cursor: pointer;
    -webkit-user-select: none;
    text-transform: uppercase;
    font-size: 14px;
  }
  #fields .fieldsets > fieldset > legend {
    display: block;
    position: absolute;
    top: -2px;
    font-weight: bold;
  }
    #fields .fieldsets > fieldset > legend span.triangle::after { content: '▼' }
    #fields .fieldsets > fieldset > legend span.triangle {
      display: inline-block;
      font-size: 0.75em;
      text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
      margin-right: 0.5em;
/*      -webkit-transition: -webkit-transform 0.2s;*/
    }
  #fields .fieldsets > fieldset .fields {
    -webkit-transform-origin: top;
  }
  #fields .fieldsets > fieldset .fields[style] {
/*    -webkit-transition-property: -webkit-transform height visibility opacity;*/
/*    -webkit-transition-duration: 0.2s;*/
  }
#fields .fieldsets > fieldset.collapsed {
  padding-top: 0.8em;
}
  #fields .fieldsets > fieldset.collapsed .fields {
    -webkit-transform: scale3d(1,0,1);
    height: 0 !important;
    visibility: hidden;
    overflow: hidden;
    opacity: 0;
  }
    #fields .fieldsets > fieldset.collapsed > legend span.triangle {
      -webkit-transform: rotate(-90deg) translate3d(0.1em,0,0);
    }

#fields select {
  max-width: 263px;
}

.products.exportation #fields select{
    max-width: 350px;
}

.products.exportation select[multiple] {
    font-size: 12px;
    width:350px;
    height:160px;
}

/* }}} */
/* #sidebar {{{ */

#sidebar {

}
  #buttons button[type="reset"],
  #buttons button[type="button"] {
    padding: 0;
    margin-left: 42px;
    text-transform: uppercase;
    font-size: 17px;
    color: #fff;
    border: 0;
    border-bottom: 1px solid #fff;
    background: none;
  }
  #buttons button[type="reset"]:active {
    color: #ccc;
    border-color: #ddd;
  }
  #buttons p.last-saved {
    font-style: italic;
    color: #b8b8b8;
    font-weight: bold;
    margin-top: 1.1em;
  }
  #notes h2 {
    font-size: 14px;
    color: #fff;
    margin: 0 0 0.6em;
  }
  #notes textarea, #notes [contenteditable],
  #calendar-notes textarea, #calendar-notes [contenteditable] {
    font-size: 14px;
    display: block;
    width: 100%;
    color: #808080;
    padding: 15px;
    height: 290px;
    max-height: none !important;
    border: 2px solid #fffdae;
    box-shadow: 2px 2px rgba(0,0,0,0.15), 2px 2px 8px #676666;
    background: -webkit-linear-gradient(#fffedf, #fffdae);
  }

/* }}} */

/* body.login, body.dashboard, body.products {{{ */

#alert {
  display: block;
  font-size: 15px;
  font-size: 1.5rem;
  margin: -1em auto 6em;
  width: 400px;
  padding: 10px 30px;
  color: #666;
  border: 2px solid #fffdae;
  box-shadow: 2px 2px rgba(0,0,0,0.15), 2px 2px 8px #676666;
  background: -webkit-linear-gradient(#fffedf, #fffdae);
}

.login #main {
  font-size: 16px;
  min-height: 0;
  background: #fff;
}
.login h1,
.dashboard h1,
.login #main,
.dashboard #main {
  display: block;
  width: 508px;
  margin: 0 auto;
}
.login h1,
.dashboard h1 {
  font-size: 37px;
  text-transform: uppercase;
  line-height: 28px;
  margin: 3.2em auto 2em;
  -webkit-box-reflect: below 0 -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.1));
}
  .login #main form {
    display: block;
    padding: 38px 50px;
  }
    .login #main h2 {
      text-transform: uppercase;
      margin: 0 0 1.7em;
      font-size: 24px;
      padding-left: 28px;
      background: url('/assets/img/icons/login/user.png') no-repeat 0 0.2em;
    }
    .login #main .field {
      margin: 0 auto;
      width: 260px;
    }
      .login #main .input {
        width: 100%;
      }
      .login #main .input input {
        width: 99%;
      }
    .login #main .field + .field,
    .login #main .submit + .field {
      margin-top: 1.2em;
    }
    .login #main .submit {
      margin-top: 2.7em;
    }
    .login #main .submit,
    .login #main .submit + .field {
      display: -webkit-box;
      -webkit-box-pack: center;
    }
    .login #main .submit + .field {
      color: #aaa;
    }
      .login #main .button {
        padding-left: 20px;
        padding-right: 20px;
      }

#search {
  display: -webkit-box;
  -webkit-box-pack: center;
  margin: 50px;
}

.products #search {
  margin: 6em 0;
}
.utilities #search {
  -webkit-box-pack: start;
  margin: 2em 0 2em 38px;
}
  #search span.icon {
    display: block;
    width: 36px;
    height: 50px;
    background: url('/assets/img/icons/search-grey.png') no-repeat 50% 50%;
    -webkit-box-reflect: none;
  }
  .dashboard #search span.icon {
    width: 127px;
    height: 127px;
    margin-top: -23px;
    background: url('/assets/img/icons/dashboard/search.png') no-repeat;
    -webkit-box-reflect: below 1px -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.1));
  }
  #search .search-criteria {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin: 0 20px 0 32px;
  }
    #search input {
      border: 1px solid #999;
      box-shadow: 0 0 5px #999;
      padding: 10px;
      font-size: 24px;
      width: 270px;
    }
    #search label + select {
      margin-top: 1em;
    }
    .utilities #search input {
      margin-left: 20px;
      font-size: 20px;
    }
  #search button {
    font-size: 0;
    padding: 0;
    text-shadow: none;
  }
  #search button::after {
    content: '►';
    display: block;
    padding: 9px 10px 8px 15px;
    font-size: 26px;
    font-family: Arial;
  }
#search-meta {
  width: 200px;
  height: 30px;
}
#search-meta input, #search-meta label {
   width: 150px;
   height: 23px;
   margin-top: 2px;
   margin-left: 10px;
}
.dashboard #links {
  padding: 28px 0 80px;
  box-shadow: 0 1px 0 #ccc, 0 2px 0 #fafafa;
  margin: 6em 0 0;
}
  .dashboard #links ul {
    /* display: -webkit-box;
    -webkit-box-pack: justify; */
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    list-style: none;
    padding: 0 46px;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
    text-shadow: 1px 1px 0 #fff;
    line-height: 1.2;
  }
    .dashboard #links ul li {
      display: block;
      margin-bottom: 100px;
    }
      .dashboard #links ul li a:focus,
      .dashboard #links ul li a:hover {
        color: #1b75bb;
      }
      .dashboard #links ul li a {
        color: #222;
        display: -webkit-box;
        -webkit-box-align: center;
      }
        .dashboard #links ul li span.icon {
          display: block;
          width: 79px;
          height: 79px;
          -webkit-box-reflect: below 1px -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.2));
        }
        .dashboard #links ul li.new-book span.icon {
          background: url('/assets/img/icons/dashboard/new-book.png') no-repeat }
        .dashboard #links ul li.reports span.icon {
          background: url('/assets/img/icons/dashboard/reports.png') no-repeat }
        .dashboard #links ul li.utilities span.icon {
          background: url('/assets/img/icons/dashboard/utilities.png') no-repeat }
        .dashboard #links ul li.users span.icon {
          background: url('/assets/img/icons/dashboard/users.png') no-repeat }

        .dashboard #links ul li span.text {
          display: block;
          width: 198px;
          padding: 12px 36px 12px 12px;
        }

#recent-books {
  margin: 0 auto;
  width: 1108px;
}
  #recent-books h2 {
    font-size: 14px;
    text-transform: uppercase;
    margin: 2em 0;
    color: #aaa;
  }
  #recent-books ul {
    list-style: none;
    display: -webkit-box;
    padding: 0;
    -webkit-box-pack: center;
  }
    #recent-books ul li {
      display: block;
      width: 238px;
    }
    #recent-books ul li + li {
      margin-left: 20px;
      border-left: 1px solid #ddd;
      padding-left: 30px;
    }
      #recent-books ul li > a {
        display: block;
      }
      #recent-books ul li > a > div,
      #recent-books ul li > a > div > span {
        display: block;
      }
      #recent-books ul li div.id {
        display: inline-block;
        padding: 1px 5px 0;
        color: #888;
        font-size: 14px;
        font-weight: bold;
        background: #ddd;
      }
      #recent-books ul li > a > div {
        display: -webkit-box;
      }
        #recent-books ul li div.cover {
          line-height: 0;
          -webkit-box-reflect: below 2px -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.1));
          max-width: 100px;
        }
          #recent-books ul li div.cover img {
            max-width: 100%;
          }
        #recent-books ul li a:focus div.text,
        #recent-books ul li a:hover div.text {
          color: #1b75bb;
        }
        #recent-books ul li div.text {
          -webkit-box-flex: 1;
          margin-left: 10px;
          font-size: 14px;
          font-weight: bold;
          color: #222;
          text-shadow: 1px 1px 0 #fff;
        }

.products #main {
  display: block;
  padding: 40px 60px;
  background: #fff;
}
  .products #main h1 {
    text-transform: uppercase;
    font-size: 24px;
  }
  .products #main h2 {
    color: #aaa;
    font-weight: normal;
    font-size: 17px;
    margin: 1em 0 2em;
  }
  table#results,
  table#specimens {
    padding: 0;
    border-spacing: 0;
  }

  table#results th,
  table#specimens th {
    min-width: 60px;
    text-align: left;
  }

  table#results tr.body-row:hover,
  table#specimens tr.body-row:hover {
    background: #fffee5;
  }

  table#results tr.body-row:hover {
    cursor: pointer;
  }

    table#results td ,
	table#specimens td{
		border: none;
		border-top: 1px solid #efefef;
	  }
  
	  table#specimens td{
		  padding: 0 5px;
		}
      table#results td > a:focus,
      table#results td > a:hover,
	  table#specimens td > a:focus,
	  table#specimens td > a:hover {
        background: #fffee5;
      }
      table#results td > a {
        color: inherit;
      }
	  table#specimens td > a {
        color: #3366BB;
		font-weight: bold;
	  }
		table#results .id {
			font-size: 16px;
			font-weight: bold;
			color: #999;
			padding: 14px 14px 12px;
		}
		table#results .title {
			font-size: 16px;
			padding: 14px 14px 12px;
		}
		table#results .authors, table#results .previous-code, table#results .next-code, table#results .nbCode, table#results .name{
			margin: 0 0px;
		}
		table#results .link {
			padding: 12px 14px 12px;
		}
		#results .body-row span.subtitle-search {
			color: #acb2a2;
			font-size: 13px;
		}
		table#specimens tr{
			line-height: 3;	
		}
		table#specimens .check , table#specimens .link{
			text-align: center;	
		}

.pagination {
  font-size: 15px;
  font-weight: bold;
  padding: 1em 0;
  margin-top: 4em;
  border-top: 2px solid #bfbfbf;
}
  .pagination a[rel] {
    display: inline-block;
    color: #ebebeb;
  }
  .pagination a[rel][href] {
    color: #4d4d4d;
  }
  .pagination a[rel]::after {
    content: '▲';
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    top: -1px;
  }
  .pagination a[rel="prev"]::after {
    -webkit-transform: rotate(-90deg);
  }
  .pagination a[rel="next"]::after {
    -webkit-transform: rotate(90deg);
  }
  .pagination span.page {
    text-transform: uppercase;
    display: inline-block;
    margin-left: 0.6em;
  }
  .pagination ol {
    display: inline-block;
    padding: 0;
    margin-right: 0.6em;
  }
    .pagination li {
      display: inline-block;
      margin-left: 0.6em;
    }
      .pagination li a:focus,
      .pagination li a:hover {
        text-decoration: none;
      }
      .pagination li a {
        text-decoration: underline;
      }

/* }}} */

/* body.utilities {{{ */

.utilities #main {
  display: block;
  padding: 20px 60px;
  background: #fff;
}

.utilities h1 {
  text-transform: uppercase;
  font-size: 36px;
  padding-left: 36px;
  background: url('/assets/img/icons/pencil.png') no-repeat 0 0.15em;
}

.utilities nav#tables {
  display: -webkit-box;
  padding: 36px 52px;
  border-top: 2px solid #999;
  border-bottom: 2px solid #999;
  background: #f8f8f8;
}
  .utilities nav#tables > div + div { margin-left: 70px }
  .utilities nav#tables > div {
    width: 190px;
  }
    .utilities nav#tables > div ul + h2 { margin-top: 1.8em }
    .utilities nav#tables > div h2 {
      font-size: 14px;
      text-transform: uppercase;
      padding: 0 0 2px;
      -webkit-font-smoothing: subpixel-antialiased;
      border-bottom: 1px solid #d9d9d9;
    }
    .utilities nav#tables > div ul {
      padding: 0;
      font-size: 15px;
    }
      .utilities nav#tables > div li {
        display: block;
      }
        .utilities nav#tables > div li a:focus,
        .utilities nav#tables > div li a:hover { text-decoration: underline }
        .utilities nav#tables > div li a {
          display: block;
          padding: 2px 0 4px;
        }

.utilities nav#tables ~ h1 {
  padding-left: 0;
  margin-top: 1.2em;
  background: none;
}

.utilities #main #blocks {
  -webkit-column-count: 2;
  margin: 0 -12px;
  padding-bottom: 20px;
}
.utilities #main .blocks {
  -webkit-column-break-before: always;
  margin-left: 4px;
  margin-right: 20px;
}
.utilities #main .blocks + .blocks {
  margin-right: 0;
  margin-left: 20px;
}
.utilities #main .block {
  position: relative;
  -webkit-column-break-inside: avoid;
  border: 12px solid transparent;
  padding: 4px 0 2px 34px;
  margin-bottom: 40px;
  -webkit-transition-property: box-shadow;
  -webkit-transition-duration: 0.2s;
  box-shadow:
    1px 1px 4px rgba(0,0,0,0),
    12px 0 0 rgba(227,227,227,1) inset;
}
.utilities #main .block::after {
  content: '';
  display: block;
  clear: both;
}
.utilities #main .block:hover {
  border: 12px solid #feffe5;
  background: #feffe5;
  box-shadow:
    1px 1px 4px rgba(0,0,0,0.2),
    12px 0 0 rgba(227,227,227,1) inset
}
  .utilities #main .block h3 {
    float: left;
    font-size: 24px;
    margin: 0 0 0.8em;
    -webkit-font-smoothing: subpixel-antialiased;
  }
  .utilities #main .block a.add::before {
    content: '+ ';
  }
  .utilities #main .block a.add:focus,
  .utilities #main .block a.add:hover  { background: #96cf46 }
  .utilities #main .block a.add:active { background: #83b53e }
  .utilities #main .block a.add {
    float: right;
    font-weight: bold;
    color: #fff;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.2);
    padding: 2px 5px;
    margin: 4px 40px 12px 0;
    background: #8cc242;
  }
  .utilities #main .block ul {
    padding: 0;
    margin: 0;
    clear: both;
  }
    .utilities #main .block li {
      display: -webkit-box;
    }
      .utilities #main .block li:nth-of-type(even) a {
        background-color: #ddd;
      }
      .utilities #main .block li a {
        display: block;
        -webkit-box-flex: 1;
        padding: 11px 56px 10px 16px;
        background: #bfbfbf;
        color: #222;
        font-size: 14px;
      }
      .utilities #main .block li a:focus,
      .utilities #main .block li a:hover {
        box-shadow: 0 0 12px rgba(0,0,0,0.2);
        background: #fff url('/assets/img/icons/pencil.png') no-repeat 380px 0.4em;
      }
      .utilities #main .block li form {
        display: inline-block;
      }
        .utilities #main .block li button {
          display: inline-block;
          width: 24px;
          height: 24px;
          font-size: 0;
          border: 0;
          margin: 7px 5px 7px 10px;
          background: url('/assets/img/icons/trash.png') no-repeat;
        }

.utilities.edit #main h1:first-child::before {
  content: '+ ';
  color: #b3b3b3;
  margin-right: 0.24em;
  -webkit-font-smoothing: subpixel-antialiased;
}
.utilities.edit #main h1 {
  padding-left: 0;
  background: none;
}
.utilities.edit #main h2 {
  padding: 9px 38px 7px;
  border-top: 2px solid #999;
  border-bottom: 2px solid #999;
  text-transform: uppercase;
  font-size: 15px;
  background: #f8f8f8;
}
.utilities.edit #main form {
  display: block;
  margin: 3em 38px;
}

  .utilities.edit #main .merge-field .field{
    margin: 0;
  }

  .utilities.edit #main .merge-field .field ul{
    margin: 0;
  }

  .utilities.edit #main .field {
    margin: 1em 0;
    width: 450px;
  }
  #collection-titles {
    float: right;
    position: relative;
    width: 550px;
    padding-left: 10px;
  }
    #collection-titles p {
        font-size: 16px;
        font-weight: bold;
    }
    #collection-titles ul {
        list-style: none;
    }
    #collection-titles ul li {
        margin-left: -38px;
    }
    #other-fields {
        float: left;
    }
  .utilities.edit #main .submit {
    clear: both;
    margin-top: 3em;
  }
    .utilities.edit #main button[type="reset"]:focus,
    .utilities.edit #main button[type="reset"]:hover { text-decoration: none }
    .utilities.edit #main button[type="reset"] {
      display: inline-block;
      margin-left: 24px;
      border: 0;
      text-transform: uppercase;
      font-size: 14px;
      color: #aaa;
      font-weight: bold;
      text-decoration: underline;
      background: none;
    }

.utilities fieldset {
  margin: 0;
  padding: 0.1em 0;
}
  .utilities fieldset legend {
    display: block;
    padding-top: 1.5em;
    font-weight: bold;
    font-size: 16px;
  }
  .utilities fieldset ul {
    list-style: none;
    padding: 0;
  }

.utilities.contributor #main form {
  width: auto;
}
  .utilities.contributor #main form fieldset {
    width: 45%;
  }
    .utilities.contributor #main form fieldset textarea,
    .utilities.contributor #main form fieldset .auto-resize-clone {
      width: 82.8%;
    }
    .utilities .two-columns {
      display: -webkit-box;
      width: 100%;
      margin-top: 2em;
    }
      .utilities .two-columns fieldset + fieldset {
        margin-left: 5%;
      }
    .utilities.contributor img.contributor-photo {
      display: block;
      margin: 2.7em 0 2em;
    }
    .utilities .two-columns-field .field1 {
      float: left;
    }
    .utilities .two-columns-field .field2 {
      float: right;
      margin-right: 106px;
      margin-bottom: 1em;
    }


/* }}} */

/* body.users {{{ */

.users ul#results .name {
  font-size: 16px;
  -webkit-box-flex: 1;
  padding: 14px 14px 12px;
}

/* }}} */

/* body.calendar {{{ */

select#date {
  border: none;
  -webkit-appearance: none;
  padding: 5px 10px;
  font-size: 16px;
  overflow: hidden;
  font-weight: bold;
  text-transform: uppercase;
  outline: none;
}

@-webkit-keyframes appear {
  from {
    -webkit-transform: scale3d(0,0,0);
    visibility: hidden;
    opacity: 0;
  }
  to {
    -webkit-transform: scale3d(1,1,1);
    visibility: visible;
    opacity: 1;
  }
}

span.tooltip::before {
  content: '';
  display: block;
  position: absolute;
  bottom: -9px;
  left: 50%;
  margin-left: -8px;
  -webkit-transform: rotate(45deg);
  width: 16px;
  height: 16px;
  border-right: 1px solid #fbac3d;
  border-bottom: 1px solid #fbac3d;
  box-shadow: -1px -1px 0 #fff inset;
  background: #f2f2f2;
}
span.tooltip.bottom::before {
  top: -9px;
  -webkit-transform: rotate(225deg);
}
span.tooltip {
  position: absolute;
  z-index: 2000;
  display: inline-block;
  padding: 6px 10px 5px;
  border: 1px solid #fbac3d;
  box-shadow: 0 0 0 1px #fff inset;
  background: #f2f2f2;
/*  -webkit-transition: 0.15s all;*/
/*  -webkit-transform-origin: bottom center;*/
}
  span.tooltip-content { position: relative } /* to be over ::before */

span.tooltip.bottom {
/*  -webkit-transform-origin: top center;*/
}

:focus + span.tooltip,
:hover + span.tooltip {
/*  -webkit-animation: appear 0.2s 1;*/
/*  -webkit-transform: scale3d(1,1,1);*/
  visibility: visible;
/*  opacity: 1;*/
}

span.tooltip.fixed {
/*  -webkit-transform: scale3d(0,0,0);*/
  visibility: hidden;
/*  opacity: 0;*/
/*  -webkit-animation: none;*/
}
.focus + span.tooltip.fixed {
/*  -webkit-transform: scale3d(1,1,1);*/
  visibility: visible;
/*  opacity: 1;*/
}

span.tooltip select {
  margin: 0 2px;
}
span.tooltip input[type="checkbox"] {
  font-size: 16px;
  position: relative;
  top: 1px;
}

span.tooltip.fixed {
  padding: 5px 10px 7px;
}
  span.tooltip.fixed span.title {
    font-size: 13px;
  }

body.calendar {
  width: 1760px;
  padding-bottom: 40px;
}
body.calendar h1 {
  float: left;
  text-transform: uppercase;
  color: #4d4d4d;
  font-size: 25px;
  text-shadow: 1px 1px 0 rgba(255,255,255,0.8);
  padding: 9px 0 0 42px;
  min-height: 28px;
  margin: 30px 0 0 36px;
  background: url('/assets/img/icons/calendar/calendar.png') no-repeat;
}

.calendar #sidebar a {
  color: #fff;
  text-decoration: underline;
}

.calendar #months-nav {
  display: -webkit-box;
  float: right;
  margin-top: 28px;
}
  .calendar #months-nav > a::after { display: block; -webkit-transform: scaleX(0.8) }
  .calendar #months-nav > a {
    display: block;
    font-family: Arial;
    color: #fff;
    padding: 7px 11px 7px;
    font-size: 21px;
    background: #666;
    border: 1px solid #444;
  }
  .calendar #months-nav > a:active {
    background: #555;
  }
  .calendar #months-nav > a[rel="prev"]::after { content: '◄' }
  .calendar #months-nav > a[rel="prev"] {
    padding-right: 12px;
    border-radius: 6px 0 0 6px;
    border-right: 0;
    box-shadow: -1px 0 0 rgba(255,255,255,0.2) inset;
  }
  .calendar #months-nav > div.month > span {
    text-transform: uppercase;
    display: block;
    color: #4d4d4d;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
  }
  .calendar #months-nav > div.month {
    background: #fff;
    border: 2px solid #444;
    width: 240px;
    padding: 7px 0 5px;
  }
  .calendar #months-nav > a[rel="next"]::after { content: '►' }
  .calendar #months-nav > a[rel="next"] {
    padding-left: 12px;
    border-radius: 0 6px 6px 0;
    border-left: 0;
    box-shadow: 1px 0 0 rgba(255,255,255,0.2) inset;
  }

.calendar #main {
  margin-top: 8em;
}
  .calendar #main form {
    position: relative;
    overflow: hidden;
  }
.calendar #sidebar {
  width: 384px;
}

.hidden-info {
  visibility: hidden;
}

.calendar #sidebar[hidden] #current-book-info,
.calendar #sidebar[hidden] #current-book-status,
.calendar #sidebar[hidden] #notes * {
  visibility: hidden;
}

.calendar .calendar-header {
  position: absolute;
  top: -20px;
  left: -6px;
  width: 1384px;
  height: 83px;
  background: url('/assets/img/calendar/calendar-header.png') no-repeat;
  z-index: 2000;
}
.calendar #fields {
  -webkit-column-count: auto;
  margin: 44px 0 0;
  padding: 0 0 68px;
  background: url('/assets/img/calendar/calendar-pattern.jpg') no-repeat;
  background-repeat: repeat !important;
  width: 1334px;
}
  #calendar-notes {
    position: absolute;
    width: 600px;
    height: 400px;
    bottom: -350px;
    left: 20px;
    z-index: 2001;
  }
    #calendar-notes textarea,
    #calendar-notes [contenteditable] {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      height: auto;
      -webkit-transition: .5s -webkit-transform;
    }
    #calendar-notes textarea:focus,
    #calendar-notes [contenteditable]:focus {
      -webkit-transform: translateY(-384px);
    }

  #calendar { /* table */
    width: 100%;
    margin: 0;
    border-collapse: collapse;
    color: #676767;
    font-size: 15px;
    text-shadow: 1px 1px 0 rgba(255,255,255,0.5);
  }
    #calendar span.checkbox {
      display: inline-block;
      position: relative;
    }
    #calendar .center { text-align: center }
    #calendar .bold { font-weight: bold; -webkit-font-smoothing: subpixel-antialiased }
    #calendar td, #calendar th {
      padding: 8px 16px 6px;
    }

    #calendar colgroup col:nth-child(odd)  { background: hsla(60, 100%, 80%, 0.3) }
    #calendar colgroup col:nth-child(even) { background: hsla(62, 97%, 65%, 0.3) }
    #calendar colgroup.dots  col { background: none }
    #calendar colgroup.steps col { background: hsla(51, 100%, 85%, 0.3) }
    #calendar colgroup.done  col { background: none }

    #calendar col.col-1  { width: 104px }
    #calendar col.col-2  { width: 193px }
    #calendar td.col-2 span.text-overflow { width: 161px }
    #calendar col.col-3  { width: 90px }
    #calendar td.col-3 span.text-overflow { width: 72px }
    #calendar col.col-4  { width: 125px }
    #calendar td.col-4 { font-size: 13px; }
    #calendar col.col-5  { width: 121px }
    #calendar col.col-6  { width: 100px }

    #calendar col.col-7  { width: 65px }
    #calendar tr td:nth-child(7) { padding-left: 32px }
    #calendar col.col-8  { width: 50px }
    #calendar col.col-9  { width: 45px }
    #calendar col.col-10 { width: 65px }
    #calendar tr td:nth-child(10) { padding-right: 32px }

    #calendar col.col-11 { width: 20px }
    #calendar tr td:nth-child(11) { padding-left: 25px }
    #calendar col.col-12 { width: 2px }
    #calendar col.col-13 { width: 20px }
    #calendar col.col-14 { width: 20px }
    #calendar col.col-15 { width: 20px }
    #calendar col.col-16 { width: 20px }
    #calendar col.col-17 { width: 20px }
    #calendar tr td:nth-child(17) { padding-right: 28px }

    #calendar col.col-18 { width: 20px }
    #calendar tr td:nth-child(18) { padding-left: 30px; padding-right: 35px }

    #calendar td span.text-overflow {
      display: block;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    }

    #calendar thead {
      display: none;
    }
    #calendar tr.month th {
      color: #5f3717;
      font-size: 24px;
      text-transform: uppercase;
      font-weight: bold;
      text-align: left;
      padding: 28px 30px 20px;
      background: url('/assets/img/calendar/calendar-pattern.jpg') no-repeat;
      background-repeat: repeat !important;
    }
    #calendar tr.month ~ tr.month > * {
      border-top: 3px solid #f03c45;
    }
    #calendar tr:hover td {
      background: rgba(130,201,83,0.4);
    }
    #calendar tr td {
      cursor: pointer;
      position: relative;
    }
    #calendar tr:focus td,
    #calendar tr.focus td {
      background: hsla(31, 100%, 48%, 0.35);
    }
    #calendar tr.disabled td {
      cursor: not-allowed;
      -webkit-user-select: none;
      background: #e6e6e6 !important;
    }
    #calendar tr.disabled td * {
      pointer-events: none;
    }

/*    #calendar input[type="checkbox"]:active { opacity: 0.8 }*/
    .calendar input.dot {
      -webkit-appearance: none;
      display: inline-block;
      width: 13px;
      height: 13px;
      border-radius: 6px;
      border: 1px solid rgba(0,0,0,0.25);
      background: #e6e6e6;
      box-shadow: 0 0 0 1px rgba(255,255,255,0.2) inset;
    }
    .calendar input.dot:checked {
      background: #7dc948;
      box-shadow:
        0 0 0 1px rgba(255,255,255,0.2) inset,
        0 0 8px 1px #fff;
    }
    .calendar input.dot:indeterminate {
      background: #fa5544;
      box-shadow:
        0 0 0 1px rgba(255,255,255,0.2) inset,
        0 0 6px 1px rgba(255,109,42,0.5);
    }
    .calendar input.dot[data-cycling-values] {
      background: #e6e6e6 !important;
      box-shadow: 0 0 0 1px rgba(255,255,255,0.2) inset !important;
    }
    .calendar input.dot[data-cycling-values][data-value="1"] {
      background: #ffbf2c !important;
      box-shadow:
        0 0 0 1px rgba(255,255,255,0.2) inset,
        0 0 6px 1px rgba(200,109,42,0.5) !important;
    }
    .calendar input.dot[data-cycling-values][data-value="2"] {
      background: #fa5544 !important;
      box-shadow:
        0 0 0 1px rgba(255,255,255,0.2) inset,
        0 0 6px 1px rgba(255,109,42,0.5) !important;
    }
    .calendar input.dot[data-cycling-values][data-value="3"] {
      background: #7dc948 !important;
      box-shadow:
        0 0 0 1px rgba(255,255,255,0.2) inset,
        0 0 8px 1px #fff !important;
    }
    .calendar input#status-text[data-cycling-values][data-value="1"] {
      background: #ffbf2c !important;
      box-shadow:
        0 0 0 1px rgba(255,255,255,0.2) inset,
        0 0 6px 1px rgba(200,109,42,0.5) !important;
    }
    .calendar input#status-text[data-cycling-values][data-value="2"] {
      background: #fa5544 !important;
      box-shadow:
        0 0 0 1px rgba(255,255,255,0.2) inset,
        0 0 6px 1px rgba(255,109,42,0.5) !important;
    }
    .calendar input#status-text[data-cycling-values][data-value="0"] {
      background: #7dc948 !important;
      box-shadow:
        0 0 0 1px rgba(255,255,255,0.2) inset,
        0 0 8px 1px #fff !important;
    }
    .calendar tr td:last-child input.dot {
      width: 15px;
      height: 15px;
      border-color: rgba(0,0,0,0.15);
      border-radius: 4px;
      background: none;
    }
    .calendar tr td:last-child input.dot:disabled {
      border-color: rgba(0,0,0,0.05);
    }
    .calendar tr td:last-child input.dot:checked {
      border: 0;
    }
    .calendar tr td:last-child input.dot:checked::after {
      content: '✔';
      position: relative;
      left: -3px;
      color: #7fc748;
      font-size: 30px;
      line-height: 0;
      text-shadow:
        1px 1px 1px rgba(255,255,255,0.8),
        2px 2px 4px rgba(0,0,0,0.2)
    }
#calendar .organization option {
    overflow: hidden;
    width: 100px;
}

.calendar #notes textarea,
.calendar #notes [contenteditable] {
  height: 110px;
}
.calendar #notes textarea.grey,
.calendar #notes textarea.grey + [contenteditable] {
  border: 2px solid #f2f2f2;
  box-shadow: 2px 2px rgba(0,0,0,0.15), 2px 2px 8px #676666;
  background: -webkit-linear-gradient(#fafafa, #f2f2f2);
}
.calendar #notes textarea + h2,
.calendar #notes [contenteditable] + h2 {
  margin-top: 1.5em;
}

.calendar #buttons button[type="button"]::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: -38px;
  width: 24px;
  height: 24px;
  background: url('/assets/img/icons/calendar/undo.png');
  background-size: 24px;
}
.calendar #buttons button[type="button"] {
  position: relative;
  margin: 0 0 .4em 38px;
  font-weight: bold;
}
.calendar #buttons button[type="button"]:active {
  opacity: 0.8;
}


/* }}} */

.exportation form:first-child { margin-top: 0 }
.exportation form {
  display: block;
  -webkit-column-break-inside: avoid;
  margin: 3em 0;
}
.exportation legend {
  padding-bottom: .5em;
}
.exportation label {
  display: block;
  margin: 1em 0 0;
}
.exportation .button {
  font-size: 15px;
  text-transform: none;
  padding: 4px 8px;
  border: 1px solid #fff;
  margin: .8em 2px 0 -1px;
}

/* LightBox Styles {{{*/

.black_overlay {
      display: none;
      position: absolute;
      top: 0%;
      left: 0%;
      width: 100%;
      height: 100%;
      background-color: black;
      z-index:1001;
      -moz-opacity: 0.8;
      opacity:.80;
      filter: alpha(opacity=80);
      border-radius: 8px;
    }
.white_content {
      display: none;
      position: absolute;
      top: 2%;
      left: 20%;
      width: 60%;
      height: 95%;
      padding: 20px 30px;
      border: 1px solid #cccccc;
      border-radius: 8px;
      background-color: white;
      z-index:1002;
      overflow: auto;
    }

.white_content.short {
  height: 25%;
}

/*}}}*/
/* Order Form {{{*/

#main #light form {
  display: block;
}
#main #light form label {
  display: block;
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 0.25em;
}
#main #light form div {
  margin-top: 0.8em;
}
#main #light form input, #main #light form select {
  width: 50%;
}
#main #light form textarea {
  padding: 5px 10px;
  min-height: 14em !important;
  resize: none;
}
#main #light form #skii_intranetbundle_orderformtype_cover {
  min-height: 16em !important;
}
#main #light a.close {
  padding: 5px 0 0 5px;
  display: block;
  font-size: 16px;
}
#main .spacer {
  height: 600px;
}

/* Order Form Edit {{{*/

#main .dynamic-block form {
    display: block;
}
#main .dynamic-block form label {
    display: block;
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 0.25em;
}
#main .dynamic-block form div {
    margin-top: 0.8em;
}
#main .dynamic-block form input, #main .dynamic-block form select {
    width: 50%;
}
#main .dynamic-block form textarea {
    padding: 5px 10px;
    min-height: 14em !important;
    resize: none;
}
#main .dynamic-block form #skii_intranetbundle_orderformtype_cover {
    min-height: 16em !important;
}
#main #light-edit a.close {
    padding: 5px 0 0 5px;
    display: block;
    font-size: 16px;
}
#main .spacer {
    height: 600px;
}

/*}}}*/
/* Order Print {{{*/

.box-flex { display: -webkit-box; }
.box { -webkit-box-flex : 1; max-width: 515px; }
.box-2 { -webkit-box-flex : 2; }

#order-form .no-border { border: none; }

#order-form {
  max-width: 1090px !important;
  background: #fff;
  padding: 20px 40px;
  font-size: 1.1em;
}
#order-form  section {
  display: -webkit-box;
  width: 100%;
  border-bottom: 1px solid #777;
  padding: 1.4em 0;
}
#order-form address {
  width: 88%;
  position: relative;
  padding: 0 0 2.5em 0;
}
#order-form address p {
  font-style: normal;
  margin: 0.20em 0;
}
#order-form address.puq-address {
  padding-top: 0.8em;
}
#order-form address.puq-address p {
  font-size: 1.1em;
}
#order-form address.puq-address p strong {
  font-size: 1.2em;
}

#order-form section h1 {
  font-size: 2em;
}
#order-form section h2 {
  font-size: 1.15em;
  font-weight: bold;
  margin: 0 0 0.5em 0;
  text-transform: uppercase;
}
#order-form p {
  margin: 0 0 0.75em 0;
}
.num-order {
  text-align: right;
  font-size: 1.4em;
  margin: 0.8em 0;
  line-height: 1.1;
}
 .num-copy {
  position: absolute;
  right: 0;
  top: 0;
 }
#order-form table {
  width: 100%;
  margin: 0.2em 0 2em 0;
}
#order-form table tr {
  height: 2em;
}
#order-form table th {
  text-align: left;
  font-weight: normal;
}
#order-form table td {
  text-align: right;
  font-weight: normal;
}
.underline {
  border-bottom: 1px solid #adadad;
}
.double-underline {
  border-bottom: 3px double #adadad;
}
.signature {
    border-top: 1px solid #adadad;
    margin-top: 6em;
}
.label-signature {
  text-align: right;
  margin: 0;
}

.renunciation-link {
  background:  url('/assets/img/icons/renunciation.png') no-repeat;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: -1px 1px -3px 1px;;
}
.mailto-link {
    background:  url('/assets/img/icons/renunciation.png') no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: -1px 1px -3px 1px;;
}
span:focus a.renunciation-link {
      background-position: 0 -17px;
    }

#authors-collaborators a:link, #authors-collaborators a:visited {
    color: #222;
}

/* fix duplicate ckeditor */
.hide_duplicate span.cke_editor_skii_intranetbundle_product_marketing_datatype_communicationText.cke_2 {
  display: none;
}

/*}}}*/

/* Print {{{*/

@media print {
  /** { color: #444 !important; text-shadow: none; }*/
  @page { margin: 0.5cm; }
  h2, h3{ page-break-after: avoid; }
  img { page-break-inside: avoid; }
  p, h2, h3 { orphans: 3; widows: 3; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }

  .sf-toolbarreset { display: none; }
  #fields .fields { height: auto !important; }
  #fields .field label textarea { display: block !important; visibility: visible !important; overflow: auto !important; max-height: none !important; }
  #fields .field label .cke_skin_kama { display: none !important; visibility: hidden !important; }
}

/*}}}*/
  
  #field a.button {
	padding: 9px 16px 7px;
	margin-top: 55px;
  }

  #field select {
	max-width: 375px;
  }

  #field p.toggle {
	padding: 1em 0;
  }

  #reports {
	display: flex;
    align-content: flex-end;
	align-items: baseline;
    justify-content: center;
	padding-top: 20px;
	margin-top: 50px;
	border-top: 1px solid #999;
  }	

  #reports span{
	margin: 10px 25px;
  }

  #reports input[type="submit"] {
    font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px #739f3e;
	letter-spacing: 0.1em;
	background: -webkit-linear-gradient(#9bce52, #7ebb38);
	padding: 9px 12px 7px;
	border: 2px solid #fff;
	border-radius: 9px;
	box-shadow:
	  0  1px 0 #87c653 inset,
	  0 -1px 0 #69b237 inset,
	  2px 2px 0 rgba(0,0,0,0.2);
	width: inherit;
	margin-left: 25px;
  }


  .specimen #sidebar {
	position: absolute;
	right:0;
	top:0;
	height: 100%;
	padding: 30px;
}




.specimen #sidebar {
	position: absolute;
	right:0;
	top:0;
	height: 100%;
}

.specimen #sidebar a, .specimen #sidebar p, .specimen #sidebar legend {
	color: #fff;
    text-shadow: 1px 1px 0 rgb(0 0 0 / 20%);
    -webkit-font-smoothing: subpixel-antialiased;
    line-height: 1.2;
}

.specimen #sidebar a, .specimen #sidebar legend {
	color: #fff;
    text-shadow: 1px 1px 0 rgb(0 0 0 / 20%);
	font-weight: bold;
    -webkit-font-smoothing: subpixel-antialiased;
    line-height: 1.2;
}

.specimen #sidebar legend {
	padding-bottom: 5px;
}

.specimen legend {
	padding-top: 10px!important;
}



.specimen #sidebar a:not('button') {
	text-decoration: underline;
}

.specimen #sidebar div {
    position: relative;
	padding: 20px 30px;
}

.specimen #sidebar div:after {
    content: '';
    position: absolute;
    display: block;
    bottom: 0;
    left: 12px;
    right: 12px;
    border-top: 1px solid #818181;
    border-bottom: 1px solid #b0b0b0;
}

.specimen h2 {
	padding: 9px 38px 7px;
    border-top: 2px solid #999;
    border-bottom: 2px solid #999;
    text-transform: uppercase;
    font-size: 15px;
    background: #f8f8f8;
	max-width: 615px;
}


  .specimens a[type=button] {
	cursor: pointer;
  }

  .specimens #reports {
	display: flex;
    align-content: flex-end;
	align-items: baseline;
    justify-content: center;
	padding: 20px 0;

  }	

  .specimens #reports span{
	margin: 10px 25px;
  }

  .specimens #reports input[type="submit"] {
    font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px #739f3e;
	letter-spacing: 0.1em;
	background: -webkit-linear-gradient(#9bce52, #7ebb38);
	padding: 9px 12px 7px;
	border: 2px solid #fff;
	border-radius: 9px;
	box-shadow:
	  0  1px 0 #87c653 inset,
	  0 -1px 0 #69b237 inset,
	  2px 2px 0 rgba(0,0,0,0.2);
	width: inherit;
	margin-left: 25px;
  }

  .specimens table th {
	text-align: left;
  }

  .specimens table th, .specimens table td {
	height: 35px;
  }

  .specimens .button-list {
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px #739f3e;
	letter-spacing: 0.1em;
	background: -webkit-linear-gradient(#9bce52, #7ebb38);
	padding: 9px 12px 7px;
	border: 2px solid #fff;
	border-radius: 9px;
	box-shadow:
	  0  1px 0 #87c653 inset,
	  0 -1px 0 #69b237 inset,
	  2px 2px 0 rgba(0,0,0,0.2)
  }

  .specimen #action_specimens .button {
	text-align:center;
	display:block;
  }

  .specimens .pagination {
	margin-top: 2em!important;
  }
  
  .typeList,.typeAgregatorContainer{
    padding-top: 10px;
  }  
  .typeList ul,.typeAgregatorContainer ul{
    margin: 0;
    padding: 0;
    list-style: none; 
  } 
  .typeAgregatorContainer{
    padding-top: 0;
  }
  .typeAgregatorContainer label{
    margin: 0;
    padding: 0;
  }

/* @group calendar */
.hidden {display:none;}
.noTransition {-webkit-transition:none !important;}
.jsCalendar {-webkit-user-select:none; max-width:400px; margin-bottom:20px;}
.calButtonBar {overflow:hidden; -webkit-user-select:none; margin:0 0 10px; padding:0;}
.calButtonBar li {width:25%; list-style-type:none; float:left; overflow:hidden; text-align:center;}
.calPrevious a, .calNext a {display:block; width:28px; height:28px; text-decoration:none; color:#333; font-weight:bold;}
.calPrevious a {float:right;}
.calNext a {float:left;}
.calButtonBar .calMonth {font-weight:bold; font-size:16px; padding-top:2px; width:50%; color:#333;}
.calGrid {position:relative;}
.calGrid table {border-spacing:0; border-collapse:collapse; width:100%;}
.turnup, .turndown {position:absolute; top:0; left:0; background-color:#fff;}
.calGrid th {width:14%; height:24px; color:#333;} 
.calGrid td {width:14%; border:solid 1px #ccc; padding:0;}
.calGrid td a {display:block; width:100%; height:16px; padding:10px 0; text-align:center; color:#444; -webkit-tap-highlight-color:rgba(0,0,0,0); text-decoration:none; transition-property:background-color, color; transition-duration:200ms; -webkit-transition-property:background-color, color; -webkit-transition-duration:200ms; -moz-transition-property:background-color, color; -moz-transition-duration:200ms; }
.calGrid td a.inactive {color:#f1f1f2;}
.calGrid td a.today {}
.calGrid td a.startDate, .calGrid td a.endDate {color:#fff; background-color:#444;}
.calGrid td a.betweenDates {background-color:#ccc;}
.calGrid tr.first td {border-top:none 0;}
.calGrid tr.last td {border-bottom:none 0;}

/* @group animation */
.in, .out {-webkit-animation-duration:250ms; -webkit-animation-fill-mode:forwards; -webkit-animation-timing-function:ease-in-out;}
.in {z-index:10;}
.out {z-index:0;}

/* @group page turn animation */
.turnup, .turndown {-webkit-animation-duration:400ms; -webkit-transform-origin: 50% 0%; -webkit-animation-fill-mode:forwards;}
.turnup {-webkit-animation-name:turnUp;}
.turndown {-webkit-animation-name:turnDown;}
@-webkit-keyframes turnUp {
	from {-webkit-transform:perspective(800) rotateX(0deg); opacity:1; -webkit-animation-timing-function:ease-in;}
  50% {-webkit-transform:perspective(800) rotateX(45deg); opacity:1;-webkit-animation-timing-function:linear;}
  to {-webkit-transform:perspective(800) rotateX(90deg); opacity:0;-webkit-animation-timing-function:ease-out;}
}
@-webkit-keyframes turnDown {
	from {-webkit-transform:perspective(800) rotateX(90deg); opacity:0; -webkit-animation-timing-function:ease-in;}
  50% {-webkit-transform:perspective(800) rotateX(45deg); opacity:1;-webkit-animation-timing-function:linear;}
  to {-webkit-transform:perspective(800) rotateX(0deg); opacity:1;-webkit-animation-timing-function:ease-out;}
}