@charset "UTF-8";
/*!
* Feuille du DashBoard
* Sébastien DEGLIAME, 2018
* version 2018-1.3.1
* Projet : ProDAS
* Version 16/02/2018 17:30:37
*/
/*@import "scss/variables-ii";*/
#divContainerToolBar {
  padding: 2em 0 0 0;
  background: transparent; }

.x-portlet {
  margin-top: 25px;
  background-color: transparent !important; }

.x-panel, .x-panel-header {
  background-color: transparent !important;
  border: none !important; }

.x-panel-body {
  border-right: 1px solid #e1e1e1 !important;
  border-left: 1px solid #e1e1e1 !important;
  border-bottom: 1px solid #e1e1e1 !important;
  background-color: #fff; }
  .x-panel-body a:not(.btn) {
    color: #00985f !important;
    font-family: Roboto, sans-serif;
    font-weight: normal;
    text-decoration: none; }
    .x-panel-body a:not(.btn):visited {
      color: #00985f !important;
      text-decoration: none; }
    .x-panel-body a:not(.btn):hover, .x-panel-body a:not(.btn):active {
      color: #00e58f !important;
      text-decoration: underline; }
  .x-panel-body .ImageTextSlider .dxis-itemTextArea a,
  .x-panel-body .ImageSlider .dxis-itemTextArea a,
  .x-panel-body .ImageSlideShow .dxis-itemTextArea a {
    color: #fff !important;
    font-weight: bold; }
    .x-panel-body .ImageTextSlider .dxis-itemTextArea a:hover,
    .x-panel-body .ImageSlider .dxis-itemTextArea a:hover,
    .x-panel-body .ImageSlideShow .dxis-itemTextArea a:hover {
      color: #e1e1e1 !important; }

.panel-header {
  background-color: #e1e1e1; }

.x-panel-header {
  padding: 0.05em 0.25em;
  background-color: #e1e1e1 !important; }

/* Classe du Header des Widgets */
.x-panel-header-text {
  color: #00985f !important;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 700;
  padding: 0.5em 1.5em; }

.x-tool-toggle {
  display: none; }

/* cotation matieres premieres */
.CotationsDateMAJ {
  width: 100%;
  text-align: center;
  font-weight: bold;
  font-size: 20px; }

.CotationsBottom {
  height: 100%;
  overflow: hidden; }

.CotationsRepeaterEspeces {
  float: left;
  height: 100%;
  width: 900px; }

.CotationsCotation {
  margin: 10px;
  /* min-height: 200px;*/ }

.CotationsEspece {
  color: #E69138;
  /*float: left;*/
  font-weight: bold;
  width: 300px;
  text-align: right;
  margin-right: 15px; }

.CotationsEspece:first-letter {
  text-transform: uppercase; }

.Widget-Cotations {
  width: 100%;
  text-align: center; }

.Widget-Cotations-Logo {
  width: 105px;
  height: 60px;
  margin: 0 15px;
  font-size: 13px;
  display: inline-block;
  vertical-align: top;
  background-image: url(MasterPage/logo_tec_soft_redim.jpg);
  background-position: top center;
  background-repeat: no-repeat; }

.Widget-BlocCotation {
  height: 50px;
  margin: 5px 15px;
  font-size: 13px;
  display: inline-block;
  vertical-align: top;
  cursor: pointer; }

.Widget-BlocCotation-Info1, .Widget-BlocCotation-Info2, .Widget-BlocCotation-Info3 {
  height: 16px;
  text-align: center; }

.Widget-BlocCotation-Espece {
  font-weight: bold;
  margin-left: 3px;
  margin-right: 3px;
  display: inline-block;
  vertical-align: top; }

.Widget-BlocCotation-Valeur {
  font-weight: bold;
  color: cornflowerblue;
  margin-left: 3px;
  margin-right: 3px;
  display: inline-block;
  vertical-align: top; }

.Widget-BlocCotation-Variation {
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
  background-position: top center;
  margin-left: 3px;
  margin-right: 3px;
  display: inline-block;
  vertical-align: top; }

.Widget-BlocCotation-Variation.i-Down {
  background-image: url(MasterPage/i_down.png); }

.Widget-BlocCotation-Variation.i-Up {
  background-image: url(MasterPage/i_up.png); }

.Widget-BlocCotation-Variation.i-Equal {
  background-image: url(MasterPage/i_equal.png); }

.i-Up {
  -webkit-animation-name: up;
  animation-name: up;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-delay: 10s;
  animation-delay: 10s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }

.i-Down {
  -webkit-animation-name: down;
  animation-name: down;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-delay: 10s;
  animation-delay: 10s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }

@keyframes up {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  50% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px); }
  51% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes up {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  50% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px); }
  51% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes down {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  50% {
    -webkit-transform: translateY(5px);
    transform: translateY(5px); }
  51% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes down {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  50% {
    -webkit-transform: translateY(5px);
    transform: translateY(5px); }
  51% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }