/*
  $Id$

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2010 osCommerce

  Released under the GNU General Public License
*/

.ui-widget {
  font-family: Lucida Grande, Lucida Sans, Verdana, Arial, sans-serif;
  font-size: 11px;
}

body {
  background: #fff;
  color: #000;
  margin: 0px;
  font-size: 11px;
  font-family: Lucida Grande, Lucida Sans, Verdana, Arial, sans-serif;
}
.infolink::before {
  content: '?⃝';
  display: inline-block;
  margin-right: 0.25rem;
}
#bodyWrapper {
    position:relative;
}

.contentContainer {
  padding-bottom: 10px;
}

.contentContainer h2 {
  font-size: 16px;
  text-decoration: underline;
  font-weight: normal;
  margin-bottom: 0;
  padding-bottom: 5px;
}

.contentText, .contentText table {
  padding: 5px 0 5px 0;
  font-size: 11px;
  line-height: 1.5;
}

.productListTable {
  padding: 5px;
  font-size: 11px;
  line-height: 1.5;
}

.productListTable tr.alt td {
  background-color: #ecf6fc;
}

.fieldKey {
  font-size: 11px;
  font-weight: bold;
  line-height: 1.5;
  width: 100px;
}

.fieldKeySel {
	font-size: 11px;
	font-weight: bold;
	line-height: 1.5;
	width: 500px;
  }
  
.fieldValue {
  font-size: 11px;
  line-height: 1.5;
}

h1 {
  font-size: 20px;
  margin-bottom: 0;
  padding-bottom: 5px;
}

img {
  border: 0;
}

table, p {
  font-size: 11px;
  line-height: 1.5;
}

.buttonSet {
  clear: both;
}

.buttonAction {
  float: right;
}

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

A {
  color: #000000;
  text-decoration: none;
}

A:hover {
  text-decoration: underline;
}

FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}
TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}


.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #bbc3d3;
  color: #ffffff;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #f8f8f9;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #f8f8f9;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

.productListingHeader {
  table-layout: fixed;
  color: #FFFFFF;
  font-weight: bold;
}

.productListingHeader A:hover {
  color: #FFFFFF;
}

.productListingData {
  table-layout: fixed;
}
TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #9a9a9a;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family:arial;
  font-size: 12px;
  color: #ff0000;
  line-height: 16px
}


CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }

/* account link list */

.accountLinkList {
  list-style-type: none;
  margin: 2px 2px 2px 10px;
  padding: 5px;
}

.accountLinkListEntry {
  float: left;
  margin-right: 5px;
}

.ie_vat {
  font-size: 8px;
}

.onglet
{
		display:inline-block;
		margin-left:3px;
		margin-right:3px;
		padding:3px;
		border:1px solid black;
		cursor:pointer;
		font-size: 18px;
}
.onglet_0
{
		background:#bbbbbb;
		border-bottom:1px solid black;
}
.onglet_1
{
		background:#dddddd;
		border-bottom:0px solid black;
		padding-bottom:4px;
}
.contenu_onglet
{
		background-color:#fff;
		border:1px solid black;
		margin-top:-1px;
		padding:5px;
		display:none;
		height: 600px;
		overflow:scroll;
}
.contenu_onglet_nodeblue
{
		background-color:#fff;
		border:0px solid black;
		margin-top:-1px;
		padding:2px;
		display:none;
		height: 810px;
		overflow:visble;
}ul
{
		margin-top:0px;
		margin-bottom:0px;
		margin-left:-10px
}
h1
{
		margin:0px;
		padding:0px;
}

#chart {
  overflow: auto;
  background: #e3e3e3;
  position: absolute;
  bottom:0px;
  top: 30px;
  left:0px;
  right:0px;
}

#chart_log {
  overflow: auto;
  background: #f3f3f3;
  position: absolute;
  bottom:25px;
  top: 800px;
  left:0px;
  right:0px;
}

#workspace-toolbar {
   display: none;
   position: absolute;
   top: 30px;
   left:0;
   right: 18px;
   padding: 5px;
   background: #f3f3f3;
}

#chart-zoom-controls {
   padding-top: 3px;
   text-align: right;
   float: right;
}

@keyframes port_tooltip_fadeIn { from { opacity:0; } to { opacity:1; } }

