@CHARSET "UTF-8"; /* Copyright Droggitis IT Systems */ * { -webkit-tap-highlight-color: rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */ } body { -webkit-touch-callout: none; /* prevent callout to copy image, etc when tap to hold */ -webkit-text-size-adjust: none; /* prevent webkit from resizing text to fit */ -webkit-user-select: none; /* prevent copy paste, to allow, change 'none' to 'text' */ background-color:#000080; background:linear-gradient(top, #A7A7A7 0%, #E4E4E4 51%); background:-webkit-linear-gradient(top, #A7A7A7 0%, #E4E4E4 51%); background:-ms-linear-gradient(top, #A7A7A7 0%, #E4E4E4 51%); background:-webkit-gradient( linear,left top, left bottom, color-stop(0, #A7A7A7), color-stop(0.51, #E4E4E4) ); background-attachment:fixed; font-family:'HelveticaNeue-Light', 'HelveticaNeue', Helvetica, Arial, sans-serif; font-size:12px; height:100%; margin:0px; padding:0px; /*text-transform:uppercase;*/ width:100%; } input{border:none;} textarea{ resize:none; outline: none;} fieldset { border: 0; } label { display: block; margin: 30px 0 0 0; } .overflow { height: 200px; } h6{font-family: arial, verdana, helvetica, sans-serif; font-size: 16px; padding:0px; margin:0px; color: red; overflow:hidden; font-weight:bold;} h4{font-family: arial, verdana, helvetica, sans-serif; font-size: 12px; padding:0px; margin:0px; color: red; overflow:hidden; font-weight:bold;} .OtherText{position:absolute; top:0px; left:0px: right:0px; height:20px; font-family: arial, verdana, helvetica, sans-serif; font-size: 12px; padding:0px; margin:0px; color: blue; overflow:hidden; font-weight:bold;} @font-face {font-family: DigitalFont; src: url(../js/sa-digital-number.ttf); } #OuterAppArea{position:absolute; top:0px; left:0px; right:0px; bottom:0px; overflow:hidden; background-color:gray; min-width:600px; min-height:600px;} #AppArea{position:absolute; top:5px; left:5px; right:5px; bottom:5px; overflow:hidden; background-color:white; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .MainPrgdiv{position:absolute; top:0px; left:0px; right:0px; bottom:0px; background-color:white; overflow:hidden;font-size: 10px;z-index:2;} /* =============== TOP SCREEN STUFF =========================================================== */ #TopArea{position:absolute; top:0px; left:0px; height:60px; right:0px; background-color:gray; display:block; color:white; overflow:hidden; font-size: 10px; background: #efefef; background: linear-gradient(top, #0066FF 5%, #000099 70%); background: -moz-linear-gradient(top, #0066FF 5%, #000099 70%); background: -webkit-linear-gradient(top, #0066FF 5%,#000099 70%); box-shadow: 0px 0px 9px rgba(0,0,0,0.15);} /* #TopArea{position:absolute; top:0px; left:0px; height:60px; right:0px; background-color:gray; display:block; color:white; overflow:hidden; font-size: 10px; background: #efefef; background: linear-gradient(top, #0099FF 0%, #4169E1 70%); background: -moz-linear-gradient(top, #0099FF 0%, #4169E1 70%); background: -webkit-linear-gradient(top, #0099FF 0%,#4169E1 70%); box-shadow: 0px 0px 9px rgba(0,0,0,0.15);} */ .menuIcon{position:fixed; top:5px; left:5px; width:50px; height:50px; display:block; overflow:hidden; border:none; float:left; background:url(../img/menu_icon.png) no-repeat 0 0; } #Logo{position:fixed; top:15px; left:60px; height:40px; width:350px; float:left; background:url(../img/AppLogoTop.png) no-repeat 0 0;} #JobName{position:absolute; bottom:8px; left:420px; height:20px; width:250px; color:white; font-size:20px; text-align:left; font-style:italic;} .loginIcon{position:fixed; top:5px; right:15px; width:50px; height:50px; display:block; overflow:hidden; border:none; float:left; background:url(../img/loginicon.png) no-repeat 0 0; } .loginUserName{position:fixed; top:20px; right:70px; width:100px; height:26px; display:block; overflow:hidden; border:none; float:left; font-size:20px; color:white; text-align: right;} .MenuContainer{position:absolute; top:0px; left:5px; width:350px; height:530px; z-index:9999; display:none; background-color:#4169E1; float:left; padding: 2px; margin:2px; overflow-x:hidden; overflow-y:auto; border-width: 1px; border-style: solid; border-color: #000080 ; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 2px 2px 2px 0px #999999; -webkit-box-shadow: 2px 2px 2px 0px #999999; box-shadow: 2px 2px 2px 0px #999999; } .MenuItem{display:block; position:relative; left:0px; right:0px; height:80px; background:url(../img/menu_menu.png); background-size: 70px 70px; background-repeat: no-repeat; background-position: 5px center; background-color:#eeeeec; padding: 2px; margin: 2px; border-width: 1px; border-style: solid; border-color: #D8D8D8; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 2px 2px 2px 0px #999999; -webkit-box-shadow: 2px 2px 2px 0px #999999; box-shadow: 2px 2px 2px 0px #999999; } .MenuItem:hover{left:1px; } .MenuItemStr{position:absolute; bottom:10px; left:95px; font-family: arial; font-size: 36px; color:#0033cc; font-weight:bold;} .MenuItem_Sales{ background:url(../img/menu_sales.png); background-color:#eeeeec; background-size: 70px 70px; background-repeat:no-repeat; background-position: 5px center; } .MenuItem_Items{ background:url(../img/menu_items.png); background-color:#eeeeec; background-size: 70px 70px; background-repeat:no-repeat; background-position: 5px center; } .MenuItem_Customers{ background:url(../img/menu_customers.png);background-color:#eeeeec; background-size:70px 70px; background-repeat:no-repeat; background-position: 5px center; } .MenuItem_Reports{ background:url(../img/menu_reports.png) ; background-color:#eeeeec; background-size:70px 70px; background-repeat:no-repeat; background-position: 5px center; } .MenuItem_Config{ background:url(../img/menu_config.png); background-color:#eeeeec; background-size:70px 70px; background-repeat:no-repeat; background-position: 5px center; } .MenuItem_About{ background:url(../img/menu_about.png); background-color:#eeeeec; background-size:70px 70px; background-repeat:no-repeat; background-position: 5px center; } .subMenuItem{position:relative; display:block; width:250px; height:90px; float:left; background:url(../img/menu_menu.png); background-size: 50px; background-repeat: no-repeat; background-position: 5px 5px; background-color:#eeeeec; padding: 2px; margin:2px; border-width: 1px; border-style: solid; border-color: #D8D8D8; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 2px 2px 2px 0px #999999; -webkit-box-shadow: 2px 2px 2px 0px #999999; box-shadow: 2px 2px 2px 0px #999999; } .subMenuItem:hover{border-color: blue; -moz-box-shadow: 2px 2px 2px 0px blue; -webkit-box-shadow: 2px 2px 2px 0px blue; box-shadow: 2px 2px 2px 0px blue;} .subMenuItemStr{position:absolute; top:5px; left: 60px; right:5px; font:Arial; font-size:20px; color:#0033cc ;font-weight:bold;} /* =============== MAIN SCREEN STUFF =========================================================== */ #MainArea{position:absolute; top:60px; left:0px; bottom: 0px; right:0px; display:block; color:blue; overflow:hidden; font-size: 1px; background-color: #DCDCDC; } .MainPrgdiv{position:absolute; top:0px; left:0px; right:0px; bottom:0px; background:url(../img/InvLogLogo.png); background-size: 489px 276px; background-repeat: no-repeat; background-position: center center; background-color: #DCDCDC; overflow:hidden; font-size: 10px;z-index:2;} /* .MainPrgSubdiv{position:absolute; top:0px; left:0px; right:0px; bottom:0px; background-color: #DCDCDC; overflow:hidden; font-size: 10px;z-index:3;} */ .GraphTopControls{position:absolute; top:0px; left:0px; height:60px; right:0px; background-color:#3377ff ; display:block; color:white; overflow:hidden; font-size: 10px; box-shadow: 0px 0px 9px rgba(0,0,0,0.15);} .planBtn{position:absolute; top:5px; width:50px; height:50px; display:block; overflow:hidden; border:none;} .planBtn:hover{border:0px #6666FF solid; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-color:#4da6ff;} /* .planBtn:hover{border:2px #6666FF solid; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color:yellow;} */ .BtnRefresh{right:50px; background-image:url(../img/refresh.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;} .BtnSave{right:120px; background-image:url(../img/save.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;} .BtnUpload{right:200px; background:url(../img/upload.png) no-repeat 0 0;} .BtnDownload{left:280px; background-image:url(../img/download.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;} .BtnCloudUp{left:700px; background-image:url(../img/cloudup.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;} .BtnCloudDown{left:700px; background-image:url(../img/clouddown.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;} /* background: bg-color bg-image position/bg-size bg-repeat bg-origin bg-clip bg-attachment initial|inherit; */ .BtnAdd{left:10px; background:url(../img/add.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;} .BtnEdit{left:80px; background:url(../img/edit.png) ; background-size:50px 50px;background-repeat:no-repeat;background-position: center center;} .BtnDelete{left:150px; background:url(../img/delete.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;} .BtnCarbonCopy{left:220px; background:url(../img/carboncopy.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;} /*----------- record pages --------------------------*/ .planBtn40{position:absolute; top:20px; width:40px; height:40px; display:block; overflow:hidden; border:none; background-size: contain; } .planBtn40:hover{border:0px #6666FF solid; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-color:#4da6ff;} .BtnSearch40{left:160px; background:url(../img/search.png); background-size:40px 40px;background-repeat:no-repeat;background-position: center center; } .BtnAdd40{left:10px; background:url(../img/add.png); background-size:40px 40px;background-repeat:no-repeat;background-position: center center;} .BtnEdit40{left:80px; background:url(../img/edit.png) ; background-size:40px 40px;background-repeat:no-repeat;background-position: center center;} .BtnDelete40{left:150px; background:url(../img/delete.png); background-size:40px 40px;background-repeat:no-repeat;background-position: center center;} .GraphTopControlsRecordPgdiv{position:absolute; top:0px; bottom:0px; right:140px; width:250px; font-size: 12px; color: #003366; text-align:center; padding: 0px 0px 0px 0px; margin:0px; } .BtnGotoFirst{right:120px; background:url(../img/gotofirst.png); background-size:30px 40px;background-repeat:no-repeat;background-position: center center;} .BtnGotoPrev{right:90px; background:url(../img/gotoprev.png); background-size:30px 40px;background-repeat:no-repeat;background-position: center center;} .BtnGotoNext{right:30px; background:url(../img/gotonext.png); background-size:30px 40px;background-repeat:no-repeat;background-position: center center;} .BtnGotoLast{right:0px; background:url(../img/gotolast.png); background-size:30px 40px;background-repeat:no-repeat;background-position: center center;} .GraphTopControlsRecordPgInput{position:absolute; top:0px; right:110px; width:50px; bottom:10px; font-size: 12px; color: #003366; text-align:center; padding: 4px 1px 4px 1px; margin:0px; } .GraphTopControlsRecordPgTitle{position:absolute; top:5px; left:0px; width:30px; height:15px; font-size: 10px; color: white; text-align:center; padding: 1px; margin:0px; } .GraphTopControlsRecordPgInput input{position:absolute; top:30px; left:0px; width:30px; height:20px; font-size:12px; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} /*----------- record pages END --------------------------*/ .GraphTopControlsInput{position:absolute; top:10px; left:0px; width:150px; height:30px; font-size: 20px; color: #003366; text-align:center; padding: 5px 5px 5px 5px; margin:0px; background-color:#F8F8F8 ; border-width: 1px; border-style: solid; border-color: #E0E0E0 ; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .GraphTopControlsInput input{width:100%; height:100%; font-size:20px; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .GraphTopControlsdiv{position:absolute; top:0px; bottom:0px; left:0px; width:150px; font-size: 20px; color: #003366; text-align:center; padding: 0px 0px 0px 0px; margin:0px; } .GraphTopControlsSELECTBox{position:absolute; top:10px; left:100px; width:200px; height:24px; text-align:left; font-size: 18px; color: #003366; padding: 5px 4px 5px 4px; margin:0px;} .GraphTopControlsSELECTBox SELECT{font-size: 18px; width:180px; color: #003366; background-color:#F8F8F8 ;} .GraphTopControlsSELECTBox140{position:absolute; top:10px; left:100px; width:140px; height:24px; text-align:left; font-size: 16px; color: #003366; padding: 5px 4px 5px 4px; margin:0px;} .GraphTopControlsSELECTBox140 SELECT{font-size: 16px; width:140px; color: #003366; background-color:#F8F8F8 ;} .MainPlanSelect{position:absolute; top:15px; left:400px; width:120px; font-size:14px; border-width: 1px; border-style: solid; border-color: blue; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px ; } .MainPlanSelect SELECT{width:120px;} .GridDiv{position:absolute; top:60px; left:0px; bottom:0px; right:0px; background-color:#E8E8E8 ; display:block; color:white; overflow:auto; font-size: 20px; box-shadow: 0px 0px 9px rgba(0,0,0,0.15);} .GridDivWhiteParerRoll{width:600px; height:100%; min-width: 600px;max-width: 600px; display:block; background-color: white; margin: 0 auto; } .GridDivTable{ display:table; font-family: Arial; width:100%; background-color:#EBF5FF ; color:#404040; margin:0px; padding:0px; } .GridDivTabletr{display:table-row; overflow:hidden; font-size: 18px; color:#404040; padding:5px;} .GridDivTabletr:hover{color: #0000FF ; background-color:#E6E6E6;} .GGridDivTableth{display:table-cell; min-width:30px; max-width:250px; min-height:20px; overflow:hidden; max-height:50px; text-align:center; background-color:#404040 ; color:#EBF5FF; padding:4px 4px 4px 4px; font-size: 18px; border:1px #E8E8E8 solid; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} .GridDivTabletd{display:table-cell; min-width:50px; max-width:250px; min-height:20px; overflow:hidden; max-height:50px; text-align:right; padding:4px 4px 4px 4px; font-size: 18px; border-bottom:1px #E8E8E8 solid; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} .GridDivTableInput{ font-family: Arial; font-size: 18px; text-align:center; width:100%; background-color:#EBF5FF ; color:#404040; padding:4px 4px 4px 4px; } .GridDivTableColorBox{ width:25px; height:15px; background-color:#EBF5FF ; padding:5px 5px 5px 5px; border:1px black solid; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} .GridDivTabletrSelected{ background-color:#aaccff ;} .CNFGENERAL_GridDivTableInput{ font-family: Arial; font-size: 18px; text-align:center; width:550px; background-color:#EBF5FF ; color:#404040; padding:4px 4px 4px 4px; } .GridDivTabletr SELECT{font-size: 16px; width:120px; color: #003366; background-color:#F8F8F8 ;} .POSDivItemBlock{display:block; position:relative; left:0px; right:0px; width:190px; height:60px; float:left; background-color:#eeeeec; padding: 2px; margin: 2px; overflow:hidden; border-width: 1px; border-style: solid; border-color: #D8D8D8; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 2px 2px 2px 0px #999999; -webkit-box-shadow: 2px 2px 2px 0px #999999; box-shadow: 2px 2px 2px 0px #999999; } .POSDivItemBlock:hover{border-color: #729fcf;} .POSDivItemBlock a{ margin:0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 16px; color:#000080; font-weight:bold;} .POSDivItemBlockPortions{position: absolute; bottom: 1px; right:1px; font-size: 14px; color:#0066ff; font-weight:bold;} .POSDivItemBlockIsForSaleNo{position: absolute; bottom: 1px; left:1px; width:26px; height:26px; background:url(../img/stop.png); background-size:26px 26px;background-repeat:no-repeat;background-position: center center;} /* .POSDivItemBlockIsForSaleNo{position: absolute; bottom: 1px; left:1px; width:30px; height:30px; border:2px red solid; background:red;} */ .POSDivItemBlock50{display:block; position:relative; left:0px; right:0px; width:190px; height:50px; float:left; background-color:#FAF0E6; padding: 2px; margin: 2px; border-width: 1px; border-style: solid; border-color: #D8D8D8; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 2px 2px 2px 0px #999999; -webkit-box-shadow: 2px 2px 2px 0px #999999; box-shadow: 2px 2px 2px 0px #999999; } .POSDivItemBlock50:hover{border-color: #729fcf;} .POSDivItemBlock50Selected{ background:#3399ff; border-color:#204a87; } .POSDivItemBlock50Selected a{font-size:14px; color: white;} .POSDivItemBlock50 a{ margin: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 16px; color:#000080; font-weight:bold;} .POSDivTable{ display:table; font-family: Arial; width:100%; background-color:#EBF5FF ; color:#404040; margin:0px; padding:0px; } .POSDivTabletr{display:table-row; overflow:hidden; font-size: 14px; color:#404040; padding:2px; min-height:80px;} .POSDivTabletr:hover{color: #0000FF ; background-color:#E6E6E6;} .POSDivTableth{display:table-cell; min-width:20px; max-width:250px; min-height:12px; overflow:hidden; max-height:30px; text-align:center; background-color:#404040 ; color:#EBF5FF; padding:2px; font-size: 12px; } .POSDivTabletd{display:table-cell; min-width:20px; max-width:250px; min-height:20px; max-height:60px; height:40px; overflow:hidden; text-align:right; padding:5px 2px 5px 2px; vertical-align: middle; font-size: 14px; margin:2px 0px 2px 0px; } .POSDivTabletrSelected{ background-color:#aaccff ;} .DETAILDivTable{ display:table; font-family: Arial; left:0px; right:0px; background-color:#EBF5FF ; color:#404040; margin:0px; padding:0px; } .DETAILDivTabletr{display:table-row; overflow:hidden; color:#404040; min-height:12px; background-color:#EBF5FF ;} .DETAILDivTabletrStage2{display:table-row; overflow:hidden; color:#4e9a06; min-height:12px; background-color:#EBF5FF ;} .DETAILDivTabletrStage3{display:table-row; overflow:hidden; color:#ef2929; min-height:12px; background-color:#EBF5FF ;} .DETAILDivTableth{display:table-cell; min-width:30px; max-width:100px; min-height:10px; overflow:hidden; max-height:30px; text-align:center; background-color:#404040 ; color:#EBF5FF; padding:2px 2px 2px 2px; margin:1px 1px 1px 1px; vertical-align: middle; font-size: 10px; } .DETAILDivTabletd{display:table-cell; min-width:30px; max-width:150px; min-height:10px; max-height:50px; overflow:hidden; text-align:right; padding:2px 2px 2px 2px; vertical-align: middle; font-size: 10px; margin:1px 1px 1px 1px; } .TopSelectionContainer{position:absolute; top:60px; left:200px; width:300px; height:200px; z-index:9999; background-color:#4169E1; float:left; padding: 2px; margin:2px; overflow-x:hidden; overflow-y:auto; border-width: 1px; border-style: solid; border-color: #000080 ; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 2px 2px 2px 0px #999999; -webkit-box-shadow: 2px 2px 2px 0px #999999; box-shadow: 2px 2px 2px 0px #999999; display:none;} .TopSelectionContainerBlock{display:block; position:relative; left:0px; right:0px; height:50px; min-width:280px; float:left; background-color:#eeeeec; padding: 2px; margin: 2px; overflow:hidden; border-width: 1px; border-style: solid; border-color: #D8D8D8; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 2px 2px 2px 0px #999999; -webkit-box-shadow: 2px 2px 2px 0px #999999; box-shadow: 2px 2px 2px 0px #999999; } .TopSelectionContainerBlock:hover{border-color: #729fcf;} .TopSelectionContainerBlock a{ margin:0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 20px; color:#000080; font-weight:bold;} .PopUpWindow{position: relative; width:100%; height:100%; min-width:100px; max-width:300px; min-height:100px; max-height:180px; top:50px; top: 40%; left:50%; transform: perspective(1px) translateY(-50%) translateX(-40%);; display:none; z-index:9999; background-color:#F0F0F0 ; padding:15px; border-width: 2px; margin:0px; border-style: solid; border-color: blue; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 2px 2px 2px 0px #999999; -webkit-box-shadow: 2px 2px 2px 0px #999999; box-shadow: 2px 2px 2px 0px #999999;} .PopUpWindowFormLine{position:relative; top:0px; left:0px; right:0px; height:60px; margin:0px; padding:0px 10px 0px 10px;} .PopUpWindowFormLineTitle{position:absolute; top:1px; left:0px; right:0px; height:15px; font-size:11px; color:#003366; text-align:left; padding: 3px 5px 3px 5px; margin:0px; float:left; border 1px pink solid;} .PopUpWindowFormLineInputBorder{position:absolute; top:20px; left:0px; right:20px; height:30px; font-size: 20px; color: #003366; text-align:center; padding: 5px 5px 5px 5px; margin:0px; background-color:#F8F8F8 ; border-width: 1px; border-style: solid; border-color: #E0E0E0 ; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .PopUpWindowFormLineInputBorder input{width:100%; height:100%; font-size:20px;} .PopUpWindowFormLineInputBorderRight{position:absolute; top:20px; left:0px; right:20px; height:30px; font-size: 20px; color: #003366; text-align:center; padding: 5px 5px 5px 5px; margin:0px; background-color:#F8F8F8 ; border-width: 1px; border-style: solid; border-color: #E0E0E0 ; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .PopUpWindowFormLineInputBorderRight input{width:100%; height:100%; font-size:20px; text-align:right;} .PopUpWindowFormLineInputBorderCenter{position:absolute; top:20px; left:0px; right:20px; height:30px; font-size: 20px; color: #003366; text-align:center; padding: 5px 5px 5px 5px; margin:0px; background-color:#F8F8F8 ; border-width: 1px; border-style: solid; border-color: #E0E0E0 ; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .PopUpWindowFormLineInputBorderCenter input{width:100%; height:100%; font-size:20px;text-align:center;} .PopUpWindowFormLineTitle2{position:absolute; top: 1px; left:0px; width:130px; height:15px; font-size:11px; color:#003366; text-align:left; padding: 3px 5px 3px 5px; margin:0px; float:left;} .PopUpWindowFormLineInputBorder2{position:absolute; top:20px; left:0px; width:155px; height:30px; font-size: 20px; color: #003366; text-align:center; padding: 5px 5px 5px 5px; margin:0px; background-color:#F8F8F8 ; border-width: 1px; border-style: solid; border-color: #E0E0E0 ; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .PopUpWindowFormLineInputBorder2 input{width:100%; height:100%; font-size:18px;} .PopUpWindowFormLineTitle3{position:absolute; top: 1px; left:0px; width:90px; height:15px; font-size:11px; color:#003366; text-align:left; padding: 3px 5px 3px 5px; margin:0px; float:left;} .PopUpWindowFormLineInputBorder3{position:absolute; top:20px; left:0px; width:90px; height:30px; font-size: 20px; color: #003366; text-align:center; padding: 5px 5px 5px 5px; margin:0px; background-color:#F8F8F8 ; border-width: 1px; border-style: solid; border-color: #E0E0E0 ; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .PopUpWindowFormLineInputBorder3 input{width:100%; height:100%; font-size:20px;} .PopUpWindowContentsFormFieldSELECT{position:absolute; top:20px; left:0px; width:300px; height:24px; text-align:left; font-size: 18px; color: #003366; padding: 5px 4px 5px 4px; margin:0px;} .PopUpWindowContentsFormFieldSELECT SELECT{font-size: 18px; width:300px; color: #003366; background-color:#F8F8F8 ;} .PopUpWindowContentsFormFieldSELECT2{position:absolute; top:20px; left:0px; width:230px; height:24px; text-align:left; font-size: 18px; color: #003366; padding: 5px 4px 5px 4px; margin:0px;} .PopUpWindowContentsFormFieldSELECT2 SELECT{font-size: 18px; width:230px; color: #003366; background-color:#F8F8F8 ;} .PopUpWindowContentsFormFieldSELECT_half{position:absolute; top:20px; left:0px; width:140px; height:24px; text-align:left; font-size: 18px; color: #003366; padding: 5px 4px 5px 4px; margin:0px;} .PopUpWindowContentsFormFieldSELECT_half SELECT{font-size: 18px; width:140px; color: #003366; background-color:#F8F8F8 ;} .PopUpWindowFormLineTextArea4{position:absolute; top: 20px; left:0px; right:10px; height:60px; text-align:left; font-size:11px; color:#003366; padding: 0px; margin:0px; background-color:#F8F8F8 ; background-color:white; border: 1px #E0E0E0 solid; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .PopUpWindowFormLineTextAreaFullDiv{ width:100%;; height:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .PopUpWindowContentsFormLineSeperator{position:relative; top: 0px; left:5px; right:15px; height:2px; margin: 11px 0px 11px 0px; background-color:blue;} .PopUpWindowBottomTotal{position:absolute; top:5px; right:220px; height:40px; width:150px; padding: 0px; margin:0px; color: #000080; font-family: DigitalFont; overflow:hidden; border-width: 0px; border-style: solid; border-color: #E0E0E0 ; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .PopUpWindowBottomTotalNum{position:absolute; top:10px; left:5px; right:5px; height:20px; text-align:center; font-size:20px; font-weight:bold;} .PopUpWindowOK{position:absolute; bottom:5px; right:10px; width:50px; height:50px; background:url(../img/ok.png) no-repeat 0 0; } .PopUpWindowCancel{position:absolute; bottom:5px; right:90px; width:50px; height:50px; background:url(../img/cancel.png) no-repeat 0 0; } .PopUpWindowPOSBig{position:absolute; top:60px; left:400px; height:520px; width:500px; display:none; z-index:9003; background-color:#F0F0F0 ; border-width: 1px; padding: 10px; margin:0px; border-style: solid; border-color: blue; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 2px 2px 2px 0px #999999; -webkit-box-shadow: 2px 2px 2px 0px #999999; box-shadow: 2px 2px 2px 0px #999999; } .PopUpWindowPOSBigFormLine{position:relative; top: 0px; left:0px; right:0px; height:80px; margin:0px; padding:0px 10px 0px 10px; } .PopUpWindowPOSBigFormLineTitle{position:absolute; top: 1px; left:0px; right:0px; height:22px; font-size:16px; color:#003366; text-align:left; padding: 3px 5px 3px 5px; margin:0px; float:left;} .PopUpWindowPOSBigFormLineInputBorder{position:absolute; top:24px; left:0px; right:0px; height:40px; font-size: 30px; color: #003366; text-align:center; padding: 5px 5px 5px 5px; margin:0px; background-color:#F8F8F8 ; border-width: 1px; border-style: solid; border-color: #E0E0E0 ; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .PopUpWindowPOSBigFormLineInputBorder input{width:100%; height:100%; font-size:20px; border:none;} .PopUpWindowVeryBig{position:absolute; top:50px; left:40px; bottom:20px; right:40px; min-width:500px; min-height:500px; display:none; z-index:9003; background-color:#F0F0F0 ; border-width: 1px; padding: 10px; margin:0px; border-style: solid; border-color: blue; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 2px 2px 2px 0px #999999; -webkit-box-shadow: 2px 2px 2px 0px #999999; box-shadow: 2px 2px 2px 0px #999999; } .PopUpWindowData{position:absolute; top:50px; left:400px; height:520px; width:340px; display:none; z-index:9003; background-color:#F0F0F0 ; border-width: 1px; padding: 10px; margin:0px; border-style: solid; border-color: blue; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 2px 2px 2px 0px #999999; -webkit-box-shadow: 2px 2px 2px 0px #999999; box-shadow: 2px 2px 2px 0px #999999; } .PopUpWindowDataTop{position:absolute; top:0px; left:0px; height:50px; width:100%; background:#3377ff; padding: 0px 0px 0px 0px; margin:0px 0px 0px 0px; border-width: 0px; border-style: solid; border-color: gray; -webkit-border-radius: 2px 2px 0px 0px; -moz-border-radius: 2px 2px 0px 0px; border-radius: 2px 2px 0px 0px;;} .PopUpWindowDataTopTitle{position:relative; top:13px; height:14px; left: 10px; width:150px; font-family: Arial, verdana, helvetica, sans-serif; font-size: 14px; font-weight:bold; color: white; } .PopUpWindowDataTopClose{position:absolute; top:5px; height:40px; right:5px; width:40px; background: url("../img/exit.png"); background-size: contain; } .PopUpWindowDataContents{position:absolute; top:50px; bottom:50px; left: 5px; right:5px; font-family: Arial, verdana, helvetica, sans-serif; font-size: 20px; color: blue; background-color:#F0F0F0;} .PopUpWindowDataBottom{position:absolute; bottom:0px; height:50px; left: 0px; width:100%; adding: 2px; float:left;} /*-----customers windows ------*/ .PopUpWindowDataBig2{position:absolute; top:3px; left:30px; height:520px; width:760px; display:none; z-index:9003; background-color:#F0F0F0 ; border-width: 1px; padding: 10px; margin:0px; border-style: solid; border-color: blue; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 2px 2px 2px 0px #999999; -webkit-box-shadow: 2px 2px 2px 0px #999999; box-shadow: 2px 2px 2px 0px #999999; } .PopUpWindowDataBig3{position:absolute; top:3px; left:30px; height:540px; width:1070px; display:none; z-index:9003; background-color:#F0F0F0 ; border-width: 1px; padding: 10px; margin:0px; border-style: solid; border-color: blue; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 2px 2px 2px 0px #999999; -webkit-box-shadow: 2px 2px 2px 0px #999999; box-shadow: 2px 2px 2px 0px #999999; } .PopUpWindowDataContentsBig1{position:absolute; top:50px; bottom:50px; left:5px; width:350px; font-family: Arial, verdana, helvetica, sans-serif; font-size: 20px; color: blue; background-color:#F0F0F0; border-right:1px gray solid; } .PopUpWindowDataContentsBig2{position:absolute; top:50px; bottom:50px; left:370px; width:350px; font-family: Arial, verdana, helvetica, sans-serif; font-size: 20px; color: blue; background-color:#F0F0F0; border-right:1px gray solid;} .PopUpWindowDataContentsBig3{position:absolute; top:50px; bottom:50px; left:730px; width:350px; font-family: Arial, verdana, helvetica, sans-serif; font-size: 20px; color: blue; background-color:#F0F0F0; } .PopUpWindowFormLineListInputBox{position:absolute; top:20px; left:0px; right:0px; height:30px; font-size: 20px; color: #003366; text-align:center; padding: 5px 5px 5px 5px; margin:0px; background-color:#F8F8F8 ; border-width: 1px; border-style: solid; border-color: #E0E0E0 ; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .PopUpWindowFormLineListInputBox input{left:0px; right:50px; height:100%; font-size:20px; text-align:center;} /* .PopUpWindowFormLineListInputBoxBtnAdd{position:absolute; top:0px; right:5px; width:40px; height:40px; display:block; background:url(../img/add.png); background-size:40px 40px;background-repeat:no-repeat;background-position: center center;} */ .PopUpWindowFormLineListRecordsBoxOuter{display:block; position:absolute; top:65px; left:0px; right:20px; bottom:10px; overflow-y:auto font-size: 16px; color: #003366; text-align:center; padding: 2px 10px 2px 10px; margin:0px; background-color:#F8F8F8 ; border-width: 1px; border-style: solid; border-color: #E0E0E0 ; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .PopUpWindowFormLineListRecordsBox{display:table; min-width:300px; font-size: 20px; color: #003366; text-align:center; padding:0px; margin:0px; background-color:#F8F8F8 ; } .PopUpWindowFormLineListRecordsBoxDataRowBox{display:table-row; overflow:hidden; height:30px; padding:0px 2px 0px 2px; font-family: Courier New, Courier, Lucida Sans Typewriter, Lucida Typewriter, monospace;} .PopUpWindowFormLineListRecordsBoxDataFieldTxt{display:table-cell; height:30px; min-width:100px; max-width:180px; margin: 0px,2px 0px 2px; font-size:16px; border-bottom:1px #E0E0E0 solid; text-align:left; } .PopUpWindowFormLineListRecordsBoxDataFieldTxt input{left:2px; right:2px; min-width:100px; max-width:180px; font-size:16px; text-align:left;} .PopUpWindowFormLineListRecordsBoxDataField40{display:table-cell; height:30px; min-width:30px; max-width:60px; margin: 0px,2px 0px 2px; font-size:16px; border-bottom:1px #E0E0E0 solid; text-align:right;} .PopUpWindowFormLineListRecordsBoxDataField40 input{left:2px; right:2px; min-width:30px; max-width:60px; font-size:16px; text-align:right;} .PopUpWindowFormLineListInputBoxBtnTrash{display:table-cell; width:30px; height:30px; background:url(../img/trash.png); background-size:30px 30px;background-repeat:no-repeat;background-position: center center;} /* --- SLIDERS */ .switch {position: relative; display: inline-block; width: 60px; height: 34px;} /* Hide default HTML checkbox */ .switch input { opacity: 0; width: 0; height: 0;} /* The slider */ .slider {position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ff0000; -webkit-transition: .4s; transition: .4s;} .slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s;} input:checked + .slider { background-color: #009000;} input:focus + .slider { box-shadow: 0 0 1px #2196F3;} input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px);} /* Rounded sliders */ .slider.round { border-radius: 34px;} .slider.round:before { border-radius: 50%;} .BtnChangePrice{right:640px; background:url(../img/changeprice.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;} .BtnChangeQty{right:710px; background:url(../img/changeqty.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;} .BtnOrder{right:800px; background:url(../img/changeorder.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;} .BtnPricelist{right:870px; background:url(../img/pricelist.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;} .BtnChCustomerBottom{right:940px; background:url(../img/customers.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;} .BtnPause{left:630px; background:url(../img/pause.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;} .BtnPlay{left:700px; background:url(../img/play.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;} .BtnFixPrices{left:700px; background:url(../img/changeprice.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;} .BtnDataImport{left:10px; background:url(../img/dataimport.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;} .BtnAddMany{left:220px; background:url(../img/add_many.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;} .BtnTable{left:220px; background:url(../img/table.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;} .BtnStand{left:220px; background:url(../img/stand.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;} .BtnSunbed{left:220px; background:url(../img/sunbed.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;} .BtnSearch{left:160px; background:url(../img/search.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;} .BtnSelectAll{left:170px; background:url(../img/selectall.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;} .BtnSelectNone{left:240px; background:url(../img/selectnone.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;} .BtnLink{left:310px; background:url(../img/link.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;} .BtnUnlink{left:380px; background:url(../img/unlink.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;} .BtnRemove{left:920px; background:url(../img/remove.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;} .BtnCatremove{left:980px; background:url(../img/catremove.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;} .BtnReceipt{left:70px; background:url(../img/receipt.png) ; background-size:50px 50px;background-repeat:no-repeat;background-position: center center;} .BtnPayment{left:130px; background:url(../img/payment.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;} .BtnPrint{left:200px; background:url(../img/print.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;} .BtnNoTblAcc{left:260px; background:url(../img/person.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;} .BtnMoveTbl{left:320px; background:url(../img/movetbl.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;} .BtnNote{left:390px; background:url(../img/note.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;} .BtnReceiptAll{left:450px; background:url(../img/allreceipt.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;} .BtnPayall{left:510px; background:url(../img/allpayment.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;} .BtnSend{left:570px; background:url(../img/send.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;} .BtnChangeWaiter{left:570px; background:url(../img/changewaiter.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;} .BtnPerson{left:630px; background:url(../img/customers.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;} .BtnStats{left:630px; background:url(../img/stats.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;} .BtnNoTblAccount{left:260px; background:url(../img/person.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;} .BtnCustomer{left:240px; background:url(../img/customers.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;} .BtnSplit{left:240px; background:url(../img/split.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;} .BtnPayCash{right:450px; background:url(../img/cash.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;} .BtnPayCard{right:350px; background:url(../img/card.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;} .BtnPayCredit{right:250px; background:url(../img/credit.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;} .BtnPayAccAll{right:450px; background:url(../img/accall.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;} .BtnPayAccIssued{right:250px; background:url(../img/accissued.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;} .BtnPayAccOrdered{right:350px; background:url(../img/accordered.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;} .BtnPhonePicked{left:240px; background:url(../img/phonepicked.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;} .BtnPhoneList{left:310px; background:url(../img/phonelist.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;} .BtnPhoneLast{left:380px; background:url(../img/phonelast.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;} .BtnHistoryReport{left:950px; background:url(../img/receipt.png) ; background-size:50px 50px;background-repeat:no-repeat;background-position: center center;} .BtnAlerts{left:50px; background:url(../img/alerts.png) no-repeat 0 0;} .BtnSensors{left:130px; background:url(../img/sensor.png) no-repeat 0 0;} .BtnMimic{left:210px; background:url(../img/mimics.png) no-repeat 0 0;} .BtnGeneral{left:290px; background:url(../img/config.png) no-repeat 0 0;} .BtnFreetext{right:300px; background:url(../img/freetext.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;} /* ---------------------------------------- Forma Parastatikoy --------------------------------------------- */ .ParScreen{position:absolute; top:3px; left:10px; bottom:20px; width:1300px; padding: 10px; margin:0px; display:none; z-index:9100; background-color:#F0F0F0 ; border-width: 2px; border-style: solid; border-color: blue; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 3px 3px 3px 0px #999999; -webkit-box-shadow: 3px 3px 3px 0px #999999; box-shadow: 3px 3px 3px 0px #999999; } .ParScreenTop{position:absolute; top:0px; left:0px; height:50px; width:100%; background:#3377ff; padding: 0px 0px 0px 0px; margin:0px 0px 0px 0px; border-width: 0px; border-style: solid; border-color: gray; -webkit-border-radius: 2px 2px 0px 0px; -moz-border-radius: 2px 2px 0px 0px; border-radius: 2px 2px 0px 0px;;} .ParScreenTopTitle{position:relative; top:13px; height:14px; left: 10px; width:150px; font-family: Arial, verdana, helvetica, sans-serif; font-size: 14px; font-weight:bold; color: white; } .ParScreenTopClose{position:absolute; top:5px; height:40px; right:5px; width:40px; background: url("../img/exit.png"); background-size: contain; } .ParScreenContents{position:absolute; top:50px; bottom:50px; left: 5px; right:5px; font-family: Arial, verdana, helvetica, sans-serif; font-size: 20px; color: blue; background-color:#F0F0F0;} .ParScreenBottom{position:absolute; bottom:0px; height:50px; left: 0px; width:100%; adding: 2px; float:left;} .ParScreenBottomTitle{position:relative; top:13px; height:14px; left: 10px; width:150px; font-family: Arial, verdana, helvetica, sans-serif; font-size: 14px; font-weight:bold; color: white; } .ParScreenOK{position:absolute; bottom:5px; right:10px; width:50px; height:50px; background:url(../img/ok.png) no-repeat 0 0; } .ParScreenCancel{position:absolute; bottom:5px; right:90px; width:50px; height:50px; background:url(../img/cancel.png) no-repeat 0 0; } .ParScreenLine{position:relative; top:0px; left:0px; right:0px; height:70px; margin:0px; padding:0px; flow:left; } .ParScreenLineFieldBox{position:absolute; top:0px; left:0px; width:200px; height:60px; margin:0px; padding:0px; flow:left;} .ParScreenLineFieldBoxTitle{position:absolute; top:1px; left:0px; right:0px; height:15px; font-size:11px; color:#003366; text-align:left; padding: 3px 5px 3px 5px; margin:0px;} .ParScreenLineFieldBoxInputBorder{position:absolute; top:20px; left:0px; right:0px; height:30px; font-size: 20px; color: #003366; text-align:center; padding: 5px 5px 5px 5px; margin:0px; background-color:#F8F8F8 ; border-width: 1px; border-style: solid; border-color: #E0E0E0 ; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .ParScreenLineFieldBoxInputBorder input{width:100%; height:100%; font-size:20px;} .ParScreenLineFieldBoxSELECT{position:absolute; top:20px; left:0px; width:220px; height:24px; text-align:left; font-size: 18px; color: #003366; padding: 5px 4px 5px 4px; margin:0px;} .ParScreenLineFieldBoxSELECT SELECT{font-size: 18px; left:0px; width:220px; color: #003366; background-color:#F8F8F8 ;} .ParScrDetail{position:absolute; top:210px; left:0px; bottom:10px; right:0px; background-color:#E8E8E8 ; display:block; color:white; overflow-x:hidden; overflow-y:auto; font-size: 16px; box-shadow: 0px 0px 9px rgba(0,0,0,0.15);} .ParScrDetailTable{display:table; font-family:Arial; width:100%; background-color:#EBF5FF ; color:#404040; margin:0px; padding:0px; } .ParScrDetailTabletr{display:table-row; overflow:hidden; font-size:16px; color:#404040; padding:5px;} .ParScrDetailTabletr:hover{color: #0000FF ; background-color:#E6E6E6;} .ParScrDetailTableth{display:table-cell; min-width:30px; max-width:250px; min-height:20px; overflow:hidden; max-height:50px; text-align:center; background-color:#404040 ; color:#EBF5FF; padding:4px 4px 4px 4px; font-size: 16px; border:1px #E8E8E8 solid; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} .ParScrDetailTabletd{display:table-cell; min-width:50px; max-width:250px; min-height:20px; overflow:hidden; max-height:50px; text-align:right; padding:4px 4px 4px 4px; font-size: 16px; border-bottom:1px #E8E8E8 solid; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} .AlignCenter{ text-align:center;} .AlignLeft{ text-align:left;} .ParScrDetailTabletrSelected{ background-color:#aaccff ;} .ParScrDetailBtnAdd{left:10px; background:url(../img/add.png); background-size:40px 40px;background-repeat:no-repeat;background-position: center center;} .ParScrDetailBtnEdit{left:60px; background:url(../img/edit.png) ; background-size:40px 40px;background-repeat:no-repeat;background-position: center center;} .ParScrDetailBtnDelete{left:110px; background:url(../img/delete.png); background-size:40px 40px;background-repeat:no-repeat;background-position: center center;} .ParScrDetailBtnSearch{left:160px; background:url(../img/search.png); background-size:40px 40px;background-repeat:no-repeat;background-position: center center; } .ParScrZoomLine{position:absolute; top:280px; left:40px; height:180px; width:1020px; padding: 10px; margin:0px; display:none; z-index:9120; background-color:#F0F0F0 ; border-width: 1px; border-style: solid; border-color: blue; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 2px 2px 2px 0px #999999; -webkit-box-shadow: 2px 2px 2px 0px #999999; box-shadow: 2px 2px 2px 0px #999999; } .ParScrSearchPopUp{position:absolute; top:160px; left:130px; bottom:100px; width:910px; display:none; z-index:9130; background-color:#F0F0F0 ; padding: 10px; margin:0px; border-width: 1px; border-style: solid; border-color: blue; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 2px 2px 2px 0px #999999; -webkit-box-shadow: 2px 2px 2px 0px #999999; box-shadow: 2px 2px 2px 0px #999999; } .ParScrSearchPopUpTop{position:absolute; top:0px; left:0px; height:50px; width:100%; background:#3377ff; padding: 0px 0px 0px 0px; margin:0px 0px 0px 0px; border-width: 0px; border-style: solid; border-color: gray; -webkit-border-radius: 2px 2px 0px 0px; -moz-border-radius: 2px 2px 0px 0px; border-radius: 2px 2px 0px 0px;;} .ParScrSearchPopUpTopTitle{position:relative; top:13px; height:14px; left: 10px; width:150px; font-family: Arial, verdana, helvetica, sans-serif; font-size: 14px; font-weight:bold; color: white; } .ParScrSearchPopUpTopClose{position:absolute; top:5px; height:40px; right:5px; width:40px; background: url("../img/exit.png"); background-size: contain; } .ParScrSearchPopUpContents{position:absolute; top:50px; bottom:50px; left: 5px; right:5px; font-family: Arial, verdana, helvetica, sans-serif; font-size: 20px; overflow-x:hidden; overflow-y:auto; color: blue; background-color:#F0F0F0;} .ParScrSearchPopUpBottom{position:absolute; bottom:0px; height:50px; left: 0px; width:100%; adding: 2px; float:left;} .ParScrSearchPopUpBottomTitle{position:relative; top:13px; height:14px; left: 10px; width:150px; font-family: Arial, verdana, helvetica, sans-serif; font-size: 14px; font-weight:bold; color: white; }