@charset "UTF-8";
@import url(libraries/easy-autocomplete.min.css?t=1760547590029);
@import url(libraries/slick.css?t=1760547590029);
@import url(libraries/ui.fancytree.min.css?t=1760547590029);
@import url(libraries/multi-select.css?t=1760547590029);
@import url(libraries/stacktable.css?t=1760547590029);
@import url(libraries/fixedColumns.bootstrap.min.css?t=1760547590029);
@import url(libraries/dataTables.min.css?t=1760547590029);
@import url(libraries/bootstrap-multiselect.css?t=1760547590029);
@import url(libraries/bootstrap-datetimepicker.min.css?t=1760547590029);
@import url(libraries/jquery-confirm.css?t=1760547590029);
@import url(libraries/lato.css?t=1760547590029);
@import url(portlet/portlet-faq.css?t=1760547590029);
@import url(portlet/portlet-newsletter.css?t=1760547590029);
@import url(portlet/portlet-bookmarks.css?t=1760547590029);
@import url(portlet/portlet-footer.css?t=1760547590029);
@import url(portlet/portlet-base.css?t=1760547590029);
@import url(portlet/portlet-user-profile.css?t=1760547590029);
@import url(portlet/portlet-history.css?t=1760547590029);
@import url(portlet/portlet-language-menu.css?t=1760547590029);
@import url(portlet/portlet-message-boards.css?t=1760547590029);
@import url(portlet/portlet-disclaimer.css?t=1760547590029);
@import url(svgicon.css?t=1760547590029);
html {
  box-sizing: border-box; }

*, *:before, *:after {
  box-sizing: inherit; }

ul, ol {
  margin: 0; }

.navbar-inner {
  background: #303030;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: none; }

.navbar {
  border-bottom: 1px solid #E5E5E5 !important;
  margin-bottom: 0px !important; }

.navbar .nav > li > a {
  text-shadow: none;
  color: #FFFFFF; }
  .navbar .nav > li > a:hover, .navbar .nav > li > a:focus {
    color: #f10202; }
  .navbar .nav > li > a:visited {
    color: #FFFFFF; }

.navbar .divider-vertical {
  margin: 0;
  border-left: 1px solid #1C1C1C;
  border-right: 1px solid #484848; }

body {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 20px;
  color: #2f2f2f; }

.tmme-web-content .margin-left-10 {
  margin-left: 10px; }

.tmme-web-content .margin-right-10 {
  margin-right: 10px; }

.tmme-web-content .margin-bottom-10 {
  margin-bottom: 10px; }

.tmme-web-content .image-50 {
  width: 50%; }

.tmme-web-content .image-100 {
  width: 100%; }

.tmme-web-content p {
  font-size: 16px;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  color: #303030;
  font-weight: normal;
  line-height: 1.2; }

blockquote {
  position: relative;
  border-left: 5px solid #5B91E7;
  padding: 10px 70px;
  font-weight: normal;
  background: #F0F0F0; }

blockquote:before {
  display: block;
  content: "\201C";
  font-size: 50px;
  position: absolute;
  left: 20px;
  top: 15px;
  color: #303030;
  font-family: Georgia; }

blockquote:after {
  display: block;
  content: "\201D";
  font-size: 50px;
  position: absolute;
  right: 20px;
  bottom: 0;
  color: #303030;
  font-family: Georgia; }

blockquote p {
  display: inline;
  font-weight: bold !important; }

.card-container {
  margin: 0 !important;
  padding: 0 10px 10px 0; }
  .card-container .card {
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 10px #DDD;
    -moz-box-shadow: 0px 0px 10px #DDD;
    box-shadow: 0px 0px 10px #DDD; }
    .card-container .card .card-thumb {
      position: relative;
      height: 120px;
      overflow: hidden;
      background-color: #FFF;
      transition: height 0.3s; }
    .card-container .card .card-body {
      position: relative;
      padding: 15px;
      transition: height 0.3s;
      height: 100px;
      overflow: hidden; }
    .card-container .card h2.card-title {
      margin: 0;
      padding: 0 0 10px 0;
      font-size: 18px;
      color: #303030;
      font-weight: normal;
      line-height: 20px; }

input[type="text"].search-input {
  background: #FFF;
  border: 1px solid #d7d6d5;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  -ms-border-radius: 23px;
  -o-border-radius: 23px;
  border-radius: 23px;
  color: #303030;
  height: 44px;
  padding: 0 12px;
  line-height: 46px; }
  input[type="text"].search-input:focus {
    border: 1px solid #5b91e7; }

label {
  font-weight: normal;
  color: #303030; }

fieldset.search-container {
  padding: 20px 0;
  border-bottom: 1px solid #d7d6d5;
  border-top: 1px solid #d7d6d5;
  text-align: center; }
  fieldset.search-container .control-group {
    margin: 0;
    float: left; }
  fieldset.search-container .input-search-container {
    margin: 0 auto 20px auto; }
    fieldset.search-container .input-search-container .control-group {
      width: 86%; }
      fieldset.search-container .input-search-container .control-group input[type="text"].search-input {
        width: 86%; }
  fieldset.search-container label {
    margin-right: 10px;
    font-size: 16px; }

.search-result .alert {
  margin-top: 15px; }

.search-result .table-bordered {
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0; }
  .search-result .table-bordered thead {
    display: none; }
  .search-result .table-bordered td, .search-result .table-bordered th {
    border: none;
    padding: 0;
    background: none !important; }

.search-result .asset-entry-title {
  position: relative;
  text-align: center;
  margin-bottom: 0;
  padding: 20px 40px; }
  .search-result .asset-entry-title h2 {
    background: #FFF;
    display: inline-block;
    z-index: 10;
    position: relative;
    padding: 0 20px;
    text-transform: uppercase;
    font-size: 18px;
    margin: 0; }
    .search-result .asset-entry-title h2 a {
      color: #303030; }
      .search-result .asset-entry-title h2 a img {
        display: block;
        width: 125px; }

.search-result .asset-entry {
  -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(0, 0, 0, 0.3);
  margin: 20px; }

.search-result .asset-entry-info {
  padding: 15px 20px;
  font-size: .9em;
  background: #F4F4F4;
  border-top: 1px solid #E8E8E8;
  border-bottom: 1px solid #E8E8E8; }
  .search-result .asset-entry-info .post-metadatas {
    text-align: center;
    margin: 0;
    font-size: 12px;
    font-style: italic; }
    .search-result .asset-entry-info .post-metadatas li {
      display: inline-block;
      text-transform: capitalize;
      margin-right: 20px; }
      .search-result .asset-entry-info .post-metadatas li i {
        color: #6ba01e;
        font-size: 16px;
        position: relative;
        top: 1px; }

.search-result .asset-entry-content {
  margin: 0;
  padding: 15px 20px; }

.button-search, .button-search:focus {
  float: left;
  background-color: #FFF;
  width: 14% !important;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("/tmme-theme/css/../images/total/bg_search.svg");
  height: 46px;
  color: transparent;
  text-decoration: none;
  font-size: 1px;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  -ms-border-radius: 23px;
  -o-border-radius: 23px;
  border-radius: 23px;
  margin: 0 !important;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }
  .button-search:hover, .button-search:focus, .button-search:focus:hover, .button-search:focus:focus {
    background-position: center !important;
    background-color: #eaeaea !important; }

.journal-content-article table {
  width: 100%;
  border: 1px solid #e5e5e5;
  border-collapse: separate;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px; }
  .journal-content-article table tr th {
    font-size: 16px;
    color: #303030;
    font-weight: normal;
    line-height: 1.2;
    vertical-align: bottom;
    border-bottom: 2px solid #eceeef;
    padding: 12px; }
  .journal-content-article table tr td {
    font-size: 14px;
    color: #303030;
    font-weight: normal;
    line-height: 1.125;
    border-top: 1px solid #eceeef;
    padding: 12px; }
  .journal-content-article table tr:first-child td {
    border-top: 0 !important; }

.facet-search-column {
  -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(0, 0, 0, 0.3); }
  .facet-search-column .search-facet {
    border: none !important;
    padding: 10px !important; }
  .facet-search-column .nav-pills.nav-stacked > li > a {
    margin-bottom: 3px;
    color: #303030;
    background: none;
    font-size: 12px;
    padding: 2px; }
    .facet-search-column .nav-pills.nav-stacked > li > a i {
      margin-right: 5px; }
  .facet-search-column span.frequency {
    float: right;
    font-weight: normal; }

.label {
  color: #303030; }

.portlet-search .search-suggested-spelling .changed-keyword {
  font-size: 12px !important; }

.facet-search-selected .lfr-token {
  border: none;
  background: none;
  display: block;
  padding: 0;
  margin: 10px 0;
  font-size: 12px;
  position: relative; }
  .facet-search-selected .lfr-token:hover {
    background: none; }
  .facet-search-selected .lfr-token .lfr-token-text {
    margin-right: 10px; }
  .facet-search-selected .lfr-token a {
    color: #303030;
    top: 50%;
    float: right;
    position: absolute;
    right: 0;
    margin: 0;
    margin-top: -6px; }

.news-web-content {
  -webkit-box-shadow: 0 0 3px #CACACA;
  -moz-box-shadow: 0 0 3px #CACACA;
  box-shadow: 0 0 3px #CACACA; }
  .news-web-content h2 {
    padding: 10px; }

form input[type="text"],
form input[type="tel"],
form input[type="email"] {
  /* -webkit-appearance: caret;
     -moz-appearance: caret;
       -o-appearance: caret;
          appearance: caret; */
  background-clip: padding-box;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-weight: 400;
  font-size: 14px;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  -ms-border-radius: 23px;
  -o-border-radius: 23px;
  border-radius: 23px;
  background-color: #FFF;
  color: #303030;
  border: solid 1px #d7d6d5;
  height: 46px;
  line-height: 46px;
  padding: 0 12px; }

form input[type="text"]:focus,
form input[type="tel"]:focus,
form input[type="email"]:focus,
form input[type="text"]:hover,
form input[type="tel"]:hover,
form input[type="email"]:hover {
  border-color: #5b91e7 !important; }

form input[type="text"].visited,
form input[type="tel"].visited,
form input[type="email"].visited {
  border-color: #cacaca; }

form input[type="text"].error,
form input[type="tel"].error,
form input[type="email"].error {
  border-color: #FF0000 !important; }

form input[type="text"].readonly,
form input[type="tel"].readonly,
form input[type="email"].readonly {
  border-color: transparent;
  background-color: transparent; }

form input[type="text"].readonly:focus,
form input[type="tel"].readonly:focus,
form input[type="email"].readonly:focus,
form input[type="text"].readonly:hover,
form input[type="tel"].readonly:hover,
form input[type="email"].readonly:hover {
  border-color: transparent !important;
  background-color: transparent !important; }

form input[type="text"].bg_euro,
form input[type="tel"].bg_euro,
form input[type="email"].bg_euro {
  background-image: url("../images/total/bg-euro.png");
  background-position: 90% center;
  background-repeat: no-repeat; }

form input[type="text"].bg_pourcent,
form input[type="tel"].bg_pourcent,
form input[type="email"].bg_pourcent {
  background-image: url("../images/total/bg-pourcentage.png");
  background-position: 90% center;
  background-repeat: no-repeat; }

form textarea {
  /* -webkit-appearance: caret;
         -moz-appearance: caret;
           -o-appearance: caret;
              appearance: caret; */
  background-clip: padding-box;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-weight: 400;
  font-size: 14px;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  -ms-border-radius: 23px;
  -o-border-radius: 23px;
  border-radius: 23px;
  background-color: #FFF;
  color: #303030;
  border: solid 1px #d7d6d5;
  padding: 10px 12px;
  line-height: 18px;
  min-height: 100px; }

form textarea:focus,
form textarea:hover {
  border-color: #DF0C36 !important; }

form textarea.error {
  border-color: #FF0000 !important; }

form textarea.readonly {
  border-color: transparent;
  background-color: transparent; }

form textarea.readonly:focus,
form textarea.readonly:hover {
  border-color: transparent !important;
  background-color: transparent !important; }

form label {
  font-weight: 700;
  color: #303030; }

form label .required {
  color: #f10202; }

.modal-header {
  border: none; }

/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.24
*
* Copyright 2017, Liferay, Inc.
* All rights reserved.
* MIT license
*/
.loading-animation, .loadingmask-message .loadingmask-message-content {
  animation: loading-animation 1.7s infinite ease;
  border-radius: 50%;
  clear: both;
  font-size: 64px;
  height: 1em;
  margin: 1em auto;
  overflow: hidden;
  position: relative;
  transform: translateZ(0);
  width: 1em; }

.loadingmask-content {
  background: #CCC; }

.loadingmask-message {
  background: rgba(255, 255, 255, 0.75);
  border-radius: 50%;
  border-width: 0;
  font-size: 64px;
  left: 50% !important;
  padding: 0.7em;
  position: absolute;
  top: 50% !important;
  transform: translate(-50%, -50%); }
  .loadingmask-message .loadingmask-message-content {
    background: transparent;
    border-width: 0;
    color: transparent;
    height: 1em;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 1em; }

.overlaymask-hidden .loadingmask-message {
  display: none; }

@keyframes loading-animation {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em #0077ff, 0 -0.83em 0 -0.42em #008cff, 0 -0.83em 0 -0.44em #00a2ff, 0 -0.83em 0 -0.46em #00b7ff, 0 -0.83em 0 -0.477em #0CF;
    transform: rotate(0); }
  2%, 96% {
    box-shadow: 0 -0.83em 0 -0.4em #0077ff, 0 -0.83em 0 -0.42em #008cff, 0 -0.83em 0 -0.44em #00a2ff, 0 -0.83em 0 -0.46em #00b7ff, 0 -0.83em 0 -0.477em #0CF; }
  10% {
    box-shadow: 0 -0.83em 0 -0.4em #0077ff, -0.087em -0.825em 0 -0.42em #008cff, -0.173em -0.812em 0 -0.44em #00a2ff, -0.256em -0.789em 0 -0.46em #00b7ff, -0.338em -0.758em 0 -0.477em #0CF; }
  25% {
    box-shadow: 0 -0.83em 0 -0.4em #0077ff, -0.338em -0.758em 0 -0.42em #008cff, -0.555em -0.617em 0 -0.44em #00a2ff, -0.671em -0.488em 0 -0.46em #00b7ff, -0.719em -0.415em 0 -0.477em #0CF; }
  40% {
    box-shadow: 0 -0.83em 0 -0.4em #00f7ff, -0.377em -0.74em 0 -0.42em #00fff2, -0.645em -0.522em 0 -0.44em #00ffdd, -0.775em -0.297em 0 -0.46em #00ffc8, -0.82em -0.13em 0 -0.477em #00ffb3; }
  60% {
    box-shadow: 0 -0.83em 0 -0.4em #0077ff, -0.087em -0.825em 0 -0.42em #008cff, -0.173em -0.812em 0 -0.44em #00a2ff, -0.256em -0.789em 0 -0.46em #00b7ff, -0.297em -0.775em 0 -0.477em #0CF; }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em #0077ff, 0 -0.83em 0 -0.42em #008cff, 0 -0.83em 0 -0.44em #00a2ff, 0 -0.83em 0 -0.46em #00b7ff, 0 -0.83em 0 -0.477em #0CF;
    transform: rotate(360deg); } }

.logo {
  display: inline-block;
  line-height: 1;
  vertical-align: middle; }

/* ---------- Main content body ---------- */
.portal-iframe #main-content {
  width: 100%; }

/* ---------- Separator ---------- */
.separator {
  border-top: 1px dotted #BFBFBF; }

/* ---------- Status ---------- */
.entry-status {
  border-left: 4px solid transparent; }

span.alert {
  display: inline-block; }

/* ---------- Update manager ---------- */
.update-available {
  margin-top: 10px;
  padding: 2px;
  text-align: left; }

.quick-access-nav {
  position: absolute;
  top: -1000px;
  width: 100%;
  z-index: 1000; }
  .quick-access-nav a {
    background: #333;
    background: rgba(51, 51, 51, 0.9);
    border: 1px solid #FFF;
    left: 0;
    outline: none;
    padding: 8px;
    position: absolute;
    right: 0;
    text-align: center; }
    .quick-access-nav a:focus {
      color: #FFF;
      top: 1000px; }

@media only screen and (max-width: 991px) {
  .responsive-table-horizontal {
    display: block;
    position: relative;
    width: 100%; }
    .responsive-table-horizontal:after {
      clear: both;
      content: '';
      display: block;
      font-size: 0;
      height: 0;
      visibility: hidden; }
    .responsive-table-horizontal tbody {
      display: block;
      overflow-x: auto;
      position: relative;
      white-space: nowrap;
      width: auto; }
      .responsive-table-horizontal tbody tr {
        display: inline-block;
        vertical-align: top; }
        .responsive-table-horizontal tbody tr td {
          display: block;
          margin-bottom: 20px; }
          .responsive-table-horizontal tbody tr td:first-child {
            text-align: left; }
    .responsive-table-horizontal thead {
      display: block;
      float: left;
      margin-right: 10px; }
      .responsive-table-horizontal thead:after {
        clear: both;
        content: "";
        display: block;
        font-size: 0;
        height: 0;
        visibility: hidden; }
      .responsive-table-horizontal thead th {
        display: block;
        margin-bottom: 20px;
        text-align: right; }
        .responsive-table-horizontal thead th:first-child {
          text-align: right; }
  .ie9 .responsive-table-horizontal thead {
    float: none; } }

.important {
  font-weight: bold; }

.highlight {
  background: #FFC;
  font-weight: bold;
  margin: 0 1px; }

.hide-accessible {
  clip: rect(0 0 0 0) !important;
  position: absolute !important;
  /*Webkit and IE7 let clipped content change the scroll height of the page*/
  /*Scale webkit to 0*/
  -webkit-transform: scale(0);
  -webkit-transform-origin-x: 0;
  -webkit-transform-origin-y: 0;
  /*Change IE7 to using fixed*/
  *position: fixed !important;
  /*...And reset back to absolute for IE6*/
  _position: absolute !important; }

.force-offset {
  display: block !important;
  position: absolute !important;
  visibility: hidden !important; }

.unselectable, .unselectable * {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/* ---------- Logo ---------- */
.logo {
  display: inline-block;
  line-height: 1;
  vertical-align: middle; }

/* ---------- Text formatting ---------- */
.important {
  font-weight: normal; }

/* ---------- Main content body ---------- */
.portal-iframe #main-content {
  width: 100%; }

/* ---------- Loading animation ---------- */
.picto-etat-loading, .picto-etat-loding {
  background: url(../images/fid_common/loading_undicator.svg) no-repeat;
  display: inline-block;
  height: 26px;
  margin-right: 10px;
  background-size: 25px;
  width: 25px; }

/* ---------- Loading input --------------- */
.fid-input-loading {
  background: url(../images/fid_common/loading_undicator.svg) no-repeat;
  background-size: 25px 25px;
  background-position: right; }

/* ---------- Picto error ---------- */
.picto-etat-error {
  background: url("../images/common/picto-anomalie.svg");
  display: inline-block;
  height: 26px;
  margin-right: 10px;
  background-size: 25px;
  width: 26px; }

/* ---------- Picto validate ---------- */
.picto-etat-validate {
  background: url("../images/common/picto-integree.svg");
  display: inline-block;
  height: 26px;
  margin-right: 10px;
  background-size: 25px;
  width: 25px; }

/* ---------- error text ---------- */
.error {
  color: #ED0000 !important;
  font-size: 11px !important; }

/* ---------- Separator ---------- */
.separator {
  border-top: 1px dotted #BFBFBF; }

/* ---------- Update manager ---------- */
.update-available {
  margin-top: 10px;
  padding: 2px;
  text-align: left; }

/* ---------- Text highlighting ---------- */
.highlight {
  background: #FFC;
  font-weight: normal;
  margin: 0 1px; }

/* ---------- Miscellaneous ---------- */
span.alert {
  display: inline-block; }

#skip-to-content {
  clip: rect(0 0 0 0);
  position: absolute; }

.cke_toolbar.cke_toolbar__a11yhelpbtn .cke_toolgroup, .cke_toolbar.cke_toolbar__a11yhelpbtn .cke_toolgroup:hover {
  background: transparent; }

.cke_toolbar.cke_toolbar__a11yhelpbtn .cke_button:hover {
  background: transparent; }

.cke_toolbar.cke_toolbar__a11yhelpbtn .cke_button .cke_button_label:after {
  border-color: #A6A6A6;
  font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace; }

.lfr-asset-category-container .no-matches {
  color: #999; }

.lfr-asset-category-search-container {
  background-color: #D3DADD;
  border-bottom-color: #AEB8BC; }

.lfr-asset-category-list a.selected {
  background-color: #EEE; }

.lfr-categories-selector-search-results-path {
  color: #575757;
  font-size: 0.9em;
  text-align: right;
  width: 25%; }

.lfr-asset-column-actions-content {
  background-color: #D7F1FF; }

.lfr-asset-column-actions .lfr-asset-column-actions-content {
  border-color: #88C5D9; }

.lfr-asset-column-details .lfr-asset-categories {
  color: #7D7D7D; }
  .lfr-asset-column-details .lfr-asset-categories .lfr-asset-category {
    color: #555; }

.lfr-asset-column-details .lfr-asset-description {
  color: #444;
  font-style: italic;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto; }

.lfr-asset-column-details .lfr-asset-icon {
  border-right-color: #999;
  color: #999; }

.lfr-asset-column-details .lfr-asset-tags {
  color: #7D7D7D; }
  .lfr-asset-column-details .lfr-asset-tags .tag {
    color: #555; }

.lfr-asset-panels .lfr-panel.lfr-extended, .lfr-asset-column-details .lfr-panel.lfr-extended {
  border-color: #CCC; }

.lfr-form-row {
  border-bottom-color: #CCC; }

.lfr-form-row:hover {
  background-color: #DFFCCB;
  border-color: #B2FF3A; }

.lfr-form-row .handle-sort-vertical {
  background: url(../images/application/handle_sort_vertical.png) no-repeat 0 50%; }

.lfr-edit-layout-panel .taglib-form-navigator .button-holder {
  background-color: #FFF; }

.definition-of-terms dt {
  color: #333;
  font-weight: normal;
  width: 100%;
  word-break: break-word; }
  @media only screen and (min-width: 768px) {
    .definition-of-terms dt {
      width: auto; } }

.lfr-code {
  background: #FFF;
  border-color: #777;
  font-family: monospace; }
  .lfr-code tr td.line-numbers {
    background: #FAFAFA; }
    .lfr-code tr td.line-numbers:before {
      color: #AAA;
      text-shadow: 1px 1px #FFF; }

.popup-alert-notice .countdown-timer {
  font-size: 1.1em;
  font-weight: bold; }

.lfr-token {
  background-color: #B3DAEF;
  border-color: #5FA8FF;
  color: #444;
  text-decoration: none; }
  .lfr-token:hover {
    background-color: #D1E5EF; }

.lfr-token-primary {
  font-weight: bold; }
  .lfr-token-primary, .lfr-token-primary:hover {
    background-color: #B3DAEF; }

.lfr-token-close:hover {
  text-decoration: none; }

.lfr-button {
  background: no-repeat 0 50%; }

.lfr-table > tbody > tr > th, .lfr-table > thead > tr > th, .lfr-table > tfoot > tr > th {
  font-weight: bold; }

.lfr-checkbox-preselected, .lfr-configurator-visibility {
  opacity: 0.5; }

.lfr-header-row {
  border-bottom-color: #7B7B7B; }
  .lfr-header-row .lfr-search-combobox {
    border-color: #5F5F5F; }

.openid-login input[type="text"] {
  background: url(../images/common/openid.gif) no-repeat;
  background-color: #FFF;
  background-position: 0 50%;
  color: #000; }

.page-extra-settings .lfr-panel-titlebar .lfr-panel-title {
  font-size: 1em; }

.lfr-pagination .lfr-pagination-controls li .lfr-pagination-link {
  color: #333;
  font-weight: normal; }

.lfr-panel.lfr-extended, .lfr-panel-container, .lfr-floating-container {
  border-color: #DEDEDE #BFBFBF #BFBFBF #DEDEDE; }

.lfr-panel-container, .lfr-floating-container {
  background: #FFF; }

.lfr-panel-titlebar .lfr-panel-title {
  font-size: 1.2em;
  font-weight: bold; }

.lfr-panel-titlebar .lfr-panel-button {
  background: url(../images/application/panel_header_toggler_close.png) no-repeat 0 0; }
  .lfr-panel-titlebar .lfr-panel-button:hover {
    background-position: 0 100%; }

.lfr-panel.lfr-collapsible .lfr-panel-titlebar {
  background: url(../images/arrows/05_down.png) no-repeat 2px 50%; }

.lfr-panel.lfr-collapsed .lfr-panel-titlebar {
  background-image: url(../images/arrows/05_right.png); }
  .lfr-panel.lfr-collapsed .lfr-panel-titlebar .lfr-panel-button {
    background-image: url(../images/application/panel_header_toggler_open.png); }

.lfr-panel.lfr-extended .lfr-panel-titlebar {
  background: #D6D6D6 url(../images/application/panel_header.png) repeat-x 0 0;
  border-bottom-color: #CDCDCD; }

.lfr-panel-container .lfr-extended.lfr-collapsible .lfr-panel-titlebar {
  border-top-color: #CECECE; }

.js .lfr-floating-trigger {
  background-image: url(../images/arrows/05_down.png);
  background-position: 100% 50%;
  background-repeat: no-repeat;
  text-decoration: none; }

.lfr-panel-page .panel-page-content {
  border-left-color: #CCC; }

.lfr-panel-page .lfr-add-content h2 {
  border-color: #CCC; }
  .lfr-panel-page .lfr-add-content h2 span {
    background: #EFEFEF; }

.lfr-panel-page .lfr-add-content .lfr-content-category h2 {
  border-bottom-color: #CCC; }
  .lfr-panel-page .lfr-add-content .lfr-content-category h2 span {
    background: none; }

.lfr-panel-content .paginator-container {
  background: #CFD2D5;
  border-bottom-color: #DCDEE0;
  border-top-color: #DCDEE0; }

.lfr-panel-content .paginator-page-container .paginator-page-link {
  background: none;
  border-color: #CFD2D5; }
  .lfr-panel-content .paginator-page-container .paginator-page-link.paginator-current-page {
    background: #99A7B3 url(../images/application/current_page_hover_bg.png) repeat-x 0 0;
    border-color: #6B7785 #7C8994 #919FA9;
    color: #FFF;
    font-weight: bold; }
    .lfr-panel-content .paginator-page-container .paginator-page-link.paginator-current-page:hover {
      background: #5094D7 url(../images/application/current_page_bg.png) repeat-x 0 0;
      border-color: #31659C #396EA8 #4C8CCB; }

#portlet-set-properties fieldset fieldset legend {
  font-size: 1.1em; }

.lfr-preview-file-content {
  border-bottom-color: #6D6D6E; }

.lfr-preview-file-image-current-column, .lfr-preview-file-video-current-column {
  background: url(../images/common/checkerboard.png); }

.lfr-preview-file-toolbar {
  background: #333;
  opacity: 0.5; }
  .lfr-preview-file-toolbar .icon-arrow-1-l {
    background: url(../images/document_library/preview_left.png) no-repeat 0 50%; }
  .lfr-preview-file-toolbar .icon-arrow-1-r {
    background: url(../images/document_library/preview_right.png) no-repeat 0 50%; }
  .lfr-preview-file-toolbar .icon-zoomin {
    background: url(../images/document_library/preview_zoom.png) no-repeat 0 50%; }

.lfr-preview-file-image-current-column:hover .lfr-preview-file-toolbar {
  opacity: 1; }

.lfr-preview-file-info {
  background: #333;
  color: #FFF;
  opacity: 0.5; }
  .lfr-preview-file-info:hover {
    opacity: 1; }

.lfr-preview-file-index {
  font-weight: bold; }

.lfr-preview-file-image-current {
  background: url(../images/aui/loading_indicator.gif) no-repeat 50% 50%; }

.lfr-preview-file-image img {
  background: url(../images/aui/loading_indicator.gif) no-repeat 50% 50%;
  border-color: #AEB8BC; }

.lfr-preview-file-image-selected img, .lfr-preview-file-image:hover img {
  border-color: #00A2EA; }

.lfr-preview-file-loading-indicator {
  background: #333;
  color: #FFF; }

.lfr-preview-file-image-overlay-content {
  background: url(../images/common/checkerboard.png);
  border-color: #555; }

.firefox .lfr-preview-video-content div.video-node {
  height: 100%; }

textarea.lfr-editor-textarea {
  font-family: monospace; }

.lfr-rich-editor.ace_editor {
  border-color: #A1A2A4; }

.lfr-plain-editor textarea, .lfr-rich-editor.ace_editor {
  font-family: 'Monaco', 'Menlo', 'Droid Sans Mono', 'Courier New', monospace;
  font-size: 12px; }

.lfr-spa-loading-bar {
  background: #2FA4F5; }

.lfr-tag-selector-popup label {
  border-bottom-color: #EEE; }

.lfr-tag-selector-popup .no-matches {
  color: #999; }

.lfr-toolbar {
  background-color: #E5E4E8; }
  .lfr-toolbar .lfr-button:focus {
    border-color: #000; }
  .lfr-toolbar .lfr-button:hover {
    border-color: #CCC #777 #777; }
  .lfr-toolbar .lfr-separator {
    border-left-color: #FFF;
    border-right-color: #CCC;
    font-size: 12px; }

.lfr-toolbar .lfr-button, .lfr-emoticon-container .lfr-button {
  border-color: #E5E4E8; }

.lfr-emoticon-container {
  background: #E5E4E8;
  border-color: #CCC; }

.lfr-translation-manager .lfr-translation-manager-available-translations .lfr-translation-manager-available-translations-links {
  line-height: 1; }

.lfr-translation-manager .lfr-translation-manager-translation {
  text-decoration: none; }
  .lfr-translation-manager .lfr-translation-manager-translation:hover {
    background-color: #D1E5EF; }
  .lfr-translation-manager .lfr-translation-manager-translation.lfr-translation-manager-translation-editing {
    background-color: #598BEC;
    border-color: #224FA8;
    color: #FFF; }

.lfr-tree a {
  text-decoration: none; }

.tree-drag-helper {
  z-index: 1035; }

.lfr-upload-container .upload-target {
  border-color: #DDD; }
  .lfr-upload-container .upload-target h4 span {
    text-transform: lowercase; }
  .lfr-upload-container .upload-target .drop-file-text {
    font-weight: normal; }

.lfr-upload-container a.browse-button {
  background-image: url(../images/common/add.png);
  background-repeat: no-repeat;
  color: white;
  font-size: 1.2em;
  font-weight: bold;
  text-decoration: none; }

.lfr-upload-container a.clear-uploads {
  background-image: url(../images/common/remove.png);
  background-repeat: no-repeat; }

.lfr-upload-container a.cancel-uploads {
  background-image: url(../images/common/close.png);
  background-repeat: no-repeat; }

.lfr-upload-container .upload-list-info h4 {
  font-size: 1.3em; }

.lfr-upload-container .cancel-button {
  color: #869CAD; }

.lfr-upload-container .delete-button {
  color: #869CAD; }

.lfr-upload-container .file-added .success-message {
  font-weight: normal; }

.lfr-upload-container .upload-error {
  opacity: 1; }

.lfr-upload-container .multiple-files .upload-error {
  background: #FDD url(../images/messages/error.png) no-repeat 5px 5px;
  border-color: #900;
  color: #900;
  font-weight: normal; }

.lfr-upload-container .upload-complete .error-message, .lfr-upload-container .upload-complete .success-message {
  font-weight: bold; }

.lfr-upload-container .file-uploading {
  background-color: #FFC; }

.lfr-upload-container .progress-bar {
  background: #FFF;
  margin-top: 25px;
  text-align: left;
  width: 100%; }

.lfr-upload-container .progress {
  background: #8DB2E3; }

.upload-drop-active .lfr-upload-container .upload-target {
  background-color: #DDEDDE;
  border-color: #7D7;
  border-style: dashed; }

.app-view-entry:hover .entry-thumbnail {
  border-color: #7ABFDD; }

.app-view-entry.selected .entry-thumbnail {
  border-color: #057CB0; }

.app-view-entry.selected .entry-metadata dt, .app-view-entry.selected .entry-metadata dd, .app-view-entry.selected .entry-metadata .entry-categories, .app-view-entry.selected .entry-metadata .entry-tags, .app-view-entry.selected .entry-metadata .entry-description {
  color: #F0F0F0; }

.app-view-entry .entry-title {
  font-weight: bold; }

.app-view-entry .entry-link {
  text-decoration: none; }

.app-view-entry .entry-metadata dt, .app-view-entry .entry-metadata dd, .app-view-entry .entry-metadata .entry-categories, .app-view-entry .entry-metadata .entry-tags, .app-view-entry .entry-metadata .entry-description {
  color: #333;
  word-wrap: break-word; }

.app-view-entry .entry-metadata .entry-categories .taglib-asset-categories-summary {
  font-weight: bold; }
  .app-view-entry .entry-metadata .entry-categories .taglib-asset-categories-summary .asset-category {
    font-weight: normal; }

.app-view-entry.selected, .app-view-entry.selected:hover {
  background-color: #00A2EA; }

.app-view-entry.selected a, .app-view-entry.selected a:focus, .app-view-entry.selected a:hover {
  color: #FFF; }

.app-view-entry.selected a .lfr-icon-menu-arrow {
  color: #333; }

.app-view-entry.active-area, .app-view-entry.active-area.hover, .app-view-entry.active-area td {
  background-color: #5AD300; }

.app-view-entry:hover, .app-view-entry.hover {
  background-color: #D3E8F1; }

.app-view-entry a.entry-link:hover {
  text-decoration: none; }
  .app-view-entry a.entry-link:hover .entry-metadata .entry-title .entry-title-text {
    text-decoration: underline; }

.app-view-entry-taglib.entry-display-style.display-icon .entry-title {
  font-weight: normal; }

.app-view-search-entry-taglib .entry-discussion a, .app-view-search-entry-taglib .entry-attachment a {
  text-decoration: none; }

.app-view-search-entry-taglib .entry-discussion:hover, .app-view-search-entry-taglib .entry-attachment:hover {
  background-color: #D3E8F1; }

.app-view-search-entry-taglib .entry-folder {
  color: #999; }

.app-view-search-entry-taglib .entry-link .entry-thumbnail-image {
  color: #000;
  text-decoration: none; }

.app-view-search-entry-taglib.alt {
  background-color: #EDF0F3; }

.app-view-search-entry-taglib.search {
  background-color: #FFF; }
  .app-view-search-entry-taglib.search.alt {
    background-color: #E2E5E8; }

.app-view-taglib .display-style .icon {
  background-image: url(../images/application/layouts.png);
  background-repeat: no-repeat; }

.app-view-taglib .icon-display-descriptive {
  background-position: -32px 0; }

.app-view-taglib .icon-display-icon {
  background-position: -16px 0; }

.app-view-taglib .icon-display-list {
  background-position: 0 0; }

.app-view-taglib .state-active .icon-display-descriptive {
  background-position: -32px 100%; }

.app-view-taglib .state-active .icon-display-icon {
  background-position: -16px 100%; }

@media only screen and (max-width: 767px) {
  .navbar .nav-display-style-buttons .display-style-buttons > .dropdown > .dropdown-menu {
    background-color: transparent;
    box-shadow: none; } }

.navbar .nav-display-style-buttons .display-style-buttons-container .dropdown-toggle .caret {
  border-bottom-color: #333;
  border-top-color: #333; }

.taglib-asset-links {
  border-radius: 4px; }
  .taglib-asset-links h2 {
    color: #999;
    font-size: 1em; }

.taglib-asset-metadata .metadata-entry-label {
  font-weight: normal; }

.taglib-asset-metadata .metadata-author {
  font-weight: bold; }

.taglib-asset-metadata .metadata-entry {
  color: #999; }

.taglib-asset-metadata .metadata-author .asset-user-info .user-info {
  color: #009AE5;
  font-size: 14px;
  line-height: 14px; }

.taglib-asset-metadata .metadata-author .asset-user-info .date-info {
  color: #8C8C8C;
  font-size: 13px; }

.taglib-calendar table {
  border-color: #999; }

.taglib-calendar tr th, .taglib-calendar tr td {
  border-bottom-color: #999; }

.taglib-calendar tr.portlet-section-header th, .taglib-calendar tr td {
  border-color: #999; }

.taglib-calendar a:hover, .taglib-calendar a:focus {
  background-color: #CCC; }

.taglib-calendar .calendar-inactive {
  color: #999; }

.taglib-calendar .has-events a span {
  background: url(../images/calendar/event_indicator.png) no-repeat 50% 95%; }

.taglib-calendar .has-events.calendar-current-day a span {
  background-image: url(../images/calendar/event_indicator_current.png); }

.taglib-categorization-filter.entry-title {
  color: #333;
  font-size: 1em;
  line-height: inherit; }

.taglib-categorization-filter .asset-entry {
  background-color: #DEE7F8;
  border-color: #CAD8F3; }
  .taglib-categorization-filter .asset-entry:hover a {
    text-decoration: none; }
    .taglib-categorization-filter .asset-entry:hover a .icon-remove {
      background-color: #CAD8F3; }

.taglib-diff-addedline, #taglib-diff-results ins {
  background: #E6FFE6; }

.taglib-diff-context {
  background: #EEE; }

.taglib-diff-deletedline, #taglib-diff-results del {
  background: #FFE6E6; }

.taglib-diff-html div.diff-removed-image {
  background: #FDC6C6 url(../images/diff/minus.png); }

.taglib-diff-html div.diff-added-image {
  background: #CFC url(../images/diff/plus.png) no-repeat; }

.taglib-diff-html div.diff-removed-image, .taglib-diff-html div.diff-added-image {
  opacity: 0.55; }

.taglib-diff-html span.diff-html-added {
  background-color: #CFC;
  font-size: 1em; }
  .taglib-diff-html span.diff-html-added img {
    border-color: #CFC; }

.taglib-diff-html span.diff-html-changed {
  background: url(../images/diff/underline.png) bottom repeat-x; }
  .taglib-diff-html span.diff-html-changed img {
    border-color: #009; }

.taglib-diff-html span.diff-html-removed {
  background-color: #FDC6C6;
  font-size: 1em;
  text-decoration: line-through; }
  .taglib-diff-html span.diff-html-removed img {
    border-color: #FDC6C6; }

.diff-version-comparator .taglib-diff-html .diff-html-changed {
  background-image: none;
  border-bottom-color: #009AE5; }
  .diff-version-comparator .taglib-diff-html .diff-html-changed img {
    border-color: #009AE5; }

.diff-version-comparator .diff-target-selector {
  border-left-color: #E5E5E5; }

.diff-version-comparator .diff-version-filter {
  background-color: #F9F9F9; }

.taglib-discussion .lfr-discussion .lfr-discussion-form-edit .alloy-editor-placeholder {
  border-left-color: #DBDDE1; }

@media only screen and (min-width: 768px) {
  .taglib-discussion .lfr-discussion-details .taglib-user-display {
    word-wrap: break-word; } }

.taglib-discussion .lfr-discussion-details .taglib-user-display .user-details .user-name {
  font-weight: bold;
  text-decoration: none; }
  .taglib-discussion .lfr-discussion-details .taglib-user-display .user-details .user-name:hover {
    text-decoration: underline; }

.taglib-discussion .lfr-discussion-details .taglib-user-display .user-profile-image .avatar {
  background-size: 50px; }

.taglib-discussion .lfr-discussion-actions li a, .taglib-discussion .lfr-discussion-actions li a span {
  text-decoration: none; }

.taglib-discussion .lfr-discussion-actions li a:hover span, .taglib-discussion .lfr-discussion-actions li a:focus span {
  text-decoration: underline; }

.taglib-discussion .lfr-discussion-form-container .lfr-discussion-form {
  background: #DDD;
  border-radius: 4px; }
  .taglib-discussion .lfr-discussion-form-container .lfr-discussion-form .taglib-user-display .user-profile-image .avatar {
    background-size: 40px; }

.lfr-discussion-reply.popover .lfr-discussion-reply-user-name {
  font-weight: bold; }

.drop-zone.drop-enabled:not(.no-border) {
  outline-color: rgba(176, 180, 187, 0.5); }

.drop-here-info .drop-icons span:nth-of-type(1), .drop-here-info .drop-icons span:nth-of-type(3) {
  background: #E8E6E8;
  color: #A5A6AC; }

.drop-here-info .drop-icons span:nth-of-type(2) {
  background: #00C2FF;
  color: #FFF; }

.drop-here-info .drop-text {
  color: #FFF; }

.drop-active .drop-here-info {
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 100; }

.lfr-ddm-field-group {
  margin-bottom: 20px; }

.lfr-ddm-field-group-inline {
  display: inline-block;
  vertical-align: bottom; }

.taglib-flags .icon-flag {
  color: #999; }

.taglib-flags .flag-enable:hover .icon-flag {
  color: #C00; }

.taglib-form-navigator > .form-steps > ul.form-navigator.list-group {
  background: transparent; }
  .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab.active {
    background: transparent;
    opacity: 1; }
    .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab.active .tab-label:hover, .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab.active .tab-label:focus {
      background: transparent; }
    .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab.active .tab-label .message {
      color: #000;
      opacity: 0.7; }
    .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab.active .tab-label .number {
      background: #333;
      font-size: 18px;
      opacity: 1; }
    .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab.active .tab-label .tab-icon {
      color: #333; }
  .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label {
    background: transparent;
    outline: 0; }
    .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label:hover, .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label:focus {
      text-decoration: none; }
      .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label:hover .number, .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label:focus .number {
        opacity: 1; }
    .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label .number {
      background: #CCC;
      color: #FFF;
      font-size: 14px;
      font-weight: bold;
      opacity: 0.6;
      text-decoration: none; }
    .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label .message {
      color: #000;
      font-size: 12px; }

.taglib-header {
  border-bottom-color: #C8C9CA;
  color: #555; }
  .taglib-header .header-back-to a {
    font-weight: bold;
    text-decoration: none; }

a.taglib-icon, a.taglib-icon:focus, a.taglib-icon:hover {
  text-decoration: none; }

a.taglib-icon:focus .taglib-text, a.taglib-icon:hover .taglib-text {
  text-decoration: underline; }

a.taglib-icon.btn:focus .taglib-text, a.taglib-icon.btn:hover .taglib-text {
  text-decoration: none; }

.taglib-icon[lang] > img {
  vertical-align: baseline;
  width: 16px; }

.taglib-icon-label {
  margin-left: 5px; }

.taglib-image-selector .change-image-controls {
  background: #FFF; }

.taglib-image-selector .glyphicon-ok {
  background: #FFF;
  opacity: 0;
  z-index: -1; }

.taglib-image-selector .progress-wrapper .progressbar {
  background: #B0B4BB;
  opacity: 0.7; }

.taglib-image-selector.check-active .glyphicon-ok {
  opacity: 1;
  z-index: 0; }

.taglib-image-selector.drop-active {
  outline-width: 0; }
  .taglib-image-selector.drop-active .browse-image-controls {
    opacity: 0; }
  .taglib-image-selector.drop-active .glyphicon-ok {
    opacity: 0; }
  .taglib-image-selector.drop-active .image-wrapper {
    opacity: 0.15; }
  .taglib-image-selector.drop-active .error-wrapper {
    opacity: 0; }

.taglib-image-selector.progress-active .image-wrapper {
  opacity: 0.15; }

.taglib-image-selector.progress-active .browse-image-controls {
  opacity: 0; }

.taglib-image-selector.progress-active .drop-here-info {
  opacity: 0; }

.taglib-image-selector.progress-active .glyphicon-ok {
  opacity: 0; }

.input-localized .palette-item-inner .lfr-input-localized-flag {
  opacity: 0.5; }

.input-localized.input-localized-focused .palette-item-inner .lfr-input-localized-flag {
  opacity: 1; }

.input-localized .palette-item-inner {
  border-color: #666; }

.input-localized .palette-item, .input-localized .palette-item-inner, .input-localized .palette-item-hover, .input-localized .palette-item-hover .palette-item-inner {
  border-color: transparent; }

.input-localized .lfr-input-localized .lfr-input-localized-state {
  background: #DDD; }
  .input-localized .lfr-input-localized .lfr-input-localized-state.lfr-input-localized-state-error {
    background: #FF0047; }

.input-localized .palette-item-selected .lfr-input-localized-state {
  background: #27C1F2; }

.lfr-friendly-url-input-group .input-group-addon {
  background-color: transparent;
  border-width: 0;
  vertical-align: top; }

.lfr-friendly-url-input-group .input-group-constrain {
  background-color: #869CAD;
  border-color: #869CAD;
  border-style: solid;
  border-top-left-radius: 0;
  border-top-width: 0;
  border-width: 0 0 0 0;
  max-width: 300px; }
  @media only screen and (max-width: 479px) {
    .lfr-friendly-url-input-group .input-group-constrain {
      max-width: 100px;
      padding-left: 5px;
      padding-right: 5px; } }

.taglib-move-boxes .choice-selector label {
  background: #EBF1F9;
  border-bottom-color: #8DB2F3; }

.taglib-move-boxes .sortable-container .move-option {
  background-color: transparent; }
  .taglib-move-boxes .sortable-container .move-option.move-option-dragging {
    background-color: #FAFAFA; }
  .taglib-move-boxes .sortable-container .move-option .handle {
    color: #999; }

.lfr-tree-display-page .tree-node .tree-node-over .tree-label {
  text-decoration: none; }

.lfr-tree-display-page .tree-label {
  cursor: default; }
  .lfr-tree-display-page .tree-label a {
    color: black; }
  .lfr-tree-display-page .tree-label .layout-page-invalid {
    color: #AAA;
    font-style: italic; }
    .lfr-tree-display-page .tree-label .layout-page-invalid:hover {
      cursor: default;
      text-decoration: none; }

.lfr-tree-radio.lfr-tree-root-node-hidden .lfr-root-node + .tree-container {
  margin-left: 0; }

.lfr-map {
  border-color: #CCC; }
  .lfr-map .search-controls {
    font-size: 15px; }

.navbar .navbar-search {
  background-color: #F3F3F3; }
  @media only screen and (min-width: 768px) {
    .navbar .navbar-search {
      background-color: transparent; } }

.taglib-portlet-preview.show-borders {
  border-color: #828F95; }
  .taglib-portlet-preview.show-borders .title {
    background-color: #D3DADD;
    font-size: 1.4em;
    font-weight: bold; }

.lfr-asset-type-column, .lfr-author-column, .lfr-city-column, .lfr-country-column, .lfr-email-address-column, .lfr-job-title-column, .lfr-region-column, .lfr-removed-by-column, .lfr-replier-column, .lfr-scope-column, .lfr-screen-name-column, .lfr-type-column, .lfr-user-column, .lfr-users-column {
  word-break: break-all \9;
  word-wrap: break-word; }
  @media only screen and (min-width: 768px) {
    .lfr-asset-type-column, .lfr-author-column, .lfr-city-column, .lfr-country-column, .lfr-email-address-column, .lfr-job-title-column, .lfr-region-column, .lfr-removed-by-column, .lfr-replier-column, .lfr-scope-column, .lfr-screen-name-column, .lfr-type-column, .lfr-user-column, .lfr-users-column {
      max-width: 125px;
      min-width: 100px; } }

.lfr-completion-date-column, .lfr-create-date-column, .lfr-date-column, .lfr-display-date-column, .lfr-expiration-date-column, .lfr-last-post-date-column, .lfr-modified-date-column, .lfr-removed-date-column, .lfr-reply-date-column, .lfr-revision-column {
  white-space: nowrap; }

.lfr-description-column, .lfr-role-column {
  max-width: 375px;
  min-width: 375px; }

.lfr-email-address-column, .lfr-name-column, .lfr-parent-organization-column, .lfr-screen-name-column, .lfr-title-column, .lfr-url-column, .lfr-wiki-column {
  max-width: 200px;
  min-width: 200px; }

.lfr-email-column, .lfr-website-column {
  min-width: 100px; }
  @media only screen and (min-width: 768px) {
    .lfr-email-column, .lfr-website-column {
      min-width: 115px; } }
  .lfr-email-column .checkbox-container .form-group, .lfr-website-column .checkbox-container .form-group {
    margin-bottom: 0; }

.lfr-role-column {
  word-break: break-all \9;
  word-wrap: break-word; }

.user-info .user-details .date-info {
  color: #8C8C8C; }

.user-info .user-details .user-name {
  color: #009AE5; }

.taglib-search-toggle .toggle-advanced {
  color: inherit; }
  .taglib-search-toggle .toggle-advanced, .taglib-search-toggle .toggle-advanced:hover, .taglib-search-toggle .toggle-advanced:focus {
    text-decoration: none; }

.taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced {
  background-color: #FCFCFC;
  border-color: #DDD; }
  .taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced .btn.close {
    margin-right: 5px; }
  .taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced .taglib-search-toggle-advanced-content {
    position: relative; }
    .taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced .taglib-search-toggle-advanced-content .match-fields {
      margin-bottom: 0; }
    .taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced .taglib-search-toggle-advanced-content .match-fields-legend {
      color: #999;
      font-size: 13px; }

.taglib-social-activities .day-separator {
  border-bottom-color: #CCC; }

.taglib-social-bookmarks a.social-bookmark-link {
  background-repeat: no-repeat; }

.taglib-user-display a .user-name {
  text-decoration: underline; }

.taglib-user-display .avatar {
  background: no-repeat center;
  background-size: 60px; }
  .taglib-user-display .avatar.author:after {
    background: rgba(50, 168, 230, 0.5); }

.taglib-user-display .user-name {
  font-size: 1.1em;
  font-weight: bold; }

.js .taglib-webdav.visible {
  background: #F0F5F7; }

.js .taglib-webdav table {
  border-color: #828F95; }

.taglib-workflow-status .workflow-id, .taglib-workflow-status .workflow-version, .taglib-workflow-status .workflow-status {
  color: #999; }

/* ---------- Cards ---------- */
/* ---------- Cards horizontal ---------- */
/* ---------- Dialogs ---------- */
/* ---------- Labels ---------- */
/* ---------- Splitter ---------- */
/* ---------- Toggle card ---------- */
/* ---------- File icons colors ---------- */
/* ---------- File icons text colors ---------- */
/* ---------- User icons colors ---------- */
.lfr-autocomplete-input-list .yui3-aclist-list {
  margin: 0; }

.liferay-autocomplete-input-mirror {
  left: -9999px;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  top: -9999px;
  visibility: hidden;
  white-space: pre-wrap;
  word-wrap: break-word; }

.card-tab-group .card-tab:nth-child(n+2) {
  border-left: 4px solid #65B6F0;
  padding-left: 20px; }
  .card-tab-group .card-tab:nth-child(n+2) .card-tab {
    border-left: 4px solid #93ccf5;
    padding-left: 20px; }
    .card-tab-group .card-tab:nth-child(n+2) .card-tab .card-tab {
      border-left-color: #c2e2f9; }

.hsv-palette .hsv-view-container .hsv-label-value-hex .hsv-value {
  width: 95px; }

.hsv-palette .hsv-view-container .hsv-label {
  display: inline;
  margin-left: 5px; }

.hsv-palette .hsv-view-container .hsv-value {
  width: 30px; }

.yui3-color-picker-popover .palette-container {
  border-collapse: separate; }

.dialog-bd {
  min-height: 30px; }

.dialog-content {
  border: 1px solid #C8C9CA;
  padding: 5px; }

.dialog-iframe-popup .contacts-portlet .portlet-configuration-container .form {
  position: static; }

.dialog-iframe-popup .lfr-form-content {
  padding: 15px; }

.dialog-iframe-popup .portlet-body,
.dialog-iframe-popup .portlet-boundary,
.dialog-iframe-popup .portlet-column,
.dialog-iframe-popup .portlet-layout {
  height: 100%; }

.dialog-iframe-popup .portlet-column {
  position: static; }

.dialog-iframe-popup .dialog-body > .container-fluid-1280,
.dialog-iframe-popup .export-dialog-tree > .container-fluid-1280,
.dialog-iframe-popup .lfr-dynamic-uploader > .container-fluid-1280,
.dialog-iframe-popup .lfr-form-content > .container-fluid-1280,
.dialog-iframe-popup .portlet-configuration-body-content > .container-fluid-1280,
.dialog-iframe-popup .process-list > .container-fluid-1280,
.dialog-iframe-popup .roles-selector-body > .container-fluid-1280 {
  padding-top: 20px; }

.dialog-iframe-popup .dialog-body > .lfr-nav + .container-fluid-1280,
.dialog-iframe-popup .export-dialog-tree > .lfr-nav + .container-fluid-1280,
.dialog-iframe-popup .lfr-dynamic-uploader > .lfr-nav + .container-fluid-1280,
.dialog-iframe-popup .lfr-form-content > .lfr-nav + .container-fluid-1280,
.dialog-iframe-popup .portlet-configuration-body-content > .lfr-nav + .container-fluid-1280,
.dialog-iframe-popup .process-list > .lfr-nav + .container-fluid-1280,
.dialog-iframe-popup .roles-selector-body > .lfr-nav + .container-fluid-1280 {
  padding-top: 0; }

.dialog-iframe-popup .dialog-body,
.dialog-iframe-popup .lfr-form-content,
.dialog-iframe-popup .portlet-configuration-body-content {
  bottom: 0;
  left: 0;
  margin-bottom: 0;
  overflow: auto;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-overflow-scrolling: touch; }

.dialog-iframe-popup .login-container {
  padding: 16px 24px; }

.dialog-iframe-popup .management-bar-default,
.dialog-iframe-popup .navbar-default {
  border-left-width: 0;
  border-radius: 0;
  border-right-width: 0;
  border-top-width: 0;
  margin-bottom: 0; }

.dialog-iframe-popup .navbar ~ .portlet-configuration-setup,
.dialog-iframe-popup .portlet-export-import-container {
  height: calc(100% - 48px);
  position: relative; }
  @media only screen and (min-width: 768px) {
    .dialog-iframe-popup .navbar ~ .portlet-configuration-setup,
    .dialog-iframe-popup .portlet-export-import-container {
      height: calc(100% - 60px); } }

.dialog-iframe-popup .panel-group .panel {
  border-left-width: 0;
  border-radius: 0;
  border-right-width: 0; }

.dialog-iframe-popup .panel-group .panel + .panel {
  border-top-width: 0;
  margin-top: 0; }

.dialog-iframe-popup .panel-heading {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.dialog-iframe-popup .portlet-configuration-setup .lfr-nav {
  margin-left: auto;
  margin-right: auto;
  max-width: 1280px;
  padding-left: 3px;
  padding-right: 3px; }
  @media only screen and (min-width: 768px) {
    .dialog-iframe-popup .portlet-configuration-setup .lfr-nav {
      padding-left: 8px;
      padding-right: 8px; } }

.dialog-iframe-popup .export-dialog-tree,
.dialog-iframe-popup .lfr-dynamic-uploader,
.dialog-iframe-popup .process-list,
.dialog-iframe-popup .roles-selector-body {
  bottom: 0;
  display: block;
  left: 0;
  overflow: auto;
  position: absolute;
  right: 0;
  top: 48px;
  -webkit-overflow-scrolling: touch; }
  @media only screen and (min-width: 768px) {
    .dialog-iframe-popup .export-dialog-tree,
    .dialog-iframe-popup .lfr-dynamic-uploader,
    .dialog-iframe-popup .process-list,
    .dialog-iframe-popup .roles-selector-body {
      top: 60px; } }

.dialog-iframe-popup .portlet-export-import-publish-processes {
  top: 0; }

.dialog-with-footer .button-holder.dialog-footer {
  background-color: #29353D;
  border-top: 1px solid transparent;
  bottom: 0;
  box-shadow: 0 -1px 5px 0 rgba(0, 0, 0, 0.15);
  left: 0;
  margin: 0;
  padding: 10px 15px;
  position: absolute;
  width: 100%; }
  @media only screen and (min-width: 768px) {
    .dialog-with-footer .button-holder.dialog-footer {
      background-color: #FCFEFF;
      padding: 20px; } }

@media only screen and (max-width: 767px) {
  .dialog-with-footer .button-holder .btn-lg {
    font-size: 12px;
    padding: 8px 24px; } }

@media only screen and (max-width: 767px) {
  .dialog-with-footer .blog-article-button-row .btn-lg,
  .dialog-with-footer .journal-article-button-row .btn-lg,
  .dialog-with-footer .kb-submit-buttons .btn-lg {
    padding-left: 16px;
    padding-right: 16px; } }

.dialog-with-footer .dialog-body,
.dialog-with-footer .export-dialog-tree,
.dialog-with-footer .lfr-dynamic-uploader,
.dialog-with-footer .lfr-form-content,
.dialog-with-footer .portlet-configuration-body-content,
.dialog-with-footer .roles-selector-body {
  bottom: 60px; }
  @media only screen and (min-width: 768px) {
    .dialog-with-footer .dialog-body,
    .dialog-with-footer .export-dialog-tree,
    .dialog-with-footer .lfr-dynamic-uploader,
    .dialog-with-footer .lfr-form-content,
    .dialog-with-footer .portlet-configuration-body-content,
    .dialog-with-footer .roles-selector-body {
      bottom: 89px; } }

.dialog-with-footer .lfr-dynamic-uploader.hide-dialog-footer {
  bottom: 0; }
  .dialog-with-footer .lfr-dynamic-uploader.hide-dialog-footer + .dialog-footer {
    display: none; }

.dialog-with-footer .portlet-configuration-edit-templates .portlet-configuration-body-content {
  bottom: 0; }

.portlet-layout.dragging {
  border-collapse: separate; }

.drop-area {
  background-color: #D3DADD; }

.active-area {
  background: #FFC; }

.portlet-boundary.yui3-dd-dragging {
  opacity: 0.6; }
  .portlet-boundary.yui3-dd-dragging .portlet {
    border: 2px dashed #CCC; }

.sortable-layout-proxy {
  opacity: 1; }
  .sortable-layout-proxy .portlet-topper {
    background-image: none; }

.proxy {
  cursor: move;
  opacity: 0.65;
  position: absolute; }
  .proxy.generic-portlet {
    height: 200px;
    width: 300px; }
    .proxy.generic-portlet .portlet-title {
      padding: 10px; }
  .proxy.not-intersecting .forbidden-action {
    background: url(../images/application/forbidden_action.png) no-repeat;
    display: block;
    height: 32px;
    position: absolute;
    right: -15px;
    top: -15px;
    width: 32px; }

.resizable-proxy {
  border: 1px dashed #828F95;
  position: absolute;
  visibility: hidden; }

.sortable-proxy {
  background: #727C81;
  margin-top: 1px; }

.lfr-freeform-layout-drag-indicator {
  visibility: hidden; }

.sortable-layout-drag-target-indicator {
  margin: 2px 0; }

.yui3-dd-proxy {
  z-index: 1110 !important; }

.lfr-editable {
  outline: 1px dashed #68BB30;
  outline-offset: 2px;
  position: relative; }
  .lfr-editable:after {
    background: #68BB30 url(../images/common/edit_white.png) no-repeat 50%;
    content: '';
    display: block;
    height: 20px;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 30px; }
  .lfr-editable:focus:after {
    display: none; }
  .lfr-editable:focus:hover {
    background-color: transparent; }
  .lfr-editable:hover {
    background-color: rgba(255, 255, 255, 0.3);
    outline-color: #519226; }
    .lfr-editable:hover:after {
      background-color: #519226; }

.lfr-editable-notice-close {
  margin-left: 1em; }

.lfr-portlet-title-editable {
  margin-top: 0;
  z-index: 9999; }
  .lfr-portlet-title-editable .lfr-portlet-title-editable-content {
    padding: 0; }
    .lfr-portlet-title-editable .lfr-portlet-title-editable-content .field-input {
      margin-bottom: 0; }
    .lfr-portlet-title-editable .lfr-portlet-title-editable-content .textfield-label {
      display: none; }
    .lfr-portlet-title-editable .lfr-portlet-title-editable-content .btn-toolbar-content {
      display: inline-block;
      vertical-align: bottom; }
    .lfr-portlet-title-editable .lfr-portlet-title-editable-content .btn-group {
      margin-top: 0; }
    .lfr-portlet-title-editable .lfr-portlet-title-editable-content .btn {
      display: inline-block;
      float: none;
      margin-top: 0;
      width: auto; }

.alloy-editor-container .alloy-editor {
  outline: 0; }
  .alloy-editor-container .alloy-editor.alloy-editor-placeholder {
    color: #2B4259; }
    .alloy-editor-container .alloy-editor.alloy-editor-placeholder.ae-placeholder:not(:focus) {
      background: transparent;
      border-left-color: #DBDDE1;
      color: #B0B4BB; }
    .alloy-editor-container .alloy-editor.alloy-editor-placeholder.readonly {
      color: #CCC; }

.alloy-editor-container .alloy-editor-icon {
  color: #869CAD; }

.has-error .alloy-editor-container .alloy-editor.alloy-editor-placeholder.ae-placeholder:not(:focus) {
  border-left-color: #CC6677; }

.cke_dialog .cke_dialog_ui_input_text {
  height: auto; }

.cke_editable_inline a {
  cursor: pointer; }

.cke_panel.cke_combopanel {
  width: 220px; }

.cke_panel_block .cke_panel_grouptitle {
  font-size: 20px;
  line-height: 20px;
  margin-top: 0; }

.cke_panel_block .cke_panel_list {
  margin-left: 0; }
  .cke_panel_block .cke_panel_list .cke_panel_listItem {
    line-height: initial; }
    .cke_panel_block .cke_panel_list .cke_panel_listItem a:hover {
      text-decoration: none; }

/* ---------- CKEditor table ---------- */
.cke_show_border {
  width: 500px; }
  .cke_show_border td {
    height: 15px; }

.html-editor.portlet {
  background: #FFF;
  color: #000;
  line-height: 1;
  padding: 1em; }

.html-editor.portlet-message-boards {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  word-wrap: break-word; }
  .html-editor.portlet-message-boards blockquote {
    background: #EEF0F2 url(../images/message_boards/quoteleft.png) no-repeat 5px 5px;
    border: 1px solid #777;
    padding: 5px 45px; }
    .html-editor.portlet-message-boards blockquote:after {
      background: url(../images/message_boards/quoteright.png) no-repeat 50%;
      content: '';
      display: block;
      float: right;
      height: 24px;
      margin-right: -35px;
      margin-top: -25px;
      width: 31px;
      z-index: 999; }
    .html-editor.portlet-message-boards blockquote cite {
      display: block;
      font-weight: bold; }
  .html-editor.portlet-message-boards pre {
    background: #F9F9F9;
    border: 1px solid #777;
    padding: 0.5em; }

.lfr-source-editor {
  border-color: #CCC; }
  .lfr-source-editor .lfr-source-editor-toolbar li > .btn {
    background-color: #FFF;
    border: transparent;
    color: #717383;
    outline: 0; }
  .lfr-source-editor .lfr-source-editor-code {
    background-color: #FFF;
    color: #2B4259; }
    .lfr-source-editor .lfr-source-editor-code .ace_gutter {
      background-color: #EDEDEF;
      color: #868896;
      overflow: hidden; }
      .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget {
        font-family: fontawesome-alloy;
        text-align: center;
        vertical-align: middle; }
        .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_open, .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_closed {
          background-image: none; }
        .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_open:before {
          content: "\f0d7"; }
        .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_closed:before {
          content: "\f0dA"; }
      .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_gutter-active-cell {
        color: #FFF; }
      .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_gutter-active-line {
        background-color: #717383; }
      .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_gutter-layer {
        border-right: solid 1px #CCC; }
      .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_info {
        background-image: none; }
    .lfr-source-editor .lfr-source-editor-code .ace_content .ace_active-line {
      background-color: #EDEDEF; }
    .lfr-source-editor .lfr-source-editor-code .ace_content .ace_constant {
      color: #34ADAB; }
    .lfr-source-editor .lfr-source-editor-code .ace_content .ace_tag {
      color: #1D5EC7; }
    .lfr-source-editor .lfr-source-editor-code .ace_content .ace_string {
      color: #FF6C58; }
      .lfr-source-editor .lfr-source-editor-code .ace_content .ace_string.ace_regex {
        color: #F00; }
  .lfr-source-editor.ace_dark .lfr-source-editor-code {
    background-color: #47474F;
    color: #FFF; }
    .lfr-source-editor.ace_dark .lfr-source-editor-code .ace_gutter {
      background: #54555E;
      color: #FFF; }
      .lfr-source-editor.ace_dark .lfr-source-editor-code .ace_gutter .ace_gutter-active-line {
        background-color: #009AED; }
    .lfr-source-editor.ace_dark .lfr-source-editor-code .ace_content .ace_active-line {
      background-color: #11394E; }
    .lfr-source-editor.ace_dark .lfr-source-editor-code .ace_content .ace_cursor {
      color: #FFF; }
    .lfr-source-editor.ace_dark .lfr-source-editor-code .ace_content .ace_tag {
      color: #4D91FF; }

.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content .panel-splitter {
  border-color: #CCC; }

.file-icon-color-0 {
  background-color: #869CAD;
  color: #FFF; }

.file-icon-color-1 {
  background-color: #ED8D65;
  color: #FFF; }

.file-icon-color-2 {
  background-color: #84BA3D;
  color: #FFF; }

.file-icon-color-3 {
  background-color: #9B65ED;
  color: #FFF; }

.file-icon-color-4 {
  background-color: #D4B908;
  color: #FFF; }

.file-icon-color-5 {
  background-color: #E96465;
  color: #FFF; }

.file-icon-color-6 {
  background-color: #65B4ED;
  color: #FFF; }

.file-icon-color-7 {
  background-color: #1C0C0C;
  color: #FFF; }

.lfr-item-viewer .image-viewer-base {
  outline: none; }

.lfr-item-viewer .item-preview:hover {
  cursor: pointer; }

.lfr-item-viewer .aspect-ratio a.item-preview {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; }

.lfr-item-viewer .search-info {
  background-color: #D3E8F1; }
  .lfr-item-viewer .search-info .keywords {
    font-size: 1.4em;
    font-weight: bold; }
  .lfr-item-viewer .search-info .change-search-folder {
    font-size: 0.8em;
    font-weight: normal; }

.lfr-item-viewer .progress-container {
  background-color: #FFF; }

.lfr-item-viewer.uploading > div:not(.progress-container) {
  opacity: 0.3; }

.image-viewer-caption {
  color: #777; }

.image-viewer-footer-control, .image-viewer-footer-control:focus, .image-viewer-footer-control:hover {
  color: #777; }

@media only screen and (min-width: 768px) {
  .image-viewer-sidenav-menu {
    background-color: transparent;
    border-left-width: 0; } }

.image-viewer-sidenav dd {
  color: #8B8B8B;
  margin-bottom: 16px; }
  @media only screen and (min-width: 768px) {
    .image-viewer-sidenav dd {
      color: #777; } }

.image-viewer-sidenav .h5 {
  color: #869CAD;
  margin-bottom: 3px; }
  @media only screen and (min-width: 768px) {
    .image-viewer-sidenav .h5 {
      color: #FFF; } }

.image-viewer-sidenav .nav-tabs-default > li {
  padding-left: 20px; }
  .image-viewer-sidenav .nav-tabs-default > li:first-child {
    padding-left: 0; }

.image-viewer-sidenav .nav-tabs-default > li:first-child > a {
  padding-left: 0; }

.image-viewer-sidenav .nav-tabs-default > li > a {
  border-color: transparent;
  color: #777;
  padding-left: 0;
  padding-right: 0; }

.image-viewer-sidenav .nav-tabs-default > .active > a, .image-viewer-sidenav .nav-tabs-default > .active > a:focus, .image-viewer-sidenav .nav-tabs-default > .active > a:hover {
  border-color: transparent;
  color: #777; }
  @media only screen and (min-width: 768px) {
    .image-viewer-sidenav .nav-tabs-default > .active > a, .image-viewer-sidenav .nav-tabs-default > .active > a:focus, .image-viewer-sidenav .nav-tabs-default > .active > a:hover {
      color: #FFF; } }

.image-viewer-sidenav .nav-tabs-default > .active > a:after {
  background-color: #65B6F0;
  bottom: -10px;
  content: '';
  display: block;
  height: 2px;
  left: 0;
  position: absolute;
  right: 0; }

.image-viewer-sidenav-body {
  padding-top: 0; }

.lfr-item-viewer .lfr-item-viewer-close {
  color: #FFF;
  opacity: 1; }
  .lfr-item-viewer .lfr-item-viewer-close, .lfr-item-viewer .lfr-item-viewer-close:focus, .lfr-item-viewer .lfr-item-viewer-close:hover {
    color: #FFF; }
  .lfr-item-viewer .lfr-item-viewer-close .icon-monospaced {
    color: #777; }

.lfr-item-viewer-icon-info {
  color: #FFF; }

.label-circle, .label-circle .label {
  border-radius: 20px; }

.label-rounded, .label-rounded .label {
  border-radius: 3px; }

.label-square, .label-square .label {
  border-radius: 0; }

.label-entry {
  background-color: #FFF;
  border: solid 1px #000;
  color: #000;
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  padding: 0 0 0 12px; }
  .label-entry button {
    background-color: transparent;
    border-width: 0;
    color: inherit;
    height: 40px;
    width: 40px; }

.nav.list-group li > a:focus, .nav.list-group li > a:hover {
  background-color: #E5F5FC;
  color: #009AE5; }

.nav.list-group > .active {
  border-width: 1px 0 0 0; }
  .nav.list-group > .active > a, .nav.list-group > .active > a:focus, .nav.list-group > .active > a:hover {
    background-color: #60BFEF;
    border: 1px solid #60BFEF;
    color: #FFF; }

.nav.list-group .list-group-item {
  padding: 0; }
  .nav.list-group .list-group-item.nav-header {
    background-color: #F3F3F3;
    padding-left: 10px;
    padding-right: 10px; }

.lfr-page-templates li a {
  padding: 0; }
  .lfr-page-templates li a label {
    cursor: pointer;
    display: block;
    padding: 5px 0 5px 5px; }

.menu {
  position: absolute;
  width: auto; }
  .menu .notice-message {
    background-image: none;
    margin: 3px;
    padding: 6px; }

.menu-content {
  background: #FFF;
  list-style: none;
  min-width: 150px; }
  .menu-content li {
    margin: 0;
    padding: 0; }
    .menu-content li .disabled {
      color: #999; }

.menu-content {
  background: #CCC9C9 url(../images/application/menu_bg.png) repeat-x 0 0;
  border: 1px solid;
  border-color: #AEAFB1 #777879 #777879 #AEAFB1;
  padding: 2px 0; }

.menugroup-content .menu-label {
  background: #D2D6DE;
  color: #5B677D;
  display: block;
  padding: 5px 3px;
  text-shadow: 1px 1px #FFF; }

.menugroup-content ul {
  display: block;
  min-width: 0; }

.menu-content li {
  border-bottom: 1px solid #BCBBBB;
  border-top: 1px solid #EEE;
  display: block;
  margin: 0;
  padding: 0; }
  .menu-content li.first {
    border-top-width: 0; }
  .menu-content li.last {
    border-bottom-width: 0; }

.menu-content li a, .menu-content li .disabled {
  color: #2C2F34;
  display: block;
  padding: 4px 5px;
  text-decoration: none; }

.menu-content li a.focus, .lfr-menu-expanded li a:focus {
  background-color: #5B677D;
  color: #FFF;
  text-shadow: -1px -1px #2C2F34; }

.app-view-drop-active {
  background-color: #00A2EA;
  font-weight: bold; }
  .category-portlets .app-view-drop-active {
    background-color: #00A2EA;
    color: #FFF; }

.basecelleditor [class~="form-validator-message"] {
  clip: rect(auto auto auto auto);
  width: auto; }

.document-library-file-entry-cell-editor-hidden {
  display: none; }

.previous-level {
  display: inline-block;
  font-size: 21px;
  line-height: 21px;
  margin-right: 5px;
  text-decoration: none;
  vertical-align: middle; }

.lfr-asset-anchor:before {
  content: "";
  display: block;
  height: 64px;
  margin: -64px 0 0; }

.lfr-url-error {
  display: inline-block;
  white-space: normal;
  overflow-wrap: break-all;
  word-wrap: break-all;
  word-break: break-all; }

.lfr-page-layouts input[type="radio"]:checked + .card-horizontal {
  box-shadow: inset 0 0 0 2px #65B6F0; }

.lfr-page-layouts .lfr-layout-template label {
  cursor: pointer; }

.lfr-page-layouts .lfr-layout-template .layout-template-entry {
  height: 28px;
  width: 28px; }

.dialog-iframe-popup #main-content, .dialog-iframe-popup #wrapper {
  bottom: 0;
  left: 0;
  overflow: auto;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-overflow-scrolling: touch; }

.modal {
  display: block;
  margin: 0;
  overflow: hidden;
  position: fixed; }

.modal-body {
  overflow: auto; }
  .modal-body.dialog-iframe-bd {
    overflow: hidden; }

.modal-hidden {
  display: none; }

.modal-open .modal {
  overflow: hidden; }

.portal-popup .columns-max > .portlet-layout.row {
  margin-left: 0;
  margin-right: 0; }
  .portal-popup .columns-max > .portlet-layout.row > .portlet-column {
    padding-left: 0;
    padding-right: 0; }

.dragging .portlet-column.customizable {
  background-color: #CFFCCF;
  outline: 3px solid #5EAF3D; }

.customizable-layout-column-content {
  background-color: #C92C3C; }
  .customizable-layout-column-content.yui3-widget-content-expanded {
    margin: 0 15px; }

.layout-customizable-controls {
  background-color: rgba(201, 44, 60, 0.8); }

.customizable .customizable-layout-column-content {
  background-color: #5EAF3D; }

.customizable .layout-customizable-controls {
  background-color: rgba(94, 175, 61, 0.8); }

.layout-customizable-controls-container {
  margin: 0 15px;
  position: relative; }

.layout-customizable-controls {
  font-size: 1.5em;
  padding: 4px 16px;
  position: absolute;
  width: 100%;
  z-index: 15; }
  .layout-customizable-controls label {
    color: #FFF; }

.paginator-link {
  background: #EEE no-repeat scroll 50% 1px;
  border: 1px solid #F0F1F2;
  border-color: #F0F1F2 #B2B2B2 #949494 #F0F1F1;
  color: #1F1E1E;
  display: inline-block;
  height: 20px;
  padding: 0;
  text-indent: -9999px;
  width: 20px; }

.paginator-page-link {
  height: auto;
  text-indent: 0; }

.paginator-current-page {
  background: #0083BD url(../images/application/paginator_link_current_bg.png) 0 0 repeat-x;
  border-color: #38B6EF #006D9E #006D9E #46B4E6;
  color: #FFF;
  text-shadow: -1px -1px #003C57; }

.paginator-first-link {
  background-image: url(../images/arrows/paging_first.png); }

.paginator-prev-link {
  background-image: url(../images/arrows/paging_previous.png); }

.paginator-last-link {
  background-image: url(../images/arrows/paging_last.png); }

.paginator-next-link {
  background-image: url(../images/arrows/paging_next.png); }

.paginator-current-page-report, .paginator-total {
  color: #555;
  font-size: 0.9em; }

.paginator-current-page-report {
  margin-left: 2em; }

.taglib-page-iterator .search-pages .page-links {
  padding: 0; }

.lfr-panel-container {
  background: #FFF; }

.lfr-panel-content {
  padding: 5px 10px; }

.lfr-panel-basic .lfr-panel-content {
  padding-left: 15px; }

.panel-hd {
  background: #C0C2C5 url(../images/application/panel_header_bg.png) repeat-x 0 0;
  border: 1px solid;
  border-color: #C8C9CA #AEB2B8 #AEB2B8 #C8C9CA;
  padding-left: 10px;
  text-shadow: 1px 1px #FFF; }

.splitter {
  background-color: #F5F8FA;
  border-radius: 0 0 0 0;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  color: #869CAD;
  padding: 10px 15px;
  position: relative;
  z-index: 1; }
  .splitter.splitter-spaced {
    border-radius: 0;
    margin-bottom: 20px; }

.table > tbody > tr.splitter {
  height: auto; }
  .table > tbody > tr.splitter > td {
    padding: 0; }

.lfr-nav.nav-tabs {
  margin-bottom: 20px; }

.tab-active strong {
  font-weight: normal; }

.tab-back {
  float: right; }

.tab-back-content {
  border-width: 0;
  padding: 1px; }

.tag-items {
  list-style: none;
  margin: 0 1em 0 0;
  padding: 0 1em 0.5em 1em;
  white-space: normal; }
  .tag-items li {
    display: inline-block;
    margin: 0 1em 0 0;
    max-width: 100%; }

.tag-selected {
  color: #000;
  font-weight: bold;
  text-decoration: none; }

.tag-cloud {
  line-height: 2.5em; }
  .tag-cloud .tag-popularity-1 {
    font-size: 1em; }
  .tag-cloud .tag-popularity-2 {
    font-size: 1.3em; }
  .tag-cloud .tag-popularity-3 {
    font-size: 1.6em; }
  .tag-cloud .tag-popularity-4 {
    font-size: 1.9em; }
  .tag-cloud .tag-popularity-5 {
    font-size: 2.2em; }
  .tag-cloud .tag-popularity-6 {
    font-size: 2.5em; }

.tagselector-content {
  border: 0;
  padding: 0; }
  .tagselector-content .textboxlistentry-holder {
    border-bottom: 2px solid #869CAD;
    margin-bottom: 10px;
    padding: 0; }

.categoriesselector-content .textboxlistentry-holder {
  background-color: transparent;
  border-width: 0;
  padding: 0; }

.lfr-portal-tooltip {
  display: inline-block; }
  .lfr-portal-tooltip, .lfr-portal-tooltip a {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }

.tooltip {
  max-width: 200px; }

.tree-node .icon-check {
  padding-right: 2px; }
  .tree-node .icon-check:before {
    content: ""; }

.tree-node .tree-node-checked .icon-check {
  padding-right: 0; }
  .tree-node .tree-node-checked .icon-check:before {
    content: ""; }

.tree-node [class^="icon-"] {
  margin-right: 5px; }

.tree-node .tree-node-checkbox-container {
  margin-right: 0; }

.tree-node .tree-node-selected .tree-label {
  background: none; }

.tree-node-content .tree-hitarea {
  color: #999;
  font-size: 10px;
  padding-right: 6px; }

.tree-node-content .tree-label {
  margin-left: 3px; }

.tree-node-content .tree-node-hidden-hitarea {
  visibility: hidden; }

.tree-node-selected .tree-label {
  background-color: transparent; }

.underlay {
  clear: both;
  top: 100%; }
  .underlay .yui3-widget-hd {
    height: 38px; }

.underlay-hidden {
  display: none; }

.underlay-content {
  background: #F4F3F3 url(../images/common/message_panel_shadow.png) repeat-x 0 0;
  border: 0 solid #AEAFB1;
  border-width: 0 1px 1px; }

.underlay-close {
  position: absolute;
  right: 5px;
  top: 5px; }

.user-icon-color-0 {
  background-color: #4C0079; }

.user-icon-color-1 {
  background-color: #FD8300; }

.user-icon-color-2 {
  background-color: #009E57; }

.user-icon-color-3 {
  background-color: #F9B500; }

.user-icon-color-4 {
  background-color: #DF4230; }

.user-icon-color-5 {
  background-color: #BE67E5; }

.user-icon-color-6 {
  background-color: #004B8D; }

.user-icon-color-7 {
  background-color: #ACCB02; }

.user-icon-color-8 {
  background-color: #A82003; }

.user-icon-color-9 {
  background-color: #FD63A7; }

/* ---------- Dragging/sorting indicators ---------- */
.portlet-layout.dragging {
  border-collapse: separate; }

.drop-area {
  background-color: #D3DADD; }

.active-area {
  background: #FFC; }

.portlet-boundary.yui3-dd-dragging {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6; }
  .portlet-boundary.yui3-dd-dragging .portlet {
    border: 2px dashed #CCC; }

.sortable-layout-proxy {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1; }
  .sortable-layout-proxy .portlet-topper {
    background-image: none; }

.proxy {
  cursor: move;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);
  opacity: 0.65;
  position: absolute; }
  .proxy.generic-portlet {
    height: 200px;
    width: 300px; }
    .proxy.generic-portlet .portlet-title {
      padding: 10px; }
  .proxy.not-intersecting .forbidden-action {
    background: url(../images/application/forbidden_action.png) no-repeat;
    display: block;
    height: 32px;
    position: absolute;
    right: -15px;
    top: -15px;
    width: 32px; }

.resizable-proxy {
  border: 1px dashed #828F95;
  position: absolute;
  visibility: hidden; }

.sortable-proxy {
  background: #727C81;
  margin-top: 1px; }

.lfr-freeform-layout-drag-indicator {
  visibility: hidden; }

.sortable-layout-drag-target-indicator {
  margin: 2px 0; }

.yui3-dd-proxy {
  z-index: 1110 !important; }

/* ---------- Portal tool tips ---------- */
.tooltip {
  max-width: 200px; }

/* ---------- Tags ---------- */
.tagselector-content {
  border-width: 0;
  margin-bottom: 15px;
  overflow: visible;
  padding: 0; }
  .tagselector-content .textboxlistentry-holder {
    background: #FFF;
    border: 1px solid #CCC;
    margin-bottom: 5px;
    overflow: visible;
    padding: 5px;
    position: relative; }
    .tagselector-content .textboxlistentry-holder li {
      line-height: 1; }
    .tagselector-content .textboxlistentry-holder .lfr-tag-selector-input {
      border-width: 0;
      margin-bottom: 0; }
  .tagselector-content .textboxlistentry-remove {
    padding: 0 3px 1px; }

.tagselector .lfr-tags-selector-content {
  border-width: 0; }

.tagselector .lfr-tag-selector-input {
  background: none;
  padding: 0;
  width: auto; }

.tagselector .field .field-content {
  margin: 0; }

.tagselector .textboxlist-input-container {
  margin: 0; }

.tagselector-focused .textboxlistentry-holder {
  background: #FFF none;
  border: 1px solid #CCC; }

.categoriesselector-content .textboxlistentry-holder {
  background-color: transparent;
  border-width: 0;
  padding: 0; }

/* ---------- Tag cloud and tag list ---------- */
.tag-items {
  list-style: none;
  margin: 0 1em 0 0;
  padding: 0 1em 0.5em 1em;
  white-space: normal; }
  .tag-items li {
    display: inline;
    float: left;
    margin: 0 1em 0 0; }
  .tag-items a {
    white-space: nowrap; }

.tag-selected {
  color: #000;
  font-weight: normal;
  text-decoration: none; }

.tag-cloud {
  line-height: 2.5em; }
  .tag-cloud .tag-popularity-1 {
    font-size: 1em; }
  .tag-cloud .tag-popularity-2 {
    font-size: 1.3em; }
  .tag-cloud .tag-popularity-3 {
    font-size: 1.6em; }
  .tag-cloud .tag-popularity-4 {
    font-size: 1.9em; }
  .tag-cloud .tag-popularity-5 {
    font-size: 2.2em; }
  .tag-cloud .tag-popularity-6 {
    font-size: 2.5em; }

/* ---------- Underlay ---------- */
.underlay {
  clear: both;
  top: 100%; }
  .underlay .yui3-widget-hd {
    height: 38px; }
  .underlay .lfr-portlet-item {
    border-width: 0; }

.underlay-hidden {
  display: none; }

.underlay-content {
  background: #F4F3F3 url(../images/common/message_panel_shadow.png) repeat-x 0 0;
  border: 0 solid #AEAFB1;
  border-width: 0 1px 1px; }

.underlay-close {
  position: absolute;
  right: 5px;
  top: 5px; }

/* ---------- Tabs ---------- */
.tab-active strong {
  font-weight: normal; }

.tab-back {
  float: right; }

.tab-back-content {
  border-width: 0;
  padding: 1px; }

/* ---------- Miscellaneous ---------- */
.lfr-panel-container {
  background: #FFF; }

.lfr-panel-content {
  padding: 5px 10px; }

.lfr-panel-basic .lfr-panel-content {
  padding-left: 15px; }

.dialog-bd {
  min-height: 30px; }

.dialog-content {
  border: 1px solid #C8C9CA;
  padding: 5px; }

.panel-hd {
  background: #C0C2C5 url(../images/application/panel_header_bg.png) repeat-x 0 0;
  border: 1px solid;
  border-color: #C8C9CA #AEB2B8 #AEB2B8 #C8C9CA;
  padding-left: 10px;
  text-shadow: 1px 1px #FFF; }

.app-view-drop-active {
  background-color: #00A2EA;
  font-weight: normal; }
  .category-portlets .app-view-drop-active {
    color: #FFF; }

.basecelleditor [class~="form-validator-message"] {
  clip: rect(auto auto auto auto);
  width: auto; }

.document-library-file-entry-cell-editor-hidden {
  display: none; }

.previous-level {
  display: inline-block;
  font-size: 21px;
  line-height: 21px;
  margin-right: 5px;
  text-decoration: none;
  vertical-align: middle; }

/* ---------- Menus ---------- */
.lfr-page-templates li a {
  padding: 0; }
  .lfr-page-templates li a label {
    cursor: pointer;
    display: block;
    padding: 5px 0 5px 5px; }

.menu {
  position: absolute;
  width: auto; }
  .menu .notice-message {
    background-image: none;
    margin: 3px;
    padding: 6px; }

.menu-content {
  background: #FFF;
  list-style: none;
  min-width: 150px; }
  .menu-content li {
    margin: 0;
    padding: 0; }
    .menu-content li .disabled {
      color: #999; }

.menu-content {
  background: #CCC9C9 url(../images/application/menu_bg.png) repeat-x 0 0;
  border: 1px solid;
  border-color: #AEAFB1 #777879 #777879 #AEAFB1;
  padding: 2px 0; }

.menugroup-content .menu-label {
  background: #D2D6DE;
  color: #5B677D;
  display: block;
  padding: 5px 3px;
  text-shadow: 1px 1px #FFF; }

.menugroup-content ul {
  display: block;
  min-width: 0; }

.menu-content li {
  border-bottom: 1px solid #BCBBBB;
  border-top: 1px solid #EEE;
  display: block;
  margin: 0;
  padding: 0; }
  .menu-content li.first {
    border-top-width: 0; }
  .menu-content li.last {
    border-bottom-width: 0; }

.menu-content li a, .menu-content li .disabled {
  color: #2C2F34;
  display: block;
  padding: 4px 5px;
  text-decoration: none; }

.menu-content li a.focus, .lfr-menu-expanded li a:focus {
  background-color: #5B677D;
  color: #FFF;
  text-shadow: -1px -1px #2C2F34; }

/* ---------- Loading mask ---------- */
.loadingmask-content {
  background: #CCC; }

.loadingmask-message {
  background: #D4D4D4 url(../images/portlet/header_bg.png) repeat-x 0 0; }

/* ---------- Tree view ---------- */
.tree-node .icon-check {
  padding-right: 2px;
  /*&:before {
			content: $check-empty;
		}*/ }

.tree-node .tree-node-checked .icon-check {
  padding-right: 0;
  /*&:before {
				content: $check;
			}*/ }

.tree-node .tree-node-over .tree-label {
  text-decoration: underline; }

.tree-node [class^="icon-"] {
  margin-right: 5px; }

.tree-node .tree-node-checkbox-container {
  margin-right: 0; }

.tree-node .tree-node-selected .tree-label {
  background: none; }

.tree-node-content .tree-hitarea {
  color: #999;
  font-size: 10px;
  padding-right: 6px; }

.tree-node-content .tree-label {
  margin-left: 3px; }

.tree-node-content .tree-node-hidden-hitarea {
  visibility: hidden; }

.tree-node-selected .tree-label {
  background-color: transparent; }

/* ---------- Page customization ---------- */
.dragging .portlet-column.customizable {
  background-color: #CFFCCF;
  outline: 3px solid #9CC97B; }

.customizable-layout-column-content {
  background-color: #C92C3C; }
  .customizable-layout-column-content.yui3-widget-content-expanded {
    border: 3px solid #333;
    margin: 0.2em; }

.customizable .customizable-layout-column-content {
  background-color: #9CC97B; }

.layout-customizable-controls {
  background-color: #FFF;
  font-size: 1.5em;
  margin: 1em;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9;
  padding: 1em;
  position: absolute;
  z-index: 15; }

/* ---------- Pagination ---------- */
.paginator-link {
  background: #EEE url() no-repeat scroll 50% 1px;
  border: 1px solid #F0F1F2;
  border-color: #F0F1F2 #B2B2B2 #949494 #F0F1F1;
  color: #1F1E1E;
  display: inline-block;
  height: 20px;
  padding: 0;
  text-indent: -9999px;
  width: 20px; }

.paginator-page-link {
  height: auto;
  text-indent: 0; }

.paginator-current-page {
  background: #0083BD url(../images/application/paginator_link_current_bg.png) 0 0 repeat-x;
  border-color: #38B6EF #006D9E #006D9E #46B4E6;
  color: #FFF;
  text-shadow: -1px -1px #003C57; }

.paginator-first-link {
  background-image: url(../images/arrows/paging_first.png); }

.paginator-prev-link {
  background-image: url(../images/arrows/paging_previous.png); }

.paginator-last-link {
  background-image: url(../images/arrows/paging_last.png); }

.paginator-next-link {
  background-image: url(../images/arrows/paging_next.png); }

.paginator-current-page-report, .paginator-total {
  color: #555;
  font-size: 0.9em; }

.paginator-current-page-report {
  margin-left: 2em; }

.taglib-page-iterator .search-pages .page-links {
  padding: 0; }

/* ---------- CKEditor menu ---------- */
.uap-color .cke_dialog .cke_dialog_ui_input_text {
  height: auto; }

.uap-color .cke_editable_inline a {
  cursor: pointer; }

/* ---------- CKEditor panel menu ---------- */
.cke_panel.cke_combopanel {
  width: 220px; }

.cke_panel_block .cke_panel_grouptitle {
  font-size: 20px;
  line-height: 20px;
  margin-top: 0; }

.cke_panel_block .cke_panel_list {
  margin-left: 0; }
  .cke_panel_block .cke_panel_list .cke_panel_listItem {
    line-height: initial; }
    .cke_panel_block .cke_panel_list .cke_panel_listItem a:hover {
      text-decoration: none; }

/* ---------- HTML editor ---------- */
body.html-editor {
  background: #FFF;
  color: #000;
  padding: 1em; }

.html-editor.portlet-message-boards {
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  word-wrap: break-word; }
  .html-editor.portlet-message-boards blockquote {
    background: #EEF0F2 url(../images/message_boards/quoteleft.png) no-repeat 5px 5px;
    border: 1px solid #777;
    padding: 5px 45px; }
    .html-editor.portlet-message-boards blockquote:after {
      background: url(../images/message_boards/quoteright.png) no-repeat 50%;
      content: '';
      display: block;
      float: right;
      height: 24px;
      margin-right: -35px;
      margin-top: -25px;
      width: 31px;
      z-index: 999; }
    .html-editor.portlet-message-boards blockquote cite {
      display: block;
      font-weight: normal; }
  .html-editor.portlet-message-boards pre {
    background: #F9F9F9;
    border: 1px solid #777;
    padding: 0.5em; }

/* ---------- Inline editing ---------- */
.lfr-editable {
  outline: 1px dashed #68BB30;
  outline-offset: 2px;
  position: relative; }
  .lfr-editable:after {
    background: #68BB30 url(../images/common/edit_white.png) no-repeat 50%;
    content: '';
    display: block;
    height: 20px;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 30px; }
  .lfr-editable:focus:after {
    display: none; }
  .lfr-editable:focus:hover {
    background-color: transparent; }
  .lfr-editable:hover {
    background-color: rgba(255, 255, 255, 0.3);
    outline-color: #519226; }
    .lfr-editable:hover:after {
      background-color: #519226; }

.lfr-editable-notice-close {
  margin-left: 1em; }

.lfr-portlet-title-editable {
  margin-top: 0;
  z-index: 9999; }
  .lfr-portlet-title-editable .lfr-portlet-title-editable-content {
    padding: 0; }
    .lfr-portlet-title-editable .lfr-portlet-title-editable-content .combobox-content .field-content .field-input-text {
      display: block;
      margin-bottom: 0; }
    .lfr-portlet-title-editable .lfr-portlet-title-editable-content .combobox-content .field-label.textfield-label {
      display: none; }
    .lfr-portlet-title-editable .lfr-portlet-title-editable-content .combobox-content .toolbar-content {
      margin-top: 0;
      vertical-align: top; }
      .lfr-portlet-title-editable .lfr-portlet-title-editable-content .combobox-content .toolbar-content .btn-group {
        margin-top: 0; }

.lfr-page-layouts .lfr-layout-template .layout-template-entry {
  height: 25px;
  width: 25px; }

.ie input.cke_dialog_ui_input_text {
  height: auto; }

.ie .proxy.not-intersecting .forbidden-action {
  right: 2px;
  top: 2px; }

.ie7 .menu-content li {
  z-index: 10; }

.ie7 .paginator-link {
  color: transparent;
  font-size: 0;
  overflow: hidden;
  text-indent: 0;
  vertical-align: middle; }

.ie7 .paginator-page-link {
  color: #1F1E1E;
  font-size: 1em;
  height: auto;
  line-height: 1.4;
  overflow: visible;
  text-indent: 0; }

.ie7 .paginator-current-page {
  color: #FFF; }

.ie8 .row input[class*=col-].search-query {
  line-height: 20px;
  min-height: 20px; }

.ios.mobile .modal-content .dialog-iframe-bd {
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

/* ---------- Column widths ---------- */
.portlet-column-content.empty {
  padding: 50px; }

/* ---------- Wrapper ---------- */
#wrapper {
  padding-bottom: 0;
  padding-top: 2em;
  position: relative; }

/* ---------- Column widths ---------- */
.portlet-column-content.empty {
  padding: 0px; }

/* ---------- Wrapper ---------- */
#wrapper {
  padding: 2em 5em 0;
  position: relative; }
  @media (max-width: 767px) {
    #wrapper {
      padding-left: 0.5em;
      padding-right: 0.5em; } }
  @media (min-width: 768px) and (max-width: 979px) {
    #wrapper {
      padding-left: 2em;
      padding-right: 2em; } }

.modify-pages li {
  position: relative; }
  .modify-pages li.lfr-nav-hover .delete-tab {
    opacity: 1; }

.modify-pages .delete-tab {
  color: #444;
  cursor: pointer;
  display: block;
  font-size: 20px;
  font-weight: bold;
  height: 16px;
  line-height: 6px;
  margin-top: -8px;
  opacity: 0;
  overflow: hidden;
  padding: 3px 0;
  position: absolute;
  right: 1px;
  text-shadow: 0 1px #FFF;
  top: 50%; }
  .modify-pages .delete-tab:hover {
    color: #B50303; }

.modify-pages .drag-handle {
  cursor: move;
  left: 3px;
  margin-left: 15px;
  position: absolute;
  top: 15px; }

.controls-hidden .modify-pages .lfr-nav-sortable > a > span {
  padding-left: 0; }

.controls-hidden .modify-pages .drag-handle {
  display: none; }

.touch .modify-pages .lfr-nav-sortable > a > span {
  padding-left: 28px; }

@media only screen and (min-width: 992px) {
  .touch .modify-pages .lfr-nav-sortable > a > span {
    padding-left: 0; }
  .touch .modify-pages .drag-handle {
    display: none; } }

.nav li .toolbar {
  margin-top: 5px; }

.navigation-pane .body-row {
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%; }
  .navigation-pane .body-row ul li a .icon {
    float: left;
    margin-right: 5px; }

.navigation-pane .lfr-component {
  margin-left: 0; }

.navigation-pane .navigation-entry {
  position: relative; }
  .navigation-pane .navigation-entry.folder.error {
    display: block;
    padding: 6px 8px; }
  .navigation-pane .navigation-entry .browse-folder, .navigation-pane .navigation-entry .nav-item-label {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    vertical-align: middle; }
  .navigation-pane .navigation-entry .nav-item-icon {
    vertical-align: middle; }
  .navigation-pane .navigation-entry .overlay.entry-action {
    bottom: 0;
    display: block;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0; }
    .navigation-pane .navigation-entry .overlay.entry-action .btn {
      border-width: 0;
      margin: 0;
      padding: 11px 14px; }
      @media only screen and (min-width: 992px) {
        .navigation-pane .navigation-entry .overlay.entry-action .btn {
          padding: 11px; } }

.nav-menu ul {
  padding-left: 10px; }

.nav-menu li a.ancestor {
  font-weight: bold; }

.nav-menu li a.selected {
  color: #000;
  font-weight: bold;
  text-decoration: none; }

.nav-menu-style-arrows ul {
  list-style-image: url(../images/arrows/04_right.png); }

.portlet-navigation .nav-pills > li > a {
  margin-bottom: 2px; }

.portlet-navigation .nav-pills > li > .dropdown-menu {
  margin-top: 0; }

.split-button-dropdowns {
  list-style: none;
  margin: 0;
  padding: 0; }
  .split-button-dropdowns > li {
    display: inline-block;
    padding-left: 2px;
    padding-right: 2px; }

.form-options {
  border: 1px solid #AAA;
  display: inline-block;
  vertical-align: middle; }
  .form-options input {
    border-width: 0;
    display: inline;
    float: left; }

.form-triggers {
  float: left; }

.form-trigger {
  background: #C4C4C4 url(../images/application/button_bg.png) repeat-x 0 0;
  border-left: 1px solid #BBB;
  display: inline-block;
  float: left; }
  .form-trigger img {
    background: no-repeat 50% 40%;
    height: 25px;
    padding: 0 3px;
    vertical-align: middle;
    width: 16px; }
  .form-trigger:focus, .form-trigger:hover {
    background-color: #83B0CA;
    background-image: url(../images/application/button_bg_over.png); }

.trigger-selected {
  background-color: #EBEBEB;
  background-image: url(../images/application/button_bg_selected.png); }
  .trigger-selected:focus, .trigger-selected:hover {
    background-color: #B7DEF4;
    background-image: url(../images/application/button_bg_selected_over.png); }

.options-trigger img {
  background-image: url(../images/common/configuration.png); }

.save-trigger img {
  background-image: url(../images/common/check.png); }

@font-face {
  font-family: 'Roboto Medium';
  src: url("../fonts/Roboto/Roboto-Medium.ttf?jivep9") format("truetype"); }

@font-face {
  font-family: "Roboto Bold";
  src: url("../fonts/Roboto/Roboto-Bold.ttf?jivep9") format("truetype"); }

@font-face {
  font-family: 'Roboto Regular';
  src: url("../fonts/Roboto/Roboto-Regular.ttf?jivep9") format("truetype"); }

@font-face {
  font-family: 'Nunito Regular';
  src: url("../fonts/Nunito/Nunito-Regular.ttf?jivep9") format("truetype"); }

body.uap-color .nav li .toolbar {
  margin-top: 5px; }

body.uap-color .uap-page .nav-primary-menu {
  padding-top: 0px;
  flex: 1 1 auto;
  display: flex;
  height: 32px;
  font-family: 'Roboto Bold'; }
  body.uap-color .uap-page .nav-primary-menu .nav-div .primary-menu {
    display: flex;
    max-width: 640px;
    min-width: 490px; }
    body.uap-color .uap-page .nav-primary-menu .nav-div .primary-menu .primary-menu-item {
      position: relative;
      padding: 4px 10px 0 0;
      display: inline-block;
      /* display: inline-flex; */
      align-items: stretch;
      vertical-align: middle;
      margin-bottom: 0;
      white-space: nowrap; }
      body.uap-color .uap-page .nav-primary-menu .nav-div .primary-menu .primary-menu-item .primary-menu-item-link {
        font-family: "Roboto Bold";
        text-transform: uppercase;
        position: relative;
        color: #374649;
        font-size: 12px; }
        body.uap-color .uap-page .nav-primary-menu .nav-div .primary-menu .primary-menu-item .primary-menu-item-link.has-child {
          cursor: pointer; }
      body.uap-color .uap-page .nav-primary-menu .nav-div .primary-menu .primary-menu-item .link-wrapper {
        display: inline-flex;
        align-items: stretch; }
      body.uap-color .uap-page .nav-primary-menu .nav-div .primary-menu .primary-menu-item.on_hover .primary-menu-item-link::after,
      body.uap-color .uap-page .nav-primary-menu .nav-div .primary-menu .primary-menu-item.selected .primary-menu-item-link::after,
      body.uap-color .uap-page .nav-primary-menu .nav-div .primary-menu .primary-menu-item .primary-menu-item-link::after {
        content: '';
        height: 5px;
        width: 0;
        left: 0;
        display: block;
        position: absolute;
        background-color: #ED0000;
        bottom: -18px;
        -webkit-transition: all 0.3s;
        transition: all 0.3s; }
      body.uap-color .uap-page .nav-primary-menu .nav-div .primary-menu .primary-menu-item.on_hover .primary-menu-item-link::after,
      body.uap-color .uap-page .nav-primary-menu .nav-div .primary-menu .primary-menu-item.selected .primary-menu-item-link::after,
      body.uap-color .uap-page .nav-primary-menu .nav-div .primary-menu .primary-menu-item .primary-menu-item-link:hover::after {
        width: 100%; }
      body.uap-color .uap-page .nav-primary-menu .nav-div .primary-menu .primary-menu-item:last-child {
        padding-right: 0; }
      body.uap-color .uap-page .nav-primary-menu .nav-div .primary-menu .primary-menu-item .child-menu {
        display: none;
        list-style: none;
        z-index: 12;
        position: absolute;
        width: 300px;
        left: 0px;
        top: 41px; }
        body.uap-color .uap-page .nav-primary-menu .nav-div .primary-menu .primary-menu-item .child-menu li {
          background-color: #FFFFFF;
          padding-left: 10px;
          padding-top: 5px;
          font-size: 16px;
          height: 50px; }
          body.uap-color .uap-page .nav-primary-menu .nav-div .primary-menu .primary-menu-item .child-menu li a {
            font-family: "Roboto Bold";
            display: block;
            font-size: 18px;
            padding-top: 8px;
            color: #374649; }
            body.uap-color .uap-page .nav-primary-menu .nav-div .primary-menu .primary-menu-item .child-menu li a:hover {
              color: #ED0000 !important;
              text-decoration: none; }
          body.uap-color .uap-page .nav-primary-menu .nav-div .primary-menu .primary-menu-item .child-menu li:hover {
            background-color: #f8f8f8; }
          body.uap-color .uap-page .nav-primary-menu .nav-div .primary-menu .primary-menu-item .child-menu li:first-child {
            padding-top: 10px; }
          body.uap-color .uap-page .nav-primary-menu .nav-div .primary-menu .primary-menu-item .child-menu li:last-child {
            padding-bottom: 5px; }
      body.uap-color .uap-page .nav-primary-menu .nav-div .primary-menu .primary-menu-item .child-item-spacer {
        height: 60px;
        display: block;
        background: transparent;
        position: absolute;
        width: 189px;
        left: -50px;
        top: -44px; }

body.uap-color .uap-page nav ul a::first-letter {
  text-transform: uppercase; }

body.uap-color .uap-page .nav-mobile-menu {
  max-width: 375px;
  z-index: 9999;
  position: absolute;
  left: -374px;
  top: 75px;
  transition: all 0.4s ease-in-out;
  width: 100%;
  height: calc(100vh - 75px);
  overflow-y: auto;
  overflow-x: hidden;
  display: none;
  background-color: #FFFFFF; }

body.uap-color .uap-page .fid-menu-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  z-index: 8;
  background-color: #374649;
  display: none;
  opacity: 0.7; }

@media screen and (max-width: 959px) {
  body.uap-color .uap-page header.uap-header .menu_burger {
    display: inline-block;
    width: 26px;
    height: 41px;
    margin-left: 15px; }
    body.uap-color .uap-page header.uap-header .menu_burger .bar1,
    body.uap-color .uap-page header.uap-header .menu_burger .bar2,
    body.uap-color .uap-page header.uap-header .menu_burger .bar3 {
      width: 20px;
      height: 4px;
      background-color: #ED0000;
      margin: 4px 0;
      transition: 0.4s;
      border-radius: 20px; }
  body.uap-color .uap-page header.uap-header .change_burger_display .bar1 {
    -webkit-transform: rotate(-45deg) translate(-4px, 7px);
    transform: rotate(-45deg) translate(-4px, 7px); }
  body.uap-color .uap-page header.uap-header .change_burger_display .bar2 {
    opacity: 0; }
  body.uap-color .uap-page header.uap-header .change_burger_display .bar3 {
    -webkit-transform: rotate(45deg) translate(-4px, -7px);
    transform: rotate(45deg) translate(-4px, -7px);
    /*-8px,7px*/ }
  body.uap-color .uap-page header.uap-header .nav-primary-menu {
    display: none; }
  body.uap-color .uap-page header.uap-header .nav-mobile-menu {
    display: block; }
    body.uap-color .uap-page header.uap-header .nav-mobile-menu ul li {
      box-sizing: border-box;
      background: url(../images/header/menu-item-border.png) left bottom no-repeat;
      background-size: auto, 100% 1px;
      background-color: #FFFFFF;
      font-family: "Roboto Bold";
      font-size: 18px;
      text-transform: uppercase; }
      body.uap-color .uap-page header.uap-header .nav-mobile-menu ul li a {
        box-sizing: border-box;
        color: #666666;
        display: block;
        padding: 28px 15px;
        text-decoration: none; }
        body.uap-color .uap-page header.uap-header .nav-mobile-menu ul li a.primary-menu-item-link:hover {
          color: #ED0000; }
      body.uap-color .uap-page header.uap-header .nav-mobile-menu ul li .child-menu {
        display: none;
        list-style: none; }
      body.uap-color .uap-page header.uap-header .nav-mobile-menu ul li.menu-item-parent {
        background-color: #FFFFFF; }
        body.uap-color .uap-page header.uap-header .nav-mobile-menu ul li.menu-item-parent .link-wrapper {
          position: relative; }
          body.uap-color .uap-page header.uap-header .nav-mobile-menu ul li.menu-item-parent .link-wrapper::after {
            content: '';
            background: url(../images/header/menu-parent-item.png) no-repeat;
            background-size: auto, 100% 1px;
            width: 10px;
            height: 20px;
            position: absolute;
            right: 15px;
            top: 34px;
            display: block;
            transition: all 0.2s ease-in-out; }
          body.uap-color .uap-page header.uap-header .nav-mobile-menu ul li.menu-item-parent .link-wrapper:hover::after {
            background: url(../images/header/menu-parent-item-hover.png) no-repeat; }
        body.uap-color .uap-page header.uap-header .nav-mobile-menu ul li.menu-item-parent.parent-menu-open .link-wrapper::after {
          transform: rotate(90deg); }
        body.uap-color .uap-page header.uap-header .nav-mobile-menu ul li.menu-item-parent.parent-menu-open .link-wrapper .primary-menu-item-link {
          padding-bottom: 5px; }
        body.uap-color .uap-page header.uap-header .nav-mobile-menu ul li.menu-item-parent.parent-menu-open .child-menu li {
          font-size: 16px; }
          body.uap-color .uap-page header.uap-header .nav-mobile-menu ul li.menu-item-parent.parent-menu-open .child-menu li a {
            padding: 15px 15px 15px 30px; }
            body.uap-color .uap-page header.uap-header .nav-mobile-menu ul li.menu-item-parent.parent-menu-open .child-menu li a:hover {
              color: #DF0C36; } }

@media screen and (max-width: 675px) {
  body.uap-color .uap-page header.uap-header .menu_burger {
    margin-bottom: 25px; } }

/* ---------- Portlet topper ---------- */
/* ---------- Portlet decorator ---------- */
.freeform .portlet {
  margin-bottom: 0; }

body.portlet {
  border-width: 0; }

.portlet-icon-back {
  margin-top: -2px; }

.portlet-topper {
  position: relative; }
  .portlet-topper .portlet-topper-toolbar .portlet-icon-back {
    background: url(../images/arrows/12_left.png) no-repeat 0 50%;
    padding: 5px 5px 5px 18px; }
  .portlet-topper .portlet-topper-toolbar .portlet-options .lfr-icon-menu-text {
    display: none; }

.portlet-title-editable {
  cursor: pointer; }

.portlet-title-text {
  display: inline-block;
  margin-top: 0;
  max-width: 95%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
  white-space: nowrap; }

.panel-page-content .portlet-title-text, .panel-page-body .portlet-title-text {
  cursor: auto; }

.portlet-content, .portlet-minimized .portlet-content-container {
  padding: 12px 10px 10px; }

.portlet-minimized .portlet-content {
  padding: 0; }

.portlet-nested-portlets .portlet-boundary {
  left: 0 !important;
  position: relative !important;
  top: 0 !important; }

.portlet-draggable .portlet-topper {
  cursor: move; }

.portlet-draggable .portlet-title-default {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='512'%20height='512'%20viewBox='0%200%20512%20511.9999'%3E%3Cpath%20class='lexicon-icon-outline'%20d='M502.5%20233.1l-71.6-71.6c-12.7-12.7-33.2-12.7-45.8%200-6.3%206.3-9.5%2014.6-9.5%2022.9s3.2%2016.6%209.5%2022.9l16.7%2016.7H288V110.2l16.7%2016.7c12.7%2012.7%2033.2%2012.7%2045.8%200%2012.7-12.7%2012.7-33.2%200-45.8L278.9%209.5C272.8%203.4%20264.6%200%20256%200c-8.6%200-16.8%203.4-22.9%209.5l-71.6%2071.6c-12.7%2012.7-12.7%2033.2%200%2045.8%206.3%206.3%2014.6%209.5%2022.9%209.5s16.6-3.2%2022.9-9.5l16.7-16.7V224H110.2l16.7-16.7c12.7-12.7%2012.7-33.2%200-45.8-12.7-12.7-33.2-12.7-45.8%200L9.5%20233.1C3.4%20239.2%200%20247.4%200%20256c0%208.6%203.4%2016.8%209.5%2022.9l71.6%2071.6c12.7%2012.7%2033.2%2012.7%2045.8%200%206.3-6.3%209.5-14.6%209.5-22.9s-3.2-16.6-9.5-22.9L110.2%20288H224v113.8l-16.7-16.7c-12.7-12.7-33.2-12.7-45.8%200-12.7%2012.7-12.7%2033.2%200%2045.8l71.6%2071.6c6.1%206.1%2014.3%209.5%2022.9%209.5%208.6%200%2016.8-3.4%2022.9-9.5l71.6-71.6c12.7-12.7%2012.7-33.2%200-45.8-6.3-6.3-14.6-9.5-22.9-9.5s-16.6%203.2-22.9%209.5L288%20401.8V288h113.8l-16.7%2016.7c-12.7%2012.7-12.7%2033.2%200%2045.8%2012.7%2012.7%2033.2%2012.7%2045.8%200l71.6-71.6c6.1-6.1%209.5-14.3%209.5-22.9%200-8.6-3.4-16.8-9.5-22.9z'%20fill='%23FFF'/%3E%3C/svg%3E") no-repeat 2px center transparent;
  background-size: 12px;
  cursor: move;
  padding-left: 25px; }

@media only screen and (min-width: 768px) {
  .portlet .visible-interaction {
    display: none; } }

.portlet:active .visible-interaction, .portlet:hover .visible-interaction, .portlet:focus .visible-interaction, .portlet.active .visible-interaction {
  display: inherit; }

@media only screen and (max-width: 767px) {
  .controls-hidden .portlet .visible-interaction {
    display: none; } }

.lfr-status-alert-label, .lfr-status-error-label, .lfr-status-info-label, .lfr-status-progress-label, .lfr-status-success-label {
  background: none no-repeat 0 50%;
  padding: 3px 3px 3px 20px; }

.lfr-status-alert-label {
  background-image: url(../images/messages/alert.png);
  color: #663; }

.lfr-status-error-label {
  background-image: url(../images/messages/error.png);
  color: #900; }

.lfr-status-help-label, .lfr-status-info-label, .lfr-status-progress-label {
  background-image: url(../images/messages/info.png);
  color: #34404F; }

.lfr-status-help-label {
  background-image: url(../images/portlet/help.png); }

.lfr-status-progress-label {
  background-image: url(../images/aui/loading_indicator.gif); }

.lfr-status-success-label {
  background-image: url(../images/messages/success.png);
  color: #384F34; }

.portlet-msg {
  background: #EEE none no-repeat 6px 50%;
  border: 1px solid #555;
  color: #34404F;
  font-weight: bold;
  margin: 2px auto 14px;
  padding: 6px 6px 6px 30px;
  text-align: left; }

.lfr-message {
  position: relative; }
  .lfr-message .lfr-message-control {
    background-color: #333;
    display: inline-block; }
  .lfr-message .lfr-message-controls {
    display: none;
    left: 3px;
    margin: -8px 8px 0 3px;
    position: absolute;
    top: 50%;
    z-index: 10; }
  .lfr-message .lfr-message-close {
    background-image: url(../images/portlet/close_borderless.png);
    background-position: 0 0;
    background-repeat: no-repeat; }
  .lfr-message .lfr-message-close-all {
    color: #FFF;
    display: none;
    font-size: 0.8em;
    margin-left: 10px;
    padding: 1px 10px;
    text-shadow: 1px 1px 0 #000;
    vertical-align: top; }
    .lfr-message .lfr-message-close-all a {
      color: #FFF; }
  .lfr-message .lfr-message-controls-hover .lfr-message-close-all {
    display: inline-block; }
  .lfr-message.pending {
    background-image: url(../images/common/time.png); }

.lfr-message-content.alert {
  margin-bottom: 0; }

.lfr-message-close {
  cursor: pointer; }

/* ---------- Standard styles defined in the JSR 168 specification ---------- */
/* ---------- Fonts ---------- */
/* ---------- Sections ---------- */
.portlet-section-selected, .portlet-section-selected a {
  background: #727C81;
  color: #FFF;
  font-weight: bold;
  text-decoration: none; }

.portlet-section-selected a:hover, .portlet-section-selected a:focus {
  background-color: #727C81; }

/* ---------- Forms ---------- */
/* ---------- Icons ---------- */
/* ---------- Menus ---------- */
@media only screen and (min-width: 768px) {
   .portlet-topper {
    width: 65%; } }

@media only screen and (min-width: 992px) {
   .portlet-topper {
    width: 65%; } }

@media only screen and (min-width: 1200px) {
   .portlet-topper {
    width: 65%; } }

.portlet {
  margin-bottom: 10px;
  position: relative; }
  .portlet > .portlet-content-editable {
    border-color: transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
  .portlet > .portlet-topper {
    display: none; }
    @media only screen and (min-width: 768px) {
      .portlet > .portlet-topper {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        left: 0;
        opacity: 0;
        position: absolute;
        right: 0;
        -webkit-transition: opacity 0.25s, -webkit-transform 0.25s;
        -moz-transition: opacity 0.25s, -moz-transform 0.25s;
        -o-transition: opacity 0.25s, -o-transform 0.25s;
        transition: opacity 0.25s, transform 0.25s;
        top: 0; } }

@media only screen and (min-width: 768px) {
  .portlet:hover > .portlet-content-editable, .portlet.focus > .portlet-content-editable {
    border-color: #869CAD;
    border-top-left-radius: 0;
    border-top-right-radius: 0; } }

@media only screen and (min-width: 768px) {
  .portlet:hover > .portlet-topper, .portlet.focus > .portlet-topper {
    opacity: 1;
    -webkit-transform: translateY(-97%);
    -moz-transform: translateY(-97%);
    -ms-transform: translateY(-97%);
    -o-transform: translateY(-97%);
    transform: translateY(-97%); } }

.portlet-content-editable {
  border-color: #869CAD;
  border-radius: 0 0 2px 2px;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  padding: 10px; }

/* ---------- Portlet topper ---------- */
.portlet-actions {
  float: right; }

.portlet-options {
  display: inline-block; }

.portlet-title-default {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 2; }

.portlet-title-menu {
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto; }
  .portlet-title-menu > span > a {
    display: inline-block;
    text-decoration: none; }

.portlet-topper {
  background-color: #869CAD;
  border-color: #869CAD;
  border-radius: 4px 4px 0 0;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  color: #FFF;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 10px;
  padding-right: 10px;
  position: relative; }

.portlet-topper-toolbar {
  margin-bottom: 0;
  margin-right: -10px;
  margin-top: 0;
  padding-left: 0; }
  .portlet-topper-toolbar > a, .portlet-topper-toolbar > span > a, .portlet-topper-toolbar .lfr-icon-menu > a {
    color: #FFF; }
  .portlet-topper-toolbar > a:focus, .portlet-topper-toolbar > a:hover {
    text-decoration: none; }

/* ---------- Portlet controls in mobile ---------- */
@media only screen and (max-width: 767px) {
  .controls-visible .portlet-content-editable {
    border-color: #869CAD;
    border-top-left-radius: 0;
    border-top-right-radius: 0; } }

@media only screen and (max-width: 767px) {
  .controls-visible .portlet-topper {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex; } }

.controls-visible .portlet-topper-toolbar {
  display: block; }

.lfr-configurator-visibility .portlet-borderless-bar {
  opacity: 0.6; }

.lfr-configurator-visibility .portlet-content .lfr-icon-actions {
  opacity: 1; }

.lfr-panel-page {
  width: 100%; }
  .lfr-panel-page .portlet-title {
    font-size: 13px; }
  .lfr-panel-page .lfr-add-content h2 span {
    background-color: #D3DADD; }

.main-content-body {
  margin-top: 20px; }

.restricted, .restricted td {
  background: #FDD;
  border-width: 0; }

.restricted * {
  color: #727C81; }

.alt.restricted td {
  background-color: #FFC0C0; }

.hover.restricted td {
  background-color: #D3BDC0; }

.alt.restricted td.first, .restricted td.first {
  background-image: url(../images/messages/error.png);
  background-position: 5px 50%;
  background-repeat: no-repeat;
  padding-left: 28px; }

.portlet-decorate .portlet-content {
  background: #FFF;
  border-color: #E3E6E8;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  word-wrap: break-word; }

.portlet-barebone .portlet-content {
  padding: 0; }

/* ---------- Dynamic data list display/Journal portlet ---------- */
.portlet-dynamic-data-lists-display .lfr-ddm-field-group, .portlet-dynamic-data-lists .lfr-ddm-field-group, .portlet-journal .lfr-ddm-field-group {
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 28px 24px 28px; }

/* ---------- Breadcrumb taglib ---------- */
.breadcrumb.breadcrumb-vertical {
  display: inline-block;
  text-align: center; }
  .breadcrumb.breadcrumb-vertical li {
    display: block; }
    .breadcrumb.breadcrumb-vertical li.last, .breadcrumb.breadcrumb-vertical li.only {
      background: none; }
  .breadcrumb.breadcrumb-vertical .divider {
    background: url(../images/arrows/07_down.png) no-repeat 50% 100%;
    display: block;
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    height: 10px; }

/* ---------- Calendar taglib ---------- */
.taglib-calendar tr.portlet-section-header th, .taglib-calendar tr td {
  border-width: 0; }

.taglib-calendar tr td a {
  background-color: #F0F5F7;
  border: 1px solid #FFF;
  border-bottom-width: 0;
  border-left-width: 0;
  display: block;
  height: 15px;
  padding: 5px 0; }
  .taglib-calendar tr td a:hover {
    background-color: #727C81;
    color: #FFF; }

.taglib-calendar tr td.calendar-inactive {
  background-color: #FFF;
  color: #B5BFC4; }

.taglib-calendar tr th {
  border-bottom-color: #D7D7D7; }

.taglib-calendar table td {
  border-width: 0; }

.taglib-calendar .calendar-current-day, .taglib-calendar .calendar-current-day a {
  background-color: #FFF; }

.taglib-calendar .calendar-current-day a {
  border: 1px solid #727C81;
  color: #369;
  text-decoration: underline; }

/* ---------- Navbar form search ---------- */
.navbar form {
  margin: 0; }

.menu-content, .underlay-content {
  -webkit-box-shadow: 2px 4px 7px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 2px 4px 7px rgba(0, 0, 0, 0.5);
  box-shadow: 2px 4px 7px rgba(0, 0, 0, 0.5); }

.lfr-add-panel, .lfr-device-preview-panel, .lfr-edit-layout-panel {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }

.lfr-preview-file-image img, .lfr-translation-manager {
  -webkit-box-shadow: 0 3px 5px -3px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0 3px 5px -3px rgba(0, 0, 0, 0.8);
  box-shadow: 0 3px 5px -3px rgba(0, 0, 0, 0.8); }

.lfr-preview-file-image-current-column {
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.8);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.8); }

.lfr-preview-file-image-current-column {
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.8);
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.8); }

.lfr-device-preview .lfr-device-size-status-content {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 1px #FFF;
  -moz-box-shadow: 0 0 1px #FFF;
  box-shadow: 0 0 1px #FFF;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9; }

.lfr-device-preview .lfr-device:after, .lfr-device-preview .lfr-device:before {
  -webkit-box-shadow: #111 0 1px 0;
  -moz-box-shadow: #111 0 1px 0;
  box-shadow: #111 0 1px 0; }

.lfr-device-preview .lfr-device:after {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px; }

.lfr-device-preview .lfr-device.rotated:after, .lfr-device-preview .lfr-device.rotated:before {
  -webkit-box-shadow: #111 -1px 1px 0;
  -moz-box-shadow: #111 -1px 1px 0;
  box-shadow: #111 -1px 1px 0; }

.lfr-device-preview .lfr-device.smartphone, .lfr-device-preview .lfr-device.tablet {
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px; }

.lfr-device-preview .lfr-device.tablet:before {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }

@media (max-width: 979px) {
  .dockbar .navbar-inner .btn-navbar {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-shadow: none; } }

.dockbar .navbar-inner .nav li.staging-toggle.active > a {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.dockbar .navbar-inner .nav li.staging-toggle span {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px; }

.dockbar .menu-button-active .menu-button {
  -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.7);
  box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.7); }

.dockbar .impersonating-user .alert-info {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0; }

.dockbar-split .dockbar .navbar-inner .nav > li > a {
  text-shadow: none; }

.dockbar-split .dockbar .navbar-inner .nav-add-controls > li a {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px; }
  .dockbar-split .dockbar .navbar-inner .nav-add-controls > li a .nav-item-label {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px; }

.dockbar-split .dockbar .navbar-inner .nav-add-controls > li.open a {
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -ms-border-radius: 4px 4px 0 0;
  -o-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0; }

@media (max-width: 979px) {
  .navbar .navbar-search .form-search .search-query {
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    -ms-border-radius: 14px;
    -o-border-radius: 14px;
    border-radius: 14px; } }

.portlet-document-library .lfr-ddm-small-image-preview, .portlet-dynamic-data-mapping .lfr-ddm-small-image-preview {
  -webkit-box-shadow: 0 1px 3px #CCC;
  -moz-box-shadow: 0 1px 3px #CCC;
  box-shadow: 0 1px 3px #CCC; }

.portlet-asset-category-admin .tree-node-selected, .portlet-asset-category-admin .tree-node-over, .portlet-asset-category-admin .category-item {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }

.lfr-translation-manager-translation.lfr-translation-manager-translation-editing {
  -webkit-box-shadow: inset 0 0 2px #224FA8;
  -moz-box-shadow: inset 0 0 2px #224FA8;
  box-shadow: inset 0 0 2px #224FA8; }

.portlet-document-library-upload-mask .overlaymask-content {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }

.lfr-search-combobox-item, .portlet-journal .lfr-search-combobox .search input {
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  -o-border-radius: 1px;
  border-radius: 1px; }

.lfr-search-combobox .field-input-text {
  -webkit-border-radius: 4px 1px 1px 4px;
  -moz-border-radius: 4px 1px 1px 4px;
  -ms-border-radius: 4px 1px 1px 4px;
  -o-border-radius: 4px 1px 1px 4px;
  border-radius: 4px 1px 1px 4px; }

.lfr-search-combobox .button-input {
  -webkit-border-radius: 1px 4px 4px 1px;
  -moz-border-radius: 1px 4px 4px 1px;
  -ms-border-radius: 1px 4px 4px 1px;
  -o-border-radius: 1px 4px 4px 1px;
  border-radius: 1px 4px 4px 1px; }

.lfr-upload-container .progress-bar, .lfr-upload-container .progress, .lfr-editable:after {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px; }

body > .lfr-menu-list ul, .active-area-proxy, .entry-display-style .entry-thumbnail, .lfr-api-results, .lfr-translation-manager, .lfr-translation-manager-translation, .lfr-upload-container .cancel-button .modify-pages .delete-tab, .portlet-image-gallery-display .image-thumbnail img, .rule-group-instance-container .rule-group-instance, .select-documents, .select-files, .taglib-ratings.stars:hover, .taglib-ratings.stars:hover .liferay-rating-vote > div, .taglib-ratings.stars .rating-focused > div, .tags-search-combobox .field-input-text {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px; }

.entry-display-style, .lfr-search-combobox, .lfr-upload-container .upload-file, .lfr-upload-container .upload-target, .portlet-document-library .common-file-metadata-container.selected, .portlet-document-library-display .common-file-metadata-container.selected, .portlet-image-gallery-display .image-icon, .select-documents, .select-files {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }

.portlet-journal .lfr-ddm-container .field-wrapper {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px; }

.portlet-journal .display-page-item-container .display-page-item, .portlet-journal .display-page-item-container .display-page-item .display-page-item-remove, .taglib-categorization-filter .asset-entry {
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  -ms-border-radius: 14px;
  -o-border-radius: 14px;
  border-radius: 14px; }

.menu-content {
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.taglib-form-navigator > .form-steps > ul.form-navigator.well {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }
  .taglib-form-navigator > .form-steps > ul.form-navigator.well .tab .tab-label:hover .number, .taglib-form-navigator > .form-steps > ul.form-navigator.well .tab .tab-label:focus .number {
    -webkit-box-shadow: 0 0 5px 0 #333;
    -moz-box-shadow: 0 0 5px 0 #333;
    box-shadow: 0 0 5px 0 #333;
    -webkit-transition-duration: 0.25s;
    -moz-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    transition-duration: 0.25s;
    -webkit-transition-property: box-shadow;
    -moz-transition-property: box-shadow;
    -o-transition-property: box-shadow;
    transition-property: box-shadow;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .taglib-form-navigator > .form-steps > ul.form-navigator.well .tab .tab-label .number {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%; }

.underlay-content {
  -moz-border-radius-bottomleft: 8px;
  -webkit-border-bottom-left-radius: 8px;
  border-bottom-left-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  -webkit-border-bottom-right-radius: 8px;
  border-bottom-right-radius: 8px; }

.input-localized .lfr-input-localized-state {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px; }

.input-localized .lfr-input-localized .lfr-input-localized-state {
  -webkit-box-shadow: 0 0 3px #DDD;
  -moz-box-shadow: 0 0 3px #DDD;
  box-shadow: 0 0 3px #DDD; }
  .input-localized .lfr-input-localized .lfr-input-localized-state.lfr-input-localized-state-error {
    -webkit-box-shadow: 0 0 3px #FF0047;
    -moz-box-shadow: 0 0 3px #FF0047;
    box-shadow: 0 0 3px #FF0047; }

.input-localized .palette-item-selected .lfr-input-localized-state {
  -webkit-box-shadow: 0 0 3px #27C1F2;
  -moz-box-shadow: 0 0 3px #27C1F2;
  box-shadow: 0 0 3px #27C1F2; }

.lfr-add-panel .add-content-button .lfr-actions {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px; }

.lfr-add-panel .lfr-panel-content .app-view-entry-taglib.display-list:hover, .lfr-add-panel .lfr-panel-content .app-view-entry-taglib.display-list.hover, .lfr-add-panel .lfr-panel-content .app-view-entry-taglib.display-list.over, .lfr-add-panel .lfr-panel-content .app-view-entry-taglib.display-descriptive:hover, .lfr-add-panel .lfr-panel-content .app-view-entry-taglib.display-descriptive.hover, .lfr-add-panel .lfr-panel-content .app-view-entry-taglib.display-descriptive.over {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0; }

.lfr-add-panel .lfr-panel.lfr-extended {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.lfr-add-panel .lfr-panel.lfr-extended .lfr-panel-titlebar, .lfr-add-panel .add-application-tab .lfr-add-content .lfr-title-category {
  background-image: -owg-linear-gradient(#D2DBE4, #BDC8D6);
  background-image: -webkit-linear-gradient(#D2DBE4, #BDC8D6);
  background-image: -moz-linear-gradient(#D2DBE4, #BDC8D6);
  background-image: -o-linear-gradient(#D2DBE4, #BDC8D6);
  background-image: linear-gradient(#D2DBE4, #BDC8D6); }

.lfr-add-panel .search-panel .add-content-search .field-input {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px; }

.lfr-add-dialog .add-content-menu .search-query, .lfr-add-panel .add-content-menu .search-query {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px; }

.lfr-content-preview-popup .lfr-content-preview-popup-content {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: 8px 3px 7px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 8px 3px 7px rgba(0, 0, 0, 0.25);
  box-shadow: 8px 3px 7px rgba(0, 0, 0, 0.25); }

.lfr-message .lfr-message-control {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px; }

.lfr-token, .layout-customizable-controls, .lfr-translation-manager-delete-translation {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px; }

.customizable-layout-column-content {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px; }

.staging-tabview-list {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0; }

.site-variations-tabview-list .tab-content, .staging-tabview-list .tab-active .tab-content, .tagselector-content .textboxlistentry-holder .lfr-tag-selector-input:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.rule-group-instance-container .rule-group-instance {
  -webkit-box-shadow: 1px 1px 2px #999;
  -moz-box-shadow: 1px 1px 2px #999;
  box-shadow: 1px 1px 2px #999; }

.lfr-action-label {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px; }

.lfr-api-service-search .field-input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } }

@-moz-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } }

@-o-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } }

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } }

.lfr-progress-active .progress-bar-status, .lfr-upload-container .file-uploading .progress-bar .progress {
  background-image: -owg-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0));
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0));
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0));
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0));
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0));
  -webkit-background-size: 40px 40px;
  -moz-background-size: 40px 40px;
  -o-background-size: 40px 40px;
  background-size: 40px 40px;
  -webkit-animation: progress-bar-stripes 0.5s linear infinite;
  -moz-animation: progress-bar-stripes 0.5s linear infinite;
  -ms-animation: progress-bar-stripes 0.5s linear infinite;
  -o-animation: progress-bar-stripes 0.5s linear infinite;
  animation: progress-bar-stripes 0.5s linear infinite;
  -webkit-transition: width 0.5s ease-out;
  -webkit-transition-delay: 0s;
  -moz-transition: width 0.5s ease-out;
  -o-transition: width 0.5s ease-out;
  transition: width 0.5s ease-out false; }

@-webkit-keyframes highlight-animation {
  from {
    background-color: #FFC; }
  to {
    background-color: transparent; } }

@-moz-keyframes highlight-animation {
  from {
    background-color: #FFC; }
  to {
    background-color: transparent; } }

@-o-keyframes highlight-animation {
  from {
    background-color: #FFC; }
  to {
    background-color: transparent; } }

@keyframes highlight-animation {
  from {
    background-color: #FFC; }
  to {
    background-color: transparent; } }

.highlight-animation {
  -webkit-animation: highlight-animation 0.7s;
  -moz-animation: highlight-animation 0.7s;
  -ms-animation: highlight-animation 0.7s;
  -o-animation: highlight-animation 0.7s;
  animation: highlight-animation 0.7s; }

body:first-of-type .portlet-borderless-bar, body:first-of-type .portlet-content .lfr-icon-actions {
  -webkit-transition: opacity 0.5s ease;
  -webkit-transition-delay: 0.15s;
  -moz-transition: opacity 0.5s ease 0.15s;
  -o-transition: opacity 0.5s ease 0.15s;
  transition: opacity 0.5s ease 0.15s; }

body:first-of-type .portlet-borderless-container:hover .portlet-borderless-bar, body:first-of-type .portlet-content:hover .lfr-icon-actions {
  -webkit-transition: opacity 0.5s ease;
  -webkit-transition-delay: 0s;
  -moz-transition: opacity 0.5s ease 0s;
  -o-transition: opacity 0.5s ease 0s;
  transition: opacity 0.5s ease 0s; }

body:first-of-type .portlet-borderless-bar .portlet-actions, body:first-of-type .portlet-content .lfr-icon-actions .taglib-text {
  display: inline-block;
  max-width: 0;
  overflow: hidden;
  -webkit-transition: max-width 0.3s ease-in;
  -webkit-transition-delay: 0.2s;
  -moz-transition: max-width 0.3s ease-in 0.2s;
  -o-transition: max-width 0.3s ease-in 0.2s;
  transition: max-width 0.3s ease-in 0.2s;
  text-overflow: ellipsis;
  white-space: nowrap; }

body:first-of-type .portlet-borderless-bar .portlet-actions, body:first-of-type .portlet-content:hover .lfr-icon-actions .taglib-text {
  -webkit-transition: max-width 0.3s ease;
  -webkit-transition-delay: 0s;
  -moz-transition: max-width 0.3s ease 0s;
  -o-transition: max-width 0.3s ease 0s;
  transition: max-width 0.3s ease 0s; }

body:first-of-type .portlet-borderless-bar .portlet-actions {
  -moz-border-radius-bottomleft: 20px;
  -webkit-border-bottom-left-radius: 20px;
  border-bottom-left-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -webkit-border-top-left-radius: 20px;
  border-top-left-radius: 20px; }

body:first-of-type .portlet-borderless-bar .portlet-title-default {
  -moz-border-radius-bottomright: 20px;
  -webkit-border-bottom-right-radius: 20px;
  border-bottom-right-radius: 20px;
  -moz-border-radius-topright: 20px;
  -webkit-border-top-right-radius: 20px;
  border-top-right-radius: 20px; }

body:first-of-type .portlet-borderless-container:hover .portlet-borderless-bar .portlet-actions {
  max-width: 500px; }

body:first-of-type .portlet-content:hover .lfr-icon-actions .taglib-text {
  max-width: 200px; }

@media (max-width: 979px) {
  body:first-of-type .portlet-content .lfr-icon-actions .taglib-text {
    max-width: 200px; } }

.portlet-boundary.yui3-dd-dragging {
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition: -webkit-transform 0.3s ease;
  -moz-transition: -moz-transform 0.3s ease;
  -o-transition: -o-transform 0.3s ease;
  transition: transform 0.3s ease; }

.portlet-document-library .entry-thumbnail .label, .portlet-document-library-display .workflow-status .label, .portlet-journal .entry-thumbnail .label {
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0; }

@-webkit-keyframes lfr-drop-active {
  0% {
    background-color: #EBEBEB;
    border-color: #DDD; }
  50% {
    background-color: #DDEDDE;
    border-color: #7D7;
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1); }
  75% {
    background-color: #DDEDDE;
    border-color: #7D7; }
  100% {
    background-color: #EBEBEB;
    border-color: #DDD; } }

@-moz-keyframes lfr-drop-active {
  0% {
    background-color: #EBEBEB;
    border-color: #DDD; }
  50% {
    background-color: #DDEDDE;
    border-color: #7D7;
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1); }
  75% {
    background-color: #DDEDDE;
    border-color: #7D7; }
  100% {
    background-color: #EBEBEB;
    border-color: #DDD; } }

@-o-keyframes lfr-drop-active {
  0% {
    background-color: #EBEBEB;
    border-color: #DDD; }
  50% {
    background-color: #DDEDDE;
    border-color: #7D7;
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1); }
  75% {
    background-color: #DDEDDE;
    border-color: #7D7; }
  100% {
    background-color: #EBEBEB;
    border-color: #DDD; } }

@keyframes lfr-drop-active {
  0% {
    background-color: #EBEBEB;
    border-color: #DDD; }
  50% {
    background-color: #DDEDDE;
    border-color: #7D7;
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1); }
  75% {
    background-color: #DDEDDE;
    border-color: #7D7; }
  100% {
    background-color: #EBEBEB;
    border-color: #DDD; } }

.upload-drop-active .lfr-upload-container .upload-target {
  -webkit-animation: none;
  -moz-animation: none;
  -ms-animation: none;
  -o-animation: none;
  animation: none; }

.upload-drop-active .portlet-document-library .document-container {
  -webkit-box-shadow: inset 0 0 5px #B8C1D1;
  -moz-box-shadow: inset 0 0 5px #B8C1D1;
  box-shadow: inset 0 0 5px #B8C1D1; }

.upload-drop-intent .lfr-upload-container .upload-target {
  -webkit-animation: lfr-drop-active 1s ease 0.2s infinite;
  -moz-animation: lfr-drop-active 1s ease 0.2s infinite;
  -ms-animation: lfr-drop-active 1s ease 0.2s infinite;
  -o-animation: lfr-drop-active 1s ease 0.2s infinite;
  animation: lfr-drop-active 1s ease 0.2s infinite; }

/* CSS Document */
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block; }

nav ul {
  list-style: none; }

blockquote,
q {
  quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  cursor: pointer; }

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: normal; }

del {
  text-decoration: line-through; }

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input,
select {
  vertical-align: middle; }

ol,
ul {
  list-style: none; }

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  font-weight: normal; }

strong,
b {
  font-weight: 700; }

/**/
legend {
  display: none; }

/**/
* {
  margin: 0;
  padding: 0;
  border: none;
  outline-color: -moz-use-text-color;
  outline-style: none;
  outline-width: 0; }

a {
  text-decoration: none; }

.font_10 {
  font-size: 10px; }

.font_12 {
  font-size: 12px; }

.font_14 {
  font-size: 14px; }

.font_16 {
  font-size: 16px; }

.font_18 {
  font-size: 18px; }

.font_20 {
  font-size: 20px; }

.font_22 {
  font-size: 22px; }

.font_24 {
  font-size: 24px; }

.font_26 {
  font-size: 26px; }

.font_28 {
  font-size: 28px; }

.font_30 {
  font-size: 30px; }

.font_32 {
  font-size: 32px; }

.font_34 {
  font-size: 34px; }

.font_36 {
  font-size: 36px; }

.font_38 {
  font-size: 38px; }

/**/
/**/
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

.clear {
  clear: both;
  margin: 0;
  padding: 0; }

/*@font-face {
	font-family: 'Conv_FontFont - InfoDisplayPro-Book';
	src: url('/fonts/FontFont-InfoDisplayPro-Book.eot');
	src: local('?'), url('/fonts/FontFont-InfoDisplayPro-Book.woff') format('woff'), url('/fonts/FontFont-InfoDisplayPro-Book.ttf') format('truetype'), url('/fonts/FontFont-InfoDisplayPro-Book.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_FontFont - InfoDisplayPro-Bold';
	src: url('/fonts/FontFont-InfoDisplayPro-Bold.eot');
	src: local('?'), url('/fonts/FontFont-InfoDisplayPro-Bold.woff') format('woff'), url('/fonts/FontFont-InfoDisplayPro-Bold.ttf') format('truetype'), url('/fonts/FontFont-InfoDisplayPro-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_FontFont - InfoDisplayPro-Medium';
	src: url('/fonts/FontFont-InfoDisplayPro-Medium.eot');
	src: local('?'), url('/fonts/FontFont-InfoDisplayPro-Medium.woff') format('woff'), url('/fonts/FontFont-InfoDisplayPro-Medium.ttf') format('truetype'), url('/fonts/FontFont-InfoDisplayPro-Medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}*/
@keyframes animatedBackground {
  0% {
    background-position: center center; }
  50% {
    background-position: center bottom; }
  100% {
    background-position: center center; } }

@-webkit-keyframes animatedBackground {
  0% {
    background-position: center center; }
  50% {
    background-position: center bottom; }
  100% {
    background-position: center center; } }

@keyframes animatedBackgroundRight {
  0% {
    background-position: center center; }
  50% {
    background-position: right center; }
  100% {
    background-position: center center; } }

@-webkit-keyframes animatedBackgroundRight {
  0% {
    background-position: center center; }
  50% {
    background-position: right center; }
  100% {
    background-position: center center; } }

body {
  /************** Adaptation nouvelle charte graphique ******************/
  /* Gris */
  color: #374649;
  font-family: Roboto Regular;
  /* font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; */
  font-size: 12px;
  /* color: #2f2f2f; */
  overflow-x: hidden; }

form input[type="text"],
form input[type="tel"],
form input[type="mail"] {
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  font-size: 12px;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  -ms-border-radius: 23px;
  -o-border-radius: 23px;
  border-radius: 23px;
  background-color: #FFF;
  color: #303030;
  border: solid 1px #d7d6d5;
  height: 39px;
  line-height: 46px;
  padding: 0 12px; }

form input[type="text"]:focus,
form input[type="tel"]:focus,
form input[type="mail"]:focus,
form input[type="text"]:hover,
form input[type="tel"]:hover,
form input[type="mail"]:hover {
  border-color: #5b91e7 !important; }

form input[type="text"].input_search:focus {
  border: none !important;
  box-shadow: none !important; }

form input[type="text"].visited,
form input[type="tel"].visited,
form input[type="mail"].visited {
  border-color: #cacaca; }

form input[type="text"].error,
form input[type="tel"].error,
form input[type="mail"].error {
  border-color: #ED0000 !important; }

.uap-color h1,
.uap-color h2,
.uap-color h3,
.uap-color h4,
.uap-color h5,
.uap-color h6 {
  margin: 10px 0;
  font-family: inherit;
  font-weight: normal;
  line-height: 20px;
  color: inherit;
  text-rendering: optimizelegibility; }

.uap-color h1,
.uap-color h2,
.uap-color h3 {
  line-height: 40px; }

.uap-color label {
  font-weight: normal;
  color: #303030; }

.uap-color label {
  display: block;
  margin-bottom: 5px; }

.panel-group label {
  display: block;
  font-size: 16px;
  line-height: 16px;
  background: #fff;
  border: 0 solid #000;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3);
  font-weight: 700;
  cursor: pointer;
  text-transform: uppercase; }

.uap-color form label {
  font-weight: 700;
  color: #303030; }

.uap-color form label .required {
  color: #f10202; }

.overlay-total {
  background-color: #7098A7 !important;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 900;
  display: none; }

#container {
  width: 100%;
  margin-top: 0px;
  padding-bottom: 60px;
  z-index: 1;
  background: #fff; }

.customSelect {
  font-size: 14px;
  color: #303030;
  z-index: 2;
  position: relative;
  display: inline-block;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  -ms-border-radius: 23px;
  -o-border-radius: 23px;
  border-radius: 23px;
  cursor: pointer;
  min-width: 80px;
  margin-left: 0; }

select.customSelect {
  height: 46px;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  -ms-border-radius: 23px;
  -o-border-radius: 23px;
  border-radius: 23px;
  border: solid 1px #dfdfdf;
  padding: 0 34px 0 17px;
  background-color: #FFF;
  background-image: url("../images/total/bg-select.svg");
  background-repeat: no-repeat;
  background-position: right center;
  outline: none; }

.customSelect.active .select {
  border: solid 1px #5b91e7;
  -moz-box-shadow: 0 0 18px rgba(0, 0, 0, 0.14);
  -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, 0.14);
  -o-box-shadow: 0 0 18px rgba(0, 0, 0, 0.14);
  box-shadow: 0 0 18px rgba(0, 0, 0, 0.14); }

.customSelect.active .options {
  -moz-box-shadow: 0 0 18px rgba(0, 0, 0, 0.14);
  -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, 0.14);
  -o-box-shadow: 0 0 18px rgba(0, 0, 0, 0.14);
  box-shadow: 0 0 18px rgba(0, 0, 0, 0.14); }

select.customSelect .options {
  position: absolute;
  top: 0;
  z-index: -1;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  -ms-border-radius: 23px;
  -o-border-radius: 23px;
  border-radius: 23px;
  background-color: #FFF;
  width: 100%;
  display: none; }

select.customSelect option {
  height: 36px;
  line-height: 36px;
  padding-left: 20px;
  display: block; }

select.customSelect option.first {
  padding-top: 46px;
  -webkit-border-radius: 23px 23px 0 0;
  -moz-border-radius: 23px 23px 0 0;
  -ms-border-radius: 23px 23px 0 0;
  -o-border-radius: 23px 23px 0 0;
  border-radius: 23px 23px 0 0; }

select.customSelect option:hover {
  background-color: #5b91e7;
  color: #FFF;
  cursor: pointer; }

select.customSelect option.last {
  -webkit-border-radius: 0 0 23px 23px;
  -moz-border-radius: 0 0 23px 23px;
  -ms-border-radius: 0 0 23px 23px;
  -o-border-radius: 0 0 23px 23px;
  border-radius: 0 0 23px 23px; }

.asterisk-required {
  color: #374649; }

.menu-settings {
  display: none; }

.uap-color input[type="file"] {
  color: transparent; }

footer li {
  display: inline-block;
  padding: 0 10px 0 15px;
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url("../images/total/puce-footer.svg"); }

footer li:hover {
  text-decoration: underline; }

footer li:first-child {
  background: none; }

footer a {
  color: #374649; }

.uap-color a:hover,
.uap-color a:focus {
  text-decoration: none; }

.dockbar-user-notifications .dropdown-toggle .user-notifications-count {
  padding: 0px 4px !important;
  margin: 0 !important;
  background-color: #5B91E7 !important;
  border: 1px solid #5B91E7 !important; }

h2.web-content-title,
h1.page-title {
  font-size: 18px;
  font-family: "Lato";
  color: #303030;
  font-weight: 600;
  line-height: 1.25;
  text-transform: uppercase; }

h1.page-title {
  color: gray;
  font-size: 14px;
  margin: 0;
  padding: 15px;
  font-weight: normal;
  line-height: 1.2;
  text-transform: none;
  margin-left: 10px; }

.content {
  background: #fff; }

.slick-prev,
.slick-next {
  position: absolute;
  top: 50%;
  display: block;
  padding: 0;
  cursor: pointer;
  outline: none;
  color: #FFFFFF;
  margin: -15px 5px 5px 5px !important;
  font-size: 12px;
  z-index: 2;
  border-radius: 50%;
  background: #212121;
  padding: 5px 10px;
  border: none;
  opacity: 0.5; }
  .slick-prev i,
  .slick-next i {
    position: relative; }
  .slick-prev:hover,
  .slick-next:hover {
    opacity: 1; }

.slick-prev {
  left: 10px; }

.slick-next {
  right: 10px; }

.slick-slider-web-content,
.slick-slider-last-news {
  height: 250px;
  margin: 0 auto; }
  .slick-slider-web-content img,
  .slick-slider-last-news img {
    height: 250px; }
  .slick-slider-web-content .transparent,
  .slick-slider-last-news .transparent {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    transition: background .3s ease; }
  .slick-slider-web-content .slick-slide.slick-current .transparent,
  .slick-slider-last-news .slick-slide.slick-current .transparent {
    background: transparent;
    display: none; }
  .slick-slider-web-content .slick-slide,
  .slick-slider-last-news .slick-slide {
    position: relative; }
  .slick-slider-web-content h4,
  .slick-slider-last-news h4 {
    margin-left: 10px; }

.slick-slider-last-news {
  height: auto; }

.slick-slider-goodies img {
  display: none; }

.slick-slider-goodies .slick-current img {
  display: inline-block; }

a.btn-link {
  color: #fff;
  background: #5b91e7;
  padding: 5px 10px;
  font-size: 14px; }

a.document-web-content {
  background: #F0F0F0;
  border: 1px solid #CCC;
  padding: 15px;
  display: block;
  font-size: 16px; }
  a.document-web-content i {
    margin-right: 10px;
    color: #303030; }

.youtube-video {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0 !important;
  width: auto !important; }
  .youtube-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.youtube-portlet .portlet-content {
  overflow: hidden !important; }

.lfr-search-container {
  margin: 0 !important; }

.portlet-search .search-layout .result .asset-entry .asset-entry-title a {
  color: #303030; }
  .portlet-search .search-layout .result .asset-entry .asset-entry-title a:hover {
    color: #303030; }

select.customSelect {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

select.customSelect::-ms-expand {
  display: none; }

.input-search-container {
  width: 490px; }

/* Cookies footer bar */
.cc_container {
  background: #fff !important;
  border-top: 2px solid #DF0C36;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .cc_container .cc_message {
    width: 80%;
    display: inline-block;
    font-size: 1em;
    color: #666; }
  .cc_container .cc_btn.cc_btn_accept_all {
    background-color: #2f7bb4;
    border-radius: 0;
    border: 0;
    font-weight: 700;
    font-size: 1.2em;
    color: #FFF;
    padding: 15px;
    min-width: 200px;
    display: inline-block;
    order: 1;
    float: none;
    height: 50px; }
    .cc_container .cc_btn.cc_btn_accept_all:hover {
      background-color: #2f7bb4;
      color: #fff; }
  .cc_container a.cc_more_info {
    color: #374649 !important;
    text-decoration: underline;
    font-weight: normal; }
    .cc_container a.cc_more_info:hover {
      color: #ed0000 !important;
      text-decoration: underline; }

.timeline {
  position: relative;
  height: auto;
  padding-bottom: 10px; }
  .timeline:before {
    display: block;
    position: absolute;
    z-index: 10;
    content: "";
    width: 2px;
    background: rgba(0, 0, 0, 0.08);
    top: 0;
    left: 10px;
    bottom: 0;
    margin-left: -1px; }

.timeline-content {
  position: relative;
  margin-left: 60px;
  background: white;
  border-radius: 0.25em;
  padding: 10px;
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098), 0px 1px 5px 0px rgba(0, 0, 0, 0.084);
  border: 1px solid rgba(0, 0, 0, 0.05); }
  .timeline-content h2.timeline-title {
    font-size: 16px;
    margin: 0;
    line-height: normal; }
    .timeline-content h2.timeline-title a {
      color: #303030; }

.timeline-block {
  position: relative;
  margin: 2em 0; }

.timeline-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12);
  background: #5b91e7;
  z-index: 9999;
  margin-left: -10px;
  text-align: center; }
  .timeline-img i {
    color: #FFF;
    font-size: 20px;
    line-height: 40px !important; }

.timeline-date {
  color: #ACACAC;
  font-size: 12px; }

.hide-bootstrap {
  display: none; }

.uap-color .modal-header {
  border: none; }

img.img-auto {
  margin: auto; }

.table-total-shopping {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px; }
  .table-total-shopping tr th {
    font-size: 14px;
    font-family: "Lato";
    color: #303030;
    font-weight: normal;
    line-height: 1.2;
    padding: 10px;
    border: 1px solid #E2E2E4;
    text-align: center;
    background: #EFEFF0; }
  .table-total-shopping tr td {
    font-size: 16px;
    font-family: "Lato";
    color: #6B6B6A;
    line-height: 1.125;
    border: 1px solid #E2E2E4;
    text-align: left;
    padding: 10px; }
    .table-total-shopping tr td:first-child {
      text-align: right;
      color: #303030;
      white-space: nowrap; }

.uap-color .mceContentBody ul,
.uap-color .mceContentBody ol,
.uap-color .journal-content-article ul,
.uap-color .journal-content-article ol {
  margin: 0 0 10px 25px;
  list-style: disc; }

.uap-color .mceContentBody ol,
.uap-color .journal-content-article ol {
  list-style: decimal; }

.uap-color .dockbar .navbar-inner .container #_145_navSiteNavigationNavbarBtn {
  display: none; }

.asset-entry-content p {
  word-wrap: break-word; }

input[type=text]::-ms-clear {
  display: none;
  width: 0;
  height: 0; }

.checkbox-form {
  position: relative; }

.checkbox-form input[type=checkbox] {
  display: none; }

.checkbox-form label.label-checkbox span.span-checkbox:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 10px;
  bottom: 1px;
  background-color: #fff;
  border: 1px solid #b4b4b4;
  position: absolute;
  left: 0px;
  top: 0px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  transform: scale(1);
  transition: all 0.3s ease 0s; }

.checkbox-form input[type=checkbox]:checked + span.span-checkbox:before {
  content: "\f00c";
  font-family: 'fontawesome-alloy';
  background: #DF0C36;
  font-size: 16px;
  color: #fff;
  text-align: center;
  line-height: 16px;
  display: block;
  width: 18px;
  border: none;
  height: 18px;
  position: absolute;
  left: 0px;
  top: 0px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  opacity: 1;
  transform: scale(1); }

.checkbox-form label.label-checkbox span span.text {
  color: #374649; }

.radio-form {
  position: relative;
  float: left;
  margin-right: 44px;
  margin-top: 0; }

.radio-form label,
.checkbox-form label {
  margin-top: 0 !important;
  color: #fff; }

.radio-form input[type=radio] {
  display: none; }

.radio-form label.label-radio span.span-radio:before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 10px;
  bottom: 1px;
  background-color: #fff;
  border: 1px solid #737373;
  position: absolute;
  left: 0px;
  top: 0px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  color: #fff; }

.radio-form label.label-radio span.text-radio {
  font-siz: 12px;
  font-weight: normal;
  color: #374649; }

.radio-form [class*="col"] {
  min-height: 22px; }

.radio-form input[type=radio]:checked + span.span-radio:before {
  background: url("../images/fid_common/radio-red.png") no-repeat center center;
  /************** Adaptation nouvelle charte graphique ******************/
  /* Rouge */
  background: #ED0000;
  /* Gris final */
  border: 1px solid #7098A7;
  box-sizing: border-box; }

.customSelect {
  border-radius: 23px;
  color: #303030;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  min-width: 80px;
  position: relative;
  z-index: 2;
  width: 98%; }

.date-select .customSelect .select {
  background: url("../images/common/picto-calendar.svg") no-repeat 95% center #FFF; }

.customSelect .select {
  background: url("../images/common/bg-select.svg") no-repeat right center #FFF;
  border: 1px solid #dfdfdf;
  border-radius: 23px;
  height: 43px;
  line-height: 43px;
  padding: 0 34px 0 17px; }

.customSelect.active .select {
  border: 1px solid #5b91e7;
  box-shadow: 0 0 18px rgba(0, 0, 0, 0.14); }

.customSelect.active .options {
  box-shadow: 0 0 18px rgba(0, 0, 0, 0.14); }

.customSelect .options {
  background-color: #fff;
  border-radius: 23px;
  display: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1; }

.customSelect .option {
  display: block;
  line-height: 36px;
  padding-left: 20px; }

.customSelect .option.first {
  border-radius: 23px 23px 0 0;
  padding-top: 43px; }

.customSelect .option:hover {
  background-color: #5b91e7;
  color: #fff;
  cursor: pointer; }

.customSelect .option.last {
  border-radius: 0 0 23px 23px; }

.portlet-journal-content .portlet-content {
  background: #fff; }

.arrows-right-red {
  background: url("../images/common/btn-voir-toutes-alertes.svg") no-repeat center left;
  height: 32px;
  margin-left: 5px;
  padding: 5px 0 0 32px; }

.arrows-right-red:hover {
  background: url("../images/common/picto-puce-hover.svg") no-repeat center left; }

.btn-remove {
  background: url("../images/common/supprimer.svg") 0 5px no-repeat;
  margin-left: 3px;
  padding-right: 12px; }

.slidedown {
  background-image: url("../images/common/puce-etape.svg");
  background-position: left top;
  background-repeat: no-repeat;
  display: block; }

.slidedown:hover {
  background-position: left bottom; }

.uap-color .card-container .card {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.uap-color .label {
  color: #fff; }

.journal-content-article table {
  border-top: 1px solid black !important; }

.gigya-input-submit {
  width: 200px !important;
  height: 38px !important;
  line-height: 38px !important;
  color: #FFF !important;
  text-align: center !important;
  background-color: #5b91e7 !important;
  margin-left: calc(50% - 100px) !important;
  cursor: pointer !important;
  position: relative !important; }

.gigya-screen h2,
.gigya-screen h1 {
  color: #2f2f2f !important;
  font-size: 16px !important;
  font-weight: 700 !important; }

.gigya-screen-dialog-top {
  background-color: #5b91e7 !important; }

.gigya-input-text,
.gigya-input-password {
  background-clip: padding-box !important;
  font-family: 'Lato', sans-serif !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  -webkit-border-radius: 23px !important;
  -moz-border-radius: 23px !important;
  -ms-border-radius: 23px !important;
  -o-border-radius: 23px !important;
  border-radius: 23px !important;
  background-color: #FFF !important;
  color: #303030 !important;
  border: solid 1px #d7d6d5 !important;
  height: 46px !important;
  padding: 0 12px !important; }

.gigya-input-submit {
  width: 200px !important;
  height: 38px !important;
  line-height: 38px !important;
  color: #FFF !important;
  text-align: center !important;
  background-color: #5b91e7 !important;
  margin-left: calc(50% - 100px) !important;
  cursor: pointer !important;
  position: relative !important; }

.gigya-screen h2,
.gigya-screen h1 {
  color: #2f2f2f !important;
  font-size: 16px !important;
  font-weight: 700 !important; }

.gigya-screen-dialog-top {
  background-color: #5b91e7 !important; }

.gigya-input-text,
.gigya-input-password {
  background-clip: padding-box !important;
  font-family: 'Lato', sans-serif !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  -webkit-border-radius: 23px !important;
  -moz-border-radius: 23px !important;
  -ms-border-radius: 23px !important;
  -o-border-radius: 23px !important;
  border-radius: 23px !important;
  background-color: #FFF !important;
  color: #303030 !important;
  border: solid 1px #d7d6d5 !important;
  height: 46px !important;
  padding: 0 12px !important; }

.bg-bloc-white-portlet {
  background: #fff;
  min-height: 665px; }

.uap-color .formulaire input[type="text"].input-text {
  background-color: #fff;
  border: 1px solid #d7d6d5;
  border-radius: 23px;
  color: #303030;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 43px;
  line-height: 43px;
  padding: 0 12px; }

.uap-color .forms-fid .input-text {
  height: 39px !important; }

.uap-color .forms-fid .valid-input {
  font-size: 16px;
  color: #52b74e;
  position: absolute;
  right: 4px;
  top: 4px; }

.uap-color .forms-fid .invalid-input {
  font-size: 16px;
  color: #ed0000 !important;
  position: absolute;
  right: 4px;
  top: 4px; }

.position-relative {
  position: relative; }

.formulaire input.size_1 {
  width: 146px; }

.formulaire input.size_2 {
  width: 260px; }

.formulaire input.size_3 {
  width: 78px; }

.formulaire input.size_4 {
  width: 98%; }

.submitButton {
  background-color: #ed0000;
  color: #FFFFFF;
  padding: 0 15px;
  min-width: 152px;
  font-size: 13px;
  height: 46px;
  line-height: 46px;
  display: inline-block;
  text-align: center;
  cursor: pointer; }

.submitButton:hover {
  opacity: 0.75; }

.submitButton .puce_submit {
  width: 22px;
  height: 22px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url("../images/total/bg_submit.svg"); }

.submitButton:hover .puce_submit {
  background-image: url("../images/total/bg_submit_hover.svg"); }

.overlay_pop {
  background-color: rgba(0, 0, 0, 0.4);
  height: 130%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999; }

.layer_import .close_layer_import {
  color: #fff;
  cursor: pointer;
  font-size: 23px;
  font-weight: 700;
  position: absolute;
  right: -20px;
  top: 0;
  transform: rotate(45deg); }

.layer_import {
  background-color: #fff;
  font-size: 13px;
  left: 0;
  line-height: 1.2em;
  max-width: 80%;
  padding-bottom: 30px;
  position: absolute;
  top: 0;
  width: 80%;
  z-index: 1000;
  margin: 5% 10% 10% 10%;
  padding: 10px; }

.layer_import .title {
  display: block;
  font-size: 16px;
  font-weight: 700; }

.overlay_buttons {
  padding-top: 30px; }

.lien {
  background: transparent; }

.btn-picto {
  background: transparent;
  height: 50px; }

.picto {
  background-image: url("../images/common/sprite-liste-collaborateurs.svg");
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle; }

.uap-color .add-picto:hover {
  background-image: url("../images/common/add-coll-hover.svg");
  background-position: 0 0; }

.bg-bloc-white-portlet {
  padding: 12px 10px 10px;
  position: relative; }

.lodingdiv {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.4);
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 100; }

.lodingcenter {
  position: absolute;
  top: 50%;
  left: 50%; }

.pop-relative {
  position: relative; }

.SendEmail {
  position: absolute;
  top: -170px;
  left: -330px;
  z-index: 1010;
  display: none;
  text-align: left;
  background-color: white;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  white-space: normal;
  width: 450px;
  padding: 9px 14px; }

.documentpop {
  top: -35px;
  width: 160px;
  left: -10PX; }

.SendEmail:after,
.SendEmail:before {
  bottom: -7%;
  right: 10%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none; }

.SendEmail:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #FFF;
  border-width: 11px;
  margin-left: -11px;
  border-bottom: none; }

.SendEmail:before {
  border-color: rgba(204, 204, 204, 0);
  border-top-color: #ccc;
  border-width: 12px;
  margin-left: -12px;
  border-bottom: none; }

.documentpop:after,
.documentpop:before {
  bottom: -35%; }

.uap-color .SendEmail button.btnRed {
  margin: 0;
  height: auto;
  padding: 6px;
  line-height: normal; }

.add-picto {
  background-position: 78.8235% 97.0432%;
  height: 22px;
  margin-right: 5px;
  width: 22px;
  color: #2f2f2f;
  display: inline-block;
  float: left;
  font-size: 13px;
  height: 23px;
  line-height: 22px;
  vertical-align: middle; }

.uap-color button.btnRed {
  color: #fff;
  display: inline-block;
  padding: 4px 16px;
  background-color: #ed0000;
  color: #ffffff;
  margin-left: 4px;
  height: 50px;
  min-width: 110px;
  margin-bottom: 10px;
  margin-top: 20px;
  padding-left: 20px;
  float: right; }

.uap-color button.btnCenter {
  margin: 18px auto 10px auto;
  float: none; }

.uap-color button[disabled].btnRed {
  background-color: #ebe9e5;
  color: #303030;
  display: inline-block;
  padding: 4px 16px;
  padding: 0 15px;
  margin-left: 10px;
  height: 46px;
  line-height: 46px;
  min-width: 110px;
  margin-bottom: 20px;
  margin-top: 18px;
  float: right; }

.uap-color button[disabled].btnRed span {
  color: #303030; }

.uap-color button.btnRed:hover {
  opacity: 0.75; }

.uap-color button.btnRed span {
  color: #fff;
  float: left;
  line-height: 46px; }

.picto-arrows-right-red::after {
  background: url("../images/common/btn-voir-toutes-alertes.svg") no-repeat center left;
  height: 32px;
  width: 32px; }

.uap-color .stepform .nav-pills {
  margin-bottom: 35px; }

.uap-color .stepform .nav-pills li a {
  width: 30px;
  height: 30px;
  border-radius: 30px;
  font-weight: bolder;
  font-size: 16px;
  text-align: center; }

.uap-color .stepform .nav-pills > .active > a,
.uap-color .stepform .nav-pills > .active > a:hover,
.uap-color .stepform .nav-pills > .active > a:focus {
  background: #ed0000; }

.uap-color .stepform .nav-pills li a {
  background: #5a90e6 none repeat scroll 0 0;
  color: #eae9e5;
  position: relative;
  z-index: 10; }

.uap-color .stepform .nav-pills > li > a:hover,
.uap-color .stepform .nav-pills > li > a:focus {
  background: #5a90e6 none repeat scroll 0 0; }

.uap-color .stepform .nav-pills li {
  width: 23%;
  position: relative; }

.uap-color .stepform .nav-pills li::after {
  background: #5c90e6 none repeat scroll 0 0;
  content: "";
  height: 4px;
  left: 0%;
  position: absolute;
  top: 14px;
  width: 100%;
  z-index: 0; }

.uap-color .stepform .nav-pills li.active::before,
.uap-color .stepform .nav-pills li.active::after {
  background: #ed0000 none repeat scroll 0 0;
  color: #eae9e5; }

.uap-color .stepform .nav-pills li:last-child {
  width: 30px; }

.uap-color .stepform .nav-pills li span {
  width: 115px;
  text-align: center;
  position: absolute;
  left: -40px;
  line-height: 15px;
  font-size: 12px; }

.liste li {
  padding: 5px 0 5px 32px;
  background: url("../images/common/btn-voir-toutes-alertes.svg") no-repeat center left; }

.liste li a {
  color: black !important; }

.uap-color .file {
  position: relative;
  float: left; }

.uap-color .file label {
  background: #5b91e7;
  padding: 6px;
  color: #fff;
  transition: all .4s;
  font-weight: normal;
  text-align: center;
  min-width: 110px; }

.uap-color .file input {
  position: absolute;
  display: inline-block;
  left: 0;
  top: 0;
  opacity: 0.01;
  cursor: pointer;
  line-height: normal; }

.uap-color .file input:hover + label,
.uap-color .file input:focus + label {
  background: #ed0000;
  color: #fff; }

.uap-color p.file {
  margin-bottom: 0; }

.uap-color form textarea.textarea {
  background-color: #fff;
  border: 1px solid #d7d6d5;
  border-radius: 23px;
  padding: 12px;
  width: 100%;
  float: left; }

.add-cart {
  background: url("../images/common/Caddy_Add.svg") no-repeat 0 0;
  height: 32px;
  width: 32px;
  display: inline-block;
  vertical-align: middle; }

.uap-color input[type="number"].input-number {
  background-color: #fff;
  border: 1px solid #d7d6d5;
  border-radius: 23px;
  color: #303030;
  height: 25px;
  padding: 0;
  border-radius: 23px;
  width: 58px;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: 400; }

.uap-color input[type="text"].inputSearshCreate {
  display: block;
  height: 31px;
  padding: 0 18% 0 5%;
  border-radius: 23px;
  border: solid 1px #d7d6d5;
  width: 100%;
  font-size: 14px;
  background: url("../images/common/bg_search.svg") 95% center no-repeat; }

.searchBlock {
  margin-top: 35px; }

.formulaire label {
  padding: 12px 0; }

.uap-color .formulaire .input-date {
  background-color: #fff;
  border: 1px solid #d7d6d5;
  border-radius: 23px;
  color: #303030;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 43px;
  line-height: 43px;
  padding: 10px 12px;
  position: relative;
  width: 100%;
  background: url("../images/common/picto-calendar.svg") no-repeat 96% center; }

.uap-color .formulaire select[multiple="multiple"] {
  width: 98%;
  padding: 0px 10px;
  outline: none;
  border: none; }

.formulaire .div-select-multiple {
  background-color: #fff;
  border: 1px solid #d7d6d5;
  border-radius: 23px;
  padding: 12px;
  width: 98%; }

.lodingdiv {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.4);
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 100; }

.lodingcenter {
  position: absolute;
  top: 50%;
  left: 50%; }

.btn-picto {
  background: transparent; }

.delete-picto {
  transform: rotate(45deg);
  background-position: 78.8235% 97.0432%;
  height: 23px;
  width: 22px;
  background-image: url("../images/common/sprite-liste-collaborateurs.svg");
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  display: inline-block;
  margin-right: 10px;
  margin-top: 12px; }

.delete-picto:hover {
  background-image: url("../images/common/add-coll-hover.svg");
  background-position: 0 0; }

.formulaire label {
  padding: 12px 0; }

.uap-color .lien {
  color: #2f2f2f; }

.uap-color .span-checkbox {
  padding-left: 30px;
  position: relative;
  margin-left: 0 !important; }

.uap-color .checkbox-form label {
  padding: 0; }

.checkbox-form input[type=checkbox]:checked + span.span-checkbox:before,
.checkbox-form label.label-checkbox span.span-checkbox:before {
  left: 0;
  top: 0px; }

.Tables {
  margin-top: 25px;
  width: 100%; }

.Tables thead tr {
  background: #f6f5f3; }

.iconsrond {
  margin-right: 10px;
  width: 22px;
  height: 22px;
  border-radius: 40px;
  display: inline-block;
  display: inline-block;
  line-height: 20px;
  background-color: #fff;
  color: #ed0000;
  border: 1px solid #ed0000; }

.btn-picto:hover .iconsrond {
  background-color: #ed0000;
  color: #fff; }

.formulaire form {
  margin: 0; }

.formulaire .easy-autocomplete-container {
  top: 19px; }

.formulaire .easy-autocomplete-container ul li.selected {
  background: none repeat scroll 0 0 #5b91e7;
  cursor: pointer;
  color: #FFF; }

.formulaire .easy-autocomplete-container ul li {
  line-height: 36px; }

.formulaire .easy-autocomplete-container ul li:last-child,
.formulaire .easy-autocomplete-container ul li.selected:last-child {
  border-radius: 0 0 23px 23px; }

.easy-autocomplete-container ul {
  border: none; }

.formulaire .easy-autocomplete-container ul li:first-child,
.formulaire .easy-autocomplete-container ul li.selected:first-child {
  padding-top: 26px; }

.itemsDetail h2 {
  font-size: 16px;
  font-weight: normal;
  margin-left: 18px;
  line-height: 16px;
  margin-top: 0; }

.itemsDetail div:nth-child(2n+1) {
  background-color: #f9f8f7; }

.itemsDetail div {
  padding-bottom: 10px;
  padding-top: 10px;
  padding-left: 30px;
  text-align: left; }

.itemsDetail .DetailLabel {
  font-weight: normal;
  margin-bottom: 0; }

.layer_import50 {
  width: 50%;
  margin: 5% 25% 10% 25%; }

.uap-color .btnRed [class^="icon-"] {
  float: right;
  border: 1px solid #fff;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  display: inline-block;
  line-height: 20px;
  font-size: 10px;
  margin-top: 14px;
  margin-left: 10px; }

.uap-color .btnRed:hover [class^="icon-"] {
  background: #fff;
  color: #ed0000; }

.uap-color button[disabled].btnRed [class^="icon-"] {
  color: #303030;
  border-color: #303030; }

.uap-color button[disabled].btnRed:hover [class^="icon-"] {
  color: #303030;
  border-color: #303030; }

.div_submit_center {
  text-align: center; }

.uap-color form input[type="text"],
.uap-color form input[type="tel"],
.uap-color form input[type="email"] {
  background-clip: padding-box;
  font-family: Roboto Regular;
  font-weight: 400;
  font-size: 14px;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  border-radius: 23px;
  background-color: #FFF;
  color: #303030;
  border: solid 1px #d7d6d5;
  height: 39px;
  line-height: 46px;
  padding: 0 12px; }

.uap-color textarea,
.uap-color input[type="text"],
.uap-color input[type="password"],
.uap-color input[type="datetime"],
.uap-color input[type="datetime-local"],
.uap-color input[type="date"],
.uap-color input[type="month"],
.uap-color input[type="time"],
.uap-color input[type="week"],
.uap-color input[type="number"],
.uap-color input[type="email"],
.uap-color input[type="url"],
.uap-color input[type="search"],
.uap-color input[type="tel"],
.uap-color input[type="color"],
.uap-color .uneditable-input {
  background-color: white;
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear .2s, box-shadow linear .2s;
  -moz-transition: border linear .2s, box-shadow linear .2s;
  -o-transition: border linear .2s, box-shadow linear .2s;
  transition: border linear .2s, box-shadow linear .2s; }

.uap-color textarea:focus,
.uap-color input[type="text"]:focus,
.uap-color input[type="password"]:focus,
.uap-color input[type="datetime"]:focus,
.uap-color input[type="datetime-local"]:focus,
.uap-color input[type="date"]:focus,
.uap-color input[type="month"]:focus,
.uap-color input[type="time"]:focus,
.uap-color input[type="week"]:focus,
.uap-color input[type="number"]:focus,
.uap-color input[type="email"]:focus,
.uap-color input[type="url"]:focus,
.uap-color input[type="search"]:focus,
.uap-color input[type="tel"]:focus,
.uap-color input[type="color"]:focus,
.uap-color .uneditable-input:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); }

.uap-color input[type="radio"],
.uap-color input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal; }

.uap-color input[type="file"],
.uap-color input[type="image"],
.uap-color input[type="submit"],
.uap-color input[type="reset"],
.uap-color input[type="button"],
.uap-color input[type="radio"],
.uap-color input[type="checkbox"] {
  width: auto; }

.uap-color legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: 40px;
  color: #333;
  border: 0;
  border-bottom: 1px solid #e5e5e5; }

.uap-color select,
.uap-color textarea,
.uap-color input[type="text"],
.uap-color input[type="password"],
.uap-color input[type="datetime"],
.uap-color input[type="datetime-local"],
.uap-color input[type="date"],
.uap-color input[type="month"],
.uap-color input[type="time"],
.uap-color input[type="week"],
.uap-color input[type="number"],
.uap-color input[type="email"],
.uap-color input[type="url"],
.uap-color input[type="search"],
.uap-color input[type="tel"],
.uap-color input[type="color"],
.uap-color .uneditable-input {
  display: inline-block;
  /*     height: 20px; */
  padding: 4px 6px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
  /*     color: #555; */
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  /*     border-radius: 2px; */
  vertical-align: middle;
  /* Bleu gris fond */
  background: #F7F9FA !important;
  border-radius: 10px !important;
  height: 39px;
  font-family: Roboto Regular !important;
  color: #374649 !important; }

.uap-color select {
  width: 220px;
  /* border: 1px solid #ccc;
    background-color: white */
  /* Bleu gris fond */
  background: #F7F9FA;
  border-radius: 10px; }

.uap-color select,
.uap-color input[type="file"] {
  height: 39px;
  line-height: 30px; }

.alert,
.portlet-msg-alert,
.portlet-msg-error,
.portlet-msg-help,
.portlet-msg-info,
.portlet-msg-progress,
.portlet-msg-success {
  padding: 8px 35px 8px 14px;
  background-color: #fffbdc;
  border: 1px solid #f1d875; }

.alert,
.portlet-msg-alert,
.portlet-msg-error,
.portlet-msg-help,
.portlet-msg-info,
.portlet-msg-progress,
.portlet-msg-success,
.alert h4,
.portlet-msg-alert h4,
.portlet-msg-error h4,
.portlet-msg-help h4,
.portlet-msg-info h4,
.portlet-msg-progress h4,
.portlet-msg-success h4 {
  color: #bf7900; }

.alert-success,
.portlet-msg-success {
  background-color: #f1fbd1;
  border-color: #bce830;
  color: #488f06; }

.alert-success h4,
.portlet-msg-success h4 {
  color: #488f06; }

.alert-danger,
.alert-error,
.portlet-msg-error {
  background-color: #fee5e2;
  border-color: #fcaca5;
  color: #ed0000; }

.alert-danger h4,
.alert-error h4,
.portlet-msg-error h4 {
  color: #ed0000; }

.alert-info,
.portlet-msg-help,
.portlet-msg-info,
.portlet-msg-progress {
  background-color: #cef1fc;
  border-color: #9ee3f9;
  color: #12718f; }

.alert-info h4,
.portlet-msg-help h4,
.portlet-msg-info h4,
.portlet-msg-progress h4 {
  color: #12718f; }

body {
  font-family: Roboto Regular; }

@media screen and (max-width: 641px) {
  .portlet-content, .portlet-minimized .portlet-content-container {
    padding-top: 0; }
  .input-search-container {
    width: 100%; }
  .portlet-form {
    height: 20px; }
  footer {
    padding-top: 0; }
  footer li {
    display: block;
    padding: 0;
    background: none; }
  footer li:hover {
    text-decoration: underline; }
  footer li:first-child {
    background: none; }
  footer a {
    color: #374649;
    display: block;
    height: 20px;
    line-height: 20px; } }

@media (max-width: 767px) {
  .uap-color .lfr-admin-panel {
    margin: 0; } }

@media screen and (max-width: 799px) {
  .account-creation-portlet {
    padding: 0 14px; }
  .visible-desk {
    display: none; } }

@media screen and (max-width: 719px) {
  .cc_container {
    flex-direction: column; }
    .cc_container .cc_btn.cc_btn_accept_all {
      margin-left: 0;
      margin-top: 10px; }
    .cc_container .cc_message {
      width: 100%;
      margin-bottom: 10px; } }

.uap-color .shopping-portlet-tabs .nav-tabs {
  border-bottom: 5px solid #5B91E7;
  float: right; }
  .uap-color .shopping-portlet-tabs .nav-tabs > li {
    border-right: 1px solid #1C2027;
    border-left: 1px solid #3C3C3C; }
    .uap-color .shopping-portlet-tabs .nav-tabs > li:first-child {
      border-left: none; }
    .uap-color .shopping-portlet-tabs .nav-tabs > li:last-child {
      border-right: none; }
    .uap-color .shopping-portlet-tabs .nav-tabs > li > a {
      background: #303030;
      color: #FFF;
      border: none;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0;
      margin: 0; }
      .uap-color .shopping-portlet-tabs .nav-tabs > li > a:hover {
        color: #FFFFFF; }
  .uap-color .shopping-portlet-tabs .nav-tabs .active {
    background: #5b91e7;
    border: none;
    border-top: 1px solid #6e9ce6;
    border-bottom: #4281e6;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    color: #FFF; }
    .uap-color .shopping-portlet-tabs .nav-tabs .active > a {
      border: none;
      background: none;
      margin: 0; }
      .uap-color .shopping-portlet-tabs .nav-tabs .active > a:hover, .uap-color .shopping-portlet-tabs .nav-tabs .active > a:focus {
        color: #FFF; }

.tabs-shopping {
  margin: 0;
  margin-top: 10px; }
  .tabs-shopping form input[disabled] {
    background: #EEE; }
  .tabs-shopping input[type="text"],
  .tabs-shopping input[type="number"],
  .tabs-shopping select {
    width: 100%; }
  .tabs-shopping.tabs-left > .nav-tabs {
    border: none;
    border-right: 5px solid #5b91e7; }
    .tabs-shopping.tabs-left > .nav-tabs .active {
      background: #5b91e7;
      border-top: 1px solid #6E9CE6;
      margin: 0;
      border-bottom: #4281E6; }
      .tabs-shopping.tabs-left > .nav-tabs .active > a {
        border: none;
        background: none;
        margin: 0; }
        .tabs-shopping.tabs-left > .nav-tabs .active > a:hover, .tabs-shopping.tabs-left > .nav-tabs .active > a:focus {
          color: #FFF; }
    .tabs-shopping.tabs-left > .nav-tabs > li {
      border-top: 1px solid #3C3C3C;
      border-bottom: 1px solid #1c2027;
      background: #303030;
      margin: 0; }
      .tabs-shopping.tabs-left > .nav-tabs > li > a {
        border: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        color: #FFF;
        padding: 28px 50px;
        margin: 0; }
        .tabs-shopping.tabs-left > .nav-tabs > li > a:hover, .tabs-shopping.tabs-left > .nav-tabs > li > a:focus {
          border: none;
          background: none; }
        .tabs-shopping.tabs-left > .nav-tabs > li > a i {
          position: relative;
          top: 1px;
          margin-left: 10px;
          font-size: 16px; }

@media (max-width: 767px) {
  .tabs-shopping.tabs-left > .nav-tabs {
    border-right: none;
    border-bottom: 5px solid #5b91e7;
    float: none;
    margin: 0; }
  .tabs-shopping .tab-content {
    margin-top: 10px; } }

.shopping-information {
  position: relative;
  background: white;
  border-radius: .25em;
  padding: 10px;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0 rgba(0, 0, 0, 0.098), 0px 1px 5px 0 rgba(0, 0, 0, 0.084);
  border: 1px solid rgba(0, 0, 0, 0.05);
  margin-bottom: 10px; }
  .shopping-information .shopping-information-principal img {
    border-radius: 50%;
    max-width: 200px;
    height: 200px;
    padding: 4px;
    border: 2px solid #5B91E7; }

img.item-img {
  margin-bottom: 10px;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  padding: 4px;
  border: 2px solid #5B91E7; }

.table-shopping {
  width: 100%;
  margin-top: 10px; }
  .table-shopping tr th {
    font-size: 14px;
    font-family: "Lato";
    color: #303030;
    font-weight: normal;
    line-height: 1.2;
    padding: 10px;
    border-top: 1px solid #E2E2E4;
    border-bottom: 1px solid #E2E2E4;
    text-align: center;
    background: #EFEFF0; }
  .table-shopping tr td {
    font-size: 16px;
    font-family: "Lato";
    color: #6B6B6A;
    line-height: 1.125;
    border-top: 1px solid #E2E2E4;
    border-bottom: 1px solid #E2E2E4;
    text-align: left;
    padding: 10px;
    vertical-align: middle; }

.message-empty-cart {
  margin-top: 10px; }

.form-shopping {
  /* Checkbox */ }
  .form-shopping input[type="text"],
  .form-shopping textarea,
  .form-shopping select {
    max-width: 100% !important;
    width: 100% !important; }
  .form-shopping .checkbox {
    margin: 20px auto;
    position: relative;
    padding: 0 !important;
    display: inline-block;
    text-align: center; }
  .form-shopping .checkbox label {
    cursor: pointer;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0;
    border-radius: 0px;
    background: #FFFFFF;
    border: 1px solid #d7d6d5; }
  .form-shopping .checkbox input[type=checkbox]:checked + label {
    background: #5b91e7; }
  .form-shopping .checkbox input[type=checkbox] {
    visibility: hidden; }
  .form-shopping .checkbox label:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    content: '';
    position: absolute;
    width: 11px;
    height: 6px;
    background: transparent;
    top: 5px;
    left: 4px;
    border: 3px solid #FFF;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  .form-shopping .checkbox label:hover::after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    opacity: 0.5; }
  .form-shopping .checkbox input[type=checkbox]:checked + label:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1; }
  .form-shopping .checkbox span {
    font-weight: normal;
    margin-left: 25px; }

a.remove-item-from-cart {
  color: #FF0000;
  font-size: 18px;
  position: relative;
  top: -3px;
  margin-left: 10px; }
  a.remove-item-from-cart:hover {
    color: #FF0000; }

.header-cart {
  position: relative;
  display: inline-block;
  color: #FFF;
  vertical-align: top;
  margin-top: 40px;
  height: 32px;
  width: 32px;
  background: url("../images/total/shopping-cart.png") 0 0 no-repeat;
  margin-left: 10px; }
  .header-cart span {
    color: #FFF;
    display: inline-block;
    position: absolute;
    left: 15px;
    top: -10px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    min-width: 20px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    background-color: #f10202;
    font-size: 12px; }

@media screen and (max-width: 641px) {
  .header-cart {
    margin-top: 18px;
    width: 22px;
    height: 27px;
    background-size: 100%;
    margin-left: 10px; } }

.search-bar-view-search-label {
  min-height: 60px;
  max-width: 830px;
  position: relative;
  padding-top: 10px;
  padding-left: 30px;
  padding-right: 60px;
  padding-bottom: 10px;
  margin: 1px auto;
  display: block;
  background: white;
  margin-bottom: 40px;
  border: 1px solid #dddddd !important; }

.search-bar-view-label {
  font-size: 16px;
  font-family: "Lato";
  color: white;
  font-weight: normal;
  line-height: 1.25; }

.search-bar-search-button {
  background-color: #FFF;
  width: 58px !important;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/total/bg_search.svg");
  display: block;
  height: 46px;
  float: right;
  color: transparent;
  text-decoration: none;
  font-size: 1px;
  -webkit-border-radius: 0 23px 23px 0;
  -moz-border-radius: 0 23px 23px 0;
  -ms-border-radius: 0 23px 23px 0;
  -o-border-radius: 0 23px 23px 0;
  border-radius: 0 23px 23px 0; }

.search-bar-search-button:hover {
  background-color: #ebe9e5;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  -ms-border-radius: 23px;
  -o-border-radius: 23px;
  border-radius: 23px; }

.search-bar-head {
  display: inline-block;
  vertical-align: middle;
  background-color: #FFF;
  -webkit-border-radius: 23px !important;
  -moz-border-radius: 23px !important;
  -ms-border-radius: 23px !important;
  -o-border-radius: 23px !important;
  border-radius: 23px !important;
  border: solid 1px #cacaca;
  height: 48px;
  position: relative;
  width: 100%; }

.search-bar-input-search {
  border: none !important;
  -webkit-border-radius: 23px !important;
  -moz-border-radius: 23px !important;
  -ms-border-radius: 23px !important;
  -o-border-radius: 23px !important;
  border-radius: 23px !important;
  width: calc(100% - 60px) !important;
  height: 44px !important; }

.search-bar-input-search:focus {
  border: none !important;
  box-shadow: none !important; }

.header_search-hook {
  display: inline-block;
  vertical-align: middle;
  background-color: #FFF;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  -ms-border-radius: 23px;
  -o-border-radius: 23px;
  border-radius: 23px;
  border: solid 1px #cacaca;
  height: 46px;
  position: relative; }

.input_search-hook {
  display: block;
  float: left;
  border: none;
  height: auto;
  height: 46px;
  /* IE 8 and below */
  padding: 0 12px;
  line-height: 46px;
  margin: 0;
  border-radius: 23px 0 0 23px; }

.execut_search-hook {
  background-color: #FFF;
  width: 58px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/total/bg_search.svg");
  display: block;
  height: 46px;
  float: right;
  color: transparent;
  text-decoration: none;
  font-size: 1px;
  -webkit-border-radius: 0 23px 23px 0;
  -moz-border-radius: 0 23px 23px 0;
  -ms-border-radius: 0 23px 23px 0;
  -o-border-radius: 0 23px 23px 0;
  border-radius: 0 23px 23px 0; }

.execut_search-hook:hover {
  background-color: #ebe9e5;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  -ms-border-radius: 23px;
  -o-border-radius: 23px;
  border-radius: 23px; }

.faq_search_h .input-text-wrapper {
  margin: 0;
  width: 100%; }

.clear_search {
  width: 24px !important; }

.search_ping {
  background-color: rgba(40, 28, 64, 0.18) !important;
  border-color: #281C40 !important; }

.uap-color .search-hook-form .span2 .nav-pills .active a, .uap-color .search-hook-form .span2 .nav-pills .active a:hover, .uap-color .search-hook-form .span2 .nav-pills .active a:focus {
  background-color: #5b91e7 !important;
  color: white !important; }

.uap-color .search-hook-form .span2 .badge-info {
  background-color: #7A787C !important; }

.uap-color .search-hook-form .span2 a {
  color: #5b91e7 !important; }

.uap-color .search-hook-form .span2 a:hover, .uap-color .search-hook-form .span2 a:focus {
  color: white !important;
  background-color: #5b91e7 !important; }

.search-hook-form .lfr-token {
  color: #303030 !important;
  display: inline-block !important;
  padding-right: 12px !important;
  margin-right: 14px !important;
  font-family: 'Lato', sans-serif !important;
  font-size: 14px !important;
  border: none !important;
  outline-color: -moz-use-text-color !important;
  outline-style: none !important;
  outline-width: 0 !important;
  background-color: #FFFFFF !important; }

.search-hook-form .lfr-token-close {
  color: #f10202 !important; }

.search-hook-form .lfr-token-text:hover {
  background-color: #FFFFFF !important;
  text-decoration: underline !important; }

.search-hook-form .lfr-token-list {
  background: white !important;
  padding: 10px;
  border: 1px solid #dddddd !important; }

.search-hook-form .span2 {
  font-family: 'Lato', sans-serif !important;
  background: white !important;
  padding: 20px;
  border: 1px solid #dddddd !important; }

.search-hook-form table {
  font-family: 'Lato', sans-serif !important;
  color: #2f2f2f;
  padding: 0 15px 0 15px !important;
  background-color: #FFF;
  border: 1px solid #dddddd !important; }

.search-hook-form tr {
  color: #303030 !important;
  background-color: #ffffff !important;
  border-top: solid 1px #eaeaea !important; }

.search-hook-form td:hover {
  background-color: #f6f5f3 !important; }

.search-hook-form td {
  background-color: #ffffff !important;
  border-width: 0 0 1px 0 !important;
  border-bottom: 1px solid #dddddd !important; }

.search-hook-form thead {
  display: none; }

.search-hook-input-search {
  width: calc(100% - 60px) !important; }

.search-hook-input-search .faq_input_search {
  width: 100%; }

div#breadcrumbs {
  margin: 10px 0 0; }

#breadcrumbs ul ul li.first {
  pointer-events: none; }

.uap-color .fid .breadcrumb.breadcrumb-horizontal {
  display: inline;
  background: #fff;
  margin: 6px 0 0 0;
  padding-left: 0;
  font-family: Roboto Regular; }
  .uap-color .fid .breadcrumb.breadcrumb-horizontal li.active {
    color: #ed0000;
    float: left;
    text-decoration: none;
    font-size: 12px;
    font-weight: normal; }
    .uap-color .fid .breadcrumb.breadcrumb-horizontal li.active::after {
      content: '';
      background: url(../images/fid_common/breadcrumb-arrows.png) no-repeat 0 0;
      width: 5px;
      height: 7px;
      top: 25%;
      display: inline-block;
      margin-left: 3px; }
  .uap-color .fid .breadcrumb.breadcrumb-horizontal li::before {
    content: '';
    background-image: none;
    background: url(../images/fid_common/breadcrumb-arrows.png) no-repeat 0 0;
    width: 5px;
    height: 7px;
    top: 25%;
    margin-top: 0; }
  .uap-color .fid .breadcrumb.breadcrumb-horizontal li a {
    color: #707173;
    text-decoration: underline;
    float: left;
    font-size: 12px;
    font-weight: normal; }
    .uap-color .fid .breadcrumb.breadcrumb-horizontal li a:hover {
      text-decoration: underline;
      color: #707173; }
  .uap-color .fid .breadcrumb.breadcrumb-horizontal .portlet-breadcrumb {
    display: inline-block;
    height: 17px; }
    .uap-color .fid .breadcrumb.breadcrumb-horizontal .portlet-breadcrumb::before {
      content: '';
      display: inline-block;
      background: url(../images/fid_common/breadcrumb-arrows.png) no-repeat 0 0;
      width: 5px;
      height: 7px;
      margin-right: 5px;
      vertical-align: super; }
    .uap-color .fid .breadcrumb.breadcrumb-horizontal .portlet-breadcrumb section {
      display: inline-flex; }
    .uap-color .fid .breadcrumb.breadcrumb-horizontal .portlet-breadcrumb .portlet-content-editable {
      border-width: 0; }
    .uap-color .fid .breadcrumb.breadcrumb-horizontal .portlet-breadcrumb .portlet {
      margin-bottom: 0; }

@media screen and (max-width: 959px) {
  .uap-page #breadcrumbs {
    margin: 20px 0 0 15px; } }

@media screen and (max-width: 641px) {
  #breadcrumbs {
    display: none; } }

.uap-color {
  /* ---------- Staging dockbar ---------- */
  /* ---------- Add content ---------- */
  /* ---------- Menus ---------- */
  /* ---------- Customization bar ---------- */ }
  .uap-color .dockbar {
    left: 0;
    right: 0;
    top: 0; }
    .uap-color .dockbar .staging-controls .staging-bar li.dropdown .dropdown-menu {
      left: auto;
      margin-left: 10px;
      width: auto; }
    .uap-color .dockbar.navbar-static-top {
      position: relative; }
      .uap-color .dockbar.navbar-static-top .collapse {
        position: static; }
        .uap-color .dockbar.navbar-static-top .collapse .nav-account-controls {
          position: static; }
    .uap-color .dockbar .btn-link {
      color: #FFF; }
    .uap-color .dockbar .diamond {
      border: 12px solid transparent;
      border-bottom-color: #1485EB;
      height: 0;
      position: relative;
      top: -12px;
      width: 0; }
      .uap-color .dockbar .diamond:after {
        border: 12px solid transparent;
        border-top-color: #1485EB;
        content: '';
        height: 0;
        left: -12px;
        position: absolute;
        top: 12px;
        width: 0; }
    .uap-color .dockbar .impersonating-user .alert-icon {
      margin-right: 9px; }
    .uap-color .dockbar .impersonating-user .alert-info {
      border-width: 0;
      margin-bottom: 6px; }
    .uap-color .dockbar .info-button {
      top: 9px; }
    .uap-color .dockbar .info-items {
      left: 0;
      position: absolute;
      top: 100%;
      width: 100%;
      z-index: 1; }
    .uap-color .dockbar .navbar-inner {
      padding-left: 20px;
      padding-right: 20px;
      filter: none;
      background: #303030; }
      .uap-color .dockbar .navbar-inner .brand h1 {
        display: inline-block;
        font-size: inherit;
        line-height: 1;
        margin-bottom: 0;
        margin-top: 0; }
      .uap-color .dockbar .navbar-inner .container {
        margin-left: 0;
        margin-right: 0;
        width: 100%; }
        .uap-color .dockbar .navbar-inner .container .nav-account-controls {
          float: right; }
      .uap-color .dockbar .navbar-inner .site-administration-menu li {
        list-style: none; }
        .uap-color .dockbar .navbar-inner .site-administration-menu li a {
          color: #000;
          display: block;
          padding: 3px 5px 3px 40px; }
          .uap-color .dockbar .navbar-inner .site-administration-menu li a:focus, .uap-color .dockbar .navbar-inner .site-administration-menu li a:hover {
            background: #0DB5E7;
            color: #FFF;
            text-decoration: none; }
          .uap-color .dockbar .navbar-inner .site-administration-menu li a i {
            font-size: 0.8em; }
    .uap-color .dockbar .nav.staging-nav-items {
      margin: 0;
      position: static; }
      .uap-color .dockbar .nav.staging-nav-items li.dropdown.active > .dropdown-toggle {
        background-color: transparent;
        display: block; }
        .uap-color .dockbar .nav.staging-nav-items li.dropdown.active > .dropdown-toggle:hover {
          color: #0077B3; }
      .uap-color .dockbar .nav.staging-nav-items .staging-link {
        position: static; }
    .uap-color .dockbar .user-avatar img {
      margin-top: -2px;
      text-decoration: none;
      vertical-align: middle;
      width: 20px; }
  .uap-color .dockbar-split .dockbar {
    height: 0;
    position: absolute; }
    .uap-color .dockbar-split .dockbar .staging-controls .staging-bar li.dropdown .dropdown-menu {
      left: 0;
      margin-left: 0;
      width: 100%; }
    .uap-color .dockbar-split .dockbar.navbar-static-top .collapse {
      position: relative; }
      .uap-color .dockbar-split .dockbar.navbar-static-top .collapse .nav-account-controls {
        position: fixed; }
    .uap-color .dockbar-split .dockbar .divider-vertical {
      display: none; }
    .uap-color .dockbar-split .dockbar .info-button {
      top: 12px; }
    .uap-color .dockbar-split .dockbar .info-items {
      left: auto;
      position: static; }
    .uap-color .dockbar-split .dockbar .navbar-inner {
      background-color: transparent;
      border-width: 0;
      padding: 0;
      width: 0; }
      .uap-color .dockbar-split .dockbar .navbar-inner .nav {
        border-bottom-width: 0; }
        .uap-color .dockbar-split .dockbar .navbar-inner .nav > li {
          background-color: #333; }
          .uap-color .dockbar-split .dockbar .navbar-inner .nav > li > a {
            color: #FFF;
            line-height: 31px; }
            .uap-color .dockbar-split .dockbar .navbar-inner .nav > li > a:focus, .uap-color .dockbar-split .dockbar .navbar-inner .nav > li > a:hover {
              color: #FFF; }
            .uap-color .dockbar-split .dockbar .navbar-inner .nav > li > a [class^="icon-"], .uap-color .dockbar-split .dockbar .navbar-inner .nav > li > a [class*=" icon-"] {
              margin-top: 3px; }
          .uap-color .dockbar-split .dockbar .navbar-inner .nav > li.active > a {
            color: #FFF; }
        .uap-color .dockbar-split .dockbar .navbar-inner .nav li.dropdown.active > .dropdown-toggle {
          color: #FFF; }
        .uap-color .dockbar-split .dockbar .navbar-inner .nav li.dropdown.open > .dropdown-toggle {
          background-color: #555;
          color: #FFF; }
        .uap-color .dockbar-split .dockbar .navbar-inner .nav li.info-items {
          background-color: transparent; }
        .uap-color .dockbar-split .dockbar .navbar-inner .nav li.staging-toggle > a {
          background-color: #2496E5;
          padding-bottom: 0;
          padding-top: 0; }
          .uap-color .dockbar-split .dockbar .navbar-inner .nav li.staging-toggle > a:hover {
            background-color: #2FA4F5; }
        .uap-color .dockbar-split .dockbar .navbar-inner .nav li.staging-toggle span.nav-item-label {
          padding: 5px 10px; }
      .uap-color .dockbar-split .dockbar .navbar-inner .nav-account-controls {
        left: auto;
        margin-right: 0;
        padding: 0;
        position: fixed;
        right: 5em;
        z-index: 325; }
      .uap-color .dockbar-split .dockbar .navbar-inner .nav-add-controls {
        background: transparent;
        position: fixed;
        top: 10%;
        z-index: 350; }
        .uap-color .dockbar-split .dockbar .navbar-inner .nav-add-controls > li {
          float: none;
          margin: 10px;
          position: relative; }
          .uap-color .dockbar-split .dockbar .navbar-inner .nav-add-controls > li.toggle-controls a {
            clip: rect(0 0 0 0);
            position: absolute; }
            .uap-color .dockbar-split .dockbar .navbar-inner .nav-add-controls > li.toggle-controls a:focus {
              clip: rect(auto auto auto auto);
              position: static; }
          @media (max-width: 979px) {
            .uap-color .dockbar-split .dockbar .navbar-inner .nav-add-controls > li.page-preview-controls {
              display: none; } }
          .uap-color .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a {
            background: #333;
            color: #FFF;
            padding: 6px 8px;
            text-align: center; }
            .uap-color .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a:hover {
              background: #555; }
            .uap-color .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a [class^="icon-"], .uap-color .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a [class^="icon-"], .uap-color .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a [class*=" icon-"] {
              font-size: 25px;
              position: relative;
              vertical-align: middle; }
            .uap-color .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a.toggle-controls-link {
              background: #92F545; }
              .uap-color .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a.toggle-controls-link [class^="icon-"], .uap-color .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a.toggle-controls-link [class^="icon-"], .uap-color .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a.toggle-controls-link [class*=" icon-"] {
                color: #000; }
            .uap-color .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a .nav-item-label {
              background: #333;
              display: none;
              left: 100%;
              margin-left: 0.5em;
              margin-top: -1em;
              padding: 0 20px;
              position: absolute;
              top: 50%;
              white-space: nowrap; }
            .uap-color .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a:hover .nav-item-label {
              display: block; }
            .uap-color .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a .icon-caret-down {
              display: none; }
        .uap-color .dockbar-split .dockbar .navbar-inner .nav-add-controls:hover > li.toggle-controls a {
          clip: rect(auto auto auto auto);
          position: static; }
    .uap-color .dockbar-split .dockbar .staging-nav-items li > span {
      color: #FFF;
      display: block;
      padding: 10px 15px;
      line-height: 31px; }
  .uap-color .dockbar-split .info-link-container {
    width: 0; }
  .uap-color .dockbar-split .info-items {
    height: 1px;
    width: 715px; }
    .uap-color .dockbar-split .info-items a, .uap-color .dockbar-split .info-items .btn-link {
      color: #FFF;
      text-decoration: underline; }
      .uap-color .dockbar-split .info-items a:hover, .uap-color .dockbar-split .info-items .btn-link:hover {
        text-decoration: none; }
        .uap-color .dockbar-split .info-items a:hover .taglib-text, .uap-color .dockbar-split .info-items .btn-link:hover .taglib-text {
          text-decoration: none; }
    .uap-color .dockbar-split .info-items .btn-link {
      border-width: 0;
      font-size: 14px;
      font-weight: 300;
      margin: 0 0 0 6px;
      padding: 0;
      text-shadow: none; }
  .uap-color .dockbar-split .staging-bar {
    margin: 10px 0; }
  .uap-color .dockbar-split.controls-hidden .dockbar .navbar-inner .nav-add-controls > li.toggle-controls > .toggle-controls-link {
    background: #F5AF45; }
  .uap-color .dockbar-split.lfr-has-add-content .nav-add-controls {
    left: 350px; }
  .uap-color .dockbar-split.lfr-has-device-preview .nav-add-controls {
    left: 220px; }
  .uap-color .dockbar-split.lfr-has-edit-layout .nav-add-controls {
    left: 460px; }
  .uap-color.dialog-iframe-root-node .dockbar .nav-add-controls .page-preview-controls {
    display: none; }
  .uap-color .touch .dockbar-split .dockbar .navbar-inner .nav-add-controls > li.toggle-controls > .toggle-controls-link, .uap-color .controls-hidden.dockbar-split .dockbar .navbar-inner .nav-add-controls > li.toggle-controls > .toggle-controls-link {
    clip: rect(auto auto auto auto);
    position: static; }
  .uap-color .variation-selector {
    display: block;
    font-size: 1.2em;
    font-weight: normal;
    margin: 1em; }
  .uap-color .layout-revision-container {
    margin: 1em 0 0 1em;
    padding: 0; }
    .uap-color .layout-revision-container .approximate-date {
      color: #999;
      font-weight: normal; }
    .uap-color .layout-revision-container .current-version {
      color: #41801d;
      display: block; }
    .uap-color .layout-revision-container .current-version-pointer {
      display: inline-block;
      width: 0; }
      .uap-color .layout-revision-container .current-version-pointer img {
        left: -25px;
        position: relative; }
    .uap-color .layout-revision-container .layout-variation-name {
      color: #666;
      font-size: 1.15em;
      margin-bottom: 0.1em;
      text-transform: uppercase; }
    .uap-color .layout-revision-container .layout-revision-current {
      color: #666; }
    .uap-color .layout-revision-container .real-date {
      color: #999;
      display: block;
      text-align: right; }
    .uap-color .layout-revision-container .taglib-workflow-status .workflow-status {
      background: none;
      padding-left: 0; }
      .uap-color .layout-revision-container .taglib-workflow-status .workflow-status .workflow-status-ready-for-publication {
        color: #41801d;
        font-weight: normal; }
  .uap-color .layout-revision-container-root {
    margin: 0; }
  .uap-color .staging-controls {
    padding-left: 5px;
    padding-right: 50px; }
    .uap-color .staging-controls select {
      width: 100%; }
    .uap-color .staging-controls .staging-bar .dropdown-menu {
      font-size: 13px;
      min-width: 520px;
      width: 100%; }
      .uap-color .staging-controls .staging-bar .dropdown-menu .btn-link {
        float: left;
        font-size: 11px;
        margin: 0 5px 0 0;
        padding: 0;
        text-decoration: underline;
        text-shadow: none; }
        .uap-color .staging-controls .staging-bar .dropdown-menu .btn-link:hover {
          text-decoration: none; }
        .uap-color .staging-controls .staging-bar .dropdown-menu .btn-link.history {
          float: right; }
  .uap-color .lfr-admin-panel {
    background-color: #FFF;
    bottom: 0;
    overflow: auto;
    position: fixed;
    top: 0;
    z-index: 11000; }
    @media (max-width: 767px) {
      .uap-color .lfr-admin-panel {
        margin: 0 -20px;
        position: static;
        width: auto; }
        .uap-color .lfr-admin-panel.lfr-add-panel .add-content-menu .lfr-add-page-toolbar, .uap-color .lfr-admin-panel.lfr-edit-layout-panel .taglib-form-navigator .button-holder {
          margin-top: 0;
          position: static;
          width: auto; }
        .uap-color .lfr-admin-panel.lfr-edit-layout-panel .taglib-form-navigator .accordion {
          margin-bottom: 20px; }
        .uap-color .lfr-admin-panel.lfr-edit-layout-panel .site-admin-link {
          padding: 0;
          position: static; } }
  .uap-color .lfr-has-add-content {
    padding-left: 0; }
  .uap-color .lfr-has-device-preview {
    padding-left: 0; }
  .uap-color .lfr-has-edit-layout {
    padding-left: 0; }
  @media (max-width: 767px) {
    .uap-color .lfr-has-add-content, .uap-color .lfr-has-device-preview, .uap-color .lfr-has-edit-layout {
      padding-left: 0; } }
  .uap-color .dropdown-menu > li > a:focus > [class^="icon-"] {
    background-image: none; }
  .uap-color .my-sites-menu .site-type {
    color: #FFF;
    display: none;
    float: right;
    font-size: 0.8em;
    font-weight: normal;
    margin-right: 10px;
    position: absolute;
    right: 100%; }
  .uap-color .my-sites-menu a:hover .site-type {
    color: #FFFFFF;
    display: inline-block; }
  .uap-color .ie.rtl .dockbar .menu-button span {
    background-position-x: -25px; }
  .uap-color.ie6 .dockbar-split .dockbar .navbar-inner .nav-add-controls li.page-preview-controls, .uap-color.ie7 .dockbar-split .dockbar .navbar-inner .nav-add-controls li.page-preview-controls, .uap-color.ie8 .dockbar-split .dockbar .navbar-inner .nav-add-controls li.page-preview-controls {
    display: none; }
  .uap-color .ie7 .dockbar {
    zoom: 1; }
  .uap-color .ie7 .my-sites-menu a {
    overflow: visible;
    text-align: left; }
  .uap-color .ie7 .my-sites-menu .site-name {
    float: none; }
  .uap-color .ie7 .my-sites-menu .site-type {
    float: none; }
  .uap-color .ie6 .dockbar, .uap-color .ie6 .lfr-dockbar-pinned .dockbar {
    height: 10px;
    left: 0;
    position: relative;
    top: 0; }
  .uap-color .ie6 .dockbar .pin-dockbar {
    display: none; }
  .uap-color .ie6 .my-sites-menu {
    width: 200px; }
    .uap-color .ie6 .my-sites-menu a {
      zoom: 1; }
  .uap-color .ie6 .menu-scroll {
    height: 300px;
    overflow-y: auto; }
  .uap-color .controls-hidden .info-button, .uap-color .controls-hidden .page-customization-bar {
    display: none; }
  .uap-color .info-button {
    cursor: pointer;
    display: inline-block;
    position: relative;
    right: 12px;
    z-index: 1; }
    .uap-color .info-button a {
      color: #FFF;
      padding: 2px 10px;
      position: absolute;
      text-decoration: none;
      z-index: 1; }
    .uap-color .info-button .icon-stop {
      color: #1485EB;
      font-size: 20px; }
  .uap-color .page-customization-bar {
    background-color: #555;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #FFF;
    display: table;
    font-size: 14px;
    font-weight: 300;
    padding: 0 15px;
    width: 100%; }
    .uap-color .page-customization-bar .customized-icon {
      margin: 5px;
      vertical-align: middle; }
    .uap-color .page-customization-bar .page-customization-actions {
      padding-left: 5em; }
    .uap-color .page-customization-bar .page-customization-actions a {
      color: #EEE;
      font-size: 0.8em;
      padding: 0 1em; }
    .uap-color .page-customization-bar .page-customization-bar-form {
      display: table-cell;
      text-align: center;
      vertical-align: middle;
      width: 25%; }
      .uap-color .page-customization-bar .page-customization-bar-form a {
        color: #FFF; }
        .uap-color .page-customization-bar .page-customization-bar-form a:focus, .uap-color .page-customization-bar .page-customization-bar-form a:hover {
          color: #FFF;
          text-decoration: none; }
      .uap-color .page-customization-bar .page-customization-bar-form span {
        display: block;
        line-height: 20px; }
    .uap-color .page-customization-bar .page-customization-bar-text {
      display: table-cell;
      height: 51px;
      vertical-align: middle;
      width: 75%; }
    .uap-color .page-customization-bar .page-customization-bar-container {
      position: absolute; }
    .uap-color .page-customization-bar .reset-prototype {
      display: inline; }
  @media (max-width: 1140px) {
    .uap-color .dockbar-split .dockbar .info-items {
      width: 515px; } }
  @media (max-width: 979px) {
    .uap-color #navigation.open {
      display: block; }
    .uap-color .dockbar-split .dockbar {
      height: auto;
      position: relative; }
      .uap-color .dockbar-split .dockbar .navbar-inner {
        width: auto; }
    .uap-color .user-avatar-image {
      width: 18px; } }

@font-face {
  font-family: 'Roboto Medium';
  src: url("../fonts/Roboto/Roboto-Medium.ttf?jivep9") format("truetype"); }

@font-face {
  font-family: "Roboto Bold";
  src: url("../fonts/Roboto/Roboto-Bold.ttf?jivep9") format("truetype"); }

@font-face {
  font-family: 'Roboto Regular';
  src: url("../fonts/Roboto/Roboto-Regular.ttf?jivep9") format("truetype"); }

@font-face {
  font-family: 'Nunito Regular';
  src: url("../fonts/Nunito/Nunito-Regular.ttf?jivep9") format("truetype"); }

html,
body {
  height: 100%;
  /************** Adaptation nouvelle charte graphique ******************/
  font-family: Roboto Regular; }

* {
  margin: 0px;
  padding: 0px; }

#footer {
  padding-top: 0px !important; }

.accordion {
  font-family: Roboto Regular;
  margin: 0 auto;
  font-size: 14px;
  width: 100%;
  padding: 10px;
  background: #fff; }

.accordion ul {
  list-style: none;
  margin: 0;
  padding: 0; }

.accordion li {
  margin: 0;
  padding: 0; }

.accordion [type=checkbox] {
  display: none; }

.accordion label {
  display: block;
  font-size: 16px;
  line-height: 16px;
  background: #FFFFFF;
  border: 0px solid #000000;
  color: #FFFFFF;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3);
  font-weight: 700;
  cursor: pointer;
  text-transform: uppercase; }

.accordion .content {
  padding: 0 10px;
  overflow: hidden;
  text-align: center; }

.uap-color .accordion p {
  margin: 0 0 10px; }

.accordion h3 {
  color: #000000;
  padding: 0;
  margin: 10px 0; }

.vertical ul li {
  overflow: hidden;
  margin: 0 0 1px; }

.vertical ul li label {
  padding: 10px; }

.vertical [type=radio]:checked ~ label,
.vertical [type=checkbox]:checked ~ label {
  border-bottom: 0; }

.vertical ul li .content {
  height: 0px;
  border-top: 0; }

.vertical [type=checkbox]:checked ~ label ~ .content {
  height: 100%; }

table th,
table td {
  border: solid 1px black; }

text_info {
  font-weight: lighter;
  margin-left: 15px; }

/***********************************************************/
@font-face {
  font-family: 'Helveticaneue';
  font-style: normal;
  font-weight: 400;
  src: local("font1"), local("Helveticaneue"), url(../fonts/font1.woff) format("woff"); }

@font-face {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  src: local("font2"), local("font2"), url(../fonts/font2.woff) format("woff"); }

@font-face {
  font-family: "myfont3";
  src: local("font3"), local("font3"), url(../fonts/font3.woff) format("woff"); }

@font-face {
  font-family: "myfont4";
  src: local("font4"), local("font4"), url(../fonts/font4.woff) format("woff"); }

/**/
@font-face {
  font-family: 'Amatic SC';
  font-style: normal;
  src: local("Amatic Bold"), url("../fonts/amatics/Amatic-Bold.woff") format("woff"); }

@font-face {
  font-family: 'Amatic Bold';
  font-style: normal;
  font-weight: normal;
  src: local("Amatic Bold"), url("../fonts/amatics/Amatic-Bold.woff") format("woff"); }

.uap-color body {
  font-size: 12px;
  /************** Adaptation nouvelle charte graphique ******************/
  font-family: Roboto Regular; }

.fid {
  max-width: 1170px;
  margin: 0 auto;
  color: #374649;
  top: 110px;
  position: relative; }

.uap-color a {
  /* 	color: #666; */
  /************** Adaptation nouvelle charte graphique ******************/
  /* Gris */
  color: #374649; }

.uap-color form {
  margin: 0 !important; }

.uap-color .only-desktop {
  visibility: visible; }

.uap-color .only-tab-smartphone {
  visibility: hidden; }

.uap-color .only-smartphone {
  display: none; }

/***********************************/
/* Footer                          */
/***********************************/
#footerWrapper {
  position: relative;
  width: 100%;
  margin: 0 auto;
  position: relative; }

/***********************************/
#footer {
  padding: 0;
  padding-top: 30px;
  overflow: hidden;
  width: 100%; }

#footer .portlet-body div {
  text-align: center; }

#footer .portlet-body ul {
  display: inline-block; }

#footer #navFooter {
  width: 1170px;
  margin: 0 auto; }

#footer .links {
  width: 1170px;
  margin: 0 auto; }

#footerWrapper #navSection .navigation {
  width: 1170px;
  margin: 0 auto;
  height: 43px;
  color: #707173;
  font-size: 12px;
  font-weight: normal;
  text-decoration: underline;
  padding-left: 0px;
  padding-top: 4px; }

#footer ul li {
  float: left;
  font-size: 11px;
  padding: 0; }

#footer ul li a {
  color: #7d7d7d;
  float: left;
  background: url(../images/navFooter-sep.gif) 0 7px no-repeat;
  padding: 0 15px;
  display: block;
  line-height: 23px; }

#footer ul li a:hover {
  text-decoration: underline; }

#footer ul li:first-child a {
  padding-left: 0;
  background: none; }

#footer li {
  background: none; }

#footer ul li a img {
  margin-right: 3px; }

/*************Footer************/
/*************Home************/
/*************customer status portlet************/
.my-status {
  border-left: 2px solid #d6d6d6;
  border-right: 2px solid #d6d6d6;
  width: 149px; }

.uap-color p.my-status-info {
  margin-bottom: 30px;
  min-height: 40px; }

.uap-color .icon-status {
  min-height: 40px;
  display: inline-block !important;
  margin: 0;
  position: relative; }

.card-total.BUS {
  background: url("../images/fid_common/card-club-total_new.png") no-repeat;
  width: 155px;
  height: 99px;
  position: relative;
  margin: 0 auto; }

.card-total.TRUCK {
  background: url("../images/fid_common/card-club-total_new.png") no-repeat;
  width: 155px;
  height: 99px;
  position: relative;
  margin: 0 auto; }

.card-total,
.card-total.CAR {
  background: url("../images/fid_common/card-club-total_new.png") no-repeat;
  width: 155px;
  height: 99px;
  position: relative;
  margin: 0 auto; }

.card-total .info-card {
  position: absolute;
  left: 22px;
  top: 73px;
  font-size: 9px;
  line-height: 11px;
  color: #1d1d1b;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 130px; }

.uap-color p.text-progress {
  /************** Adaptation nouvelle charte graphique ******************/
  /* 	color: #7D7064; */
  /* Gris */
  color: #374649;
  margin: 18px 0 4px 0;
  font-weight: normal; }

.uap-color button.button-loyalty {
  /* 	background: #ed0000 url("../images/fid_common/arrows-btn.png") no-repeat 14px center; */
  height: 46px;
  /* 	line-height: 30px; */
  padding: 0 40px 0 40px;
  /* 	color: #fff; */
  margin-right: 14px !important;
  /* 	font-size: 17px; */
  /* 	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif, arial; */
  display: inline-block !important;
  /************** Adaptation nouvelle charte graphique ******************/
  /* Button label */
  position: static;
  /*   width: 77px;
    height: 16px; */
  left: 40px;
  top: 15px;
  /* 07. Paragraph 14 px/Bold */
  font-family: Roboto Bold;
  /*     font-weight: bold; */
  font-size: 14px;
  line-height: 16px;
  /* Inside Auto Layout */
  flex: none;
  order: 0;
  flex-grow: 0;
  /* 	margin: 0px 10px; */
  /* Rouge Brand */
  background: #fff;
  color: #ed0000;
  border: 1px solid #ed0000;
  border-radius: 40px; }

.uap-color a.link-loyalty {
  background: url(../images/fid_common/arrow-menu-red.png) no-repeat 14px center;
  /* 	height: 30px; */
  /* 	line-height: 30px; */
  padding: 0 19px 0 25px;
  /* 	color: #fff; */
  margin-right: 14px !important;
  /* font-size: 13px;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif, arial;
	 display: inline-block !important; */
  /* Label */
  /************** Adaptation nouvelle charte graphique ******************/
  position: static;
  width: 40px;
  height: 20px;
  left: 20px;
  top: 0px;
  /* 06. Paragraph 16px/Bold */
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  /* identical to box height, or 125% */
  letter-spacing: 0.1px;
  /* Rouge Brand */
  color: #ED0000 !important;
  /* Inside Auto Layout */
  flex: none;
  order: 1;
  flex-grow: 0;
  margin: 0px 10px; }

.uap-color a.link-loyalty:hover {
  background: url(../images/fid_common/arrow-menu-red.png) no-repeat 14px center;
  /* height: 30px;
	line-height: 30px; */
  padding: 0 19px 0 25px;
  /* 	color: #fff; */
  margin-right: 14px !important;
  /* font-size: 13px;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif, arial;
	 display: inline-block !important; */
  /************** Adaptation nouvelle charte graphique ******************/
  /* Label */
  position: static;
  width: 40px;
  height: 20px;
  left: 20px;
  top: 0px;
  /* 09. Link 16px/Regular */
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  /* identical to box height, or 125% */
  letter-spacing: 0.1px;
  text-decoration-line: underline;
  /* Rouge Brand */
  color: #ED0000 !important;
  /* Inside Auto Layout */
  flex: none;
  order: 1;
  flex-grow: 0;
  margin: 0px 10px; }

.uap-color .button-loyalty-bg-color {
  background: #b2b2b2 url("../images/fid_common/arrows-btn.png") no-repeat 14px center;
  height: 30px;
  line-height: 30px;
  padding: 0 19px 0 25px;
  color: #fff;
  margin-right: 14px !important;
  font-size: 13px;
  font-family: Roboto Bold; }

.uap-color button.button-loyalty-bg-color {
  padding: 0 40px 0 40px;
  position: static;
  height: 46px;
  left: 40px;
  top: 15px;
  font-family: Roboto Bold;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.1px;
  color: #374649;
  flex: none;
  order: 0;
  flex-grow: 0;
  margin: 0px 10px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background: #B7CBD3;
  border-radius: 80px; }

.uap-color button.button-loyalty-bg-color:hover {
  /* 	background-color: rgba(0, 0, 0, 0.5) !important; */ }

.uap-color button.button-loyalty:hover {
  /* 	background-color: #ed0000; */
  /************** Adaptation nouvelle charte graphique ******************/
  /* Button label */
  position: static;
  /*   width: 77px;
    height: 16px; */
  left: 40px;
  top: 15px;
  /* 07. Paragraph 14 px/Bold */
  font-family: Roboto Bold;
  /*     font-weight: bold; */
  font-size: 14px;
  /*     line-height: 16px; */
  /* identical to box height, or 114% */
  letter-spacing: 0.1px;
  /* Rouge Brand */
  background: #ed0000 !important;
  color: #fff !important;
  border: 1px solid #ed0000 !important;
  border-radius: 40px !important;
  /* Inside Auto Layout */
  flex: none;
  order: 0;
  flex-grow: 0;
  /*     margin: 0px 10px; */ }

.uap-color button.button-loyalty:last-child {
  margin-right: 0 !important; }

.uap-color .customer-satus-card {
  width: 31.4%;
  margin-right: 6px; }
  .uap-color .customer-satus-card .progress {
    height: 4px;
    background: #9d8080;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    margin-bottom: 0; }
    .uap-color .customer-satus-card .progress .bar {
      background: #ffa500;
      height: 100%;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }

.my-status {
  min-height: 138px;
  /* 	color: #666666; */
  /************** Adaptation nouvelle charte graphique ******************/
  /* Gris */
  color: #374649;
  text-align: center;
  width: 34.1%; }

.status-active {
  background-color: #52B74E; }

.status-inactive {
  background-color: #ed0000; }

.uap-color .assistance button.button-loyalty {
  margin-right: 2.8% !important;
  /* padding-right: 10px;
	margin-top: 5px; */
  /************** Adaptation nouvelle charte graphique ******************/
  margin-bottom: 5px; }

.uap-color .assistance button.button-loyalty:last-child {
  margin-right: 0 !important;
  /************** Adaptation nouvelle charte graphique ******************/
  /* 	padding-right: 12px; */ }

.uap-color p.assistance-info {
  margin-bottom: 0px; }

.my-status [class^="fidicon-"],
[class*=" fidicon-"] {
  font-size: 39px;
  min-height: 45px;
  display: inline-block; }

.assistance [class^="fidicon-"],
[class*=" fidicon-"] {
  font-size: 45px; }

.customer-status > div {
  min-height: 145px;
  float: left;
  font-size: 14px; }

.assistance {
  width: 29.4%;
  float: right;
  margin-left: 1.6%; }

.assistance-phone {
  background: #d9d3d6;
  width: 29.4%;
  margin-left: 1.6%;
  text-align: center;
  display: none; }

.uap-color .assistance-phone p {
  color: #fff;
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 0; }

.assistance-phone p span {
  color: #fff;
  font-size: 15px;
  font-weight: normal; }

.assistance-phone .phonenuber {
  /* 	color: #666666; */
  /************** Adaptation nouvelle charte graphique ******************/
  /* Gris */
  color: #374649;
  font-size: 22px;
  font-weight: normal;
  font-family: arial;
  margin-right: 8px; }

.assistance-phone p span.fidicon-PICTO_TELEPHONE {
  /* 	color: #666666; */
  /************** Adaptation nouvelle charte graphique ******************/
  /* Gris */
  color: #374649;
  font-size: 37px;
  text-align: left;
  margin-left: 11px; }

.close-details {
  /* 	color: #666666; */
  /************** Adaptation nouvelle charte graphique ******************/
  /* Gris */
  color: #374649;
  font-size: 18px;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif, arial;
  margin: 10px 11px 7px 11px;
  float: right;
  font-weight: normal; }

.my-bonus-excellium {
  position: relative;
  margin-top: 61px; }

.banner-bonus {
  background: #7a7075;
  width: 100%;
  display: inline-block; }

.uap-color h2,
.uap-color h2.titre-rouge {
  color: #ed0000;
  font-size: 1.8rem;
  /* 	font-family: myfont3; */
  line-height: 1em;
  font-weight: 400;
  padding: 0 0 0 70px;
  margin-bottom: 5px;
  position: relative;
  /************** adaptation nouvelle charte graphique ******************/
  /* H2 Nunito Regular 30px */
  font-family: Nunito Regular !important; }

.uap-color .gigya-layout-row h2 {
  font-family: Nunito Regular;
  text-transform: none; }

.shape-title {
  background: url("../images/fid_common/shape-title-mobile.png") no-repeat 0 0;
  position: absolute;
  top: 7px;
  left: 21px;
  z-index: 800;
  width: 61px;
  height: 58px; }

/* banner bonus */
.uap-color p.bonus-text1 {
  font-size: 17px;
  color: #fff;
  margin: 0px 0 10px 0;
  line-height: 17px;
  width: 42.1%; }

.uap-color p.bonus-text2 {
  font-size: 17px;
  color: #fff;
  margin-bottom: 10px;
  line-height: 17px;
  width: 50%;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; }

.uap-color p.bonus-text3 {
  font-size: 11px;
  color: #fff;
  margin-bottom: 10px;
  font-weight: normal;
  line-height: 17px;
  width: 50%; }

.bonus-block-text {
  padding: 48px 10px 0 70px;
  width: 100%; }

.banner-image-bonus {
  margin-right: 11px;
  width: 296px;
  background: url("../images/fid_common/bonnus.png") no-repeat 96px bottom;
  position: relative;
  height: 304px; }

.banner-image-bonus .gauge {
  position: absolute;
  top: 6px;
  left: -10px; }

.banner-image-bonus .gauge-bus {
  position: absolute;
  top: 11px;
  left: -6px; }

.banner-image-bonus .card-bonus {
  position: absolute;
  top: 87px;
  left: 172px; }

.banner-image-bonus .card-bonus-bus {
  position: absolute;
  top: 114px;
  left: 160px; }

/* special design for bonus selection loader*/
.picto-etat-loading.card-bonus {
  display: none;
  top: 170px;
  left: 226px; }

/*offres en cours*/
.my-current-offers {
  position: relative;
  margin: 61px 0 27px 0; }

.my-current-offers-banner {
  background: #9d8080;
  width: 100%;
  height: 254px;
  margin: 0px 0 27px 0;
  position: relative; }

.advantages-portlet {
  padding-top: 61px;
  clear: both; }

.my-current-offers-banner:last-child {
  margin-bottom: 23px; }

.info-offre {
  margin: 31px 0 0 57px;
  color: #fff;
  float: left;
  width: 317px; }

.offers-date {
  color: #ed0000;
  background: #fff;
  padding: 18px 24px 16px 24px;
  margin-bottom: 15px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  font-size: 20px;
  display: inline-block; }

.img-offres {
  max-width: 260px !important;
  position: absolute;
  bottom: 0;
  right: 0; }

.date-validate {
  font-size: 17px;
  font-weight: normal; }

.uap-color p.bonnusTxt3 {
  font-size: 11px;
  color: #fff;
  margin-bottom: 34px;
  font-weight: normal;
  line-height: 17px; }

.uap-color .info-offre .button-loyalty {
  background-color: #6e5959; }

.offers-label {
  font-size: 11px;
  background: #fff;
  color: #453a46;
  padding: 7px 12px;
  -webkit-border-radius: 4px 0px 0px 4px;
  -moz-border-radius: 4px 0px 0px 4px;
  border-radius: 4px 0px 0px 4px;
  position: absolute;
  top: 19px;
  right: 0;
  display: block; }

.fid .portlet-content,
.portlet-minimized .portlet-content-container {
  padding: 0; }

.uap-color button.button-view-my-history {
  background: #b2b2b2 url("../images/fid_common/arrows-btn-size2.png") no-repeat 23px 20px;
  padding: 20px 24px 11px 42px;
  color: #fff;
  font-size: 21.91px;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif, arial; }

/******advantages**********/
.shape-title-advantages {
  background: url("../images/fid_common/shape-title-mobile.png") no-repeat 0 0;
  position: absolute;
  top: 7px;
  left: 21px;
  z-index: 1000;
  width: 61px;
  height: 78px; }

.elements:last-child {
  margin-bottom: 0; }

.statuts-advantage .path2:before {
  margin-left: 0 !important;
  color: white;
  position: absolute;
  top: 0;
  left: 2px;
  z-index: 3; }

.advantages-offers {
  text-align: center; }

.uap-color .advantages-offers p {
  margin: 0px 0 0px 22px;
  font-size: 16px;
  min-height: 30px;
  max-height: 32px;
  line-height: 17px;
  text-align: left;
  overflow: hidden;
  margin-right: 5px; }

.advantages-offers .more-details p {
  max-height: 232px;
  padding-top: 22px;
  padding-right: 22px; }

.advantages-offers .more-details {
  overflow: hidden; }

.uap-color .advantages-offers button.button-loyalty {
  background-color: #8c684e;
  margin-top: 15px; }

.fidicon-CarteNew-1 .path1::before {
  position: absolute;
  top: 3px;
  left: 0; }

.icon-status .fidicon-CarteNew-1 .path1:before {
  position: relative; }

.icon-status .fidicon-CarteNew-1 .path2:before {
  margin-left: 0;
  color: #fff;
  position: absolute;
  left: 0px;
  top: 4px;
  z-index: 100; }

.icon-status .fidicon-CarteNew-1 .path3:before {
  margin-left: 0;
  color: #fff;
  position: absolute;
  left: 0px;
  top: 4px;
  z-index: 100; }

.icon-status .fidicon-CarteNew-1 .path4:before {
  margin-left: 0;
  color: #fff;
  position: absolute;
  left: 0px;
  top: 4px;
  z-index: 100; }

/******obiz**********/
.obiz {
  width: 100%;
  padding: 26px 0px 26px 23px;
  background: #c89570;
  color: #ffffff;
  margin: 24px 0 0 0;
  min-height: 154px;
  text-align: left;
  display: inline-block; }

.obiz-info {
  margin-right: 8.4%;
  width: 75.5%; }

.obiz h3 {
  font-size: 21px;
  line-height: 22px;
  margin: 0 0 8px 0; }

.uap-color .obiz p {
  font-size: 16px; }

.uap-color .button-loyalty-bg-color {
  float: right; }

/******************Carousel**************************/
.uap-color .carousel-phone {
  display: none;
  position: relative; }
  .uap-color .carousel-phone h3 {
    margin-left: 70px;
    font-size: 14px;
    line-height: 16px; }
  .uap-color .carousel-phone h4 {
    font-size: 25px;
    line-height: normal;
    margin: 22px 0 14px 0;
    max-height: 45px;
    line-height: 24px;
    overflow: hidden; }
  .uap-color .carousel-phone .shape-title-advantages-phone {
    background: url("../images/fid_common/shape-title-advantages.png") no-repeat 0 0;
    position: absolute;
    top: 7px;
    left: 21px;
    z-index: 1000;
    width: 61px;
    height: 78px; }
  .uap-color .carousel-phone div.carousel-item {
    width: 100%;
    background: #c89570;
    opacity: 100; }
  .uap-color .carousel-phone .carousel-menu-index {
    height: 14px;
    margin: 0px 5px 0 0;
    width: 13px; }
  .uap-color .carousel-phone .carousel menu {
    background: none;
    position: absolute;
    left: 0;
    bottom: 26px; }
  .uap-color .carousel-phone .carousel-menu-item {
    background: #d9b59b; }
  .uap-color .carousel-phone .carousel-menu-active {
    background: #ffffff; }
  .uap-color .carousel-phone .carousel-menu-next {
    background: url(../images/fid_common/next.png) no-repeat transparent;
    right: 9px;
    height: 50%; }
  .uap-color .carousel-phone .carousel-menu-prev {
    background: url(../images/fid_common/prev.png) no-repeat transparent;
    left: 14px;
    height: 50%; }
  .uap-color .carousel-phone .carousel-menu-play,
  .uap-color .carousel-phone .carousel-menu-pause {
    display: none; }
  .uap-color .carousel-phone .carousel-menu-next,
  .uap-color .carousel-phone .carousel-menu-prev {
    height: 43px;
    width: 17px;
    position: absolute;
    top: -149px; }
  .uap-color .carousel-phone .button-loyalty-bg-color {
    display: none; }
  .uap-color .carousel-phone .carousel-content {
    min-height: 350px; }
  .uap-color .carousel-phone .carousel menu {
    text-align: center; }
  .uap-color .carousel-phone .carousel menu li {
    float: none;
    display: inline-block; }
  .uap-color .carousel-phone .advantages-offers p {
    margin: 0; }
  .uap-color .carousel-phone .advantages-offers-text {
    text-align: center;
    padding: 0 56px;
    min-height: 167px; }

.white-style {
  color: #374649; }

.silver-style {
  color: #374649; }

.gold-style {
  color: #374649; }

.platinum-style {
  color: #374649; }

.blue {
  color: #374649; }

/*********************Need-help************************/
.need-help {
  position: fixed;
  bottom: 0;
  right: 39px;
  width: 220px;
  z-index: 1001;
  background: #f8f8f8;
  text-align: center;
  font-size: 14px;
  /* 	color: #666666; */
  /************** Adaptation nouvelle charte graphique ******************/
  /* Gris */
  color: #374649; }

.uap-color a.need-help-title {
  width: 100%;
  height: 34px;
  background: #ed0000;
  color: #fff;
  line-height: 34px;
  font-weight: normal;
  padding-left: 71px;
  position: relative;
  display: inline-block;
  text-align: left; }

.need-help-title span.need-help-ico {
  font-size: 23px;
  position: absolute;
  left: 35px;
  top: 4px; }

.need-help-content {
  padding: 0 16px 37px 17px; }

.uap-color .need-help-content p {
  line-height: 17px; }

.need-help .phone {
  font-family: Helveticaneue, arial;
  font-size: 24px;
  margin: 16px 0;
  color: #000000;
  font-weight: 800; }

.need-help .content1 {
  margin: 0px 0 19px 0;
  padding: 12px 0 0px 0;
  line-height: 17px; }

.arows-collapse {
  background: url("../images/fid_common/arrows-help.png") no-repeat center 18px;
  width: 100%;
  height: 7px;
  display: block;
  padding: 18px 0 0 0;
  box-sizing: content-box; }

.uap-color a.links-need-help {
  color: #ed0000;
  font-weight: normal;
  width: 181px;
  border: 1px solid #ed0000;
  height: 34px;
  line-height: 34px;
  display: inline-block;
  margin-top: 14px; }

/*********************End need-help************************/
.img-compte {
  margin-bottom: 11px; }

.text-uppercase {
  text-transform: uppercase; }

.position-relative {
  position: relative; }

/*********************account-creation************************/
.cms-page {
  padding: 0 15px; }

.account-creation,
.bloc-cms {
  background: #fff;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
  /* 	color: #666666; */
  /************** Adaptation nouvelle charte graphique ******************/
  /* Gris */
  color: #374649;
  font-size: 12px;
  margin-bottom: 40px; }

.bloc-cms {
  padding: 45px 9% 42px 0%; }

.contact-us .account-creation {
  margin-left: 44px; }

.account-confirm {
  background: #896066;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
  padding: 45px 4.6% 0 12.6%;
  /* 	color: #666666; */
  /************** Adaptation nouvelle charte graphique ******************/
  /* Gris */
  color: #374649;
  font-size: 21.97px;
  margin-bottom: 40px;
  position: relative; }

.step-2-confirm {
  min-height: 481px; }

.account-confirm .image-bottom {
  bottom: 0;
  position: absolute;
  right: 42px; }

.uap-color .account-confirm p {
  color: #fff;
  font-size: 21.97px;
  margin-bottom: 21px; }

.uap-color .account-confirm.validate-email p {
  font-size: 16px; }

.uap-color .account-confirm p.orange-text {
  color: #ed0000; }

.forms-fid {
  margin-bottom: 10px; }

.fid-forms {
  margin-bottom: 10px; }

.forms-fid h2,
.cms-page h2 {
  padding-left: 20px;
  margin-bottom: 14px; }

h2 .shape-title-advantages {
  top: 7px;
  left: 21px; }

.forms-fid h3 {
  font-size: 16px;
  line-height: 20px; }

.forms-fid h3.title-h3 {
  margin-bottom: 18px;
  padding-left: 0;
  border-top: 1px solid #a8a8a8;
  padding-top: 18px; }

.forms-fid h3.title-h3-first {
  border: none;
  padding-top: 0px; }

.forms-fid .vehicles h3.title-h3 {
  border: none;
  padding-top: 0px; }

.forms-fid h4 {
  margin-bottom: 20px;
  padding-left: 0;
  font-size: 12px;
  margin-top: 0; }

.uap-color ul.list-items {
  margin-bottom: 20px; }

.list-items li {
  padding: 0 0 0 8px;
  background: url(../images/fid_common/arrow-menu-red.png) 0px center no-repeat;
  margin: 0;
  line-height: 25px; }

.uap-color .forms-fid h3 a {
  font-size: 15px;
  color: #ed0000; }

.uap-color form .forms-fid .input-text,
.uap-color .forms-fid .input-text {
  width: 100%;
  height: 26px;
  font-size: 12px;
  line-height: 11px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  padding-right: 20px;
  /************** Adaptation nouvelle charte graphique ******************/
  /* Bleu gris fond */
  background: #F7F9FA;
  border-radius: 10px;
  border: none !important; }

.uap-color .forms-fid .gigya-composite-control input {
  width: 80% !important;
  height: 46px !important;
  font-size: 17px !important;
  line-height: 11px !important;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
  padding: 0 20px 0 15px !important;
  max-width: none !important;
  /************** Adaptation nouvelle charte graphique ******************/
  /* Bleu gris fond */
  background: #F7F9FA !important;
  border-radius: 40px !important; }

.uap-color .forms-fid .gigya-composite-control-submit input {
  background-image: url("../images/fid_common/arrows-btn.png");
  background-repeat: no-repeat;
  background-position: 14px center;
  /* background-color: #ed0000;
	height: 30px;
	line-height: 30px;
	padding: 0 40px 0 40px;
	color: #fff;
	font-size: 17px;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif, arial;
	float: right;
	margin-right: 10%;
	background-position-x: 40px; */
  /************** Adaptation nouvelle charte graphique ******************/
  /* Button label */
  position: static;
  /*     width: 77px; */
  height: 46px !important;
  left: 40px;
  top: 15px;
  /* 07. Paragraph 14 px/Bold */
  font-family: Roboto Bold !important;
  /*     font-weight: bold; */
  font-size: 14px !important;
  line-height: 16px !important;
  /* Rouge Brand */
  background: #fff !important;
  color: #ed0000 !important;
  border: 1px solid #ed0000 !important;
  border-radius: 40px !important; }

.uap-color .forms-fid .gigya-composite-control-submit input:hover {
  /************** Adaptation nouvelle charte graphique ******************/
  /* Button label */
  position: static;
  /* width: 77px;
    height: 16px; */
  left: 40px;
  top: 15px;
  /* 07. Paragraph 14 px/Bold */
  font-family: Roboto Bold;
  /*     font-weight: bold; */
  font-size: 14px;
  /*     line-height: 16px; */
  /* identical to box height, or 114% */
  letter-spacing: 0.1px;
  /* Rouge Brand */
  background: #ed0000 !important;
  color: #fff !important;
  border: 1px solid #ed0000 !important;
  border-radius: 40px !important;
  /* Inside Auto Layout */
  flex: none;
  order: 0;
  flex-grow: 0;
  /*     margin: 0px 10px; */ }

@media screen and (max-width: 466px) {
  .uap-color .forms-fid .gigya-composite-control input {
    padding: 0 15px 0 15px !important;
    font-size: 13px !important; } }

@media screen and (max-width: 400px) {
  .uap-color .forms-fid .gigya-composite-control input {
    padding: 0 15px 0 15px !important;
    font-size: 10px !important; } }

.uap-color .forms-fid label {
  /* 	color: #666666; */
  /************** Adaptation nouvelle charte graphique ******************/
  /* Gris */
  color: #374649;
  /* 	font-weight: normal; */
  font-size: 16px;
  margin-bottom: 2px;
  width: 100%;
  /* 	font-weight: bold !important; */
  /************** Adaptation nouvelle charte graphique ******************/
  font-family: Roboto Regular !important; }

.uap-color .forms-fid a {
  text-decoration: underline; }

.uap-color button.button-loyalty-rouge {
  background-image: url("../images/fid_common/arrows-btn.png");
  background-repeat: no-repeat;
  background-position: 14px center;
  /* 	background-color: #ed0000; */
  /* 	height: 30px; */
  /* 	line-height: 30px; */
  padding: 0 40px 0 40px;
  /* 	color: #fff; */
  /* 	font-size: 17px; */
  /* 	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif, arial; */
  float: right;
  margin-right: 10%;
  background-position-x: 40px;
  /************** Adaptation nouvelle charte graphique ******************/
  /* Button label */
  position: static;
  /*     width: 77px; */
  height: 46px;
  left: 40px;
  top: 15px;
  /* 07. Paragraph 14 px/Bold */
  font-family: Roboto Bold;
  /*     font-weight: bold; */
  font-size: 14px;
  line-height: 16px;
  /* Inside Auto Layout */
  flex: none;
  order: 0;
  flex-grow: 0;
  /* 	margin: 0px 10px; */
  /* Rouge Brand */
  background: #fff;
  color: #ed0000;
  border: 1px solid #ed0000;
  border-radius: 40px; }

.uap-color button.button-loyalty-rouge:hover {
  /************** Adaptation nouvelle charte graphique ******************/
  /* Button label */
  position: static;
  /* width: 77px;
    height: 16px; */
  left: 40px;
  top: 15px;
  /* 07. Paragraph 14 px/Bold */
  font-family: Roboto Bold;
  /*     font-weight: bold; */
  font-size: 14px;
  /*     line-height: 16px; */
  /* identical to box height, or 114% */
  letter-spacing: 0.1px;
  /* Rouge Brand */
  background: #ed0000 !important;
  color: #fff !important;
  border: 1px solid #ed0000 !important;
  border-radius: 40px !important;
  /* Inside Auto Layout */
  flex: none;
  order: 0;
  flex-grow: 0;
  /*     margin: 0px 10px; */ }

.uap-color button.button-loyalty-red {
  /************** Adaptation nouvelle charte graphique ******************/
  background-image: url("../images/fid_common/arrows-btn.png");
  background-repeat: no-repeat;
  background-position: 15px center;
  background-color: #ed0000;
  /*!important*/
  height: 30px;
  line-height: 30px;
  color: #fff;
  font-size: 17px;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif, arial;
  margin-right: 5%;
  margin-bottom: 15px;
  padding: 0 30px 0 30px !important; }

.uap-color button.button-loyalty-red:hover {
  background-color: rgba(0, 0, 0, 0.5) !important; }

.uap-color button.button-loyalty-gray {
  background-image: url("../images/fid_common/arrows-btn.png") !important;
  background-repeat: no-repeat;
  background-position: 15px center;
  background-color: #ddd !important;
  height: 30px;
  line-height: 30px;
  font-size: 17px;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif, arial;
  margin-right: 5%;
  margin-bottom: 15px;
  padding: 0 30px 0 30px !important; }

.uap-color .account-confirm .button-loyalty-rouge {
  float: left;
  margin-bottom: 20px; }

.uap-color .account-additionalInfo .button-loyalty-rouge {
  margin-bottom: 20px; }

.datepicker table tr td.day.active {
  background-color: #ed0000 !important;
  filter: none;
  background-image: none; }

.custom-select {
  position: relative;
  display: inline-block;
  width: 100%; }

.uap-color .custom-select select {
  border: 1px solid #ccc;
  outline: none;
  /* remove focus ring from Webkit */
  line-height: 1.2;
  display: block;
  -webkit-appearance: none;
  /* remove the strong OSX influence from Webkit */
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  height: 39px;
  width: 100%;
  font-size: 16px;
  /* Bleu gris fond */
  /************** Adaptation nouvelle charte graphique ******************/
  background: #F7F9FA;
  border-radius: 10px;
  border: none !important; }

.uap-color .custom-select options {
  padding: 24px !important;
  color: #ED0000 !important; }

.btn-search-cancel {
  display: none !important; }

.custom-select select::-ms-expand {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  /* IE 5-7 */
  filter: alpha(opacity=0);
  /* Good browsers :) */
  opacity: 0;
  display: none; }

/* for Webkit's CSS-only solution */
/* Since we removed the default focus styles, we have to add our own */
.custom-select:after {
  background: url("../images/fid_common/arrows-red.png") no-repeat 10px 5px;
  content: " ";
  position: absolute;
  top: 7px;
  right: 6px;
  bottom: 0;
  line-height: 30px;
  padding: 0 7px;
  color: white;
  pointer-events: none;
  width: 28px;
  height: 24px; }

.custom-select.two-line:after {
  background: url("../images/fid_common/arrows-select.png") no-repeat;
  content: " ";
  position: absolute;
  top: 50px;
  right: 18px;
  bottom: 0;
  font-size: 60%;
  line-height: 30px;
  padding: 0 7px;
  color: white;
  pointer-events: none; }

.no-pointer-events .custom-select:after {
  content: none; }

.legend {
  font-weight: normal;
  font-size: 16px;
  margin-top: 25px; }

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #b7b8b8; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #b7b8b8; }

:-ms-input-placeholder {
  /* IE 10+ */
  color: #b7b8b8; }

:-moz-placeholder {
  /* Firefox 18- */
  color: #b7b8b8; }

.account-confirm p.text-small {
  font-size: 15.98px; }

.uap-color .account-creation input {
  height: 30px;
  width: 100%; }

.uap-color .account-creation input[type="number"] {
  width: 50%;
  display: block; }

.skip {
  padding-left: 10px; }

.live-view .portlet .portlet-title {
  display: none; }

/*********************My-preferences************************/
.content-fid {
  background-position: top 30px, top 30px;
  background-repeat: no-repeat, repeat-y;
  margin-left: 30px;
  padding: 10px 24px 10px 24px;
  border: 2px solid #ECECEC;
  border-bottom: 2px solid #ed0000; }

.uap-color .content-fid h2.titre-rouge,
.uap-color .personal-document h2.titre-rouge {
  color: #ed0000;
  font-size: 1.8rem;
  font-family: Nunito Regular;
  line-height: 1em;
  font-weight: 400;
  padding: 0 0 0 0px;
  margin-bottom: 26px;
  text-transform: uppercase;
  position: relative;
  margin-top: 0; }

.uap-color .personal-document h2.titre-rouge {
  padding-left: 104px; }

.uap-color .contact-us h2.titre-rouge,
.uap-color .requestnewcard h2.titre-rouge {
  padding-left: 43px; }

.content-fid h3 {
  color: #ed0000;
  font-size: 1.1875rem;
  line-height: 1.1875rem;
  font-family: Roboto Medium;
  margin-top: 0;
  margin-bottom: 8px;
  font-weight: normal; }

.content-fid h4 .content-fid h5, .content-fid h6 {
  font-family: Roboto Regular !important; }

.content-fid .button-loyalty {
  margin: 24px 0; }

.content-fid h2 span:after {
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1.2;
  content: "\e918";
  font-size: 23px;
  position: absolute;
  margin: 0 0 0px 5px; }

.uap-color .content-fid p {
  font-family: Roboto Regular;
  font-weight: normal;
  font-size: 17px;
  line-height: 17px;
  margin: 0; }

.uap-color a.link-more-detail {
  background: url("../images/fid_common/arrow-menu-red.png") no-repeat 0 center;
  padding: 0 0 0 9px;
  color: #ed0000;
  margin-top: 6px;
  display: inline-block;
  margin-left: 2px; }

.switch input {
  display: none; }

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /*TUF-941*/
  background-color: #ed0000;
  -webkit-transition: .4s;
  transition: .4s;
  border: 2px solid #ffffff; }

/* .slider.email:before { */
/* 	height: 26px; */
/* 	width: 26px; */
/* 	background-color: white; */
/* 	-webkit-transition: .4s; */
/* 	transition: .4s; */
/* 	font-family: 'icomoon' !important; */
/* 	speak: none; */
/* 	font-style: normal; */
/* 	font-weight: normal; */
/* 	font-variant: normal; */
/* 	text-transform: none; */
/* 	line-height: 1; */
/* 	content: "\e909"; */
/* 	font-size: 18px; */
/* 	position: absolute; */
/* 	margin: 0 0 0px 0px; */
/* 	color: #333333; */
/* 	padding: 4px; */
/* } */
.slider.phone .picto-phone {
  height: 26px;
  width: 26px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  border-radius: 34px;
  font-size: 18px;
  position: absolute;
  margin: 0 0 0px 0px;
  color: #374649;
  padding: 5px; }

.slider.email .picto-email {
  height: 26px;
  width: 26px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  border-radius: 34px;
  font-size: 18px;
  position: absolute;
  /*TUF-941*/
  margin: 0 0 0px 0px;
  color: #333333;
  padding: 5px; }

input:checked + .slider .picto-phone {
  -webkit-transform: translateX(30px);
  -ms-transform: translateX(30px);
  transform: translateX(30px);
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none; }

input:checked + .slider .picto-email {
  -webkit-transform: translateX(30px);
  -ms-transform: translateX(30px);
  transform: translateX(30px);
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none; }

input:checked + .slider {
  /*TUF-941*/
  background-color: #52B74E;
  border: 2px solid #ffffff; }

input:focus + .slider {
  box-shadow: 0 0 1px #03498e; }

/* input:checked+.slider:before { */
/* 	-webkit-transform: translateX(30px); */
/* 	-ms-transform: translateX(30px); */
/* 	transform: translateX(30px); */
/* 	-moz-box-shadow: none; */
/* 	-webkit-box-shadow: none; */
/* 	box-shadow: none; */
/* } */
/* Rounded sliders */
.slider.round {
  border-radius: 34px; }

.slider.round:before {
  border-radius: 50%; }

.bloc-toogle {
  position: absolute;
  top: 50%;
  left: calc(100% - 100px); }

.text-bottom-link {
  text-align: center; }

.text-bottom-link a {
  text-decoration: underline;
  color: #ed0000; }

.fraud-portlet p {
  font-size: 16px; }

.button-loyalty-rouge[disabled] {
  box-shadow: none;
  cursor: not-allowed;
  opacity: 0.65; }

.uap-color .fid .nav-tabs a {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  margin-right: 0;
  /************** Adaptation nouvelle charte graphique ******************/
  font-family: Roboto Regular !important; }

.uap-color .personal-information-tab .nav-tabs li:last-child {
  width: 50% !important; }

.uap-color .my-bonus-excellium h2.titre-rouge,
.uap-color .my-advantages-status h2,
.uap-color .my-current-offers h2 {
  font-size: 1.8rem;
  margin-top: 0; }

.personalinformation-portlet .content-fid h2 span:after {
  content: "\e910"; }

.uap-color .content-fid .tab-content {
  overflow: initial; }

.uap-color form .forms-fid input[disabled] {
  background: #eeeeee; }

.uap-color .additionalInfoForm .yourHome .row [class*="col-"]:last-child {
  float: none; }

/*******************************CMS***********************************/
.bloc-cms {
  padding: 32px 6%;
  position: relative; }

.cms-page .shape-title-advantages {
  left: 21px; }

.uap-color .cms-page h2 .title-icon {
  margin-left: 38px; }

.bloc-orange {
  background: #ed0000;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
  padding: 20px 31px;
  float: left;
  color: #fff;
  max-width: 335px;
  margin-bottom: 26px; }

.uap-color .bloc-cms .bloc-orange p {
  margin: 0 0 0 0;
  font-size: 22px;
  text-align: center;
  font-weight: normal;
  line-height: 25px; }

.uap-color .bloc-cms .bloc-orange p:last-child {
  margin: 0 0 0px 0; }

.cms-page .h2 {
  padding-left: 100px; }

.cms-page ul li {
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 12px; }

.cms-page .bloc-white ul li:last-child {
  margin-bottom: 0px; }

.cms-page ul li::before {
  content: "\f04d";
  color: #ed0000;
  font-size: 8px;
  margin-right: 10px;
  font-family: 'fontawesome-alloy'; }

.condition {
  position: relative;
  min-height: 234px; }

.uap-color .condition p {
  font-size: 16px;
  line-height: 17px;
  margin: 0 0 28px 0; }

.card-condition {
  position: absolute;
  bottom: 0;
  right: 0; }

.about-club {
  padding: 13px 2px 8px 2px !important;
  padding-right: 2px !important; }

.block-circle {
  width: 24%;
  background: #FFF;
  min-height: 110px;
  margin: 40px 3px 0 3px;
  float: left;
  border-radius: 11px;
  padding: 14px; }

.uap-color .block-circle p {
  font-size: 14px;
  line-height: 17px;
  /************** Adaptation nouvelle charte graphique ******************/
  font-family: Roboto Regular !important; }

.circle {
  height: 44px;
  width: 44px;
  border-radius: 100px;
  background-color: #FFF;
  margin: 0 auto;
  margin: 0 auto;
  position: inherit;
  margin-top: -38px;
  padding-top: 2px; }

.circle .number {
  background: #ed0000;
  height: 29px;
  width: 29px;
  border-radius: 29px;
  color: #fff;
  font-size: 19.68px;
  font-weight: normal;
  display: block;
  margin: 0 auto;
  /************** Adaptation nouvelle charte graphique ******************/
  padding-top: 1px;
  text-align: center; }

.uap-color .bloc-cms h3 {
  font-size: 24px;
  font-weight: normal;
  line-height: normal; }

.uap-color .bloc-cms h4 {
  color: #ed0000;
  font-size: 35px;
  font-family: Nunito Regular;
  font-family: Nunito Regular;
  text-transform: uppercase;
  line-height: normal;
  margin: 21px 0;
  font-weight: normal; }

.uap-color .bloc-cms h4 img {
  margin-left: 12px; }

.uap-color .statuts p {
  font-size: 16px;
  margin-bottom: 22px; }

.bloc-white {
  background: #fff;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
  padding: 1.8% 4.5%;
  float: left;
  margin-top: 8px;
  width: 100%; }

.statuts .bloc-white {
  padding: 25px 14px; }

.contact-us h2.titre-rouge,
.uap-color .bloc-cms h2,
.uap-color .cms-page h2 {
  line-height: 39px;
  margin-bottom: 20px; }

.uap-color .cms-page h2 sup {
  font-size: 20px;
  top: -1.1em; }

.uap-color .cms-excellium ul {
  margin: 0; }

.statut-info {
  float: left;
  width: 50%; }

.statut-info {
  margin-bottom: 24px; }

.statut-info:last-child {
  margin-bottom: 0; }

.statut-info img {
  float: left;
  margin-right: 13px;
  margin-bottom: 5px; }

.uap-color .statuts .statut-info p {
  float: left;
  margin: 0; }

.statutstable img {
  width: 55px;
  float: left;
  margin-right: 7px; }

.advantagestatutstable .statutstable img:last-child {
  margin-right: 0px; }

.advantagestatutstable .bloc-white {
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 0; }

.advantagestatutstable .bloc-white img {
  margin-left: 30px;
  margin-right: 15px; }

.uap-color .advantagestatutstable p.text-advantage-statuts {
  background: #9d8080;
  color: #fff;
  font-size: 16px;
  padding: 8px 29px;
  font-family: Roboto Medium;
  margin-bottom: 8px;
  font-weight: normal; }

.uap-color .journal-content-article .advantagestatutstable table {
  border: none !important;
  padding: 0 !important; }

.uap-color .journal-content-article .advantagestatutstable table td {
  border: none !important;
  padding: 0; }

@media screen and (min-width: 1169px) {
  .uap-color .journal-content-article .advantagestatutstable table td {
    padding-left: 17px; } }

.advantagestatutstable .month {
  color: #9d8080;
  font-size: 16px;
  font-family: Roboto Medium;
  text-align: center;
  font-weight: normal; }

.headerstatuts {
  padding-left: 10px;
  padding-right: 10px; }

.headerstatuts .forms {
  float: right; }

.headerstatuts img.statutsimg {
  max-width: 92%;
  float: right;
  margin-bottom: 10px; }

.statutsform {
  margin-right: 19px;
  margin-top: 16px;
  float: left; }

.statuts-details {
  background: #fff;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
  padding: 1% 4.5%;
  margin-bottom: 40px; }

.triangle {
  position: absolute;
  top: 120px;
  right: 0px; }

.statutstable {
  margin: 0px 0 8px 0px;
  float: left; }

.jauge-excellium {
  position: absolute;
  bottom: 0;
  right: 8px; }

.uap-color .text-jauge {
  font-weight: normal;
  color: #ed0000;
  font-size: 18px;
  text-align: center;
  top: 32px;
  right: 23px;
  position: absolute; }

.cms-excellium {
  min-height: 270px; }

.uap-color .cms-excellium p {
  font-size: 16px; }

.uap-color .cms-excellium .button-loyalty {
  margin-top: 20px; }

.uap-color .cms-carburant .button-loyalty {
  margin-left: 16px; }

.npaipage .rdv.bloc-white-raduis {
  min-height: 233px;
  width: 100%;
  border: 2px solid #ececec;
  border-bottom: 2px solid #ed0000; }

.finalize-portlet {
  text-align: center !important;
  margin-top: 90px !important; }
  .finalize-portlet img {
    max-width: 180px !important;
    float: none !important; }

.rdv .form-login2 {
  top: -22px; }

.uap-color .npaipage .rdv button.button-loyalty {
  margin-top: 0; }

.uap-color .fid .containernpai section.portlet {
  position: static !important; }

span.unsecable {
  display: inline-block; }

.asterisk-required {
  color: #374649; }

.adress-requestnewcard {
  margin: 6px 0 60px 0; }

.form_requestnewcard {
  position: absolute;
  left: 1px;
  top: 0; }

.requestnewcardform {
  position: relative;
  margin-left: 30px; }

.requestnewcard {
  position: relative; }

.requestnewcardbody #container {
  overflow: initial; }

.card-requestnewcard {
  position: absolute;
  right: 0;
  top: 50px; }

.form-b-requestnewcard {
  position: absolute;
  right: 0;
  bottom: 45px; }

.text-requestnewcard {
  padding: 15px 0 28px 48px;
  font-size: 14px;
  margin-bottom: 0;
  /************** Adaptation nouvelle charte graphique ******************/
  font-family: Roboto Regular; }

.requestnewcard .button-loyalty {
  margin-top: 30px; }

.uap-color .requestnewcardform p {
  font-size: 14px;
  /************** Adaptation nouvelle charte graphique ******************/
  font-family: Roboto Regular !important; }

.uap-color .text-required {
  color: #374649;
  margin-top: 20px;
  font-size: 12px; }

.requestnewcard h2:after {
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1.4;
  content: "\e908";
  font-size: 30px;
  position: absolute;
  margin: 0 0 0px 6px; }

.uap-color .contact-us p {
  font-size: 18px;
  font-weight: normal;
  color: #ed0000; }

.uap-color .contact-us textarea {
  width: 100%;
  font-size: 12px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  padding-right: 20px;
  resize: none;
  max-width: 100% !important;
  height: auto; }

.inputBtnSection {
  display: inline-block;
  vertical-align: top;
  font-size: 0;
  width: 100%;
  /* 	border: solid 1px #737373; */
  margin-bottom: 20px;
  /* 	float: right; */ }

.contact-us .inputBtnSection {
  width: 330px; }

.uap-color form .error.inputBtnSection {
  border-color: #ed0000 !important; }

.uap-color .account-creation input.disableInputField {
  display: inline-block;
  vertical-align: top;
  /* 	height: 27px; */
  margin: 0;
  font-size: 14px;
  /* 	padding: 0 15px; */
  /************** Adaptation nouvelle charte graphique ******************/
  /* Auto Layout */
  /* 	display: flex !important; */
  flex-direction: row;
  align-items: center;
  padding: 15px 20px !important;
  width: 100%;
  height: 46px;
  left: 40px;
  /* Blanc */
  background: #FFFFFF !important;
  border: 1px solid #B7CBD3;
  box-sizing: border-box;
  border-radius: 80px;
  /* 	position: absolute; */ }

.uap-color .account-creation form textarea:focus,
.uap-color .account-creation form textarea:hover {
  border-color: #b4b4b4 !important; }

.uap-color .forms-fid label.fileUpload {
  position: relative;
  overflow: hidden;
  margin-bottom: 0;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  bottom: 46px;
  right: 0; }

.uap-color form .forms-fid .inputBtnSection input[disabled] {
  background: transparent; }

.uploadBtn {
  display: inline-block;
  vertical-align: top;
  background: #ed0000;
  font-size: 14px;
  padding: 13px 29px;
  /* 	height: 27px; */
  line-height: 22px;
  color: #fff;
  /************** Adaptation nouvelle charte graphique ******************/
  border-radius: 0px 80px 80px 0px;
  width: 114px;
  height: 46px;
  float: right; }

.uap-color .account-creation .fileUpload input.upload {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0); }

.contact-us {
  position: relative;
  border: 2px solid #ECECEC;
  border-bottom: 2px solid #ed0000; }

.img-question {
  position: absolute;
  top: 201px;
  right: 47px; }

.img-cedena {
  position: absolute;
  top: 56px;
  right: 40px; }

.uap-color .forms-fid .upload label.textupload {
  width: initial;
  float: left;
  font-size: 11.95px;
  margin-right: 10px; }

.contact-us .titre-rouge img {
  margin-left: 20px; }

.advantagestatutstable table th,
.advantagestatutstable table td {
  border: none; }

.uap-color .headerstatuts img {
  vertical-align: top; }

.progressContainer {
  display: inline-block;
  overflow: hidden;
  width: 50%;
  height: 10px;
  border: 1px solid #cccccc;
  border-radius: 999px;
  margin-right: 10px; }

.progressline {
  display: block;
  height: 100%;
  background-color: orange;
  border-radius: 999px;
  -o-transition: .1s;
  -ms-transition: .1s;
  -moz-transition: .1s;
  -webkit-transition: .1s;
  transition: .1s; }

/*******************************End CMS***********************************/
.bloc-cms2 {
  background: #a28489;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
  -webkit-border-top-left-radius: 17px;
  -webkit-border-top-right-radius: 17px;
  -moz-border-radius-topleft: 17px;
  -moz-border-radius-topright: 17px;
  position: relative;
  border-top-left-radius: 17px;
  border-top-right-radius: 17px;
  /* 	color: #666666; */
  /************** Adaptation nouvelle charte graphique ******************/
  /* Gris */
  color: #374649;
  margin-bottom: 40px; }

.uap-color .bloc-cms2 h2 {
  padding-left: 0; }

.uap-color .cms-page2 h2 .shape-title-advantages {
  top: 7px;
  left: 21px; }

.uap-color .cms-page2 h2 {
  padding-left: 99px;
  margin-bottom: 26px; }

.uap-color .bloc-cms2 p {
  font-size: 15px; }

.rdv {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  border: 1px solid #fff;
  padding: 9px 21px 9px 21px;
  width: 250px;
  margin: 0 0 35px 0;
  float: left; }

.marginauto {
  margin: 0 auto 0px auto; }

.floatnone {
  float: none; }

.uap-color .rdv p {
  padding-bottom: 0px;
  margin-bottom: 10px;
  line-height: 22px; }

.uap-color .button-gray2 {
  width: 296px;
  height: 50px;
  color: #fff;
  display: block;
  margin: 28px auto 36px auto;
  font-size: 15px;
  font-family: Roboto Regular;
  padding: 16px 0 16px 110px;
  background: url("../images/fid_common/big-arrows.png") no-repeat 110px 20px #554f53;
  padding-left: 127px; }

.uap-color .button-gray2left {
  width: 296px;
  height: 50px;
  color: #fff;
  display: block;
  margin: 0px auto 20px auto;
  font-size: 15px;
  font-family: Roboto Regular;
  padding: 16px 0 16px 110px;
  background: url("../images/fid_common/big-arrows.png") no-repeat 110px 20px #554f53;
  padding-left: 127px;
  float: left; }

.uap-color .button-gray2left:hover {
  color: #fff; }

.uap-color .margin-b-none {
  margin-bottom: 0; }

.uap-color .button-gray2:HOVER {
  color: #fff; }

.uap-color .bloc-cms2 .advantagestatutstable p.text-advantage-statuts {
  background: transparent;
  color: #a28489;
  font-size: 16px;
  padding-bottom: 0px;
  padding-left: 0;
  text-align: left;
  font-weight: normal;
  font-family: Roboto Regular;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 8px 0px 0px 0px; }

.bloc-cms2 .advantagestatutstable .bloc-white {
  padding-left: 40px;
  padding-right: 11px; }

.bloc-cms2-inner .advantagestatutstable .headerstatuts .forms {
  float: none;
  margin-left: 32px; }

.bloc-cms2-inner .advantagestatutstable .headerstatuts .statutsimg img {
  max-width: 56px;
  float: none;
  margin-bottom: 10px; }

.bloc-cms2-inner .advantagestatutstable .headerstatuts .statutsimg {
  text-align: center; }

.bloc-cms2-inner .advantagestatutstable .bloc-white table tr td {
  border-bottom: #e1d9d9 solid 1px !important;
  text-align: center; }

.bloc-cms2-inner .advantagestatutstable .bloc-white table tr:last-child td {
  border-bottom: none !important;
  text-align: center; }

.bloc-cms2-inner .advantagestatutstable .bloc-white table tr:last-child {
  border-bottom: none; }

.bloc-cms2-inner .advantagestatutstable .headerstatuts table tr td {
  vertical-align: bottom; }

.bloc-cms2-inner .advantagestatutstable .bloc-white table tr td {
  padding-bottom: 16px;
  color: #9d8080;
  font-weight: normal; }

.uap-color .bloc-cms2 p.text1 {
  font-size: 22.46px;
  font-family: Roboto Medium; }

.uap-color .bloc-cms2 p.text2 {
  font-size: 21.9px;
  font-family: Roboto Medium;
  font-weight: normal;
  text-align: right; }

.uap-color .bloc-cms2 p.text3 {
  font-size: 13.47px;
  font-family: Roboto Regular;
  text-align: right;
  text-transform: uppercase;
  margin-bottom: 0; }

.uap-color .bloc-cms2 p.text4 {
  font-size: 21.56px;
  font-family: Roboto Medium;
  line-height: 17px; }

.uap-color .bloc-cms2 h3.title3 {
  font-size: 21.56px;
  margin-top: 56px;
  text-align: center; }

.uap-color .bloc-cms2 p.text5 {
  font-size: 25.46px;
  font-family: Roboto Medium;
  text-align: center;
  margin-top: 30px; }

.uap-color .bloc-cms2 p.ligne {
  font-size: 18px;
  font-family: Roboto Medium;
  text-align: right;
  text-transform: uppercase;
  text-align: center;
  margin-top: 8px; }

.rdv img {
  float: left;
  margin-right: 15px;
  margin-top: 11px; }

.uap-color a.condition-offres {
  font-size: 9.43px;
  text-decoration: underline;
  text-align: center;
  color: #fff;
  margin-bottom: 32px;
  display: block; }

.bloc-cms2-inner {
  font-size: 15px;
  padding: 70px 7% 44px 7%;
  color: #fff;
  position: relative; }

.uap-color .bloc-cms2-inner ol {
  list-style-type: none;
  margin-left: 0; }

.uap-color .bloc-cms2-inner ol li {
  margin-bottom: 21px; }

.block-logo {
  padding-top: 19px;
  padding-bottom: 11px;
  text-align: center;
  background: #fcf1e5;
  -webkit-border-top-left-radius: 14px;
  -webkit-border-top-right-radius: 14px;
  -moz-border-radius-topleft: 14px;
  -moz-border-radius-topright: 14px;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  position: relative; }

.block-logo-euro {
  padding-top: 19px;
  padding-bottom: 11px;
  text-align: center;
  background: url("../images/fid_common/bg-europ.png") no-repeat #0b461f;
  -webkit-border-top-left-radius: 14px;
  -webkit-border-top-right-radius: 14px;
  -moz-border-radius-topleft: 14px;
  -moz-border-radius-topright: 14px;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px; }

.form-right-top {
  position: absolute;
  top: 22px;
  right: 0px; }

.form-left-top {
  position: absolute;
  top: 22px;
  left: 14px; }

.carte-cms {
  position: absolute;
  top: 31px;
  right: 48px; }

.form-right-bottom {
  position: absolute;
  bottom: 11px;
  right: 29px; }

.form-right-bottom-press {
  position: absolute;
  bottom: 96px;
  right: 29px; }

.form-right-bottom-europcar {
  position: absolute;
  bottom: 115px;
  right: 12px; }

.uap-color .bloc-cms2-inner p.code-promo {
  background: #fff;
  width: 353px;
  font-size: 20px;
  font-weight: normal;
  padding: 19px 28px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  margin: 52px auto 0px auto;
  color: #554f53; }

.uap-color .bloc-cms2 h3 {
  font-size: 20px;
  margin-top: 50px;
  margin-bottom: 21px;
  line-height: 23px; }

.uap-color .bloc-cms2 h3.marginnon {
  margin-top: 0px; }

.uap-color .bloc-cms2 h3 img {
  width: 43px;
  margin-left: 12px; }

.uap-color .bloc-cms2-inner p.small-text {
  font-size: 11px;
  line-height: 12px;
  margin: 10px 0 0 0; }

/*******************************End CMS***********************************/
.requestnewcardform p.infosUserCardLoss {
  min-height: 76px; }

.alert-danger,
.alert-success {
  margin-top: 20px; }

.popover-arrow {
  position: absolute;
  top: -10px;
  left: 50%;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
  width: 0;
  height: 0;
  -webkit-filter: drop-shadow(0 -2px 2px #aaaaaa); }

.popper-content {
  position: absolute;
  box-sizing: border-box;
  width: 16em;
  padding: 1em;
  border: 1px solid #dadada;
  opacity: 0.9;
  background: #fff;
  z-index: 999;
  top: 39px;
  left: -100px;
  border-radius: 14px 14px 14px 14px; }

.account-creation .g-recaptcha {
  margin-left: 13%;
  margin-bottom: 20px; }

.unavailability-page {
  padding: 0 15px; }

.unavailability {
  background-color: #fff;
  padding-top: 0px;
  overflow: hidden;
  border: 2px solid #ececec;
  border-bottom: 2px solid #ed0000; }

.tub {
  position: absolute;
  top: 0;
  left: 43px; }

.img-advantages div {
  background-repeat: no-repeat;
  background-position: top right; }

.uap-color .bloc-white h3 {
  font-size: 20px;
  font-family: Roboto Medium;
  margin: 27px 0 22px 0;
  color: #554f53;
  font-weight: normal; }

.block-visu {
  width: 100%;
  background: #fff; }

.block-visu img {
  width: 100%; }

/* datatable hook to avoid background image on sort */
table.dataTable thead .sorting_desc {
  background-image: none; }

.uap-color .my-bonus-excellium button.button-loyalty-bg-color.only-desktop {
  margin-bottom: 10px; }

.bloc-cms2 > h4 + h4 {
  background-color: green; }

.uap-color .tab-pane p {
  padding-bottom: 10px; }

.my-bonus-excellium,
.blockObiz,
.avantagesportlet,
.my-bonus-excellium {
  margin-top: 61px; }

.obiz-item.carousel-phone {
  margin-top: 61px; }

.uap-color .fid label {
  font-weight: normal;
  line-height: 20px; }

.history-station-image {
  max-width: 70px;
  max-height: 70px; }

.uap-color .nav {
  margin-bottom: 20px; }

.uap-color p {
  margin: 0 0 10px; }

.uap-color img {
  vertical-align: middle; }

.uap-color .pagination > .active > a {
  color: initial;
  background-color: initial;
  border-color: initial; }

.uap-color .pagination > li > a {
  border: none;
  padding: initial;
  background-color: initial;
  /* 	color: #666666; */
  /************** Adaptation nouvelle charte graphique ******************/
  /* Gris */
  color: #374649; }

.uap-color .datepicker-dropdown {
  display: inline-table; }

[class*="col-"] {
  position: static; }

#gigyaLogin .link_login {
  display: none; }

.centerText {
  text-align: center; }

.uap-color .container-red {
  padding: 10px;
  border: 2px solid #ececec;
  border-bottom: 2px solid #ed0000; }

/*tablet*/
@media screen and (max-width: 762px) {
  .fid .account-confirm .image-bottom {
    position: initial; } }

/*desktop*/
@media screen and (min-width: 799px) {
  .uap-color .only-desktop {
    visibility: visible; }
  .obiz-info {
    float: left; }
  .banner-image-bonus {
    float: right; }
  #mainNavMenu ul li a .tab .cell {
    font-size: 1rem;
    font-family: Roboto Regular;
    text-transform: uppercase;
    font-stretch: condensed; }
  .modify-pages li {
    display: inline; } }

@media screen and (max-width: 799px) {
  .hide-tab {
    display: none; }
  .nav-div {
    background-image: linear-gradient(to right, #d7d6d5 70%, rgba(255, 0, 0, 0));
    position: relative;
    z-index: 1000; }
  .uap-color .only-desktop {
    display: block;
    visibility: inherit; }
  .uap-color .hide-tab-smart {
    display: none; }
  .banner-image-bonus {
    float: right; }
  /*Card*/
  .uap-color .card {
    margin-right: 0; }
  .uap-color .customer-status > div {
    height: 118px; }
  #footer #navFooter li {
    text-align: center;
    float: none; }
  #footer #navFooter {
    width: 100%; }
  #footer #navFooter li a {
    float: none; }
  .need-help {
    display: none; } }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .custom-select select {
    padding-right: 30px;
    width: 100%; } }

@media screen and (min-width: 640px) and (max-width: 444px) {
  .custom-select:after {
    top: 30px; } }

/*Smartphone*/
@media screen and (max-width: 641px) {
  .uap-color .carousel-phone {
    display: block; }
    .uap-color .carousel-phone h3 {
      margin-left: 18px; }
    .uap-color .carousel-phone h2 {
      font-size: 25px;
      padding-left: 70px; }
  .uap-color .button-loyalty.skip-inactivity {
    min-height: 30px;
    height: auto; }
  .requestnewcard h2:after {
    line-height: 1;
    font-size: 26px;
    margin: 0 0 0px 6px; }
  .uap-color .blockObiz h2.titre-rouge {
    line-height: 22px;
    padding: 0 0 0 70px; }
  .uap-color .assistance button.button-loyalty {
    margin-bottom: 0; }
  .carousel-desktop {
    display: none; }
  .offers-portlet .carousel-phone h3 {
    font-size: 24px;
    margin-left: 0;
    font-weight: normal;
    margin-bottom: 14px;
    line-height: 21px; }
  .uap-color .cms-page2 h2 {
    padding-left: 0px;
    margin-bottom: 26px;
    margin-top: 0; }
  #footer ul li {
    float: none;
    display: inline-block; }
  #footer ul li a {
    padding: 0 10px; }
  .uap-color .bloc-cms2-inner p.code-promo {
    width: initial;
    font-size: 16px;
    padding: 15px;
    max-width: 266px; }
  .uap-color .button-gray2 {
    width: initial;
    height: 50px;
    font-size: 15px;
    background: url(../images/fid_common/big-arrows.png) no-repeat 70px 20px #554f53;
    padding-left: 90px;
    max-width: 226px; }
  .uap-color .big-button-gray {
    width: initial;
    padding: 15px 20px 15px 35px;
    font-size: 15px;
    background: url(../images/fid_common/big-arrows.png) no-repeat 20px 20px #554f53;
    max-width: 300px;
    display: block;
    color: #fff;
    margin: 0 auto 36px auto;
    font-family: Roboto Regular; }
  .bloc-cms2-inner .advantagestatutstable .headerstatuts img,
  .bloc-cms2-inner .advantagestatutstable .headerstatuts .statutsimg img {
    max-width: 92%; }
  .bloc-cms2 .advantagestatutstable .bloc-white {
    padding-left: 10px;
    padding-right: 10px; }
  .bloc-cms2-inner .advantagestatutstable .headerstatuts .forms {
    margin-left: 10px;
    width: 80%;
    vertical-align: bottom; }
  .bloc-cms2-inner {
    padding: 30px 10px 44px 10px; }
  .rdv {
    padding: 9px 9px 9px 9px;
    width: 100%; }
  .uap-color .bloc-cms2 p.text1 {
    font-size: 18px; }
  .uap-color .bloc-cms2 p.text2 {
    font-size: 18px; }
  .uap-color .bloc-cms2 p.text3 {
    font-size: 11px; }
  .uap-color .bloc-cms2 p.text4 {
    font-size: 18px; }
  .unavailability {
    background-image: none;
    background-color: #f7f7f7;
    padding-top: 130px;
    overflow: hidden; }
  .img-advantages div {
    background-repeat: no-repeat;
    background-position: top center; }
  .rdv,
  .uap-color .bloc-cms2 p.text5 {
    margin: 0 auto 35px auto;
    float: none; }
  .uap-color .bloc-cms2 h3.title3 {
    margin-top: 26px; }
  .unavailability {
    padding-top: 15px; }
  .tub {
    display: none; }
  .hide-smartphone {
    display: none; }
  .uap-color .advantagestatutstable p.text-advantage-statuts {
    padding: 8px 10px; }
  .g-recaptcha {
    margin: 0 0 20px 10px; }
  .card-requestnewcard {
    display: none; }
  .headerstatuts {
    padding-left: 10px;
    padding-right: 10px; }
  .advantagestatutstable .bloc-white img {
    margin-left: 14px;
    margin-right: 0px;
    max-width: 12px; }
  .bloc-cms2-inner .advantagestatutstable .bloc-white table tr td {
    font-size: 12px;
    font-weight: normal; }
  .headerstatuts img.statutsimg {
    max-width: 92%;
    float: right; }
  .advantagestatutstable .text-advantage-statuts {
    background: #9d8080;
    color: #fff;
    font-size: 16px;
    padding: 8px 10px;
    font-family: Roboto Medium;
    margin-bottom: 8px; }
  .uap-color .forms-fid .upload label.textupload {
    margin-right: 20px; }
  .card-requestnewcard {
    position: initial; }
  .form_requestnewcard,
  .text-requestnewcard {
    padding-left: 0; }
  .form-b-requestnewcard,
  .form_requestnewcard {
    display: none; }
  .uap-color .requestnewcard h2.titre-rouge,
  .uap-color .contact-us h2.titre-rouge {
    padding: 0; }
  .account-creation {
    padding: 0; }
  .inputBtnSection {
    float: left; }
  .contact-us .inputBtnSection {
    width: 100%; }
  /*******************************CMS***********************************/
  .jauge-excellium {
    position: initial;
    margin-top: 10px;
    text-align: center; }
  .uap-color .text-jauge {
    position: initial;
    margin-top: 10px; }
  .triangle {
    position: initial;
    margin-bottom: 10px; }
  .statutstable {
    margin: 20px 0 8px 0px; }
  .card-condition {
    position: initial;
    margin-top: 20px; }
  .statut-info {
    float: left;
    width: 100%; }
  .cms-page h2 {
    padding-left: 0; }
  .block-circle {
    width: 98%;
    margin: 40px 4px 0 4px;
    min-height: initial; }
  /*******************************End CMS***********************************/
  .uap-color p.icon-status {
    float: left; }
  .img-offres {
    position: initial;
    float: right;
    margin-top: 23px;
    max-width: 276px; }
  .info-offre .button-loyalty,
  .button-view-my-history {
    display: none !important; }
  /*.uap-color .only-desktop {
		visibility: hidden;
	}*/
  .uap-color .hide-smartphone {
    display: none !important; }
  .uap-color .only-smartphone {
    display: block; }
  .banner-image-bonus {
    float: none; }
  .obiz {
    display: inline-block;
    padding: 26px 0px 26px 0px; }
  .pull-right {
    margin: 0px; }
  .img-obiz {
    margin-left: 40%; }
  .obiz-info {
    width: 100%;
    padding: 0px 26px 0 44px;
    margin: 22px auto 0 auto; }
  .banner-image-bonus {
    margin: 0 auto; }
  .bonus-block-text {
    width: 100%;
    margin: 22px auto 0 auto;
    padding: 20px 70px 0 40px; }
  .bleu-excellium .bonus-block-text {
    padding: 20px 70px 0 70px; }
  .my-advantages-status .advantages-offers {
    height: 254px;
    margin-top: 63px;
    width: 100%;
    overflow: hidden; }
  .content {
    padding: 0; }
  .my-status {
    background: url("../images/fid_common/header-shadow.jpg") repeat-x bottom;
    padding-bottom: 27px;
    margin-bottom: 41px; }
  .link_user span {
    display: contents; }
  .my-advantages-status h3 {
    font-size: 14px; }
  .my-status {
    border: none; }
  .uap-color .customer-status > div {
    width: 100%;
    float: left; }
  .banner-bonus {
    height: auto; }
  .card-total.BUS {
    width: 282px;
    background: url("../images/fid_common/card-club-total_new.png") no-repeat;
    background-size: 60%;
    background-position: center;
    height: 180px;
    /* 		margin-bottom: 16px; */ }
  .card-total.TRUCK {
    width: 282px;
    background: url("../images/fid_common/card-club-total_new.png") no-repeat;
    background-size: 60%;
    background-position: center;
    height: 180px;
    /* 		margin-bottom: 16px; */ }
  .card-total,
  .card-total.CAR {
    width: 282px;
    background: url("../images/fid_common/card-club-total_new.png") no-repeat;
    background-size: 60%;
    background-position: center;
    height: 180px;
    /* 		margin-bottom: 16px; */ }
  .my-status-infos {
    width: 250px;
    margin: 0 auto; }
  .card-total .info-card {
    position: absolute;
    left: 80px;
    top: 113px;
    font-size: 12px;
    line-height: 15px;
    /* 		left: 41px;
		top: 134px;
		font-size: 16px;
		line-height: 17px; */
    color: #1d1d1b;
    /* font-weight: normal; */
    width: 235px; }
  .uap-color .customer-status > div {
    min-height: initial;
    height: initial; }
  .my-status .star {
    float: left;
    font-size: 56px;
    margin-right: 14px; }
  .uap-color p.my-status-info {
    text-align: left;
    float: left;
    font-size: 18px;
    margin: 0px 0 0 10px; }
  .assistance {
    position: relative;
    text-align: left;
    margin-left: 0; }
  .uap-color h2.titre-rouge,
  .title-assistance {
    color: #ed0000;
    font-size: 1.88rem;
    /* 		font-family: myfont3; */
    /************** Adaptation nouvelle charte graphique ******************/
    font-family: Nunito Regular !important;
    line-height: 1em;
    font-weight: 400;
    text-align: left;
    padding: 0 0 0 70px;
    margin-bottom: 5px;
    text-transform: none !important;
    display: inline-block;
    margin: 0 0 10px 0; }
  .title-assistance {
    padding-left: 0;
    margin: 0 0 2px 0; }
  .uap-color p.assistance-info {
    padding: 0 0 0 40px;
    text-align: left; }
  p.new-status {
    font-size: 12px;
    margin: 10px 0; }
  .uap-color button.more-info {
    float: left;
    margin-left: 70px;
    /* 		font-size: 21.9px; */
    font-weight: normal;
    /* height: 50px;
		background: #ed0000 url("../images/fid_common/arrows-btn-mobile.png") no-repeat 14px center;
		 */
    /************** Adaptation nouvelle charte graphique ******************/
    /* Rouge Brand */
    background: #ed0000;
    color: #fff;
    border: 1px solid #ed0000;
    border-radius: 40px;
    font-size: 17px;
    height: 46px; }
  .uap-color p.bonus-text1,
  .uap-color p.bonus-text2,
  .uap-color p.bonus-text3 {
    width: 100% !important; }
  .shape-title {
    width: 40px;
    height: 68px;
    background: url("../images/fid_common/shape-title-mobile.png") no-repeat 0 0;
    position: absolute;
    top: 7px;
    left: 21px;
    z-index: 800; }
  .tab-content .account-creation {
    padding: 0; }
  .account-confirm .image-bottom {
    position: initial; }
  h2 .shape-title-advantages {
    display: none; }
  .uap-color .content-fid h2 span:after {
    font-size: 20px;
    line-height: 29px; }
  .content-fid {
    background-image: none;
    padding-left: 14px;
    margin-left: 0;
    margin-right: 0px;
    padding-right: 14px; }
  .uap-color .content-fid p {
    font-weight: normal; }
  .content-fid p.frequency {
    font-weight: normal; }
  .uap-color .content-fid .My-preferences p {
    font-size: 11px; }
  .uap-color .personal-information-tab .nav-tabs > li > a {
    min-height: 51px;
    font-size: 12px;
    font-family: Roboto Regular;
    line-height: normal; }
  .uap-color .personal-information-tab .nav-tabs {
    position: fixed;
    bottom: 0px;
    background: #f2f2f2;
    width: 103%;
    left: -10px;
    z-index: 999;
    margin-bottom: 0px; }
  .uap-color .cms-page h2 .title-icon {
    margin-left: 18px;
    max-width: 90px;
    display: inline; }
  .uap-color .my-bonus-excellium h2.titre-rouge,
  .uap-color .my-advantages-status h2,
  .uap-color .my-current-offers h2,
  .uap-color .avantagesportlet h2.titre-rouge {
    display: block;
    text-align: center;
    font-size: 26px; }
  .uap-color .tab-content button.button-loyalty-rouge,
  .uap-color .account-creation-portlet button.button-loyalty-rouge {
    margin: 0 auto;
    float: none; }
  .uap-color .additionalInfoForm button.button-loyalty-rouge {
    margin-right: 15px; }
  .img-question,
  .img-cedena {
    display: none; }
  .popper-content {
    left: -144px; }
  .popover-arrow {
    left: 70%; }
  .account-creation {
    padding: 0 0px;
    background: transparent !important;
    margin-bottom: 0; }
  .uap-color .forms-fid h2,
  .uap-color h2,
  .uap-color .content-fid h2.titre-rouge,
  .uap-color h2.titre-rouge,
  .uap-color .personal-document h2.titre-rouge {
    font-size: 26px;
    padding-bottom: 14px;
    padding-left: 0;
    line-height: 30px; }
  .requestnewcardform {
    margin-left: 0; }
  .requestnewcard {
    padding: 0 14px; }
  .contact-us .account-creation {
    padding: 0 14px;
    margin-left: 0; }
  .uap-color .contact-us .account-creation .textarea {
    max-width: 100%; }
  .uap-color .contact-us p {
    font-size: 14px; }
  .uap-color .contact-us h2.titre-rouge {
    padding: 0 14px; }
  .forms-fid h3 {
    padding-left: 0px; }
  .uap-color .account-creation-portlet #mobile-continue-div button.button-loyalty-rouge {
    margin: 0 auto 20px auto; }
  .uap-color .button-gray2left {
    background: url(../images/fid_common/big-arrows.png) no-repeat 20px 20px #554f53;
    padding-left: 35px;
    width: 100%; }
  .bloc-cms2-inner .advantagestatutstable .headerstatuts .statutsimg img {
    margin-bottom: 5px; }
  .uap-color .bloc-cms2 .advantagestatutstable p.text-advantage-statuts {
    font-size: 14px; }
  .uap-color .bloc-white h3 {
    font-size: 16px;
    margin: 15px 0 15px 0; } }

@media (max-width: 979px) {
  .uap-color .account-creation input,
  .uap-color .account-creation select {
    font-size: 12px; } }

@media screen and (min-width: 640px) and (max-width: 799px) {
  .uap-color .changePassword .forms-fid .input-text {
    width: 70%; }
  .uap-color .img-question {
    display: none; } }

@media screen and (max-width: 959px) {
  .fid {
    width: 95%;
    top: 75px; } }

@media screen and (min-width: 960px) and (max-width: 1169px) {
  .uap-page .fid {
    max-width: 960px; } }

@media screen and (max-width: 860px) {
  .npaipage .rdv.bloc-white-raduis {
    width: 92% !important; }
  .uap-color .rdv p {
    line-height: 25px; } }

@media screen and (max-width: 641px) {
  .uap-color h2.title-login {
    line-height: 36px; } }

@media screen and (max-width: 425px) {
  .uap-color .forms-fid .gigya-composite-control input[type="text"],
  .uap-color .forms-fid .gigya-composite-control input[type="password"] {
    padding: 0 5px !important; }
  .uap-color button.button-loyalty-rouge, .uap-color button.button-loyalty, .uap-color button.button-loyalty-gray, .uap-color button.button-loyalty-red {
    height: auto; }
  .uap-color button.button-loyalty-rouge {
    min-height: 40px; }
  .uap-color button.button-loyalty, .uap-color button.button-loyalty-gray, .uap-color button.button-loyalty-red {
    min-height: 30px; } }

@media screen and (min-width: 960px) {
  .hide-on-desktop {
    display: none; } }

@media screen and (max-width: 959px) {
  .hide-on-mobile {
    display: inline-block !important; } }

.right {
  text-align: right; }

.last-connect-date {
  font-size: 12px !important;
  /*     color: #7F7F7F !important; */
  /************** Adaptation nouvelle charte graphique ******************/
  /* Gris */
  color: #374649 !important;
  font-family: Roboto Regular; }

.hide-on-mobile {
  font-size: 12px !important;
  color: #374649 !important;
  font-family: Roboto Regular; }

.uap-page header .block-header .header_compte .header_compte_block .header_compte_menu a.header-reset-password span {
  display: inline-block;
  padding-right: 30px;
  min-height: 18px; }

@font-face {
  font-family: 'Roboto Regular';
  src: url("../fonts/Roboto/Roboto-Regular.ttf?jivep9") format("truetype"); }

body.uap-color {
  padding-left: 0;
  font-family: 'Roboto Regular'; }
  body.uap-color .uap-page header.uap-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: auto;
    position: fixed;
    background-color: #FFFFFF;
    z-index: 900;
    top: 0;
    width: 100%; }
    body.uap-color .uap-page header.uap-header.has-control-menu {
      top: 65px; }
    body.uap-color .uap-page header.uap-header:after {
      background-color: transparent;
      background-size: 100% 100%;
      bottom: 0;
      content: '';
      display: block;
      height: 5px;
      position: absolute;
      right: 0;
      width: 100%;
      z-index: 10; }
    body.uap-color .uap-page header.uap-header .header-main-block {
      height: auto;
      width: calc(100% - 40px);
      max-width: 1170px;
      padding-right: 20px;
      padding-left: 20px; }
      body.uap-color .uap-page header.uap-header .header-main-block .block-header {
        float: left;
        height: auto;
        width: auto;
        padding-right: 0px;
        padding-left: 0px; }
        body.uap-color .uap-page header.uap-header .header-main-block .block-header .header_logo {
          display: inline-block;
          float: none;
          max-height: 76px;
          width: 104px;
          margin-left: 0px;
          margin-right: 0px;
          padding-top: 24px; }
          body.uap-color .uap-page header.uap-header .header-main-block .block-header .header_logo img {
            float: none;
            display: initial;
            width: 100%;
            margin-left: 0px;
            margin-right: 0px;
            padding-top: 0px; }
      body.uap-color .uap-page header.uap-header .header-main-block .header-main-right-block {
        float: right;
        height: auto;
        width: 960px;
        padding-right: 0px;
        padding-left: 0px; }
        body.uap-color .uap-page header.uap-header .header-main-block .header-main-right-block .header-top-block-sticky {
          float: left;
          display: none;
          height: 34px !important;
          min-height: 34px !important;
          width: 100%;
          flex-direction: row;
          padding-right: 0px;
          padding-left: 0px; }
          body.uap-color .uap-page header.uap-header .header-main-block .header-main-right-block .header-top-block-sticky .header-top-text-sticky {
            float: right;
            height: 34px;
            font-weight: 400;
            text-align: left;
            font-family: Roboto Regular;
            font-size: 14px;
            padding-top: 25px;
            color: #ED0000;
            text-transform: capitalize; }
        body.uap-color .uap-page header.uap-header .header-main-block .header-main-right-block .header-bottom-block {
          display: flex;
          height: 53px;
          width: 100%;
          flex-direction: row;
          background-color: transparent;
          justify-content: flex-end;
          align-items: center;
          padding-right: 0px;
          padding-left: 0px; }
        body.uap-color .uap-page header.uap-header .header-main-block .header-main-right-block .header-top-block {
          float: left;
          display: block;
          height: 61px !important;
          min-height: 34px !important;
          width: 960px;
          flex-direction: row;
          padding-right: 0px;
          padding-left: 0px; }
          body.uap-color .uap-page header.uap-header .header-main-block .header-main-right-block .header-top-block .top-menu-link {
            float: right;
            font-family: "Roboto Regular";
            font-style: normal;
            font-weight: bold;
            font-size: 9px;
            line-height: 11px;
            color: #ED0000;
            margin-top: 30px; }
        body.uap-color .uap-page header.uap-header .header-main-block .header-main-right-block .header-right-block {
          display: flex;
          align-items: center;
          height: 100%; }
          body.uap-color .uap-page header.uap-header .header-main-block .header-main-right-block .header-right-block .link_login .link-login-label {
            background-repeat: no-repeat;
            background-position: center bottom;
            /*                             background-image: url("../images/total/puce-bottom-white.svg"); */
            display: block;
            padding-bottom: 10px;
            padding-top: 0px; }
          body.uap-color .uap-page header.uap-header .header-main-block .header-main-right-block .header-right-block .header-compte-container {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            position: relative; }
            body.uap-color .uap-page header.uap-header .header-main-block .header-main-right-block .header-right-block .header-compte-container .link-user-icon {
              margin-right: 10px; }
            body.uap-color .uap-page header.uap-header .header-main-block .header-main-right-block .header-right-block .header-compte-container .link_user {
              color: #666666;
              font-size: 16px; }
            body.uap-color .uap-page header.uap-header .header-main-block .header-main-right-block .header-right-block .header-compte-container .header_compte_menu {
              position: absolute;
              text-align: left;
              width: max-content;
              z-index: 400;
              display: none;
              left: -60px;
              box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15); }
              body.uap-color .uap-page header.uap-header .header-main-block .header-main-right-block .header-right-block .header-compte-container .header_compte_menu li {
                border-top: solid 1px #f8f8f8;
                line-height: 16px;
                background-color: #FFFFFF; }
                body.uap-color .uap-page header.uap-header .header-main-block .header-main-right-block .header-right-block .header-compte-container .header_compte_menu li:hover {
                  background-color: #f8f8f8; }
                body.uap-color .uap-page header.uap-header .header-main-block .header-main-right-block .header-right-block .header-compte-container .header_compte_menu li:first-child {
                  border-top: none; }
                body.uap-color .uap-page header.uap-header .header-main-block .header-main-right-block .header-right-block .header-compte-container .header_compte_menu li a {
                  display: block;
                  padding: 15px;
                  /* color: $colorGrey; */
                  color: #374649 !important; }
                  body.uap-color .uap-page header.uap-header .header-main-block .header-main-right-block .header-right-block .header-compte-container .header_compte_menu li a:hover {
                    color: #ED0000; }

.uap-color.has-control-menu .uap-page {
  padding-top: 64px !important; }

.uap-color.has-control-menu header {
  top: 64px !important; }

.uap-color.has-control-menu.has-staging-bar header {
  top: 96px !important; }

.uap-color.has-control-menu.has-staging-bar .uap-page {
  padding-top: 144px !important; }

.uap-color.has-control-menu.has-staging-bar.live-view .uap-page {
  padding-top: 144px !important; }

.uap-color.has-control-menu.has-staging-bar.live-view header {
  top: 96px !important; }

@media screen and (max-width: 1170px) {
  body.uap-color .uap-page header.uap-header .header_compte {
    width: 85px; } }

@media screen and (max-width: 767px) {
  body.uap-color.has-control-menu .uap-page header.uap-header {
    top: 48px !important; }
  body.uap-color.has-control-menu.has-staging-bar .uap-page header.uap-header, body.uap-color.has-control-menu.has-staging-bar.live-view .uap-page header.uap-header, body.uap-color.has-control-menu.has-staging-bar.staging.local-staging .uap-page header.uap-header {
    top: 47px !important; } }

@media screen and (max-width: 675px) {
  body.uap-color .uap-page header.uap-header {
    position: fixed;
    top: 0 !important;
    /*                 .block-header .header_logo img { */
    /*                     height: 30px; */
    /*                 } */ }
    body.uap-color .uap-page header.uap-header .header_logo {
      padding-top: 24px !important;
      margin-top: -6px; }
    body.uap-color .uap-page header.uap-header .header-right-block .header-compte-container {
      flex-wrap: wrap;
      flex-direction: column;
      align-items: center;
      max-width: 90px;
      cursor: pointer;
      position: relative !important;
      margin-top: -28px;
      margin-right: 21px; }
    body.uap-color .uap-page header.uap-header .header_compte {
      width: 60px; }
  body.uap-color.signed-out .uap-page header.uap-header {
    top: 0; } }

.uap-color .login-portlet h2.title-login {
  margin-bottom: 15px;
  padding: 0;
  margin-top: 0;
  font-size: 50px;
  font-family: Nunito Regular;
  text-align: center;
  color: #ED0000;
  text-transform: capitalize; }
  .uap-color .login-portlet h2.title-login .fidicon-PICTO_EN-TETE_MOBILE {
    font-size: 50px; }
  .uap-color .login-portlet h2.title-login img {
    margin-left: 54px; }

.uap-color .login-portlet .resetpasswordbody .divinorange {
  padding: 0;
  text-align: center; }
  .uap-color .login-portlet .resetpasswordbody .divinorange p {
    font-size: 25px;
    text-align: inherit; }

.uap-color .login-portlet .Login-container {
  padding: 15px 30px; }
  .uap-color .login-portlet .Login-container h2.gigya-composite-control.gigya-composite-control-header {
    padding-left: 0 !important;
    margin-bottom: 35px; }

.uap-color .login-portlet .register-block {
  padding: 0; }
  .uap-color .login-portlet .register-block .acount-creation-blocks {
    display: flex;
    justify-content: space-evenly; }
    .uap-color .login-portlet .register-block .acount-creation-blocks .bloc-grey-raduis {
      border: 2px solid #ececec;
      border-bottom: 2px solid #df0c36;
      -webkit-border-radius: 14px;
      -moz-border-radius: 14px;
      border-radius: 14px;
      padding: 15px;
      min-height: 324px;
      text-align: center;
      width: 32%; }
      .uap-color .login-portlet .register-block .acount-creation-blocks .bloc-grey-raduis h3 {
        text-align: left;
        margin: 0;
        height: 65px;
        font-size: 22px !important;
        line-height: 100%;
        text-transform: uppercase;
        font-weight: normal; }

@media screen and (max-width: 450px) {
  .login-portlet .Login-container {
    min-height: 560px; }
    .login-portlet .Login-container .gigya-social-login-container {
      margin: auto;
      width: auto !important; }
    .login-portlet .Login-container h2.gigya-composite-control.gigya-composite-control-header {
      margin-bottom: 15px;
      text-align: center; }
    .login-portlet .Login-container .gigya-screen.portrait .gigya-composite-control.gigya-composite-control-submit {
      float: none;
      display: inline-block; }
    .login-portlet .Login-container .gigya-composite-control.gigya-composite-control-textbox, .login-portlet .Login-container .gigya-composite-control.gigya-composite-control-password, .login-portlet .Login-container .gigya-composite-control.gigya-composite-control-submit {
      text-align: center; }
    .login-portlet .Login-container .forgot-password-link {
      position: absolute;
      bottom: 10px; } }

@media screen and (max-width: 641px) {
  .login-portlet .Login-container {
    margin-left: 0; } }

@media screen and (max-width: 720px) {
  .uap-color .uap-page header .block-header {
    display: flex;
    justify-content: center;
    padding: 15px 0; }
  .uap-color .uap-page header .header_logo {
    margin-top: 0; }
    .uap-color .uap-page header .header_logo img {
      width: 128px;
      height: 100%; }
  .uap-color .uap-page .bg-bloc-login .login-portlet,
  .uap-color .uap-page .login-portlet.reset-password {
    padding: 0 10px; }
    .uap-color .uap-page .bg-bloc-login .login-portlet h2.title-login,
    .uap-color .uap-page .login-portlet.reset-password h2.title-login {
      font-size: 30px; }
      .uap-color .uap-page .bg-bloc-login .login-portlet h2.title-login .fidicon-PICTO_EN-TETE_MOBILE,
      .uap-color .uap-page .login-portlet.reset-password h2.title-login .fidicon-PICTO_EN-TETE_MOBILE {
        font-size: 30px; }
    .uap-color .uap-page .bg-bloc-login .login-portlet .divinorange p,
    .uap-color .uap-page .login-portlet.reset-password .divinorange p {
      font-size: 20px; }
    .uap-color .uap-page .bg-bloc-login .login-portlet .row,
    .uap-color .uap-page .login-portlet.reset-password .row {
      margin: 0; }
  .uap-color .uap-page .register-block .acount-creation-blocks {
    flex-direction: column; }
    .uap-color .uap-page .register-block .acount-creation-blocks .bloc-grey-raduis {
      display: flex;
      flex-wrap: wrap;
      min-height: initial;
      width: 100%;
      padding: 5px 10px;
      align-items: center;
      justify-content: space-between;
      margin-top: 15px; }
      .uap-color .uap-page .register-block .acount-creation-blocks .bloc-grey-raduis h3 {
        height: initial;
        text-align: initial; }
      .uap-color .uap-page .register-block .acount-creation-blocks .bloc-grey-raduis .img-compte {
        margin-bottom: 0; }
        .uap-color .uap-page .register-block .acount-creation-blocks .bloc-grey-raduis .img-compte img {
          height: 120px; } }

@media screen and (min-width: 720px) {
  .uap-page header .block-header {
    padding-bottom: 10px;
    padding-top: 15px; } }

@media screen and (min-width: 720px) and (max-width: 959px) {
  .uap-color .uap-page header::after {
    content: none; }
  .uap-color .uap-page header .block-header {
    display: block; }
    .uap-color .uap-page header .block-header .header_logo {
      margin-top: 17px; }
      .uap-color .uap-page header .block-header .header_logo img {
        width: 185px;
        height: 53px; } }

@media screen and (max-width: 799px) {
  .login-portlet .resetpasswordbody .divinorange p {
    font-size: 25px; } }

@media screen and (min-width: 800px) {
  .login-portlet .resetpasswordbody .title-login {
    padding-left: initial !important; } }

.uap-color button.button-loyalty {
  background-color: #ED0000; }

.login-portlet {
  max-width: 850px;
  margin: 0 auto;
  position: relative;
  padding-left: 40px;
  padding-right: 40px; }

.unavailability {
  background-color: #fff;
  border: 2px solid #ececec;
  border-bottom: 2px solid #ED0000;
  background-image: none;
  padding-top: 32px; }

.uap-color .login-portlet h3,
.uap-color .login-portlet h2.gigya-composite-control-header,
.uap-color .login-portlet .gigya-screen .gigya-composite-control.gigya-composite-control-label.main-text {
  color: #ED0000 !important;
  font-family: Nunito Regular;
  font-size: 22px !important;
  padding-left: 0;
  margin-bottom: 25px;
  padding-bottom: 0; }

.uap-color .login-portlet .submit-row {
  float: left;
  display: inline-block; }

.uap-color .header-login {
  background-image: none; }

.bloc-white-raduis {
  background: #fff;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
  padding: 15px 6.9% 20px 6.9%;
  color: #374649;
  font-size: 12px;
  margin-bottom: 40px;
  position: relative;
  min-height: 200px; }

.npaipage .bloc-white-raduis {
  min-height: 801px; }

.form-login {
  position: absolute;
  top: 0px;
  left: 54px; }

.form-login2 {
  position: absolute;
  top: 159px;
  right: -152px; }

.register-block p {
  color: #374649;
  font-size: 16px;
  font-weight: normal;
  padding-top: 0px;
  font-family: Roboto Regular !important; }

.fid-login header {
  background-image: none; }

.mail-box {
  position: absolute;
  top: 84px;
  right: 0px; }

.uap-color.fid-login button.button-loyalty {
  background-color: #ED0000; }

.uap-color .text-required {
  color: #374649;
  margin-top: 20px; }

.npaipage .text1 {
  padding-bottom: 20px;
  font-weight: normal; }

.uap-color .login-portlet .npaipage h3 {
  margin-bottom: 30px; }

.uap-color .npaipage button.button-loyalty {
  margin-top: 40px; }

.uap-color .login-portlet.npaipage h3 {
  padding-bottom: 12px;
  font-size: 18px;
  margin-top: 22px; }

.uap-color .login-portlet.npaipage h2.title-login {
  margin-bottom: 32px; }

.asterisk-required {
  color: #374649; }

.uap-color .login-portlet .gigya-screen-caption {
  display: none; }

.Login-container .gigya-screen.portrait .gigya-error-msg-active.gigya-form-error-msg {
  display: inline-block; }

.gigya-screen form.gigya-form-error .gigya-composite-control.gigya-composite-control-form-error.gigya-error-display-active {
  clear: both; }

.Login-container .gigya-screen.portrait {
  width: 100%;
  font-size: 15px;
  padding-left: 0;
  padding-right: 0;
  padding-top: 10px; }

.uap-color .Login-container .gigya-screen.portrait label.gigya-required-display {
  display: inline-block;
  /* float: left;
     */
  width: initial; }

.uap-color form .forms-fid .input-text,
.uap-color .forms-fid .input-text {
  width: 100%;
  height: 26px;
  font-size: 12px;
  line-height: 11px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 10px; }

.uap-color.fid-login .gigya-input-submit,
.uap-color.fid-login .gigya-composite-control.button input {
  padding: 0 19px 0 25px !important;
  color: #fff !important;
  display: inline-block !important;
  float: left;
  max-width: 85px !important;
  margin: 10px 14px 0 0 !important;
  /************** Adaptation nouvelle charte graphique ******************/
  /* Button label */
  position: static;
  height: 46px !important;
  left: 40px;
  top: 15px;
  /* 07. Paragraph 14 px/Bold */
  font-family: Roboto Bold !important;
  font-size: 14px !important;
  line-height: 16px !important;
  /* Inside Auto Layout */
  flex: none !important;
  order: 0 !important;
  flex-grow: 0 !important;
  /* Rouge Brand */
  background: #ed0000 !important;
  color: #fff !important;
  border: 1px solid #ed0000 !important;
  border-radius: 40px !important; }

.uap-color.fid-login .gigya-input-submit,
.uap-color.fid-login .gigya-composite-control.button input:hover {
  /************** Adaptation nouvelle charte graphique ******************/
  /* Button label */
  position: static !important;
  left: 40px;
  top: 15px;
  /* 07. Paragraph 14 px/Bold */
  font-family: Roboto Bold !important;
  font-size: 14px !important;
  /* identical to box height, or 114% */
  letter-spacing: 0.1px !important;
  /* Rouge Brand */
  background: #fff !important;
  color: #ed0000 !important;
  border: 1px solid #ed0000 !important;
  border-radius: 40px !important;
  /* Inside Auto Layout */
  flex: none !important;
  order: 0 !important;
  flex-grow: 0 !important; }

.uap-color.fid-login .gigya-composite-control.button input {
  width: 100% !important; }

.uap-color.fid-login .gigya-composite-control-submit {
  float: left;
  display: inline-block; }

.uap-color.fid-login .gigya-forgotPassword,
.uap-color.fid-login .gigya-composite-control-link,
.uap-color.fid-login .gigya-screen a {
  color: #374649 !important;
  text-decoration: underline !important;
  float: right;
  margin-top: 10px;
  font-family: Roboto Regular; }

.uap-color.fid-login .gigya-screen-content div.gigya-screen.landscape {
  padding-left: 0;
  padding-right: 0;
  width: 100%; }

.uap-color.fid-login .gigya-screen h2 {
  text-align: left;
  text-transform: initial; }

.uap-color.fid-login .gigya-screen .gigya-composite-control {
  padding-bottom: 0;
  line-height: normal; }

.login-portlet .gigya-screen.landscape .gigya-layout-row.with-divider {
  display: none !important; }

.bloc-white-raduis .gigya-screen.landscape {
  padding-top: 0 !important; }

.gigya-screen *.gigya-error-msg.gigya-error-msg-active,
.gigya-screen *.gigya-error-msg-active.gigya-form-error-msg {
  text-align: left; }

.gigya-screen .gigya-footer.gigya-message {
  text-align: right !important; }

.gigya-screen .gigya-message a {
  color: #ED0000 !important; }

.account-creation-portlet .g-recaptcha {
  margin-left: 13%;
  margin-bottom: 20px; }

.uap-color .account-confirm p.red-text {
  color: #ED0000; }

.fid-social-button button div,
.fid-social-button button img {
  outline: 6px solid #f2f2f2 !important;
  outline-offset: -8px; }

.fid-social-button button img {
  border: 2px solid #ED0000; }

.fid-social-button button div {
  border: 2px solid #f2f2f2; }

.fid-social-button button {
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px; }

@media screen and (max-width: 799px) {
  .Login-container {
    max-height: initial; }
  .gigya-screen.portrait .gigya-layout-row.with-divider > .gigya-layout-cell.with-divider {
    display: none; }
  .form-login,
  .mail-box {
    display: none; }
  .uap-color.fid-login .gigya-screen .gigya-forgotPassword,
  .uap-color.fid-login .gigya-screen .gigya-forgotPassword:link {
    float: right; }
  .uap-color.fid-login .gigya-screen.portrait.mobile {
    padding: 0; }
  .gigya-screen .gigya-message {
    text-align: left;
    margin-top: 20px; }
  .divinorange {
    margin-left: 14px;
    margin-right: 14px; }
  .reset-password .star {
    display: none; }
  .uap-color.fid-login .gigya-input-submit {
    float: left; }
  .g-recaptcha {
    margin: 0 0 20px 10px; }
  .divinorange p {
    font-size: 14px; }
  .uap-color .requestnewcard h2.titre-rouge {
    padding-left: 14px;
    font-size: 30px; }
  .requestnewcard h2:after {
    font-size: 30px;
    margin: 0 0 0px 10px;
    line-height: 36px; }
  .requestnewcard .text-requestnewcard {
    padding-left: 14px;
    padding-right: 14px; }
  .requestnewcard .account-creation {
    padding: 0 14px; }
  .requestnewcardform {
    margin: 0; }
  .form-b-requestnewcard,
  .form_requestnewcard {
    display: none; }
  .card-requestnewcard {
    display: none; }
  .account-creation {
    background: transparent;
    margin-bottom: 0; }
  .requestnewcardform p {
    line-height: normal; } }

.uap-color form .forms-fid .input-text.inputAutocomplete {
  margin-bottom: 2px; }

.uap-color .login-portlet.reset-password h2.title-login {
  margin-bottom: 35px; }

.message-success {
  color: #ED0000 !important;
  font-size: 22px !important;
  padding-left: 0;
  margin-top: 40px; }

.gigya-composite-control.fid-subtitle {
  padding-bottom: 20px !important; }

.fid-social-button .gigya-login-providers-container,
.fid-social-button .gigya-login-providers-container td,
.fid-social-button .gigya-login-providers-container th,
.fid-social-button .gigya-login-providers-container tr {
  margin: 0; }

.fid-social-button .gigya-android {
  height: initial !important; }

.fid-social-button .gigya-login-providers {
  height: initial !important; }

.fid-social-button .gigya-active .gigya-login-providers-list {
  margin-top: 20px; }

@media screen and (max-width: 450px) {
  .fid-social-button .gigya-login-providers-container div {
    margin-bottom: 5px !important;
    margin-right: 0px !important; }
  .fid-social-button .gigya-login-providers-container span {
    margin-bottom: 5px !important;
    margin-right: 0px !important; }
  .fid-social-button .gigya-active .gigya-login-providers-list {
    margin-top: 0px; }
  .fid-social-button div#gigya-login-container_social_0_uiContainer {
    height: initial !important;
    width: auto !important; }
  .fid-social-button .gigya-login-provider-row {
    height: initial !important; }
  .fid-social-button button {
    display: block;
    margin-bottom: 10px; }
  .fid-social-button div#gigya-login-container_social_0 {
    height: initial !important; }
  .fid-social-button .gigya-login-providers-container {
    transform: translateY(0%);
    -ms-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    width: auto !important; } }

.uap-color.fid-login .fid-social-button .gigya-input-submit,
.uap-color.fid-login .fid-social-button .gigya-composite-control.button input {
  max-width: 121px !important; }

#gigyaLogin .link_login {
  display: none; }

.uap-color button.button-loyalty-rouge {
  background-image: url("../images/fid_common/arrows-btn.png");
  background-repeat: no-repeat;
  background-position: 14px center;
  padding: 0 40px 0 40px;
  float: right;
  margin-right: 10%;
  background-position-x: 40px;
  /************** Adaptation nouvelle charte graphique ******************/
  /* Button label */
  position: static;
  height: 46px;
  left: 40px;
  top: 15px;
  /* 07. Paragraph 14 px/Bold */
  font-family: Roboto Bold;
  font-size: 14px;
  line-height: 16px;
  /* Inside Auto Layout */
  flex: none;
  order: 0;
  flex-grow: 0;
  /* Rouge Brand */
  background: #ed0000;
  color: #fff;
  border: 1px solid #ed0000;
  border-radius: 40px; }

.uap-color button.button-loyalty-rouge:hover {
  /************** Adaptation nouvelle charte graphique ******************/
  /* Button label */
  position: static;
  left: 40px;
  top: 15px;
  /* 07. Paragraph 14 px/Bold */
  font-family: Roboto Bold;
  font-size: 14px;
  /* identical to box height, or 114% */
  letter-spacing: 0.1px;
  /* Rouge Brand */
  background: #fff;
  color: #ed0000;
  border: 1px solid #ed0000;
  border-radius: 40px;
  /* Inside Auto Layout */
  flex: none;
  order: 0;
  flex-grow: 0; }

.uap-color h2,
.uap-color h2.titre-rouge {
  color: #ED0000;
  font-size: 1.8rem;
  font-family: Nunito Regular;
  line-height: 1em;
  font-weight: 400;
  padding: 0 0 15px 15px;
  margin-bottom: 5px;
  text-transform: uppercase;
  position: relative; }

.checkbox-form input[type=checkbox]:checked + span.span-checkbox:before {
  content: "\f00c";
  font-family: 'fontawesome-alloy';
  background: #ED0000;
  font-size: 16px;
  color: #fff;
  text-align: center;
  line-height: 16px;
  display: block;
  width: 18px;
  border: none;
  height: 18px;
  position: absolute;
  left: 0px;
  top: 0px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  opacity: 1;
  transform: scale(1); }

.custom-select:after {
  background: url("../images/arrows-red.png") no-repeat #fff 10px 5px;
  content: " ";
  position: absolute;
  top: 2px;
  right: 6px;
  bottom: 0;
  line-height: 30px;
  padding: 0 7px;
  color: white;
  pointer-events: none;
  width: 28px;
  height: 24px; }

.uap-color .forms-fid h3 a {
  font-size: 15px;
  color: #ED0000; }

.forms-fid h3 {
  padding-left: 15px; }

@media screen and (max-width: 641px) {
  .forms-fid h3 {
    padding-left: 0; } }

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

[class^="fidicon-"], [class*=" fidicon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.fidicon-CarteInactif-1 {
  display: inline-table !important; }

.fidicon-CarteInactif-1 .path1:before {
  content: "\e900";
  color: #5f8fa7; }

.fidicon-CarteInactif-1 .path2:before {
  content: "\e920";
  margin-left: -1.57421875em;
  color: white; }

.fidicon-CarteInactif-1 .path3:before {
  content: "\e921";
  margin-left: -1.57421875em;
  color: white; }

.fidicon-CarteInactif-1 .path4:before {
  content: "\e922";
  margin-left: -1.57421875em;
  color: white; }

.fidicon-CarteInactif-1 .path5:before {
  content: "\e923";
  margin-left: -1.57421875em;
  color: white; }

.fidicon-CarteInactif-1 .path6:before {
  content: "\e924";
  margin-left: -1.57421875em;
  color: white; }

.fidicon-CarteInactif-1 .path7:before {
  content: "\e925";
  margin-left: -1.57421875em;
  color: white; }

.fidicon-CarteInactif-1 .path8:before {
  content: "\e926";
  margin-left: -1.57421875em;
  color: white; }

.fidicon-CarteNew-1 .path1:before {
  content: "\e927";
  color: #beb24f; }

.fidicon-CarteNew-1 .path2:before {
  content: "\e928";
  margin-left: -1.57421875em;
  color: white; }

.fidicon-CarteNew-1 .path3:before {
  content: "\e929";
  margin-left: -1.57421875em;
  color: white; }

.fidicon-CarteNew-1 .path4:before {
  content: "\e92a";
  margin-left: -1.57421875em;
  color: white; }

.fidicon-PICTO_ESSENCE:before {
  content: "\e91f"; }

.fidicon-PICTO_AVANTAGE:before {
  content: "\e901"; }

.fidicon-PICTO_CLOUD:before {
  content: "\e902"; }

.fidicon-PICTO_CLUB_TOTAL:before {
  content: "\e903"; }

.fidicon-PICTO_CONTACT:before {
  content: "\e904"; }

.fidicon-PICTO_DECONNECTION:before {
  content: "\e905"; }

.fidicon-PICTO_DEPANNEUSE:before {
  content: "\e906"; }

.fidicon-PICTO_DOCUMENT:before {
  content: "\e907"; }

.fidicon-PICTO_EN-TETE_MOBILE:before {
  content: "\e908"; }

.fidicon-PICTO_ENVELOPPE:before {
  content: "\e909"; }

.fidicon-PICTO_ETOILE_CREUSE:before {
  content: "\e90a"; }

.fidicon-PICTO_ETOILE_PLEINE:before {
  content: "\e90b"; }

.fidicon-PICTO_GOLD .path1:before {
  content: "\e90c";
  color: #c8946d; }

.fidicon-PICTO_GOLD .path2:before {
  content: "\e90d";
  margin-left: -1em;
  color: white; }

.fidicon-PICTO_HAMBURGER:before {
  content: "\e90e"; }

.fidicon-PICTO_HISTORIQUE:before {
  content: "\e90f"; }

.fidicon-PICTO_INFORMATION:before {
  content: "\e910"; }

.fidicon-PICTO_LOUPE:before {
  content: "\e911"; }

.fidicon-PICTO_MOINS:before {
  content: "\e912"; }

.fidicon-PICTO_PHOTO:before {
  content: "\e913"; }

.fidicon-PICTO_PLATINUM .path1:before {
  content: "\e914";
  color: #3c404c; }

.fidicon-PICTO_PLATINUM .path2:before {
  content: "\e915";
  margin-left: -1em;
  color: white; }

.fidicon-PICTO_PLATINUM .path3:before {
  content: "\e916";
  margin-left: -1em;
  color: white; }

.fidicon-PICTO_PLUS:before {
  content: "\e917"; }

.fidicon-PICTO_PREFERENCE:before {
  content: "\e918"; }

.fidicon-PICTO_SILVER .path1:before {
  content: "\e919";
  color: #b2bbd2; }

.fidicon-PICTO_SILVER .path2:before {
  content: "\e91a";
  margin-left: -1em;
  color: white; }

.fidicon-PICTO_TELEPHONE:before {
  content: "\e91b"; }

.fidicon-PICTO_WHITE .path1:before {
  content: "\e91c";
  color: white; }

.fidicon-PICTO_WHITE .path2:before {
  content: "\e91d";
  margin-left: -1em;
  color: none; }

.fidicon-PICTO_WHITE .path3:before {
  content: "\e91e";
  margin-left: -1em;
  color: #b3adab; }

.jconfirm.jconfirm-uap-theme {
  /*Responsive*/ }
  .jconfirm.jconfirm-uap-theme .jconfirm-box {
    border-radius: 0px 0px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px; }
  .jconfirm.jconfirm-uap-theme .jconfirm-bg {
    background-color: rgba(0, 0, 0, 0.4); }
  .jconfirm.jconfirm-uap-theme table.dataTable thead {
    background-color: #ed0000;
    color: #fff;
    font-weight: normal;
    opacity: 1; }
  .jconfirm.jconfirm-uap-theme .jconfirm .jconfirm-box.jconfirm-type-green {
    background: transparent; }
  .jconfirm.jconfirm-uap-theme div.jconfirm-title-c .jconfirm-title {
    font-weight: 700;
    display: block; }
    .jconfirm.jconfirm-uap-theme div.jconfirm-title-c .jconfirm-title h3 {
      font-size: 16px;
      padding-bottom: 20px;
      text-align: center;
      display: block; }
    .jconfirm.jconfirm-uap-theme div.jconfirm-title-c .jconfirm-title [class^="total-icon-"] {
      font-size: 40px;
      display: block;
      color: #5b91e7; }
  .jconfirm.jconfirm-uap-theme .jconfirm-box .jconfirm-buttons button.btn-default {
    /*font-family: "Lato", sans-serif !important;
		    color: #fff;
		    display: inline-block;
		    padding: 0px 16px;
		    background-color: #ed0000 ;
		    background-image: none;
		    border: none;
		    margin-left: 4px;
		    border-radius: 0px;
		    box-shadow: none;
		    text-shadow: none;
		    height: 46px;
		    min-width: 110px;
		    margin-bottom: 15px;
		    padding-left: 20px;
		    float: right;
		    line-height: 46px !important;*/
    /************** Adaptation nouvelle charte graphique ******************/
    /* Button label */
    position: static;
    /* width: 77px;
    height: 16px; */
    left: 40px;
    top: 15px;
    /* 07. Paragraph 14 px/Bold */
    font-family: Roboto Regular;
    /*     font-weight: bold; */
    font-size: 17px;
    line-height: 16px;
    /* Inside Auto Layout */
    flex: none;
    order: 0;
    flex-grow: 0;
    /* 	margin: 0px 10px; */
    /* Auto Layout */
    display: inline-block;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 15px 27px;
    /* position: absolute; 
width: 157px;*/
    height: 46px;
    left: 20px;
    top: 20px;
    /* Rouge Brand */
    background: #fff;
    color: #ed0000;
    border: 1px solid #ed0000;
    border-radius: 40px; }
  .jconfirm.jconfirm-uap-theme .jconfirm-box .jconfirm-buttons button.btn-default.cancel-button {
    background-color: #ebe9e5 !important;
    margin-right: 12px;
    color: #303030 !important; }
  .jconfirm.jconfirm-uap-theme .jconfirm-box .jconfirm-buttons .jconfirm-box .jconfirm-buttons button:hover {
    opacity: 0.75; }
  @media screen and (max-width: 767px) {
    .jconfirm.jconfirm-uap-theme button.tsc-cancel {
      margin-right: 0px; } }

body {
  overflow-x: hidden !important; }

.navbar .nav > li > a {
  color: #869CAD !important; }

.panel-group label {
  color: #869CAD !important;
  font-weight: 500;
  margin-bottom: 2px;
  text-transform: unset !important;
  display: inline-block !important; }

.layout-selector-options .fieldset legend {
  display: block !important;
  width: 100% !important;
  padding: 0 !important;
  margin-bottom: 20px !important;
  font-size: 21px !important;
  line-height: inherit !important;
  color: #333333 !important;
  border: 0 !important;
  border-bottom: 1px solid #B0B4BB !important; }

.layout-selector-options {
  margin-right: auto !important; }

.panel-group [type=checkbox] {
  display: inline !important; }

.toggle-switch-bar .toggle-switch-handle {
  display: block !important;
  float: left !important;
  min-width: 44px !important;
  text-transform: uppercase !important; }

.toggle-switch-label {
  display: block !important;
  margin-bottom: 2px !important; }

.uap-color.fid-login button.button-loyalty {
  color: #fff !important; }

.uap-color.fid-login button.button-loyalty:hover {
  color: #ed0000 !important;
  background-color: #fff !important; }

.uap-page header.uap-header {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  height: auto !important;
  position: fixed !important;
  background-color: #FFFFFF !important;
  z-index: 900 !important;
  top: 0 !important;
  width: 100% !important; }
  .uap-page header.uap-header::after {
    background: #ececec !important; }
  .uap-page header.uap-header .header-main-block {
    height: auto !important;
    width: calc(100% - 40px) !important;
    max-width: 1170px !important;
    padding-right: 20px !important;
    padding-left: 20px !important; }
    .uap-page header.uap-header .header-main-block .block-header {
      float: left !important;
      height: auto !important;
      width: auto !important;
      padding-right: 0px !important;
      padding-left: 0px !important; }
      .uap-page header.uap-header .header-main-block .block-header .header_logo {
        display: inline-block !important;
        float: none !important;
        max-height: 76px !important;
        width: 104px !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
        padding-top: 0px !important; }
        .uap-page header.uap-header .header-main-block .block-header .header_logo img {
          float: none !important;
          display: initial !important;
          height: 100% !important;
          width: 100% !important;
          margin-left: 0px !important;
          margin-right: 0px !important;
          padding-top: 0px !important; }

.uploadBtn {
  padding: 13px 29px !important; }

.uap-color .forms-fid label {
  color: #374649; }

.gigya-screen .gigya-composite-control.gigya-composite-control-password input,
.gigya-screen .gigya-composite-control.gigya-composite-control-textbox input {
  border: 2px solid #ececec !important; }