@media (max-width: 767px) {
  .text-center-xs {
    text-align: center; } }

@media (min-width: 768px) {
  .img-responsive-sm {
    display: block;
    height: auto;
    max-width: 100%; } }

@media (max-width: 767px) {
  .no-mg-t-xs {
    margin-top: 0 !important; } }

.no-mg-t {
  margin-top: 0 !important; }

.no-mg-b {
  margin-bottom: 0 !important; }

.center-block {
  margin-left: auto;
  margin-right: auto; }

/*!
 *  Font Awesome 3.2.1
 *  the iconic font designed for Bootstrap
 *  ------------------------------------------------------------------------------
 *  The full suite of pictographic icons, examples, and documentation can be
 *  found at http://fontawesome.io.  Stay up to date on Twitter at
 *  http://twitter.com/fontawesome.
 *
 *  License
 *  ------------------------------------------------------------------------------
 *  - The Font Awesome font is licensed under SIL OFL 1.1 -
 *    http://scripts.sil.org/OFL
 *  - Font Awesome CSS, LESS, and SASS files are licensed under MIT License -
 *    http://opensource.org/licenses/mit-license.html
 *  - Font Awesome documentation licensed under CC BY 3.0 -
 *    http://creativecommons.org/licenses/by/3.0/
 *  - Attribution is no longer required in Font Awesome 3.0, but much appreciated:
 *    "Font Awesome by Dave Gandy - http://fontawesome.io"
 *
 *  Author - Dave Gandy
 *  ------------------------------------------------------------------------------
 *  Email: dave@fontawesome.io
 *  Twitter: http://twitter.com/davegandy
 *  Work: Lead Product Designer @ Kyruus - http://kyruus.com
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url("../fonts/fontawesome-webfont.eot?v=4.4.0");
  src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.4.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff?v=4.4.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.4.0") format("truetype"), url("../fonts/fontawesome-webfont.svg#fontawesomeregular?v=4.4.0") format("svg");
  font-weight: normal;
  font-style: normal; }

/* FONT AWESOME CORE
 * -------------------------- */
[class^="icon-"],
[class*=" icon-"] {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  *margin-right: .3em; }

[class^="icon-"]:before,
[class*=" icon-"]:before {
  text-decoration: inherit;
  display: inline-block;
  speak: none; }

/* makes the font 33% larger relative to the icon container */
.icon-large:before {
  vertical-align: -10%;
  font-size: 1.33em; }

/* makes sure icons active on rollover in links */
a [class^="icon-"],
a [class*=" icon-"] {
  display: inline; }

/* increased font size for icon-large */
[class^="icon-"].icon-fixed-width,
[class*=" icon-"].icon-fixed-width {
  display: inline-block;
  width: 1.1428571428571428em;
  text-align: right;
  padding-right: 0.2857142857142857em; }

[class^="icon-"].icon-fixed-width.icon-large,
[class*=" icon-"].icon-fixed-width.icon-large {
  width: 1.4285714285714286em; }

.icons-ul {
  margin-left: 2.142857142857143em;
  list-style-type: none; }

.icons-ul > li {
  position: relative; }

.icons-ul .icon-li {
  position: absolute;
  left: -2.142857142857143em;
  width: 2.142857142857143em;
  text-align: center;
  line-height: inherit; }

[class^="icon-"].hide,
[class*=" icon-"].hide {
  display: none; }

.icon-muted {
  color: #eeeeee; }

.icon-light {
  color: #ffffff; }

.icon-dark {
  color: #333333; }

.icon-border {
  border: solid 1px #eeeeee;
  padding: .2em .25em .15em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

.icon-2x {
  font-size: 2em; }

.icon-2x.icon-border {
  border-width: 2px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

.icon-3x {
  font-size: 3em; }

.icon-3x.icon-border {
  border-width: 3px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

.icon-4x {
  font-size: 4em; }

.icon-4x.icon-border {
  border-width: 4px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }

.icon-5x {
  font-size: 5em; }

.icon-5x.icon-border {
  border-width: 5px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px; }

.pull-right {
  float: right; }

.pull-left {
  float: left; }

[class^="icon-"].pull-left,
[class*=" icon-"].pull-left {
  margin-right: .3em; }

[class^="icon-"].pull-right,
[class*=" icon-"].pull-right {
  margin-left: .3em; }

/* BOOTSTRAP SPECIFIC CLASSES
 * -------------------------- */
/* Bootstrap 2.0 sprites.less reset */
[class^="icon-"],
[class*=" icon-"] {
  display: inline;
  width: auto;
  height: auto;
  line-height: normal;
  vertical-align: baseline;
  background-image: none;
  background-position: 0% 0%;
  background-repeat: repeat;
  margin-top: 0; }

/* more sprites.less reset */
.icon-white,
.nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" icon-"],
.nav-list > .active > a > [class^="icon-"],
.nav-list > .active > a > [class*=" icon-"],
.navbar-inverse .nav > .active > a > [class^="icon-"],
.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"],
.dropdown-submenu:hover > a > [class^="icon-"],
.dropdown-submenu:hover > a > [class*=" icon-"] {
  background-image: none; }

/* keeps Bootstrap styles with and without icons the same */
.btn [class^="icon-"].icon-large,
.nav [class^="icon-"].icon-large,
.btn [class*=" icon-"].icon-large,
.nav [class*=" icon-"].icon-large {
  line-height: .9em; }

.btn [class^="icon-"].icon-spin,
.nav [class^="icon-"].icon-spin,
.btn [class*=" icon-"].icon-spin,
.nav [class*=" icon-"].icon-spin {
  display: inline-block; }

.nav-tabs [class^="icon-"],
.nav-pills [class^="icon-"],
.nav-tabs [class*=" icon-"],
.nav-pills [class*=" icon-"],
.nav-tabs [class^="icon-"].icon-large,
.nav-pills [class^="icon-"].icon-large,
.nav-tabs [class*=" icon-"].icon-large,
.nav-pills [class*=" icon-"].icon-large {
  line-height: .9em; }

.btn [class^="icon-"].pull-left.icon-2x,
.btn [class*=" icon-"].pull-left.icon-2x,
.btn [class^="icon-"].pull-right.icon-2x,
.btn [class*=" icon-"].pull-right.icon-2x {
  margin-top: .18em; }

.btn [class^="icon-"].icon-spin.icon-large,
.btn [class*=" icon-"].icon-spin.icon-large {
  line-height: .8em; }

.btn.btn-sm [class^="icon-"].pull-left.icon-2x,
.btn.btn-sm [class*=" icon-"].pull-left.icon-2x,
.btn.btn-sm [class^="icon-"].pull-right.icon-2x,
.btn.btn-sm [class*=" icon-"].pull-right.icon-2x {
  margin-top: .25em; }

.btn.btn-lg [class^="icon-"],
.btn.btn-lg [class*=" icon-"] {
  margin-top: 0; }

.btn.btn-lg [class^="icon-"].pull-left.icon-2x,
.btn.btn-lg [class*=" icon-"].pull-left.icon-2x,
.btn.btn-lg [class^="icon-"].pull-right.icon-2x,
.btn.btn-lg [class*=" icon-"].pull-right.icon-2x {
  margin-top: .05em; }

.btn.btn-lg [class^="icon-"].pull-left.icon-2x,
.btn.btn-lg [class*=" icon-"].pull-left.icon-2x {
  margin-right: .2em; }

.btn.btn-lg [class^="icon-"].pull-right.icon-2x,
.btn.btn-lg [class*=" icon-"].pull-right.icon-2x {
  margin-left: .2em; }

/* Fixes alignment in nav lists */
.nav-list [class^="icon-"],
.nav-list [class*=" icon-"] {
  line-height: inherit; }

/* EXTRAS
 * -------------------------- */
/* Stacked and layered icon */
.icon-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: -35%; }

.icon-stack [class^="icon-"],
.icon-stack [class*=" icon-"] {
  display: block;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  font-size: 1em;
  line-height: inherit;
  *line-height: 2em; }

.icon-stack .icon-stack-base {
  font-size: 2em;
  *line-height: 1em; }

/* Animated rotating icon */
.icon-spin {
  display: inline-block;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear; }

/* Prevent stack and spinners from being taken inline when inside a link */
a .icon-stack,
a .icon-spin {
  display: inline-block;
  text-decoration: none; }

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

  100% {
    -moz-transform: rotate(359deg); } }

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

  100% {
    -webkit-transform: rotate(359deg); } }

@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg); }

  100% {
    -o-transform: rotate(359deg); } }

@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg); }

  100% {
    -ms-transform: rotate(359deg); } }

@keyframes spin {
  0% {
    transform: rotate(0deg); }

  100% {
    transform: rotate(359deg); } }

/* Icon rotations and mirroring */
.icon-rotate-90:before {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); }

.icon-rotate-180:before {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); }

.icon-rotate-270:before {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }

.icon-flip-horizontal:before {
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1); }

.icon-flip-vertical:before {
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  transform: scale(1, -1); }

/* ensure rotation occurs inside anchor tags */
a .icon-rotate-90:before,
a .icon-rotate-180:before,
a .icon-rotate-270:before,
a .icon-flip-horizontal:before,
a .icon-flip-vertical:before {
  display: inline-block; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.icon-glass:before {
  content: "\f000"; }

.icon-music:before {
  content: "\f001"; }

.icon-search:before {
  content: "\f002"; }

.icon-envelope-alt:before {
  content: "\f003"; }

.icon-heart:before {
  content: "\f004"; }

.icon-star:before {
  content: "\f005"; }

.icon-star-empty:before {
  content: "\f006"; }

.icon-user:before {
  content: "\f007"; }

.icon-film:before {
  content: "\f008"; }

.icon-th-large:before {
  content: "\f009"; }

.icon-th:before {
  content: "\f00a"; }

.icon-th-list:before {
  content: "\f00b"; }

.icon-ok:before {
  content: "\f00c"; }

.icon-remove:before {
  content: "\f00d"; }

.icon-zoom-in:before {
  content: "\f00e"; }

.icon-zoom-out:before {
  content: "\f010"; }

.icon-power-off:before,
.icon-off:before {
  content: "\f011"; }

.icon-signal:before {
  content: "\f012"; }

.icon-gear:before,
.icon-cog:before {
  content: "\f013"; }

.icon-trash:before {
  content: "\f014"; }

.icon-home:before {
  content: "\f015"; }

.icon-file-alt:before {
  content: "\f016"; }

.icon-time:before {
  content: "\f017"; }

.icon-road:before {
  content: "\f018"; }

.icon-download-alt:before {
  content: "\f019"; }

.icon-download:before {
  content: "\f01a"; }

.icon-upload:before {
  content: "\f01b"; }

.icon-inbox:before {
  content: "\f01c"; }

.icon-play-circle:before {
  content: "\f01d"; }

.icon-rotate-right:before,
.icon-repeat:before {
  content: "\f01e"; }

.icon-refresh:before {
  content: "\f021"; }

.icon-list-alt:before {
  content: "\f022"; }

.icon-lock:before {
  content: "\f023"; }

.icon-flag:before {
  content: "\f024"; }

.icon-headphones:before {
  content: "\f025"; }

.icon-volume-off:before {
  content: "\f026"; }

.icon-volume-down:before {
  content: "\f027"; }

.icon-volume-up:before {
  content: "\f028"; }

.icon-qrcode:before {
  content: "\f029"; }

.icon-barcode:before {
  content: "\f02a"; }

.icon-tag:before {
  content: "\f02b"; }

.icon-tags:before {
  content: "\f02c"; }

.icon-book:before {
  content: "\f02d"; }

.icon-bookmark:before {
  content: "\f02e"; }

.icon-print:before {
  content: "\f02f"; }

.icon-camera:before {
  content: "\f030"; }

.icon-font:before {
  content: "\f031"; }

.icon-bold:before {
  content: "\f032"; }

.icon-italic:before {
  content: "\f033"; }

.icon-text-height:before {
  content: "\f034"; }

.icon-text-width:before {
  content: "\f035"; }

.icon-align-left:before {
  content: "\f036"; }

.icon-align-center:before {
  content: "\f037"; }

.icon-align-right:before {
  content: "\f038"; }

.icon-align-justify:before {
  content: "\f039"; }

.icon-list:before {
  content: "\f03a"; }

.icon-indent-left:before {
  content: "\f03b"; }

.icon-indent-right:before {
  content: "\f03c"; }

.icon-facetime-video:before {
  content: "\f03d"; }

.icon-picture:before {
  content: "\f03e"; }

.icon-pencil:before {
  content: "\f040"; }

.icon-map-marker:before {
  content: "\f041"; }

.icon-adjust:before {
  content: "\f042"; }

.icon-tint:before {
  content: "\f043"; }

.icon-edit:before {
  content: "\f044"; }

.icon-share:before {
  content: "\f045"; }

.icon-check:before {
  content: "\f046"; }

.icon-move:before {
  content: "\f047"; }

.icon-step-backward:before {
  content: "\f048"; }

.icon-fast-backward:before {
  content: "\f049"; }

.icon-backward:before {
  content: "\f04a"; }

.icon-play:before {
  content: "\f04b"; }

.icon-pause:before {
  content: "\f04c"; }

.icon-stop:before {
  content: "\f04d"; }

.icon-forward:before {
  content: "\f04e"; }

.icon-fast-forward:before {
  content: "\f050"; }

.icon-step-forward:before {
  content: "\f051"; }

.icon-eject:before {
  content: "\f052"; }

.icon-chevron-left:before {
  content: "\f053"; }

.icon-chevron-right:before {
  content: "\f054"; }

.icon-plus-sign:before {
  content: "\f055"; }

.icon-minus-sign:before {
  content: "\f056"; }

.icon-remove-sign:before {
  content: "\f057"; }

.icon-ok-sign:before {
  content: "\f058"; }

.icon-question-sign:before {
  content: "\f059"; }

.icon-info-sign:before {
  content: "\f05a"; }

.icon-screenshot:before {
  content: "\f05b"; }

.icon-remove-circle:before {
  content: "\f05c"; }

.icon-ok-circle:before {
  content: "\f05d"; }

.icon-ban-circle:before {
  content: "\f05e"; }

.icon-arrow-left:before {
  content: "\f060"; }

.icon-arrow-right:before {
  content: "\f061"; }

.icon-arrow-up:before {
  content: "\f062"; }

.icon-arrow-down:before {
  content: "\f063"; }

.icon-mail-forward:before,
.icon-share-alt:before {
  content: "\f064"; }

.icon-resize-full:before {
  content: "\f065"; }

.icon-resize-small:before {
  content: "\f066"; }

.icon-plus:before {
  content: "\f067"; }

.icon-minus:before {
  content: "\f068"; }

.icon-asterisk:before {
  content: "\f069"; }

.icon-exclamation-sign:before {
  content: "\f06a"; }

.icon-gift:before {
  content: "\f06b"; }

.icon-leaf:before {
  content: "\f06c"; }

.icon-fire:before {
  content: "\f06d"; }

.icon-eye-open:before {
  content: "\f06e"; }

.icon-eye-close:before {
  content: "\f070"; }

.icon-warning-sign:before {
  content: "\f071"; }

.icon-plane:before {
  content: "\f072"; }

.icon-calendar:before {
  content: "\f073"; }

.icon-random:before {
  content: "\f074"; }

.icon-comment:before {
  content: "\f075"; }

.icon-magnet:before {
  content: "\f076"; }

.icon-chevron-up:before {
  content: "\f077"; }

.icon-chevron-down:before {
  content: "\f078"; }

.icon-retweet:before {
  content: "\f079"; }

.icon-shopping-cart:before {
  content: "\f07a"; }

.icon-folder-close:before {
  content: "\f07b"; }

.icon-folder-open:before {
  content: "\f07c"; }

.icon-resize-vertical:before {
  content: "\f07d"; }

.icon-resize-horizontal:before {
  content: "\f07e"; }

.icon-bar-chart:before {
  content: "\f080"; }

.icon-twitter-sign:before {
  content: "\f081"; }

.icon-facebook-sign:before {
  content: "\f082"; }

.icon-camera-retro:before {
  content: "\f083"; }

.icon-key:before {
  content: "\f084"; }

.icon-gears:before,
.icon-cogs:before {
  content: "\f085"; }

.icon-comments:before {
  content: "\f086"; }

.icon-thumbs-up-alt:before {
  content: "\f087"; }

.icon-thumbs-down-alt:before {
  content: "\f088"; }

.icon-star-half:before {
  content: "\f089"; }

.icon-heart-empty:before {
  content: "\f08a"; }

.icon-signout:before {
  content: "\f08b"; }

.icon-linkedin-sign:before {
  content: "\f08c"; }

.icon-pushpin:before {
  content: "\f08d"; }

.icon-external-link:before {
  content: "\f08e"; }

.icon-signin:before {
  content: "\f090"; }

.icon-trophy:before {
  content: "\f091"; }

.icon-github-sign:before {
  content: "\f092"; }

.icon-upload-alt:before {
  content: "\f093"; }

.icon-lemon:before {
  content: "\f094"; }

.icon-phone:before {
  content: "\f095"; }

.icon-unchecked:before,
.icon-check-empty:before {
  content: "\f096"; }

.icon-bookmark-empty:before {
  content: "\f097"; }

.icon-phone-sign:before {
  content: "\f098"; }

.icon-twitter:before {
  content: "\f099"; }

.icon-facebook:before {
  content: "\f09a"; }

.icon-github:before {
  content: "\f09b"; }

.icon-unlock:before {
  content: "\f09c"; }

.icon-credit-card:before {
  content: "\f09d"; }

.icon-rss:before {
  content: "\f09e"; }

.icon-hdd:before {
  content: "\f0a0"; }

.icon-bullhorn:before {
  content: "\f0a1"; }

.icon-bell:before {
  content: "\f0a2"; }

.icon-certificate:before {
  content: "\f0a3"; }

.icon-hand-right:before {
  content: "\f0a4"; }

.icon-hand-left:before {
  content: "\f0a5"; }

.icon-hand-up:before {
  content: "\f0a6"; }

.icon-hand-down:before {
  content: "\f0a7"; }

.icon-circle-arrow-left:before {
  content: "\f0a8"; }

.icon-circle-arrow-right:before {
  content: "\f0a9"; }

.icon-circle-arrow-up:before {
  content: "\f0aa"; }

.icon-circle-arrow-down:before {
  content: "\f0ab"; }

.icon-globe:before {
  content: "\f0ac"; }

.icon-wrench:before {
  content: "\f0ad"; }

.icon-tasks:before {
  content: "\f0ae"; }

.icon-filter:before {
  content: "\f0b0"; }

.icon-briefcase:before {
  content: "\f0b1"; }

.icon-fullscreen:before {
  content: "\f0b2"; }

.icon-group:before {
  content: "\f0c0"; }
  
.icon-signature:before {
  content: "\F040"; }

.icon-link:before {
  content: "\f0c1"; }

.icon-cloud:before {
  content: "\f0c2"; }

.icon-beaker:before {
  content: "\f0c3"; }

.icon-cut:before {
  content: "\f0c4"; }

.icon-copy:before {
  content: "\f0c5"; }

.icon-paperclip:before,
.icon-paper-clip:before {
  content: "\f0c6"; }

.icon-save:before {
  content: "\f0c7"; }

.icon-sign-blank:before {
  content: "\f0c8"; }

.icon-reorder:before {
  content: "\f0c9"; }

.icon-list-ul:before {
  content: "\f0ca"; }

.icon-list-ol:before {
  content: "\f0cb"; }

.icon-strikethrough:before {
  content: "\f0cc"; }

.icon-underline:before {
  content: "\f0cd"; }

.icon-table:before {
  content: "\f0ce"; }

.icon-magic:before {
  content: "\f0d0"; }

.icon-truck:before {
  content: "\f0d1"; }

.icon-pinterest:before {
  content: "\f0d2"; }

.icon-pinterest-sign:before {
  content: "\f0d3"; }

.icon-google-plus-sign:before {
  content: "\f0d4"; }

.icon-google-plus:before {
  content: "\f0d5"; }

.icon-money:before {
  content: "\f0d6"; }

.icon-caret-down:before {
  content: "\f0d7"; }

.icon-caret-up:before {
  content: "\f0d8"; }

.icon-caret-left:before {
  content: "\f0d9"; }

.icon-caret-right:before {
  content: "\f0da"; }

.icon-columns:before {
  content: "\f0db"; }

.icon-sort:before {
  content: "\f0dc"; }

.icon-sort-down:before {
  content: "\f0dd"; }

.icon-sort-up:before {
  content: "\f0de"; }

.icon-envelope:before {
  content: "\f0e0"; }

.icon-linkedin:before {
  content: "\f0e1"; }

.icon-rotate-left:before,
.icon-undo:before {
  content: "\f0e2"; }

.icon-legal:before {
  content: "\f0e3"; }

.icon-dashboard:before {
  content: "\f0e4"; }

.icon-comment-alt:before {
  content: "\f0e5"; }

.icon-comments-alt:before {
  content: "\f0e6"; }

.icon-bolt:before {
  content: "\f0e7"; }

.icon-sitemap:before {
  content: "\f0e8"; }

.icon-umbrella:before {
  content: "\f0e9"; }

.icon-paste:before {
  content: "\f0ea"; }

.icon-lightbulb:before {
  content: "\f0eb"; }

.icon-exchange:before {
  content: "\f0ec"; }

.icon-cloud-download:before {
  content: "\f0ed"; }

.icon-cloud-upload:before {
  content: "\f0ee"; }

.icon-user-md:before {
  content: "\f0f0"; }

.icon-stethoscope:before {
  content: "\f0f1"; }

.icon-suitcase:before {
  content: "\f0f2"; }

.icon-bell-alt:before {
  content: "\f0f3"; }

.icon-coffee:before {
  content: "\f0f4"; }

.icon-food:before {
  content: "\f0f5"; }

.icon-file-text-alt:before {
  content: "\f0f6"; }

.icon-building:before {
  content: "\f0f7"; }

.icon-hospital:before {
  content: "\f0f8"; }

.icon-ambulance:before {
  content: "\f0f9"; }

.icon-medkit:before {
  content: "\f0fa"; }

.icon-fighter-jet:before {
  content: "\f0fb"; }

.icon-beer:before {
  content: "\f0fc"; }

.icon-h-sign:before {
  content: "\f0fd"; }

.icon-plus-sign-alt:before {
  content: "\f0fe"; }

.icon-double-angle-left:before {
  content: "\f100"; }

.icon-double-angle-right:before {
  content: "\f101"; }

.icon-double-angle-up:before {
  content: "\f102"; }

.icon-double-angle-down:before {
  content: "\f103"; }

.icon-angle-left:before {
  content: "\f104"; }

.icon-angle-right:before {
  content: "\f105"; }

.icon-angle-up:before {
  content: "\f106"; }

.icon-angle-down:before {
  content: "\f107"; }

.icon-desktop:before {
  content: "\f108"; }

.icon-laptop:before {
  content: "\f109"; }

.icon-tablet:before {
  content: "\f10a"; }

.icon-mobile-phone:before {
  content: "\f10b"; }

.icon-circle-blank:before {
  content: "\f10c"; }

.icon-quote-left:before {
  content: "\f10d"; }

.icon-quote-right:before {
  content: "\f10e"; }

.icon-spinner:before {
  content: "\f110"; }

.icon-circle:before {
  content: "\f111"; }

.icon-mail-reply:before,
.icon-reply:before {
  content: "\f112"; }

.icon-github-alt:before {
  content: "\f113"; }

.icon-folder-close-alt:before {
  content: "\f114"; }

.icon-folder-open-alt:before {
  content: "\f115"; }

.icon-expand-alt:before {
  content: "\f116"; }

.icon-collapse-alt:before {
  content: "\f117"; }

.icon-smile:before {
  content: "\f118"; }

.icon-frown:before {
  content: "\f119"; }

.icon-meh:before {
  content: "\f11a"; }

.icon-gamepad:before {
  content: "\f11b"; }

.icon-keyboard:before {
  content: "\f11c"; }

.icon-flag-alt:before {
  content: "\f11d"; }

.icon-flag-checkered:before {
  content: "\f11e"; }

.icon-terminal:before {
  content: "\f120"; }

.icon-code:before {
  content: "\f121"; }

.icon-reply-all:before {
  content: "\f122"; }

.icon-mail-reply-all:before {
  content: "\f122"; }

.icon-star-half-full:before,
.icon-star-half-empty:before {
  content: "\f123"; }

.icon-location-arrow:before {
  content: "\f124"; }

.icon-crop:before {
  content: "\f125"; }

.icon-code-fork:before {
  content: "\f126"; }

.icon-unlink:before {
  content: "\f127"; }

.icon-question:before {
  content: "\f128"; }

.icon-info:before {
  content: "\f129"; }

.icon-exclamation:before {
  content: "\f12a"; }

.icon-superscript:before {
  content: "\f12b"; }

.icon-subscript:before {
  content: "\f12c"; }

.icon-eraser:before {
  content: "\f12d"; }

.icon-puzzle-piece:before {
  content: "\f12e"; }

.icon-microphone:before {
  content: "\f130"; }

.icon-microphone-off:before {
  content: "\f131"; }

.icon-shield:before {
  content: "\f132"; }

.icon-calendar-empty:before {
  content: "\f133"; }

.icon-fire-extinguisher:before {
  content: "\f134"; }

.icon-rocket:before {
  content: "\f135"; }

.icon-maxcdn:before {
  content: "\f136"; }

.icon-chevron-sign-left:before {
  content: "\f137"; }

.icon-chevron-sign-right:before {
  content: "\f138"; }

.icon-chevron-sign-up:before {
  content: "\f139"; }

.icon-chevron-sign-down:before {
  content: "\f13a"; }

.icon-html5:before {
  content: "\f13b"; }

.icon-css3:before {
  content: "\f13c"; }

.icon-anchor:before {
  content: "\f13d"; }

.icon-unlock-alt:before {
  content: "\f13e"; }

.icon-bullseye:before {
  content: "\f140"; }

.icon-ellipsis-horizontal:before {
  content: "\f141"; }

.icon-ellipsis-vertical:before {
  content: "\f142"; }

.icon-rss-sign:before {
  content: "\f143"; }

.icon-play-sign:before {
  content: "\f144"; }

.icon-ticket:before {
  content: "\f145"; }

.icon-minus-sign-alt:before {
  content: "\f146"; }

.icon-check-minus:before {
  content: "\f147"; }

.icon-level-up:before {
  content: "\f148"; }

.icon-level-down:before {
  content: "\f149"; }

.icon-check-sign:before {
  content: "\f14a"; }

.icon-edit-sign:before {
  content: "\f14b"; }

.icon-external-link-sign:before {
  content: "\f14c"; }

.icon-share-sign:before {
  content: "\f14d"; }

.icon-compass:before {
  content: "\f14e"; }

.icon-collapse:before {
  content: "\f150"; }

.icon-collapse-top:before {
  content: "\f151"; }

.icon-expand:before {
  content: "\f152"; }

.icon-euro:before,
.icon-eur:before {
  content: "\f153"; }

.icon-gbp:before {
  content: "\f154"; }

.icon-dollar:before,
.icon-usd:before {
  content: "\f155"; }

.icon-rupee:before,
.icon-inr:before {
  content: "\f156"; }

.icon-yen:before,
.icon-jpy:before {
  content: "\f157"; }

.icon-renminbi:before,
.icon-cny:before {
  content: "\f158"; }

.icon-won:before,
.icon-krw:before {
  content: "\f159"; }

.icon-bitcoin:before,
.icon-btc:before {
  content: "\f15a"; }

.icon-file:before {
  content: "\f15b"; }

.icon-file-text:before {
  content: "\f15c"; }

.icon-sort-by-alphabet:before {
  content: "\f15d"; }

.icon-sort-by-alphabet-alt:before {
  content: "\f15e"; }

.icon-sort-by-attributes:before {
  content: "\f160"; }

.icon-sort-by-attributes-alt:before {
  content: "\f161"; }

.icon-sort-by-order:before {
  content: "\f162"; }

.icon-sort-by-order-alt:before {
  content: "\f163"; }

.icon-thumbs-up:before {
  content: "\f164"; }

.icon-thumbs-down:before {
  content: "\f165"; }

.icon-youtube-sign:before {
  content: "\f166"; }

.icon-youtube:before {
  content: "\f167"; }

.icon-xing:before {
  content: "\f168"; }

.icon-xing-sign:before {
  content: "\f169"; }

.icon-youtube-play:before {
  content: "\f16a"; }

.icon-dropbox:before {
  content: "\f16b"; }

.icon-stackexchange:before {
  content: "\f16c"; }

.icon-instagram:before {
  content: "\f16d"; }

.icon-flickr:before {
  content: "\f16e"; }

.icon-adn:before {
  content: "\f170"; }

.icon-bitbucket:before {
  content: "\f171"; }

.icon-bitbucket-sign:before {
  content: "\f172"; }

.icon-tumblr:before {
  content: "\f173"; }

.icon-tumblr-sign:before {
  content: "\f174"; }

.icon-long-arrow-down:before {
  content: "\f175"; }

.icon-long-arrow-up:before {
  content: "\f176"; }

.icon-long-arrow-left:before {
  content: "\f177"; }

.icon-long-arrow-right:before {
  content: "\f178"; }

.icon-apple:before {
  content: "\f179"; }

.icon-windows:before {
  content: "\f17a"; }

.icon-android:before {
  content: "\f17b"; }

.icon-linux:before {
  content: "\f17c"; }

.icon-dribbble:before {
  content: "\f17d"; }

.icon-skype:before {
  content: "\f17e"; }

.icon-foursquare:before {
  content: "\f180"; }

.icon-trello:before {
  content: "\f181"; }

.icon-female:before {
  content: "\f182"; }

.icon-male:before {
  content: "\f183"; }

.icon-gittip:before {
  content: "\f184"; }

.icon-sun:before {
  content: "\f185"; }

.icon-moon:before {
  content: "\f186"; }

.icon-archive:before {
  content: "\f187"; }

.icon-bug:before {
  content: "\f188"; }

.icon-vk:before {
  content: "\f189"; }

.icon-weibo:before {
  content: "\f18a"; }

.icon-renren:before {
  content: "\f18b"; }

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/montserrat-bold-webfont.eot");
  src: url("../fonts/montserrat-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat-bold-webfont.woff") format("woff"), url("../fonts/montserrat-bold-webfont.ttf") format("truetype"), url("../fonts/montserrat-bold-webfont.svg#montserratbold") format("svg");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/montserrat-regular-webfont.eot");
  src: url("../fonts/montserrat-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat-regular-webfont.woff") format("woff"), url("../fonts/montserrat-regular-webfont.ttf") format("truetype"), url("../fonts/montserrat-regular-webfont.svg#montserratregular") format("svg");
  font-weight: normal;
  font-style: normal; }

