/* CSS Document */


* {box-sizing: border-box;}


.nsel{
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Old versions of Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}

/*---------------------html items---------------------*/
hr{border: 1px solid grey; margin-left: 5px; margin-right: 5px;}

/*---------------------Background colors-----------------------*/
.bclgy{background-color: rgba(162,162,162,0.75);} /*light grey*/
.bcslgy{background-color: rgba(201,201,201,0.75);} /*super light grey*/
.bcdgy{background-color: rgba(44,44,44,0.75);} /*dark grey*/
.bclye{background-color: #E8DC38;} /*FC yellow*/
.bclyw{background-color: rgba(232,220,56,0.75);} /*light yellow*/
.bclgn{background-color: rgba(43,224,75,0.75);} /*light green*/
.bclwe{background-color: rgba(237,237,237,1.00);} /*white*/
.bcdrd{background-color: rgba(227,0,0,1.00);} /*dark red*/
.bclrd{background-color: rgba(227,0,0,0.50);} /*light red*/
.bcslrd{background-color: rgba(237,175,175,1.00);} /*SUPER light red*/
.bclor{background-color: rgba(227,105,0,0.70);} /*light orange*/
.bcdor{background-color: rgba(227,105,0,0.98);} /*dark orange*/
.bclbl{background-color: rgba(62,76,235,0.85);} /*light blue*/
.bclpl{background-color: rgba(187,62,235,0.85);} /*light purple*/
.bcpur{background-color: rgba(114,13,110,0.65);} /*dark purple*/

.bcdashbox{background-color: rgba(120,120,120,1.00); color: white;} /*Dash Box*/ 
.bcdatagrid{background-color: rgba(233,233,233,1.00);} /*datagrid background*/
.bcpopupbox{background-color: rgba(236,236,236,0.98);} /*popup box background*/

/*-------------------------- Action colors --------------------*/
.bcnotactive{background-color: rgba(227,112,0,0.70);} /*Not active*/
.bcredo{background-color: rgba(187,62,235,0.85);} /* REDO */
.bctrackside{background-color: rgba(213,224,43,0.75);} /* Trackside */
.bcF{background-color: rgba(210,231,182,0.75);} /*Fork background*/
.bcS{background-color: rgba(115,232,226,0.75);} /*shock background*/
.bcM{background-color: rgba(255,251,169,0.75);} /*other background*/
.bcdgs{background-color: rgba(227, 105, 0, 0.70);} /*datagrid row selected*/
.bcwon{background-color: rgba(213,87,87,0.75);} /*background workorder cancelled*/
.bcwor{background-color: rgba(117,72,140,0.75);} /*background workorder redo*/
.bcwou{background-color: rgba(208,255,0,0.75);} /*background workorder update*/
.bcwoi{background-color: rgba(166,128,47,0.75);} /*background workorder in*/
.bcwoc{background-color: rgba(46,166,90,0.75);} /*background workorder complete*/
.bcneedparts{background-color: rgba(162,162,162,0.75);} /*background workorder need parts */
.bcneedinfo{background-color: rgba(227,105,0,0.50);} /*background workorder needs info */
.bcneedokay{background-color: rgba(227,105,0,0.70);} /*background workorder needs okay */
.bcneedship{background-color: rgba(43,224,75,0.35);} /*background workorder needs ship */
.bcneedpayment{background-color: rgba(43,224,75,0.75);} /*background workorder needs payment */
.bcfix{background-color: #fff3cd;} /*background - box fix */

/*-------------------------- bike colors --------------------*/
.bcHonda{background-color: rgba(255,2,2,1.00);} /*Honda*/
.bcYamaha{background-color: rgba(20,1,255,1.00);} /*Yamaha*/
.bcKawasaki{background-color: rgba(9,224,0,1.00);} /*Kawasaki*/
.bcSuzuki{background-color: rgba(255,253,2,1.00);} /*Suzuki*/
.bcKTM{background-color: rgba(224,146,0,1.00);} /*KTM*/

/*--------------------Border----------------------------*/
.bralgy{border: solid; border-color: rgba(197,197,197,1.00); border-width: 1px;}
.brblgy{border-bottom: solid; border-bottom-color: rgba(197,197,197,1.00); border-bottom-width: 1px;}
.brblgy:last-child{border-bottom: none;}
.redBorder{border: 1px red solid;}
.greenBorder{border: 1px green solid;}


/*-------------------------- field selected - must be last color --------------------*/
.bcfse{background-color: rgba(227, 105, 0, 0.70);} /*field selected*/

/*---------------------hover class---------------------*/
.hod:hover{cursor: pointer;}
.hodb:hover{cursor: pointer; background-color: rgba(60,132,219,0.85);}
.hodg:hover{cursor: pointer; background-color: rgba(124,124,124,0.85);}
.hods:hover{cursor: pointer; box-shadow: 0 0 5px 5px rgba(256,256,256,0.75);}
.hodbor:hover{cursor: pointer; border: 1px rgba(60,132,219,1.00) solid;}


/*--------------loading background flash--------------*/
.loading{
animation: flash-animation 0.5s ease-out;
animation-iteration-count: 10; /* Number of flashes */
}
@keyframes flash-animation {
0% { background-color: rgba(170,170,170,1.00); }
50% { background-color: rgba(227,105,0,0.70); }
100% { background-color: rgba(170,170,170,1.00); }
}