@charset "UTF-8";
/**********************************************************************************

	Project Name: MyVisiaTeam - intranet
	Project Description: intranet
	File Name: styles.css
	Author: Ayoub Idrahou
	Author URI: https://www.intranet.visiativ.com
	Version: 1.0.0

**********************************************************************************/
/**
 * ----------------------------------------------------------------------------------------
 * 1.0 - Basic Patterns.
 * ----------------------------------------------------------------------------------------
 */
/* Normalize.css */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
  text-decoration: none; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: 500; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: 500; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

*,
*:after,
*:before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* The Grid System */
/**
 * Mixins
 */
/**
 * Variables
 */
.bg-red {
  background-color: #FF257D; }

.bg-pink {
  background-color: #FF33FF; }

.bg-purple {
  background-color: #990066; }

.bg-deep-purple {
  background-color: #FF77FF; }

.bg-indigo {
  background-color: #6000FF; }

.bg-blue {
  background-color: #6000FF; }

.bg-light-blue {
  background-color: #33CCFF; }

.bg-cyan {
  background-color: #66D8FF; }

.bg-teal {
  background-color: #3399CC; }

.bg-green {
  background-color: #66D8FF; }

.bg-light-green {
  background-color: #FFBC2C; }

.bg-lime {
  background-color: #330099; }

.bg-yellow {
  background-color: #CC3366; }

.bg-amber {
  background-color: #FF9900; }

.bg-orange {
  background-color: #FF6600; }

.bg-deep-orange {
  background-color: #990066; }

.bg-brown {
  background-color: #CC00CC; }

.bg-gray {
  background-color: #9E9E9E; }

.bg-brown {
  background-color: #CC00CC; }

.bg-blue-grey {
  background-color: #000000; }

.bg-blue-green {
  background-color: #6633CC; }

.bg-black {
  background-color: #000000; }



/* Typography */
/**
 * Mixins
 */
/**
 * Variables
 */
.bg-red {
  background-color: #FF257D; }

.bg-pink {
  background-color: #FF33FF; }

.bg-purple {
  background-color: #990066; }

.bg-deep-purple {
  background-color: #FF77FF; }

.bg-indigo {
  background-color: #6000FF; }

.bg-blue {
  background-color: #6000FF; }

.bg-light-blue {
  background-color: #33CCFF; }

.bg-cyan {
  background-color: #66D8FF; }

.bg-teal {
  background-color: #3399CC; }

.bg-green {
  background-color: #66D8FF; }

.bg-light-green {
  background-color: #FFBC2C; }

.bg-lime {
  background-color: #330099; }

.bg-yellow {
  background-color: #CC3366; }

.bg-amber {
  background-color: #FF9900; }

.bg-orange {
  background-color: #FF6600; }

.bg-deep-orange {
  background-color: #990066; }

.bg-brown {
  background-color: #CC00CC; }

.bg-gray {
  background-color: #9E9E9E; }

.bg-brown {
  background-color: #CC00CC; }

.bg-blue-grey {
  background-color: #000000; }

.bg-blue-green {
  background-color: #6633CC; }

.bg-black {
  background-color: #000000; }

/*
$body-font: (font-family:"roboto", Helvetica, Arial, sans-serif; font-weight: 300);
$light-font: "robotolight", Helvetica, Arial, sans-serif;
$semibold-font: "robotomedium", Helvetica, Arial, sans-serif;*/
/* @FONT FACE */
@font-face {
  font-family: 'Roboto';
  src: url("../fonts/roboto-light-webfont.eot");
  src: url("../fonts/roboto-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-light-webfont.woff2") format("woff2"), url("../fonts/roboto-light-webfont.woff") format("woff"), url("../fonts/roboto-light-webfont.svg#robotolight") format("svg");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: 'Roboto';
  src: url("../fonts/roboto-regular-webfont.eot");
  src: url("../fonts/roboto-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-regular-webfont.woff2") format("woff2"), url("../fonts/roboto-regular-webfont.woff") format("woff"), url("../fonts/roboto-regular-webfont.svg#robotoregular") format("svg");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: 'Roboto';
  src: url("../fonts/roboto-medium-webfont.eot");
  src: url("../fonts/roboto-medium-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-medium-webfont.woff2") format("woff2"), url("../fonts/roboto-medium-webfont.woff") format("woff"), url("../fonts/roboto-medium-webfont.svg#robotomedium") format("svg");
  font-weight: 500;
  font-style: normal; }
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/iconfont/MaterialIcons-Regular.eot");
  /* For IE6-8 */
  src: local("../fonts/iconfont/Material Icons"), local("../fonts/iconfont/MaterialIcons-Regular"), url("../fonts/iconfont/MaterialIcons-Regular.woff2") format("woff2"), url("../fonts/iconfont/MaterialIcons-Regular.woff") format("woff"), url("../fonts/iconfont/MaterialIcons-Regular.ttf") format("truetype"); }
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga'; }

/* Rules for sizing the icon. */
.material-icons.md-18 {
  font-size: 18px; }

.material-icons.md-24 {
  font-size: 24px; }

.material-icons.md-36 {
  font-size: 36px; }

.material-icons.md-48 {
  font-size: 48px; }

/* Elements */
/**
 * Mixins
 */
/**
 * Variables
 */
.bg-red {
  background-color: #FF257D; }

.bg-pink {
  background-color: #FF33FF; }

.bg-purple {
  background-color: #990066; }

.bg-deep-purple {
  background-color: #FF77FF; }

.bg-indigo {
  background-color: #6000FF; }

.bg-blue {
  background-color: #6000FF; }

.bg-light-blue {
  background-color: #33CCFF; }

.bg-cyan {
  background-color: #66D8FF; }

.bg-teal {
  background-color: #3399CC; }

.bg-green {
  background-color: #66D8FF; }

.bg-light-green {
  background-color: #FFBC2C; }

.bg-lime {
  background-color: #330099; }

.bg-yellow {
  background-color: #CC3366; }

.bg-amber {
  background-color: #FF9900; }

.bg-orange {
  background-color: #FF6600; }

.bg-deep-orange {
  background-color: #990066; }

.bg-brown {
  background-color: #CC00CC; }

.bg-gray {
  background-color: #9E9E9E; }

.bg-brown {
  background-color: #CC00CC; }

.bg-blue-grey {
  background-color: #000000; }

.bg-blue-green {
  background-color: #6633CC; }

.bg-black {
  background-color: #000000; }

/*
$body-font: (font-family:"roboto", Helvetica, Arial, sans-serif; font-weight: 300);
$light-font: "robotolight", Helvetica, Arial, sans-serif;
$semibold-font: "robotomedium", Helvetica, Arial, sans-serif;*/
/***********************************************************************************************/
/* UI ELEMENT STYLES */
/***********************************************************************************************/
.vui-error-indicator {
  background-image: none !important; }
  .vui-error-indicator::after {
    content: "info";
    position: absolute;
    top: -5px;
    right: -10px;
    font-family: 'Material Icons';
    font-size: 30px;
    color: #990066; }
    .vui-error-indicator::after:hover::after {
      font-size: 30px; }

input {
  border: 1px solid #e0e0e0;
  /*-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;*/
  padding: 0;
  box-shadow: none;
  font-size: 14px;
  -webkit-transition: border 0.2s linear;
  -moz-transition: border 0.2s linear;
  -ms-transition: border 0.2s linear;
  -o-transition: border 0.2s linear;
  transition: border 0.2s linear; }
  input:active, input:focus {
    border-bottom: 1px solid #33CCFF;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent; }

select {
  border-color: #b6b6b6; }

/*ul.process-navigation {

  li {
    position: relative;
    margin: 5px 0;
    padding-left: 15px;
    list-style: none;
    color: lighten($text-color, 20%);

    &::before {
      position: absolute;
      content: "";
      height: 20px;
      width: 3px;
      left: 0;
      top: 0;
      background-color: #3498db;
    }

    a {
      text-decoration: none;
      color: lighten($text-color, 20%);

      &:hover {
        border-bottom: 1px dotted #727272;
        color: #727272;
      }
    }
  }
}*/
.table-view th {
  border: 0;
  background: white;
  text-transform: uppercase;
  font-weight: 500;
  vertical-align: middle;
  padding: 10px;
  font-size: 13px; }
.table-view td {
  padding: 10px;
  border: 0;
  background: white;
  border-top: 1px solid #f0f0f0;
  vertical-align: middle; }
  .table-view td.cell1 {
    background: #f7f7f7; }
  .table-view td.cell2 {
    background: #ffffff; }
.table-view .sort-ascending a {
  font-size: 14px; }

ul.process-navigation {
  background: #fff;
  list-style: none; }
  ul.process-navigation li {
    display: table-cell;
    width: 1%;
    text-align: center;
    padding: 15px;
    border-bottom: 2px solid #eee; }

.side-menu .side li .sub {
  margin: 0; }
  .side-menu .side li .sub li a {
    padding-left: 40px; }
    .side-menu .side li .sub li a.current:hover {
      padding: 14px 40px; }

.navigation-area {
  border-bottom: 1px solid #E5E5E5; }
  .navigation-area .list-view {
    padding: 0; }
    .navigation-area .list-view table .detail a, .navigation-area .list-view table .detail strong {
      padding-left: 10px;
      font-size: 14px;
      color: #000000;
      -webkit-transition: border 0.2s linear;
      -moz-transition: border 0.2s linear;
      -ms-transition: border 0.2s linear;
      -o-transition: border 0.2s linear;
      transition: border 0.2s linear; }
    .navigation-area .list-view table .detail a {
      border-left: 2px solid #e6e6e6; }
    .navigation-area .list-view table .detail strong {
      border-left: 2px solid #33CCFF;
      font-weight: 500; }
    .navigation-area .list-view table .detail a:hover, .navigation-area .list-view table .detail strong:hover {
      border-left: 2px solid #cccccc; }

.fix-top-buttons {
  position: fixed;
  top: 62px;
  left: 110px;
  width: 59.8%;
  background-color: rgba(255, 255, 255, 0.97);
  z-index: 10; }

.topbar .app-title,
.topbar .panel-tabs {
  margin: 0 0 15px;
  background-color: #efefef;
  font-size: 0; }
  .topbar .app-title h1,
  .topbar .panel-tabs h1 {
    display: inline-block;
    border-bottom: 3px solid #efefef;
    font-size: 19px;
    color: #000000;
    font-weight: 400;
    margin: 0; }
.topbar .panel-tabs h1 {
  padding: 15px 30px; }
.topbar .panel-tabs a {
  display: inline-block;
  padding: 15px 30px;
  border-bottom: 3px solid #efefef;
  font-size: 19px;
  color: #000000;
  -webkit-transition: border 0.2s linear;
  -moz-transition: border 0.2s linear;
  -ms-transition: border 0.2s linear;
  -o-transition: border 0.2s linear;
  transition: border 0.2s linear; }
  .topbar .panel-tabs a.active, .topbar .panel-tabs a:active, .topbar .panel-tabs a:focus, .topbar .panel-tabs a:hover {
    border-bottom: 3px solid #6000FF; }
.topbar .app-title {
  padding-left: 30px; }
  .topbar .app-title i {
    vertical-align: -10px;
    font-size: 30px; }
  .topbar .app-title h1 {
    padding: 15px; }

.app-title {
  margin-bottom: 25px;
  font-size: 0; }
  .app-title i {
    margin-right: 15px;
    vertical-align: bottom;
    font-size: 35px;
    color: #000000; }
  .app-title h1 {
    display: inline-block;
    vertical-align: top;
    margin: 0; }

.smallblock .faq-container {
  padding-top: 40px;
  border-top: 1px solid #eaeaea; }

.faq-container .faq-line .question {
  position: relative;
  font-size: 15px;
  font-weight: 500; }
  .faq-container .faq-line .question::before {
    content: 'expand_more';
    position: absolute;
    top: 5px;
    left: 0;
    font: normal normal normal 21px/10px 'Material Icons'; }
  .faq-container .faq-line .question.active::before {
    content: 'expand_less';
    position: absolute;
    top: 5px;
    left: 0;
    font: normal normal normal 21px/10px 'Material Icons'; }
.faq-container .faq-line .content {
  margin-top: 5px; }
.faq-container .faq-line .question, .faq-container .faq-line .content {
  padding-left: 25px; }

.faq-container .faq-line .question {
  cursor: pointer; }

.faq-container .faq-line .content {
  display: none; }

.fc-dropzone-view .informations {
  padding: 15px 30px;
  border: none;
  border-radius: 2px;
  background-color: rgba(76, 175, 80, 0.7);
  color: white; }

/* Let's get this party started */
::-webkit-scrollbar {
  width: 7px; }

/* Track */
::-webkit-scrollbar-track {
  -webkit-border-radius: 20px;
  border-radius: 20px; }

/* Handle */
::-webkit-scrollbar-thumb {
  -webkit-border-radius: 20px;
  border-radius: 20px;
  background: #b1b1b1; }

::-webkit-scrollbar-thumb:window-inactive {
  background: #eaeaea; }

.introjs-tooltipReferenceLayer .introjs-helperNumberLayer {
  width: 30px;
  height: 30px;
  padding: 0;
  padding-right: 1px;
  border: none;
  box-shadow: none;
  background: #FF257D;
  font-weight: normal;
  line-height: 30px; }
.introjs-tooltipReferenceLayer .visiateam-intro.introjs-tooltip {
  padding: 20px;
  padding-bottom: 0;
  min-width: 320px;
  border-radius: 2px; }
  .introjs-tooltipReferenceLayer .visiateam-intro.introjs-tooltip .introjs-tooltiptext {
    font-size: 15px;
    color: #8a8a8a; }
    .introjs-tooltipReferenceLayer .visiateam-intro.introjs-tooltip .introjs-tooltiptext strong, .introjs-tooltipReferenceLayer .visiateam-intro.introjs-tooltip .introjs-tooltiptext span {
      display: block;
      margin-bottom: 10px;
      line-height: 20px;
      font-weight: 400;
      color: black; }
    .introjs-tooltipReferenceLayer .visiateam-intro.introjs-tooltip .introjs-tooltiptext b {
      font-size: 17px;
      font-weight: 400; }
    .introjs-tooltipReferenceLayer .visiateam-intro.introjs-tooltip .introjs-tooltiptext br {
      display: none; }
    .introjs-tooltipReferenceLayer .visiateam-intro.introjs-tooltip .introjs-tooltiptext .tour-hide-remember {
      margin-top: 20px;
      font-size: 13px; }
      .introjs-tooltipReferenceLayer .visiateam-intro.introjs-tooltip .introjs-tooltiptext .tour-hide-remember span {
        display: inline;
        color: #000000; }
      .introjs-tooltipReferenceLayer .visiateam-intro.introjs-tooltip .introjs-tooltiptext .tour-hide-remember .checkbox {
        float: left;
        margin: 4px 5px 0 0; }
  .introjs-tooltipReferenceLayer .visiateam-intro.introjs-tooltip .introjs-bullets ul {
    margin: 20px auto 0; }
  .introjs-tooltipReferenceLayer .visiateam-intro.introjs-tooltip .introjs-bullets ul li {
    margin: 0 3px; }
  .introjs-tooltipReferenceLayer .visiateam-intro.introjs-tooltip .introjs-tooltipbuttons {
    text-align: center;
    margin: 5px -20px; }
    .introjs-tooltipReferenceLayer .visiateam-intro.introjs-tooltip .introjs-tooltipbuttons .introjs-button {
      padding: 1.3em 0;
      width: 50%;
      background-color: #f5f5f5;
      background-image: none;
      font-size: 13px;
      -webkit-transition: all 0.2s linear;
      -moz-transition: all 0.2s linear;
      -ms-transition: all 0.2s linear;
      -o-transition: all 0.2s linear;
      transition: all 0.2s linear; }
      .introjs-tooltipReferenceLayer .visiateam-intro.introjs-tooltip .introjs-tooltipbuttons .introjs-button:hover {
        box-shadow: none;
        background-color: #ececec !important;
        text-decoration: none; }
      .introjs-tooltipReferenceLayer .visiateam-intro.introjs-tooltip .introjs-tooltipbuttons .introjs-button:focus, .introjs-tooltipReferenceLayer .visiateam-intro.introjs-tooltip .introjs-tooltipbuttons .introjs-button:active {
        background-color: #f5f5f5; }
    .introjs-tooltipReferenceLayer .visiateam-intro.introjs-tooltip .introjs-tooltipbuttons .introjs-disabled {
      color: #b1b1b1; }
      .introjs-tooltipReferenceLayer .visiateam-intro.introjs-tooltip .introjs-tooltipbuttons .introjs-disabled:hover, .introjs-tooltipReferenceLayer .visiateam-intro.introjs-tooltip .introjs-tooltipbuttons .introjs-disabled:focus, .introjs-tooltipReferenceLayer .visiateam-intro.introjs-tooltip .introjs-tooltipbuttons .introjs-disabled:active {
        background-color: #f5f5f5 !important; }
    .introjs-tooltipReferenceLayer .visiateam-intro.introjs-tooltip .introjs-tooltipbuttons .introjs-prevbutton {
      float: left;
      border: none;
      border-right: 1px solid #e1e1e1; }
    .introjs-tooltipReferenceLayer .visiateam-intro.introjs-tooltip .introjs-tooltipbuttons .introjs-nextbutton {
      float: right;
      border: none; }
    .introjs-tooltipReferenceLayer .visiateam-intro.introjs-tooltip .introjs-tooltipbuttons .introjs-skipbutton {
      position: absolute;
      top: 10px;
      right: 10px;
      width: auto;
      margin: 0;
      padding: 0;
      border: none;
      background: none !important;
      text-shadow: none;
      font-size: 0; }
      .introjs-tooltipReferenceLayer .visiateam-intro.introjs-tooltip .introjs-tooltipbuttons .introjs-skipbutton::before {
        content: "close";
        font-family: 'Material Icons';
        font-size: 19px;
        color: #b7b7b7; }
      .introjs-tooltipReferenceLayer .visiateam-intro.introjs-tooltip .introjs-tooltipbuttons .introjs-skipbutton.introjs-button:hover {
        box-shadow: none; }

/* list-view */
.list-view .detail {
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid #eaeaea;
  clear: both; }
  .list-view .detail .thumbnail {
    margin-right: 10px;
    border: 1px solid #eaeaea; }
  .list-view .detail .has-thumbnail h4 {
    margin-top: 0;
    padding-top: 0; }
  .list-view .detail .properties {
    margin: -40px 0 0 77px; }

/* Layout */
/**
 * Mixins
 */
/**
 * Variables
 */
.bg-red {
  background-color: #FF257D; }

.bg-pink {
  background-color: #FF33FF; }

.bg-purple {
  background-color: #990066; }

.bg-deep-purple {
  background-color: #FF77FF; }

.bg-indigo {
  background-color: #6000FF; }

.bg-blue {
  background-color: #6000FF; }

.bg-light-blue {
  background-color: #33CCFF; }

.bg-cyan {
  background-color: #66D8FF; }

.bg-teal {
  background-color: #3399CC; }

.bg-green {
  background-color: #66D8FF; }

.bg-light-green {
  background-color: #FFBC2C; }

.bg-lime {
  background-color: #330099; }

.bg-yellow {
  background-color: #CC3366; }

.bg-amber {
  background-color: #FF9900; }

.bg-orange {
  background-color: #FF6600; }

.bg-deep-orange {
  background-color: #990066; }

.bg-brown {
  background-color: #CC00CC; }

.bg-gray {
  background-color: #9E9E9E; }

.bg-brown {
  background-color: #CC00CC; }

.bg-blue-grey {
  background-color: #000000; }

.bg-blue-green {
  background-color: #6633CC; }

.bg-black {
  background-color: #000000; }

/*
$body-font: (font-family:"roboto", Helvetica, Arial, sans-serif; font-weight: 300);
$light-font: "robotolight", Helvetica, Arial, sans-serif;
$semibold-font: "robotomedium", Helvetica, Arial, sans-serif;*/
/***********************************************************************************************/
/* LAYOUT STYLES */
/***********************************************************************************************/
body {
  background-color: #f9f9f9;
  font-family: 'Roboto', sans-serif !important;
  font-size: 13px;
  font-weight: 400;
  color: #000000; }

#global {
  position: relative;
  min-height: 100%;
  padding-top: 60px;
  padding-left: 60px; }

#main {
  clear: both; }

.section-content {
  padding: 0 30px; }

.panel-section {
  margin-top: 25px; }

.col-xs-12 {
  background-color: white;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) ;
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) ;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) ; }

.page-footer {
  position: absolute;
  bottom: 0;
  width: calc(100% - 61px);
  margin-left: 0;
  padding: 15px 0;
  border-top: 1px solid #efefef;
  background-color: white;
  font-family: 'roboto';
  clear: both; }

.page-footer__links-column {
  display: inline-block;
  vertical-align: top; }
  .page-footer__links-column h4 {
    font-size: 14px;
    font-weight: 400;
    color: #b3b3b3; }
  .page-footer__links-column a {
    display: block;
    font-size: 16px;
    line-height: 27px;
    font-weight: 500;
    color: #000000;
    -webkit-transition: color 0.2s linear;
    -moz-transition: color 0.2s linear;
    -ms-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    transition: color 0.2s linear; }
    .page-footer__links-column a:hover {
      color: gray; }

.poweredbymoovappsprocess {
  position: absolute;
  right: 20px;
  font-size: 12px; }
  .poweredbymoovappsprocess a:link, .poweredbymoovappsprocess a:visited, .poweredbymoovappsprocess a:focus {
    color: #6000FF; }
  .poweredbymoovappsprocess a:link, .poweredbymoovappsprocess a:visited, .poweredbymoovappsprocess a:focus {
    color: #6000FF; }
  .poweredbymoovappsprocess a:hover {
    text-decoration: underline; }

.sys-footer {
  background-color: white; }

/* Blocks */
/**
 * Mixins
 */
/**
 * Variables
 */
.bg-red {
  background-color: #FF257D; }

.bg-pink {
  background-color: #FF33FF; }

.bg-purple {
  background-color: #990066; }

.bg-deep-purple {
  background-color: #FF77FF; }

.bg-indigo {
  background-color: #6000FF; }

.bg-blue {
  background-color: #6000FF; }

.bg-light-blue {
  background-color: #33CCFF; }

.bg-cyan {
  background-color: #66D8FF; }

.bg-teal {
  background-color: #3399CC; }

.bg-green {
  background-color: #66D8FF; }

.bg-light-green {
  background-color: #FFBC2C; }

.bg-lime {
  background-color: #330099; }

.bg-yellow {
  background-color: #CC3366; }

.bg-amber {
  background-color: #FF9900; }

.bg-orange {
  background-color: #FF6600; }

.bg-deep-orange {
  background-color: #990066; }

.bg-brown {
  background-color: #CC00CC; }

.bg-gray {
  background-color: #9E9E9E; }

.bg-brown {
  background-color: #CC00CC; }

.bg-blue-grey {
  background-color: #000000; }

.bg-blue-green {
  background-color: #6633CC; }

.bg-black {
  background-color: #000000; }

/*
$body-font: (font-family:"roboto", Helvetica, Arial, sans-serif; font-weight: 300);
$light-font: "robotolight", Helvetica, Arial, sans-serif;
$semibold-font: "robotomedium", Helvetica, Arial, sans-serif;*/
/***********************************************************************************************/
/* BLOCKS STYLES */
/***********************************************************************************************/
.panel-shortcuts__large {
  width: 100%; }

.panel-shortcuts__small .panel-shortcuts__heading,
.panel-shortcuts__large .panel-shortcuts__heading {
  position: relative;
  display: block;
  margin-bottom: 10px;
  background-color: #efefef;
  font-family: 'Roboto', sans-serif;
  font-size: 25px;
  font-weight: 300;
  text-align: center;
  color: #000000;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) ;
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) ;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) ; }
  .panel-shortcuts__small .panel-shortcuts__heading .shortcuts-heading__link,
  .panel-shortcuts__large .panel-shortcuts__heading .shortcuts-heading__link {
    display: block;
    padding: 20px 0; }
    .panel-shortcuts__small .panel-shortcuts__heading .shortcuts-heading__link:hover, .panel-shortcuts__small .panel-shortcuts__heading .shortcuts-heading__link:active, .panel-shortcuts__small .panel-shortcuts__heading .shortcuts-heading__link:visited,
    .panel-shortcuts__large .panel-shortcuts__heading .shortcuts-heading__link:hover,
    .panel-shortcuts__large .panel-shortcuts__heading .shortcuts-heading__link:active,
    .panel-shortcuts__large .panel-shortcuts__heading .shortcuts-heading__link:visited {
      color: #000000; }
    .panel-shortcuts__small .panel-shortcuts__heading .shortcuts-heading__link span,
    .panel-shortcuts__large .panel-shortcuts__heading .shortcuts-heading__link span {
      display: block;
      font-size: 14px;
      font-weight: 400;
      color: grey; }
    .panel-shortcuts__small .panel-shortcuts__heading .shortcuts-heading__link i,
    .panel-shortcuts__large .panel-shortcuts__heading .shortcuts-heading__link i {
      position: absolute;
      top: 35px;
      right: 20px;
      font-size: 30px;
      color: #000000; }
.panel-shortcuts__small .shortcuts,
.panel-shortcuts__large .shortcuts {
  position: relative;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  margin-right: -10px;
  margin-bottom: -10px;
  font-family: 'Roboto', sans-serif;
  font-size: 0;
  z-index: 101; }
  .panel-shortcuts__small .shortcuts .shortcuts-block,
  .panel-shortcuts__large .shortcuts .shortcuts-block {
    position: relative;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 0 !important;
    height: 120px;
    border-radius: 2px;
    color: white;
    overflow: hidden;
    cursor: pointer;
    z-index: 1; }
    .panel-shortcuts__small .shortcuts .shortcuts-block a,
    .panel-shortcuts__large .shortcuts .shortcuts-block a {
      float: left;
      width: 100%;
      height: 120px;
      margin: 0 auto;
      padding: 5px 0;
      vertical-align: top;
      line-height: 16px;
      color: white !important;
      overflow: hidden; }
      .panel-shortcuts__small .shortcuts .shortcuts-block a:before,
      .panel-shortcuts__large .shortcuts .shortcuts-block a:before {
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 35px;
        background-color: rgba(0, 0, 0, 0.1);
        z-index: -1;
        -webkit-transition: height 0.3s ease;
        -moz-transition: height 0.3s ease;
        -ms-transition: height 0.3s ease;
        -o-transition: height 0.3s ease;
        transition: height 0.3s ease; }
      .panel-shortcuts__small .shortcuts .shortcuts-block a:hover:before,
      .panel-shortcuts__large .shortcuts .shortcuts-block a:hover:before {
        height: 120px; }
  .panel-shortcuts__small .shortcuts .shortcut-icon,
  .panel-shortcuts__large .shortcuts .shortcut-icon {
    display: block;
    margin: 20px auto 0;
    height: 48px;
    text-align: center; }
  .panel-shortcuts__small .shortcuts i,
  .panel-shortcuts__large .shortcuts i {
    font-size: 48px;
    color: #ffffff; }
    .panel-shortcuts__small .shortcuts i.effect-icon,
    .panel-shortcuts__large .shortcuts i.effect-icon {
      -webkit-animation-duration: .5s; }
  .panel-shortcuts__small .shortcuts .status,
  .panel-shortcuts__large .shortcuts .status {
    height: 35px;
    margin: 10px 0 0 0;
    padding: 5px 5px 0;
    font-size: 13px;
    line-height: 14px;
    overflow: hidden; }
  .panel-shortcuts__small .shortcuts .info,
  .panel-shortcuts__large .shortcuts .info {
    position: absolute;
    top: 3px;
    right: 3px;
    background-color: rgba(0, 0, 0, 0.4);
    height: 24px;
    width: 24px;
    border-radius: 2px;
    font-size: 12px;
    line-height: 24px;
    text-align: center;
    color: white; }

/* Index page - style 2 */
.homepage2 .shortcuts .shortcuts-block a:hover i {
  font-size: 60px; }

.homepage2 .shortcuts {
  position: relative;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  margin-right: -10px;
  margin-bottom: -10px;
  font-family: 'Roboto', sans-serif;
  font-size: 0;
  z-index: 101; }
  .homepage2 .shortcuts .shortcuts-block {
    position: relative;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 0 !important;
    height: 160px;
    border-radius: 2px;
    color: white;
    overflow: hidden;
    cursor: pointer;
    z-index: 1;
    -webkit-transition: background-color 0.2s linear;
    -moz-transition: background-color 0.2s linear;
    -ms-transition: background-color 0.2s linear;
    -o-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear; }
    .homepage2 .shortcuts .shortcuts-block:hover {
      background-color: #5e7178; }
    .homepage2 .shortcuts .shortcuts-block a {
      position: relative;
      float: left;
      width: 100%;
      height: 160px;
      margin: 0 auto;
      padding: 5px 0;
      vertical-align: top;
      line-height: 16px;
      color: white !important;
      overflow: hidden; }
      .homepage2 .shortcuts .shortcuts-block a:before {
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 35px;
        background-color: rgba(0, 0, 0, 0.1);
        z-index: -1;
        -webkit-transition: height 0.3s ease;
        -moz-transition: height 0.3s ease;
        -ms-transition: height 0.3s ease;
        -o-transition: height 0.3s ease;
        transition: height 0.3s ease; }
      .homepage2 .shortcuts .shortcuts-block a:hover:before {
        height: 160px; }
  .homepage2 .shortcuts .shortcut-icon {
    position: absolute;
    top: 15px;
    right: 15px;
    margin: 0; }
  .homepage2 .shortcuts i {
    font-size: 36px;
    color: #ffffff;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease; }
  .homepage2 .shortcuts .status {
    position: absolute;
    bottom: 0;
    left: 5px;
    height: 35px;
    margin: 0;
    padding: 0;
    font-size: 13px;
    line-height: inherit;
    overflow: hidden; }
  .homepage2 .shortcuts .info {
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.4);
    height: 30px;
    width: 30px;
    border-radius: 2px 0 5px 0;
    font-size: 12px;
    line-height: 30px;
    text-align: center;
    color: white; }

/* Index page - style 3 */
.homepage3 .panel-shortcuts__heading {
  margin-bottom: 25px; }
.homepage3 .shortcuts .shortcuts-block {
  margin-right: 25px;
  margin-bottom: 25px;
  overflow: visible; }
.homepage3 .shortcuts .info {
  position: absolute;
  top: -10px;
  right: -10px;
  background-color: #FF257D;
  height: 25px;
  width: 25px;
  border-radius: 50%;
  line-height: 25px; }

/* large-apps */
.text-teal {
  color: #3399CC; }

.text-lime {
  color: #330099; }

.large-apps {
  padding-left: 0px; }
  .large-apps .large-shortcuts {
    list-style: none; }
    .large-apps .large-shortcuts .large-shortcuts-block {
      text-transform: uppercase; }
      .large-apps .large-shortcuts .large-shortcuts-block .status {
        text-align: right; }
        .large-apps .large-shortcuts .large-shortcuts-block .status .title {
          vertical-align: middle;
          font-size: 20px; }
        .large-apps .large-shortcuts .large-shortcuts-block .status .info {
          display: inline-block;
          height: 24px;
          width: 24px;
          margin-left: 7px;
          background: #FF257D;
          border-radius: 2px;
          font-size: 12px;
          line-height: 24px;
          text-align: center;
          color: white;
          -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) ;
          -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) ;
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) ; }
      .large-apps .large-shortcuts .large-shortcuts-block .large-shortcut-icon i {
        vertical-align: middle;
        font-size: 70px; }
      .large-apps .large-shortcuts .large-shortcuts-block .large-shortcut-icon + .info {
        display: inline-block;
        vertical-align: bottom; }
      .large-apps .large-shortcuts .large-shortcuts-block .info .info-number {
        float: left;
        margin: 0 10px 0 5px;
        font-size: 49px;
        clear: both; }
      .large-apps .large-shortcuts .large-shortcuts-block .info .info-text {
        display: inline-block;
        vertical-align: bottom;
        margin-top: 15px;
        font-size: 18px;
        line-height: 21px; }
        .large-apps .large-shortcuts .large-shortcuts-block .info .info-text .info-label1, .large-apps .large-shortcuts .large-shortcuts-block .info .info-text .info-label1 {
          display: block;
          text-align: left; }
      .large-apps .large-shortcuts .large-shortcuts-block .Panel-Footer.infos {
        padding: 6px 20px 9px;
        background-color: #f7f7f7;
        text-align: left; }
        .large-apps .large-shortcuts .large-shortcuts-block .Panel-Footer.infos .info {
          display: inline-block;
          vertical-align: top; }
          .large-apps .large-shortcuts .large-shortcuts-block .Panel-Footer.infos .info:last-child {
            float: right;
            margin-right: 0; }
          .large-apps .large-shortcuts .large-shortcuts-block .Panel-Footer.infos .info .info-number {
            margin: 0 10px 0 0;
            font-size: 40px; }
          .large-apps .large-shortcuts .large-shortcuts-block .Panel-Footer.infos .info .info-text {
            margin-top: 13px;
            font-size: 14px;
            line-height: 16px; }
      .large-apps .large-shortcuts .large-shortcuts-block .Panel {
        margin-bottom: 30px; }

.VDocFrontFourNews2 .VFFN_OthersGrid_Item {
  padding: 0;
  border-bottom: 1px solid #eaeaea;
  transition: inherit;
  background-color: inherit; }
  .VDocFrontFourNews2 .VFFN_OthersGrid_Item:last-child {
    border: none; }
  .VDocFrontFourNews2 .VFFN_OthersGrid_Item:hover {
    background-color: #f9f9f9; }
  .VDocFrontFourNews2 .VFFN_OthersGrid_Item a {
    display: inline-block;
    width: 100%;
    padding: 11px 20px 7px; }
  .VDocFrontFourNews2 .VFFN_OthersGrid_Item .VFFN_img {
    float: left;
    margin-right: 20px;
    clear: both; }
    .VDocFrontFourNews2 .VFFN_OthersGrid_Item .VFFN_img img {
      width: 64px;
      height: 64px;
      border-radius: 50%; }
  .VDocFrontFourNews2 .VFFN_OthersGrid_Item .VFFN_news {
    float: right;
    position: relative;
    display: inline-block;
    width: calc(100% - 84px);
    padding-left: 0; }
    .VDocFrontFourNews2 .VFFN_OthersGrid_Item .VFFN_news h4 {
      display: inline-block;
      max-width: 100%;
      margin: 0;
      padding: 0;
      vertical-align: top;
      font-size: 16px;
      font-weight: 500;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap; }
    .VDocFrontFourNews2 .VFFN_OthersGrid_Item .VFFN_news .VFFN_author {
      font-size: 12px;
      font-style: italic;
      color: #9e9e9e; }
    .VDocFrontFourNews2 .VFFN_OthersGrid_Item .VFFN_news .VFFN_date {
      position: absolute;
      top: 0;
      right: 0;
      font-size: 13px;
      font-style: italic;
      color: #9e9e9e; }
    .VDocFrontFourNews2 .VFFN_OthersGrid_Item .VFFN_news .VFFN_description {
      position: relative;
      height: 38px;
      margin-top: 5px;
      font-size: 14px;
      overflow: hidden; }
      .VDocFrontFourNews2 .VFFN_OthersGrid_Item .VFFN_news .VFFN_description::after {
        content: "";
        width: 15px;
        height: 15px;
        background-color: #fff;
        position: absolute;
        bottom: -6px;
        right: -2px;
        box-shadow: -3px -3px 10px 10px #fff;
        border-radius: 50% 0 0 0; }

/* Blocks */
/**
 * Mixins
 */
/**
 * Variables
 */
.bg-red {
  background-color: #FF257D; }

.bg-pink {
  background-color: #FF33FF; }

.bg-purple {
  background-color: #990066; }

.bg-deep-purple {
  background-color: #FF77FF; }

.bg-indigo {
  background-color: #6000FF; }

.bg-blue {
  background-color: #6000FF; }

.bg-light-blue {
  background-color: #33CCFF; }

.bg-cyan {
  background-color: #66D8FF; }

.bg-teal {
  background-color: #3399CC; }

.bg-green {
  background-color: #66D8FF; }

.bg-light-green {
  background-color: #FFBC2C; }

.bg-lime {
  background-color: #330099; }

.bg-yellow {
  background-color: #CC3366; }

.bg-amber {
  background-color: #FF9900; }

.bg-orange {
  background-color: #FF6600; }

.bg-deep-orange {
  background-color: #990066; }

.bg-brown {
  background-color: #CC00CC; }

.bg-gray {
  background-color: #9E9E9E; }

.bg-brown {
  background-color: #CC00CC; }

.bg-blue-grey {
  background-color: #000000; }

.bg-blue-green {
  background-color: #6633CC; }

.bg-black {
  background-color: #000000; }

/*
$body-font: (font-family:"roboto", Helvetica, Arial, sans-serif; font-weight: 300);
$light-font: "robotolight", Helvetica, Arial, sans-serif;
$semibold-font: "robotomedium", Helvetica, Arial, sans-serif;*/
@media all and (max-width: 1920px) and (min-width: 1440px) {
  .shortcuts-block {
    width: calc(8.33% - 10px); }

  .homepage2 .shortcuts-block {
    width: calc(11.11% - 10px); }

  .homepage3 .shortcuts-block {
    width: calc(9% - 25px); }

  .panel-shortcuts__large .shortcuts-block {
    width: calc(12.9% - 10px); }

  /*.col-xs-8 .shortcuts-block {
    width: calc(12.29% - 10px);
  }*/
  /******* SEARCH RESULT PAGE *******/
  .searched-user {
    width: calc(33.000000% - 15px); }
    .searched-user:nth-child(3n+2) {
      margin-right: 0 !important; }

  .searched-customer {
    width: calc(50% - 20px); }
    .searched-customer:nth-child(2n+2) {
      margin-right: 0 !important; }

  #global-news .VFFN_OthersGrid_Item {
    width: calc(33.33333% - 20px); }

  .intranet-search #global-news.VDocFrontFourNews2 {
    width: calc(50% - 15px); }
    .intranet-search #global-news.VDocFrontFourNews2:nth-child(2n+2) {
      margin-right: 0 !important; }

  /******* Page Communication *******/ }
@media all and (max-width: 1439px) and (min-width: 1366px) {
  .shortcuts-block {
    width: calc(11.11% - 10px); }

  .homepage2 .shortcuts-block {
    width: calc(14.28% - 10px); }

  .panel-shortcuts__large .shortcuts-block {
    width: calc(17.39% - 10px); }

  /*.col-xs-8 .shortcuts-block {
    width: calc(16.28% - 10px);
  }*/
  /******* SEARCH RESULT PAGE *******/
  .searched-user {
    width: calc(50% - 10px); }
    .searched-user:nth-child(2n+2) {
      margin-right: 0 !important; }

  .searched-customer {
    width: calc(50% - 20px); }
    .searched-customer:nth-child(2n+2) {
      margin-right: 0 !important; }

  #global-news .VFFN_OthersGrid_Item {
    width: calc(50% - 20px); }

  .intranet-search #global-news.VDocFrontFourNews2 {
    width: calc(50% - 10px); }
    .intranet-search #global-news.VDocFrontFourNews2:nth-child(2n+2) {
      margin-right: 0 !important; }

  .fix-top-buttons {
    width: 57.5%; }

  /******* Page Communication *******/
  .social-network {
    width: calc(25% - 13px) !important; } }
@media all and (max-width: 1365px) {
  .shortcuts-block {
    width: calc(12.5% - 10px); }

  .homepage2 .shortcuts-block {
    width: calc(16.66% - 10px); }

  .panel-shortcuts__large .shortcuts-block {
    width: calc(19.64% - 10px); }

  /*.col-xs-8 .shortcuts-block {
    width: calc(24.39% - 10px);
  }*/
  /******* SEARCH RESULT PAGE *******/
  .searched-user {
    width: calc(50% - 10px); }
    .searched-user:nth-child(2n+2) {
      margin-right: 0 !important; }

  .searched-customer {
    width: 100%; }

  .intranet-search #global-news.VDocFrontFourNews2 {
    width: 100%; }
    .intranet-search #global-news.VDocFrontFourNews2:nth-child(2n+2) {
      margin-right: 0 !important; }

  #global-news .VFFN_OthersGrid_Item {
    width: calc(50% - 20px); }

  .intranet-search #global-news.VDocFrontFourNews2 .VFFN_OthersGrid_Item .VFFN_img {
    margin-right: 10px; }

  .intranet-search #global-news.VDocFrontFourNews2 .VFFN_OthersGrid_Item a {
    padding: 15px; }

  /******* TABS *******/
  .group .tab-title button span {
    font-size: 14px !important; }

  .group .tabs-container .tab-content .notif-tasks,
  .group .tabbutton .tab-content .notif-tasks {
    right: 7% !important; }

  .fix-top-buttons {
    width: 55.7%; }

  /******* All News PAGE *******/
  .large-apps .large-shortcuts .large-shortcuts-block .info .info-text {
    vertical-align: baseline; }
  .large-apps .large-shortcuts .large-shortcuts-block .Panel-Footer.infos .info {
    display: block; }
    .large-apps .large-shortcuts .large-shortcuts-block .Panel-Footer.infos .info:last-child {
      float: none; }
    .large-apps .large-shortcuts .large-shortcuts-block .Panel-Footer.infos .info .info-number {
      float: none; }
    .large-apps .large-shortcuts .large-shortcuts-block .Panel-Footer.infos .info .info-text {
      margin-top: 0; }

  /******* Page Communication *******/
  .social-network {
    width: calc(50% - 13px) !important; } }
@media all and (max-width: 1024px) {
  .LoginBg .Columns {
    width: 100% !important; }

  .LoginBg .Panel {
    width: calc(32% - 20px) !important; }

  .LoginBg .Panel h1 {
    margin: 14px 0 !important; }

  .LoginBg .authentication-form .button1 {
    width: 100%; }

  .btn-moovapps {
    font-size: 13px !important;
    line-height: 2.000000 !important; }

  #global-news .VFFN_OthersGrid_Item {
    width: calc(50% - 20px); }

  .intranet-search #global-news.VDocFrontFourNews2 {
    width: 100%; }

  /******* TABS *******/
  .group .tab-title button {
    padding: 15px 10px !important; }

  .group .tab-title button span {
    font-size: 12px !important; }

  .group .tabbutton .tab-content .notif-tasks {
    padding: 2px 5px; } }
/******* Print Documents *******/
@media print {
  body {
    background: transparent; }

  .home,
  .search-box-container,
  .user-profil,
  .sidebar-navigation,
  .page-footer {
    display: none; }

  .header .logo {
    float: none;
    margin-left: 0; }

  #global {
    padding-left: 0; }

  .container-fluid,
  .col-xs-8 {
    padding: 0; }

  .panel-section {
    margin-top: 0; }

  /* Hide FAQ Section */
  .Panel-white {
    display: none; }

  .col-xs-8 {
    width: 100%; }

  .vui-screen-document .fields-group .radiogroup tr {
    display: table-row;
    margin-right: 0; }

  .vui-screen-document .fields-group .radiogroup tr td {
    display: table-cell; } }
/**
 * ----------------------------------------------------------------------------------------
 * 2.0 - Advanced Patterns.
 * ----------------------------------------------------------------------------------------
 */
/* Navigation */
/**
 * Mixins
 */
/**
 * Variables
 */
.bg-red {
  background-color: #FF257D; }

.bg-pink {
  background-color: #FF33FF; }

.bg-purple {
  background-color: #990066; }

.bg-deep-purple {
  background-color: #FF77FF; }

.bg-indigo {
  background-color: #6000FF; }

.bg-blue {
  background-color: #6000FF; }

.bg-light-blue {
  background-color: #33CCFF; }

.bg-cyan {
  background-color: #66D8FF; }

.bg-teal {
  background-color: #3399CC; }

.bg-green {
  background-color: #66D8FF; }

.bg-light-green {
  background-color: #FFBC2C; }

.bg-lime {
  background-color: #330099; }

.bg-yellow {
  background-color: #CC3366; }

.bg-amber {
  background-color: #FF9900; }

.bg-orange {
  background-color: #FF6600; }

.bg-deep-orange {
  background-color: #990066; }

.bg-brown {
  background-color: #CC00CC; }

.bg-gray {
  background-color: #9E9E9E; }

.bg-brown {
  background-color: #CC00CC; }

.bg-blue-grey {
  background-color: #000000; }

.bg-blue-green {
  background-color: #6633CC; }

.bg-black {
  background-color: #000000; }

/*
$body-font: (font-family:"roboto", Helvetica, Arial, sans-serif; font-weight: 300);
$light-font: "robotolight", Helvetica, Arial, sans-serif;
$semibold-font: "robotomedium", Helvetica, Arial, sans-serif;*/
.header {
  position: fixed;
  top: 0;
  width: 100%;
  max-height: 60px;
  height: 60px;
  padding: 13px;
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.15);
  background-color: white;
  clear: both;
  z-index: 9999; }
  .header .material-icons {
    color: #000000; }
  .header .home {
    float: left;
    vertical-align: super;
    margin-left: 5px; }
  .header .user-profil .user {
    float: right;
    position: relative; }
  .header .home, .header .user {
    width: 40px;
    height: 40px;
    margin: -2px 0 0 -3px;
    padding: 8px;
    -webkit-transition: color 0.2s linear;
    -moz-transition: color 0.2s linear;
    -ms-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    transition: color 0.2s linear; }
    .header .home:hover, .header .user:hover {
      color: black; }
  .header .dropdown-profile {
    display: none;
    position: fixed;
    right: 0px;
    top: 60px;
    padding: 10px 0;
    background-color: white;
    background-clip: padding-box;
    list-style: none;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) ;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) ;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) ;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    .header .dropdown-profile li {
      margin: 0;
      padding: 5px 15px;
      -webkit-transition: background-color 0.2s linear;
      -moz-transition: background-color 0.2s linear;
      -ms-transition: background-color 0.2s linear;
      -o-transition: background-color 0.2s linear;
      transition: background-color 0.2s linear; }
      .header .dropdown-profile li:hover {
        background-color: #f3f3f3; }
      .header .dropdown-profile li a i {
        vertical-align: middle;
        margin-right: 5px; }
  .header .logo {
    float: left;
    margin-left: 40px; }
    .header .logo img {
      -webkit-transition: all 0.2s linear;
      -moz-transition: all 0.2s linear;
      -ms-transition: all 0.2s linear;
      -o-transition: all 0.2s linear;
      transition: all 0.2s linear; }
      .header .logo img:hover {
        opacity: 0.7; }
  .header .search-box-container {
    float: left;
    position: relative;
    width: 515px;
    height: 35px;
    margin-left: 70px;
    line-height: 35px;
    background-color: #efefef;
    -webkit-transition: background-color 0.2s linear;
    -moz-transition: background-color 0.2s linear;
    -ms-transition: background-color 0.2s linear;
    -o-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
    /*Search-button*/ }
    .header .search-box-container:hover, .header .search-box-container:focus {
      background-color: #f4f4f4; }
    .header .search-box-container .search-filter {
      float: left; }
      .header .search-box-container .search-filter .search-filter__list {
        position: relative; }
        .header .search-box-container .search-filter .search-filter__list:hover ul, .header .search-box-container .search-filter .search-filter__list:active ul, .header .search-box-container .search-filter .search-filter__list:focus ul {
          visibility: visible;
          top: 35px;
          opacity: 1;
          z-index: 1;
          transform: translateY(0%);
          transition-delay: 0s, 0s, 0.3s;
          /* this removes the transition delay so the menu will be visible while the other styles transition */ }
        .header .search-box-container .search-filter .search-filter__list ul {
          visibility: hidden;
          position: absolute;
          top: 25px;
          left: 0;
          width: 200px;
          margin: 0;
          padding: 10px 0;
          background-color: white;
          list-style: none;
          opacity: 0;
          z-index: -1;
          transform: translateY(-2em);
          -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) ;
          -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) ;
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) ;
          transition: all 0.3s ease 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s; }
          .header .search-box-container .search-filter .search-filter__list ul li {
            margin: 0;
            padding: 5px 15px;
            line-height: 0;
            -webkit-transition: background-color 0.2s linear;
            -moz-transition: background-color 0.2s linear;
            -ms-transition: background-color 0.2s linear;
            -o-transition: background-color 0.2s linear;
            transition: background-color 0.2s linear; }
            .header .search-box-container .search-filter .search-filter__list ul li:hover {
              background-color: #f3f3f3; }
            .header .search-box-container .search-filter .search-filter__list ul li i {
              margin-right: 7px;
              vertical-align: middle;
              -webkit-transition: color 0.2s linear;
              -moz-transition: color 0.2s linear;
              -ms-transition: color 0.2s linear;
              -o-transition: color 0.2s linear;
              transition: color 0.2s linear; }
      .header .search-box-container .search-filter .dropdown-list {
        position: relative;
        margin: 0 40px 1px 10px;
        vertical-align: middle;
        cursor: pointer; }
        .header .search-box-container .search-filter .dropdown-list::after {
          position: absolute;
          top: 7px;
          left: 30px;
          content: "";
          border-top: 11px solid transparent;
          border-right: 11px solid #000000; }
    .header .search-box-container input[type="radio"] {
      display: none; }
      .header .search-box-container input[type="radio"] + label {
        display: block;
        position: relative;
        font-size: 14px;
        cursor: pointer; }
        .header .search-box-container input[type="radio"] + label:hover i {
          color: #000; }
        .header .search-box-container input[type="radio"] + label:hover span::after {
          color: #ddd; }
        .header .search-box-container input[type="radio"] + label span::after {
          content: "check";
          position: absolute;
          top: 0;
          right: -5px;
          width: 24px;
          height: 24px;
          font-family: 'Material Icons';
          font-size: 24px;
          line-height: 24px;
          color: white;
          -webkit-transition: color 0.2s linear;
          -moz-transition: color 0.2s linear;
          -ms-transition: color 0.2s linear;
          -o-transition: color 0.2s linear;
          transition: color 0.2s linear;
          font-feature-settings: "liga" 1; }
      .header .search-box-container input[type="radio"]:checked + label span::after {
        color: #FFBC2C; }
    .header .search-box-container input[type="text"] {
      width: 515px;
      padding: 7px 0 10px;
      padding: 7px 12px 10px;
      border: none;
      background: transparent;
      font-family: 'Roboto', sans-serif;
      font-size: 14px;
      outline: none; }
    .header .search-box-container input[type="checkbox"] {
      background-color: red; }
    .header .search-box-container .btn {
      position: absolute;
      top: 0;
      right: -45px;
      padding: 6px 7px 1px;
      border: none;
      box-shadow: none;
      background: none;
      outline: none;
      cursor: pointer; }

.sidebar-navigation {
  position: fixed;
  top: 0;
  left: 0;
  background-color: white;
  max-width: 60px;
  width: 60px;
  height: 100%;
  padding-top: 60px;
  border-right: 1px solid #efefef;
  z-index: 1000; }
  .sidebar-navigation ul li {
    border: 0;
    font-weight: normal;
    line-height: 1;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    text-decoration: none; }
    .sidebar-navigation ul li a {
      position: relative;
      display: block;
      padding: 17px 0;
      text-align: center;
      color: #000000;
      -webkit-transition: background-color 0.2s linear;
      -moz-transition: background-color 0.2s linear;
      -ms-transition: background-color 0.2s linear;
      -o-transition: background-color 0.2s linear;
      transition: background-color 0.2s linear; }
      .sidebar-navigation ul li a:hover, .sidebar-navigation ul li a.active {
        border-left: 3px solid #FF257D;
        background-color: #000000;
        color: white; }
    .sidebar-navigation ul li ul.panel-navigation {
      position: fixed;
      top: 60px;
      left: 60px;
      width: 323px;
      height: 100%;
      padding-bottom: 200px;
      border-right: 1px solid #efefef;
      background-color: white;
      z-index: -1000;
      -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15) ;
      -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15) ;
      box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15) ;
      -webkit-transition: all 0.2s linear;
      -moz-transition: all 0.2s linear;
      -ms-transition: all 0.2s linear;
      -o-transition: all 0.2s linear;
      transition: all 0.2s linear; }
      .sidebar-navigation ul li ul.panel-navigation .panel-navigation__title {
        padding: 20px;
        border-bottom: 1px solid #e3e3e3;
        background-color: #efefef;
        font-size: 20px;
        color: #656565; }
        .sidebar-navigation ul li ul.panel-navigation .panel-navigation__title i {
          float: right;
          line-height: 18px;
          cursor: pointer; }
      .sidebar-navigation ul li ul.panel-navigation .panel-navigation__search {
        padding: 15px 17px 15px 20px; }
        .sidebar-navigation ul li ul.panel-navigation .panel-navigation__search input {
          width: 232px;
          padding: 8px 10px;
          border-radius: 2px;
          border: none;
          background-color: #efefef; }
        .sidebar-navigation ul li ul.panel-navigation .panel-navigation__search button {
          width: 29px;
          margin: 0 0 0 20px;
          padding: 0;
          border: none;
          box-shadow: none;
          background: none;
          vertical-align: text-top; }
          .sidebar-navigation ul li ul.panel-navigation .panel-navigation__search button:before {
            visibility: hidden; }
          .sidebar-navigation ul li ul.panel-navigation .panel-navigation__search button i {
            color: #000000; }
      .sidebar-navigation ul li ul.panel-navigation .left-panel-scroll {
        width: 100%;
        height: 100%; }
    .sidebar-navigation ul li ul.panel-navigation__apps {
      display: none; }
      .sidebar-navigation ul li ul.panel-navigation__apps .left-panel-scroll {
        width: 100%;
        height: 100%;
        overflow-y: auto; }
      .sidebar-navigation ul li ul.panel-navigation__apps .menu-title {
        padding: 15px 25px 5px;
        margin-top: 10px;
        font-size: 20px;
        color: #9e9e9e; }
      .sidebar-navigation ul li ul.panel-navigation__apps .menu-sub-title {
        padding: 15px 25px 10px;
        font-size: 16px;
        font-weight: 500;
        color: #33CCFF; }
      .sidebar-navigation ul li ul.panel-navigation__apps .menu-title,
      .sidebar-navigation ul li ul.panel-navigation__apps .menu-sub-title {
        pointer-events: none;
        cursor: default; }
      .sidebar-navigation ul li ul.panel-navigation__apps li a {
        position: relative;
        display: block;
        padding: 7px 25px;
        background-color: transparent;
        text-align: left;
        color: #000000;
        -webkit-transition: background-color 0.2s linear;
        -moz-transition: background-color 0.2s linear;
        -ms-transition: background-color 0.2s linear;
        -o-transition: background-color 0.2s linear;
        transition: background-color 0.2s linear; }
        .sidebar-navigation ul li ul.panel-navigation__apps li a:hover, .sidebar-navigation ul li ul.panel-navigation__apps li a:active, .sidebar-navigation ul li ul.panel-navigation__apps li a:focus, .sidebar-navigation ul li ul.panel-navigation__apps li a.selected {
          border: none;
          background-color: #ececec; }
        .sidebar-navigation ul li ul.panel-navigation__apps li a i {
          display: inline-block;
          margin-right: 10px;
          vertical-align: middle;
          font-size: 25px;
          line-height: 25px;
          text-align: center; }
        .sidebar-navigation ul li ul.panel-navigation__apps li a span {
          display: inline-block;
          width: 220px;
          vertical-align: middle;
          font-size: 15px;
          text-overflow: ellipsis;
          white-space: nowrap;
          overflow: hidden; }
    .sidebar-navigation ul li ul.panel-navigation__directory {
      display: none; }
      .sidebar-navigation ul li ul.panel-navigation__directory li.directory-user {
        position: relative;
        padding: 10px;
        height: 77px;
        clear: both;
        -webkit-transition: background-color 0.2s linear;
        -moz-transition: background-color 0.2s linear;
        -ms-transition: background-color 0.2s linear;
        -o-transition: background-color 0.2s linear;
        transition: background-color 0.2s linear;
        /* To Show The Contact-preview Tooltip */ }
        .sidebar-navigation ul li ul.panel-navigation__directory li.directory-user:hover {
          background-color: #f9f9f9; }
        .sidebar-navigation ul li ul.panel-navigation__directory li.directory-user.template {
          display: none; }
        .sidebar-navigation ul li ul.panel-navigation__directory li.directory-user:hover .tooltip-contact-preview {
          display: block; }
        .sidebar-navigation ul li ul.panel-navigation__directory li.directory-user .tooltip-contact-preview {
          display: none;
          position: absolute;
          top: 0;
          left: 350px;
          width: 370px;
          min-height: 130px;
          background-color: white;
          -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15) ;
          -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15) ;
          box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15) ;
          z-index: 10;
          clear: both; }
          .sidebar-navigation ul li ul.panel-navigation__directory li.directory-user .tooltip-contact-preview .contact-preview__avatar {
            float: left;
            width: 100px;
            height: 130px;
            margin-right: 15px;
            overflow: hidden; }
            .sidebar-navigation ul li ul.panel-navigation__directory li.directory-user .tooltip-contact-preview .contact-preview__avatar img {
              max-width: 100%;
              min-height: 100%;
              width: 100%;
              height: auto;
              border-radius: 0px; }
          .sidebar-navigation ul li ul.panel-navigation__directory li.directory-user .tooltip-contact-preview .contact-preview__infos {
            float: left;
            width: 230px;
            padding: 12px 0;
            font-weight: 300; }
            .sidebar-navigation ul li ul.panel-navigation__directory li.directory-user .tooltip-contact-preview .contact-preview__infos .preview-user-name {
              font-size: 16px;
              font-weight: 500; }
            .sidebar-navigation ul li ul.panel-navigation__directory li.directory-user .tooltip-contact-preview .contact-preview__infos .preview-user-complementary {
              font-size: 14px;
              line-height: 20px;
              font-weight: 300; }
              .sidebar-navigation ul li ul.panel-navigation__directory li.directory-user .tooltip-contact-preview .contact-preview__infos .preview-user-complementary .preview-user-function {
                margin-bottom: 5px;
                word-wrap: break-word; }
              .sidebar-navigation ul li ul.panel-navigation__directory li.directory-user .tooltip-contact-preview .contact-preview__infos .preview-user-complementary .preview-user-phone,
              .sidebar-navigation ul li ul.panel-navigation__directory li.directory-user .tooltip-contact-preview .contact-preview__infos .preview-user-complementary .preview-user-mobile {
                position: relative;
                display: inline-block;
                margin-right: 10px;
                padding: 5px 0 0 20px; }
              .sidebar-navigation ul li ul.panel-navigation__directory li.directory-user .tooltip-contact-preview .contact-preview__infos .preview-user-complementary .preview-user-phone::before {
                content: "call";
                position: absolute;
                left: 0;
                font-family: 'Material Icons';
                font-size: 17px;
                line-height: 21px;
                font-feature-settings: "liga" 1; }
              .sidebar-navigation ul li ul.panel-navigation__directory li.directory-user .tooltip-contact-preview .contact-preview__infos .preview-user-complementary .preview-user-mobile::before {
                content: "stay_current_portrait";
                position: absolute;
                left: 0;
                font-family: 'Material Icons';
                font-size: 17px;
                line-height: 21px;
                font-feature-settings: "liga" 1; }
        .sidebar-navigation ul li ul.panel-navigation__directory li.directory-user .user-avatar {
          float: left;
          max-width: 50px;
          width: 50px;
          height: 50px;
          margin-right: 10px;
          border-radius: 50%;
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center center; }
        .sidebar-navigation ul li ul.panel-navigation__directory li.directory-user .directory__user-infos {
          margin-top: 5px; }
          .sidebar-navigation ul li ul.panel-navigation__directory li.directory-user .directory__user-infos .user-infos__name {
            display: block;
            margin-right: 10px;
            font-size: 16px;
            font-weight: 500;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden; }
          .sidebar-navigation ul li ul.panel-navigation__directory li.directory-user .directory__user-infos a {
            position: relative;
            display: inline;
            font-size: 15px;
            text-align: left;
            color: #000000; }
            .sidebar-navigation ul li ul.panel-navigation__directory li.directory-user .directory__user-infos a:hover, .sidebar-navigation ul li ul.panel-navigation__directory li.directory-user .directory__user-infos a:active, .sidebar-navigation ul li ul.panel-navigation__directory li.directory-user .directory__user-infos a:focus {
              border: none;
              background-color: transparent; }
            .sidebar-navigation ul li ul.panel-navigation__directory li.directory-user .directory__user-infos a i {
              margin-right: 7px;
              vertical-align: middle;
              font-size: 17px;
              line-height: 13px;
              color: #96a2b4;
              -webkit-transition: color 0.2s linear;
              -moz-transition: color 0.2s linear;
              -ms-transition: color 0.2s linear;
              -o-transition: color 0.2s linear;
              transition: color 0.2s linear; }
              .sidebar-navigation ul li ul.panel-navigation__directory li.directory-user .directory__user-infos a i:hover {
                color: #000000; }
          .sidebar-navigation ul li ul.panel-navigation__directory li.directory-user .directory__user-infos .user-infos__contact {
            display: inline-block;
            font-size: 0; }
          .sidebar-navigation ul li ul.panel-navigation__directory li.directory-user .directory__user-infos p {
            margin-top: 10px; }
            .sidebar-navigation ul li ul.panel-navigation__directory li.directory-user .directory__user-infos p a {
              padding: 4px 8px;
              color: #96a2b4;
              -webkit-transition: color 0.2s linear;
              -moz-transition: color 0.2s linear;
              -ms-transition: color 0.2s linear;
              -o-transition: color 0.2s linear;
              transition: color 0.2s linear; }
              .sidebar-navigation ul li ul.panel-navigation__directory li.directory-user .directory__user-infos p a:hover {
                color: #000000; }
              .sidebar-navigation ul li ul.panel-navigation__directory li.directory-user .directory__user-infos p a i {
                margin-right: 2px; }
          .sidebar-navigation ul li ul.panel-navigation__directory li.directory-user .directory__user-infos a, .sidebar-navigation ul li ul.panel-navigation__directory li.directory-user .directory__user-infos i {
            padding: 0; }

/* Navigation Horizontal */
.dropdown-menu {
  height: auto;
  margin-bottom: 25px;
  border: none; }
  .dropdown-menu .dropdown {
    display: flex;
    flex-direction: row;
    margin: 0;
    padding: 0;
    box-shadow: inset 0 -2px 0 0 #eee;
    background-color: white; }
    .dropdown-menu .dropdown li {
      flex-grow: 1;
      box-shadow: inset 0 -2px 0 0 #eee;
      background-color: white;
      border: none;
      text-align: center;
      list-style: none; }
      .dropdown-menu .dropdown li a {
        display: block;
        padding: 15px 30px;
        border-bottom: 3px solid #e5e5e5;
        font-size: 15px;
        font-weight: 500;
        text-transform: uppercase;
        text-decoration: none;
        color: #9E9E9E;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear; }
        .dropdown-menu .dropdown li a:hover, .dropdown-menu .dropdown li a.current {
          border-bottom: 3px solid #6000FF;
          background-color: transparent;
          color: #000000; }

/* Tabs */
/**
 * Mixins
 */
/**
 * Variables
 */
.bg-red {
  background-color: #FF257D; }

.bg-pink {
  background-color: #FF33FF; }

.bg-purple {
  background-color: #990066; }

.bg-deep-purple {
  background-color: #FF77FF; }

.bg-indigo {
  background-color: #6000FF; }

.bg-blue {
  background-color: #6000FF; }

.bg-light-blue {
  background-color: #33CCFF; }

.bg-cyan {
  background-color: #66D8FF; }

.bg-teal {
  background-color: #3399CC; }

.bg-green {
  background-color: #66D8FF; }

.bg-light-green {
  background-color: #FFBC2C; }

.bg-lime {
  background-color: #330099; }

.bg-yellow {
  background-color: #CC3366; }

.bg-amber {
  background-color: #FF9900; }

.bg-orange {
  background-color: #FF6600; }

.bg-deep-orange {
  background-color: #990066; }

.bg-brown {
  background-color: #CC00CC; }

.bg-gray {
  background-color: #9E9E9E; }

.bg-brown {
  background-color: #CC00CC; }

.bg-blue-grey {
  background-color: #000000; }

.bg-blue-green {
  background-color: #6633CC; }

.bg-black {
  background-color: #000000; }

/*
$body-font: (font-family:"roboto", Helvetica, Arial, sans-serif; font-weight: 300);
$light-font: "robotolight", Helvetica, Arial, sans-serif;
$semibold-font: "robotomedium", Helvetica, Arial, sans-serif;*/
.group {
  padding: 0;
  background-color: white;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) ;
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) ;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) ;
  /*tabs custom new style*/ }
  .group .tabs-container,
  .group .tabbutton {
    box-shadow: inset 0 -2px 0 0 #eee; }
    .group .tabs-container .tab-content,
    .group .tabbutton .tab-content {
      position: relative;
      border-bottom: 2px solid transparent;
      -webkit-transition: border 0.2s linear;
      -moz-transition: border 0.2s linear;
      -ms-transition: border 0.2s linear;
      -o-transition: border 0.2s linear;
      transition: border 0.2s linear; }
      .group .tabs-container .tab-content:hover,
      .group .tabbutton .tab-content:hover {
        border-bottom: 2px solid #6000FF; }
      .group .tabs-container .tab-content.tab-on,
      .group .tabbutton .tab-content.tab-on {
        border-bottom: 2px solid #6000FF; }
        .group .tabs-container .tab-content.tab-on span,
        .group .tabbutton .tab-content.tab-on span {
          color: #1f1f1f; }
      .group .tabs-container .tab-content .notif-tasks,
      .group .tabbutton .tab-content .notif-tasks {
        position: absolute;
        right: 10%;
        top: 15px;
        background: #FF257D;
        padding: 2px 7px;
        border-radius: 2px;
        font-size: 10px;
        line-height: 15px; }
  .group .tabs-container .tab-content,
  .group .tabbutton {
    display: table-cell;
    width: 1%;
    text-align: center; }
  .group .tabs-container {
    margin-bottom: 15px; }
  .group .tab-title {
    width: 100%; }
    .group .tab-title button {
      width: 100%;
      margin: 0;
      padding: 15px;
      box-shadow: none;
      background: none;
      outline: none;
      text-align: left;
      /*remove hover on tabs title*/ }
      .group .tab-title button:before {
        display: none; }
      .group .tab-title button span {
        position: relative;
        width: 100%;
        font-size: 15px;
        font-weight: 500;
        text-transform: uppercase;
        color: #9E9E9E; }

/* Carousels */
/**
 * Mixins
 */
/**
 * Variables
 */
.bg-red {
  background-color: #FF257D; }

.bg-pink {
  background-color: #FF33FF; }

.bg-purple {
  background-color: #990066; }

.bg-deep-purple {
  background-color: #FF77FF; }

.bg-indigo {
  background-color: #6000FF; }

.bg-blue {
  background-color: #6000FF; }

.bg-light-blue {
  background-color: #33CCFF; }

.bg-cyan {
  background-color: #66D8FF; }

.bg-teal {
  background-color: #3399CC; }

.bg-green {
  background-color: #66D8FF; }

.bg-light-green {
  background-color: #FFBC2C; }

.bg-lime {
  background-color: #330099; }

.bg-yellow {
  background-color: #CC3366; }

.bg-amber {
  background-color: #FF9900; }

.bg-orange {
  background-color: #FF6600; }

.bg-deep-orange {
  background-color: #990066; }

.bg-brown {
  background-color: #CC00CC; }

.bg-gray {
  background-color: #9E9E9E; }

.bg-brown {
  background-color: #CC00CC; }

.bg-blue-grey {
  background-color: #000000; }

.bg-blue-green {
  background-color: #6633CC; }

.bg-black {
  background-color: #000000; }

/*
$body-font: (font-family:"roboto", Helvetica, Arial, sans-serif; font-weight: 300);
$light-font: "robotolight", Helvetica, Arial, sans-serif;
$semibold-font: "robotomedium", Helvetica, Arial, sans-serif;*/
/* Animation Library */
/**
 * Mixins
 */
/**
 * Variables
 */
.bg-red {
  background-color: #FF257D; }

.bg-pink {
  background-color: #FF33FF; }

.bg-purple {
  background-color: #990066; }

.bg-deep-purple {
  background-color: #FF77FF; }

.bg-indigo {
  background-color: #6000FF; }

.bg-blue {
  background-color: #6000FF; }

.bg-light-blue {
  background-color: #33CCFF; }

.bg-cyan {
  background-color: #66D8FF; }

.bg-teal {
  background-color: #3399CC; }

.bg-green {
  background-color: #66D8FF; }

.bg-light-green {
  background-color: #FFBC2C; }

.bg-lime {
  background-color: #330099; }

.bg-yellow {
  background-color: #CC3366; }

.bg-amber {
  background-color: #FF9900; }

.bg-orange {
  background-color: #FF6600; }

.bg-deep-orange {
  background-color: #990066; }

.bg-brown {
  background-color: #CC00CC; }

.bg-gray {
  background-color: #9E9E9E; }

.bg-brown {
  background-color: #CC00CC; }

.bg-blue-grey {
  background-color: #000000; }

.bg-blue-green {
  background-color: #6633CC; }

.bg-black {
  background-color: #000000; }

/*
$body-font: (font-family:"roboto", Helvetica, Arial, sans-serif; font-weight: 300);
$light-font: "robotolight", Helvetica, Arial, sans-serif;
$semibold-font: "robotomedium", Helvetica, Arial, sans-serif;*/
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s; }

.animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: 0.75s; }

@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  40%, 43% {
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  40%, 43%, 70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); }
  70% {
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }
@keyframes bounce {
  0%, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  40%, 43% {
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  40%, 43%, 70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); }
  70% {
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom; }

@-webkit-keyframes flash {
  0%, 50%, to {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }
@keyframes flash {
  0%, 50%, to {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }
.flash {
  -webkit-animation-name: flash;
  animation-name: flash; }

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }
@keyframes pulse {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse; }

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }
@keyframes rubberBand {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand; }

@-webkit-keyframes shake {
  0%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }
@keyframes shake {
  0%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }
.shake {
  -webkit-animation-name: shake;
  animation-name: shake; }

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg); }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg); }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg); }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg); }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake; }

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg); }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg); }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }
@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg); }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg); }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }
.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing; }

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }
@keyframes tada {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }
.tada {
  -webkit-animation-name: tada;
  animation-name: tada; }

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none; }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
    transform: translate3d(-25%, 0, 0) rotate(-5deg); }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
    transform: translate3d(20%, 0, 0) rotate(3deg); }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
    transform: translate3d(-15%, 0, 0) rotate(-3deg); }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
    transform: translate3d(10%, 0, 0) rotate(2deg); }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
    transform: translate3d(-5%, 0, 0) rotate(-1deg); }
  to {
    -webkit-transform: none;
    transform: none; } }
@keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none; }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
    transform: translate3d(-25%, 0, 0) rotate(-5deg); }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
    transform: translate3d(20%, 0, 0) rotate(3deg); }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
    transform: translate3d(-15%, 0, 0) rotate(-3deg); }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
    transform: translate3d(10%, 0, 0) rotate(2deg); }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
    transform: translate3d(-5%, 0, 0) rotate(-1deg); }
  to {
    -webkit-transform: none;
    transform: none; } }
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble; }

@-webkit-keyframes jello {
  0%, 11.1%, to {
    -webkit-transform: none;
    transform: none; }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg); }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }
@keyframes jello {
  0%, 11.1%, to {
    -webkit-transform: none;
    transform: none; }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg); }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }
.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center; }

@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }
@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn; }

@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }
@keyframes bounceInDown {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }
@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }
@keyframes bounceInRight {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight; }

@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
@keyframes bounceInUp {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp; }

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }
.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut; }

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight; }

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp; }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes fadeIn {
  0% {
    opacity: 0; }
  to {
    opacity: 1; } }
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn; }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft; }

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight; }

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig; }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  to {
    opacity: 0; } }
@keyframes fadeOut {
  0% {
    opacity: 1; }
  to {
    opacity: 0; } }
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }
@keyframes fadeOutDown {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }
@keyframes fadeOutDownBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }
@keyframes fadeOutLeft {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }
@keyframes fadeOutRight {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }
@keyframes fadeOutRightBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig; }

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }
@keyframes fadeOutUp {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }
@keyframes fadeOutUpBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig; }

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(-1turn);
    transform: perspective(400px) rotateY(-1turn); }
  0%, 40% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
    transform: perspective(400px) translateZ(150px) rotateY(-190deg); }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
    transform: perspective(400px) translateZ(150px) rotateY(-170deg); }
  50%, 80% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }
@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(-1turn);
    transform: perspective(400px) rotateY(-1turn); }
  0%, 40% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
    transform: perspective(400px) translateZ(150px) rotateY(-190deg); }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
    transform: perspective(400px) translateZ(150px) rotateY(-170deg); }
  50%, 80% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }
.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip; }

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; }
  0%, 40% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  40% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg); }
  60% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }
@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; }
  0%, 40% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  40% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg); }
  60% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX; }

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; }
  0%, 40% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  40% {
    -webkit-transform: perspective(400px) rotateY(-20deg);
    transform: perspective(400px) rotateY(-20deg); }
  60% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }
@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; }
  0%, 40% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  40% {
    -webkit-transform: perspective(400px) rotateY(-20deg);
    transform: perspective(400px) rotateY(-20deg); }
  60% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY; }

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }
@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }
.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important; }

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotateY(-15deg);
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }
@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotateY(-15deg);
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }
.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY; }

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg); }
  60%, 80% {
    opacity: 1; }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg); }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg); }
  60%, 80% {
    opacity: 1; }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg); }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1; }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }
@keyframes lightSpeedOut {
  0% {
    opacity: 1; }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in; }

@-webkit-keyframes rotateIn {
  0% {
    transform-origin: center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0; }
  0%, to {
    -webkit-transform-origin: center; }
  to {
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
@keyframes rotateIn {
  0% {
    transform-origin: center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0; }
  0%, to {
    -webkit-transform-origin: center; }
  to {
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn; }

@-webkit-keyframes rotateInDownLeft {
  0% {
    transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; }
  0%, to {
    -webkit-transform-origin: left bottom; }
  to {
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
@keyframes rotateInDownLeft {
  0% {
    transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; }
  0%, to {
    -webkit-transform-origin: left bottom; }
  to {
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft; }

@-webkit-keyframes rotateInDownRight {
  0% {
    transform-origin: right bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; }
  0%, to {
    -webkit-transform-origin: right bottom; }
  to {
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
@keyframes rotateInDownRight {
  0% {
    transform-origin: right bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; }
  0%, to {
    -webkit-transform-origin: right bottom; }
  to {
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight; }

@-webkit-keyframes rotateInUpLeft {
  0% {
    transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; }
  0%, to {
    -webkit-transform-origin: left bottom; }
  to {
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
@keyframes rotateInUpLeft {
  0% {
    transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; }
  0%, to {
    -webkit-transform-origin: left bottom; }
  to {
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft; }

@-webkit-keyframes rotateInUpRight {
  0% {
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }
  0%, to {
    -webkit-transform-origin: right bottom; }
  to {
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
@keyframes rotateInUpRight {
  0% {
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }
  0%, to {
    -webkit-transform-origin: right bottom; }
  to {
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight; }

@-webkit-keyframes rotateOut {
  0% {
    transform-origin: center;
    opacity: 1; }
  0%, to {
    -webkit-transform-origin: center; }
  to {
    transform-origin: center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0; } }
@keyframes rotateOut {
  0% {
    transform-origin: center;
    opacity: 1; }
  0%, to {
    -webkit-transform-origin: center; }
  to {
    transform-origin: center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0; } }
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut; }

@-webkit-keyframes rotateOutDownLeft {
  0% {
    transform-origin: left bottom;
    opacity: 1; }
  0%, to {
    -webkit-transform-origin: left bottom; }
  to {
    transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; } }
@keyframes rotateOutDownLeft {
  0% {
    transform-origin: left bottom;
    opacity: 1; }
  0%, to {
    -webkit-transform-origin: left bottom; }
  to {
    transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; } }
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft; }

@-webkit-keyframes rotateOutDownRight {
  0% {
    transform-origin: right bottom;
    opacity: 1; }
  0%, to {
    -webkit-transform-origin: right bottom; }
  to {
    transform-origin: right bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; } }
@keyframes rotateOutDownRight {
  0% {
    transform-origin: right bottom;
    opacity: 1; }
  0%, to {
    -webkit-transform-origin: right bottom; }
  to {
    transform-origin: right bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; } }
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight; }

@-webkit-keyframes rotateOutUpLeft {
  0% {
    transform-origin: left bottom;
    opacity: 1; }
  0%, to {
    -webkit-transform-origin: left bottom; }
  to {
    transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; } }
@keyframes rotateOutUpLeft {
  0% {
    transform-origin: left bottom;
    opacity: 1; }
  0%, to {
    -webkit-transform-origin: left bottom; }
  to {
    transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; } }
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft; }

@-webkit-keyframes rotateOutUpRight {
  0% {
    transform-origin: right bottom;
    opacity: 1; }
  0%, to {
    -webkit-transform-origin: right bottom; }
  to {
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }
@keyframes rotateOutUpRight {
  0% {
    transform-origin: right bottom;
    opacity: 1; }
  0%, to {
    -webkit-transform-origin: right bottom; }
  to {
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight; }

@-webkit-keyframes hinge {
  0% {
    transform-origin: top left; }
  0%, 20%, 60% {
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    transform-origin: top left; }
  40%, 80% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }
@keyframes hinge {
  0% {
    transform-origin: top left; }
  0%, 20%, 60% {
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    transform-origin: top left; }
  40%, 80% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }
.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge; }

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
    transform: translate3d(-100%, 0, 0) rotate(-120deg); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
    transform: translate3d(-100%, 0, 0) rotate(-120deg); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn; }

@-webkit-keyframes rollOut {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
    transform: translate3d(100%, 0, 0) rotate(120deg); } }
@keyframes rollOut {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
    transform: translate3d(100%, 0, 0) rotate(120deg); } }
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut; }

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn; }

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown; }

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft; }

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight; }

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp; }

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1; }
  50% {
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50%, to {
    opacity: 0; } }
@keyframes zoomOut {
  0% {
    opacity: 1; }
  50% {
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50%, to {
    opacity: 0; } }
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut; }

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown; }

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft; }

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight; }

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp; }

@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
@keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown; }

@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
@keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft; }

@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(20%, 0, 0);
    transform: translate3d(20%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
@keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(20%, 0, 0);
    transform: translate3d(20%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight; }

@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
@keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp; }

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }
@keyframes slideOutDown {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }
.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown; }

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }
@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft; }

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }
@keyframes slideOutRight {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight; }

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }
@keyframes slideOutUp {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp; }

/* ==========================================================================
Page Profil
========================================================================== */
.largepadding .smallblock {
  background-color: white; }
  .largepadding .smallblock .blockgray {
    background: none;
    box-shadow: none; }

/* ==========================================================================
Page Search result
========================================================================== */
.intranet-search .view-header .view-options .popup-menu-handler {
  margin: 0; }
.intranet-search .view-header .popup-menu-handler span {
  padding: 6px 0 6px 10px; }
.intranet-search .handler-sorter {
  padding: 4px 7px; }
.intranet-search .group {
  clear: both;
  box-shadow: none; }
.intranet-search .navigation-area {
  display: none; }
.intranet-search .horizontal-top-tabs,
.intranet-search .view-area {
  float: left;
  height: 100%;
  margin-top: 25px;
  background: #ffffff;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) ;
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) ;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) ; }
.intranet-search .horizontal-top-tabs {
  position: relative;
  width: 350px;
  margin-right: 20px;
  padding: 15px 20px 25px;
  background-color: #ffffff; }
.intranet-search .horizontal-top-tabs .informations {
    margin-bottom: 20px;
    padding: 0;
    background: none; }
.intranet-search .horizontal-top-tabs .informations p {
      position: relative;
      padding-left: 30px; }
.intranet-search .horizontal-top-tabs .informations p::before {
        content: "info_outline";
        position: absolute;
        left: 0;
        font-family: 'Material Icons';
        font-size: 24px;
        line-height: 17px; }
.intranet-search .horizontal-top-tabs .tab1-content {
    padding: 0;
    background: none; }
.intranet-search .horizontal-top-tabs .label.cell-left,
  .intranet-search .horizontal-top-tabs .field.cell-right {
    display: block;
    width: 310px;
    font-size: 14px; }
.intranet-search .horizontal-top-tabs .label.cell-left {
    margin-bottom: 5px; }
.intranet-search .horizontal-top-tabs .label.cell-left label {
      padding: 0;
      font-size: 14px; }
.intranet-search .horizontal-top-tabs .field.cell-right {
    margin-bottom: 20px; }
.intranet-search .horizontal-top-tabs .field.cell-right select, .intranet-search .horizontal-top-tabs .field.cell-right input {
      width: 310px;
      padding: 7px 5px;
      border-radius: 2px; }
.intranet-search .horizontal-top-tabs .axvdocsearch-button-container {
    margin-top: 30px;
    text-align: right; }
.intranet-search .horizontal-top-tabs .axvdocsearch-button-container .axvdocsearch-button {
      margin-left: 10px; }
.intranet-search .horizontal-top-tabs .axvdocsearch-button-container .axvdocsearch-button button {
        margin: 0; }
.intranet-search .view-area {
  width: calc(100% - 370px);
  padding: 15px 25px !important;
  font-size: 0;
  /* Site search Result */
  /* Collaborateurs search Result */
  /* Clients search Result */
  /* Processus search Result */
  /* Documents search Result */
  /* FAQ search Result */ }
.intranet-search .view-area .searched-user,
  .intranet-search .view-area .searched-file,
  .intranet-search .view-area .searched-document,
  .intranet-search .view-area .searched-customer,
  .intranet-search .view-area .searched-filecenter-files {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear; }
.intranet-search .view-area .searched-file,
  .intranet-search .view-area .searched-document,
  .intranet-search .view-area .searched-faq {
    padding: 15px 20px;
    border-bottom: 1px solid #efefef;
    font-size: 14px; }
.intranet-search .view-area .searched-site {
    margin: 15px 20px 0 0;
    font-size: 14px; }
.intranet-search .view-area .searched-user {
    display: inline-block;
    min-height: 290px;
    margin: 15px 20px 0 0;
    padding: 25px 20px 15px;
    vertical-align: top;
    border: 1px solid #f1f1f1;
    box-shadow: transparent;
    background-color: white;
    font-size: 14px; }
.intranet-search .view-area .searched-user:hover {
      background-color: #6000FF;
      color: white;
      -webkit-box-shadow: 0px 0px 70px rgba(0, 0, 0, 0.1) ;
      -moz-box-shadow: 0px 0px 70px rgba(0, 0, 0, 0.1) ;
      box-shadow: 0px 0px 70px rgba(0, 0, 0, 0.1) ; }
.intranet-search .view-area .searched-user:hover a {
        color: white; }
.intranet-search .view-area .searched-user .searched-user-avatar-container {
      display: block;
      width: 85px;
      height: 85px;
      margin: 0 auto 15px;
      border-radius: 50%;
      overflow: hidden; }
 .intranet-search .view-area .searched-user .searched-user-avatar-container .searched-user-avatar {
        display: block;
        width: 100%;
        max-width: 100%;
        background-repeat: no-repeat;
        background-position: center;
        height: 100%; }
.intranet-search .view-area .searched-user .searched-user-info {
      text-align: center; }
.intranet-search .view-area .searched-user .searched-user-info .searched-user-name {
        font-size: 16px;
        font-weight: 500; }
.intranet-search .view-area .searched-user .searched-user-info .searched-user-complementary .searched-user-function {
        margin-bottom: 10px;
        word-wrap: break-word; }
.intranet-search .view-area .searched-user .searched-user-info .searched-user-complementary .searched-user-mail {
        color: #33CCFF; }
.intranet-search .view-area .searched-user .searched-user-info .searched-user-complementary .searched-user-phone,
      .intranet-search .view-area .searched-user .searched-user-info .searched-user-complementary .searched-user-mobile {
        position: relative;
        display: inline-block;
        vertical-align: top;
        margin: 10px 5px;
        padding-left: 20px;
        text-align: left; }
.intranet-search .view-area .searched-user .searched-user-info .searched-user-complementary .searched-user-phone::before {
        content: "call"; }
.intranet-search .view-area .searched-user .searched-user-info .searched-user-complementary .searched-user-mobile::before {
        content: "stay_current_portrait"; }
.intranet-search .view-area .searched-user .searched-user-info .searched-user-complementary .searched-user-mobile::before,
      .intranet-search .view-area .searched-user .searched-user-info .searched-user-complementary .searched-user-phone::before {
        position: absolute;
        left: 0;
        font-family: 'Material Icons';
        font-size: 17px;
        line-height: 19px;
        font-feature-settings: "liga" 1; }
.intranet-search .view-area .searched-customer {
    display: inline-block;
    min-height: 120px;
    margin: 15px 20px 0 0;
    padding: 15px 20px;
    background-color: #f5f5f5;
    box-shadow: transparent;
    font-size: 0; }
.intranet-search .view-area .searched-customer:hover {
      background-color: #f9f9f9;
      -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) ;
      -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) ;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) ; }
.intranet-search .view-area .searched-customer .customers-info,
    .intranet-search .view-area .searched-customer .customers-complementary {
      display: inline-block;
      vertical-align: top;
      font-size: 14px;
      line-height: 23px; }
.intranet-search .view-area .searched-customer .customers-info {
      width: 70%;
      padding-right: 25px; }
.intranet-search .view-area .searched-customer .customers-info .raison-sociale {
        margin-bottom: 5px;
        font-size: 16px;
        font-weight: 500; }
.intranet-search .view-area .searched-customer .customers-info .address {
        line-height: 21px; }
.intranet-search .view-area .searched-customer .customers-info .address span {
          display: block; }
.intranet-search .view-area .searched-customer .customers-complementary {
      width: 30%; }
.intranet-search .view-area .searched-document:hover {
    background-color: #f9f9f9; }
.intranet-search .view-area .searched-document .searched-document-title {
    font-size: 16px; }
.intranet-search .view-area .searched-document .searched-document-reference {
    color: #33CCFF; }
.intranet-search .view-area .searched-file {
    position: relative;
    padding: 15px 20px 25px; }
.intranet-search .view-area .searched-file:hover {
      background-color: #f9f9f9; }
.intranet-search .view-area .searched-file .searched-filecenter-icon {
      float: left;
      margin-right: 15px; }
.intranet-search .view-area .searched-file .searched-filecenter-title,
  .intranet-search .view-area .searched-file .searched-filecenter-categories,
  .intranet-search .view-area .searched-file .searched-filecenter-createdby {
      width: 70%; }
.intranet-search .view-area .searched-file .searched-filecenter-title {
      font-weight: 500; }
.intranet-search .view-area .searched-file .searched-filecenter-createdby {
      display: inline-block; }
.intranet-search .view-area .searched-file .searched-filecenter-files {
      position: absolute;
      right: 20px;
      top: 29%;
      padding: 7px 10px;
      background-color: white;
      box-shadow: transparent; }
.intranet-search .view-area .searched-file .searched-filecenter-files:hover {
        -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) ;
        -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) ;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) ; }
.intranet-search .view-area .searched-faq .searched-faq-question {
    margin-bottom: 5px;
    font-size: 17px;
    font-weight: 500; }
.intranet-search #global-news.VDocFrontFourNews2 {
	  display: inline-block;
	  vertical-align: top;
	  margin: 20px 20px 0 0; }
.intranet-search #global-news.VDocFrontFourNews2 .VFFN_OthersGrid_Item {
	  width: 100%;
	  margin: 0; }

/* ==========================================================================
Espace documentaire
========================================================================== */
/* ==========================================================================
Actualit?�s
========================================================================== */
.col-xs-8 #global-news .VFFN_OthersGrid_Item {
  width: calc(50% - 20px); }

.col-xs-8 #global-news .Panel .Panel-Body {
  padding: 15px;
  background: white; }

#global-news .Panel {
  padding-bottom: 15px;
  box-shadow: none; }
#global-news .Panel-white .Panel-Heading {
  height: 75px;
  max-height: none; }
#global-news .Panel .Panel-Body {
  padding: 0;
  background: #f9f9f9; }
#global-news .VFFN_OthersGrid {
  margin-right: -20px;
  /*margin-bottom: -20px;*/ }
#global-news .VFFN_OthersGrid_Item {
  display: inline-block;
  vertical-align: top;
  max-height: none;
  margin-right: 20px;
  margin-top: 20px;
  border: none;
  background: white;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) ;
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) ;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) ;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear; }
#global-news .VFFN_OthersGrid_Item:hover {
    background-color: white;
    -webkit-box-shadow: 0px 0px 60px rgba(88, 88, 88, 0.15) ;
    -moz-box-shadow: 0px 0px 60px rgba(88, 88, 88, 0.15) ;
    box-shadow: 0px 0px 60px rgba(88, 88, 88, 0.15) ; }
    #global-news .VFFN_OthersGrid_Item:hover .VFFN_news .VFFN_description:after {
      background-color: #fff;
      box-shadow: -3px -3px 10px 10px #fff; }
  #global-news .VFFN_OthersGrid_Item a {
    padding: 15px 20px; }
    #global-news .VFFN_OthersGrid_Item a:hover {
      background-color: white; }
  #global-news .VFFN_OthersGrid_Item .VFFN_img + .VFFN_news {
    width: calc(100% - 84px); }
  #global-news .VFFN_OthersGrid_Item .VFFN_news {
    float: none;
    width: 100%; }
    #global-news .VFFN_OthersGrid_Item .VFFN_news h4 {
      display: block;
      width: 70%;
      line-height: 19px;
      text-overflow: initial;
      overflow: visible;
      white-space: initial; }
    #global-news .VFFN_OthersGrid_Item .VFFN_news .VFFN_date {
      float: none; }
    #global-news .VFFN_OthersGrid_Item .VFFN_news .VFFN_description {
      width: 100%; }

.Panel-white-content-news .Panel-Footer .p-header {
  margin-bottom: 15px;
  font-weight: normal; }
.Panel-white-content-news ul {
  text-align: left;
  list-style: none; }
  .Panel-white-content-news ul li {
    padding: 10px 15px;
    margin-bottom: 10px;
    border: 1px solid #f1f1f1;
    background-color: #fbfbfb; }
    .Panel-white-content-news ul li .image {
      margin-right: 5px;
      vertical-align: sub; }

/*page 404 not found*/
.message {
  width: 500px;
  margin: 0 auto;
  padding: 100px 0;
  text-align: center; }
  .message .screen {
    text-align: center; }
    .message .screen div {
      padding: 0 !important; }
    .message .screen table {
      width: 100%; }

/* ==========================================================================
Tableau de Bord Client
========================================================================== */
/*voir le projet com.visiativ.customers*/

/* ==========================================================================
CREATE PROCESS
========================================================================== */
.wizard-area .wizard-guidvve {
  padding: 15px 0;
  background: none; }

.wizard-area .wizard-guide .picture {
  display: none; }

.wizard-area .wizard-guide .informations {
  margin: 0;
  padding: 0; }

.wizard-area .wizard-guide .informations h2 {
  font-size: 20px;
  font-weight: 500; }

.wizard-area .wizard-form .header-level5 {
  position: relative;
  padding-left: 30px; }

.wizard-area .wizard-form .header-level5:before {
  content: "info_outline";
  position: absolute;
  left: 0;
  font-family: 'Material Icons';
  font-size: 24px;
  line-height: 17px; }

.wizard-area .wizard-form .fields-group td {
  padding-bottom: 0; }

/* ==========================================================================
Communication Page
========================================================================== */
.timeline-Tweet {
  color: #000000 !important; }

.all-news {
  position: absolute;
  right: 15px;
  top: 11px;
  background: rgba(255, 255, 255, 0.3);
  color: white !important;
  padding: 5px 10px; }

.btn-all-news {
  margin: 0 15px;
  /* padding: 7px 0; */
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  text-align: center; }
  .btn-all-news a {
    display: block;
    width: 100%;
    padding: 9px 0;
    background-color: transparent;
    -webkit-transition: background-color 0.2s linear;
    -moz-transition: background-color 0.2s linear;
    -ms-transition: background-color 0.2s linear;
    -o-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear; }
    .btn-all-news a:hover {
      background-color: #f1f1f1; }

/* Social network */
.social-network {
  position: relative;
  display: inline-block;
  width: calc(20% - 13px);
  margin: 0 10px 10px 0;
  padding: 0;
  border: 1px solid #eaeaea;
  font-size: 0; }

.social-network .image img {
  width: 50px;
  height: auto;
  margin: -3px 0 -3px -3px;
  padding: 0; }

.social-network a {
  position: relative;
  display: inline-block;
  width: 100%;
  z-index: 1; }

.social-network p,
.social-network .rich-text {
  position: absolute;
  top: 4px;
  left: 55px;
  margin: 0;
  font-size: 13px;
  line-height: 17px;
  color: #919191; }
  .social-network p strong,
  .social-network .rich-text strong {
    display: block;
    font-size: 15px;
    font-weight: normal;
    color: #000000; }

/*# sourceMappingURL=ayoub.css.map */

.intranetMyDocuments-view .view-actions,
.intranetTodoDocuments-view .view-actions/*,
.intranetAllDocuments-view .view-actions,
.intranetProcessView-view .view-actions*/{display:none;}

.intranetAllDocuments-view .view-header,
.intranetAllDocuments-view .view-header.view-has-actions,
.intranetMyDocuments-view .view-header.view-has-actions,
.intranetTodoDocuments-view .view-header.view-has-actions,
.intranetProcessView-view .view-header.view-has-actions{padding-top:20px;}

.intranetMyDocuments-view .handler-selectall,
.intranetTodoDocuments-view .handler-selectall{display:none;}

.intranetMyDocuments-view .table-view table.table tr td:first-child,
.intranetTodoDocuments-view .table-view table.table tr td:first-child {display:none;}

.intranetMyDocuments-view .table-view table.table tr th:first-child,
.intranetTodoDocuments-view .table-view table.table tr th:first-child {display:none;}

.intranetProcessView-view .view-has-actions .view-actions .action-create,
.intranetAllDocuments-view .view-has-actions .view-actions .action-create{
    display: none;
}

.searched-user-mobile:empty,.searched-user-phone:empty{visibility:hidden;}
.smallblock .userProfile-edit .vui-info-handler{display:none;}
.customer-map{height:225px;}
.back-to-customer-results span{vertical-align:middle;}
.back-to-customer-results span.material-icons{margin-right:5px;}
.panel .panel-contact .map {padding: 5px;}
/*.intranet-search div.VDocFrontFourNews2 { display: inline-block;width: 50%;}
.intranet-search .VDocFrontFourNews2#global-news .VFFN_OthersGrid_Item { width:96%}*/
.search-news-publishing-date td {display:block;}
.intranet-search .horizontal-top-tabs .field.search-news-publishing-date.cell-right input {width: 260px;margin-top: 5px;}
.icon.question{display:none;}
#leftPanelScrollApps .keywords{display:none;}
.sidebar-navigation ul li ul.panel-navigation__agency {display: none;}
.sidebar-navigation ul li ul.panel-navigation__customers {display: none;}
.intranet-search .view-area .searched-agency {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.intranet-search .view-area .searched-agency:hover {
    background-color: #6000FF;
    color: white;
    -webkit-box-shadow: 0px 0px 70px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 70px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 70px rgba(0, 0, 0, 0.1);
}
.intranet-search .view-area .searched-agency {
    display: inline-block;
    min-height: 290px;
    margin: 15px 20px 0 0;
    padding: 25px 20px 15px;
    vertical-align: top;
    border: 1px solid #f1f1f1;
    box-shadow: transparent;
    background-color: white;
    font-size: 14px;
}
.intranet-search .view-area .searched-agency .searched-agency-avatar-container {
    display: block;
    width: 85px;
    height: 85px;
    margin: 0 auto 15px;
    border-radius: 50%;
    overflow: hidden;
}

.intranet-search .view-area .searched-agency img{
	width:300px;
}

.intranet-search .view-area .searched-agency .searched-agency-info{
    margin-top: 13px;
}

.intranet-search .view-area .searched-agency .searched-agency-name{
	font-weight:500;
	font-size:16px;
}

.quicksearch-agencies.template,.quicksearch-customers.template{
	display:none;
}

.sidebar-navigation ul li ul.panel-navigation__agencies li.quicksearch-agencies:hover {
    background-color: #f9f9f9;
}
.sidebar-navigation ul li ul.panel-navigation__agencies li.quicksearch-agencies {

    position: relative;
    padding: 10px;
    clear: both;
    -webkit-transition: background-color 0.2s linear;
    -moz-transition: background-color 0.2s linear;
    -ms-transition: background-color 0.2s linear;
    -o-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
}

.sidebar-navigation ul li ul.panel-navigation__agencies li.quicksearch-agencies .agencies-infos p a {
    padding: 4px 8px;
    color: #96a2b4;
    -webkit-transition: color 0.2s linear;
    -moz-transition: color 0.2s linear;
    -ms-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    transition: color 0.2s linear;
}
.sidebar-navigation ul li ul.panel-navigation__agencies liquicksearch-agencies .agencies-infos a, .sidebar-navigation ul li ul.panel-navigation__agencies li.quicksearch-agencies .agencies-infos i {
    padding: 0;
}
.sidebar-navigation ul li ul.panel-navigation__agencies li.quicksearch-agencies .agencies-infos a {
    position: relative;
    display: inline;
    font-size: 15px;
    text-align: left;
    color: #000000;
}

.sidebar-navigation ul li ul.panel-navigation__agencies li.quicksearch-agencies .agencies-infos {
	 display: inline-block;
     vertical-align: top;
     width: calc(100% - 90px);
}

.sidebar-navigation ul li ul.panel-navigation__agencies li.quicksearch-agencies .phone-label{
		font-weight:500;
}

.sidebar-navigation ul li ul.panel-navigation__agencies li.quicksearch-agencies .agencies-name {
	font-weight:500;
}

.sidebar-navigation ul li ul.panel-navigation__agencies li.quicksearch-agencies .agencies-photo {
    max-width: 75px;
    width: 75px;
    height: 75px;
    margin-right: 10px;
    border-radius: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    display: inline-block;
    vertical-align: top;
}

.agency-map{
	width:100%;
	height:300px;
}

.agency-page-info{
	display :flex;
}

.agency-page-info-left{
	flex:50%;
}

.agency-page-info-right{
	flex:50%;
}

.panel-contact .cover-photo{
	width:100%;
}

.sidebar-navigation ul li .quicksearch-agencies a, .sidebar-navigation ul li .quicksearch-users a {
    padding: 0;
    text-align: left;
}

.sidebar-navigation ul li .quicksearch-agencies:hover,
.sidebar-navigation ul li .quicksearch-agencies.active,
.sidebar-navigation ul li .quicksearch-users:hover,
.sidebar-navigation ul li .quicksearch-users.active {
    border-left: 0px;
    background-color: #f9f9f9;
    color: #000000;
}

.sidebar-navigation ul li ul.panel-navigation__users li.quicksearch-user:hover {
    background-color: #f9f9f9;
}




.faq-container .faq-line {
	margin: 15px 0px;
}
.faq-container .faq-line .faq-seemore{
	font-weight:500;
	color:#FF33FF;
}

.faq-html-content{
	padding: 30px 50px;
}

.panel-shortcuts__large .shortcuts .info, .panel-shortcuts__small .shortcuts .info{
    left: auto;
}

.panel-shortcuts__large .shortcuts .info.help, .panel-shortcuts__small .shortcuts .info.help{
	left:3px;
	font-size:18px;
}

.youtube-lightbox .button-area{
	position: absolute;
    top: 6px;
    right: -6px;
}

.youtube-lightbox .content-area{
	margin-top: 60px;
}

.header {
	z-index:8000;
}

span.vui-noinfo-handler {
    display: none;
}

.section-highlighted .fields-group, .section-highlighted .section-highlighted .fields-group, .section.subsection {
	background:transparent !important;
}

.panel-navigation__title .see-more{
	position: inherit;
    display: inline;
    padding: 0px;
    text-align: center;
    color: #33CCFF;
	font-size: 14px;
}

.sidebar-navigation ul li a.see-more:hover{
    border-left: 0px;
    background-color: #efefef;
    color: #33CCFF;
}

.Panel .user-panel-right i{
	vertical-align: middle;
    height: 48px;
    width: 48px;
    line-height: 48px;
    background: #990066;
    border-radius: 50%;
    color: #fff;
    text-align: center;
}

.Panel .user-panel-right-list{
	list-style:none;
}

.Panel .user-panel-right-list li div span a{
	color : #990066;
}

.Panel .user-panel-right-list li div span a:hover{
	color : #000000;
	border-left: 2px solid transparent;
}

.Panel .user-panel-right-list li div span.number,.Panel .user-panel-right-list li div span.number{
	margin-right:10px;
}
.users-infos .users-phoneNumber:before{
	content : '\e0b0';
	font-family: 'Material Icons';
	vertical-align: middle;
	padding-right: 5px;
	font-size: 16px;
}
.users-infos .users-phoneNumber:empty,
.users-infos .users-mobilePhoneNumber:empty{
	display:none !important;
}

.users-infos .users-mobilePhoneNumber:before{
	content : '\e0d4';
	font-family: 'Material Icons';
	vertical-align: middle;
	padding-right: 5px;
	font-size: 16px;
}



.sidebar-navigation ul li ul.panel-navigation__users li.quicksearch-users .users-infos .users-fullName {
    display: block;
    margin-right: 10px;
    font-size: 16px;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.page .sidebar-navigation ul li ul.panel-navigation__users li.quicksearch-users .users-infos .users-fullName {
	display:inline-block;
	vertical-align: middle;
    margin-top: 9px;
    width: calc(100% - 50px);
    overflow: hidden;
}

.page .sidebar-navigation ul li ul.panel-navigation__users li.quicksearch-users .users-infos .users-mail {
    vertical-align: middle;
    /* line-height: 24px; */
    display: inline-block;
    /* height: 24px; */
    background: white;
    /* padding: 10px; */
    border-radius: 50%;
    float: right;
    height: 48px;
    width: 48px;
    text-align: center;
    line-height: 61px;
}
.page .sidebar-navigation ul li ul.panel-navigation__users li.quicksearch-users .hidden-xs .users-infos .users-mail {
    margin-top: -25px;
}

.sidebar-navigation ul li ul.panel-navigation__users li.quicksearch-users {
    position: relative;
    padding: 2px 10px;
    height: 77px;
    clear: both;
    -webkit-transition: background-color 0.2s linear;
    -moz-transition: background-color 0.2s linear;
    -ms-transition: background-color 0.2s linear;
    -o-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
}

.sidebar-navigation ul li ul.panel-navigation__users li.quicksearch-users .users-infos {
    margin-top: 5px;
}

.page .sidebar-navigation ul li ul.panel-navigation__users li.quicksearch-users:hover .users-infos .users-mail {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12);
}

.page .sidebar-navigation ul li ul.panel-navigation__users li.quicksearch-users .users-infos .users-mail i{
    transition: all ease-out 0.25s;
}

.page .sidebar-navigation ul li ul.panel-navigation__users li.quicksearch-users .users-infos .users-mail:hover i{
    transform: rotate(360deg);
}

.page .sidebar-navigation ul li ul.panel-navigation__users li.quicksearch-users .users-infos p {
    margin-top: 4px;
}

.Panel-Body .agency-phone span a{
	color:#6000FF;
}

.Panel-Heading .exit-faq span{
	vertical-align:middle;
}

.Panel-Heading .exit-faq {
	margin-right: 10px;
    color: white;
}

.Panel-Heading .separator{
	vertical-align: middle;
    color: white;
    margin-right: 10px;
}

.searched-agency-image-container{
	width: 300px;
    height: 150px;
    background: url(/intranet/easysite-resources/skins/visiateam/images/default-agency.png);
}

.agencies-map-container {
   	height: 600px;
}
#agenciesMap {
   	height: 100%;
}

.tootip-content .map-agency-info .map-agency-name{
	font-weight: 500;
    font-size: 16px;
	margin: 5px 0px;
}

.tootip-content .map-agency-info .map-agency-phone{
	margin-bottom: 5px;
}

#quickSearchAgenciesContainer .quicksearch-agencies .agencies-infos span.agencies-address{
	width: 280px;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

#quickSearchAgenciesContainer .quicksearch-agencies .agencies-infos span.agencies-complementaryAddress{
    display: block;
}

.sidebar-navigation ul li ul.panel-navigation__users li.quicksearch-users.template {
    display: none;
}

.sidebar-navigation ul li ul.panel-navigation__users li.quicksearch-users .users-photo {
    float: left;
    max-width: 50px;
    width: 50px;
    height: 50px;
    margin-right: 10px;
    border-radius: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.sidebar-navigation ul li ul.panel-navigation__users li.quicksearch-users .users-infos {
    margin-top: 5px;
    margin-left: 45px;
	position:relative;
}


.sidebar-navigation ul li ul.panel-navigation__users li.quicksearch-users .hidden-xs .users-infos {
	margin-left:60px;
}

.sidebar-navigation ul li ul.panel-navigation__users li.quicksearch-users .users-infos .users-fullName {
    display: block;
    margin-right: 10px;
    font-size: 16px;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}


.plugin-process-app-icon{
	display: inline-block;
    float: left;
    margin-top: 15px;
    margin-left: 15px;
    margin-right: 15px;
}

.plugin-process-app-icon i{
	font-size: 32px;
}

.left-panel-scroll{
	overflow-y:scroll;
}

.panel .map-header{
    background-color: rgb(77,106,121);
	color:white;
}

.panel .agencies-map-container {
	padding:0px;

}

.panel .map-side-panel {
	background-color:#f5f5f5;
	height:600px;
	overflow-y:scroll;
	padding:0px;
	position:relative;
}

.panel .map-side-panel .subtitle{
	height: 65px;
    padding: 12px 72px;
    border-bottom: 1px solid #e9e9e9;
	font-style:italic;
}

.panel .map-side-panel ul{
	list-style:none;
}

.panel .map-side-panel li.agency{
    border-bottom: 1px solid #e9e9e9;
	padding-left:15px;
	cursor:pointer;
	padding-top:5px;
    padding-bottom: 5px;
}

.panel .map-side-panel li.agency .agency-name{

}

.panel .map-side-panel li.agency .business-units{
	font-size: 12px;
    color: #8d8d8d;
}

.panel .map-side-panel li.agency:hover,.map-side-panel li.agency.active{
	background-color:#e4e4e4;
}

.vui-screen-view.intranetMyDocuments-view .view-has-actions .view-actions, .vui-screen-view.intranetMyDocuments-view .view-has-actions .view-selection{
	display:none;
}

.vui-screen-view.intranetMyDocuments-view .view-has-actions .view-options .handler-filter,
.vui-screen-view.intranetAllDocuments-view .view-options .handler-filter{
	margin-left:0;
}

.vui-screen-view.intranetMyDocuments-view .view-has-actions {
    padding-left: 0;
    padding-right: 0;
}

.userProfileIntranet-edit span.vui-info-handler{
		display:none;
}

.userProfileIntranet-edit strong.mandatory span{
	display:none;
}

.userProfileIntranet-edit .fields-group label{
	font-weight:500;
}

.user-panel-right-list div span{
	margin-left: 10px;
}
.Panel ul.user-panel-right-list li div span a{
	margin-left: 0px;
	padding-left: 0px;
}

td{
	white-space:inherit;
}

.panel-navigation{
	display:none;
}

.sidebar-navigation .left-panel-scroll > ul {
	position:relative;
}

.panel-shortcuts__large .shortcuts .shortcuts-block .help a{
	border-left:0px;
    font-size: 18px;
}

.sidebar-navigation .quicksearch-documents .searched-file .searched-filecenter-icon {
	margin-right: 5px;
    width: 48px;
    height: 48px;
    background-size: contain;
    display: inline-block;
    margin-left: 10px;
    margin-top: -2px;
    float: left;
}
@media (max-width: 544px) {
    .sidebar-navigation .quicksearch-documents .searched-file .searched-filecenter-icon {
        width: 24px;
        height: 24px;
        margin-top: 2px;
    }
    .sidebar-navigation .quicksearch-documents .searched-file .searched-filecenter-information {
        text-align: left;
        display: inline-block;
        width: calc(100% - 42px);
    }
}

.sidebar-navigation .quicksearch-documents .searched-file .searched-filecenter-information {
	text-align:left;
}


.sidebar-navigation ul li li.selected {
    background: #f9f9f9;
    border: 0;
    color: #000000;
}

li.selected .VDocFrontFourNews2 .VFFN_OthersGrid_Item .VFFN_news .VFFN_description::after {
    background-color: #f9f9f9;
	box-shadow: none;
}


.user-actions span:hover {
	transform: rotate(360deg);
}

.user-actions span{
    transition: all ease-out 0.25s;
}

.dayoff-number{
    display: inline-block;
    height: 22px;
    border-radius: 50%;
    line-height: 22px;
    text-align: center;
    margin-left: 5px;
    margin-right: 5px;
	font-weight:600;
}

.dayoff-number.official-balance{
	color:green;
}

.dayoff-number.requests-in-progress{
	color:grey;
}

.dayoff-number.theoretical-balance{
	color:orange;
}

.remaining-dayoff{
	margin-bottom: 10px;
}

.dayoff-calendar-button{
    height: 65px;
    width: 65px;
    background-color: white;
    border-radius: 50%;
    position: absolute;
    top: 160px;
    right: 20px;
	cursor:pointer;
    transition: all ease-out 0.25s;
}

.dayoff-calendar-button:before{
    content: '\e916';
    font-family: 'Material Icons';
    color: rgb(0, 150, 136);
    font-size: 32px;
    margin-left: 16px;
    margin-top: 15px;
    line-height: 35px;
    position: absolute;
}

.dayoff-calendar-button:hover {
	transform: rotate(360deg);
}


.Panel-white-content-news .Panel-Body{
	overflow:auto;
}

.my-dayoff-button-and-planning .button3{
	width:100%;
	padding:15px 0px;
}


.Panel-blue .Panel-Body .my-dayoff-button-and-planning ul li a:hover, .Panel-blue .Panel-Body .sitemap ul li a:hover {
    border-left: none;
}

.my-dayoff-button-and-planning .panel-shortcuts__large .shortcuts .shortcuts-block {
	width:100%;
}

@media (max-width: 1439px) and (min-width: 1025px){
	.my-dayoff-button-and-planning .panel-shortcuts__large .shortcuts .shortcuts-block {
		width: 115px !important;
	}
}

.plugin-filecenter .side-menu ul.side li:nth-child(2) {
	display:none;
}

.dayoff-table tr:nth-child(odd) {
	background: #f7f7f7;
}

.table-responsive-vertical .table th {
	color: #757575;
    vertical-align: bottom;
}

.table-responsive-vertical .table th{
	text-align:center;
	text-transform:none;
}

 .table-responsive-vertical .table td {
	text-align:center;
}

.table-responsive-vertical td .circle-number{
	height: 28px;
    width: 28px;
    color: white;
    border-radius: 50%;
    line-height: 28px;
    vertical-align: middle;
    text-align: center;
    margin-left: calc(50% - 10px);
    font-size: 14px;
}

.table-responsive-vertical td .circle-number-orange{
    background-color: #FF6600;
}

.table-responsive-vertical td .circle-number-grey{
    background-color: #cdcccc;
}

.Panel-orange .Panel-Body ul.neutral-list li i {
	height: 48px;
	width: 48px;
	line-height: 48px;
	color: #fff;
	text-align: center;
	border-radius: 50%;
	background: #FF6600;
	margin-right: 10px;
}
.Panel-orange .Panel-Body ul.neutral-list li a i {
	transition: all ease-out 0.2s;
}
.Panel-orange .Panel-Body ul.neutral-list li a:hover i {
	transform: scale(1.2);
}

.introjs-tooltipReferenceLayer .visiateam-intro.introjs-tooltip .introjs-tooltipbuttons .introjs-skipbutton::before {
	content: "\e5cd";
}
.intranet-search .horizontal-top-tabs .field.cell-right input[type="checkbox"]{
	width: inherit;
}

.Panel-white-news .VFFN_img{
	width: 64px;
    height: 64px;
    background-size: cover;
    border-radius: 50%;
}

.panel-collapse.closed .Panel-Body,
.panel-collapse.closed .Panel-Footer{
	display:none;
}

.Panel-Body .VFFN_img,
.Panel-white-news .VFFN_img,
.intranet-search .VFFN_img {
	width: 64px;
    height: 64px;
    background-size: cover;
    border-radius: 50%;
}

.vui-screen-document .document-top-buttons button.action-abort {
    background: #FF6600;
    color: white;
    border: none;
    box-shadow: none;
    padding: 12px 15px 12px 40px;
    box-shadow: 0 2px 5px rgba(0,0,0,.16),0 2px 10px rgba(0,0,0,.12);
}

.vui-screen-document .document-top-buttons button.action-abort span {
    display: inline-block;
}

.treatment-edit .document-main-buttons .action-abort:after {
    content: "backspace";
    position: absolute;
    top: 5px;
    left: 10px;
    color: white;
}

@media (max-width: 798px)
{
	.vui-screen-document .document-top-buttons button.action-abort span {
		display: none !important;
	}

	.vui-screen-document .document-top-buttons button.action-abort{
		padding: 13px 15px 31px 30px !important;
	}
}

.panel .map-side-panel .subtitle {
    height:initial;
    padding: 12px 15px;
}

.faq-html-content a,
.faq-html-content a:link,
.Panel-white-content-news .rich-text a,
.Panel-white-content-news .rich-text a:link{
	color:#33CCFF !important;
	cursor:pointer;
	text-decoration:underline;
}

.Panel-white-content-news .rich-text ul{
	word-break:normal;
}

.Panel-white-content-news .rich-text ul li{
	background-color:white;
	border:0px solid white;
}

.panel-shortcuts__small .shortcuts .shortcuts-block .help a,
.panel-shortcuts__large .shortcuts .shortcuts-block .help a {
	height:100%;
}

.panel .map-side-panel ul{
	position:relative;
}
/*.ui-datepicker-prev .ui-icon:after,
.dyntable-right-buttons .action-delete:after,
.date-field .action-buttonShow:after,
.date-field .action-buttonErase:after,
.dialog-content-confirm:before,
.vui-combobox-minus .button1.action-minus:after,
.panel-collapse > .Panel > .Panel-Heading:after,
.intranet-search .horizontal-top-tabs .informations p::before,
.ui-datepicker-header .ui-datepicker-prev .ui-icon:after,*/
*:after,
*:before {
	text-rendering: optimizeLegibility;
	font-feature-settings: "liga" 1;
}

.shortcuts-block .slice{
	position:absolute;
	top: 3px;
    right: 3px;
    border-radius: 2px;
	background-color: rgba(0, 0, 0, 0.4);
}

.shortcuts-block .slice div{
	height:24px;
	width:24px;
}

.datetime-field .time-field{
	display:inline-block;
}

.planning{
    text-align: center;
}

.planning input.button_resource {
   width: 100%;
}

.ui-dialog.ui-widget .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	border-radius:0px;
}

.sidebar-navigation .info{
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s, opacity 0.5s linear;
	position: absolute;
    top: 10px;
    right: 11px;
    background-color: #c00505;
    height: 16px;
    width: 16px;
    color: white;
    border-radius: 50%;
    line-height: 16px;
    font-size: 11px;
    text-align: center;
    vertical-align: middle;
    font-family: monospace;
}

.sidebar-navigation .slice{
	position: absolute;
    top: 10px;
    right: 11px;
}
.sidebar-navigation .slice div[data-loader='circle-side']{
	width: 16px;
    height: 16px;
}

.Panel-Body .ipoplan-filters{display:none;}

.Panel-Body .ipo-planning-legend-information.section{
	border:0px;
}

.panel-section .Panel .Panel-Body ul.ipo-planning-thematic-legend li,
.panel-section .Panel .Panel-Body ul.ipo-planning-thematic-legend li:last-child{
	padding:6px;
}

.Panel-Body .ipo-planning-legend-information.section h2{
	margin-left:0px;
	margin-bottom: 10px;
}

.Panel-Body .ipo-planning-legend-information.section h2 span{
	padding-left:0px;
}

.Panel-Body .ipoplan-reservation-nocorner{
    font-size: 1.1em;
    font-weight: 500;
	line-height: 22px;
}

.lightbox-content .iportaPlanning-updateReservation_GOTOMEETING .fields-group td:first-child,
.lightbox-content .iportaPlanning-createReservation_GOTOMEETING .fields-group td:first-child,
.lightbox-content .iportaPlanning-writeReservation_GOTOMEETING .fields-group td:first-child {
	width:30%;
}

.lightbox-content .iportaPlanning-updateReservation_GOTOMEETING .fields-group td:last-child,
.lightbox-content .iportaPlanning-createReservation_GOTOMEETING .fields-group td:last-child,
.lightbox-content .iportaPlanning-writeReservation_GOTOMEETING .fields-group td:last-child {
	width:70%;
}

.lightbox-content .iportaPlanning-updateReservation_GOTOMEETING .fields-group td,
.lightbox-content .iportaPlanning-createReservation_GOTOMEETING .fields-group td,
.lightbox-content .iportaPlanning-writeReservation_GOTOMEETING .fields-group td {
    display:table-cell;
}

.lightbox-content .iportaPlanning-updateReservation_GOTOMEETING .action-delete,
.lightbox-content .iportaPlanning-createReservation_GOTOMEETING .action-delete,
.lightbox-content .iportaPlanning-writeReservation_GOTOMEETING .action-delete{
	background-color :#dd5c5c;
	color:white;
}

.lightbox-content .iportaPlanning-updateReservation_GOTOMEETING .fields-group td.cell-right input.medium-field,
.lightbox-content .iportaPlanning-createReservation_GOTOMEETING .fields-group td.cell-right input.medium-field,
.lightbox-content .iportaPlanning-writeReservation_GOTOMEETING .fields-group td.cell-right input.medium-field{
	width:100% !important;
}

.lightbox-content .iportaPlanning-updateReservation_GOTOMEETING .cell-right a,
.lightbox-content .iportaPlanning-createReservation_GOTOMEETING .cell-right a,
.lightbox-content .iportaPlanning-writeReservation_GOTOMEETING .cell-right a,
.lightbox-content .iportaPlanning-updateReservation_GOTOMEETING .cell-right a:link,
.lightbox-content .iportaPlanning-createReservation_GOTOMEETING .cell-right a:link,
.lightbox-content .iportaPlanning-writeReservation_GOTOMEETING .cell-right a:link{
    color: #33CCFF !important;
    cursor: pointer;
    text-decoration: underline;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 500px;
    display: inline-block;
}

a.button.button3.create-process-document-button {
    white-space: normal;
}

.user-page .Panel .Panel-Body{
	padding: 0;
	background: #f8f8f8;
}

.user-page .Panel .Panel-Body .row{
	margin-right: 0px;
}

.user-page .user-panel-left{
	text-align: center;
}
.user-page .user-panel-left .user-photo{
	height: 120px;
    width: 120px;
    border-radius: 50%;
    margin: 0 auto 20px auto;
	background-size: cover;
    background-position: center center;
}

.user-page .user-panel-right{
    border-left: 1px solid #eee;
	background: white;
}


.user-page .user-panel-left{
	padding: 20px 20px 20px 36px;
}

.user-page .user-panel-right{
	padding: 20px;
}

.user-page .user-panel-left img{
	display:block;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    margin: 20px auto;
}

.user-page .user-panel-left a{
	display:block;
	margin-bottom: 10px;
	white-space: normal;
	margin-right: 0;
}

@media (max-width: 768px) {
	.user-page .user-panel-right{
		background: transparent;
		padding-left: 50px;
	}
}

.user-page .user-panel-left .user-social-icons span.image {
	display: inline-block;
}

.user-page .user-panel-left .user-social-icons img {
    width: 32px;
    height: 32px;
    border-radius: 0;
    margin: auto;
    padding: 0px;
}

body {
  height: 100%;
  background: #e5e5e5;
}

body, td {
  font-size: 14px;
}

/*Hover shortcuts heading and buttons*/

.panel-shortcuts__heading .shortcuts-heading__link,
button,
.popup-menu-handler,
.phone,
.mobile,
.map a,
a.home,
a.more,
a.button3,
.link-search,
.close-search,
.blockgraycontent a,
.filecenter-document-actions a.button,
.topbar .panel-tabs a.back-link,
.vui-basket-visible .selected-items,
.vui-basket-hidden .selected-items {
  position: relative;
}
.panel-shortcuts__heading .shortcuts-heading__link:before,
button:before,
.popup-menu-handler:before,
.phone:before,
.mobile:before,
.map a:before,
a.home:before,
a.more:before,
a.user:before,
a.button3:before,
.link-search:before,
.close-search:before,
.blockgraycontent a:before,
.filecenter-document-actions a.button:before,
.topbar .panel-tabs a.back-link:before,
.vui-basket-visible .selected-items:after,
.vui-basket-hidden .selected-items:after {
  left: 0;
  top: 0;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transform: scale3d(0, 0, 0);
  -moz-transform: scale3d(0, 0, 0);
  -ms-transform: scale3d(0, 0, 0);
  -o-transform: scale3d(0, 0, 0);
  transform: scale3d(0, 0, 0);
  -webkit-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition-duration: 250ms;
  transition-duration: 250ms;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: rgba(0, 0, 0, 0.12);
  z-index: 0;
  border-radius: 2px;
  opacity: 0;
  filter: alpha(opacity=0);
}
.panel-shortcuts__heading .shortcuts-heading__link:hover:before,
button:hover:before,
.popup-menu-handler:hover:before,
.phone:hover:before,
.mobile:hover:before,
.map a:hover:before,
a.home:hover:before,
a.more:hover:before,
a.button3:hover:before,
a.user:hover:before,
.link-search:hover:before,
.close-search:hover:before,
.blockgraycontent a:hover:before,
.filecenter-document-actions a.button:hover:before,
.topbar .panel-tabs a.back-link:hover:before,
.vui-basket-visible .selected-items:hover:after,
.vui-basket-hidden .selected-items:hover:after {
  -webkit-transform: scale3d(1, 1, 1);
  -moz-transform: scale3d(1, 1, 1);
  -ms-transform: scale3d(1, 1, 1);
  -o-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  opacity: 0.75;
  filter: alpha(opacity=50);
  border-radius: 2px;
}
.vui-basket-visible .selected-items:hover:after,
.vui-basket-hidden .selected-items:hover:after {
  border-radius: 50%;
}

.header .home {
  padding: 8px;
  height: 40px;
  width: 40px;
  margin: -2px 0 0 -3px;
}

.users-mail i {
  color: #6000FF;
}
a.faq-seemore:before {
  display: none;
}

/*.sidebar-navigation ul li ul.panel-navigation__directory li.directory-user .directory__user-infos p a.mail i {
  margin-right: 0;
}*/

.sidebar-navigation {
  border-right: 1px solid #dadada;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);

}
@media (max-width: 544px) {
  .sidebar-navigation ul li a {
    padding: 15px 0;
  }
}


.sidebar-navigation ul li ul.panel-navigation {
  left: 60px;
}

.sidebar-navigation ul li ul.panel-navigation__apps li a span {
  width: calc(100% - 39px);
}

/*Resize shortcuts in col-xs-8*/


/* 1. Extra-Large-screen*/


/* 2. Large-screen*/


/* 3. Small-screen*/

@media (max-width: 1920px) and (min-width: 1440px) {
  /* 1. */
  /*.col-xs-8 .shortcuts-block {
        width: calc(12% - 10px);
    }*/
}
@media (max-width: 1439px) and (min-width: 1366px) {
  /* 2. */
  /*.col-xs-8 .shortcuts-block {
        width: calc(16.66666% - 10px);
    }*/
}
@media (max-width: 1365px) {
  /* 3. */
  /*.shortcuts-block {
        width: calc(50% - 10px);/*j'ai surcharg� le -8px car il faut toujours 10px de marge entre les blocs*/
  /*}*/
  /*.col-xs-8 .shortcuts-block {
        width: calc(25% - 10px);
    }*/
  /*.VFFN_OthersGrid .VFFN_OthersGrid_Item:nth-child(4){
        display: none;*/
}

}

/*Footer position*/

/*.page-footer {
    position: absolute;
    bottom: 30px;
    width: 100%;
}*/

/*popup-menu-handler*/
.popup-menu-handler {
  display: inline-block;
  /*padding: 4px 12px;*/

  margin-bottom: 0;
  font-size: 13px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 0;
  border-radius: 2px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .16), 0 2px 10px rgba(0, 0, 0, .12);
  background-color: #ffffff;
  color: #000000;
}
.popup-menu-handler.handler-create, .popup-menu-handler.handler-create span {
  background: #6000FF;
}
.popup-menu-handler.handler-create span a {
  color: #fff;
}
.popup-menu-handler.handler-create .button-imgr {
  filter: brightness(200%);
  -webkit-filter: brightness(200%);
  -moz-filter: brightness(200%);
  -o-filter: brightness(200%);
  -ms-filter: brightness(200%);
}
.popup-menu-handler span, .popup-menu-handler img {
  position: relative;
}
.popup-menu-handler, .popup-menu-handler IMG, .popup-menu-handler SPAN {
  height: inherit;
  line-height: inherit;
  background-image: none;
  background-color: #fff;
}
.popup-menu-handler .button-imgr, .popup-menu-handler-single:hover .button-imgr {
  background-image: url("../images/arrow-down.png");
  background-repeat: no-repeat;
  background-position: 50%;
  background-color: transparent;
}
.popup-menu-handler-single:hover SPAN {
  background: none;
}
.popup-menu-handler-dropdown-only .button-imgr {
  width: 22px;
}
.view-actions {
  margin-bottom: 5px;
}
.view-actions .popup-menu-handler, .view-header .popup-menu-handler, .view-actions> * {
  margin: inherit;
  margin-right: 10px;
}
.view-has-actions .view-actions {
  top: 0px;
  left: 0px;
}
.view-options button, .view-options .popup-menu-handler, .pager .popup-menu-handler {
  box-shadow: none;
}
.panel-section .Panel .Panel-Body .table-view ul li {
  border-left: 0;
}
.view-header .pager .itemsperpage, .view-header .pager .items, .view-header .pager .browser {
  margin-left: 5px;
}
.view-header .view-options .popup-menu-handler, .view-header .view-options BUTTON {
  margin-right: 0;
  margin-left: 10px;
}
button.handler-filter, .view-header .view-options button.action-refresh {
  width: inherit;
  height: inherit;
  padding: 15px 23px;
  background-color: #fff;
}
.handler-sorter {
  padding: 4px 12px;
  ;
}
.handler-sorter-screen {
  margin-top: 8px;
}
.handler-filter-screen {
  border: 0;
}
.handler-filter-screen .fields-group label {
  text-align: left;
}
.filter select, .filter input {
  margin-right: 10px;
}
.applied-filter button:before {
  display: none;
}
.applied-filter button {
  padding: 0;
  box-shadow: none;
}
.handler-filter-screen .applied-filter .action-deleteFilter {
  margin-top: 3px;
}
.view-header .popup-menu-handler.handler-displaymode .button-imgr {
  background-image: url("../images/displaymode.png");
}

.planning {
    margin-left: 0;
    overflow-x: auto;
}

/*drag&drop zone*/
.fc-dropzone-view table {
  width: 100%;
}
.fc-dropzone-view .vui-file-upload {
  padding: 0;
}
.fc-dropzone-view .vui-file-upload .files {
  padding: 20px;
}
.fc-dropzone-view .vui-file-upload .files .dropfiles-helper {
  padding: 10px 0;
}
.fc-dropzone-view .vui-file-upload {
  border: 1px dashed #E6E6E6;
}
.vui-file-upload .files {
  border: 2px dashed transparent;
  border-radius: 6px;
  transition: all ease-out 0.25s;
  padding: 10px 0;
  background-color: transparent;
}
.vui-file-upload .dropfiles {
  border: 2px dashed #ddd;
  background-color: #fff;
}

/*Side Menu (vertical)*/
.side-menu {
  background: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  width: 100%;
}
.side-menu .side {
  width: 100%;
}
.side-menu .side li {
  background: transparent;
  border: 0;
  margin: 0;
}
.side-menu .side a {
  font-size: 13px;
  color: #4C4C4C;
  font-weight: 500;
  padding: 14px 20px;
}
.side-menu .side a:hover, .side-menu .side a.current:hover {
  padding: 14px 20px;
  background: #6000FF;
  color: #fff;
}
.side-menu .side a.current {
  background: #f1f1f1;
}

/*forms elements*/
select, textarea {
  border: 1px solid #e0e0e0;
  padding: 5px;
}
select {
  padding: 5px 0;
}
textarea:focus, textarea:focus {
  border: 1px solid #33CCFF;
}

/*layout*/
#main .container-fluid:nth-child(2) .panel-section {
  margin-top: 0;
}
.streamline {
  margin-bottom: 25px;
}
.informations {
  background: url(../images/info_outline.png) no-repeat left 9px;
  padding: 5px 5px 5px 30px;
}

/*******************************plugin process********************************/

/*wizzard*/
.wizard-area .picture {
  display: none;
}
.panel-section .Panel .Panel-Body .screen ul li {
  border: 0;
}

/*-------------------top buttons-------------------------------------------*/
.treatment-edit .document-top-buttons {
  border-bottom: 2px solid #eee;
  text-align: right;
  padding: 10px 0;
}
.treatment-edit .document-main-buttons button:after,
.treatment-edit .document-workflow-buttons button:after,
.treatment-edit .document-secondary-buttons button:after,
.action-subscribe:after,
.action-unsubscribe:after,
.action-consult:after,
.view-has-actions .view-actions .action-delete:after,
.action-close:after,
.table-view .unsorted:after,
.table-view .sort-ascending:after,
.table-view .sort-descending:after,
.treatment-edit .document-main-buttons .action-Generation-Navision:after {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */

  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  padding-top: 4px;
  color: #000000;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga" 1;
}

.vui-screen-document.treatment-edit .document-main-buttons,
.vui-screen-document.treatment-edit .document-secondary-buttons,
.vui-screen-document.treatment-edit .document-workflow-buttons {
  box-shadow: none;
  display: inline-block;
  padding: 0;
  font-size: 0;
}
.treatment-edit .document-main-buttons button span,
.treatment-edit .document-secondary-buttons button span {
  display: none;
}
.treatment-edit .document-main-buttons .action-saveandclose {
  display: none;
}
.treatment-edit .document-main-buttons .action-close:after {
  content: "exit_to_app";
}
.treatment-edit .document-main-buttons .action-header:after {
  content: "info_outline";
}
.treatment-edit .document-main-buttons .action-saveandclose:after {
  content: "close";
}
.treatment-edit .document-main-buttons .action-abort:after {
  content: "backspace";
}
.treatment-edit .document-main-buttons .action-history:after {
  content: "restore";
}
.treatment-edit .document-main-buttons .action-cancel-delegation:after {
  content: "keyboard_return";
}
.treatment-edit .document-main-buttons .action-delegate-treatment:after {
  content: "swap_horiz";
}
.treatment-edit .document-main-buttons .action-sendinformationmail:after {
  content: "mail_outline";
}
.treatment-edit .document-main-buttons .action-Generation-Navision:after {
  content: "find_in_page";
}
.treatment-edit .document-secondary-buttons .action-help:after {
  content: "help_outline";
}
.treatment-edit .document-secondary-buttons .action-print:after {
  content: "print";
}
.treatment-edit .document-secondary-buttons .action-BackToParent:after {
  content: "arrow_back";
}
.treatment-edit .document-main-buttons .action-copy:after {
  content: "content_copy";
}

.table-view .unsorted,
.table-view .sort-ascending,
.table-view .sort-descending {
  padding: 0;
}
.table-view .unsorted:after {
  content: "code";
  transform: rotate(90deg);
  vertical-align: middle;
  margin-left: 10px;
  font-size: 16px
}
.table-view .sort-ascending:after {
  content: "keyboard_arrow_up";
  vertical-align: middle;
  margin-left: 10px;
  margin-top: -7px;
  font-size: 16px
}
.table-view .sort-descending:after {
  content: "keyboard_arrow_down";
  vertical-align: middle;
  margin-left: 10px;
  margin-top: -7px;
  font-size: 16px;
}

.table-view .unsorted,
.table-view .sort-ascending,
.table-view .sort-descending {
  background: none;
  white-space: nowrap;
}
.table-view .unsorted a,
.table-view .sort-ascending a,
.table-view .sort-descending a {
  vertical-align: middle;
}



.button1.action-subscribe {
  background: transparent;
  box-shadow: none;
  padding: 0 4px;
}
.action-subscribe span {
  display: none;
}
.action-subscribe:after {
  content: "star_border";
}

.view-has-actions .view-actions .action-delete span {
  display: none;
}
.view-has-actions .view-actions .action-delete:after {
  content: "delete";
}
.view-has-actions .view-actions .action-delete[title="Supprimer d�finitivement"]:after {
  content: "delete_forever";
}

.button1.action-unsubscribe {
  background: transparent;
  box-shadow: none;
  padding: 0 4px;
}
.action-unsubscribe span {
  display: none;
}
.action-unsubscribe:after {
  content: "star";
  color: #FF9900;
}

.button1.action-consult {
  background: transparent;
  box-shadow: none;
  padding: 0 4px;
}
.action-consult span {
  display: none;
}
.action-consult:after {
  content: "mode_edit";
}

.dyntable-right-buttons .action-delete:after {
  content: "delete";
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */

  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  padding-top: 4px;
  color: #000000;
}
.dyntable-right-buttons .action-delete span {
  display: none;
}

/*--------------------end top buttons--------------------------*/

/*Section*/
.vui-section h2:before {
  transition: all ease-out 0.25s;
  content: "expand_more";
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */

  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  padding-top: 4px;
  color: #000000;
  vertical-align: middle;
  margin-top: -5px;
  cursor: pointer;
}
.vui-section.vui-section-expanded h2:before{
  transform: rotate(0deg);
}
.vui-section.vui-section-collapsed h2:before{
  transform: rotate(-90deg);
  margin: 0px 4px -2px -4px;
}

.section h2 span, .subsection h2 span {
  background: transparent;
  color: #000000;
  font-size: 18px;
  padding-left: 5px;
  display: inline-block;
  vertical-align: middle;
}
.section .section {
  margin: 0;
}
.section, .section .section {
  border: 0;
  border-left: 2px solid #eee;
  position: relative;
}
.section .section.subsection {
  border-left: 2px solid #ccc;
}

.section .section.subsection .section.subsection{
  border-left: 2px solid #aaa;
}

.section .fields-group, .section .section .fields-group {
  /*background: #f9f9f9;*/
  padding: 15px;
  margin-top: 10px;
  margin-right: 15px;
}

.section, .subsection, .section-highlighted, .subsection-highlighted {
    margin-top: 15px;
}

/*Section highlighted*/
.section-highlighted h2 span, .section-highlighted .section-highlighted h2 span {
  color: #6000FF;
}
.section-highlighted, .section-highlighted .section-highlighted {
  border: 0;
  border-left: 2px solid #6000FF;
  padding-left: 20px;
  position: relative;
}
.section-highlighted .fields-group, .section-highlighted .section-highlighted .fields-group {
  background: #f9f9f9;
  padding: 15px;
  margin-top: 10px;
  margin-right: 15px;
}

.topbar .process-header.panel-tabs h1 {
  padding: 15px 30px 15px 70px;
}
.topbar .process-header.panel-tabs {
  position: relative;
}
.topbar .process-header.panel-tabs .plugin-process-app-icon {
  position: absolute;
  left: 13px;
  top: -2px;
  color: #000000;
}

.error {
  border: 1px solid #ff4a4a;
  background-color: #ff6e6e;
  color: #fff;
  border-radius: 3px;
}

/*selector*/
.vui-selector .list-view .detail .properties {
    margin: 0;
}

/*vui-combobox*/
.vui-combobox, .vui-combobox-multi {
  padding: 0;
  /* background: url(../images/vui-combobox-small.png) no-repeat left top; */

  height: auto;
  border: 0;
  background-color: transparent;
  background-image: none;
}
.vui-combobox input, .vui-combobox-multi input {
  padding: 6px 0 6px 2px;
  background: #fff;
  border: 1px solid #e0e0e0;
  transition: all ease-out 0.2s;
}
.vui-combobox input:focus, .vui-combobox-multi input:focus {
  border: 1px solid #33CCFF;
}
.vui-combobox.vui-selector-field .vui-combobox-opener {
  background: url(../images/more-horiz.png) no-repeat left top #fff;
  vertical-align: middle;
  padding: 0px;
  height: 32px;
  width: 30px;
  border: 1px solid #e0e0e0;
  border-left: 0;
  margin-left: -3px;
}
.vui-combobox.vui-selector-field .vui-combobox-opener:hover {
  background-color: #efefef;
  background: url(../images/more-horiz.png) no-repeat left top #efefef;
  vertical-align: middle;
  padding: 0px;
  height: 32px;
  width: 30px;
  border: 1px solid #e0e0e0;
  border-left: 0;
  margin-left: -3px;
}
.vui-combobox .vui-combobox-opener, .vui-combobox-multi .vui-combobox-opener {
  background: url(../images/arrow-down2.png) no-repeat left top #fff;
  vertical-align: middle;
  padding: 0px;
  height: 32px;
  width: 30px;
  border: 1px solid #e0e0e0;
  border-left: 0;
  margin-left: -3px;
}
.vui-combobox .vui-combobox-opener:hover, .vui-combobox-multi .vui-combobox-opener:hover {
  background-color: #efefef;
  background: url(../images/arrow-down2.png) no-repeat left top #efefef;
  vertical-align: middle;
  padding: 0px;
  height: 32px;
  width: 30px;
  border: 1px solid #e0e0e0;
  border-left: 0;
  margin-left: -3px;
}
.vui-combobox-multi .vui-combobox-opener, .vui-combobox-multi .vui-combobox-opener:hover {
  margin-left: 0;
}
.vui-error-indicator {
  background-image: url(../images/vui-error-indicator.png);
}
.vui-context-message {
  border-radius: 0;
}
.vui-context-error {
  background-color: #fe6363;
  color: #fff;
  border-color: #fe6363;
}
.vui-context-error .vui-arrow-bottom {
  background-image: url(../images/vui-error-arrowb.png);
}
.vui-context-error .vui-arrow-top {
  background-image: url(../images/vui-error-arrowt.png);
}
.vui-context-info {
  background-color: #FFBC2C;
  color: #fff;
  border-color: #FFBC2C;
}
.vui-context-info .vui-arrow-bottom {
  background-image: url(../images/vui-info-arrowb.png);
}
.vui-context-info .vui-arrow-top {
  background-image: url(../images/vui-info-arrowt.png);
}

/*pager*/
.view-header .pager .browser strong, .view-header .pager .browser a {
  padding: 5px 0;
  border-radius: 2px;
  width: 27px;
  text-align: center;
  font-family: "arial";
}
.view-header .pager .browser strong {
  background-color: #6000FF;
}
.view-header .pager .browser a:link {
  background-color: #fff;
  color: #000000;
}
.view-header .pager .browser a:hover {
  background-color: #FF33FF;
  color: #fff;
}

/*Button signin with moovapps*/
.text-center {
  text-align: center;
}
.btn-lg, .btn-group-lg> .btn {
  padding: 0;
  font-size: 14px;
  line-height: 1.0000003;
  border-radius: 2px;
}
.btn-moovapps {
  background-color: #00adb0;
  color: #fff;
}
.btn-moovapps span {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.btn-moovapps span:nth-child(2) {
  margin: 0 12px 0 10px;
}
.btn-moovapps .icon-moovapps {
  background: url('../images/icon-moovapps.png') no-repeat center center #009294;
  padding: 20px;
  border-radius: 2px 0 0 2px;
}

/*Datepicker*/
.ui-datepicker {
  border-radius: 0;
  box-shadow: 0 3px 7px 2px rgba(0, 0, 0, 0.25);
  border: 0;
  padding: 0;
}
.ui-datepicker .ui-datepicker-header {
  margin: 0;
  padding: 12px;
}
.ui-widget-header {
  background-image: none;
  background: #3399CC;
  font-weight: normal;
  border: 0;
  border-radius: 0;
}
.ui-datepicker select {
  border: 0;
}
.ui-datepicker select.ui-datepicker-year {
  width: 62px;
}
.ui-widget-header .ui-icon {
  background-image: none;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  height: inherit;
  width: inherit;
  cursor: pointer;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
  display: none;
}
.ui-datepicker .ui-datepicker-prev:before {
  content: "keyboard_arrow_left";
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */

  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  padding-top: 4px;
  color: #fff;
}
.ui-datepicker .ui-datepicker-next:before {
  content: "keyboard_arrow_right";
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */

  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  padding-top: 4px;
  color: #fff;
}
.ui-datepicker .ui-datepicker-next span {}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  border: 0;
  border-left: 1px solid transparent;
  border-left: 1px solid transparent;
  background: rgba(0, 0, 0, 0.25);
  background-image: none;
  font-weight: normal;
  color: inherit;
}
.ui-datepicker .ui-datepicker-prev {
  left: 5px;
  border-radius: 50%;
  padding: 0 4px;
}
.ui-datepicker .ui-datepicker-prev-hover {
  left: 4px;
  border-radius: 50%;
  padding: 0 4px;
}
.ui-datepicker .ui-datepicker-next {
  right: 5px;
  border-radius: 50%;
  padding: 0 4px;
}
.ui-datepicker .ui-datepicker-next-hover {
  right: 5px;
  border-radius: 50%;
  padding: 0 4px;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  top: 10px;
}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
  top: 10px;
}
.ui-datepicker-calendar th span {
  color: #c5c5c5;
}
.ui-datepicker td a:link, .ui-datepicker td a:visited {
  padding: 9px 10px;
}
.ui-datepicker td span, .ui-datepicker td a {
  text-align: center;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border: 0;
  background-image: none;
  border-radius: 50%;
  background-color: #fff;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-datepicker-calendar .ui-datepicker-week-end .ui-state-hover {
  background-color: rgba(0, 0, 0, 0.25)
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  background: #3399CC;
  color: #fff;
}
.ui-datepicker-calendar .ui-datepicker-today A:link, .ui-datepicker-calendar .ui-datepicker-today A:visited {
  padding: 9px 10px;
  border: 0;
  background-color: white;
  box-shadow: 0 0 0px 2px #3399CC inset;
}
.ui-datepicker .ui-datepicker-buttonpane {
  border: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
  color: #3399CC;
  font-weight: 500;
  box-shadow: none;
}
td.ui-datepicker-week-col {
  padding: 10px;
  background-position: right center;
}
.date-field .action-buttonShow, .date-field .action-buttonErase {
  background: none !important;
  width: inherit;
  height: inherit;
  box-shadow: none;
}
.date-field .action-buttonShow:after {
  content: "date_range";
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga" 1;
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  padding-top: 4px;
  color: #000000;
}
.date-field .action-buttonShow span {
  display: none;
}
.date-field .action-buttonErase:after {
  content: "close";
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */

  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  padding-top: 4px;
  color: #fe6363;
}
.fields-group .radiogroup label {
  font-weight: 400;
  color: #888;
}
input, select, textarea, .dropfiles-helper {
  color: #888;
}

/*hr*/
hr {
  border: 0;
  border-top: 1px solid #bfbfbf;
}

.panel-section .Panel .Panel-Body ul.user-panel-right-list li{
 border: 0;
}

/*lightbox*/
@media (min-width: 769px) {
  .lightbox-content {
    border-radius: 10px;
  }
}
#cboxContent {
  padding: 10px;
}

.buttons-group.vui-combobox-actions {
  padding-top: 7px;
}
.vui-combobox-plus .button1,
.vui-combobox-minus .button1 {
  background: none !important;
  padding: 5px 7px 2px;
  height: inherit;
  box-shadow: none;
  margin-top: -3px;
}
.vui-combobox-minus .button1.action-minus {
  position: relative;
  padding: 11px 10px 10px 30px
}
.vui-combobox-plus .button1.action-plus:after{
  content: "add";
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */

  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  color: #000000;
}
.vui-combobox-minus .button1.action-minus:after{
  content: "remove";
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */

  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  color: #000000;
  position: absolute;
  left: 5px;
  top: 4px;
}
.vui-selector-selected-items .vui-combobox-minus .button1:hover span,
.vui-selector-selected-items .vui-combobox-minus .button1:active span {
color: #000000;
}
/*.lightbox-content .vui-screen-document .fields-group td {
  display: block !important;
}*/

.lightbox-content .fields-group td {
  display: block;
  padding-bottom: 5px;
}
.lightbox-content .vui-combobox-selected-items.vui-selector-selected-items {
  display: inline-block;
  vertical-align: middle;
  margin-left: 20px;
  margin-top: -2px;
}
.vui-combobox-minus button{
  box-shadow: none;
}
.lightbox-content .vui-selector-view .detail {
  margin-bottom: 0;
  padding-bottom: 5px;
}
.lightbox-content .vui-selector-view .detail .properties {
  margin: 0;
}
.lightbox-content .vui-selector-view .detail .title h4 {
  margin: 0 0 0 10px;
}
.lightbox-content .fields-group td.title {
  padding: 0;
}
.lightbox-content .vui-selector-view .detail .date,
.lightbox-content .vui-selector-view .detail .author,
.lightbox-content .vui-selector-view .detail .properties,
.lightbox-content .vui-selector-view .detail .extended-properties,
.lightbox-content .vui-selector-view .detail .property,
.lightbox-content .vui-selector-view .detail .path {
}

.vui-selector-view .list-view .horizontal td{
    padding: 0;
}
.vui-selector-view .list-view .detail{
    padding: 0;
    margin: 0;
}

.lightbox-panel .informations {
  background: none;
  padding-left: 0;
}
.lightbox-panel .informations p {
  display: inline-block;
  vertical-align: middle;
}
.dialog-content-information {
  background: none !important;
  padding-left: 0;
}

.lightbox-content .wizard-guide .informations h2 {
    display: inline-block;
    vertical-align: middle;
    margin-top: 15px;
}
.lightbox-content .wizard-guide .informations span {
  display: block;
}
.lightbox-content .vui-screen-document {
  background: transparent;
}

.lightbox-panel .informations:before,
.dialog-content-information:before {
  content: "info_outline";
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */

  display: inline-block;
  vertical-align: middle;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  color: #000000;
}
.dialog-content-information:before {
  margin: -5px 5px 0 0;
}


.vui-combobox-single.vui-selector-field .vui-combobox-input-autocomplete {
  padding-left: 25px;
}
.vui-combobox-single.vui-selector-field {
  position: relative;
}
.vui-combobox-single.vui-selector-field img.vui-delete {
  position: absolute;
  left: 5px;
  top: 8px;
}

/*tri*/
.list-sort, .list-sort label, .fields-group .list-sort label {
  text-align: left;
}

/*process table layout*/
/*.smallblock td.C0 {
  width: 350px;
}*/
.intranetMyDocuments-view,
.intranetAllDocuments-view,
.intranetTodoDocuments-view,
.intranetProcessView-view{
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
.group-process-nav .tab-title a, .group-process-nav .tab-title span {
  width: 100%;
  margin: 0;
  padding: 15px;
  box-shadow: none;
  background: none;
  display: inline-block;
  font-size: 15px;
  font-weight: 500;
  text-transform: uppercase;
  color: #9E9E9E;
}
.screen .view-area .table-view table td a {
  color: #6000FF;
}
.screen .view-area .table-view table td a:hover {
  text-decoration: underline;
}

/*news*/
.Panel-white-content-news .Panel-Footer ul, .Panel-white-content-news .Panel-Footer p {
  text-align: left;
}
.Panel-white-content-news .Panel-Footer ul li {
  list-style: none;
}

/*preload*/
[data-loader='circle-side'] {
  position: relative;
  width: 48px;
  height: 48px;
  -webkit-animation: circle infinite .75s linear, test 2s infinite linear;
  -moz-animation: circle infinite .75s linear, test 2s infinite linear;
  -o-animation: circle infinite .75s linear, test 2s infinite linear;
  animation: circle infinite .75s linear, test 2s infinite linear;
  border: 2px solid #6000FF;
  border-top-color: rgba(0, 0, 0, .1);
  border-right-color: rgba(0, 0, 0, .1);
  border-bottom-color: rgba(0, 0, 0, .1);
  border-radius: 100%;
}
@keyframes test {
  100%, 0% {
    border-left-color: #FF257D;
  }
  40% {
    border-left-color: #6000FF;
  }
  66% {
    border-left-color: #66D8FF;
  }
  80%, 90% {
    border-left-color: #FF9900;
  }
}
@-webkit-keyframes circle {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes circle {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes circle {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes circle {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
#ui-loader-background .slice {
  position: relative;
  background-color: #fff;
  padding: 10px;
  border-radius: 50%;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
}
#ui-loader-background .slice:after {
  content: "";
  position: absolute;
  top: 25px;
  left: 22px;
  background-image: url("../images/logo-visiativ-loader.svg");
  background-repeat: no-repeat;
  background-position: center;
  width: 25px;
  height: 22px;
  z-index: 1000;
}

/* Simples tables */
.section.document-history table {
  border-collapse: collapse!important;
  border: none;
  width: 100%;
  max-width: 100%;
}
.section.section.document-history table>tbody>tr>td, .section.section.document-history table>tbody>tr>th, .section.section.document-history table>tfoot>tr>td, .section.section.document-history table>tfoot>tr>th, .section.section.document-history table>thead>tr>td, .section.section.document-history table>thead>tr>th {
  padding: 15px;
  line-height: 1.42857143;
  vertical-align: top;
  border: 0px;
  border-top: 1px solid #F5F5F5;
  background: white;
  text-align: center;
  font-weight: 300;
}
.section.section.document-history table>thead>tr>th, .section.section.document-history table>tbody>tr>th, .section.section.document-history table>tfoot>tr>th {
  font-weight: 700;
  text-transform: uppercase;
}
.section.section.document-history table td.cell1 {
  background: #f0f0f0;
}
.section.section.document-history table td.cell2 {
  background: #fff;
}

/*wizzard lightbox*/
.wizard-guide {
  padding: 15px 0;
  /*background-color: #f0f0f0;*/
}
.wizard-form ul {
  margin: 10px 0;
  padding: 0 0 0 20px;
}

/*news*/

/*.VDocFrontFourNews2 .VFFN_OthersGrid_Item .VFFN_news h4 {
    margin: 0;
    padding: 0;
    display: inline-block;
    font-size: 16px;
    vertical-align: top;
    font-weight: 500;
    max-width: calc(100% - 80px);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.VDocFrontFourNews2 .VFFN_OthersGrid_Item .VFFN_news .VFFN_date {
    float: right;
    margin-top: 2px;
}

.VDocFrontFourNews2 .VFFN_OthersGrid_Item .VFFN_news .VFFN_description {
    overflow: hidden;
    height: 38px;
    position: relative;
}

.VDocFrontFourNews2 .VFFN_OthersGrid_Item a .VFFN_news .VFFN_description:after {
    content: "";
    width: 58px;
    height: 15px;
    background-color: #fff;
    position: absolute;
    bottom: -6px;
    right: -2px;
    box-shadow: -3px -3px 10px 10px #fff;
    border-radius: 50% 0 0 0;
}
.VDocFrontFourNews2 .VFFN_OthersGrid_Item a:hover .VFFN_news .VFFN_description:after {
    background-color: #f9f9f9;
    box-shadow: -3px -3px 10px 10px #f9f9f9;
}

.VDocFrontFourNews2 .VFFN_OthersGrid_Item {
    padding: 0;
    transition: inherit;
    background-color: inherit;
}
.VDocFrontFourNews2 .VFFN_OthersGrid_Item a {
    display: inline-block;
    padding: 14px 20px 14px;
}
.VDocFrontFourNews2 .VFFN_OthersGrid_Item a:hover {
    background-color: #f9f9f9;
}

.VDocFrontFourNews2 .VFFN_OthersGrid_Item .VFFN_news {
    padding-left: 0;
    width: calc(100% - 84px);
    display: inline-block;
}*/

.VDocFrontFourNews2 .VFFN_OthersGrid_Item .VFFN_news h4 {
  display: block;
}

.VDocFrontFourNews2 .VFFN_OthersGrid_Item a {
  padding: 7px 20px 1px;
}

@media (max-width: 1920px) {
  .VDocFrontFourNews2 .VFFN_OthersGrid_Item a {
      padding: 10px 20px 5px;
  }
}
@media (max-width: 1829px) {
  .VDocFrontFourNews2 .VFFN_OthersGrid_Item a {
      padding: 25px 20px 18px;
  }
}
@media (max-width: 1680px) {
  .VDocFrontFourNews2 .VFFN_OthersGrid_Item a {
      padding: 15px 20px 15px;
  }
}
@media (max-width: 1536px) {
  .VDocFrontFourNews2 .VFFN_OthersGrid_Item a {
      padding: 12px 20px 5px;
  }
}
@media (max-width: 1440px) {
  .VDocFrontFourNews2 .VFFN_OthersGrid_Item a {
      padding: 30px 20px 29px;
  }
}
@media (max-width: 1280px) {
  .VDocFrontFourNews2 .VFFN_OthersGrid_Item a {
      padding: 20px 20px 19px;
  }
}
@media (max-width: 1150px) {
  .VDocFrontFourNews2 .VFFN_OthersGrid_Item a {
      padding: 10px 20px 2px;
  }
}

@media (min-width: 992px) and (max-width: 2030px) {
  .VDocFrontFourNews2 .VFFN_OthersGrid_Item:nth-child(4) {
    border-bottom: 0;
  }
  .VDocFrontFourNews2 .VFFN_OthersGrid_Item:nth-child(5) {
    display: none;
  }
}

@media (min-width: 992px) and (max-width: 1829px) {
  .VDocFrontFourNews2 .VFFN_OthersGrid_Item:nth-child(3) {
    border-bottom: 0;
  }
  .VDocFrontFourNews2 .VFFN_OthersGrid_Item:nth-child(4) {
    display: none;
  }
}

@media (min-width: 992px) and (max-width: 1440px) {
  .VDocFrontFourNews2 .VFFN_OthersGrid_Item:nth-child(2) {
    border-bottom: 0;
  }
  .VDocFrontFourNews2 .VFFN_OthersGrid_Item:nth-child(3) {
    display: none;
  }
}


.intranet-search .view-area .searched-customer {
  vertical-align: top;
}

@media (max-width: 1460px) {
  .searched-customer {
    width: 100%;
}
}

.intranet-search .view-area .searched-customer .customers-info {
  width: 75%;
  min-height: 120px;
}
.intranet-search .view-area .searched-customer .customers-complementary {
    width: 25%;
}
.screen.vui-screen-view .empty .empty-image,
.intranet-search .empty {
	height: 220px;
	width: 168px;
	background: url(../images/noelement.png) no-repeat center center;
	margin: 0 auto;
	font-size: 23px;
	font-weight: 300;
	display: flex;
	align-items: flex-end;
	justify-content: center;
}

.topbar .panel-tabs a.back-link,
.topbar .panel-tabs a.back-link:link,
.topbar .panel-tabs a.back-link:visited {
  padding: 0;
  color: #000000;
  border: 0;
  margin-left: 20px;
  margin-top: -11px;
  vertical-align: middle;
  padding: 7px 8px 4px;
  margin-right: -10px;
}
.topbar .panel-tabs a.back-link:hover,
.topbar .panel-tabs a.back-link:active {
  border: 0;
}


/*.poweredbymoovappsprocess {
    font-size: 12px;
    position: absolute;
    right: 20px;
}

.poweredbymoovappsprocess a:link, .poweredbymoovappsprocess a:visited, .poweredbymoovappsprocess a:focus {
    color: #2196F3;
}
.poweredbymoovappsprocess a:hover{
    text-decoration: underline;
}*/
.Panel.panel-contact .Panel-Heading {
  height: inherit;
  border-radius: 2px 2px 0 0;
  box-shadow: none;
  position: relative;
  background: #6000FF;
}
.Panel.panel-contact .Panel-Heading p {
  display: block;
  margin-top: 5px;
  color: #fff;
  line-height: 160%;
  margin-right: 120px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.panel-contact .Panel-Heading h2 {
  display: inline-block;
  margin: 0 50px 0 0;
  font-size: 17px;
  line-height: 21px;
  font-weight: 400;
  color: #fff;
  -webkit-font-smoothing: antialiased;
}
.panel-contact .Panel-Heading .image {
  position: absolute;
  right: 5px;
  top: 20px;
}
.panel-contact .Panel-Heading .buttons {
  float: right;
  position: absolute;
  top: 10px;
  right: 70px;
  vertical-align: middle;
  display: inline-block;
  height: 48px;
}
.panel-contact .Panel-Heading .image img {
  max-width: 80px;
  border-radius: 50%;
  background: #fff;
  padding: 5px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.panel-contact .Panel-Body {
  clear: both;
  color: #5e5e5e;
}
.panel-contact .Panel-Body ul {
  padding: 0 !important;
  list-style: none;
}
.panel-contact .Panel-Body i {
  vertical-align: top;
  margin-right: 5px;
}
.panel-contact .Panel-Body .rich-text {
  display: inline-block;
  vertical-align: top;
}
.panel-contact .Panel-Body p {
  display: inline-block;
  max-width: calc(100% - 33px);
}
.panel-contact .Panel-Body .adress p {
  display: inline-block;
  width: calc(100% - 115px);
}
.panel-contact .Panel-Body strong {
  font-weight: 400;
  color: #000;
}
.panel-section .Panel.panel-contact .Panel-Body ul li {
  border: 0!important;
  vertical-align: middle!important;
  padding: 5px 0;
}
.panel-section .Panel.panel-contact .Panel-Body ul li li {
  padding: 0;
}
.panel-section .Panel.panel-contact .Panel-Body ul.filiales li {
  display: inline-block;
  border: 0;
}
.panel-contact .Panel-Body .filiales li a {
  color: #6000FF;
}
.panel-contact .map {
  font-size: 0;
}
.panel-contact .map a {
  display: block;
  margin: 20px -10px -10px -10px;
}
.panel-contact .map a img {
  max-width: 100%
}
/*.user-avatar {
  float: left;
  max-width: 60px;
  width: 60px;
  height: 60px;
  margin-right: 10px;
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("/intranet/easysite-resources/skins/visiateam/images/default-avatar.svg");
}
.user-info {
  margin-top: 5px;
}
.user-info a {
  display: block;
}
.user-info-name {
  display: block;
  margin-right: 10px;
  font-size: 17px;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
a.partenaire-mail:link, a.partenaire-mail:visited {
  color: #2196F3;
}*/
.clearfix:after, .clearfix:before {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
#tabs {
  background: #fff;
  list-style: none;
}
#tabs li {
  display: table-cell;
  width: 1%;
  text-align: center;
  padding: 15px;
  border-bottom: 2px solid #eee;
  cursor: pointer;
}
#tabs li.active {
  border-bottom: 2px solid #6000FF;
}
#content {
  padding: 15px;
  background: #fff;
}

/*.panel-chart .chart {
    display: inline-block;
    vertical-align: top;
}*/

/*.panel-chart .Panel-Body {
    display: inline-block;
    vertical-align: top;
}*/
.panel-chart .chart .image {
  font-size: 0;
  display: block;
}
.panel-chart .chart .image img {
  max-width: 100%;
}
.panel-chart .Panel-Body .title i {
  display: inline-block;
  vertical-align: middle;
  color: #5e5e5e;
}
.panel-chart .Panel-Body .title h3 {
  display: inline-block;
  vertical-align: middle;
  color: #000;
}
.Panel .Panel-Heading i {
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
.Panel .Panel-Heading h3 {
  display: inline-block;
  vertical-align: middle;
}
/*.Panel .Panel-Body img {
  max-width: 100%;
}*/
.VDocFrontFourNews2 .VFFN_OthersGrid_Item:hover .VFFN_news .VFFN_description::after {
  background-color: #f9f9f9;
  box-shadow: -3px -3px 10px 10px #f9f9f9;
}


@font-face {
    font-family: 'Material Icons';
    src: url('../fonts/iconfont/MaterialIcons-Regular.eot');
    src: url('../fonts/iconfont/MaterialIcons-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/iconfont/MaterialIcons-Regular.woff2') format('woff2'),
    url('../fonts/iconfont/MaterialIcons-Regular.woff') format('woff'),
    url('../fonts/iconfont/MaterialIcons-Regular.ttf') format('truetype'),
    url('../fonts/iconfont/MaterialIcons-Regular.svg#material_icons') format('svg');
    font-weight: 400;
    font-style: normal;
  }

  .material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
  }

  #global-news .Panel {
    background: transparent;
  }
  #global-news .VFFN_OthersGrid_Item:hover {
    transform: scale(1.05);
    box-shadow: 0px 10px 10px 2px rgba(88, 88, 88, 0.15);
  }



/*formulaires � reprendre, styles � enlever dans les scss*/

.vui-screen-document .fields-group td[width="25%"] {
  display: table-cell;
  width: 25%;
}

.vui-screen-document .fields-group td[width="50%"] {
  display: table-cell;
  width: 50%;
}

.vui-screen-document .fields-group td[width="75%"] {
  display: table-cell;
  width: 75%;
}

.vui-screen-document .datetime-field input {
  width: inherit !important;
}


.vui-screen-document .datetime-field, .vui-screen-document .cell-right > select {
  position: inherit;
  left: inherit;
  bottom: inherit;
}

.vui-screen-document .vui-combobox {

}
.vui-screen-document .fields-group td {
  padding: 5px 10px 5px 10px !important;
}

.vui-screen-document .fields-group td.cell-right input.vui-combobox-input-autocomplete {
    padding: 5px 10px 5px 30px;
    width: calc(100% - 17px);
}

.vui-screen-document .vui-combobox img.vui-delete {
    position: absolute;
    left: 7px;
    top: 7px;
}

.vui-combobox-medium .vui-combobox-offset {

}

.vui-combobox-medium input {
}
.vui-screen-document .fields-group td.cell-right input.vui-combobox-input-autocomplete {

}


.vui-screen-document .fields-group td.cell-right input {
  width: 100%;
}

.vui-screen-document .fields-group td.cell-right input[type="checkbox"] {
  width: auto;
}

.vui-screen-document .fields-group td.cell-left, .vui-screen-document .fields-group td.cell-right {
    vertical-align: middle;
}
.vui-screen-document .fields-group td.cell-right {
  color: #000000;
}

.vui-screen-document .fields-group td.cell-left {
  text-align: right;
  margin: 0;
}

.fix-top-buttons {
  top: 60px;
  left: 61px;
  width: calc(100% - 61px);
  background: #fff;
}

.subsection h2 {
    border-bottom: 1px solid #a0a0a0;
    padding-bottom: 10px;
}

.section.subsection {
    background: #f9f9f9;
}

.plugin-process .section button {
  margin: 0 5px;
}

.handler-create a {
  text-transform: uppercase;
}
.popup-menu-handler {
  box-shadow: 0 2px 5px rgba(0,0,0,.16),0 2px 10px rgba(0,0,0,.12);
}

.popup-menu-handler input[type="checkbox"] {
  margin-top: -2px;
}

.vui-screen-document .section.subsection h2 {
    margin: 10px 0;
    padding-top: 20px;
    margin-right: 10px;
    font-size: 18px;
    margin-left: 15px;
}

.vui-screen-document .fields-group td {
    display: table-cell;
    width: auto;
}

.action-summary {
  padding: 10px;
  color: #6000FF;
}

.streamline span {
  font-size: 16px;
}

.streamline a {
  text-decoration: underline;
  color: #6000FF;
}
.streamline a:hover {
  text-decoration: none;
}
.plugin-filecenter .streamline span:first-child {
  display: none;
}



/*initialize size fields*/

.vui-screen-document .cell-right > select {
    width: auto;
}
.vui-screen-document .vui-combobox {
  width: auto;
}

.vui-combobox-medium input {
  width: 220px !important;
}

.vui-screen-document .fields-group {
    padding: 15px 0 !important;
}

.short-field {
    width: 60px !important;
}
.small-field {
    width: 120px !important;
}
.medium-field {
    width: 250px !important;
}

.vui-screen-document form h1 {
  display: block;
}

.plugin-process > h1 {
  display: none;
}

.vui-screen-document .fields-group td.cell-right input[type="checkbox"] {
  margin-right: 5px;
}

.datetime-field .date-field,
.datetime-field .time-field,
.datetime-field .time-field label,
.datetime-field .time-field strong {
  vertical-align: middle;
}

.section.section {
}

/*.vui-screen-document .fields-group tr {
  border-bottom: 1px solid #ddd;
}*/

.vui-screen-document .section h2 {
  border-bottom: 1px solid #ddd;
  padding: 10px 0;
}

/**/
.sidebar-navigation ul li ul.panel-navigation {
  width: 390px;
}

.sidebar-navigation ul li ul.panel-navigation .panel-navigation__search input {
  width: 299px;
}

@media (max-width: 544px) {
  .sidebar-navigation ul li ul.panel-navigation {
  width: calc(100% - 60px);
}

.sidebar-navigation ul li ul.panel-navigation .panel-navigation__search input {
  width: calc(100% - 54px);
}
}

/*plugin process streamline*/

.plugin-process .streamline {
  display: none;
}

/*Extra-large screen tiles in homepage*/

@media (min-width: 1921px) {
  .shortcuts-block {
    width: calc(8.33% - 10px);
  }
  .shortcuts-block.medium-shortcuts-block {
    width: calc(16.66% - 10px);
  }
}

@media (min-width: 1920px) {
  .shortcuts-block {
    width: calc(9.09% - 10px);
  }
  .shortcuts-block.medium-shortcuts-block {
    width: calc(18.18% - 10px);
  }
}
@media (max-width: 1919px) and (min-width: 1440px) {
  .shortcuts-block {
    width: calc(11.09% - 10px);
  }
  .shortcuts-block.medium-shortcuts-block {
    width: calc(22.18% - 10px);
  }
}
@media (max-width: 1439px) and (min-width: 1025px) {
  .shortcuts-block {
    width: calc(20% - 10px) !important;
  }
  .shortcuts-block.medium-shortcuts-block {
    width: calc(40% - 10px) !important;
  }
}
@media (max-width: 1024px) and (min-width: 769px) {
  .shortcuts-block {
    width: calc(24.9% - 10px);
  }
  .shortcuts-block.medium-shortcuts-block {
    width: calc(49.8% - 10px);
  }
}

@media (max-width: 768px) {
  .shortcuts-block,
  .panel-shortcuts__large .shortcuts-block {
    width: calc(24.9% - 10px);
  }
  .shortcuts-block.medium-shortcuts-block {
    width: calc(49.8% - 10px);
  }
}

@media (max-width: 544px) {
  .shortcuts-block,
  .panel-shortcuts__large .shortcuts-block {
    width: calc(49.8% - 10px);
  }
}

.table-view .empty {
    text-align: center;
    border-radius: 15px;
    padding: 20px 0;
}
.table-view .empty:after {
}

.table-view .empty img {
  max-width: 100%;
}

/*avatar*/
.header .user {
    width: inherit;
    height: inherit;
    margin: -7px 0 0 0px;
}
.header .user img {
width: 32px;
height: 32px;
border-radius: 50%;
}

.header .user img, .header .user span {
  vertical-align: middle;
}
.header .user span {
  margin-left: 5px;
}
.header .user span:after {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */

  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  padding-top: 4px;
  color: #000000;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga" 1;

  content: "arrow_drop_down";
  vertical-align: top;

}

/*intranet-search apps*/

.intranet-search .panel-shortcuts__small {
  display: inline-block;
  width: 120px;
  transition: all ease-out 0.15s;
  margin-bottom: 10px;
}

.intranet-search .panel-shortcuts__small:hover {
  transform: scale(1.1);
  z-index: 102;
  position: relative;
}

.intranet-search .panel-shortcuts__small .shortcuts,
.intranet-search .panel-shortcuts__small .shortcuts .shortcuts-block {
  width: 100% !important;
}

.shortcuts-block {
  transition: all ease-out 0.15s;
}
.shortcuts-block:hover {
  transform: scale(1.1);
  z-index: 102;
  position: relative;
}



/*search tabs*/
.group .tab-title {
    width: auto;
    display: inline-block;
    vertical-align: middle;
}

.group .tabs-container .tab-content .notif-tasks, .group .tabbutton .tab-content .notif-tasks {
  position: inherit;
  top: inherit;
  right: inherit;
  display: inline-block;
  vertical-align: middle;
}
.group .tabbutton .tab-content .notif-tasks.hide-number {
  display: none;
}

.group .tab-title button {
  padding-right: 5px;
}


/*wizard*/
.wizard-guide .informations h2 {
  text-align: center;
}

.wizard-form .medium-field {
  width: 100% !important;
}

.treatment_class-create_treatment {
  width: 40%;
  margin: 0 auto;
}
@media (max-width: 1420px) {
  .treatment_class-create_treatment {
    width: 60%;
  }
}
@media (max-width: 990px) {
  .treatment_class-create_treatment {
    width: 80%;
  }
}
@media (max-width: 544px) {
  .treatment_class-create_treatment {
    width: 100%;
  }
}

.treatment_class-create_treatment .section .fields-group {
margin-right: 0;
}

.col-xs-12 {
  background: transparent;
  box-shadow: none;
}

.treatment_class-create_treatment {
    background-color: white;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    padding: 20px;
}

/*navigation-area*/

.navigation-area .list-view .detail {
  border: 0;
  margin: 0;
  padding: 0;
}
.navigation-area .list-view table .detail a{
  padding: 10px;
  display: inline-block;
  border: 0;
  border-radius: 55px;
}
.navigation-area .list-view table .detail a:hover {
  border: 0;
  background: #e0e0e0;
}
.navigation-area .list-view table .detail strong {
  padding: 10px;
  display: inline-block;
  background: #33CCFF;
  color: #fff;
  border-radius: 55px;
}

/*responsive panels*/


@media (max-width: 991px) {
  .large-apps {
    padding-right: 0px;
    margin-bottom: 10px;
  }
  .panel-shortcuts__small .small-apps {
    padding-left: 0;
  }
}

@media (max-width: 544px) {
  .container-fluid {
    padding-left: 10px;
    padding-right: 10px;
  }
  .Panelcarousel {
    display: none;
  }
}

/*notif note de frais*/

.notif {
  text-align: center;
  display: inline-block;
  vertical-align: top;
  width: 26%;
}
.notif-container {
  display: inline-block;
  vertical-align: middle;
}
.notifs .icon {
  display: inline-block;
  vertical-align: middle;
  width: 8%;
  margin-top: 22px;
  text-align: center;
}
.notifs .icon i {
  transition: all ease-out 0.25s;
}
.notif-circle {
    height: 48px;
    width: 48px;
    line-height: 48px;
    background: #fff;
    color: #555;
    text-align: center;
    border-radius: 50%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    font-size: 18px;
    font-weight: 500;
    margin: 10px auto;
}

@media (min-width: 993px) and (max-width: 1267px) {
  .notif {
    display: block;
    width: 100%;
  }
  .notifs .icon {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 10px;
  }
  .notifs .icon i{
    transform: rotate(90deg);
  }
}

@media (max-width: 544px) {
  .notif {
    display: block;
    width: 100%;
  }
  .notifs .icon {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 10px;
  }
  .notifs .icon i{
    transform: rotate(90deg);
  }
}

/*News*/
#global-news .VFFN_OthersGrid_Item .VFFN_news h4 {
  width: 100% !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.VDocFrontFourNews2 .VFFN_OthersGrid_Item .VFFN_news .VFFN_date {
  position: inherit;
  top: inherit;
  right: inherit;
  display: inline-block;
  vertical-align: middle;
}
.VDocFrontFourNews2 .VFFN_OthersGrid_Item .VFFN_news .VFFN_date:before {
  content: " - ";
  margin-left: 3px;
}
.VDocFrontFourNews2 .VFFN_OthersGrid_Item .VFFN_news .VFFN_author {
  display: inline-block;
  vertical-align: middle;
}

.moreapps-block {
    background: white;
    border: 4px solid #a9a9a9;
}
.panel-shortcuts__small .shortcuts i.material-icons.big {
  font-size: 96px;
  line-height: 0.5;
  color: #a9a9a9;
}
.panel-shortcuts__small .shortcuts .moreapps-block .status {
    color: #a9a9a9;
    margin-top: 5px;
    text-align: center;
    line-height: 13px;
}
.panel-shortcuts__small .shortcuts .shortcuts-block.moreapps-block a:before {
  height: 31px;
}
.panel-shortcuts__small .shortcuts .shortcuts-block.moreapps-block a:hover:before {
  height: 120px;
}

@media (max-width: 1024px) {
  .header .search-box-container {
    width: calc(100% - 500px);
  }
}
/*
.large-apps .large-shortcuts .large-shortcuts-block {
  transition: all ease-out 0.15s;
}
.large-apps .large-shortcuts .large-shortcuts-block:hover {
  transform: scale(1.05);
}*/

/*search result tabs responsive*/

@media (min-width: 1367px) {
  .group .tabbutton {
    box-shadow: none;
  }
}
@media (max-width: 1366px) {
  .group .tabbutton {
    display: inline-block;
    width: 25%;
  }
  .group .tabbutton:nth-child(5),
  .group .tabbutton:nth-child(6),
  .group .tabbutton:nth-child(7) {
    box-shadow: none
  }
}
@media (max-width: 773px) {
  .group .tabbutton {
    display: inline-block;
    width: 33.3333%;
  }
  .group .tabbutton:nth-child(5),
  .group .tabbutton:nth-child(6) {
    box-shadow: inset 0 -2px 0 0 #eee;
  }
  .group .tabbutton:nth-child(7) {
    box-shadow: none
  }
}
@media (max-width: 611px) {
  .group .tabbutton {
    display: inline-block;
    width: 50%;
  }
}

@media (max-width: 1365px) {
  .group .tabs-container .tab-content .notif-tasks, .group .tabbutton .tab-content .notif-tasks {
    right: inherit !important;
  }
}

.document-main-buttons,
.document-secondary-buttons {
  float: left;
}

.document-workflow-buttons {
  float: right;
}
.button-area.document-top-buttons:after {
  content: ' ';
  display: table;
  clear: both;
}
.treatment-edit .document-bottom-buttons .action-Envoyer:after {
  content: "send";
  position: absolute;
  top: 5px;
  left: 10px;
  color: white;
}
.vui-screen-document .document-workflow-buttons button.button3.action-Envoyer {
  padding: 12px 15px 12px 40px;
  margin-right: 0;
}

.vui-screen-document .document-workflow-buttons button.button3 {
    background: #6000FF;
    color: white;
    border: none;
    box-shadow: none;
    padding: 12px 15px 12px 15px;
    box-shadow: 0 2px 5px rgba(0,0,0,.16),0 2px 10px rgba(0,0,0,.12);
}

.vui-screen-document .document-workflow-buttons button.button2 {
    background: #FF33FF;
    color: white;
    border: none;
    box-shadow: none;
    padding: 12px 15px 12px 15px;
}

.vui-screen-document .document-workflow-buttons button.button1 {
    background: #66D8FF;
    color: white;
    border: none;
    box-shadow: none;
    padding: 12px 15px 12px 15px;
}

/*ipad list style*/

.panel-shortcuts__small .shortcuts, .panel-shortcuts__large .shortcuts {
  list-style: none;
}

.mobile-search {
  display: none;
}

@media (max-width: 767px) {
  .header .user-firstname {
    display: none;
  }
  .search-box-container {
    display: none;
  }
  .header .logo img {
    max-width: 100px;
  }
  .header .logo {
    margin-left: 15px;
    margin-top: 7px;
  }
  .mobile-search {
    display: inline-block;
    width: calc(100% - 220px);
    text-align: right;
  }
}

@media (min-width: 768px) {
  .header-search {
    display: none;
  }
}

.header-search {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.15);
  padding: 11px 20px;
  z-index: 1;
  transition: all ease-out 0.25s;
  margin-top: -80px;
}

.search-toggled .header-search {
  margin-top: 0;
}

.link-search {
    display: inline-block;
    padding: 8px;
    height: 40px;
    width: 40px;
    margin: -2px 0 0 -3px;
    vertical-align: middle;
}
.close-search {
    display: inline-block;
    padding: 8px 10px 8px 6px;
    height: 38px;
    width: 38px;
    margin: 0px 0 0 -1px;
    vertical-align: middle;
}
.search-box-container2 {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 41px);
}
.search-box-container2 input {
    width: calc(100% - 47px);
    padding: 7px 12px 10px;
    border: none;
        background: #efefef;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
}

.search-box-container2 .btn {
    display: inline-block;
    vertical-align: middle;
    padding: 7px 7px 2px;
    border: none;
    box-shadow: none;
    background: none;
    cursor: pointer;
}

@media (max-width: 1024px) {
  .LoginBg .Panel {
      width: calc(46% - 20px) !important;
  }
}

@media (max-width: 544px) {
  .LoginBg .Panel {
    width: 80% !important;
    margin-right: 0 !important;
  }
}

@media (max-width: 768px) {

}
.table-view {
    width: 99.9999%;
    overflow: auto;
}
.table-view table {
  width: 99.97%;
}


/*search result*/

@media (max-width: 1024px) {
  .intranet-search .horizontal-top-tabs {
    width: 100%;
    display: block;
  }
  .intranet-search .view-area {
    width: 100%;
    display: block;
  }
}

.Panel-white-content-news .Panel-Body {
  word-break: break-word;
}

/*Profile page*/

@media (max-width: 1024px) {
  .largepadding {
    max-width: 100%;
  }
}

.largepadding .smallblock td:first-child {
  background: #f8f8f8;
  border-right: 1px solid #eee;
}
.largepadding .smallblock td td:first-child {
  background: inherit;
  border-right: 0;
}
.largepadding .smallblock td:nth-child(2) {
  padding: 15px;
}
.largepadding .smallblock td:nth-child(2) td {
  padding: 10px !important;
}
.largepadding .smallblock td td:nth-child(2) {
  padding: 0;
}
.largepadding .smallblock .table-view td.cell1 {
  background: inherit;
}
.largepadding .smallblock {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
.largepadding .smallblock .blockgray .blockgraycontent {
  text-align: center;
  padding: 15px 0 0;
  margin: 15px;
  background: #f8f8f8;;
  border-radius: 2px;
}

.largepadding .smallblock .blockgray img {
  width: 120px;
  border-radius: 50%;
  margin: 20px auto;
}

.blockgraycontent a.button {
  width: 100%;
  padding: 15px 0;
  border-radius: 0 0 2px 2px;
}

@media (max-width: 768px) {
  .largepadding .smallblock table td {
    display: block;
    /*width: 77%;*/
  }
  .largepadding .smallblock table td:first-child {
    width: 100%;
  }
  .largepadding .smallblock table td .section .fields-group {
    margin-right: 0;
    padding: 15px 0;
  }
  .largepadding .smallblock table td:last-child {
    width: calc(100% - 30px);
  }
  .largepadding .smallblock table td td {
    display: table-cell;
    width: auto;
  }
}

.search-result-no-margin.intranet-search .fix-search-fields, .search-result-no-margin.intranet-search .fix-view-area {
    margin-top: 25px;
}


.topbar .app-title, .topbar .panel-tabs {
  background-color: #fff;
}
.topbar .app-title, .topbar .panel-tabs {
  margin-bottom: 0;
}

.topbar .app-title h1, .topbar .panel-tabs h1 {
  border-bottom: 3px solid transparent;
}

.topbar .panel-tabs a {
      border-bottom: 3px solid transparent;
}

.ui-datepicker td span, .ui-datepicker td a {
  padding: 9px 10px;
}


/* footer mobile*/
@media (max-width: 544px) {
  .page-footer__links {
    display: none;
  }
  .page-footer {
    padding: 15px 0;
    text-align: center;
  }
  .poweredbymoovappsprocess {
    position: inherit;
  }
  #main {
    padding-bottom: 100px;
  }
  .smallblock .intranetTodoDocuments-view td {
    display: table-cell;
  }
}

@media (max-width: 768px) {
  .section-highlighted, .section-highlighted .section-highlighted {
    padding-left: 0px;
  }
  /*.vui-screen-document .fields-group td[width="25%"] {
    width: 50%;
  }*/
}


@media (min-width: 545px) {
  .links-mobile {
    display: none;
  }
}

.links-mobile {
  padding-bottom: 15px;
}
.links-mobile a {
    font-size: 14px;
}
.page-footer__links2 .page-footer__links-column {
  display: block;
  width: 100%;
  padding: 0 10px;
}
.page-footer__links2 .page-footer__links-column a {
  padding: 5px 0;
}

#global {
  overflow: hidden;
}

.sidebar-navigation ul li ul.panel-navigation__apps li a span {
  line-height: 18px;
}
#global-news .Panel .Panel-Body {
    background: #edecec;
}

@media (max-width: 544px) {
  #global-news .VFFN_OthersGrid_Item {
    width: calc(100% - 20px);
  }
}

.section, .subsection, .section-highlighted, .subsection-highlighted {
  margin-bottom: 20px;
}


.user-panel-left img {
  max-width: 100%;
}
@media (max-width: 420px) {
  .user-panel-left {
    width: 100%;
    margin: 0 auto;
  }
}

@media (max-width: 670px) {
  .searched-user {
    width: calc(100% - 10px);
  }
}


.search-tabs-navigation.fix-top-buttons {
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.15);
}

.button-area.document-top-buttons.fix-top-buttons {
  padding: 10px;
}
.button-area.document-bottom-buttons {
  padding: 0;
}


@media (max-width: 768px) {
  .table-border td {
    display: block !important;
    width: 100% !important;
  }
  .table-border td.cell-left {
    text-align: left !important;
  }
  .table-border td input,
  .table-border td textarea {
    width: 100% !important;
  }
  .table-border td input[type="radio"],
  .table-border td input[type="checkbox"] {
    width: auto !important;
  }
  .table-border td .date-field input {
    width: auto !important;
  }
  .table-border td button.action-Chercher {
    float: right;
    margin: 5px 0;
  }
  .table-border td:after {
    content:"";
    clear: both;
    display: table;
  }
}

@media (max-width: 1200px) {
  .lightbox-content {
    left: 30px !important;
    width: calc(100% - 60px) !important;
  }
}

input[type="text"], textarea {
  -webkit-appearance: none;
}


/*tiles help button*/
.panel-shortcuts__small .shortcuts .shortcuts-block .help a:before,
.panel-shortcuts__large .shortcuts .shortcuts-block .help a:before {
  background-color: transparent;
}
.panel-shortcuts__small .shortcuts .shortcuts-block .help,
.panel-shortcuts__large .shortcuts .shortcuts-block .help {
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 50%;
}
.panel-shortcuts__small .shortcuts .shortcuts-block .help a,
.panel-shortcuts__large .shortcuts .shortcuts-block .help a {
  padding: 0;
  line-height: 23px;
}



.youtube-lightbox button {
    background: transparent;
    color: inherit;
    border: none;
    box-shadow: none;
}

@media (max-width: 1200px) {
  .youtube-lightbox .dialog-content- {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
  }

  .youtube-lightbox .dialog-content- iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
  }
}

.dialog-content-confirm {
  background: none;
  padding-left: 0;
}
.dialog-content-confirm:before {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */

  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  padding-top: 4px;
  color: #000000;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga" 1;
  content: "help_outline";
  margin-right: 5px;
  vertical-align: text-bottom;
}


.fields-group td.cell-left:first-letter {
  text-transform: uppercase;
}

.topbar .process-label {*
  float: left;
}

.topbar .process-reference {
  float: right;
  margin: 19px 30px 19px 0;
}

.topbar .process-header:after {
  clear: both;
  content: " ";
  display: table;
}

/*plugin file-center*/
.view-has-actions {
    padding-top:0;
    padding-left: 15px;
}
.view-selection {
  margin-right: 20px;
}
.view-has-actions .view-actions {
  position: inherit;
  display: inline-block;
  margin: 0 0 0 0px;
}

.view-has-actions .view-actions .action-delete {
  padding: 0 12px 2px;
  line-height: 10px;
  box-shadow: none;
  margin-right: -3px;
}
/*
.filecenter-document-actions a:link,
.filecenter-document-actions a:visited {
  color: #2196F3;
  text-decoration: underline;
}
.filecenter-document-actions a:hover {
  color: #2196F3;
  text-decoration: none;
}*/

.vui-screen-view.intranetTodoDocuments-view .view-has-actions {
  padding-left: 0;
  padding-right: 0;
}
.vui-screen-view.intranetTodoDocuments-view .view-has-actions .view-options .handler-filter {
  margin-left: 0;
}
.handler-filter-screen {
  min-width: inherit;
  width: 100%;
}
@media (max-width: 929px) {
  .handler-filter-screen .filter .action-add {
    margin: 5px 0;
    float: right;
  }
}
@media (max-width: 929px) {
  .handler-filter-screen .filter select,
  .handler-filter-screen .filter input {
    display: block;
    width: 100% !important;
    margin: 5px 0;
  }
}
.vui-screen-view.intranetTodoDocuments-view .view-has-actions .view-actions,
.vui-screen-view.intranetTodoDocuments-view .view-has-actions .view-selection {
  display: none;
}

#global-news.intranet-search .horizontal-top-tabs, #global-news.intranet-search .view-area {
  margin-top: 0;
}
@media (max-width: 1024px) {
  #global-news.intranet-search .view-area {
    margin-top: 25px;
  }
}

.popup-menu li a {
  display: block;
  padding: 15px 20px 15px 20px;
}

.popup-menu{
  box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, 0.15);
}

.readonly {
  border: 0;
}

@media (max-width: 1060px) {
  .view-header .pager {
    display: block;
    margin-top: 5px;
  }
}
.handler-selection .button-imgr,
.handler-selection .button-imgr:hover,
.handler-deselection .button-imgr,
.handler-deselection .button-imgr:hover {
  height: 30px;
  width: 30px;
}

@media (max-width: 798px) {
  .vui-screen-document .document-top-buttons button.action-save span,
  .vui-screen-document .document-top-buttons button.action-close span,
  .vui-screen-document .document-top-buttons button.action-Envoyer span {
    display: none !important;
  }
  .vui-screen-document .document-top-buttons button.action-save,
  .vui-screen-document .document-top-buttons button.action-close,
  .vui-screen-document .document-top-buttons button.action-Envoyer {
    padding: 13px 15px 31px 30px !important;
  }
}
@media (max-width: 600px) {
  .vui-screen-document.treatment-edit .document-secondary-buttons {
    display: none;
  }
}

.warning {
  position: relative;
  background-image: none;
}
.warning:before {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  padding-top: 4px;
  color: #000000;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga" 1;
  content: "report_problem";
  color: #FF7E00;
  position: absolute;
  left: 12px;
  top: 5px;
}

@media (max-width: 600px) {
  .lightbox-content .vui-screen-document {
    padding: 0;
  }
  .lightbox-panel {
    padding: 5px 10px;
  }
  .vui-screen-document {
    padding: 1px 10px !important;
  }
  .button-area.document-top-buttons {
    padding: 10px 0;
  }
  /*.button-area.document-top-buttons button, .button-area.document-top-buttons a.button {
    padding: 6px 10px !important;
  }*/
}


/*large tile notilus*/
.large-apps .large-shortcuts .large-shortcuts-block .status {
  text-align: inherit;
  float: left;
}

.large-shortcut-icon.text-orange {
    position: absolute;
    right: 10px;
    top: 0;
}
.large-apps .large-shortcuts .large-shortcuts-block .info .info-number {
  float: left;
  margin: 0 10px 0 -3px;
  font-size: 49px;
  clear: both;
  line-height: 40px;
}
.large-apps .large-shortcuts .large-shortcuts-block .info .info-text {
  display: inline-block;
  vertical-align: bottom;
  margin-top: 21px;
  font-size: 16px;
  line-height: 21px;
}
.large-apps .large-shortcuts .large-shortcuts-block .info {
  margin-top: 10px;
}
.large-apps .large-shortcuts .large-shortcuts-block .info .info-text .info-label1 {
  display: inline-block;
  text-align: left
}
.large-apps .large-shortcuts .large-shortcuts-block .Panel-Footer.infos {
  padding: 6px 15px 9px;
}

.large-apps .large-shortcuts .large-shortcuts-block .Panel-Footer.infos .title.text-orange {
  margin-top: 5px;
  display: block;
  font-size: 16px;
}
.large-apps .large-shortcuts .large-shortcuts-block .Panel-Footer.infos .notif-container span {
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  display: inline-block;
}
.large-shortcuts-block .header-infos:after {
  content: " ";
  display: table;
  clear: both;
}

/*Admin*/

.circle-color {
  height: 50px;
  width: 50px;
  margin: 0 auto;
  border-radius: 50%;
}

.color-container > div {
  display: inline-block;
  vertical-align: top;
  width: 50px;
  text-align: center;
  margin: 5px;
}

@media(max-width: 767px) {
  .app-title i {
    margin-right: 5px;
    font-size: 24px;
  }
  .topbar .panel-tabs a {
    padding: 15px 20px;
    font-size: 18px;
  }
}


/*responsive selector*/
.screen.vui-screen-selector.selector-select {
  position: relative;
}
.vui-selector .vui-selector-menu{
  display: block;
  height: auto !important;
  width: 100%;
  background: #E5E5E5;
  border: 0;
}

.vui-selector-menu li a span,
.vui-selector-menu li a span.current span,
.vui-selector-menu .current,
.vui-selector-menu .first .current {
  font-size: 15px;
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
  color: #9E9E9E;
  background-color: transparent;
  background-image: none;
}
.vui-selector-menu li a:link, .vui-selector-menu li a:visited {
  background-image: none;
}
.vui-selector-menu .current,
.vui-selector-menu li a:hover, .vui-selector-menu li a:active {
  border-bottom: 3px solid #6000FF;
}
.vui-selector-menu li a {
  border-bottom: 3px solid transparent;
  padding: 10px 30px;
}
.vui-selector-menu .current {
  padding: 10px 30px;
}
.vui-selector-menu li {
  display: inline-block;
}
.vui-basket-visible .vui-selecting,
.vui-basket-hidden .vui-selecting {
  display: block;
  width: 100%;
  border: 0;
  padding: 0 5px 5px;
  background-image: none;
}
.vui-selecting .view-area {
  /*height: 390px !important;*/
  border: 0;
  margin-left: 0;
  /*box-shadow: 0px 5px 5px -5px rgba(0,0,0,0.5) inset, 0px -2px 0px -1px rgba(0,0,0,0.15) inset*/
  border-top: 1px solid #E5E5E5;
  border-bottom: 1px solid #E5E5E5;
}
.vui-basket-visible .vui-selector-basket {
  display: block;
  width: 100%;
  border: 0;
  padding: 0 5px 5px;
  background: #f5f5f5;
}
.vui-selector .list-view .detail {
  border: 1px solid transparent;
}
.vui-selector-basket .view-area {
  /*height: 390px !important;*/
  background: #fff;
  border-top: 1px solid #E5E5E5;
  border-bottom: 1px solid #E5E5E5;
}
.vui-selector .search-filter,
.vui-selector .browser-actions,
.vui-selector .location h2 {
  display: inline-block;
  vertical-align: middle;
}

.vui-selector .search-filter input {
  padding: 6px 4px 6px 22px;
  margin-top: -1px;
}

.vui-selector-basket .location,
.vui-selector-basket .search-filter,
.vui-selector-basket .browser-actions {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}

.vui-selector .location {
  position: relative;
}
.vui-basket-visible .selected-items,
.vui-basket-hidden .selected-items {
  background-image: none;
  padding: 0;
  margin: 0 0 0 0;
  background: #FF33FF;
  position: absolute;
  right: 40px;
  top: -24px;
  height: 48px;
  width: 48px;
  line-height: 48px;
  border-radius: 50%;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12);
  color: #fff;
}

.vui-basket-visible .vui-selector-basket {
  display: none;
}
.vui-selector-basket {
  display: block;
  position: absolute;
  top: 77px;
  width: 100%;
}
.vui-basket-hidden .vui-selector-basket {
  display: block;
}
/*
.vui-basket-hidden .vui-selecting * {
  display: none;
}*/
.vui-basket-hidden .vui-selecting .location,
.vui-basket-hidden .vui-selecting .location .selected-items {
  display: block;
}
/*
.vui-basket-visible .selected-items:before {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  color: #000000;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga" 1;
  content: "add";
  vertical-align: middle;
  color: #fff;
  transition: all ease-out 0.25s;
  margin: -4px -2px 0 -5px;
}*/

.vui-selector .vui-context-feedback {
  background-color: #FEAD12;
  border-color: #FEAD12;
  color: #fff;
}

.vui-selector-basket {
    border: 0;
    background: #f0f0f0;
    padding: 0 5px 5px 5px;
}
.vui-selecting .popup-menu-handler,
.vui-selector-basket .popup-menu-handler{
  box-shadow: none;
}

@media (max-width: 768px) {
  .lightbox-content {
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
  }
  .vui-basket-visible .selected-items,
  .vui-basket-hidden .selected-items {
    right: -6px;
    top: -83px;
    height: 36px;
    width: 36px;
    line-height: 36px;
  }
  .vui-selector-menu li a {
    padding: 10px 10px 9px 10px;
  }
  .vui-selector-menu .current {
    padding: 10px;
  }
  .vui-selector-menu li a span,
  .vui-selector-menu li a span.current span,
  .vui-selector-menu .current,
  .vui-selector-menu .first .current {
    font-size: 12px;
  }
  .vui-selector .search-filter {
    margin-left: 0;
  }
  .vui-selecting .view-actions {
    padding-left: 0;
  }
  .vui-selecting .browser-actions {
    margin-left: 0;
  }
  .vui-basket-visible .vui-selecting,
  .vui-basket-hidden .vui-selecting,
  .vui-basket-hidden .vui-selector-basket {
    height: calc(100% - 132px) !important;
  }
  .vui-selector-basket .view-area {
    height: calc(100% - 80px) !important;
  }
  .vui-selecting .view-area {
    height: calc(100% - 164px) !important;
  }
  .vui-selector.vui-basket-visible {
    height: inherit;
  }
  .screen.vui-screen-selector.selector-select {
    height: inherit;
  }
  .lightbox-panel {
    height: 100%;
  }
  .screen.vui-screen-selector.selector-container,
  .screen.vui-screen-selector.selector-container form,
  .vui-selector.vui-basket-hidden {
    height: inherit;
  }
  .vui-selector-basket {
    top: 41px;
  }
}

.lightbox-panel .lightbox-header {
  min-height: 23px;
}

@media (max-width: 768px) {
  .vui-selecting .view-header .pager .items {
    display: block;
    margin: 0 0 5px 0;
    text-align: center;
  }
  .vui-selecting .browser-actions {
    display: block;
  }
  .vui-selecting .view-header .pager .browser {
    display: block;
    text-align: center;
    margin-left: 0;
  }
  .vui-selector .view-has-actions {
    padding-left: 0;
  }
  .vui-selecting .view-header .view-options .popup-menu-handler {
    margin-left: 0;
  }
  .topbar .process-reference {
    float: inherit;
    margin: 0px 0 10px 52px;
    font-size: 14px;
  }
  .topbar .process-header.panel-tabs .plugin-process-app-icon {
    left: -5px;
  }
  .topbar .process-header.panel-tabs h1 {
    padding: 15px 15px 0px 50px;
  }
  .vui-selector-menu ul {
    white-space: nowrap;
    overflow-x: auto;
  }
}

.sidebar-navigation ul li ul.panel-navigation__users li.quicksearch-users {
  height: auto;
  min-height: 50px;
}
.sidebar-navigation ul li ul.panel-navigation__users li.quicksearch-users .users-phoneNumber,
.sidebar-navigation ul li ul.panel-navigation__users li.quicksearch-users .users-mobilePhoneNumber {
  display: inline-block;
  margin-bottom: 5px;
}

.sidebar-navigation ul li ul.panel-navigation__users li.quicksearch-users .users-abregemobile {
	/*display:block;*/
}

.sidebar-navigation ul li li a:hover {
  background: #f9f9f9;
  border: 0;
  color: #000000;
}
.sidebar-navigation ul li li.quicksearch-customers a {
  text-align: left;
  padding: 10px 20px;
}
.sidebar-navigation ul li li.quicksearch-customers a p:first-child {
  font-weight: 500;
  font-size: 15px;
}

::-webkit-scrollbar {
  height: 7px;
}

.see-more-faq.hide-link {
  display: none;
}

.see-more-faq.show-link {
  font-weight: 500;
  display: block;
  text-align: right;
}
.see-more-faq.show-link a {
  color: #FF33FF;
}

.vui-selector .list-view .detail .vui-selector-browsable-column-hover H4 {
    background-image: url(../images/vui-selector-browsable.png);
}


/*header mobile*/
.header .more {
  float: left;
  vertical-align: super;
  padding: 8px;
  height: 40px;
  width: 40px;
  margin: -2px 5px 0 -3px;
  display: none;
}

.sidebar-navigation {
  transition: all ease-out 0.25s;
}

@media(max-width: 544px) {
  .header .more {
    display: block;
  }
  .mobile-search {
    width: calc(100% - 267px);
  }
  .sidebar-navigation {
    left: -62px;
  }
  #global {
    padding-left: 0;
  }
  .menu-active .sidebar-navigation {
    left: 0;
  }
  .fix-top-buttons {
    left: 0;
    width: 100%;
  }
  .sidebar-navigation ul li ul.panel-navigation__directory li.directory-user .user-avatar {
    max-width: 34px;
    width: 34px;
    height: 34px;
  }
  .page .sidebar-navigation ul li ul.panel-navigation__directory li.directory-user .directory__user-infos .user-infos__name {
    margin: 8px 0 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 75%;
  }
  .page .sidebar-navigation ul li ul.panel-navigation__directory li.directory-user .directory__user-infos .mail {
    height: 38px;
    width: 38px;
    line-height: 54px;
  }
  .sidebar-navigation ul li ul.panel-navigation__directory li.directory-user {
    min-height: 85px;
    padding: 0 10px;
  }
  .sidebar-navigation ul li ul.panel-navigation__agency li.directory-agency .agency-photo {
    width: 48px;
    height: 48px;
    float: left;
  }
  .sidebar-navigation ul li ul.panel-navigation__agency li.directory-agency .agency-infos {
    display: inline;
  }
  .sidebar-navigation ul li ul.panel-navigation__agency li.directory-agency .agency-infos p:first-child {
    line-height: 42px;
  }
  .sidebar-navigation ul li ul.panel-navigation__agency li.directory-agency .agency-infos p:nth-child(2) {
    margin-top: 15px;
  }
  .sidebar-navigation ul li ul.panel-navigation .panel-navigation__title {
    padding: 10px 20px;
    font-size: 16px;
  }
  .sidebar-navigation ul li ul.panel-navigation {
    padding-bottom: 0;
  }
  .sidebar-navigation ul li ul.panel-navigation .panel-navigation__search {
    padding: 10px 17px 5px 10px;
  }
}

/*all news*/
.btn-all-news {
  margin: 0;
}

/*Left panel FAQ*/
.sidebar-navigation .faqs-infos{
  text-align: left;
}
.sidebar-navigation .faqs-link {
  padding: 10px;
}

.sidebar-navigation .faqs-question {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
}
.sidebar-navigation .faqs-answer {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  display: block;
}
.sidebar-navigation .quicksearch-faqs.template,
.sidebar-navigation .quicksearch-news.template,
.sidebar-navigation .quicksearch-documents.template,
.sidebar-navigation .quicksearch-documents.template {
  display: none;
}

.sidebar-navigation .quicksearch-news .VDocFrontFourNews2 .VFFN_OthersGrid_Item .VFFN_img {
    margin-right: 10px;
    width: 58px;
    height: 58px;
    background-size: contain;
    border-radius: 50%;
}
.sidebar-navigation .VDocFrontFourNews2 .VFFN_OthersGrid_Item .VFFN_news h4,
.sidebar-navigation .VDocFrontFourNews2 .VFFN_OthersGrid_Item .VFFN_news .VFFN_description {
  text-align: left;
}
.sidebar-navigation .VDocFrontFourNews2 .VFFN_OthersGrid_Item .VFFN_news .VFFN_description {
  height: 43px;
}
.sidebar-navigation .VDocFrontFourNews2 .VFFN_OthersGrid_Item a {
  padding: 10px;
}
.sidebar-navigation .VDocFrontFourNews2 .VFFN_OthersGrid_Item a:hover {
  background: transparent !important;
}
.sidebar-navigation .VDocFrontFourNews2 .VFFN_OthersGrid_Item .VFFN_news {
  width: calc(100% - 68px);
}
.sidebar-navigation .VDocFrontFourNews2 .VFFN_OthersGrid_Item .VFFN_news .VFFN_description:after {
  right: 12px;
}
.documents-title.searched-filecenter-title {
    font-weight: 500;
    font-size: 15px;
}

/*selector*/
.vui-selector .list-view .detail-selectable {
  background-image: url(../images/vui-selector-selectable.png);
}
.vui-selector .list-view .detail-selected {
  background-image: url(../images/vui-selector-selected.png);
}

/*trombino mobile*/

.sidebar-navigation ul li ul.panel-navigation__users li.quicksearch-users .xs .users-photo {
    max-width: 36px;
    width: 36px;
    height: 36px;
}
.sidebar-navigation ul li ul.panel-navigation__users li.quicksearch-users .xs .users-mobilePhoneNumber:before,
.sidebar-navigation ul li ul.panel-navigation__users li.quicksearch-users .xs .users-phoneNumber:before {
  /*display: none;*/
}
.sidebar-navigation ul li ul.panel-navigation__users li.quicksearch-users .xs .users-mobilePhoneNumber,
.sidebar-navigation ul li ul.panel-navigation__users li.quicksearch-users .xs .users-phoneNumber {
  margin: 0;
}

.page .sidebar-navigation ul li ul.panel-navigation__users li.quicksearch-users .xs .users-infos .user-action {
  float: inherit;
}

.quicksearch-users .user-actions{
	margin-top:10px;
	display:none;
  width: 100%;
  text-align: center;
}
.quicksearch-users .xs .user-actions {
  margin-bottom: 5px;
}
.sidebar-navigation ul li ul.panel-navigation__users li.quicksearch-users .user-action,
.sidebar-navigation ul li ul.panel-navigation__users li.quicksearch-users .users-phoneNumber.user-action,
.sidebar-navigation ul li ul.panel-navigation__users li.quicksearch-users .users-mobilePhoneNumber.user-action{
  vertical-align: middle;
  display: inline-block;
  background: white;
  border-radius: 50%;
  height: 48px;
  width: 48px;
  text-align: center;
  line-height: 61px;
	font-size:0px;
}
.sidebar-navigation ul li ul.panel-navigation__users li.quicksearch-users .xs .user-action {
  height: 36px;
  width: 36px;
  line-height: 48px;
}

.page .sidebar-navigation ul li ul.panel-navigation__users li.quicksearch-users:hover .xs .users-infos .user-action {
    box-shadow: none;
}

.page .sidebar-navigation ul li ul.panel-navigation__users li.quicksearch-users .xs .users-infos .user-action:hover {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12);;
}

.quicksearch-users .hidden-xs{
    padding: 5px 0px;
}

.quicksearch-users .user-action:before{
	font-family: 'Material Icons';
  vertical-align: middle;
  padding-right: 0px;
  font-size: 24px;
	color:#6000FF;
	position: relative;
  top: -5px;

}

.quicksearch-users .xs .users-mobilePhoneNumber:before {
	content: '\e0d4';
  font-size: 18px;
}
.quicksearch-users .xs .users-phoneNumber:before {
	content: '\e0b0';
  font-size: 18px;
}
.quicksearch-users .xs .users-mail:before {
	content: '\e0e1';
  font-size: 18px;
}
.quicksearch-users .xs .users-link-to-profile:before {
    content: '\e417';
    font-size: 18px;
}
.quicksearch-users .show-actions {
    display: inline-block;
    height: 30px;
    width: 30px;
    background: white;
    border-radius: 50%;
    vertical-align: middle;
    position: absolute;
    right: 0;
    top: 3px;
    transition: all ease-out 0.15s;
}

.show-actions:before {
    font-family: 'Material Icons';
    vertical-align: middle;
    padding-right: 0px;
    font-size: 28px;
    color: #838a90;
    position: relative;
    top: 2px;
    content: '\e314';
}

/*editorial page*/
.Panel .Panel-Body h1,
.icon-title h1 {
  font-size: 22px !important;
  color: #000000;
  /* margin: 10px; */
  font-weight: 300;
  text-transform: uppercase;
}
.Panel .Panel-Body h2,
.icon-title h2 {
  font-size: 20px !important;
  color: #000000;
  /* margin: 10px; */
  font-weight: 400;
  text-transform: uppercase;
}
.Panel .Panel-Body h3,
.icon-title h3 {
  font-size: 18px !important;
  color: #000000;
  /* margin: 10px; */
  font-weight: 400;
  text-transform: none;
  line-height: 19px;
}
.Panel .Panel-Body h4,
.icon-title h4 {
  font-size: 16px !important;
  color: #000000;
  /* margin: 10px; */
  font-weight: 400;
  text-transform: uppercase;
}
.Panel .Panel-Body h5,
.icon-title h5 {
  font-size: 14px !important;
  color: #000000;
  /* margin: 10px; */
  font-weight: 300;
  text-transform: uppercase;
}
.Panel .Panel-Body h6,
.icon-title h6 {
  font-size: 12px !important;
  color: #000000;
  /* margin: 10px; */
  font-weight: 400;
  text-transform: uppercase;
}

.icon-title .material-icons {
  vertical-align: top;
  margin-top: 15px;
  color: #000000;
}
.title-white .icon-title .material-icons {
  margin-top: 11px;
}
.icon-title h1,
.icon-title h2,
.icon-title h3,
.icon-title h4,
.icon-title h5,
.icon-title h6 {
  display: inline-block;
  vertical-align: middle;
  color: #000000;
}

.icon-title h1,
.icon-title h2,
.icon-title h3,
.icon-title h4,
.icon-title h5,
.icon-title h6 {
  width: calc(100% - 60px) !important;
}

.rich-text ul li{
  list-style: none;
}
.icon-title {
  margin-bottom: 20px;
}
.title-white .icon-title i,
.title-white .icon-title h1,
.title-white .icon-title h2,
.title-white .icon-title h3,
.title-white .icon-title h4,
.title-white .icon-title h5,
.title-white .icon-title h6 {

  color: #fff !important;
}
.title-black .icon-title {
  padding: 0 10px;
  background: #000;
}
.title-brown .icon-title {
  padding: 0 10px;
  background: #CC00CC;
}
.title-pink .icon-title {
  padding: 0 10px;
  background: #FF33FF;
}
.title-red .icon-title {
  padding: 0 10px;
  background: #FF257D;
}
.title-blue .icon-title {
  padding: 0 10px;
  background: #6000FF;
}
.title-purple .icon-title {
  padding: 0 10px;
  background: #990066;
}
.title-deeppurple .icon-title {
  padding: 0 10px;
  background: #FF77FF;
}
.title-lightblue .icon-title {
  padding: 0 10px;
  background: #33CCFF;
}
.title-cyan .icon-title {
  padding: 0 10px;
  background: #66D8FF;
}
.title-teal .icon-title {
  padding: 0 10px;
  background: #3399CC;
}
.title-green .icon-title {
  padding: 0 10px;
  background: #66D8FF;
}
.title-lightgreen .icon-title {
  padding: 0 10px;
  background: #FFBC2C;
}
.title-lime .icon-title {
  padding: 0 10px;
  background: #330099;
}
.title-yellow .icon-title {
  padding: 0 10px;
  background: #CC3366;
}
.title-amber .icon-title {
  padding: 0 10px;
  background: #FF9900;
}
.title-orange .icon-title {
  padding: 0 10px;
  background: #FF6600;
}
.title-deeporange .icon-title {
  padding: 0 10px;
  background: #990066;
}
.title-gray .icon-title {
  padding: 0 10px;
  background: #9e9e9e;
}
.title-bluegray .icon-title {
  padding: 0 10px;
  background: #000000;
}
.title-indigo .icon-title {
  padding: 0 10px;
  background: #6000FF;
}

.p-highlighted {
  padding: 10px;
  background: #eee;
}

.img-responsive img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 10px 0;
}


.sidebar-navigation ul li a.documents-link {
  min-height: 80px;
}

/*block image*/
.panel-image {
  position: relative;
}

.panel-image h2 {
  position: absolute;
  padding: 20px 15px;
  margin: 0;
  display: block;
  width: 100%;
  top: 130px;
  color: #fff;
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
  font-weight: normal;
}

.free-content {
  background: #3399CC;
  margin-top: -10px;
  margin-bottom: 30px;

}
.free-content h4 {
  background: rgba(0,0,0,0.15);
  margin: 0;
  padding: 15px;
  color: #fff;
  font-weight: normal;
}
.panel-image-body {
  padding: 15px;
  color: #fff;
}

.list-view .detail .title h4 img, .links-view .detail h4 img, .thumbnails-view .detail h4 img {
  margin-right: 5px;
  margin-top: -3px;
}
.Panel .Panel-Body  .list-view .detail .title a h4, .Panel .Panel-Body  .links-view .detail a h4, .Panel .Panel-Body .thumbnails-view .detail a h4 {
  text-transform: none;
}
.panel-collapse > .Panel > .Panel-Heading{
  cursor: pointer;
}
.panel-collapse > .Panel > .Panel-Heading:after {
  content: "keyboard_arrow_right";
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */

  display: inline-block;
  vertical-align: middle;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  color: #fff;
  transform: rotate(90deg);
  transition: all ease-out 0.15s;
  float: right;
}
.panel-collapse.closed  > .Panel >  .Panel-Heading:after {
  transform: rotate(0deg);
}
.panel-collapse  > .Panel >  .Panel-Heading h3 {
  max-width: calc(100% - 25px);
}

.intranet-search .view-header {
  text-align: center;
}
.intranet-search .view-header.fix-view-header {
  border-bottom: 1px solid #eee;
}

@media (max-width: 1366px) {
  .intranet-search .view-header.fix-view-header {
    top: 164px;
  }
}
@media (max-width: 1024px) {
  .intranet-search .view-header.fix-view-header {
    left: 60px;
    top: 140px;
    width: calc(100% - 60px);
  }
  .intranet-search .view-header .pager {
    display: inline;
  }
}
@media (max-width: 773px) {
  .intranet-search .view-header.fix-view-header {
    top: 180px;
  }
}
@media (max-width: 768px) {
  .intranet-search .view-header.fix-view-header {
    top: 60px;
  }
}
@media (max-width: 768px) {
  .intranet-search .fix-search-fields {
    margin-top: 30px !important;
}
}


@media (max-width: 768px) {
  .intranet-search .fix-top-buttons.search-tabs-navigation {
    position: inherit;
  }
  .group .tabbutton {
    display: block;
    width: 100%;
  }
  .group .tab-title {
    width: calc(100% - 100px);
  }
  .intranet-search .fix-top-buttons.search-tabs-navigation {
    width: 100% !important;
  }
  .intranet-search .search-tabs-navigation {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15)
  }
  .group .tabs-container .tab-content.tab-on,
  .group .tabbutton .tab-content.tab-on {
    border-bottom: 0;
    background-color: #6000FF;
  }
  .group .tabs-container .tab-content.tab-on span,
  .group .tabbutton .tab-content.tab-on span {
    color: #fff;
  }
}

@media (max-width: 544px) {
  .intranet-search .view-header.fix-view-header {
    left: 0;
    width: 100% !important;
  }
}

.axvdocsearch-search .view-header.fix-view-header{
  top: 60px;
}
.axvdocsearch-search .checkboxgroup td {
  padding: 5px 0;
}

.orga .panel .panel {
  text-align: center;
}
/*
.orga .panel .panel .col1 {
  padding-top: 20px;
  background: rgba(33,150,243,0.2);
}
.orga .panel .panel .col2 {
  padding-top: 20px;
  background: rgba(255,152,0,0.2);
}
.orga .panel .panel .col3 {
  padding-top: 20px;
  background: rgba(33,150,243,0.2);
}*/

.panel-shortcuts__small .small-apps{
padding-right:0px}

.text-red {
  color: #FF257D; }

.text-pink {
  color: #FF33FF; }

.text-purple {
  color: #990066; }

.text-deep-purple {
  color: #FF77FF; }

.text-indigo {
  color: #6000FF; }

.text-blue {
  color: #6000FF; }

.text-light-blue {
  color: #33CCFF; }

.text-cyan {
  color: #66D8FF; }

.text-teal {
  color: #3399CC; }

.text-green {
  color: #66D8FF; }

.text-light-green {
  color: #FFBC2C; }

.text-lime {
  color: #330099; }

.text-yellow {
  color: #CC3366; }

.text-amber {
  color: #FF9900; }

.text-orange {
  color: #FF6600; }

.text-deep-orange {
  color: #990066; }

.text-brown {
  color: #CC00CC; }

.text-gray {
  color: #9E9E9E; }

.text-brown {
  color: #CC00CC; }

.text-blue-grey {
  color: #000000; }

.text-blue-green {
  color: #6633CC; }

.text-black {
  color: #000000; }

.intranet-search .fix-top-buttons.search-tabs-navigation{
	width: calc(100% - 61px);
	left: 61px;
  z-index: 104;
}

.intranet-search .fix-view-header{
	width: calc(100% - 490px);
	left: 460px;
	z-index: 103;
	background:#fff;
	position:fixed;
	top:113px;
}

.intranet-search .fix-search-fields {
  margin-top: 175px;
}

@media (min-width: 1367px) {
  .intranet-search .fix-search-fields,
  .intranet-search .fix-view-area {
    margin-top: 75px;
  }
}
@media (max-width: 1366px) {
  .intranet-search .fix-search-fields,
  .intranet-search .fix-view-area {
    margin-top: 125px;
  }
}
@media (max-width: 1024px) {
  .intranet-search .fix-search-fields {
    margin-top: 110px;
  }
  .intranet-search .fix-view-area {
    margin-top: 25px;
  }
  .group .tab-title button {
    padding: 10px 10px !important;
}
}
@media (max-width: 611px) {
  .intranet-search .fix-search-fields {
    margin-top: 187px;
  }
  .intranet-search .fix-view-area {
    margin-top: 25px;
  }
}
/*@media (max-width: 430px) {
  .intranet-search .horizontal-top-tabs .field.cell-right input {
    width: 100%;
  }
}*/


.introjs-tooltipReferenceLayer .introjs-helperNumberLayer {
	margin-left: 1px;
	margin-top: 1px;
	top: 0px;
	left: 0px;
	border-radius: 0px;
}

.dropdown-menu {
    height: 53px;
    width: 100%;
    background: #E5E5E5;
    text-align: center;
    margin-bottom: 0;
}

.dropdown-menu .dropdown {
    display: inherit;
    flex-direction: inherit;
    margin: 0 auto;
    background-color: transparent;
    font-size: 0;
    box-shadow: none;
}

.dropdown-menu .dropdown li {
    flex-grow: inherit;
    background-color: transparent;
    display: inline-block;
    float: inherit;
}
.dropdown-menu .dropdown li a {
      border-bottom: 3px solid #e5e5e5;
}

.dropdown .panel-tabs {
  width: 100%;
  background: #E5E5E5;
  text-align: center;
  margin-bottom: 0;
}
.topbar .panel-tabs a.active, .topbar .panel-tabs a:active, .topbar .panel-tabs a:focus, .topbar .panel-tabs a:hover {
  font-size: 15px;
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
  color: #000000;
}
.topbar .panel-tabs a {
  font-size: 15px;
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
  color: #9E9E9E;
}

.page .LoginBg{
	background-color:#f7f7f7;
	background-image:none;
}

.color-container > div > label > div {
	display: inline-block;
	vertical-align: top;
	width: 50px;
	text-align: center;
	margin: 5px;
}

.fields-group .color-container > div > label {
	font-weight:normal;
	cursor:pointer;
}

.color-container .color-item input:checked + label{
	background-color: #eee;
	border-radius: 50%;
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	font-weight:bold;
}
.color-container .color-item {
	height: 60px;
	width: 60px;
	margin: 10px;
}

.color-container input {
	display:none;
}

.Panel .user-panel-right .bu i {
	display: inline-block;
	font-style: normal;
	font-size: 16px;
}



/* Buttons */

 button, a.button {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: normal;
     line-height: 1.42857143;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 0;
    border-radius: 2px;
    box-shadow: 0 2px 5px rgba(0,0,0,.16),0 2px 10px rgba(0,0,0,.12);
    margin: 0 5px 0 0;
}


a.button{
    color:white;
}
/*
a.button:hover, a.button:visited, a.button:focus {
    color:white;
}*/
a:link, a:visited, a:focus {
  color: #000000;
}
.streamline a:link, .streamline a:visited, .streamline a:focus,
.treatment-edit .title a:link, .treatment-edit .title a:visited, .treatment-edit .title a:focus,
.page-footer .poweredbymoovappsprocess a:link, .page-footer .poweredbymoovappsprocess a:visited, .page-footer .poweredbymoovappsprocess a:focus {
  color: #6000FF;
}

.page-footer a:link, .page-footer a:visited, .page-footer a:focus,
th a:link, th a:visited, th a:focus{
  color: inherit;
}


.button3 {
    color: #fff!important;
    background-color: #6000FF;
    border-color: #6000FF;
}

.button1{
    background-color: #66D8FF;
    color:white;
    border-color: #66D8FF;
}
.button2{
    background-color: #ffffff;
    color: #000000;
    border-color: #ECDFD7;
}


/* General */
*:focus {
    outline: none;
}

*, *:active, *:hover {
    outline: none !important;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
}
*, button, input, i, a {
    -webkit-font-smoothing: antialiased;
}

table, td, h1, h2, h3, h4, h5, h6{
  font-family:'Roboto';
}

html{
  height: 100%;
}

.root{
  height: 100%;
}
.homepage {
  min-height: 100%;
}

.page{
  height: 100%;
}

#main{
  position: relative;
  min-height: 100%;
  padding-bottom: 420px;
}
.page-footer {
    position: absolute;
    bottom: 0;
    width: calc(100% - 61px);
}

@media (max-width: 544px) {
  #main {
   padding-bottom: 104px;
  }
  .page-footer {
    width: 100%;
  }
}

.largepadding{
  max-width:70%;
  margin:0 auto;
}
.largepadding .smallblock table td td.cell-left {
  text-align: left;
}
.largepadding .smallblock table td td.cell-right {
  color: #888;
}

@media (max-width: 1024px) {
  .largepadding {
    max-width: 100%;
  }
}
@media (max-width: 544px) {
  .smallblock td {
    /*display: block;*/
    /*width: 100%;*/
  }
}

.Mediumpadding{
  /*max-width:90%;*/
  margin:0 auto;
}

 /* Login page */

.LoginBg{
    width:100%;
    background-size: cover;
    background-position: 50% 50%;
    background-image: url("../images/visiativ.jpg");
    position: fixed;
    height: 100vh;
    overflow: auto;
}

.LoginBg .Columns{
  width: 80%;
  top: 13%;
  margin: 0 auto;
  position:relative;
  text-align: center;
}
.LoginBg .Panel{
  display: inline-block;
  vertical-align: top;
  width:30%;
  height: 320px;
  margin-right:20px;
  padding: 20px;
  overflow: hidden;
}
.LoginBg .Panel:last-child {margin-right: 0;}

.LoginBg .Panel .Panel-Heading {
  height: auto;
  margin-bottom: 25px;
  padding: 0;
  box-shadow: none;
}
.LoginBg .Panel .Panel-Heading h2 {
  margin: 0;
  padding: 0;
  font-size: 23px;
  font-weight: 400;
}
.LoginBg .Panel .Panel-Heading p {
  font-size: 14px;
  margin: 0;
}
.LoginBg .Panel .Panel-Body {
  padding: 0;
}

.LoginBg .Logo{
  padding:10px 0 10px 0;
}

.LoginBg .Logo img{
  max-width:100%;
}

.LoginBg .authentication-form{
  border:0px;
  margin:0;
  padding:0;
}

.LoginBg .authentication-form UL{
  margin:0;
}

.authentication-form LI {
  padding: 0;
  margin-bottom: 15px;
}


.LoginBg .authentication-form LI LABEL{
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 400;
    color: inherit;
    font-size:14px;
}

.LoginBg .authentication-form input{
  /*height: 34px;*/
  width: 100%!important;
    padding: 7px 12px;
    font-size: 15px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 2px;
    box-shadow: inset 0px 0px 0px 25px rgba(255,255,255,1);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.LoginBg .authentication-form input:focus,
.LoginBg .authentication-form input:active {
  border-bottom: 1px solid #33CCFF;
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-color: transparent;
}
.LoginBg .authentication-form .button-area{
  margin-top: 10px;
  padding: 0;
}
.LoginBg .authentication-form .button1{
    float:right;
    /*width: 100%;*/
    margin-right: 0;
    margin-bottom: 10px;
}

/* Panels */

.Panel{
  width:100%;
  background: #fff;
  /*border: 1px solid #efefef;*/
  border-radius: 3px;
  position: relative;
  margin-bottom:30px ;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
  box-shadow: 0 1px 1px rgba(0,0,0,.15);
  text-align:left;
}

#main h1{
    font-size: 27px;
    color: #000000;
    /*margin: 10px;*/
    font-weight: 300;
    text-transform: uppercase;
}
@media (max-width: 768px) {
  #main h1{
    font-size: 20px;
  }
}

.Panel .Panel-Footer{
  padding: 6px 30px 9px;
  border-top:1px solid #efefef;
  bckground:white;
  text-align:center;
}

.Panel .Panel-Footer a{
  color:#828282;
  transition: color .2s linear;
}
.Panel .Panel-Footer a:hover{
  color:#000000;
}


.Panel .Panel-Body{
  padding: 15px;
  background:white;
}
/*
.Panel .Panel-Body .sys-application-portal-filecenter-folders .view-header,.Panel .Panel-Body .sys-application-portal-filecenter-folders .navigation-area{
  display:none;
}*/
.nonav .sys-application-portal-filecenter-folders .navigation-area,
.nonav .sys-application-portal-filecenter-folders .view-header {
   display: none;
}
.navigation-area .streamline .action-root {
  background-image: none;
  box-shadow: none;
  height: inherit;
  width: inherit;
  margin: 0;
  vertical-align: inherit;
  padding: 6px;
}
.navigation-area .streamline .action-root:after {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  vertical-align: middle;
  color: #000000;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga" 1;
  content: "home";
}

.streamline .streamline-entry {
  vertical-align: middle;
  display: inline-block;
}

@media (max-width: 440px) {
  .social-network {
    display: block;
    width: 100% !important;
  }
}
@media (max-width: 680px) {
  .sys-application-portal-filecenter-folders .navigation-area .list-view .horizontal table td{
    display: block;
    width: 100%;
  }
}


.sys-application-portal-filecenter-folders .navigation-area .list-view table .detail a:before {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  margin-top: -4px;
  margin-right: 5px;
  vertical-align: middle;
  color: #ababab;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga" 1;
  content: "folder";
}

.Panel-white .Panel .Panel-Body .links-view{
  margin-top: 0;
}
.Panel .Panel-Body  .list-view .detail .title A H4,.Panel .Panel-Body  .links-view .detail A H4, .Panel .Panel-Body .thumbnails-view .detail A H4{
  text-decoration:none;
  font-weight:500;
  color:#000000;
  line-height:26px;
}

.Panel .Panel-Heading{
  padding: 15px;
  border-radius: 2px 2px 0 0;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
}

.Panel .Panel-Heading h3{
    margin:0;
    font-size: 12pt;
    line-height: 19px;
    font-weight: 400;
    color: white;
}

.panel-section .Panel .Panel-Body ul,
.panel-section .Panel .Panel-Body ul li{
    padding: 10px 0;
}
.panel-section .Panel .Panel-Body ul.neutral-list {
  list-style: none;
}
.Panel-Body ul.neutral-list li a:hover {
  border-left: 2px solid transparent!important;
}
.Panel-Body ul.neutral-list li i,
.Panel-Body ul.neutral-list li a {
  vertical-align: middle;
}
.Panel-pink .Panel-Body ul.neutral-list li i {
  height: 48px;
  width: 48px;
  line-height: 48px;
  color: #fff;
  text-align: center;
  border-radius: 50%;
  background: #f56394;
  transition: all ease-out 0.25s;
}
.Panel-pink .Panel-Body ul.neutral-list li:hover i {
  transform: scale(1.2);
}
.panel-section .Panel .Panel-Body ul ul {
  margin-left: 20px;
}

.panel-section .Panel .Panel-Body ul.colored-lists li,
.Panel .Panel-Body .sitemap ul li {
    border-left:2px solid #efefef;
    vertical-align: top;
    list-style: none;
}
/*.panel-section .Panel .Panel-Body ul li{
    border-left:2px solid #efefef;
    vertical-align: top;
    list-style: none;
}*/
.panel-section .Panel .Panel-Body ul li{
    padding-top: 0;
}
.panel-section .Panel .Panel-Body ul li:last-child{
    padding-bottom: 0;
}

.Panel .Panel-Body ul.colored-lists li a,
.Panel .Panel-Body .sitemap ul li a {
    padding-left: 10px;
    margin-left: -2px;
    border-left: 2px solid transparent;
    font-size: 14px;
    font-weight: 500;
}
.Panel .Panel-Body ul li a{
    padding-left: 10px;
    margin-left: -2px;
    border-left: 2px solid transparent;
    font-size: 14px;
    font-weight: 500;
}



/*.Panel .Panel-Body ul.colored-lists li a:hover{
  border-left:2px solid #00bcd4;
  color:#000;
}*/


.Panel-default .Panel-Heading{
  background-color: #E5E5E5 !important;
  padding: 15px;
  box-shadow:none;
}

.Panel-default .Panel-Heading h3{
  color:#6000FF;
  font-size:14pt;
}

.Panel-white .Panel-Heading {
  background-color: #ffffff !important;
  color:inherit;
  box-shadow:none;
  padding-bottom:0;
  max-height:40px
}
.Panel-white-news .Panel-Heading{
  /*max-height:40px;*/
}

.Panel-white .Panel-Heading h3, .Panel-white-news .Panel-Heading h3{
  color:#9e9e9e;
}

/*.Panel-white .Panel-Body{
  padding-top:0;
}*/
.Panel-white-news .Panel-Body{
  padding:0;
}
.Panel-white-content-news .Panel-Body{
  padding: 15px 30px;
}

.Panel-black .Panel-Heading{
  background-color: #000000 !important;
}

.Panel-black .Panel-Body ul li a:hover,
.Panel-black .Panel-Body .sitemap ul li a:hover{
  border-left:2px solid #000000;
}

.Panel-brown .Panel-Heading{
  background-color: #CC00CC !important;
}

.Panel-brown .Panel-Body ul li a:hover,
.Panel-brown .Panel-Body .sitemap ul li a:hover{
  border-left:2px solid #efefef;
}

.Panel-pink .Panel-Heading{
  background-color: #FF33FF !important;
}

.Panel-pink .Panel-Body ul li a:hover,
.Panel-pink .Panel-Body .sitemap ul li a:hover{
  border-left:2px solid #FF33FF;
}

.Panel-red .Panel-Heading{
  background-color: #FF257D !important;
}

.Panel-red .Panel-Body ul li a:hover,
.Panel-red .Panel-Body .sitemap ul li a:hover{
  border-left:2px solid #FF257D;
}

.Panel-blue .Panel-Heading{
  background-color: #6000FF !important;
}

.Panel-blue .Panel-Body ul li a:hover,
.Panel-blue .Panel-Body .sitemap ul li a:hover{
  border-left:2px solid #6000FF;
}

.Panel-purple .Panel-Heading{
  background-color: #990066 !important;
}

.Panel-purple .Panel-Heading ul li a:hover,
.Panel-purple .Panel-Body .sitemap ul li a:hover{
    border-left:2px solid #990066 !important;
}

.Panel-deeppurple .Panel-Heading{
  background-color: #FF77FF !important;
}

.Panel-deeppurple .Panel-Heading ul li a:hover,
.Panel-deeppurple .Panel-Body .sitemap ul li a:hover{
    border-left:2px solid #FF77FF !important;
}

.Panel-lightblue .Panel-Heading{
  background-color: #33CCFF !important;
}

.Panel-lightblue .Panel-Heading ul li a:hover,
.Panel-lightblue .Panel-Body .sitemap ul li a:hover{
   border-left:2px solid #33CCFF !important;
}

.Panel-cyan .Panel-Heading{
  background-color: #66D8FF !important;
}

.Panel-cyan .Panel-Body ul.colored-lists li a:hover,
.Panel-cyan .Panel-Body .sitemap ul li a:hover{
  border-left:2px solid #66D8FF;
}


.Panel-teal .Panel-Heading{
  background-color: #3399CC !important;
}

.Panel-teal .Panel-Body ul.colored-lists li a:hover,
.Panel-teal .Panel-Body .sitemap ul li a:hover{
  border-left:2px solid #3399CC;

}

.Panel-green .Panel-Heading{
  background-color: #66D8FF !important;
}

.Panel-green .Panel-Body ul.colored-lists li a:hover,
.Panel-green .Panel-Body .sitemap ul li a:hover{
  border-left:2px solid #66D8FF;
}

.Panel-lightgreen .Panel-Heading{
  background-color: #FFBC2C !important;
}

.Panel-lightgreen .Panel-Body ul.colored-lists li a:hover,
.Panel-lightgreen .Panel-Body .sitemap ul li a:hover{
  border-left:2px solid #FFBC2C;
}

.Panel-lime .Panel-Heading{
  background-color: #330099 !important;
}

.Panel-lime .Panel-Body ul.colored-lists li a:hover,
.Panel-lime .Panel-Body .sitemap ul li a:hover{
  border-left:2px solid #330099;
}

.Panel-yellow .Panel-Heading{
  background-color: #CC3366 !important;
}

.Panel-yellow .Panel-Body ul.colored-lists li a:hover,
.Panel-yellow .Panel-Body .sitemap ul li a:hover{
  border-left:2px solid #CC3366;
}

.Panel-amber .Panel-Heading{
  background-color: #FF9900 !important;
}

.Panel-amber .Panel-Body ul.colored-lists li a:hover,
.Panel-amber .Panel-Body .sitemap ul li a:hover{
  border-left:2px solid #FF9900;
}

.Panel-orange .Panel-Heading{
  background-color: #FF6600 !important;
}

.Panel-orange .Panel-Body ul.colored-lists li a:hover,
.Panel-orange .Panel-Body .sitemap ul li a:hover{
  border-left:2px solid #FF6600;
}

.Panel-deeporange .Panel-Heading{
  background-color: #990066 !important;
}

.Panel-deeporange .Panel-Body ul.colored-lists li a:hover,
.Panel-deeporange .Panel-Body .sitemap ul li a:hover{
  border-left:2px solid #990066;
}

.Panel-gray .Panel-Heading.Panel-Heading{
  background-color: #9e9e9e !important;
}

.Panel-gray .Panel-Body ul.colored-lists li a:hover,
.Panel-gray .Panel-Body .sitemap ul li a:hover{
  border-left:2px solid #9e9e9e;
}

.Panel-bluegray .Panel-Heading{
  background-color: #000000 !important;
}

.Panel-bluegray .Panel-Body ul.colored-lists li a:hover,
.Panel-bluegray .Panel-Body .sitemap ul li a:hover{
  border-left:2px solid #000000;
}

.Panel-indigo .Panel-Heading{
  background-color: #6000FF !important;
}

.Panel-indigo .Panel-Body ul.colored-lists li a:hover,
.Panel-indigo .Panel-Body .sitemap ul li a:hover{
  border-left:2px solid #6000FF;
}

.PanelContent {
  text-align:center;
}


.Panel h1{
  color: #000000;
  font-weight:300;
  font-size:39px;
  text-transform: uppercase;
  line-height:27px;
  margin: 14px;
}

.Panel h3{
  color: #000000;
  font-weight:400;
  font-size:16px;
  text-transform: normal;
}


 /* Small block */

.smallblock {
  /*background: #fff;*/
  /*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);*/
  /*min-height:320px;*/
  position:relative;
}

.smallblock .blockgray{
    position:relative;
    height:100%;
    /*width: 350px;*/
    /*margin-right: 20px;*/
    /*border-right: 20px solid #f9f9f9;*/
    /*box-shadow: inset 0 -2px 0 0 #eee;*/
    margin-bottom: 20px;
    background: white;
    overflow: hidden;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

.smallblock .faq-container {
    padding-top: 10px;
    border-top: 0;
}

.smallblock  .smallblocklist{
  /*float:left;*/
  list-style-type:none;
  margin: 0;
  padding: 0;
}
.smallblock .blockgray .blockgraycontent{
    position: relative;
    /*border-top: 15px solid #f9f9f9;*/
    clear: both;
}
.smallblock table.smallblocktable tr td:first-child{
  box-shadow: 0 1px 1px 0 rgba(0,0,0,.15);
}



.smallblock .blockgray .blockgraycontent2{
    /*height: 70px;*/
    padding: 20px;
}

.smallblock .blockgray .blockgraycontent2 a.button{
    width:100%;
}

.smallblock .blockgray img{
    display:block;
    margin-bottom:20px;
    max-width: 100%;
}

.smallblock .blockgray button{
    display:block;
    width:100%;
}

.smallblock .action-save, .smallblock  .action-close{
  display:none;
}

.smallblock .vui-section{
    border:0;
    background:transparent;
    margin-top:20px;
}

/*.smallblock .vui-section H2 SPAN:before{
    content: 'add';
    font: normal normal normal 13px/1 'Material Icons';
    margin-right:5px;
}*/


.smallblock .vui-section H2{
    margin: 0;
    font-weight: 100;
    font-size: 20px;
}

.smallblock .vui-section H2 SPAN{
    padding: 0;
    background-image: none;
    background-color:transparent;
    cursor: pointer;
}

/*.smallblock .vui-section-expanded H2 SPAN:before{
    content: 'remove';
    font: normal normal normal 13px/1 'Material Icons';
    margin-right:5px;
}*/


.fields-group label{
    padding: 0px 2px;
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px;
    font-weight: 500;
}

.fields-group TD{
  padding-bottom:15px;
  /*font-size:15px;*/
  font-size:14px;
}

.fields-group .mandatory{
  color:inherit;
  font-weight:500;
  text-align: right;
}

/* Carousel */
.Panelcarousel .Panel .Panel-Body{
  padding:0;
}

.Panelcarousel #carousel{
  width:100%;
  height: 449px;
  position: relative;
}

.Panelcarousel #carousel .scrollable{
    float: left;
    height: 449px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.Panelcarousel #carousel.items {
    position: absolute;
    margin: 0px;
}

.Panelcarousel #carousel .carousel-image{
  width:100%;
  height: 449px;
}

.Panelcarousel #carousel .carousel-image img{
  width:100%;
  height: 449px;
}

.Panelcarousel #carousel .item {
    cursor: inherit;
    float: left;
    height: 449px;
    padding: 0;
    position: relative;
    width: 1280px;
}

.Panelcarousel #carousel .item table{
  width:100%;
}

.Panelcarousel #carousel .carousel-item{
  width:100%;
}

.Panelcarousel #carousel .carousel-item .carousel-text {
    float: left;
    background: white;
    display: block;
    height: 50px;
    width: 100%;
    color: black;
    position: absolute;
    bottom: 0;
}

.Panelcarousel #carousel .carousel-item .carousel-text span{
    position: relative;
    display: block;
    height: 50px;
    padding: 15px;
    font-size: 14px;
    line-height: 17px;
}


.Panelcarousel #carousel a.browse{
  background-image:none;
  position:absolute;
  top: 36.5%;
  /*border-radius: 50%;*/
  width: 40px;
  height: 40px;
  font-family: 'Material Icons';
  font-size: 40px;
  line-height: 40px;
  text-align: center;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga" 1;
  color: white;
  background-color:rgba(0,0,0,0.3);
  z-index: 1;
  transition: all 0.3s ease 0s, font-size .1s linear ;
}
.Panelcarousel #carousel a.browse:hover{
  background-color:rgba(0,0,0,0.7);
  /*font-size: 36px;*/
}

.Panelcarousel #carousel a.browse.right{
  right: 2%;
}

.Panelcarousel #carousel a.browse.left{
  left: 2%;
}


.Panelcarousel #carousel a.browse.left:before{
  content: 'chevron_left';
}

.Panelcarousel #carousel a.browse.right:before{
  content: 'chevron_right';
}


.navigation-area{
  padding:10px;
  border-bottom:0;
}

.navigation-area .detail strong {
  font-weight:normal;
  font-size:13px;
}

.view-area{
  padding: 0 10px 10px;
}

/*.view-header button, .view-header .action-refresh{
  box-shadow:none;
}*/


.view-header button.handler-filter {
    background-image: url("../images/filter.png");
    background-repeat: no-repeat;
    background-position:50%;
    background-color: #fff;
}

.view-header .handler-sorter .button-imgr{
    background-image: url("../images/sort.png")!important;
    background-repeat: no-repeat;
    background-position:50%;
    background-color:transparent;
 }

 .view-header .handler-sorter .button-imgr:hover{
    background-image: url("../images/sort.png")!important;
 }


.view-header .view-options .action-refresh{
    background-image: url("../images/refresh.png");
    background-repeat: no-repeat;
    background-position:50%;
    background-color:transparent;
 }

 .view-header .view-options .action-refresh:hover{
    background-image: url("../images/refresh.png");
 }

.view-header .popup-menu-handler SPAN{
    background-image:none;
    padding: 6px 0 6px 12px;
    border-radius: 2px;
 }

.view-header .popup-menu-handler .button-imgr{
      background-image: url("../images/arrow-down.png");
    background-repeat: no-repeat;
    background-position:50%;
    background-color:transparent;
    margin-right: 4px;
}

/*.view-header .itemsperpage{
    border: 1px solid #f7f7f7;
    border-radius: 2px;
    padding: 5px;
}*/

/*.table-view .unsorted{
        background-image: url("../images/button_sort.png");
}*/

/*.table-view .sort-descending{
        background-image: url("../images/button_sort_descending.png");
}*/

.table-view .sort-ascending a{
  font-size:13px
}

/*.table-view .sort-ascending{
        background-image: url("../images/button_sort_ascending.png");
}*/


.ProcessLinks{
    background:white;
    position: relative;
    width: 100%;
    height: calc(100% - 65px);
    margin: 0;
    padding: 0;
}


.ProcessLinks li{
    list-style-type: none;
}

.ProcessLinks li a{
    list-style-type: none;
    padding: 23px;
    float:left;
    font-weight: 500;
    text-transform: uppercase;
    width:100%;
}

.ProcessLinks li a:hover{
    background-color: #fcfcfc;
}

.ProcessLinks li a.active, .ProcessLinks li a.active:focus, .ProcessLinks li a.active:hover {
    z-index: 2;
    color: #000;
    background-color: #f1f1f1;
}


/* Footer */

.sys-footer {
    background-color: white;
    width: 100%;
    height:30px;
    display: none;
}


/* Process rh */

.vui-screen-document{
    position: relative;
    min-height: 350px;
    padding: 1px 20px;
    background: #fff;
    /*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);*/
}

.vui-screen-document .document-top-buttons button{
    background:transparent;
    color:inherit;
    border:none;
    box-shadow:none;
}
.vui-screen-document .document-top-buttons button.action-save{
    background: #6000FF;
    color:white;
    border:none;
    box-shadow:none;
    padding: 12px 15px 12px 40px;
    box-shadow: 0 2px 5px rgba(0,0,0,.16),0 2px 10px rgba(0,0,0,.12);
}
.vui-screen-document .document-top-buttons button.action-save span{
    display: inline-block;
}

.treatment-edit .document-main-buttons .action-save:after {
  content: "save";
  position: absolute;
  top: 5px;
  left: 10px;
  color: white;
}

.vui-screen-document .document-top-buttons button.action-close{
    background: #990066 ;
    color:white;
    border:none;
    box-shadow:none;
    padding: 12px 15px 12px 40px;
    box-shadow: 0 2px 5px rgba(0,0,0,.16),0 2px 10px rgba(0,0,0,.12);
}
.vui-screen-document .document-top-buttons button.action-close span{
    display: inline-block;
}

.treatment-edit .document-main-buttons .action-close:after {
  content: "close";
  position: absolute;
  top: 5px;
  left: 10px;
  color: white;
}


.vui-screen-document  .buttons-group {
    padding: 0px 7px 7px 7px;
    /*box-shadow: inset 0 -2px 0 0 #eee;*/
}

/*.vui-screen-document  .fields-area .section-highlighted, .vui-screen-document  .section-highlighted .section-highlighted{
    border:none;
}*/

.vui-screen-document .section H2, .vui-screen-document  .subsection H2, .vui-screen-document .section-highlighted H2,  .vui-screen-document .subsection-highlighted H2{
    color:black;
    margin: 0 0 0 20px;
    line-height: 100%;
    font-size: 22px;
    font-weight: 400;
}

.vui-screen-document .section-highlighted .subsection,  .vui-screen-document.section-highlighted .section{
  border:none;
}


.vui-screen-document .section .fields-group, .subsection .fields-group, .vui-screen-document .section-highlighted .fields-group, .vui-screen-document .subsection-highlighted .fields-group {
    clear: both;
}

.vui-screen-document .fields-group tr:last-child {
  border: 0;
}
.vui-screen-document .fields-group tr tr{
  border-bottom: 0;
}

.vui-screen-document .fields-group td {
    padding: 15px 5px 15px 5px;
    vertical-align: top;
}

/*.vui-screen-document .fields-group .radiogroup tr {
  display: inline-block;
  margin-right: 25px;
}
.vui-screen-document .fields-group .radiogroup tr td{
  display: block;
}*/


/* Form elements */

/*.section {
  border:none;
}*/



input {
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.42857143;
}

/* Simples tables */
.table th {
  background: white;
  text-transform: uppercase;
  font-weight: 500;
  vertical-align: middle;
  padding: 10px;
  font-size: 13px;
}
.table th, .table td {
  border: 0!important;
}
.table td a {
    color: #6000FF !important;
    text-decoration: underline;
}
.table td a:hover {
    text-decoration: none;
}
table td.cell1, .table table td.cell1 {
    background-color: #f7f7f7;
}
table td.cell2, .table table td.cell2 {
    background-color: #ffffff !important;
}
.table table, table{
  border-collapse:collapse!important;
  border:none;
  width: 100%;
  max-width: 100%;
}
.pager .table table, .pager table{
width: auto;
}
.table>table>tbody>tr>td, .table>table>tbody>tr>th, .table>table>tfoot>tr>td, .table>table>tfoot>tr>th, .table>table>thead>tr>td, .table>table>thead>tr>th{
    padding: 15px;
    line-height: 1.42857143;
    vertical-align: top;
    border:0px;
    border-top: 1px solid #F5F5F5;
    background:white;
    text-align:center;
    font-weight:300;
 }

.table table>thead>tr>th {
    font-weight: 500;
    text-transform: uppercase;
}

.table table td.cell2{
  background:white;
}

/* Lists */

.rich-text ul{
  list-style-type:none;
}

.rich-text ol{
  padding:0 15px;
}

.rich-text li{
  padding:5px;
}


.rich-text  ul li:before {
    content: 'done';
    font-family: 'Material Icons';
    text-rendering: optimizeLegibility;
    font-feature-settings: "liga" 1;
    font-style: normal;
    text-transform: none;
    line-height: 1;
    font-size: 13px;
    width: 20px;
    height: 15px;
    display: inline-block;
    overflow: hidden;
    vertical-align: bottom;
}

.pages-list ul{
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.075);
    /* box-shadow: 0 1px 2px rgba(0,0,0,.075); */
}


.pages-list ul li {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
}

.pages-list ul li:first-child{
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.pages-list ul li:last-child{
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

/* Tabs elements */

.tab1{
  background:white;
  height:auto;
}

.tab1 UL {
    margin: 0px;
    padding: 0px;
    width: 100%;
    list-style: none;
    padding: 0;
    white-space: nowrap;
    margin: 0;
    overflow: auto;
}

.tab1 LI {
    float: none;
    display: table-cell;
    width: 1%;
    text-align: center;
}

.tab1 LI span.current, .tab1 LI a  {
    background:transparent!important;
    padding: 10px;
    font-weight:100;
}

.tab1-content {
  background:white;
  padding: 20px 42px;
}

/* Top Tabs */

.horizontal-top-tabs .tab1 UL{
    box-shadow: inset 0 -2px 0 0 #eee;
}

.horizontal-top-tabs  .tab1 LI span.current{
  border-bottom:2px solid #6000FF;
}

/* Bottom Tabs */

.horizontal-bottom-tabs  .tab1 UL{
  box-shadow: inset 0 2px 0 0 #eee;
}

.horizontal-bottom-tabs  .tab1 LI span.current{
  border-top:2px solid #6000FF;
}

//filecenter folder content component
.thumbnail-view .detail {
	height: 175px;
	padding-left: 5px;
	border: 0px;
}
.thumbnail-view .detail .text-zone {
	overflow: hidden;
}

.intranet-search .horizontal-top-tabs .field.cell-right input.vui-combobox-input-autocomplete {
    width: 280px;
}

.intranet-search .horizontal-top-tabs .field.cell-right .vui-combobox .vui-combobox-opener,
.intranet-search .horizontal-top-tabs .field.cell-right .vui-combobox-multi .vui-combobox-opener {
	height : 34px;
}

/* fav on homepage */
.homepage .shortcuts .fav .info.favorite a.remove,
.homepage .shortcuts .remove-locked {
    position: absolute;
    height: 24px;
    right: -25px;
    opacity: 0;
    transition: all 0.3s ease;
}

.homepage .shortcuts .fav:hover .info.favorite a.remove,
.homepage .shortcuts .fav:hover .remove-locked {
    right: 0;
    opacity: 1;
}

/* fav on leftmenu */
.sidebar-navigation .apps .offset-lists > ul li {
    display: flex;
    position: relative;
    transition: all 03s ease;
}

.sidebar-navigation ul li ul.panel-navigation__apps .offset-lists ul > li a.selected,
 .sidebar-navigation ul li ul.panel-navigation__apps .offset-lists ul > li a {
    z-index: 0;
}

.sidebar-navigation ul li ul.panel-navigation__apps .offset-lists ul > li a:hover,
.sidebar-navigation ul li ul.panel-navigation__apps .offset-lists ul > li a:active,
.sidebar-navigation ul li ul.panel-navigation__apps .offset-lists ul > li a:focus {
    background-color: transparent;
}

.sidebar-navigation ul li ul.panel-navigation__apps .offset-lists ul > li {
    transition: all 0.2s ease;
    background-color: rgba(236, 236, 236, 0);
}

.sidebar-navigation ul li ul.panel-navigation__apps .offset-lists ul > li:hover,
.sidebar-navigation ul li ul.panel-navigation__apps .offset-lists ul > li:active,
.sidebar-navigation ul li ul.panel-navigation__apps .offset-lists ul > li:focus {
      border: none;
      background-color: rgba(236, 236, 236, 1)
}

.sidebar-navigation .apps ul li > a:first-child {
    width: 100%;
    z-index: 1
}

.sidebar-navigation .apps ul li > a:last-child {
    position: absolute;
    line-height: 26px;
    height: auto;
    width: auto;
    top: 10px;
    right: 0;
    z-index: 0;
    padding: 0;
}

.sidebar-navigation .apps ul li > a.add {
    opacity: 0;
    transition: all 0.3s ease;
}

.sidebar-navigation .apps ul li:hover > a.add {
    opacity: 1;
}

.sidebar-navigation .apps ul li > a:last-child > span {
    position: absolute;
    color: red;
    width: auto;
    height: auto;
    top: 0;
    right: 20px;
    color: #FF9900;
    font-size: 24px;
}

.sidebar-navigation .apps ul li > a.remove > span:last-child {
    transform: scale(1);
    transform-origin: center center;
    transition: all 0.2s ease;
}

.sidebar-navigation .apps ul li > a.remove:hover > span:last-child {
    transform: scale(0);
}

.sidebar-navigation .apps ul li > a.add > span:last-child {
    transform: scale(0);
    transform-origin: center center;
    transition: all 0.2s ease;
}

.sidebar-navigation .apps ul li > a.add:hover > span:last-child {
    transform: scale(1);
}

.sidebar-navigation .apps ul li > .remove-locked {
    color: #FF9900;
    position: absolute;
    line-height: 26px;
    height: auto;
    width: auto;
    top: 5px;
    right: 20px;
    padding: 0;
}

/*All tiles page*/
.shortcuts .info.favorite {
    top: 58px;
    background-color: transparent;
}

.shortcuts .info.favorite a {
    height: auto;
}

.shortcuts .info.favorite a:before {
    content: none;
}

.shortcuts .info.favorite a > span {
    position: absolute;
    top: 0;
    left: 0;
    color: #FFF;
}

.shortcuts .info.favorite a.remove > span:last-child {
    transform: scale(1);
    transform-origin: center center;
    transition: all 0.4s ease;
}

.shortcuts .info.favorite a.remove:hover > span:last-child {
    transform: scale(0);
}

.shortcuts .info.favorite a.add > span:last-child {
    transform: scale(0);
    transform-origin: center center;
    transition: all 0.4s ease;
}

.shortcuts .info.favorite a.add:hover > span:last-child {
    transform: scale(1);
}

.shortcuts .fav > a:first-child:hover:before {
    height: 35px;
}

.shortcuts .fav .info.favorite a.add {
    opacity: 0;
    right: -25px;
    position: absolute;
    height: 24px;
    transition: all 0.3s ease;
}

.shortcuts .fav:hover .info.favorite a.add {
    right: 3px;
    opacity: 1;
}

.shortcuts .fav:after {
    content: "";
    position: absolute;
    left:0;
    bottom: 35px;
    width: 100%;
    height:0;
    background-color: rgba(0, 0, 0, 0.1);
    transition: height 0.3s ease;
    z-index: -1;
}

.shortcuts .fav:hover:after {
    height: 100%;
}

.shortcuts .fav:hover .remove-locked {
    right: 0;
    opacity: 1;
}

.remove-locked {
	cursor: default;
}

/* COMPTES STRATEGIQUES */

.strategic-customer{
   display: flex;
   justify-content: center;
   align-items: center;
}

.strategic-customer p {
   font-weight: 500;
   font-size: 17px;
   margin-left: 5px;
}


/******** COMPTES STRATEGIQUES ********/
.tab-accueil {
	padding: 15px;
}

.tab-accueil img {
	height: auto;
    width: auto;
    max-width: 75%;
    max-height: 200px;
}
.tab-accueil .entrepriseImg img {max-height: 150px;}

/* Couleurs onglets menu */
#tabs li.entrepriseTab.active,
#tabs li.entrepriseTab:hover {
	border-bottom: 2px solid #9e9e9e;
}
#tabs li.empathieTab.active,
#tabs li.empathieTab:hover{
	border-bottom: 2px solid #FF9900;
}
#tabs li.excellenceTab.active,
#tabs li.excellenceTab:hover {
	border-bottom: 2px solid #00b7d4;
}
#tabs li.experienceTab.active,
#tabs li.experienceTab:hover {
	border-bottom: 2px solid #7527b0;
}
#tabs li.executionTab.active,
#tabs li.executionTab:hover {
	border-bottom: 2px solid #6000FF;
}
/* Animation menu */
/* Pour ajouter le comportement du menu qui se fixe,
il faut ajouter la class document-top-buttons sur le ul qui contient les onglets */
.panel-customers-contacts .fix-top-buttons.search-tabs-navigation {
    width: calc(71.6% - 61px) !important;
    left: 17% !important;
    z-index: 104;
}

/* Disposition tableaux */
.tab-entreprise.table-view,
.tab-excellence.table-view,
.tab-experience.table-view,
.tab-execution.table-view,
.tab-empathie.table-view {
    margin-top: 0;
}

.tab-entreprise.table-view td,
.tab-excellence.table-view td,
.tab-experience.table-view td,
.tab-execution.table-view td,
.tab-empathie.table-view td {
	vertical-align: top;
    border-top: none;
    padding: 0;
}

/* aspect colonne */
.tab-compteStrat tr td:first-child{width: 45%;}
.tab-empathie .tab-compteStrat tr td:first-child{width: 40%;}
.tab-execution .tab-compteStrat tr td:first-child{width: auto;}
.tab-empathie .contactStrat tr td:first-child{width: 20%;}

.table-view .tab-compteStrat td {
  padding: 10px;
  border-top: 1px solid #f0f0f0
}

/* aspect titre tableau */
.table-view .tab-compteStrat h2,
.table-view .tab-compteStrat h3 {
    margin: 0px;
    font-weight: lighter;
    padding: 0 !important;
 }

.tab-excellence table:first-child h2{
   padding: 10px;
   margin: 0px;
   font-weight: lighter;
}

/* Coloris d'entête de tableau */
.tab-excellence table:first-child h2,
.tab-compteStrat tr:first-child td {color: #FFF}

.tab-entreprise .tab-compteStrat tr:first-child td {background: #9e9e9e;}
.tab-empathie .tab-compteStrat tr:first-child td {background: #FF9900;}
.tab-excellence table:first-child h2,
.tab-excellence .tab-compteStrat tr:first-child td {background: #00b7d4;}
.tab-experience .tab-compteStrat tr:first-child td {background: #7527b0;}
.tab-execution .tab-compteStrat tr:first-child td {background: #6000FF;}

/** UBISCUS */

.lightbox-content .ubiscusTicket-read .fields-area { padding: 0 5%;}

.lightbox-content .ubiscusTicket-read .fields-group td { display: table-cell; }

.lightbox-content .ubiscusTicket-read .description .fields-group .cell-full,
.lightbox-content .ubiscusTicket-read .title .fields-group .cell-full { width: 1%; }

.lightbox-content .ubiscusTicket-read .description .fields-group .cell-left,
.lightbox-content .ubiscusTicket-read .title .fields-group .cell-left { width: 21%; }

/** Entretien annuel */

.entretien-annuel-hidden-title {display: none;}
.fit-content .treatment_class-create_treatment {width: fit-content;}

/** Visualisation PDF process Demat */
.pdf-preview-fullheight .pdf-preview {min-height: 800px; !important}
.cell-left.td60 {width: 60% !important;}
.cell-right.td40 {width: 40% !important;}

/** Status */
ul.user-panel-status {
	position: relative;
    top: 60%;
    left: 40%;
}

.user-panel-status i {
    vertical-align: middle;
        height: 36px;
        width: 36px;
        line-height: 36px;
        background: #3CD52E;
        border-radius: 50%;
        border-style: solid;
        border-width: 1px;
        color: #fff;
        text-align: center;
}

.user-panel-status i.beach_access,
.user-panel-status i.priority_high {
	background : #990066;
}

span.commandCircle {
	background: #FF257D;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	color: #000;
	display: inline-block;
	font-weight: bold;
	line-height: 24px;
	margin-right: 5px;
	text-align: center;
	vertical-align: top;
	width: 24px;
}

/*.user-panel-status i.headset_mic {
	background : royalblue;
}*/


.user-page .user-panel-left .visiativ-by-her .image img{
    display: block;
    width: 158px;
    height: 32px;
    border-radius: 0;
    margin: auto;
}

.agency-panel .Panel .Panel-Body {
	padding: 30px;
}


.agency-panel .Panel-Body .country {
    display: flex;
}

.agency-panel .Panel-Body .country img{
    margin-right: 5px;
}

.agency-panel .Panel-Body ul li a{
	padding-left : 0px;
	border-left : 0px;
	color : #6000FF;
	display : inline-block;
	margin : 4px 0px 6px 0px;
}
.agency-panel .Panel-Body ul li{
	font-size:14px;
}

.agency-panel .Panel-Body .country img{
    margin-right: 5px;
}

.agency-panel  .Panel-Body ul li:last-child{
	padding-bottom : 5px;
}