#port_tooltip {
   opacity:0;
   animation: 0.1s ease-in 0s 1 normal forwards port_tooltip_fadeIn;
   pointer-events: none;

   path {
       fill: white;
       stroke: #999;
       stroke-width: 1;
   }
}
.port_tooltip{
   fill: white;
   stroke: #999;
  stroke-width: 1;
}
.port_tooltip_label {
   vertical-align: bottom;
   stroke-width: 0;
   fill: black;
   text-align: center;
 font-size: 10px;
   pointer-events: none;
   -webkit-touch-callout: none;
   @include disable-selection;
}
.port_label {
  background: #ff0000;
   stroke-width: 0;
   fill: black;
   vertical-align: bottom;
   text-align: center;
 font-size: 10px;
   pointer-events: none;
   -webkit-touch-callout: none;
   @include disable-selection;
}
.in_label {
  background: #ff0000;
   stroke-width: 0;
   fill: black;
   vertical-align: bottom;
   text-align: center;
 font-size: 14px;
   pointer-events: none;
   -webkit-touch-callout: none;
   @include disable-selection;
}
.out_label {
  background: #ff0000;
   stroke-width: 0;
   fill: black;
   vertical-align: bottom;
   text-align: left;
 font-size: 14px;
   pointer-events: none;
   -webkit-touch-callout: none;
   @include disable-selection;
}

.slider_buttons{
    fill: #eee;
    cursor: pointer;
}

.slider_buttons_text{
   background: #ff0000;
    stroke-width: 0;
    fill: black;
    vertical-align: center;
    text-align: center;
    text-anchor: start;
    cursor: pointer;
    pointer-events: none;
    -webkit-touch-callout: none;
    @include disable-selection;
}

.slider_ticks{
   fill : none;
   shape-rendering : crispEdges;
   stroke : #888;
   stroke-width : 1px;
   cursor: pointer;
   pointer-events: none;
   -webkit-touch-callout: none;
   @include disable-selection;
}

.slider_knob{
   fill: #eee;
   cursor: pointer;
}

#workspace-shop {
  border:1px solid black;
  margin: 0;
  margin-top:-1px;
  position: relative;
  height: 575px;
  overflow:hidden;
  padding:0px;
  top:0px; left:0px; bottom: 0px; right: 0px;
}
#chart-zoom-controls {
  position: absolute;
  bottom:30px; right: 350px;
}
#workspace, #palette, #sidebar,#bottombar {
  border: 1px solid #000;
  border-radius: 3px;
}

.node_label_italic {
  font-style: italic;
}
.node_label_unknown {
  font-style: italic;
  fill: #e00 !important;
}
.node_label_white {
fill: #eee !important;
}
.node_label {
 stroke-width: 0;
 fill: #333;
 font-size: 14px;
 pointer-events: none;
 -webkit-touch-callout: none;
 -webkit-user-select: none;
 -khtml-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
}

.function_label {
 font-size: 12px;
}
.node {
stroke: #999;
cursor: move;
/*  transform: rotate(5deg);*/
}
.node_unknown {
  stroke-dasharray:10,4;
  stroke: #f33;
}
.tool_arrow {
 stroke-width: 1;
 stroke: #999;
 fill: #999;
 cursor: pointer;
}
.node_tools {
fill: #ddd;
stroke: #999;
cursor: move;
stroke-width: 1;
cursor: pointer;
}
.node_tools_hovered {
stroke: #ff7f0e;
fill: #eee;
}

.node_button {
  fill: inherit;

}
.port {
 fill: #ddd;
 cursor: crosshair;
}
.node_error {
  stroke: #ff0000;
  stroke-width: 2;
  fill: #ff7f0e;
}

.node_badge {
  stroke: rgb(93, 114, 145);
  stroke-width: 1;
  fill: rgb(190, 209, 255);
}
.node_badge_label {
 stroke-width:0;
 fill: #fff;
 font-size: 11px;
 pointer-events: none;
 -webkit-touch-callout: none;
 -webkit-user-select: none;
 -khtml-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;

}
.node_invalid {
 stroke: #ff0000;
}
.node_selected {
  stroke-width :2;
  stroke: #ff7f0e;
}
.node_highlighted {
 stroke: #dd1616;
 stroke-width: 3;
 stroke-dasharray: 10, 4;
}
.node_hovered {
}

.port_hovered {
stroke: #ff7f0e;
fill:  #ff7f0e;
}

.port_pushed {
  stroke: #999;
  fill:  #7fff0e;
}


.drag_line {
stroke: #ff7f0e;
stroke-width: 5;
fill: none;
pointer-events: none;
}

.drag_line_hidden {
stroke: #ff7f0e;
stroke-width: 0;
pointer-events: none;
fill: none;
}