h1, h2, h3, h4, h5, h6, h5.mobile_score {
  font-family: Montserrat !important;
  font-weight: 400;
  color: #222222; }

h1 {
  font-size: 18px; }

h2 {
  font-size: 24.5px; }

h3 {
  font-size: 21px; }

h4 {
  font-size: 17.5px; }

h5 {
  font-size: 14px; }

h6 {
  font-size: 10.5px; }

@media (max-width: 768px) {
  h1 {
    font-size: 24.5px; }

  h2 {
    font-size: 21px; }

  h3 {
    font-size: 17.5px; }

  h4 {
    font-size: 14px; }

  h5 {
    font-size: 14px; }
  h5.mobile_score { color:white; margin-bottom:0; padding:0;}
  h6 {
    font-size: 7px; }
 
    
    
    }
    
    
    
    
h1 [class^="icon-"] {
  color: #f34541; }

.page-header {
  border-bottom-color: #dddddd;
  margin-left: -15px;
  margin-right: -15px;
  position: relative;
  margin-top: 0;
  margin-bottom: 30px;
  color: #222222;
  background: white;
  min-height: 85px;
  padding: 20px; }
  .page-header:after, .page-header:before {
    content: "";
    display: table; }
  .page-header:after {
    clear: both; }
  .page-header {
    *zoom: 1; display:none;}
  @media (min-width: 768px) {
    .page-header {
      padding: 0 15px; } }
  .page-header h1, .page-header h2, .page-header h3, .page-header h4, .page-header h5, .page-header h6 {
    margin: 0;
    color: #222222;
    vertical-align: middle; }
  .page-header .breadcrumb {
    margin-bottom: 0;
    line-height: 10px; }
    @media (min-width: 768px) {
      .page-header .breadcrumb {
        padding: 10px 0; } }
    .page-header .breadcrumb li:first-child > a {
      text-decoration: none;
      -webkit-transition: color 100ms ease;
      -moz-transition: color 100ms ease;
      -o-transition: color 100ms ease;
      transition: color 100ms ease; }
      .page-header .breadcrumb li:first-child > a:hover {
        color: #f34541; }
  @media (min-width: 768px) {
    .page-header h1.pull-left {
      margin-top: 27px; } }
  .page-header .pull-right {
    margin-top: 15px; }
    @media (min-width: 768px) {
      .page-header .pull-right {
        margin-top: 25px; } }
  @media (max-width: 767px) {
    .page-header {
      text-align: center; }
      .page-header > .pull-right, .page-header > .pull-left {
        float: none !important; } }

.page-header a { text-decoration:none; background : unset; color : black; }
.page-header a:hover {background:unset;text-decoration:underline; color:black;}

.group-header {
  border-top: 1px solid #eeeeee;
  position: relative;
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: 40px;
  margin-top: 20px; }
  .group-header .row {
    margin-left: 0;
    margin-right: 0; }
  .group-header > .row:first-child {
    padding-top: 20px;
    border-top: 1px solid white; }
  .group-header.group-header-first {
    margin-top: 0;
    border-top: none; }
    .group-header.group-header-first > .row:first-child {
      padding-top: 0;
      border-top: none; }

hr {
  position: relative;
  margin-left: -15px;
  margin-right: -15px;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid white; }
  hr.hr-normal {
    margin-left: 0;
    margin-right: 0; }
  hr.hr-top {
    margin-top: 0; }
  hr.hr-bottom {
    margin-bottom: 0; }
  hr.hr-double {
    margin-top: 40px;
    margin-bottom: 40px; }

header .navbar {
  margin: 0;
  /*padding: 0 15px;*/
  background-color: #fff;
  border: none;
  min-height: 50px;
  height: 50px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0; 
  z-index:905;}

  header .navbar .navbar-brand {
    color: white;
    font-size: 20px;
    text-shadow: none;
    font-weight: 200;
    padding: 0;
    height: 100%;
    vertical-align: middle;
    line-height: 50px;
    width: 250px;
    background-color: #00a2eb;
  wi}
    header .navbar .navbar-brand:hover, header .navbar .navbar-brand:focus {
      color: white; }
    header .navbar .navbar-brand .logo {
      display: none; }
      @media (min-width: 768px) {
        header .navbar .navbar-brand .logo {
          display: inline-block;
          width: auto;
          height: 90%;
          margin-left: 8px;} }
    header .navbar .navbar-brand .logo-xs {
      display: inline-block; }
      @media (min-width: 768px) {
        header .navbar .navbar-brand .logo-xs {
          display: none; } }
    header .navbar .navbar-brand img {
      margin-top: -2px; }
  header .navbar .toggle-nav {
    color: white;
    text-shadow: none;
    vertical-align: middle;
    padding: 4px 12px;
    margin-top: 8px;
    margin-left: 15px;
    background-color: #f34541;
    /* border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); */
  }
    @media (min-width: 768px) {
      header .navbar .toggle-nav {
        margin-left: 15px; } }
    header .navbar .toggle-nav:active, header .navbar .toggle-nav.active {
      -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
      -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
      box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
      background-color: #f01611; }
    header .navbar .toggle-nav:hover {
      background-color: #f01611; }
  header .navbar .navbar-form {
    margin: 5px 10px 0 0;
    padding: 0;
    position: relative;
    border: none; }
    header .navbar .navbar-form button {
      position: absolute;
      color: #f34541;
      right: 10px;
      top: 6px;
      text-decoration: none;
      padding: 0;
      margin: 0;
      z-index: 1031;
      text-shadow: none;
      -webkit-transition: color 200ms ease;
      -moz-transition: color 200ms ease;
      -o-transition: color 200ms ease;
      transition: color 200ms ease; }
      header .navbar .navbar-form button:hover {
        color: #aa0e0b; }
    header .navbar .navbar-form input {
      border-color: #f01611;
      padding-left: 7px;
      padding-right: 25px;
      color: #aa0e0b;
      height: 30px;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
      opacity: 0.4;
      -webkit-transition: all 200ms ease;
      -moz-transition: all 200ms ease;
      -o-transition: all 200ms ease;
      transition: all 200ms ease; }
      header .navbar .navbar-form input:-moz-placeholder {
        color: #f67471; }
      header .navbar .navbar-form input:-ms-input-placeholder {
        color: #f67471; }
      header .navbar .navbar-form input::-webkit-input-placeholder {
        color: #f67471; }
      header .navbar .navbar-form input:hover, header .navbar .navbar-form input:focus {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1; }
      header .navbar .navbar-form input:hover:-moz-placeholder {
        color: #f9a3a1; }
      header .navbar .navbar-form input:hover:-ms-input-placeholder {
        color: #f9a3a1; }
      header .navbar .navbar-form input:hover::-webkit-input-placeholder {
        color: #f9a3a1; }
      header .navbar .navbar-form input:focus {
        border-color: #c2100c;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none; }
        header .navbar .navbar-form input:focus:-moz-placeholder {
          color: #f88b89; }
        header .navbar .navbar-form input:focus:-ms-input-placeholder {
          color: #f88b89; }
        header .navbar .navbar-form input:focus::-webkit-input-placeholder {
          color: #f88b89; }
    header .navbar .navbar-form:hover input {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
      opacity: 1; }
  header .navbar .user-menu > a {
    height: 40px;
    line-height: 38px; }
  header .navbar .user-menu .dropdown-toggle {
    padding: 0 15px; }
    header .navbar .user-menu .dropdown-toggle img {
      border: 2px solid white;
      margin-right: 5px;
      vertical-align: top;
      position: relative;
      top: 8px;
      width: 23px;
      height: 23px; }
    header .navbar .user-menu .dropdown-toggle .user-name {
      display: none; }
      @media (min-width: 768px) {
        header .navbar .user-menu .dropdown-toggle .user-name {
          display: inline; } }
    @media screen and (-webkit-min-device-pixel-ratio: 0) {
      header .navbar .user-menu .dropdown-toggle span {
        position: relative;
        top: 1px; } }
  header .navbar .widget .dropdown-menu {
    padding: 0; }
    header .navbar .widget .dropdown-menu > li {
      width: 270px; }
      header .navbar .widget .dropdown-menu > li > a {
        padding: 0;
        white-space: normal; }
        header .navbar .widget .dropdown-menu > li > a:hover [class*="icon"] {
          color: white !important; }
        header .navbar .widget .dropdown-menu > li > a:hover small {
          color: white !important;
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
          opacity: 0.5; }
      header .navbar .widget .dropdown-menu > li .widget-body {
        padding: 5px; }
        header .navbar .widget .dropdown-menu > li .widget-body:after, header .navbar .widget .dropdown-menu > li .widget-body:before {
          content: "";
          display: table; }
        header .navbar .widget .dropdown-menu > li .widget-body:after {
          clear: both; }
        header .navbar .widget .dropdown-menu > li .widget-body {
          *zoom: 1; }
        header .navbar .widget .dropdown-menu > li .widget-body .icon {
          width: 25px; }
        header .navbar .widget .dropdown-menu > li .widget-body .text {
          width: 230px; }
          header .navbar .widget .dropdown-menu > li .widget-body .text small {
            white-space: nowrap; }
      header .navbar .widget .dropdown-menu > li.widget-footer a {
        padding: 10px 0;
        background: #f4f4f4;
        text-align: center; }
        header .navbar .widget .dropdown-menu > li.widget-footer a:hover {
          background: #f34541; }
    header .navbar .widget .dropdown-menu p {
      margin: 0; }
    header .navbar .widget .dropdown-menu .divider {
      margin: 0; }
  header .navbar > .nav {
    float: right;
    margin: 0; }
    header .navbar > .nav > li {
      float: left; }
      header .navbar > .nav > li .label {
        background: white;
        color: #f34541; }
      header .navbar > .nav > li.dropdown > .dropdown-toggle .caret {
        border-top-color: white;
        border-bottom-color: white; }
      header .navbar > .nav > li.dropdown > a:hover .caret, header .navbar > .nav > li.dropdown > a:focus .caret {
        border-top-color: white;
        border-bottom-color: white; }
      header .navbar > .nav > li.dropdown.open > .dropdown-toggle {
        color: white; }
        header .navbar > .nav > li.dropdown.open > .dropdown-toggle .caret {
          border-top-color: white;
          border-bottom-color: white; }
      header .navbar > .nav > li.light > a {
        background-color: #f01611; }
        header .navbar > .nav > li.light > a .label {
          color: #da120e; }
        header .navbar > .nav > li.light > a:hover, header .navbar > .nav > li.light > a:active, header .navbar > .nav > li.light > a:focus {
          background-color: #da120e; }
      header .navbar > .nav > li.medium > a {
        background-color: #da120e; }
        header .navbar > .nav > li.medium > a .label {
          color: #c2100c; }
        header .navbar > .nav > li.medium > a:hover, header .navbar > .nav > li.medium > a:active, header .navbar > .nav > li.medium > a:focus {
          /*background-color: #c2100c;*/
        }
      header .navbar > .nav > li.dark > a {
        background-color: #c2100c; }
        header .navbar > .nav > li.dark > a .label {
          color: #aa0e0b; }
        header .navbar > .nav > li.dark > a:hover, header .navbar > .nav > li.dark > a:active, header .navbar > .nav > li.dark > a:focus {
          background-color: #aa0e0b; }
    header .navbar > .nav > li > a {
      color: white;
      text-shadow: none;
      padding-top: 10px;
      padding-bottom: 10px;
      background-color: #f34541;
      height: 40px;
      line-height: 40px;
      padding-top: 0;
      padding-bottom: 0; }
      header .navbar > .nav > li > a:hover, header .navbar > .nav > li > a:active, header .navbar > .nav > li > a:focus {
        color: white;
        background-color: #f01611; }
  header .navbar.navbar-fixed-top {
    position: fixed; 
    position: fixed;
    -moz-box-shadow: 0 5px 5px rgba(6, 6, 6, 0.29);;
    -webkit-box-shadow: 0 5px 5px rgba(6, 6, 6, 0.29);;
    box-shadow: 0 5px 5px rgba(6, 6, 6, 0.29);}
  header .navbar .dropdown-menu {
    right: 0;
    left: auto; }
    
@media print {
  header {
    display: none; } }

#main-nav-bg {
  width: 251px;
  position: absolute;
  float: left;
  border-right: 1px solid #dddddd;
  background: #f4f4f4;
  display: block;
  z-index: -1;
  top: 0;
  bottom: 0; }
.content_mobile {float:right; position:relative;width:calc(100vw - 250px);margin:0px;padding:0px;}
  @media (max-width: 991px) {
    #main-nav-bg {
      width: 46px; } 
    .content_mobile {width:100vw;}  
      
      }
  @media (max-width: 767px) {
    #main-nav-bg {
      width: 0; } 
    .content_mobile { width : 100vw; }
      }
  @media print {
    #main-nav-bg {
      display: none; } 
    .content_mobile { width:100vw;}
    }

/* #main_nav_scroll {overflow-y : auto; height : calc(32.5vh - 44px);margin:0;padding:0;} */
#main_nav_scroll {overflow-y : auto; height:calc(100% - 43px); margin:0;padding:0;}

#main-nav {
  width: 250px;
  position: absolute;
  left: 0;
  top: 50px; 
  /* height : 32.6vh; */
  height : calc(100vh - 96px);
  /*border-bottom:1px solid black;*/
  border-right:1px solid #555555;}
  
  #main-nav.main-nav-fixed {
    left: 0;
    z-index: 900; 
    }
  #main-nav.main-nav-fixed.admin { height: calc(100% - 40px);}
  
    #main-nav.main-nav-fixed.affix {
      position: fixed;
      top: 0; }
    #main-nav.main-nav-fixed.affix-top {
      top: 40px !important; }
    #main-nav.main-nav-fixed.affix-bottom {
      position: fixed; }
  @media (max-width: 991px) {
    #main-nav {
      width: 45px; } }
  @media (max-width: 767px) {
    #main-nav {
      width: 0;
      overflow: hidden; } }
  @media print {
    #main-nav {
      display: none; } }

.main-nav-opened #main-nav-bg {
  width: 251px; background : #008ace;}

.main-nav-opened #main-nav {
  width: 250px;
  overflow: visible; }
@media (max-width: 767px) {
  .main-nav-opened #main-nav .navigation .search {
    display: block; } }
.main-nav-opened #main-nav .navigation > .nav > li i.angle-down, .main-nav-opened #main-nav .navigation > .nav > li span {
  display: inline !important; }
@media (max-width: 991px) {
  .main-nav-opened #main-nav .navigation > .nav > li ul.in {
    display: block !important; } }

.main-nav-closed #main-nav-bg {
  width: 46px; }
  @media (max-width: 767px) {
    .main-nav-closed #main-nav-bg {
      width: 0; } }
@media (min-width: 992px) {
  .main-nav-closed #main-nav {
    width: 45px; } }
@media (max-width: 767px) {
  .main-nav-closed #main-nav {
    width: 0;
    overflow: hidden; } }
.main-nav-closed #main-nav .navigation > .nav > li > .nav {
  display: none !important; }
  .main-nav-closed #main-nav .navigation > .nav > li > .nav.in {
    display: none; }
@media (min-width: 992px) {
  .main-nav-closed #main-nav .navigation > .nav > li:hover > a > span {
    position: absolute;
    top: -1px;
    left: 45px;
    width: 250px;
    height: 43px;
    line-height: 40px;
    background-color: #fefefe;
    display: block;
    z-index: 901;
    border: 1px solid #dddddd;
    border-left: none; }
  .main-nav-closed #main-nav .navigation > .nav > li:hover > a > .angle-down {
    position: absolute;
    left: 270px;
    top: 0;
    display: block;
    z-index: 903;  }
  .main-nav-closed #main-nav .navigation > .nav > li:hover > ul {
    display: block !important;
    position: absolute;
    z-index: 901;
    height: auto;
    overflow: visible;
    top: 42px;
    left: 47px;
    width: 248px;
    background-color: #e5e5e5; 
    border-bottom: 1px solid white; }
    .main-nav-closed #main-nav .navigation > .nav > li:hover > ul.in {
      border-bottom: 1px solid white; }
    .main-nav-closed #main-nav .navigation > .nav > li:hover > ul li a span {
      display: inline; } }
.main-nav-closed #main-nav .navigation > .nav > li i.angle-down, .main-nav-closed #main-nav .navigation > .nav > li span {
  display: none; }


#main-nav .navigation {
  width: 100%; 
  display:inline;

 }
  #main-nav .navigation .nav {
    margin-bottom: 0; }
  #main-nav .navigation > .nav {
    /* border-bottom: 1px solid #e7e7e7; */
    /* background: #f4f4f4; */

    }
    #main-nav .navigation > .nav > li {
      position: relative;
      display: block;
      
      margin: 0; }

      @media (max-width: 991px) {
        #main-nav .navigation > .nav > li span, #main-nav .navigation > .nav > li i.angle-down {
          display: none !important; } }

      #main-nav .navigation > .nav > li > a {
        background-color: #008ace;
        height: 42px;
        display: block;
        line-height: 45px;
        padding: 0 10px;
        /* border-bottom: 1px solid #00dfff; */
        /* border-top: 1px solid #00dfff; */
        overflow: visible !important; }

        #main-nav .navigation > .nav > li > a:after, #main-nav .navigation > .nav > li > a:before {
          content: "";
          display: table; }
        #main-nav .navigation > .nav > li > a:after {
          clear: both; }
        #main-nav .navigation > .nav > li > a {
          *zoom: 1; }
           #main-nav .navigation > .nav > li > a.in [class^="icon-"], #main-nav .navigation > .nav > li > a.in [class*=" icon-"] {
          color: #f34541; }
        #main-nav .navigation > .nav > li > a.in span {
          /* color: #222222; */ }
        #main-nav .navigation > .nav > li > a.in.collapsed [class^="icon-"], #main-nav .navigation > .nav > li > a.in.collapsed [class*=" icon-"] {
          color: #6e6e6e; }
        #main-nav .navigation > .nav > li > a.in.collapsed span {
          color: #3c3c3c; }
        #main-nav .navigation > .nav > li > a [class^="icon-"], #main-nav .navigation > .nav > li > a [class*=" icon-"], 
	#main-nav .navigation > .nav > li > a [class^="fa-"], #main-nav .navigation > .nav > li > a [class*=" fa-"]
	{
          color: #eee;
          font-size: 20px;
          margin-right: 10px;
          display: inline-block;
          text-align: center;
          width: 25px;
          -webkit-transition: all 100ms ease;
          -moz-transition: all 100ms ease;
          -o-transition: all 100ms ease;
          transition: all 100ms ease; }
          #main-nav .navigation > .nav > li > a [class^="icon-"].angle-down, #main-nav .navigation > .nav > li > a [class*=" icon-"].angle-down {
            width: auto !important; }
        #main-nav .navigation > .nav > li > a .icon-angle-down {
          float: right;
          line-height: 40px;
          margin-right: 0;
          -webkit-transition: all 100ms ease;
          -moz-transition: all 100ms ease;
          -o-transition: all 100ms ease;
          transition: all 100ms ease; 
          font-weight:bold;}
        #main-nav .navigation > .nav > li > a span {
            color: #eee;
            /* text-shadow: 1px 1px 1px #ececec; */
            position: relative;
            top: -2px;
            -webkit-transition: all 100ms ease;
            -moz-transition: all 100ms ease;
            -o-transition: all 100ms ease;
            transition: all 100ms ease;
            font-weight: bold;
            font-size: 16px;
          }
      #main-nav .navigation > .nav > li:hover > a, #main-nav .navigation > .nav > li:focus > a, #main-nav .navigation > .nav > li.active > a {
        background-color: #00a2eb; }
        #main-nav .navigation > .nav > li:hover > a [class^="icon-"], #main-nav .navigation > .nav > li:hover > a [class*=" icon-"], #main-nav .navigation > .nav > li:focus > a [class^="icon-"], #main-nav .navigation > .nav > li:focus > a [class*=" icon-"], #main-nav .navigation > .nav > li.active > a [class^="icon-"], #main-nav .navigation > .nav > li.active > a [class*=" icon-"] {
          color: #f34541 !important; }
        #main-nav .navigation > .nav > li:hover > a span, #main-nav .navigation > .nav > li:focus > a span, #main-nav .navigation > .nav > li.active > a span {
          color: #eeeeee !important;
          padding-left: 2px !important; 
          font-size: 16px;
          font-weight: bold;
}
      #main-nav .navigation > .nav > li .nav {
        background: #e5e5e5;
        /* border-bottom: 1px solid white;*/
        display: none; }
        @media (min-width: 992px) {
          #main-nav .navigation > .nav > li .nav.in {
            display: block; } }
        @media (max-width: 991px) {
          #main-nav .navigation > .nav > li .nav.in {
            display: none !important; } }
        #main-nav .navigation > .nav > li .nav > li > a {
          padding: 5px;
          /* border-top: 1px solid #cbcbcb; */}
          #main-nav .navigation > .nav > li .nav > li > a .icon-angle-down {
            float: right;
            margin-top: 1px;
            margin-right: 7px; }
          #main-nav .navigation > .nav > li .nav > li > a [class^="icon-"], #main-nav .navigation > .nav > li .nav > li > a [class*=" icon-"] {
            display: inline-block;
            text-align: center;
            width: 25px; }
            #main-nav .navigation > .nav > li .nav > li > a [class^="icon-"].angle-down, #main-nav .navigation > .nav > li .nav > li > a [class*=" icon-"].angle-down {
              width: auto !important; }
          #main-nav .navigation > .nav > li .nav > li > a:hover, #main-nav .navigation > .nav > li .nav > li > a:focus {
            background-color: #0c4867; color:#00dfff; }
            #main-nav .navigation > .nav > li .nav > li > a:hover [class^="icon-"], #main-nav .navigation > .nav > li .nav > li > a:hover [class*=" icon-"], #main-nav .navigation > .nav > li .nav > li > a:focus [class^="icon-"], #main-nav .navigation > .nav > li .nav > li > a:focus [class*=" icon-"] {
              color: #eee; }
        #main-nav .navigation > .nav > li .nav > li.active > a {
          background-color: #0c4867; }
          #main-nav .navigation > .nav > li .nav > li.active > a [class^="icon-"], #main-nav .navigation > .nav > li .nav > li.active > a [class*=" icon-"] {
            color: #eee; }
      #main-nav .navigation > .nav > li > .nav {
        /* border-right: 1px solid transparent; */ }
        #main-nav .navigation > .nav > li > .nav > li {
          margin: 0; }
          #main-nav .navigation > .nav > li > .nav > li > a {
            padding-left: 10px; }
          #main-nav .navigation > .nav > li > .nav > li > .nav {
            border-top: 1px solid white;
            border-bottom: none; }
            #main-nav .navigation > .nav > li > .nav > li > .nav > li > a {
              padding-left: 20px; }
            #main-nav .navigation > .nav > li > .nav > li > .nav > li > .nav {
              border-top: 1px solid white;
              border-bottom: none; }
              #main-nav .navigation > .nav > li > .nav > li > .nav > li > .nav > li > a {
                padding-left: 30px; }
  #main-nav .navigation .search {
    border-bottom: 1px solid white;
    display: none; }
    #main-nav .navigation .search form {
      margin: 10px 0; }
      #main-nav .navigation .search form .search-wrapper {
        border: 1px solid #e7e7e7;
        width: 210px;
        position: relative;
        margin-left: auto;
        margin-right: auto; }
        #main-nav .navigation .search form .search-wrapper button {
          position: absolute;
          right: 7px;
          top: 7px;
          padding: 0;
          color: #3c3c3c;
          text-shadow: none;
          text-decoration: none;
          -webkit-transition: color 100ms ease;
          -moz-transition: color 100ms ease;
          -o-transition: color 100ms ease;
          transition: color 100ms ease; }
          #main-nav .navigation .search form .search-wrapper button:hover {
            color: #2f2f2f; }
        #main-nav .navigation .search form .search-wrapper input {
          padding: 4px 7px;
          padding-right: 25px;
          color: #222222;
          background: #f9f9f9;
          border: 1px solid white;
          -webkit-box-shadow: none;
          -moz-box-shadow: none;
          box-shadow: none;
          -webkit-transition: border 100ms ease;
          -moz-transition: border 100ms ease;
          -o-transition: border 100ms ease;
          transition: border 100ms ease; }
          #main-nav .navigation .search form .search-wrapper input:-moz-placeholder {
            color: #2f2f2f; }
          #main-nav .navigation .search form .search-wrapper input:-ms-input-placeholder {
            color: #2f2f2f; }
          #main-nav .navigation .search form .search-wrapper input::-webkit-input-placeholder {
            color: #2f2f2f; }
          #main-nav .navigation .search form .search-wrapper input:focus {
            border: 1px solid white; }
            #main-nav .navigation .search form .search-wrapper input:focus:-moz-placeholder {
              color: #3c3c3c; }
            #main-nav .navigation .search form .search-wrapper input:focus:-ms-input-placeholder {
              color: #3c3c3c; }
            #main-nav .navigation .search form .search-wrapper input:focus::-webkit-input-placeholder {
              color: #3c3c3c; }
        #main-nav .navigation .search form .search-wrapper:hover input {
          background: #fcfcfc; }

.main-nav-opened #content {
  margin-left: 251px; }

.main-nav-closed #content {
  margin-left: 46px; }
  @media (max-width: 767px) {
    .main-nav-closed #content {
      margin-left: 0; } }







html {
  height: 100%;position:fixed;overflow:hidden;}

body {
  min-height: 100%;
  position: fixed;
  overflow:hidden;
  width:100vw;
  height:100vh;  }



body {
  background: ##f9f4f4; overflow-x:hidden;}
  body.fixed-header #wrapper {
    padding-top: 50px; }

  body.fixed-header #main-nav.main-nav-fixed {
    /* position: fixed; */
    /* top: 40px;*/
    /* left: 0; */ 
    background: #008ace;
  }

  body.without-footer #footer {
    display: none;
    
   }

#wrapper {
  min-height: 100%; }
  @media (max-width: 991px) {
    #wrapper {
      overflow: hidden; } }

#content-wrapper {
  padding-bottom: 0px; padding-top:0px; height:100%;}

#content {
  margin-left: 250px;
  min-width: 276px;
  height: calc(97 * var(--vh) - 49px);
 
  }
  @media (max-width: 991px) {
    #content {
      margin-left: 46px; min-height:100%; } }
  @media (max-width: 767px) {
    #content {
      margin-left: 0; } }
  @media print {
    #content {
      margin-left: 0 !important; } }

.container {
  max-width: 100% !important; height:calc(97 * var(--vh) - 49px); }

#footer {

    color: white;
    background: #005f92;
    position: fixed;
    bottom: 0;
    width: 100%;
    font-size: calc(var(--vh) * 2);
    height: calc(var(--vh) * 3);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
  }

  #footer .footer-wrapper {
    padding: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    /* width: 90%; */
    /* height: 100%; */
    /* align-items: center; */
  }


  #footer .text {/*margin-bottom: 7px;*/ }

    @media (min-width: 768px) {
      #footer .text {
        /* text-align: left; */
        /* padding-top: 7px; */
        /* margin-bottom: 0; */ } }
  @media (min-width: 768px) {
    #footer .buttons {
      text-align: right; } }
  #footer .buttons .btn:last-child {
    padding-right: 0; }

.box {
  margin-bottom: 20px;
  position: relative; }
  .box.box-collapsed .box-header .actions .box-collapse i:before {
    content: "\f078"; }
  .box.box-collapsed .box-content {
    display: none; }
  .box .box-header {
    font-size: 21px;
    font-weight: 200;
    line-height: 30px;
    padding: 10px 15px; }
    .box .box-header:after, .box .box-header:before {
      content: "";
      display: table; }
    .box .box-header:after {
      clear: both; }
    .box .box-header {
      *zoom: 1; }
    .box .box-header.contrast-background {
      color: white; }
      .box .box-header.contrast-background .title {
        color: white;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: calc(100% - 10vw); }
      .box .box-header.contrast-background .actions .btn-link {
        color: white; }
        .box .box-header.contrast-background .actions .btn-link:hover {
          color: #f34541 !important;
          background-color: white; }
    .box .box-header.orange-background {
      color: white; }
      .box .box-header.orange-background .title {
        color: white; }
      .box .box-header.orange-background .actions .btn-link {
        color: white; }
        .box .box-header.orange-background .actions .btn-link:hover {
          color: #f8a326 !important;
          background-color: white; }
    .box .box-header.blue-background {
      color: white; }
      .box .box-header.blue-background .title {
        color: white; }
      .box .box-header.blue-background .actions .btn-link {
        color: white; }
        .box .box-header.blue-background .actions .btn-link:hover {
          color: #00acec !important;
          background-color: white; }
    .box .box-header.purple-background {
      color: white; }
      .box .box-header.purple-background .title {
        color: white; }
      .box .box-header.purple-background .actions .btn-link {
        color: white; }
        .box .box-header.purple-background .actions .btn-link:hover {
          color: #9564e2 !important;
          background-color: white; }
    .box .box-header.green-background {
      color: white; }
      .box .box-header.green-background .title {
        color: white; }
      .box .box-header.green-background .actions .btn-link {
        color: white; }
        .box .box-header.green-background .actions .btn-link:hover {
          color: #49bf67 !important;
          background-color: white; }
    .box .box-header.red-background {
      color: white; }
      .box .box-header.red-background .title {
        color: white; }
      .box .box-header.red-background .actions .btn-link {
        color: white; }
        .box .box-header.red-background .actions .btn-link:hover {
          color: #f34541 !important;
          background-color: white; }
    .box .box-header.muted-background {
      color: white; }
      .box .box-header.muted-background .title {
        color: white; }
      .box .box-header.muted-background .actions .btn-link {
        color: white; }
        .box .box-header.muted-background .actions .btn-link:hover {
          color: #999999 !important;
          background-color: white; }
    .box .box-header.fb-background {
      color: white; }
      .box .box-header.fb-background .title {
        color: white; }
      .box .box-header.fb-background .actions .btn-link {
        color: white; }
        .box .box-header.fb-background .actions .btn-link:hover {
          color: #3d579d !important;
          background-color: white; }
    .box .box-header.dark-background {
      color: white; }
      .box .box-header.dark-background .title {
        color: white; }
      .box .box-header.dark-background .actions .btn-link {
        color: white; }
        .box .box-header.dark-background .actions .btn-link:hover {
          color: #2b2d30 !important;
          background-color: white; }
    .box .box-header.pink-background {
      color: white; }
      .box .box-header.pink-background .title {
        color: white; }
      .box .box-header.pink-background .actions .btn-link {
        color: white; }
        .box .box-header.pink-background .actions .btn-link:hover {
          color: #c44a83 !important;
          background-color: white; }
    .box .box-header.grass-green-background {
      color: white; }
      .box .box-header.grass-green-background .title {
        color: white; }
      .box .box-header.grass-green-background .actions .btn-link {
        color: white; }
        .box .box-header.grass-green-background .actions .btn-link:hover {
          color: #5daf2b !important;
          background-color: white; }
    .box .box-header.sea-blue-background {
      color: white; }
      .box .box-header.sea-blue-background .title {
        color: white; }
      .box .box-header.sea-blue-background .actions .btn-link {
        color: white; }
        .box .box-header.sea-blue-background .actions .btn-link:hover {
          color: #0163ac !important;
          background-color: white; }
    .box .box-header.banana-background {
      color: white; }
      .box .box-header.banana-background .title {
        color: white; }
      .box .box-header.banana-background .actions .btn-link {
        color: white; }
        .box .box-header.banana-background .actions .btn-link:hover {
          color: #fcd052 !important;
          background-color: white; }
    .box .box-header.dark-orange-background {
      color: white; }
      .box .box-header.dark-orange-background .title {
        color: white; }
      .box .box-header.dark-orange-background .actions .btn-link {
        color: white; }
        .box .box-header.dark-orange-background .actions .btn-link:hover {
          color: #f56e00 !important;
          background-color: white; }
    .box .box-header.brown-background {
      color: white; }
      .box .box-header.brown-background .title {
        color: white; }
      .box .box-header.brown-background .actions .btn-link {
        color: white; }
        .box .box-header.brown-background .actions .btn-link:hover {
          color: #924e31 !important;
          background-color: white; }
          
