:root{
    /*--border-brighter:#9f9f9f !important*/
}
.dark-mode{
    /*--border-brighter:#232323 !important*/
}

.white {
    --bcolor: var(--white);
    --bdarkcolor:#c5c5c5;
    /*--border-brighter:#ececec !important*/
}   
.yellow {
    --bcolor: var(--yellow);
    --bdarkcolor:#cfa600;
}          

.grey {
  --bcolor: var(--grey);
  --bdarkcolor:#4f4f4f;
  /*--border-brighter:#4d4d4d !important*/
}  

.blue {
  --bcolor: var(--blue);
  --bdarkcolor:#4f4f4f;
  /*--border-brighter:#4d4d4d !important*/
}     

.green {
  --bcolor: var(--green);
  --bdarkcolor:#007000;
  /*--border-brighter:#006000 !important*/
}     

.lgrey{
  --bcolor:var(--lgrey);
  --bdarkcolor:var(--grey);
  /*--border-brighter:#898989 !important*/
}



.dark {
    --bcolor: var(--dark);
    --bdarkcolor:#232323;
}     

.dbrown{
  --bcolor:var(--dbrown);
  --bdarkcolor:#4f2e14;
  /*--border-brighter:#4f2e14;*/
}          
.dbrown2{
  --bcolor:var(--dbrown2);
  --bdarkcolor:#4f2e14;
  /*--border-brighter:#4f2e14;*/
}
.red {
    --bcolor: var(--red);
    --bdarkcolor:#b90000;
}

.studs{
  position:relative;
  display:flex;
  width:calc(100% - 2px);
  /*width:50px;*/
  height:8px;
  top:24px;
  border-width:1px;
  border-style:solid;
  /*border-color:var(--bdarkcolor) !important;*/
  /*border-color:var(--border-brighter, #898989) !important;*/
  border-color:var(--border-brighter, #232323) !important;
  /*border-color:#007000 !important;*/
  /*border-top:1px solid #007000 !important;*/
  /*border-bottom:1px solid #007000 !important;*/
  /*border-left:1px solid #007000 !important;*/
  /*border-right:1px solid #007000 !important;*/
  z-index:2;
  /*border-top: 10px dashed red !important;*/
}

.studs:before{
  grid-row: 1;
  /*margin: 0 1.6mm;*/
  background: repeating-linear-gradient(90deg, var(--bcolor) 1.1mm, var(--bdarkcolor) 4.8mm, transparent 5.8mm, transparent 8mm);            
  /*border-width:1px;*/
  /*border-style:solid;*/
  /*border-color:var(--bdarkcolor) !important;*/
  position:absolute;
  width:100%;
  height:7px;
  top:-7px;
  content:"";
  /*background-image:url("/assets/texture/TEXTURE_STUD_BRICK_1x1.png") !important;*/
  /*background-position: left top;*/
  /*background-repeat:repeat-x;*/
  /*opacity:var(--plate-texture-opacity);*/

}

.stud{
  position:relative;
  top:-8px;
  left:4px;
  width:14px;
  height:6px;
  /*margin-left:6px;*/
  /*background-position:left center;*/
  border-width:0px;
  border-style:solid;
  border-color:inherit;
  /*border-color:#007000 !important;*/
  /*border-top:1px solid #007000 !important;*/
  /*border-left:1px solid #007000 !important;*/
  /*border-right:1px solid #007000 !important;*/
  /*background:white;*/
}

.stud:before{
  position:absolute;
  width:100%;
  height:6px;
  /*top:-6px;*/
  content:"";
  /*background-color:inherit;*/
  background-image:url("/assets/texture/TEXTURE_STUD_BRICK_1x1.png") !important;
  background-position: center;
  background-size: cover;
  /*opacity:var(--plate-texture-opacity);*/
  opacity:0.6;

}          
/*.stud2{*/
/*  position:absolute;*/
/*  top:-8px;*/
/*  right:4px;*/
/*  width:14px;*/
/*  height:6px;*/
/*  border-width:1px;*/
/*  border-style:solid;*/
/*  border-color:inherit;*/
  /*border-top:1px solid #007000 !important;*/
  /*border-left:1px solid #007000 !important;*/
  /*border-right:1px solid #007000 !important;*/
  /*background:white;*/
/*}*/