.link_line {
/*  stroke: #7f7f7f;*/
stroke-width: 4;
fill: none;
pointer-events: none;
}

.link_outline {
stroke: #fff;
stroke-width: 6;
cursor: crosshair;
fill: none;
pointer-events: none;
}
.link_background {
opacity: 0;
stroke-width: 25;
cursor: crosshair;
fill: none;
}

g.link_unknown path.link_line {
/*   stroke: #f00;*/
 stroke-width: 2;
 stroke-dasharray: 10, 4;
}

#shade {
 position: absolute;
 top:0;
 left:0;
 width: 100%;
 height: 100%;
 background: rgba(0,0,0,0.5);
 text-align: center;
 display: none;
}

input.input-append-left {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
button.input-append-right {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
  margin-left: -1px !important;
  padding-left: 4px !important;
  padding-right: 4px !important;
}

.form-tips {
  background: lightgoldenrodyellow;
  font-size: 12px;
  padding: 8px;
  border-radius: 5px;
  border: 1px solid #999;
}
.form-tips code {
  border: none;
  padding: auto;
}

.ui-tabs .ui-tabs-panel {
  padding: 0px;
}

table.node-info {
  margin: 5px;
  width: 97%;
}
table.node-info tr {
  border: 1px solid #ddd;
}
table.node-info tr.blank {
  border: none;
}
table.node-info tr.blank td {
  padding-top: 8px;
}
table.node-info td:first-child{
  color: #000;
  vertical-align: top;
  width: 90px;
  padding: 0 3px;
  border-right: 1px solid #ddd;
}
table.node-info td:last-child{
  padding-left: 5px;
  color: #666;
}

div.node-info {
  margin: 5px;
}

.input-error {
  border-color: rgb(214, 97, 95) !important;
}

.hidden {
  display: none;
}

ul.red-ui-tabs {
  list-style-type: none;
  padding:5px 2px 0px 5px;
  margin: 0;
  display: block;
  height: 24px;
  border-bottom: 1px solid #999;
  background: #e3e3e3;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

ul.red-ui-tabs li {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  display: inline-block;
  border-left: 1px solid  #999;
  border-top: 1px solid   #999;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  background: #e3e3e3;
  margin: 0 5px 0 0;
  height: 23px;
  line-height: 17px;
  max-width: 150px;
  width: 14%;
  overflow: hidden;
  white-space: nowrap;
}

ul.red-ui-tabs li a.red-ui-tab-label {
  display: block; 
  padding: 3px 16px;
  color: #666;
}
ul.red-ui-tabs li {
  position: relative;
}

ul.red-ui-tabs li a.red-ui-tab-config {
  background: rgba(227,227,227,0.8);
  position: absolute;
  right: 22px;
  top: 2px;
  display: block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  padding: 0px;
  border-radius: 5px;
}
ul.red-ui-tabs li a.red-ui-tab-config:hover {
  background: #bbb !important;
}

ul.red-ui-tabs li a.red-ui-tab-close {
  background: rgba(227,227,227,0.8);
  position: absolute;
  right: 2px;
  top: 2px;
  display: block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  padding: 0px;
  border-radius: 5px;
}
ul.red-ui-tabs li a.red-ui-tab-close:hover {
  background: #bbb !important;
}
ul.red-ui-tabs li a:hover {
  text-decoration: none;
  background: #f0f0f0;
}

ul.red-ui-tabs li.active {
  background: #fff;
  border-bottom: 1px solid #fff;
}
ul.red-ui-tabs li.active a {
  color: #333;
}
ul.red-ui-tabs li.active a.red-ui-tab-config {
  background: rgba(255,255,255,0.8);
}ul.red-ui-tabs li.active a.red-ui-tab-close {
  background: rgba(255,255,255,0.8);
}
ul.red-ui-tabs li.active a.red-ui-tab-label:hover {
  background: #fff;
}
ul.red-ui-tabs li.red-ui-add-tab {
  width: 25px;
  border-top-right-radius: 15px;
  line-height: 22px;
}
ul.red-ui-tabs li.red-ui-add-tab a {
  padding: 2px 4px;
}

ul.tab-config-list {
  list-style-type: none;
  padding: 3px;
  margin: 0;
 -webkit-user-select: none;
 -khtml-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
}

ul.tab-config-list li {
  max-width: 400px;
  font-size: 13px;
  background: #f3f3f3;
  margin: 10px auto;
  border-radius: 3px;
  border: 1px solid #ccc;
  padding: 3px 8px;
}

.grecaptcha-badge { 
    bottom:150px !important; 
}