/* rajout perso */
    .box .box-header.ocean-background {
      color: white; }
      .box .box-header.ocean-background .title {
        color: white; }
      .box .box-header.ocean-background .actions .btn-link {
        color: white; }
        .box .box-header.ocean-background .actions .btn-link:hover {
          color: #09c5f3 !important;
          background-color: white; }          

    .box .box-header.dark-ocean-background {
      color: white; }
      .box .box-header.dark-ocean-background .title {
        color: white; }
      .box .box-header.dark-ocean-background .actions .btn-link {
        color: white; }
        .box .box-header.dark-ocean-background .actions .btn-link:hover {
          color: #09c5f3 !important;
          background-color: white; }  

    .box .box-header.sombre-ocean-background {
      color: white; }
      .box .box-header.sombre-ocean-background .title {
        color: white; }
      .box .box-header.sombre-ocean-background .actions .btn-link {
        color: white; }
        .box .box-header.sombre-ocean-background .actions .btn-link:hover {
          color: #09c5f3 !important;
          background-color: white; }  
          
          
          
    .box .box-header .title {
      float: left;
      font-weight:bold;}
    .box .box-header .actions {
      margin-top: -3px;
      float: right; }
      .box .box-header .actions .dropdown-toggle {
        position: relative;
        top: 5px; }
      .box .box-header .actions .btn-link {
        color: #c4c4c4;
        text-decoration: none;
        text-shadow: none; }
        .box .box-header .actions .btn-link:hover {
          color: #f34541; }
      .box .box-header .actions .box-collapse i {
        font-family: FontAwesome;
        font-weight: normal;
        font-style: normal;
        text-decoration: inherit;
        -webkit-font-smoothing: antialiased;
        display: inline;
        width: auto;
        height: auto;
        line-height: normal;
        vertical-align: baseline;
        background-image: none;
        background-position: 0% 0%;
        background-repeat: repeat;
        margin-top: 0; }
        .box .box-header .actions .box-collapse i:before {
          content: "\f077"; }
    .box .box-header.box-header-small {
      font-size: 14px;
      font-weight: 200;
      line-height: 19px;
      padding: 10px 10px; }
 
 .box.box-group .box-header, .box.box-live .box-header  { 
      
      font-size: 14px;
      font-weight: 200;     
      padding: 3px 0px;
     
        } 
        
  .box.box-group .box-header:hover, .box.box-live .box-header:hover, .box.box-live .selected-group-live {  
     background : lightgray;
     cursor : pointer;
        }         
              
 .box.box-group .box-header i {  
     color : grey;
        }    
 .box.box-live .box-header i {  
     color : white;
        }          
                  
  .box.box-group .box-header:hover i, .box.box-live .box-header:hover i {  color : black;}  
  .box.box-live .box-header:hover i.light {  color : darkgrey;}  
      
  .box.box-group .box-header .btn-groupe  { margin-top:3px;margin-right:3px;}    
  .box.box-group .title {margin-left:5px;}    
  
  .icon-flipped {
 -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";
}
   
  .box .box-header.box-header-small .actions {
        margin-top: -1px; }
  .box .box-content {
    padding: 10px;
    border: 1px solid #dddddd;
    background: white;
    display: block;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); }
    .box .box-content .box-toolbox {
      background-color: #f4f4f4;
      padding: 5px; }
      .box .box-content .box-toolbox:after, .box .box-content .box-toolbox:before {
        content: "";
        display: table; }
      .box .box-content .box-toolbox:after {
        clear: both; }
      .box .box-content .box-toolbox {
        *zoom: 1; }
      .box .box-content .box-toolbox.box-toolbox-top {
        margin: -10px -10px 10px -10px;
        border-bottom: 1px solid #dddddd; }
      .box .box-content .box-toolbox.box-toolbox-bottom {
        margin: 10px -10px -10px -10px;
        border-top: 1px solid #dddddd; }
    .box .box-content.box-no-padding {
      padding: 0; }
      .box .box-content.box-no-padding form {
        margin-bottom: 0; }
    .box .box-content.box-padding {
      padding: 20px; }
      .box .box-content.box-padding .box-toolbox {
        padding: 10px;
        position: relative; }
        .box .box-content.box-padding .box-toolbox.box-toolbox-top {
          margin: -20px -20px 20px -20px; }
        .box .box-content.box-padding .box-toolbox.box-toolbox-bottom {
          margin: 20px -20px -20px -20px; }
    .box .box-content.box-double-padding {
      padding: 40px; }
      .box .box-content.box-double-padding .box-toolbox {
        padding: 20px; }
        .box .box-content.box-double-padding .box-toolbox.box-toolbox-top {
          margin: -40px -40px 40px -40px; }
        .box .box-content.box-double-padding .box-toolbox.box-toolbox-bottom {
          margin: 40px -40px -40px -40px; }
  .box.box-transparent {
    background: none;
    padding: 0;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
    
    .box.box-transparent .box-content {
      background: transparent;
      border: none;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
  .box.box-bordered {
    border-style: solid;
    border-width: 1px;
    border-color: #dddddd; }
    .box.box-bordered .box-content {
      border-left: none;
      border-right: none;
      border-bottom: none; }

.box-quick-link {
  text-align: center;
  margin-bottom: 10px; }
  .box-quick-link a {
    text-decoration: none; }
    .box-quick-link a .header {
      height: 60px;
      line-height: 60px;
      padding-bottom: 2px; }
      .box-quick-link a .header [class^="icon-"], .box-quick-link a .header [class*=" icon-"] {
        color: white;
        font-size: 30px;
        vertical-align: middle; }
    .box-quick-link a .content {
      text-transform: uppercase;
      font-size: 85%;
      white-space: nowrap;
      overflow: hidden;
      -ms-text-overflow: ellipsis;
      -o-text-overflow: ellipsis;
      text-overflow: ellipsis;
      color: #5b5b5b;
      background-color: #dbdbdb;
      border-bottom: 1px solid #cecece;
      padding: 5px; }
    .box-quick-link a:hover .header [class^="icon-"], .box-quick-link a:hover .header [class*=" icon-"] {
      font-size: 40px; }
    .box-quick-link a:hover .content {
      text-decoration: underline;
      border-bottom-color: #c1c1c1;
      background-color: #cecece; }
  .box-quick-link.contrast-background a:active .header {
    background: #f01611; }
  .box-quick-link.contrast-background:hover .header {
    background: #f12e29; }
  .box-quick-link.orange-background a:active .header {
    background: #e48a07; }
  .box-quick-link.orange-background:hover .header {
    background: #f7990d; }
  .box-quick-link.blue-background a:active .header {
    background: #0087b9; }
  .box-quick-link.blue-background:hover .header {
    background: #0099d3; }
  .box-quick-link.purple-background a:active .header {
    background: #7839da; }
  .box-quick-link.purple-background:hover .header {
    background: #864fde; }
  .box-quick-link.green-background a:active .header {
    background: #379e51; }
  .box-quick-link.green-background:hover .header {
    background: #3eb05b; }
  .box-quick-link.red-background a:active .header {
    background: #f01611; }
  .box-quick-link.red-background:hover .header {
    background: #f12e29; }
  .box-quick-link.muted-background a:active .header {
    background: gray; }
  .box-quick-link.muted-background:hover .header {
    background: #8c8c8c; }
  .box-quick-link.fb-background a:active .header {
    background: #2f4378; }
  .box-quick-link.fb-background:hover .header {
    background: #364d8b; }
  .box-quick-link.dark-background a:active .header {
    background: #131415; }
  .box-quick-link.dark-background:hover .header {
    background: #1f2023; }
  .box-quick-link.pink-background a:active .header {
    background: #a5366a; }
  .box-quick-link.pink-background:hover .header {
    background: #b83c76; }
  .box-quick-link.grass-green-background a:active .header {
    background: #478621; }
  .box-quick-link.grass-green-background:hover .header {
    background: #529b26; }
  .box-quick-link.sea-blue-background a:active .header {
    background: #014679; }
  .box-quick-link.sea-blue-background:hover .header {
    background: #015493; }
  .box-quick-link.banana-background a:active .header {
    background: #fbc220; }
  .box-quick-link.banana-background:hover .header {
    background: #fcc939; }
  .box-quick-link.dark-orange-background a:active .header {
    background: #c25700; }
  .box-quick-link.dark-orange-background:hover .header {
    background: #dc6300; }
  .box-quick-link.brown-background a:active .header {
    background: #6c3a24; }
  .box-quick-link.brown-background:hover .header {
    background: #7f442b; }

.box-statistic {
  background-color: white;
  margin-bottom: 5px;
  padding: 5px 10px;
  position: relative; }
  .box-statistic .title {
    margin: 0;
    line-height: 28px; }
  .box-statistic small {
    text-transform: uppercase; }
  .box-statistic [class*="fa-"],
  .box-statistic [class*="icon-"] {
    font-size: 30px;
    top: 13px; }
    .box-statistic [class*="fa-"].align-left,
    .box-statistic [class*="icon-"].align-left {
      position: absolute;
      left: 10px; }
    .box-statistic [class*="fa-"].align-right,
    .box-statistic [class*="icon-"].align-right {
      position: absolute;
      right: 10px; }

  .box-statistic.contrast-background .title, .box-statistic.contrast-background small, .box-statistic.contrast-background [class*="icon-"], .box-statistic.contrast-background [class*="fa-"] {
    color: white !important; }
  .box-statistic.contrast-background small {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7; }
  .box-statistic.orange-background .title, .box-statistic.orange-background small, .box-statistic.orange-background [class*="icon-"], .box-statistic.orange-background [class*="fa-"] {
    color: white !important; }
  .box-statistic.orange-background small {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7; }
  .box-statistic.blue-background .title, .box-statistic.blue-background small, .box-statistic.blue-background [class*="icon-"], .box-statistic.blue-background [class*="fa-"] {
    color: white !important; }
  .box-statistic.blue-background small {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7; }
  .box-statistic.purple-background .title, .box-statistic.purple-background small, .box-statistic.purple-background [class*="icon-"], .box-statistic.purple-background [class*="fa-"] {
    color: white !important; }
  .box-statistic.purple-background small {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7; }
    
  .box-statistic.green-background .title, .box-statistic.green-background small, .box-statistic.green-background [class*="icon-"], .box-statistic.green-background [class*="fa-"] {
    color: white !important; }
    
 
  .box-statistic.green-background small {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7; }
  .box-statistic.red-background .title, .box-statistic.red-background small, .box-statistic.red-background [class*="icon-"], .box-statistic.red-background [class*="fa-"] {
    color: white !important; }
  .box-statistic.red-background small {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7; }
  .box-statistic.muted-background .title, .box-statistic.muted-background small, .box-statistic.muted-background [class*="icon-"], .box-statistic.muted-background [class*="fa-"] {
    color: white !important; }
  .box-statistic.muted-background small {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7; }
  .box-statistic.fb-background .title, .box-statistic.fb-background small, .box-statistic.fb-background [class*="icon-"], .box-statistic.fb-background [class*="fa-"]  {
    color: white !important; }
  .box-statistic.fb-background small {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7; }
  .box-statistic.dark-background .title, .box-statistic.dark-background small, .box-statistic.dark-background [class*="icon-"], .box-statistic.dark-background [class*="fa-"]  {
    color: white !important; }
  .box-statistic.dark-background small {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7; }
  .box-statistic.pink-background .title, .box-statistic.pink-background small, .box-statistic.pink-background [class*="icon-"], .box-statistic.pink-background [class*="fa-"] {
    color: white !important; }
  .box-statistic.pink-background small {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7; }
  .box-statistic.grass-green-background .title, .box-statistic.grass-green-background small, .box-statistic.grass-green-background [class*="icon-"], .box-statistic.grass-green-background [class*="fa-"] {
    color: white !important; }
  .box-statistic.grass-green-background small {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7; }
  .box-statistic.sea-blue-background .title, .box-statistic.sea-blue-background small, .box-statistic.sea-blue-background [class*="icon-"], .box-statistic.sea-blue-background [class*="fa-"] {
    color: white !important; }
  .box-statistic.sea-blue-background small {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7; }
  .box-statistic.banana-background .title, .box-statistic.banana-background small, .box-statistic.banana-background [class*="icon-"], .box-statistic.banana-background [class*="fa-"] {
    color: white !important; }
  .box-statistic.banana-background small {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7; }
  .box-statistic.dark-orange-background .title, .box-statistic.dark-orange-background small, .box-statistic.dark-orange-background [class*="icon-"], .box-statistic.dark-orange-background [class*="fa-"] {
    color: white !important; }
  .box-statistic.dark-orange-background small {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7; }
  .box-statistic.brown-background .title, .box-statistic.brown-background small, .box-statistic.brown-background [class*="icon-"], .box-statistic.brown-background [class*="fa-"] {
    color: white !important; }
  .box-statistic.brown-background small {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7; }

  .box-statistic:hover [class*="icon-"].align-right, .box-statistic:hover [class*="fa-"].align-right, {
    right: 15px;
    -webkit-transition: right 0.1s linear;
    -moz-transition: right 0.1s linear;
    -o-transition: right 0.1s linear;
    transition: right 0.1s linear; }
    
  .box-statistic:hover [class*="icon-"].align-left, .box-statistic:hover [class*="fa-"].align-left {
    left: 15px;
    -webkit-transition: left 0.1s linear;
    -moz-transition: left 0.1s linear;
    -o-transition: left 0.1s linear;
    transition: left 0.1s linear; }
  
  
.responsive-table {
  position: relative;
  overflow: hidden; }
  .responsive-table .scrollable-area {
    width: 100%;
    overflow: scroll;
    overflow-y: hidden; }
  .responsive-table table td {
    position: relative;
    /* white-space: nowrap; */
    overflow: hidden; }

.box-content.box-no-padding .table-striped th:first-child, .box-content.box-no-padding .table-striped td:first-child {
  border-left: none; }
.box-content.box-no-padding .table-striped th:last-child, .box-content.box-no-padding .table-striped td:last-child {
  border-right: none; }

.dataTables_wrapper .datatables-top, .dataTables_wrapper .datatables-bottom {
  padding: 5px; }
@media (max-width: 767px) {
  .dataTables_wrapper .datatables-top, .dataTables_wrapper .datatables-bottom {
    text-align: center; }
    .dataTables_wrapper .datatables-top .dataTables_filter, .dataTables_wrapper .datatables-bottom .dataTables_filter {
      float: none;
      text-align: center; }
      .dataTables_wrapper .datatables-top .dataTables_filter label, .dataTables_wrapper .datatables-bottom .dataTables_filter label {
        float: none; }
    .dataTables_wrapper .datatables-top .dataTables_paginate, .dataTables_wrapper .datatables-bottom .dataTables_paginate {
      text-align: center;
      float: none;
      margin-left: 0;
      margin-right: 0; }
    .dataTables_wrapper .datatables-top .dataTables_length, .dataTables_wrapper .datatables-bottom .dataTables_length {
      text-align: center;
      display: inline-block;
      float: none; } 
      }
.dataTables_wrapper:after, .dataTables_wrapper:before {
  content: "";
  display: table; }
.dataTables_wrapper:after {
  clear: both; }
.dataTables_wrapper {
  *zoom: 1; padding:5px; }
.dataTables_wrapper .dataTables_length {
  margin: 13px 10px 5px 10px;
  float: left;}
.dataTables_wrapper .dataTables_filter {
  margin: 10px 10px 5px 10px;
  float: right; }
.dataTables_wrapper .dataTables_info {
  padding: 0;
  margin: 4px 10px 10px 10px; }
.dataTables_wrapper .dataTables_paginate {
  margin-right: 10px; }
  .dataTables_wrapper .dataTables_paginate .pagination {
    margin: 0; }
.dataTables_wrapper .filter_column input[type="text"] {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
.dataTables_wrapper .sorting:after {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  *margin-right: .3em;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
  content: "\f0dc";
  float: right; }
.dataTables_wrapper .sorting_asc:after {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  *margin-right: .3em;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
  content: "\f0de";
  float: right; }
.dataTables_wrapper .sorting_desc:after {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  *margin-right: .3em;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
  content: "\f0dd";
  float: right; }

.todo-list .new-todo {
  margin-bottom: 0;
  width: 100%;
  position: relative; }
  .todo-list .new-todo:after, .todo-list .new-todo:before {
    content: "";
    display: table; }
  .todo-list .new-todo:after {
    clear: both; }
  .todo-list .new-todo {
    *zoom: 1; }
  .todo-list .new-todo input[type="text"] {
    border-left: 0;
    border-top: 0;
    padding-left: 12px;
    padding-top: 12px;
    padding-bottom: 12px;
    height: 45px;
    line-height: 45px; }
  .todo-list .new-todo input {
    margin-bottom: 0;
    padding-right: 40px; }
  .todo-list .new-todo button {
    position: absolute;
    top: 0;
    right: 0;
    height: 45px; }
.todo-list .date {
  text-transform: uppercase;
  color: #f34541;
  font-size: 11px;
  margin-top: 10px;
  margin-left: 10px; }
.todo-list ul {
  margin-bottom: 20px; }
  .todo-list ul > li {
    line-height: 35px;
    padding: 0 7px 0 10px;
    border-bottom: 1px solid #dddddd;
    position: relative; }
    .todo-list ul > li:after, .todo-list ul > li:before {
      content: "";
      display: table; }
    .todo-list ul > li:after {
      clear: both; }
    .todo-list ul > li {
      *zoom: 1; }
    .todo-list ul > li label {
      padding: 5px 0;
      font-weight: normal;
      margin: 0; }
      .todo-list ul > li label .todo {
        padding-left: 5px;
        display: inline;
        position: relative;
        top: 3px; }
      .todo-list ul > li label input[type="checkbox"] {
        margin-top: 0; }
    .todo-list ul > li .actions {
      margin-top: 2px; }
      .todo-list ul > li .actions .remove, .todo-list ul > li .actions .edit {
        display: none; }
      .todo-list ul > li .actions .btn-link {
        padding: 10px 5px; border:none;}
        .todo-list ul > li .actions .btn-link:hover {
          text-decoration: none; }
      .todo-list ul > li .actions .important {
        color: #00acec; }
        .todo-list ul > li .actions .important i:before {
          content: "\f097"; }
        .todo-list ul > li .actions .important:hover {
          color: #0087b9; }
      .todo-list ul > li .actions .edit {
        color: #f8a326; }
        .todo-list ul > li .actions .edit:hover {
          color: #e48a07; }
      .todo-list ul > li .actions .remove {
        color: #f34541; }
        .todo-list ul > li .actions .remove:hover {
          color: #f01611; }
    .todo-list ul > li.important {
      border-left: 2px solid #00acec;
      padding-left: 15px;
      background: #f7f7f7; }
      .todo-list ul > li.important .important i:before {
        content: "\f02e"; }
    .todo-list ul > li.done {
      opacity: 0.5; }
      .todo-list ul > li.done .todo {
        text-decoration: line-through; }
    .todo-list ul > li:hover {
      cursor: move; }
      .todo-list ul > li:hover .remove, .todo-list ul > li:hover .edit {
        display: inline; }
  .todo-list ul:last-child {
    margin-bottom: 0; }
    .todo-list ul:last-child li:last-child {
      border-bottom: none; }

.touch .todo-list ul > li .actions .remove, .touch .todo-list ul > li .actions .edit {
  display: inline; }

.recent-activity .load-more > a {
  border-left: none;
  border-right: none;
  border-bottom: none; }
.recent-activity ul {
  margin-bottom: 0; }
.recent-activity .users > li {
  border-bottom: 1px solid #dddddd;
  padding: 10px; }
  .recent-activity .users > li:after, .recent-activity .users > li:before {
    content: "";
    display: table; }
  .recent-activity .users > li:after {
    clear: both; }
  .recent-activity .users > li {
    *zoom: 1; }
  .recent-activity .users > li .avatar {
    margin-right: 10px;
    width: 23px;
    height: 23px; }
    .recent-activity .users > li .avatar .icon-user {
      font-size: 20px;
      position: relative;
      top: 2px;
      color: #d0d0d0;
      width: 23px;
      height: 23px; }
  .recent-activity .users > li .date, .recent-activity .users > li .action {
    padding-top: 2px; }
  .recent-activity .users > li:last-child {
    border-bottom: none; }
.recent-activity .comments > li {
  border-bottom: 1px solid #dddddd;
  padding: 10px;
  position: relative; }
  .recent-activity .comments > li:after, .recent-activity .comments > li:before {
    content: "";
    display: table; }
  .recent-activity .comments > li:after {
    clear: both; }
  .recent-activity .comments > li {
    *zoom: 1; }
  .recent-activity .comments > li .avatar {
    position: absolute;
    left: 10px;
    top: 10px;
    margin-right: 10px;
    width: 23px;
    height: 23px; }
    .recent-activity .comments > li .avatar .icon-user {
      font-size: 20px;
      position: relative;
      top: 2px;
      color: #d0d0d0;
      width: 23px;
      height: 23px; }
  .recent-activity .comments > li .body {
    margin-left: 33px; }
    .recent-activity .comments > li .body .actions {
      position: absolute;
      right: 10px;
      top: 2px;
      display: none; }
      .recent-activity .comments > li .body .actions .btn-link {
        padding-left: 2px;
        padding-right: 2px; }
        .recent-activity .comments > li .body .actions .btn-link:hover {
          text-decoration: none; }
      .recent-activity .comments > li .body .actions .ok {
        color: #49bf67;
        margin-right: 10px; }
        .recent-activity .comments > li .body .actions .ok:hover {
          color: #379e51; }
      .recent-activity .comments > li .body .actions .remove {
        color: #f34541; }
        .recent-activity .comments > li .body .actions .remove:hover {
          color: #f01611; }
  .recent-activity .comments > li:hover .actions {
    display: block; }
  .recent-activity .comments > li:last-child {
    border-bottom: none; }

.touch .recent-activity .comments > li .actions {
  display: block; }

.event-contrast .fc-event-inner, .label-contrast .fc-event-inner {
  background-color: #f34541 !important; }

.event-orange .fc-event-inner, .label-orange .fc-event-inner {
  background-color: #f8a326 !important; }

.event-blue .fc-event-inner, .label-blue .fc-event-inner {
  background-color: #00acec !important; }

.event-purple .fc-event-inner, .label-purple .fc-event-inner {
  background-color: #9564e2 !important; }

.event-green .fc-event-inner, .label-green .fc-event-inner {
  background-color: #49bf67 !important; }

.event-red .fc-event-inner, .label-red .fc-event-inner {
  background-color: #f34541 !important; }

.event-muted .fc-event-inner, .label-muted .fc-event-inner {
  background-color: #999999 !important; }

.event-fb .fc-event-inner, .label-fb .fc-event-inner {
  background-color: #3d579d !important; }

.event-dark .fc-event-inner, .label-dark .fc-event-inner {
  background-color: #2b2d30 !important; }

.event-pink .fc-event-inner, .label-pink .fc-event-inner {
  background-color: #c44a83 !important; }

.event-grass-green .fc-event-inner, .label-grass-green .fc-event-inner {
  background-color: #5daf2b !important; }

.event-sea-blue .fc-event-inner, .label-sea-blue .fc-event-inner {
  background-color: #0163ac !important; }

.event-banana .fc-event-inner, .label-banana .fc-event-inner {
  background-color: #fcd052 !important; }

.event-dark-orange .fc-event-inner, .label-dark-orange .fc-event-inner {
  background-color: #f56e00 !important; }

.event-brown .fc-event-inner, .label-brown .fc-event-inner {
  background-color: #924e31 !important; }

.fc-header .fc-header-left {
  position: absolute;
  width: 100%;
  text-align: right;
  right: 10px;
  top: 10px; }
  .fc-header .fc-header-left .fc-button {
    padding: 0px 12px;
    background-color: white; }
    .fc-header .fc-header-left .fc-button.fc-state-active, .fc-header .fc-header-left .fc-button:hover {
      background-color: #dddddd; }
.fc-header .fc-header-right {
  padding-top: 5px; }
.fc-header .fc-header-center {
  text-align: left; }

.fc-content .fc-event .fc-event-inner {
  border-color: #f34541;
  background-color: #f34541; }
.fc-content .fc-event .ui-resizable-handle.ui-resizable-e {
  background: white;
  cursor: col-resize;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3; }
.fc-content .fc-event.label-important .fc-event-inner {
  background-color: #f34541; }
.fc-content .fc-event.label-important[href].fc-event-inner {
  background-color: #f01611; }
.fc-content .fc-event.label-warning .fc-event-inner {
  background-color: #f8a326; }
.fc-content .fc-event.label-warning[href] .fc-event-inner {
  background-color: #e48a07; }
.fc-content .fc-event.label-success .fc-event-inner {
  background-color: #49bf67; }
.fc-content .fc-event.label-success[href] .fc-event-inner {
  background-color: #379e51; }
.fc-content .fc-event.label-info .fc-event-inner {
  background-color: #9564e2; }
.fc-content .fc-event.label-info[href] .fc-event-inner {
  background-color: #7839da; }
.fc-content .fc-event.label-inverse .fc-event-inner {
  background-color: #3c3c3c; }
.fc-content .fc-event.label-inverse[href] .fc-event-inner {
  background-color: #232323; }

.chat .box-collapsed .box-header .actions .box-collapse i:before {
  content: "\f077" !important; }
.chat.chat-fixed {
  width: 300px;
  position: relative;
  z-index: 904;
  bottom: 0;
  right: 20px; }
  .chat.chat-fixed .box {
    margin-bottom: 0; }
  .chat.chat-fixed .box-header .actions .box-collapse i:before {
    content: "\f078"; }
  .chat.chat-fixed form input[type="text"] {
    padding: 4px 6px;
    height: 33px;
    line-height: 33px; }
  .chat.chat-fixed form button {
    height: 33px;
    height: 33px; }
.chat ul {
  margin-bottom: 0; }
  .chat ul > li {
    border-bottom: 1px solid #dddddd;
    padding: 10px;
    position: relative; }
    .chat ul > li:after, .chat ul > li:before {
      content: "";
      display: table; }
    .chat ul > li:after {
      clear: both; }
    .chat ul > li {
      *zoom: 1; }
    .chat ul > li .avatar {
      position: absolute;
      margin-right: 10px;
      top: 10px;
      left: 10px;
      width: 23px;
      height: 23px; }
    .chat ul > li .name-and-time {
      margin-left: 33px; }
      .chat ul > li .name-and-time:after, .chat ul > li .name-and-time:before {
        content: "";
        display: table; }
      .chat ul > li .name-and-time:after {
        clear: both; }
      .chat ul > li .name-and-time {
        *zoom: 1; }
    .chat ul > li .body {
      margin-left: 35px; 

      }

    .chat ul > li .time {
      font-size: 12px; }
    .chat ul > li:last-child {
      border-bottom: none; }
.chat form {
  margin-bottom: 0;
  width: 100%;
  position: relative; }
  .chat form:after, .chat form:before {
    content: "";
    display: table; }
  .chat form:after {
    clear: both; }
  .chat form {
    *zoom: 1; }
  .chat form input[type="text"] {
    border-left: 0;
    border-bottom: 0;
    padding-left: 12px;
    padding-top: 12px;
    padding-bottom: 12px;
    height: 45px;
    line-height: 45px; }
  .chat form input {
    margin-bottom: 0;
    padding-right: 40px; }
  .chat form button {
    position: absolute;
    top: 0;
    right: 0;
    height: 45px; }

.tasks .task:after, .tasks .task:before {
  content: "";
  display: table; }
.tasks .task:after {
  clear: both; }
.tasks .task {
  *zoom: 1; }
.tasks > li:last-child .progress {
  margin-bottom: 0; }

.dd {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  list-style: none; }

.dd-list {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none; }
  .dd-list .dd-list {
    padding-left: 30px; }

.dd-collapsed .dd-list {
  display: none; }

.dd-item, .dd-empty, .dd-placeholder {
  display: block;
  position: relative;
  margin: 0;
  padding: 0; }


.dd-handle {
  display: block;
  margin: 5px 0;
  padding: 10px 10px;
  color: #3c3c3c;
  text-decoration: none;
  font-weight: bold;
  border: 1px solid #dddddd;
  background: white;
  box-sizing: border-box;
  -moz-box-sizing: border-box; }
  .dd-handle:hover {
    color: #f34541;
    cursor: move; }

.dd-item > button {
  display: block;
  position: relative;
  cursor: pointer;
  float: left;
  width: 25px;
  margin: 5px 0;
  padding: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  border: 0;
  background: transparent;
  line-height: 1;
  padding-top: 7px;
  text-align: center;
  font-weight: bold; }
  .dd-item > button:before {
    content: '+';
    display: block;
    position: absolute;
    width: 100%;
    text-align: center;
    text-indent: 0; }
  .dd-item > button[data-action="collapse"]:before {
    content: '-'; }

.dd-placeholder {
  margin: 5px 0;
  padding: 0;
  min-height: 30px;
  background: #f7f7f7;
  border: 1px dashed #f34541;
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

.dd-dragel {
  position: absolute;
  pointer-events: none;
  z-index: 9999; }
  .dd-dragel > .dd-item .dd-handle {
    margin-top: 0; }

.accordion .panel {
  margin-bottom: 0;
  border-width: 2px; }
@media print {
  .accordion .collapse, .accordion .panel-collapse .collapse, .accordion panel-collapse.collapse, .accordion .accordion-group .accordion-body.collapse {
    display: block !important;
    height: auto !important; } }
.accordion.accordion-contrast .panel {
  border-color: #f34541; }
  .accordion.accordion-contrast .panel > .panel-heading + .panel-collapse .panel-body {
    border-top: 2px solid #f34541; }
.accordion.accordion-contrast .panel-heading {
  background-color: #f34541;
  padding: 0; }
  .accordion.accordion-contrast .panel-heading .accordion-toggle {
    color: white;
    padding: 10px 15px;
    display: block; }
.accordion.accordion-contrast .panel {
  border-color: #f34541; }
  .accordion.accordion-contrast .panel > .panel-heading + .panel-collapse .panel-body {
    border-top: 2px solid #f34541; }
.accordion.accordion-contrast .panel-heading {
  background-color: #f34541; }
  .accordion.accordion-contrast .panel-heading .accordion-toggle {
    color: white; }
.accordion.accordion-orange .panel {
  border-color: #f8a326; }
  .accordion.accordion-orange .panel > .panel-heading + .panel-collapse .panel-body {
    border-top: 2px solid #f8a326; }
.accordion.accordion-orange .panel-heading {
  background-color: #f8a326;
  padding: 0; }
  .accordion.accordion-orange .panel-heading .accordion-toggle {
    color: white;
    padding: 10px 15px;
    display: block; }
.accordion.accordion-contrast .panel {
  border-color: #f34541; }
  .accordion.accordion-contrast .panel > .panel-heading + .panel-collapse .panel-body {
    border-top: 2px solid #f34541; }
.accordion.accordion-contrast .panel-heading {
  background-color: #f34541; }
  .accordion.accordion-contrast .panel-heading .accordion-toggle {
    color: white; }
.accordion.accordion-blue .panel {
  border-color: #00acec; }
  .accordion.accordion-blue .panel > .panel-heading + .panel-collapse .panel-body {
    border-top: 2px solid #00acec; }
.accordion.accordion-blue .panel-heading {
  background-color: #00acec;
  padding: 0; }
  .accordion.accordion-blue .panel-heading .accordion-toggle {
    color: white;
    padding: 10px 15px;
    display: block; }
.accordion.accordion-contrast .panel {
  border-color: #f34541; }
  .accordion.accordion-contrast .panel > .panel-heading + .panel-collapse .panel-body {
    border-top: 2px solid #f34541; }
.accordion.accordion-contrast .panel-heading {
  background-color: #f34541; }
  .accordion.accordion-contrast .panel-heading .accordion-toggle {
    color: white; }
.accordion.accordion-purple .panel {
  border-color: #9564e2; }
  .accordion.accordion-purple .panel > .panel-heading + .panel-collapse .panel-body {
    border-top: 2px solid #9564e2; }
.accordion.accordion-purple .panel-heading {
  background-color: #9564e2;
  padding: 0; }
  .accordion.accordion-purple .panel-heading .accordion-toggle {
    color: white;
    padding: 10px 15px;
    display: block; }
.accordion.accordion-contrast .panel {
  border-color: #f34541; }
  .accordion.accordion-contrast .panel > .panel-heading + .panel-collapse .panel-body {
    border-top: 2px solid #f34541; }
.accordion.accordion-contrast .panel-heading {
  background-color: #f34541; }
  .accordion.accordion-contrast .panel-heading .accordion-toggle {
    color: white; }
.accordion.accordion-green .panel {
  border-color: #49bf67; }
  .accordion.accordion-green .panel > .panel-heading + .panel-collapse .panel-body {
    border-top: 2px solid #49bf67; }
.accordion.accordion-green .panel-heading {
  background-color: #49bf67;
  padding: 0; }
  .accordion.accordion-green .panel-heading .accordion-toggle {
    color: white;
    padding: 10px 15px;
    display: block; }
.accordion.accordion-contrast .panel {
  border-color: #f34541; }
  .accordion.accordion-contrast .panel > .panel-heading + .panel-collapse .panel-body {
    border-top: 2px solid #f34541; }
.accordion.accordion-contrast .panel-heading {
  background-color: #f34541; }
  .accordion.accordion-contrast .panel-heading .accordion-toggle {
    color: white; }
.accordion.accordion-red .panel {
  border-color: #f34541; }
  .accordion.accordion-red .panel > .panel-heading + .panel-collapse .panel-body {
    border-top: 2px solid #f34541; }
.accordion.accordion-red .panel-heading {
  background-color: #f34541;
  padding: 0; }
  .accordion.accordion-red .panel-heading .accordion-toggle {
    color: white;
    padding: 10px 15px;
    display: block; }
.accordion.accordion-contrast .panel {
  border-color: #f34541; }
  .accordion.accordion-contrast .panel > .panel-heading + .panel-collapse .panel-body {
    border-top: 2px solid #f34541; }
.accordion.accordion-contrast .panel-heading {
  background-color: #f34541; }
  .accordion.accordion-contrast .panel-heading .accordion-toggle {
    color: white; }
.accordion.accordion-muted .panel {
  border-color: #999999; }
  .accordion.accordion-muted .panel > .panel-heading + .panel-collapse .panel-body {
    border-top: 2px solid #999999; }
.accordion.accordion-muted .panel-heading {
  background-color: #999999;
  padding: 0; }
  .accordion.accordion-muted .panel-heading .accordion-toggle {
    color: white;
    padding: 10px 15px;
    display: block; }
.accordion.accordion-contrast .panel {
  border-color: #f34541; }
  .accordion.accordion-contrast .panel > .panel-heading + .panel-collapse .panel-body {
    border-top: 2px solid #f34541; }
.accordion.accordion-contrast .panel-heading {
  background-color: #f34541; }
  .accordion.accordion-contrast .panel-heading .accordion-toggle {
    color: white; }
.accordion.accordion-fb .panel {
  border-color: #3d579d; }
  .accordion.accordion-fb .panel > .panel-heading + .panel-collapse .panel-body {
    border-top: 2px solid #3d579d; }
.accordion.accordion-fb .panel-heading {
  background-color: #3d579d;
  padding: 0; }
  .accordion.accordion-fb .panel-heading .accordion-toggle {
    color: white;
    padding: 10px 15px;
    display: block; }
.accordion.accordion-contrast .panel {
  border-color: #f34541; }
  .accordion.accordion-contrast .panel > .panel-heading + .panel-collapse .panel-body {
    border-top: 2px solid #f34541; }
.accordion.accordion-contrast .panel-heading {
  background-color: #f34541; }
  .accordion.accordion-contrast .panel-heading .accordion-toggle {
    color: white; }
.accordion.accordion-dark .panel {
  border-color: #2b2d30; }
  .accordion.accordion-dark .panel > .panel-heading + .panel-collapse .panel-body {
    border-top: 2px solid #2b2d30; }
.accordion.accordion-dark .panel-heading {
  background-color: #2b2d30;
  padding: 0; }
  .accordion.accordion-dark .panel-heading .accordion-toggle {
    color: white;
    padding: 10px 15px;
    display: block; }
.accordion.accordion-contrast .panel {
  border-color: #f34541; }
  .accordion.accordion-contrast .panel > .panel-heading + .panel-collapse .panel-body {
    border-top: 2px solid #f34541; }
.accordion.accordion-contrast .panel-heading {
  background-color: #f34541; }
  .accordion.accordion-contrast .panel-heading .accordion-toggle {
    color: white; }
.accordion.accordion-pink .panel {
  border-color: #c44a83; }
  .accordion.accordion-pink .panel > .panel-heading + .panel-collapse .panel-body {
    border-top: 2px solid #c44a83; }
.accordion.accordion-pink .panel-heading {
  background-color: #c44a83;
  padding: 0; }
  .accordion.accordion-pink .panel-heading .accordion-toggle {
    color: white;
    padding: 10px 15px;
    display: block; }
.accordion.accordion-contrast .panel {
  border-color: #f34541; }
  .accordion.accordion-contrast .panel > .panel-heading + .panel-collapse .panel-body {
    border-top: 2px solid #f34541; }
.accordion.accordion-contrast .panel-heading {
  background-color: #f34541; }
  .accordion.accordion-contrast .panel-heading .accordion-toggle {
    color: white; }
.accordion.accordion-grass-green .panel {
  border-color: #5daf2b; }
  .accordion.accordion-grass-green .panel > .panel-heading + .panel-collapse .panel-body {
    border-top: 2px solid #5daf2b; }
.accordion.accordion-grass-green .panel-heading {
  background-color: #5daf2b;
  padding: 0; }
  .accordion.accordion-grass-green .panel-heading .accordion-toggle {
    color: white;
    padding: 10px 15px;
    display: block; }
.accordion.accordion-contrast .panel {
  border-color: #f34541; }
  .accordion.accordion-contrast .panel > .panel-heading + .panel-collapse .panel-body {
    border-top: 2px solid #f34541; }
.accordion.accordion-contrast .panel-heading {
  background-color: #f34541; }
  .accordion.accordion-contrast .panel-heading .accordion-toggle {
    color: white; }
.accordion.accordion-sea-blue .panel {
  border-color: #0163ac; }
  .accordion.accordion-sea-blue .panel > .panel-heading + .panel-collapse .panel-body {
    border-top: 2px solid #0163ac; }
.accordion.accordion-sea-blue .panel-heading {
  background-color: #0163ac;
  padding: 0; }
  .accordion.accordion-sea-blue .panel-heading .accordion-toggle {
    color: white;
    padding: 10px 15px;
    display: block; }
.accordion.accordion-contrast .panel {
  border-color: #f34541; }
  .accordion.accordion-contrast .panel > .panel-heading + .panel-collapse .panel-body {
    border-top: 2px solid #f34541; }
.accordion.accordion-contrast .panel-heading {
  background-color: #f34541; }
  .accordion.accordion-contrast .panel-heading .accordion-toggle {
    color: white; }
.accordion.accordion-banana .panel {
  border-color: #fcd052; }
  .accordion.accordion-banana .panel > .panel-heading + .panel-collapse .panel-body {
    border-top: 2px solid #fcd052; }
.accordion.accordion-banana .panel-heading {
  background-color: #fcd052;
  padding: 0; }
  .accordion.accordion-banana .panel-heading .accordion-toggle {
    color: white;
    padding: 10px 15px;
    display: block; }
.accordion.accordion-contrast .panel {
  border-color: #f34541; }
  .accordion.accordion-contrast .panel > .panel-heading + .panel-collapse .panel-body {
    border-top: 2px solid #f34541; }
.accordion.accordion-contrast .panel-heading {
  background-color: #f34541; }
  .accordion.accordion-contrast .panel-heading .accordion-toggle {
    color: white; }
.accordion.accordion-dark-orange .panel {
  border-color: #f56e00; }
  .accordion.accordion-dark-orange .panel > .panel-heading + .panel-collapse .panel-body {
    border-top: 2px solid #f56e00; }
.accordion.accordion-dark-orange .panel-heading {
  background-color: #f56e00;
  padding: 0; }
  .accordion.accordion-dark-orange .panel-heading .accordion-toggle {
    color: white;
    padding: 10px 15px;
    display: block; }
.accordion.accordion-contrast .panel {
  border-color: #f34541; }
  .accordion.accordion-contrast .panel > .panel-heading + .panel-collapse .panel-body {
    border-top: 2px solid #f34541; }
.accordion.accordion-contrast .panel-heading {
  background-color: #f34541; }
  .accordion.accordion-contrast .panel-heading .accordion-toggle {
    color: white; }
.accordion.accordion-brown .panel {
  border-color: #924e31; }
  .accordion.accordion-brown .panel > .panel-heading + .panel-collapse .panel-body {
    border-top: 2px solid #924e31; }
.accordion.accordion-brown .panel-heading {
  background-color: #924e31;
  padding: 0; }
  .accordion.accordion-brown .panel-heading .accordion-toggle {
    color: white;
    padding: 10px 15px;
    display: block; }
.accordion.accordion-contrast .panel {
  border-color: #f34541; }
  .accordion.accordion-contrast .panel > .panel-heading + .panel-collapse .panel-body {
    border-top: 2px solid #f34541; }
.accordion.accordion-contrast .panel-heading {
  background-color: #f34541; }
  .accordion.accordion-contrast .panel-heading .accordion-toggle {
    color: white; }

.nav-tabs-centered {
  text-align: center; }
  .nav-tabs-centered > li {
    float: none;
    display: inline-block; }

.tabs-right .nav-tabs-simple > li > a {
  border-color: transparent !important; }
.tabs-right .nav-tabs-simple > .active > a, .tabs-right .nav-tabs-simple > .active > a:hover, .tabs-right .nav-tabs-simple > .active > a:focus {
  border-color: transparent !important;
  border-left-color: #f34541 !important; }
  .tabs-right .nav-tabs-simple > .active > a.contrast-border, .tabs-right .nav-tabs-simple > .active > a:hover.contrast-border, .tabs-right .nav-tabs-simple > .active > a:focus.contrast-border {
    border-left-color: #f34541 !important; }
  .tabs-right .nav-tabs-simple > .active > a.contrast-border, .tabs-right .nav-tabs-simple > .active > a:hover.contrast-border, .tabs-right .nav-tabs-simple > .active > a:focus.contrast-border {
    border-left-color: #f34541 !important; }
  .tabs-right .nav-tabs-simple > .active > a.orange-border, .tabs-right .nav-tabs-simple > .active > a:hover.orange-border, .tabs-right .nav-tabs-simple > .active > a:focus.orange-border {
    border-left-color: #f8a326 !important; }
  .tabs-right .nav-tabs-simple > .active > a.blue-border, .tabs-right .nav-tabs-simple > .active > a:hover.blue-border, .tabs-right .nav-tabs-simple > .active > a:focus.blue-border {
    border-left-color: #00acec !important; }
  .tabs-right .nav-tabs-simple > .active > a.purple-border, .tabs-right .nav-tabs-simple > .active > a:hover.purple-border, .tabs-right .nav-tabs-simple > .active > a:focus.purple-border {
    border-left-color: #9564e2 !important; }
  .tabs-right .nav-tabs-simple > .active > a.green-border, .tabs-right .nav-tabs-simple > .active > a:hover.green-border, .tabs-right .nav-tabs-simple > .active > a:focus.green-border {
    border-left-color: #49bf67 !important; }
  .tabs-right .nav-tabs-simple > .active > a.red-border, .tabs-right .nav-tabs-simple > .active > a:hover.red-border, .tabs-right .nav-tabs-simple > .active > a:focus.red-border {
    border-left-color: #f34541 !important; }
  .tabs-right .nav-tabs-simple > .active > a.muted-border, .tabs-right .nav-tabs-simple > .active > a:hover.muted-border, .tabs-right .nav-tabs-simple > .active > a:focus.muted-border {
    border-left-color: #999999 !important; }
  .tabs-right .nav-tabs-simple > .active > a.fb-border, .tabs-right .nav-tabs-simple > .active > a:hover.fb-border, .tabs-right .nav-tabs-simple > .active > a:focus.fb-border {
    border-left-color: #3d579d !important; }
  .tabs-right .nav-tabs-simple > .active > a.dark-border, .tabs-right .nav-tabs-simple > .active > a:hover.dark-border, .tabs-right .nav-tabs-simple > .active > a:focus.dark-border {
    border-left-color: #2b2d30 !important; }
  .tabs-right .nav-tabs-simple > .active > a.pink-border, .tabs-right .nav-tabs-simple > .active > a:hover.pink-border, .tabs-right .nav-tabs-simple > .active > a:focus.pink-border {
    border-left-color: #c44a83 !important; }
  .tabs-right .nav-tabs-simple > .active > a.grass-green-border, .tabs-right .nav-tabs-simple > .active > a:hover.grass-green-border, .tabs-right .nav-tabs-simple > .active > a:focus.grass-green-border {
    border-left-color: #5daf2b !important; }
  .tabs-right .nav-tabs-simple > .active > a.sea-blue-border, .tabs-right .nav-tabs-simple > .active > a:hover.sea-blue-border, .tabs-right .nav-tabs-simple > .active > a:focus.sea-blue-border {
    border-left-color: #0163ac !important; }
  .tabs-right .nav-tabs-simple > .active > a.banana-border, .tabs-right .nav-tabs-simple > .active > a:hover.banana-border, .tabs-right .nav-tabs-simple > .active > a:focus.banana-border {
    border-left-color: #fcd052 !important; }
  .tabs-right .nav-tabs-simple > .active > a.dark-orange-border, .tabs-right .nav-tabs-simple > .active > a:hover.dark-orange-border, .tabs-right .nav-tabs-simple > .active > a:focus.dark-orange-border {
    border-left-color: #f56e00 !important; }
  .tabs-right .nav-tabs-simple > .active > a.brown-border, .tabs-right .nav-tabs-simple > .active > a:hover.brown-border, .tabs-right .nav-tabs-simple > .active > a:focus.brown-border {
    border-left-color: #924e31 !important; }

.tabs-left .nav-tabs-simple > li > a {
  border-color: transparent !important; }
.tabs-left .nav-tabs-simple > .active > a, .tabs-left .nav-tabs-simple > .active > a:hover, .tabs-left .nav-tabs-simple > .active > a:focus {
  border-color: transparent !important;
  border-right-color: #f34541 !important; }
  .tabs-left .nav-tabs-simple > .active > a.contrast-border, .tabs-left .nav-tabs-simple > .active > a:hover.contrast-border, .tabs-left .nav-tabs-simple > .active > a:focus.contrast-border {
    border-right-color: #f34541 !important; }
  .tabs-left .nav-tabs-simple > .active > a.contrast-border, .tabs-left .nav-tabs-simple > .active > a:hover.contrast-border, .tabs-left .nav-tabs-simple > .active > a:focus.contrast-border {
    border-right-color: #f34541 !important; }
  .tabs-left .nav-tabs-simple > .active > a.orange-border, .tabs-left .nav-tabs-simple > .active > a:hover.orange-border, .tabs-left .nav-tabs-simple > .active > a:focus.orange-border {
    border-right-color: #f8a326 !important; }
  .tabs-left .nav-tabs-simple > .active > a.blue-border, .tabs-left .nav-tabs-simple > .active > a:hover.blue-border, .tabs-left .nav-tabs-simple > .active > a:focus.blue-border {
    border-right-color: #00acec !important; }
  .tabs-left .nav-tabs-simple > .active > a.purple-border, .tabs-left .nav-tabs-simple > .active > a:hover.purple-border, .tabs-left .nav-tabs-simple > .active > a:focus.purple-border {
    border-right-color: #9564e2 !important; }
  .tabs-left .nav-tabs-simple > .active > a.green-border, .tabs-left .nav-tabs-simple > .active > a:hover.green-border, .tabs-left .nav-tabs-simple > .active > a:focus.green-border {
    border-right-color: #49bf67 !important; }
  .tabs-left .nav-tabs-simple > .active > a.red-border, .tabs-left .nav-tabs-simple > .active > a:hover.red-border, .tabs-left .nav-tabs-simple > .active > a:focus.red-border {
    border-right-color: #f34541 !important; }
  .tabs-left .nav-tabs-simple > .active > a.muted-border, .tabs-left .nav-tabs-simple > .active > a:hover.muted-border, .tabs-left .nav-tabs-simple > .active > a:focus.muted-border {
    border-right-color: #999999 !important; }
  .tabs-left .nav-tabs-simple > .active > a.fb-border, .tabs-left .nav-tabs-simple > .active > a:hover.fb-border, .tabs-left .nav-tabs-simple > .active > a:focus.fb-border {
    border-right-color: #3d579d !important; }
  .tabs-left .nav-tabs-simple > .active > a.dark-border, .tabs-left .nav-tabs-simple > .active > a:hover.dark-border, .tabs-left .nav-tabs-simple > .active > a:focus.dark-border {
    border-right-color: #2b2d30 !important; }
  .tabs-left .nav-tabs-simple > .active > a.pink-border, .tabs-left .nav-tabs-simple > .active > a:hover.pink-border, .tabs-left .nav-tabs-simple > .active > a:focus.pink-border {
    border-right-color: #c44a83 !important; }
  .tabs-left .nav-tabs-simple > .active > a.grass-green-border, .tabs-left .nav-tabs-simple > .active > a:hover.grass-green-border, .tabs-left .nav-tabs-simple > .active > a:focus.grass-green-border {
    border-right-color: #5daf2b !important; }
  .tabs-left .nav-tabs-simple > .active > a.sea-blue-border, .tabs-left .nav-tabs-simple > .active > a:hover.sea-blue-border, .tabs-left .nav-tabs-simple > .active > a:focus.sea-blue-border {
    border-right-color: #0163ac !important; }
  .tabs-left .nav-tabs-simple > .active > a.banana-border, .tabs-left .nav-tabs-simple > .active > a:hover.banana-border, .tabs-left .nav-tabs-simple > .active > a:focus.banana-border {
    border-right-color: #fcd052 !important; }
  .tabs-left .nav-tabs-simple > .active > a.dark-orange-border, .tabs-left .nav-tabs-simple > .active > a:hover.dark-orange-border, .tabs-left .nav-tabs-simple > .active > a:focus.dark-orange-border {
    border-right-color: #f56e00 !important; }
  .tabs-left .nav-tabs-simple > .active > a.brown-border, .tabs-left .nav-tabs-simple > .active > a:hover.brown-border, .tabs-left .nav-tabs-simple > .active > a:focus.brown-border {
    border-right-color: #924e31 !important; }

.tabs-below .nav-tabs-simple > li > a {
  border-color: transparent !important; }
.tabs-below .nav-tabs-simple > .active > a, .tabs-below .nav-tabs-simple > .active > a:hover, .tabs-below .nav-tabs-simple > .active > a:focus {
  border-color: transparent !important;
  border-top-color: #f34541 !important; }
  .tabs-below .nav-tabs-simple > .active > a.contrast-border, .tabs-below .nav-tabs-simple > .active > a:hover.contrast-border, .tabs-below .nav-tabs-simple > .active > a:focus.contrast-border {
    border-top-color: #f34541 !important; }
  .tabs-below .nav-tabs-simple > .active > a.contrast-border, .tabs-below .nav-tabs-simple > .active > a:hover.contrast-border, .tabs-below .nav-tabs-simple > .active > a:focus.contrast-border {
    border-top-color: #f34541 !important; }
  .tabs-below .nav-tabs-simple > .active > a.orange-border, .tabs-below .nav-tabs-simple > .active > a:hover.orange-border, .tabs-below .nav-tabs-simple > .active > a:focus.orange-border {
    border-top-color: #f8a326 !important; }
  .tabs-below .nav-tabs-simple > .active > a.blue-border, .tabs-below .nav-tabs-simple > .active > a:hover.blue-border, .tabs-below .nav-tabs-simple > .active > a:focus.blue-border {
    border-top-color: #00acec !important; }
  .tabs-below .nav-tabs-simple > .active > a.purple-border, .tabs-below .nav-tabs-simple > .active > a:hover.purple-border, .tabs-below .nav-tabs-simple > .active > a:focus.purple-border {
    border-top-color: #9564e2 !important; }
  .tabs-below .nav-tabs-simple > .active > a.green-border, .tabs-below .nav-tabs-simple > .active > a:hover.green-border, .tabs-below .nav-tabs-simple > .active > a:focus.green-border {
    border-top-color: #49bf67 !important; }
  .tabs-below .nav-tabs-simple > .active > a.red-border, .tabs-below .nav-tabs-simple > .active > a:hover.red-border, .tabs-below .nav-tabs-simple > .active > a:focus.red-border {
    border-top-color: #f34541 !important; }
  .tabs-below .nav-tabs-simple > .active > a.muted-border, .tabs-below .nav-tabs-simple > .active > a:hover.muted-border, .tabs-below .nav-tabs-simple > .active > a:focus.muted-border {
    border-top-color: #999999 !important; }
  .tabs-below .nav-tabs-simple > .active > a.fb-border, .tabs-below .nav-tabs-simple > .active > a:hover.fb-border, .tabs-below .nav-tabs-simple > .active > a:focus.fb-border {
    border-top-color: #3d579d !important; }
  .tabs-below .nav-tabs-simple > .active > a.dark-border, .tabs-below .nav-tabs-simple > .active > a:hover.dark-border, .tabs-below .nav-tabs-simple > .active > a:focus.dark-border {
    border-top-color: #2b2d30 !important; }
  .tabs-below .nav-tabs-simple > .active > a.pink-border, .tabs-below .nav-tabs-simple > .active > a:hover.pink-border, .tabs-below .nav-tabs-simple > .active > a:focus.pink-border {
    border-top-color: #c44a83 !important; }
  .tabs-below .nav-tabs-simple > .active > a.grass-green-border, .tabs-below .nav-tabs-simple > .active > a:hover.grass-green-border, .tabs-below .nav-tabs-simple > .active > a:focus.grass-green-border {
    border-top-color: #5daf2b !important; }
  .tabs-below .nav-tabs-simple > .active > a.sea-blue-border, .tabs-below .nav-tabs-simple > .active > a:hover.sea-blue-border, .tabs-below .nav-tabs-simple > .active > a:focus.sea-blue-border {
    border-top-color: #0163ac !important; }
  .tabs-below .nav-tabs-simple > .active > a.banana-border, .tabs-below .nav-tabs-simple > .active > a:hover.banana-border, .tabs-below .nav-tabs-simple > .active > a:focus.banana-border {
    border-top-color: #fcd052 !important; }
  .tabs-below .nav-tabs-simple > .active > a.dark-orange-border, .tabs-below .nav-tabs-simple > .active > a:hover.dark-orange-border, .tabs-below .nav-tabs-simple > .active > a:focus.dark-orange-border {
    border-top-color: #f56e00 !important; }
  .tabs-below .nav-tabs-simple > .active > a.brown-border, .tabs-below .nav-tabs-simple > .active > a:hover.brown-border, .tabs-below .nav-tabs-simple > .active > a:focus.brown-border {
    border-top-color: #924e31 !important; }

.nav-tabs-simple > li > a {
  border-color: transparent !important; }
.nav-tabs-simple > .active > a, .nav-tabs-simple > .active > a:hover, .nav-tabs-simple > .active > a:focus {
  border-color: transparent !important;
  border-bottom-color: #f34541 !important; }
  .nav-tabs-simple > .active > a.contrast-border, .nav-tabs-simple > .active > a:hover.contrast-border, .nav-tabs-simple > .active > a:focus.contrast-border {
    border-bottom-color: #f34541 !important; }
  .nav-tabs-simple > .active > a.contrast-border, .nav-tabs-simple > .active > a:hover.contrast-border, .nav-tabs-simple > .active > a:focus.contrast-border {
    border-bottom-color: #f34541 !important; }
  .nav-tabs-simple > .active > a.orange-border, .nav-tabs-simple > .active > a:hover.orange-border, .nav-tabs-simple > .active > a:focus.orange-border {
    border-bottom-color: #f8a326 !important; }
  .nav-tabs-simple > .active > a.blue-border, .nav-tabs-simple > .active > a:hover.blue-border, .nav-tabs-simple > .active > a:focus.blue-border {
    border-bottom-color: #00acec !important; }
  .nav-tabs-simple > .active > a.purple-border, .nav-tabs-simple > .active > a:hover.purple-border, .nav-tabs-simple > .active > a:focus.purple-border {
    border-bottom-color: #9564e2 !important; }
  .nav-tabs-simple > .active > a.green-border, .nav-tabs-simple > .active > a:hover.green-border, .nav-tabs-simple > .active > a:focus.green-border {
    border-bottom-color: #49bf67 !important; }
  .nav-tabs-simple > .active > a.red-border, .nav-tabs-simple > .active > a:hover.red-border, .nav-tabs-simple > .active > a:focus.red-border {
    border-bottom-color: #f34541 !important; }
  .nav-tabs-simple > .active > a.muted-border, .nav-tabs-simple > .active > a:hover.muted-border, .nav-tabs-simple > .active > a:focus.muted-border {
    border-bottom-color: #999999 !important; }
  .nav-tabs-simple > .active > a.fb-border, .nav-tabs-simple > .active > a:hover.fb-border, .nav-tabs-simple > .active > a:focus.fb-border {
    border-bottom-color: #3d579d !important; }
  .nav-tabs-simple > .active > a.dark-border, .nav-tabs-simple > .active > a:hover.dark-border, .nav-tabs-simple > .active > a:focus.dark-border {
    border-bottom-color: #2b2d30 !important; }
  .nav-tabs-simple > .active > a.pink-border, .nav-tabs-simple > .active > a:hover.pink-border, .nav-tabs-simple > .active > a:focus.pink-border {
    border-bottom-color: #c44a83 !important; }
  .nav-tabs-simple > .active > a.grass-green-border, .nav-tabs-simple > .active > a:hover.grass-green-border, .nav-tabs-simple > .active > a:focus.grass-green-border {
    border-bottom-color: #5daf2b !important; }
  .nav-tabs-simple > .active > a.sea-blue-border, .nav-tabs-simple > .active > a:hover.sea-blue-border, .nav-tabs-simple > .active > a:focus.sea-blue-border {
    border-bottom-color: #0163ac !important; }
  .nav-tabs-simple > .active > a.banana-border, .nav-tabs-simple > .active > a:hover.banana-border, .nav-tabs-simple > .active > a:focus.banana-border {
    border-bottom-color: #fcd052 !important; }
  .nav-tabs-simple > .active > a.dark-orange-border, .nav-tabs-simple > .active > a:hover.dark-orange-border, .nav-tabs-simple > .active > a:focus.dark-orange-border {
    border-bottom-color: #f56e00 !important; }
  .nav-tabs-simple > .active > a.brown-border, .nav-tabs-simple > .active > a:hover.brown-border, .nav-tabs-simple > .active > a:focus.brown-border {
    border-bottom-color: #924e31 !important; }

@media print {
  .tab-content > .tab-pane {
    display: block !important;
    opacity: 1 !important; } }
.nav-tabs, .nav-pills {
  margin-bottom: 19px; }

.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
  border-bottom: 0; }

.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none; }

.tab-content > .active,
.pill-content > .active {
  display: block; }

.tabs-below > .nav-tabs {
  border-top: 1px solid #ddd; }

.tabs-below > .nav-tabs > li {
  margin-top: -1px;
  margin-bottom: 0; }

.tabs-below > .nav-tabs > li > a {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px; }

.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {
  border-top-color: #ddd;
  border-bottom-color: transparent; }

.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.tabs-below > .nav-tabs > .active > a:focus {
  border-color: transparent #ddd #ddd #ddd; }

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
  float: none; }

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px; }

.tabs-left > .nav-tabs {
  float: left;
  margin-right: 19px;
  border-right: 1px solid #ddd; }

.tabs-left > .nav-tabs > li > a {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px; }

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
  border-color: #eeeeee #dddddd #eeeeee #eeeeee; }

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
  border-color: #ddd transparent #ddd #ddd;
  *border-right-color: #ffffff; }

.tabs-right > .nav-tabs {
  float: right;
  margin-left: 19px;
  border-left: 1px solid #ddd; }

.tabs-right > .nav-tabs > li > a {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0; }

.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus {
  border-color: #eeeeee #eeeeee #eeeeee #dddddd; }

.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {
  border-color: #ddd #ddd #ddd transparent;
  *border-left-color: #ffffff; }

.fuelux .wizard {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-color: transparent;
  border: none; }
  .fuelux .wizard .actions {
    padding: 0; }
  .fuelux .wizard ul li {
    background-color: #dddddd;
    margin-right: 30px;
    padding: 0 20px;
    color: #424242;
    font-family: Montserrat;
    font-size: 20px;
    position: relative;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    border-radius: 0 !important; }
    .fuelux .wizard ul li.active {
      background-color: #f34541;
      color: white; }
    .fuelux .wizard ul li.complete {
      background-color: #49bf67;
      color: white; }
      .fuelux .wizard ul li.complete:hover {
        background-color: #3eb05b; }
      .fuelux .wizard ul li.complete:before {
        background-color: #49bf67; }
    .fuelux .wizard ul li:before {
      content: "";
      width: 30px;
      height: 4px;
      background-color: #dddddd;
      display: block;
      position: absolute;
      top: 50%;
      margin-top: -2px;
      left: -30px; }
    .fuelux .wizard ul li:first-child:before {
      display: none; }

@media print {
  .fuelux .step-content .step-pane {
    display: block !important;
    opacity: 1 !important; } }
.form-striped .form-group {
  margin-left: 0;
  margin-right: 0;
  padding: 15px 0;
  border-bottom: 1px solid #dddddd;
  margin-bottom: 0; }
  .form-striped .form-group:nth-child(even) {
    background-color: #f4f4f4; }
  .form-striped .form-group:last-child {
    border-bottom-color: transparent; }
.form-striped .form-actions {
  margin-top: 0;
  padding: 20px 15px; }

.form-actions {
  background-color: #f4f4f4;
  padding: 20px;
  border-top: 1px solid #e5e5e5;
  margin-top: 20px; }
  @media (min-width: 768px) {
    .form-actions {
      padding: 20px 0; } }
  .form-actions.form-actions-padding {
    padding: 20px; }
  @media (max-width: 767px) {
    .form-actions.form-actions-padding-xs {
      padding: 20px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .form-actions.form-actions-padding-sm {
      padding: 20px; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .form-actions.form-actions-padding-md {
      padding: 20px; } }
  @media (min-width: 1200px) {
    .form-actions.form-actions-padding-lg {
      padding: 20px; } }

.select2-container a:focus {
  outline: none; }

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.form-control,
.uneditable-input {
  color: #3c3c3c;
  border-color: #d0d0d0;
  background-color: white; }
  select:focus,
  textarea:focus,
  input[type="text"]:focus,
  input[type="password"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="date"]:focus,
  input[type="month"]:focus,
  input[type="time"]:focus,
  input[type="week"]:focus,
  input[type="number"]:focus,
  input[type="email"]:focus,
  input[type="url"]:focus,
  input[type="search"]:focus,
  input[type="tel"]:focus,
  input[type="color"]:focus,
  .form-control:focus,
  .uneditable-input:focus {
    border-color: #aaaaaa;
    -webkit-box-shadow: 0 0 8px #dce1e5;
    -moz-box-shadow: 0 0 8px #dce1e5;
    box-shadow: 0 0 8px #dce1e5; }

.gallery {
  margin-left: -5px; }
  .gallery > ul {
    margin-bottom: 0; }
  .gallery li {
    margin-bottom: 10px !important; }
  .gallery .picture {
    position: relative;
    overflow: hidden;
    cursor: pointer; }
    .gallery .picture .tags {
      position: absolute;
      right: 2px;
      top: 2px;
      direction: rtl; }
      .gallery .picture .tags .label {
        display: table;
        margin-bottom: 2px;
        text-align: left;
        direction: ltr; }
    .gallery .picture:hover .actions {
      bottom: 0; }
    .gallery .picture .actions {
      width: 100%;
      position: absolute;
      background-color: rgba(0, 0, 0, 0.3);
      height: 35px;
      left: 0;
      bottom: -35px;
      -webkit-transition: bottom 100ms ease;
      -moz-transition: bottom 100ms ease;
      -o-transition: bottom 100ms ease;
      transition: bottom 100ms ease; }
      .gallery .picture .actions:after, .gallery .picture .actions:before {
        content: "";
        display: table; }
      .gallery .picture .actions:after {
        clear: both; }
      .gallery .picture .actions {
        *zoom: 1; }
      .gallery .picture .actions.show-actions {
        bottom: 0; }
      .gallery .picture .actions .btn-link {
        color: white;
        text-shadow: none; }
      .gallery .picture .actions .pull-right .btn-link {
        position: relative;
        top: 1px; }

.timeline li {
  position: relative;
  border-left: 4px solid #dddddd;
  padding-bottom: 20px; }
  .timeline li .date {
    width: 40px;
    height: 40px;
    background-color: red;
    text-align: center;
    color: white;
    position: absolute;
    top: 0;
    left: 0;
    font-family: Montserrat; }
  .timeline li:first-child:before, .timeline li:last-child:before {
    content: "";
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    top: 0;
    left: -7px;
    background-color: #dddddd; }
  .timeline li:last-child:before {
    top: auto;
    bottom: 0; }
  .timeline li:last-child {
    padding-bottom: 0; }
  .timeline li .content {
    padding: 10px;
    background-color: white;
    border: 1px solid #dddddd;
    position: relative;
    margin-top: 10px;
    margin-left: 20px;
    position: relative; }
  .timeline li .icon {
    width: 40px;
    height: 40px;
    text-align: center;
    color: white;
    vertical-align: middle;
    line-height: 40px;
    font-size: 25px;
    position: absolute;
    top: 0;
    left: 20px; }
    .timeline li .icon:before {
      content: "";
      width: 20px;
      height: 4px;
      background-color: #dddddd;
      position: absolute;
      vertical-align: middle;
      top: 50%;
      margin-top: -2px;
      left: -20px; }
  .timeline li .title {
    font-family: Montserrat;
    margin-left: 70px;
    padding: 2px 0;
    font-size: 16px; }
    .timeline li .title small {
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      display: block;
      font-size: 10px; }

.invoice .invoice-header {
  border-bottom: 1px solid #dddddd;
  padding-bottom: 20px;
  margin-bottom: 40px; }
  .invoice .invoice-header:after, .invoice .invoice-header:before {
    content: "";
    display: table; }
  .invoice .invoice-header:after {
    clear: both; }
  .invoice .invoice-header {
    *zoom: 1; }
  .invoice .invoice-header .invoice-title {
    float: left; }
  .invoice .invoice-header .invoice-title {
    font-size: 30px;
    font-family: Montserrat; }
    @media screen and (max-width: 768px) {
      .invoice .invoice-header .invoice-title {
        float: none;
        text-align: center;
        margin-bottom: 20px; } }
  .invoice .invoice-header .invoice-number {
    float: right;
    font-size: 30px;
    font-family: Montserrat; }
    @media screen and (max-width: 768px) {
      .invoice .invoice-header .invoice-number {
        float: none;
        text-align: center; } }
    .invoice .invoice-header .invoice-number .invoice-name {
      color: #999999; }
.invoice .info .lead {
  font-family: Montserrat; }
.invoice .seller:after, .invoice .seller:before, .invoice .buyer:after, .invoice .buyer:before {
  content: "";
  display: table; }
.invoice .seller:after, .invoice .buyer:after {
  clear: both; }
.invoice .seller, .invoice .buyer {
  *zoom: 1; }
.invoice .seller .icon-globe, .invoice .buyer .icon-globe {
  float: left;
  font-size: 20px;
  color: #999999; }
.invoice .seller .lead, .invoice .buyer .lead {
  font-family: Montserrat; }
.invoice .seller address, .invoice .buyer address {
  float: left;
  margin-left: 20px;
  font-size: 16px; }
.invoice table {
  margin-top: 20px; }
.invoice .subtotal {
  font-family: Montserrat;
  font-size: 30px; }
.invoice .comment {
  margin-top: 40px; }

.pricing-tables .pricing-table {
  border: 1px solid white;
  margin-bottom: 20px;
  position: relative;
  -webkit-transition: opacity 100ms ease;
  -moz-transition: opacity 100ms ease;
  -o-transition: opacity 100ms ease;
  transition: opacity 100ms ease; }
  .pricing-tables .pricing-table.not-important {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5; }
    .pricing-tables .pricing-table.not-important:hover {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
      opacity: 1; }
    @media print {
      .pricing-tables .pricing-table.not-important {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1; } }
  .pricing-tables .pricing-table .header {
    text-align: center;
    padding: 20px 0 50px 0;
    font-size: 20px;
    font-family: Montserrat;
    background-color: #dddddd; }
  .pricing-tables .pricing-table .price {
    width: 30%;
    height: 60px;
    line-height: 60px;
    position: absolute;
    top: 60px;
    z-index: 900;
    left: 50%;
    display: block;
    font-size: 25px;
    text-align: center;
    color: white;
    margin-left: -15%;
    font-family: Montserrat; }
    .pricing-tables .pricing-table .price span {
      vertical-align: middle; }
  .pricing-tables .pricing-table .features {
    padding-top: 50px;
    text-align: center;
    margin-bottom: 0;
    background-color: white; }
    .pricing-tables .pricing-table .features > li {
      padding: 5px 0;
      border-bottom: 1px solid #eaeaea; }
  .pricing-tables .pricing-table .footer {
    text-align: center;
    background-color: #dddddd;
    padding: 20px 0; }

#orders #list {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear; }
  @media print {
    #orders #list {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
      opacity: 1; } }
  #orders #list hr {
    margin: 10px 0; }
    #orders #list hr:last-child {
      display: none; }
  #orders #list .price {
    margin: 0;
    margin-bottom: 10px; }
  #orders #list:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1; }
#orders #detail .pager {
  margin: 0; }
#orders #detail .form-actions {
  margin-bottom: 0; }
#orders #detail .only-checkbox {
  width: 10px; }
  #orders #detail .only-checkbox input[type="checkbox"] {
    margin: 0; }

.faq .nav-tabs, .faq .nav-pills {
  margin-bottom: -1px; }
.faq .tabdrop a {
  margin-right: 0; }
.faq .panel-default > .panel-heading {
  background: white; }
.faq .panel-group {
  background: white; }
.faq .tab-content {
  background: white;
  padding: 19px;
  border: 1px solid #ddd; }

html {
  width: 100%;
  height: 100%; }

body.error {
  width: 100%;
  height: 100%;
  position: relative; }
  body.error .middle-container {
    overflow: visible;
    display: table;
    position: static;
    width: 100%;
    height: 100%; }
    body.error .middle-container .middle-row {
      display: table-cell;
      vertical-align: middle;
      width: 100%;
      position: static; }
      body.error .middle-container .middle-row .middle-wrapper {
        position: static; }
  body.error .error-container-header {
    font-size: 100px;
    color: white;
    padding: 30px 0 40px 0;
    font-family: Montserrat; }
    @media (min-width: 768px) {
      body.error .error-container-header {
        padding: 10px 0 40px 0; } }
  body.error .error-container {
    background-color: white;
    position: relative;
    padding: 40px 0;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); }
    body.error .error-container:before {
      content: "";
      position: absolute;
      margin-left: -10px;
      left: 50%;
      top: -10px;
      border-bottom: 10px solid white;
      border-top: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent; }
    body.error .error-container .title {
      margin: 0;
      margin-bottom: 20px; }
    body.error .error-container .with-icon-over-input {
      position: relative; }
      body.error .error-container .with-icon-over-input [class^="icon-"] {
        position: absolute;
        right: 10px;
        top: 9px; }
      body.error .error-container .with-icon-over-input input[type="text"] {
        padding-right: 28px; }
  body.error .error-container-footer {
    padding: 40px 0;
    font-size: 30px;
    text-shadow: none;
    font-weight: 200;
    line-height: 30px;
    color: white; }
    body.error .error-container-footer a {
      color: white;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); }

html {
  width: 100%;
  height: 100%; }

body.login {
  width: 100%;
  height: 100%;
  position: relative; }
  body.login .middle-container {
    overflow: visible;
    display: table;
    position: static;
    width: 100%;
    height: 100%; }
    body.login .middle-container .middle-row {
      display: table-cell;
      vertical-align: middle;
      width: 100%;
      position: static; }
      body.login .middle-container .middle-row .middle-wrapper {
        position: static; }
  body.login .login-container-header {
    padding: 30px 0 40px 0;
    color: white;
    font-size: 30px;
    text-shadow: none;
    font-weight: 200;
    line-height: 30px; }
    @media (min-width: 768px) {
      body.login .login-container-header {
        padding: 10px 0 40px 0; } }
  body.login .login-container {
    /*! background-color: white; */
    position: relative;
    padding: 40px 0;
    /*! -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); */
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    /*! box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); */ }
    body.login .login-container:before {
      /*! content: ""; */
      /*! position: absolute; */
      /*! margin-left: -10px; */
      /*! left: 50%; */
      /*! top: -10px; */
      /*! border-bottom: 10px solid white; */
      /*! border-top: 0; */
      /*! border-left: 10px solid transparent; */
      /*! border-right: 10px solid transparent; */ }
    body.login .login-container .title {
      margin: 0;
      margin-bottom: 20px; }
    body.login .login-container .with-icon-over-input {
      position: relative; }
      body.login .login-container .with-icon-over-input [class^="icon-"] {
        position: absolute;
        right: 10px;
        top: 9px; }
      body.login .login-container .with-icon-over-input input[type="text"] {
        padding-right: 28px; }
  body.login .login-container-footer {
    padding: 20px 0; }
    body.login .login-container-footer a {
      color: white;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); }

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  background-image: none;
  filter: none; }

.breadcrumb {
  background: transparent; }

.breadcrumb > li + li:before {
  display: none; }

.label-contrast {
  background-color: #f34541; }

.label-important {
  background-color: #f34541; }

.label-important[href] {
  background-color: #f01611; }

.label-warning {
  background-color: #f8a326; }

.label-warning[href] {
  background-color: #e48a07; }

.label-success {
  background-color: #49bf67; }

.label-success[href] {
  background-color: #379e51; }

.label-info {
  background-color: #9564e2; }

.label-info[href] {
  background-color: #7839da; }

.label-inverse {
  background-color: #3c3c3c; }

.label-inverse[href] {
  background-color: #232323; }

.badge-contrast {
  background-color: #f34541; }

.badge-important {
  background-color: #f34541; }

.badge-important[href] {
  background-color: #f01611; }

.badge-warning {
  background-color: #f8a326; }

.badge-warning[href] {
  background-color: #e48a07; }

.badge-success {
  background-color: #49bf67; }

.badge-success[href] {
  background-color: #379e51; }

.badge-info {
  background-color: #9564e2; }

.badge-info[href] {
  background-color: #7839da; }

.badge-inverse {
  background-color: #3c3c3c; }

.badge-inverse[href] {
  background-color: #232323; }

.badge-enlight {
    background-color: #de1771;
}
.badge-important_bis {
    background-color: #4e8ef7;
}
.badge-important_ter {
    background-color: 	#d22501;
}
.badge-important_quat {
    background-color: #f24d3b;
}



.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus, .navbar-inner, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a, .btn {
  background-image: none !important;
  filter: none !important; }

.btn {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -o-border-radius: 0 !important;
  border-radius: 0 !important; }

.table-bordered tbody:last-child tr:last-child > th:last-child, .table-bordered tfoot:last-child tr:last-child > td:last-child,
.table-bordered tfoot:last-child tr:last-child > th:last-child,
.table-bordered thead:first-child tr:first-child > th:last-child, .table-bordered tbody:first-child tr:first-child > td:last-child,
.table-bordered tbody:first-child tr:first-child > th:last-child,
.table-bordered thead:first-child tr:first-child > th:last-child, .table-bordered tbody:first-child tr:first-child > td:last-child,
.table-bordered tbody:first-child tr:first-child > th:last-child.table-bordered thead:last-child tr:last-child > th:first-child,
.table-bordered tbody:last-child tr:last-child > td:first-child, .table-bordered tbody:last-child tr:last-child > th:first-child,
.table-bordered tfoot:last-child tr:last-child > td:first-child, .table-bordered tfoot:last-child tr:last-child > th:first-child,
.table-bordered thead:first-child tr:first-child > th:first-child, .table-bordered tbody:first-child tr:first-child > td:first-child,
.table-bordered tbody:first-child tr:first-child > th:first-child,
.table, .table-bordered thead:last-child tr:last-child > th:last-child, .table-bordered tbody:last-child tr:last-child > td:last-child {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important; }

.input-group-addon, .form-control, .input-append .add-on:last-child, .input-append .btn:last-child, .input-append .btn-group:last-child > .dropdown-toggle,
.input-prepend.input-append .add-on:last-child, .input-prepend.input-append .btn:last-child,
.input-prepend.input-append .add-on:first-child, .input-prepend.input-append .btn:first-child, .input-prepend .add-on:first-child, .input-prepend .btn:first-child {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important; }

.pager li > a, .pager li > span, ul.pagination > li:first-child > a, ul.pagination > li:first-child > span,
ul.pagination-large > li:last-child > a, ul.pagination-large > li:last-child > span,
ul.pagination-large > li:first-child > a, ul.pagination-large > li:first-child > span, ul.pagination > li:last-child > a, ul.pagination > li:last-child > span {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important; }

.btn, .btn-group > .btn:first-child, .btn-group > .btn:last-child, .btn-group > .dropdown-toggle {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  /* border-radius: 10px !important; */
}

.well, .nav-pills > li > a, .navbar-inner, .breadcrumb, .nav-tabs > li > a, .tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a, .tabs-left > .nav-tabs > li > a, .accordion-group,
input[type="text"], input[type="password"], .ui-autocomplete-input, textarea, .uneditable-input, .modal-content, .tooltip .tooltip-inner,
.popover, .popover-title, .progress, .alert, .label, .thumbnail, .dropdown-menu {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important; }

.panel-group .panel, .panel, .panel-heading, .panel-body {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important; }

ul.dynatree-container {
  border: none; }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  background-image: none !important;
  background-color: #dddddd; }

.ui-slider {
  background-color: transparent;
  border: 1px solid #dddddd; }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  background-color: #dddddd; }

.ui-slider .ui-slider-range {
  background-color: #3c3c3c; }

div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
  background: #222222;
  text-shadow: none;
  color: white;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -o-border-radius: 0 !important;
  border-radius: 0 !important; 
  }

.jGrowl-notification.ui-state-highlight {
  background: #222222;
  text-shadow: none;
  color: white;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -o-border-radius: 0 !important;
  border-radius: 0 !important; }

.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
  color: white;
  background: #f34541;
  border-color: transparent; }
.daterangepicker .ranges li {
  color: #222222; }
.daterangepicker td.active, .daterangepicker td.active:hover {
  background: #f34541; }

.datepicker td span.active:hover, .datepicker td span.active:hover:hover, .datepicker td span.active.disabled:hover, .datepicker td span.active.disabled:hover:hover, .datepicker td span.active:active, .datepicker td span.active:hover:active, .datepicker td span.active.disabled:active, .datepicker td span.active.disabled:hover:active, .datepicker td span.active.active, .datepicker td span.active:hover.active, .datepicker td span.active.disabled.active, .datepicker td span.active.disabled:hover.active, .datepicker td span.active.disabled, .datepicker td span.active:hover.disabled, .datepicker td span.active.disabled.disabled, .datepicker td span.active.disabled:hover.disabled, .datepicker td span.active[disabled], .datepicker td span.active:hover[disabled], .datepicker td span.active.disabled[disabled], .datepicker td span.active.disabled:hover[disabled], .datepicker td.active:hover, .datepicker td.active:hover:hover, .datepicker td.active.disabled:hover, .datepicker td.active.disabled:hover:hover, .datepicker td.active:active, .datepicker td.active:hover:active, .datepicker td.active.disabled:active, .datepicker td.active.disabled:hover:active, .datepicker td.active.active, .datepicker td.active:hover.active, .datepicker td.active.disabled.active, .datepicker td.active.disabled:hover.active, .datepicker td.active.disabled, .datepicker td.active:hover.disabled, .datepicker td.active.disabled.disabled, .datepicker td.active.disabled:hover.disabled, .datepicker td.active[disabled], .datepicker td.active:hover[disabled], .datepicker td.active.disabled[disabled], .datepicker td.active.disabled:hover[disabled] {
  background: #f34541; }

.daterangepicker .calendar-date, .daterangepicker .ranges li, .daterangepicker td, .daterangepicker th, .datepicker td span, .datepicker td, .datepicker th {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0; }

.bootstrap-datetimepicker-widget .timepicker {
  padding-top: 5px; }

.has-switch span.switch-primary,
.has-switch span.switch-left,
.has-switch span.switch-primary:hover,
.has-switch span.switch-left:hover,
.has-switch span.switch-primary:focus,
.has-switch span.switch-left:focus,
.has-switch span.switch-primary:active,
.has-switch span.switch-left:active,
.has-switch span.switch-primary.active,
.has-switch span.switch-left.active,
.has-switch span.switch-primary.disabled,
.has-switch span.switch-left.disabled,
.has-switch span.switch-primary[disabled],
.has-switch span.switch-left[disabled],
.has-switch span.switch-primary:active,
.has-switch span.switch-left:active,
.has-switch span.switch-primary.active,
.has-switch span.switch-left.active {
  background-color: #00acec; }
  .has-switch span.switch-primary:hover,
  .has-switch span.switch-left:hover,
  .has-switch span.switch-primary:hover:hover,
  .has-switch span.switch-left:hover:hover,
  .has-switch span.switch-primary:focus:hover,
  .has-switch span.switch-left:focus:hover,
  .has-switch span.switch-primary:active:hover,
  .has-switch span.switch-left:active:hover,
  .has-switch span.switch-primary.active:hover,
  .has-switch span.switch-left.active:hover,
  .has-switch span.switch-primary.disabled:hover,
  .has-switch span.switch-left.disabled:hover,
  .has-switch span.switch-primary[disabled]:hover,
  .has-switch span.switch-left[disabled]:hover,
  .has-switch span.switch-primary:active:hover,
  .has-switch span.switch-left:active:hover,
  .has-switch span.switch-primary.active:hover,
  .has-switch span.switch-left.active:hover {
    background-color: #0087b9; }

.has-switch span.switch-danger,
.has-switch span.switch-danger:hover,
.has-switch span.switch-danger:focus,
.has-switch span.switch-danger:active,
.has-switch span.switch-danger.active,
.has-switch span.switch-danger.disabled,
.has-switch span.switch-danger[disabled],
.has-switch span.switch-danger:active,
.has-switch span.switch-danger.active {
  background-color: #f34541; }
  .has-switch span.switch-danger:hover,
  .has-switch span.switch-danger:hover:hover,
  .has-switch span.switch-danger:focus:hover,
  .has-switch span.switch-danger:active:hover,
  .has-switch span.switch-danger.active:hover,
  .has-switch span.switch-danger.disabled:hover,
  .has-switch span.switch-danger[disabled]:hover,
  .has-switch span.switch-danger:active:hover,
  .has-switch span.switch-danger.active:hover {
    background-color: #f01611; }

.has-switch span.switch-warning,
.has-switch span.switch-warning:hover,
.has-switch span.switch-warning:focus,
.has-switch span.switch-warning:active,
.has-switch span.switch-warning.active,
.has-switch span.switch-warning.disabled,
.has-switch span.switch-warning[disabled],
.has-switch span.switch-warning:active,
.has-switch span.switch-warning.active {
  background-color: #f8a326; }
  .has-switch span.switch-warning:hover,
  .has-switch span.switch-warning:hover:hover,
  .has-switch span.switch-warning:focus:hover,
  .has-switch span.switch-warning:active:hover,
  .has-switch span.switch-warning.active:hover,
  .has-switch span.switch-warning.disabled:hover,
  .has-switch span.switch-warning[disabled]:hover,
  .has-switch span.switch-warning:active:hover,
  .has-switch span.switch-warning.active:hover {
    background-color: #e48a07; }

.has-switch span.switch-info,
.has-switch span.switch-info:hover,
.has-switch span.switch-info:focus,
.has-switch span.switch-info:active,
.has-switch span.switch-info.active,
.has-switch span.switch-info.disabled,
.has-switch span.switch-info[disabled],
.has-switch span.switch-info:active,
.has-switch span.switch-info.active {
  background-color: #9564e2; }
  .has-switch span.switch-info:hover,
  .has-switch span.switch-info:hover:hover,
  .has-switch span.switch-info:focus:hover,
  .has-switch span.switch-info:active:hover,
  .has-switch span.switch-info.active:hover,
  .has-switch span.switch-info.disabled:hover,
  .has-switch span.switch-info[disabled]:hover,
  .has-switch span.switch-info:active:hover,
  .has-switch span.switch-info.active:hover {
    background-color: #7839da; }

.has-switch span.switch-success,
.has-switch span.switch-success:hover,
.has-switch span.switch-success:focus,
.has-switch span.switch-success:active,
.has-switch span.switch-success.active,
.has-switch span.switch-success.disabled,
.has-switch span.switch-success[disabled],
.has-switch span.switch-success:active,
.has-switch span.switch-success.active {
  background-color: #49bf67; }
  .has-switch span.switch-success:hover,
  .has-switch span.switch-success:hover:hover,
  .has-switch span.switch-success:focus:hover,
  .has-switch span.switch-success:active:hover,
  .has-switch span.switch-success.active:hover,
  .has-switch span.switch-success.disabled:hover,
  .has-switch span.switch-success[disabled]:hover,
  .has-switch span.switch-success:active:hover,
  .has-switch span.switch-success.active:hover {
    background-color: #379e51; }

.fc-header-right .icon-chevron-right, .fc-header-right .icon-chevron-left {
  position: relative;
  top: 1px; }

.fc-header-center .fc-button {
  padding-top: 5px !important; }
.fc-header-center .fc-state-default, .fc-header-center .fc-button {
  background: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.fc-event {
  border: none; }
  .fc-event .fc-event-inner {
    padding: 2px -2px 2px 2px;
    color: #fff; }



.slider-content ul ul li a:hover {
  background: #f4f4f4; }

.slider-content .title {
  background: #dddddd;
  color: #3c3c3c; }

.slider .slider-nav {
  background: #dddddd; }

.slider .slider-nav li a {
  color: #3c3c3c; }

.slider .slide-up, .slider .slide-down {
  background: #dddddd; }

.jqstooltip {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

.background-contrast {
  background: #f34541 !important; }

.text-contrast, .contrast {
  color: #f34541 !important; }

.text-error, label.error {
  color: #f34541 !important; }

.text-success {
  color: #49bf67 !important; }

.text-primary {
  color: #00acec !important; }

.text-warning {
  color: #f8a326 !important; }

.text-info {
  color: #9564e2 !important;
}

.text-muted {
  color: #999999 !important; }

.text-contrast {
  color: #f34541 !important; }

.contrast-background {
  background-color: #f34541 !important; }

.contrast-border {
  border-color: #f34541 !important; }

.text-orange {
  color: #f8a326 !important; }

.orange-background {
  background-color: #f8a326 !important; }

.orange-border {
  border-color: #f8a326 !important; }

.text-blue {
  color: #00acec !important; }

.blue-background {
  background-color: #00acec !important; }

.blue-border {
  border-color: #00acec !important; }

.text-purple {
  color: #9564e2 !important; }

.purple-background {
  background-color: #9564e2 !important; }

.purple-border {
  border-color: #9564e2 !important; }

.text-green {
  color: #49bf67 !important; }

.green-background {
  background-color: #49bf67 !important; }

.green-border {
  border-color: #49bf67 !important; }

.lightbrown-background {
  background-color: #be8649 !important; }

.text-red {
  color: #f34541 !important; }

.red-background {
  background-color: #f34541 !important; }

.red-border {
  border-color: #f34541 !important; }

.text-muted {
  color: #999999 !important; }

.muted-background {
  background-color: #999999 !important; }

.muted-border {
  border-color: #999999 !important; }

.text-fb {
  color: #3d579d !important; }

.fb-background {
  background-color: #3d579d !important; }

.fb-border {
  border-color: #3d579d !important; }

.text-dark {
  color: #2b2d30 !important; }

.dark-background {
  background-color: #2b2d30 !important; }

.dark-border {
  border-color: #2b2d30 !important; }

.text-pink {
  color: #c44a83 !important; }

.pink-background {
  background-color: #c44a83 !important; }

.pink-border {
  border-color: #c44a83 !important; }

.text-grass-green {
  color: #5daf2b !important; }

.grass-green-background {
  background-color: #5daf2b !important; }

.grass-green-border {
  border-color: #5daf2b !important; }

.text-sea-blue {
  color: #0163ac !important; }

.sea-blue-background {
  background-color: #0163ac !important; }

.sea-blue-border {
  border-color: #0163ac !important; }

.text-banana {
  color: #fcd052 !important; }

.banana-background {
  background-color: #fcd052 !important; }

.banana-border {
  border-color: #fcd052 !important; }

.text-dark-orange {
  color: #f56e00 !important; }

.dark-orange-background {
  background-color: #f56e00 !important; }

.dark-orange-border {
  border-color: #f56e00 !important; }

.text-brown {
  color: #924e31 !important; }

.brown-background {
  background-color: #924e31 !important; }

.brown-border {
  border-color: #924e31 !important; }

 .white-background { background-color : white; }
 
.ocean-background { background-color: #3e545d !important; } 
.dark-ocean-background {background-color: #006287 !important; }
.sombre-ocean-background { background-color:#0084b5 !important;}

 
.text-white { color : white !important;}
  
.list-hover li:hover {
  background-color: #f9f9f9; }

.list-striped li:nth-child(odd) {
  background-color: #f9f9f9; }
.list-striped.list-hover li:hover {
  background-color: #f9f9f9; }

.pager li > a, .pager li > span {
  border-width: 2px; }

a.dropdown-toggle {
  outline: none; }

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  border-color: transparent; }

.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); }

.btn-group.open .btn.dropdown-toggle, .btn {
  background-color: whitesmoke;
  /*border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*/
  /*-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);*/
  /*-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);*/
  /*box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); */
}
  .btn-group.open .btn.dropdown-toggle:active, .btn-group.open .btn.dropdown-toggle.active, .btn:active, .btn.active {
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    background-color: gainsboro; }
  .btn-group.open .btn.dropdown-toggle:focus, .btn-group.open .btn.dropdown-toggle.disabled, .btn-group.open .btn.dropdown-toggle[disabled], .btn:focus, .btn.disabled, .btn[disabled] {
    background-color: whitesmoke; }
  .btn-group.open .btn.dropdown-toggle.disabled:hover, .btn-group.open .btn.dropdown-toggle[disabled]:hover, .btn.disabled:hover, .btn[disabled]:hover {
    background-color: whitesmoke; }
  .btn-group.open .btn.dropdown-toggle:hover, .btn:hover {
    background-color: gainsboro; }
  .btn-group.open .btn.dropdown-toggle.btn-white, .btn.btn-white {
    background-color: white;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) !important;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }
    .btn-group.open .btn.dropdown-toggle.btn-white:active, .btn-group.open .btn.dropdown-toggle.btn-white.active, .btn.btn-white:active, .btn.btn-white.active {
      -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
      -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
      box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
      background-color: white; }
    .btn-group.open .btn.dropdown-toggle.btn-white:focus, .btn-group.open .btn.dropdown-toggle.btn-white.disabled, .btn-group.open .btn.dropdown-toggle.btn-white[disabled], .btn.btn-white:focus, .btn.btn-white.disabled, .btn.btn-white[disabled] {
      background-color: white; }
    .btn-group.open .btn.dropdown-toggle.btn-white.disabled:hover, .btn-group.open .btn.dropdown-toggle.btn-white[disabled]:hover, .btn.btn-white.disabled:hover, .btn.btn-white[disabled]:hover {
      background-color: white; }
    .btn-group.open .btn.dropdown-toggle.btn-white:hover, .btn.btn-white:hover {
      background-color: #e6e6e6; }

a, a:hover, .btn-link, .btn-link:hover, .btn-link:focus {
  color: white;
  text-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; 
   }
  a:active, a:hover, a:hover:active, a:hover:hover, .btn-link:active, .btn-link:hover, .btn-link:hover:active, .btn-link:hover:hover, .btn-link:focus:active, .btn-link:focus:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  a.disabled:hover, a[disabled]:hover, a:hover.disabled:hover, a:hover[disabled]:hover, .btn-link.disabled:hover, .btn-link[disabled]:hover, .btn-link:hover.disabled:hover, .btn-link:hover[disabled]:hover, .btn-link:focus.disabled:hover, .btn-link:focus[disabled]:hover {
    background-color: #e6e6e6; }

.btn-link:focus, .btn-link, .btn-link:hover, .btn-link:active {
  background-color: transparent;
  border-color: transparent; }

.btn-group.open .btn-contrsat.dropdown-toggle, .btn.btn-contrast {
  color: white;
  background-color: #f34541;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }
  .btn-group.open .btn-contrsat.dropdown-toggle:active, .btn-group.open .btn-contrsat.dropdown-toggle.active, .btn.btn-contrast:active, .btn.btn-contrast.active {
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    background-color: #f01611; }
  .btn-group.open .btn-contrsat.dropdown-toggle:focus, .btn-group.open .btn-contrsat.dropdown-toggle.disabled, .btn-group.open .btn-contrsat.dropdown-toggle[disabled], .btn.btn-contrast:focus, .btn.btn-contrast.disabled, .btn.btn-contrast[disabled] {
    background-color: #f34541; }
  .btn-group.open .btn-contrsat.dropdown-toggle.disabled:hover, .btn-group.open .btn-contrsat.dropdown-toggle[disabled]:hover, .btn.btn-contrast.disabled:hover, .btn.btn-contrast[disabled]:hover {
    background-color: #f34541; }
  .btn-group.open .btn-contrsat.dropdown-toggle:hover, .btn.btn-contrast:hover {
    background-color: #f01611; }

.btn-group.open .btn-primary.dropdown-toggle, .btn.btn-primary {
  background-color: #00acec;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }
  .btn-group.open .btn-primary.dropdown-toggle:active, .btn-group.open .btn-primary.dropdown-toggle.active, .btn.btn-primary:active, .btn.btn-primary.active {
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    background-color: #0087b9; }
  .btn-group.open .btn-primary.dropdown-toggle:focus, .btn-group.open .btn-primary.dropdown-toggle.disabled, .btn-group.open .btn-primary.dropdown-toggle[disabled], .btn.btn-primary:focus, .btn.btn-primary.disabled, .btn.btn-primary[disabled] {
    background-color: #00acec; }
  .btn-group.open .btn-primary.dropdown-toggle.disabled:hover, .btn-group.open .btn-primary.dropdown-toggle[disabled]:hover, .btn.btn-primary.disabled:hover, .btn.btn-primary[disabled]:hover {
    background-color: #00acec; }
  .btn-group.open .btn-primary.dropdown-toggle:hover, .btn.btn-primary:hover {
    background-color: #0087b9; }

.btn-group.open .btn-warning.dropdown-toggle, .btn.btn-warning {
  background-color: #f8a326;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }
  .btn-group.open .btn-warning.dropdown-toggle:active, .btn-group.open .btn-warning.dropdown-toggle.active, .btn.btn-warning:active, .btn.btn-warning.active {
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    background-color: #e48a07; }
  .btn-group.open .btn-warning.dropdown-toggle:focus, .btn-group.open .btn-warning.dropdown-toggle.disabled, .btn-group.open .btn-warning.dropdown-toggle[disabled], .btn.btn-warning:focus, .btn.btn-warning.disabled, .btn.btn-warning[disabled] {
    background-color: #f8a326; }
  .btn-group.open .btn-warning.dropdown-toggle.disabled:hover, .btn-group.open .btn-warning.dropdown-toggle[disabled]:hover, .btn.btn-warning.disabled:hover, .btn.btn-warning[disabled]:hover {
    background-color: #f8a326; }
  .btn-group.open .btn-warning.dropdown-toggle:hover, .btn.btn-warning:hover {
    background-color: #e48a07; }

.btn-group.open .btn-danger.dropdown-toggle, .btn.btn-danger {
  background-color: #f34541;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }
  .btn-group.open .btn-danger.dropdown-toggle:active, .btn-group.open .btn-danger.dropdown-toggle.active, .btn.btn-danger:active, .btn.btn-danger.active {
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    background-color: #f01611; }
  .btn-group.open .btn-danger.dropdown-toggle:focus, .btn-group.open .btn-danger.dropdown-toggle.disabled, .btn-group.open .btn-danger.dropdown-toggle[disabled], .btn.btn-danger:focus, .btn.btn-danger.disabled, .btn.btn-danger[disabled] {
    background-color: #f34541; }
  .btn-group.open .btn-danger.dropdown-toggle.disabled:hover, .btn-group.open .btn-danger.dropdown-toggle[disabled]:hover, .btn.btn-danger.disabled:hover, .btn.btn-danger[disabled]:hover {
    background-color: #f34541; }
  .btn-group.open .btn-danger.dropdown-toggle:hover, .btn.btn-danger:hover {
    background-color: #f01611; }

.btn-group.open .btn-success.dropdown-toggle, .btn.btn-success {
  background-color: #49bf67;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }
  .btn-group.open .btn-success.dropdown-toggle:active, .btn-group.open .btn-success.dropdown-toggle.active, .btn.btn-success:active, .btn.btn-success.active {
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    background-color: #379e51; }
  .btn-group.open .btn-success.dropdown-toggle:focus, .btn-group.open .btn-success.dropdown-toggle.disabled, .btn-group.open .btn-success.dropdown-toggle[disabled], .btn.btn-success:focus, .btn.btn-success.disabled, .btn.btn-success[disabled] {
    background-color: #49bf67; }
  .btn-group.open .btn-success.dropdown-toggle.disabled:hover, .btn-group.open .btn-success.dropdown-toggle[disabled]:hover, .btn.btn-success.disabled:hover, .btn.btn-success[disabled]:hover {
    background-color: #49bf67; }
  .btn-group.open .btn-success.dropdown-toggle:hover, .btn.btn-success:hover {
    background-color: #379e51; }

.btn-group.open .btn-info.dropdown-toggle, .btn.btn-info {
  background-color: #9564e2;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }
  .btn-group.open .btn-info.dropdown-toggle:active, .btn-group.open .btn-info.dropdown-toggle.active, .btn.btn-info:active, .btn.btn-info.active {
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    background-color: #7839da; }
  .btn-group.open .btn-info.dropdown-toggle:focus, .btn-group.open .btn-info.dropdown-toggle.disabled, .btn-group.open .btn-info.dropdown-toggle[disabled], .btn.btn-info:focus, .btn.btn-info.disabled, .btn.btn-info[disabled] {
    background-color: #9564e2; }
  .btn-group.open .btn-info.dropdown-toggle.disabled:hover, .btn-group.open .btn-info.dropdown-toggle[disabled]:hover, .btn.btn-info.disabled:hover, .btn.btn-info[disabled]:hover {
    background-color: #9564e2; }
  .btn-group.open .btn-info.dropdown-toggle:hover, .btn.btn-info:hover {
    background-color: #7839da; }

.btn-group.open .btn-inverse.dropdown-toggle, .btn.btn-inverse {
  background-color: #363636;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  color: white;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }
  .btn-group.open .btn-inverse.dropdown-toggle:active, .btn-group.open .btn-inverse.dropdown-toggle.active, .btn.btn-inverse:active, .btn.btn-inverse.active {
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    background-color: #1c1c1c; }
  .btn-group.open .btn-inverse.dropdown-toggle:focus, .btn-group.open .btn-inverse.dropdown-toggle.disabled, .btn-group.open .btn-inverse.dropdown-toggle[disabled], .btn.btn-inverse:focus, .btn.btn-inverse.disabled, .btn.btn-inverse[disabled] {
    background-color: #363636; }
  .btn-group.open .btn-inverse.dropdown-toggle.disabled:hover, .btn-group.open .btn-inverse.dropdown-toggle[disabled]:hover, .btn.btn-inverse.disabled:hover, .btn.btn-inverse[disabled]:hover {
    background-color: #363636; }
  .btn-group.open .btn-inverse.dropdown-toggle:hover, .btn.btn-inverse:hover {
    background-color: #1c1c1c; }
  .btn-group.open .btn-inverse.dropdown-toggle .caret, .btn.btn-inverse .caret {
    border-top-color: white; }

.dropup .btn-inverse .caret {
  border-bottom-color: white; }

.btn-group.open .btn.dropdown-toggle {
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); }

.nav .caret, .nav a:hover .caret {
  border-top-color: #f34541;
  border-bottom-color: #f34541; }

.progress {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-image: none;
  filter: none; }
  .progress.progress-small {
    height: 10px;
    line-height: 10px; }
    .progress.progress-small .progress-bar {
      font-size: 10px;
      padding-top: 0; }
  .progress.progress-mini {
    height: 5px;
    line-height: 5px; }
    .progress.progress-mini .progress-bar {
      font-size: 5px;
      padding-top: 0; }
  .progress .progress-bar {
    background-image: none;
    background-color: #00acec;
    padding-top: 2px; }
  .progress.progress-danger .progress-bar, .progress.progress .progress-bar-danger {
    background-image: none;
    background-color: #f34541; }
  .progress.progress-success .progress-bar, .progress.progress .progress-bar-success {
    background-image: none;
    background-color: #49bf67; }
  .progress.progress-warning .progress-bar, .progress.progress .progress-bar-warning {
    background-image: none;
    background-color: #f8a326; }
  .progress.progress-info .progress-bar, .progress.progress .progress-bar-info {
    background-image: none;
    background-color: #9564e2; }

.progress-pwstrength {
  margin-bottom: 0; }

.well {
  border: 1px solid #dddddd;
  background: white;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

code {
  background-color: #fae8e8;
  color: #f35551; }

pre {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  border-color: #dddddd;
  background-color: #fbfbfb; }

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  background-color: whitesmoke;
  border: 1px solid #dddddd;
  color: #222222; }

.modal-backdrop.in {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8; }

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  background-color: #f34541; }

.modal-lg {width:90%;margin-top:20px;}




.html_auto_increment { width: 600px;} /* permet auto ajustement */
div.small .html_auto_increment {width: 280px; }

/* --------------------------------------- */
/* ajout de boite animees coins arrondis */

.box_anime, .box_qcm .box_exo_anime, .box_media {
	position: relative;
	margin-top: 7px;
	overflow: hidden;
	box-shadow: inset 0px 0px 0px 4px rgba(0,0,0,0.1);
	border-radius: 6px;
	z-index: 20;
	border: 0px;
   -webkit-transition-duration: 0.8s;
   -moz-transition-duration: 0.8s;
   -ms-transition-duration: 0.8s;
   -o-transition-duration: 0.8s;
   transition-duration: 0.8s;
}



.box_anime,.box_qcm .box_exo_anime {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	animation-duration: 1s;
    animation-delay: 0s;
    -webkit-animation-duration: 1s;
    -webkit-animation-delay:  0s;
    -moz-animation-duration: 1s;
    -moz-animation-delay:0s;
    -ms-animation-duration: 1s;
    -ms-animation-delay:  0s;
    -o-animation-duration: 1s;    
    -o-animation-delay:  0s; 
}

.box_anime.animation,.box_qcm .box_exo_anime.animation, .box_media.animation {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.box_anime.box-md {height: 200px;}
.box_media.box_md {min-height:40px;}

.box_media.box_md {width:70px;box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0.1);}
.box-hover{
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 30;
	border-radius: 6px;
    -webkit-transform: translate(100%, 100%);
    -moz-transform: translate(100%, 100%);
    -ms-transform: translate(100%, 100%);
    -o-transform: translate(100%, 100%);
    transform: translate(100%, 100%);
	-webkit-transition: all 0.35s ease-in;
	-moz-transition: all 0.35s ease-in;
	-ms-transition: all 0.35s ease-in;
	-o-transition: all 0.35s ease-in;
	transition: all 0.35s ease-in;
}
	
.box_anime:hover .box-hover{
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}

.box-hover span.hover-icon{
	position: absolute;
	top: 50%;
	left: 50%;
	display: inline-block;
	margin-top: -40px;
	margin-left: -40px;
	width: 80px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	border-radius: 100px;
	font-size: 20px;
	background: rgba(0,0,0,0.5);
	opacity: 0;
	-webkit-transition: all 1.2s ease-in-out;
	-moz-transition: all 1.2s ease-in-out;
	-ms-transition: all 1.2s ease-in-out;
	-o-transition: all 1.2s ease-in-out;
	transition: all 1.2s ease-in-out;
	z-index: 25;
}
.box_anime:hover .box-hover span.hover-icon.banana-text {color:#fcd052;}
.box_anime:hover .box-hover span.hover-icon.important-text {color:#f34541;}

.box_anime:hover .box-hover span.hover-icon{
	opacity: 1;
	color : white;	
	font-size : 60px;
}

.box_anime .box-content,.box_qcm .box_exo_anime .box-content, .box_media .box_content{
	width: 100%;
	height: 100%;
	padding: 20px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
}

.box_anime .box-content.padd-zero {
	padding: 0px;
}

.box_anime .box-content.navigation {
	padding: 25px;
}
.box_media .box-content.navigation {
	padding: 15px;
}


.box_anime .box-content.navigation i, 
.box_media .box-content.navigation i {
	display: inline-block;
	font-size: 40px;
	color: #fff;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.box_media .box-content.navigation i {color: #CCDDEE;}
.box_qcm .box_exo_anime { border-radius : 40px; width:40px;}
.box_qcm .box_exo_anime .box-content.navigation {
	padding: 10px;text-align:center;
}
.box_qcm .box_exo_anime.box-md {min-height:40px;}
.box_qcm .box_exo_anime .box-content.navigation i {
	display: inline-block;
	font-size: 18px;
	color: #fff;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.box_qcm .box_exo_anime:hover .box-content.navigation i {font-size: 20px;}

.box_anime:hover .box-content.navigation i, 
.box_media:hover .box-content.navigation i
{
	font-size: 40px;
}
.box_qcm:hover .box_exo_anime .box-content.navigation i {}
.box_qcm .box_exo_anime.neutre-background  {background-color:#AAEEFF;}
.box_media.neutre-background {background-color:white;}

.box_qcm:hover .box_exo_anime.neutre-background {background-color:#55bffa;}

.box_qcm.selected:hover .box_exo_anime.neutre-background,
.box_qcm.selected .box_exo_anime.neutre-background {background-color:#0070a8;}

.box_qcm .box_exo_anime.red-background {background-color:red;} 
.box_qcm .box_exo_anime.green-background, .box_qcm.selected .box_exo_anime.green-background  {background-color:green;} 

.box_qcm H3 {font-size:15px;}
.box_qcm:hover H3, .box_qcm.selected H3 {color:green;cursor:pointer;}
.box_media.neutre-background:hover i {color:#f8a326 !important;}

.box_anime .box-content.navigation span.box-title{
	position: absolute;
	bottom: 20px;
	right: 25px;
	font-size: 18px;
	color: #fff;
}
.box_qcm.box_exo_anime .box-content.navigation span.box-title{
	position: absolute;
	bottom: 20px;
	right: 25px;
	font-size: 13px;
	color: #fff;
}

.box-hover-black{
	background: rgba(0,0,0,0.45);
}

/* le dodument pour le exercices */
.exo_document { position: relative;}

.barre_doc_exo {
border:0; display:none; padding:0;z-index:100000;position:absolute;height:5px;cursor:pointer;
}
.barre_doc_exo .row {height:5px;padding:0;}
.barre_doc_exo .row div {padding:0; margin:0;height:5px;}

#modal_run_doc a {text-decoration : none; color:yellow; font-size:24px;}
#modal_run_doc a:hover {color:green;}

#modal_run_content { background:white;}
#modal_run_content img {width: 100%;}
#question_ajax > img { width:unset;}

code.reperage_default, code.lecture_notok, code.lecture_non, code.lecture_notok {
  padding: 5px 10px;
  font-size: 140%;
  color: blue;
  background-color: white;
  white-space: nowrap;
  border-radius: 6px; 
  border:1px solid white;
  margin-top:12px;
  line-height:200%;
  cursor:pointer;}



code.lecture_non {color:black;}
div.reperage_selected, code.reperage_selected, code.reperage_default:hover, code.lecture_ok {
 font-size: 140%;
 padding: 5px 10px;
  color: #4856d4;
  background-color: #f3f5f9;
  border:1px solid #4856d4;
  white-space: nowrap;
  border-radius: 6px;
  margin-top : 12px;
  line-height:200%;
  cursor:pointer;
}
div.reperage_selected{line-height:unset;white-space:normal;}

code.lecture_ok {color : #49bf67; border-color:#49bf67; font-weight:bold;}
code.reperage_selected.reperage_ok {background-color:#f6f9f3;color:#7bcb25; border:1px solid #7bcb25;}
code.reperage_selected.reperage_notok {background-color:#f9f3f4;color:red;border:1px solid red;}
code.reperage_default.reperage_ok {background-color:#f6f9f3;color:#7bcb25; }

/* les exercices a trous */
input[type="text"].field_hole {  font-family: monospace, serif;
  font-size: 120%;
  border:0px;border-bottom:1px dotted blue; color:blue;
  font-weight : bold;
-moz-box-shadow: 0px 0px 0px 0px #656565;
-webkit-box-shadow: 0px 0px 0px 0px #656565;
-o-box-shadow: 0px 0px 0px 0px #656565;
box-shadow: 0px 0px 0px 0px #656565;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=0);
}

span.text-trous {color: black;
  font-family: monospace, serif;
  font-size: 110%;
  padding-left: 0px;
  padding-right: 5px;
  line-height: 1.9em;}
  
/* centrage des dives en toute circonstance */
.col-centered{
    float: none;
    margin: 0 auto;
}

span.text-trous.success {color : #49bf67;}
span.text-trous.notsuccess {color : #f34541; text-decoration: line-through;}
span.text-trous.empty {color : #f34541;}

/* exercice de classement */
code:hover.cross-hover {cursor : move;}
/* rend la ligne avec hauteur qui ne bouge plus */
ul.sortable li {line-height:2;font-size:1em;}
.ui-sortable-placeholder { 
     height: 2px !important; 
     visibility: visible !important;
     margin: 0 0 -10px 0; 
     }                    

/* presentation des exos */
.img_exo {max-width:100%;}
h5.exo {font-weight:bold; color:#006287; font-size:17px;font-family:tahoma, helvetica, arial;line-height:1.2em;} 
div.exo {margin:0; padding:20px; width:110px; height:110px;background-color: #f9f2f4; border-radius: 60px;}
div.exo:hover {
        cursor : pointer;
        background-color: #f9f2f4;
 	box-shadow: inset 0px 0px 0px 4px rgba(0,0,0,0.1);
 	border-radius: 60px;

}
div.exo i {margin:0;padding:0;font-size:70px; color:#f8a326;}
div.exo i.is-recording {color : red;}

i.fa.icon-list-exercice {font-size:30px;color:white;}

/* barre progression enregistreur audio */

.progress.hide {
    opacity: 0;
    transition: opacity 1.3s;
}

/* presentation de la partie droite des modules */
#conteneur_modules, #conteneur_tabulateur, #content_module { 
 }

#conteneur_modules {  
  height: calc(100vh - 76px);
  position: relative;
  width: parent;
  display: block;
  overflow-x: hidden; 
  overflow-y : auto;
  padding-left:3vw;}


.content_module_bordered {border-left:1px solid lightgray;}
/* tabulateurs des modules */
#tab_modules ul.nav-tabs {margin-bottom:0px;padding:0px;}
#tab_modules ul.nav-tabs li.active {background:#eeeeee;color:black}
#tab_modules ul.nav-tabs li a {color:white;}
#tab_modules ul.nav-tabs li.active a {color:black;}
#tab_modules ul.nav-tabs li a:hover {color:black;}
#tab_modules div.tab-content {padding-top:10px; border-bottom:1px solid darkgray;background:#eeeeee;}
.titre_module, #document_conteneur, .titre_tab_resultats, #barre_menu_verticale { background : #686161; color:white;border:0px;}

.titre_module {margin-left:0px;}
.titre_module H2 {color : white;}

.titre_tab_resultats th {color : #ffffff;background:#ACACAC;}
.titre_tab_resultats TD {color : #686161; font-size:12px;}
.titre_tab_resultats {background : #eeeeee;}
.text-primary.muted, .badge.muted {color: #b1aaaa !important; }
.text-primary.active {color:white !important;}
i.icon-ok {color:white;}



/* exercice fait ou non fait */

.box-content.box-statistic.red-background.is_done, .box-content.box-statistic.purple-background.is_done { 
    border-left-width: 5px; 
    border-style: solid; 
    -webkit-border-image: -webkit-gradient(linear, 0 0, 0 100%, from(yellow), to(rgba(0, 0, 0, 0))) 1 100%; 
    -webkit-border-image: -webkit-linear-gradient(yellow, rgba(0, 0, 0, 0)) 1 100%; 
    -moz-border-image: -moz-linear-gradient(yellow, rgba(0, 0, 0, 0)) 1 100%; 
    -o-border-image: -o-linear-gradient(yellow, rgba(0, 0, 0, 0)) 1 100%; 
    border-image: linear-gradient(to bottom, yellow, rgba(0, 1, 0, 0)) 1 100%;
    }


/* hauteur minimal cartouche exercice */
.min-height-exo { min-height:60px;} 

/* baremes automatisés sur questions ouvertes */

.row.ligne_bareme {padding-top:3px;padding-bottom:3px;margin-left:0px; }
.row.ligne_bareme:nth-child(odd) {background: #005f92;}
.row.ligne_bareme:nth-child(even) {background:#005583;}
.ligne_bareme_scroll {padding-top:3px;padding-bottom:6px;margin-left:0px;}

.row.ligne_bareme.tor:hover {background : #949292; cursor:pointer;color:white;}
.row.ligne_bareme.tor:hover .score_etudiant {color:white;}

.slider_to_update {margin-left : 8px;margin-top:4px;}
.score_etudiant, input.score_etudiant { color:white; position:relative; border-radius:0.4vw; float:left; border:1px solid #0070a8; min-height:25px;background:#004063;padding: 0;width: 60%;text-align: right;padding-right: 5px;padding-top:2px;margin-right: 5px;}
.col-score {position:relative; float:left;font-size:0.85vw}
.travail_titre_q {border-bottom:1px solid black; padding-bottom:5px;font-size:14px; font-weight:bold; margin-top:20px; margin-bottom:12px;}
.travail_corriger_reponse { }
.text_bareme {font-size:12px;}
.txtboxToFilter { padding-left:5px;padding-right:5px;text-align:center}
#liste_bareme {padding-bottom:12px;padding-right:15px;}
#editor {width:100%;}


#header_titre_cours { color: #004063;
  margin-left: 20px;
  font-size: 25px;
  font-weight: bold;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  height: 30px;
  max-height: 30px; margin-top:8px;}
#header_titre_cours > i:first-child {display:none;}
#tableau_resultat > table {margin-bottom:0px;}

/* ajout de styles medias pour version mobile */
@media (orientation:landscape) {
    .hide-on-landscape {display: none;}
    .padding-hide-on-landscape {padding:0;}
    .margin-hide-on-landscape {margin:0;}
    .box-content.background-hide-on-portrait {background:transparent; border:0;}
    h5.exo {text-align:left;}   
    h5.exo.text-center {text-align:center;}
     
    .ajust-scroll-col-right {padding:0px; padding-bottom:15px; overflow-y:auto;height:calc(100vh - 145px);margin:0;}
    #content_module{padding:0px;overflow:hidden;}
    #liste_module_mobile {height:calc(100vh - 135px);overflow:hidden; overflow-y:auto;}
    #resultats_div {height:calc(100vh - 120px);overflow:hidden;overflow-y:auto;}
    
    #modal_run_msg_echec, #modal_run_msg, #modal_run_incomplete, #modal_run_msg_libre {z-index:9997;}    

    #modal_run_msg_echec H2, #modal_run_msg H2, #modal_run_incomplete H2, #modal_run_msg_libre H2, #modal_run_msg_echec_libre H2 {margin-top:15px;}
 
    
    /* hauteur des listes exos et document en mode paysage */
    /* mode telephone - sans module */
    .hauteur_liste_mobile { padding-bottom:15px; overflow-y:auto; 
                            height : calc(100vh - 135px);}    
}



@media (orientation:portrait) {
    .hide-on-portrait { display: none;}
    
    /* retire le padding et margin en mode portrait */
    .padding_hide_on_portrait {padding:0;}
    .margin-hide-on-portrait {margin:0;}
    .background-hide-on-landscape {background:red;}
    .box_qcm {margin-left:9%;}
    h5.exo {text-align:center;}
    .ajust-scroll-col-right {padding-bottom:15px; overflow-y:auto;height:calc(100vh - 230px); }
    #modal_run_footer { position:absolute; top: calc(100vh - 70px); height:75px; width:100vw; padding:5px;z-index:10003;margin:0px;}
    #modal_run_header {position:absolute; top:0px; height:50px;width:100vw; padding:15px;z-index:10003; margin:0px;}
    #type_question_litteral2 {margin-top:5px; margin-bottom:5px; }
    #content_module{padding:0px;padding-left:15px;padding-right:15px;overflow:hidden;}
    #resultats_div {height:calc(100vh - 225px);overflow:hidden;overflow-y:auto;}
    #liste_module_mobile {height:calc(100vh - 170px);overflow:hidden; overflow-y:auto;}
    #progressTimer {position:absolute; top:50px;height:3px; z-index;10003;width:100vw;}
    .modal-body { max-height: none;} 
    #modal_run_content {  min-height:calc( 100vh - 120px ); display:inline-block; position:absolute; width:100vw; top:53px; overflow:hidden; overflow-y:auto; padding:20px;}
    #exercice-modal {overflow:hidden;margin:0px;padding:0px;}
    #modal_run_msg_echec, #modal_run_msg, #modal_run_incomplete {z-index:10004;}
    H4.modal-title {
        white-space: nowrap;
        width: 310px;
        overflow: hidden;
        text-overflow: ellipsis; }
	.page-header {text-align:center;}
    H2.titre_module { color:red; background:white;
        white-space: nowrap;
        width:320px;
        overflow: hidden;
        text-overflow: ellipsis;
	position:relative; margin:auto}	
    /* hauteur des listes exos et document en mode portrait */
    /* mode telephone */
    .hauteur_liste_mobile { padding-bottom:15px; overflow-y:auto; 
                            height:calc(100vh - 230px);}
	
	

	
	
	   }


    


/* ================================= */
/* gestion de la liste des exercices */

a.btn-success-icon i {color : #49bf67;}
a.btn-flat { border:0px solid darkgray; background:transparent;  
  -moz-box-shadow: inset 0px 0px 0px 0px; 
  -webkit-box-shadow: inset 0px 0px 0px 0px; 
  box-shadow: inset 0px 0px 0px 0px;  padding:8px;}
a.btn-flat:hover { border:1px;}
a.btn-flat.muted {color:lightgrey;}
a.btn-flat.muted:hover { background:white; }

/* ================================= */
/* gestion de la liste des questions */

div.question  { 
   position:relative; float:left; margin:0;padding:0; 
   width:20vw;
   padding:4px;
   padding-top:0px;
   padding-bottom:0px;
   margin:8px;
	background : #f5f5f5;
	border : 2px solid #e8eaed;
	border-radius: 5px;
	  -moz-border-radius : 5px; 
	  -webkit-border-radius : 5px;
	height : 271px;
	
}


/* survol*/
.question:hover, .question.selected, .question.selected:hover { border : 1px solid #00acec; }

.question .cartouche_ombre {
	position:absolute;
   margin-top:10px; 
   height:189px;margin-left:10px; 
   box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.2),-1px 2px 20px rgba(255, 255, 255, 0.2) inset;
   width:calc(20vw - 20px);
   background : white;
   /*border:1px solid blue;*/
}



div.question .cartouche_footer div.titre, .titre_correction, 
div.l_doc_cartouche_file .cartouche_footer, div.l_exo_cartouche 
.cartouche_footer, div.l_group_cartouche .cartouche_footer {
	font-weight:bold; 
	margin-top:8px; 
	height:20px;
	margin-bottom:10px;
  white-space: nowrap;
  width: calc(20vw - 10px);

	}
		 
div.question .cartouche_footer {position:absolute;                  
                  border-bottom-left-radius: 5px;
                  border-bottom-right-radius: 5px;
                  border-top:1px solid rgba(0, 0, 0, 0.2);
                  top:199px; left:0px; 
                  width:100%;height : 67px;
                  background:white;}

#ul_l_q_list li { display:inline-block;  }

/*================================== */
/* gestion de la liste des documents */

#ul_doc_list li { display:inline-block;  }
#ul_doc_list li.menu_matiere {width:20%; padding:10px;position:relative;}

.connectedSortable li.ui-sortable-helper {
    cursor: crosshair
}

.l_doc_menu_container {width:100%; height:calc(6 * var(--vh)); display:flex; justify-content: space-between;}
.l_doc_menu_container .title { font-size:1.5vw; font-weight:bold;width:auto;margin-left:25px;color:#d73f8f;align-self: flex-end;}

.l_doc_conteneur { width:100%; position:relative; margin-bottom:25px; /*overflow:hidden;*/ }




.l_doc_files { color: #cf1578;
  font-weight: bold;
  clear: both;
  font-size: 14px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
  border-bottom: 1px solid #eac7da;
  margin-bottom: 15px;} 
  
.l_doc_default, .l_groupe_affecter, .l_emargement_nouveau  { border-radius: 45px;
  -moz-border-radius : 45px; 
  -webkit-border-radius : 45px;
  border:1px solid #4679BD;
  background : #4679BD;
  padding:5px;
  text-align : center;
  vertical-align:middle;width:150px;color:white;font-weight:bold;margin:0px; position:relative; float:right; margin-left:15px;}
  
.l_doc_default {background:lightgray; color:black;border:1px solid darkgray;}  

.l_groupe_affecter {width: 200px; }

.l_doc_default:hover {background:darkgray; color:white;cursor:pointer;}
.l_doc_add_file:hover, .l_groupe_affecter:hover, .l_emargement_nouveau:hover  {background : #49bf67; border:1px solid #49bf67; cursor:pointer;}


.l_doc_cartouche_file, .l_exo_cartouche, .l_cor_cartouche, .l_leitner_cartouche, .l_group_cartouche { 
   width: 230px; height : 185px;       
   text-align:center;
   background : #f5f5f5;
   border : 1px solid #e8eaed;
   margin-right:10px;
   margin-bottom:15px;
   border-radius: 5px;
  -moz-border-radius : 5px; 
  -webkit-border-radius : 5px;
  padding:0;
  border:1px solid darkgray; background:white;
}
.l_doc_cartouche_file.active, .l_exo_cartouche.active, .l_group_cartouche.active  {border:1px solid #73bac5;background:#c8e9ef;}

/*.l_doc_cartouche_file.user_drive, .l_cor_cartouche { height : 185px;}*/

.l_doc_cartouche_file .cartouche_ombre, 
.l_exo_cartouche .cartouche_ombre, 
.l_cor_cartouche .cartouche_ombre,
.l_leitner_cartouche .cartouche_ombre,
.l_group_cartouche .cartouche_ombre{
	position:absolute; 
   margin-top:10px; 
   height:100px;
   margin-left:20px; 
   box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.2),-1px 2px 20px rgba(255, 255, 255, 0.2) inset;
   width:190px;
   background : white;} 

.l_doc_cartouche_file .cartouche_ombre.embed {
  
  display:flex;align-items: center;justify-content: center;
}

.thumbnail-container {height:100%;}
   
.l_doc_cart_bottom {position:absolute;
                  width:228px;
                  border-bottom-left-radius: 5px;
                  border-bottom-right-radius: 5px;
                  top:109px; 
                
                  height:74px;
                  background:white;
                  margin:0;
                  border-top : 1px solid darkgray;}
                     
.l_doc_cartouche_file:hover, 
.l_doc_cartouche_file.selected, 
.l_exo_cartouche:hover, 
.l_exo_cartouche.selected,
.l_cor_cartouche:hover,
.l_leitner_cartouche:hover,
.l_group_cartouche:hover,
.l_group_cartouche.selected { border : 1px solid #00acec; cursor:pointer;}


.l_exo_cartouche.l_question {height : 190px;} 

/* ===================================== */
/* cartes de leitner */
/* ===================================== */




.l_doc_cart_bottom.l_leitner { height : 49px;}
.l_doc_cart_bottom.l_leitner .numberCircle { border-radius : 10px; display:inline-block; background:#00acec; color:white; 
                                             padding:5px; margin-top:-10px;
                                             font-size:18px; font-weight:bold;}











                  
                  
.l_doc_cart_bottom.l_question { height : 77px;}
.l_doc_cart_bottom.l_question span.badge-type {max-width:60px;      
      white-space: nowrap;
      overflow: hidden;
      -ms-text-overflow: ellipsis;
      -o-text-overflow: ellipsis;
      text-overflow: ellipsis;}                 
      
.l_doc_cart_bottom.user_drive, .l_doc_cart_bottom.l_cor {
	font-weight:bold; 
    width: 228px;
    padding-bottom:15px;
    border-top:1px solid rgba(0, 0, 0, 0.2);
    top:109px; 
    height:74px; 
	}	 
	                   
.l_doc_cart_bottom .titre, .l_doc_cart_bottom.question .titre { font-weight:bold; font-size:12px;margin-top:5px;height:36px;margin-bottom:5px;}
.l_doc_cart_bottom.user_drive .titre { width:220px; }


i.muted { color : darkgray;}

.doc_thumbnail, .doc_thumbnail_sound {position:absolute;left:0px; clip: rect(0px,190px,100px,0px);}

img.doc_thumbnail { max-width:190px; min-width:190px;}
img.doc_thumbnail_embed {max-height:50px;min-height:50px;}
img.doc_thumbnail_embed.small {max-height:30px; min-height:30px;max-width:30px; width:30px;}
img.doc_thumbnail.black_white {img{
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}}

.doc_thumbnail_video {position : absolute; left:0px; width:191px;}

p.user_drive_delay {font-size:15px;color:darkgray;}
p.user_drive_delay .glyphicon {color : #49bf67;font-size:15px;}
/* .user_drive_click, .user_drive_exo_click { cursor:pointer;} */





#rep_list li { display:inline-block;margin-right:10px; margin-bottom:5px;} /* affiche horizontalement */

.repertoire_window {height:100%; overflow-y:scroll; width:100%; margin-bottom:20px;}
.repertoire_list {list-style-type:none; font-size:15px;}
#repertoire_cours_name {font-size:18px; font-weight:bold; padding-bottom:8px;}

               
.doc_directory H1 { max-width : 250px;
      white-space: nowrap;
      overflow: hidden;
      -ms-text-overflow: ellipsis;
      -o-text-overflow: ellipsis;
      text-overflow: ellipsis;
      font-weight:normal;
      font-size : 12px;margin:0;
      cursor:pointer}
      

.l_doc_path { font-weight:bold; padding-left:15px; font-size:1.2em; 
     max-width:65%; 
     overflow:hidden;
     height:1.5em;     
     -ms-text-overflow: ellipsis;
      -o-text-overflow: ellipsis;
      text-overflow: ellipsis;
      white-space: nowrap;}

.doc_directory_chevron { color : white; }
.wdr {width:35px;}

.directory_li, .directory_li_cours { padding:5px;}
.directory_li:hover, .directory_li_cours:hover {background-color:lightgrey;cursor:pointer;}
.directory_li:hover .doc_directory_chevron, .directory_li_cours:hover .doc_directory_chevron {color:darkgray;}

.directory_li.selected, .directory_li_cours.selected { background-color:#00acec; color:white;}
.directory_li.selected:hover .doc_directory_chevron, .directory_li_cours:hover .doc_directory_chevron {color:white;}

.doc_directory_list {width:100%;margin:0px; padding;0px;line-height:25px;}
.doc_directory_icon {width:25px; text-align:center;vertical-align:top;}
.doc_directory_label > div {float:left; padding-left:8px; display:inline-block;width:calc(100% - 35px);}
.doc_directory_label > div.pull-right {padding-left:0px; width:25px;}
.doc_directory_label { text-align:left;}




/* cartouches listing photos etudiants */

.live_cartouche { width: 10vw;
  height: auto;
  min-height: 18vh;
  text-align: center;
  background: #0163ac;
  border: 1px solid #4694ce;
  position: relative;
  float: left;
  margin-right: 1vw;
  margin-bottom: 1.5vh;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;                     
  }

  
.live_cartouche .cartouche_ombre, .live_cartouche_doc .cartouche_ombre, #live_doc_cartouche_question .cartouche_ombre {
  margin-top: 1vh;
  height: auto;
  margin-left: 1vw;
  box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.2),-1px 2px 20px rgba(255, 255, 255, 0.2) inset;
  width: 8vw;
  background: #b0b6c4;}  
   

.live_cartouche .cartouche_ombre IMG, #live_doc_cartouche_question .cartouche_ombre IMG {max-width:8vw;max-height:12vh} /* image utilisateur dans cartouche live */
.live_cart_bottom {
	/* position: absolute; */
	width: 100%;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	top: calc(100% - 4vh);
	left: 0px;
	height: 4vh;
	font-size: 0.72em;
	font-weight: bold;
	color: #b1d6ec;
	margin-bottom: 10px;
	margin-top: 10px;
}
                  
.cartouche_ombre IMG.b_w {  
  -webkit-filter: grayscale(1) opacity(0.2);
  -webkit-filter: grayscale(100%) opacity(0.2);
  filter: grayscale(100%) opacity(0.2);
  filter: gray opacity(0.2);
  }
.cartouche_ombre IMG.pale_color { filter:opacity(0.4); } 

/* cartouches pour les reponses aux documents */

.live_cartouche_doc, #live_doc_cartouche_question, .live_cartouche_doc_liste {
 								width : 100px;
 								max-width: 100px;
 								max-height: 100px;
 								text-align:center;
 								background : #f5f5f5;
 								border : 2px solid #e8eaed;
 								margin:0;
 								margin-right:1vw;
 								margin-top:1%;
 								padding:0;
 								border-radius: 5px;
 								-moz-border-radius : 5px;
 								-webkit-border-radius : 5px;
 								margin-bottom: 20px;
 	}
 #live_doc_cartouche_question { height:auto;margin-left:2vw;margin-top:2vh;position: relative;float: left;}
   
.live_cartouche_doc .cartouche_ombre, .live_cartouche_doc_liste .cartouche_ombre, #live_doc_cartouche_question .cartouche_ombre {position: relative;float:left;overflow: hidden; width:100%; height:100%;margin:0px;}   
.live_cartouche_doc .cartouche_ombre IMG, .live_cartouche_doc_liste .cartouche_ombre IMG, #live_doc_cartouche_question .cartouche_ombre IMG {	
   width:100%;height:100%;
	margin: 0px;} /* image utilisateur dans cartouche live */

.live_cartouche_doc_liste .cartouche_ombre IMG:hover {cursor:pointer}
.live_cartouche_doc_liste .cartouche_ombre IMG.b_w:hover, .live_cartouche_doc_liste .cartouche_ombre IMG.pale_color:hover {cursor:default;} 

.live_cartouche_doc .cartouche_ombre IMG.b_w:hover, .img_origine IMG.b_w, #live_doc_cartouche_question .cartouche_ombre IMG.b_w { 
  -webkit-filter: grayscale(0) opacity(1);
  -webkit-filter: grayscale(0%) opacity(1);
  filter: grayscale(0%) opacity(1);
  filter: gray opacity(1);
  cursor : pointer;
  }
.img_origine { margin-top:0px; margin-bottom:15px;}
table.live_cartouche_doc {width:90%;max-width:90%;margin-bottom:2vh;margin-left:5%;}
table.live_cartouche_doc TD { padding-top:2vh; padding-bottom:2vh;}

/* aperçu questions document en cours */


.live_doc_choix_question_user {   display:flex; 
  flex-direction:column;height:100vh;}
.panel_questions {display:flex; height:calc(100vh - 150px); overflow:auto; margin-top:25px;}

.panel_questions_btn { width:50vw; height:6vh; position:fixed; bottom:0; left:50vw; padding-right:2vw;z-index: 2000000;cursor: pointer;}
#panel_questions_list ul { margin-left : 5%; margin-right:5%;list-style-position: outside;}

#panel_questions_list ul > li { 
   counter-increment: questions_doc; 
   list-style-type:none; 
   text-indent: -55px; 
   margin-left: 35px;
   border : 2px solid #e8eaed;
   border-radius: 5px;
  -moz-border-radius : 5px; 
  -webkit-border-radius : 5px;
  margin-bottom : 2vh;
  font-size:22px; 
  background:#fffad6;
  padding:2vh;
  color:#2f8a9f;
  line-height : 1.5em
}
#panel_questions_list ul > li:before {content: counter(questions_doc); padding: 3px 20px 3px;margin-right: 8px; vertical-align: top;background: #f6448f; -moz-border-radius: 60px;border-radius: 60px;font-weight: bold;font-size: 15;color: white;	}
#panel_questions_list ul > li:hover { cursor:pointer; background: #00acec; color:white; }
H1.live_doc_nom {  font-size:22px; font-weight:bold;margin:0}
H2.live_doc_prenom {font-size: 19px;}


.quotation{
  font-size: 30px;
  //margin: 0 auto;
  quotes: "\201C""\201D""\2018""\2019";
  padding: 10px 20px;
  line-height: 1.4;
}

.quotation:before {
  content: open-quote;
  display: inline;
  height: 0;
  line-height: 0;
  left: -10px;
  position: relative;
  top: 30px;
  color: #ccc;
  font-size: 3em;
}
.quotation::after {
  content: close-quote;
  display: inline;
  height: 0;
  line-height: 0;
  left: 10px;
  position: relative;
  top: 35px;
  color: #ccc;
  font-size: 3em;
}

#live_doc_student_answer { position:relative; float:left; width: calc(100% - 100px - 5vw); height:auto; min-height : 100px; max-height : calc(70vh - 100px); overflow-x:hidden; padding:25px;}
#volet_reponses {z-index:1; height:100vh; background:darkgray;border-left:1px solid lightblue;position:fixed;top:0px;right: 0px;max-width: 50%;}


/* ----------------------------------- */
/* le bouton live en cours animation css */

.is_live_current A { animation: colorchange 1s infinite linear; 
                  -webkit-animation: colorchange 1s infinite linear; /* Chrome and Safari */ 
                 }


@keyframes colorchange
    {
      0%   {color: #20bd68;}
      50%  {color: #00749f;}
      100% {color: #20bd68;}
    }

@-webkit-keyframes colorchange /* Safari and Chrome - necessary duplicate */
    {
      0%   {color: #20bd68;}
      
      50%  {color: #00749f;}
  
      100% {color: #20bd68;}
    }
    
@keyframes colorchangehand
    {
      0%   {background: red;}
      50%  {background: #20bd68;}
      100% {background: red;}
    }

@-webkit-keyframes colorchangehand /* Safari and Chrome - necessary duplicate */
    {
      0%   {background: red;}
      
      50%  {background: #20bd68;}
  
      100% {background: red;}
    }    

.is_animated { animation: colorchange 1s infinite linear;
	-webkit-animation: colorchange2 1s infinite linear; /* Chrome and Safari */ 
	}
@keyframes colorchange2
    {
      0%   {color: darkgray;}
      50%  {color: #49bf67;}
      100% {color: darkgray;}
    }

@-webkit-keyframes colorchange2 /* Safari and Chrome - necessary duplicate */
    {
      0%   {color: darkgray;}
      
      50%  {color: #49bf67;}
  
      100% {color: darkgray;}
    }

.btn-live-menu-bottom {/*! position: fixed; */ bottom:10px;padding:15px;padding-top: 11px;}

.btn-live-exit-fullscreen {left:10px; }
.btn-live-menu-exit-container { width:40vw; height:auto; display: flex;flex-direction: row; align-items : flex-start;/*! border: 1px solid red; *//*! margin-bottom: 15px; */top: 93vh;position: absolute;margin-left: 5px;z-index: 1032;/*! background: red; */}



/* ================================ */
/* gestion des tailles ecran */
/* ================================ */


@media screen and (min-width: 1080px) { 
  
  .modal-lg {width:90%;} 
  H1.live_doc_nom {  font-size:17px; font-weight:bold;margin:0;padding-top:1vh;}
  H2.live_doc_prenom {font-size: 14px;margin:0; padding-top:1vh;}
  #panel_questions_list ul > li { font-size:18px; text-indent: -55px; margin-left: 5px;}
  #volet_reponses { width:40vw;  /*! left:60vw; */}
  #live_doc_student_answer { /*! width: calc(100vh - 260px); */ }
  .quotation{font-size: 20px;}
  
}

@media screen and (min-width: 1440px) { 
	.modal-lg { width : 90%;} 
	H1.live_doc_nom {  font-size:22px; font-weight:bold;margin-top:1vh;}
   H2.live_doc_prenom {font-size: 19px;}
   #panel_questions_list ul > li {   font-size:22px; }   
   #volet_reponses { width:30vw;  left:70vw;}
   
   
}

.live-titre-cours {text-align:center;}
.live-titre-cours H2 {color : white; margin:0;  padding:0}
.live-cadre-attente {position:relative; margin:auto; width:90%; height:auto; border:1px dotted lightgray;padding:20px;}
.live-cadre-attente P {color : white;}
.live-texte-attente {position:relative; margin-top:50px;margin:auto; width:30vw; height:auto; padding:20px; text-align:center; color:white} 
.live-texte-attente.large {width : 60vw; }
.live-texte-attente.large P {font-size:18px; font-weight:bold;color:white}
.live-texte-bleu {color: #00acec; }
.live-fond-bleu {background: #00acec; color:white;}
.live-cadre-entrer {margin:auto;position:relative; float:left; width:90%; margin-left:5%; padding:50px; text-align:center; margin-top:50px;border:1px solid white;}
.live-cadre-entrer H4 {font-size:20px; color:white;margin-top:-15px;}
.live-barre-bottom {position:fixed; height:50px; top : calc(100vh - 70px); width : calc(100vw - 50px); left : 25px;
                      display: flex;
                      flex-direction: row; 
                      justify-content : flex-end; 
                   }
H1.live_titre_wait {display:block;font-weight: bold; color:white; margin-bottom:20px; max-height:100px; height:auto;}
                         
                          
/* apercu du document en cours */

.overlay_pdf {  position:fixed;top:0; left:0; width:100vw; height:100vh;background-color: rgba(0, 0, 0, 0.8);z-index:1030;overflow:hidden;} 
#overlay_pdf_document, #overlay_live_conteneur { position:absolute; top:0; left:0; z-index:1031;  overflow:hidden;width:100vw; height:100vh;}

#overlay_pdf_menu_top {position:absolute; z-index:1032; left:0; top:0; width:100vw; height:80px; background : linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0) );}
#overlay_pdf_menu_top.embed {width:50px; height:50px;background:none;}

.overlay_pdf_page { position:relative; margin:auto; width:60vw; margin-bottom:20px;clear:both; }
.overlay_pdf_page img { width:100%;}

.overlay_video {position: absolute; top: 50%;left: 50%;transform: translate(-50%, -50%);}
.overlay_video img { max-width:90vw;max-height:95vh; object-fit:contain;  }
.overlay_video img.teacher {max-height:90vh; max-width:75vw;border:1px solid black}

.overley_live_wait_connected { height : 100vh; width : 100vw; padding:30px; padding-bottom:80px;}
.overley_live_connected_users {overflow-y : auto; height : calc(100vh - 170px);}


.quitview::before {
  content: "\f177";
  font-size:45px;
  top:15px;
  left:-2px;
  color:white; 
}

.convertPDF::before {
  content: "\f1c1";
  font-size:45px;
  top:15px;
  left:2px;
  color:white; 
}

.quitview, .printView, .convertPDF {   background-color: hsla(0,0%,0%,.12);
  background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));
  background-clip: padding-box;
  border: 1px solid hsla(0,0%,0%,.35);
  border-color: hsla(0,0%,0%,.32) hsla(0,0%,0%,.38) hsla(0,0%,0%,.42);
  box-shadow: 0 1px 0 hsla(0,0%,100%,.05) inset,
              0 0 1px hsla(0,0%,100%,.15) inset,
              0 1px 0 hsla(0,0%,100%,.05);    
 
  white-space: normal;
  border: 0 none;
  margin-top:5px; margin-left:5px;
  /*width: 45px;*/
  /*height: 45px;*/
  font-family: FontAwesome;
  border-radius : 4px;

  }
.quitview:hover, .printView:hover, .convertPDF:hover {background-color : red; cursor:pointer;}

#pdf_live_display { position:absolute; overflow : hidden; width:100vw; /*! z-index:1004; */ height:100vh;top:0px; left:0px;bottom:0; right:0; display:block;}
#fullscreen_live { position:absolute; display:block; overflow:hidden; width:100vw; height:100vh; top:0; left:0; bottom:0; right:0; }

/*================================== */
/* presentation des documents saisi manuellement */

.overlay_written {
	position:absolute; /*top:35px;*/ left:0; 
  background-color:white; 
  width:100vw; height : calc(97 * var(--vh));z-index:1005;overflow:hidden;
	
}

.document_texte_conteneur {padding:30px;
      padding-right:0px;  
      color: #444444;
      background-color: #ddd;
      background-image: linear-gradient(#ffffff, #ffffd4);
      box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.9),
            -1px 2px 20px rgba(255, 255, 255, 0.6) inset; }
            
.document_texte {
      overflow-y:scroll;  
      line-height: 1.5em;
      padding-right:30px;

   }
#barre-menu-file {padding-left:15px;min-height:54px; padding-top:8px;padding-bottom:8px;}
#barre-menu-file > div {position:relative; float:left;}   
#barre-menu-file > div > i { font-size:25px;margin-top:4px;}
#barre-menu-file i {padding-top : 0px;}
#barre-menu-file > div > i:hover, 
#barre-menu-file > div > i.not_visible:hover, 
#barre-menu-file > div > i.visible:hover   { color:orange; cursor:pointer;} 
#barre-menu-file > div > i.not_visible { color : #AAAAAA;}
#barre-menu-file > div > i.visible { color : #49bf67;}

#barre-menu-file > div > div > label { text-align:right;margin-left:10px;padding-top:8px;}
#barre-menu-file > div > div > label.score { padding-right : 10px; padding-top:0px}
#barre-menu-file > div > div {padding:0;}
#barre-menu-file > div.date_input {width:270px;padding:0;position:relative;float:left;margin:0px;display:inline;}

.document_titre_article { font-weight:bold; color:black; font-size:22px;margin-bottom:30px;}
.document_source_article {font-weight: normal; color : blue; font-size : 11px;text-decoration:italic;text-align:right;margin-left:60%;margin-top:10px;}
.document_normal_article {font-weight:normal; font-size:15px; color:black; text-align:justify;margin-bottom:20px; line-height:20px;}

.document_entete_chapitre { background-color: #762a5e; height:auto; min-height:200px; padding-left:50px;padding-top:10px;}

@media (orientation:portrait) { .document_entete_chapitre {padding-left: 0px;}
}

body { counter-reset: document questions questions_doc level1 document_header;}
body:before { counter-reset: document questions questions_doc titre_level1 document_header;}


/* fenetre de lecture des documents manuscrits */

.modal-dialog.full_screen {width:100%; max-height: 80vh; padding:0; margin-top:20px;overflow-y: initial !important}
.modal-dialog.full_screen.apercu { height:100vh; margin-top:-2px; }
.modal-content.full_screen {height: auto; min-height: 100%; border-radius: 0;}  
.modal-content.full_screen .modal-body {padding:0;padding-top:0px;overflow-y: scroll; max-height: calc(100vh - 142px);} 
.modal-content.full_screen .modal-body.apercu {padding:0;padding-top:0px;overflow-y: scroll; max-height: calc(100vh - 145px);} 
     
#lecture_doc {display:block; background:#534e4e; padding-left:65px; padding-top:30px;padding-bottom:30px;padding-right:30px;height:auto;}  

.row.lecture_doc {display:block; 
    background:white; 
    border:1px solid black;
        box-shadow : 0 0 6px black;
	-moz-box-shadow : 0 0 6px black;
	-webkit-box-shadow : 0 0 6px black;
	margin : 20px;
	min-height:calc(200vh - 30px)
}  

#audio_doc {display:block; height:100vh;  background:#534e4e; padding-left:15px; padding-top:30px;padding-bottom:30px;padding-right:15px;}  

#audio_doc .audio_conteneur {position:relative; top:100px; width:80vw; margin:auto;text-align:center;background:transparent; font-size:25px; color:white;}
#audio_doc .audio_waveform { width:100%; background:#938c8c; border:1px solid #1e1c1c;}
.audio_waveform_tools { text-align: center; background : #1e1c1c; }
.audio_waveform_buttons {padding:15px;}

/* mise en forme pour les vignettes embede */

.apercu iframe {width:100%;height:100vh;}

/* formatage des entetes de chapitre */

          
                           

/* formatage des boutons de l'interface */

.titre-get-skills-doc { width:auto;}
.titre-get-skills-doc > input {width : 350px;margin-left:15px;border:1px solid lightgrey;font-size:18px;font-weight:bold;padding:3px;}

.note-file .note-btn.haschanged {background : green; color:white;}

@media (max-width:1280px) {


	.titre-get-skills-doc > input {width : 250px;margin-left:15px;border:1px solid lightgrey;font-size:15px;font-weight:bold;padding:3px;}

	
}

/* formatage upload images dans editeur get-skills */

#written_upload_files { width : 30%;height:200px; border:1px solid #00acec;position:fixed; bottom:0; margin-left:calc(70% - 20px);background:white; z-index:1500;}
#written_upload_files div.entete {background:#00acec; color:white; padding:8px;display: inline-block;width: 100%;}
#written_upload_files ul {list-style-type: none; width:100%; margin:0px; padding:5px;}
#written_upload_files ul > li {}
#written_upload_files .libelle_img {font-size: 0.8em;padding-left: 15px;padding-right: 15px;position: relative;float: left;padding-top: 2px;}
#written_upload_files ul > li > img {position:relative; float:right}
#written_upload_files ul > li > .fa-check-circle { color: rgb(73, 191, 103);}

/* formatage des paragraphes simples */

.note-editable { margin:0px; padding-left:50px; padding-right:50px; border:1px dotted pink; }
.note-codable {display:none;}

.note-editable P {  margin : 0px;  padding:0; font-size:18px; }
.note-editable P.selected {border:1px dashed blue!important; }

.note-editable > P.normal, .note-editable > .summer_document_texte > P.normal {display:block; position:relative; float:left;  }
.note-editable > P.normal, .note-editable > .summer_document_texte > P.normal, .row.lecture_doc P.normal { display:inline-block;float:left;position:initial;width:100%; border:1px dashed lightblue;  }

.row.lecture_doc P.normal {border:0px;}

/* gestion largeur des paragraphes */

.note-editable P.col-12, .note-editable .summer_document_texte P.col-12,.row.lecture_doc P.col-12 {width:100%;}
.note-editable P.col-3,  .note-editable .summer_document_texte P.col-3, .row.lecture_doc P.col-3 {width:25%;}
.note-editable P.col-6, .note-editable .summer_document_texte P.col-6, .row.lecture_doc P.col-6 {width:50%;}
.note-editable P.col-9,  .note-editable .summer_document_texte P.col-9, .row.lecture_doc P.col-9 {width:75%;}


/* gestion du curseur Pi à droite des pararaphes */

	.note-editable P.br_hidden > BR {
		display:none;
	
		}

	.note-editable P.br_hidden:after  { 
	
	content : '\0003C0';  
	display:inline-block;
	white-space:nowrap;
	color:darkgray;
	margin-left:0.5em;
	cursor : text;
	margin-top:0px;
	font-family : arial;
	 
	 
	}
	
	.note-editable P:after { 

	content : '\0003C0';  
    font-family : arial;
	display:block;
	white-space:nowrap;
	color:darkgray;
	margin-left:0.5em;
	margin-top : -1.45em;
	width:1em;
	 

	/*! counter-increment: titre_level1; */
	}
  

.note-editable UL, .note-editable OL { position:relative; float:left; width:100%; border:1px dashed lightblue;}
div.copies_page .note-editable UL, div.copies_pages .note-editable UL { position:unset;float:unset;}

#datas { display:none; display:inline;visibility:hidden;}  /* le pararaphe contenant les donnees invisibles pour les documents */


P.document_entete_chapitre { color: white !important; 
                             font-size:60px!important;
                             font-weight:bold;
                             vertical-align:middle;
                             background-color: #762a5e !important;; 
                             height:auto; 
                             min-height:150px;                                                         
                             counter-increment : titre_header;                             
                             margin : 0;
                             margin-bottom:50px;

                             width:100%;
                             padding:30px;
                             padding-left:30px;
                             min-height:150px;
                             display:inline-block;
                             position:relative;
                             float : left;
                             
                             
                             }
                             
P.document_entete_chapitre:before {
	content : counter(titre_header);
	display:block;
	background : #f6448f !important;;color: white !important; border:6px solid white!important; 
	padding:30px;text-align:center;height:auto; 
	max-width:150px; min-height:100px;
	margin-left : 0px;
	margin-right:15px;
	margin-top:-20px;
	float : left;
	float : left;
	font-size : 75px;

} 

.note-editable P.document_entete_chapitre:after { margin-left:3em;}
.note-editable P.document_entete_chapitre.br_hidden:after { margin-left:0.5em;}


/* formatage des titres 1 des documents online */

P.document_titre_1 {clear:both; background-color: white !important;; height:auto; 
                  margin:3px; 
                  margin-bottom : 30px;
                  padding-left : 90px;
                  padding-top:40px;
                  display:block;
                  position:relative; float:left;
                  height:auto;
                  min-height:150px;                 
                  color: #762a5e!important; 
                  font-size:40px;font-weight:bold;vertical-align:middle;
                  counter-increment: titre_level1; 
                  width:100%;                 
                  
                  }
                  
H1.document_titre_1:before, P.document_titre_1:before { 
    content : counter(titre_level1);
    display : block;
    float : left;
    position:relative;
    background : #f99927 !important;
    color:white !important; 
    font-size:39px;
    padding-top:10px; padding-bottom:20px;padding-left:20px; padding-right:20px;
    width:auto;
    margin : 0px;
    margin-left : -90px; 
    max-width:100px; 
    min-height:50px;
    border : 5px solid white!important;	
    box-shadow : 0 0 6px #c8c8c8!important;
       -moz-border-radius : 0px 0px 30px 0px;
	    -moz-box-shadow : 0 0 6px #c8c8c8!important;
	    -webkit-border-radius : 0px 0px 30px 0px;
	    -webkit-box-shadow : 0 0 6px #c8c8c8!important;
    border-radius : 0px 0px 30px 0px;
	 
    }


    
.note-editable P.document_titre_1:after { margin-left:1em;}
.note-editable P.document_titre_1.br_hidden:after { margin-left:0.5em;}
    


.note-editable P.summernote-intro {
	position: relative;
	display: block;
	float : left;
	vertical-align: top;
	padding: 25px; 
	padding-top:0px;
	padding-bottom:50px;
	padding-left:50px;
	padding-right:50px;
	margin:0px;
	width: 100%;
	height: auto;
	font-size: 21px;
	font-style : italic;
	text-align: left;
	color : #762a5e!important;
	border:1px dashed lightblue;
	}


/* formatage des sections */

.summernote_section { display: block;
    height:35px;
    border: 0;
    background-image: url("../images/section.png");
    background-repeat:repeat-x; 
    background-position:center;
    left:0px;
    text-align:center
    margin:0;
    left:6.1em;
    margin-left:15px;
    padding: 0;
    width:calc(100% - 6.1em); 
    position:relative; float:left;


    }


.summernote_section:before { 	content : 'Saut de section';
	background : white;
	left : -7.3em;
	position:absolute;
	color : darkgray;
	display:inline-block;
	font-size : 15px;
	padding-top:6px;
	height:35px; 
	}
.summernote_section:after, .summernote_section.br_hidden:after {content:none; visibility:hidden; }


              
#lecture_div, .row.lecture_doc {border : 0px; padding:0; margin:0;display:block;} /* prepare les marges de page gauche et droite */

.row.lecture_doc {border : 0px; padding:0; margin:0;padding-left:55px;padding-right:55px;} /* prepare les marges de page gauche et droite */
.row.lecture_doc  P, .row.lecture_doc .summer_document_texte > P  {font-size:18px;}

.row.lecture_doc  P.normal {}


.row.lecture_doc P.document_titre_1 { margin-left:0px; font-size:45px;}
.row.lecture_doc H1.document_entete_chapitre, .row.lecture_doc P.document_entete_chapitre {margin-top:0px;margin-left:-55px; width:calc(100% + 110px); margin-right:-55px;}
.row.lecture_doc .summernote_section, .row.lecture_doc .summernote_page_break { visibility:hidden;margin:0; width:100%;height:1px;}


/* la presentation a l'interieur du traitement de texte d'un travail a rendre */
#conteneur_travail .note-editable P:after {visibility:hidden} 
#conteneur_travail .note-editable P {  } 


/* images du traitement de texte */


/* images dans les documents */

.summer_document_texte img {
	-moz-border-radius : 5px 5px 5px 5px;
	-moz-box-shadow : 0 0 6px #c8c8c8;
	-webkit-border-radius : 5px 5px 5px 5px;
	-webkit-box-shadow : 0 0 6px #c8c8c8;
	background-color : #f1e3bd!important;
	border : 1px solid #c8c8c8!important;
	border-radius : 5px 5px 5px 5px;
	box-shadow : 0 0 6px #c8c8c8!important;
	padding : 5px;
	background:white!important;
	margin:15px;
	display:inline-block;
	
}

img.summer_img { position:relative; cursor:default;display:block;width:100%;/*z-index:2;*/  }
img.summer_img.selected {border : 1px dashed blue!important;} 
img.summer_img.center {  margin:auto; float:unset; }
img.summer_img.left { margin-left:0; float:left;}
img.summer_img.right { margin-right:0;float:right;}



  /* gestion de la taille des videos dans les documents */
  /* permte une adaptation automatique de la video à toute la largeur du texte */
	
  .note-editable .video_responsive, .row.lecture_doc .video_responsive, .summer_document_texte .video_responsive {
  	
    width:100%;height: 0;
    padding-top: 56.25%; 
    position:relative;
    display:inline-block;
    }
    
    .note-editable .video_responsive iframe, .row.lecture_doc .video_responsive iframe, .summer_document_texte .video_responsive iframe {  position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
     }
  
  
    .video_dimensionneur { padding:0px; position:relative; float:left;}
    
    .note-editable div.video_dimensionneur:hover {padding-bottom:0px;}
    .note-editable div.video_dimensionneur:hover > div.editor_video_menu_time { display:block;}
    .note-editable div.video_dimensionneur:hover > div.editor_video_menu { display:block;}
    
  
    .video_dimensionneur .video_responsive {margin:0; margin-top:0px;padding-bottom:0px; }
    
    .note-editable > .summer_document_texte .video_dimensionneur {margin-bottom:15px;}
    .note-editable > .summer_document_texte .video_dimensionneur:hover .editor_video_menu_time{margin-bottom:5px;}
  
    .note-editable > ul, .lecture_doc > ul { padding-left:15px;}
    
    div.video_dimensionneur:hover .editor_video_menu_time{margin-bottom:5px;}
    div.video_dimensionneur.col-12 {width:100%}
    div.video_dimensionneur.col-9 {width : 75%; }
    div.video_dimensionneur.col-6 {width : 50%;}
    div.video_dimensionneur.col-3 {width : 25%;}
  
  
    .editor_video_menu {
      top: 5px;
      height: 40px;
      width: 40px;
      border-radius: 50%;
      text-align: center;
      vertical-align: middle;
      font-size: 28px;
      cursor: pointer;
      background: blue;
      color: white;
      font-weight: bold;
      padding: 0;
      margin: 0;
      margin-top: -55px;
      margin-bottom: 10px;
      margin-left: 10px;
      display: none;
      position: relative;
      float: left;
      padding: 4px;
    }
  
  .editor_video_menu:hover {background:red;}
  .editor_video_trash {margin-left:60px;}
  .editor_video_par_up {margin-left:110px;}
  .editor_video_par_down {margin-left:160px;}
  
  
  .editor_video_menu_time {
    top: 0px;
    height: 50px;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    /* font-size: 35px; */
    cursor: default;
    color: white;
    font-weight: bold;
    padding: 0;
    margin: 0;
    margin-top: -58px;
    /* margin-bottom: 15px; */
    display: none;
    position: relative;
    opacity: 0.5;
    background: black;
  }
 


/* texte encadre, ombre et bords arrondis */

.t_colonnes_1 {
  /* columns: 1 ;*/     
    /*-webkit-column-count:1; /* Opera, Safari, Google Chrome */
    /*-moz-column-count: 1; /* Firefox */
    /*column-count: 1; /* Internet Explorer */
    column-fill: balance;
    }
.t_colonnes_2 {columns: 2; column-gap : 2rem; column-rule: 2px dotted rgba(0,0,0,.4); 
    -webkit-column-count:2; /* Opera, Safari, Google Chrome */
    -moz-column-count: 2; /* Firefox */
    column-count: 2; /* Internet Explorer */
    column-fill: balance;
}
.t_colonnes_3 {columns: 3 ; column-gap : 1rem; column-rule: 2px dotted rgba(0,0,0,.4);     
    -webkit-column-count:3; /* Opera, Safari, Google Chrome */
    -moz-column-count: 3; /* Firefox */
    column-count: 3; /* Internet Explorer */
    column-fill: balance;
   
    }
.note-editable .summer_document_texte.t_colonnes_3 {columns: 3 ; column-gap : 1rem; column-rule: 2px dotted rgba(0,0,0,.4);     
    -webkit-column-count:3; /* Opera, Safari, Google Chrome */
    -moz-column-count: 3; /* Firefox */
    column-count: 3; /* Internet Explorer */column-fill: balance;}



.t_colonnes_1 > ol > li, .t_colonnes_1 > ul > li { margin-left:34px;font-size: 18px;margin-bottom:10px;text-align:justify; }
.t_colonnes_2 > ol > li, .t_colonnes_2 > ul > li {margin-left: 34px;font-size: 18px;margin-bottom:10px;text-align:justify;}
.t_colonnes_3 > ol > li, .t_colonnes_3 > ul > li { margin-left:14px;font-size: 18px;margin-bottom:10px;text-align:justify; }




/* ==================================== */
/* mises en forme special mode portrait */
/* ==================================== */

@media screen and (orientation:portrait) { 
   
   .note-editable > P.normal { width:85vw;}
   
   .col-12, .col-9, .col-6, .col-3 { width:85vw;}
   
   .row.lecture_doc {display:block;  width:100%;background:white !important;border:0px;
    box-shadow : 0 0 0px black!important;
	-moz-box-shadow : 0 0 0px white!important;
	-webkit-box-shadow : 0 0 0px white!important;
	margin:0;
		}  
	

   .document_entete_chapitre {padding-left: 0px; }
   .document_entete_chapitre P {font-size:30px;}
   .document_entete_chapitre div.cartouche p.cartouche_nombre {font-size:40px;}
   
   .document_titre_1 P { font-size:20px;}
   
   
   /* transformer multi colonnes en ue seule */
   .t_colonnes_1, .t_colonnes_1 P {  }
   .t_colonnes_2, .t_colonnes_2 P, .t_colonnes_3, .t_colonnes_3 P   {columns :1;    
      -webkit-column-count:1; /* Opera, Safari, Google Chrome */
      -moz-column-count: 1; /* Firefox */
       column-count: 1; /* Internet Explorer */ }
       
      
   .t_colonnes_1 > ol > li, .t_colonnes_1 > ul > li { margin-left:34px;font-size: 18px;margin-bottom:10px; text-align:left; margin-right:10px;}
   .t_colonnes_2 > ol > li, .t_colonnes_2 > ul > li {margin-left: 34px;font-size: 18px;margin-bottom:10px;text-align:left;}
   .t_colonnes_3 > ol > li, .t_colonnes_3 > ul > li { margin-left:14px;font-size: 18px;margin-bottom:10px;text-align:left; }

 
   
}

/* fin mode portrait */
/* =============================== */

.summer_document_texte {	
   -moz-border-radius : 0px 0px 30px 0px;
	-moz-box-shadow : 0 0 6px #c8c8c8!important;
	-webkit-border-radius : 0px 0px 30px 0px;
	-webkit-box-shadow : 0 0 6px #c8c8c8!important;
	background-color : #f1e3bd!important;
	border : 1px solid #c8c8c8!important;
	border-radius : 0px 0px 30px 0px;
	box-shadow : 0 0 6px #c8c8c8!important;
	overflow-y:hidden;
	padding : 15px 15px 15px 15px;
	padding-top:60px;
	margin:0px;
	margin-bottom:15px;
	margin-right:5px;
	margin-left:5px;
	position: relative;
   float:left; display:block;

	
	
	}
	
.summer_document_texte:before {
	
 height : 40px; width: 100%;
 counter-increment: document; 
 content: "document " counter(document);
 position : absolute;
 top : 0;
 left : 0px;
    font-weight:bold; font-size:18px;
    color: white!important; 
    

	background: -moz-linear-gradient(left, Red, rgba(0,255,0,0.1))!important; 
	background: -webkit-linear-gradient(left, Red, rgba(0,255,0,0.1))!important;
	background: -ms-linear-gradient(left, Red, rgba(0,255,255,0.1))!important; 
	background: -o-linear-gradient(left, Red, rgba(0,255,255,0.1))!important;

   border-radius : 5px 5px 0px 0px;padding :10px;

}

.summer_document_texte.selected { border:1px dashed blue!important;}

#lecture_div { width:100%; height:calc(100vh - 43px);top:41px; position:absolute;overflow-x:hidden; background:#686161 !important;display:block;}
#lecture_div P.intermediaire, #lecture_doc P.intermediaire {display:none;}

.row.lecture_doc {display:block}

.row.lecture_doc .summer_document_texte P.normal { margin:0px;} 


.summer_document_texte H1 {  
  -webkit-column-span: all;
  -moz-column-span: all;
  column-span: all;
  display:block;
  }

.summer_document_texte.col-md-3 { width : calc(25% - 10px); }
.summer_document_texte.col-md-6 { width : calc(50% - 10px); }
.summer_document_texte.col-md-9 { width : calc(75% - 20px); }
.summer_document_texte.col-md-12 { width : 100%; }


.titre_inner_document {columns:1 ;}


/* la mise en forme introduction */


.row.lecture_doc P.summernote-intro {
	position: relative;
	display: inline-block;
	vertical-align: top;
	padding: 25px; padding-top:0px;padding-bottom:0px;
	margin-left : 100px; margin-bottom:50px;
	width: calc(97% - 100px);
	height: auto;
	font-size: 25px;
	font-style : italic;
	text-align: left;
	border-left : 12px dotted #762a5e!important;
	color : #762a5e!important;
	}
	
		
.summer_document_texte P.summernote-intro {

	margin : 0px; padding-top:10px; padding-bottom:10px;padding-left:20px; padding-right:20px;
	
	font-size : 22px; 
   border : 0px;
   color : inherit;  
   text-align:center;
}


/* questions nouvelle version */

ol.summer_document_question { border-left: 9px solid #f6a7c8!important; 
      padding:0px;
      padding-left:30px;
      margin:0px;
      margin-left:20px; 
      margin-bottom:10px;
      list-style-position: outside; 
      
      position:relative; float:left; display:inline-block; 
      
      }
.note-editable ol.summer_document_question {border : 1px dashed lightblue;}
.note-editable ol.summer_document_question.selected { border:1px dashed blue; border-left: 9px solid blue!important; }

/* presentation des liens html */

.note-editable A, .row.lecture_doc A { font-weight:bold;  
                   color : #00acec !important; cursor:pointer; 
                   background:transparent; 
                   border:1px solid transparent; text-decoration:none;}
                   
.note-editable A:hover, .row.lecture_doc A:hover {  text-decoration:underline;}
.note-editable A:after, .row.lecture_doc A:after { font-family: FontAwesome; 
                         font-weight: 900; 
                         content: "\f14c";
                         color : #00acec;
                         margin-left:5px;
                         margin-right:5px;
                         display: inline;                        
                         }
.note-editable A:hover::after, .row.lecture_doc A:hover::after {color : #49bf67!important;}   
   
.row.lecture_doc ol.summer_document_question A.btn:after{ display:none;}
.row.lecture_doc ol.summer_document_question A.btn:hover{ text-decoration:none;color:#49bf67!important;}



                  

ol.summer_document_question li:first-child {margin-top:8px;}
ol.summer_document_question li {list-style-type: none;
  margin-bottom: 15px;
  text-indent: -60px;
  margin-left: 35px;
  counter-increment: questions;
  font-family: monospace, serif;
  font-size: 15px; }
ol.summer_document_question li.index_sup_10 {text-indent: -80px;margin-left: 60px;}
ol.summer_document_question li.selected { font-weight:bold; color:blue; }

ol.summer_document_question li:before {content: counter(questions);
  padding: 3px 20px 3px;
  margin-right: 12px;
  vertical-align: top;
  background: #f6448f;
  -moz-border-radius: 60px;
  border-radius: 60px;
  font-weight: bold;
  font-size: 15;
  color: white;	}
ol.summer_document_question li.selected:before { background : blue; }


ol.summer_document_question.col-md-9, .summer_document_texte ol.summer_document_question.col-md-9 {width:calc(75% - 20px);}
ol.summer_document_question.col-md-12, .summer_document_texte ol.summer_document_question.col-md-12 {width:calc(100% - 20px);}
ol.summer_document_question.col-md-3, .summer_document_texte ol.summer_document_question.col-md-3 {width:calc(25% - 20px);}
ol.summer_document_question.col-md-6, .summer_document_texte ol.summer_document_question.col-md-6 {width:calc(50% - 20px);}

.summer_document_question .btn-rediger, .summer_document_question .btn-correcteur, .summer_document_question .btn-redacteur,  .summer_document_question .btn-valider, .summer_document_question .btn-masquer  { padding:10; margin:0; margin-left:5px; display:inline; width:auto;-moz-border-radius: 5px;border-radius: 5px; color:#00afee}
.summer_document_question .div_repondre, .summer_document_question .div_corrige {display:block; width:100%; height:30px; font-size:14px; border:1px solid darkgray;background:#fffad6;padding:15px;color:#201aa0;line-height:1.25em; margin-left:0px; margin-top:10px;margin-bottom:10px;}
.summer_document_question .div_corrige {border:0px; border-left:3px dotted #49bf67; background:#f1f8bf; color:#5b0732; }

.summer_document_question .div_repondre.stopped {border : 0px; background:transparent;}

ol.summer_document_question li span {text-indent:0px;margin-left:8px;}



.summer_document_texte  ol.summer_document_question { width: 100%; margin-left : 0px; background : lightyellow; border-left: 9px solid red!important;  }
.summer_document_texte  ol.summer_document_question li { font-weight:bold;}
.summer_document_texte li .div_repondre, .summer_document_texte li .div_corrige { width : calc(100% - 10px)}

/* summernote table */

table.summernote_basic {width:100%; border-collapse: collapse;color:black; background:transparent;border:0px;page-break-inside: avoid;}
table.summernote_basic TD, table.summernote_basic.th {
	text-align:left;
	position : relative;
	background-clip: padding-box; /* Add this line */
	
	}
	
.summernote_td_selected {
	
   background : yellowgreen;
   border:1px solid yellow;
   background-clip: padding-box; /* Add this line */
   
}


.summernote_unselectable {   
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

 
    }
	


/* css pour les bordures de tableau dans summernote */

.sum_border_hide { border-color : transparent;}
.sum_border_thick_default { border-width : 1px;}
.sum_border_style_default {border-style:solid;}

/* la fenetre de choix des bordures */

#igfd67.sum_border_hide {border-color:lightgrey;}

.div_style_border_container {position:relative; float:left; padding:5px; margin-top:10px; margin-right:10px;border:1px solid transparent;}
.div_style_border_container:hover, .style_border_theme_array:hover {border:1px solid darkgray;cursor:pointer;}
.div_style_border_container.selected, .div_style_border_container.selected:hover, .style_border_theme_array.selected, .style_border_theme_array.selected:hover { border:1px solid blue;}
.div_style_border {  width:20px; height:13px; background:transparent; border:3px; }
.style_border_theme_array { position:relative; float:left; padding:5px; margin-top:10px; margin-right:10px;border:1px solid transparent; width:calc(100% - 10px); }

.border_dotted { border-style : dotted;}
.border_dashed { border-style : dashed;}
.border_solid { border-style : solid; }
.border_double {border-style : double;border-width:3px;}
.border_none {border-style : solid; border-color:lightgrey;border-width:1px;}

/* la fenetre de choix background pour les cellules de tableau */

#cell_backgr_container { width : 145px;height:145px;padding:5px; padding-bottom:3px;padding-right:3px;border:1px solid lightgrey;}
#cell_backgr_container .backgr_container { position:relative; float:left; width:25px; height:25px;padding:2px;border:1px solid lightgrey;margin-right:2px; margin-bottom:2px;}
#cell_backgr_container .backgr_container:hover { border:1px solid darkgray;}
#cell_backgr_container .backgr_container.selected, #cell_backgr_container .backgr_container.selected:hover {border-color:blue;}
#backgr_chosen_container { width : 100px; height:100px; padding:5px;border:1px solid darkgray;}
#backgr_chosen_container > div { width:100%; height:100%;}

/* couleurs theme par defaut */
.c1{ background-color:#31659c;}
.c2{ background-color:#9ccfff;}
.c3{ background-color:#9c9a31;}
.c4{ background-color:#63659c;}
.c5{ background-color:#ce9a31;}
.c6{ background-color:#006563;}
.c7{ background-color:#319aff;}
.c8{ background-color:#9c3000;}
.c9{ background-color:#cecf9c;}
.c10{background-color:#636563;}
.c11{background-color:#ffcf63;}
.c12{background-color:#639ace;}
.c13{ background-color:#633063;}
.c14{ background-color:#9c9ace;}
.c15{ background-color:#cecfce;}
.c16{ background-color:#639a9c;}
.c17{ background-color:#cecf63;}
.c18{ background-color:#ce6500;}
.c19{ background-color:#9c9aff;}
.c20{ background-color:#0065ce;}
.c21{ background-color:#9ccfce;}
.c22{ background-color:#9c9a9c;}
.c23{ background-color:#ffcf00;}
.c24{ background-color:#009a9c;}
.c25{ background-color:#9ccf31;}

.theme_normal.tab_theme1 .c1 { background-color:blue;}


/* summernote themes pour les tableaux */

.theme_normal { clear : both;}

/* tab theme 1 */

.theme_normal.tab_theme1 tr:nth-child(2n+2) {background : linear-gradient(to right, #93e4ae, #cbeed7);}
.theme_normal.tab_theme1 tr:nth-child(2n+3) {background: #f1e4c0; } 
.theme_normal.tab_theme1 tr:first-child { background : linear-gradient(to bottom, #380838, #ad17ad); }
.theme_normal.tab_theme1 tr:first-child td { text-align:center; color:white; font-weight:bold; font-size:1.1em; vertical-align:middle;padding:15px;}

/* definition couleurs premiere colonne libelles */
/*.theme_normal.tab_theme1 tr:nth-child(2n+2) td:nth-of-type(1) { font-weight:bold; font-size:0.85em; vertical-align:middle;text-align:left; padding:0; padding-left:15px;background : #56b878;}*/
/*.theme_normal.tab_theme1 tr:nth-child(2n+3) td:nth-of-type(1) { font-weight:bold; font-size:0.85em; vertical-align:middle;text-align:left; padding:0; padding-left:15px;background : #eeee75;}*/

table.theme_normal.tab_theme1.encadrement { border-style : solid; border-width:2px; border-color:orange; } 

/* bordures interieures par defaut */
.theme_normal.tab_theme1 tr:first-child td:not(:last-child) { border-right: 2px solid #ffc737;}
.theme_normal.tab_theme1 tr:nth-child(n+2) td:not(:last-child) { border-right: 2px solid #ffc737;}
.theme_normal.tab_theme1 td {padding : 3px; }
/* tab theme 2 */
/*.theme_normal.tab_theme2 { border-style : solid; border-width:2; border-color:#78295e; } */

.theme_normal.tab_theme2 tr:nth-child(2n) {background : #ffb3b9;}
.theme_normal.tab_theme2 tr:nth-child(2n+1) {background: #f1e4c0; } 

/* definition couleurs premiere colonne libelles */

.theme_normal.tab_theme2 td:nth-of-type(1) { font-weight:bold; font-size:0.85em; vertical-align:middle;text-align:left; padding:0; padding-left:15px;background: linear-gradient(to right, #F650A0, #FF9897);}
.theme_normal.tab_theme2 tr:not(last-child) td {border-bottom-style:solid; border-bottom-width:1px; border-bottom-color : black;}

/* bordures tour par defaut */

table.theme_normal.tab_theme2.encadrement{ border-style : solid; border-width:2px; border-color : #78295e;}

/* bordures interieures par defaut */

.theme_normal.tab_theme2 td:not(:last-child) { border-right-color: #78295e;border-right-style: solid; border-right-width:2px;}
.theme_normal.tab_theme2 td {padding : 3px;}

.theme_normal.tab_theme2 	td.summernote_td_selected { background : yellowgreen; border:1px solid yellow;background-clip: padding-box;}

/* couleurs de fond pour theme 2 */

/* les 3 ingredients sont changes pour chaque teinte , increment de 5 */

.theme_normal.tab_theme2 .c1{ width:100%; height:100%; background-color:#77255e;}
.theme_normal.tab_theme2 .c2{ width:100%; height:100%; background-color:#902c68;}
.theme_normal.tab_theme2 .c3{ width:100%; height:100%; background-color:#a6316f}
.theme_normal.tab_theme2 .c4{ width:100%; height:100%; background-color:#bd3675;}
.theme_normal.tab_theme2 .c5{ width:100%; height:100%; background-color:#d43b7c;}

.theme_normal.tab_theme2 .c6{ width:100%; height:100%; background-color:#46532e;}
.theme_normal.tab_theme2 .c7{ width:100%; height:100%; background-color:#4c6133;}
.theme_normal.tab_theme2 .c8{ width:100%; height:100%; background-color:#4f6f3a;}
.theme_normal.tab_theme2 .c9{ width:100%; height:100%; background-color:#517e42;}
.theme_normal.tab_theme2 .c10{ width:100%; height:100%; background-color:#508d4b;}

.theme_normal.tab_theme2 .c11{ width:100%; height:100%; background-color:#a48d93;}
.theme_normal.tab_theme2 .c12{ width:100%; height:100%; background-color:#ba97a0;}
.theme_normal.tab_theme2 .c13{ width:100%; height:100%; background-color:#d1a1aa;}
.theme_normal.tab_theme2 .c14{ width:100%; height:100%; background-color:#e8aab3;}
.theme_normal.tab_theme2 .c15{ width:100%; height:100%; background-color:#ffb5ba;}

.theme_normal.tab_theme2 .c16{ width:100%; height:100%; background-color:#b0a96c;}
.theme_normal.tab_theme2 .c17{ width:100%; height:100%; background-color:#b8b870;}
.theme_normal.tab_theme2 .c18{ width:100%; height:100%; background-color:#bfc974;}
.theme_normal.tab_theme2 .c19{ width:100%; height:100%; background-color:#c4da7a;}
.theme_normal.tab_theme2 .c20{ width:100%; height:100%; background-color:#c7eb81;}

/* seul le contratse est change pour la derniere couleur */
.theme_normal.tab_theme2 .c21{ width:100%; height:100%; background-color:#ece5d5;}
.theme_normal.tab_theme2 .c22{ width:100%; height:100%; background-color:#efe5cb;}
.theme_normal.tab_theme2 .c23{ width:100%; height:100%; background-color:#f1e5c1;}
.theme_normal.tab_theme2 .c24{ width:100%; height:100%; background-color:#f4e5b8;}
.theme_normal.tab_theme2 .c25{ width:100%; height:100%; background-color:#f6e4ae;}


i.sum_array_icon_ok {font-size:15px; color : transparent; border:1px solid darkgray; padding:5px; }
i.sum_array_icon_ok.selected {color: #00acec; }


/* selecteur de tableau */
   
DIV.summernote_col_selector { 
   position : absolute; 
   cursor: s-resize;
   width:15px; 
 -moz-user-select: none;
   -khtml-user-select: none;
   -webkit-user-select: none;

   /*
     Introduced in IE 10.
     See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
   */
   -ms-user-select: none;
   user-select: none;
   background:transparent;
   top : -15px;
   right : 0px;
   height:	20px;
   /* border:1px solid red;*/
   
   }

DIV.summernote_lig_selector {

	position : absolute;
	cursor : e-resize;
	width:20px;
	height :100%;
	background : transparent;
	left : 0px;
	margin-left : -20px;
   top:0;
   border : none;
	
	-moz-user-select: none;
   -khtml-user-select: none;
   -webkit-user-select: none;

   /*
     Introduced in IE 10.
     See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
   */
   -ms-user-select: none;
   user-select: none;
	
	
}

/* summernote fenetres plugins */

img.summernote_img_hover, .summernote_color_hover, img.summernote_line_hover { padding:5px; border:1px dotted gray; }
img.summernote_img_hover:hover, .summernote_color_hover:hover, img.summernote_line_hover:hover { padding:4px;border:2px solid #00acec; }
img.summernote_img_hover.active, .summernote_color_hover.active, img.summernote_line_hover.active {border:3px solid #00acec;padding:3px;}

.summernote_color_hover { padding:5px; border:1px dotted gray;height:50px;width:50px; }
.summernote_color_hover:hover { border:2px solid #00acec; }
.summernote_color_hover.active {border:3px solid #00acec;}
i.summernote_icon_ok, i.summer_icon_ok, i.summernote_line_icon_ok {font-size:35px; color : #00acec; }

.row.summernote_row { min-height:30px;padding:5px;}
.row.summernote_row:hover, .row.summernote_row.active {border:1px dotted gray;}
.row.summernote_row div.presentation_block {min-height:30px;border:1px transparent;}
.row.summernote_row div.presentation_block:hover, .row.summernote_row div.presentation_block.active {border:1px dotted blue; }

.texte_background_0 { background-color : #FFFFFF!important; }
.texte_background_1 { background-color : #f4dea2!important; }
.texte_background_2 { background-color : #c6ea80!important; }
.texte_background_3 { background-color : #e7b5f9!important; }

.summernote_dictee { background:red; width:200px; height:200px; position:fixed; bottom : 200px; z-index:9999999;}

/* menu perso summernote */

.summernote_menu { background:red; width:100px; height:100px;}
/* ------------------ fenetre lecture des documents en ligne */
#overlay5{
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0);
    z-index: 10000; /* juste au dessus du menu gauche qui est à 900 */
    height:100%;
    overflow-y:hidden;
    
}


/* formatage des sections */

.summernote_page_break { 
  display: block;
  height: 15px;
  border: 0;
  background-image: url("../images/saut_page.png");
  text-align: center;
  margin: 50px 0;
  padding: 0;
  width: calc(100% - 6em);
  position: relative;
  clear: both;
  overflow: visible;
  left: 6em;
  margin-bottom: 8px !important;

    }


.summernote_page_break:before { 	
  content: 'Saut de page';
  background: white;
  left: -7em;
  top: -3px;
  position: absolute;
  color: darkgray;
  display: inline-block;
  font-size: 15px;
	}






    
#overlay5 .menu {
	width:100%; height:41px; background:darkgray; position:fixed; z-index:10001;top:0px;left:0px;text-align:center;
}
.btn-overlay5 { margin-top:3px;color:white;}

#lecture_div .summernote_page_break, #lecture_doc .summernote_page_break { border:0px solid transparent;height:1px; margin:0;}


/* ================================================= */
/* fin mise en forme des documents en ligne */



/* ================================================== */
/* mise en forme des flash cards de leitner */
/* ================================================== */


.flashcard_background .container {
     /* container flash card */
     width:80%;
     height:auto;
     perspective : 800px;
     border-radius : 4px; 
     justify-content : center; 
                 
    
}




.flashcard_background .container .card,
#leitner_container {
  
    /* Set the depth of the elements */
    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    -o-perspective: 800px;
    perspective: 800px;
    
  min-height: 60%;
  margin: 10px 0 10px 4%;
  
  border-radius :6px;
  box-shadow :0 6px 16px rgba(0,0,0,0.15);
  
  display:flex;
  justify-content :center;
  align-items : center;  
  margin-top : 2%;
  margin-bottom : 2%; 
  width : 48%;

  
}


/* visualisation des cartes cote eleve */

.overlay_leitner { width : 100vw; height:100%;
                                display:flex;
				display: -webkit-flex;
				align-items:center; 
				justify-content:center;
				flex-direction: column; 
				  position :absolute;
				  transform-style :preserve-3d;
				  transition :transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
			
				}


#leitner_container {   width : 100vw; height:65%;margin:0px;}				
#leitner_barre_buttons {  width : 100vw; height : 78px; display:flex; justify-content:center; margin-top:20px; visibility:hidden; transform :rotateY(180deg); }
	
  				     
.btn-leitner-bar { margin:10px; padding:10px; font-size:3vh}					     
					     
#leitner_container div.front, #leitner_container div.back {  height:100%; display:inline; overflow-y:auto;}					     
#leitner_container div.front { cursor:pointer;}	
				     
.leitner-timer {position:absolute; top:0px; height:10px; background:transparent;}
.leitner-timer .progress-leitner { background : blue; width: 0%;height:100%;}
.leitner-timer .progress-leitner-complete { background : green; height:100%;}
.leitner-timer .progress-leitner-warning { background : orange; height:100%;}

.leitner-exit { position : absolute; width:10%; height:6%; top :4%;left:1%; font-size:2%;  color: white; font-family : 'FontAwesome';}
.leitner-exit:hover { border:1px solid black; background:red; cursor:pointer; }
.leitner-exit::before {
  /* content: url(images/toolbarButton-download.png); */
  content: "\f177";
  font-size:4vh;
  color:white;
  margin:0.5vh;
}
					     
/* ============================================= */


.flashcard_background .container .card { width:100%; margin: auto;min-height:38vh;background : white;  }

#leitner_container .card {
  width: 70vw;
  height: 100%;
  cursor: pointer;
 
  /* Set the transition effects */
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  -o-transition: -o-transform 0.4s;
  transition: transform 0.4s;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  
 
}




#leitner_container .card.flipped  {
  -webkit-transform: rotateY( 180deg );
  -moz-transform: rotateY( 180deg );
  -o-transform: rotateY( 180deg );
  transform: rotateY( 180deg );

}

#leitner_barre_buttons  {
  -webkit-transform: rotateY( 0deg );
  -moz-transform: rotateY( 0deg );
  -o-transform: rotateY( 0deg );
  transform: rotateY( 0deg );


}

#leitner_container .card .front,
#leitner_container .card .back {

  color: black;
  background : white;
  border-radius :6px;
  backface-visibility : hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  position:absolute;
  width:100%;
  box-shadow: 3px 5px 20px 2px rgba(0, 0, 0, 0.25);
  
 display: flex;
 align-items: center;
 justify-content :center;
 flex-direction: column;
 
 padding-top:30px;
 padding-bottom:30px;
 height:100%;
    
}

#leitner_container .card .back {

  -webkit-transform: rotateY( 180deg );
  -moz-transform: rotateY( 180deg );
  -o-transform: rotateY( 180deg );
  transform: rotateY( 180deg );
}


/* mode creation des cartes */

.flashcard_background .container .card > div, 
#leitner_container .card > div {
    width : 100%;
    height:auto;
    backface-visibility : hidden;
    text-align:center;    
    font-smoothing : antialiased;
    
    padding:0;
    padding-right : 10%; padding-left:10%;
    
}

#leitner_container .card > .front  img  {
  
    height:auto;
    margin:auto;
    display : block;
}

#leitner_container .card.flipped > .front  img  { display:none; }

.flashcard_background .container .card > div.front_card, .flashcard_background .container .card > div.back_card { padding-top:50px;padding-bottom:50px;}

.flashcard_background .container .card > div > P.normal, #leitner_container .card > div  > P.normal { margin:10; padding:0; font-size : 3vh; font-family : Montserrat; color:black;}

#leitner_container .card > div.front.thumbnail {  overflow-y:hidden; height:auto; min-height:60vh; word-wrap: break-word; overflow-x : hidden; padding-left:10vh;}
#leitner_container .card > div.front.thumbnail  > P  { font-size: 4.5em;  }



/* ________________________________________________________ */




/* mise en forme image selectable pour les questions */
div.image-decorator {
	-moz-border-radius : 5px 5px 5px 5px;
	-moz-box-shadow : 0 0 6px #c8c8c8;
	-webkit-border-radius : 5px 5px 5px 5px;
	-webkit-box-shadow : 0 0 6px #c8c8c8;
	background-color : #ffffff;
	border : 1px solid #c8c8c8;
	border-radius : 5px 5px 5px 5px;
	box-shadow : 0 0 6px #c8c8c8;
	display : inline-block;
	padding : 5px 5px 5px 5px;
	position: relative;
	margin-bottom: 10px;
	max-width : 515px;
}

.reperer_image_uplight { border : 1px solid darkgray; background:lightgray;}
.bareme_reperer_image { padding:5px;}

.question_marker {position:absolute;
	color:black;
	padding:-10px;
	margin:0;
	cursor : pointer;
	-moz-border-radius : 90px 90px 90px 90px;
	-moz-box-shadow : 0 0 6px #c8c8c8;
	-webkit-border-radius : 90px 90px 90px 90px;
		border : 1px solid #c8c8c8;
		border-radius : 90px 90px 90px 90px;
		box-shadow : 0 0 6px #c8c8c8;width:50px;background:white;}
.question_marker.success {color:#49bf67;}
.question_marker.echec {color:red;}
.question_marker.neutre {color:#00acec;;}
.question_marker_libelle {font-size:35px;}

/* documents affiches mode cartable electronique */

#document_conteneur, div.conteneur_docs_arrondi {
    background:#696161;

    border : 0px solid white;	
    position:relative;

		
    }

div.conteneur_docs_arrondi {
	padding:3px;
    height:auto; 
    }

/* ============================= */
/* le chat */

.chat .message_body {
      font-size : 12px;
      position:relative;
      border-radius: 5px;
      -moz-border-radius : 5px; 
      -webkit-border-radius : 5px;
      padding-left : 10px; padding-right:10px;
      padding-top:5px;padding-bottom:5px;
      clear : both;
      margin-bottom:7px;
      max-width:70%;     
}
.chat .message_body:first-child {margin-top:10px;}
.chat .message_body.expediteur { background : #00acec; color : white; text-align:right; float:right;margin-right:10px; }
.chat .message_body.destinataire { background : #DDDDDD; color : #4d5157;text-align: left; float:left; margin-left:10px; }


/* =================================== */
/* les sessions LIVE et Detail modules */

.detail_elements {overflow-y:hidden;background:#f1f4ff91;overflow-x:hidden;position:relative; float:right; width:30%; padding:0;margin-top:-30px; border:1px solid darkgrey; height:calc(100% + 25px);}
.entete_detail_elements {
  margin-left: -15px;
  margin-right: -15px;
  font-size: 1em;
  font-weight: bold;
  text-align: center;
  padding: 1em;
  background:#4679BD;
  color : white;
 }

.detail_elements_scroll { 
  padding-top: 15px;
  height: calc(100% - 3em - 4px);
  overflow: hidden;
  overflow-y: auto;}

ol.dd-list.session {counter-reset:li; /* Initiate a counter */
    margin-left:0; /* Remove the default left margin */
    padding-left:0; /* Remove the default left padding */
    }
    
ol.dd-list.session > li.dd-item {
	margin : 0px;
	margin-left:2em;
	cursor : pointer;
    position:relative; /* Create a positioning context */
    
    padding:0px 2em; /* Add some spacing around the content */ 
    padding-bottom:0em;       
    list-style:none; /* Disable the normal item numbering */
  
    border : 0px;
    border-left:3px solid #4679BD;
    min-height : 50px;
    height :auto;
    width:100%;
    display: inline-block;

}

ol.dd-list.session > li.dd-item:before {
    content:counter(li); /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
    /* Position and style the number */
    position:absolute;
    top:-5px;
    left:-1.05em;
    -moz-border-radius: 50%; 
    -webkit-border-radius: 50%; 
    border-radius: 50%;
  
    width:2em;
    height:2em;
    /* Some space between the number and the content in browsers that support
       generated content but not positioning it (Camino 2 is one example) */
    margin-right:8px;
    padding:4px;
    
    color:#fff;
    background:#4679BD;
    font-weight:bold;
    font-family:"Helvetica Neue", Arial, sans-serif;
    text-align:center;
    
}

ol.dd-list.session > li.dd-explic { 	 

	margin : 0px;
	 
	margin-bottom :2em;
    position:relative; /* Create a positioning context */
    padding:2em; /* Add some spacing around the content */ 
     
    list-style:none; /* Disable the normal item numbering */  
    border : 2px dashed darkgray;
    min-height : 50px;
    height :auto;
    width:100%;
    display: inline-block;}


ol.dd-list.session > li.dd-item:last-child {border-left : 0px;left : 0.15em;}


ol.dd-list.session li.dd-item ol, ol.dd-list.session li.dd-item ul {margin-top:6px;}
ol.dd-list.session ol li.dd-item:last-child {margin-bottom:0;}

ol.dd-list.session > li.dd-item > .l_exo_cartouche, ol.dd-list.session > li.dd-item > .l_doc_cartouche_file {padding:5px;margin:5px;height:inherit;margin-top:0px;}
ol.dd-list.session > li.dd-item > .l_exo_cartouche > div.cartouche_ombre { vertical-align:top; position:relative; display:inline-block;  left:0px; width:58px;height : 36px;margin:0;padding:0; border:1px solid darkgray;}
ol.dd-list.session > li.dd-item > .l_exo_cartouche > div.l_doc_cart_bottom { border:0; position:relative; display:inline-block; background:transparent; left : 0px; top:0;  width : calc(100% - 80px); height:auto; text-align:left;}

ol.dd-list.session > li.dd-item > .l_doc_cartouche_file > div.cartouche_ombre {
  margin: 0px;
    margin-left: 0px;
  padding: 0px;
  margin-left: 5px;
  vertical-align: top;
  position: relative;
  display: inline-block;
  left: 0px;
  width: 58px;
  height: auto;
  max-height: 50px;
  border: 1px solid darkgray;
}

ol.dd-list.session > li.dd-item > .l_doc_cartouche_file > div.l_doc_cart_bottom { border:0px; margin-top:0px; background:transparent; position:relative; display:inline-block; top:0px;  width : calc(100% - 80px); height:auto; text-align:left;}
ol.dd-list.session > li.dd-item > .l_doc_cartouche_file > div.l_doc_cart_bottom > .properties {display:none;} 
ol.dd-list.session > li.dd-item > .l_doc_cartouche_file > .module_bareme_container, ol.dd-list.session > li.dd-item > .l_exo_cartouche > .module_bareme_container  {display:block;} 

ol.dd-list.session > li.dd-item > .l_doc_cartouche_file > div.cartouche_ombre > img, 
ol.dd-list.session > li.dd-item > .l_doc_cartouche_file > div.cartouche_ombre > img.doc_thumbnail_video, 
ol.dd-list.session > li.dd-item > .l_doc_cartouche_file > div.cartouche_ombre > img.doc_thumbnail, 
ol.dd-list.session > li.dd-item > .l_exo_cartouche > div.cartouche_ombre > img, 
ol.dd-list.session > li.dd-item > .l_group_cartouche > div.cartouche_ombre > img {
  width: 100%;
  position: relative;
  left: null;
  top: 0px;
  max-height: 42px;
  min-width:unset;
}

/* les cartouches groupe */

ol.dd-list.session > li.dd-item > .l_group_cartouche {padding:5px;margin:5px;margin-bottom:0px; height:inherit;margin-top:0px;}
ol.dd-list.session > li.dd-item > .l_group_cartouche > div.cartouche_ombre { margin:0px; padding:0px; margin-left:5px; vertical-align:top; position:relative; display:inline-block; left:0px; width:58px;height : 36px;overflow:hidden; border:1px solid darkgray;}

ol.dd-list.session > li.dd-item > .l_group_cartouche > div.l_doc_cart_bottom { border:0px; margin-top:0px; background:transparent; position:relative; display:inline-block; top:0px;  width : calc(100% - 80px); height:auto; text-align:left;}
ol.dd-list.session > li.dd-item > .l_group_cartouche > div.l_doc_cart_bottom > .properties {display:none;} 

ol.dd-list.session > li.dd-item > .l_group_cartouche > div.l_doc_cart_bottom { border:0px; margin-top:0px; background:transparent; position:relative; display:inline-block; top:0px;  width : calc(100% - 80px); height:auto; text-align:left;}
ol.dd-list.session > li.dd-item > .l_group_cartouche > div.l_doc_cart_bottom > .properties {display:none;} 


ol.list-origine > li {
  
  display:inline-block;
  list-style:none; /* Disable the normal item numbering */
   width: 230px; 
   height : 189px;       
   cursor : pointer;
   margin-right:10px;
   margin-bottom:15px;
}

ol.list-origine >li.dd-item > .l_doc_cartouche_file > .l_doc_cart_bottom { border-top:1px solid darkgray; }
ol.list-origine >li.dd-item > .l_exo_cartouche > .l_doc_cart_bottom { border-top:1px solid darkgray; }
ol.list-origine >li.dd-item > .l_group_cartouche > .l_doc_cart_bottom { border-top:1px solid darkgray; }

/* -------------------------- */
/* affichage dans les listes choix live */

/* ---- style icones pleins ---*/

#progres_session > li .cartouche_ombre > div {padding: 5px !important;}

#progres_session > li .cartouche_ombre > div > div > div.fa { font-size:25px!important;}



/* =========================== */
/* full screen */

.fullscreen_visible {
  display : block;
  width : 100vw;
  height : 100vh;
  background : white;
background: #1e3c72;  /* fallback for old browsers */
background: -webkit-linear-gradient(to bottom, #2a5298, #1e3c72);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to bottom, #2a5298, #1e3c72); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  
}

.fullscreen_visible .menu_gauche { 
   position:absolute;z-index:1;left:0; height : 100vh; width:20vw;border-right:2px solid #3784a0; 
background: #1e3c72;  /* fallback for old browsers */
background: -webkit-linear-gradient(to top, #2a5298, #1e3c72);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to top, #2a5298, #1e3c72); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

 }
 
.fullscreen_visible .menu_video_test {
   position:absolute;z-index:1;left:0; top : 70vh; height : 30vh; width:18vw;border:2px solid #3784a0;
   margin : 1vh; 
background: #1e3c72;  /* fallback for old browsers */
background: -webkit-linear-gradient(to top, #2a5298, #1e3c72);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to top, #2a5298, #1e3c72); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
} 
.fullscreen_visible H3.title { background : #363864; color:white; padding:15px; margin-top:0px; border-bottom:2px solid #3784a0;}


/* cartouche bleu clair quand selected */

ol.dd-list.session_live > li.live_selected:before {border-color : #0a1e25; background : #8bcfe8; color : white;  }
ol.dd-list.session_live >li.live_selected div.dd-handle { border : 1px solid #0a1e25; background :#8bcfe8; color : white; }
ol.dd-list.session_live >li.live_selected H3.live-session {color:white;}

/* le chat du live audio */

#live-audio-chat {
width: 40%;
height: 100%;
background: #0e2034;
z-index: 1200001;
position: relative;
float: right;
min-width: 400px;
/*! opacity : 0.6; */
}

#live-audio-chat-opp { width: calc(56% - 5px);
  height: 100%;
  background: transparent;
  z-index: 1200001;
  position: relative;
  float: left;
  left: 4%;}

.live_audio_msg_conteneur {overflow-y:auto; width: 100%;border-left: 2px solid #3784a0;height: calc(100% - 100px);padding: 10px;/*! opacity: 1; */}
.input_msg {height: 100px;border: 0;padding: 5px;border-top: 1px solid white;border-left: 2px solid #3784a0;}
#live-audio-chat .input {height: 4vh;
  border: 0px;
  padding: 5px;
  width: calc(100% - 5.2vw);
  margin-right: 0.2vw;
  background: transparent;
  color: lightblue;
  margin-top: 1vh;
  border: 1px solid lightblue;
}
#live-audio-chat label {position:relative;float:left;margin-left: 5px;color: lightblue;margin-right: 15px;font-weight: unset;width: 25%;margin-top:7px;}
#live-audio-chat label.eleve {width:100%;}
#live-audio-chat .selCont {width: calc(60% - 25px);position:relative;float:left;}
#live-audio-chat .selCont > div.select2 {width:100%;}
.live_audio_msg {     word-wrap: break-word;}
.live_audio_name {}
.live_audio_msg_cont{float:right; clear:both; margin-bottom:1em; background-color: #0462b2; border-radius: 6px 0 6px 6px;color: white;padding: 8px;width: auto;display: inline-block;max-width: 60%;}
.live_audio_msg_cont.left {float: left;background: #434343;border-radius: 0px 6px 6px 6px;}
.live_audio_msg_cont.left:hover { cursor:pointer; background : #42be65; }

.live_audio_name {font-size : 0.8em;}

/* menu connectes au live */
.fullscreen_visible .menu_gauche #ol_live_connected { margin:0px; padding:0px; }
.fullscreen_visible .menu_gauche #ol_live_connected li { list-style-type:none; padding:5px;margin-left:0px;border-bottom:1px solid white; color:white;padding-bottom:10px;)}

.fullscreen_visible .menu_gauche #ol_live_connected li.selected,
.fullscreen_visible .menu_gauche #ol_live_connected li.audible:hover {background : orange; color:black;cursor:pointer}

.fullscreen_visible .menu_gauche #ol_live_connected table { width:100%;}
.fullscreen_visible .menu_gauche #ol_live_connected TD.td1 { width:70%;}
.fullscreen_visible .menu_gauche #ol_live_connected TD.td2 { width:30%;}
.fullscreen_visible .menu_gauche #ol_live_connected TD.td2 > i { color: white;
border-radius: 45px;
-moz-border-radius: 45px;
-webkit-border-radius: 15px;
background: green;
height: 25px;
width: 25px;
padding: 5px;
    padding-left: 5px;
padding-left: 7px;
margin-left: 5px; }

.fullscreen_visible .menu_gauche #ol_live_connected TD.td2 > i.muted {background:lightgrey;}


div.bouton_live_menu, div.btn-live-audio-start, 
div.bouton_live_record,div.bouton_live_record_stop, 
div.bouton_live_record_download, div.btn-live-audio-microphone,
div.btn-live-audio-raisehand, .btn-live-audio-chat  {
  bottom : 15px;
  border-radius: 45px;
  -moz-border-radius : 45px; 
  -webkit-border-radius : 45px;
  border:1px solid #4679BD;
  background : #4679BD;

  padding-left:15px; padding-right:15px;
  left : calc(100vw - 75px);
  text-align : center;
  vertical-align:middle;cursor:pointer; z-index:1200001;color:white;font-size:22px;
  height: 51px;
  margin-left: 10px;
}

#btn-live-audio-chat.selected {
   background : red; 
}



/*  gestion affichage bouton audio live */
  
div.btn-live-audio-start { left : 100px; } 
div.btn-live-audio-start.student {left:10px;}


div.btn-live-audio-start.btn-spin {padding-left:10px; padding-right:10px; font-size:12px;}
div.btn-live-audio-start.student.btn-spin {padding-left:5px; padding-right:5px; font-size:10px;}



button.audio-active, 
button.btn-live-audio-raisehand.active, 
#btn-live-audio-chat.active, #btn-class-start.active {
	  animation: colorchange 1s infinite linear; 
    -webkit-animation: colorchange 1s infinite linear; /* Chrome and Safari */ }
   
.active_hand {	animation: colorchangehand 1s infinite linear; 
   -webkit-animation: colorchangehand 1s infinite linear; /* Chrome and Safari */}   

div.btn-live-audio-microphone { /*! left : 160px; */  background:red; } 
div.btn-live-audio-raisehand { /*! left : 160px; */ }
div.btn-live-audio-microphone.student, div.btn-live-audio-raisehand.student {/*! left:70px; */}
div.btn-live-audio-microphone i.fa-microphone{ display:block} 
div.btn-live-audio-microphone i.fa-microphone-slash{ display:none; } 



.live-audio-cont {width:100%; height:100%; left:0px; top:0px; z-index:1036;}

div.bouton_live_menu i, div.bouton_live_record i, div.bouton_live_record_stop i, div.bouton_live_record_download i {  color: white;font-size:25px;} 

div.bouton_live_record_stop {background : red; border:1px solid red;}

div.bouton_live_record,div.bouton_live_record_stop { left : calc(100vw - 145px);}
div.bouton_live_record_download {left : calc(100vw - 205px);}

div.bouton_live_audio {
  position : relative;
  float:right;
  top:10px;
  border-radius: 15px;
  -moz-border-radius : 15px; 
  -webkit-border-radius : 15px;
  border:1px solid #4679BD;
  background : #4679BD;
  padding-right:15px; padding-left:15px;
  padding-bottom:10px;
  text-align : center;
  width:auto;
  margin-right:10px; 
  height:35px;
}
div.bouton_live_audio i {  color: white;font-size:25px;} 


#video_live_fallback video { 
  border:2px solid yellow; 
  max-width: 15%!important;
  position:fixed;
  z-index:10;
  left:30px;bottom:30px;
  width:320px;height:160px; }
  

.tool_bar_live_menu {position:fixed; bottom:0px;width:80vw; height:8vh;left : 20vw; border-top:2px solid #4679BD; background:#c5d0d4;padding:0px;margin:0;}
.tool_bar_live_menu .container {width:100%; height:100%; padding:5px;}
.tool_bar_live_menu .container .colors {position:relative; float:left; border:1px solid #7684a6; background:#e5e6e8; margin-top:-2px; margin-right:10px; padding:3px; padding-bottom:0px; padding-right:0px; width:auto;}
.tool_bar_live_menu .container .colors .color {width:40px; height:20px;border:1px solid #7684a6; position:relative; float:left; margin-right:3px;margin-bottom:3px;}
.tool_bar_live_menu .container .colors .color.selected {border:2px solid white;}
.canvas_live, .fullscreen_visible div.live_div {position:absolute; left:20vw!important; top:0px;width:80vw !important; height:92vh !important;}
.fullscreen_visible div.live_div.student {left:0vw!important; width:100vw !important;z-index:1200000; overflow-y:auto;}

.fullscreen_visible div.live_div {height:100vh !important;overflow:hidden;/*! z-index: 1033; */} /* contour conteneur grand ecran video */

.canvas_fullscreen { height : 100vh; position:absolute; z-index : 0 ; }
i.icon-menu { font-size:25px; }

#live_div_video { position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);padding:0px;}
#live_div_video iframe {border: 3px solid #627593;}
#live_div_video.embed { position:absolute; top:0px; left:0px; transform:translate(0%,0%);width:100%; height:100%; }
#live_div_video.embed iframe {border : none;}

.live_video_gradient {background: #870000;  /* fallback for old browsers */
background: -webkit-linear-gradient(to top, #190A05, #870000);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to top, #190A05, #870000); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.live_exo_gradient {background: #1520c7;  /* fallback for old browsers */
background: -webkit-linear-gradient(to top, #1e3c72, #2a5298);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to top, #1e3c72, #2a5298); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}


/* ecrans des questions live */

#live_exo_run_display { } /* conteneur general questions */

#exo_run_header {width:100%; border-bottom:2px solid #7f85f4; padding:0.7vw;padding-left:2.1vw; 
     background:#363864;
     height:10vh;}
#exo_run_header H3 {color:white;font-size:2.1vw;}
#exo_run_header .pull-right H4 {color : white;}

#exo_run_cartouche_numbers {   
  border-radius: 0.35vw;
  -moz-border-radius : 0.35vw; 
  -webkit-border-radius : 0.35vw;
  padding-right : 1vw;
  padding-left : 1vw;
  padding-bottom : 1vh;
  padding-top : 1vh;
  background : #8bcfe8;
  border : 0.07vw solid white;
  }

#exo_run_conteneur_question {
	
	position:relative; 
	float:left;
	display:inline-block;
	height:calc(70vh - 35px);
	width:auto;
	min-width:100%;
	margin:auto;

}

.conteneur_questions_alone {margin-left:25%; }

#exo_run_conteneur_collectif {height: calc(74vh - 35px); }

.exo_run_encadre_question {
  width : 79vw;
  height : calc(80vh - 35px);
  margin:auto;
  margin-top : 0.5vh;
  padding : 1vw;
  /* background: -webkit-linear-gradient(to bottom,#086084, #111224 );  /* Chrome 10-25, Safari 5.1-6 */
  /* background: linear-gradient(to bottom, #086084, #111224); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

  background : transparent;
  
}
.exo_run_encadre_question.student {
	max-width : 90vw;
}
.exo_run_titre_question { width:100%; padding:0.35vw;margin-bottom:1.04vw;border-bottom:1px solid white;}
.exo_run_titre_question H1 { font-size:1.5vw; color:white;margin-top:2vh;}

.exo_run_cartouche_doc, .exo_run_cartouche_quest {   
  width : 100%;
  border-radius: 0.35vw;
  -moz-border-radius : 0.35vw; 
  -webkit-border-radius : 0.35vw;
  border : 0.14vw solid #white;
  background : #5d5d60;
  padding:1.04vw;text-align:center;overflow-y:auto;height:70vh;}
  
.exo_run_cartouche_quest {   
  width : 100%;
  border : 0px;
  background : transparent;
  padding:15px;text-align:center;overflow-y:auto;max-height:70vh;}  
  
.exo_run_cartouche_doc.fond_document_texte { color: #444444;
      /* background-color: #ddd; */
      /* background-image: linear-gradient(#ffffff, #ffffd4); */
      background : transparent; 
      height:auto;
      overflow:hidden; }
      
.exo_run_cartouche_doc img.question { max-width:100%;max-height:60vh;  border-radius: 0.35vw;
  -moz-border-radius : 0.35vw; 
  -webkit-border-radius : 0.35vw;}
  
.exo_run_cartouche_doc .live_exo_doc_consultable {
	border-radius: 0.35vw;
  -moz-border-radius : 0.35vw; 
  -webkit-border-radius : 0.35vw;
  border : 0.14vw solid #white;
  background : #5d5d60;padding:1.04vw;
  width:100%; 
  height:auto;
  margin-top:1.1.04vh;
} 
.exo_run_cartouche_doc .live_exo_doc_consultable.student_hidden {display:none;}

.exo_run_cartouche_doc .live_exo_doc_consultable P {color:white;text-align:center;}
.exo_run_cartouche_doc .live_exo_doc_consultable P A {margin-top:1.04vw;}

.exo_run_cartouche_quest {text-align:left;color:white;}
.exo_run_cartouche_quest H1 { color:white; font-size:1vw;}
.exo_run_doc_texte {width:100%; 
 background-image: linear-gradient(#ffffff, #ffffd4); 
 text-align:left;
 font-size:18px;
 display:block;
 overflow-y:auto;
 height:calc(40vh - 30px);
    border-radius: 5px;
  -moz-border-radius : 5px; 
  -webkit-border-radius : 5px;
  border : 1px solid black;
  padding:15px;
  }
.exo_run_doc_texte.mid-size { height:calc(52vh - 30px);}
.exo_run_doc_texte.full-size { height:calc(60vh - 30px);}

ol.live_exo_run_qcm {padding-left:4vw; padding-right:2vw;margin-bottom:2.6vh;}

ol.live_exo_run_qcm li, ol.live_exo_run_qcm_collectif li {
  counter-increment: list;
  list-style-type: none;
  height:auto;
  min-height : 9.76vh;
  position:relative;
}

ol.live_exo_run_qcm_collectif {padding:0;margin-left:2vw;}
ol.live_exo_run_qcm_collectif li {float:left; vertical-align:center;}

ol.live_exo_run_qcm li P { 
   color : white;
   /* text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black, 2px 2px 4px #000000; */
   margin-left:1.47vw;
   font-size:1.8vw;
   line-height:2vw;
   border-radius: 0.35vw;
  -moz-border-radius : 0.35vw; 
  -webkit-border-radius : 0.35vw;
  border : 1px solid black;
  padding:1.04vw;

  
  } 

ol.live_exo_run_qcm li:before {
  content: counter(list, upper-alpha) " ";
  margin-left: -4.41vw;
  text-align: center;
  width: 4.41vw;
  height : 7.81vh;
  padding:0px;
  padding-top:0.15vw;
  font-size: 3vw;
  font-weight : bold;
  position:absolute;
  color: #444444;
  background-color: #ddd;
  background-image: linear-gradient(#ffffff, #ffffd4); 
  	border-radius: 0.35vw;
  -moz-border-radius : 0.35vw; 
  -webkit-border-radius : 0.35vw;
  border : 0.07vw solid #7f85f4;
}

ol.live_exo_run_qcm li.selected:before {

content: "\e013";
font-family: 'Glyphicons Halflings';
 
}

ol.live_exo_run_qcm_collectif li P { 
   color : white;
   /* text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black, 2px 2px 4px #000000; */
   margin-left:1.47vw;
   font-size:1.6vw;
   line-height:1.6vw;
   border-radius: 0.35vw;
  -moz-border-radius : 0.35vw; 
  -webkit-border-radius : 0.35vw;
  border : 1px solid black;
  padding:1.04vw;
  padding-left:5vw;
  height : 11vh;
  width:21vw;
  overflow:hidden;
 
  } 


  
ol.live_exo_run_qcm_collectif li:before {
  content: counter(list, upper-alpha) " ";
  margin-left: 1.95vw;
  margin-top:0.21vh;
  text-align: center;
  width: 4.41vw;
  height : 7vh;
  padding:0px;
  padding-top:0.8vh;
  font-size: 2.5em;
  font-weight : bold;
  position:absolute;
  color: #444444;
  
}



/* couleuirs live questions, limitees a 6 en programmation pour l'instant, prevues : 20 couleurs */

ol.live_exo_run_qcm li.m0:before, ol.live_exo_run_qcm_collectif li.m0:before, .bar_m0  { background-color : #e21b3c; background-image: none; color:white; cursor:pointer;}
ol.live_exo_run_qcm li.m1:before, ol.live_exo_run_qcm_collectif li.m1:before, .bar_m1  { background-color : #b1c023; background-image: none; color:white; cursor:pointer;}
ol.live_exo_run_qcm li.m2:before, ol.live_exo_run_qcm_collectif li.m2:before, .bar_m2  { background-color : #d89e00; background-image: none; color:white; cursor:pointer;}
ol.live_exo_run_qcm li.m3:before, ol.live_exo_run_qcm_collectif li.m3:before, .bar_m3  { background-color : #951385; background-image: none; color:white; cursor:pointer;}
ol.live_exo_run_qcm li.m4:before, ol.live_exo_run_qcm_collectif li.m4:before, .bar_m4  { background-color : #aa5a21; background-image: none; color:white; cursor:pointer;}
ol.live_exo_run_qcm li.m5:before, ol.live_exo_run_qcm_collectif li.m5:before, .bar_m5  { background-color : #911eb4; background-image: none; color:white; cursor:pointer;}
ol.live_exo_run_qcm li.m6:before, ol.live_exo_run_qcm_collectif li.m6:before, .bar_m6  { background-color : #1c6262; background-image: none; color:white; cursor:pointer;}
ol.live_exo_run_qcm li.m7:before, ol.live_exo_run_qcm_collectif li.m7:before, .bar_m7  { background-color : #a722a0; background-image: none; color:white; cursor:pointer;}
ol.live_exo_run_qcm li.m8:before, ol.live_exo_run_qcm_collectif li.m8:before, .bar_m8  { background-color : #779c08; background-image: none; color:white; cursor:pointer;}
ol.live_exo_run_qcm li.m9:before, ol.live_exo_run_qcm_collectif li.m9:before, .bar_m9  { background-color : #da3f3f; background-image: none; color:white; cursor:pointer;}
ol.live_exo_run_qcm li.m10:before, ol.live_exo_run_qcm_collectif li.m10:before, .bar_m10  { background-color : #008080; background-image: none; color:white; cursor:pointer;}
ol.live_exo_run_qcm li.m11:before, ol.live_exo_run_qcm_collectif li.m11:before, .bar_m11 { background-color : #9629db; background-image: none; color:white;cursor:pointer; }
ol.live_exo_run_qcm li.m12:before, ol.live_exo_run_qcm_collectif li.m12:before, .bar_m12  { background-color : #a2940d; background-image: none; color:white; cursor:pointer;}
ol.live_exo_run_qcm li.m13:before, ol.live_exo_run_qcm_collectif li.m13:before, .bar_m13  { background-color : #fffac8; background-image: none; color:white; cursor:pointer;}
ol.live_exo_run_qcm li.m14:before, ol.live_exo_run_qcm_collectif li.m14:before, .bar_m14  { background-color : #800000; background-image: none; color:white; cursor:pointer;}
ol.live_exo_run_qcm li.m15:before, ol.live_exo_run_qcm_collectif li.m15:before, .bar_m15  { background-color : #aaffc3; background-image: none; color:white; cursor:pointer;}
ol.live_exo_run_qcm li.m16:before, ol.live_exo_run_qcm_collectif li.m16:before, .bar_m16  { background-color : #808000; background-image: none; color:white; cursor:pointer;}
ol.live_exo_run_qcm li.m17:before, ol.live_exo_run_qcm_collectif li.m17:before, .bar_m17  { background-color : #ffd8b1; background-image: none; color:white; cursor:pointer;}
ol.live_exo_run_qcm li.m18:before, ol.live_exo_run_qcm_collectif li.m18:before, .bar_m18  { background-color : #000075; background-image: none; color:white; cursor:pointer;}
ol.live_exo_run_qcm li.m19:before, ol.live_exo_run_qcm_collectif li.m19:before, .bar_m19  { background-color : #808080; background-image: none; color:white; cursor:pointer;}
ol.live_exo_run_qcm li.m20:before, ol.live_exo_run_qcm_collectif li.m20:before, .bar_m20  { background-color : #ffffff; background-image: none; color:white; cursor:pointer;}
ol.live_exo_run_qcm li.m21:before, ol.live_exo_run_qcm_collectif li.m21:before, .bar_m21  { background-color : #000000; background-image: none; color:white; cursor:pointer;}

ol.live_exo_run_qcm li.m0 P, ol.live_exo_run_qcm_collectif li.m0 P { background-color : #e21b3c; cursor:pointer; }
ol.live_exo_run_qcm li.m1 P, ol.live_exo_run_qcm_collectif li.m1 P{ background-color : #b1c023; cursor:pointer;}
ol.live_exo_run_qcm li.m2 P, ol.live_exo_run_qcm_collectif li.m2 P { background-color : #d89e00; cursor:pointer; }
ol.live_exo_run_qcm li.m3 P, ol.live_exo_run_qcm_collectif li.m3 P { background-color : #951385; cursor:pointer;}
ol.live_exo_run_qcm li.m4 P, ol.live_exo_run_qcm_collectif li.m4 P { background-color : #aa5a21; cursor:pointer; }
ol.live_exo_run_qcm li.m5 P, ol.live_exo_run_qcm_collectif li.m5 P { background-color : #911eb4; cursor:pointer; }
ol.live_exo_run_qcm li.m6 P, ol.live_exo_run_qcm_collectif li.m6 P { background-color : #1c6262; cursor:pointer;}
ol.live_exo_run_qcm li.m7 P, ol.live_exo_run_qcm_collectif li.m7 P { background-color : #a722a0; cursor:pointer;}
ol.live_exo_run_qcm li.m8 P, ol.live_exo_run_qcm_collectif li.m8 P { background-color : #779c08; cursor:pointer; }
ol.live_exo_run_qcm li.m9 P, ol.live_exo_run_qcm_collectif li.m9 P { background-color : #da3f3f; cursor:pointer;}
ol.live_exo_run_qcm li.m10 P, ol.live_exo_run_qcm_collectif li.m10 P { background-color : #008080; cursor:pointer; }
ol.live_exo_run_qcm li.m11 P, ol.live_exo_run_qcm_collectif li.m11 P { background-color : #9629db; cursor:pointer; }
ol.live_exo_run_qcm li.m12 P, ol.live_exo_run_qcm_collectif li.m12 P { background-color : #a2940d; cursor:pointer; }
ol.live_exo_run_qcm li.m13 P, ol.live_exo_run_qcm_collectif li.m13 P { background-color : #fffac8; cursor:pointer; }
ol.live_exo_run_qcm li.m14 P, ol.live_exo_run_qcm_collectif li.m14 P { background-color : #800000; cursor:pointer; }
ol.live_exo_run_qcm li.m15 P, ol.live_exo_run_qcm_collectif li.m15 P { background-color : #aaffc3; cursor:pointer; }
ol.live_exo_run_qcm li.m16 P, ol.live_exo_run_qcm_collectif li.m16 P { background-color : #808000; cursor:pointer; }
ol.live_exo_run_qcm li.m17 P, ol.live_exo_run_qcm_collectif li.m17 P { background-color : #ffd8b1; cursor:pointer; }
ol.live_exo_run_qcm li.m18 P, ol.live_exo_run_qcm_collectif li.m18 P { background-color : #000075; cursor:pointer; }
ol.live_exo_run_qcm li.m19 P, ol.live_exo_run_qcm_collectif li.m19 P { background-color : #808080; cursor:pointer; }
ol.live_exo_run_qcm li.m20 P, ol.live_exo_run_qcm_collectif li.m20 P { background-color : #ffffff; cursor:pointer; }
ol.live_exo_run_qcm li.m21 P, ol.live_exo_run_qcm_collectif li.m21 P { background-color : #000000; cursor:pointer; }
 
#exo_run_collectif_timer {height:40vh; margin-left:2vw; width:76vw;}

#exo_run_collectif_propositions {
    
    border-top:1px solid white;
    padding-top:2vh;
    width:76vw;
    display:inline-block;
    margin-left:2vw;
    height:35vh;
}



#exo_run_collectif_histogramme {
  height: 40vh; /* set height as you need */
  display: flex;
  flex-direction: column;
}

#exo_run_collectif_histogramme .bottom_container { 
  margin-top: auto;
  display : flex;
  flex-direction : row;
  justify-content:space-around;
}

.live_bar_col_2 { width : 30vw; margin-top:auto; display:flex;flex-direction:column;}
.live_bar_col_3 { width : 20vw; margin-top:auto; display:flex;flex-direction:column;}
.live_bar_col_4 { width : 15vw;margin-top:auto; display:flex;flex-direction:column;}
.live_bar_col_5 { width : 11vw; margin-top:auto; display:flex;flex-direction:column;}
.live_bar_col_6 { width : 29vw; margin-top:auto; display:flex;flex-direction:column;}

.live_bar_col_nbre {width:100%; color:white;font-size:45px;font-weight:bold;text-align:center;min-height:55px;}

.bar_m0  { background-color : #e21b3c; color:white;min-height:55px; }
.bar_m1  { background-color : #b1c023;  color:white;min-height:55px; }
.bar_m2  { background-color : #d89e00;  color:white; min-height:55px;}
 .bar_m3  { background-color : #951385;  color:white; min-height:55px;}
.bar_m4  { background-color : #aa5a21;  color:white; min-height:55px;}
.bar_m5  { background-color : #911eb4;  color:white; min-height:55px;}
 .bar_m6  { background-color : #1c6262;  color:white; min-height:55px;}
 .bar_m7  { background-color : #a722a0;  color:white; min-height:55px;}
 .bar_m8  { background-color : #779c08;  color:white; min-height:55px;}
.bar_m9  { background-color : #da3f3f;  color:white; min-height:2vh;}
 .bar_m10  { background-color : #008080;  color:white; min-height:2vh;}
 .bar_m11 { background-color : #9629db;  color:white; min-height:2vh;}
 .bar_m12  { background-color : #a2940d; color:white; min-height:2vh;}
 .bar_m13  { background-color : #fffac8; color:white; min-height:2vh;}
 .bar_m14  { background-color : #800000;  color:white; min-height:2vh;}
 .bar_m15  { background-color : #aaffc3;  color:white; min-height:2vh;}
 .bar_m16  { background-color : #808000; color:white; min-height:2vh;}
 .bar_m17  { background-color : #ffd8b1;  color:white;min-height:2vh; }
 .bar_m18  { background-color : #000075;  color:white; min-height:2vh;}
 .bar_m19  { background-color : #808080;  color:white;min-height:2vh;}
 .bar_m20  { background-color : #ffffff;  color:white; min-height:2vh;}
.bar_m21  { background-color : #000000;  color:white; min-height:2vh;}

.bar_texte { width:100%; color:white;font-size:25px;font-weight:bold;text-align:center;min-height:15px; }
.live_check_circle { color:lightgreen; font-size:40px;}


ol.live_exo_run_qcm li.rep_qcm.muted P { background-color:darkgray; cursor:default; }
ol.live_exo_run_qcm li.rep_qcm.muted:before { background-color:darkgray; background-image: none; cursor:default;}

#exo_run_audio_reader_conteneur {margin-top:2.6vh;}
.exo_run_video_embed { border:2px dotted darkgray;margin:auto;width:100%;}


.live_btn_collectif { text-align:center; margin-top:0px;padding-top:0px;border-top:0px solid white;}

.btn-timer-start { padding:0.8vw; font-size:1.6vw; cursor:pointer; margin-right:1.04vw;background-color:#00acec;border:1px solid #00acec;}
.btn-timer-start:hover { background-color:#363864; border:1px solid #00acec;}


/* ======================================= */
/* ecrans d'inscription a la plateforme */
/* ======================================= */

.map-inscription { 
   border:1px solid darkgray; 
   padding:10px; 
   margin-bottom:15px;
   cursor : pointer;
}
.map-inscription.selected { border:2px solid #49bf67; padding:9px;}
.map-inscription:hover, .map-inscription.selected:hover { border: 2px solid #00adec;padding:9px; }

.cartouche-ecole, .cartouche-cours, .cartouche-muted {
	position:relative; float:left; width:48%; border:1px solid darkgray; margin-bottom:20px; padding:10px;
   border-radius: 5px;
}
.cartouche-ecole H1, .cartouche-cours H1, .cartouche-muted H1 { font-size:15px;}
.cartouche-ecole P, .cartouche-cours P, .cartouche-muted P { font-size:12px;}

.cartouche-ecole:hover, .cartouche-cours:hover, .cartouche-cours.selected:hover, .cartouche-ecole.selected:hover { border:1px solid #49bf67; cursor:pointer;}
.cartouche-ecole.selected, .cartouche-cours.selected { background:#9c0; color:white; }


/* modifications live mode portrait -- version mobile */




@media screen (orientation:portrait) {
	
	/* affichage d'une question mode portrait */
	#live_exo_run_display { width:100%;overflow-x:hidden;padding:0;margin:0px;}
	#exo_run_header { position:fixed; top:0; left:0;z-index:1200001;padding:0;margin:0;}
	#exo_run_header H3 {font-size:20px;padding-left:15px;margin-right:0px;margin-top:10px;}
	#exo_run_header .pull-right {max-width:10%;margin-right:2%;}
	#exo_run_header .pull-left {max-width:87.5%;}
   #exo_run_header .pull-right H4 {font-size:20px;font-weight:bold;padding:0px; padding-top:0px;} 
   .exo_run_encadre_question.student { position:absolute;overflow-x:hidden;height:auto;width:100%;padding:0px;margin:0px;max-width:none;margin-top:7.29vh;}	
	#exo_run_conteneur_question {width:100%; margin-left:0%; margin-right:0%;padding:0px;}
   .conteneur_questions_alone {margin:0; }  
   
   #conteneur_medias {padding:0px;}	
	.exo_run_cartouche_doc {padding:0px;margin:0px;}
	.exo_run_cartouche_doc.fond_document_texte {margin:0px;}
	.exo_run_titre_question {margin-top:0px;}
	.exo_run_doc_texte, .exo_run_doc_texte.full-size, .exo_run_doc_texte.mid-size {height:auto; width:95%; margin-left:2.5%; overflow:hidden;}
	.exo_run_cartouche_doc, .exo_run_cartouche_quest {max-height:none; height:auto;width:100%;}
	img.question { width:90%; max-width:none; margin-left:15px; margin-right:15px;}
	
	#exo_run_cartouche_numbers {padding:5px;padding-top:0px; padding-bottom:0px;margin-top:8px;}

   ol.live_exo_run_qcm li P { margin-left:12%;font-size:1.1em;height:auto; min-height:4.15em;} 
  
   ol.live_exo_run_qcm {padding-left:2%; padding-right:2%;}
   ol.live_exo_run_qcm li:before {
  margin-left: -5%;
  margin-top:0.05%;
  text-align: center;
  width: 15%;
  height : 1.8em;
 
  }
   
   .hide_on_validation_mobile {display : none;}

	
    }

/* ======================================*/
/* les ecrans de travaux a rendre        */
/* ======================================*/

#corrector {top:50px;height: calc(97 * var(--vh) - 49px); width:100%;position:absolute;}

.travail_height {height: calc(97 * var(--vh) - 49px);
  overflow-y: auto;
  overflow-y: hidden;
  position: absolute;
  margin:0px;padding:0px;
  width:calc(100% - 15px);}

.travail_border {background:darkgray;  border-left:1px solid darkgray; border-right:1px solid darkgray;}

.copies_height {
  overflow-y: auto;
  overflow-y: hidden;
  width: calc(100% - 43px);
  height:100%;
}

.copies_border {}

.travail_libel_q { width:100%;  height:60px;padding:15px; border:1px solid darkgray;}

.travail_libel_q > div {width:100%;font-size:18px; height:20px;font-weight:bold;margin:0px;padding:0 }

H1.titre_q { border-bottom:2px solid darkgray; 
  margin-top:12%; margin-bottom:5%; 
  font-size:1.3vw; color:#1a1a1a;background:lightgrey; 
  border-top:1px solid #1a1a1a;padding:5px;
    border-radius: 5px;
  -moz-border-radius : 5px; 
  -webkit-border-radius : 5px;
  padding:5px;
  }
             
.copies_conteneur {position:relative;float:left; 
  overflow-y:auto; 
  display:block;height:calc(97 * var(--vh) - 49.5px);  
  width:65%; background:#534e4e; padding:25px;
                   font-size: 1.25em;
                   line-height: 2em;
                  }
.copies_conteneur.fichiers { padding:0px;}

.copies_page { 
   background:white; 
   border:1px solid black;
   padding-left:7%; padding-right:7%; margin-bottom:25px;padding-top:10%; padding-bottom:10%;
   box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.9),
            -1px 2px 20px rgba(255, 255, 255, 0.6) inset;
  }



.copies_bareme_conteneur {position:relative; float:left; height:100%; 
  width:calc(35% - 4px);display:block; background:#004063;color:white;
height:calc(100%- 49px);}

.copies_bareme_title {
  width:90%;
  overflow:hidden;
  white-space:nowrap;
  text-overflow : ellipsis;
  font-size:calc(2 * var(--vh)); 
  font-weight:bold;
  padding-top:calc(1 * var(--vh));
  padding-left:1vw;
  height:calc(4 * var(--vh));
}

#bareme, #bareme_liste_eleve {width: 100%;
  height: calc(100% - var(--vh) * 20);
  padding : 0px;
  padding-left: 10px; 
  padding-right:10px;
  overflow:hidden;}

.copies_toolbar_move {width: 100%;
  background: #005f92;
  color: white;
  height: calc(var(--vh) * 6);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;}

div.copies_conteneur > table.table.table-bordered {border-collapse: collapse;}
div.copies_conteneur > table.table.table-bordered {border:1px solid white}
div.copies_conteneur > table.table.table-bordered td {border:1px solid white}
.libelle_question_bareme_seul { padding-top:3px;}
#cbtq {}
#cbtq_bis {position:absolute; top:0;  font-size:1.8em; font-weight:bold;width: calc(100vw - 85px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.travail_background_file_display { margin:0px; width:100%; height:100%;}
.travail_background_file_display iframe { width:100%; height:inherit; overflow:hidden; border:0px;}

/* ======================================*/
/* les ecrans des notes cote prof   */
/* ======================================*/


.dataTables_scrollBody tr td:nth-child(odd) { background: #c5e1eb;}
.dataTables_scrollBody tr td:nth-child(even) { background: white;}
.dataTables_scrollBody tr td:nth-child(-n + 2) { background-color: white;} /* semble inutile */








/* ==============================================*/
/* ecran de partage des cours et fichiers */
/* ============================================== */
.table_entete tr td { padding:5px;}
.table_entete tr.line:nth-child(even) {background: #F4F4F4}
.table_entete tr.line:nth-child(odd) {background: #FFF}
.table_entete tr.line:hover {background:#dbdbdb;}

/* ============================================= */
/* ecran de televersement des fichiers cote eleve */
/* ============================================= */

p.consigne {  font-size:16px; }
div.consigne { background:lightgrey; border-radius:15px; border:1px solid darkgray; padding:20px; margin:20px; margin-bottom:40px;}
table.historic_files {width:100%;}
table.historic_files TD {padding : 5px;overflow: hidden; word-break: break-all;}
table.historic_files TD:nth-child(1) {width:40%; }
table.historic_files TH {font-weight:bold; }
table.historic Th.date_file {text-align: right;}
table.historic_files TR.hover:hover {background : lightgrey; }

.box-file-upload {
         width : calc(100% - 40px);
         min-height : 100%;
         border-color: #00aeed;
         border:1px solid;
         border-radius : 6px;
         margin:20px;
}
.box-file-upload:hover { background-color : #00aeed; cursor:pointer; }
.box-file-upload H1 { margin-left:30px;max-width:calc(100% - 160px);font-size:18px;}
.box-file-upload  div.pull-right > i {position:absolute; left:calc(100% - 80px); font-size:55px;}
.box-file-upload:hover i { color:white; }

/* ============================================= */
/* admin affectation des cours */

.liste_doc_scrollable { display:block; height:calc(100vh - 400px); overflow-y:auto;}

/* ============================================= */
/* Emargement Formulaire Creation d'une feuille */
/* ============================================= */

#emargement-legende .label {
  border-radius: 0.50em!important;
  font-size: 1em;
}
.span-bloc-legend {
  background-color: #eceaea;
  min-height: 30px;
  display:inline-block;
  padding: 10px;
  border-radius: 0.50em!important;
}
#emarg-groupes {
  border: 1px solid #d4d4d4;
  padding:10px;
}
#emarg-groupes label {
  font-style: normal;
  font-weight: normal;
}
.emargList-header {
  font-weight: bold;
  padding-left: 10px;
}

#emargement-legende {
  text-align: right;
  padding-right: 50px;
  padding-top: 20px;
  padding-bottom: 50px;
 
}
#list-signataires {
  height:46.3vh;
  overflow-y:scroll!important;
  
}

#list-emarg {
  /*height:30vh;*/
  overflow-y:scroll!important;
}
.list-signataire-item .label {
  font-size: 1em;
  border-radius: 0.50em!important;
}



.list-signataire-item {
    position: relative;
    display: block;
    padding: 5px 10px;
    margin-bottom: -1px;
    background-color: #fff;
    /*border: 1px solid #ddd;*/
}

.list-signataire-item > span > i { color:white; }


.label-danger:hover { background: #red;}

#emargement_btn_distribuer {
  display: none;
}
#emargement_btn_cloturer {
  display: none;
}
#emargement_btn_pdf,#emargErreurPDF, #emargErreurLock, #emargement_btn_trash {
  display: none;
}

.sign-error-message {
  border:2px red solid;
  padding:10px;
  background-color: rgba(255,0, 0, 0.1);
}


#emargement-actions .alert {
  width: 80%;
  font-weight: bold;
}

.emargWarningShow {
  display:block;
}

.emarg-avertissement {
  padding-left:10px;
}


/** FORMULAIRES **/

.mandatory_field::before {
  content: "*";
  color: #cf1578;
}