.error{ color: red; }
.strike { text-decoration: line-through; }
.floatRight{ float: right; }
.floatLeft{ float: Left; }



.alignRight    { text-align: right !important; }
.alignCenter   { text-align: center !important; }
.alignLeft     { text-align: left !important; }

.alignTop { vertical-align: top; }
.semiOpaque90 {
     /* for good browsers */
     opacity: 0.9;

     /*  various IE implimentations */
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
     filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
}

.semiOpaque80 {
     /* for good browsers */
     opacity: 0.8;

     /*  various IE implimentations */
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
     filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}
.semiOpaque85 {
     /* for good browsers */
     opacity: 0.85;

     /*  various IE implimentations */
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
     filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
}

.semiOpaque70 {
     /* for good browsers */
     opacity: 0.7;

     /*  various IE implimentations */
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
     filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
}

.semiOpaque60 {
     /* for good browsers */
     opacity: 0.6;

     /*  various IE implimentations */
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
     filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
}

.semiOpaque40 {
     /* for good browsers */
     opacity: 0.4;

     /*  various IE implimentations */
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
     filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
}


a img { border: none; }

ul.ulNoMarker{ list-style: none; }

.underline { text-decoration: underline; }

.clickable { cursor: pointer; }
.padded5  { padding: 5px !important; }
.padded10 { padding: 10px !important; }
.padded15 { padding: 15px !important; }
.padded20 { padding: 20px !important; }

.margin5 { margin: 5px; }
.margin10 { margin: 10px; }
.margin15 { margin: 15px; }
.margin20 { margin: 20px; }
.margin30 { margin: 30px; }
.margin40 { margin: 40px; }

.indent5  { margin-left: 5px; }
.indent10 { margin-left: 10px; }
.indent15 { margin-left: 15px; }
.indent20 { margin-left: 20px; }
.indent25 { margin-left: 25px; }
.indent30 { margin-left: 30px; }
.indent35 { margin-left: 35px; }


.autoScroll {
     overflow-y: scroll; 
}

.col100   { width: 100px; }
.col200   { width: 200px; }
.col300   { width: 300px; }
.col400   { width: 400px; }
.col500   { width: 500px; }
.col600   { width: 600px; }
.col700   { width: 700px; }
.col800   { width: 800px; }
.col900   { width: 900px; }


tr.total, td.total { 
     border-top: 5px double #808080;     
     
}


.bold { 
     font-weight: bold; 
}

.pageBreak { page-break-after: always; }
/*RichTextEditor */ 
.cteToolBar { 
     height: 30px; 
     background-color: #D5D5D5;   
     padding: 2px;     
}
.cteButton { 
     background-image: url('https://www.cloud-computing.rocks/images/textEditorSprite.png');
     height: 30px; 
     width: 30px; 
     margin-right: 2px; 
     cursor: pointer;
     border-radius: 5px;
     box-shadow: 2px 2px 1px #808080; 

}
.cteButton:hover { 
     background-color: #FFFFFF; 
}

.cteSelect { 
     height: 30px; 
     max-width: 100px; 
     margin-right: 7px; 
     position: relative; 
     top: -1px; 
     cursor: pointer; 
     box-shadow: 2px 2px 1px #808080; 
     border-radius: 5px;
}

.cteIFrame { 
     box-shadow: 7px 7px 7px #808080; 
     border-top: 1px solid #808080; 


}

.cteSelect:hover { 
     background-color: #FFFFFF; 
}

.cteCtrlBold   { background-position: -17px -8px; }
.cteCtrlULine  { background-position: -55px -8px; }
.cteCtrlItalic { background-position: -87px -8px; }
.cteCtrlFColor { background-position: -197px -9px; }
.cteCtrlHRule  { background-position: -306px -6px; }
.cteCtrlUList  { background-position: -122px -8px; }
.cteCtrlOList  { background-position: -160px -8px; }
.cteCtrlLink   { background-position: -230px -10px; }
.cteCtrlULink { background-position: -270px -10px; }
.cteCtrlImage { background-position: -350px -11px; }

.interstitial {
     opacity: 1;
     width: 300px;
     height: auto;
     background-color: white;
     position: absolute;
     left: 50%;
     margin-left: -150px;
     top: 30%;
     z-index: 100;
     border: 2px solid #808080;
     border-radius: 10px;
     padding: 20px;
}

.interstitial-overlay {
     position: fixed;
     height: 100%;
     width: 100%;
     margin: 0;
     top: 0;
     left: 0;
     background-color: white;
     z-index: 99;
}

#divScanBarcode, #divSwipeCCard {
     width: 300px;
     height: auto;
     top: 30%;
     z-index: 50;
}

#overlay_scanBarcode {
     position: fixed;
     height: 100%;
     width: 100%;
     margin: 0;
     top: 0;
     left: 0;
     background-color: white;
     z-index: 45;
     display: none;
}

.pac-container, .pac-item {
     width: inherit !important;;
}