/*  Fred Rimbert - ExtraCSS for Prosilver
    ---------------------------------------------------------------------------------
	Allows you to easily modify the Prosilver style without touching the base files.
    Also eliminates the need to create a custom style.
    ---------------------------------------------------------------------------------
*/

html, body {
  background-color: hsl(38,6%,65%);
  color: #536482;
  margin: 0;
  background: url("https://rimbertweb.fr/cloud/uploads/fbbfe0aa969a538c6f4f2360d3e15a27.jpg");
  background-size: cover;
  background-attachment: fixed;
  background-position: 50% 0%;
  background-repeat: no-repeat;
}

.headerbar {
    background-image: url("https://rimbertweb.fr/cloud/uploads/41d3f153959823a55e4667a3f2f52b2c.png");
    background-size: 100% 110%;
    background-position: 50% 25%;
    border-radius: 7px;
    height: 110px
}

.bg2 { background-color: #EBEFF1 }

/* Submit/Reset buttons */
.panel input.button1,
.panel input.button2 {
    background: linear-gradient(#fdfdfd, #eaeaea);
    border: 1px solid #999;
    border-radius: 5px;
    font-size: 11px;
    padding: 6px 10px;
    color: #111;
    cursor: pointer;
    transition: background .2s, box-shadow .2s;
}
.panel input.button1:hover,
.panel input.button2:hover {
    background: linear-gradient(#ffffff, #dcdcdc);
    border-color: #666;
    box-shadow: 0 2px 6px rgba(0,0,0,.2);
}
.panel input.button1:active,
.panel input.button2:active {
    background: #d8d8d8;
    border-color: #555;
    box-shadow: inset 0 2px 3px rgba(0,0,0,.25);
}
/* Select dropdowns */
.panel select {
    font-size: 11px;
    line-height: 0.95;
    padding: 2px 4px;
    border-radius: 4px;
    border: 1px solid silver;
    background-image: linear-gradient(to bottom, #ffffff 0%, #e9e9e9 100%);
}
.panel select:hover {
    background-image: none;
    background-color: #fff;
    border-color: #6fa1d4;
}