/* Minification failed. Returning unminified contents. (1136,28): run-time error CSS1034: (1136,28): run-time error CSS1042: Expected function, found ',' (1136,34): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (1176,29): run-time error CSS1034: (1176,29): run-time error CSS1042: Expected function, found ',' (1176,35): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (1409,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1410,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1551,23): run-time error CSS1039: Token not allowed after unary operator: '-fontfamily' (1574,23): run-time error CSS1039: Token not allowed after unary operator: '-fontfamily' (1585,23): run-time error CSS1039: Token not allowed after unary operator: '-fontfamily' (1598,28): run-time error CSS1039: Token not allowed after unary operator: '-toasticonbackcolor' (3606,31): run-time error CSS1046: Expect comma, found '148' (3606,39): run-time error CSS1046: Expect comma, found '/' (7406,26): run-time error CSS1046: Expect comma, found '196' (7406,34): run-time error CSS1046: Expect comma, found '/' (7410,27): run-time error CSS1046: Expect comma, found '125' (7410,35): run-time error CSS1046: Expect comma, found '/' (7414,27): run-time error CSS1046: Expect comma, found '151' (7414,34): run-time error CSS1046: Expect comma, found '/' (7418,27): run-time error CSS1046: Expect comma, found '102' (7418,35): run-time error CSS1046: Expect comma, found '/' (7422,25): run-time error CSS1046: Expect comma, found '192' (7422,33): run-time error CSS1046: Expect comma, found '/' (7426,27): run-time error CSS1046: Expect comma, found '105' (7426,35): run-time error CSS1046: Expect comma, found '/' (7852,14): run-time error CSS1030: Expected identifier, found '.' (7852,20): run-time error CSS1031: Expected selector, found ')' (7852,20): run-time error CSS1025: Expected comma or open brace, found ')' (8308,30): run-time error CSS1034: (8308,30): run-time error CSS1042: Expected function, found ',' (8308,36): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (8309,33): run-time error CSS1034: (8309,33): run-time error CSS1042: Expected function, found ',' (8309,39): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (13234,20): run-time error CSS1030: Expected identifier, found '.' (13234,33): run-time error CSS1031: Expected selector, found ')' (13234,33): run-time error CSS1025: Expected comma or open brace, found ')' (14129,1): run-time error CSS1019: Unexpected token, found '}' (15123,43): run-time error CSS1034: (15123,43): run-time error CSS1042: Expected function, found ',' (15123,49): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (15357,1): run-time error CSS1019: Unexpected token, found '@keyframes' (15358,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%' (17033,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (17034,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (17055,1): run-time error CSS1019: Unexpected token, found '@keyframes' (17056,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (17922,34): run-time error CSS1046: Expect comma, found '177' (17922,41): run-time error CSS1046: Expect comma, found '/' (18032,28): run-time error CSS1039: Token not allowed after unary operator: '-locked-color' (18044,26): run-time error CSS1039: Token not allowed after unary operator: '-locked-color' (18064,32): run-time error CSS1039: Token not allowed after unary operator: '-locked-color' (18090,28): run-time error CSS1039: Token not allowed after unary operator: '-unlocked-color' (18094,30): run-time error CSS1039: Token not allowed after unary operator: '-unlocked-color' (18215,1): run-time error CSS1019: Unexpected token, found '@keyframes' (18216,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (18247,1): run-time error CSS1019: Unexpected token, found '@keyframes' (18248,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (21544,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (21545,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (21554,1): run-time error CSS1019: Unexpected token, found '@keyframes' (21555,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (21564,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (21565,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (21574,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (21575,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (21584,1): run-time error CSS1019: Unexpected token, found '@keyframes' (21585,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (21594,1): run-time error CSS1019: Unexpected token, found '@keyframes' (21595,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (21610,1): run-time error CSS1019: Unexpected token, found '@keyframes' (21611,10): run-time error CSS1035: Expected colon, found '{' (21630,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (21631,10): run-time error CSS1035: Expected colon, found '{' (21640,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (21641,10): run-time error CSS1035: Expected colon, found '{' (21650,1): run-time error CSS1019: Unexpected token, found '@keyframes' (21651,10): run-time error CSS1035: Expected colon, found '{' (21680,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (21681,10): run-time error CSS1035: Expected colon, found '{' (21690,1): run-time error CSS1019: Unexpected token, found '@keyframes' (21691,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (21718,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (21719,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (21732,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (21733,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (21746,1): run-time error CSS1019: Unexpected token, found '@keyframes' (21747,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (22231,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22232,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22233,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22234,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22235,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22236,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22237,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22238,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22239,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22240,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22265,28): run-time error CSS1039: Token not allowed after unary operator: '-bgcolor' (22266,17): run-time error CSS1039: Token not allowed after unary operator: '-mainfcolor' (22284,28): run-time error CSS1039: Token not allowed after unary operator: '-bgcolor' (22288,21): run-time error CSS1039: Token not allowed after unary operator: '-mainfcolor' (22292,21): run-time error CSS1039: Token not allowed after unary operator: '-mainfcolor' (22296,32): run-time error CSS1039: Token not allowed after unary operator: '-bgcolorsec' (22300,32): run-time error CSS1039: Token not allowed after unary operator: '-bgcolor' (22308,28): run-time error CSS1039: Token not allowed after unary operator: '-bgcolorthird' (22320,21): run-time error CSS1039: Token not allowed after unary operator: '-mainfcolor' (22324,32): run-time error CSS1039: Token not allowed after unary operator: '-bgcolor' (22325,21): run-time error CSS1039: Token not allowed after unary operator: '-mainfcolor' (22329,21): run-time error CSS1039: Token not allowed after unary operator: '-mainfcolor' (22333,32): run-time error CSS1039: Token not allowed after unary operator: '-bgcolor' (22337,32): run-time error CSS1039: Token not allowed after unary operator: '-bgcolorsec' (22341,32): run-time error CSS1039: Token not allowed after unary operator: '-bgcolorsec' (22342,26): run-time error CSS1039: Token not allowed after unary operator: '-bgcolorsec' (22343,28): run-time error CSS1039: Token not allowed after unary operator: '-bordercolorsec' (22344,21): run-time error CSS1039: Token not allowed after unary operator: '-mainfcolor' (22352,21): run-time error CSS1039: Token not allowed after unary operator: '-secfcolor' (22356,28): run-time error CSS1039: Token not allowed after unary operator: '-bordercolorthird' (22361,32): run-time error CSS1039: Token not allowed after unary operator: '-bgcolorsec' (22362,28): run-time error CSS1039: Token not allowed after unary operator: '-bordercolorsec' (22365,21): run-time error CSS1039: Token not allowed after unary operator: '-mainfcolor' (22370,32): run-time error CSS1039: Token not allowed after unary operator: '-bgcolorthird' (22371,28): run-time error CSS1039: Token not allowed after unary operator: '-bordercolorthird' (22374,21): run-time error CSS1039: Token not allowed after unary operator: '-mainfcolor' (22387,32): run-time error CSS1039: Token not allowed after unary operator: '-bgcolorsec' (22388,22): run-time error CSS1039: Token not allowed after unary operator: '-bordercolorthird' (22390,21): run-time error CSS1039: Token not allowed after unary operator: '-secfcolor' (22394,32): run-time error CSS1039: Token not allowed after unary operator: '-bgcolorsec' (22395,26): run-time error CSS1039: Token not allowed after unary operator: '-bgcolorsec' (22400,32): run-time error CSS1039: Token not allowed after unary operator: '-bgcolorsec' (22401,28): run-time error CSS1039: Token not allowed after unary operator: '-bordercolorsec' (22405,32): run-time error CSS1039: Token not allowed after unary operator: '-bgcolorsec' (22406,28): run-time error CSS1039: Token not allowed after unary operator: '-bordercolorsec' (22412,28): run-time error CSS1039: Token not allowed after unary operator: '-bgcolor' (22413,21): run-time error CSS1039: Token not allowed after unary operator: '-mainfcolor' (22414,32): run-time error CSS1039: Token not allowed after unary operator: '-bgcolor' (22418,32): run-time error CSS1039: Token not allowed after unary operator: '-bgcolor' (22422,32): run-time error CSS1039: Token not allowed after unary operator: '-bgcolorthird' (22423,26): run-time error CSS1039: Token not allowed after unary operator: '-bgcolorthird' (22424,28): run-time error CSS1039: Token not allowed after unary operator: '-bordercolorthird' (22425,21): run-time error CSS1039: Token not allowed after unary operator: '-mainfcolor' (22430,32): run-time error CSS1039: Token not allowed after unary operator: '-bgcolor' (22431,28): run-time error CSS1039: Token not allowed after unary operator: '-bordercolorthird' (22432,21): run-time error CSS1039: Token not allowed after unary operator: '-secfcolor' (22436,21): run-time error CSS1039: Token not allowed after unary operator: '-secfcolor' (22440,21): run-time error CSS1039: Token not allowed after unary operator: '-mainfcolor' (22444,28): run-time error CSS1039: Token not allowed after unary operator: '-bordercolorsec' (22448,21): run-time error CSS1039: Token not allowed after unary operator: '-secfcolor' (22452,21): run-time error CSS1039: Token not allowed after unary operator: '-mainfcolor' (22453,28): run-time error CSS1039: Token not allowed after unary operator: '-bordercolorsec' (22457,21): run-time error CSS1039: Token not allowed after unary operator: '-darkfcolor' (22461,28): run-time error CSS1039: Token not allowed after unary operator: '-bordercolorsec' (22465,28): run-time error CSS1039: Token not allowed after unary operator: '-bordercolor' (22469,26): run-time error CSS1039: Token not allowed after unary operator: '-bordercolorthird' (22470,32): run-time error CSS1039: Token not allowed after unary operator: '-bordercolorthird' (22471,21): run-time error CSS1039: Token not allowed after unary operator: '-mainfcolor' (22475,26): run-time error CSS1039: Token not allowed after unary operator: '-bordercolorthird' (22476,32): run-time error CSS1039: Token not allowed after unary operator: '-bordercolorthird' (22480,26): run-time error CSS1039: Token not allowed after unary operator: '-bgcolorsec' (22481,28): run-time error CSS1039: Token not allowed after unary operator: '-bordercolorthird' (22482,21): run-time error CSS1039: Token not allowed after unary operator: '-mainfcolor' (22486,21): run-time error CSS1039: Token not allowed after unary operator: '-mainfcolor' (22490,21): run-time error CSS1039: Token not allowed after unary operator: '-darkfcolor' (22494,21): run-time error CSS1039: Token not allowed after unary operator: '-mainfcolor' (22495,35): run-time error CSS1039: Token not allowed after unary operator: '-bordercolorsec' (22499,28): run-time error CSS1039: Token not allowed after unary operator: '-bordercolorsec' (22503,21): run-time error CSS1039: Token not allowed after unary operator: '-secfcolor' (22504,28): run-time error CSS1039: Token not allowed after unary operator: '-bordercolorsec' (22508,32): run-time error CSS1039: Token not allowed after unary operator: '-bgcolorthird' (22509,21): run-time error CSS1039: Token not allowed after unary operator: '-mainfcolor' (22510,28): run-time error CSS1039: Token not allowed after unary operator: '-bordercolorsec' (22514,25): run-time error CSS1039: Token not allowed after unary operator: '-mainfcolor' (22522,32): run-time error CSS1039: Token not allowed after unary operator: '-bgcolorsec' (22523,26): run-time error CSS1039: Token not allowed after unary operator: '-boxshadow' (22527,21): run-time error CSS1039: Token not allowed after unary operator: '-secfcolor' (22528,32): run-time error CSS1039: Token not allowed after unary operator: '-bgcolorthird' (22529,28): run-time error CSS1039: Token not allowed after unary operator: '-bordercolorsec' (22530,26): run-time error CSS1039: Token not allowed after unary operator: '-boxshadow' (22534,28): run-time error CSS1039: Token not allowed after unary operator: '-bordercolorsec' (22538,21): run-time error CSS1039: Token not allowed after unary operator: '-secfcolor' (22543,65): run-time error CSS1039: Token not allowed after unary operator: '-bgcolorsec' (22543,84): run-time error CSS1039: Token not allowed after unary operator: '-bgcolorsec' (22543,177): run-time error CSS1039: Token not allowed after unary operator: '-bgcolorsec' (22543,196): run-time error CSS1039: Token not allowed after unary operator: '-bgcolorsec' (22544,32): run-time error CSS1039: Token not allowed after unary operator: '-bgcolor' (22545,28): run-time error CSS1039: Token not allowed after unary operator: '-bordercolorsec' (22549,32): run-time error CSS1039: Token not allowed after unary operator: '-bgcolorsec' (22550,28): run-time error CSS1039: Token not allowed after unary operator: '-bordercolorthird' (22560,21): run-time error CSS1039: Token not allowed after unary operator: '-mainfcolor' (22565,21): run-time error CSS1039: Token not allowed after unary operator: '-mainfcolor' (22624,28): run-time error CSS1039: Token not allowed after unary operator: '-bordercolorthird' (22626,21): run-time error CSS1039: Token not allowed after unary operator: '-mainfcolor' (22630,21): run-time error CSS1039: Token not allowed after unary operator: '-bgcolorsec' (22634,32): run-time error CSS1039: Token not allowed after unary operator: '-bgcolorsec' (22638,32): run-time error CSS1039: Token not allowed after unary operator: '-bgcolorsec' (22643,28): run-time error CSS1039: Token not allowed after unary operator: '-bordercolorthird' (22647,21): run-time error CSS1039: Token not allowed after unary operator: '-secfcolor' (22651,21): run-time error CSS1039: Token not allowed after unary operator: '-mainfcolor' (22655,32): run-time error CSS1039: Token not allowed after unary operator: '-bgcolorthird' (22656,28): run-time error CSS1039: Token not allowed after unary operator: '-bordercolorsec' (22657,21): run-time error CSS1039: Token not allowed after unary operator: '-secfcolor' (22661,28): run-time error CSS1039: Token not allowed after unary operator: '-bordercolorsec' (22665,25): run-time error CSS1039: Token not allowed after unary operator: '-mainfcolor' (22673,32): run-time error CSS1039: Token not allowed after unary operator: '-bgcolorsec' (22674,28): run-time error CSS1039: Token not allowed after unary operator: '-bordercolorsec' (22678,25): run-time error CSS1039: Token not allowed after unary operator: '-mainfcolor' (22682,21): run-time error CSS1039: Token not allowed after unary operator: '-mainfcolor' (22686,21): run-time error CSS1039: Token not allowed after unary operator: '-mainfcolor' (22690,28): run-time error CSS1039: Token not allowed after unary operator: '-bordercolorsec' (22691,21): run-time error CSS1039: Token not allowed after unary operator: '-mainfcolor' (22695,21): run-time error CSS1039: Token not allowed after unary operator: '-mainfcolor' (22699,21): run-time error CSS1039: Token not allowed after unary operator: '-mainfcolor' (22703,21): run-time error CSS1039: Token not allowed after unary operator: '-secfcolor' (22707,28): run-time error CSS1039: Token not allowed after unary operator: '-bordercolorsec' (22708,32): run-time error CSS1039: Token not allowed after unary operator: '-bgcolorsec' (22712,36): run-time error CSS1039: Token not allowed after unary operator: '-bgcolor' (22716,32): run-time error CSS1039: Token not allowed after unary operator: '-bgcolorthird' (22717,28): run-time error CSS1039: Token not allowed after unary operator: '-bordercolorthird' (22718,26): run-time error CSS1039: Token not allowed after unary operator: '-boxshadow' (22722,32): run-time error CSS1039: Token not allowed after unary operator: '-bgcolorthird' (22726,32): run-time error CSS1039: Token not allowed after unary operator: '-bgcolorthird' (22727,21): run-time error CSS1039: Token not allowed after unary operator: '-mainfcolor' (22731,32): run-time error CSS1039: Token not allowed after unary operator: '-bgcolorsec' (22732,28): run-time error CSS1039: Token not allowed after unary operator: '-bordercolorthird' (22733,21): run-time error CSS1039: Token not allowed after unary operator: '-mainfcolor' (22741,21): run-time error CSS1039: Token not allowed after unary operator: '-mainfcolor' (22745,32): run-time error CSS1039: Token not allowed after unary operator: '-bgcolorsec' (22746,26): run-time error CSS1039: Token not allowed after unary operator: '-boxshadow' (22747,22): run-time error CSS1039: Token not allowed after unary operator: '-bordercolorthird' (22757,21): run-time error CSS1039: Token not allowed after unary operator: '-secfcolor' (22762,21): run-time error CSS1039: Token not allowed after unary operator: '-mainfcolor' (22766,21): run-time error CSS1039: Token not allowed after unary operator: '-mainfcolor' (22770,21): run-time error CSS1039: Token not allowed after unary operator: '-mainfcolor' (22774,21): run-time error CSS1039: Token not allowed after unary operator: '-mainfcolor' (22778,32): run-time error CSS1039: Token not allowed after unary operator: '-bgcolor' (22782,32): run-time error CSS1039: Token not allowed after unary operator: '-bgcolorthird' (22786,21): run-time error CSS1039: Token not allowed after unary operator: '-bgcolorthird' (22790,32): run-time error CSS1039: Token not allowed after unary operator: '-mainfcolor' (22794,21): run-time error CSS1039: Token not allowed after unary operator: '-mainfcolor' (22798,32): run-time error CSS1039: Token not allowed after unary operator: '-bgcolorsec' (22802,21): run-time error CSS1039: Token not allowed after unary operator: '-darkfcolor' (22806,32): run-time error CSS1039: Token not allowed after unary operator: '-bgcolorthird' (22807,28): run-time error CSS1039: Token not allowed after unary operator: '-bordercolorthird' (22808,21): run-time error CSS1039: Token not allowed after unary operator: '-mainfcolor' (22813,32): run-time error CSS1039: Token not allowed after unary operator: '-bgcolorthird' (22817,28): run-time error CSS1039: Token not allowed after unary operator: '-bordercolorthird' (22821,21): run-time error CSS1039: Token not allowed after unary operator: '-mainfcolor' (22825,32): run-time error CSS1039: Token not allowed after unary operator: '-bgcolorthird' (22826,28): run-time error CSS1039: Token not allowed after unary operator: '-bordercolorthird' (22827,21): run-time error CSS1039: Token not allowed after unary operator: '-mainfcolor' (22828,26): run-time error CSS1039: Token not allowed after unary operator: '-boxshadow' (22832,26): run-time error CSS1039: Token not allowed after unary operator: '-bgcolor' (22836,32): run-time error CSS1039: Token not allowed after unary operator: '-bgcolorsec' (22844,32): run-time error CSS1039: Token not allowed after unary operator: '-bgcolorthird' (22869,32): run-time error CSS1039: Token not allowed after unary operator: '-bgcolorthird' */ /*! jQuery UI - v1.9.2 - 2013-08-02 * http://jqueryui.com * Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px * Copyright 2013 jQuery Foundation and other contributors Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { zoom: 1; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ui-resizable { position: relative;} .ui-resizable-handle { position: absolute;font-size: 0.1px; display: block; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin-top: 2px; padding: .5em .5em .5em .7em; zoom: 1; } .ui-accordion .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-noicons { padding-left: .7em; } .ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; zoom: 1; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; min-width:350px; } /* workarounds */ * html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */ .ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */ .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } .ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */ button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */ .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } /*button text element */ .ui-button .ui-button-text { display: block; line-height: 1.4; } .ui-button-text-only .ui-button-text { padding: .2em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } /* no icon support for input elements, provide padding by default */ input.ui-button { padding: .4em 1em; } /*button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } /*button sets*/ .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0 !important; margin-top: 0px !important; margin-right: -0.05em !important; background-color: #fff; font-size: 13px; padding: 5px; border: #e1e1e1 1px solid !important; transition: background-color 0.2s ease !important; box-sizing: border-box !important; font-weight: 400 !important; height: 35px; line-height: 35px !important; /* box-shadow: 0 1px 10px 0 rgba(0,0,0,0.06);*/ } .ui-buttonset .ui-button:first-child { border-top-left-radius: 5px !important; border-bottom-left-radius: 5px !important; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; } .ui-buttonset .ui-button:last-child { border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-top-left-radius: 0px !important; border-bottom-left-radius: 0px !important; } .ui-buttonset .ui-state-active { background-color:#3872DD !important; border: #3872DD 1px solid !important } /* workarounds */ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */ .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left:2px; } .ui-datepicker .ui-datepicker-next { right:2px; } .ui-datepicker .ui-datepicker-prev-hover { left:1px; } .ui-datepicker .ui-datepicker-next-hover { right:1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width:auto; } .ui-datepicker-multi .ui-datepicker-group { float:left; } .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } .ui-datepicker-row-break { clear:both; width:100%; font-size:0em; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ }.ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; width: 300px; overflow: hidden; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-menu { list-style:none; padding: 2px; margin: 0; display:block; outline: none; } .ui-menu .ui-menu { margin-top: -3px; position: absolute; } .ui-menu .ui-menu-item { margin: 0; padding: 0; zoom: 1; width: 100%;} .ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.5; zoom: 1; font-weight: normal; } .ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; } .ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; } .ui-menu .ui-state-disabled a { cursor: default; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: .2em; left: .2em; } /* right-aligned */ .ui-menu .ui-menu-icon { position: static; float: right; } .ui-progressbar { height:2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }.ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 0.8em; height: 0.8em; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } .ui-slider-horizontal { height: 1.2em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; }.ui-spinner { position:relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; padding: 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 22px; } .ui-spinner-button { width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } .ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; } /* more specificity required here to overide default borders */ .ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; } /* vertical centre icon */ .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } /* TR overrides */ .ui-spinner .ui-icon-triangle-1-s { /* need to fix icons sprite */ background-position:-65px -16px; } .ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; } /* Fades and background-images don't work well together in IE6, drop the image */ * html .ui-tooltip { background-image: none; } body .ui-tooltip { border-width: 2px; } /* Component containers ----------------------------------*/ .ui-widget { font-family: "Roboto",Verdana,Arial,sans-serif; font-weight:bold;font-size: 0.9em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: "Roboto",Verdana,Arial,sans-serif; font-weight:bold;font-size: 1em; } .ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(../images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; } .ui-widget-content a { color: #222222; } .ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(../images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; } .ui-widget-header a { color: #222222; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #BFBFBF !important; background:#efefef; font-weight: bold; color: #555555;padding:5px; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999; font-weight: normal; color: #212121; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #212121; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #999; background: #ffffff 50% 50% repeat-x; font-weight: bold; color: #212121; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee url(../images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(../images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); } /* For IE8 - See #6059 */ /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url(../images/ui-icons_222222_256x240.png); } .ui-widget-content .ui-icon {background-image: url(../images/ui-icons_222222_256x240.png); } .ui-widget-header .ui-icon {background-image: url(../images/ui-icons_222222_256x240.png); } .ui-state-default .ui-icon { background-image: url(../images/ui-icons_888888_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(../images/ui-icons_454545_256x240.png); } .ui-state-active .ui-icon {background-image: url(../images/ui-icons_454545_256x240.png); } .ui-state-highlight .ui-icon {background-image: url(../images/ui-icons_2e83ff_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../images/ui-icons_cd0a0a_256x240.png); } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa url(../images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .3;filter:Alpha(Opacity=30); } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(../images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .3;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } html { overflow: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; scroll-behavior: smooth; } * { text-shadow: none !important; } body { background-color: #F6F6F7; font-family: Roboto; color: #444; cursor: pointer; overflow: hidden; -ms-touch-action: manipulation; overflow: hidden; font-size: 14px; height: 100vh; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; /*-ms-user-select: none; user-select: none;*/ outline: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; scroll-behavior: smooth; } iframe { border:none !important; } div, tr, td, p, span { font-family: Roboto; } ::-webkit-scrollbar { height: 8px; width: 8px; border-radius: 0px; background-color: transparent; } ::-webkit-scrollbar-track { background-color: inherit; border-radius: 0px; -webkit-box-shadow: none; } ::-webkit-scrollbar-thumb { border-radius: 0px; background-color: transparent; background-color: rgba(100,100,100,0.5); } ::-webkit-scrollbar-thumb:hover { background-color: #555; -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.8); } ::-webkit-scrollbar { width: 14px; height: 18px; } ::-webkit-scrollbar-thumb { height: 6px; border: 4px solid rgba(0, 0, 0, 0); background-clip: padding-box; -webkit-border-radius: 7px; background-color: rgba(0, 0, 0, 0.15); -webkit-box-shadow: inset -1px -1px 0px rgba(0, 0, 0, 0.05), inset 1px 1px 0px rgba(0, 0, 0, 0.05); } ::-webkit-scrollbar-button { width: 0; height: 0; display: none; } ::-webkit-scrollbar-corner { background-color: transparent; } ::-moz-selection { background-color: none; color: #02E38E; } @media print { div, tr, td, p, span { font-family: "sans-serif",Roboto !important; } body, div, p, table, span { font-family: "sans-serif", "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important; color: #333; } } @-webkit-keyframes pulsate { 0% { background-color: #c31c0a; } 50% { background-color: #7d0606; } 100% { background-color: #c31c0a; } } @font-face { font-family: 'Icons'; src: url('../fonts/ElegantIcons.eot'); src: url('../fonts/ElegantIcons.eot?#iefix') format('embedded-opentype'), url('../fonts/ElegantIcons.woff') format('woff'), url('../fonts/ElegantIcons.ttf') format('truetype'), url('../fonts/ElegantIcons.svg#ElegantIcons') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: "MYRIADPRO"; src: url( ../fonts/myriadprobold.eot ); /* IE */ src: local(" real FontName "), url(../fonts/myriadprobold.ttf ) format("truetype"); /* non-IE */ } @font-face { font-family: "MYRIAD"; src: url( ../fonts/myriadprobold.eodt ); /* IE */ src: local(" real FontName "), url(../fonts/myriadproregular.ttf ) format("truetype"); /* non-IE */ } @font-face { font-family: "SegoeUI"; src: url( ../fonts/SegoeUI.ttf.eot ); /* IE */ src: local(" real FontName "), url(../fonts/SegoeUI.ttf ) format("truetype"); /* non-IE */ } @font-face { font-family: 'Oswald'; src: url('../fonts/oswald-regular.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'stag'; src: url('../fonts/stag-light.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansBold'; src: url('../fonts/OpenSansSemiBold.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansRegular'; src: url('../fonts/Beta-Regular.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansLight'; src: url('../fonts/Beta-Light.woff') format('woff'); font-weight: normal; font-style: normal; } /* roboto-100 - latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; src: url('../fonts/roboto-v18-latin-100.eot'); /* IE9 Compat Modes */ src: local('Roboto Thin'), local('Roboto-Thin'), url('../fonts/roboto-v18-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/roboto-v18-latin-100.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/roboto-v18-latin-100.woff') format('woff'), /* Modern Browsers */ url('../fonts/roboto-v18-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/roboto-v18-latin-100.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-100italic - latin */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 100; src: url('../fonts/roboto-v18-latin-100italic.eot'); /* IE9 Compat Modes */ src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url('../fonts/roboto-v18-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/roboto-v18-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/roboto-v18-latin-100italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/roboto-v18-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/roboto-v18-latin-100italic.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-300 - latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: url('../fonts/roboto-v18-latin-300.eot'); /* IE9 Compat Modes */ src: local('Roboto Light'), local('Roboto-Light'), url('../fonts/roboto-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/roboto-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/roboto-v18-latin-300.woff') format('woff'), /* Modern Browsers */ url('../fonts/roboto-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/roboto-v18-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-300italic - latin */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 300; src: url('../fonts/roboto-v18-latin-300italic.eot'); /* IE9 Compat Modes */ src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url('../fonts/roboto-v18-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/roboto-v18-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/roboto-v18-latin-300italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/roboto-v18-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/roboto-v18-latin-300italic.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-regular - latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url('../fonts/roboto-v18-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Roboto'), local('Roboto-Regular'), url('../fonts/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/roboto-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/roboto-v18-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/roboto-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/roboto-v18-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-italic - latin */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; src: url('../fonts/roboto-v18-latin-italic.eot'); /* IE9 Compat Modes */ src: local('Roboto Italic'), local('Roboto-Italic'), url('../fonts/roboto-v18-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/roboto-v18-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/roboto-v18-latin-italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/roboto-v18-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/roboto-v18-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-500 - latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: url('../fonts/roboto-v18-latin-500.eot'); /* IE9 Compat Modes */ src: local('Roboto Medium'), local('Roboto-Medium'), url('../fonts/roboto-v18-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/roboto-v18-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/roboto-v18-latin-500.woff') format('woff'), /* Modern Browsers */ url('../fonts/roboto-v18-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/roboto-v18-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-500italic - latin */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 500; src: url('../fonts/roboto-v18-latin-500italic.eot'); /* IE9 Compat Modes */ src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url('../fonts/roboto-v18-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/roboto-v18-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/roboto-v18-latin-500italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/roboto-v18-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/roboto-v18-latin-500italic.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-700 - latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: url('../fonts/roboto-v18-latin-700.eot'); /* IE9 Compat Modes */ src: local('Roboto Bold'), local('Roboto-Bold'), url('../fonts/roboto-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/roboto-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/roboto-v18-latin-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/roboto-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/roboto-v18-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-700italic - latin */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 700; src: url('../fonts/roboto-v18-latin-700italic.eot'); /* IE9 Compat Modes */ src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url('../fonts/roboto-v18-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/roboto-v18-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/roboto-v18-latin-700italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/roboto-v18-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/roboto-v18-latin-700italic.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-900 - latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; src: url('../fonts/roboto-v18-latin-900.eot'); /* IE9 Compat Modes */ src: local('Roboto Black'), local('Roboto-Black'), url('../fonts/roboto-v18-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/roboto-v18-latin-900.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/roboto-v18-latin-900.woff') format('woff'), /* Modern Browsers */ url('../fonts/roboto-v18-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/roboto-v18-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-900italic - latin */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 900; src: url('../fonts/roboto-v18-latin-900italic.eot'); /* IE9 Compat Modes */ src: local('Roboto Black Italic'), local('Roboto-BlackItalic'), url('../fonts/roboto-v18-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/roboto-v18-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/roboto-v18-latin-900italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/roboto-v18-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/roboto-v18-latin-900italic.svg#Roboto') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'Material Icons Fill'; font-style: normal; font-weight: 300; src: local('Material Icons'), local('MaterialIcons-Regular'), url('../fonts/MaterialIcons-Regular.woff2') format('woff2'), url('../fonts/MaterialIcons-Regular.woff2') format('woff'), url('../fonts/MaterialIcons-Regular.woff2') format('truetype'); } @font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 100 400; src: local('Material Icons'), local('MaterialIcons-Regular'), url('../fonts/MaterialIcons-Outline.woff2') format('woff2'), url('../fonts/MaterialIcons-Outline.woff2') format('woff'), url('../fonts/MaterialIcons-Outline.woff2') format('truetype'); } @font-face { font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: 100 700; src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v257/kJEhBvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oFsI.woff2) format('woff2'); } .material-symbols-outlined { font-family: 'Material Symbols Outlined'; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; } hr { height: 1px; background-color: #555; margin: 10px; border: 0; display: inline; } a { font-family: "Roboto"; text-decoration: none; color: #668FEF; font-weight: 500; font-size:12px; } ::-webkit-input-placeholder { color: #ccc; } :-moz-placeholder { /* Firefox 18- */ color: #ccc; } ::-moz-placeholder { /* Firefox 19+ */ color: #ccc; } :-ms-input-placeholder { color: #ccc; } input[type=text], input[type=password], input[type=date], input[type=telephone], input[type=number] { font-family: "Roboto", Calibri,"Trebuchet MS",Arial; font-size: 13px; padding: 8px 8px 8px 8px; height: 40px; color: #777; width: 98%; display: inline-block; -webkit-transition: border linear .2s,box-shadow linear .2s; -moz-transition: border linear .2s,box-shadow linear .2s; -ms-transition: border linear .2s,box-shadow linear .2s; -o-transition: border linear .2s,box-shadow linear .2s; transition: border linear .2s,box-shadow linear .2s; -webkit-appearance: none; outline: 0 none; border: 1px solid #dfdfdf; /* box-shadow: 0 1px 10px 0 rgba(0,0,0,.03);*/ border-radius: 5px !important; margin-left: 0px; } input[type=text]:hover, input[type=password]:hover, input[type=date]:hover, input[type=number]:hover { /*min-width:200px;*/ outline: none; /*border-color: #9ecaed; box-shadow: 0 0 10px #9ecaed;*/ } input[type=text]:hover, input[type=password]:active, input[type=number]:active { opacity: 1; outline: none; /*border-color: #9ecaed; box-shadow: 0 0 5px #9ecaed;*/ } input[readonly] { font-family: "Roboto", "OpenSansLight", "stag","SegoeUI",MYRIADPRO,Calibri,Arial; background-color: #EFEFEF; font-size: 14px; font-weight: normal; padding: 6px; height: 18px; color: #666; width: 95%; max-width: 150px; border-radius: 0px; outline: none; border: #CFCFCF 1px solid; margin-right: 5px; -webkit-appearance: none; } input[type=checkbox], input[type=radio] { display: inline !important; padding: 10px; width: 20px; height: 20px; margin: 10px; } select, option { font-family: "Roboto"; font-size: 13px; padding: 11px; color: #666; width: 98%; border-radius: 0px; outline: none; border: #e9e9e9 1px solid; /* box-shadow: 0 1px 10px 0 rgba(0,0,0,.03);*/ border-radius: 5px !important; /*-webkit-appearance: none;*/ margin-top: 5px !important; margin-bottom: 10px !important; -webkit-appearance: listbox; margin: 5px; -webkit-transition: border linear .2s,box-shadow linear .2s; -moz-transition: border linear .2s,box-shadow linear .2s; -ms-transition: border linear .2s,box-shadow linear .2s; -o-transition: border linear .2s,box-shadow linear .2s; transition: border linear .2s,box-shadow linear .2s; } select:hover { /*min-width:200px;*/ outline: none; /*border-color: #9ecaed;*/ /*box-shadow: 0 0 10px #9ecaed;*/ } textarea { font-family: "Roboto", "stag",Calibri,"Trebuchet MS",Arial; font-size: 13px; font-weight: normal; padding: 7px; color: #666; width: 100%; min-width: 350px; resize: initial; outline: none; -webkit-appearance: none; border: #dfdfdf 1px solid; /* box-shadow: 0 1px 10px 0 rgba(0,0,0,.06);*/ border-radius: 5px !important; } input[type=checkbox], input[type=radio] { border: none !important; display: inline !important; padding: 10px; width: 15px; height: 15px; margin: 10px; } input[readonly=readonly] { border: none; background-color: none; display: inline-block; } input[type=button], input[type=submit], input[type=reset] { /* text-shadow: #555 0px 0px 1px;*/ font-family: "Roboto"; font-weight: 400; font-size: 13px; min-height: 20px; line-height: auto; min-width: 50px; text-align: center; vertical-align: middle; background-color: #27ca47; /*background: linear-gradient(176deg, #03d5cd, #02e38e 20%, #27ca47) !important;*/ padding: 6px 10px 6px 10px; margin: 5px; margin-top: 0px; white-space: nowrap; vertical-align: middle; color: #FFF; cursor: pointer; border-radius: 5px !important; transition: background-color .3s; -webkit-box-shadow: inset rgba(255,255,255,0.2) 0 1px 0,inset rgba(0,0,0,0.10) 0 -1px 0,rgba(0,0,0,0.06) 0 1px 1px; -moz-box-shadow: inset rgba(255,255,255,0.2) 0 1px 0,inset rgba(0,0,0,0.10) 0 -1px 0,rgba(0,0,0,0.06) 0 1px 1px; box-shadow: inset rgba(255,255,255,0.2) 0 1px 0,inset rgba(0,0,0,0.10) 0 -1px 0,rgba(0,0,0,0.06) 0 1px 1px; -webkit-appearance: none !important; outline: 0 none !important; border: none !important; } input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover { -webkit-box-shadow: inset rgba(255,255,255,0.6) 0 1px 0,inset rgba(0,0,0,0.48) 0 -1px 0,rgba(0,0,0,0.50) 0 2px 5px; -moz-box-shadow: inset rgba(255,255,255,0.6) 0 1px 0,inset rgba(0,0,0,0.48) 0 -1px 0,rgba(0,0,0,0.50) 0 2px 5px; box-shadow: inset rgba(255,255,255,0.6) 0 1px 0,inset rgba(0,0,0,0.48) 0 -1px 0,rgba(0,0,0,0.50) 0 2px 5px; background-color: #04be78; color: #FFF !important; } input[type=button]:focus, input[type=submit]:focus, input[type=reset]:focus { -webkit-box-shadow: inset rgba(255,255,255,0.3) 0 1px 0,inset rgba(0,0,0,0.22) 0 -1px 0,rgba(0,0,0,0.14) 0 1px 2px; -moz-box-shadow: inset rgba(255,255,255,0.3) 0 1px 0,inset rgba(0,0,0,0.22) 0 -1px 0,rgba(0,0,0,0.14) 0 1px 2px; box-shadow: inset rgba(255,255,255,0.3) 0 1px 0,inset rgba(0,0,0,0.22) 0 -1px 0,rgba(0,0,0,0.14) 0 1px 2px; background-color: #04be78; color: #FFF !important; } input[type=button]:active, input[type=submit]:active, input[type=reset]:active { border: 3px solid #2991b3; background-color: #04be78; } .button { text-transform: capitalize; /*text-shadow:#555 0px 0px 1px;*/ font-family: "Roboto"; font-weight: 400; font-size: 12px; /*min-height:30px; line-height:30px;*/ min-width: 50px; text-align: center; vertical-align: middle; background-color: #27ca47; /*background: linear-gradient(176deg, #03d5cd, #02e38e 20%, #27ca47) !important;*/ padding: 12px; margin: 5px; margin-top: 0px !important; white-space: nowrap; vertical-align: middle; color: #FFF; cursor: pointer; border-radius: 5px; display: inline-block; transition: 0.3s ease-in-out; -webkit-box-shadow: inset rgba(255,255,255,0.2) 0 1px 0,inset rgba(0,0,0,0.10) 0 -1px 0,rgba(0,0,0,0.06) 0 1px 1px; -moz-box-shadow: inset rgba(255,255,255,0.2) 0 1px 0,inset rgba(0,0,0,0.10) 0 -1px 0,rgba(0,0,0,0.06) 0 1px 1px; box-shadow: inset rgba(255,255,255,0.2) 0 1px 0,inset rgba(0,0,0,0.10) 0 -1px 0,rgba(0,0,0,0.06) 0 1px 1px; -webkit-appearance: none !important; outline: 0 none !important; border: none; } .button:hover { background-color: #04be78; color: #FFF !important; } .button:active { background-color: #04be78; color: #FFF !important; transform: scale(0.98); } .button:focus { background-color: #04be78; color: #FFF !important; } .buttonselected { border: 3px solid #199360; background-color: #2AB27B; } .buttonneg { background-color: #ce0606; } .buttonneg { /*background-color: #3872DD;*/ color: #f6584c !important; background-color: #FEF3F2 !important; border: rgb(246, 88, 76, 0.45) 1px solid !important; box-shadow: none !important; } .buttonneg:hover, .buttonneg:active, .buttonneg:focus { background-color: #f6584c !important; } .actionbar .button { border-radius: 50px; line-height: 15px; font-size: 11px; padding: 10px; padding-left: 12px; padding-right: 12px; } .actionbar .button .Icons { font-size: 12px !important; box-shadow:none !important; } .addInfo { /*background-color: #3872DD;*/ color: #000 !important; background-color: #e7f8f2 !important; border: #4EC779 1px solid !important; box-shadow: none !important; font-weight: 500 !important; padding: 10px !important; } .addInfo:hover, .addInfo:active, .addInfo:focus { background-color: #4EC779 !important; } .buttoncust { /*background-color: #3872DD;*/ color: #5A88ED !important; background-color: #EEF3FD !important; border: rgb(90, 136, 237, 0.45) 1px solid !important; box-shadow: none !important; } .buttoncust:hover, .buttoncust:active, .buttoncust:focus { background-color: #5A88ED !important; } .actionbtn { text-shadow: #555 0px 0px 1px; font-family: "Roboto"; font-weight: 400; font-size: 13px; min-height: 30px; line-height: 30px; min-width: 50px; max-width: 200px; text-align: center; vertical-align: middle; background-color: #02E38E; padding: 6px; margin: 5px; white-space: nowrap; vertical-align: middle; color: #FFF; cursor: pointer; border-radius: 5px; transition: background-color .3s; /*-webkit-box-shadow: inset rgba(255,255,255,0.3) 0 1px 0,inset rgba(0,0,0,0.22) 0 -1px 0,rgba(0,0,0,0.14) 0 1px 2px; -moz-box-shadow: inset rgba(255,255,255,0.3) 0 1px 0,inset rgba(0,0,0,0.22) 0 -1px 0,rgba(0,0,0,0.14) 0 1px 2px; box-shadow: inset rgba(255,255,255,0.3) 0 1px 0,inset rgba(0,0,0,0.22) 0 -1px 0,rgba(0,0,0,0.14) 0 1px 2px;*/ -webkit-appearance: none !important; outline: 0 none !important; border: none !important; } .actionbtn:hover { -webkit-box-shadow: inset rgba(255,255,255,0.6) 0 1px 0,inset rgba(0,0,0,0.48) 0 -1px 0,rgba(0,0,0,0.50) 0 2px 5px; -moz-box-shadow: inset rgba(255,255,255,0.6) 0 1px 0,inset rgba(0,0,0,0.48) 0 -1px 0,rgba(0,0,0,0.50) 0 2px 5px; box-shadow: inset rgba(255,255,255,0.6) 0 1px 0,inset rgba(0,0,0,0.48) 0 -1px 0,rgba(0,0,0,0.50) 0 2px 5px; background-color: #04be78; color: #FFF !important; } .actionbtn:active { -webkit-box-shadow: inset rgba(255,255,255,0.6) 0 1px 0,inset rgba(0,0,0,0.48) 0 -1px 0,rgba(0,0,0,0.50) 0 2px 5px; -moz-box-shadow: inset rgba(255,255,255,0.6) 0 1px 0,inset rgba(0,0,0,0.48) 0 -1px 0,rgba(0,0,0,0.50) 0 2px 5px; box-shadow: inset rgba(255,255,255,0.6) 0 1px 0,inset rgba(0,0,0,0.48) 0 -1px 0,rgba(0,0,0,0.50) 0 2px 5px; background-color: #04be78; color: #FFF !important; } .actionbtn:focus { -webkit-box-shadow: inset rgba(255,255,255,0.3) 0 1px 0,inset rgba(0,0,0,0.22) 0 -1px 0,rgba(0,0,0,0.14) 0 1px 2px; -moz-box-shadow: inset rgba(255,255,255,0.3) 0 1px 0,inset rgba(0,0,0,0.22) 0 -1px 0,rgba(0,0,0,0.14) 0 1px 2px; box-shadow: inset rgba(255,255,255,0.3) 0 1px 0,inset rgba(0,0,0,0.22) 0 -1px 0,rgba(0,0,0,0.14) 0 1px 2px; background-color: #04be78; color: #FFF !important; } .actionbtn .label { color: #FFF !important; } @media only screen and (max-width: 700px) { body { -ms-user-select: none; user-select: none; } .button { font-size: 12px; min-width: 40px; padding: 10px; border-radius: 5px; margin: 3px; font-family: "Roboto"; font-weight: 400; } .cbactcont > .button { height: 30px; line-height: 30px; } .ui-widget.ui-widget-content { max-width: 90% !important; left:5% !important; } } .abtn { background-color: #02E38E !important; } .tranverified { font-family: icons; font-size: 22px; color: #00AA00; } .tranunverified { font-family: icons; font-size: 20px; color: gray; } /*Calendar Region*/ .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } a.ui-corner-all { /* background-color: #ccc !important;*/ /* width: 50px; */ /* box-sizing: content-box; */ position: relative; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: #dfdfdf 0px solid !important; border-radius:5px !important; margin: 5px !important; text-align: center; height: 30px !important; background: none !important; line-height: 30px !important; transition: 0.2s ease-in-out all !important; } .ui-widget-content, .ui-widget-header { font-family: Roboto; border: 0px solid #ddd !important; background: #fff !important; position: relative; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 1px solid #c5c5c5; background: #f6f6f6 !important; font-weight: normal !important; color: #454545 !important; } .ui-state-default:hover { transform: scale(1.03); } .ui-state-default:active { transform: scale(0.97); } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background-color: #F38989 !important; box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.16) !important; color: #fff !important; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: #777 1px solid !important; } .ui-widget.ui-widget-content { border: 1px solid #efefef !important; filter: drop-shadow(rgba(0, 0, 0, 0.06) 0px 1px 6px) drop-shadow(rgba(0, 0, 0, 0.06) 0px 2px 32px); max-width:500px; } .ui-datepicker table { width: 100% !important; font-size: .9em !important; border-collapse: collapse !important; margin: 0 0 0.4em !important; } .ui-datepicker-title { color: #aaa !important; } .ui-datepicker td { border: 0 !important; padding: 5px !important; display: table-cell !important; text-align: center; } .ui-datepicker .ui-icon { display: block; text-indent: -99999px !important; overflow: hidden; background-repeat: no-repeat !important; left: 0.5em !important; top: 0.3em !important; } .ui-datepicker { width: 100% !important; max-width: 500px; padding-left: 5%; border: 2px solid #DDD !important; padding: 10px !important; box-sizing: border-box !important; border-radius: 5px !important; box-shadow: 0 1px 10px 0 rgba(0,0,0,0.00) !important; } /*End Calendar Region*/ :root { --locked-color: #68b10b; --unlocked-color: #0BB10B; } .Cash { /*padding: 15px;*/ display: inline-block; } .chatitemname { display: flex; justify-content: space-between; align-items: center; padding: 5px; overflow: hidden; } .chatText { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex-grow: 1; margin-right: 10px; } .delConversation { cursor: pointer; color: #ff0000; } #chatContainergpt { right: 40px; position: fixed; bottom: 0; width: 80%; max-width: 1050px; background-color: #bfe7cd; border-radius: 15px; padding: 5px; display: flex; flex-direction: column; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); z-index: 1; } #messageInputgpt { width: 100%; padding: 15px; border: none; border-radius: 10px; font-size: 16px; margin-top: 10px; margin-bottom: 10px; outline: none; box-sizing: border-box; } #messageInputgpt::placeholder { color: #888; font-style: italic; } #sendButtongpt { background-color: transparent; border: none; cursor: pointer; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); color: #5f9ef9; } #sendButtongpt img { width: 20px; height: 20px; } .inputContainergpt { position: relative; display: flex; align-items: center; width: 100%; } .keyaccessbtn { width: 60px; height: 60px; box-sizing: border-box; font-family: "Icons"; font-size: 26px; border: #fff 0px solid; padding: 15px; margin: 5px; border-radius: 50px; color: #fff; background-color: rgba(11, 177, 11, 1); z-index: 1; position: fixed; bottom: 80px; right: 15px; display: block; transition: 0.2s all ease-in-out; animation: BOX 0.3s ease-out infinite; animation-iteration-count: 1; box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.30); } .keyaccessbtn:hover { border-radius: 50%; color: #fff; background: #0bb10b; transform: scale(1.02); } .emptysermsgicon { font-family: "Material Icons"; font-size: 80px; text-align: center; color: #aaa; margin: 10px; font-weight: 300; } .emptysermsg { width: 90%; min-height: 200px; font-size: 14px; margin-top: 50%; margin-left: 5%; color: #777; border: #ddd 0px solid; box-sizing: border-box; padding: 10px; text-align: center; -animation: inphighlight .2s; -webkit-animation: inphighlight .2s; animation: inphighlight .2s; } .toastlist { font-family: var(--fontfamily); display: inline-table; font-weight: 500; margin: 5px; width: 98%; padding: 10px; min-width: 48%; min-height: 80px; border: 1px #dfdfdf solid; box-sizing: border-box; border-radius: 10px; } .toastlist:hover, .toastlist:active, .toastlist:focus { background-color: #fafafa; border-radius: 5px; } .smartcontdoor > .subject { margin-top: 20px; } .subject { font-family: var(--fontfamily); font-weight: 500; font-size: 17px; color: #333; text-shadow: none; margin: 5px; margin-left: 5px; text-align: left; } .listitemtag { font-family: var(--fontfamily); font-size: 12px; font-weight: normal; margin: 5px; margin-left: 5px; color: #999; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 190px; } .toastlisticonimg { background-color: var(--toasticonbackcolor); width: 40px; height: 40px; padding: 20px; margin: 10px; margin-top: 0px; line-height: 40px; border-radius: 10px; vertical-align: middle; text-align: center; -webkit-transition: 300ms linear 0s; -moz-transition: 300ms linear 0s; -o-transition: 300ms linear 0s; transition: 300ms linear 0s; } .toastlisticonimg > img { width: 80%; height: auto; margin-top: 10%; } @media (max-width: 600px) { #chatContainergpt { width: 90%; } } .cellselected { background-color: #c5db94; } .multiselect { width: 200px; position: relative; } .selectBoxx { position: relative; } .overSelect { position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .checkboxes { display: none; border: #e9e9e9 1px solid; border-radius: 5px; background-color: white; position: absolute; z-index: 1; width: 100%; min-width: 300px; line-height: 12px; font-size: 12px; box-shadow: 0 1px 10px 0 rgba(0,0,0,0.06); height: 50vh; overflow: scroll; } .checkboxes label { display: block; } .checkboxes label:hover { color: #42C370; background-color: #EDF9F2; } /* CSS for status list */ .status-list { list-style-type: none; padding: 0; margin: 0; font-size: 12px; width: 100%; position: relative; } .status-list li { display: inline-block; padding: 10px; cursor: pointer; position: relative; padding-left: 10px; /* filter:blur(2);*/ } .status-list li.highlighted-status::after { font-family: "Material Icons"; font-size: 20px; width: 30px; height: 30px; position: absolute; top: 7px; left: -15px; content: "done"; } /* .status-list li.highlighted-status::after { font-size: 20px; width: 30px; height: 30px; position: absolute; top: 1px; right: -10px; transform: rotate(45deg); content: " "; background-color:inherit; z-index:1; }*/ .status-list li:first-child { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .status-list li:last-child { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .status-list li.current-status, .status-list li.highlighted-status { background-color: #3FB274; color: #fff; text-indent: 20px; } .status-list li:not(.current-status):not(.highlighted-status) { background-color: #f2f2f2; /* Change this to the desired background color */ color: #000; /* Change this to the desired text color */ } .doctag { color: #333; font-size: 12px; font-weight: normal; font-family: "Roboto"; background-color: #f1f1f1; padding: 8px; padding-left: 15px; padding-right: 15px; display: inline-block; margin: 5px; text-shadow: #000 0 0px 0px; border-radius: 30px; -animation: BOX 0.3s ease-out infinite; -o-animation-iteration-count: 1; -webkit-animation: BOX 0.3s ease-out infinite; -webkit-animation-iteration-count: 1; animation: BOX 0.3s ease-out infinite; animation-iteration-count: 1; } .docitembox { display: inline-grid !important; padding: 20px; margin: 5px; font-size: 12px; border: #fea451 0px; border-radius: 5px; min-width: 80px; text-align: center; position: relative; background-color: #DBF4E4; color: #4EC779; border: #4EC779 0px solid; transition: 0.2s ease-in-out all; transform: scale(1); box-shadow: 0 1px 10px 0px rgba(0,0,0,0.03); } .Uploaded { background-color: #DBF4E4; padding: 8px; display: inline-block; font-family: "Roboto", "OpenSansLight", "stag","SegoeUI",MYRIADPRO,Calibri,Arial; font-size: 12px; color: #0BB10B !important; font-weight: normal; text-align: left; display: inline-block; vertical-align: top; max-width: 80px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-radius: 5px; } .Missing { background-color: #FEF3F2 !important; padding: 8px; display: inline-block; font-family: "Roboto", "OpenSansLight", "stag","SegoeUI",MYRIADPRO,Calibri,Arial; font-size: 12px; color: #f6584c !important; font-weight: normal; text-align: left; display: inline-block; vertical-align: top; max-width: 190px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-radius: 5px; } .docdetail { margin-left: 40px; margin-right: 40px; } .docIcon { position: absolute; left: 10px; top: 63%; transform: translateY(-50%); width: auto; height: 30px; margin-inline: auto; display: block; float: left; /*margin-right: 6px;*/ } .tsslot { margin: 5px; background-color: #fff; background-color: rgba(111, 245, 111, 0.42); border: #0BB10B 0px solid; color: #0BB10B; height: 95%; min-height: 40px; padding: 10px; border-radius: 5px; margin: 3px; text-align: left; vertical-align: middle; font-size: 10px; line-height: 18px; box-sizing: border-box; transition: background-color 0.5s ease, 0.2s ease-in-out all; } .tsslotsel::after { font-family: "Material Icons"; font-size: 20px; position: absolute; right: 10px; content: "done"; } .tsslotsel { border: #0BB10B 0px solid; background-color: rgba(111, 245, 111, 1); transform: scale(1.05); border-radius: 5px; cursor: pointer; } .tsslotunavail { background-color: #efefef !important; background-image: repeating-linear-gradient( 0deg, #efefef, #efefef 1px, transparent 1px, transparent 10px),repeating-linear-gradient( -90deg, #efefef, #cfcfcf 1px, transparent 1px, transparent 10px); cursor: not-allowed; color: #333; } .div-table-col-head { max-width: 20%; min-width: 20%; } .div-table-col-val { max-width: 80%; min-width: 80%; border-right: #999 0px solid; } .nice-select { background-color: #fff !important; } #period-select { width: 200px; } #selected-period { display: inline-block; } .slidewelcometitle { font-size: 28px; font-weight: 500; margin: 10px; margin-left: 15px; } .period-selected { display: inline-block; border: #e9e9e9 1px solid; border-radius: 5px; width: 200px; margin-left: -7px; padding: 10px; margin-top: 2px; padding-bottom: 11px; margin: 5px; margin-right: 0px; margin-left: 0px; } .period-selected:first-child { margin-left: 5px; border-right: 0px; } .period-selected > select { border: none !important; margin: 0 !important; padding: 0px !important; margin-top: 3px !important; } .reginpactbad { border: #cc0000 1px solid !important; color: #cc0000 !important; box-shadow: 0 1px 10px 0px rgba(255,0,0,0.36) !important; } .FIcon { width: 15px; height: auto; float: left; } .editta { resize: vertical; margin: 0px !important; display: none; min-width: 40px; max-width: 80px; max-height: 40px; resize: none; } .reporticon { font-size: 30px !important; padding-right: 5px; background-color: #f1f1f1; border-radius: 5px; padding: 10px; margin: 10px; float: left; } .dM { margin-left: 90px; } .dP { padding-bottom: 7px; } .reginpactgood { border: #00aa00 1px solid !important; color: #00aa00 !important; box-shadow: 0 1px 10px 0px rgba(0,200,0,0.36) !important; } .bcftotal { padding: 15px; font-size: 18px !important; } .DeleteAssDevice { float: right; margin-top: -15px !important; } .parkeditem { float: right; display: inline-block; font-size: 15px; color: #27ca47; } .ovrflwcont { overflow-x: scroll !important; height: 100vh; height: calc(100vh - 200px); position: relative !important; margin-top: 10px; } .ui-buttonset .ui-button { height: auto !important; } .caliconprev { position: absolute !important; top: 40%; right: 60px !important; transform: translateY(-50%) !important; } .calendarnext { position: absolute !important; top: 40%; right: 10px !important; transform: translateY(-50%) !important; } .Schedule > .rcont { width: 12%; } .SchHeader > .rcont { font-weight: 500; font-size: 12px !important; background-color: #fff; } .Schedule { position: relative; } .boxbord { border-right: 1px solid #dfdfdf; } .gridbox { border: #DFDFDF 0px solid; padding: 0px; font-size: 12px; border-collapse: collapse; padding-top: 20px; } .gridbox .Schedule .boxbord { position: sticky; z-index: 2; top: -5px; /* box-shadow: 0 1px 10px 0 rgba(0,0,0,0.03);*/ filter: drop-shadow(rgba(0, 0, 0, 0.0) 0px 1px 6px) drop-shadow(rgba(0, 0, 0, 0.06) 0px 2px 32px); } .SchUserImg { /* border: #AAA 1px solid;*/ margin-right: 20px; width: 30px; height: auto; border-radius: 60px; vertical-align: top; } .datefnt { font-size: 35px; } .daystyl { position: relative; float: right; } .mnthstyl { opacity: 0.5; float: left; margin-right: 81px; } .rcont-boxhead { color: #7c8ca5; border: none; font-size: 10px; margin: 3px; margin-left: 0px; font-weight: 500; text-transform: capitalize; } .stafrescincol { background-color: #86EB8F !important; } .stafresdincol { background-color: #87CEEB !important; } .stafreshead { width: 100% !important; height: 115%; position: relative; padding: 5px; padding-left: 10px; line-height: 22px; background-color: #87CEEB; box-sizing: border-box; border-radius: 3px; box-shadow: 0 1px 10px 2px rgba(0,0,0,0.03); transition: 0.2s ease-in-out all; } .stafreshead:hover { box-shadow: 0 1px 10px 2px rgba(0,0,0,0.26); } .stafresfont { color: #333; font-size: 11px; font-weight: 500; } .stafftime { color: #e83a27; font-size: 10px; font-weight: 500; } .box-data { height: 28px !important; display: block !important; } .docpreview { font-family: Icons; font-size: 35px !important; padding: 0px !important; } .docname { color: #000000e8; left: 6px; position: relative; bottom: 17px; } .docdescheight { line-height: 4; } .docnameheight { line-height: 5; } .docdesc { font-weight: 400; font-size: 13px; position: absolute; top: 23px; left: 71px; } .ResCardCont { position: fixed; padding: 0px; box-sizing: border-box; width: 350px; height: 650px; border-radius: 10px; box-shadow: 0px 1px 20px 0px #ccc; transition: 0.2s all ease-in-out; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -khtml-background-size: cover; background-size: cover; background-position: center; left: 50%; top: 200%; transform: translate(-50%,-50%); z-index: 10004; background-color: #fff; border-radius: 10px; transition: 0.5s ease-in-out all; } .ResCardContHide { transform: translate(-50%,100%); } .ResCardHeader { /* background-color: #9DFBD3;*/ height: 100px; padding: 10px; box-sizing: border-box; border-radius: 10px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .ResCardClose { font-family: "Icons"; font-size: 30px; font-weight: lighter; float: right; position: absolute; right: 2px; top: 15px; width: 60px; color: #999; text-align: center; } .ResCardLogo { max-height: 30px; width: auto; /* filter: brightness(0) invert(1);*/ margin-top: 20px; transform: translateY(-10px); box-sizing: border-box; } .ResCardBody { padding: 0px; text-align: center; } .ResCardDet { display: inline-block; width: 100%; /* background-color: #9DFBD3;*/ text-align: center; /* height: 300px;*/ margin-bottom: 100px; } .ResCardProfile { margin: 5px; margin-left: 50%; /* transform:translateX(-37.50px);*/ min-width: 75px; min-height: 75px; max-width: 75px; max-height: 75px; display: inline-block; line-height: 75px; font-size: 18px; color: #fff; background-color: #aaa; border-radius: 75px; vertical-align: middle; text-align: center; box-sizing: border-box; margin: 10px; } .ResCardCode { height: 80px; width: auto; margin-left: 50%; transform: translateX(-50%); } .ResCardCode:empty { display: none; } .ResCardCode > img { width: 100%; height: auto; border-radius: 10px; } .ResCardInfo { padding: 30px; padding-top: 0px; text-align: left; box-sizing: border-box; } .ResCardData { font-family: "Roboto"; color: #999; font-size: 12px; font-weight: 500; } .ResCardTitle { font-size: 13px; font-weight: 600; display: inline-block; color: #000; min-width: 150px; text-transform: capitalize; } .ResCardFooter { border-top: #ccc 1px solid; position: absolute; bottom: 0px; padding: 20px; margin: 10px; margin-bottom: 50px; } .CropImg { height: 200px; width: 200px; } .croppie-container { margin-top: 100px; } .imgpending { border: 2px solid #FFBB33; border-radius: 25px; background-color: #FF4444; } .imgoverdue { border: 2px solid #FF4444; border-radius: 25px; background-color: #FF4444; } .imginprogress { border: 2px solid #33B5E5; border-radius: 25px; background-color: #FF4444; } .imgonhold { border: 2px solid #aaa; border-radius: 25px; background-color: #aaa; } .imgCancelled { border: 2px solid #aaa; border-radius: 25px; background-color: #FF0000; } .consentimgcont { max-width: 500px; margin-top: 25px; } .icondivonhold { border: 2px solid #aaa; background-color: #aaa; } .icondivCancelled { border: 2px solid #33B5E5; background-color: #FF0000; } .icondivInProgress { border: 2px solid #33B5E5; background-color: #33B5E5; } .icondivoverdue { border: 2px solid #FF4444; background-color: #FF4444; } .icondivpending { border: 2px solid #FFBB33; background-color: #FFBB33; } .dispmappin { border-radius: 25px; text-align: center; font-weight: 600; font-size: 16px; line-height: 50px; color: #000; box-shadow: 0 1px 10px 0 rgba(0,0,0,0.26); } .billcont { padding: 15px; } .emoji { font-size: 25px; margin-left: 5px; display: inline-block; height: 36px; width: 40px; text-align: justify; } .msglist { /* height:650px !important;*/ scroll-behavior: smooth; } .billcont p { width: 50px; float: left; } .datac { position: relative; bottom: 32px; left: 75px; white-space: nowrap; width: 150px; overflow: hidden; border: 1px solid #dfdfdf; text-overflow: ellipsis; } .bccont { height: 60px; } .bcprice { top: 12px; float: right; position: relative; } .exconth { height: 50px; text-align: left; } .acconth { /*margin-top:28px;*/ height: 60px; } .extbill, .extcoin { width: 70px; } .actbill { margin-top: 12px !important; } .inputhadj { width: 40% !important; text-align: center; } .txtadj, .xtadj { text-align: center; width: 45%; display: inline-block; } .hadjst { height: auto !important; } .showloading { height: 200px; } .drlabel { margin-left: 10px; } .HKtimeline { position: relative; top: 10px; left: 10px; color: #99cc00; } .inputfloatt { width: 40% !important; text-align: center; } .servord { padding: 5px; } .roomlbl { color: #fff; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); line-height: 1.15; } .orderbox .roomlbl { width: 100%; } .cht { margin-top: 8px !important; } .servorders { padding-left: 65px; display: block; } /*.progressmeter { top: 20px; position: relative; background: red; width: 200px; height: 8px; border-radius: 5px; }*/ .viewset { position: relative; overflow: auto; } .noteset { margin-left: 35px; } .contenttrans { padding: 20px; width: 50%; top: 20%; min-height: 80%; margin-left: auto; margin-right: auto; border-radius: 10px; background-color: rgba(100,100,100,0.5); -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .landing { background-image: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url('../images/visitor-landing.jpg'); background-size: cover; background-repeat: no-repeat; width: 100%; height: 100vh; } .mainlogo { width: 150px; height: auto; margin: 10px; /*margin-left:50%; transform:scaleX(-75px);*/ /* filter: brightness(0) invert(1);*/ } .mainglogostand { width: 150px; height: auto; margin: 0px; /*margin-left:50%; transform:scaleX(-75px);*/ /* filter: brightness(0) invert(1);*/ } .landdesc { font-size: 18px; color: #aaa; font-weight: 400; } .landheading { font-size: 28px; color: #333; font-weight: 500; margin-bottom: 20px; } .marbot { height: 14px !important; } .buttonlargecont { text-shadow: #555 0px 0px 1px; font-family: "Roboto"; font-weight: 400; font-size: 20px; min-height: 30px; line-height: 35px; min-width: 50px; max-width: 200px; text-align: center; vertical-align: middle; background-color: #42b72a; border: 0px; width: 130px; height: 50px; margin-top: 10px; white-space: nowrap; vertical-align: middle; color: #FFF; cursor: pointer; border-radius: 5px; transition: background-color .3s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: inset rgba(255,255,255,0.3) 0 1px 0, inset rgba(0,0,0,0.22) 0 -1px 0, rgba(0,0,0,0.14) 0 1px 2px; -moz-box-shadow: inset rgba(255,255,255,0.3) 0 1px 0,inset rgba(0,0,0,0.22) 0 -1px 0,rgba(0,0,0,0.14) 0 1px 2px; box-shadow: inset rgba(255,255,255,0.3) 0 1px 0, inset rgba(0,0,0,0.22) 0 -1px 0, rgba(0,0,0,0.14) 0 1px 2px; } .btm { position: fixed; bottom: 0px; text-shadow: #555 0px 0px 1px; font-family: "Roboto"; font-weight: 400; font-size: 20px; text-align: center; vertical-align: middle; background-color: #42b72a; width: 100%; height: 50px; white-space: nowrap; vertical-align: middle; color: #FFF; cursor: pointer; border-radius: 5px; transition: background-color .3s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 0px; -webkit-box-shadow: inset rgba(255,255,255,0.3) 0 1px 0, inset rgba(0,0,0,0.22) 0 -1px 0, rgba(0,0,0,0.14) 0 1px 2px; -moz-box-shadow: inset rgba(255,255,255,0.3) 0 1px 0,inset rgba(0,0,0,0.22) 0 -1px 0,rgba(0,0,0,0.14) 0 1px 2px; box-shadow: inset rgba(255,255,255,0.3) 0 1px 0, inset rgba(0,0,0,0.22) 0 -1px 0, rgba(0,0,0,0.14) 0 1px 2px; } .schtime { max-width: 90px !important; height: 35px !important; text-align: center !important; width: 100px !important; } .Next { text-shadow: #555 0px 0px 1px; font-family: "Roboto"; font-weight: 400; font-size: 20px; text-align: center; vertical-align: middle; background-color: #42b72a; width: 100px; height: 50px; margin-top: 10px; white-space: nowrap; vertical-align: middle; color: #FFF; cursor: pointer; border-radius: 5px; transition: background-color .3s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 0px; -webkit-box-shadow: inset rgba(255,255,255,0.3) 0 1px 0, inset rgba(0,0,0,0.22) 0 -1px 0, rgba(0,0,0,0.14) 0 1px 2px; -moz-box-shadow: inset rgba(255,255,255,0.3) 0 1px 0,inset rgba(0,0,0,0.22) 0 -1px 0,rgba(0,0,0,0.14) 0 1px 2px; box-shadow: inset rgba(255,255,255,0.3) 0 1px 0, inset rgba(0,0,0,0.22) 0 -1px 0, rgba(0,0,0,0.14) 0 1px 2px; } .btns { text-align: center; } .btn1 { margin-left: 40px !important; margin-top: 10px !important; } .nmt { margin-top: 0px !important; } .outer-meter { margin: auto; padding: 2px; border-radius: 3px; text-align: center; width: 10%; text-align: left; margin: 2px auto; font-size: 0px; line-height: 0px; background: #eee; float: right; top: 13px; position: relative; } .inner-meter { padding: 2px; border-radius: 2px; line-height: 0px; height: 8px; width: 0; transition: 0.5s ease-in-out all; } .orderbox { display: inline-block; margin: 0px 0px 7px 5px; border-radius: 5px; width: 75px; height: 34px; position: relative; padding: 5px !important; opacity: 0.9; transition: 0.3s ease; } .orderbox:hover { opacity: 1; transform: scale(1.08, 1.08); } .orderprepared { background-color: #EEF3FD; border: #aa0000 1px solid; border-radius: 5px; } .HKOrdInfo { color: #444 !important; font-size: 18px !important; font-weight: bold !important; margin: 10px 10px 30px 25px; } .attlbl { padding-top: 15px; padding-left: 70px; margin-bottom: 15px; line-height: 1; } .attname { font-family: Roboto; font-size: 15px; font-weight: 400; } .attrole { font-size: 12px; margin: 5px; margin-left: 0px; color: #aaa; } .foodtiplbl { min-height: 50px; text-align: center; padding: 10px; } .trailcont { min-height: 100px; } .EFcont { height: 350px !important; width: 100% !important; overflow-y: auto !important; } .foodtotalcont { background-color: inherit; border-top: #e1e1e1 1px solid; position: absolute; height: auto; min-height: 150px; width: 94% !important; bottom: 125px; height: 100px; vertical-align: bottom; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .foodtip { background-color: #fff; border-top: #e1e1e1 1px solid; position: absolute; height: 100px; min-height: 188px; width: 94% !important; bottom: 125px; } .addfooditemcont { top: 49px !important; } .prodamnt { color: #444; } .prodimage { border-radius: 00px !important; margin: 0px; padding: 10px; height: 80px; max-height: 80px; /*background-color: #BFBFBF;*/ webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -khtml-background-size: cover; background-size: cover; background-repeat: no-repeat; border: #DFDFDF 0px solid; border-bottom: #DFDFDF 0px solid; } .neterr { margin-top: 100px; } .issue { margin-bottom: 12px; } .dept { line-height: 18px; margin-bottom: 12px; } .contset { padding: 10px; } .srchset { padding-bottom: 50px; } .addicon { font-size: 23px !important; top: 31%; position: absolute; left: 34%; cursor: pointer; } .addprodicon { font-size: 23px !important; top: 38%; position: absolute; left: 40%; cursor: pointer; } .choosetoupload { position: relative; width: 100px !important; height: 92px !important; border: 2px dotted rgba(0,0,0,0.48); border-radius: 8px; bottom: 8px; } .choosetoupload:hover { border: 2px dotted black; } .choosetoupload:hover .addicon { color: black; } .addproductbox { margin: 0px 10px 11px 10px !important; border-radius: 10px !important; border: 2px dashed rgba(0,0,0,0.48) !important; position: relative; width: 175px !important; min-height: 147px; display: inline-block; box-shadow: 0px 1px 1px #efefef; box-sizing: border-box; } .addproductbox:hover { border: 2px dashed black !important; } .addproductbox:hover .addprodicon { color: black; } .popupbuttoncont { position: fixed; right: 20px; bottom: 20px; max-width: 150px; z-index: 2; } .cnfrmclr { background: #3872dd !important; } .startclr { background: #aaaae0 !important; } .popupbutton { font-family: "Icons"; font-size: 14px; color: #fff; border: #fff 0px solid; background: rgba(11, 177, 11, 1); padding: 15px; width: 45px; height: 45px; line-height: 15px; margin-top: 10px; text-align: center; z-index: 1; border-radius: 50px; display: block; position: relative; transition: 0.2s all ease-in-out; animation: BOX 0.3s ease-out infinite; animation-iteration-count: 1; box-shadow: 0px 1px 1px #555; box-sizing: border-box; box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.10); } .popupbutton:hover, .popupbutton:active, popupbutton.focus { transform: scale(1.08); } .popupbuttonfull { width: auto !important; max-width: 200px; } .popupbuttonlbl { margin-left: 10px; margin-right: 10px; } .popupbuttonalt { background: rgba(11, 111, 177, 0.8); } .popupbuttonaltpulse { background: rgba(11, 111, 177, 0.8); -webkit-animation: pulsify 2.0s infinite ease-in-out; animation: pulsify 2.0s infinite ease-in-out; } .popupbuttonbadge { position: absolute; top: 0px; right: 0px; background-color: #CC0000; width: 20px; height: 20px; font-size: 10px; border-radius: 50%; box-sizing: border-box; } .graphdel { position: relative; float: right; font-family: Icons; font-size: 12px; top: -13px; right: -15px; } .box { margin: 5px; /* border: #f1f1f1 1px solid; */ /* border-top-left-radius: 0; */ /* border-top-right-radius: 0; */ display: inline-block; width: 150px; height: 104px; /* box-shadow: 0 1px 1px 0 rgba(0,0,0,.1); */ /* background-color: #fff;*/ opacity: 0.5; transition: 0.3s ease; cursor: pointer; } .boxbackimg { border-radius: 10px; /*background-color: #999;*/ /*padding: 5px;*/ height: 95px; vertical-align: middle; background-repeat: no-repeat; background-position: center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -khtml-background-size: cover; } .boxeffect:hover { opacity: 1; transform: scale(1.3, 1.3); } /*.boxdet { padding: 15px; text-align: left; max-height: 600px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .boxtitle { position: relative; margin: 2px; font-family: "Roboto"; font-weight: 400; font-size: 14px; color: #000; margin-top: -8px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; } .boxdesc { position: relative; text-align: left; margin: 2px; font-family: Roboto,"OpenSansRegular"; font-weight: 500; font-size: 12px; color: #aaa; text-shadow: none; min-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }*/ .GraphImg { position: relative; padding: 5px; display: inline-block; border: #cfcfcf 0 solid; width: auto; padding: 20px; } .expcls { } .column { min-height: 550px; max-height: 550px; color: #000; min-width: 320px; margin: 5px !important; display: inline-block !important; padding: 5px; box-sizing: border-box; float: none !important; overflow: auto; flex-basis: 100%; flex-grow: 1; flex-shrink: 1; flex-basis: 0; } .prbshw { white-space: normal; } .lanec { text-align: left; margin: 0px; overflow: auto; overflow-y: hidden; /* white-space: nowrap;*/ width: 100%; display: flex; } .last-column { border-right: none; } .centerTxt { margin-left: 500px; } .showBtn { display: inline-block; } .bgclr { background: white !important; } .bg { background-color: #f1f1f1 !important; /*background: repeating-linear-gradient( -55deg, #f1f1f1, #aaa 5px, #eee 5px, #aaa 5px );*/ opacity: 0.5; filter: blur(1px); } .prview { /*margin-top: 30px;*/ margin-left: 10px; background: #F44336; width: 65px; border-radius: 3px; padding: 2px; text-align: center; } .cardset { /*position: absolute; margin-top: -25px;*/ } .cardboxcont { border-radius: 5px; padding: 10px; box-sizing: border-box; border: #efefef 1px solid; margin: 5px; max-width: 400px; width: 400px; display: inline-block; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.03); padding-left: 10px !important; font-size: 12px; } .cardboxcontstatic { position: sticky; top: 0; background-color: #fff; z-index: 1; } .cardboxdatacont { min-height: 25px; color: #333; font-size: 12px; } .cardboxdatacont > .fr { text-align: right; } .cardboxtitle { font-size: 16px; font-weight: 500; color: #555; } .cardboxcont .cardboxtitle { margin-top: 10px; } .cardboxsubheading { font-size: 12px; color: #333; } .kanabanheading { color: #555; height: 30px; line-height: 30px; margin: 5px; } .uldes { min-width: 100px; min-height: 495px; } .panelcontdata .dispresult { /*margin-top: 50px;*/ } .dispresult { /*position: absolute; width: 100%; margin-top: -25px; margin-left: -10px; max-width: 690px;*/ cursor: pointer; /*overflow-y: auto;*/ /*max-height: 765px;*/ box-sizing: border-box; z-index: 1001; /*background: whitesmoke; overflow-x: hidden;*/ width: auto; } /*.dispresult div{ list-style: none; margin-top: 20px; color: grey !important; background: white; border-radius: 5px; height: 110px; margin-left: -30px; }*/ .rbrdst { width: 30px; border-radius: 0px; border-left: #99CC00 2px solid; } .boxst { margin-left: -1px !important; } .tickS { /*float: right;*/ background: #DBF4E4 !important; color: #0BB10B !important; /*width: 65px;*/ border-radius: 3px; padding: 2px; text-align: center; } .tickSch { color: #0b6cd4 !important; background-color: #c2ddfa !important; } .tickExp { color: #8b0101 !important; background-color: #fcebe9 !important; } .Tktexpired { /*float: right;*/ background: #FF0000 !important; color: #0BB10B !important; /*width: 65px;*/ border-radius: 3px; padding: 2px; text-align: center; } .tickSS { /*float: right;*/ background: #99CC00; /*width: 65px;*/ border-radius: 3px; padding: 2px; text-align: center; } .detsty { width: 181%; height: 125px; } .attnv { margin-top: 10px; min-width: 110px; } .mz { margin-top: 0px !important; } .ccb { color: cornflowerblue !important; } .pendclr { background: #ffbb33; } .ovdclr { background: #ff4444; } .Expclr { background: #555; } .onordclr { background: #3f51b6; } .ohclr { background: #aaaaaa; } .compclr { background: #99cc00; } .scompclr { background: #87ceeb; } .fcompclr { background: #ff3400; } .inprogclr { background: #33b5e5; } .parseated { background: #63e2ff; } .seatclr { background: #9d8eff; } .deptclr { background: #75a7b5; } .paidclr { background: #034182; } .desertclr { background: #70D4B4; } .courseclr { background: #D869C0; } .btclr { background: #DDDDC7; } .entrclr { background: #B51A62; } .apptrclr { background: #DE703C; } .chkclr { background: #506F86; } .wlclr { background: #555; } .dtev { font-size: 12px !important; color: #ccc !important; } .divset { background: #fff; border: 1px solid #eee; border-radius: 2px; margin-left: 30px; /* box-shadow: 1px 1px 1px #efefef;*/ padding: 10px; box-sizing: border-box; } .div-table { width: 100% !important; display: table; width: auto; border-spacing: 5px; /* cellspacing:poor IE support for this */ table-layout: fixed; } .div-table-row { display: table-row; width: auto; clear: both; box-sizing: border-box; border-bottom: #efefef 1px solid; } .div-table-col { padding: 5px; box-sizing: border-box; font-size: 12px; float: left; /* fix for buggy browsers */ display: table-cell; width: auto; } .mrc { margin-right: 30px; } .pendtop { border-top: 4px solid #ffbb33; } .inprogtop { border-top: 4px solid #33b5e5; } .odtop { border-top: 4px solid #aa0000; } .ohtop { border-top: 4px solid #555555; } .cardview { display: inline-flex; align-items: center; position: relative; border: #e0dbdb 1px solid; min-height: 140px; width: 99%; max-width: 350px; background: white; border-radius: 5px; margin-bottom: 5px; box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.06); } .attdiv { margin-left: 65px; margin-top: -25px; position: absolute; } .imagediv { /*margin-top: 95px; margin-left: 130px;*/ } .prmod { background: #607d8b !important; } .prmed { background: grey !important; } .task { margin: 3px; background-color: #f2f2f2; width: 255px; display: block; border: solid 2px #ccc; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } span.title-bar { display: block; padding: 0 3px; background-color: #ddd; border-bottom: solid 1px #ccc; height: 25px; font-weight: bold; color: #333; } .task span.user { /*float: right;*/ text-align: right; font-weight: bold; } span.footer { display: block; background: #ddd; border-top: solid 1px #ccc; font-size: 12px; padding: 3px; min-height: 20px; } span.status.good, span.status.committed { background-color: #00ff00; } span.status { float: right; width: 10px; height: 10px; display: inline-block; border: solid 1px #fff; margin: 5px 0 0 5px; } .salepanel { height: 100% !important; margin: 0px; border-radius: 5px; /*border: 1px solid lavender;*/ overflow: auto; padding: 10px; overflow-x: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .attbnr { margin-top: 70px; margin-right: 40px; } .ImagePrevCont { width: 100%; height: 300px; border: #dfdfdf 1px solid; padding: 10px; box-sizing: border-box; border-radius: 5px; text-align: center; vertical-align: middle; line-height: 280px; -webkit-transition: background-color 0.5s ease-out; -moz-transition: background-color 0.5s ease-out; -o-transition: background-color 0.5s ease-out; transition: background-color 0.5s ease-out; } .ImagePrevCont:hover { background-color: #f1f1f1; } .ImagePrev { width: auto; height: 280px; max-height: 280px; } .ScreenPowerOff { position: absolute; top: 0; left: 0; width: 100%; height: 100vh; z-index: 1000; background-color: rgba(0,0,0,0.95); z-index: 1000000; } .margimg { margin-left: 195px; display: inline-table; background-color: #f1f1f1; border: #DFDFDF 0px solid; padding: 5px; margin: 10px; text-align: left; vertical-align: middle; min-width: 100px; border-radius: 5px; width: auto; height: auto; max-height: 300px; box-sizing: border-box; } .margimg:empty { display: none; } .mr { margin-right: 50px; } .tsdes { margin-bottom: 10px; width: 100%; } .borderstyle { display: inline; border: 0px solid rgb(171 148 214 / 0.65); background: rgba(171,148,214,0.3); /*#ab94d6;*/ border-radius: 5px; padding: 8px; float: left; margin-right: 10px; max-width: 100px; font-weight: normal; } .borderstylepending { display: inline; border: 1px solid #FFC107; background: #FFC107; border-radius: 5px; padding: 2px 5px 3px 4px; float: left; margin-right: 10px; max-width: 100px; } .border-paid { border-left: 3px solid #99CC00 !important; } .border-list { border-left: 2px solid #9bea9b !important; } .border-pending { border-left: 3px solid #FFBB33 !important; } .srchdes { /*margin-left: 145px !important; margin-top: 52px !important;*/ } .searchstyle { /*width: 200% !important;*/ height: 50px !important; box-sizing: border-box; border: 2px solid #ccc; border-radius: 4px; font-size: 16px; /*background-color: white;*/ /*background-image: url('searchicon.png') !important;*/ background-position: 10px 10px; background-repeat: no-repeat; padding: 12px 20px 12px 40px; -webkit-transition: width 0.4s ease-in-out; transition: width 0.4s ease-in-out; /*margin-left: 18px !important;*/ height: 50px !important; border: #cfcfcf 1px solid !important; } .ResTable { position: relative; } .elapsed { position: absolute; top: -10px; right: 10px; /*background-color:rgba(0,0,0,0.5);*/ /*color:#fff !important;*/ text-align: center !important; border-radius: 10px !important; } .tDes { float: right; margin-right: 15px; margin-top: 15px; background-color: #daeaf8 !important; border: 0px solid #4B7DEB; color: #4B7DEB !important; border-radius: 3px; } .tDespending { float: right; margin-right: 18px; margin-top: -20px; background-color: #ffc10740 !important; border: 1px solid #FFC107; border-radius: 3px; } .pDes { display: inline-block !important; margin-left: 10px; margin-top: 15px; border: 1px solid #2360bd; background: #2360bd; color: white; border-radius: 5px; min-width: 40px; padding: 4px; } .timeslot { border: #aaa 2px solid; color: #999; height: 50px; padding: 20px; border-radius: 30px; margin: 5px; text-align: center; vertical-align: middle; font-size: 14px; line-height: 18px; box-sizing: border-box; transition: background-color 0.5s ease; display: inline-block; line-height: 5px; } .mguestadd { margin-top: -48px; } .guestad { margin-left: 201px; } .addmguestbtn { height: 43px; width: 85px; } .salepanelheight { height: 150px !important; } .quantity { position: relative; display: inline-flex; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } input[type=number] { -moz-appearance: textfield; } .quantity input { width: 90px; height: 42px; line-height: 1.65; float: left; display: block; padding: 0; margin: 0; padding-left: 20px; border: 1px solid #eee; } .quantity input:focus { outline: 0; } .quantity-nav { float: left; position: relative; height: 42px; } .quantity-button { position: relative; cursor: pointer; border-left: 1px solid #eee; width: 20px; text-align: center; color: #333; font-size: 13px; font-family: "Trebuchet MS", Helvetica, sans-serif !important; line-height: 1.7; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .quantity-button.quantity-up { position: absolute; height: 50%; top: 0; border-bottom: 1px solid #eee; } .quantity-button.quantity-down { position: absolute; bottom: -1px; height: 50%; } .quaninput::placeholder { color: black; opacity: 1; /* Firefox */ } .quaninput:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: black; } .quaninput::-ms-input-placeholder { /* Microsoft Edge */ color: black; } .lcodes { height: 100%; } .reslinked { background-color: #daeaf8 !important; border: 0px solid #6b95d4; width: 94%; margin: 5px; padding: 10px; box-sizing: border-box; border-radius: 5px; font-size: 12px; color: #333; font-weight: 500; } .resstatus { width: 30px; border-radius: 0px !important; background: none !important; } .LCont { height: 100% !important; } .saleitemSign { width: 65%; } .signheading { font-size: 15px; position: relative; top: 65px; left: 30px; } .signImage { position: relative; width: auto; height: 150px; top: 15px; left: 0px; } .rmbscr { font-family: "Icons"; font-size: 22px; position: absolute; top: -8px; right: -12px; transition: 0.2s ease-in-out all; transform: scale(1); background-color: #f1f1f1; border-radius: 50%; padding: 5px; } video { border-radius: 5px; } .camerafeedvid { border-radius: 5px; } .groupitem { position: relative; color: #333; font-size: 12px; font-weight: normal; font-family: "Roboto"; background-color: #f1f1f1; padding: 15px; padding-left: 25px; padding-right: 25px; display: inline-block; margin: 5px; text-shadow: #000 0 0px 0px; border-radius: 10px; -o-animation-iteration-count: 1; -webkit-animation: BOX 0.2s ease-out infinite; -webkit-animation-iteration-count: 1; animation: BOX 0.2s ease-out infinite; animation-iteration-count: 1; } .groupitem > img { margin-top: 10px; margin-right: 5px; } .saleitemspecamnt { margin-top: 30px; margin-right: 30px; line-height: 1.5; } .saleinfo { font-size: 15px; margin-left: 15px; } .saleitemdetail { text-align: left; display: inline-block; padding-left: 5px; } .saleitemval { float: right; display: inline-block; padding-right: 15px; } .saleitemtotal { text-align: left; color: #333; padding: 5px; display: inline-block; font-size: 20px; } .repinfo { float: right; display: inline-block; padding-right: 60px; } .saleitemtotalR { text-align: left; color: #333; padding: 5px; font-size: 20px; } .reportHead { text-align: center; font-size: 20px !important; font-weight: 600 !important; } .saletotallabel { margin-right: 65px; } .buttonicon { font-family: 'Material Icons' !important; font-size: 20px !important; margin-right: 5px; margin-top: 0px; } .material-icons { font-family: "Material Icons"; color: #777; font-size: 26px; font-weight: 300; } .saleitemcoup { position: relative !important; /*left: -6px!important;*/ } .Posfilters { display: -webkit-inline-box; margin: 0px 0px 0px 14px; border: #efefef 1px solid; /* box-shadow: 0 1px 10px 0 rgba(0,0,0,0.06);*/ border-radius: 5px; } .overviewbox .Posfilters { margin-top: -5px; } .schday { width: 100px !important; display: inline-block !important; } .Posfiltersicons > .selopt, .Posfiltersicons > .flititemsel { padding: 4px; padding-left: 10px; padding-right: 10px; } /* barcode container */ .sc-anim-box { position: relative; width: 220px; height: 100px; padding: 10px; transition: transform .6s ease-out; } /* adds the 4 corners */ .sc-anim-box:before, .sc-anim-box:after, .sc-anim-box > :first-child:before, .sc-anim-box > :first-child:after { position: absolute; width: 10%; height: 15%; border-color: #333; border-style: solid; content: ' '; } /* top left corner */ .sc-anim-box:before { top: 0; left: 0; border-width: 2px 0 0 2px; } /* top right corner */ .sc-anim-box:after { top: 0; right: 0; border-width: 2px 2px 0 0; } /* bottom right corner */ .sc-anim-box > :first-child:before { bottom: 0; right: 0; border-width: 0 2px 2px 0; } /* bottom left corner */ .sc-anim-box > :first-child:after { bottom: 0; left: 0; border-width: 0 0 2px 2px; } /* barcode bars */ .sc-anim-item { display: inline-block; background-color: #333; height: 100px; } .sc-anim-item-sm { width: 2px; margin-right: 3px; } .sc-anim-item-md { width: 3px; margin-right: 2px; } .sc-anim-item-lg { width: 5px; margin-right: 5px; } .sc-anim-box:hover .scanner { animation-play-state: running; } /* animated laser beam */ .sc-scanner { height: 3px; background-color: #ff0000; opacity: 0.7; position: relative; box-shadow: 0px 0px 8px 10px rgba(170, 11, 23, 0.49); top: 50%; animation-name: scan; animation-duration: 4s; animation-timing-function: linear; animation-iteration-count: infinite; } .ScannerAnimCont { margin-left: 50%; transform: translateX(-110px); box-sizing: border-box; margin-bottom: 20px; } @keyframes scan { 0% { box-shadow: 0px 0px 8px 10px rgba(170, 11, 23, 0.49); top: 50%; } 25% { box-shadow: 0px 6px 8px 10px rgba(170, 11, 23, 0.49); top: 5px; } 75% { box-shadow: 0px -6px 8px 10px rgba(170, 11, 23, 0.49); top: 98%; } } .ProductsCatFilters { display: -webkit-inline-box; margin: 0px 0px 10px 14px; /* border: #efefef 1px solid; box-shadow: 0 1px 10px 0 rgba(0,0,0,0.06);*/ border-radius: 5px; } .ProductsCatFilters > .itemsel { margin: 5px; display: inline-block !important; border: #e1e1e1 1px solid; border-radius: 5px; min-width: 50px; text-align: center; } .pinpadfilters { display: -webkit-inline-box; border: #efefef 1px solid; box-shadow: 0 1px 10px 0 rgba(0,0,0,0.06); border-radius: 5px; margin-bottom: 20px; margin-left: 50%; transform: translateX(-50%); } .itemsel:first-child { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .itemsel:last-child { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .itemsel { font-size: 13px; padding: 10px; border-right: #e1e1e1 1px solid; transition: background-color 0.2s ease; } .flititemsel:first-child { border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-left: #e1e1e1 0px solid; } .flititemsel:last-child { border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-right: #e1e1e1 0px solid; } .flititemsel { font-size: 12px; padding: 10px; border-right: #e1e1e1 1px solid; transition: background-color 0.2s ease; } .flititemsel .Icons { margin-right: 0px; } .DSCreatePeriodUI { margin-top: 12px; display: none; } .weekdate { width: 26%; } .updatecal { display: -webkit-box; width: 17%; } .cusdet { padding: 5px 10px 0px 60px; } .cusdett { padding: 10px 10px 10px 60px; } .cusdeticon { /*padding-top: 5px;*/ display: inline-block; float: right; } .saledata { padding-top: 25px !important; } .saleprint { /*font-size: 30px !important;*/ padding: 10px; cursor: pointer; font-weight: 300 !important; border-radius: 30px; background-color: #f1f1f1; border-radius: 10px; } .saleemail { /*font-size: 30px !important;*/ padding: 10px; cursor: pointer; font-weight: 300 !important; background-color: #f1f1f1; border-radius: 10px; } .receiptpanel { margin-top: 0%; border: #e1e1e1 1px solid; /*position: absolute;*/ width: 95% !important; height: 36px; } .iprint { text-align: center; width: 44.5%; position: absolute; padding: 10px; } .iemail { text-align: center; width: 45%; float: right; padding: 10px; } .messageboarditem { width: 500px !important; min-width: 500px !important; max-width: 500px !important; min-height: 180px; max-height: 160px !important; display: inline-table !important; } .msgboardbox { min-width: initial !important; } .messageboarditemadmin { /* background-color: #EEF3FD !important;*/ } .fir-imgcircle { height: 40px; width: 40px; border-radius: 100px; cursor: pointer; margin-left: 20px; margin-top: 10px; float: left; } .custsms { margin-left: 15px; font-size: 24px !important; color: #999; } .custsms:hover { color: #27ca47; } .fir-clickcircle { height: 65px; width: 65px; border-radius: 100px; cursor: pointer; margin-left: 10px; } .kview { height: 35px; width: 35px; margin-bottom: -10px; } .userprofileitem { font-family: "Roboto","Roboto", "Roboto", "OpenSansLight", "stag","SegoeUI",MYRIADPRO,Calibri,Arial; font-size: 13px; width: 95%; height: 60px !important; line-height: 40px; display: inline-block; text-indent: 10px; font-weight: 500; padding: 5px; padding-top: 10px; color: #777; background-color: #fff; border: #e9e9e9 1px solid; margin: 5px; border-radius: 5px; text-overflow: ellipsis; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition: 0.1s ease-in-out all; /* box-shadow: 0 1px 10px 0px rgba(0,0,0,0.06);*/ } /* .userprofileitem:hover, .userprofileitem:focus { transform: scale(1.02); box-shadow: 0 1px 10px 0px rgba(0,0,0,0.06); }*/ .userprofileitem:active { transform: scale(0.98); } .userprofileitemneg { color: #cc0000 !important; } .userprofileitem > .msgbuttons { padding: 0px; background: none; float: left; margin-top: 0px; text-align: left; } .sroom { display: inline-block; } .camerarow.fir-image-figure { min-width: auto; } .fir-image-figure { margin: 10px; display: inline-flex; align-items: center; position: relative; text-decoration: none; border: #efefef 1px solid; border-radius: 5px; box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.03); padding: 5px; box-sizing: border-box; min-height: 160px; width: auto !important; min-width: 350px; max-width: 600px; transition: 0.2s ease-in-out all; } .fir-image-figure:hover, .fir-image-figure:focus { transform: scale(1.01); } .fir-image-figure:active { transform: scale(0.98); } .fir-image-figure .label { margin: 5px; } .docboxitem { max-width: 300px; } .docboxitem .tickS { border: none !important; } .wdtfx { width: auto; min-width: 400px; } .wi { width: 100%; min-height: 140px; border-radius: 3px; } .sprtw { width: 380px !important; } .stmr { margin-right: 10px; } .dispresultcard { width: 98% !important; margin-top: 20px; color: grey !important; background: white !important; /*border-radius: 5px; /*height: 150px; margin-left: 5px;*/ } .mts { padding: 8px; font-size: 10px; color: #fff; } .RProdsListCont { display: none; } .RProdsListCont > .heading { margin-left: 20px; } .tckdiv { width: 100%; text-align: left; /*margin-top:-10px;*/ } .tckdiv > .rcont { width: 80%; } .tckdiv > .label { margin-top: 0px; } .tckdiv > .objprop { display: block; } .fig-author-figure-title { font-size: 13px; font-weight: 500; margin: 10px; } .fig-author-figure-desc { color: #999; font-size: 12px; margin: 5px; margin-left: 10px; font-weight: 600; } .addrestile { position: relative; overflow: visible !important; border-bottom: #dfdfdf 1px solid; border-right: #dfdfdf 1px solid; padding: 10px; box-sizing: border-box; /*padding-top: 2px;*/ } .spaeventitem { position: absolute; } .dstyle { border-radius: 5px; margin-left: 10px; } .mlft { margin-left: 7px; } /*DatePicker CSS*/ .DatePickerCont { margin-top: 30px; padding: 0px; text-align: center; text-align: center; /* border-top: #f1f1f1 1px solid; border-bottom: #f1f1f1 1px solid;*/ box-sizing: border-box; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */ } .TodayButton { display: none; float: left; color: #aaa; } .MonthHeading { display: block; float: none; position: sticky; top: -15px; left: 0px; text-align: left; font-size: 12px; color: #555; margin-top: 0px; margin-left: 5px; margin-bottom: 10px; font-weight: 500; } .rescomt { font-family: "Roboto", "OpenSansLight", "stag","SegoeUI",MYRIADPRO,Calibri,Arial; font-weight: 500; font-size: 12px; color: #aaa; margin-left: 5px; padding: 5px; text-align: left; vertical-align: top; display: inline-block; } .resname { overflow: hidden; overflow-y: hidden; white-space: nowrap; max-width: 70%; text-overflow: ellipsis; } .DatesCont { position: relative; display: inline; width: 100%; display: block; margin-top: 10px; overflow: hidden; overflow-y: hidden; white-space: nowrap; padding-top: 0px; height: 90px; transition: 0.2s ease-in-out all; } .DatesCont:hover, .DatesCont:focus, .DatesCont:active { overflow: overlay; overflow-y: hidden; } .DateCont { margin-left: 0px; margin-right: 20px; margin-top: 0px; display: inline-block; text-align: center; } .DateContToday { color: #fff; background-color: #26CA48; border-radius: 3px; } .DateContSel { color: #fff; background-color: #333; border-radius: 3px; } .MonthTitle { font-size: 12px; color: #ddd; font-weight: bold; display: none; } .DateContSel .MonthTitle { color: #00aa00; } .mgbtm { margin-bottom: -15px; } .settop { margin-top: 15px; } .srchallhk { vertical-align: baseline; margin-top: 15px !important; } .DateContToday > .DateTitle { background-color: rgba(255,255,255,0.5) !important; color: #000 !important; } .DateContSel > .DateTitle { background-color: rgba(255,255,255,0.5) !important; color: #000 !important; } .DayTitle { font-size: 13px; } .DateTitle { min-width: 20px; max-width: 20px; min-height: 20px; max-height: 20px; font-size: 12px; margin: 5px; padding: 5px; border-radius: 30px; background-color: #ddd; } .DateTitlePrev { background-color: #f1f1f1; } .DateTitle:hover { color: #fff; background-color: #333; } /*End of DatePicker CSS*/ .addrestile { color: rgba(0,0,0,0.2) !important; font-size: 10px !important; } .addrestile:hover, .addrestile:focus { background-color: #f1f1f1; } .addrestile:active { background-color: #aaa; } .matchingcellboth::after { float: left; content: "done"; font-family: "Material Icons"; font-size: 20px; color: inherit; -animation: SlideLeft 0.3s ease; -webkit-animation: SlideLeft 0.3s ease; animation: SlideLeft 0.3s ease; } .matchingcell { background-color: #DAF4E3; padding: 5px; box-sizing: border-box; color: #333 !important; } .matchingcellboth { background-color: #109a20; border: #109a00 1px solid; } .matchingcellcust { background-color: #ba88f2; } .useremail { margin-top: 20px !important; } .pageitemheading { font-size: 12px; color: #AAA; } .pageitemvalue { margin-top: 5px; font-size: 18px; color: #333; } .addroom p { text-align: center; font-size: 20px; } .NumPinPadValue { text-align: center; font-size: 35px; color: green; } .flex-container { display: flex; } .padheight { margin-top: 10%; } .cusname { width: 75%; font-size: 12px; color: black; display: inline-block; } .custedit { height: 30px; width: 40px; line-height: 20px; font-size: 18px !important; text-align: center; vertical-align: middle; margin-top: 0px; } .supedit { height: 30px; width: 40px; line-height: 20px; font-size: 18px !important; text-align: center; vertical-align: middle; margin-top: 0px; } .rsetup { font-size: 20px; margin: 10px; margin-left: 25px; text-align: left; color: #aaa; font-weight: 500; } .dayclosed { /*width:400px; height:200px;*/ /*background: #fff;*/ /*border-radius:10px;*/ /*border:#efefef 1px solid; box-shadow:0 1px 10px 0 rgba(0,0,0,0.06);*/ /*display: inline-block; padding: 20px;*/ line-height: 50px; font-size: 17px; /*position: absolute;*/ /*top:50%; transform:translate(-200px, -100px);*/ font-size: 16px; color: #777; text-align: center; } .dayclosed > .button { padding: 5px; padding-left: 20px; padding-right: 20px; box-shadow: 0 1px 10px 0 rgba(0,0,0,0.06); } .carcol { width: 97% !important; } .CashRegisters { /*width:550px; height:250px; display: inline-block; position: absolute; top:50%; transform:translate(-275px, -125px); background: #fff; border-radius:10px; border:#efefef 1px solid; box-shadow:0 1px 10px 0 rgba(0,0,0,0.06);*/ } .posregister { /*text-align: center; padding: 10%; box-sizing: border-box;*/ } .posregister p { padding-left: 27px; text-align: left; width: 80%; left: 10%; right: 10%; } .noselect { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */ } .regamount { box-sizing: border-box; text-align: center; padding: 10px; text-align: left; /*box-shadow:0 1px 10px 0px rgba(0,0,0,0.06);*/ } .CashRegister { width: 300px !important; } .cregister { width: 550px; height: 250px; display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-275px, -125px); background: #fff; border-radius: 10px; border: #efefef 1px solid; box-shadow: 0 1px 10px 0 rgba(0,0,0,0.06); } .cashsetup { text-align: left; padding: 10%; box-sizing: border-box; } .cashsetup p { padding-left: 27px; text-align: left; width: 80%; left: 10%; right: 10%; } .dayclosed > p { padding-left: 0px; text-align: center; width: 100%; left: 0%; right: 0%; } .setupstyle { width: 55% !important; margin-left: 27px !important; } .setupstyle1 { width: 55% !important; margin-left: 27px !important; } .timage { border: #ccc 0px solid; margin: -9px 0 0 0; width: 40px; height: auto; border-radius: 60px; vertical-align: top; margin-top: 0px; } .tipnpromo { background-color: #fff; border-top: #e1e1e1 1px solid; position: absolute; height: 100px; min-height: 137px; width: 100% !important; bottom: 110px; display: block; /*padding: 10px;*/ } #tip { min-height: 50px; text-align: center; width: 98%; position: absolute; padding: 10px; } .datacount { background: #fdfdfd !important; padding: 10px 0px 10px 0px !important; font-size: 12px; } .countlbl { padding: 10px !important; font-size: 12px !important; } #promo { min-height: 50px; text-align: center; width: 48%; float: right; padding: 10px; display: none !important; } .seperate { top: 0%; left: 44.5%; padding: 18.5px; border-right: #dfdfdf 1px solid; position: absolute; } .tipstyle { border-bottom: #dfdfdf 1px solid; padding: 10px; } .rsty { width: 185px; margin-left: 5px; } .salepaid { color: #02E38E !important; width: auto; font-weight: bold; } .salepend { color: #FFBB33 !important; width: auto; font-weight: bold; } .salerefund { color: red !important; width: auto; font-weight: bold; } .filtbtn { margin-bottom: 15px; /* margin-top: 10px !important;*/ } .nice-select.filtbtn { width: 100px; z-index: 3; } .nice-select.filtbtn span[data-parent*="grepfrm"] { height: 40px; display: inline-block; min-width: 110px; position: absolute; left: 10px; } .filtbtn .radiobuttonset { margin: 0 10px 0 10px; width: 100%; } .fileiconcont { border: #efefef 1px solid; padding: 10px; box-sizing: border-box; width: 100%; border-radius: 5px; } .fileicon { color: #555; font-size: 40px; } .filename { color: black; position: absolute; } .filesize { font-size: 12px !important; color: grey; } .ovrflw { overflow: unset !important; } .rmn { height: auto; } .newdesign { border: solid 1px #e8e8e8; border-radius: 5px; background-color: #e8e8e8; width: fit-content; position: absolute; left: 0px; top: 43px; z-index: 1; line-height: normal !important; background: rgba(250,250,250,0.5); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); } .contextmenucont { /* add for profile ui*/ top: 0px !important; left: 250px !important; padding: 0px; position: absolute; border-radius: 0px; width: 300px; max-height: 100vh; height: 100vh; overflow: auto; overflow-x: hidden; display: none; border: #EFEFEF 1px solid; background-color: #FFF; z-index: 10006; -webkit-box-shadow: 0 1px 10px 0 rgba(0,0,0,0.10); -moz-box-shadow: 0 1px 10px 0 rgba(0,0,0,0.10); box-shadow: 0 1px 10px 0 rgba(0,0,0,0.10); -animation: SlideLeft 0.1s ease; -webkit-animation: SlideLeft 0.1s ease; animation: SlideLeft 0.1s ease; transform: scaleX(1) scaleY(1); } .contentmenuitem { /* add for profile ui*/ padding: 12px; text-align: left; font-family: "Roboto"; font-weight: 500; font-size: 12px; line-height: 20px; display: block; margin-top: 0px; color: black; vertical-align: middle; cursor: pointer; /* height: 40px;*/ padding: 10px; margin: 0px; text-indent: 5px; border-bottom: #efefef 1px solid; position: relative; } .contentmenuitem div:hover { /* add for profile ui*/ background-color: none; } .contentmenuitem:hover { /* add for profile ui*/ border-radius: 0px; background-color: #27ca47 !important; color: #fff; margin-left: 5px; margin-right: 5px; border-radius: 5px; box-sizing: border-box; transition: 0.2s ease-in-out all; } .contentmenuitem:hover > div { /* add for profile ui*/ color: #fff; } .contentmenuitem:hover .OPLogo { /* add for profile ui*/ filter: brightness(0) invert(1); } .contentmenuitem > div { /* add for profile ui*/ padding: 12px; text-align: left; font-family: "Roboto"; font-size: 12px; line-height: 20px; display: block; /* margin-top: 5px; */ color: #757575; vertical-align: middle; cursor: pointer; height: 20px; } .contentmenuitemfav { font-family: "Material Icons" !important; float: left; font-size: 20px !important; content: "star"; transition: 0.2s ease-in-out all; color: #fff; -animation: SlideLeft 0.3s ease; -webkit-animation: SlideLeft 0.3s ease; animation: SlideLeft 0.3s ease; } .contextmenucont > .inpcont { padding: 10px !important; padding-right: 0px !important; text-align: center; } .li { /* add for profile ui*/ margin: 10px; list-style: none !important; } .wcborder { /* border: 2px solid #f2f2f2;*/ padding: 10px; } .opfrm { display: inline; right: 21px !important; } .border { border: 1px solid #f2f2f2; margin-top: 2%; padding: 10px; } #optfrm { position: absolute; display: inline; right: 30px; } .ftop { position: relative; top: -75px; } .languagepicker { background-color: #02e38e; display: inline-block; padding: 0; height: 35px; overflow: hidden; transition: all .3s ease; vertical-align: top; margin-top: 12px; z-index: 3; position: absolute; right: 90px; margin-left: 10px; margin-right: 10px; transition: 0.5s ease-in-out all; /*border:1px solid grey;*/ } .languagepickeratt { right: 0; margin-top: 0px !important; } .languagepickerlog { right: -10px; margin-top: 10px; } /*.languagepicker:hover { height: 75px; }*/ .languagepicker a { text-decoration: none; font-size: 12.5px !important; color: #000; } .languagepicker li { display: block; padding: 0px 20px; line-height: 35px; } .languagepicker li:hover { background-color: #067c4f; } .languagepicker li .Icons { color: #000; float: left; } .languagepicker li img { margin-right: 10px; margin-top: 7px; width: 20px; float: left; } .roundborders { border-radius: 5px; } /*.large:hover { height: 100px; }*/ .liststyle { padding: 10px; } .selectli { color: #27ca47 !important; border: #27ca47 0px solid !important; background-color: rgba(39, 202, 71, 0.15) !important; } .selectli::after { /* position: absolute; right: 20px; top: 50%; transform: translateY(-50%);*/ float: left; content: "done"; font-family: "Material Icons"; font-size: 20px; color: inherit; -animation: SlideLeft 0.3s ease; -webkit-animation: SlideLeft 0.3s ease; animation: SlideLeft 0.3s ease; } .slider { -animation: SlideLeft 0.3s ease; -webkit-animation: SlideLeft 0.3s ease; animation: SlideLeft 0.3s ease; } .liststyleli { margin-top: 10px; margin-bottom: 10px; } .cust360search { width: 350px !important; position: relative; outline: none; background: url(../images/magnifying-glass.png) no-repeat 10px !important; background-size: 20px !important; background-color: #F5F7F9 !important; padding: 10px !important; padding-left: 40px !important; padding-right: 20px !important; font-weight: normal; color: #333 !important; font-size: 14px !important; border-radius: 0px !important; border: #efefef 0px solid !important; } .searchcont { width: 350px; min-height: 40px; height: auto; display: inline-block; background-color: #fff; box-shadow: 0 1px 10px 0 rgba(0,0,0,.06) !important; border: #efefef 1px solid !important; border-radius: 5px; transition: height 0.4s linear; z-index: 10; } .opsoptscont .searchcont { width: 95% !important; min-height: 45px !important; border: #3d4351 1px solid !important; } .opsoptscont .searchcont .cust360search { padding-left: 40px !important; } .searchsubcont { width: 100%; position: relative; display: flex; padding: 5px; box-sizing: border-box; } .sticky { position: fixed; top: 0.85%; left: 32%; border-radius: 5px; width: 42% !important; border: #dfdfdf 1px solid !important; } .searches { height: auto !important; overflow: auto; padding: 10px; overflow-x: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .searchinp { min-width: 290px; max-width: 350px; } .cardicon { font-family: "Material Icons"; font-size: 16px; position: absolute; right: 10px; top: 5px; color: #fff; background: rgba(0,0,0,0.2); z-index: 1; padding: 10px; box-sizing: border-box; border-radius: 50%; } .croom { margin-top: 10px; } .croom > .Ready { border: none !important; } .croom > .Pending { background-color: #FFF3D8 !important; color: #F9AF04 !important; border: none !important; } .croom > .Pending { background-color: #FFF3D8 !important; color: #F9AF04 !important; border: none !important; } .croom > .Deleted { color: #f6584c !important; background-color: #FEF3F2 !important; border: none !important; } .fir-image-figure .croom { width: 100%; } .pinButton { position: absolute; top: 0; right: 0; background-color: transparent; border: none; padding: 0; cursor: pointer; } /*.pinButton img { width: 30px; height: 30px; filter: brightness(80%) saturate(200%); }*/ .sbtn { left: 75%; /*position: fixed;*/ top: 1.3%; } .fl { float: left; } .OPIcon { float: left !important; height: 40px !important; } /* Style for Badge button*/ .buttonbadge { color: #fa3e3e; border-radius: 30px; padding: 0px; position: absolute; /* Position the badge within the relatively positioned button */ top: -10%; right: 5%; -animation: PULSE 1s ease-out infinite; -o-animation-iteration-count: infinite; -webkit-animation: PULSE 1s ease-out infinite; -webkit-animation-iteration-count: infinite; animation: PULSE 1s ease-out infinite; animation-iteration-count: infinite; } .buttonbadge > .Icons { margin-right: 0px; } .buttonbadge1 { color: #fa3e3e; border-radius: 2px; padding: 5px; font-size: 11px; position: absolute; /* Position the badge within the relatively positioned button */ top: 50%; transform: translateY(-50%); right: 10px; margin-top: 0px; box-sizing: border-box; text-align: center; border-radius: 50%; } .buttonbadge1 > .Icons { margin-right: auto; } .button > .Icons { font-size: 12px; } .fn { float: none !important; } .fr { float: right; /* font-family: 'Poppins', sans-serif;*/ } .fl { float: left; /* font-family: 'Poppins', sans-serif;*/ } .dispatchfr { margin-left: 350px; float: left; } .mm { margin: 5px; } .wf { width: 90% !important; max-width: 90% !important; } .label { font-family: "Roboto"; color: #777; font-size: 13px; font-weight: 400; padding: 5px; padding-left: 0px; } .labelcmt { font-family: "Roboto"; color: #333; font-size: 11px; font-weight: 400; padding: 5px; font-style: normal; display: block; /* float: right;*/ background-color: #EEF3FD; border-radius: 5px; padding: 5px; /* margin-top: -15px;*/ margin-top: 10px; width: auto; } .chatmsgsent .labelcmt { background-color: inherit; border-bottom-left-radius: 0px; /*border-top-left-radius: 0px;*/ /* position: absolute; top: -30px; left: 0px;*/ padding-left: 0px; } .chatmsgrec .labelcmt { background-color: inherit; border-bottom-left-radius: 0px; /*border-top-left-radius: 0px;*/ /* position: absolute; top: -30px; right: 0px;*/ padding-left: 0px; color: #6BB3E1; font-weight: 500; } .bl { border-left: #CFCFCF 1px solid; } .br { border-right: #CFCFCF 1px solid; } .bt { border-top: #CFCFCF 1px solid; } .bb { border-bottom: #CFCFCF 1px solid; } .dn { display: none; } .mw7 { max-width: 70% !important; } .capl { text-transform: capitalize; } .dni { display: none !important; } .ac { text-align: center; width: 100%; } .tal { text-align: left; } .trunc { width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .pr { position: relative !important; } .ubd { text-align: center; width: 80%; } .ubtn { width: 100px; margin-left: 174px !important; } .di { display: inline-block !important; /* padding-left : 5px;*/ /* width : 40%;*/ } .db { display: block !important; /* padding-left : 5px;*/ /* width : 40%;*/ } .haut { height: 100% !important; } .lmarg { margin-left:5px !important; } .lpad { padding: 10px; box-sizing: border-box; } .itop { margin-top: 10px !important; } .dib { display: block; } .atl { position: absolute; left: 8px; top: 8px; } .ifmod { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: 100001; display: flex; align-items: center; justify-content: center; z-index:10000000; } .ifmodcont { width: 90%; height: 90vh; background-color: #fff; border-radius: 8px; position: relative; box-shadow: 0px 1px 10px 0px #ccc; } .closeIframePopup { position: absolute; top: 10px; right: 22px; font-size: 27px; cursor: pointer; } .iframePopup { width: 100%; height: 100%; border: none; } .atr { position: absolute; right: 10px; top: 10px; } .atr1 { position: absolute; right: 50px; top: 8px; border: none; } .wb { word-break: break-all; } .ar { text-align: left; } .abl { position: absolute; left: 8px; bottom: 8px; } .abr { position: absolute; right: 8px; bottom: 8px; } .ftl { position: fixed; left: 8px; top: 8px; } .ftr { position: fixed; right: 8px; top: 8px; } .fbl { position: fixed; left: 8px; bottom: 8px; } .fbr { position: fixed; right: 8px; bottom: 8px; } .b { font-weight: bold; } .i { font-style: italic; } .wa { width: auto !important; overflow-x: hidden !important; } .fade-in-from-top { opacity: 0; transform: translateY(-50px); animation: fadeInFromTop 0.5s ease forwards; } @keyframes fadeInFromTop { from { opacity: 0; transform: translateY(-50px); } to { opacity: 1; transform: translateY(0); } } @keyframes Amb { 0% { background: rgba(255, 0, 0, 0.40); text-shadow: none; } 10% { background: rgba(255, 0, 0, 0.40); text-shadow: none; } 20% { background: rgba(255, 0, 0, 0.40); text-shadow: none; } 30% { background: rgba(255, 0, 0, 0.60); text-shadow: none; } 40% { background: rgba(255, 0, 0, 0.80); text-shadow: none; } 50% { background: rgba(255, 0, 0, 1); text-shadow: none; } 60% { background: rgba(255, 0, 0, 0.80); text-shadow: none; } 70% { background: rgba(255, 0, 0, 0.60); text-shadow: none; } 80% { background: rgba(255, 0, 0, 0.40); text-shadow: none; } 95% { background: rgba(255, 0, 0, 0.40); text-shadow: none; } 100% { background: rgba(255, 0, 0, 0.40); text-shadow: none; } } @-webkit-keyframes Amb { 0% { background: rgba(255, 0, 0, 0.40); text-shadow: 0 0 20px #EA7729; } 10% { background: rgba(255, 0, 0, 0.40); text-shadow: none; } 20% { background: rgba(255, 0, 0, 0.40); text-shadow: none; } 30% { background: rgba(255, 0, 0, 0.60); text-shadow: none; } 40% { background: rgba(255, 0, 0, 0.80); text-shadow: none; } 50% { background: rgba(255, 0, 0, 1); text-shadow: none; } 60% { background: rgba(255, 0, 0, 0.80); text-shadow: none; } 70% { background: rgba(255, 0, 0, 0.60); text-shadow: none; } 80% { background: rgba(255, 0, 0, 0.40); text-shadow: none; } 95% { background: rgba(255, 0, 0, 0.40); text-shadow: none; } 100% { background: rgba(255, 0, 0, 0.40); text-shadow: 0 0 20px #EA7729; } } @keyframes EMS { 0% { background: rgba(255, 0, 0, 0.95); text-shadow: none; } 10% { background: rgba(255, 0, 0, 0.96); text-shadow: none; } 20% { background: rgba(255, 0, 0, 0.97); text-shadow: none; } 30% { background: rgba(255, 0, 0, 0.98); text-shadow: none; } 40% { background: rgba(255, 0, 0, 0.99); text-shadow: none; } 50% { background: rgba(255, 0, 0, 1); text-shadow: none; } 60% { background: rgba(255, 0, 0, 0.99); text-shadow: none; } 70% { background: rgba(255, 0, 0, 0.98); text-shadow: none; } 80% { background: rgba(255, 0, 0, 0.97); text-shadow: none; } 95% { background: rgba(255, 0, 0, 0.96); text-shadow: none; } 100% { background: rgba(255, 0, 0, 0.95); text-shadow: none; } } @-webkit-keyframes EMS { 0% { background: rgba(255, 0, 0, 0.95); text-shadow: none; } 10% { background: rgba(255, 0, 0, 0.96); text-shadow: none; } 20% { background: rgba(255, 0, 0, 0.97); text-shadow: none; } 30% { background: rgba(255, 0, 0, 0.98); text-shadow: none; } 40% { background: rgba(255, 0, 0, 0.99); text-shadow: none; } 50% { background: rgba(255, 0, 0, 1); text-shadow: none; } 60% { background: rgba(255, 0, 0, 0.99); text-shadow: none; } 70% { background: rgba(255, 0, 0, 0.98); text-shadow: none; } 80% { background: rgba(255, 0, 0, 0.97); text-shadow: none; } 95% { background: rgba(255, 0, 0, 0.96); text-shadow: none; } 100% { background: rgba(255, 0, 0, 0.95); text-shadow: none; } } @keyframes ACTCALL { 0% { background: rgba(0, 255, 0, 0.80); text-shadow: none; } 10% { background: rgba(0, 255, 0, 0.80); text-shadow: none; } 20% { background: rgba(0, 255, 0, 0.60); text-shadow: none; } 30% { background: rgba(0, 255, 0, 0.40); text-shadow: none; } 40% { background: rgba(0, 255, 0, 0.20); text-shadow: none; } 50% { background: rgba(0, 255, 0, 0.20); text-shadow: none; } 60% { background: rgba(0, 255, 0, 0.20); text-shadow: none; } 70% { background: rgba(0, 255, 0, 0.40); text-shadow: none; } 80% { background: rgba(0, 255, 0, 0.60); text-shadow: none; } 95% { background: rgba(0, 255, 0, 0.80); text-shadow: none; } 100% { background: rgba(0, 255, 0, 0.80); text-shadow: none; } } @-webkit-keyframes ACTCALL { 0% { background: rgba(0, 255, 0, 0.80); text-shadow: none; } 10% { background: rgba(0, 255, 0, 0.80); text-shadow: none; } 20% { background: rgba(0, 255, 0, 0.60); text-shadow: none; } 30% { background: rgba(0, 255, 0, 0.40); text-shadow: none; } 40% { background: rgba(0, 255, 0, 0.20); text-shadow: none; } 50% { background: rgba(0, 255, 0, 0.20); text-shadow: none; } 60% { background: rgba(0, 255, 0, 0.20); text-shadow: none; } 70% { background: rgba(0, 255, 0, 0.40); text-shadow: none; } 80% { background: rgba(0, 255, 0, 0.60); text-shadow: none; } 95% { background: rgba(0, 255, 0, 0.80); text-shadow: none; } 100% { background: rgba(0, 255, 0, 0.80); text-shadow: none; } } @-moz-keyframes PULSE { 0% { -webkit-transform: scale(0.1, 0.1); opacity: 0; } 50% { opacity: 1.0; } 100% { -webkit-transform: scale(1.2, 1.2); opacity: 0.5; } } @keyframes PULSE { 0% { -webkit-transform: scale(0.1, 0.1); opacity: 0; } 50% { opacity: 1.0; } 100% { -webkit-transform: scale(1.2, 1.2); opacity: 0.5; } } @-webkit-keyframes PULSE { 0% { -webkit-transform: scale(0.1, 0.1); opacity: 0; } 50% { opacity: 1.0; } 100% { -webkit-transform: scale(1.2, 1.2); opacity: 0.5; } } @-moz-keyframes BOX { 0% { -webkit-transform: scale(0.1, 0.1); } 100% { -webkit-transform: scale(1.0, 1.0); } } @keyframes BOX { 0% { -webkit-transform: scale(0.1, 0.1); } 100% { -webkit-transform: scale(1.0, 1.0); } } @-webkit-keyframes BOX { 0% { -webkit-transform: scale(0.1, 0.1); } 100% { -webkit-transform: scale(1.0, 1.0); } } .ScannerCont { max-width: 500px; width:450px; height: 700px; background-color: #000; overflow: hidden; border-radius:10px; position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); } .loadingholder { z-index: 120000; margin-right: 20px; display: block; background-color: transparent; opacity: 0.5; width: inherit; -webkit-animation: flickerAnimation 2s infinite; -moz-animation: flickerAnimation 2s infinite; -o-animation: flickerAnimation 2s infinite; animation: flickerAnimation 2s infinite; } .loadingcont { /* width: 100%; */ min-height: 100vh; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -khtml-background-size: cover; background-size: cover; background-repeat: no-repeat; } .loadingbox { position: absolute; top: 50%; left: 50%; text-align: center; margin-left: auto; margin-right: auto; padding: 20px; background-color: #dfdfdf; border-radius: 200px; -animation: PULSE 1s ease-out infinite; -o-animation-iteration-count: infinite; -webkit-animation: PULSE 1s ease-out infinite; -webkit-animation-iteration-count: infinite; animation: PULSE 1s ease-out infinite; animation-iteration-count: infinite; } .EMS { display: none; min-height: 40px; height: auto; font-family: "Roboto","Roboto", "OpenSansLight"; background-color: #b41313; color: #FFF; padding: 20px; vertical-align: middle; font-size: 16px; -animation: EMS 3s ease infinite; -webkit-animation: EMS 3s ease infinite; animation: EMS 3s ease infinite; } .EMSBody { height: 100%; font-family: "Roboto","Roboto", "OpenSansLight"; color: #FFF; padding: 20px; vertical-align: middle; font-size: 16px; } .Amb { display: none; min-height: 40px; height: auto; font-family: "Roboto", "OpenSansLight"; background-color: #EA7729; color: #FFF; padding: 20px; vertical-align: middle; font-size: 16px; } .devstatus { margin-top: 35px; } .devFilt { margin-top: 20px; margin-left: 10px; overflow: visible !important; width: auto !important; } .maincontainer { padding: 0px; margin: 0px; visibility: visible; padding-top: 0px; } .mainoverlay { font-family: "Roboto","Roboto", "OpenSansLight", "stag","SegoeUI",MYRIADPRO,Calibri,Arial; font-size: 30px; color: #FFF; overflow: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; position: absolute; left: 0px; top: 0px; z-index: 100; display: none; background-color: #e83a27; width: 100%; height: 100%; background: -webkit-linear-gradient(top, #ff7364, #e83a27); background: -moz-linear-gradient(top, #ff7364, #e83a27); background: -ms-linear-gradient(top, #ff7364, #e83a27); background: -o-linear-gradient(top, #ff7364, #e83a27); font-family: "Roboto", "OpenSansLight", "stag","SegoeUI",MYRIADPRO,Calibri,Arial; vertical-align: middle; text-shadow: #333 1px 1px 1px; -webkit-box-shadow: inset rgba(255,255,255,0.3) 0 1px 0,inset rgba(0,0,0,0.22) 0 -1px 0,rgba(0,0,0,0.14) 0 1px 2px; -moz-box-shadow: inset rgba(255,255,255,0.3) 0 1px 0,inset rgba(0,0,0,0.22) 0 -1px 0,rgba(0,0,0,0.14) 0 1px 2px; box-shadow: inset rgba(255,255,255,0.3) 0 1px 0,inset rgba(0,0,0,0.22) 0 -1px 0,rgba(0,0,0,0.14) 0 1px 2px; -webkit-transition-duration: 0.25s; -moz-transition-duration: 0.25s; -o-transition-duration: 0.25s; transition-duration: 0.25s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; } .mainoverlaytitle { position: absolute; left: 0px; top: 40%; font-family: "Roboto","Roboto", "stag","SegoeUI",MYRIADPRO,Calibri,Arial; font-size: 30px; color: #FFF; text-align: center; height: 100%; } .header { /* position:sticky;*/ height: 63px; background-color: #FDFDFD; border-bottom: #efefef 0px solid; font-family: "Roboto", "OpenSansLight", "stag","SegoeUI",MYRIADPRO,Calibri,Arial; font-size: 24px; padding: 0px 20px 0px 20px; color: #FFF; /* z-index:-1;*/ vertical-align: middle; padding-top: constant(safe-area-inset-top); /* iOS 11.0 */ padding-top: env(safe-area-inset-top); /* iOS 11.2 */ /* -animation: SlideDown 0.3s ease; -webkit-animation: SlideDown 0.3s ease; animation: SlideDown 0.3s ease;*/ } .headerl { position: fixed; height: 45px; background-color: #78C110; border: #78C110 1px solid; width: 100%; font-family: "Roboto", "OpenSansLight", "stag","SegoeUI",MYRIADPRO,Calibri,Arial; font-size: 20px; color: #FFF; vertical-align: middle; z-index: 0; padding-top: constant(safe-area-inset-top); /* iOS 11.0 */ padding-top: env(safe-area-inset-top); /* iOS 11.2 */ } .logo { font-family: "Roboto", "OpenSansLight", "stag","SegoeUI",MYRIADPRO,Calibri,Arial; font-weight: 300; font-size: 16px; color: #FFF; vertical-align: middle; text-align: center; height: 50px; padding-top: 10px; } .lheading { margin: 20px; color: #333; font-size: 22px; font-family: "Roboto", "stag","SegoeUI",MYRIADPRO,Calibri,Arial; font-weight: 600; text-align: left; text-transform: uppercase; } .standpageheader { position: sticky; top: -20px; z-index: 3; background: rgba(246,246,246,0.8); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(5px); } .pageheading { display: none; margin: 20px; margin-left: 10px; margin-right: 10px; color: #333; font-size: 22px; font-family: "Roboto", "stag","SegoeUI",MYRIADPRO,Calibri,Arial; font-weight: 600; text-align: left; text-transform: uppercase; } .appdownloadbtn { width: 40%; display: inline-block; background-color: #ccc; padding: 10px; border-radius: 500px; margin: 5px; text-align: center; transition: 0.2s ease-in-out all; } .appdownloadbtn:active { transform: scale(0.98); } .appdownloadbtn svg { width: 30px; height: 30px; float: left; } .appdownloadbtn > .rcont { margin-top: 3px; } .appdownloadqr { width: 40%; display: inline-block; padding: 10px; border-radius: 500px; margin: 5px; text-align: center; } .appdownloadqr img { width: 100%; height: auto; } .vipStatus { width: 30px; display: inline-block; } .vip { background: #FF4444; color: #fff !important; padding: 5px; } .mheading { margin-top: 5px; color: #777; font-size: 25px; font-family: "Roboto", "stag","SegoeUI",MYRIADPRO,Calibri,Arial; font-weight: 300; } .sheading { margin-top: 5px; color: #777; font-size: 20px; font-family: "Roboto", "stag","SegoeUI",MYRIADPRO,Calibri,Arial; font-weight: 300; } .test { /* position: fixed;*/ } .loginbox { font-family: "Roboto","RobotoLight", "OpenSansLight", "stag","SegoeUI",MYRIADPRO,Calibri,Arial; color: #aaa; background-color: white; background: rgba(255,255,255,0.95); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); font-size: 16px; width: 500px; height: auto; min-height: 70%; border-radius: 10px; border: #000 0px solid; /* text-shadow: 0 1px 1px #FFF;*/ margin-left: auto; margin-right: auto; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); box-shadow: 10px 1px 10px 0 rgba(0,0,0,0.06); transition: 0.2s ease-in-out all; } .loginbox form { padding: 0px !important; } .loginboxcontainerhead { display: none; font-family: "Roboto"; font-weight: 400; font-size: 13px; min-height: 40px; line-height: 40px; min-width: 50px; text-align: center; vertical-align: middle; background-color: #27ca47; padding: 6px 10px 6px 10px; margin: 5px; margin-top: -10px; white-space: nowrap; vertical-align: middle; color: #FFF; cursor: pointer; border-radius: 5px !important; transition: background-color .3s; -webkit-box-shadow: inset rgba(255,255,255,0.2) 0 1px 0, inset rgba(0,0,0,0.10) 0 -1px 0, rgba(0,0,0,0.06) 0 1px 1px; -moz-box-shadow: inset rgba(255,255,255,0.2) 0 1px 0,inset rgba(0,0,0,0.10) 0 -1px 0,rgba(0,0,0,0.06) 0 1px 1px; box-shadow: inset rgba(255,255,255,0.2) 0 1px 0, inset rgba(0,0,0,0.10) 0 -1px 0, rgba(0,0,0,0.06) 0 1px 1px; -webkit-appearance: none !important; outline: 0 none !important; border: none !important; } .loginboxcontainer { display: block; } .portallogocont { width: 100%; margin: 20px; box-sizing: border-box; /* background: linear-gradient(35deg, #ff6373 10%, #ff8f75 50%, #fea451 90%);*/ border-top-left-radius: 8px; border-top-right-radius: 8px; text-align: left; } form { padding: 5px; box-sizing: border-box; } .imglogin { width: auto; height: 60px; max-height: 60px; margin-top: 10px; margin-bottom: 30px; -animation: SlideDown 1s ease; -webkit-animation: SlideDown 1s ease; animation: SlideDown 1s ease; } .bg1, .bg2, .bg3 { left: 25%; position: fixed; } .tn-atom__sbs-anim-wrapper { animation: sbs-anim-rec162289267-1581546479579 16s infinite linear; backface-visibility: hidden; } @keyframes sbs-anim-rec162289267-1581546479579 { 0% { opacity: 1; transform: translateX(0px)translateY(0px)rotate(0deg)scale(1,1); animation-timing-function: linear; } 1% { opacity: 1; transform: translateX(0px)translateY(0px)rotate(0deg)scale(1,1); animation-timing-function: cubic-bezier(0.34,1.61,0.7,1); } 26% { opacity: 1; transform: translateX(65px)translateY(-1px)rotate(-15deg)scale(1,1); animation-timing-function: cubic-bezier(0.34,1.61,0.7,1); } 51% { opacity: 1; transform: translateX(106px)translateY(38px)rotate(-35deg)scale(1,1); animation-timing-function: cubic-bezier(0.34,1.61,0.7,1); } 76% { opacity: 1; transform: translateX(60px)translateY(38px)rotate(-25deg)scale(1,1); animation-timing-function: cubic-bezier(0.34,1.61,0.7,1); } 100% { opacity: 1; transform: translateX(0px)translateY(0px)rotate(0deg)scale(1,1); } } .prl { position: relative; } .fst { font-size: 15px; } .loginbox .languagepicker { position: fixed; bottom: 0; right: 25px; } #marginset { margin-left: 20px; } .forgetpass { margin: 10px; color: #aaa; font-size: 14px; font-weight: 400; font-family: "Roboto", "stag","SegoeUI",MYRIADPRO,Calibri,Arial; } .forgethref { margin-left: 10px; font-size: 14px; color: #27ca47; text-align: left; text-decoration: none; } .dz-message { background-image: url('../images/no-image.png'); background-repeat: no-repeat; background-position: center; background-size: contain; opacity: 1; min-height: 200px !important; } .dz-message > span { position: absolute; top: 50%; left: 50%; color: #000; transform: translate(-50%, -50%); } .fotterser { text-align: center; width: 100%; position: fixed; bottom: 20px !important; left: 50%; transform: translateX(-50%) } .fotterser > .label { font-size: 11px; margin: 15px; color: #aaa; } .quickhref { margin-left: 10px; color: #fff; text-align: center; text-decoration: none; font-size: 11px; font-weight: 400; } .quickhrefext { color: #000; } .forgetpassbutton { margin: 8px; padding: 10px; height: 45px; width: 62%; border-radius: 2px; } .forgetpassbutton { margin: 8px; padding: 10px; height: 45px; width: 62%; border-radius: 2px; } .quickcontrolscont { position: absolute; width: 700px; height: 400px; top: 50%; left: 50%; transform: translate(-300px, -200px); /*border:#efefef 1px solid; box-shadow:0 1px 10px 0 rgba(0,0,0,0.06);*/ border-radius: 10px; text-align: center; } .quickcontrol { float: left; border: #dfdfdf 1px solid; box-shadow: 0 1px 10px 0 rgba(0,0,0,0.06); border-radius: 5px; width: 150px; height: 150px; margin: 10px; display: inline-block; transition: 0.2s ease-in-out all; padding-top: 40px; box-sizing: border-box; } .quickcontrol:hover, .quickcontrol:focus { transform: scale(1.03); } .quickcontrol:active { transform: scale(0.97); } .qc1 { background: rgba(186, 119, 255,0.3); color: rgba(186, 119, 255,1); border: rgba(186, 119, 255,0.5) 1px solid; } .qc2 { background: rgba(248, 178, 173, 0.4); color: rgba(248, 178, 173, 1); border: rgba(248, 178, 173,0.5) 1px solid; } .qc3 { background: rgba(239, 79, 133,0.3); color: rgba(239, 79, 133,1); border: rgba(239, 79, 133,0.5) 1px solid; } .qc4 { background: rgba(117, 201, 204, 0.3); color: rgba(117, 201, 204,1); border: rgba(117, 201, 204,0.5) 1px solid; } .qc5 { background: rgba(156, 207, 57,0.3); color: rgba(156, 207, 57,1); border: rgba(156, 207, 57,0.5) 1px solid; } .qc6 { background: rgba(186, 225, 255, 0.3); color: rgba(186, 225, 255,1); border: rgba(186, 225, 255,0.5) 1px solid; } .quickcontrolicon { font-family: "Icons"; font-size: 30px; } .quickcontroltext { font-size: 16px; margin: 10px; } .divline { border-bottom: 1px solid #ddd; /*border-top: 1px solid #ddd;*/ width: 90%; text-align: left; font-size: 12px; text-shadow: none !important; position: relative; } .checkboxlogin { display: inline-block; font-size: 13px; margin-right: 60px; } .loginheading { font-family: "Roboto"; font-weight: 400; font-size: 18px; margin: 10px; color: #aaa; text-align: left; margin-left: 35px; } .login-txtbox { height: 55px !important; width: 100% !important; padding: 15px !important; padding-left: 30px !important; margin-left: 0px !important; margin-top: 10px; text-align: left; background: url(/fonts/user-shape.svg) no-repeat 10px !important; background-size: 15px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border: none !important; border: #ccc 1px solid !important; background-color: inherit !important; box-shadow: none !important; } .login-txtbox:hover, .login-txtbox:active { border: #27ca47 2px solid !important; } .login-passbox { height: 55px !important; width: 100% !important; padding: 15px !important; padding-left: 30px !important; margin-left: 0px !important; margin-top: 10px; text-align: left; background: url(/fonts/locked.svg) no-repeat 10px !important; background-size: 15px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border: none !important; border: #ccc 1px solid !important; background-color: inherit !important; box-shadow: none !important; } .login-passbox:hover, .login-passbox:active { border: #27ca47 2px solid !important; } .loginfooter { width: 100%; text-align: center; } .SignUpCont { margin: 10px; color: #aaa; font-size: 14px; font-weight: 400; font-family: "Roboto", "stag","SegoeUI",MYRIADPRO,Calibri,Arial; text-align: center; } .loginpageheadercont { transform: translate(-75%,-60%); top: 40%; left: 45%; position: fixed; text-align: left; } .loginpageheader { font-size: 50px; color: #fff; margin: 20px; -animation: SlideUp 0.7s ease; -webkit-animation: SlideUp 0.7s ease; animation: SlideUp 0.7s ease; } .loginpageheadericon { font-family: "Material Icons"; font-size: 80px; color: #fff; margin: 10px; -animation: SlideUp 0.3s ease; -webkit-animation: SlideUp 0.3s ease; animation: SlideUp 0.3s ease; } .loginpagesubheader { font-size: 20px; color: #eee; margin: 20px; -animation: SlideUp 1s ease; -webkit-animation: SlideUp 1s ease; animation: SlideUp 1s ease; } .btnlogin { display: block; font-family: "Roboto"; font-weight: 400 !important; font-size: 13px !important; line-height: 25px !important; min-height: 50px !important; width: 95% !important; min-width: 95% !important; border: 1px solid #2991b3; border-radius: 5px !important; background-color: #2ca9d2; padding: 10px !important; white-space: nowrap !important; vertical-align: middle !important; color: #fff !important; cursor: pointer !important; opacity: 1 !important; margin: 10px !important; } .btnaddtop { height: 42px !important; padding: 0px 20px 0px 20px !important; /*margin: 0px !important;*/ margin-left: 5px !important; } .loginboxcnt { padding: 15px; } .loginboxcnt input[type=text], input[type=password] { margin: 5px; padding: 10px; height: 45px; width: 99%; } .loginboxcnt input[type=button], input[type=submit] { margin: 8px; height: 50px; /*height:45px;*/ width: 100%; border-radius: 2px; } .loginboxcnt div { margin-left: 5px; } .loginheader { padding-left: 10px; position: relative; min-height: 40px; height: 50px; line-height: 50px; background-color: #e83a27; width: 97%; background: -webkit-linear-gradient(top, #ff7364, #e83a27); background: -moz-linear-gradient(top, #ff7364, #e83a27); background: -ms-linear-gradient(top, #ff7364, #e83a27); background: -o-linear-gradient(top, #ff7364, #e83a27); font-family: "Roboto", "OpenSansLight", "stag","SegoeUI",MYRIADPRO,Calibri,Arial; font-size: 16px; color: #FFF; vertical-align: middle; text-align: left; text-shadow: #333 0px 1px 1px; -webkit-box-shadow: inset rgba(255,255,255,0.3) 0 1px 0,inset rgba(0,0,0,0.22) 0 -1px 0,rgba(0,0,0,0.14) 0 1px 2px; -moz-box-shadow: inset rgba(255,255,255,0.3) 0 1px 0,inset rgba(0,0,0,0.22) 0 -1px 0,rgba(0,0,0,0.14) 0 1px 2px; box-shadow: inset rgba(255,255,255,0.3) 0 1px 0,inset rgba(0,0,0,0.22) 0 -1px 0,rgba(0,0,0,0.14) 0 1px 2px; -webkit-transition-duration: 0.25s; -moz-transition-duration: 0.25s; -o-transition-duration: 0.25s; transition-duration: 0.25s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; } .calviewcont { margin-top: 50px; } .gridcontainer { box-shadow: 0 1px 10px 0 rgba(0,0,0,.03); border: #efefef 1px solid; margin: 10px; border-radius: 5px; background-color: #fff; } .gridcontainer .gridcontainer { box-shadow: none; border: none; } .rinfo .grid { box-shadow: none !important; border: none !important; } .gridcontainer .grid { box-shadow: none !important; border: none !important; } .overviewdatacont .grid { box-shadow: none !important; border: none !important; padding: 0px; } .gridcontainerfilters { /*width: 80% !important;*/ border-bottom: 1px solid #efefef; min-height: 65px; position: sticky; position: relative; } .gridcontainerfilters > select { max-width: 100px; } .gridcontainerfilters > .filtbtn { margin: 15px; } .gridcontainer > .grid { box-shadow: none; transition: 0.2s ease-in-out all; } .gridcontainer > .grid:hover { box-shadow: none; /* transform:scale(1.02);*/ } .grid { width: 100%; border: #efefef 1px solid; /*box-shadow: 0 1px 10px 0 rgba(0,0,0,0.06);*/ filter: drop-shadow(rgba(0, 0, 0, 0.02) 0px 1px 3px) drop-shadow(rgba(0, 0, 0, 0.02) 0px 2px 10px); padding: 0px; /*-webkit-user-select: none;*/ /* Chrome all / Safari all */ /*-moz-user-select: none;*/ /* Firefox all */ /*-ms-user-select: none;*/ /* IE 10+ */ /*user-select: none;*/ /* Likely future */ border-radius: 5px; padding: 10px; box-sizing: border-box; background-color: #fff; } .rowdeschead { /*background: #EEF3FD;*/ border-bottom: #f1f1f1 1px solid; padding: 10px; font-size: 14px; box-sizing: border-box; position: relative; color: #02214d; font-weight: 600; } /* .rowdeschead::before { font-family: "Material Icons"; content: 'person'; font-size:14px; margin:5px; background-color:#f1f1f1; padding:5px; box-sizing:border-box; border-radius:50%; }*/ .btnimg { background: transparent !important; border: none; height: 20px; width: 20px; margin: 5px; } .tblgrid { table-layout: fixed; } div.tableContainer { clear: both; /* border: 0px solid #963; height: 490px;*/ /*overflow: auto;*/ overflow-x: scroll; overflow-y: scroll; width: 900px; position: relative; border-radius: 5px; box-shadow: 0 1px 10px 0 rgba(0,0,0,0.06); min-height: 690px; } html > body div.tableContainer { overflow-x: scroll; overflow-y: scroll; width: 100%; } thead.fixedHeader tr { position: fixed; display: table-row; background-color: #ffffff; } html > body tbody.scrollContent { /*display: block;*/ height: 262px; overflow: auto; width: 100%; } html > body thead.fixedHeader { display: table; overflow: auto; display: table-row-group; } .grid td { border-bottom: #efefef 1px solid; padding-top: 10px; box-sizing: border-box; border-radius: 0px; } .tdwidth { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 65px; } .gridtr { background-color: #efefef; } .gridtr > .rhead { color: #000; font-weight: 500; } .rhead > .label { padding-left: 10px; } .gridtr > .rhead { padding-left: 5px; } .smallgrid { width: 30% !important; border: #DFDFDF 0px solid; padding: 0px; display: inline-block !important; min-width: 450px; min-height: 400px; height: 100%; } .smallgrid td.removable { display: none !important; } .rheadicon { font-family: "Icons"; font-size: 14px; font-weight: lighter; } .rrescontmain { overflow: auto; overflow-y: hidden; min-height: 400px; padding-bottom: 50px; display: block; height: 100%; width: 100%; } .rrescontall { position: relative; overflow: hidden; overflow-y: auto; padding-bottom: 50px; display: block; width: 100%; /* border: 1px solid #efefef;*/ height: auto; /* box-shadow: 0 1px 10px 0 rgba(0,0,0,0.06);*/ border-radius: 5px; } .rrescontall > .grid { box-shadow: none !important; border: none !important; } .rrescontallfull { width: 100% !important; } .unitplancont .rrescontall { overflow-y: hidden; } .unitplancont:empty { display: none; } .AssignSTOTab { position: absolute; z-index: 1; margin-right: -10px; margin: 5px !important; margin-top: 7px !important; padding: 7px !important; min-width: 80px; min-height: 30px; line-height: 30px; margin-right: -40px !important; border: 0px solid #2360bd; background: #2360bd; } .floorplanlocs { position: absolute; z-index: 1; margin-left: 10px; max-width: 50%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; overflow-x: auto; } .mapviewcont { border: #f2f2f2 1px solid; width: 110%; height: 80%; position: relative; overflow: auto; overflow-x: scroll; background-color: #fff; background-size: 20px 20px; background-image: repeating-linear-gradient(0deg, #cfcfcf, #cfcfcf 1px, transparent 1px, transparent 40px),repeating-linear-gradient(-90deg, #cfcfcf, #cfcfcf 1px, transparent 1px, transparent 40px); box-shadow: 0 1px 10px 0px rgba(0,0,0,0.06); border-radius: 5px; } #ggrepfrm { margin: 0px; padding: 8px; background-color: #F5F5F5; } .graphcont { background-color: #F5F5F5; border: #EFEFEF 1px solid; padding: 0px; margin: 5px; display: inline-block; min-width: 100px; width: 97%; text-align: center; vertical-align: middle; } .datacont { background-color: #F5F5F5; border: #EFEFEF 1px solid; padding: 0px; margin: 5px; display: inline-block; min-width: 100px; width: 47%; text-align: center; vertical-align: middle; } .graph { width: 90%; padding: 20px; } .data { text-align: center; width: 90%; padding: 20px; max-height: 150px; height: 150px; overflow: auto; overflow-x: hidden; } .statcont { margin: 5px; padding: 5px; border-radius: 5px; font-family: "Roboto"; font-size: 14px; color: #FFF; min-height: 30px; min-width: 80px; display: inline-block; text-align: center; vertical-align: middle; -o-animation-iteration-count: 1; -webkit-animation: BOX 0.2s ease-out infinite; -webkit-animation-iteration-count: 1; animation: BOX 0.2s ease-out infinite; animation-iteration-count: 1; background-color: #fff; box-shadow: 0 1px 10px 0px rgba(0,0,0,0.06); border-radius: 5px; border: #dfdfdf 1px solid; } .statcont .label { /* color: #fff !important;*/ color: inherit; font-weight: normal; font-size: 10px; /* color: rgba(255,255,255,0.7) !important;*/ } .stc1 { border-color: #55c6ff; } .stc2 { border-color: rgb(38 196 137 / 0.50); } .stc3 { border-color: rgb(255 125 117 / 0.50); } .stc4 { border-color: rgb(245 151 75 / 0.50); } .stc5 { border-color: rgb(157 102 233 / 0.50); } .stc6 { border-color: rgb(0 192 239 / 0.50); } .stc7 { border-color: rgb(216 105 192 / 0.50); } .stc8 { border-color: #99CC00; } .stc9 { border-color: #9D8EFF; } .stc10 { border-color: #F9B5A2; } .stc11 { border-color: #63bc5e; } .stc12 { border-color: #a72da8; } .stc13 { border-color: #3b57dd; } .stc1 > * { color: #00c6ff; border-color: #00c6ff; font-size: 18px; font-weight: 600; } .statcont > .label { color: #000 !important; } .stc2 { /*background-color: #26c489;*/ } .stc2 > * { color: #26c489; font-size: 18px; font-weight: 600; } .stc3 { /*background-color: #ff7d75;*/ } .stc3 > * { color: #ff7d75; font-size: 18px; font-weight: 600; } .stc4 { /*background-color: #f5974b;*/ } .stc4 > * { color: #f5974b; font-size: 18px; font-weight: 600; } .stc5 { /*background-color: #9D66E9;*/ } .stc5 > * { color: #9D66E9; font-size: 18px; font-weight: 600; } .stc6 { /*background-color: #00C0EF;*/ } .stc6 > * { color: #00C0EF; font-size: 18px; font-weight: 600; } .stc7 { /*background-color: #D869C0;*/ } .stc7 > * { color: #D869C0; font-size: 18px; font-weight: 600; } .stc8 { /*background-color: #99CC00;*/ } .stc8 > * { color: #99CC00; font-size: 18px; font-weight: 600; } .stc9 { /*background-color: #9D8EFF;*/ } .stc9 > * { color: #9D8EFF; font-size: 18px; font-weight: 600; } .stc10 { /*background-color: #9D8EFF;*/ } .stc10 > * { color: #F9B5A2; font-size: 18px; font-weight: 600; } .stc11 { /*background-color: #9D8EFF;*/ } .stc11 > * { color: #63bc5e; font-size: 18px; font-weight: 600; } .stc12 > * { color: #a72da8; font-size: 18px; font-weight: 600; } .stc13 > * { color: #3b57dd; font-size: 18px; font-weight: 600; } .stcneg { background-color: #c31c0a !important; -webkit-animation: pulsate 3s ease-out; -webkit-animation-iteration-count: infinite; } .conttxt { padding: 0px 10px 10px 10px; } .dateheading { font-family: "Roboto"; font-size: 16px; font-weight: bold; margin: 10px; color: #888; width: 100%; text-align: center; display: block; } .agendaicon { width: 60px; height: 60px; padding: 10px; margin: 10px; line-height: 60px; border-radius: 70px; vertical-align: middle; text-align: center; } .agendaicon > img { width: 50px; height: auto; } .agendacont { margin: 10px; padding: 0px; background-color: #FFF; box-shadow: 0px 0px 3px #CFCFCF; } .agendalistitem { margin: 0px; font-family: "OpensSansRegular"; padding: 8px; border-bottom: #DFDFDF 1px solid; min-height: 40px; vertical-align: middle; } .agendalistitem > div:first-child { padding: 10px; } .item { color: #000 !important; } .gconthead { font-family: "Roboto"; text-align: left; color: #fff; background-color: #384251; height: 30px; line-height: 30px; padding: 10px; margin: 0px; } .mainnotif { display: none; position: relative; z-index: 1000; /*width:98%; top:20px; left:10px;*/ margin-left: auto; margin-right: auto; background-color: #efed8b; padding: 10px; text-align: center; vertical-align: middle; } .authinput { min-width: 13% !important; width: 13% !important; min-height: 60px !important; height: 60px !important; box-sizing: border-box; padding: 10px !important; font-size: 22px !important; font-family: 'Roboto'; font-weight: 400; text-align: center; margin: 5px !important; flex-basis: 100%; flex-grow: 1; flex-shrink: 1; flex-basis: 0; } .authinput:first-child { margin-left: 0px !important; } .authpin { border-radius: 20px; width: 20px; height: 20px; border: #0BB10B 1px solid; background-color: none; margin: 5px; display: none; } .authpinfill { border-radius: 20px; width: 20px; height: 20px; background-color: #0BB10B; margin: 5px; display: inline-block; } .passcode { color: #FFF; max-width: 320px; min-width: 320px; border-radius: 10px; border: #FFF 0px solid; min-height: 300px; padding: 10px; margin-left: auto; margin-right: auto; } .keycont { text-align: center; width: 100%; margin-left: auto; margin-right: auto; } .klbl { text-align: center; font-family: "OpenSansLight"; font-size: 16px; } .kbtn { font-family: "Roboto"; font-size: 30px; font-weight: 400; margin: 10px; display: inline-table; border: #0BB10B 1px solid; width: 80px; height: 80px; min-width: 80px; min-height: 80px; line-height: 80px; vertical-align: middle; text-align: center; border-radius: 50px; background-color: #FFF; color: #0BB10B; transition: .25s ease-in-out all; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; opacity: 1; } .kbtn:hover { background-color: #0BB10B; color: #fff; -webkit-transition: background-color 0.5s linear; -ms-transition: background-color 0.5s linear; transition: background-color 0.5s linear; transform: scale(1.02); } .kbtn:active { background-color: #0BB10B; color: #fff; -webkit-transition: background-color 0.5s linear; -ms-transition: background-color 0.5s linear; transition: background-color 0.5s linear; transform: scale(0.98); } .kbtngr { color: #fff; border: #fff 2px solid; background-color: #0e6d1b; font-size: 12px; opacity: 1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; } .kbtnrd { color: #fff; border: #fff 2px solid; background-color: #d01111; font-size: 12px; opacity: 1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; } .kbtnicon { font-family: "Icons"; font-size: 24px; } .kinp { background: none !important; width: 100% !important; min-height: 50px !important; border: #F08A83 1px solid !important; margin-left: auto !important; margin-right: auto !important; } .emptimer { position: absolute; bottom: 0px; height: 60px; text-align: center; width: 90%; font-size: 30px; color: #777; } .err { background-color: #EEF3FD; /* #FED859; #efed8b;*/ padding: 10px; /* margin: 10px; margin-left: 0px;*/ display: inline-block; font-family: "Roboto","Roboto", "OpenSansLight", "stag","SegoeUI",MYRIADPRO,Calibri,Arial; font-weight: 400; font-size: 12px; color: #668FEF; font-weight: 500; text-align: left; min-width: 300px; max-width: 700px; display: inline-block; vertical-align: top; border-radius: 5px; border: #F0F090 0px solid; box-sizing: border-box; /*box-shadow: 0 1px 10px 0 rgba(0,0,0,.06);*/ } /* .err::before { font-family: "Material Icons"; font-size: 16px; color: #668FEF; content: "info"; margin-right: 5px; }*/ .err:has(.Icons)::before { display: none !important; } .err:empty { width: 0px; padding: 0px; } .errnot { /*background-color: #EEF3FD;*/ /*#FED859;*/ /*#efed8b;*/ padding: 10px; /* margin: 10px; margin-left: 0px;*/ display: inline-block; font-family: "Roboto","Roboto", "OpenSansLight", "stag","SegoeUI",MYRIADPRO,Calibri,Arial; font-weight: 400; font-size: 12px; color: #668FEF; font-weight: 500; text-align: left; min-width: 300px; max-width: 700px; display: inline-block; vertical-align: top; border-radius: 5px; border: #F0F090 0px solid; box-sizing: border-box; /*box-shadow: 0 1px 10px 0 rgba(0,0,0,.06);*/ } .errnot::before { font-family: "Material Icons"; font-size: 16px; color: #668FEF; content: "info"; margin-right: 5px; } .impnot { background-color: #EEF3FD; /*#efed8b;*/ padding: 15px; /*margin-top: 10px;*/ margin-bottom: 10px; font-family: "Roboto", "OpenSansLight", "stag","SegoeUI",MYRIADPRO,Calibri,Arial; font-size: 12px; color: #5A89ED; font-weight: bold; text-align: left; min-width: 150px; vertical-align: middle; width: auto; display: inline-block; } .impalert { background-color: #FFF8E4; color: #000; padding: 10px !important; } .imperr { color: #EF4D62; background-color: #FEF3F2; padding: 10px !important; content: "report"; } .imperr::before { color: #EF4D62; } .impalert::before { display: none; color: #000; } imperr::before { display: none; } .err > a { font-weight: 500; } .loginbox .err { margin: 0px; width: 100%; padding: 20px; border-top-left-radius: 8px; border-top-right-radius: 8px; box-sizing: border-box; } .inpcont .err { padding: 15px; margin-left: 10px; margin-right: 10px; } .room { background-color: #3bac0e; padding: 5px; display: inline-block; font-family: "Roboto", "OpenSansLight", "stag","SegoeUI",MYRIADPRO,Calibri,Arial; font-size: 14px; color: #fff !important; font-weight: normal; text-align: left; display: inline-block; vertical-align: top; margin-right: 5px; border-radius: 5px; font-size: 11px; } .player { background-color: #ff93c0; padding: 5px; display: inline-block; font-family: "Roboto", "OpenSansLight", "stag","SegoeUI",MYRIADPRO,Calibri,Arial; font-size: 14px; color: #fff !important; font-weight: normal; text-align: left; display: inline-block; vertical-align: top; margin-right: 5px; border-radius: 5px; font-size: 11px; } .group { background-color: #63e2ff; padding: 5px; display: inline-block; font-family: "Roboto", "OpenSansLight", "stag","SegoeUI",MYRIADPRO,Calibri,Arial; font-size: 14px; color: #fff !important; font-weight: normal; text-align: left; display: inline-block; vertical-align: top; margin-right: 5px; border-radius: 5px; font-size: 11px; } .shotgun { background-color: #9d8eff; padding: 5px; display: inline-block; font-family: "Roboto", "OpenSansLight", "stag","SegoeUI",MYRIADPRO,Calibri,Arial; color: #fff !important; font-weight: normal; text-align: left; display: inline-block; vertical-align: top; margin-right: 5px; border-radius: 5px; font-size: 11px; } .unassigned { background-color: #FFF3D8; padding: 8px; display: inline-block; font-family: "Roboto", "OpenSansLight", "stag","SegoeUI",MYRIADPRO,Calibri,Arial; font-size: 12px; color: #F9AF04; font-weight: normal; text-align: left; display: inline-block; vertical-align: top; max-width: 80px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-radius: 5px; } .intercom-container > img { max-width: 100%; height: auto; max-height: 600px; box-shadow: 0 1px 10px 0 rgba(0,0,0,0.06); border: #efefef 1px solid; border-radius: 5px; } .articlecont { text-align: left; /* padding: 10px; padding-top:10px;*/ box-sizing: border-box; } .articleheader { position: sticky; z-index: 1; top: -10px; background: #fff; border-bottom: #ccc 0px solid; padding-bottom: 10px; } .articlecont .no-margin { text-align: left; font-size: 14px; color: #555; text-align: left; } .articlecont .llabel { text-align: left; margin-top: 20px; margin-left: 10px; } .articlecont .boxdesc { margin-left: 10px; min-height: auto; } .articlecont .label { margin-left: 5px; } .articlecont h1 { font-weight: 600; font-size: 22px; color: #333; } .articlecont h2 { font-weight: 500; font-size: 18px; color: #333; } .articlecont h3 { font-weight: 500; font-size: 16px; color: #333; } .Intercomsinfo .rcont > .Unassigned { padding-bottom: 0px; padding-top: 5px; text-align: left; } .UnassignedFull { white-space: normal; width: 100%; max-width: initial; min-width: auto; display: inherit; } .assignedstaff { background-color: #DBF4E4; color: #6AD08E; padding: 8px; display: inline-block; font-family: "Roboto", "OpenSansLight", "stag","SegoeUI",MYRIADPRO,Calibri,Arial; font-size: 12px; font-weight: normal; text-align: left; display: inline-block; vertical-align: top; max-width: 80px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-radius: 5px; } .user { width: 37px; height: 37px; float: right; border-radius: 30px; margin-top: 12px; margin-right: 7px; /*-webkit-box-shadow: inset rgba(255,255,255,0.2) 0 1px 0,inset rgba(0,0,0,0.22) 0 -1px 0,rgba(0,0,0,0.14) 0 2px 2px; -moz-box-shadow: inset rgba(255,255,255,0.2) 0 1px 0,inset rgba(0,0,0,0.22) 0 -1px 0,rgba(0,0,0,0.14) 0 2px 2px; box-shadow: inset rgba(255,255,255,0.2) 0 1px 0,inset rgba(0,0,0,0.22) 0 -1px 0,rgba(0,0,0,0.14) 0 2px 2px;*/ } .sidemenubtn { display: none; font-family: "Icons"; font-size: 20px; padding: 10px; background: rgba(0,0,0,0.25); border-radius: 50%; margin-top: 10px; margin-left: 0px; line-height: 20px; } .menubarfav { width: 80px; background-color: #424956; border-right: #596470 1px solid; height: 100%; padding: 0px; float: left; display: none; overflow: auto; padding-bottom: 150px; } .favopcont { width: 50px; height: 50px; padding: 0px; margin: 15px; border-radius: 10px; background-size: cover; background-repeat: no-repeat; background-position: center; box-shadow: 0 1px 10px 0px rgba(0,0,0,0.16); transition: 0.2s ease-in-out; float: left; } .favopcont:first-child { margin-top: 20px; } .favopcont:hover { transform: scale(1.02); } .favopcont:active { transform: scale(0.98); } .favoptitle { color: #fff; font-size: 9px; padding-top: 55px; text-align: center; } .menubar { display: block; width: 5%; max-width: 250px; min-width: 250px; /*background-color: #424956;*/ background-color: #424956; height: 100%; padding: 0px; float: left; text-align: center; overflow: hidden; /* border-left: #02e38e 2px solid;*/ -ms-overflow-style: -ms-autohiding-scrollbar; overflow-x: hidden; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; z-index: 2; /* -animation: SlideLeft 0.1s ease; -webkit-animation: SlideLeft 0.1s ease; animation: SlideLeft 0.1s ease;*/ } .menubar:hover, .menubar:active { overflow-y: overlay; } .menuitems { opacity: 0.8 !important; border-radius: 10px; margin: 5px 20px 5px 20px; transition: background-color 0.5s ease; text-align: left; /* background-color: #3A414C !important;*/ } .menuitemssel > .menuhead { /* color: #ccc;*/ /* font-size: 11px;*/ } .menuitems > .Icons { color: #ccc; margin-top: 5px; } .menuicon { font-family: "Material Icons"; color: #fff; font-size: 22px; float: left; } .menuimg { text-align: center; /* width: 100%;*/ padding-top: 5px; display: inline-block; } .menuimg > img { width: 17px; margin-top: 5px; } .menustyle { margin-top: 11px; margin-right: -20px; } .menu { font-family: "Roboto"; width: 100%; font-weight: 500; color: rgba(255,255,255,1) !important; font-size: 12px; text-align: left; transition: background-color 0.5s ease; text-transform: capitalize; } .sidemenubar { display: none; background-color: #424956; height: 100%; padding: 0px; float: left; text-align: center; overflow: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; overflow-x: hidden; width: 14%; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; animation: SlideLeft 0.2s ease; -webkit-animation: SlideLeft 0.2s ease; animation: SlideLeft 0.2s ease; } .submenubarcont { -animation: SlideLeft 0.1s ease; -webkit-animation: SlideLeft 0.1s ease; animation: SlideLeft 0.1s ease; border-top: rgb(78,86,101, 0.75) 1px solid; border-bottom: rgb(78,86,101, 0.75)1px solid; } .sidemenubar:hover, .sidemenubar:active { overflow-y: overlay; } .langoptscont { display: none; background-color: #515A6A; height: 100%; padding: 0px; float: left; text-align: center; overflow: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; overflow-x: hidden; width: 14%; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .menubarlangcont { padding: 10px; box-sizing: border-box; } .opsoptscont { display: none; background-color: #515A6A; height: 100%; padding: 0px; float: left; text-align: center; overflow: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; overflow-x: hidden; width: 14%; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } /*.langitem { width: 45%; margin: 5px; display: inline-block; }*/ .menubarappitemcont { box-sizing: border-box; padding-left: 50px; padding-right: 50px; vertical-align: middle; transition: background-color 0.5s ease; box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.06); /*border: #efefef 1px solid;*/ position: fixed; width: 100%; left: 0%; right: 0%; height: 90px; padding: 0px; bottom: 0px; border-radius: 0px; background-color: #424956; /* background: rgba(250,250,250,0.8);*/ /* backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px);*/ z-index: 3; overflow: hidden; white-space: nowrap; display: flex; /* border-radius: 5px;*/ -animation: SlideUp 1s ease; -webkit-animation: SlideUp 1s ease; animation: SlideUp 1s ease; } .menubarappitem { /*border-top: 2px #fff solid;*/ text-align: center; margin-top: 20px; display: inline-block; margin-top: 0px; padding-top: 10px; font-weight: 600; flex-basis: 100%; flex-grow: 1; flex-shrink: 1; flex-basis: 0; text-align: center; transition: 0.2s ease-in-out all; } .menubarappitemicon { font-family: 'Material Symbols Outlined'; /*Material Icons'; font-size: 24px;*/ color: #fff !important; font-weight: lighter; font-size: 24px; font-weight: normal; } .menubarappitemlabel { font-family: Roboto; font-size: 11px; color: #999; margin: 5px; display: none !important; } .menubarappitemactive { /*color: #8257CB;*/ color: #27ca47; font-weight: 600; border-radius: 50%; transform: scale(1.02); } .menubarappitemactive .menubarappitemlabel { display: block; transform: translateY(-20px); -webkit-transform: translateY(0px); } .menubarappitem:hover > .menubarappitemicon, .menubarappitem:active > .menubarappitemicon, .menubarappitem:hover > .menubarappitemlabel, .menubarappitem:active > .menubarappitemlabel { color: #27ca47 !important; font-weight: 600; } .menubarappitemactive > .menubarappitemicon, .menubarappitemactive > .menubarappitemicon, .menubarappitemactive > .menubarappitemlabel, .menubarappitemactive > .menubarappitemlabel { color: #27ca47 !important; font-weight: 600; } .menubarappitemactive::after { border-bottom: #27ca47 1px solid; content: "\00a0\00a0\00a0\00a0\00a0"; width: 50px; -animation: SlideUp 1s ease; -webkit-animation: SlideUp 1s ease; animation: SlideUp 1s ease; } .menubarapp { } .menubarappactive { background-color: #fff !important; height: 100px; z-index: 1; box-shadow: 0 2px 10px rgba(0,0,0,.08); } .menuappitems { float: right; line-height: 20px; } .menuapp { margin: 10px; padding: 10px; font-size: 14px; display: inline-block; height: 50px; line-height: 50px; vertical-align: middle; text-align: center; color: #fff; font-weight: 400; transition: 0.2s ease-in-out all; } .menubarappactive .menuapp { color: #555; } .menuapp:hover { background: rgba(0,0,0,0.2); } .sidemenuitem { font-family: "Roboto","RobotoLight", "OpenSansLight", "stag","SegoeUI",MYRIADPRO,Calibri,Arial; font-size: 14px; color: #757575; height: 7px; text-align: left; padding: 14px 20px 20px 40px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: normal; } .sidemenuitem:hover { font-family: "Roboto", "RobotoLight", "OpenSansLight", "stag","SegoeUI",MYRIADPRO,Calibri,Arial; color: #ff6373 !important; font-size: 16px; } .menuitemactive > img { } .menulist { border-radius: 0px; background-color: #424956; padding: 0px; padding-bottom: 120px !important; margin: 0px; margin-right: 8px; width: 100%; z-index: 1000; padding-bottom: 140px !important; /*-webkit-box-shadow: inset rgba(255,255,255,0.2) 0 1px 0,inset rgba(0,0,0,0.22) 0 -1px 0,rgba(0,0,0,0.14) 0 1px 2px; -moz-box-shadow: inset rgba(255,255,255,0.2) 0 1px 0,inset rgba(0,0,0,0.22) 0 -1px 0,rgba(0,0,0,0.14) 0 1px 2px; box-shadow: inset rgba(255,255,255,0.2) 0 1px 0,inset rgba(0,0,0,0.22) 0 -1px 0,rgba(0,0,0,0.14) 0 1px 2px;*/ } .menulist > .active { border-left: 0px solid #fff !important; } .menubarlistfav { width: 60px; } .menuhead { font-size: 12px; font-family: "Roboto","RobotoLight", "OpenSansLight", "stag","SegoeUI",MYRIADPRO,Calibri,Arial; text-align: center; padding: 5px; overflow: hidden; vertical-align: middle; color: #fff; cursor: pointer; margin-bottom: 12px; margin-left: 10px; display: inline-block; text-transform: capitalize; } .sidemenuhead { font-size: 28px; font-family: "Roboto","RobotoLight", "OpenSansLight", "stag","SegoeUI",MYRIADPRO,Calibri,Arial; text-align: left; vertical-align: middle; color: #4f535e; cursor: default; height: 54px; line-height: 45px; border-bottom: 0px solid lightgray; } .sidemenuhead > .heading { padding-left: 25px; color: #FF7D75; font-weight: 500; margin-left: 15px; text-transform: uppercase; } .menuitem { font-family: "Roboto","RobotoLight", "OpenSansLight", "stag","SegoeUI",MYRIADPRO,Calibri,Arial; font-size: 14px; color: rgba(255,255,255,0.5) !important; height: 7px; text-align: left; padding: 14px 20px 20px 35px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: normal; } .menuitem:hover { font-family: "Roboto", "RobotoLight", "OpenSansLight", "stag","SegoeUI",MYRIADPRO,Calibri,Arial; color: #fff !important; background: linear-gradient(176deg, #02e38e, #02e38e 50%, #02e38e) !important; border-radius: 5px; } .menuitem:hover .menu { color: #fff !important; } .menuitemselected { font-family: "Roboto", "RobotoLight", "OpenSansLight", "stag","SegoeUI",MYRIADPRO,Calibri,Arial; color: #fff !important; /*background: linear-gradient(176deg, #02e38e, #02e38e 50%, #02e38e);*/ background-color: rgba(2, 227, 142, 0.29); border-radius: 5px; } .menuitemselected .menu { color: #02E38E !important; } .sidemenuitem { font-family: "Roboto","RobotoLight", "OpenSansLight", "stag","SegoeUI",MYRIADPRO,Calibri,Arial; font-size: 12px; color: #757575; height: 7px; text-align: left; padding: 14px 20px 20px 40px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 400; text-transform: uppercase; } .sidemenuitem:hover { font-family: "Roboto", "RobotoLight", "OpenSansLight", "stag","SegoeUI",MYRIADPRO,Calibri,Arial; color: #ff6373 !important; } .sbtns { display: inline; float: left; line-height: 60px; margin-left: 15px; } .PortalLinkCont { position: fixed; bottom: -10px; left: 0px; width: 248px; max-height: 40px; height: 40px; line-height: 20px; padding: 10px; padding-left: 20px; background-color: #424956; color: #fff; text-align: left; margin: 0px; margin-bottom: 10px; border: none; border-top: #596470 1px solid; border-radius: 0px; box-sizing: border-box; margin-left: 2px; } .PortalLinkCont::after { font-family: "Material Icons"; font-size: 12px; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); content: "open_in_new"; } .OPListContBar .OPListCont { width: 96%; max-height: 70px; height: 70px; padding-top: 10px; background-color: #596475; text-align: left; margin: 5px; margin-bottom: 10px; border: none; border-radius: 5px; box-sizing: border-box; } .OPListContBar .OPItem { color: #ccc; font-size: 10px; text-align: left; padding-left: 7px; margin-top: 0px; margin-left: 5px; max-width: 100% !important; position: absolute; bottom: 5px; /* display: none !important;*/ } .OPListContBar .OPLogo { filter: brightness(0) invert(1); margin-right: 10px; height: 40px; margin-top: -2px; float: none; top: 50%; position: absolute; transform: translateY(-50%); } .OPListContBar .Icons { filter: brightness(0) invert(1); margin-right: 10px; margin-top: 20px; } .opopts .OPLogo { height: auto; float: left; filter: brightness(0) invert(1); margin-right: 10px; margin-top: 5px; width: 50px; } .OPListCont { display: none; border: #cfcfcf 1px solid; border-radius: 5px; margin: 15px; margin-top: 10px; padding: 10px; box-sizing: border-box; max-height: 50px; color: #555; font-size: 12px; position: relative; } .menuitemactive { background: linear-gradient(176deg, #02e38e, #02e38e 50%, #02e38e); background-color: #02e38e; color: #fff !important; opacity: 1; } .menuitemactive .title { color: #fff; } .opoptsactive { background: linear-gradient(176deg, #02e38e, #02e38e 50%, #02e38e); background-color: #02e38e; color: #fff !important; opacity: 1; } .opoptsactive .title { color: #fff; font-weight: 500; } .langopts { position: relative; font-family: "Roboto","RobotoLight", "OpenSansLight", "stag","SegoeUI",MYRIADPRO,Calibri,Arial; font-size: 14px; color: rgba(255,255,255,0.5) !important; text-align: left; padding: 15px; box-sizing: border-box; line-height: 30px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: normal; transition: 0.2s ease-in-out all; } .langopts:hover { font-family: "Roboto", "RobotoLight", "OpenSansLight", "stag","SegoeUI",MYRIADPRO,Calibri,Arial; color: #fff !important; background: linear-gradient(#02e38e, #02e38e); } .langopts:active { transform: scale(0.98); } .langopts img { width: 30px; } .langopts .title { font-size: 14px; } .langoptsactive { background: linear-gradient(176deg, #02e38e, #02e38e 50%, #02e38e); background-color: #02e38e; color: #fff !important; opacity: 1; } .langoptsactive .title { color: #fff; } .opopts { position: relative; font-family: "Roboto","RobotoLight", "OpenSansLight", "stag","SegoeUI",MYRIADPRO,Calibri,Arial; font-size: 14px; color: rgba(255,255,255,0.5) !important; text-align: left; padding: 15px; box-sizing: border-box; line-height: 30px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: normal; transition: 0.2s ease-in-out all; } .opopts:hover { font-family: "Roboto", "RobotoLight", "OpenSansLight", "stag","SegoeUI",MYRIADPRO,Calibri,Arial; color: #fff !important; background: linear-gradient(#02e38e, #02e38e); } .opopts:active { transform: scale(0.98); } .opopts img { width: 30px; } .opopts .title { font-size: 14px; float: left; } .mrbtm { padding-bottom: 8px; } .gridcontainerfilters .menusearchbar { margin-left: 10px; } .blabell { font-family: "Roboto", "RobotoLight", "OpenSansLight", "stag","SegoeUI",MYRIADPRO,Calibri,Arial; padding: 5px; font-size: 11px; color: #555; font-weight: 400; } .chroma-gallery .chrg-description { display: block; background: rgba(0,0,0,0.4); position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; -webkit-transition: opacity 0.4s ease-in-out, -webkit-filter 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out, -moz-filter 0.4s ease-in-out; -ms-transition: opacity 0.4s ease-in-out, -ms-filter 0.4s ease-in-out; -o-transition: opacity 0.4s ease-in-out, -o-filter 0.4s ease-in-out; transition: opacity 0.4s ease-in-out, filter 0.4s ease-in-out; text-align: center; font-size: 17px; will-change: opacity,filter,-webkit-filter,-moz-filter,-ms-filter,-o-filter; color: white; } .rmvitembox { font-family: "Icons"; font-size: 22px !important; position: absolute; top: -8px; right: -5px; transition: 0.2s ease-in-out all; transform: scale(1); } .itembox { display: inline-grid !important; padding: 15px; margin: 5px; font-size: 12px; border: #dfdfdf 1px solid; border-radius: 5px; min-width: 80px; text-align: left; position: relative; background-color: #fff; transition: 0.2s ease-in-out all; transform: scale(1); box-shadow: 0 1px 10px 0px rgba(0,0,0,0.03); } .logimgprev { width: 95%; max-width: 95%; height: auto; border-radius: 5px; text-align: center; margin-left: auto; margin-right: auto; } .logimgprev > img { width: 100%; border-radius: 5px; } .menusearchbar { height: 40px !important; margin: 10px 10px 5px 0px; color: #000 !important; padding: 15px 8px 15px 30px !important; font-size: 14px !important; float: none !important; text-align: left; background-color: transparent; border-radius: 3px; background: url(../images/magnifying-glass.png) no-repeat 10px; background-size: 15px; border: #dfdfdf 1px solid !important; max-width: 100%; } .menusearchbarr { width: 98%; max-width: 220px; height: 44px !important; margin: 5px; margin-left: 5px !important; color: #000 !important; padding: 8px !important; padding-left: 30px !important; font-size: 13px !important; float: none !important; text-align: left; border: .5px solid lightgray !important; background-color: #fff !important; border-radius: 5px; background: url(../images/magnifying-glass.png) no-repeat 10px; background-size: 15px; border: #dfdfdf 1px solid !important; box-shadow: 0 1px 10px 0 rgba(0,0,0,.06) !important; } .navuserbar { width: 37px; height: 37px; float: right; border-radius: 7px; margin-top: 12px; margin-right: 7px; } .navsrcbar { font-family: "Icons"; font-size: 18px; margin-top: 10px; margin-right: 160px; background-color: rgba(0,0,0,0.03); padding: 10px; box-sizing: border-box; color: #aaa; min-width: 220px; max-width: 220px; border-radius: 10px; position: relative; box-sizing: border-box; overflow: hidden; white-space: nowrap; transition: 0.2s ease-in-out all; border: rgba(255,255,255,0) 0px solid; } .navsrcbar:hover, .navsrcbar:active { background-color: rgba(0,0,0,0.06); border: none; min-width: 300px; } /*.navsrcbarlbl{ display: inline; font-size: medium; }*/ .navsrcbarlbl { display: initial; font-family: Roboto; font-size: 13px; white-space: nowrap; width: 80%; box-sizing: border-box; margin: 5px; float: right; } .sidemenubtn { visibility: hidden !important; position: fixed; top: 10px; left: 10px; } .search { width: 100%; position: relative; display: flex; padding: 10px; box-sizing: border-box; } .searchTerm { position: relative; width: 100% !important; outline: none; background: url('../images/magnifying-glass.png') no-repeat 20px; background-color: #F5F7F9 !important; background-size: 18px; padding: 30px !important; padding-left: 60px !important; font-weight: normal; color: #333 !important; font-size: 18px !important; border-radius: 0px !important; border: #efefef 0px solid !important; } .searchTerm:focus { color: #00B4CC; } .search::after { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); color: #777; content: 'close'; font-family: 'Material Icons'; font-size: 22px !important; } .searchButton { width: 40px; height: 36px; border: 3px solid #00B4CC; background: #00B4CC; text-align: center; color: #fff; border-radius: 0 5px 5px 0; cursor: pointer; font-size: 20px; } /*Resize the wrap to see the search bar change!*/ .searchwrap { display: none; position: fixed; background-color: #fff; transform: translate(-50%, -50%); box-shadow: 0 1px 10px 0 rgba(0,0,0,.06) !important; border: #efefef 1px solid !important; transition: 0.5s ease-in-out all; overflow: scroll; z-index: 5; width: 550px; right: 10px; left: auto; top: 1%; transform: none; height: 98vh; border-radius: 5px; -animation: SlideRight 0.5s ease; -webkit-animation: SlideRight 0.5s ease; animation: SlideRight 0.5s ease; } .searchResultCont { position: absolute; z-index: 999; background: #fff; color: black; width: 100%; /*border-bottom: 1px solid #dfdfdf; border-left: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf;*/ border-radius: 5px; min-height: 300px; } .searchList { width: 100%; border-right: 1px solid #efefef; height: 90%; overflow: auto; overflow-x: hidden; padding: 20px; box-sizing: border-box; transition: height 0.4s linear; } .searchList:empty { padding: 0px; } .searchItemCont { display: none; width: 100%; float: left; padding: 10px; min-height: 300px; /*display: none !important;*/ } .selectedli { background: #425dde; color: #fff; } .searchList a:hover { color: blue; } .searchList a { color: inherit; text-decoration: none; } .searchList ul { list-style-type: none; } .RSMenu { padding: 10px; box-sizing: border-box; } .searchItem { display: inline-flex; width: 98%; margin-left: auto; margin-right: auto; margin: 0px; padding: 10px; margin-left: 0px !important; padding-left: 5px !important; } .searchItem:hover, .searchItem:active, .searchItem:focus { background-color: #f1f1f1; } .searchItemCont { width: 46%; float: left; padding: 10px; min-height: 300px; /*display: none !important;*/ } .selectedli { background: #425dde; color: #fff; } table td.selectedrow { background: #999; } .searchList a:hover { color: blue; } .searchList a { color: inherit; text-decoration: none; } .searchList ul { list-style-type: none; } .searchItem { display: flex; width: 100%; margin: 10px; padding: 10px; } .searchItem:hover, .searchItem:active, .searchItem:focus { background-color: #f1f1f1; } .searchDelImg { display: block; margin-left: auto; margin-right: auto; background: #000; padding: 5px; width: 100px; } .searchItemImg { background-color: #5E8DF1; padding: 10px; width: 30px; height: 30px; border-radius: 5px; text-align: center; } .searchItemlab { margin-left: 10px; color: #c5d0de; font-size: 12px; font-weight: 500; font-family: "Roboto", "OpenSansLight", "stag","SegoeUI",MYRIADPRO,Calibri,Arial; } .searchItemtxt { padding-left: 10px; line-height: 25px; color: #555; font-weight: 500; font-size: 14px; } .sicn { float: right !important; width: 25px !important; margin-right: 110px; margin-top: 20px; border: none; } .sbraceletroomnumber { margin-left: 45px; } .SearchTermInp { min-width: 600px !important; border: #dfdfdf 1px solid !important; padding: 30px !important; font-weight: normal; color: #333 !important; font-size: 18px !important; border-radius: 5px !important; box-shadow: 0 1px 10px 0 rgba(0,0,0,.06) !important; } .dispsrch { /*position: fixed;*/ /*margin-bottom: 40px;*/ z-index: 1; background-color: #fff; } .radiobtn { width: 100%; overflow-x: hidden; margin: 10px 5px 5px -5px; display: inline; } .restquickacts { display: none; max-height: 50px; /*min-height: 30px;*/ /*margin: 10px;*/ padding: 20px; box-sizing: border-box; /*background-color: #EFED8B !important;*/ -animation: SlideDown 1s ease; -webkit-animation: SlideDown 1s ease; animation: SlideDown 1s ease; } .content { border-radius: 0px; margin: 1px 0px 0px 0px; border: #DFDFDF 0px solid; width: 100% !important; /*-webkit-box-shadow: inset rgba(255,255,255,0.3) 0 1px 0,inset rgba(0,0,0,0.22) 0 -1px 0,rgba(0,0,0,0.14) 0 1px 1px; -moz-box-shadow: inset rgba(255,255,255,0.3) 0 1px 0,inset rgba(0,0,0,0.22) 0 -1px 0,rgba(0,0,0,0.14) 0 1px 1px; box-shadow: inset rgba(255,255,255,0.3) 0 1px 0,inset rgba(0,0,0,0.22) 0 -1px 0,rgba(0,0,0,0.14) 0 1px 1px;*/ background-color: #FDFDFD; } .contentlogin { background: linear-gradient(176deg, #03d5cd, #02e38e 50%, #27ca47); width: 100% !important; height: 100% !important; } .dcontent { padding: 10px; padding-bottom: 0px; overflow: auto !important; height: 100%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .pos { /* background-color: #f9f9f9;*/ } .rpanel { display: none !important; transition: all 0.2s ease-in-out; right: -450px; } .right-panel { background-color: #fff; height: 100%; z-index: 1000; position: fixed; display: inline-block; float: right; right: 0px; text-align: center; width: 20%; min-width: 600px; border-left: 1px solid #dedede; transition: all 0.2s ease-in-out; } .right-panel-list { width: 100% !important; overflow: auto; overflow-x: hidden; } .right-panel .head { float: left; margin: 22px; font-size: 16px; color: #333; font-weight: 600; display: inline-block; } .itemcontbox { float: left; background: #FFFFFF; height: 95%; width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding: 10px; color: #999; } .itemcont { position: relative !important; margin: 0px; border-radius: 5px; /*border: 1px solid lavender;*/ clear: both; height: auto !important; overflow: auto; padding: 10px; overflow-x: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .itemcont select { max-width: 244px; } .servicecont { } .posstat { font-size: 48px; font-family: "Roboto", "stag","SegoeUI",MYRIADPRO,Calibri,Arial; color: #25a31b; } .negstat { font-size: 48px; font-family: "Roboto", "OpenSansLight", "stag","SegoeUI",MYRIADPRO,Calibri,Arial; color: #e83a27; } .ccardcont { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; height: 100%; } .ccard { position: relative; border: #dfdfdf 1px solid; padding: 10px; margin: 5px; display: inline-block; width: 90%; min-height: 100px; } .ccardval { margin-top: 10px; margin-bottom: 10px; font-size: 18px; font-family: "Roboto", "OpenSansLight", "stag","SegoeUI",MYRIADPRO,Calibri,Arial; color: #333; } .ccardhead { font-family: "Roboto", "OpenSansLight", "stag","SegoeUI",MYRIADPRO,Calibri,Arial; font-size: 12px; color: #555; } .quote { font-family: "Roboto", "OpenSansLight", "stag","SegoeUI",MYRIADPRO,Calibri,Arial; font-size: 28px; font-weight: bold; color: #DDD; display: inline; } .foodimg { padding-top: 10px; height: 150px; width: auto; } .fordcontlist { /*max-height: 300px; overflow: auto; overflow-x: hidden;*/ padding: 10px; box-sizing: border-box; } .fordcont { display: block; height: 50px; padding: 10px; margin: 0px; border-bottom: #dfdfdf 1px solid; } .fordimgcont { height: 50px; ; width: 75px; display: inline-block; margin: 5px; } .fordimg { max-width: 50px; max-height: 50px; width: 100%; height: auto; display: inline-block; border-radius: 20px; } .fordtitle { line-height: 35px; font-family: "Roboto"; font-weight: 500; font-size: 14px; margin-left: 10px; display: inline-block; } .foodlink { color: #69B50A; font-weight: bold; } .foodordcont { padding: 10px; height: auto; overflow: auto; overflow-x: hidden; } .foodordimg { width: 300px; height: auto; margin: 20px; } .foodordtitle { font-family: "Roboto"; font-weight: 500; font-size: 26px; margin: 10px; margin-left: 0px; margin-right: 20px; } .foodorddesc { font-family: "Roboto"; font-size: 15px; margin: 10px; line-height: 20px; text-align: left; } .foodordprice { font-family: "Roboto"; color: #333; font-size: 14px; font-weight: normal; line-height: 26px; background-color: #CCC; border-radius: 20px; padding: 10px; display: inline-block; margin: 5px; } .foodtag { font-family: "Roboto"; color: #333; font-size: 13px; font-weight: normal; background-color: #CCC; padding: 8px; display: inline-block; margin: 3px; text-shadow: 0px 0px 0px #000; } .foodlst { width: 100%; min-height: 110px; padding: 10px; padding-left: 0px; margin-top: 0px; /*overflow: auto; overflow-y: hidden; white-space: nowrap;*/ background-color: inherit; -webkit-box-shadow: inset rgba(255,255,255,0.05) 0 1px 0,inset rgba(0,0,0,0.05) 0 -1px 0,rgba(50,50,50,0.05) 0 0px 1px; -moz-box-shadow: inset rgba(255,255,255,0.05) 0 1px 0,inset rgba(0,0,0,0.05) 0 -1px 0,rgba(50,50,50,0.05) 0 0px 1px; box-shadow: inset rgba(255,255,255,0.05) 0 1px 0,inset rgba(0,0,0,0.05) 0 -1px 0,rgba(50,50,50,0.05) 0 0px 1px; } .fitem { padding: 5px; margin: 5px; width: 130px; height: 130px; opacity: 1; outline: none; border-radius: 10px; text-align: center; border: #EFEFEF 1px solid; border-radius: 10px; display: inline-table; /*box-shadow: 0px 1px 3px #CFCFCF;*/ box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.06); } .fitemsel { padding: 5px; margin: 5px; width: 130px; height: 130px; opacity: 1; outline: none; border-radius: 10px; text-align: center; border: #69B50A 2px solid; border-radius: 10px; display: inline-table; /*box-shadow: 0px 1px 3px #CFCFCF;*/ box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.06); } .fitemimg { width: auto; height: 80px; margin: 5px; } .fitemthumb { width: auto; height: 50px; margin: 5px; } .fitemcont { width: auto; width: 250px; min-height: 150px; margin: 10px; border: #F1F1F1 0px solid; border-top-left-radius: 0px; border-top-right-radius: 0px; display: inline-block; box-shadow: 0px 1px 1px #efefef; background-color: #fff; } .fitemcontsel { width: auto; width: 175px; min-height: 150px; margin: 10px; border: #69B50A 3px solid; border-top-left-radius: 0px; border-top-right-radius: 0px; display: inline-block; box-shadow: 0px 0px 3px #69B50A; background-color: #fff; } .fitemdet { padding: 10px; background-color: #EFEFEF; } .foodimgcont { margin: 5px; padding: 5px; height: 150px; vertical-align: middle; border: #DFDFDF 0px solid; } .timestamp { position: absolute; bottom: 0px; right: 5px; font-size: 14px; color: #BBB; font-family: "Roboto","Roboto", "Roboto", "OpenSansLight", "stag","SegoeUI",MYRIADPRO,Calibri,Arial; } .posstat { font-size: 48px; font-family: "Roboto", "stag","SegoeUI",MYRIADPRO,Calibri,Arial; color: #25a31b; } .negstat { font-size: 48px; font-family: "Roboto", "OpenSansLight", "stag","SegoeUI",MYRIADPRO,Calibri,Arial; color: #e83a27; } .ccardcont { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; height: 100%; } .ccard { position: relative; border: #dfdfdf 1px solid; padding: 10px; margin: 5px; display: inline-block; width: 90%; min-height: 100px; } .ccardval { margin-top: 10px; margin-bottom: 10px; font-size: 18px; font-family: "Roboto", "OpenSansLight", "stag","SegoeUI",MYRIADPRO,Calibri,Arial; color: #333; } .ccardhead { font-family: "Roboto", "OpenSansLight", "stag","SegoeUI",MYRIADPRO,Calibri,Arial; font-size: 12px; color: #555; } .quote { font-family: "Roboto", "OpenSansLight", "stag","SegoeUI",MYRIADPRO,Calibri,Arial; font-size: 28px; font-weight: bold; color: #DDD; display: inline; } .timestamp { position: absolute; bottom: 0px; right: 5px; font-size: 14px; color: #BBB; font-family: "Roboto","Roboto", "Roboto", "OpenSansLight", "stag","SegoeUI",MYRIADPRO,Calibri,Arial; } .service { background-color: #000; margin: 5px; padding: 40px; padding-top: 20px; color: #FFF; font-size: 14px; font-family: "Roboto"; text-align: center; vertical-align: middle; display: inline; float: left; transition: 0.2s ease-in-out all; } .service:active { transform: scale(0.98); } .serone { width: 100px; height: 100px; } .sertwo { width: 200px; height: 100px; } /*.di { display: inline-block !important; }*/ .lstbox { float: left; width: 230px; background: #FFF; border-right: #DFDFDF 1px solid; height: 99%; overflow: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .poitem { height: auto !important; } .SDeviceTiles { position: relative; } /* .SDeviceTiles > .rowdeschead { position:absolute; } */ .listitem { font-family: "Roboto", "RobotoLight", "OpenSansLight", "stag","SegoeUI",MYRIADPRO,Calibri,Arial; font-size: 12px; height: 35px; line-height: 30px; text-indent: 10px; padding: 15px; margin: 5px; font-weight: 500; color: #333; background-color: #FBFBFB; border: #efefef 1px solid; border-bottom: #efefef 1px solid !important; white-space: nowrap; overflow: hidden; text-align: left; text-overflow: ellipsis; border-radius: 5px; } .listitemdisab { opacity: 0.5; pointer-events: none; } .listitemselc { border: #dfdfdf 1px solid; -webkit-box-shadow: inset rgba(255,255,255,0.2) 0 1px 0,inset rgba(0,0,0,0.10) 0 -1px 0,rgba(0,0,0,0.14) 0 0px 1px; -moz-box-shadow: inset rgba(255,255,255,0.2) 0 1px 0,inset rgba(0,0,0,0.10) 0 -1px 0,rgba(0,0,0,0.14) 0 0px 1px; box-shadow: inset rgba(255,255,255,0.2) 0 1px 0,inset rgba(0,0,0,0.10) 0 -1px 0,rgba(0,0,0,0.14) 0 0px 1px; } .listitem:hover { border: #dfdfdf 1px solid; -webkit-box-shadow: inset rgba(255,255,255,0.2) 0 1px 0,inset rgba(0,0,0,0.10) 0 -1px 0,rgba(0,0,0,0.14) 0 0px 1px; -moz-box-shadow: inset rgba(255,255,255,0.2) 0 1px 0,inset rgba(0,0,0,0.10) 0 -1px 0,rgba(0,0,0,0.14) 0 0px 1px; box-shadow: inset rgba(255,255,255,0.2) 0 1px 0,inset rgba(0,0,0,0.10) 0 -1px 0,rgba(0,0,0,0.14) 0 0px 1px; } .listitem:active { -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 1px 3px #CFCFCF; -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 1px 3px #CFCFCF; box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 1px 3px #CFCFCF; } .listitemlarge { width: 70%; height: auto; text-align: center; display: block; margin: 10px; margin-left: auto; margin-right: auto; } .issuegroup.inpcont { padding: 10px; border: none !important; box-sizing: border-box; } .mce-container, .mce-container *, .mce-widget, .mce-widget *, .mce-reset { border-radius: 5px; box-shadow: none; border-color: #e1e1e1 !important; background-color: #fff !important; } .mce-panel { background-color: #fff; } .mce-btn-group .mce-btn { border: none !important; padding: 5px; box-sizing: border-box; margin: 2px !important; /* background-color: #DAF4E3 !important;*/ } .mce-btn-group:not(:first-child), .mce-splitbtn .mce-open { border: none !important; } .mce-btn button { /* background-color: inherit !important;*/ } .mce-ico { font-size: 12px; color: #555 !important; } .mce-menubar { border: #f1f1f1 1px solid; } .selopt { text-shadow: #555 0px 0px 1px; font-family: "Roboto"; font-weight: 400; font-size: 12px; background-color: #DAF4E3; color: #333; } .selopt > .material-icons { color: #777; } .filtbtn select, option { margin-top: 0px !important; padding: 12px; max-width: 100px; } .inpcont > .listitem { line-height: initial; } .inpcont > .listitem > .label { padding-left: 0px !important; } .colorpick { min-width: 30px; min-height: 30px; width: 20px !important; height: 10px !important; padding: 5px; vertical-align: middle; text-align: center; line-height: 30px; margin: 5px; display: inline; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; } .colpat { display: inline-block; width: 50px; height: 50px; padding: 15px; line-height: 45px; border-radius: 50%; box-sizing: border-box; transition: 0.2s ease-in-out all; } .actionbtn > .material-icons { color: #fff; font-size: 20px; margin-right: 10px; margin-left: 10px; margin-top: 12px; line-height: 5px; float: left; } .profilecont { position: relative; } .profiledatacont { padding: 10px; box-sizing: border-box; padding-top: 200px; } .profiledatacardcont { padding: 10px; box-sizing: border-box; padding-top: 10px; } .profileinfocont { position: relative; margin: 5px; margin-left: 0px; padding: 10px; border: #e9e9e9 1px solid; border-radius: 5px; transition: background-color 0.3s ease; /* box-shadow: 0 1px 10px 0 rgba(0,0,0,.06);*/ background-color: #fff; -animation: SlideUp 1s ease; -webkit-animation: SlideUp 1s ease; animation: SlideUp 1s ease; } .profileinfocont:hover, .profileinfocont:active, .profileinfocont:focus { background-color: #f1f1f1; } .profileinfocont > .rcont { display: flex; } .profileinfoicon { float: left; font-family: "Icons"; display: inline-block; color: #fff; line-height: 30px; text-align: center; border-radius: 5px; width: 40px; height: 40px; font-size: 18px; margin-right: 10px; color: #555; box-sizing: border-box; } .profileinfoiconcol { color: #fff; line-height: 40px; } .EditPhoneicon { font-family: "Material Icons"; margin-left: 10px; } .calllogicon { font-family: "Material Icons"; font-size: 24px; color: #5A88ED; } .profilecardheading { color: #000; } .profilecardsubheading { color: #aaa; } .profileheader { position: absolute; width: 110%; background: inherit; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -khtml-background-size: cover; background-size: cover; background-position: center; background-repeat: no-repeat; height: 180px; padding: 0px; text-align: center; /* -moz-box-shadow: inset 120px 180px 60px 150px rgba(0,0,0, 0.6); -webkit-box-shadow: inset 120px 180px 60px 150px rgba(0,0,0, 0.6); box-shadow: inset 120px 180px 60px 150px rgba(0,0,0, 0.6);*/ z-index: 1; top: -20px; left: -10%; } .profilecardhead { display: inline-block; margin-left: 20px; padding-top: 20px; height: 75px; vertical-align: middle; box-sizing: border-box; } .profileheadercardimg { margin-left: 10px; border: #fff 0px solid; border-radius: 50px; width: 75px; height: 75px; line-height: 75px; vertical-align: middle; /*box-shadow: 0 1px 1px #aaa;*/ box-sizing: border-box; text-align: center; animation: BOX 1s ease-out infinite; animation-iteration-count: 1; display: inline-block; } .profileheaderimg { position: absolute; left: 55%; margin-left: -50px; bottom: 0%; border: #fff 0px solid; border-radius: 50px; width: 80px; height: 80px; line-height: 80px; vertical-align: middle; box-shadow: 0 1px 1px #aaa; box-sizing: border-box; text-align: center; animation: BOX 1s ease-out infinite; animation-iteration-count: 1; } .profileheaderimg > .profileempty { min-width: 100%; min-height: 100%; line-height: inherit; margin: 0px; border-radius: 50%; color: #fff; font-size: 16px; } .profile { height: 100px; width: 100px; border-radius: 50%; } .ResCardDet .profile { margin: 10px; } .profileheading { padding-top: 40px; font-size: 20px; color: #000; max-width: 80%; margin-left: auto; margin-right: 5%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .profilesubheading { font-size: 14px; color: #555; } .reloadprof { position: absolute; font-family: "Icons"; font-size: 20px; font-weight: 300; position: absolute; right: 5px; top: 26px; vertical-align: middle; line-height: 50px; width: 45px; max-width: 45px; color: #555; text-align: center; z-index: 2; /*text-shadow: 0 1px 1px #555; background-color: rgba(255,255,255,0.5); border-radius: 50px; box-shadow:0 1px 10px 0 rgba(0,0,0,0.26);*/ } .panelcontnohead .reloadprof { top: 76px !important; } .EmpCardCont { position: fixed; padding: 0px; box-sizing: border-box; width: 350px; height: 600px; border-radius: 10px; box-shadow: 1px 1px 1px #999; transition: 0.2s all ease-in-out; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -khtml-background-size: cover; background-size: cover; background-position: center; left: 50%; top: 200%; transform: translate(-50%,-50%); z-index: 10004; background-color: #fff; border-radius: 10px; transition: 0.5s ease-in-out all; } .EmpCardContHide { transform: translate(-50%,100%); } .EmpCardHeader { background-color: #9DFBD3; height: 60px; padding: 10px; box-sizing: border-box; border-radius: 10px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .EmpCardClose { font-family: "Icons"; font-size: 30px; font-weight: lighter; float: right; position: absolute; right: 2px; top: 15px; width: 60px; color: #999; text-align: center; } .EmpCardLogo { max-height: 30px; width: auto; /* filter: brightness(0) invert(1);*/ margin-top: 20px; transform: translateY(-10px); box-sizing: border-box; } .EmpCardBody { padding: 0px; text-align: center; } .EmpCardDet { display: inline-block; width: 100%; background-color: #9DFBD3; text-align: center; /* height: 300px;*/ margin-bottom: 100px; } .EmpCardInfo { padding: 30px; text-align: left; box-sizing: border-box; } .EmpCardProfile { margin: 5px; margin-left: 50%; /* transform:translateX(-37.50px);*/ min-width: 75px; min-height: 75px; max-width: 75px; max-height: 75px; display: inline-block; line-height: 75px; font-size: 18px; color: #fff; background-color: #aaa; border-radius: 75px; vertical-align: middle; text-align: center; box-sizing: border-box; margin: 10px; } .EmpCardTitle { font-size: 13px; font-weight: 600; display: inline-block; color: #000; min-width: 150px; } .EmpCardData { font-family: "Roboto"; color: #999; font-size: 12px; font-weight: 500; } .EmpCardCode { height: 80px; width: auto; margin-left: 50%; transform: translateX(-50%); } .EmpCardCode > img { width: 100%; height: auto; border-radius: 10px; } .EmpCardFooter { border-top: #ccc 1px solid; position: absolute; bottom: 0px; padding: 20px; margin: 10px; } .Optlist > .choicelst { color: #999; border: none; font-weight: 500; font-size: 13px; border-bottom: transparent 3px solid; border-radius: 0px; background-color: inherit; } .Optlist > .choicelist { color: #999; border: none; font-weight: 500; font-size: 13px; border-bottom: transparent 3px solid; border-radius: 0px; background-color: inherit; } .Optlist > .choicelstactive { border: none; font-weight: 500; font-size: 13px; border-bottom: #27ca47 0px solid; background-color: inherit; border-radius: 5px; background: #DBF4E4 !important; color: #0BB10B !important; } .tabheader > .tabbtnactive { background: #DBF4E4 !important; border-radius: 5px; } .Optlist > .choicelst:hover { color: #555; border: none; border-bottom: transparent 0px solid; background-color: inherit; } .Optlist > .choicelist:hover { color: #555; border: none; border-bottom: transparent 0px solid; background-color: inherit; } .msgbuttonscont { position: relative; border: #999 0px solid; width: 100%; text-align: right; } .msgbuttons { font-family: "Icons"; font-size: 20px; background-color: #aaa; padding: 10px; border-radius: 50px; box-sizing: border-box; width: 45px; height: 45px; display: inline-block; margin: 5px; text-align: center; } .msgbuttonsfile { background: rgba(186, 119, 255,0.4); color: rgba(186, 119, 255,1); /* transform: rotate(90deg);*/ } .userprofileitem .msgbuttonsfile { color: #555; } .listitem .msgbuttonsfile { background-color: transparent; } .msgbuttonsimg { background: rgba(156, 207, 57,0.4); color: rgba(156, 207, 57,1); } .msgbuttonsvideo { background: rgba(239, 79, 133,0.4); color: rgba(239, 79, 133,1); } .msgbuttonsapt { background: rgba(133, 79, 239,0.4); color: rgba(133, 79, 239,1); } .msgvideomaincont { position: fixed; background-color: rgba(0,0,0,0.8); height: 100%; width: 100%; z-index: 1000002; display: none; } .msgvideocont { position: fixed; background-color: rgba(0,0,0,0.8); height: 100%; width: 100%; display: none; } .msgtyping { font-family: "Roboto"; font-size: 11px; font-weight: 500; color: #555; min-height: 12px; text-align: center; display: none; bottom: 10px; right: 10px; position: absolute; background-color: #FFFEDE; padding: 5px; border-radius: 5px; box-sizing: border-box; } .inpcont .rcont { margin-left: 0px; } .inpcont:empty { display: none; } .inpcont:empty { display: none; } .choicelst { color: #27ca47; background-color: #fff; border: #27ca47 1px solid; font-family: "Roboto"; font-size: 12px; font-weight: 400; padding: 5px; vertical-align: middle; text-align: center; line-height: 30px; border-radius: 5px; width: 80px; min-width: 80px; min-height: 30px; margin: 5px; display: inline-block; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: 0.2s ease-in-out; } .choicelist { color: #27ca47; background-color: #fff; border: #27ca47 1px solid; font-family: "Roboto"; font-size: 12px; font-weight: 400; padding: 5px; vertical-align: middle; text-align: center; line-height: 30px; border-radius: 5px; width: 80px; min-width: 80px; min-height: 30px; margin: 5px; display: inline-block; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: 0.2s ease-in-out; } .choicelstlong { width: auto !important; max-width: 200px !important; } .choicelst:hover { color: #fff; background-color: #27ca47; border: #27ca47 2px solid; } .choicelist:hover { color: #fff; background-color: #27ca47; border: #27ca47 2px solid; } .choicelstactive { position: relative; color: #fff; background-color: #27ca47; border: #27ca47 0px solid; font-family: "Roboto"; font-size: 12px; font-weight: 400; padding: 5px; vertical-align: middle; vertical-align: middle; text-align: center; line-height: 30px; border-radius: 5px; width: auto; min-width: 80px; min-height: 30px; display: inline-block; margin: 5px; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: 0.5s ease-in-out; } .choicelstactive::after { /* position: absolute; right: 20px; top: 50%; transform: translateY(-50%);*/ float: left; content: "done"; font-family: "Material Icons"; font-size: 20px; color: inherit; -animation: SlideLeft 0.3s ease; -webkit-animation: SlideLeft 0.3s ease; animation: SlideLeft 0.3s ease; } .Optlist > .choicelstactive::after { content: "\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0"; position: absolute; bottom: 0px; width: auto; left: 50%; transform: translateX(-50%); margin-right: auto; border-bottom: 0px #27ca47 solid; -animation: SlideLeft 0.3s ease; -webkit-animation: SlideLeft 0.3s ease; animation: SlideLeft 0.3s ease; } .gcatitem { position: relative; margin: 5px; padding: 0px; text-align: center; display: inline-block; border: #DFDFDF 1px solid; border-radius: 0px; background-color: #FFF; width: 230px; max-width: 230px; background-color: #F64035; } .caution { padding: 10px; font-size: 15px; font-family: 'Roboto'; color: #333; background-color: #F9ED01; border: #000 1px solid; } .gcatimage { margin: 0px; margin-bottom: 0px; width: 230px; height: auto; max-height: 230px; opacity: 1; } .gcatname { position: relative; padding: 10px; font-family: "Roboto","Roboto", "MYRIADPROREG", "mosino"; font-size: 20px; color: #F64035; border-top: #FFF 1px solid; margin: 0px; background-color: #EFEFEF; min-height: 50px; height: auto; } .gcatimagehid { margin: 0px; margin-bottom: 0px; width: 230px; height: auto; max-height: 230px; background-color: #AAA; } .gameitem { position: relative; margin: 5px; padding: 0px; text-align: center; display: inline-block; border: #DFDFDF 1px solid; border-radius: 0px; background-color: #FFF; width: 300px; max-width: 300px; background-color: #EFEFEF; } .gamename { position: relative; padding: 10px; font-family: "Roboto","Roboto", "MYRIADPROREG", "mosino"; font-size: 20px; color: #F64035; border-top: #FFF 1px solid; margin: 0px; background-color: #EFEFEF; min-height: 50px; height: auto; } .gameimage { margin: 0px; margin-bottom: 0px; width: 300px; height: auto; max-height: 300px; opacity: 1; } .gameimagehid { margin: 0px; margin-bottom: 0px; width: 300px; height: auto; max-height: 300px; opacity: 0.50; background-color: #000; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); } .gameimagehid:hover { opacity: 1; } .check { width: 35px; height: auto; position: absolute; right: 10px; top: 10px; cursor: pointer; border: #FFF 0px solid; border-radius: 30px; background-color: #Fff; opacity: 1; } .noschedule { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); } .searchbox { padding: 5px; margin: 0px; border: #000 0px solid; background-color: #FBFBFB; -webkit-box-shadow: inset rgba(255,255,255,0.2) 0 1px 0,inset rgba(0,0,0,0.10) 0 -1px 0,rgba(0,0,0,0.14) 0 0px 1px; -moz-box-shadow: inset rgba(255,255,255,0.2) 0 1px 0,inset rgba(0,0,0,0.10) 0 -1px 0,rgba(0,0,0,0.14) 0 0px 1px; box-shadow: inset rgba(255,255,255,0.2) 0 1px 0,inset rgba(0,0,0,0.10) 0 -1px 0,rgba(0,0,0,0.14) 0 0px 1px; } .inputbox select { margin-top: 0px !important; } .filtitem { display: inline-block; margin-left: 5px; margin-right: 5px; } .filtitem > select { margin-top: 0px !important; -webkit-appearance: auto !important; outline: initial; } .biglabel { font-family: "Roboto","Roboto", "Roboto", "OpenSansLight", "stag","SegoeUI",MYRIADPRO,Calibri,Arial; padding: 8px; font-weight: 600; font-size: 16px; color: #333 !important; width: 95% !important; /*text-align: center !important;*/ margin-bottom: 10px !important; /*background-color: #EFEFEF;*/ /*-webkit-box-shadow: inset rgba(255,255,255,0.2) 0 1px 0,inset rgba(0,0,0,0.10) 0 -1px 0,rgba(0,0,0,0.14) 0 0px 1px; -moz-box-shadow: inset rgba(255,255,255,0.2) 0 1px 0,inset rgba(0,0,0,0.10) 0 -1px 0,rgba(0,0,0,0.14) 0 0px 1px; box-shadow: inset rgba(255,255,255,0.2) 0 1px 0,inset rgba(0,0,0,0.10) 0 -1px 0,rgba(0,0,0,0.14) 0 0px 1px;*/ -animation: SlideLeft 1s ease; -webkit-animation: SlideLeft 1s ease; animation: SlideLeft 1s ease; } .biglabel:first-child { margin-top:5px; } .toolbox { padding: 5px; } .Confirmed { /* border: #fff 1px solid;*/ font-family: "Roboto"; font-size: 13px; padding: 10px; color: #FFF; max-height: 20px; line-height: 20px; vertical-align: middle; text-align: center; background: #45ac27; border-left: 3px solid #45ac27; } .Completed { /*border: #fff 1px solid;*/ font-family: "Roboto"; font-size: 13px; border-radius: 5px; padding: 10px; max-height: 20px; line-height: 20px; vertical-align: middle; text-align: center; color: #42C370 !important; background-color: #EDF9F2 !important; border: none !important; border-left: 3px solid #99CC00 !important; box-sizing: border-box; border-radius: 5px; } .resactive { font-family: "Roboto"; border-left: 3px solid #99CC00; } .rcont:empty { /*display: none;*/ } .rcont > .objprop { margin-top: 0px; margin-left: 0px; margin-bottom: 0px; } .rcont > .radiobtns { margin-left: 5px; } .infocardcont { } .infocard { /* margin: 10px; border: #f5f5f5 1px solid; width: 33%; box-shadow: 0 1px 10px 0 rgba(0,0,0,0.03); border-radius: 5px; padding: 10px; box-sizing: border-box; display: inline-table; column-count: 3;*/ } .prp { background-color: #f1f1f1; padding: 5px; box-sizing: border-box; } .paid { background-color: #DBF4E4 !important; color: #0BB10B; padding: 8px; font-size: 12px; border-radius: 5px; box-sizing: border-box; display: inline-block; } .resteppanyaki { border-left: #2196F3 3px solid; color: #2196F3 !important; padding: 5px; } .rstimeitem > .resteppanyaki { background-color: #ff0000; color: #fff !important; border-radius: 5px; } .resinprogress { /*background-color: #fff !important;*/ border-left: #5A88ED 3px solid; color: #33B5E5 !important; padding: 5px; } .resinromm { color: #15317E; font-weight: bold; } .rstimeitem > .resinprogress { background-color: #33B5E5; color: #fff !important; border-radius: 5px; } .resonhold { border-left: #aaa 0px solid !important; color: #555 !important; background: #efefef; padding: 5px; border-radius: 5px; } .rstimeitem > .resonhold { background-color: #555; color: #fff !important; border-radius: 5px; } .resblocked { background-color: #999 !important; color: #fff; background-image: repeating-linear-gradient(0deg, #aaa, #aaa 1px, transparent 1px, transparent 5px),repeating-linear-gradient(-90deg, #aaa, #aaa 1px, transparent 1px, transparent 5px); } .restimeoff { background-color: #aaa !important; color: #fff; cursor: not-allowed; box-shadow: none !important; transform: scale(1) !important } .restimeoff div, .restimeoff span { color: #000 !important; } .restimeoff:hover { transform: scale(1) !important } .respending, .resstatussfree { border-left: #FFBB33 3px solid !important; color: #FFBB33 !important; padding: 5px; } .resapproved, .resstatussrented { border-left: #44CC44 3px solid; color: #44CC44 !important; padding: 5px; } .resdenied { border-left: #FF4444 3px solid; color: #FF4444 !important; padding: 5px; } .resScheduled { border-left: #0b6cd4 3px solid !important; color: #02e38e !important; padding: 5px; } .resposted { border-left: #02e38e 3px solid !important; color: #02e38e !important; padding: 5px; } .rcont > .resposted { background: #DBF4E4 !important; color: #0BB10B !important; display: inline-block; border: none !important; border-radius: 5px; font-size: 11px; padding: 5px; box-sizing: border-box; } .resdeleted { border-left: #FF4444 3px solid !important; color: #FF4444 !important; padding: 5px; } .resfree { background-color: #FFF3D8; color: #F9AF04; padding: 10px; font-size: 12px; border-radius: 5px; box-sizing: border-box; display: inline-block; } .resrented { background-color: #DBF4E4 !important; color: #0BB10B; padding: 8px; font-size: 12px; border-radius: 5px; box-sizing: border-box; display: inline-block; } .commloginbox { bottom: 2.5%; top: 2.5%; right: 1%; height: 95vh; margin-right: 0px; transform: none; -animation: SlideRight 0.5s ease; -webkit-animation: SlideRight 0.5s ease; animation: SlideRight 0.5s ease; } .rcont > .resremoved { background-color: #f7c9df; border: none !important; color: #b51a62 !important; display: inline-block; border-radius: 5px; font-size: 11px; padding: 5px; box-sizing: border-box; } .resremoved { border-left: #b51a62 3px solid !important; color: #b51a62 !important; padding: 5px; } .ressold { border-left: #2b1ab5 3px solid !important; color: #2b1ab5 !important; padding: 5px; } .respend { padding: 10px; /*border-left: #FFBB33 5px solid;*/ background: #DBF4E4 !important; margin-left: 8px; border-radius: 5px; border: #49C675 1px solid; color: #49C675 !important; box-sizing: border-box; /* padding-left: 5px; padding-right: 5px;*/ display: inline-block; } .resovr { padding: 10px; /*border-left: #FF4444 5px solid;*/ background: #FEF3F2 !important; margin-left: 8px; margin-right: 8px; border-radius: 5px; border: #F9877E 1px solid; color: #F9877E !important; box-sizing: border-box; /* padding-left: 5px; padding-right: 5px;*/ display: inline-block; } .ovrdue { margin-left: -88px !important; margin-top: -7px; } .resduein { border-left: #FFBB33 3px solid; color: #FFBB33 !important; padding: 5px; } .rescheckedin { border-left: #00CC00 3px solid; color: #00CC00 !important; padding: 5px; } .rescheckedout { border-left: #FFBB33 3px solid; color: #FFBB33 !important; padding: 5px; } .rstimeitem > .respending { background-color: #FFBB33; color: #fff !important; border-radius: 5px; } .rescancelled, .resrefunded, .rescanceled, .resexpired, .resforcedcompleted { border-left: #FF4444 3px solid; color: #FF4444 !important; padding: 5px; } .listitem.rescanceled, .listitem.resresolved { padding: 15px; box-sizing: border-box; } .rcont > .resExpired, .rcont > .resforcedcompleted { color: #f6584c !important; background-color: #FEF3F2 !important; border: none !important; padding: 10px !important; box-sizing: border-box; border-radius: 5px; display: inline-block; } .cardboxcont > .resExpired, .cardboxcont > .resforcedcompleted { color: #f6584c !important; background-color: #FEF3F2 !important; border: none !important; padding: 10px !important; box-sizing: border-box; border-radius: 5px; display: inline-block; } .rcont > .rescompleted, .rcont > .resresolved, .cardboxcont > .rescompleted, .rcont > .respaid, .rcont > .resactive { color: #42C370 !important; background-color: #EDF9F2 !important; border: none !important; padding: 10px !important; box-sizing: border-box; border-radius: 5px; display: inline-block; } .cardboxcont > .rescompleted, .cardboxcont > .resresolved, .cardboxcont > .rescompleted, .cardboxcont > .respaid, .cardboxcont > .resactive { color: #42C370 !important; background-color: #EDF9F2 !important; border: none !important; padding: 10px !important; box-sizing: border-box; border-radius: 5px; display: inline-block; } .resnoshow { border-left: #a90c0c 3px solid; color: #a90c0c !important; padding: 5px; } .respickedup { border-left: #02e38e 3px solid; color: #02e38e !important; padding: 5px; } .resdroppedoff { border-left: #33B8FF 3px solid; color: #33B8FF !important; padding: 5px; } .rstimeitem > .resnoshow, .rstimeitem > .rescancelled, .rstimeitem > .resrefunded, .rstimeitem > .rescanceled, .rstimeitem > .resexpired { background-color: #FF4444; color: #fff !important; border-radius: 5px; } .eventitem > .respending { background-color: #FFBB33; color: #fff !important; border-radius: 5px; } .eventitem > .resarrived { background-color: #99CC00; color: #fff !important; border-radius: 5px; } .eventitem > .resconfirmed { background-color: #3872DD; color: #fff !important; border-radius: 5px; } .eventitem > .resstarted { background-color: #AAAAE0; color: #fff !important; border-radius: 5px; } .eventitem > .resdeparted { background-color: #75A7B4; color: #fff !important; border-radius: 5px; } .eventitem > .rescompleted { background-color: #87CEEB; color: #fff !important; border-left: #87ceeb !important; border-radius: 5px; } .eventitem > .resconfirmed { background-color: #3872DD; color: #fff !important; border-radius: 5px; } .eventitem > .resnoshow, .eventitem > .rescancelled, .eventitem > .resrefunded, .eventitem > .rescanceled, .eventitem > .resexpired { background-color: #FF4444; color: #fff !important; border-radius: 5px; } .resoverdue { border-left: #fb2b2b 2px solid !important; color: #8b0101 !important; border-radius: 0px; } .rescanceled { border-left: #FF4444 2px solid !important; color: #aa0000 !important; border-radius: 0px; } .rcont > .resoverdue, .cardboxcont > .resoverdue, .rcont > .resfailed { color: #8b0101 !important; background-color: #fcebe9 !important; border: none !important; padding: 8px !important; box-sizing: border-box; border-radius: 5px; display: inline-block; } .panelcont .cardboxcont { width: 98% !important; max-width: 98% !important; box-shadow: none; border-radius: 5px; } .rcont > .rescanceled, .rcont > .rescancelled, .rcont > .resrefunded, .cardboxcont > .rescancelled, .cardboxcont > .resrefunded { color: #f6584c !important; background-color: #FEF3F2 !important; border: none !important; padding: 8px !important; box-sizing: border-box; border-radius: 5px; display: inline-block; } .rcont > .respending, .cardboxcont > .respending { background-color: #FFF3D8 !important; color: #F9AF04; border: none !important; padding: 8px !important; box-sizing: border-box; border-radius: 5px; display: inline-block; } .rcont > .resrsvp { color: #de2cf7 !important; background-color: #f8e6fb !important; border: none !important; padding: 8px !important; box-sizing: border-box; border-radius: 5px; display: inline-block; } .rcont > .resConfirmed, .cardboxcont > .resConfirmed { background-color: #eaf1ff !important; color: #F9AF04; border: none !important; padding: 8px !important; box-sizing: border-box; border-radius: 5px; display: inline-block; } .rcont > .resinprogress, .cardboxcont > .resinprogress { color: #5A88ED !important; background-color: #EEF3FD !important; border: none !important; padding: 8px !important; box-sizing: border-box; border-radius: 5px; display: inline-block; } .resonorder { border-left: #3F51B5 3px solid; color: #3F51B5 !important; padding: 5px; } .rstimeitem > .resoverdue { background-color: #aa0000; color: #fff !important; border-radius: 5px; } .resforcedcompleted { border-left: #FF4444 3px solid; color: #ff0000 !important; padding: 5px; } .rstimeitem > .resforcedcompleted { background-color: #ff0000; color: #fff !important; border-radius: 5px; } .rescalled { border-left: #FF4444 3px solid; color: #2196f3 !important; padding: 5px; } .rstimeitem > .rescalled { background-color: #FF4444; color: #fff !important; border-radius: 5px; } .resconfirmed { border-left: #3872DD 3px solid; color: #3872DD !important; padding: 5px; } .rstimeitem > .resconfirmed { background-color: #3872DD; color: #fff !important; border-radius: 5px; } .rescompleted, .resresolved { border-left: #42C370 2px solid; color: #42C370 !important; padding: 5px; border-radius: 0px; } .resarrived, .rescompleted, .resarrived { border-left: #99CC00 3px solid !important; color: #99CC00 !important; padding: 5px; } .reswaitlist { border-left: #555 3px solid; color: #555 !important; border-radius: 5px; } .resscompleted { border-left: #87ceeb 3px solid; color: #87ceeb !important; padding: 5px; } .cw { color: white; } .resverified { border-left: #3f51b5 3px solid; color: #3f51b5 !important; padding: 5px; } .resrushorder { border-left: #f44336 3px solid; color: #f44336 !important; padding: 5px; } .resclean { border-left: #009688 3px solid; color: #009688 !important; padding: 5px; } .resrepair { border-left: #795548 3px solid; color: #795548 !important; padding: 5px; } .resrepairdnr { border-left: #607d8b 3px solid; color: #607d8b !important; padding: 5px; } .resinspect { border-left: #773fb5 3px solid; color: #773fb5 !important; padding: 5px; } .resdirty { border-left: #6f7948 3px solid; color: #6f7948 !important; padding: 5px; } .resdirtydeparting { border-left: #3f7fb5 3px solid; color: #3f7fb5 !important; padding: 5px; } .resdirtyvacant { border-left: #1e95e9 3px solid; color: #1e95e9 !important; padding: 5px; } .resdonotdisturb { border-left: #46b53f 3px solid; color: #46b53f !important; padding: 5px; } .resstayover { border-left: #70dc39 3px solid; color: #70dc39 !important; padding: 5px; } .rstimeitem > .resarrived, .rstimeitem > .rescompleted, .rstimeitem > .restaskcompleted { background-color: #99CC00; color: #fff; border-radius: 5px; padding: 5px; } .cb { color: #000 !important; text-decoration-style: dotted; } .navarr { position: fixed !important; font-family: "Icons"; font-size: 40px; color: #000; background-color: #fff; border-radius: 10px; padding: 5px; z-index: 10001; font-weight: 700; transform: scale(1); transition: 0.2s ease-in-out; box-sizing: border-box; box-shadow: 0 1px 10px 2px rgba(0,0,0,0.06); } .navarr:hover { transform: scale(1.2); } .navarrright { top: 45%; right: 20px; } .navarrleft { top: 45%; left: 190px; } .navarrtop { top: 50px; left: 55%; } .navarrbottom { bottom: 50px; left: 55%; } .resnone, .resblock { /*background: #efefef;*/ border-left: #efefef 5px solid; padding: 5px; /*color: #efefef !important;*/ } .rstimeitem > .resnone, .resblock { background-color: #efefef; color: #fff !important; border-radius: 5px; } .resparseated { border-left: #63E2FF 5px solid; color: #63E2FF !important; padding: 5px; /*background: #63E2FF;*/ } .ConfirmNote { font-family: "Roboto"; font-weight: normal; font-size: 12px; display: none; width: 100%; max-width: 600px; min-height: 50px; background-color: #31ae1e; color: #fff; text-align: left; border-radius: 0px; padding: 20px; padding-left: 70px; padding-right: 70px; vertical-align: middle; position: fixed; z-index: 1; left: 50%; transform: translateX(-50%); top: 10px; border-radius: 50px; /* box-shadow: 0px 0px 1px #777; */ box-sizing: border-box; z-index: 100008; transition: 0.5s ease-in-out; } .Confirmnoteicon { font-family: "Icons"; font-size: 30px; font-weight: bold; background-color: #31ae1e; color: #fff; padding: 0px; border-radius: 70px; position: absolute; left: 20px; top: 50%; transform: translateY(-50%); padding-top: constant(safe-area-inset-top); /* iOS 11.0 */ padding-top: env(safe-area-inset-top); /* iOS 11.2 */ } .Confirmnoteiconerr { font-family: "Icons"; font-size: 30px; font-weight: bold; background-color: #be1010; color: #fff; padding: 0px; border-radius: 70px; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); } .Confirmnoteclose { font-family: "Icons"; font-size: 32px; color: #FFF; content: "M"; font-weight: normal; padding: 5px; z-index: 10005; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); } #ConfirmNoteData { padding-top: constant(safe-area-inset-top); /* iOS 11.0 */ padding-top: env(safe-area-inset-top); /* iOS 11.2 */ } .CPos { background-color: #048848; } .CNeg { background-color: #a90808; /*#be1010;*/ } .CNot { background-color: #FBEAA8; /*#be1010;*/ color: #000; } .CNot .Confirmnoteiconerr, .CNot .Confirmnoteclose { color: #000 !important; background-color: inherit; } .rstimeitem > .resparseated { background-color: #63E2FF; color: #fff !important; border-radius: 5px; } .resseated { border-left: #9D8EFF 3px solid; color: #9D8EFF !important; /*padding: 5px;*/ /*background: #9D8EFF;*/ } .rstimeitem > .resseated { background-color: #9D8EFF; color: #fff !important; border-radius: 5px; } .resentree { border-left: #B51A62 3px solid; color: #B51A62 !important; padding: 5px; /*background: #63E2FF;*/ } .rstimeitem > .resentree { background-color: #B51A62; color: #fff !important; border-radius: 5px; } .rescourse { border-left: #3e9a42 3px solid; color: #3e9a42 !important; padding: 5px; /*background: #63E2FF;*/ } .rstimeitem > .rescourse { background-color: #D869C0; color: #fff !important; border-radius: 5px; } .resdessert { border-left: #70D4B4 3px solid; color: #70D4B4 !important; /*background: #63E2FF;*/ } .rstimeitem > .resdessert { background-color: #70D4B4; color: #fff !important; border-radius: 5px; } .resappertizer { border-left: #DE703C 3px solid; color: #DE703C !important; padding: 5px; /*background: #63E2FF;*/ } .rstimeitem > .resappertizer { background-color: #DE703C; color: #fff !important; border-radius: 5px; } .rescheck { border-left: #506F86 3px solid; color: #506F86 !important; padding: 5px; /*background: #63E2FF;*/ } .rstimeitem > .rescheck { background-color: #506F86; color: #fff !important; border-radius: 5px; } .respaid { border-left: #034182 3px solid; color: #034182 !important; padding: 5px; /*background: #034182; background: #63E2FF;*/ } .rstimeitem > .respaid { background-color: #034182; color: #fff !important; border-radius: 5px; } .resbustable { border-left: #DDDDC7 3px solid; color: #DDDDC7 !important; padding: 5px; /*background: #63E2FF;*/ } .rstimeitem > .resbustable { background-color: #DDDDC7; color: #fff !important; border-radius: 5px; } .resstarted { border-left: #AAAAE0 3px solid; color: #AAAAE0 !important; padding: 5px; /*background: #AAAAE0;*/ } .rstimeitem > .resstarted { background-color: #AAAAE0; color: #fff !important; border-radius: 5px; } .rstimeitem > .restaskstarted { background-color: #AAAAE0; color: #fff !important; border-radius: 5px; padding: 5px; } .restaskcompleted { background-color: #02E38E !important; color: #000 !important; font-weight: bold; border-radius: 5px; padding: 5px; background-image: repeating-linear-gradient(45deg, #aaa, #aaa 1px, transparent 1px, transparent 5px),repeating-linear-gradient(135deg, #aaa, #aaa 1px, transparent 1px, transparent 5px) !important; } .restaskstarted { background-color: #FFBB33 !important; color: #000 !important; font-weight: bold; border-radius: 5px; padding: 5px; background-image: repeating-linear-gradient(45deg, #aaa, #aaa 1px, transparent 1px, transparent 5px),repeating-linear-gradient(135deg, #aaa, #aaa 1px, transparent 1px, transparent 5px) !important; } .Verified { font-family: "Roboto"; font-size: 13px; padding: 10px; border-radius: 5px; color: #FFF; max-height: 20px; line-height: 20px; vertical-align: middle; text-align: center; border-left: 3px solid #3f51b5; background: #3f51b5; } .RushOrder { font-family: "Roboto"; font-size: 13px; padding: 10px; border-radius: 5px; color: #FFF; max-height: 20px; line-height: 20px; vertical-align: middle; text-align: center; border-left: 3px solid #f44336; background: #f44336; } .Clean { font-family: "Roboto"; font-size: 13px; padding: 10px; border-radius: 5px; color: #FFF; max-height: 20px; line-height: 20px; vertical-align: middle; text-align: center; border-left: 3px solid #009688; background: #009688; } .Repair { font-family: "Roboto"; font-size: 13px; padding: 10px; border-radius: 5px; color: #FFF; max-height: 20px; line-height: 20px; vertical-align: middle; text-align: center; border-left: 3px solid #795548; background: #795548; } .RepairDNR { font-family: "Roboto"; font-size: 13px; padding: 10px; border-radius: 5px; color: #FFF; max-height: 20px; line-height: 20px; vertical-align: middle; text-align: center; border-left: 3px solid #607d8b; background: #607d8b; } .Inspect { font-family: "Roboto"; font-size: 13px; padding: 10px; border-radius: 5px; color: #FFF; max-height: 20px; line-height: 20px; vertical-align: middle; text-align: center; border-left: 3px solid #773fb5; background: #773fb5; } .Dirty { font-family: "Roboto"; font-size: 13px; padding: 10px; border-radius: 5px; color: #FFF; max-height: 20px; line-height: 20px; vertical-align: middle; text-align: center; border-left: 3px solid #6f7948; background: #6f7948; } .DirtyDeparting { font-family: "Roboto"; font-size: 13px; padding: 10px; border-radius: 5px; color: #FFF; max-height: 20px; line-height: 20px; vertical-align: middle; text-align: center; border-left: 3px solid #3f7fb5; background: #3f7fb5; } .DirtyVacant { font-family: "Roboto"; font-size: 13px; padding: 10px; border-radius: 5px; color: #FFF; max-height: 20px; line-height: 20px; vertical-align: middle; text-align: center; border-left: 3px solid #1e95e9; background: #1e95e9; } .DoNotDisturb { font-family: "Roboto"; font-size: 13px; padding: 10px; border-radius: 5px; color: #FFF; max-height: 20px; line-height: 20px; vertical-align: middle; text-align: center; border-left: 3px solid #46b53f; background: #46b53f; } .StayOver { font-family: "Roboto"; font-size: 13px; padding: 10px; border-radius: 5px; color: #FFF; max-height: 20px; line-height: 20px; vertical-align: middle; text-align: center; border-left: 3px solid #70dc39; background: #70dc39; } .Pending { font-family: "Roboto"; font-size: 13px; padding: 10px; border-radius: 5px; color: #FFF; max-height: 20px; line-height: 20px; vertical-align: middle; text-align: center; border-left: 3px solid #FFBB33; background-color: #FFF3D8; color: #F9AF04; } .Approved, .Ready { font-family: "Roboto"; font-size: 13px; padding: 5px; border-radius: 5px; color: #FFF; max-height: 20px; line-height: 20px; vertical-align: middle; text-align: center; border-left: 3px solid #44CC44; background: #44CC44; } .Posted { font-family: "Roboto"; font-size: 13px; padding: 5px; border-radius: 5px; color: #FFF; max-height: 20px; line-height: 20px; vertical-align: middle; text-align: center; border-left: 3px solid #02e38e; background: #02e38e; } .Deleted { font-family: "Roboto"; font-size: 13px; padding: 5px; border-radius: 5px; color: #FFF; max-height: 20px; line-height: 20px; vertical-align: middle; text-align: center; border-left: 3px solid #FF4444; background: #FF4444; } .Removed { font-family: "Roboto"; font-size: 13px; padding: 5px; border-radius: 5px; color: #FFF; max-height: 20px; line-height: 20px; vertical-align: middle; text-align: center; border-left: 3px solid #b51a62; background: #b51a62; } .Sold { font-family: "Roboto"; font-size: 13px; padding: 5px; border-radius: 5px; color: #FFF; max-height: 20px; line-height: 20px; vertical-align: middle; text-align: center; border-left: 3px solid #2b1ab5; background: #2b1ab5; } .PickedUp { font-family: "Roboto"; font-size: 13px; padding: 5px; border-radius: 5px; color: #FFF; max-height: 20px; line-height: 20px; vertical-align: middle; text-align: center; border-left: 3px solid #02e38e; background: #02e38e; } .DroppedOff { font-family: "Roboto"; font-size: 13px; padding: 5px; border-radius: 5px; color: #FFF; max-height: 20px; line-height: 20px; vertical-align: middle; text-align: center; border-left: 3px solid #33B8FF; background: #33B8FF; } .detailheading { font-family: "Roboto", "stag","SegoeUI",MYRIADPRO,Calibri,Arial; font-weight: 420; font-size: 16px; color: #757575; margin-top: 20px; text-align: left; display: inline-block; } .Lost { font-family: "Roboto"; font-size: 13px; padding: 5px; border-radius: 5px; color: #FFF; max-height: 20px; line-height: 20px; vertical-align: middle; text-align: center; border-left: 3px solid #33B5E5; background: #33B5E5; } .reslost { border-left: #33B5E5 3px solid; color: #33B5E5 !important; padding: 5px; } .resfound { border-left: #78C110 3px solid; color: #78C110 !important; padding: 5px; } .Found { font-family: "Roboto"; font-size: 13px; padding: 5px; border-radius: 5px; color: #FFF; max-height: 20px; line-height: 20px; vertical-align: middle; text-align: center; border-left: 3px solid #78C110; background: #78C110; } .InProgress { font-family: "Roboto"; font-size: 13px; padding: 10px; border-radius: 5px; color: #5E8DF1; max-height: 20px; line-height: 20px; vertical-align: middle; text-align: center; border-left: 3px solid #33B5E5; background: #F3F7FC; } .tabpage .InProgress { border: none; } .tabpage:empty { display: none; min-height: 0px; height: 0px; } .OnOrder { font-family: "Roboto"; font-size: 13px; padding: 10px; border-radius: 5px; color: #FFF; max-height: 20px; line-height: 20px; vertical-align: middle; text-align: center; border-left: 3px solid #3F51B5; background: #3F51B5; } .OnHold { font-family: "Roboto"; font-size: 13px; padding: 10px; border-radius: 5px; color: #FFF; max-height: 20px; line-height: 20px; vertical-align: middle; text-align: center; border-left: 3px solid #555; color: #555; background-color: #efefef; } .Assigned { font-family: "Roboto"; font-size: 13px; padding: 10px; border-radius: 5px; color: #FFF; max-height: 20px; line-height: 20px; vertical-align: middle; text-align: center; border-left: 3px solid #33B5E5; background: #33B5E5; } .Expired { font-family: "Roboto"; font-size: 13px; padding: 10px; border-radius: 5px; color: #F9877E !important; max-height: 20px; line-height: 20px; vertical-align: middle; text-align: center; border-left: 3px solid #aa0000; background: #FEF3F2 !important; } .Overdue { font-family: "Roboto"; font-size: 13px; padding: 10px; border-radius: 5px; color: #F9877E !important; max-height: 20px; line-height: 20px; vertical-align: middle; text-align: center; border-left: 3px solid #aa0000; background: #FEF3F2 !important; } .resstatuss.Overdue, .resstatuss.Expired { border-radius: 0px; } .tabpage .Overdue, .tabpage .Pending { border: none; padding: 3px; } .stepcontpanel .fir-image-figure { width: 95% !important; } .ForcedCompleted { font-family: "Roboto"; font-size: 13px; padding: 10px; border-radius: 5px; color: #FFF; max-height: 20px; line-height: 20px; vertical-align: middle; text-align: center; border-left: 3px solid #990000; background: #990000; } .Called { font-family: "Roboto"; font-size: 13px; padding: 10px; border-radius: 5px; color: #FFF; max-height: 20px; line-height: 20px; vertical-align: middle; text-align: center; border-left: 3px solid #2196f3; background: #2196f3; } .Cancelled { font-family: "Roboto"; font-size: 13px; padding: 10px; border-radius: 5px; color: #FF4444; max-height: 20px; line-height: 20px; vertical-align: middle; text-align: center; border-left: 2px solid #FF4444; background: #FEF3F2; } .passed { font-family: "Roboto"; font-size: 13px; padding: 5px; border-radius: 5px; color: #FFF; max-height: 20px; line-height: 20px; vertical-align: middle; text-align: center; background: #DBF4E4 !important; color: #0BB10B !important; display: inline-block !important; } .declined { color: #f6584c !important; background-color: #FEF3F2 !important; border: none !important; padding: 8px !important; box-sizing: border-box; border-radius: 5px; display: inline-block !important; } .Critical { font-family: "Roboto"; font-size: 5px; padding: 10px; border-radius: 5px; color: #FFF; max-height: 20px; line-height: 20px; vertical-align: middle; text-align: center; border-left: 3px solid #CC0000; background: #CC0000; } .noteitem { position: relative; padding: 10px; display: inline-block !important; border-left: #ccc 0px solid; background-color: #f9f9f9; margin: 10px; margin-left: 30px; color: #aaa !important; border-radius: 10px; width: auto; } /* .noteitem::after { font-family: "Material Icons"; content: "format_quote"; margin:10px; position:absolute; top:-15px; }*/ .ServTabCont { display: none; padding: 20px; background-color: #fff; border: #efefef 1px solid; border-radius: 5px; position: absolute; right: 10px; top: 60px; width: 300px; max-width: 300px; height: auto; min-height: 100px; max-height: 500px; overflow: auto; overflow-x: hidden; box-shadow: 0 1px 10px 0 rgba(0,0,0,0.06); -animation: SlideRight 1s ease; -webkit-animation: SlideRight 1s ease; animation: SlideRight 1s ease; padding-top: 0px; box-sizing: border-box; } .ServTabCont .ui-button { width: 85% !important; min-height: 20px; } .ui-autocomplete { box-sizing: border-box; box-shadow: 0 1px 10px 0 rgba(0,0,0,0.06) !important; border-radius: 5px !important; border: #efefef 1px solid !important; padding: 0px !important; } .ui-autocomplete .ui-corner-all { border: none !important; } .ui-menu-item { box-sizing: border-box; padding: 5px !important; font-size: 13px; border-bottom: #efefef 1px solid !important; } .ui-menu-item:hover { border: #000 0px solid !important; } .rcont .ui-button { margin-left: 3px !important; margin-top: 0px; margin-right: -0.3em !important; border-style: solid; border-color: #dfdfdf !important; text-align: center; background-color: #fff !important; } .rcont > .rhead { padding-left: 0px; margin-left: 0px; } .rcont > select { margin: 0px; } label.ui-button { margin-left: 3px !important; margin-top: 0px; margin-right: -0.3em !important; border-style: solid; border-color: #dfdfdf !important; text-align: center; background-color: #fBFBFB !important; } .rcont .ui-state-active { background-color: #3872DD !important; } label.ui-state-active { background-color: #3872DD !important; } .objprop { color: #333; font-size: 12px; font-weight: normal; font-family: "Roboto"; background-color: #f1f1f1; padding: 8px; padding-left: 15px; padding-right: 15px; display: inline-block; margin: 5px; /* text-shadow: #000 0 0px 0px;*/ border-radius: 30px; position: relative; } .objprop > a { color: #000 !important; font-weight: 500; } .objprop.online { background-color: #EDF9F2; color: #49C675; } .objprop > * { color: #333; font-size: 12px !important; font-weight: normal !important; font-family: "Roboto"; } .numtag { background-color: rgba(0,0,0,0.2); padding: 0px; width: 20px; text-align: center; display: inline-block; box-sizing: border-box; border-radius: 5px; } .objproppos { background: #DBF4E4; color: #27ca47; } .objpropchk { padding-right: 30px; } .objpropchk::after { font-family: "Material Icons"; font-size: 12px; position: absolute; right: 10px; content: "done"; } .objpropneg { color: #f6584c; background-color: #FEF3F2; } .objpropneut { background: #DEE7FC; color: #6891ED; } .objpropgen { background-color: #FFF3D8; color: #F9AF04; } .fscont { position: relative; left: 0px; background-color: #aaa; display: none; padding: 10px; height: 35px; line-height: 15px; overflow: hidden; transition: all .3s ease; vertical-align: top; margin-top: 12px; z-index: 1; margin-left: 5px; margin-right: 5px; box-sizing: border-box; border-radius: 5px; transition: 0.5s ease-in-out; } .fscont:hover { border-radius: 50px; } .fs { font-family: "Icons"; display: inline; transition: 0.5s ease-in-out; } .fslabel { font-size: 10px; display: none; transition: 0.5s ease-in-out; } .hotspot { padding: 8px; background-color: #1B73AC; color: #fff; font-size: 14px; font-family: "Icons"; border-radius: 30px; } .tsdevicescont { padding: 5px; box-sizing: border-box; } .devicon { padding: 8px; color: #fff; font-size: 14px; font-family: "Icons"; border-radius: 30px; } .VOIPOnline { padding: 8px; color: #fff; background: #0E6D1B !important; font-size: 14px; font-family: "Icons"; border-radius: 30px; } .VOIPPending { padding: 8px; color: #fff; background: #db6d1c !important; font-size: 14px; font-family: "Icons"; border-radius: 30px; } .VOIPOffline { padding: 8px; color: #fff; background: #D01111 !important; font-size: 14px; font-family: "Icons"; border-radius: 30px; } .VOIPError { padding: 8px; color: #fff; background: #9D66E9 !important; font-size: 14px; font-family: "Icons"; border-radius: 30px; } .Icons { font-family: "Icons"; font-size: 16px; display: inline; margin-right: 10px; } .IconsPos { color: #09925e; font-family: "Icons"; font-size: 16px; display: inline; margin-right: 10px; } .IconsDisab { font-family: "Icons"; font-size: 16px; display: inline; margin-right: 10px; opacity: 0.2; } .tablecell > .Icons { color: #999; } .IconsL { font-family: "Icons"; display: inline; background-color: #ddd; color: #000; font-size: 14px; padding: 10px; border-radius: 5px; text-align: center; } .IconsM { font-family: "Icons"; font-size: 14px; font-size: 16px; padding: 8px; border-radius: 5px; } .IconAlert { padding: 10px; border-radius: 5px; color: #F9AF04; background-color: #FFF3D8 !important; border: #aaa 0px solid; margin-left: 10px; margin-top: 0px !important; display: inline-block !important; } td.rcont > .Icons { display: inline-block !important; margin-top: 10px; } .btn:hover .Icons { color: #00AA00; } .ui-button-text:hover .Icons { color: #00AA00; } .staffselect { font-size: 12px; margin-top: 20px; margin-right: 5px; color: #d44a15; font-weight: 500; } .rstimehead { font-family: Roboto; font-size: 14px; line-height: 14px; color: #aaa; font-weight: 500; } .rstimeitem { text-indent: 0px; margin: 10px; display: inline-block; text-align: left; font-family: Roboto; font-size: 13px; line-height: 15px; font-weight: 400; position: relative; } .rstimeitem::after { border-left: #ddd 2px solid; content: "|"; color: transparent; position: absolute; left: 8px; height: 100%; z-index: -1; } .rstimeitem > .Icons { background-color: #fff; } .rstimeitem .label { padding-left: 50px; } .na { background-color: #efefef !important; background-image: repeating-linear-gradient(0deg, #efefef, #efefef 1px, transparent 1px, transparent 10px),repeating-linear-gradient(-90deg, #efefef, #cfcfcf 1px, transparent 1px, transparent 10px); position: inherit; } .nocursor { cursor: not-allowed; } .natemp { background-color: rgba(255,0,0,0.2) !important; } .naatemp { background-color: rgba(0,255,0,0.2) !important; } .notifrowpop { font-family: "Icons"; display: none; color: #8e0606; } .inspreppdfiframe { height: 100vh; position: fixed; width: 100%; border: none; } .break { background-image: repeating-linear-gradient(0deg, #efefef, #efefef 1px, transparent 1px, transparent 10px),repeating-linear-gradient(-90deg, #efefef, #cfcfcf 1px, transparent 1px, transparent 10px); cursor: not-allowed; position: inherit; } .selrow { background-color: #96f7a1 !important; } .selrow > * { background-color: #96f7a1 !important; } .selrowimp { background-color: #96f7a1 !important; } .selrow > * { background-color: #96f7a1 !important; } .selrownotif > * { background-color: #FFFEDE !important; position: relative; } .rowblocked { background-color: #e85a5a; color: #fff !important; } .inputbox { padding: 0px; font-family: "Roboto","Roboto", "Roboto", "OpenSansLight", "stag","SegoeUI",MYRIADPRO,Calibri,Arial; color: #555; /*border-bottom: #DFDFDF 1px solid;*/ } .inputbox > input { margin: 10px; margin-left: 15px; padding: 20px; height: 30px; } .timelinesearch { padding: 20px !important; margin: 10px; width: 100% !important; } .timelinecont { line-height: 1; padding: 0px; } .timelinecont .btnprimary { margin-left: 0px; } .panel { border: #DFDFDF 1px solid; background-color: #F3F3F3; padding: 0px; margin: 2px; float: left; box-shadow: inset 0 0 2px rgba(0,0,0, 0.15); -moz-box-shadow: inset 0 0 2px rgba(0,0,0, 0.15); -webkit-box-shadow: inset 0 0 2px rgba(0,0,0, 0.15); overflow: auto; display: inline-block; overflow-x: hidden; } .searchfrm { padding: 10px; box-sizing: border-box; } #paneltool { height: 30px; width: 99%; } #panelinfo { display: inline; width: 100%; } #panelcontent { display: inline; width: 100%; } #panelticker { display: inline; width: 100%; } .SD { border-bottom: #777 0px solid; } .DImage { box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.06); border: #e5e5e5 1px solid; width: auto; max-width: 100px; height: auto; max-height: 100px; margin: 5px; border-radius: 5px; padding: 5px; /*width: 350px; height: auto; margin: 5px;*/ } .DDesc { font-family: "Roboto", "stag","SegoeUI",MYRIADPRO,Calibri,Arial; padding: 15px; margin: 5px; margin-left: 0px; font-size: 16px; font-weight: normal; text-align: left; display: block; } .heading { font-family: "Roboto", "stag","SegoeUI",MYRIADPRO,Calibri,Arial; font-weight: 500; font-size: 16px; color: #000; margin: 10px; margin-left: 0px; /*padding: 10px 10px 10px 28px;*/ text-align: left; display: inline-block; } .inpcont .heading { margin: 0px; margin-left: 5px; font-weight: normal; font-size: 14px; background-color: #EDF9F2; padding: 5px; border-radius: 5px; } .saleorder .heading { margin-left: 10px; } .appdownloadcont { padding: 0px 10px 0px 10px; box-sizing: border-box; } .appdownloadcont .heading { padding: 10px; } .spinnerload { width: 60px; height: 60px; color: #fff; position: relative; margin: 50px auto; } .double-bounce1, .double-bounce2 { width: 100%; height: 100%; border-radius: 50%; background: rgba(255,255,255,0.5); opacity: 0.6; position: absolute; top: 0; left: 0; -webkit-animation: sk-bounce 2.0s infinite ease-in-out; animation: sk-bounce 2.0s infinite ease-in-out; } .double-bounce2 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } .spinnerloaddark { width: 30px; height: 30px; color: #000; position: fixed; margin: 20px auto; transition: 0.2s ease-in-out all; width: 95%; top: 50%; transform: translateY(-50%); } .panelcontdata .spinnerloaddark { width: 50%; top: 45%; } .double-bouncedark1, .double-bouncedark2 { width: 50px; height: 50px; max-width: 50px; max-height: 50px; border-radius: 50%; background: rgba(0,0,0,0.5); opacity: 0.6; position: absolute; top: 48%; left: 48%; -webkit-animation: sk-bounce 2.0s infinite ease-in-out; animation: sk-bounce 2.0s infinite ease-in-out; } .double-bouncedark2 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @keyframes inphighlightNT { 50% { transform: scale(1.02) translate(-50%,-50%); } 100% { transform: scale(1) translate(-50%,-50%); } } @keyframes inphighlight { 50% { transform: scale(1.02) translate(-50%,-50%); } 100% { transform: scale(1) translate(-50%,-50%); } } @keyframes Added { 0% { transform: scale(1.2); opacity: 1; } 0% { transform: scale(1.1); opacity: 0.5; } 100% { transform: scale(1.0); opacity: 1; } } @keyframes SlideUp { 0% { transform: translateY(100%); opacity: 1; } 100% { transform: translateY(0%); opacity: 1; } } @keyframes SlideUpOut { 0% { transform: translateY(0%); opacity: 1; } 100% { transform: translateY(100%); opacity: 1; } } @keyframes SlideDown { 0% { transform: translateY(-100%); opacity: 1; } 100% { transform: translateY(0%); opacity: 1; } } @keyframes SlideLeft { 0% { transform: translateX(-100%); opacity: 1; } 100% { transform: translateX(0%); opacity: 1; } } @keyframes SlideRight { 0% { transform: translateX(100%); opacity: 1; } 100% { transform: translateX(0%); opacity: 1; } } @-webkit-keyframes sk-bounce { 0%, 100% { -webkit-transform: scale(0.0); } 50% { -webkit-transform: scale(1.0); } } @keyframes sk-bounce { 0%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 50% { transform: scale(1.0); -webkit-transform: scale(1.0); } } @-webkit-keyframes pulsify { 0%, 100% { -webkit-transform: scale(1.3); } 50% { -webkit-transform: scale(1.0); } } @keyframes pulsify { 0%, 100% { transform: scale(0.0); -webkit-transform: scale(1.3); } 50% { transform: scale(1.0); -webkit-transform: scale(1.0); } } .sideheading { margin: 10px; margin-left: 0px; margin-top: 20px; display: inline-block; color: #555; font-weight: 500; font-size: 18px; text-shadow: 0 1px 1px #fff; -animation: SlideLeft 1s ease; -webkit-animation: SlideLeft 1s ease; animation: SlideLeft 1s ease; text-transform: uppercase; } .header .sideheading:empty { padding-left: 0px; } #subheading { font-family: "Roboto", "stag","SegoeUI",MYRIADPRO,Calibri,Arial; font-weight: normal; font-size: 14px; color: #bbbbbe; margin: 10px 5px 10px 5px; padding: 10px 0px 10px 5px; text-align: left; display: inline-block; } .header .sideheading { padding-left: 20px; } .rhead { font-family: "Roboto", "OpenSansLight", "stag","SegoeUI",MYRIADPRO,Calibri,Arial; font-size: 13px; color: #aaa; font-weight: 400; margin: 5px; text-align: left; padding: 3px; min-width: 180px; vertical-align: top; display: inline-block; } .pdfhead { font-family: 'Poppins', sans-serif; font-size: 13px; color: black; font-weight: 400; margin: 5px; text-align: left; padding: 3px; min-width: 180px; vertical-align: top; display: inline-block; } .OPListCont { display: none; border: #cfcfcf 1px solid; border-radius: 5px; margin: 15px; margin-top: 10px; padding: 10px; box-sizing: border-box; max-height: 50px; color: #555; font-size: 12px; } .OPItem { display: inline-block; font-weight: 500; color: #555; font-size: 12px; max-width: 150px !important; white-space: nowrap; line-height: 20px; overflow: hidden; text-overflow: ellipsis; } .OPLogo { width: auto; height: 20px; float: right; margin-right: 10px; } .contentmenuitem > .OPLogo { height: 25px; } .buildingcodecont { box-sizing: border-box; /* padding-left: 50px;*/ padding-right: 50px; vertical-align: middle; transition: background-color 0.5s ease; width: 100%; background-color: #fff; overflow: hidden; white-space: nowrap; display: flex; } .buildingcode { font-family: "Oswald"; font-weight: 400; border: #dfdfdf 1px solid; color: #555; padding: 10px; margin: 5px; border-radius: 5px; font-size: 30px; box-shadow: 0 1px 10px 0 rgba(0,0,0,0.06); display: inline-block; flex-grow: 1; flex-shrink: 1; flex-basis: 0; text-align: center; transition: 0.2s ease-in-out all; } .saletotallabels { /* margin-right: 65px;*/ } .reportinfo { font-family: 'Poppins', sans-serif; float: right; display: inline-block; padding-right: 60px; } .reportheader { text-align: right; font-size: 24px !important; font-weight: 500 !important; } .saleitemdetails { text-align: left; display: inline-block; padding-left: 5px; } .rcont { font-family: "Roboto", "OpenSansLight", "stag","SegoeUI",MYRIADPRO,Calibri,Arial; font-weight: 500; font-size: 13px; color: #666; margin-left: 5px; padding: 5px; text-align: left; vertical-align: top; display: inline-block; } .rheadlbl { width: 90%; font-family: "Roboto", "OpenSansLight", "stag","SegoeUI",MYRIADPRO,Calibri,Arial; font-weight: 600; font-size: 14px; color: #999; margin: 5px; padding: 5px; text-align: left; vertical-align: top; display: inline-block; border-bottom: #cfcfcf 1px solid; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } td.rhead { font-family: "Roboto", "OpenSansLight", "stag","SegoeUI",MYRIADPRO,Calibri,Arial; font-size: 12px; color: #000; font-weight: 500; margin: 10px; text-align: left; padding: 10px; min-width: 30px; vertical-align: top; display: table-cell; background-color: #fff; } .panelcontdata:has(.portaliframe) { overflow: hidden; } .panelcont .portaliframe { height: calc(100vh - 8%) !important; } .panelcont td.rhead { background-color: #FDFDFD; } .lh { line-height: 0px !important; } .lhi { line-height: 30px !important; } .refdet { position: absolute; top: 25px; left: 12px; font-size: 12px; color: #aaa; text-transform: capitalize; } .reftype { position: relative; top: -8px; } .RefPending { padding: 3px !important; /*background-color: #fff !important;*/ color: #FFBB33 !important; width: auto; font-weight: bold; font-size: 14px !important; display: inline; } .RefApproved { padding: 3px !important; /*background-color: #fff !important;*/ color: #8BC34A !important; width: auto; font-weight: bold; font-size: 12px !important; display: inline; } .RefDenied { padding: 3px !important; /*background-color: #fff !important;*/ color: #F44336 !important; width: auto; font-weight: bold; font-size: 14px !important; display: inline; } .exprow .rhead { display: table-cell !important; } .repClas { display: inline-flex; width: 100%; } .repdes { float: right; margin-right: 67px; } .mw { min-width: 100px; } .inpbx { min-width: 75% !important; } .headsort { font-weight: 500 !important; position: relative; } .headsort::after { position: absolute; font-family: "Material Icons"; font-size: 14px; content: 'unfold_more'; right: 5px; } .tablemw { /* min-width: 180px !important;*/ } td.rcont { vertical-align: top; display: table-cell; /*white-space: nowrap;*/ overflow: hidden; text-overflow: ellipsis; font-weight: 400; font-size: 12px !important; /*z-index: -1;*/ /*width: 105px;*/ } .head { position: sticky; z-index: 1; top: -5px; } .Neheader { width: 110px !important; font-weight: 500 !important; border-bottom: #dfdfdf 1px solid; border-right: #dfdfdf 1px solid; padding: 10px; box-sizing: border-box; } .parentstaffdiv { width: auto; overflow-x: scroll !important; /*margin-left: 200px !important;*/ overflow-y: visible !important; position: initial !important; } .parentstaffdiv:empty { display: none; } .parenthead { width: 220px !important; height: 65px !important; border-top: #DFDFDF 0px solid; } .headcol { /*position: absolute;*/ width: 5em; left: 14px; margin: 0px; height: 45px; margin: 0px !important; } .ovrflwcont .stafftd:first-child { position: sticky !important; z-index: 5 !important; top: -5px !important; background: #fff !important; z-index: 1 !important; /* filter: drop-shadow(rgba(0, 0, 0, 0.0) 0px 1px 6px) drop-shadow(rgba(0, 0, 0, 0.06) 0px 2px 32px);*/ } .stafftimehead { padding-left: 15px !important; } .parentstaffdiv thead th:nth-child(2) { /*first cell in the header*/ position: relative; display: block; /*seperates the first cell in the header from the header*/ background: white; } .parentstaffdiv thead th:nth-child(1) { /*the first cell in each tr*/ min-width: 0px !important; } .parentstaffdiv thead { position: relative; display: block; /*seperates the header from the body allowing it to be positioned*/ width: 1000px; overflow: visible; } .parentstaffdiv thead th { min-width: 120px; height: 32px; } .parentstaffdiv tbody { position: relative; display: block; /*seperates the tbody from the header*/ width: 1000px; height: 500px; overflow: auto; } .parentstaffdiv tbody:hover, .parentstaffdiv tbody:active { overflow: overlay; } .parentstaffdiv tbody td { min-width: 215px; } .parentstaffdiv table { position: relative; width: 1000px; overflow: auto; border-collapse: collapse; } .parentstaffdiv th.rcont { vertical-align: top; display: table-cell; /*white-space: nowrap;*/ overflow: hidden; text-overflow: ellipsis; font-weight: 400; font-size: 14px !important; } .parentstaffdiv tbody tr td:nth-child(1) { /*the first cell in each tr*/ min-width: 0px !important; } .parentstaffdiv tbody tr td:nth-child(2) { /*the first cell in each tr*/ position: relative; display: block; /*seperates the first column from the tbody*/ background: white; height: 46px; z-index: 1000; } .rheading { background-color: #f5f5f5 !important; } .rheadingsub { background-color: #fcfcfc !important; } .rcont-head { font-family: "Roboto"; margin: 3px 0px; font-weight: normal !important; font-size: 10px !important; min-width: 80px; color: #999; } .exprow { background-color: #f2f2f2; height: auto; text-indent: 5px; border-left: #000 3px solid; width: 90% !important; overflow: auto; } .exprow > td { /*border-left: #999 3px solid;*/ } .ScannerContList > div { border:none !important; } .ScannerContList { border:none !important; } #ScannerCont__dashboard_section_csr { opacity: 0; } #ScannerCont__dashboard_section { max-width: 95%; } #ScannerCont__dashboard_section_csr button { padding: 20px; border-radius: 5px; margin: 10px; box-sizing: border-box; min-width: 200px; color: #fff; border: #fff 0px solid; background: rgba(11, 177, 11, 1); } .scannercbclose { font-family: "Icons"; font-size: 30px; font-weight: lighter; float: right; position: absolute; right: 30px; top: 10px; width: 30px; color: #fff; z-index:2; } .grid .rhead { padding-left: 0px; } .gridtr .grid .rcont { padding-left: 10px; } .exprow .rhead { display: inline-block; } .exprow .rcont { display: inline-block; } .tag { color: #fff; font-size: 11px; background-color: #9E4CDF; margin-left: 3px !important; padding: 5px; text-shadow: none; border-radius: 5px; min-width: 10px; display: inline !important; } .viptag { color: #fff; font-size: 11px; background-color: #cc0000; margin: 0px !important; margin-left: 3px !important; padding: 5px; text-shadow: none; border-radius: 5px; display: inline; } .ressection { margin-top: 15px; border-top: #cfcfcf 1px solid; } .nrescont { font-family: "Roboto", "stag","SegoeUI",MYRIADPRO,Calibri,Arial; width: 95%; text-align: left; padding: 10px; font-size: 13px; overflow: hidden; overflow-x: hidden; /*height: 100%;*/ } .stagecont { margin: 10px; padding: 0px; font-family: "Roboto"; font-size: 13px; } .stage { padding: 13px; margin: 5px; display: inline-block; background-color: #559825; color: #fff; margin-right: 5px; margin-top: 5px; border-radius: 5px; transition: 0.5s ease-in-out all; } .stageincomp { padding: 13px; margin: 5px; display: inline-block; background-color: #CFCFCF; color: #333; margin-right: 5px; margin-top: 5px; border-top-right-radius: 80px; border-bottom-right-radius: 80px; border-top-left-radius: 20px; border-bottom-left-radius: 20px; transition: 0.5s ease-in-out all; } .ordcont { position: relative; margin: 10px; padding: 0px; width: 250px; height: auto; display: inline-grid; -animation: BOX 0.2s ease-out infinite; -o-animation-iteration-count: 1; -webkit-animation: BOX 0.2s ease-out infinite; -webkit-animation-iteration-count: 1; animation: BOX 0.2s ease-out infinite; animation-iteration-count: 1; box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.06); transition: 0.2s ease-in-out all; } .ordcont:hover, .ordcont:active, .ordcont:focus { transform: scale(1.05); } .salecont { position: relative; margin: 10px; padding: 0px; width: 173px; height: auto; display: inline-block; -animation: BOX 0.2s ease-out infinite; -o-animation-iteration-count: 1; -webkit-animation: BOX 0.2s ease-out infinite; -webkit-animation-iteration-count: 1; animation: BOX 0.2s ease-out infinite; animation-iteration-count: 1; } .salemcont { position: relative; margin: 0px; padding: 10px; height: 80px; max-height: 80px; background-color: #BFBFBF; webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -khtml-background-size: cover; background-size: cover; background-repeat: no-repeat; border: #DFDFDF 1px solid; border-bottom: #DFDFDF 0px solid; } .ordmcont { position: relative; margin: 0px; padding: 10px; height: 80px; max-height: 80px; background-color: #BFBFBF; webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -khtml-background-size: cover; background-size: cover; background-position: center; background-repeat: no-repeat; border: #efefef 1px solid; border-bottom: #DFDFDF 0px solid; border-top-left-radius: 5px; border-top-right-radius: 5px; } .mt { margin-top: 23px !important; } .foodordquant { background-color: rgba(85, 152, 37, 0.50); color: #000; font-weight: 500; font-size: 16px; border-radius: 5px; padding: 5px; min-width: 25px !important; text-align: center !important; display: inline-block; box-sizing: border-box; line-height: 20px; } .eventtitle { font-family: "Roboto","Oswald","mosino"; font-weight: 500; font-size: 20px; color: #333; text-align: left; vertical-align: middle; margin-bottom: 15px; width: 100%; } .orddet { font-family: "Roboto"; font-size: 14px; margin: 0px; padding: 5px; min-height: 65px !important; border: #efefef 1px solid; box-sizing: border-box; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .orddet .rhead { min-width: auto; } .orddet .eventtitle { margin-left: 10px; } .ordnum { font-family: "Roboto"; font-size: 13px; font-weight: 600; color: #fff; border-radius: 5px; padding: 5px; padding-left: 10px; padding-right: 10px; background: rgba(0,0,0,0.8); text-align: center; } .ordnum .label { color: #fff !important; } .cmtbottom { border-bottom: #efefef 1px solid; height: 10px; } .comtcont { border: #dfdfdf 1px solid; padding: 10px; margin: 10px; margin-bottom: 0px; position: relative; box-shadow: none; border-radius: 5px; transition: 0.5s ease-in-out all; background-color: #fff; } .comtcont > textarea { outline: none; border: none; width: 99% !important; -webkit-box-shadow: 0 0px 0px rgba(0,0,0,0.25), inset 0 0px 0px #CFCFCF; -moz-box-shadow: 0 0px 0px rgba(0,0,0,0.25), inset 0 0px 0px #CFCFCF; box-shadow: 0 0px 0px rgba(0,0,0,0.25), inset 0 0px 0px #CFCFCF; } .reqcont { position: relative; margin: 10px; padding: 0px; width: 200px; min-height: 220px; display: inline-block; /*-animation: BOX 0.2s ease-out infinite; -o-animation-iteration-count: 1; -webkit-animation: BOX 0.2s ease-out infinite; -webkit-animation-iteration-count: 1; animation: BOX 0.2s ease-out infinite; animation-iteration-count: 1;*/ } .reqmcont { border-radius: 0px !important; position: relative; margin: 0px; padding: 10px; height: 100px; min-height: 100px; /*background-color: #BFBFBF;*/ webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -khtml-background-size: cover; background-size: cover; background-repeat: no-repeat; border: #DFDFDF 1px solid; border-bottom: #DFDFDF 0px solid; } .reqdet { font-family: "Roboto"; font-size: 12px; margin: 0px; padding: 0px; min-height: 60px; border: #DFDFDF 1px solid; } .reqnum { font-family: "Roboto"; font-size: 18px; color: #fff; padding: 20px; /*padding-left: 10px; padding-right: 10px;*/ /*background: rgba(0,0,0,0.7);*/ text-align: center; } .msgunread { margin-top: 10px; border-top: #E83A27 1px solid !important; background-color: #fcf8a6; } .vitalsign { padding: 10px; border: #efefef 1px solid; box-shadow: 0 1px 10px 0 rgba(0,0,0,0.06); display: inline-block; border-radius: 5px; text-align: center; margin: 5px; } .vitalsignicon { font-family: 'Material Icons'; display: block; font-size: 26px; } .vitalsigntext { display: block; } .threadcont { margin: 10px; text-align: center; /* padding-bottom:100px;*/ } .chatcont .threadcont { padding-bottom: 100px; } .threadcontpadd { padding-bottom: 100px; } .systemevent { padding-bottom: 20px; border-top: #f1f1f1 1px solid; width: 50px; } .activityitem > .systemevent:first-child { max-width: 20px; } .systemeventicon { width: 60px; } .threadmsg { width: 95%; /*-animation: BOX 0.3s ease-out infinite; -o-animation-iteration-count:1; -webkit-animation: BOX 0.3s ease-out infinite; -webkit-animation-iteration-count: 1; animation: BOX 0.3s ease-out infinite; animation-iteration-count: 1; box-sizing:border-box;*/ } .threadimg { border: #AAA 0px solid; margin: 10px; width: 40px; height: auto; border-radius: 60px; } .threadimghidden { visibility: hidden; } .threadimgsmall { border: #ccc 1px solid; margin: 10px; margin-right: 20px; width: 45px; min-height: 45px; height: auto; border-radius: 60px; vertical-align: top; background-size: cover; background-position: top; background-repeat: no-repeat; } .POData { width: 700px; margin-left: auto; margin-right: auto; box-shadow: 0 1px 10px 0 rgba(0,0,0,0.06); padding: 10px; box-sizing: border-box; background-color: #fff; } .Card { font-family: "Roboto"; display: inline-block; font-weight: 400; margin: 10px; padding: 10px; background-color: #FFF; box-shadow: 0 1px 10px 0 rgba(0,0,0,.06); border: #f3f3f3 1px solid; border-radius: 5px; box-sizing: border-box; /*-animation: BOX 0.2s ease-out infinite; -o-animation-iteration-count:1; -webkit-animation: BOX 0.2s ease-out infinite; -webkit-animation-iteration-count: 1; animation: BOX 0.2s ease-out infinite; animation-iteration-count: 1; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ transition: 0.1s ease-in-out all; } .Card:active { transform: scale(0.98); } .autocomplitem .threadimgsmall { margin-right: 10px; } .CustomerCard .threadimgsmall { margin: 5px; } .autocomplitem .label { font-size: 11px; } /*.autocomplitem #GuestName { max-width:150px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display:inline-block; }*/ .autocomplitem .label { } .btn { margin-left: 10px !important; margin-right: 10px !important; margin-top: 10px !important; color: #333 !important; font-size: 12px !important; font-weight: normal !important; font-family: "Roboto"; background-color: #fff !important; padding: 8px; padding-left: 15px; padding-right: 15px; display: inline-block; margin: 5px; text-shadow: #000 0 0px 0px; border-radius: 30px !important; border: #dfdfdf 1px solid; user-select: none; } .WorkOrderConfigs.btn { margin-top: 2px !important; border: 1px solid #BFBFBF !important; } .hkstng { display: none; margin-top: 20px; } .hkborder { border: 0px solid #f2f2f2; margin-top: 2%; padding: 10px; } .btnprimary { width: auto !important; font-family: "Roboto"; font-weight: 400; font-size: 12px; border: 1px solid #09bcf7; border-radius: 5px; background-color: #35cbfc; white-space: nowrap; vertical-align: middle; color: #fff; cursor: pointer; margin: 10px; padding: 10px; -webkit-box-shadow: inset rgba(255,255,255,0.06) 0 1px 0, inset rgba(0,0,0,0.06) 0 -1px 0, rgba(0,0,0,0.06) 0 1px 1px; -moz-box-shadow: inset rgba(255,255,255,0.06) 0 0px 0,inset rgba(0,0,0,0.06) 0 -1px 0,rgba(0,0,0,0.06) 0 1px 1px; box-shadow: inset rgba(255,255,255,0.06) 0 1px 0, inset rgba(0,0,0,0.06) 0 -1px 0, rgba(0,0,0,0.06) 0 1px 1px; } .tabheader { width: 100%; height: auto !important; min-height: 54px; border: none; border-bottom: #efefef 1px solid; display: inline-block; overflow: hidden; overflow-y: hidden; white-space: nowrap; position: sticky; top: -10px; z-index: 2; background-color: #FDFDFD; overflow-x: auto; } .tabheader::-webkit-scrollbar { height: 8px; } .tabheader::-webkit-scrollbar-thumb { background-color: #bbb; border-radius: 4px; } .tabheader::-webkit-scrollbar-thumb:hover { background-color: #999; } .tabheader::-webkit-scrollbar-track { background-color: #eaeaea; border-radius: 4px; } .tabbtn { /* background-color: #fff;*/ font-family: "Roboto"; padding: 5px; vertical-align: middle; text-align: center; line-height: 30px; width: 80px; min-width: 80px; min-height: 30px; margin: 5px; display: inline-block; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: 0.2s ease-in-out; color: #999; border: none; font-weight: 500; font-size: 12px; border-bottom: transparent 3px solid; border-radius: 0px; } } .tabbtn:hover { color: #27ca47; font-family: "Roboto"; font-size: 12px; font-weight: 600; padding: 5px; vertical-align: middle; vertical-align: middle; text-align: center; line-height: 30px; border-radius: 2px; width: auto; min-width: 80px; min-height: 30px; display: inline-block; margin: 5px; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: 0.5s ease-in-out; } .tabbtn:active { color: #27ca47; font-family: "Roboto"; font-size: 12px; font-weight: 600; padding: 5px; vertical-align: middle; vertical-align: middle; text-align: center; line-height: 30px; border-radius: 2px; width: auto; min-width: 80px; min-height: 30px; display: inline-block; margin: 5px; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: 0.5s ease-in-out; } .tabbtnactive { position: relative; color: #27ca47; border-bottom: #27ca47 0px solid; font-family: "Roboto"; font-size: 12px; font-weight: 600; padding: 5px; vertical-align: middle; vertical-align: middle; text-align: center; line-height: 30px; border-radius: 2px; width: auto; min-width: 80px; min-height: 30px; display: inline-block; margin: 5px; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: 0.5s ease-in-out; } /* .tabbtnactive::after { content: "\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0"; position: absolute; bottom: 0px; width: auto; left: 50%; transform: translateX(-50%); margin-right: auto; border-bottom: 2px #27ca47 solid; -animation: SlideLeft 0.3s ease; -webkit-animation: SlideLeft 0.3s ease; animation: SlideLeft 0.3s ease; }*/ .tabs { font-family: "Roboto", "OpenSansLight", "stag","SegoeUI",MYRIADPRO,Calibri,Arial; border: #CFCFCF 0px solid; border-top: #F3F3F3 0px solid; overflow: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; /*-webkit-box-shadow: inset rgba(255,255,255,0.2) 0 1px 0,inset rgba(0,0,0,0.10) 0 -1px 0,rgba(0,0,0,0.14) 0 0px 1px; -moz-box-shadow: inset rgba(255,255,255,0.2) 0 1px 0,inset rgba(0,0,0,0.10) 0 -1px 0,rgba(0,0,0,0.14) 0 0px 1px; box-shadow: inset rgba(255,255,255,0.2) 0 1px 0,inset rgba(0,0,0,0.10) 0 -1px 0,rgba(0,0,0,0.14) 0 0px 1px;*/ background-color: none; margin: 0px; transition: 0.1s; padding-top: 10px; } .tabpage { overflow: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; display: none; padding-top: 10px; min-height: 280px; height: auto; /*padding-left:10px;*/ transition: 0.1s; overflow: hidden; } .tabpage:hover, .tabpage:focus { overflow: overlay; overflow-x: hidden; } /*TEMP*/ div#timeslotcont { max-height: 300px; overflow: auto; } .packlistcontiner { white-space: nowrap; overflow: hidden; overflow-x: auto; text-overflow: ellipsis; width: 100%; } .packcontdis { position: relative; border: #dfdfdf 1px solid; display: inline-block; margin: 5px; margin-right: 10px; padding: 5px; min-height: 100px; min-width: 150px; border-radius: 5px; background-color: #fff; box-shadow: 0 1px 10px 0 rgba(0,0,0,0.06); transition: 0.2s ease-in-out all; float: left; box-sizing: border-box; } .packcontdis .rcont, .label { font-size: 12px; margin-left: 0px; padding-left: 5px; } .packcontdisalt { background: rgba(186, 119, 255,0.2); color: rgba(186, 119, 255,1); } .packcontdis:hover { transform: scale(1.03); box-shadow: 0 1px 10px 0 rgba(0,0,0,0.16); } .packcontdis > .rcont { max-width: 100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .packcontdisclose { font-family: "Icons"; font-size: 20px; position: absolute; right: 5%; top: 5%; width: 40px; height: 40px; text-align: right; } .packcontdiscomprmv { font-family: "Icons"; font-size: 20px; position: absolute; right: 5%; top: 5%; width: 40px; height: 40px; text-align: right; } .packcontdisicon { font-family: "Icons"; font-size: 25px; margin: 5px; text-align: center; } .packcontdisaction { width: 100%; font-weight: 500; font-size: 12px; color: #666; padding: 5px; text-align: center; vertical-align: top; display: inline-block; } .SDetail > .label { padding: 0px; display: block; margin-bottom: 10px; } .srchcont { position: absolute; top: 10px; left: 10px; /*width: 100%;*/ text-align: center; } .listitemsrchinp { width: 100% !important; border: #cfcfcf 1px solid !important; box-shadow: none !important; padding: 30px !important; font-weight: normal; color: #333 !important; font-size: 14px !important; margin: 0px !important; margin-bottom: 10px !important; margin-top: 10px !important; } /*.pricingcont > div { width: 1% !important; } */ .listitems { font-size: 13px; height: 30px; padding: 10px; color: #777; background-color: #FBFBFB; -webkit-box-shadow: inset rgba(255,255,255,0.2) 0 1px 0,inset rgba(0,0,0,0.10) 0 -1px 0,rgba(0,0,0,0.14) 0 0px 1px; -moz-box-shadow: inset rgba(255,255,255,0.2) 0 1px 0,inset rgba(0,0,0,0.10) 0 -1px 0,rgba(0,0,0,0.14) 0 0px 1px; box-shadow: inset rgba(255,255,255,0.2) 0 1px 0,inset rgba(0,0,0,0.10) 0 -1px 0,rgba(0,0,0,0.14) 0 0px 1px; text-overflow: ellipsis-word; } .Reflistitems { font-family: "Roboto","Roboto", "Roboto", "OpenSansLight", "stag","SegoeUI",MYRIADPRO,Calibri,Arial; font-size: 13px; height: 60px !important; text-indent: 10px; font-weight: 500; padding: 12px; color: #777; background-color: #FBFBFB; border: #efefef 1px solid !important; border-radius: 5px; text-overflow: ellipsis; text-align: left; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .Reflistitems:hover { border: #dfdfdf 1px solid; background-color: #F5F5F5; -webkit-box-shadow: inset rgba(255,255,255,0.2) 0 1px 0,inset rgba(0,0,0,0.10) 0 -1px 0,rgba(0,0,0,0.14) 0 0px 1px; -moz-box-shadow: inset rgba(255,255,255,0.2) 0 1px 0,inset rgba(0,0,0,0.10) 0 -1px 0,rgba(0,0,0,0.14) 0 0px 1px; box-shadow: inset rgba(255,255,255,0.2) 0 1px 0,inset rgba(0,0,0,0.10) 0 -1px 0,rgba(0,0,0,0.14) 0 0px 1px; } .Reflistitems:active { background-color: #EFEFEF; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 1px 3px #CFCFCF; -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 1px 3px #CFCFCF; box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 1px 3px #CFCFCF; } .table { position: relative; display: table; width: 100%; padding: 0px; padding-top: 10px; } .tablerow { display: inline-table; /*height: 30px;*/ text-align: left; margin-bottom: 15px; margin: 5px !important; width: 100%; } .tablecell { display: table-cell; /*height: 80px;*/ text-align: left; vertical-align: middle; border-bottom: #cfcfcf 1px solid; width: 100%; line-height: 35px; position: relative; } .botmBorder { border-bottom: #cfcfcf 1px solid !important; } .tablecelldis { opacity: 0.5; background-color: #cfcfcf; } .tablecellsel { position: relative; border: #00cc00 0px solid !important; background-color: rgba(0, 204, 0, 0.2); color: rgba(0, 204, 0, 1); transition: 0.2s ease-in-out all; } .tablecellsel::after { /* position: absolute; right: 20px; top: 50%; transform: translateY(-50%);*/ float: left; content: "done"; font-family: "Material Icons"; font-size: 20px; color: inherit; -animation: SlideLeft 0.3s ease; -webkit-animation: SlideLeft 0.3s ease; animation: SlideLeft 0.3s ease; } .autocomplitem { padding: 10px; line-height: 30px; border-bottom: #cfcfcf 0px solid; border-radius: 5px; cursor: pointer; } .autocomplitem:hover, .autocomplitem:active, .autocomplitem:focus { background-color: #DBF4E4; color: #0BB10B !important; padding: 10px; } .autocomplitem > b { font-weight: 500; font-size: 14px !important; } .autocomplitem > .unassigned { margin-right: 0px; font-size: 10px; padding: 2px; height: auto; } .autocomplitem:hover .label, .autocomplitem:active .label, .autocomplitem:focus .label { color: #eee !important; } .schcont, .evtcont { font-family: "Roboto", "stag","SegoeUI",MYRIADPRO,Calibri,Arial; width: 400px; height: 300px; text-align: left; padding: 10px; font-size: 13px; overflow: auto; } .schcont input, label { margin: 5px; } .schcont select { padding: 2px; } .expsetlist { position: relative; } .expsetlist > select { position: relative; padding: 13px; background-color: #9e9e9e1c; border-radius: 5px; border: solid 1px #e8e8e8; box-shadow: none; } .expsetlist > select option { padding: 20px !important; } .expsetlist::after { font-family: 'Material Icons'; content: "expand_more"; position: absolute; top: 45%; right: 10px; font-size: 20px; transform: translateY(-50%); pointer-events: none; } .CustomerInfoCont { border-bottom: #efefef 0px solid; display: block; box-sizing: border-box; overflow: hidden; overflow-y: hidden; white-space: nowrap; width: 100%; } .CustomerInfoCont:hover, .CustomerInfoCont:active, .CustomerInfoCont:focus { overflow-x: auto; } .CustomerCard { font-family: "Roboto","Roboto", "Roboto", "OpenSansLight", "stag","SegoeUI",MYRIADPRO,Calibri,Arial; font-size: 13px; /* line-height: 40px;*/ min-height: 65px; width: auto; display: inline-table; text-indent: 10px; font-weight: 500; padding: 5px; padding-right: 10px; color: #777; background-color: #fff; border: #efefef 1px solid; /* box-shadow: 0 1px 5px 0px rgba(0,0,0,0.03);*/ margin: 5px; margin-bottom: 10px; border-radius: 5px; text-overflow: ellipsis; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition: 0.1s ease-in-out all; position: relative; } .CustomerCardName { display: inline-block; float: right; } .BioMetricCardName { display: inline-block; float: left !important; margin-top: 8px; } .BioMetricCard { font-family: "Roboto","Roboto", "Roboto", "OpenSansLight", "stag","SegoeUI",MYRIADPRO,Calibri,Arial; font-size: 13px; line-height: 40px; min-height: 65px; width: 80% !important; display: inline-table; text-indent: 10px; font-weight: 500; color: #777; background-color: #fff; border: #efefef 1px solid; box-shadow: 0 1px 10px 0px rgba(0,0,0,0.03); margin: 5px; border-radius: 8px; text-overflow: ellipsis; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition: 0.1s ease-in-out all; position: relative; } .CustomerCard .CustomerCardName { /* margin-top: 8px;*/ transform: translateY(130%); } .CustomerCardType { background-color: #3872DD; color: #fff; padding: 0px !important; line-height: 15px; position: absolute; top: -5px; left: 20px; border-radius: 10px; font-size: 10px; } .CustomerCardImg { display: inline-block; float: left; } .CustomerCardIcon { font-family: 'Material Icons'; display: inline-block; font-size: 35px; /* background-color: #f1f1f1;*/ border-radius: 50%; transform: translateY(20%); } .DispConttable { padding: 5px; box-sizing: border-box; margin-top: 50px; } .DispMapCont { margin-top: 35px; width: 100% !important; min-height: 500px; } .DispEventsCont { margin-top: 35px; } .actionbar { border-bottom: #efefef 1px solid; display: block; /* min-height: inherit;*/ box-sizing: border-box; overflow: hidden; overflow-y: hidden; white-space: nowrap; width: 100%; padding: 5px; padding-left: 0px; height: 60px; } .actionbar:empty { display: none; } .actionbarcust { } .menubarbutton { position: fixed; margin: 5px !important; padding: 10px !important; box-sizing: content-box; border-radius: 20px; box-shadow: none !important; color: #fff; background: inherit !important; border: rgba(255,255,255,0.2) 1px solid; bottom: 20px !important; width: 95%; box-sizing: border-box; } .menubarbutton:active { transform: scale(0.97); } .actionbarsticky { position: sticky; top: -22px; background-color: #fff; z-index: 1; } .actionbarnos { white-space: normal !important; } .actionbar:hover, .actionbar:active, .actionbar:focus { overflow-x: visible; } .cbactcont { position: absolute; bottom: 0px; width: 100%; padding: 10px; /* background-color: #EFEFEF;*/ background: rgba(250,250,250,0.5); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); border-top: #DADADA 0px solid; /* height: 90px;*/ overflow: hidden; /* -webkit-box-shadow: inset rgba(255,255,255,0.2) 0 1px 0,inset rgba(0,0,0,0.12) 0 -1px 0,rgba(0,0,0,0.14) 0 1px 1px; -moz-box-shadow: inset rgba(255,255,255,0.2) 0 1px 0,inset rgba(0,0,0,0.12) 0 -1px 0,rgba(0,0,0,0.14) 0 1px 1px; box-shadow: inset rgba(255,255,255,0.2) 0 1px 0,inset rgba(0,0,0,0.12) 0 -1px 0,rgba(0,0,0,0.14) 0 1px 1px;*/ text-align: center; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .toast .cbactcont { position:fixed; left:0px; width:100%; } .sactcont { position: absolute; bottom: 0px; width: 100%; background-color: #EFEFEF; border-top: #DADADA 1px solid; height: 60px; overflow: hidden; -webkit-box-shadow: inset rgba(255,255,255,0.2) 0 1px 0,inset rgba(0,0,0,0.12) 0 -1px 0,rgba(0,0,0,0.14) 0 1px 1px; -moz-box-shadow: inset rgba(255,255,255,0.2) 0 1px 0,inset rgba(0,0,0,0.12) 0 -1px 0,rgba(0,0,0,0.14) 0 1px 1px; box-shadow: inset rgba(255,255,255,0.2) 0 1px 0,inset rgba(0,0,0,0.12) 0 -1px 0,rgba(0,0,0,0.14) 0 1px 1px; text-align: center; } .sactcont input[type=button] { height: 45px; width: 90%; max-width: 300px; vertical-align: middle; margin-top: 8px; -webkit-appearance: none; outline: 0 none; } .RN > a { color: #5C8BDB !important; font-weight: bold !important; } .borderstyle > a { color: #9a7dd1 !important; } .RN { color: #5C8BDB !important; font-weight: bold !important; } .Optlist { max-height: 50px; height: auto; padding: 10px; padding-left: 0px; padding-top: 0px; margin-top: 0px; margin-left: auto; margin-right: auto; overflow: hidden; overflow-y: hidden; white-space: nowrap; border-bottom: #f1f1f1 1px solid; background-color: inherit; position: sticky; top: -10px; z-index: 2; } .Optlist:hover { overflow: auto; overflow-y: hidden; } .Optlist:hover { overflow: auto; overflow-y: hidden; } .cbactcont input[type=button], .cbactcont .button { height: 30px; line-height: 30px; width: 90%; max-width: 300px; min-width: 90%; vertical-align: middle; margin-top: 8px; -webkit-appearance: none; outline: 0 none; } .cbactcont2 { position: absolute; bottom: 0px; width: 100%; background-color: #EFEFEF; height: 60px; overflow: hidden; -webkit-box-shadow: inset rgba(255,255,255,0.2) 0 1px 0,inset rgba(0,0,0,0.12) 0 -1px 0,rgba(0,0,0,0.14) 0 1px 1px; -moz-box-shadow: inset rgba(255,255,255,0.2) 0 1px 0,inset rgba(0,0,0,0.12) 0 -1px 0,rgba(0,0,0,0.14) 0 1px 1px; box-shadow: inset rgba(255,255,255,0.2) 0 1px 0,inset rgba(0,0,0,0.12) 0 -1px 0,rgba(0,0,0,0.14) 0 1px 1px; text-align: left; margin-top: 50px; } .cbactcont2 input[type=button] { height: 45px; width: 90%; max-width: 150px; vertical-align: middle; margin-top: 8px; } .mapbox { overflow: hidden; border-radius: 5px; background: #FFF; border: #AAA 1px solid; font-size: 16px; font-family: "Roboto","OpenSansLight",calibri,Trebuchet MS, Verdana, Arial, sans-serif,"Agency FB"; position: fixed; display: none; z-index: 1002; min-width: 80%; max-width: 80%; min-height: 80%; max-height: 80%; top: 10%; left: 10%; } .seatingact { border: #00BCF2 0px solid; position: absolute; text-align: center; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; } .seating { position: absolute; text-align: center; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; } .seating:hover { border: #00BCF2 0px solid; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; } .seating:active { border: #00BCF2 0px solid; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; } .seating > img:hover { webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */ filter: grayscale(0%); } .seating > img:active { webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */ filter: grayscale(0%); } .seatclose { position: absolute; top: -5px; right: -10px; width: 30px; height: 30px; opacity: 1; display: none; } .seatingsel { border: #49b90e 1px solid !important; position: absolute; text-align: center; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; background-color: #FFF !important; } .seattitle { position: absolute; padding: 5px; top: 0px; right: 2px; width: 55px; height: 15px; opacity: 1; font-size: 11px; font-weight: 500; line-height: 14px; vertical-align: middle; color: #fff !important; background-color: #444; border-radius: 0px; width: auto; max-width: 55px; min-width: 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border: #fff 0px solid; transition: 0.2s ease-in-out; } .seattitle:hover, .seattitle:active { min-width: 120px; } .seatremove { font-family: "Icons"; font-weight: bold; position: absolute; padding: 5px; top: -15px; left: -10px; width: 55px; height: 15px; opacity: 1; font-size: 26px; line-height: 14px; vertical-align: middle; color: #333; border-radius: 0px; width: auto; max-width: 55px; min-width: 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border: #fff 0px solid; transition: 0.2s ease-in-out; z-index: 1000; } .atttitle { position: absolute; padding: 5px; bottom: -22px; right: -1%; width: 25px; height: 12px; opacity: 1; font-size: 10px; line-height: 14px; vertical-align: middle; color: #fff; border-radius: 0px; width: auto; max-width: 55px; min-width: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border: #fff 0px solid; border-top-left-radius: 10px; border-bottom-left-radius: 10px; transition: 0.2s ease-in-out; } .atttitle:hover, .atttitle:active { min-width: 120px; } .SeatBooked { opacity: 1 !important; border: none !important; } .SeatOpen > img { webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); } .seatlabel { color: #333; font-weight: bold; font-size: 14px; padding: 5px; margin: 0px; display: block; } .seatinp { position: absolute !important; font-weight: bold; font-size: 14px !important; padding: 0px !important; margin: 0px; border: none; background: none; display: inline-block; color: #9E9E9E; text-align: center; width: 80px !important; margin-left: -40px; left: 50% !important; top: 50% !important; height: 30px !important; margin-top: -15px; } .mapload { padding: 10px; margin: 10px; font-size: 16px; font-weight: bold; font-family: "Roboto"; } .seatdesigner { position: relative; overflow: auto; background-color: #E5E5E5; background-size: 20px 20px; background-image: repeating-linear-gradient(0deg, #fff, #fff 1px, transparent 1px, transparent 40px),repeating-linear-gradient(-90deg, #fff, #fff 1px, transparent 1px, transparent 40px); } .contentbox { background: #FFF; display: none; top: 10%; bottom: 10%; position: absolute; z-index: 1000001; margin-left: auto; margin-left: auto; padding: 0px; min-width: 300px; min-height: 100px; border-radius: 5px; /* -webkit-box-shadow: rgba(0,0,0,0.05) 0 1px 0, rgba(0,0,0,0.05) 0 -1px 0, rgba(0,0,0,0.05) 0 0px 1px; -moz-box-shadow: rgba(0,0,0,0.05) 0 1px 0, rgba(0,0,0,0.05) 0 -1px 0, rgba(0,0,0,0.05) 0 0px 1px; box-shadow: rgba(0,0,0,0.05)0 1px 0, rgba(0,0,0,0.05) 0 -1px 0, rgba(0,0,0,0.05) 0 0px 1px;*/ box-shadow: 0 1px 10px 0px rgb(0, 0, 0, 0.06); -animation: inphighlight .2s; -webkit-animation: inphighlight .2s; animation: inphighlight .2s; /* border-top-left-radius: 12px !important; border-top-right-radius: 12px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important;*/ } .cbheader { padding-left: 5px; padding-top: 5px; position: sticky; top: 0px; z-index: 1; min-height: 40px; height: 50px; line-height: 50px; width: 100%; font-family: "Roboto", "OpenSansLight", "stag","SegoeUI",MYRIADPRO,Calibri,Arial; font-size: 15px; font-weight: 500; /*color: #78C110;*/ color: #999; vertical-align: middle; text-align: left; border-bottom: #dfdfdf 0px solid; background-color: #fff; text-indent: 10px; border-top-left-radius: 12px !important; border-top-right-radius: 12px !important; } .cbtxt { position: relative; font-size: 14px; background-color: #FFF; font-family: "mosino"; width: 95%; margin: 0px; padding: 0px; padding-bottom: 50px; box-sizing: border-box; overflow: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; box-shadow: none !important; } .ptxt { position: relative; font-size: 16px; background-color: #FFF; font-family: "mosino"; width: 98%; margin: 0px; padding: 0px; overflow: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .paneltext { position: relative; font-size: 13px; font-weight: 500; background-color: #FFF; font-family: "Roboto", "OpenSansLight", "stag","SegoeUI",MYRIADPRO,Calibri,Arial; width: 45%; text-align: left; margin: 0px; padding: 5px; display: inline-block; overflow: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .jSignature { border: #cfcfcf 1px dashed !important; width: 98% !important; border-radius: 5px; min-height: 300px; } .btnfl { margin-left: 10px; } .buttoncont { background-color: #fff; min-height: 50px; } .cbbackbtn { position: absolute; font-family: "Icons"; font-size: 40px; font-weight: 300; max-width: 45px; float: right; position: absolute; left: 10px; top: 10px; width: 60px; color: #555; text-align: left; z-index: 2; text-shadow: 0 1px 1px #555; background-color: rgba(255,255,255,0.5); border-radius: 50px; /* box-shadow: 0 1px 10px 0 rgba(0,0,0,0.26);*/ } .cbtxt > input { padding: 20px; overflow: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .cbclose { font-family: "Icons"; font-size: 30px; font-weight: lighter; float: right; position: absolute; right: 30px; top: 10px; width: 30px; color: #aaa; } .cbminmax { font-family: "Icons"; font-size: 25px; font-weight: lighter; float: right; position: absolute; right: 80px; top: 10px; width: 30px; color: #aaa; } .todolistclose { font-family: "Icons"; font-size: 20px; font-weight: lighter; float: right; position: absolute; right: 30px; top: 15px; width: 30px; color: red; text-align: center; border-radius: 50%; } .count { font-family: "Roboto","mosino"; margin: 5px; border-radius: 5px; width: 20px; height: 20px; font-size: 12px; background-color: #e83a27; color: #FFF; padding: 5px; padding-left: 10px; padding-right: 10px; display: none; text-align: center; -animation: EMS 3s ease infinite; -webkit-animation: EMS 3s ease infinite; animation: EMS 3s ease infinite; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; } .scthumb { width: 200px; height: auto; border: #DFDFDF 2px solid; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; opacity: 0.8; } .scthumb:hover { border: #fff 2px solid; opacity: 1; } .menuico { display: none; margin-top: 10px; margin-left: 15px; width: 25px; height: auto; } #radiobtns { /*white-space: nowrap;*/ overflow: hidden; width: 100%; overflow-x: auto; margin-left: 0px; } form #radiobtns { padding-left: 0px; } .inpbad { border: #cc0000 1px solid !important; transition: 0.2s ease-in-out all !important; } .customgptchatcont { height: 70vh !important; overflow-y: scroll; } @keyframes inphighlight { 50% { transform: scale(1.02); } 100% { transform: scale(1); } } .inpconthighlight { animation-name: inphighlight; animation-duration: .2s; } .inpcont #radiobtns { padding-left: 0px; } .inpcontseltime { max-width: 70px !important; width: 70px !important; min-width: 70px !important; } .radiobuttonset { width: auto !important; overflow: hidden !important; display: inline-block; margin-top: 10px; margin-right: 10px; box-sizing: border-box; } .radiobuttonsetsep .ui-button { margin-left: 5px !important; margin-right: 5px !important; border-radius: 5px !important; } .activitysearch { margin-top: 34px !important; padding: 0px !important; text-align: center; } .rinfo { text-align: left; /*overflow: auto; height: auto;*/ } .EditPlayer { font-family: "Icons"; float: right; margin-right: 50px; font-size: 28px; font-weight: lighter; color: #555; } .frmLbl { min-width: 220px; margin-left: 8px; } .chzn-container { width: 90% !important; min-width: 500px !important; } .radioouter { color: #78C110; background-color: #fff; border: #78C110 1px solid; font-family: "Roboto"; font-size: 10px; width: 18%; margin: 2px; padding: 0px; display: inline-block; } .vis { visibility: hidden; } .radioouter:hover { color: #fff; background-color: #78C110; border: #78C110 1px solid; } .docBoxpad { padding: 10px; } .radioouteractive { color: #fff; background-color: #78C110; border: #78C110 1px solid; font-family: "Roboto"; font-size: 12px; padding: 5px; vertical-align: middle; vertical-align: middle; text-align: center; line-height: 30px; border-radius: 2px; width: 80px; min-width: 80px; min-height: 30px; display: inline-block; margin: 5px; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .fc-toolbar { margin: 40px; } .v { border: 1px solid #02E38E !important; background: #9E9E9E url(../images/ui-bg_glass_65_ffffff_1x400.png) 50% !important; font-weight: normal !important; /*padding:10px !important;*/ } .radiobtns > .ui-state-default { padding: 0px; } .ui-state-default { border-radius: 0px; } .ui-state-default:first-child { margin-left: 0px !important; /*border-top-left-radius:5px !important; border-bottom-left-radius:5px !important;*/ } .ui-state-default:last-child { /*border-top-right-radius:5px !important; border-bottom-right-radius:5px !important;*/ } .ui-state-active { background: #02E38E !important; background-image: none; color: #fff !important; text-shadow: #555 0px 0px 1px; border: #05cf83 1px solid !important; } .selectWrapper { border-radius: 9px; display: inline-block; border: 1px solid #cccccc; } .selectBox { width: 120px; height: 10px; border: 0px; outline: none; } .dropzonestyle { width: 99%; max-width: 750px; height: 50px; margin: 10px; border: #e1e1e1 1px solid; height: auto !important; border-radius: 5px; text-align: center; } .inpcont .dropzone { border: none !important; padding: inherit; min-height: inherit; } .hide { display: none; } .disHide { display: none !important; } .resdeparted { border-left: #75A7B4 3px solid; color: #75A7B4 !important; } .rstimeitem > .resdeparted { background-color: #75A7B4; color: #fff !important; border-radius: 5px; } .resparking { border-left: #aaa 3px solid; color: #fff !important; } .rstimeitem > .resparking { background-color: #aaa; color: #fff !important; border-radius: 5px; } .resretrieving { border-left: #ff8f22 3px solid; color: #fff !important; } .rstimeitem > .resretrieving { background-color: #ff8f22; color: #fff !important; border-radius: 5px; } .resrequested { border-left: #9642ea 3px solid; color: #9642ea !important; } .resrequestaccepted { border-left: #75a7b4 3px solid; color: #75a7b4 !important; } .resrequestdeclined { border-left: #b51a62 3px solid; color: #b51a62 !important; } .ressecuritydeclined { border-left: #034182 3px solid; color: #034182 !important; } .respassed { border-left: #02e38e 3px solid; color: #02e38e !important; } .rcont > .respassed { font-family: "Roboto"; font-size: 13px; padding: 5px; border-radius: 5px; border: none !important; color: #FFF; max-height: 20px; line-height: 20px; vertical-align: middle; text-align: center; background: #DBF4E4 !important; color: #0BB10B !important; display: inline-block !important; } .requestaccepted { font-family: "Roboto"; font-size: 13px; padding: 5px; border-radius: 5px; color: #FFF; max-height: 20px; line-height: 20px; vertical-align: middle; text-align: center; border-left: 5px solid #75a7b4; background: #75a7b4; } .requestdeclined { font-family: "Roboto"; font-size: 13px; padding: 5px; border-radius: 5px; color: #FFF; max-height: 20px; line-height: 20px; vertical-align: middle; text-align: center; border-left: 5px solid #b51a62; background: #b51a62; } .securitydeclined { font-family: "Roboto"; font-size: 13px; padding: 5px; border-radius: 5px; color: #FFF; max-height: 20px; line-height: 20px; vertical-align: middle; text-align: center; border-left: 5px solid #034182; background: #034182; } .rstimeitem > .resrequested { background-color: #9642ea; color: #fff !important; border-radius: 5px; } .resreceived { border-left: #99CC00 5px solid; color: #fff !important; } .rstimeitem > .resreceived { background-color: #99CC00; color: #fff !important; border-radius: 5px; } .resparked { border-left: #78c110 5px solid; color: #fff !important; } .rstimeitem > .resparked { background-color: #78c110; color: #fff !important; border-radius: 5px; } .resretrieved { border-left: #4c9fc5 5px solid; color: #fff !important; } .rstimeitem > .resretrieved { background-color: #4c9fc5; color: #fff !important; border-radius: 5px; } .Retrieving { font-family: "Roboto"; font-size: 13px; padding: 10px; border-radius: 5px; color: #FFF; min-width: 40px; max-height: 20px; line-height: 20px; vertical-align: middle; text-align: center; background-color: #ff8f22 !important; } .Parked { font-family: "Roboto"; font-size: 13px; padding: 10px; border-radius: 5px; color: #FFF; min-width: 40px; max-height: 20px; line-height: 20px; vertical-align: middle; text-align: center; background-color: #78c110 !important; } .Departed { font-family: "Roboto"; font-size: 13px; padding: 10px; border-radius: 5px; color: #FFF; min-width: 40px; max-height: 20px; line-height: 20px; vertical-align: middle; text-align: center; background-color: #e83a27 !important; } .Requested { font-family: "Roboto"; font-size: 13px; padding: 10px; border-radius: 5px; color: #FFF; min-width: 40px; max-height: 20px; line-height: 20px; vertical-align: middle; text-align: center; background-color: #9642ea !important; } .Parking { font-family: "Roboto"; font-size: 13px; padding: 10px; border-radius: 5px; color: #FFF; min-width: 40px; max-height: 20px; line-height: 20px; vertical-align: middle; text-align: center; background-color: #3872DD !important; } .devst { font-family: "Roboto"; font-size: 13px; padding: 10px; border-radius: 5px; color: #FFF; background-color: #FF9800 !important; margin-top: -30px; margin-right: 5px; height: 5px; width: 30px; } .ondev { background-color: yellowgreen !important; } .dest { margin-top: -6px; text-align: center; margin-left: -2px; } .Received { font-family: "Roboto"; font-size: 13px; padding: 10px; border-radius: 5px; color: #FFF; min-width: 40px; max-height: 20px; line-height: 20px; vertical-align: middle; text-align: center; background-color: #99CC00 !important; } .Retrieved { font-family: "Roboto"; font-size: 13px; padding: 10px; border-radius: 5px; color: #FFF; min-width: 40px; max-height: 20px; line-height: 20px; vertical-align: middle; text-align: center; background-color: #4c9fc5 !important; } .uploadcont { text-align: left; padding: 5px; box-sizing: border-box; width: 95%; } .cdrivebtn { display: inline-block; border: #cfcfcf 0px solid; width: 90px; height: 90px; margin: 10px; text-align: center; } .cdrivebtn:hover { border: #cfcfcf 1px solid; } .cdrivebtn > img { width: 70px; height: 70px; margin-left: 0px; } .inspreportitem, .website_checklist { border: #eee 1px solid !important; border-radius: 5px; } .llabel { font-family: "Roboto","mosino"; font-weight: 400; font-size: 16px; color: #999; margin-top: 0px; text-align: center; } .panelcont { z-index: 100001; padding-bottom: 10px; padding-top: 5px; background-color: #FDFDFD; position: fixed; top: 0px; right: -500px; width: 600px; -moz-box-shadow: 0 1px 5px 0 rgba(0,0,0,.10); -webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,.10); box-shadow: 0 1px 5px 0 rgba(0,0,0,.10); /*filter: drop-shadow(rgba(0, 0, 0, 0.06) 0px 1px 6px) drop-shadow(rgba(0, 0, 0, 0.06) 0px 2px 32px);*/ display: none; text-align: left; overflow: hidden; overflow-x: hidden; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ padding-top: constant(safe-area-inset-top); /* iOS 11.0 */ padding-top: env(safe-area-inset-top); /* iOS 11.2 */ transition: all 0.2s ease-in-out; } .panelcontexp { width: 90% !important; height: 90vh !important; top: 5%; left: 5%; border-radius: 5px; } .panelcontheader { /*margin-bottom: 15px;*/ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ border-bottom: #efefef 0px solid; height: 35px; } .panelcontdata { padding: 10px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ overflow: auto; overflow-x: auto !important; height: 100%; padding-bottom: 100px; scroll-behavior: smooth; } .panelcontbox { overflow: auto; overflow-x: hidden; position: relative; padding: 0px; /* padding-top: 10px;*/ overflow: hidden; } .panelcontbox > * { margin-top: 0px; } .panelcontbox .llabel { margin: 20px 5px 5px 15px; text-align: left; } .contentbox .llabel { text-align: left; } .FoodCardCont { position: absolute; top: 10px; right: 10px; padding: 10px; box-sizing: border-box; background-color: #000; border-radius: 500px; line-height: 30px; color: #fff; transition: 0.2s ease-in-out all; } .FoodCardCont:active { transform: scale(0.98); } .FoodCardContAdded { -webkit-animation: Added 2.0s ease-in-out; animation: Added 2.0s ease-in-out; } .FoodCart { font-family: 'Material Icons'; color: #000; font-size: 25px; color: #fff; display: inline-block; vertical-align: middle; } .FoodCartQuant { color: #fff; display: inline-block; vertical-align: middle; } .fullscreen { font-family: 'Material Icons'; color: #000; font-size: 50px !important; } .crdw { width: 390px; } .filterssing.ui-buttonset > .ui-button { margin: 5px !important; border-radius: 5px !important; } .filterssing.ui-buttonset:last-child > .ui-button { margin: 5px !important; border-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-top-left-radius: 5px !important; border-bottom-left-radius: 5px !important; } .filterssing > .ui-state-active { padding-right: 10px !important; } .filterssing > .ui-state-active::after { font-family: 'Material Icons'; font-size: 16px; content: 'check'; position: absolute; right: 2px; color: #fff; top: 0; } .seperator { position: relative; width: 100%; padding: 5px; border-bottom: #f3f3f3 1px solid; margin-bottom: 10px; margin-top: 10px; box-sizing: border-box; color: #02214d; font-weight: 600; } .seperatorver { position: absolute; top: 0px; bottom: 0; left: 46%; padding: 1px; background-color: #f3f3f3; } .expandablesep::after { font-family: 'Material Icons'; font-size: 16px; content: 'unfold_less'; float: right; } .collandablesep::after { font-family: 'Material Icons'; font-size: 16px; content: 'unfold_more'; float: right; } .collandablesep .seperator { display:none; } .seperatorheading { /*position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; font-size: 10px;*/ /* background-color: #f1f1f1;*/ /*padding: 5px; margin: 5px; border-radius: 5px; color: #000 !important; font-weight: 500;*/ } .imagetck { height: 35px; width: 35px; /*float: right; margin-bottom: -30px; margin-right: 30px;*/ } .prodtitle { font-size: 14px; margin: 8px; color: #fff; position: absolute; right: 8px; bottom: 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 85%; text-transform: capitalize; } .prodcaption { font-size: 11px; margin: 5px; color: #fff; position: absolute; left: 8px; bottom: 50px; } .productlist { border: #cfcfcf 0px solid; display: inline-block; transition: 0.2s ease-in-out all; } .Productscroll { overflow: hidden; } .Productscroll:hover, .Productscroll:focus { overflow: overlay; } .saleorder { position: relative; float: right; min-width: 300px; max-width: 500px; border-left: #cfcfcf 1px solid; min-height: 100vh; display: inline-block; min-height: 100vh; } .salesitems { overflow: auto; padding: 5px; height: 63%; border: #cfcfcf 0px solid; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .paycardcont { position: relative; background: rgb(74,163,242); background: linear-gradient(90deg, rgba(74,163,242,1) 0%, rgba(175,146,251,1) 100%); border-radius: 10px; width: 100%; min-height: 200px; margin: 20px; margin-left: auto; margin-right: auto; padding: 20px; box-sizing: border-box; transition: 0.2s all ease-in-out; box-shadow: 0 0 25px 2px rgba(100,100,100, 0.2) !important; } .paycardcont:hover { transform: scale(1.02); } .overviewdatacont > .paycardcont { margin: 0px; min-height: 120px; padding: 8px; width: 95%; margin: 5px; background: rgb(74, 163, 242); } .overviewdatacont .paycardfooter { height: auto; } .keycard { width: 420px; height: 200px; margin: 10px; } .synceddoor { display: inline-block; } .keycard .croom { margin-top: 0px; } .paycardtitle { font-size: 18px !important; color: #fff !important; text-shadow: 0 1px 1px 1px #ccc; box-sizing: border-box; } .paycardsubtitle { font-size: 12px; margin-top: 10px; color: #fff !important; text-shadow: 0 1px 1px 1px #ccc; box-sizing: border-box; } .paycardfooter { position: absolute; bottom: 0px; left: 0px; height: 50px; line-height: 20px; width: 100%; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background: rgba(255,255,255,0.2); padding: 10px; padding-left: 20px; padding-right: 20px; color: #eee !important; font-size: 12px; box-sizing: border-box; /* backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px);*/ } .paycardcardnum { float: left; color: #eee !important; } .paycardcont .label { color: #eee !important; } .paycardcardexp { float: right; } .paymentitems { display: none; padding: 10px; height: 90%; border: #cfcfcf 0px solid; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .SetDefault { color: #333; font-size: 12px; font-weight: normal; font-family: "Roboto"; background-color: #f1f1f1; padding: 8px; padding-left: 15px; padding-right: 15px; display: inline-block; margin: 5px; text-shadow: #000 0 0px 0px; border-radius: 30px; transition: width 2s, transform 2s; } .CardContIcon { display: inline-block; font-family: "Material Icons"; font-size: 22px; color: #333; background-color: #f1f1f1; z-index: 1; padding: 10px; margin-top: 0px; margin-left: 0px; margin-bottom: 5px; box-sizing: border-box; border-radius: 50%; } .HKCont { user-select: none; -webkit-user-select: none; } .salestotalcont { /* background-color: #fff;*/ border-top: #e1e1e1 1px solid; position: absolute; height: auto; /*min-height: 150px;*/ width: 100% !important; bottom: 30px; height: 180px; vertical-align: bottom; padding: 10px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .salestotal { text-align: center; padding: 10px; position: relative; background-color: #02E38E; min-height: 50px; width: 100% !important; font-size: 24px; font-weight: 600; color: #fff; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .saleitemcont { position: relative; margin: 5px; padding: 15px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; position: relative; /* Opera/IE 8+ */ background-color: #fff; border-radius: 0px; border-bottom: #f1f1f1 1px solid; } .saleitemcont:hover { background-color: #f1f1f1; } .saleitemcont:active { background-color: #f1f1f1; } .saleitemcontent { position: relative; margin: 0px; margin-top: 10px; padding: 15px; padding-left: 15px; padding-right: 15px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; position: relative; /* Opera/IE 8+ */ /* background-color: #fff;*/ border-radius: 5px; border: #f1f1f1 1px solid; } .saleitemcontent:hover { background-color: #f1f1f1; } .saleitemcontent:active { background-color: #f1f1f1; } .saleitemcontentactive { background-color: #fff; border: #efefef 1px solid; box-shadow: 0 1px 10px 0 rgba(0,0,0,0.06); border-top-left-radius: 5px; border-top-right-radius: 5px; } .additemcont { border: #f1f1f1 0px solid; left: 0px; width: 100%; padding: 20px; bottom: -65px; position: absolute; z-index: 1; background-color: #fff; border: #efefef 1px solid; box-shadow: 0 1px 10px 0 rgba(0,0,0,0.06); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; box-sizing: border-box; } .itemoptadd, .itemoptsub, .itemoptdel, .itemoptprom, .itemoptstaff { font-size: 20px; display: inline !important; margin: 10px; box-sizing: border-box; cursor: pointer; -webkit-user-select: none; /* Chrome all / Safari all */ -moz-user-select: none; /* Firefox all */ -ms-user-select: none; /* IE 10+ */ user-select: none; /* Likely future */ font-family: "Icons"; background-color: #aaa; padding: 10px; border-radius: 50px; box-sizing: border-box; width: 45px; height: 45px; text-align: center; } .itemoptadd { background: rgba(186, 119, 255,0.4); color: rgba(186, 119, 255,1); } .itemoptsub { background: rgba(156, 207, 57,0.4); color: rgba(156, 207, 57,1); } .itemoptdel { background: rgba(239, 79, 133,0.4); color: rgba(239, 79, 133,1); } .itemoptprom { background: rgba(186, 119, 255,0.4); color: rgba(186, 119, 255,1); } .itemoptstaff { background: rgba(156, 207, 57,0.4); color: rgba(156, 207, 57,1); } .saleitempormo, .pormodiscount { color: red; } .separator { margin-left: 0px; top: 0%; left: -65px; padding: 27.5px; border-right: #dfdfdf 1px solid; position: absolute; } .separatorcont { margin-top: 5px; padding: 5px; border-radius: 5px; border: #f1f1f1 1px solid; /* box-shadow:0 1px 5px 0px rgba(0,0,0,0.06);*/ } .separatorcont:hover { background-color: #fefefe; } .del { /*right: -32px; position: relative; top: -39px;*/ } .itemopt { /*display: grid;*/ } .couponclick { margin: 5px; padding: 15px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; position: relative; /* Opera/IE 8+ */ background-color: #fff; border-radius: 5px; border-bottom: #f1f1f1 1px solid; } .couponclick:hover { background-color: #d1d1d1; } .saleitem { font-size: 14px; font-weight: 500; color: #000; display: inline; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 50px; text-transform: capitalize; } .saleitemquant { display: inline; font-size: 12px; font-weight: 600; color: #888; } .saleitemprice { position: absolute; top: 15px; right: 10px; font-size: 16px; color: #04be78; font-weight: 00; } .invoiceitemprice { position: absolute; top: 15px; left: 490px; right: 0.px; font-size: 16px; color: #04be78; font-weight: 00; } .saleitemamount { padding-top: 22px; float: right; } .saleitemdet { padding: 10px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .saleitemcode { font-size: 12px; font-weight: 600; color: #04be78; } .bgclr { background: white; } .salerprod { position: relative; margin: 10px; padding: 0px; width: 175px; min-height: 150px; margin: 10px; border: #F1F1F1 1px solid; display: inline-block; box-shadow: 0px 1px 10px 0 rgba(0,0,0,0.06); border-radius: 10px !important; -animation: BOX 0.2s ease-out infinite; -o-animation-iteration-count: 1; -webkit-animation: BOX 0.2s ease-out infinite; -webkit-animation-iteration-count: 1; animation: BOX 0.2s ease-out infinite; animation-iteration-count: 1; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .salerprod:hover, .salerprod:active { transform: scale(0.97); } .posactbar { height: 30px; padding: 10px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .tablerow:nth-child(even) { background: #f5f5f5; } .consearch { float: left; position: initial; padding-bottom: 10px; } .quadrat { width: 50px; height: 40px; color: #fff !important; -webkit-animation: flash linear 2s infinite; -moz-animation: flash linear 2s infinite; -o-animation: flash linear 2s infinite; animation: flash linear 2s infinite; } .simulatedevicebar { height: 50px; color: #fff; width: 100%; line-height: 50px; padding-left: 10px; } .simulateddevice { width: 97%; height: 97%; position: fixed; z-index: 10000; left: 1.5%; top: 0.5%; border: #000 2px solid; box-sizing: border-box; background-color: #0B0C0E; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .simulateddevicemobile { max-width: 414px; max-height: 896px; left: 50%; top: 50%; transform: translate(-50%, -50%); } .simulateddevicecollaps { bottom: 10px; right: 10px; height: 50px; top: auto; left: auto; border-radius: 5px; transform: none; max-width: 300px; } .simulateddevicecollaps > .simulateddeviceiframe { height: 0px; } .simulateddeviceiframe { width: 100%; height: 95%; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: none; background-color: transparent; } .menucatshead { font-family: "Roboto"; font-size: 12px; color: #02214d; font-weight: 600; text-shadow: none; text-transform: capitalize; padding: 10px; margin: 5px; margin-left: 0px; border-bottom: #f3f3f3 1px solid; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .documentlabel { font-family: "Roboto","Oswald","mosino"; font-size: 12px; color: #668FEF; text-align: left; vertical-align: middle; font-weight: 500; margin: 10px; /* width: 100%;*/ } .documentitem > .menucatshead { border: none; } .menucatscont { overflow: auto; overflow-y: hidden; white-space: nowrap; width: 100%; } .smartitem { max-width: 160px !important; min-height: 80px !important; } .smartcontfl { padding: 23px !important; font-weight: 400 !important; min-height: 0px !important; } .smartcontdet { text-align: center; padding: 5px; font-size: 14px; font-weight: 600; min-height: 40px; max-height: 40px; overflow: hidden; text-overflow: ellipsis; } .smartcontdet:empty { height: 40px; } .toast .smartcont { width: 100% !important; min-width: 100% !important; max-width: auto !important; border: none; margin-left: 0px; box-shadow: none; background-color: inherit; } .toast .smartcontimgcont { width: 150px; height: 150px; } .smartcontclimatecont { background-color: #fff; vertical-align: middle; display: inline-block; height: 150px; width: 150px; font-size: 70px; font-family: "Roboto"; font-weight: 500; border-radius: 10px; margin: 10px; padding: 10px; background-color: #fff !important; transition: background-color 0.8s ease; border: #efefef 1px solid; } .smartconttemp { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 70px; transition: 0.5s ease-in-out all; } .smartconttempmoved { position: absolute; top: -50px; font-size: 20px; } .smartconttempdeg { font-weight: 400; font-size: 12px; } .smartcontclimatebutton { font-family: "Icons"; font-size: 25px; margin: 10px; padding: 10px; box-sizing: border-box; display: inline-block; border-radius: 50%; background-color: #fff !important; /* box-shadow: 0 1px 20px 0px rgba(0,0,0,0.06);*/ transition: background-color 0.8s ease; border: #efefef 1px solid; } .smartcontclimatebutton:active { transform: scale(0.97); } .smartcontclimatebuttoninc { } .smartcontclimatebuttondec { } .SmartControlsCont { padding: 10px; box-sizing: border-box; } .smartconttitlecont { line-height: 40px; box-sizing: border-box; } .smartconttitleimg { width: 50px; height: 50px; display: inline-block; text-align: center; vertical-align: middle; line-height: 50px; margin: 5px; margin-right: 10px; padding: 15px; border-radius: 10px; box-sizing: border-box; background-color: #E3F6FF !important; } .smartconttitleimg > img { width: 30px; height: auto; transform: translate(-5px,-5px); vertical-align: middle; filter: grayscale(1); -webkit-filter: grayscale(50%); } .smartconttitle { color: #555; font-weight: 500; font-size: 14px; display: inline-block; } .smartcont { position: relative; font-family: "Roboto"; font-weight: 400; border: #ddd 1px solid; width: auto; width: 44%; max-width: 200px; min-height: 100px; margin: 10px; margin-right: 0px; padding: 10px; box-sizing: border-box; border: #F1F1F1 1px solid; border-radius: 10px; display: inline-block; box-shadow: 0 1px 10px 0 rgba(0,0,0,0.03); background-color: #fff; display: inline-block; text-align: center; /*transition: 0.2s ease-in-out all; transform:scale(1);*/ } .smartcont:active { transform: scale(0.95); transition: 0.2s ease-in-out all; } .smartcontimgconttitle { font-family: "Roboto"; font-weight: 500; font-size: 18px; color: #555; } .smartcontimgcont { background-color: #fff; vertical-align: middle; display: inline-block; height: 100px; width: 100px; border-radius: 50%; margin: 10px; background-color: #aaa !important; transition: background-color 0.8s ease; } .smartcontimgcontgood { background-color: #08aa08 !important; } .smartcontimgcontbad { background-color: #aa0808 !important; } .smartcontimgtitle { font-family: "Roboto"; font-weight: 400; font-size: 14px; color: #555; text-align: center; padding-left: 20%; padding-right: 20%; } .smartconticon { font-family: "Material Icons"; font-size: 45px; margin: 10px; margin-top: 50%; transform: translateY(-50%); -animation: BOX 0.3s ease-out infinite; -o-animation-iteration-count: 1; -webkit-animation: BOX 0.3s ease-out infinite; -webkit-animation-iteration-count: 1; animation: BOX 0.3s ease-out infinite; animation-iteration-count: 1; } .smartcontdetcont { box-sizing: border-box; padding-left: 5%; padding-right: 5%; vertical-align: middle; transition: background-color 0.5s ease; width: 100%; padding: 0px; border-radius: 5px; overflow: hidden; white-space: nowrap; display: flex; } .smartcontdetitem { /* border-top: 2px #fff solid; */ text-align: center; margin-top: 20px; display: inline-block; margin: 5px; padding: 10px; font-weight: 600; flex-basis: 100%; flex-grow: 1; flex-shrink: 1; flex-basis: 0; text-align: center; transition: 0.2s ease-in-out all; border: #efefef 1px solid; border-radius: 10px; transition: 0.2s ease-in-out all; } .smartcontdetitem > .label, .smartcontdetitem > .MBoardCardTitle { text-align: left; margin: 10px; /* padding: 10px;*/ box-sizing: border-box; } .smartcontdetitem:active { transform: scale(0.98); } .IconMI { font-family: "Material Icons"; font-size: 14px; display: inline; } .materialicon { font-family: "Material Icons"; font-size: 30px; margin: 5px; padding: 10px; border-radius: 50%; margin-left: 5px; margin-right: 5px; background-color: #eee; -animation: BOX 0.3s ease-out infinite; -o-animation-iteration-count: 1; -webkit-animation: BOX 0.3s ease-out infinite; -webkit-animation-iteration-count: 1; animation: BOX 0.3s ease-out infinite; animation-iteration-count: 1; } .materialiconsmall { font-size: 20px; } .smartconticonimg { width: 50%; height: 50%; margin: 10px; margin-top: 50%; transform: translateY(-50%); -animation: BOX 0.3s ease-out infinite; -o-animation-iteration-count: 1; -webkit-animation: BOX 0.3s ease-out infinite; -webkit-animation-iteration-count: 1; animation: BOX 0.3s ease-out infinite; animation-iteration-count: 1; } .smartcontimgconton { background-color: #f6f49f !important; } .smartcontimgcontoff { background-color: #aaa !important; } /*@-webkit-keyframes NAME-YOUR-ANIMATION { 0%, 49% { background-color: #ff7d75; } 50%, 100% { background-color: #FFF; } }*/ @-webkit-keyframes flash { 0%, 49% { background-color: #ff4444; } 50%, 100% { background-color: rgba(255, 68, 68, 0.8); } } .rspending { background: green; color: #fff; padding: 10px; } .rsadue { background: red; color: #fff; padding: 10px; } @keyframes flash { 0%, 49% { background-color: #ff4444; } 50%, 100% { background-color: rgba(255, 68, 68, 0.8); } } .stafftdhead { width: 205px; float: left; display: flex; } .staffimgcont { position: relative; height: 50px; width: 70px; display: inline-block; } .stafftxtcont { width: 130px; float: right; padding-left: 0px; padding-top: 20px; text-transform: lowercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .stafftd { padding: 6px; width: 200px; min-width: 215px; border-right: 1px solid #DFDFDF; border-top: #DFDFDF 1px solid; } .confstafftd { padding: 6px; width: 187px; border-right: 1px solid #DFDFDF; } .staffbordertd { /*background-color: #DFDFDF;*/ width: 10px !important; border-left: #DFDFDF 10px solid; } .staffbordertdact { /*background-color: #99CC00;*/ width: 10px !important; border-left: #99CC00 10px solid; } .staffbordertdacthov { background-color: rgba(153, 204, 0, 0.5) !important; width: 10px !important; } .smartdeviceslist { float: left; } .cameralist { /* display: flex; flex-wrap: nowrap; overflow-x: auto;*/ } .smartdevicelist { /* float: left;*/ display: flex; flex-flow: wrap; } .pinned { text-align: left; } .staffreshead { width: 205px; height: 58px; position: absolute; padding: 5px 10px 5px 10px; background-color: skyblue; border-radius: 10px; padding-left: 10px; transition: background-color 0.5s ease; box-sizing: border-box; box-shadow: 0 1px 10px 0 rgba(0,0,0,0.16); transition: 0.2s ease-in-out all; z-index: 2; } .staffreshead:hover { transform: scale(1.05); min-height: 120px; z-index: 1; } .staffrespaid { border: #eb0ee7 3px solid; } .staffreshead:hover .stafftdtiny { display: inline-block; } .stafftdtiny { display: none; } .staffresfont { font-weight: 500; } .resreqbadge { font-family: "Icons"; font-size: 18px; color: #555; background-color: #fff; display: inline-block; position: absolute; right: -10px; top: -20px; padding: 5px; box-sizing: border-box; border-radius: 50%; box-shadow: 0 1px 10px 0 rgba(0,0,0,0.26); z-index: 0; } .resncustbadge { font-family: "Icons"; font-size: 18px; color: #555; background-color: #fff; display: inline-block; position: absolute; left: -10px; top: -20px; padding: 5px; box-sizing: border-box; border-radius: 50%; box-shadow: 0 1px 10px 0 rgba(0,0,0,0.26); z-index: 0; } .reshffillbadge { font-family: "Icons"; font-size: 18px; color: #555; background-color: #fff; display: inline-block; position: absolute; left: 50%; transform: translateX(-50%); top: -20px; padding: 5px; box-sizing: border-box; border-radius: 5px; box-shadow: 0 1px 10px 0 rgba(0,0,0,0.26); z-index: 0; } .toast { font-family: "Roboto"; font-weight: 400; font-size: 16px; display: none; /* Hidden by default. Visible on click */ width: 100%; min-width: 450px; /* Set a default minimum width */ max-width: 600px; min-height: 280px !important; height: auto; background-color: #fff; /* Black background color */ color: #555; /* White text color */ text-align: left !important; /* Centered text */ border-radius: 20px; /* Rounded borders */ padding: 5px !important; position: fixed; /* Sit on top of the screen */ z-index: 100001; /* Add a z-index if needed */ left: 50% !important; /* Center the snackbar */ top: 50% !important; box-shadow: 0 1px 20px 0 rgba(0,0,0,0.16); box-sizing: border-box; transition: 0.5s all ease-in-out; transform: translate(-50%,-50%) !important; -animation: inphighlightNT .2s; -webkit-animation: inphighlightNT .2s; animation: inphighlight .2s; } .toastmsg { padding: 10px; /* padding-left: 5%; padding-right: 5%;*/ font-size: 14px; } .toastclose { font-family: "Icons"; font-size: 22px; font-weight: bold; position: absolute; right: 10px; top: 10px; transition: 0.2s ease-in-out; } .toastclose:hover { background-color: #efefef; border-radius: 30px; } .toastbuttoncont { text-align: right; width: 95%; border-top: #cfcfcf 0px solid; margin-top: 10px; padding-top: 10px; position: absolute; bottom: 10px; right: 10px; } .checkoutandadd { position: absolute; right: 100px; bottom: 0px; width: initial !important; } .addcustomer { width: initial !important; } .toastbutton { border: #0BB10B 1px solid; background: #DBF4E4; color: #0BB10B; padding: 5px; padding-left: 5px; padding-right: 5px; border-radius: 40px; width: 80px; min-width: 80px; height: 40px; line-height: 40px; text-align: center; margin: 5px; display: inline-grid; float: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: 0.2s ease-in-out all; font-size: 12px; position: relative; user-select: none; } .toastbutton:hover, .toastbutton:focus, .toastbutton:active { background: #0BB10B; color: #fff; border: #27ca47 1px solid; } .toastbutton:active { background: #0BB10B; color: #fff; border: #27ca47 1px solid; transform: scale(0.97); } .toastbuttonneg { border: #be1010 1px solid; color: #be1010; } .toastbuttonneg:hover, .toastbuttonneg:focus, .toastbuttonneg:active { background-color: #8e0a0a; border: #8e0a0a 2px solid; color: #fff; } .toastbuttongen { border: #555 1px solid; color: #555; font-weight: 600; background-color: #fff; } .toastbuttongen:hover, .toastbuttongen:focus, .toastbuttongen:active { background-color: #555; border: #555 1px solid; color: #fff; } .toastbutton .Icons { position: absolute; top: 50%; transform: translateY(-50%); margin-left: 10px; } .toasticon { font-family: "Icons"; font-size: 22px; font-weight: bold; border: #666 1px solid; color: #555; width: 50px; height: 50px; box-sizing: border-box; padding: 13px; border-radius: 50%; position: absolute; left: 20px; top: 20px; margin-top: 10px; display: none; } .toasticonload { -webkit-animation: rotate 1s ease-out infinite; -webkit-animation-iteration-count: 1; -animation: rotate 1s ease-out infinite; animation: rotate 1s ease-out infinite; } .toasticonreroute { background-color: #0BB10B; transform: rotate(270deg); } .toastlocation { background-color: #057CFF !important; } .toastnolocation { background-color: #900c0c !important; } .toastdestination { background-color: #0BB10B !important; } .toastnopath { background-color: #900c0c !important; } .toasterror { background-color: #900c0c !important; } .toastimgcont { display: inline-block; height: 80px !important; width: 80px !important; padding: 10px; margin-left: 0px; margin-right: 20px; text-align: center; } .toastimg { height: 60px; width: 60px; } .bclr { background-color: #BBB; } .timelinebar { position: absolute; height: 2px; background-color: #ff0000; width: 100%; min-width: 100%; top: 0px; left: 0px; z-index: 1000; transition: 0.5s ease-in-out all; } .comImage { width: 100px; margin: 10px; margin-left: 0px; border-radius: 5px; } .comImageexp { width: auto; height: 200px; } .comImage { transition: 0.2s ease-in-out all; } .comImg { width: 250px; height: 150px; } .transback { position: fixed; display: none; width: 100%; height: 100vh; left: 0px; top: 0px; z-index: 10000; transition: 0.2s ease-in-out all; background: rgba(0,0,0,0.6); backdrop-filter: blur(1px); -webkit-backdrop-filter: blur(1px); } .pdfpage { padding: 30px; box-sizing: border-box; } .inpcont { position: relative; border: #ccc 0px solid; border-radius: 5px; min-height: 0; font-weight: 500; color: #333; /* font-size: 35px;*/ margin-top: 5px; transition: color 1s; padding: 10px; padding-left: 0px; } .inpconthidden { display: none; } .inpcont > .inpcont, .inpcont > .inpcont:hover, .inpcont > .inpcont:active { border: none; } .inpconthalf { width: 46.5% !important; margin-right: 5px; display: inline-table; } .inpcontquart { width: 21.5% !important; } .inpcont .inphead { position: absolute; top: -5px; left: 0px; /* padding: 5px; padding-left: 0px;*/ transition: 0.5s ease-in-out all; font-weight: normal; } .inpcont .ui-buttonset { padding: 5px; margin-top: 10px !important; margin-left: 0px; } .inpcont .button { margin-top: 10px !important; } .inpcont .rcont { padding: 0px; padding-left: 0px; } .inpcont .inphead { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left: 0px; font-size: 12px; } .inpcont input, .inpcont input:not([type=button]), .inpcont select { border: none; margin: 5px; margin-left: 0px; padding: 5px; border: 1px solid #DDD; border-radius: 5px; padding: 15px; padding-left: 15px; padding-right: 15px; height: 50px; } .inpconthalf input, .inpconthalf input:not([type=button]), .inpconthalf select { min-width: 100% !important; } .inpcont textarea { padding: 15px; margin-top: 10px; border: 1px solid #DDD !important; } .inpcont:hover, .inpcont:focus, .inpcont:active { /*border: #0a0 1px solid; background-color: #fff !important;*/ } .inpcont:hover .inphead, .inpcont:focus .inphead, .inpcont:active .inphead { color: #0a0; } .tscontainer { column-count: 3; column-rule-style: solid; column-rule-color: transparent; } .dfcoloum { margin: 10px; width: 99% !important; max-width: 99% !important; margin-left: 10px !important; /* overflow-x: auto;*/ border: 1px solid #efefef; border-radius: 5px; box-shadow: 0 1px 10px 0 rgba(0,0,0,.06); position: relative; } .dfcoloum > video { width: 99% !important; height: auto !important; } /* .dfcoloum:active::after, .dfcoloum:hover::after { top: 50%; left: 50%; background-color: rgba(0,0,0,0.5); width: 100px; height: 100px; position: absolute; content: "add_a_photo"; transform: translate(-50%,-50%); font-family: "Material Icons"; color: rgba(255,255,255,0.5) !important; font-size: 50px; color: inherit; z-index: 1; line-height: 100px; text-align: center; border-radius: 5px; vertical-align: middle; }*/ .capturecls { top: 50%; left: 50%; background-color: rgba(0,0,0,0.5); width: 100px; height: 100px; position: absolute; content: "add_a_photo"; transform: translate(-50%,-50%); font-family: "Material Icons"; color: rgba(255,255,255,0.5) !important; font-size: 50px; color: inherit; z-index: 1; line-height: 100px; text-align: center; border-radius: 5px; vertical-align: middle; } .scoloum { width: 99% !important; max-width: 99% !important; } .dtcoloum { width: 99% !important; max-width: 99% !important; } .dcoloum { overflow: auto; width: 99% !important; max-width: 99% !important; border: 1px solid #efefef; border-radius: 5px; box-shadow: 0 1px 10px 0 rgba(0,0,0,.06); } .dseperator { margin-left: 110px !important; } .vcoloum { min-width: 99% !important; margin-top: 10px !important; overflow-x: auto; border: 1px solid #efefef; border-radius: 5px; box-shadow: 0 1px 10px 0 rgba(0,0,0,.06); } .rdcoloum { min-width: 100% !important; overflow-x: auto; border: 1px solid #efefef; border-radius: 5px; box-shadow: 0 1px 10px 0 rgba(0,0,0,.06); } .rocoloum { min-width: 100% !important; margin-top: 10px !important; overflow-x: auto; border: 1px solid #efefef; border-radius: 5px; box-shadow: 0 1px 10px 0 rgba(0,0,0,.06); } .rpcoloum { min-width: 100% !important; margin-top: 10px !important; overflow-x: auto; border: 1px solid #efefef; border-radius: 5px; box-shadow: 0 1px 10px 0 rgba(0,0,0,.06); } .chead { font-weight: 500; width: 97.5%; background-color: #f1f1f1; padding: 10px; box-sizing: border-box; color: #333; font-size: 13px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .custviewcont { position: fixed; width: 100%; height: 100vh; z-index: 100001; background-color: #f1f1f1; top: 0px; left: 0px; box-sizing: border-box; padding: 30px; } .custviewdata { height: 100%; max-width: 600px; margin-left: auto; margin-right: auto; overflow: auto; background-color: #fff; box-shadow: 0 1px 10px 0px rgba(0,0,0,0.06); /* Need position to allow stacking of pseudo-elements */ position: relative; /* Padding for demo purposes */ padding: 30px; border-radius: 5px; } .custviewhidbtn { border: #aaa 0px solid; width: 100px; height: 50px; float: right; color: transparent; -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 */ } .roomcont { /* box-shadow: 0 1px 10px 0px rgba(0,0,0,0.03);*/ border: #efefef 1px solid; padding: 5px; box-sizing: border-box; background-color: #fff; } .roomcont #srchdisp { max-width: 300px; margin: 10px; } .unitplancont { /* margin: 10px;*/ border: #efefef 1px solid; padding: 10px; box-sizing: border-box; background-color: #fff; box-sizing: border-box; } .titletodo { line-height: 40px; } .statbox { overflow: auto; overflow-y: hidden; white-space: nowrap; /*width: 100%;*/ } .Cstart { right: 146px !important; position: absolute; top: 10px; } .start { right: 265px !important; position: absolute; top: 10px; } .Rgn { right: 365px !important; position: absolute; top: 10px; } .yardiiteminfo { margin-left: 8px !important; } .yardiitemdate { margin: 0px; padding: 5px; min-width: 120px !important; padding-left: 0px !important; } .alfredlockcont { height: 100%; margin-top: 10px; } #ComDevInfoCont .spinnerloaddark { width: 95% !important; } .dormaUinpcont { width: fit-content !important; } .largeiconhead { font-family: "Icons"; font-size: 36px; text-align: center; background-color: #FDC956; color: #fff; height: 120px; width: 120px; line-height: 120px; border-radius: 120px; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 20px; -animation: BOX 0.2s ease-out infinite; -o-animation-iteration-count: 1; -webkit-animation: BOX 0.2s ease-out infinite; -webkit-animation-iteration-count: 1; animation: BOX 0.2s ease-out infinite; animation-iteration-count: 1; } .keygenpending { transition: all 0.2s ease-in-out; animation: PULSIFY 1s ease-out infinite; -o-animation-iteration-count: infinite; -webkit-animation: PULSIFY 1s ease-out infinite; -webkit-animation-iteration-count: infinite; animation: PULSIFY 1s ease-out infinite; animation-iteration-count: infinite; } .fobkeymsg { text-align: center; } .keycomplete { background-color: #4DC878; } .keyfailed { background-color: #bb0d0d; } .hiddenmsg { color: rgba(0,0,0,0.2); text-align: center; font-weight: bold; text-align: center; margin: 5px; } .gwestatusbtn { background-color: #f6584c !important; color: #FFFFFF !important } .slideupmsg { -animation: SlideUp 1s ease; -webkit-animation: SlideUp 1s ease; animation: SlideUp 1s ease; } .circles { height: 300px; position: fixed; width: 300px; /*transform: translate(30px,-70px);*/ transform: translate(40%, 0px); } .circles > div { animation: growAndFade 3s infinite ease-out; background-color: rgb(11 177 11 / 0.75); border-radius: 50%; height: 100%; opacity: 0; position: absolute; width: 100%; } .circle1 { animation-delay: 1s; } .circle2 { animation-delay: 2s; } .circle3 { animation-delay: 3s; } #unlockspin .circles { transform: translate(78%, -20%); } .spinnerpopoverimg { width: auto; height: 200px; } .spinnerwrapper { margin-left: 40%; margin-right: 40%; width: 100%; min-height: 180px; min-width: 160px; overflow: hidden; position: relative; text-align: center; } .spinnerright { border: #0BB10B solid 5px; height: 160px; width: 160px; border-radius: 160px; border-top-color: transparent; border-left-color: transparent; position: absolute; transform: rotate(-45deg); animation: rota2 3000ms linear; -moz-animation: rota2 3000ms linear; -o-animation: rota2 3000ms linear; -webkit-animation: rota2 3000ms linear; } .spinnerleft { border: #0BB10B solid 5px; height: 160px; width: 160px; border-radius: 120px; border-bottom-color: transparent; border-right-color: transparent; position: absolute; transform: rotate(315deg); animation: rota 6000ms linear; -o-animation: rota 6000ms linear; -moz-animation: rota 6000ms linear; -webkit-animation: rota 6000ms linear; } .spinnerrightquick { animation: rota2 300ms linear; -moz-animation: rota2 300ms linear; -o-animation: rota2 300ms linear; -webkit-animation: rota2 300ms linear; } .spinnerleftquick { animation: rota 1500ms linear; -moz-animation: rota 1500ms linear; -o-animation: rota 1500ms linear; -webkit-animation: rota 1500ms linear; } .spinnermiddle { color: #0BB10B; font-size: 18px; display: flex; align-items: center; justify-content: center; flex-direction: column; width: 130px; height: 130px; left: 20px; top: 10px; border-radius: 150px; position: relative; z-index: 4; } .doorlockcontainer { display: flex; align-items: center; justify-content: center; min-height: 400px; } .doorlock { width: 24px; height: 21px; border: 3px solid var(--locked-color); border-radius: 5px; position: relative; cursor: pointer; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; transform: scale(1.3); } .doorlock:after { content: ""; display: block; background: var(--locked-color); width: 3px; height: 7px; position: absolute; top: 50%; left: 50%; margin: -3.5px 0 0 -2px; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .doorlock:before { content: ""; display: block; width: 10px; height: 10px; bottom: 100%; position: absolute; left: 50%; margin-left: -8px; border: 3px solid var(--locked-color); border-top-right-radius: 50%; border-top-left-radius: 50%; border-bottom: 0; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } /* Locked Hover */ .doorlock:hover:before { height: 12px; } /* Unlocked */ .doorunlocked { transition: 0.2s ease-in-out all; transform: rotate(10deg) scale(1.8); } .doorunlocked:before { bottom: 130%; left: 31%; margin-left: -11.5px; transform: rotate(-45deg); } .doorunlocked, .doorunlocked:before { border-color: var(--unlocked-color); } .doorunlocked:after { background: var(--unlocked-color); } /* Unlocked Hover */ .doorunlocked:hover { transform: rotate(3deg); } .doorunlocked:hover:before { height: 10px; left: 40%; bottom: 124%; transform: rotate(-30deg); } .spinnerpopover { background: rgba(255,255,255,0); /* backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px);*/ width: 80px; height: 162px; position: absolute; top: -3px; left: -3px; opacity: 0; z-index: 2; animation: popover 3000ms linear; -moz-animation: popover 3000ms linear; -o-animation: popover 3000ms linear; -webkit-animation: popover 3000ms linear; } .success-checkmark { width: 80px; height: 115px; margin: 0 auto; } .success-checkmark .check-icon { width: 80px; height: 80px; position: relative; border-radius: 50%; box-sizing: content-box; border: 4px solid #4caf50; } .success-checkmark .check-icon::before { top: 3px; left: -2px; width: 30px; transform-origin: 100% 50%; border-radius: 100px 0 0 100px; } .success-checkmark .check-icon::after { top: 0; left: 30px; width: 60px; transform-origin: 0 50%; border-radius: 0 100px 100px 0; animation: rotate-circle 4.25s ease-in; } .success-checkmark .check-icon::before, .success-checkmark .check-icon::after { content: ""; height: 100px; position: absolute; /*background: #ffffff;*/ transform: rotate(-45deg); background-color: rgba(30, 32, 40,0) !important; } .success-checkmark .check-icon .icon-line { height: 5px; background-color: #4caf50; display: block; border-radius: 2px; position: absolute; z-index: 10; } .success-checkmark .check-icon .icon-line.line-tip { top: 46px; left: 14px; width: 25px; transform: rotate(45deg); animation: icon-line-tip 0.75s; } .success-checkmark .check-icon .icon-line.line-long { top: 38px; right: 8px; width: 47px; transform: rotate(-45deg); animation: icon-line-long 0.75s; } .success-checkmark .check-icon .icon-circle { top: -4px; left: -4px; z-index: 10; width: 80px; height: 80px; border-radius: 50%; position: absolute; box-sizing: content-box; border: 4px solid rgba(76, 175, 80, 0.5); } .success-checkmark .check-icon .icon-fix { top: 8px; width: 5px; left: 26px; z-index: 1; height: 85px; position: absolute; transform: rotate(-45deg); /*background-color: #ffffff;*/ background-color: rgba(30, 32, 40,0) !important; } @keyframes icon-line-tip { 0% { width: 0; left: 1px; top: 19px; } 54% { width: 0; left: 1px; top: 19px; } 70% { width: 50px; left: -8px; top: 37px; } 84% { width: 17px; left: 21px; top: 48px; } 100% { width: 25px; left: 14px; top: 45px; } } @keyframes icon-line-long { 0% { width: 0; right: 46px; top: 54px; } 65% { width: 0; right: 46px; top: 54px; } 84% { width: 55px; right: 0px; top: 35px; } 100% { width: 47px; right: 8px; top: 38px; } } .mailfwdmsg { margin-bottom: 10px; } @media only screen and (min-width:1440) { .sidemenubar { width: 18%; } input:focus + .label { top: 40%; } .sidemenuadd { top: 93%; } .menubar { width: 7% !important; } .box { width: 172px; } #lbllanguage { width: auto !important; } } @media only screen and (max-width: 1100px) { .loginpageheadercont { width: 50%; transform: translate(-85%,-60%); } .messageboarditem { min-width: 48% !important; max-width: 48% !important; width: 48% !important; } .keycard { width: 45%; max-width: 45%; height: 200px; margin: 10px; } .salerprod { position: relative; margin: 10px; padding: 0px; width: 150px; min-height: 130px; margin: 5px; border: #F1F1F1 1px solid; display: inline-block; box-shadow: 0px 1px 1px #efefef; background-color: #f1f1f1; border-radius: 10px !important; -animation: BOX 0.2s ease-out infinite; -o-animation-iteration-count: 1; -webkit-animation: BOX 0.2s ease-out infinite; -webkit-animation-iteration-count: 1; animation: BOX 0.2s ease-out infinite; animation-iteration-count: 1; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .addproductbox { position: relative; margin: 5px !important; padding: 0px; max-width: 150px; max-height: 130px; min-height: 130px; } .prodtitle { font-size: 14px; } /* .sidemenubtn { display: inline-block !important; }*/ .panelcontdata { height: 95% !important; overflow-x: hidden; } /*.menubar { width: 250px; background-color: #384251; height: 100%; padding: 0px; float: left; -webkit-box-shadow: inset rgba(255,255,255,0.2) 0 1px 0,inset rgba(0,0,0,0.22) 0 -1px 0,rgba(0,0,0,0.14) 0 1px 2px; -moz-box-shadow: inset rgba(255,255,255,0.2) 0 1px 0,inset rgba(0,0,0,0.22) 0 -1px 0,rgba(0,0,0,0.14) 0 1px 2px; box-shadow: inset rgba(255,255,255,0.2) 0 1px 0,inset rgba(0,0,0,0.22) 0 -1px 0,rgba(0,0,0,0.14) 0 1px 2px; }*/ /* .menubar { display: none; width: 9%; } .sidemenubar { width: 18%; } .menu { text-indent: 20px; } .menusearchbar { min-height: 30px !important; } .box { width: 215px; } .menuitem { font-family: "Roboto","Roboto","Roboto", "OpenSansLight", "stag","SegoeUI",MYRIADPRO,Calibri,Arial; font-size: 18px; color: #999; line-height: 35px; height: 35px; padding: 10px; text-align: left; } .menuitem:hover { font-family: "Roboto","Roboto", "Roboto", "OpenSansLight", "stag","SegoeUI",MYRIADPRO,Calibri,Arial; color: #FFF; padding: 10px; text-align: left; } .menuimg { float: left; } .menuimg > img { width: 20px; }*/ .lstbox { float: left; width: 180px; background: #FFF; border-right: #DFDFDF 1px solid; height: 98%; overflow: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .listitem { font-size: 13px; /* height: 35px;*/ padding: 10px; position: relative; font-family: "Roboto", "RobotoLight", "OpenSansLight", "stag","SegoeUI",MYRIADPRO,Calibri,Arial; line-height: 30px; text-indent: 10px; margin: 5px; color: #333; background-color: #FBFBFB; border: #efefef 1px solid; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-radius: 5px; } .Productscroll { height: 602px !important; } .detsty { width: 181%; } } @media only screen and (min-width: 1400px) { .toast { width: 60%; min-width: 450px; /* Set a default minimum width */ min-height: 280px !important; /*max-height: 400px;*/ padding: 15px 30px 30px 70px; position: fixed; /* Sit on top of the screen */ z-index: 100001; /* Add a z-index if needed */ left: 50% !important; /* Center the snackbar */ top: 50% !important; border-radius: 5px; padding-top: 0px; transform: translate(-50%,-50%); } .toastbutton { border: #0BB10B 1px solid; padding: 1px; border-radius: 40px; width: 120px; min-width: 120px; height: 45px; line-height: 40px; box-sizing: border-box; } } .toastbuttongen { border: #555 1px solid; color: #555; background-color: #fff; } .toastmsg { padding: 10px; font-size: 14px; padding-top: 30px; padding-bottom: 50px; min-height: 50px; } @media only screen and (max-width: 900px) { .commloginbox { height: 200px; max-height: 200px; min-height: 200px; top: auto; left: auto; right: auto; width: 100% !important; bottom: 0px; border-radius: 0px; -animation: SlideUp 0.5s ease; -webkit-animation: SlideUp 0.5s ease; animation: SlideUp 0.5s ease; } .loginpageheadercont { width: 95% !important; transform: none; margin-top: 10%; left: auto; top: 25%; width: 50%; } .loginboxcontainerhead { display: block; width: 80%; text-align: left; } .forgetpass { margin: 30px; } .loginboxcontainer { display: none; } .loginboxfull { min-height: 85% !important; height: 85% !important; max-height: 85% !important; transition: 0.5s ease-in-out all; z-index: 10; max-width: 95% !important; min-width: 95% !important; width: 95% !important; left: 2.5% !important; right: 2.5% !important; bottom: 50px !important; border-radius: 5px !important; } .portallogocont { width: 90%; text-align: left; margin-bottom: 0px; } /* .quickhref { color: #E83A27 !important; }*/ .loginpageheader { font-size: 30px; } .loginpagesubheader { font-size: 16px; } .loginheading { margin-bottom: 0px; } .ccardcont { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; } .menuico { display: block; } } @media only screen and (max-width: 450px) { .mgbtm { margin-bottom: -5px !important; } .detsty { width: 114% !important; } .loginpageheadercont { top: 5%; } .loginpageheadericon > .loginpageheadericon { font-size: 50px; } .loginpageheadericon > .loginpageheader { font-size: 20px; } .loginpageheadericon > .loginpagesubheader { font-size: 12px; } } @media only screen and (max-width: 350px) { .detsty { width: 114% !important; } } @media only screen and (max-width: 800px) { .actionbarcust { border-bottom: #efefef 1px solid; display: block; /* min-height: inherit;*/ box-sizing: border-box; overflow: hidden; overflow-y: hidden; white-space: nowrap; width: 100%; padding: 5px; padding-left: 0px; height: 60px; } .actionbarcust .button { float: none !important; } .cardboxcont { width: 99%; } .keycard { width: 95%; max-width: 95%; height: 200px; margin: 10px; } .menubarappitemcont { width: 500px; max-width: 500px; transform: translateX(-50%); left: 50%; right: 50%; height: 80px; padding: 0px; bottom: 25px; border-radius: 10px; animation: none; } .navsrcbar { min-width: 50px; max-width: 50px; } .OPListContBar .OPItem { float: right; position: relative; font-size: 14px; margin-top: 10px; } .keycard { width: 98%; } .searchcont { width: 100%; } .popupbutton { width: 40px; height: 40px; line-height: 12px; font-size: 12px; } .loginpageheadercont { width: 95% !important; transform: none; margin-top: 10%; left: auto; top: 25%; } .loginboxcontainerhead { display: block; width: 80%; text-align: left; } .forgetpass { margin: 30px; } .loginboxcontainer { display: none; } .loginboxfull { min-height: 80% !important; height: 80% !important; min-height: 80% !important; max-height: 80% !important; transition: 0.5s ease-in-out all; z-index: 10; max-width: 95% !important; min-width: 95% !important; width: 95% !important; left: 2.5% !important; right: 2.5% !important; bottom: 50px !important; border-radius: 5px !important; } .portallogocont { width: 90%; text-align: left; margin-bottom: 0px; } .commloginbox { height: 200px; max-height: 200px; min-height: 200px; top: auto; left: auto; right: auto; width: 100% !important; bottom: 0px; border-radius: 0px; -animation: SlideUp 0.5s ease; -webkit-animation: SlideUp 0.5s ease; animation: SlideUp 0.5s ease; } .loginpageheader { font-size: 30px; } .loginpagesubheader { font-size: 16px; } .loginheading { margin-bottom: 0px; } .sidemenulist { overflow-y: auto; height: 90%; } .foodordtitle { font-size: 22px; } .actionbar:hover, .actionbar:active, .actionbar:focus, .actionbarcust:hover, .actionbarcust:active, .actionbarcust:focus { overflow-x: auto; } .mrbtm { padding-left: 10px; } .gridcontainer { margin: 5px; box-shadow: none; } .standpageheader { top: -10px; } .tui-full-calendar-weekday-grid-line .tui-full-calendar-weekday-grid-more-schedules { line-height: initial; font-size: 9px; } .tui-full-calendar-dayname-date { font-size: 12px; } .DispConttable { margin-top: 10px; } .DispMapCont { margin-top: 10px; } .DispEventsCont { margin-top: 10px; } .DispEventsCont:empty { margin: 0px; } .header, .fscont { display: none; } .cbactcont { height: 90px; } .cust360search { width: 100% !important; padding: 25px !important; padding-left: 40px !important; margin: 5px; } .actionbar, .actionbarcust { overflow-x: auto; } .content { padding-bottom: 100px !important; padding-top: constant(safe-area-inset-top); /* iOS 11.0 */ padding-top: env(safe-area-inset-top); /* iOS 11.2 */ border: red 0px solid; background-color: #fff; } .dcontent { height: 100vh; padding: 5px; width: 99%; padding-bottom: 100px; box-sizing: border-box; border: #000 0px solid; overflow-x: hidden !important; } .loginbox { margin-bottom: 60px; } .popupbuttoncont { bottom: 100px; position: fixed; } .userprofileitem { width: 98%; } .authinput { min-width: 15% !important; width: 15% !important; max-width: 30% !important; min-height: 60px !important; height: 60px !important; padding: 5px !important; font-size: 16px !important; margin: 2px !important; border-radius: 0px !important; } .OPItem { max-width: 50px !important; } .navarr { display: none; } .custviewcont { padding: 15px; } .custviewdata { max-width: 95%; padding: 15px; } .parentstaffdiv table { overflow: auto; } .parentstaffdiv tbody td.stafftimehead, .parenthead { min-width: 100px !important; max-width: 100px !important; width: 100px !important; } .parentstaffdiv tbody td.headcol { min-width: 100px !important; max-width: 100px !important; width: 100px !important; font-size: 10px; } .staffreshead { min-width: 235px !important; } .addspa, .stafftd { min-width: 100% !important; max-width: 100% !important; width: 100% !important; } .stafftdhead { /*min-width: 100px; max-width:100px; width:100px;*/ } .headcol { /*min-width: 100px; max-width:100px;*/ } .parentstaffdiv thead th { /*min-width: 100px; max-width:100px; width:100px;*/ } .DatesCont { overflow-x: auto; } .ui-buttonset { box-sizing: content-box; padding-right: 20px; width: 100px; } .genfilt > .ui-button { display: block; } .inpconthalf { width: 45% !important; } .quickcontrolscont { width: 90%; top: 40%; left: 80%; } .quickcontrol { float: left; width: 40%; height: 150px; } .tscontainer { column-count: 1; } .dfcoloum, .scoloum, .dtcoloum { display: inline-block; } .stage { width: 90%; margin-left: 0px; } .stageincomp { width: 90%; border-radius: 5px; margin-left: 0px; } .ftop { top: -52px; } .detsty { width: 184%; } .nrescont { font-family: "Roboto", "stag","SegoeUI",MYRIADPRO,Calibri,Arial; width: 100%; text-align: left; padding: 0px; font-size: 13px; overflow: hidden; overflow-x: hidden; box-sizing: border-box; /*height: 100%;*/ } .unassigned { font-size: 11px; } .dwidth { width: 100%; } .mr { margin-right: 25px; } .fir-image-figure { width: 100% !important; box-sizing: border-box; margin: 0px; margin-bottom: 5px; } .messageboarditem { min-width: 100% !important; max-width: 100% !important; width: 100% !important; } .toast { min-width: 93%; /* Set a default minimum width */ margin-left: 0; /* Divide value of min-width by 2 */ font-size: 14px; left: 1% !important; right: 1% !important; z-index: 2001; bottom: 20px !important; width: 98%; border-top: #ccc 0px solid; /* -moz-box-shadow: 0 5px 10px #333; -webkit-box-shadow: 0 5px 10px #333; box-shadow: 0px 5px 10px #333;*/ border-radius: 10px !important; transform: none !important; } .toastmsg { padding-left: 0%; padding-right: 0%; font-size: 13px; min-height: 80%; max-height: 300px; overflow: auto; overflow-x: hidden; } .toastbutton { max-width: 30% !important; word-wrap: break-word; width: 80px; min-width: 80px; height: 35px; line-height: 35px; } .toastbuttoncont { margin-top: 0px; border: none; } .contextmenucont { /* add for profile ui*/ top: 5%; } .frmLbl { min-width: 80px !important; margin-left: 8px; } .reqcont { width: 96%; } .ordcont { position: relative; margin: 5px; padding: 0px; width: 45%; height: auto; display: inline-block; -animation: BOX 0.2s ease-out infinite; -o-animation-iteration-count: 1; -webkit-animation: BOX 0.2s ease-out infinite; -webkit-animation-iteration-count: 1; animation: BOX 0.2s ease-out infinite; animation-iteration-count: 1; } .statbox { display: none; } .cbtxt { /*max-height: 100px;*/ width: 95%; box-sizing: border-box; } .mobv { width: 100%; margin-top: -40px; } .opfrm { margin-top: -10px; } .wcborder { margin-top: 7%; } .wcset { margin-top: -57px; margin-right: 87px; } .panelcont { z-index: 10001; position: fixed; top: 0px; margin-top: 0px; width: 100% !important; min-width: 300px; height: 100%; -moz-box-shadow: 0 1px 10px 0 rgba(0,0,0,.10); -webkit-box-shadow: 0 1px 10px 0 rgba(0,0,0,.10); box-shadow: 0 1px 10px 0 rgba(0,0,0,.10); } .border { margin-top: 8% !important; position: relative; } .itemcont { padding: 10px 5px 0 5px !important; } .itop { margin-top: 10px !important; } .btnfl { float: none !important; } .msearch { width: 95% !important; } .masignord { float: right; margin-top: 5px !important; } .statcont { margin: 5px; padding: 5px; font-size: 14px; min-height: 30px; min-width: 80px; } .searchinp { width: 260px !important; max-width: 350px; } .right-panel { width: 100%; min-width: 100%; } .menubarappitemcont { width: 500px; max-width: 500px; transform: translateX(-50%); left: 50%; right: 50%; height: 80px; padding: 0px; bottom: 25px; border-radius: 10px; } .menubar { width: 500px; max-width: 500px; transform: translateX(-50%); left: 50%; right: 50%; transition: .5s all ease; position: fixed; max-height: 70%; bottom: 130px; border-radius: 10px; z-index: 3; overflow: auto; overflow-y: hidden; white-space: nowrap; -animation: SlideUp 1s ease; -webkit-animation: SlideUp 1s ease; animation: SlideUp 1s ease; padding-top: 0px; display: none; animation: none; } .menuitems { padding: 10px; } .sidemenubar { /* padding: 10px 0 100px 0;*/ box-sizing: border-box; width: 98%; left: 1%; right: 1%; transition: .5s all ease; position: fixed; max-height: 330px; bottom: 100px; border-radius: 5px; z-index: 3; -animation: SlideUp 1s ease; -webkit-animation: SlideUp 1s ease; animation: SlideUp 1s ease; } .sidemenuhead { display: none; } .menuitem { width: 80%; display: block; text-align: center; transition: 0.2s ease-in-out all; border-radius: 5px; margin: 10px; padding: 30px; border: #424956 1px solid; background-color: rgba(0,0,0,0.04); background-color: #515A6A; } .menu { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 90%; } .langoptscont { padding: 10px 0 100px 0; box-sizing: border-box; padding: 10px 0 100px 0; box-sizing: border-box; width: 500px; max-width: 500px; transform: translateX(-50%); left: 50%; right: 50%; transition: .5s all ease; position: fixed; max-height: 320px; bottom: 130px; border-radius: 10px; z-index: 3; animation: none; } .langopts { width: 45%; display: inline-block; flex-basis: 100%; flex-grow: 1; flex-shrink: 1; flex-basis: 0; text-align: center; transition: 0.2s ease-in-out all; border-radius: 5px; margin: 10px; border: #424956 1px solid; background-color: rgba(0,0,0,0.04); } .opsoptscont { padding: 10px 0 100px 0; box-sizing: border-box; width: 500px; max-width: 500px; transform: translateX(-50%); left: 50%; right: 50%; transition: .5s all ease; position: fixed; max-height: 500px; bottom: 130px; border-radius: 5px; z-index: 3; animation: none; } .opopts { width: 95%; display: inline-block; flex-basis: 100%; flex-grow: 1; flex-shrink: 1; flex-basis: 0; text-align: center; transition: 0.2s ease-in-out all; border-radius: 5px; margin: 10px; border: #424956 1px solid; background-color: rgba(0,0,0,0.04); } .bg1, .bg2, .bg3 { left: -20% !important; } .loginbox { width: 95%; /*height: 90vh;*/ margin: 0px !important; z-index: 1; } .loginfooter { margin: 5px; } .contentbox { bottom: 5%; left: 2.5% !important; top: 5% !important; width: 95% !important; height: 90vh !important; border-top-left-radius: 12px !important; border-top-right-radius: 12px !important; border-bottom-left-radius: 12px !important; border-bottom-right-radius: 12px !important; } .ccardcont { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; } .lstbox { float: left; width: 100%; background: #FFF; border-right: #DFDFDF 1px solid; height: 98%; overflow: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .lheading { margin-top: 20px; color: #333; font-size: 28px; text-shadow: 0 1px 1px #FFF; } .pageheading { /* position:sticky;*/ display: block; margin-top: 20px; color: #333; font-size: 22px; text-shadow: 0 1px 1px #FFF; -animation: SlideLeft 1s ease; -webkit-animation: SlideLeft 1s ease; animation: SlideLeft 1s ease; } .mheading { margin-top: 5px; font-size: 22px; text-shadow: 0 1px 1px #FFF; } .loginboxcnt { text-align: center; } .datacont { width: 98%; display: block; } .detsty { width: 184%; } .keyaccessbtn { bottom: 150px; } } @media only screen and (max-width: 500px) { .menubarappitemcont { width: 100%; max-width: 100%; transform: none; left: 00%; right: 00%; height: 80px; padding: 0px; bottom: 0px; border-radius: 0px; } .menubar { width: 96%; max-width: 500px; transform: none; left: 2%; transition: .5s all ease; position: fixed; max-height: 500px; bottom: 100px; } .langoptscont { width: 96%; max-width: 500px; transform: none; left: 2%; transition: .5s all ease; position: fixed; max-height: 500px; bottom: 100px; } .opsoptscont { padding: 10px 0 100px 0; box-sizing: border-box; width: 96%; max-width: 500px; transform: none; left: 2%; transition: .5s all ease; position: fixed; max-height: 500px; bottom: 100px; border-radius: 5px; z-index: 3; -animation: SlideUp 1s ease; -webkit-animation: SlideUp 1s ease; animation: SlideUp 1s ease; } } @media only screen and (max-width: 400px) { .dwidth { width: 100%; } .detsty { width: 102% !important; } .contentbox { width: 100% !important; height: 100% !important; height:90%; } .imglogin { margin-top: 0%; } .loginheading { margin: 8px; } } @media (min-width: 731px) and (max-width: 800px) { #ProductSrch { max-width: 353px !important; } .posactionbtns { top: 15px; position: relative; } .mobileseperator { margin-bottom: 60px !important; top: 57px !important; } .Posfilters { margin: 10px 154px; } .Productscroll { height: 809px !important; text-align: center !important; } } @media print { @page { size: landscape; } body, div, p, table, span { font-family: "sans-serif", "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important; color: #333; } .menubar, .tabheader, .gridcontainerfilters, .header, #radiobtns, .choicelst, .choicelist, .choicelstactive, .inputbox, .expandres, .EditRes, .nice-select, .actionbtn, .statcont, #transback, .contentbox, .expandres, .btn, .EditRes, .sldel, .filterslist, .rstimeline, .searchfrm, .button, .menusearchbar, .Icons, .input, .nice-select filtbtn { display: none !important; visibility: hidden !important; } .panelcont, .gridcontainer, .grid { width: 100vh !important; height: 100% !important; min-width: 100vh !important; border: none !important; box-shadow: none !important; } .headsort { display: none; } .resInProgress, .resOnHold, .resPending, .resNoShow, .resCancelled, .resExpired, .resOverdue, .resConfirmed, .resArrived, .resCompleted, .resnone, .resblock, .resParSeated, .resSeated, .resEntree, .resCourse, .resDessert, .resAppertizer, .resCheck, .resPaid, .resBusTable, .resDeparted, .resStarted { color: #333 !important; } .dcontent { height: 100% !important; } .rhead, .ront { display: inline !important; } .label { color: #333 !important; } .rmn { height: auto !important; overflow: visible; } .content, .itemcont, .dcontent { border: none; background-color: #fff; height: auto !important; overflow: visible; box-shadow: 0 0px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0 0px 0px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0px 0px rgba(0,0,0,0.2); } .grid, .gridcontainer { width: 92% !important; box-shadow: none !important; } .rhead, .rcont { width: auto; min-width: 100%; } .label { display: none !important; } } .devicelogv { position: absolute; overflow: auto !important; width: 29%; height: 20.1%; } .transviewv { position: absolute; overflow-x: auto !important; overflow-y: hidden !important; width: 29%; } .pac-container { z-index: 1000000; } .calinfocont { position: relative; /*border:1px solid #E5E5E5;*/ /*background-color:#fff;*/ } .eventcont { padding-top: 80px; } #calviewcont > .gridcontainer { margin-top: 20px; } .calnpiconcon { margin: 5px 15px 5px 15px; border-bottom: 0px; text-align: right; min-height: 50px; /* display: inline-block;*/ } .calinfocont > .Posfilters { margin-top: 10px !important; } .datarow { white-space: normal; height: auto; line-height: normal; text-indent: 0; } .calicon { border: 1px solid #E5E5E5; border-radius: 2px; padding: 5px; border-radius: 50%; margin: 5px; min-width: 30px; max-width: 30px; max-height: 30px; min-height: 30px; display: inline-block; } .calnavicon { line-height: 2 !important; } .caldatecont { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 16px; font-weight: 500; text-transform: uppercase; } .calviewnamecont { /*display: inline-block;*/ float: right; margin: 8px 20px 0px 0px; } .tutorialcont { margin: 5px; padding: 5px; box-sizing: border-box; text-align: left; } .tutorialpage { margin: 5px; display: none; } .tutorialpageheadimg { width: 100%; height: 200px; background-color: #ddd; box-shadow: 0 1px 10px 0 rgba(0,0,0,0.06); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -khtml-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: center; } .tutorialpageheadheading { margin: 10px; font-size: 20px; font-weight: 600; color: #999; } .tutorialpageheaddecs { margin: 10px; font-size: 14px; color: #000; } /*! * TOAST UI Calendar * @version 1.12.13 | Tue Apr 28 2020 * @author NHN FE Development Lab * @license MIT */ .tui-full-calendar-layout { height: 100%; position: relative; box-sizing: border-box; } .tui-full-calendar-layout * { box-sizing: border-box; } .tui-full-calendar-dragging { cursor: move; } .tui-full-calendar-resizing { cursor: row-resize; } .tui-full-calendar-resizing-x { cursor: col-resize; } .tui-full-calendar-hidden { display: none !important; } .tui-full-calendar-invisible span { visibility: hidden; } .tui-full-calendar-clear { zoom: 1; } .tui-full-calendar-clear:after { content: ''; display: block; clear: both; } .tui-full-calendar-scroll-y { overflow-y: scroll; } .tui-full-calendar-dot { display: inline-block; position: relative; top: -1px; content: ''; width: 7px; height: 7px; border-radius: 50%; } .tui-full-calendar-holiday { color: #f00; } .tui-full-calendar-today { background: rgba(218,229,249,0.3); } .handle-x { background-position: center center; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAMAAACEE47CAAAACVBMVEX///////////+OSuX+AAAAA3RSTlMrQJG5H4EIAAAAEUlEQVR4AWNgYoRABhjEFAEAArQAIcHQcPsAAAAASUVORK5CYII=); } .handle-y { background-position: center center; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAICAMAAADp7a43AAAACVBMVEX///////////+OSuX+AAAAA3RSTlMrQJG5H4EIAAAAEUlEQVR4AWNgYmRiZABB/CwAAtgAIUTUNkMAAAAASUVORK5CYII=); } @media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-devicepixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) { .handle-x { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAICAMAAADHqI+lAAAACVBMVEX///////////+OSuX+AAAAA3RSTlMZK5EY+QKaAAAAGUlEQVR4AWNgYmJAwegCIMDIiIwxBKhhBgAcSABh8gN42gAAAABJRU5ErkJggg==); background-size: 8px 4px; } .handle-y { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAQCAMAAAAcVM5PAAAACVBMVEX///////////+OSuX+AAAAA3RSTlMEK5EMBzK5AAAAGElEQVR4AWNgYmIAYxgDBBgZQRjOoKcaABzQAGGjsIM/AAAAAElFTkSuQmCC); background-size: 4px 8px; } } .tui-full-calendar-month-week-item .tui-full-calendar-weekday-grid { overflow-y: hidden; } .tui-full-calendar-month-week-item .tui-full-calendar-weekday-schedules { overflow-y: visible; height: 0; } .tui-full-calendar-month-week-item .tui-full-calendar-weekday-schedule { margin: 0 10px; } .tui-full-calendar-month-week-item .tui-full-calendar-today { background: none; } .tui-full-calendar-month-week-item .tui-full-calendar-today .tui-full-calendar-weekday-grid-date-decorator { display: inline-block; width: 27px; height: 27px; line-height: 27px; text-align: center; background: #135de6; border-radius: 50%; color: #fff; font-weight: bold; margin-left: 2px; } .tui-full-calendar-weekday-container, .tui-full-calendar-weekday-grid, .tui-full-calendar-weekday-grid-line { height: 100%; min-height: inherit; } .tui-full-calendar-weekday-grid { position: absolute; width: 100%; overflow-y: scroll; } .tui-full-calendar-weekday-border { border-top: 1px solid #ddd; } .tui-full-calendar-weekday-container { position: relative; } .tui-full-calendar-weekday-container > div { height: 100%; } .tui-full-calendar-weekday-grid-line { position: absolute; padding: 3px; } .tui-full-calendar-weekday-grid-line .tui-full-calendar-weekday-grid-footer { position: absolute; bottom: 4px; } .tui-full-calendar-weekday-grid-line .tui-full-calendar-weekday-grid-date { display: inline-block; width: 27px; height: 27px; line-height: 27px; text-align: center; } .tui-full-calendar-weekday-grid-line .tui-full-calendar-weekday-grid-date-title { line-height: 27px; margin-right: 5px; } .tui-full-calendar-weekday-grid-line .tui-full-calendar-weekday-grid-more-schedules { float: right; display: inline-block; height: 27px; line-height: 27px; padding: 0 5px; text-align: center; font-size: 11px; font-weight: bold; color: #aaa; display: none; } .tui-full-calendar-weekday-creation { top: 0; left: 0; width: 100%; height: 100%; position: absolute; overflow-y: scroll; } .tui-full-calendar-weekday-schedules { top: 0; left: 0; width: 100%; height: 100%; position: absolute; font-size: 12px; overflow-y: scroll; } .tui-full-calendar-weekday-schedules-height-span { width: 1px; margin-left: -1px; } .tui-full-calendar-weekday-schedule-block { position: absolute; } .tui-full-calendar-weekday-schedule-block-dragging-dim { opacity: 0.3; } .tui-full-calendar-weekday-schedule { position: relative; margin: 0 10px 0 1px; cursor: pointer; border-left-style: solid; border-left-width: 3px; } .tui-full-calendar-weekday-schedule.tui-full-calendar-weekday-schedule-time { border-left-width: 0; } .tui-full-calendar-weekday-schedule.tui-full-calendar-weekday-schedule-time .tui-full-calendar-weekday-schedule-title { padding-left: 9px; } .tui-full-calendar-weekday-schedule-bullet { position: absolute; padding: 0; width: 6px; height: 6px; top: 6px; left: 0; border-radius: 50%; } .tui-full-calendar-weekday-schedule-bullet-focused { left: 10px; background: #fff; } .tui-full-calendar-weekday-schedule-title { display: block; white-space: nowrap; text-overflow: ellipsis; padding-left: 3px; font-weight: bold; } .tui-full-calendar-weekday-schedule-title-focused { padding-left: 16px; } .tui-full-calendar-weekday-schedule-cover { position: absolute; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.2); box-shadow: 0 2px 6px 0 rgba(0,0,0,0.1); } .tui-full-calendar-weekday-exceed-left .tui-full-calendar-weekday-schedule { margin-left: 0; border-left-width: 0; } .tui-full-calendar-weekday-exceed-right .tui-full-calendar-weekday-schedule { margin-right: 0; } .tui-full-calendar-weekday-exceed-right .tui-full-calendar-weekday-resize-handle { display: none; } .tui-full-calendar-weekday-exceed-in-month { cursor: pointer; } .tui-full-calendar-weekday-exceed-in-month:hover { background-color: #f0f1f5; } .tui-full-calendar-weekday-exceed-in-week, .tui-full-calendar-weekday-collapse-btn { position: absolute; bottom: 5px; margin-right: 5px; font-size: 12px; line-height: 14px; cursor: pointer; padding: 1px 5px; background-color: #fff; border: 1px solid #ddd; color: #000; } .tui-full-calendar-weekday-resize-handle { position: absolute; top: 0; right: 0; width: 6px; background-position: 3px center; cursor: col-resize; line-height: 18px; } .tui-full-calendar-weekday-filled { background-color: #e8e8e8 !important; } .tui-full-calendar-left { height: 100%; float: left; box-sizing: border-box; display: table; } .tui-full-calendar-left-content { display: table-cell; vertical-align: middle; text-align: right; font-size: 11px; } .tui-full-calendar-right { height: 100%; overflow-y: scroll; position: relative; } .tui-full-calendar-week-container { width: 100%; height: inherit; display: inline-block; font-size: 10px; min-height: 600px; } .tui-full-calendar-week-container .tui-full-calendar-today { background: none; } .tui-full-calendar-dayname { position: absolute; margin-left: -1px; height: 100%; overflow: hidden; } .tui-full-calendar-dayname.tui-full-calendar-today { font-weight: bold; } .tui-full-calendar-dayname-container { overflow-y: scroll; } .tui-full-calendar-dayname-leftmargin { position: relative; height: 100%; } .tui-full-calendar-dayname-date { font-size: 16px; } .tui-full-calendar-dayname-name { font-weight: bold; font-size: 10px; } .tui-full-calendar-daygrid-layout { height: 100%; } .tui-full-calendar-daygrid-layout .tui-full-calendar-right { overflow-y: hidden; } .tui-full-calendar-daygrid-guide-creation-block { position: absolute; top: 0; bottom: 0; z-index: 1; } .tui-full-calendar-timegrid-container { height: 100%; position: relative; overflow: hidden; overflow-y: scroll; } .tui-full-calendar-timegrid-container-split { height: 100%; position: relative; overflow: hidden; } .tui-full-calendar-timegrid-left { position: absolute; } .tui-full-calendar-timegrid-hour { position: relative; color: #555; box-sizing: border-box; } .tui-full-calendar-timegrid-hour:first-child span { display: none; } .tui-full-calendar-timegrid-hour:last-child { border-bottom: none; } .tui-full-calendar-timegrid-hour span { position: absolute; top: -11px; left: 0; right: 5px; text-align: right; line-height: 25px; } .tui-full-calendar-timegrid-right { position: relative; } .tui-full-calendar-timegrid-gridline { border-bottom: 1px solid #eee; box-sizing: border-box; } .tui-full-calendar-timegrid-gridline:last-child { border-bottom: none; } .tui-full-calendar-timegrid-schedules { position: absolute; width: 100%; height: 100%; top: 0; left: 0; cursor: pointer; } .tui-full-calendar-timegrid-hourmarker { position: absolute; width: 100%; display: table; } .tui-full-calendar-timegrid-hourmarker-line-left { position: absolute; min-height: 1px; left: 0; } .tui-full-calendar-timegrid-hourmarker-line-today { position: absolute; min-height: 1px; } .tui-full-calendar-timegrid-hourmarker-line-right { position: absolute; min-height: 1px; right: 0; } .tui-full-calendar-timegrid-hourmarker-time { padding-right: 5px; line-height: 12px; text-align: right; display: table-cell; vertical-align: bottom; } .tui-full-calendar-timegrid-todaymarker { position: absolute; text-indent: -9999px; width: 9px; height: 9px; background-color: #135de6; margin: -4px 0 0 -5px; border-radius: 50%; } .tui-full-calendar-timegrid-sticky-container { position: absolute; top: 0; } .tui-full-calendar-timegrid-timezone-label-container { position: absolute; } .tui-full-calendar-timegrid-timezone-label-cell { display: table; } .tui-full-calendar-timegrid-timezone-label { display: table-cell; vertical-align: middle; padding-right: 5px; text-align: right; } .tui-full-calendar-timegrid-timezone-close-btn { cursor: pointer; position: absolute; text-align: center; background-color: #fff; } .tui-full-calendar-timegrid-timezone-close-btn .tui-full-calendar-icon { width: 5px; height: 10px; } .tui-full-calendar-time-date { position: absolute; height: 100%; margin-left: -1px; box-sizing: content-box; } .tui-full-calendar-time-date:last-child { border-right: none; margin: 0; } .tui-full-calendar-time-date:last-child .tui-full-calendar-time-schedule, .tui-full-calendar-time-date:last-child .tui-full-calendar-time-guide-creation { left: 0px; } .tui-full-calendar-time-date-schedule-block-wrap { position: relative; height: 98%; border-radius: 5px !important; } .tui-full-calendar-time-date-schedule-block { position: absolute; right: 0px; margin: 2px; box-sizing: border-box; } .tui-full-calendar-time-date-schedule-block-pending { opacity: 0.7; } .tui-full-calendar-time-date-schedule-block-dragging-dim { opacity: 0.3; } .tui-full-calendar-time-date-schedule-block-focused { box-shadow: 0 0 8px 0 rgba(0,0,0,0.2); } .tui-full-calendar-time-date-schedule-block-cover { position: absolute; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.2); box-shadow: 0 2px 6px 0 rgba(0,0,0,0.1); } .tui-full-calendar-time-schedule { position: relative; left: 1px; height: 100%; overflow: hidden; font-size: 12px; font-weight: bold; background-color: #f1f1f1 !important; } .tui-full-calendar-time-schedule-content { overflow: hidden; border-left-width: 3px; border-left-style: solid; padding: 10px; height: 98% !important; } .tui-full-calendar-time-schedule-content-travel-time { font-weight: normal; font-size: 11px; } .tui-full-calendar-time-resize-handle { position: absolute; right: 0px; bottom: 0px; left: 0px; height: 5px; text-align: center; color: #fff; cursor: row-resize; background-position: center top; } .tui-full-calendar-time-guide-creation { position: absolute; right: 10px; left: 1px; padding: 3px; } .tui-full-calendar-time-guide-move .tui-full-calendar-time-schedule, .tui-full-calendar-time-guide-resize .tui-full-calendar-time-schedule, .tui-full-calendar-time-guide-move .tui-full-calendar-time-resize-handle, .tui-full-calendar-time-guide-resize .tui-full-calendar-time-resize-handle { opacity: 0.8; z-index: 97; } .tui-full-calendar-time-guide-creation-label { cursor: default; } .tui-full-calendar-time-guide-bottom { position: absolute; bottom: 3px; } .tui-full-calendar-month { //height:43vh; height: 100%; min-height: 600px; } .tui-full-calendar-month-dayname { width: 100%; position: absolute; font-size: 13px; } .tui-full-calendar-month-dayname-item { height: 100%; font-weight: bold; } .tui-full-calendar-month-week-item { position: relative; } .tui-full-calendar-month-week-item > div { height: 100%; } .tui-full-calendar-month-more { height: inherit; min-width: 280px; min-height: 150px; } .tui-full-calendar-month-more-title { position: relative; } .tui-full-calendar-month-more-title-day { font-size: 23px; color: #333; } .tui-full-calendar-month-more-title-day-label { font-size: 12px; color: #333; } .tui-full-calendar-month-more-close { position: absolute; right: 0; outline: 0; background: none; border: 0; font-size: 14px; line-height: 28px; padding: 0 7px; cursor: pointer; } .tui-full-calendar-month-more-list { overflow-y: auto; } .tui-full-calendar-month-more-schedule { cursor: pointer; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 12px; } .tui-full-calendar-month-guide-block { position: absolute; } .tui-full-calendar-month-weekday-schedule { margin-top: 2px; } .tui-full-calendar-month-creation-guide { top: 0; bottom: -1px; left: -1px; right: 0; position: absolute; z-index: 20; } .tui-full-calendar-month-guide-focused { box-shadow: 0 0 8px 0 rgba(0,0,0,0.2); } .tui-full-calendar-month-guide { position: relative; padding-left: 3px; line-height: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .tui-full-calendar-month-guide-cover { width: 100%; position: absolute; top: -50%; left: -50%; background-color: rgba(0,0,0,0.2); box-shadow: 0 2px 6px 0 rgba(0,0,0,0.1); } .tui-full-calendar-month-exceed-left .tui-full-calendar-month-guide { margin-left: 0px; } .tui-full-calendar-month-exceed-right .tui-full-calendar-month-guide { margin-right: 0px; } .tui-full-calendar-month-exceed-right .tui-full-calendar-month-guide-handle { display: none; } .tui-full-calendar-month-guide-handle { position: absolute; top: 0; right: 3px; width: 6px; background-position: 3px center; cursor: col-resize; } .tui-full-calendar-vlayout-container { position: relative; } .tui-full-calendar-splitter { clear: left; cursor: row-resize; } .tui-full-calendar-splitter:hover { border-color: #999; } .tui-full-calendar-splitter-focused { background-color: #ddd; border: none; } .tui-full-calendar-splitter-guide { position: absolute; width: 100%; height: 3px; border: none; background-color: #e8e8e8; } .tui-full-calendar-popup { position: absolute; font-weight: 2.5; box-shadow: 0 2px 6px 0 rgba(0,0,0,0.1); clear: both; } .tui-full-calendar-popup-container { min-width: 474px; box-shadow: 0 2px 6px 0 rgba(0,0,0,0.1); background-color: #fff; border: solid 1px #d5d5d5; padding: 17px; border-radius: 2px; } .tui-full-calendar-popup-section { font-size: 0; min-height: 40px; } .tui-full-calendar-section-calendar { width: 176px; } .tui-full-calendar-section-calendar.tui-full-calendar-hide { height: 21px; visibility: hidden; } .tui-full-calendar-section-title { width: calc(100% - 36px); padding-right: 4px; } .tui-full-calendar-section-title input { width: 365px; } .tui-full-calendar-button.tui-full-calendar-section-private { height: 32px; padding: 8px; font-size: 0; margin-left: 4px; } .tui-full-calendar-section-private.tui-full-calendar-public .tui-full-calendar-ic-private { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAKdJREFUKBVjYCATMKLri46Olvn9+3fX////HUByjIyMB1hZWcuWLl36BFktikaQpl+/fl0EKhBCVgRkv2NjY9NH1syErABkE1TTdqBCWRAG8reDxKBycOUoGmHOA2pIA5kOwiA2SDVMDq4TmREaGvofhJHFcLHhfgwLC9sKNNULl0KQODCgtq1atcobxIY7lZAmkGJkNXCNIAlSwIjSCApqIgJnK0wNALoOPwSpOcq0AAAAAElFTkSuQmCC) no-repeat; } .tui-full-calendar-section-start-date, .tui-full-calendar-section-end-date { width: 176px; } .tui-full-calendar-section-start-date input, .tui-full-calendar-section-end-date input { width: 139px; } .tui-full-calendar-section-start-date:hover .tui-full-calendar-popup-section-item, .tui-full-calendar-section-end-date:hover .tui-full-calendar-popup-section-item, .tui-full-calendar-section-start-date:focus .tui-full-calendar-popup-section-item, .tui-full-calendar-section-end-date:focus .tui-full-calendar-popup-section-item, .tui-full-calendar-section-start-date:hover .tui-datepicker, .tui-full-calendar-section-end-date:hover .tui-datepicker, .tui-full-calendar-section-start-date:focus .tui-datepicker, .tui-full-calendar-section-end-date:focus .tui-datepicker { border-color: #bbb; } .tui-full-calendar-popup-section-item:focus { border-color: #bbb; } .tui-full-calendar-section-date-dash { font-size: 12px; color: #d5d5d5; height: 32px; padding: 0 4px; vertical-align: middle; } .tui-full-calendar-popup-section-item.tui-full-calendar-section-allday { border: none; padding: 0 0 0 8px; cursor: pointer; } .tui-full-calendar-popup-section-item.tui-full-calendar-section-location { display: block; } .tui-full-calendar-popup-section-item.tui-full-calendar-section-location input { width: 400px; } .tui-full-calendar-section-allday .tui-full-calendar-icon.tui-full-calendar-ic-checkbox { margin: 0; } .tui-full-calendar-popup-section-item.tui-full-calendar-section-allday .tui-full-calendar-content { padding-left: 4px; } .tui-full-calendar-section-state { width: 109px; } .tui-full-calendar-section-state .tui-full-calendar-content { width: 58px; text-overflow: ellipsis; overflow: hidden; } .tui-full-calendar-popup-section-item { height: 32px; padding: 0 9px 0 12px; border: 1px solid #d5d5d5; display: inline-block; font-size: 0; border-radius: 2px; } .tui-full-calendar-popup-section-item:hover { border-color: #bbb; } .tui-full-calendar-popup-section-item:focus { border-color: #bbb; } .tui-full-calendar-popup-section-item .tui-full-calendar-icon { position: relative; } .tui-full-calendar-icon.tui-full-calendar-ic-title { top: 2px; } .tui-full-calendar-popup-section-item .tui-full-calendar-content { text-align: left; display: inline-block; font-size: 12px; vertical-align: middle; position: relative; padding-left: 8px; } .tui-full-calendar-section-calendar .tui-full-calendar-dropdown-button .tui-full-calendar-content { width: 125px; text-overflow: ellipsis; overflow: hidden; top: -1px; } .tui-full-calendar-popup-section-item input { border: none; height: 30px; outline: none; display: inline-block; } .tui-full-calendar-popup-section-item input::placeholder { color: #bbb; font-weight: 300; } .tui-full-calendar-dropdown { position: relative; } .tui-full-calendar-dropdown:hover .tui-full-calendar-dropdown-button { border: 1px solid #bbb; } .tui-full-calendar-dropdown-button.tui-full-calendar-popup-section-item { height: 32px; font-size: 0; top: -1px; } .tui-full-calendar-dropdown-arrow { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAHlJREFUKBVjYBgFOEOAEVkmPDxc89+/f6eAYjzI4kD2FyYmJrOVK1deh4kzwRggGiQBVJCELAZig8SQNYHEmEEEMrh69eo1HR0dfqCYJUickZGxf9WqVf3IakBsFBthklpaWmVA9mEQhrJhUoTp0NBQCRAmrHL4qgAAuu4cWZOZIGsAAAAASUVORK5CYII=) no-repeat; } .dropdown.open .tui-full-calendar-dropdown-arrow, .tui-full-calendar-open .tui-full-calendar-dropdown-arrow { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAIFJREFUKBVjYBj+gBmXF2NiYiTV1dV5rl279gWbGiZsgg0NDSw/f/5cCZRbBWJjU4PVRjExsR6g4nAgln/z5g3v1atXd6JrxtAYHh4e+v///z4khZa6urrXgJqvIYkxMCJzgJo0//37dwooxoMsDmR/YWJiMlu5cuV1NPFRLrYQAADMVCaUtbG7XwAAAABJRU5ErkJggg==) no-repeat; } .tui-full-calendar-dropdown-menu { position: absolute; top: 31px; padding: 4px 0; background-color: #fff; border: 1px solid #d5d5d5; border-top: none; border-radius: 0 0 2px 2px; width: 100%; } .tui-full-calendar-dropdown:hover .tui-full-calendar-dropdown-menu { border: 1px solid #bbb; border-top: none; } .tui-full-calendar-dropdown-menu { display: none; } .tui-full-calendar-open .tui-full-calendar-dropdown-menu { display: block; } .tui-full-calendar-dropdown-menu-item { height: 30px; border: none; cursor: pointer; } .tui-full-calendar-section-calendar .tui-full-calendar-dropdown-menu-item { width: 100%; } .tui-full-calendar-section-state .tui-full-calendar-dropdown-menu-item { width: 100%; } .tui-full-calendar-dropdown-menu-item:hover { background-color: rgba(81,92,230,0.05); } .tui-full-calendar-dropdown-menu-item .tui-full-calendar-content { line-height: 30px; } .tui-full-calendar-button.tui-full-calendar-popup-close { position: absolute; top: 10px; right: 10px; background-color: #fff; padding: 2px; border: none; } .tui-full-calendar-section-button-save { height: 36px; } .tui-full-calendar-popup-save { float: right; } .tui-full-calendar-popup-arrow-border, .tui-full-calendar-popup-arrow-fill { position: absolute; } .tui-full-calendar-arrow-top .tui-full-calendar-popup-arrow-border { border-top: none; border-right: 8px solid transparent; border-bottom: 8px solid #d5d5d5; border-left: 8px solid transparent; left: calc(50% - 8px); top: -7px; } .tui-full-calendar-arrow-right .tui-full-calendar-popup-arrow-border { border-top: 8px solid transparent; border-right: none; border-bottom: 8px solid transparent; border-left: 8px solid #d5d5d5; top: calc(50% - 8px); right: -7px; } .tui-full-calendar-arrow-bottom .tui-full-calendar-popup-arrow-border { border-top: 8px solid #d5d5d5; border-right: 8px solid transparent; border-bottom: none; border-left: 8px solid transparent; left: calc(50% - 8px); bottom: -7px; } .tui-full-calendar-arrow-left .tui-full-calendar-popup-arrow-border { border-top: 8px solid transparent; border-right: 8px solid #d5d5d5; border-bottom: 8px solid transparent; border-left: none; top: calc(50% - 8px); left: -7px; } .tui-full-calendar-arrow-top .tui-full-calendar-popup-arrow-fill { border-top: none; border-right: 7px solid transparent; border-bottom: 7px solid #fff; border-left: 7px solid transparent; left: -7px; top: 1px; } .tui-full-calendar-arrow-right .tui-full-calendar-popup-arrow-fill { border-top: 7px solid transparent; border-right: none; border-bottom: 7px solid transparent; border-left: 7px solid #fff; top: -7px; right: 1px; } .tui-full-calendar-arrow-bottom .tui-full-calendar-popup-arrow-fill { border-top: 7px solid #fff; border-right: 7px solid transparent; border-bottom: none; border-left: 7px solid transparent; left: -7px; bottom: 1px; } .tui-full-calendar-arrow-left .tui-full-calendar-popup-arrow-fill { border-top: 7px solid transparent; border-right: 7px solid #fff; border-bottom: 7px solid transparent; border-left: none; top: -7px; left: 1px; } .tui-full-calendar-button { background: #fff; border: 1px solid #d5d5d5; border-radius: 2px; text-align: center; outline: none; font-size: 12px; cursor: pointer; color: #333; } .tui-full-calendar-button:hover { border-color: #bbb; color: #333; } .tui-full-calendar-button:active { background: #f9f9f9; color: #333; } .tui-full-calendar-button .round { border-radius: 25px; } .tui-full-calendar-confirm { width: 96px; height: 36px; border-radius: 40px; background-color: #ff6618; font-size: 12px; font-weight: bold; color: #fff; border: none; } .tui-full-calendar-confirm:hover { background-color: #e55b15; color: #fff; } .tui-full-calendar-confirm:active { background-color: #d95614; color: #fff; } .tui-full-calendar-icon.tui-full-calendar-right { float: right; top: 1px; } .tui-full-calendar-icon .tui-full-calendar-none { display: none; } .tui-full-calendar-icon.tui-full-calendar-calendar-dot { border-radius: 8px; width: 12px; height: 12px; margin: 1px; } input[type='checkbox'].tui-full-calendar-checkbox-square { display: none; } input[type='checkbox'].tui-full-calendar-checkbox-square + span { display: inline-block; cursor: pointer; line-height: 14px; margin-right: 8px; width: 14px; height: 14px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAADpJREFUKBVjPHfu3O5///65MJAAmJiY9jCcOXPmP6kApIeJBItQlI5qRAkOVM5o4KCGBwqPkcxEvhsAbzRE+Jhb9IwAAAAASUVORK5CYII=) no-repeat; vertical-align: middle; } input[type='checkbox'].tui-full-calendar-checkbox-square:checked + span { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAMBJREFUKBWVkjEOwjAMRe2WgZW7IIHEDdhghhuwcQ42rlJugAQS54Cxa5cq1QM5TUpByZfS2j9+dlJVt/tX5ZxbS4ZU9VLkQvSHKTIGRaVJYFmKrBbTCJxE2UgCdDzMZDkHrOV6b95V0US6UmgKodujEZbJg0B0ZgEModO5lrY1TMQf1TpyJGBEjD+E2NPN7ukIUDiF/BfEXgRiGEw8NgkffYGYwCi808fpn/6OvfUfsDr/Vc1IfRf8sKnFVqeiVQfDu0tf/nWH9gAAAABJRU5ErkJggg==) no-repeat; } input[type='checkbox'].tui-full-calendar-checkbox-round { display: none; } input[type='checkbox'].tui-full-calendar-checkbox-round + span { display: inline-block; cursor: pointer; width: 14px; height: 14px; line-height: 14px; vertical-align: middle; margin-right: 8px; border-radius: 8px; border: solid 2px; background: transparent; } .tui-full-calendar-popup-top-line { position: absolute; border-radius: 2px 2px 0 0; width: 100%; height: 4px; border: none; top: 0; } .tui-full-calendar-popup-detail .tui-full-calendar-popup-container { width: 301px; min-width: 301px; padding-bottom: 0; } .tui-full-calendar-popup-detail .tui-full-calendar-icon { width: 12px; height: 12px; background-size: 12px; position: relative; } .tui-full-calendar-popup-detail .tui-full-calendar-icon { margin-right: 8px; } .tui-full-calendar-popup-detail .tui-full-calendar-icon.tui-full-calendar-ic-location-b { top: -2px; } .tui-full-calendar-popup-detail .tui-full-calendar-icon.tui-full-calendar-ic-user-b { top: -2px; } .tui-full-calendar-popup-detail .tui-full-calendar-icon.tui-full-calendar-ic-state-b { top: -1px; } .tui-full-calendar-popup-detail .tui-full-calendar-icon.tui-full-calendar-calendar-dot { width: 10px; height: 10px; margin-right: 8px; top: -1px; } .tui-full-calendar-popup-detail .tui-full-calendar-content { line-height: 24px; height: 24px; font-size: 12px; line-height: 2; } .tui-full-calendar-popup-detail .tui-full-calendar-section-header { margin-bottom: 6px; } .tui-full-calendar-popup-detail .tui-full-calendar-popup-detail-item-separate { margin-top: 4px; } .tui-full-calendar-popup-detail .tui-full-calendar-popup-detail-item-indent { text-indent: -20px; padding-left: 20px; } .tui-full-calendar-popup-detail .tui-full-calendar-schedule-title { font-size: 15px; font-weight: bold; line-height: 1.6; word-break: break-all; } .tui-full-calendar-popup-detail .tui-full-calendar-schedule-private { display: none; width: 16px; height: 16px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAKpJREFUKBVjYCATMKLri46Olvn9+3fX////HUByjIyMB1hZWcuWLl36BFktikaQpl+/fl0EKhBCVgRkv2NjY9NH1syErABkE1TTdqBCWRAG8reDxKBycOUoGmHOA2pIA5kOwiA2SDVMDqYTRSNQUBIkgewkJDZYDqYR7sewsLCtQFO9YBLYaGBAbVu1apU3SA5uIyFNIMXIauAaQRKkgBGlERTURATOVpgaABRQQOK46wEAAAAAAElFTkSuQmCC) no-repeat 16px; } .tui-full-calendar-popup-detail .tui-full-calendar-schedule-private .tui-full-calendar-ic-private { display: block; } .tui-full-calendar-popup-detail .tui-full-calendar-section-detail { margin-bottom: 16px; } .tui-full-calendar-popup-detail .tui-full-calendar-section-button { border-top: 1px solid #e5e5e5; font-size: 0; } .tui-full-calendar-section-button .tui-full-calendar-icon { margin-right: 4px; top: -3px; } .tui-full-calendar-section-button .tui-full-calendar-content { position: relative; top: 2px; } .tui-full-calendar-popup-edit, .tui-full-calendar-popup-delete { display: inline-block; padding: 7px 9px 11px 9px; width: calc(50% - 1px); outline: none; background: none; border: none; cursor: pointer; } .tui-full-calendar-popup-vertical-line { background: #e5e5e5; width: 1px; height: 14px; vertical-align: middle; display: inline-block; margin-top: -7px; } .tui-datepicker { left: -12px; z-index: 1; border-color: #d5d5d5; } .tui-full-calendar-icon { width: 14px; height: 14px; display: inline-block; vertical-align: middle; } @media only screen and (max-width: 385px) { .spinnerwrapper { margin-left: 20%; width: 90%; min-width: 90%; } } @media only screen and (max-width: 700px) { .ScannerCont { max-width: 98%; width: 98%; height: 80%; top: 100px; left: 1%; transform: none; z-index: 2; } .rhead { width:100px; } .ConfirmNote { max-width: 98%; border-radius: 10px; } .PortalLinkCont { max-height: 50px; position: fixed; height: 50px; max-height: 50px; line-height: 25px; bottom: 90px; left: 10px; width: 95.5%; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .circles { transform: translate(5%, 0px); } #unlockspin .circles { transform: translate(12%, -20%); } .spinnerwrapper { left: 40%; transform: translateX(-54%); } } .tui-full-calendar-icon.tui-full-calendar-ic-title { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAO5JREFUKBVjYCATMOLSFxkZqfHnz5+1QHktNDVbV69e7cOCJgjmQjXtB3IksMh7g8SY0CXQNTEyMlYD1fBCabhyFI3omkCq/v//PwnotC8gGq4LyIBrxKYJpBBoU15oaCgPiEbWCPYjUEIFGBBY/QS0qRWooRVIg/UBDXgMYoBtBHJSgWxsAQFWjET8BBqQBuLDNM4Can6GpAAb8ydQMADo3x0gSbDGlStX3gVqdMSjGUUTSCNKAggPD1cDOmU/EEuBJKEAQxNIHEUjSABNM1ZNIHXMIAIZXL169a2+vv5moK18QKeXAv20B1meYjYAr7xrljpOzc0AAAAASUVORK5CYII=) no-repeat; } .tui-full-calendar-icon.tui-full-calendar-ic-location { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAR1JREFUKBWdUTtPg1AUBiT8CydHJtv/0MTJRWAgcTK1bq0/pO3k4E4IYLo2Me46tS4wumjSpV07kAb6HXLPzaGPRZLL+c73uE/D+OdnHuaCIOhVVTUEf620pWVZ0yRJ3qW3FfR9f1zX9UgaGJumOUnT9Fn3DDzPuwPOuD9TvSzL3kizhOFJ4LnjOJc0wM0FP2Asgx0mEehHUfRHgzDzqF3GOogzbJg8V6XHFqYv4Cvqy7J8DcOwWYmw8Hwy1kHMRjcaKuEGgV82caWbZay3indagJyxcKLOlKeRdJA627YfUVaN0v6tlKbZVjCO4zW2cw91px3AxJEmOONCNoTzPP9xXZfOd6u0Bzz60RGOgmQuiuIb4S3gB0IvaoJW2QMDs1bBoH1CAQAAAABJRU5ErkJggg==) no-repeat; } .tui-full-calendar-icon.tui-full-calendar-ic-date { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAGpJREFUKBVjYKAGCA0N/Q/C6GZhE2cEKQoLC9v6//9/L3QN2PiMjIzbVq1a5c0EkiRWE7JasEZsJhMSI1sjC7LJq1evBvsZWQyZjRxwZNs4hDSiBA6y55EDBRsb7EdQasAmiUNsKw5x4oQBkUAeDPJ53KsAAAAASUVORK5CYII=) no-repeat; } .tui-full-calendar-icon.tui-full-calendar-ic-state { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAIxJREFUKBVjYCATMKLrCw8P9/z3798soLgMVO4JExNT2sqVK7cjq2VC5oDYME2MjIyNIAwUkoGKoShlQeFBOGCbVq1a1QDihoaG1gMpmO0gITAAOzUsLGzr////vWCC+GigK7YBDfUGO5VYTSADYWox/IjPNmS5UY3IoYHGBgcOKG7QxPFxt+KTJCgHAGcZJbGLRuJ2AAAAAElFTkSuQmCC) no-repeat; } .tui-full-calendar-icon.tui-full-calendar-ic-private { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAKpJREFUKBVjYCATMKLri46Olvn9+3fX////HUByjIyMB1hZWcuWLl36BFktikaQpl+/fl0EKhBCVgRkv2NjY9NH1syErABkE1TTdqBCWRAG8reDxKBycOUoGmHOA2pIA5kOwiA2SDVMDqYTRSNQUBIkgewkJDZYDqYR7sewsLCtQFO9YBLYaGBAbVu1apU3SA5uIyFNIMXIauAaQRKkgBGlERTURATOVpgaABRQQOK46wEAAAAAAElFTkSuQmCC) no-repeat; } .tui-full-calendar-icon.tui-full-calendar-ic-public { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAKdJREFUKBVjYCATMKLri46Olvn9+3fX////HUByjIyMB1hZWcuWLl36BFktikaQpl+/fl0EKhBCVgRkv2NjY9NH1syErABkE1TTdqBCWRAG8reDxKBycOUoGmHOA2pIA5kOwiA2SDVMDq4TmREaGvofhJHFcLHhfgwLC9sKNNULl0KQODCgtq1atcobxIY7lZAmkGJkNXCNIAlSwIjSCApqIgJnK0wNALoOPwSpOcq0AAAAAElFTkSuQmCC) no-repeat; } .tui-full-calendar-icon.tui-full-calendar-ic-close { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAJRJREFUKBXFkNERhCAMREUbuEKohzq0Eq2DDq6Da4B60KezDORkxj+ZwchmX0IYhtdWCGFl9y5g82NtzDnPdzAaudo76ZBS+nrvPxiInMkJcs5tMcZFfqcfxdqIRiELof+BiIJPg+mExmpmvKRn3zKj7OrG9Y79szPL14A1xEP0Hgy4gBZS5R7czHj3ehSgOzkVeyfuGrBw/WLm0hsAAAAASUVORK5CYII=) no-repeat; } .tui-full-calendar-ic-location-b { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAAXNSR0IArs4c6QAAAOZJREFUKBWVUT0KwjAUbkzGTuJWPYNDpV0cXD2ETuIRBK+gs4ubp3BwcXBp6eINBKWDgydoid9X8oKCggYeee/7S9IGwZ9LverTNO3Wdb2y1o6IK6WOWutFlmU30XmDE58hbgvpTA+Y+mJqCemS20jdG2N6LPYMICc6b5BrIG3ONBZ7CoVj7w0cfllGRDj+gKQpjt/iPU0ye/LkROcNANaoCUzjqqquIsBuHddAWoiyLO9RFHUwJ4JxR/qmKIqdYG9vCMNwCeIiJHuHecj/B0GSJBng7ifO+ErDPM8L4b7ucRzPWJ8ET1E7YC7tmi9qAAAAAElFTkSuQmCC); } .tui-full-calendar-ic-state-b { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAAXNSR0IArs4c6QAAAHlJREFUKBVjYCARMCKrNzEx8QTyZ/3//18GJM7IyPgESKWdOXNmO4gPAkwQCk6CFQMVNoIwVOMsuCw6w9jY+D8Iw8TR+SBxsJOATtkKNM0LphAbDbRxG9Bp3mAnEVIMMgCmBt0P2AxHERusGkAhgOJQ7Jyt2IUJiAIAwwIn24FgmhkAAAAASUVORK5CYII=); } .tui-full-calendar-icon.tui-full-calendar-ic-user-b { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAAXNSR0IArs4c6QAAAJpJREFUKBVjYKA1YES3wMTExBMoNgsqnnbmzJntyGqYkDlQ9qz////LgDCQD9MIV4ZNA1wSGwObhjRGRsYnIAzUkIZNE0licE+bm5tr/fnzJx1osjPQBFmoKY+BftnLwsIy8+TJk9dAYmANxsbGoUD2YiBmBwliAT+BYrFnz55dDfNDO1AAl2KQfpAcSA0DTIMyiEMAEKMG0wgAolIjcM7Tjm8AAAAASUVORK5CYII=); } .tui-full-calendar-icon.tui-full-calendar-ic-edit { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAAXNSR0IArs4c6QAAAMdJREFUKBVjYCARMOJTb2xsLMfIyBjLysq64Pjx409BapnwaQDKzf7//3/L79+/D1tbW0uB1LJg02BmZqYIVPgdKBf/79+//UC2xs+fP8OB/H4MG0CK//79ewCkEGQYExOTI5DawMnJuQTER/EDTDFQXA4kCQQ3QBpOnz79AsJF8gMWxTA1KDTYBhyKMUwH6WSysrKSB7kZyIY5AySOVTFIggno+5VAmijFYA1AwhzEgAKcJsMUwIMVGKPH2NnZ7ZFDBKYImQYAuO5YIMgk39gAAAAASUVORK5CYII=); } .tui-full-calendar-icon.tui-full-calendar-ic-delete { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAAXNSR0IArs4c6QAAAFhJREFUKBVjYCARMKKrNzEx2fr//38vkDgjI+O2M2fOeCOrAWtAVoQsicyGaWZCFsTHBtr6H588Tjm4H4yNjfGacPbsWbBaop0Es3JYaQBFDMxjWOitMDEA3EEZfFEISwUAAAAASUVORK5CYII=); } .tui-full-calendar-icon.tui-full-calendar-ic-arrow-solid-top { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAIFJREFUKBVjYBj+gBmXF2NiYiTV1dV5rl279gWbGiZsgg0NDSw/f/5cCZRbBWJjU4PVRjExsR6g4nAgln/z5g3v1atXd6JrxtAYHh4e+v///z4khZa6urrXgJqvIYkxMCJzgJo0//37dwooxoMsDmR/YWJiMlu5cuV1NPFRLrYQAADMVCaUtbG7XwAAAABJRU5ErkJggg==) no-repeat; } .tui-full-calendar-icon.tui-full-calendar-ic-milestone { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAAXNSR0IArs4c6QAAAGFJREFUKBVjYCARMILU/3dw+I+hj5FxG+P+/d7o4rg1IKtE0syELI6T/f+/F0yOOA0w1UCa9hpYkGxjYDxwABwIILH/jo5bGWBuZ2TcClOHogEmCKKxBSlInPZ+ANlCEgAA37EU4AHbBQUAAAAASUVORK5CYII=) no-repeat; } .tui-full-calendar-icon.tui-full-calendar-ic-arrow-left { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAHCAYAAAAvZezQAAAAAXNSR0IArs4c6QAAAFZJREFUCB1jZICCyspK83///hUxgvhVVVV6f//+3c3ExJTMVFNTowqU2cHMzJzf3t6+hen379/zgIp2t7W1rQCpZmJlZU0C0q5AbREgAQwzwAIgGZgtADMCJqH/QyvhAAAAAElFTkSuQmCC) no-repeat; } .tui-full-calendar-icon.tui-full-calendar-ic-arrow-right { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAHCAYAAAAvZezQAAAAAXNSR0IArs4c6QAAAFxJREFUCB1jKC8vX1lZWWnOAAVMQLD4379/m6qqqvRAYowgAsiJAAr2sbCw2IMFQIIVFRUL////r8SCpMKVlZXVnhFooA9Q+VxmZmbXtra2S0xATizQYD8QB6QaAJMLJ9BqE9yTAAAAAElFTkSuQmCC) no-repeat; } .tui-full-calendar-ic-repeat-b { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAAXNSR0IArs4c6QAAAQpJREFUKBVjYCARMCKrNzU1tf/3718lUMwQiP8yMjKeYWJi6j516tRhExOThjNnzjTANQAFqv///98CVHQPSO8A0ixATa5AtjyQPgDETmfPngULMpiZmbn//fu3BSg4B6ggCyjxG8hm8PT0ZH/9+vUJoJgTiA8CTCACqDgXaOJ9Xl7eTJhikDhQcSVQsQGITT8A9rSxsfF/mJVApzWCQgPGd3BwYPny5cstoNOuAZ3rAwoJOAAqviAqKtoOEwAaxPr58+dpQL4iEGeAxJFt2AfkOwA1PQTSu4Em/gGyPYC0EpCuAdraCtIADiWgQCPQOmdmZmYHoNgVoCJfIB0CpG8DI84BphgoRjoAAAzgdELI91E5AAAAAElFTkSuQmCC); } /*# sourceMappingURL=src/css/main.css.map */ /*# sourceMappingURL=tui-calendar.css.map*/ .amountright { float: right; margin-right: 75px; } .amounttit { display: inline-block; } .solid { background-color: #FFBB33 !important; color: white !important; } .potablehead { text-align: left; font: Roboto,ClanPro-Book,HelveticaNeue-Light,Helvetica Neue Light,Helvetica,Arial,sans-serif; } .pohead { text-align: center; } .pohead > h1 { font-size: 22px; font-weight: 500; margin: 5px; margin-top: 10px; } .pohead > h3 { font-size: 14px; font-weight: 500; color: #aaa; margin: 5px; } .podet1 { position: relative; margin: 10px; margin-left: 10px; width: 40%; font-weight: 500; font-size: 13px; /*background-color:#f9f9f9;*/ padding: 10px; width: 95%; } .podet2 { position: relative; margin: 10px; margin-left: 10px; width: 40%; font-weight: 400; font-size: 12px; /*background-color:#f9f9f9;*/ padding: 10px; width: 95%; } .pobody > h3 { font-size: 14px; font-weight: 500; color: #aaa; margin-left: 20px; } .website_checklist p { font-size: 11px; color: #1d0d6f; margin-top: -10px; margin-left: 70px; position: absolute; top: 50%; right: 10px; color: #999; } .website_checklist ul { list-style: none !important; /* Remove the list style */ padding: 5px !important; margin: 0px; } .website_checklist ul label { font-size: 13px; line-height: 1.4; padding: 13px 24px 13px 64px; display: block; position: relative; z-index: 100; cursor: pointer; width: 70%; } .website_checklist ul input, .website_checklist ul li.focus:before { left: 0; top: 0; position: absolute } .website_checklist li { position: relative } .website_checklist ul li.focus:before { left: 0; top: 0; position: absolute } .website_checklist ul input { opacity: 0 } .website_checklist ul li.focus:before, .website_checklist ul span.input:before { content: "" } .website_checklist ul span.input { background-image: linear-gradient(90deg, #1d0d6f 0, #5430ce 100%); background-color: #1d0d6f; width: 26px; height: 26px; left: 24px; top: 10px } .website_checklist ul span.input:before { width: 22px; height: 22px; top: 2px; left: 2px } .website_checklist ul span, .website_checklist ul span:after, .website_checklist ul span:before { display: block; position: absolute; background: #fff; border-radius: 50% } .website_checklist ul li.checked span.input { /* CSS to make the background green when checked - we add the class checked using javascript */ background: #0af2a5; } .website_checklist ul li.checked span.input::after { } .website_checklist ul li.checked span.input:before { background: #0af2a5 } .website_checklist ul li.checked label { /* when checked, make the text have a line through */ text-decoration: line-through } .website_checklist ul li.checked { background: #f1f1f1; border-radius: 5px; } .locationIconsM { position: absolute; top: 180; left: 56; bottom: 0; left: 256; font-family: "Icons"; font-size: 14px; font-size: 16px; padding: 8px; border-radius: 5px; } .locationimgcontainer { position: relative; } .listitemnlh { line-height: normal; height: auto; } .listitemnlh > .rcont { padding-left: 0px; margin-left: 0px; } .listitemnlh > .actionbtn { border-radius: 20px; min-width: 90px; } .listitem > .objprop { margin: 0px; } .IDesc { font-family: "Roboto", "stag","SegoeUI",MYRIADPRO,Calibri,Arial; padding: 5px; margin: 5px; margin-left: 0px; font-size: 15px; font-weight: normal; text-align: left; display: block; overflow: hidden; text-overflow: ellipsis; } .mapdesigner { position: relative !important; max-width: 100%; margin-left: auto; margin-right: auto; display: table; position: relative; width: 100%; height: 680; overflow: auto; padding: 0px; background-color: #E5E5E5; background-repeat: no-repeat; background-size: auto; background-image: repeating-linear-gradient(0deg, #fff, #fff 1px, transparent 1px, transparent 20px),repeating-linear-gradient(-90deg, #fff, #fff 1px, transparent 1px, transparent 20px); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-align: center; } #UInfo .objprop, #tabre .objprop { min-width: 100px; margin-left: 5px; } #UInfo .objprop:empty, #tabre .objprop:empty { display: none; } .elemcont { position: fixed; margin: 0px; padding: 0px 0px; margin-top: 0px; width: 100% !important; } .mapdesigner > .elemcont { display: inline-block; position: relative !important; } canvas { display: block; width: 100%; height: auto; } .GallSyncResidentsBtn { float: right; } .InsImage { box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.06); border: #e5e5e5 1px solid; width: auto; max-width: 90%; height: auto; max-height: 90%; margin: 5px; border-radius: 5px; padding: 5px; } .PDFReportheader { font-size: 28px; } .PDFDate { font-size: 14px; } .PDFlogo { float: left; margin-right: 10px; width: 200px; height: 90px; } .popup { display: none; position: fixed; background: white; z-index: 1000; box-shadow: 0 1px 10px 0px rgba(0, 0, 0, 0.06); border: #efefef 1px solid; border-radius: 5px; } .popup .fir-image-figure { border: none; box-shadow: none; transform: none; } .popup.show { display: block; } /*.pinned { position: absolute; left: 0; top: 0; font-size: 1.5em;*/ /* Adjust the font size as needed */ /*}*/ @-moz-keyframes BOX { 0% { -webkit-transform: scale(0.1, 0.1); } 100% { -webkit-transform: scale(1.0, 1.0); } } @keyframes BOX { 0% { -webkit-transform: scale(0.1, 0.1); } 100% { -webkit-transform: scale(1.0, 1.0); } } @-webkit-keyframes BOX { 0% { -webkit-transform: scale(0.1, 0.1); } 100% { -webkit-transform: scale(1.0, 1.0); } } @-webkit-keyframes pulsify { 0%, 100% { -webkit-transform: translate(2%, 2%); } 50% { -webkit-transform: translate(0%,0%); } } @keyframes pulsify { 0%, 100% { transform: translate(2%,2%); } 50% { transform: translate(0%,0%); } } @keyframes PULSIFY { 0% { -webkit-transform: scale(0.9, 0.9); opacity: 0.9; } 50% { opacity: 1.0; } 100% { -webkit-transform: scale(1.1, 1.1); opacity: 0.9; } } @keyframes rota2 { from { transform: rotate(-225deg); } to { transform: rotate(-45deg); } } @-o-keyframes rota2 { from { transform: rotate(-225deg); } to { transform: rotate(-45deg); } } @-moz-keyframes rota2 { from { transform: rotate(-225deg); } to { transform: rotate(-45deg); } } @-webkit-keyframes rota2 { from { transform: rotate(-225deg); } to { transform: rotate(-45deg); } } @keyframes rota { from { transform: rotate(-45deg); } to { transform: rotate(315deg); } } @-o-keyframes rota { from { transform: rotate(-45deg); } to { transform: rotate(315deg); } } @moz-keyframes rota { from { transform: rotate(-45deg); } to { transform: rotate(315deg); } } @-webkit-keyframes rota { from { transform: rotate(-45deg); } to { transform: rotate(315deg); } } @keyframes popover { 0% { opacity: 1; } 99% { opacity: 1; } 100% { opacity: 1; } } @-o-keyframes popover { 0% { opacity: 1; } 99% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes popover { 0% { opacity: 1; } 99% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes popover { 0% { opacity: 1; } 99% { opacity: 1; } 100% { opacity: 0; } } @keyframes growAndFade { 0% { opacity: .25; transform: scale(0); } 100% { opacity: 0; transform: scale(1); } } .sso { display: inline-flex; align-items: center; justify-content: center; gap: 10px; background-color: #f1f1f1; color: #333 !important; font-family: Arial, sans-serif; font-size: 14px; font-weight: 500; padding: 10px 20px; border: none; border-radius: 5px; cursor: pointer; transition: background-color 0.3s, color 0.3s; background-repeat: no-repeat; background-position: 10px center; background-size: 20px 20px; padding-left: 40px; } .ms-btn { background-image: url("https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg"); } .google-btn { background-image: url("https://lh3.googleusercontent.com/COxitqgJr1sJnIDe8-jiKhxDx1FrYbtRHKJ9z_hELisAlapwE9LUPh6fcXIfb5vwpbMl4xl9H9TRFPc5NOO8Sb3VSgIBrfRYvW6cUA"); } .sso:hover { background-color: #e0e0e0; } .ssologintxt { margin: 12px; color: #aaa; font-size: 14px; font-weight: 400; font-family: "Roboto", "stag","SegoeUI",MYRIADPRO,Calibri,Arial; text-align: center; } /* @group Base */ .chzn-container { position: relative; display: inline-block; vertical-align: middle; font-size: 13px; zoom: 1; width:100%; *display: inline; min-width:400px !important; } .chzn-container .chzn-drop { position: absolute; top: 100%; left: -9999px; z-index: 10100; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; border: 1px solid #aaa; border-top: 0; background: #fff; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); } .chzn-container.chzn-with-drop .chzn-drop { left: 0; } /* @end */ /* @group Single Chosen */ .chzn-container-single .chzn-single { position: relative; display: block; overflow: hidden; padding:5px; height: 40px; border: 1px solid #aaa; border-radius: 2px; min-width:150px; background-color: #fff; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4)); background: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); background: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); background: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); background: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); background-clip: padding-box; box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1); color: #444; text-decoration: none; white-space: nowrap; line-height: 40px; } .chzn-container-single .chzn-default { color: #999; } .chzn-container-single .chzn-single span { display: block; overflow: hidden; margin-right: 26px; text-overflow: ellipsis; white-space: nowrap; } .chzn-container-single .chzn-single-with-deselect span { margin-right: 38px; } .chzn-container-single .chzn-single abbr { position: absolute; top: 6px; right: 26px; display: block; width: 12px; height: 12px; background: url('../images/chosen-sprite.png') -42px 1px no-repeat; font-size: 1px; } .chzn-container-single .chzn-single abbr:hover { background-position: -42px -10px; } .chzn-container-single.chzn-disabled .chzn-single abbr:hover { background-position: -42px -10px; } .chzn-container-single .chzn-single div { position: absolute; top: 0; right: 0; display: block; width: 18px; height: 100%; } .chzn-container-single .chzn-single div b { display: block; width: 100%; height: 100%; background: url('../images/chosen-sprite.png') no-repeat 0px 2px; } .chzn-container-single .chzn-search { position: relative; z-index: 1010; margin: 0; padding: 10px; white-space: nowrap; width: 90% !important; border:#000 0px solid; } .chzn-container-single .chzn-search input { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 1px 0; padding: 10px; min-width: 100% !important; height:40px; outline: 0; border: 1px solid #aaa; background: white url('../images/chosen-sprite.png') no-repeat 100% -20px; background: url('../images/chosen-sprite.png') no-repeat 100% -20px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff)); background: url('../images/chosen-sprite.png') no-repeat 100% -20px, -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%); background: url('../images/chosen-sprite.png') no-repeat 100% -20px, -moz-linear-gradient(#eeeeee 1%, #ffffff 15%); background: url('../images/chosen-sprite.png') no-repeat 100% -20px, -o-linear-gradient(#eeeeee 1%, #ffffff 15%); background: url('../images/chosen-sprite.png') no-repeat 100% -20px, linear-gradient(#eeeeee 1%, #ffffff 15%); font-size: 16px; font-family: "Roboto"; } .chzn-container-single .chzn-drop { margin-top: -1px; border-radius: 0 0 4px 4px; background-clip: padding-box; } .chzn-container-single.chzn-container-single-nosearch .chzn-search { position: absolute; left: -9999px; } /* @end */ /* @group Results */ .chzn-container .chzn-results { position: relative; overflow-x: hidden; overflow-y: auto; margin: 0 4px 4px 0; padding: 0 0 0 4px; max-height: 240px; -webkit-overflow-scrolling: touch; } .chzn-container .chzn-results li { display: none; margin: 0; padding: 5px 6px; list-style: none; line-height: 15px; } .chzn-container .chzn-results li.active-result { display: list-item; cursor: pointer; min-height:40px; font-size:14px; line-height:40px; } .chzn-container .chzn-results li.disabled-result { display: list-item; color: #ccc; cursor: default; } .chzn-container .chzn-results li.highlighted { background-color: #3875d7; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc)); background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%); background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%); background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%); background-image: linear-gradient(#3875d7 20%, #2a62bc 90%); color: #fff; } .chzn-container .chzn-results li.no-results { display: list-item; background: #f4f4f4; } .chzn-container .chzn-results li.group-result { display: list-item; color: #999; font-weight: bold; cursor: default; } .chzn-container .chzn-results li.group-option { padding-left: 15px; } .chzn-container .chzn-results li em { font-style: normal; text-decoration: underline; } /* @end */ /* @group Multi Chosen */ .chzn-container-multi .chzn-choices { position: relative; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; width: 100%; height: auto !important; height: 1%; border: 1px solid #aaa; background-color: #fff; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff)); background-image: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%); background-image: -moz-linear-gradient(#eeeeee 1%, #ffffff 15%); background-image: -o-linear-gradient(#eeeeee 1%, #ffffff 15%); background-image: linear-gradient(#eeeeee 1%, #ffffff 15%); cursor: text; } .chzn-container-multi .chzn-choices li { float: left; list-style: none; } .chzn-container-multi .chzn-choices li.search-field { margin: 0; padding: 0; white-space: nowrap; } .chzn-container-multi .chzn-choices li.search-field input { margin: 1px 0; padding: 5px; height: 15px; outline: 0; border: 0 !important; background: transparent !important; box-shadow: none; color: #666; font-size: 100%; font-family: Roboto; } .chzn-container-multi .chzn-choices li.search-field .default { color: #999; } .chzn-container-multi .chzn-choices li.search-choice { position: relative; margin: 3px 0 3px 5px; padding: 3px 20px 3px 5px; border: 1px solid #aaa; border-radius: 3px; background-color: #e4e4e4; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee)); background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-clip: padding-box; box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05); color: #333; line-height: 13px; cursor: default; } .chzn-container-multi .chzn-choices li.search-choice .search-choice-close { position: absolute; top: 4px; right: 3px; display: block; width: 12px; height: 12px; font-size: 1px; } .chzn-container-multi .chzn-choices li.search-choice .search-choice-close:hover { background-position: -42px -10px; } .chzn-container-multi .chzn-choices li.search-choice-disabled { padding-right: 5px; border: 1px solid #ccc; background-color: #e4e4e4; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee)); background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); color: #666; } .chzn-container-multi .chzn-choices li.search-choice-focus { background: #d4d4d4; } .chzn-container-multi .chzn-choices li.search-choice-focus .search-choice-close { background-position: -42px -10px; } .chzn-container-multi .chzn-results { margin: 0; padding: 0; } .chzn-container-multi .chzn-drop .result-selected { display: list-item; color: #ccc; cursor: default; } /* @end */ /* @group Active */ .chzn-container-active .chzn-single { border: 1px solid #5897fb; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } .chzn-container-active.chzn-with-drop .chzn-single { border: 1px solid #aaa; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff)); background-image: -webkit-linear-gradient(#eeeeee 20%, #ffffff 80%); background-image: -moz-linear-gradient(#eeeeee 20%, #ffffff 80%); background-image: -o-linear-gradient(#eeeeee 20%, #ffffff 80%); background-image: linear-gradient(#eeeeee 20%, #ffffff 80%); box-shadow: 0 1px 0 #fff inset; } .chzn-container-active.chzn-with-drop .chzn-single div { border-left: none; background: transparent; } .chzn-container-active.chzn-with-drop .chzn-single div b { background-position: -18px 2px; } .chzn-container-active .chzn-choices { border: 1px solid #5897fb; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } .chzn-container-active .chzn-choices li.search-field input { color: #111 !important; } /* @end */ /* @group Disabled Support */ .chzn-disabled { opacity: 0.5 !important; cursor: default; } .chzn-disabled .chzn-single { cursor: default; } .chzn-disabled .chzn-choices .search-choice .search-choice-close { cursor: default; } /* @end */ /* @group Right to Left */ .chzn-rtl { text-align: right; } .chzn-rtl .chzn-single { overflow: visible; padding: 0 8px 0 0; } .chzn-rtl .chzn-single span { margin-right: 0; margin-left: 26px; direction: rtl; } .chzn-rtl .chzn-single-with-deselect span { margin-left: 38px; } .chzn-rtl .chzn-single div { right: auto; left: 3px; } .chzn-rtl .chzn-single abbr { right: auto; left: 26px; } .chzn-rtl .chzn-choices li { float: right; } .chzn-rtl .chzn-choices li.search-field input { direction: rtl; } .chzn-rtl .chzn-choices li.search-choice { margin: 3px 5px 3px 0; padding: 3px 5px 3px 19px; } .chzn-rtl .chzn-choices li.search-choice .search-choice-close { right: auto; left: 4px; } .chzn-rtl.chzn-container-single-nosearch .chzn-search, .chzn-rtl .chzn-drop { left: 9999px; } .chzn-rtl.chzn-container-single .chzn-results { margin: 0 0 4px 4px; padding: 0 4px 0 0; } .chzn-rtl .chzn-results li.group-option { padding-right: 15px; padding-left: 0; } .chzn-rtl.chzn-container-active.chzn-with-drop .chzn-single div { border-right: none; } .chzn-rtl .chzn-search input { padding: 4px 5px 4px 20px; background: url('../images/chosen-sprite.png') no-repeat -30px -20px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff)); background: url('../images/chosen-sprite.png') no-repeat -30px -20px, -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%); background: url('../images/chosen-sprite.png') no-repeat -30px -20px, -moz-linear-gradient(#eeeeee 1%, #ffffff 15%); background: url('../images/chosen-sprite.png') no-repeat -30px -20px, -o-linear-gradient(#eeeeee 1%, #ffffff 15%); background: url('../images/chosen-sprite.png') no-repeat -30px -20px, linear-gradient(#eeeeee 1%, #ffffff 15%); direction: rtl; } .chzn-rtl.chzn-container-single .chzn-single div b { background-position: 6px 2px; } .chzn-rtl.chzn-container-single.chzn-with-drop .chzn-single div b { background-position: -12px 2px; } /* @end */ /* @group Retina compatibility */ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) { .chzn-rtl .chzn-search input, .chzn-container-single .chzn-single abbr, .chzn-container-single .chzn-single div b, .chzn-container-single .chzn-search input, .chzn-container-multi .chzn-choices .search-choice .search-choice-close, .chzn-container .chzn-results-scroll-down span, .chzn-container .chzn-results-scroll-up span { background-size: 52px 37px !important; background-repeat: no-repeat !important; } } /* @end */ :root { --bgcolor: #202124; --bordercolor: #0B071E; --mainfcolor: #fff; --secfcolor: #aaa; --bgcolorsec: #303134; --bordercolorsec: #27293e; --bgcolorthird: #3C4043; --bordercolorthird: #5f6368; --boxshadow: 0 1px 10px 0 rgba(0,0,0,0.26); --darkfcolor: #000; } /*Theme related UI code. Keep Separate */ .themeseclectcont { padding: 20px; box-sizing: border-box; } .themeitem { display: inline-block; width: 45%; margin: 5px; margin-top: 20px; border: 10px; border-radius: 5px; min-height: 200px; background-color: #eee; color: #aaa; line-height: 200px; font-size: 16px; } .themeitemdark { background-color: var(--bgcolor); color: var(--mainfcolor); } .themeitemactive { border: #27ca47 2px solid; } @media only screen and (max-width: 700px) { .themeitem { display: block; width: 90%; } } /*End of Theme relatd UI Code*/ .bodydark { background-color: var(--bgcolor); } .bodydark p, .bodydark div { color: var(--mainfcolor); } .bodydark .material-icons { color: var(--mainfcolor); } .bodydark .navsrcbar { background-color: var(--bgcolorsec) !important; } .bodydark .searchcont { background-color: var(--bgcolor) !important; } .bodydark .objprop, .bodydark .SetDefault, .bodydark .errnot, .bodydark .toastbutton { color: initial !important; } .bodydark .cardboxcont { border-color: var(--bgcolorthird); } .bodydark .listitem > .objprop { color: #000 !important; } .bodydark .tabbtnactive { color: #000; } .bodydark .ui-button-text-only .ui-button-text { color: var(--mainfcolor); } .bodydark .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background-color: var(--bgcolor) !important; color: var(--mainfcolor) !important; } .bodydark .actionbtn { color: var(--mainfcolor); } .bodydark .content, .bodydark .header { background-color: var(--bgcolor); } .bodydark .menubar, .bodydark .menulist, .bodydark .sidemenubar { background-color: var(--bgcolorsec); } .bodydark .grid, .bodydark td.rhead, .bodydark .roomcont, .bodydark .gridcontainer, .bodydark .tabheader, .bodydark .rowdeschead, .bodydark .chatcont { background-color: var(--bgcolorsec); background: var(--bgcolorsec); border-color: var(--bordercolorsec); color: var(--mainfcolor); } .bodydark .actionbar { border: none; } .bodydark .DateCont *:not(.DateTitle), .bodydark .MonthHeading { color: var(--secfcolor); } .bodydark .seperator, .bodydark .gridcontainerfilters { border-color: var(--bordercolorthird); } .bodydark .fir-image-figure, .bodydark .CustomerCard, .bodydark .profileinfocont, .bodydark .userprofileitem, .bodydark .buildingcode { background-color: var(--bgcolorsec) !important; border-color: var(--bordercolorsec); box-shadow: none; border-radius: 8px; color: var(--mainfcolor); } .bodydark .panelcont .fir-image-figure, .bodydark .panelcont .CustomerCard, .bodydark .panelcont .profileinfocont, .bodydark .panelcont .userprofileitem, .bodydark .panelcont .buildingcode { background-color: var(--bgcolorthird) !important; border-color: var(--bordercolorthird); box-shadow: none; border-radius: 8px; color: var(--mainfcolor); } .bodydark .overviewbtn { color:#000; } .bodydark .rcont .ui-button { border-color: inherit !important; } .bodydark .CustomerCard, .bodydark .contextmenucont, .bodydark .chatlist { background-color: var(--bgcolorsec) !important; border: var(--bordercolorthird) 1px solid !important; border-radius: 8px; color: var(--secfcolor); } .bodydark .comtcontbottom, .bodydark .chatheader, .bodydark .buildingcodecont { background-color: var(--bgcolorsec) !important; background: var(--bgcolorsec) !important; } .bodydark .menubarappitemcont, .bodydark .newdesign, .bodydark .nice-select .list { background-color: var(--bgcolorsec) !important; border-color: var(--bordercolorsec); } .bodydark .divset { background-color: var(--bgcolorsec) !important; border-color: var(--bordercolorsec); border: none; box-shadow: none; } .bodydark .chatitem, .bodydark .kanabanheading { border-color: var(--bgcolor); color: var(--mainfcolor); background-color: var(--bgcolor) !important; } .bodydark .channelsearchcont { background-color: var(--bgcolor); } .bodydark .listitem, .bodydark .tablerow:nth-child(even) { background-color: var(--bgcolorthird) !important; background: var(--bgcolorthird) !important; border-color: var(--bordercolorthird) !important; color: var(--mainfcolor); } .bodydark .cardview { background-color: var(--bgcolor) !important; border-color: var(--bordercolorthird); color: var(--secfcolor); } .bodydark .menubarappitemicon:not(menubarappitemactive) { color: var(--secfcolor) !important; } .bodydark .chatitemname, .bodydark .heading, .bodydark .lheading { color: var(--mainfcolor); } .bodydark .systemevent { border-color: var(--bordercolorsec); } .bodydark chatitemmsg, .bodydark .rstimeitem { color: var(--secfcolor); } .bodydark .rcont { color: var(--mainfcolor); border-color: var(--bordercolorsec); } .bodydark .err, .bodydark .IconsL { color: var(--darkfcolor); } .bodydark .Optlist { border-color: var(--bordercolorsec); } .bodydark .commtdatehead { border-color: var(--bordercolor); } .bodydark .commtdate { background: var(--bordercolorthird); background-color: var(--bordercolorthird); color: var(--mainfcolor); } .bodydark .saleitemcont { background: var(--bordercolorthird); background-color: var(--bordercolorthird); } .bodydark .comtcont, .bodydark .comtcont > textarea { background: var(--bgcolorsec); border-color: var(--bordercolorthird); color: var(--mainfcolor); } .bodydark .listitemdesc { color: var(--mainfcolor); } .bodydark .chatmsgrec > .listitemdesc { color: var(--darkfcolor); } .bodydark .grid td, .bodydark .sideheading, .bodydark .OPItem, .bodydark .toastmsg { color: var(--mainfcolor); border-bottom-color: var(--bordercolorsec); } .bodydark .contentmenuitem, .bodydark .contextmenucont { border-color: var(--bordercolorsec); } .bodydark .gridtr td, .bodydark .exprow td { color: var(--secfcolor); border-color: var(--bordercolorsec); } .bodydark .nice-select, .bodydark .statcont, .bodydark .OPListCont { background-color: var(--bgcolorthird) !important; color: var(--mainfcolor) !important; border-color: var(--bordercolorsec) !important; } .bodydark .statcont > .label, .bodydark .biglabel { color: var(--mainfcolor) !important; } .bodydark .exprow { background-color: inherit; } .bodydark .panelcont, .bodydark .contentbox, .bodydark .cbtxt, .bodydark .toast, .bodydark .cbheader, .bodydark .cbactcont, .bodydark .cashsetup, .bodydark .kbtna { background-color: var(--bgcolorsec); box-shadow: var(--boxshadow); } .bodydark .dcoloum, .bodydark .chead, .bodydark .vcoloum, .bodydark .rdcoloum, .bodydark .rocoloum, .bodydark .rpcoloum, .bodydark .dfcoloum { color: var(--secfcolor) !important; background-color: var(--bgcolorthird); border-color: var(--bordercolorsec); box-shadow: var(--boxshadow); } .bodydark .cregister { border-color: var(--bordercolorsec); } .bodydark .pageheading, .bodydark .foodordtitle { color: var(--secfcolor); text-shadow: none; } .bodydark .mapviewcont { background-image: repeating-linear-gradient( 0deg, var(--bgcolorsec), var(--bgcolorsec) 1px, transparent 1px, transparent 40px),repeating-linear-gradient( -90deg, var(--bgcolorsec), var(--bgcolorsec) 1px, transparent 1px, transparent 40px); background-color: var(--bgcolor); border-color: var(--bordercolorsec); } .bodydark .inpcont, .bodydark .inpcont .inphead { background-color: var(--bgcolorsec); border-color: var(--bordercolorthird); } /* .bodydark .inpcont:hover { background-color: var(--bgcolor) !important; border-color: var(--bordercolor) !important; }*/ .bodydark .stc1 > *, .bodydark .stc2 > *, .bodydark .stc3 > *, .bodydark .stc4 > *, .bodydark .stc5 > *, .bodydark .stc6 > *, .bodydark .stc7 > *, .bodydark .stc8 > *, .bodydark .stc9 > *, .bodydark .stc10 > *, .bodydark .stc11 > *, .bodydark .stc12 > *, .bodydark .stc13 > *, .bodydark .HKOrdInfo { color: var(--mainfcolor) !important; } .bodydark .stc1 { background-color: #00c6ff !important; color: var(--mainfcolor) !important; } .bodydark .stc2 { background-color: #26c489; } .bodydark .stc3 { background-color: #ff7d75; } .bodydark .stc4 { background-color: #f5974b; } .bodydark .stc5 { background-color: #9D66E9; } .bodydark .stc6 { background-color: #00C0EF; } .bodydark .stc7 { background-color: #D869C0; } .bodydark .stc8 { background-color: #99CC00; } .bodydark .stc9 { background-color: #9D8EFF; } .bodydark .stc10 { background-color: #9D8EFF; } .bodydark .stc11 { background-color: #9D8EFF; } .bodydark .stc12 { background-color: #a72da8; } .bodydark .stc13 { background-color: #3b57dd; } .bodydark .Posfilters, .bodydark .itemsel, .bodydark .flititemsel { border-color: var(--bordercolorthird) !important; box-shadow: none; color: var(--mainfcolor); } .bodydark .selopt { color: var(--bgcolorsec) !important; } .bodydark .parentstaffdiv thead th:nth-child(2), .bodydark .parentstaffdiv tbody tr td:nth-child(2) { background-color: var(--bgcolorsec) !important; } .bodydark .tui-full-calendar-layout, .bodydark .tui-full-calendar-timegrid-timezone { background-color: var(--bgcolorsec) !important; } .bodydark .tui-full-calendar-dayname-container, .bodydark .tui-full-calendar-splitter, .bodydark .tui-full-calendar-time-date, .bodydark .tui-full-calendar-splitter, .bodydark .tui-full-calendar-timegrid-schedules-container, .bodydark .tui-full-calendar-weekday-grid-line, .bodydark .tui-full-calendar-weekday-border, .bodydark .tui-full-calendar-month-dayname { border-color: var(--bordercolorthird) !important; } .bodydark .tui-full-calendar-timegrid-hour, .bodydark .tui-full-calendar-dayname-date-area, .bodydark .tui-full-calendar-month-dayname-item > span, .bodydark .tui-full-calendar-weekday-grid-header > span { color: var(--secfcolor) !important; } .bodydark .tui-full-calendar-weekday-schedule-title { color: var(--mainfcolor); } .bodydark .ui-buttonset .ui-button:not(.ui-state-active) { background-color: var(--bgcolorthird) !important; border-color: var(--bordercolorsec) !important; color: var(--secfcolor); } .bodydark .salerprod { border-color: var(--bordercolorsec); } .bodydark .salerprod * { color: var(--mainfcolor) !important; } .bodydark .tablecellsel { background-color: rgba(0, 204, 0, 0.2) !important; } .bodydark .tipnpromo, .bodydark .salestotalcont { background-color: var(--bgcolorsec); border-color: var(--bordercolorsec) !important; } .bodydark .tipnpromo *, .bodydark .salestotalcont * { color: var(--mainfcolor); } .bodydark .cusinfo, .bodydark .cusinfo .custedit { color: var(--mainfcolor) !important; } .bodydark .cusdet *, .bodydark .supinfo * { color: var(--mainfcolor) !important; } .bodydark .receiptpanel, .bodydark .pinpadfilters { border-color: var(--bordercolorsec) !important; color: var(--mainfcolor) !important; } .bodydark #pincontfrm .inphead { color: var(--mainfcolor) !important; } .bodydark .saleitem, .bodydark .saleitemcontent span:not(.staffselect) { color: var(--mainfcolor) !important; } .bodydark .saleitemquant { color: var(--secfcolor) !important; } .bodydark .saleitemcontent, .bodydark .additemcont { border-color: var(--bordercolorsec) !important; background-color: var(--bgcolorsec); } .bodydark .saleitemcontent:hover, .bodydark .saleitemcontent:active { background-color: var(--bgcolor); } .bodydark .addproductbox { background-color: var(--bgcolorthird); border-color: var(--bordercolorthird) !important; box-shadow: var(--boxshadow); } .bodydark .pavilionheading { background-color: var(--bgcolorthird); } .bodydark .pavilionsubheading { background-color: var(--bgcolorthird); color: var(--mainfcolor) !important; } .bodydark input[type=text], .bodydark select, .bodydark textarea, .bodydark option { background-color: var(--bgcolorsec) !important; border-color: var(--bordercolorthird) !important; color: var(--mainfcolor) !important; } .bodydark .servicecont { background: rgba(50,50,50,0.5); } .bodydark .sertext { color: var(--mainfcolor); } .bodydark .NurseFlowSearchCont { background-color: var(--bgcolorsec) !important; box-shadow: var(--boxshadow); border: var(--bordercolorthird) 1px solid; } .bodydark .NurseProtocolSel { transform: scale(1.1); border: #fff 1px solid; box-shadow: 0 1px 10px 0 rgba(255,255,255,0.06); } .bodydark input[type=text]::placeholder { color: var(--secfcolor); text-shadow: none; } .bodydark .NurseProtocol, .bodydark .NurseProtocolTitle, .bodydark .unitnum { color: var(--mainfcolor); } .bodydark .popupbutton, .bodydark .button { color: var(--mainfcolor); } .bodydark .ConfirmNote * { color: var(--mainfcolor) !important; } .bodydark .fs, .bodydark .fslabel { color: var(--mainfcolor) !important; } .bodydark .nice-select .option:hover, .bodydark .nice-select .option.focus, .bodydark .nice-select .option.selected.focus { background-color: var(--bgcolor) !important; } .bodydark .DateTitle { background-color: var(--bgcolorthird) !important; } .bodydark .Unassigned { color: var(--bgcolorthird); } .bodydark .DateContToday .DateTitle { background-color: var(--mainfcolor) !important; } .bodydark .DateContToday > .DayTitle { color: var(--mainfcolor); } .bodydark .rheadingsub { background-color: var(--bgcolorsec) !important; } .bodydark .selrow td:not(.rn) { color: var(--darkfcolor) !important; } .bodydark .ui-widget-content { background-color: var(--bgcolorthird) !important; border-color: var(--bordercolorthird) !important; color: var(--mainfcolor) !important; /* z-index:2 !important;*/ } .bodydark .ui-widget-content, .ui-widget-header { background-color: var(--bgcolorthird) !important; } .bodydark .autocomplitem { border-color: var(--bordercolorthird) !important; } .bodydark .menuitem:hover, .bodydark .menu:hover { color: var(--mainfcolor) !important; } .bodydark .ResCardCont { background-color: var(--bgcolorthird) !important; border-color: var(--bordercolorthird) !important; color: var(--mainfcolor) !important; box-shadow: var(--boxshadow); } .bodydark .contentlogin { background: var(--bgcolor); } .bodydark .loginbox { background-color: var(--bgcolorsec); } .bodydark .imglogin { filter: brightness(0) invert(1); } .bodydark .overviewcont { background-color: var(--bgcolorthird); border: none !important; } .bodydark .datacount { background-color: inherit !important; } .bodydark .buttoncust { background-color: #3872DD !important; color: #fff !important; border: none !important; } .bodydark .buttonneg { background-color: #f6584c !important; color: #fff !important; border: none !important; } .bodydark .kbtngr, .bodydark .kbtnrd { border: none !important; } .bodydark .kbtn:not(.kbtngr):not(.kbtnrd) { background-color: var(--bgcolorthird); border: none !important; } /*! * FullCalendar v2.4.0 Stylesheet * Docs & License: http://fullcalendar.io/ * (c) 2015 Adam Shaw */ .fc { direction: ltr; text-align: left; } .fc-rtl { text-align: right; } body .fc { /* extra precedence to overcome jqui */ font-size: 1em; } /* Colors --------------------------------------------------------------------------------------------------*/ .fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-popover { border-color:#ddd; } .fc-unthemed .fc-popover { background-color: #fff; } .fc-unthemed .fc-divider, .fc-unthemed .fc-popover .fc-header { background: #eee; } .fc-unthemed .fc-popover .fc-header .fc-close { color: #666; } .fc-unthemed .fc-today { background:inherit; } .fc-highlight { /* when user is selecting cells */ background: #bce8f1; opacity: .3; filter: alpha(opacity=30); /* for IE */ } .fc-bgevent { /* default look for background events */ background: rgb(143, 223, 130); opacity: .3; filter: alpha(opacity=30); /* for IE */ } .fc-nonbusiness { /* default look for non-business-hours areas */ /* will inherit .fc-bgevent's styles */ background: #d7d7d7; } /* Icons (inline elements with styled text that mock arrow icons) --------------------------------------------------------------------------------------------------*/ .fc-icon { display: inline-block; width: 1em; height: 1em; line-height: 1em; font-size: 1em; text-align: center; overflow: hidden; font-family: "Roboto","Courier New", Courier, monospace; /* don't allow browser text-selection */ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Acceptable font-family overrides for individual icons: "Arial", sans-serif "Times New Roman", serif NOTE: use percentage font sizes or else old IE chokes */ .fc-icon:after { position: relative; margin: 0 -1em; /* ensures character will be centered, regardless of width */ } .fc-icon-left-single-arrow:after { content: "\02039"; font-weight: bold; font-size: 200%; top: -7%; left: 3%; } .fc-icon-right-single-arrow:after { content: "\0203A"; font-weight: bold; font-size: 200%; top: -7%; left: -3%; } .fc-icon-left-double-arrow:after { content: "\000AB"; font-size: 160%; top: -7%; } .fc-icon-right-double-arrow:after { content: "\000BB"; font-size: 160%; top: -7%; } .fc-icon-left-triangle:after { content: "\25C4"; font-size: 125%; top: 3%; left: -2%; } .fc-icon-right-triangle:after { content: "\25BA"; font-size: 125%; top: 3%; left: 2%; } .fc-icon-down-triangle:after { content: "\25BC"; font-size: 125%; top: 2%; } .fc-icon-x:after { content: "\000D7"; font-size: 200%; top: 6%; } /* Buttons (styled