/* Minification failed. Returning unminified contents. (5,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (208,23): run-time error CSS1039: Token not allowed after unary operator: '-EzyFont' (220,23): run-time error CSS1039: Token not allowed after unary operator: '-EzyFont' (231,28): run-time error CSS1039: Token not allowed after unary operator: '-ScrollBG' (245,28): run-time error CSS1039: Token not allowed after unary operator: '-navbarBG' (246,24): run-time error CSS1039: Token not allowed after unary operator: '-navbarBG' (256,22): run-time error CSS1039: Token not allowed after unary operator: '-navbarBG' (262,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (270,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (284,28): run-time error CSS1039: Token not allowed after unary operator: '-navbarBG' (285,24): run-time error CSS1039: Token not allowed after unary operator: '-navbarBG' (292,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (360,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (445,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (449,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (490,24): run-time error CSS1039: Token not allowed after unary operator: '-white' (528,22): run-time error CSS1039: Token not allowed after unary operator: '-sideBG' (529,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (607,22): run-time error CSS1039: Token not allowed after unary operator: '-sideBG' (625,32): run-time error CSS1039: Token not allowed after unary operator: '-ScrollBG' (635,32): run-time error CSS1039: Token not allowed after unary operator: '-sideBG' (646,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (664,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (671,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (697,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (722,32): run-time error CSS1039: Token not allowed after unary operator: '-ScrollBG' (727,32): run-time error CSS1039: Token not allowed after unary operator: '-navbarBG' (732,32): run-time error CSS1039: Token not allowed after unary operator: '-ScrollBG' (753,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (883,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (887,22): run-time error CSS1039: Token not allowed after unary operator: '-sideBG' (888,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (902,25): run-time error CSS1039: Token not allowed after unary operator: '-sanmolLogo' (939,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (953,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (972,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (986,28): run-time error CSS1039: Token not allowed after unary operator: '-navbarBG' (996,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (1008,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (1038,28): run-time error CSS1039: Token not allowed after unary operator: '-navbarBG' (1039,24): run-time error CSS1039: Token not allowed after unary operator: '-navbarBG' (1041,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (1046,17): run-time error CSS1039: Token not allowed after unary operator: '-navbarBG' (1178,26): run-time error CSS1039: Token not allowed after unary operator: '-white' (1233,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (1244,26): run-time error CSS1039: Token not allowed after unary operator: '-white' (1254,26): run-time error CSS1039: Token not allowed after unary operator: '-white' (1297,22): run-time error CSS1039: Token not allowed after unary operator: '-sideBG' (1298,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (1309,26): run-time error CSS1039: Token not allowed after unary operator: '-navbarBG' (1330,21): run-time error CSS1039: Token not allowed after unary operator: '-navbarBG' (1387,21): run-time error CSS1039: Token not allowed after unary operator: '-navbarBG' (1449,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (1457,21): run-time error CSS1039: Token not allowed after unary operator: '-sideBG' (1479,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (1493,21): run-time error CSS1039: Token not allowed after unary operator: '-sideBG' (1514,21): run-time error CSS1039: Token not allowed after unary operator: '-sideBG' (1524,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (1564,21): run-time error CSS1039: Token not allowed after unary operator: '-navbarBG' (1687,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (1695,30): run-time error CSS1039: Token not allowed after unary operator: '-navbarBG' (1729,28): run-time error CSS1039: Token not allowed after unary operator: '-navbarBG' (1741,28): run-time error CSS1039: Token not allowed after unary operator: '-navbarBG' (1768,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (1778,29): run-time error CSS1039: Token not allowed after unary operator: '-white' (1860,38): run-time error CSS1039: Token not allowed after unary operator: '-BorderColor2' (1871,30): run-time error CSS1039: Token not allowed after unary operator: '-white' (1879,36): run-time error CSS1039: Token not allowed after unary operator: '-sideBG' (1880,32): run-time error CSS1039: Token not allowed after unary operator: '-sideBG' (1881,25): run-time error CSS1039: Token not allowed after unary operator: '-white' (1913,17): run-time error CSS1039: Token not allowed after unary operator: '-navbarBG' (1932,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (1957,17): run-time error CSS1039: Token not allowed after unary operator: '-sideBG' (1971,21): run-time error CSS1039: Token not allowed after unary operator: '-navbarBG' (2025,26): run-time error CSS1039: Token not allowed after unary operator: '-white' (2059,32): run-time error CSS1039: Token not allowed after unary operator: '-white' (2060,32): run-time error CSS1039: Token not allowed after unary operator: '-navbarBG' (2062,21): run-time error CSS1039: Token not allowed after unary operator: '-navbarBG' (2074,36): run-time error CSS1039: Token not allowed after unary operator: '-navbarBG' (2075,25): run-time error CSS1039: Token not allowed after unary operator: '-white' (2080,32): run-time error CSS1039: Token not allowed after unary operator: '-navbarBG' (2081,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (2089,22): run-time error CSS1039: Token not allowed after unary operator: '-navbarBG' (2090,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (2151,30): run-time error CSS1039: Token not allowed after unary operator: '-white' (2156,34): run-time error CSS1039: Token not allowed after unary operator: '-navbarBG' (2157,29): run-time error CSS1039: Token not allowed after unary operator: '-white' (2187,21): run-time error CSS1039: Token not allowed after unary operator: '-navbarBG' (2245,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (2311,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (2317,21): run-time error CSS1039: Token not allowed after unary operator: '-navbarBG' (2326,29): run-time error CSS1039: Token not allowed after unary operator: '-navbarBG' (2331,33): run-time error CSS1039: Token not allowed after unary operator: '-sanmolLogo' (2357,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (2377,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (2380,28): run-time error CSS1039: Token not allowed after unary operator: '-BorderColor' (2386,26): run-time error CSS1039: Token not allowed after unary operator: '-navbarBG' (2394,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (2414,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (2419,21): run-time error CSS1039: Token not allowed after unary operator: '-sanmolLogo' (2519,17): run-time error CSS1039: Token not allowed after unary operator: '-navbarBG' (2558,21): run-time error CSS1039: Token not allowed after unary operator: '-navbarBG' (2660,26): run-time error CSS1039: Token not allowed after unary operator: '-navbarBG' (2665,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (2903,32): run-time error CSS1039: Token not allowed after unary operator: '-ScrollBG' (2913,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (2924,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (2929,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (2940,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (3001,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (3044,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (3057,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (3098,17): run-time error CSS1039: Token not allowed after unary operator: '-navbarBG' (3215,21): run-time error CSS1039: Token not allowed after unary operator: '-navbarBG' (3220,26): run-time error CSS1039: Token not allowed after unary operator: '-white' (3257,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (3314,25): run-time error CSS1033: Expected closing bracket, found 'i' (3314,26): run-time error CSS1031: Expected selector, found ']' (3314,26): run-time error CSS1025: Expected comma or open brace, found ']' (3321,30): run-time error CSS1033: Expected closing bracket, found 'i' (3321,31): run-time error CSS1031: Expected selector, found ']' (3321,31): run-time error CSS1025: Expected comma or open brace, found ']' (3328,27): run-time error CSS1033: Expected closing bracket, found 'i' (3328,28): run-time error CSS1031: Expected selector, found ']' (3328,28): run-time error CSS1025: Expected comma or open brace, found ']' (3335,37): run-time error CSS1033: Expected closing bracket, found 'i' (3335,38): run-time error CSS1031: Expected selector, found ']' (3335,38): run-time error CSS1025: Expected comma or open brace, found ']' (3341,25): run-time error CSS1033: Expected closing bracket, found 'i' (3341,26): run-time error CSS1031: Expected selector, found ']' (3341,26): run-time error CSS1025: Expected comma or open brace, found ']' (3347,26): run-time error CSS1033: Expected closing bracket, found 'i' (3347,27): run-time error CSS1031: Expected selector, found ']' (3347,27): run-time error CSS1025: Expected comma or open brace, found ']' (3354,22): run-time error CSS1033: Expected closing bracket, found 'i' (3354,23): run-time error CSS1031: Expected selector, found ']' (3354,23): run-time error CSS1025: Expected comma or open brace, found ']' (3362,23): run-time error CSS1033: Expected closing bracket, found 'i' (3362,24): run-time error CSS1031: Expected selector, found ']' (3362,24): run-time error CSS1025: Expected comma or open brace, found ']' (3368,25): run-time error CSS1033: Expected closing bracket, found 'i' (3368,26): run-time error CSS1031: Expected selector, found ']' (3368,26): run-time error CSS1025: Expected comma or open brace, found ']' (3376,24): run-time error CSS1033: Expected closing bracket, found 'i' (3376,25): run-time error CSS1031: Expected selector, found ']' (3376,25): run-time error CSS1025: Expected comma or open brace, found ']' (3383,42): run-time error CSS1033: Expected closing bracket, found 'i' (3383,43): run-time error CSS1031: Expected selector, found ']' (3383,43): run-time error CSS1025: Expected comma or open brace, found ']' (3388,24): run-time error CSS1033: Expected closing bracket, found 'i' (3388,25): run-time error CSS1031: Expected selector, found ']' (3388,25): run-time error CSS1025: Expected comma or open brace, found ']' (3392,21): run-time error CSS1033: Expected closing bracket, found 'i' (3392,22): run-time error CSS1031: Expected selector, found ']' (3392,22): run-time error CSS1025: Expected comma or open brace, found ']' (3396,21): run-time error CSS1033: Expected closing bracket, found 'i' (3396,22): run-time error CSS1031: Expected selector, found ']' (3396,22): run-time error CSS1025: Expected comma or open brace, found ']' (3400,25): run-time error CSS1033: Expected closing bracket, found 'i' (3400,26): run-time error CSS1031: Expected selector, found ']' (3400,26): run-time error CSS1025: Expected comma or open brace, found ']' (3404,27): run-time error CSS1033: Expected closing bracket, found 'i' (3404,28): run-time error CSS1031: Expected selector, found ']' (3404,28): run-time error CSS1025: Expected comma or open brace, found ']' (3411,35): run-time error CSS1033: Expected closing bracket, found 'i' (3411,36): run-time error CSS1031: Expected selector, found ']' (3411,36): run-time error CSS1025: Expected comma or open brace, found ']' (3416,46): run-time error CSS1033: Expected closing bracket, found 'i' (3416,47): run-time error CSS1031: Expected selector, found ']' (3416,47): run-time error CSS1025: Expected comma or open brace, found ']' (3421,42): run-time error CSS1033: Expected closing bracket, found 'i' (3421,43): run-time error CSS1031: Expected selector, found ']' (3421,43): run-time error CSS1025: Expected comma or open brace, found ']' (3559,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (3565,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (3571,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (3577,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (3583,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (3650,21): run-time error CSS1039: Token not allowed after unary operator: '-navbarBG' (3683,28): run-time error CSS1039: Token not allowed after unary operator: '-navbarBG' (3684,22): run-time error CSS1039: Token not allowed after unary operator: '-navbarBG' (3685,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (3697,22): run-time error CSS1039: Token not allowed after unary operator: '-navbarBG' (3698,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (3762,25): run-time error CSS1039: Token not allowed after unary operator: '-white' (3826,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (3852,22): run-time error CSS1039: Token not allowed after unary operator: '-navbarBG' (3853,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (3893,28): run-time error CSS1039: Token not allowed after unary operator: '-sideBG' (3894,22): run-time error CSS1039: Token not allowed after unary operator: '-sideBG' (3896,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (3905,28): run-time error CSS1039: Token not allowed after unary operator: '-navbarBG' (3906,22): run-time error CSS1039: Token not allowed after unary operator: '-navbarBG' (3912,22): run-time error CSS1039: Token not allowed after unary operator: '-sideBG' (3913,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (4157,32): run-time error CSS1039: Token not allowed after unary operator: '-BorderColor' (4295,36): run-time error CSS1039: Token not allowed after unary operator: '-BorderColor' (4373,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (4404,17): run-time error CSS1039: Token not allowed after unary operator: '-navbarBG' (4422,32): run-time error CSS1039: Token not allowed after unary operator: '-navbarBG' (4457,22): run-time error CSS1039: Token not allowed after unary operator: '-navbarBG' (4466,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (4494,22): run-time error CSS1039: Token not allowed after unary operator: '-navbarBG' (4504,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (4532,25): run-time error CSS1039: Token not allowed after unary operator: '-white' (4550,34): run-time error CSS1039: Token not allowed after unary operator: '-BorderColor2' (4559,26): run-time error CSS1039: Token not allowed after unary operator: '-white' (4567,32): run-time error CSS1039: Token not allowed after unary operator: '-navbarBG' (4568,28): run-time error CSS1039: Token not allowed after unary operator: '-navbarBG' (4569,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (4598,34): run-time error CSS1039: Token not allowed after unary operator: '-BorderColor2' (4608,26): run-time error CSS1039: Token not allowed after unary operator: '-white' (4616,32): run-time error CSS1039: Token not allowed after unary operator: '-sideBG' (4617,28): run-time error CSS1039: Token not allowed after unary operator: '-sideBG' (4618,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (4647,34): run-time error CSS1039: Token not allowed after unary operator: '-BorderColor2' (4657,26): run-time error CSS1039: Token not allowed after unary operator: '-white' (4665,32): run-time error CSS1039: Token not allowed after unary operator: '-navbarBG' (4666,28): run-time error CSS1039: Token not allowed after unary operator: '-navbarBG' (4667,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (4715,38): run-time error CSS1039: Token not allowed after unary operator: '-BorderColor2' (4726,30): run-time error CSS1039: Token not allowed after unary operator: '-white' (4734,36): run-time error CSS1039: Token not allowed after unary operator: '-sideBG' (4735,32): run-time error CSS1039: Token not allowed after unary operator: '-sideBG' (4736,25): run-time error CSS1039: Token not allowed after unary operator: '-white' (4753,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (4827,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (4838,17): run-time error CSS1039: Token not allowed after unary operator: '-navbarBG' (5084,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (5098,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (5103,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (5122,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (6527,9): run-time error CSS1035: Expected colon, found '{' */ .toast-title{font-weight:700}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#fff}.toast-message a:hover{color:#ccc;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#fff;-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;opacity:.8;-ms-filter:alpha(Opacity=80);filter:alpha(opacity=80)}.toast-close-button:focus,.toast-close-button:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;-ms-filter:alpha(Opacity=40);filter:alpha(opacity=40)}button.toast-close-button{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{position:relative;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#fff;opacity:.8;-ms-filter:alpha(Opacity=80);filter:alpha(opacity=80)}#toast-container>:hover{-moz-box-shadow:0 0 12px #000;-webkit-box-shadow:0 0 12px #000;box-shadow:0 0 12px #000;opacity:1;-ms-filter:alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important}#toast-container>.toast-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important}#toast-container>.toast-success{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important}#toast-container>.toast-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important}#toast-container.toast-bottom-center>div,#toast-container.toast-top-center>div{width:300px;margin:auto}#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div{width:96%;margin:auto}.toast{background-color:#030303}.toast-success{background-color:#51a351}.toast-error{background-color:#bd362f}.toast-info{background-color:#2f96b4}.toast-warning{background-color:#f89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4;-ms-filter:alpha(Opacity=40);filter:alpha(opacity=40)}@media all and (max-width:240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width:241px) and (max-width:480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width:481px) and (max-width:768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}} :root { --ScrollBG: #F5F5F5; --white: #ffffff; --navbarBG: #1e5598; --sideBG: #192133; --sanmolLogo: #f58334; --EzyFont: 'Open Sans', sans-serif; --BorderColor: #cacaca; --BorderColor2: #969696; } .ScreenLoader { position: fixed; z-index: 9999; width: 100%; height: 100%; top: 0px; left: 0px; display: flex; justify-content: center; align-items: center; background: rgba(0, 0, 0, 0.5); flex-direction: column; } .ScreenLoader p { color: white; font-weight: bold; font-size: 200%; } .lds-ring { display: inline-block; position: relative; width: 80px; height: 80px; } .lds-ring div { box-sizing: border-box; display: block; position: absolute; width: 64px; height: 64px; margin: 8px; border: 8px solid #ffffff; border-radius: 50%; animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: #ffffff transparent transparent transparent; } .lds-ring div:nth-child(1) { animation-delay: -0.45s; } .lds-ring div:nth-child(2) { animation-delay: -0.3s; } .lds-ring div:nth-child(3) { animation-delay: -0.15s; } @keyframes lds-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-display: swap; src: local('Open Sans Regular'), local('OpenSans-Regular'), url(../fonts/opensans/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-display: swap; src: local('Open Sans Regular'), local('OpenSans-Regular'), url(../fonts/opensans/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-display: swap; src: local('Open Sans Regular'), local('OpenSans-Regular'), url(../fonts/opensans/mem8YaGs126MiZpBA-UFWZ0bbck.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-display: swap; src: local('Open Sans Regular'), local('OpenSans-Regular'), url(../fonts/opensans/mem8YaGs126MiZpBA-UFVp0bbck.woff2) format('woff2'); unicode-range: U+0370-03FF; } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-display: swap; src: local('Open Sans Regular'), local('OpenSans-Regular'), url(../fonts/opensans/mem8YaGs126MiZpBA-UFWp0bbck.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-display: swap; src: local('Open Sans Regular'), local('OpenSans-Regular'), url(../fonts/opensans/mem8YaGs126MiZpBA-UFW50bbck.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-display: swap; src: local('Open Sans Regular'), local('OpenSans-Regular'), url(../fonts/opensans/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /*Custom Fonts Added*/ @font-face { font-family: 'costwatch'; src: url('../fonts/custom/costwatch.eot?pvexzx'); src: url('../fonts/custom/costwatch.eot?pvexzx#iefix') format('embedded-opentype'), url('../fonts/custom/costwatch.ttf?pvexzx') format('truetype'), url('../fonts/custom/costwatch.woff?pvexzx') format('woff'), url('../fonts/custom/costwatch.svg?pvexzx#costwatch') format('svg'); font-weight: normal; font-display: swap; font-style: normal; font-display: block; } .qb { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'costwatch' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .qb:before { content: "\c285"; } @font-face { font-family: 'ebCustom'; src: url('../fonts/custom/ebCustom.eot?d5db0x'); src: url('../fonts/custom/ebCustom.eot?d5db0x#iefix') format('embedded-opentype'), url('../fonts/custom/ebCustom.ttf?d5db0x') format('truetype'), url('../fonts/custom/ebCustom.woff?d5db0x') format('woff'), url('../fonts/custom/ebCustom.svg?d5db0x#ebCustom') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } .bulkprint, .batchmail, .merge { font-family: 'ebCustom' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; } .bulkprint:before { content: "\e452"; } .batchmail:before { content: "\e451"; } .merge:before { content: "\e450"; } /*Custom Fonts End*/ body { margin: 0px; padding: 0px; position: relative; overflow: hidden; font-family: var(--EzyFont); font-size: 12px; scrollbar-color: #cdcdcd #f0f0f0; scrollbar-width: thin; } h1, h2, h3, h4, h5, h6 { font-family: var(--EzyFont); } ::-webkit-scrollbar { width: 7px; height: 7px; background-color: #d3d3d3; } ::-webkit-scrollbar-thumb { border-radius: 10px; background-color: var(--ScrollBG); } ::-webkit-scrollbar-track { border-radius: 10px; background-color: #d3d3d3; } .fontBold { font-weight: bold !important; } .btn-primary { color: #fff; background-color: var(--navbarBG); border-color: var(--navbarBG); } body.modal-open, .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom { margin-right: 0px; } .modal-header { background: var(--navbarBG); border-radius: 5px 5px 0px 0px; margin-top: -1px; } .modal-title { color: var(--white); } .modal-body { padding: 10px; } .modal-header .close { color: var(--white); opacity: 1; } .modal-body div[class*='col-'] { padding-left: 5px; padding-right: 5px; } .navbar { position: relative; } .navbar-inverse { background-color: var(--navbarBG); border-color: var(--navbarBG); z-index: 1000; margin-bottom: 0px; box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2); } .navbar-inverse .navbar-nav > li > a { color: var(--white); height: 50px; padding-left: 10px; padding-right: 5px; } .navbar-inverse .navbar-nav > li > a:last-child { padding-right: 10px } .m_0_Auto { margin: 0px auto; } .mt_10 { margin-top: 10px !important; } .mb_0 { margin-bottom: 0px !important; } .mb_5 { margin-bottom: 5px; } .mt_10 { margin-top: 10px; } .mb_10 { margin-bottom: 10px; } .padding_0 { padding: 0px; } .padding_0_5 { padding: 0px 5px } .red { color: red; } .bgColor1 { background-color: #bdbdbd; } .text-bold { font-weight: bold !important; } .navbar-inverse .navbar-nav > .dropdown > a .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } .navbar-inverse .navbar-nav > li > a > i { line-height: 21px; font-size: 200%; } .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { color: var(--white); background-color: #ffffff33; transition: all 0.3s; } .navbar-nav > li > .dropdown-menu { right: 0px !important; left: auto; z-index: 99; width: max-content; } .navbar-nav .dropdown-menu > li > a { font-size: 90%; } .navbar-nav .dropdown-submenu { position: relative; } .navbar-nav .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px 6px; border-radius: 0 6px 6px 6px; min-width: fit-content; } .navbar-nav .dropdown-submenu:focus > .dropdown-menu, .navbar-nav .dropdown-submenu:hover > .dropdown-menu { display: block; } .navbar-nav .dropdown-submenu > a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #808080; margin-top: 3px; margin-right: -7px; } .navbar-nav .open > a, .navbar-nav .open > a:hover, .navbar-nav .open > a:focus, .navbar-nav .dropdown-submenu a:focus { background-color: #428bca; border-color: #428bca; } .navbar-nav .dropdown-submenu a:focus > a:after, .navbar-nav .dropdown-submenu:hover > a:after { border-left-color: #ffffff; } .navbar-nav .dropdown-submenu.pull-left { float: none; } .navbar-nav .dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; } .navbar-nav a .SmallMenu { display: none; } @media (max-width: 767px) { .navbar-collapse { max-height: 500px; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: var(--white); } .navbar-inverse .navbar-nav > li > a { color: var(--white); height: 30px; padding: 5px 5px; } .navbar-nav .dropdown-menu .dropdown-submenu.open a.dropdown-toggle { background-color: #4b77ad !important; } .navbar-nav .dropdown-menu .dropdown-submenu.open .dropdown-menu { display: contents; width: 100%; } .navbar-nav .dropdown-menu .dropdown-submenu .dropdown-menu a { padding-left: 50px; } .navbar-nav a .SmallMenu { display: inline-block; vertical-align: super; margin-left: 5px; } } .MyName { vertical-align: super; } .navbar-inverse .navbar-brand { padding: 0px } .navbar-inverse .navbar-brand img { width: 35px; height: auto; margin-top: 8px; margin-left: 8px; } .navbar-inverse .navbar-toggle { border-color: var(--white); } .navbar-toggle { border-radius: 0px; } .dropdown-menu { right: 0; left: 0; } .fa-rotate-310 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(315deg); transform: rotate(315deg); } .wrapper { display: flex; align-items: stretch; } .btn:hover, .btn:focus { color: #fff; text-decoration: none; } .btn.dropdown-toggle:hover, .btn.dropdown-toggle:focus { color: black; text-decoration: none; } #sidebar { min-width: 250px; max-width: 250px; background: var(--sideBG); color: var(--white); transition: all 0.3s; z-index: 9; box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.67), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2); } #sidebar.noZindex { z-index: 0; transition: all .3s; } .hide { transition: all 0.3s; } #sidebar.active { min-width: 80px; max-width: 80px; text-align: center; padding-bottom: 25px; transition: all .5s; } .sidebar-header img { width: 35px; height: auto; margin-top: 0px; margin-left: 0px; margin-bottom: 0px; } .navbar-brand img { display: none; } #sidebar ul li a { text-align: left; } #sidebar.active ul li a { padding: 5px 5px; text-align: center; font-size: 0.85em; } #sidebar.active ul li a:hover { text-decoration: none; transition: all 0.3s; } #sidebar.active ul li a i { margin-right: 0; display: block; font-size: 25px; margin-bottom: 5px; line-height: 25px; } #sidebar.active ul ul a { padding: 10px !important; } #sidebar.active > .navbar-brand img { display: block; } #sidebar.active a[aria-expanded="false"]::before, #sidebar.active a[aria-expanded="true"]::before { top: auto; bottom: 5px; right: 50%; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); } #sidebar .sidebar-header { padding: 4.5px; background: var(--sideBG); height: 52px; display: block; } #sidebar ul.components, .sideNav { overflow-y: scroll; padding-bottom: 10px; padding-top: 15px; height: 70vh; scrollbar-color: #cdcdcd #f0f0f0; scrollbar-width: thin; } .sideNav::-webkit-scrollbar { width: 7px; height: 7px; background-color: var(--ScrollBG); } .sideNav::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #d3d3d3; } .sideNav::-webkit-scrollbar-track { border-radius: 0px; background-color: var(--sideBG); } #sidebar ul li a { padding: 10px; font-size: 1.1em; display: block; color: inherit; } #sidebar ul li a:hover { color: var(--white); background: #0a0d14; text-decoration: none; } #sidebar ul li a i { margin-right: 10px; } #sidebar ul li a img { width: 30px; height: 30px; filter: invert(100%); margin-bottom: 5px; } #sidebar ul li.active > a, #sidebar a[aria-expanded="true"] { color: var(--white); background: #0a0d14; } .toggleBtnSide { position: relative; background: black; color: var(--white); border: black; padding: 8px; font-size: 21px; z-index: 99; bottom: 17px; } .ToggleSide { display: none; } .RotateBtn { transform: rotate(180deg); transition: all .5s; } .AnchorLink { color: blue; text-decoration: underline } #content { transition: all .3s; width: 100%; position: relative; background: var(--white); overflow-x: hidden; } .contentOverlay { transition: all .3s; margin-left: -50px; } .contentOverlay > #sidebar { z-index: 0; } .ContentBody { padding: 10px 5px 0px 5px; overflow-y: scroll; height: 92vh; overflow-x: hidden; scrollbar-color: #cdcdcd #f0f0f0; scrollbar-width: thin; } .ContentBody::-webkit-scrollbar { width: 5px; height: 5px; background-color: var(--ScrollBG); } .ContentBody::-webkit-scrollbar-thumb { border-radius: 10px; background-color: var(--navbarBG); } .ContentBody::-webkit-scrollbar-track { border-radius: 0px; background-color: var(--ScrollBG); } @media (max-width: 768px) { .ContentBody { padding: 10px 5px; } .navbar-collapse { width: 100%; } .navbar-nav { margin: 0px -15px; } .ToggleSide { display: block; float: left; line-height: 50px; font-size: 28px; color: var(--white); margin-left: 5px; cursor: pointer; transition: all 0.3s; } #sidebar { min-width: 80px; max-width: 80px; text-align: center; margin-left: -80px !important; } #sidebar a[aria-expanded="false"]::before, #sidebar a[aria-expanded="true"]::before { top: auto; bottom: 5px; right: 50%; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); } #sidebar.active { margin-left: 0 !important; } #sidebar .sidebar-header h3, #sidebar .CTAs { display: none; } #sidebar .sidebar-header strong { display: block; } /*.sidebar-header img { display: none; } .navbar-brand img { display: block; }*/ #sidebar ul li a { padding: 20px 10px; } #sidebar ul li a span { font-size: 0.85em; } #sidebar ul li a i { margin-right: 0; display: block; } #sidebar ul ul a { padding: 10px !important; } #sidebar ul li a i { font-size: 1.3em; } #sidebar { margin-left: 0; } #sidebarCollapse span { display: none; } .components li a span { display: none; } #sidebar.active { min-width: 50px; max-width: 50px; text-align: center; } .components li a:hover span { display: block } .components li a:hover span { position: absolute; left: 50px; z-index: 99; background: #0a0d14; margin-top: -28px; padding: 5px; font-size: 15px !important; border-radius: 0px 10px 10px 0px; } .sidebar-header img { margin-left: 2px; } } @media (min-width: 400px) { .ContentBody { padding: 10px 10px; } #sidebar ul.components, .sideNav { overflow-y: scroll; padding-bottom: 10px; } } #sidebar a[aria-expanded="false"]::before, #sidebar a[aria-expanded="true"]::before { content: "\f107"; display: block; position: absolute; right: 20px; font-family: 'Font Awesome 5 Free'; font-size: 0.6em; } #sidebar a[aria-expanded="true"]::before { content: "\f107"; } #sidebar a[data-toggle="collapse"] { position: relative; position: relative; color: var(--white); } .footer { background: var(--sideBG); color: var(--white); padding: 1px 10px; line-height: 25px; width: 100%; font-size: 85%; z-index: 999; } .footer p { margin-bottom: 0px; display: inline-block; } .footer p a { color: var(--sanmolLogo); text-decoration: none; cursor: pointer; } .footer p a:hover, .footer p a:focus { color: #128a90; } .footer .version { float: left; } .footer .dateTime { float: right; } .modal-header { padding: 10px; } .modal-footer { padding: 10px 10px 10px; text-align: center; border-top: 1px solid #e5e5e5; margin-top: 0px; } @media (max-width: 600px) { .footer { line-height: 15px; padding: 5px; } } .btn { color: var(--white); font-weight: normal; font-size: 100%; text-align: center; cursor: pointer; padding: 5.5px 10px; outline: none; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } .btn-default { color: #1e5598; background-color: var(--white); border-color: #1e5598; } .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active { color: #ffffff; background-color: #7d7d7d; border-color: #7d7d7d; } .form-control { height: 35px; font-size: 100%; font-weight: normal; padding-left: 5px; color: #3a3a3a; background-color: var(--white); outline: 0; border-color: #e0e0e0; border-style: solid; border-width: 1px; resize: vertical; margin-top: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; margin-bottom: 10px; } .form-control:focus { border-color: var(--navbarBG); outline: 0; -webkit-box-shadow: none; box-shadow: none; } /*loginLayout.cshtml*/ .Loginbody { width: 100%; height: 100%; background: var(--white); overflow-y: scroll; } .loginPage { width: 450px; margin: 0px auto; } .loginMiddle { text-align: center; padding: 35px; background: var(--white); padding-top: 80px; } .loginBox .logo { width: 26%; height: 26%; margin-bottom: 15px; } .loginBox h3 { font-weight: bold; font-family: inherit; margin-top: 0px; } .loginBox h4 { font-family: inherit; } .loginForm .input-lg { border-radius: 0px; margin-bottom: 10px; font-size: 16px; font-family: inherit; padding: 5px; } .loginBtn { width: 99%; background-color: var(--navbarBG); border-color: var(--navbarBG); border-radius: 0px; color: var(--white) !important; margin-bottom: 5px; } .loginRow a { color: var(--navbarBG); text-decoration: underline; margin-bottom: 6px; display: inline-block; } .rightBox { margin-top: 100px; padding-left: 1%; } .rightBox img { width: 60%; } .rightMainBox { text-align: center; } .rightMainBox p { line-height: 26px; width: 58%; margin: 0px auto; text-align: center; font-weight: 500; } .rightMainBox small { font-size: 90%; } .ErrorMsg { color: #F44336; margin-bottom: 0px; } .footNote { position: relative; width: 100%; text-align: center; bottom: 0; color: #000; font-family: inherit; padding-top: 10px; font-size: 80%; } .footNote a { color: #f58335; text-decoration: underline; } @media (max-width:680px) { .loginBox { height: auto; } .loginPage { width: 85%; margin: 0px auto; } .loginMiddle { border-right: 0 solid #c2c2c2; margin-top: 0; padding: 35px 0px; } .rightBox { margin-top: 0px; padding-left: 1%; } .rightBox img { width: 75%; margin-left: 0%; } .rightMainBox { margin-left: 0%; text-align: center; margin-top: 0px; } .rightMainBox p { line-height: 26px; width: 100%; text-align: center; font-weight: 500; } .footNote { left: 0; } } /*signup.cshtml*/ .SignupBox { text-align: left; background: #f6f6f6; padding: 10px; border-radius: 6px; margin-top: 50px; box-shadow: 0 1px 6px 0 rgba(246, 246, 246, 0.22), 0 1px 6px 0 rgb(246, 246, 246); } .SignupBox h2 { font-weight: bold; font-family: inherit; text-align: center; text-decoration: underline; } /*forgotPassword.cshtml*/ .ForgotBox { text-align: center; background: #f6f6f6; padding: 10px; border-radius: 6px; margin-top: 100px; box-shadow: 0 1px 6px 0 rgba(246, 246, 246, 0.22), 0 1px 6px 0 rgb(246, 246, 246); } .ForgotBox h2 { } .ForgotBox h3 { font-weight: bold; font-family: inherit; } .ForgotBox .form-control { background: var(--white); } .ForgotBox h4 { font-family: inherit; } /*Changepassword.cshtml*/ .changePasswordPanel { background: #f6f6f6; border: 1px solid #d7d7d7; padding: 10px; margin-bottom: 20px; border-radius: 5px } /*ViewProfile.cshtml*/ .ProfileBox { background: #f6f6f6; border: 1px solid #d7d7d7; padding: 10px; border-radius: 10px; } .ProfileBox .form-group { margin-bottom: 5px; } .lopSelect { padding: 0px !important; } .lopSelect select { width: 100%; height: 35px; border: none; } .lopSelect select option { text-align: center; } /*index.cshtml*/ .widgetBody.Calendar { padding: 0px !important; } #Calendar iframe { border-style: hidden; } .WidgetBox { height: 100%; padding: 0; border: #bcc2cf solid 1px; background: var(--white); border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; box-shadow: 0 1px 1px 1px #e1e1e1; margin-bottom: 10px; position: relative; } .WidgetBox h3 { border: #bcc2cf solid 1px; background: var(--white); border-bottom: 0; padding: 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .WidgetBox header { border: #bcc2cf solid 1px; background: var(--white); padding: 5px; } .widgetHeading { padding-left: 0px; padding-right: 0px; margin: 0px; margin-bottom: 0; font-family: inherit; font-size: 1.5rem; font-weight: 500; } .widgetHeading u { color: #ff6700; } .widgetOption { padding-left: 0; padding-right: 0; text-align: right; } .contextMenu { text-align: right; display: inline-block; } .searchBar { width: 275px; display: inline-block; position: relative; top: 5px; } .searchBar input { height: 22px !important; font-size: 77%; } .searchBtn { padding: 5px; background: var(--sideBG); color: var(--white); border: none; outline: 0; } .searchBtn:focus { outline: 0; } .searchBtn:hover, .searchBtn i:hover { background: var(--navbarBG); color: white !important; outline: 0; } .searchBtn i { margin: 0px !important; font-size: 80% !important; } .widgetOption a { color: inherit; } .widgetOption i { font-size: 17px; margin-right: 5px; cursor: pointer; } .widgetOption i:hover { color: var(--navbarBG); } @media (max-width: 980px) { .searchBar { width: 62%; display: inline-block; position: relative; top: 5px; } .contextMenu { width: 35%; text-align: right; display: inline-block; } } .WidgetBox .widgetBody { padding: 10px; min-height: 100px; position: relative; } .MyTasksWidget { text-align: center; } .MyTasksWidget span { font-size: 200%; } .MyTasksWidget h4 { margin-top: 5px; margin-bottom: 5px; } .MyTasksWidget .notStarted { color: #606060; font-size: 100%; } .MyTasksWidget .inProgress { color: #FF9800; font-size: 100%; } .MyTasksWidget .Completed { color: #4CAF50; font-size: 100%; } .TasksDetailsWidget .fas { cursor: pointer; } .TasksDetailsWidget .fas:hover { color: var(--navbarBG); } .NewTaskBox { /*padding: 5px;*/ overflow-y: scroll; scrollbar-color: #cdcdcd #f0f0f0; scrollbar-width: thin; } .stickyMenu1 { overflow-y: scroll; overflow-x: hidden; scrollbar-color: #cdcdcd #f0f0f0; scrollbar-width: thin; } .dashSection .wdbox { padding-left: 5px; padding-right: 5px; } @media (max-width: 600px) { .NewTaskBox { height: 300px !important; } .stickyMenu1 { height: 300px !important; } } .taskBox1 { background-color: #ddd; } .stickyMenu1 { background-color: #ddd; } .leadsBox { background-color: #ddd; } .transBox { background-color: #ddd; } .hideloginLog { background-color: #ddd; } .ErrlogBox { background-color: #ddd; } .taskLine { border: 1px solid #cdcdcd; padding-top: 5px; margin-bottom: 5px; display: block; position: relative; background: var(--white); border-radius: 15px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); } .taskLine i { font-size: 285%; float: right; color: var(--sideBG); } .Maintaskbox { display: inline-block; float: right; width: 95%; color: inherit; border: none; border-radius: 3px; padding: 4px; padding-top: 0px; padding-left: 2px; } .taskDetails { display: inline-block; float: right; width: 100%; color: inherit; border: 1px solid #c9c9c9; border-radius: 15px; background: var(--white); } .TaskReply { display: inline-block; float: right; width: 100%; margin-top: 5px; } .TaskReply i { font-size: 260%; float: right; margin-right: 5px; color: var(--sideBG); } .TaskReply .taskDetails { display: inline-block; float: right; width: 94.5%; color: inherit; border: 1px solid #cdcdcd; border-radius: 15px; background: #eaeaea; } .Taskheader { padding: 5px; /*border-bottom: 1px solid lightgrey;*/ overflow: overlay; padding-bottom: 0px; } .Taskheader .taskTitle { color: var(--sideBG); font-weight: bold; text-decoration: none; cursor: pointer; } .Taskheader .username { font-weight: 700; font-size: 80%; background: #FF5722; color: var(--white); padding: 2px 6px; border-radius: 46px; border: 1px solid #ff3d00; display: inline-block; margin-bottom: 4px; text-transform: capitalize; } .Taskheader .time { margin-left: 5px; font-size: 80%; color: #7c7c7c; white-space: nowrap; } .Options { float: right; } .Taskheader .taskStatus { float: right; padding: 2px 4px; font-size: 75%; border-radius: 24px; text-transform: capitalize; border: 1px solid #0000001a; display: inline-block; margin-bottom: 4px; font-weight: bold; } .Taskheader i { float: right; margin-left: 8px; cursor: pointer; color: #282828; } .Taskheader i:hover { color: var(--navbarBG); } .TaskBody { padding: 5px; } @media (max-width: 980px) { .Maintaskbox { width: 94.5%; } .TaskReply .taskDetails { width: 93%; } .taskLine i { font-size: 250%; float: right; } .TaskReply i { font-size: 250%; float: right; } } @media (max-width: 750px) { .Maintaskbox { width: 90%; font-size: 90%; } .TaskReply .taskDetails { width: 88%; } .taskLine i { font-size: 200%; float: right; } .TaskReply i { font-size: 200%; float: right; } } @media (max-width: 400px) { .Maintaskbox { width: 91.5%; font-size: 85%; } .TaskReply .taskDetails { width: 89.5%; } .taskLine i { font-size: 150%; float: right; } .TaskReply i { font-size: 150%; float: right; } } @media (min-width:1000px) { .Maintaskbox { width: 91%; } .TaskReply .taskDetails { width: 90%; } } @media (min-width:1310px) { .Maintaskbox { width: 93%; } .TaskReply .taskDetails { width: 92.1%; } } @media (min-width:1900px) { .Maintaskbox { width: 95%; } .TaskReply .taskDetails { width: 94.5%; } } .TaskFooter { font-size: 80%; padding: 5px; padding-bottom: 0px; } .TaskFooter .One { background: #ebebeb; padding: 2px 4px; font-size: 100%; border-radius: 32px; font-weight: bold; border: 1px solid #c8c8c8; margin-right: 3px; display: inline-block; margin-bottom: 4px; } .TaskFooter .two { background: #4CAF50; padding: 2px 7px; font-size: 100%; border-radius: 32px; font-weight: bold; color: var(--white); border: 1px solid #007c05; display: inline-block; margin-bottom: 4px; text-transform: capitalize; } .TaskFooter .two.created { background: var(--navbarBG); border: 1px solid #145a97; } .rebeccapurple { background-color: rebeccapurple; } .deepskyBlue { background-color: #00BCD4; } .pink { background-color: #E91E63; } .orange { background-color: #FF9800; } .orangeDiffer { background-color: #FF5722; } .green { background-color: #4CAF50; } .silver { background-color: #607D8B; } .leadsbg { background-color: var(--navbarBG); } .productsbg { background-color: #333 } .kitsbg { background-color: #b94a48; } .salesbg { background-color: var(--navbarBG); } .licensesbg { background-color: #c09853; } .purchaseOrderbg { background-color: cadetblue; } .expensesbg { background-color: darkslategray; } .tiles { padding-left: 5px; padding-right: 5px; } .tiles.Dept { font-size: 160%; } .tiles .box { padding: 10px; margin-bottom: 15px; color: var(--white); border-radius: 10px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); } .tiles .box:hover { cursor: pointer; } .tiles .box:hover i { color: var(--white); transition: 0.5s ease-in-out; } .tiles .box i { display: block; float: left; font-size: 300%; width: 0%; text-align: center; color: #ffffff6b; } .tiles.Dept .box i { font-size: 550%; } .tiles .box h4 { float: right; margin-top: 0; margin-bottom: 0; font-size: 100%; } .tiles.Dept .box h4 { font-size: 130%; line-height: 60px; } .tiles .box h4 span { font-size: 150%; display: block; text-align: right; margin-bottom: 5px; font-weight: bold; text-shadow: 1px 1px #8f8f8f; } @media (min-width: 1300px) { .tiles.col-lg-2 { width: 14.2857143%; } } @media (min-width: 1920px) { .tiles.col-lg-2 { width: 11.111111%; } } .StickWidget { padding-left: 10px; padding-right: 10px; margin-bottom: 10px; } .StickyBox { background: #FFC107; -webkit-box-shadow: 1px 1px 2px 0px; } .StickyHeader { position: relative; padding: 5px; border-bottom: 1px solid #c49300; overflow: auto; white-space: normal; } .StickyHeader input[type=checkbox] + label { display: inline; cursor: pointer; padding: 0.2em; user-select: none; } .StickyHeader input[type=checkbox] { display: none; } .StickyHeader input[type=checkbox] + label:before { content: "\2714"; border: 0.1em solid var(--BorderColor2); border-radius: 0.2em; display: inline-block; width: 20px; height: 20px; padding-left: 0.2em; padding-bottom: 0.3em; margin-right: 5px; vertical-align: bottom; color: transparent; transition: .2s; background: var(--white); } .StickyHeader input[type=checkbox] + label:active:before { transform: scale(0); } .StickyHeader input[type=checkbox]:checked + label:before { background-color: var(--sideBG); border-color: var(--sideBG); color: var(--white); } .StickyHeader input[type=checkbox]:disabled + label:before { transform: scale(1); border-color: #aaa; } .StickyHeader input[type=checkbox]:checked:disabled + label:before { transform: scale(1); background-color: #bfb; border-color: #bfb; } .StickyHeader b { font-size: 100%; } .StickyBox .StickOptions { display: inline-block; visibility: hidden; float: right; font-size: 17px; padding: 0px 4px; } .StickyBox:hover .StickOptions { visibility: visible; } .StickyHeader .StickOptions i:hover { cursor: pointer; color: var(--navbarBG); } .StickyBody { position: relative; padding: 10px; background: #ffebae; min-height: 70px; padding-top: 15px; word-break: break-word; } .StickyBody .stickDate { font-size: 80%; font-weight: bold; position: absolute; right: 0px; top: 0px; background: #795548; color: var(--white); padding: 0px 6px; border-radius: 0px; } @media (max-width: 800px) { .StickyBox .StickOptions { visibility: visible; } } table th, table thead th { user-select: none; } /*Clients*/ .pageContent { padding-left: 5px; padding-right: 5px; } .pageTitle { margin-top: 0; font-weight: bold; color: var(--sideBG); background: none; padding: 0; margin: 0; font-size: 170%; margin-bottom: 5px; } .topForm { margin-bottom: 5px; } .topForm label { text-transform: capitalize; color: var(--navbarBG); } .topForm .bootstrap-select.form-control, .topForm .form-control { margin-bottom: 0px !important; } .topForm .bootstrap-select .dropdown-menu > li > a { padding: 3px 5px; } .topForm div { padding-left: 0px; padding-right: 5px; } .topForm div div { padding-left: 4px; padding-right: 4px; } .topForm .custBtn, .topForm .fSearchBtn { margin-top: 22px; } @media (max-width: 750px) { .pageTitle { font-size: 170%; margin-bottom: 5px; } .topForm div { padding-right: 0px; } .topForm .bootstrap-select.form-control, .topForm .form-control { margin-bottom: 5px !important; } .topForm .custBtn, .topForm .fSearchBtn { margin-top: 0px; } } .TableBox { background: #f6f6f6; border: 1px solid #d7d7d7; } .TableBox table { background: var(--white); margin-bottom: 10px; } #table-content.TableBox { position: relative; } #table-content.TableBox .alert.alert-info { position: absolute; width: 100%; top: 0px; z-index: 99; } .ResetAlertBox { position: relative !important; top: initial !important; z-index: 1 !important; } .pagination { text-align: center; margin: 5px auto; width: 100%; padding: 0px 10px; } .pagination span { float: right; margin-right: 40px; } .pagination a { background-color: var(--white); border: 1px solid var(--navbarBG); border-radius: 5px; color: var(--navbarBG); text-decoration: none; display: inline-block; height: 25px; line-height: 23px; margin-bottom: 5px; min-width: 25px; width: auto; padding: 0px 3px; } .pagination a:hover { background-color: var(--navbarBG); color: var(--white); } .pagination .current, .pagination .Current { background-color: var(--navbarBG); color: var(--white); border: 1px solid transparent; } .TableBox .alert-info th, .TableBox .alert-info th a, .ListOfCust .alert-info th { text-align: center; background: var(--navbarBG); color: var(--white); } .alert { margin-bottom: 0px; } .ListOfCust .header:hover { background: #efefef; } .ListOfCust .header a:hover, a:focus { color: #181919; text-decoration: none; } .NoResult { width: 100%; display: block; color: black; padding: 5px; font-size: 90%; } .ResGrid td.poItemsTd { padding: 0px !important; } .poItemsTd input.form-control { margin-bottom: 0px; text-align: center; } .poItemsTd .totalshortqty { font-weight: bold; } /*customers.cshtml*/ .TabPanel { margin-bottom: 20px; } .TabPanel .nav-tabs > li > a { color: #1e5598; font-weight: bold; } .TabPanel .nav-tabs > li.active > a { background: #f6f6f6; font-weight: bold; } .TabPanel .tab-content { background: #f6f6f6; border: 1px solid #d7d7d7; padding: 10px; margin-bottom: 10px; } .TabPanel .tab-content table { background: var(--white); margin-bottom: 10px; } .TabPanel .tab-content table th { background: var(--navbarBG); color: var(--white); } .TabPanel .tab-content table a:hover, a:focus { color: #181919; text-decoration: none; cursor: pointer; } .TabPanel .tab-content .pull-right .btn { margin-bottom: 5px; } #result { position: absolute; right: 15px; top: 0px; } .validation-summary-errors { color: #c80000; } .LettersBtn { display: inline-block; } .LettersBtn a { padding: 0px; color: var(--navbarBG); font-size: 145%; margin-top: -5px; } .LettersBtn a:hover { color: #2a6496 } .LettersBtn.open > .dropdown-menu.dropdown-menu { left: -90px; min-width: max-content; background-color: hsl(0, 0%, 21%); margin-top: 2px; } .projectDrp.LettersBtn.open > .dropdown-menu.dropdown-menu { left: auto; min-width: max-content; background-color: hsla(0, 0%, 20%, .9); margin-top: 2px; } .projectDrp.LettersBtn.open > .dropdown-menu.dropdown-menu:before { top: -7%; right: 2%; left: auto; } .LettersBtn.open > .dropdown-menu.dropdown-menu:before { position: absolute; left: 90%; top: -3%; margin-left: -5px; width: 0; border-bottom: 5px solid hsla(0, 0%, 20%, .9); border-right: 5px solid transparent; border-left: 5px solid transparent; content: " "; font-size: 0; line-height: 0; } .LettersBtn.Leads.open > .dropdown-menu.dropdown-menu:before { position: absolute; left: 90%; top: -7%; margin-left: -5px; width: 0; border-bottom: 5px solid hsla(0, 0%, 20%, .9); border-right: 5px solid transparent; border-left: 5px solid transparent; content: " "; font-size: 0; line-height: 0; } .LettersBtn.open > .dropdown-menu.dropdown-menu a { color: var(--white); padding: 5px 14px; margin-bottom: 0px; } .LettersBtn.open > .dropdown-menu.dropdown-menu a:hover { background-color: #2f2f2f; } .LettersBtn .dropdown-menu .dropdown-item { display: block; font-size: 100%; margin-top: 0px; text-align: left; } .LettersBtn.moreCustom.open > .dropdown-menu.dropdown-menu { left: auto; position: absolute; top: auto; } .LettersBtn.moreCustom.open > .dropdown-menu.dropdown-menu:before { position: absolute; right: 6px; top: -5px; left: auto; z-index: 99; } .LettersBtn.moreCustom .dropdown-menu .dropdown-item { background-color: hsla(0, 0%, 20%, .9); } .LettersBtn.moreCustom .dropdown-menu .dropdown-item i { font-size: 100%; margin-right: 0px; } @media only screen and (max-width: 600px) { .LettersBtn.moreCustom.open > .dropdown-menu.dropdown-menu:before { right: 25px; top: -4%; left: auto; } } .label.NoData { display: block; text-align: center; color: #26679f; font-size: 85%; } /*Reports*/ .ReportsTitle { margin-top: 5px; font-size: 140%; } .ReportTiles { padding: 10px; margin-bottom: 10px; border: 2px solid #c9c9c9; min-height: 120px; border-radius: 12px; background: var(--white); } .ReportTiles ol { padding-inline-start: 20px; font-weight: bold; color: var(--navbarBG); margin-bottom: 0px; } .ReportTiles ol li { list-style-position: outside; } .ReportTiles ol li a { color: var(--navbarBG); font-weight: bold; } .ReportTiles ol li a:hover { color: var(--sanmolLogo); text-decoration: none; } @media only screen and (max-width: 600px) { .ReportBoxTile { height: auto !important; } .ReportTiles { height: auto !important; min-height: auto; } } /*Add Task Form*/ .bootstrap-select > .dropdown-toggle { position: relative; width: 100%; z-index: 1; text-align: right; white-space: nowrap; height: 35px; font-size: 100%; line-height: 22px; color: #000000 !important; background-color: var(--white) !important; border-color: #d6d6d6 !important; } .bootstrap-select .btn.btn-default:hover, .bootstrap-select .btn-default:focus, .bootstrap-select .btn-default:active, .bootstrap-select .btn-default.active { color: #ffffff; background-color: #ffffff; border-color: #bbbbbb; } .bootstrap-select.form-control { margin-bottom: 10px !important; } /*New responsive grid css*/ .ResGrid { width: 100%; background: var(--white); margin: 0; box-sizing: border-box; border: 1px solid var(--BorderColor); border-collapse: collapse; font-size: 100%; } .ResGrid th { background: var(--navbarBG); color: black; font-weight: 600; text-align: center; } .ResGridType2 th { background: #303030; color: var(--white); font-weight: 600; text-align: center; } .ResGrid th, .ResGrid td { padding: 6px !important; border: 1px solid #cdcdcd; vertical-align: middle !important; z-index: 1; } table.ResGrid tbody tr:nth-of-type(even) { background-color: rgba(0, 0, 0, .05); } table th a, .headerRow th a { text-decoration: none; color: var(--white); } table th a:hover, .headerRow th a:hover { color: var(--sanmolLogo); } table th .fa-arrow-up:before, table th .fa-arrow-down:before { font-family: 'Font Awesome 5 Free'; } .ResGrid tr.view:hover { background: #e4e4e4 !important; transition: all 0.3s; } .ReportsTable > tbody > tr.view .fa-chevron-circle-down, .ResGridType2 > tbody > tr.view .fa-chevron-circle-down, .ResGrid > tbody > tr.view .fa-chevron-circle-down { transition: all .3s ease-in-out; margin-right: 5px; color: green; vertical-align: middle; user-select: none; } .ReportsTable > tbody > tr.view .fa-chevron-circle-down:hover, .ResGridType2 > tbody > tr.view .fa-chevron-circle-down:hover, .ResGrid > tbody > tr.view .fa-chevron-circle-down:hover { cursor: pointer; } .smallDevice { display: none; } .ReportsTable > tbody > tr.view .fa-chevron-circle-down:before, .ResGridType2 > tbody > tr.view .fa-chevron-circle-down:before, .ResGrid > tbody > tr.view .fa-chevron-circle-down:before { font-size: 21px; line-height: 20px; } .ReportsTable > tbody > tr.view.open .fa-chevron-circle-down, .ResGridType2 > tbody > tr.view.open .fa-chevron-circle-down, .ResGrid > tbody > tr.view.open .fa-chevron-circle-down { transform: rotate(-180deg); color: #d80000; } .ReportsTable > tbody > tr.fold, .ResGridType2 > tbody > tr.fold, .ResGrid > tbody > tr.fold { display: none; } .ReportsTable > tbody > tr.fold.open, .ResGridType2 > tbody > tr.fold.open, .ResGrid > tbody > tr.fold.open { display: table-row; } .ActionCell { text-align: center; white-space: nowrap; } .noWhite { text-align: center; white-space: nowrap; } .OverflowWrap { overflow-wrap: anywhere; width: 170px; } .TableCell[data-label="Status"], .TableCell[data-label="Date"], .TableCell[data-label="Created By"], .TableCell[data-label="Due Date"], .TableCell[data-label="Active"], .TableCell[data-label="Hours"] { white-space: nowrap; text-align: center; } .TableCell[data-label="Create By"], .TableCell[data-label="Created By"] { } .TableCell[data-label="Tag"], .TableCell[data-label="Task No"], .TableCell[data-label="Reviewer"] { text-align: center; } .ActionCell .dropbtn { display: none; } .ActionCell a { font-size: 170%; color: var(--navbarBG); } .ActionCell a:hover { color: #181919; text-decoration: none; } .AdSearch { display: none; } .topForm { display: block; } @media only screen and (max-width: 600px) { .ResGrid { display: grid; border: 1px solid #e8e8e8; } .view { position: relative; display: block; border-bottom: 1px solid #ccc; } .headerRow { display: none; } .smallDevice { display: inline-block; } .AdSearch { display: inline-block; background: transparent; color: var(--navbarBG) !important; border: none; border-color: transparent; padding: 0px; margin-bottom: 5px; font-size: 23px; } .AdSearch:active { box-shadow: none; } .AdSearch i { line-height: 30px; font-size: 40px; } .AdSearch i:focus, .AdSearch i:hover { box-shadow: none; outline: 0; } #modal_body .topForm { display: block; } .topForm { display: none; } .OverflowWrap { width: initial; } .TableCell { display: block; position: relative; height: auto; line-height: 30px; text-align: left; } .TableCell[data-label="Date"], .TableCell[data-label="Created By"], .TableCell[data-label="Due Date"], .TableCell[data-label="Status"], .TableCell[data-label="Active"], .TableCell[data-label="Hours"], .TableCell[data-label="Tag"], .TableCell[data-label="Task No"], .TableCell[data-label="Reviewer"] { white-space: nowrap; text-align: left; } .view .TableCell:nth-of-type(n+2) { display: none; } .view.open .TableCell:nth-of-type(n+2) { display: block; background: #eeeeee; border-bottom: 1px solid #bbbbbb; word-break: break-word; } .view.open .MainColumn ~ .TableCell:before { content: attr(data-label); width: 100%; border-radius: 0px; height: auto; line-height: 22px; color: #1b1b1b; display: block; font-size: 100%; font-weight: bold; font-family: inherit; } .ResGrid > tbody > tr.fold.open { display: grid; background: #eeeeee; } .view.open > .TableCell.ActionCell { top: 8.2%; position: absolute; right: 0px; width: auto; height: auto; text-align: center; padding-right: 10px; padding: 0px !important; } .ActionCell a { font-size: 21px; } .ActionCell .dropbtn { display: none; background: var(--navbarBG); border-radius: 50%; width: 30px; height: 30px; margin: 0px auto; color: var(--white); border: 1px solid #0065bd; font-size: 18px; outline: 0; } .ActionCell .DropMenu { display: block; background: #aeaeae; padding: 5px 0px; } .ActionCell .dropbtn:hover .DropMenu { display: block; } .ActionCell .DropMenu a { color: black; text-align: center; text-decoration: none; display: block; font-size: 19px; line-height: 21px; position: relative; margin-bottom: 8px; } .ActionCell .DropMenu .LettersBtn { display: block; margin-bottom: 8px; top: 2px; } .ActionCell .DropMenu a:hover { color: #033c73; } .TableCell.text-right, .TableCell.text-center, .TableCell.capitalCenter { text-align: left; } .TotalBlock { display: flex; } .TotalBlock td { width: -webkit-fill-available; } } .capital { text-transform: capitalize; } .NoWrap { white-space: nowrap; } .capitalCenter { text-transform: capitalize; text-align: center } .text-right { text-align: right; } .text-left { text-align: left; } .noPadding { padding-left: 0px; padding-right: 0px; } .inputTable .TableCell { padding: 0px !important; vertical-align: middle !important; } .inputTable .TableCell[data-label="Actions"] { padding-top: 5px !important; } .input2 { height: 72px !important; } .input4 { min-height: 144px !important; } .inlineBlock { display: inline-block; } .inputTable .TableCell[data-label="Actual Hrs"] input, .inputTable .TableCell[data-label="Adjusted Hrs"] input, .inputTable .TableCell[data-label="Paid Vacation Hrs"] input, .inputTable .TableCell[data-label="LWP Hrs"] input, .inputTable .TableCell[data-label="OT Hrs"] input, .inputTable .TableCell[data-label="OT Rate"] input, .inputTable .TableCell[data-label="DT Hrs"] input, .inputTable .TableCell[data-label="DT Rate"] input, .inputTable .TableCell[data-label="Pay refno"] input, .inputTable .TableCell[data-label="Pay Method"] input, .inputTable .TableCell[data-label="Variable%"] input, .inputTable .TableCell[data-label="HI"] input, .inputTable .TableCell[data-label="Rate"] input, .inputTable .TableCell[data-label="Pension"] input, .inputTable .TableCell[data-label="Bonus"] input, .inputTable .TableCell[data-label="Insuarance"] input, .inputTable .TableCell[data-label="Misc"] input, .inputTable .TableCell[data-label="Prof Tax"] input, .inputTable .TableCell[data-label="TDS"] input, .inputTable .TableCell[data-label="Loan"] input, .inputTable .TableCell[data-label="Net Pay"] input { text-align: right; } .inputTable td { padding: 0px !important; } .inputTable td input { margin-bottom: 0px; } .inputTable .TableCell input, .inputTable .TableCell select { margin-bottom: 0px; padding: 3px; background: transparent; border: none; } .inputTable .TableCell textarea { margin-bottom: 0px; border: none; } .inputTable .bootstrap-select.form-control { margin-bottom: 0px !important; } @media only screen and (max-width: 760px) { .inputTable .TableCell[data-label="Actual Hrs"] input, .inputTable .TableCell[data-label="Adjusted Hrs"] input, .inputTable .TableCell[data-label="Paid Vacation Hrs"] input, .inputTable .TableCell[data-label="Rate"] input, .inputTable .TableCell[data-label="Pension"] input, .inputTable .TableCell[data-label="Bonus"] input, .inputTable .TableCell[data-label="Insuarance"] input, .inputTable .TableCell[data-label="Misc"] input, .inputTable .TableCell[data-label="Prof Tax"] input, .inputTable .TableCell[data-label="TDS"] input, .inputTable .TableCell[data-label="Loan"] input, .inputTable .TableCell[data-label="Net Pay"] input { text-align: left; } .inputTable .MainColumn .fa { float: left; margin-top: 8px; } .inputTable .MainColumn input { width: 87%; } .inputTable .TableCell { display: flex; align-items: center; min-height: 35px; } .ResGridType2 > tbody > tr.view.inputTable .fa-chevron-circle-down, .ResGrid > tbody > tr.view.inputTable .fa-chevron-circle-down { margin: 0px 5px; } .inputTable .TableCell input, .inputTable .TableCell select { background: white; } } /*AddOption CSS */ .addOption .dropdown-menu { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .addOption .dropdown-menu a { overflow: hidden; outline: none; width: 100%; background: none; } .addOption .dropdown-menu > .active > a, .addOption .dropdown-menu > .active > a:hover, .addOption .dropdown-menu > .active > a:focus, .addOption .dropdown-menu > li > a:hover, .addOption .dropdown-menu > li > a:focus { color: #262626; text-decoration: none; background-color: #dadada; } .bootstrap-select.addOption .dropdown-menu li a span.text { display: inline-block; width: 100%; } .addedItem { width: 100%; background: none; } .NewOption { border: 0; margin: -3px; padding: 3px; outline: none; color: #000; width: 100%; } .NewOption:hover { background-color: var(--ScrollBG); } .addedItem .check-mark { opacity: 0; z-index: -1000; } .addedItem .addnewicon { position: relative; color: var(--white); background: #939393; padding: 5px; border-radius: 33px; margin-left: 7px; right: 7px; font-size: 74%; } .addedItem .addnewicon:hover { background: #607D8B; color: var(--white); } .addedItem .deleteOption { position: relative; color: var(--white); background: #939393; padding: 5px; border-radius: 33px; margin-left: 7px; right: 7px; font-size: 74%; } .addedItem .deleteOption:hover { background: #607D8B; color: var(--white); } @media only screen and (max-width: 500px) { .addOption .dropdown-menu { min-width: 100% !important; } } /*Collapsible tree*/ .simpleListInfo { position: absolute; right: 5%; top: 12%; width: 65%; overflow-y: scroll; } .simpleListContainer { padding: 15px; } .simpleListContainer ul { list-style: none; padding-left: 0px; line-height: 25px; } .simpleListContainer ul i { font-size: 120%; } .jsl-open-arrow { background-size: 15px !important; } .jslist-li { margin-left: 20px !important; } .jsl-collapsed-arrow { margin-top: 2px !important; margin-right: 6px !important; width: 15px !important; height: 15px !important; background-size: 15px !important; } /*Product Search*/ .SearchProduct input { width: 90%; float: left; padding: 5px; border-color: #5d5d5d; } .SearchProduct button { width: 10%; padding: 5px; background: #1e5598; border-color: transparent; color: var(--white); } .SearchProduct button:hover, .SearchProduct button:focus { background: #063267; } .SearchOption .checkbox { float: left; } .SearchOption .SortBy { float: right; margin-top: 10px; margin-bottom: 10px; } .SearchOption .toggler { float: right; margin: 10px; } .SearchOption .SortBy select { } .prodThumb { margin-bottom: 5px; padding-left: 5px; padding-right: 5px; } .prodThumb .proBox { padding: 5px; border: 1px solid #c0c0c0; border-radius: 5px; position: relative; } .Add2Po { margin-top: 0; position: absolute; z-index: 99; background: var(--white); } .menuDrop { position: absolute; top: 0; right: 0px; z-index: 99; color: #0b0b0b; padding: 5px 7px; cursor: pointer; border: 1px solid #d5d5d5; border-radius: 0 5px 0 0; background: var(--white); } .menuDropdown { top: 25px; right: 0px; margin-top: 0; padding: 0; font-size: 80%; min-width: 100%; } .menuDropdown > li > a { padding: 5px; } .proBox:hover { background: #f7f7f7; } .proBox .image { padding: 0px; } .prodThumb img { margin-bottom: 10px; } .ProDetails { padding-left: 5px; font-size: 90%; position: relative; } .ProName { color: #0072cd; font-size: 110%; } .ProPrice { font-size: 100%; color: var(--navbarBG); font-weight: bold; } .ProDetails .Descri { min-height: auto; } .qtyBox .QTY, .costBox .QTY { width: 95px; text-align: center; border-radius: 15px; border: 2px solid #dbdbdb; line-height: 22px; outline: 0; } .qtyBox .QTY:focus, .costBox .QTY:focus { box-shadow: 0px 0px 4px #8fc9fb; border-color: #8fc9fb; } .ShowtileView { overflow-y: scroll; } .ShowGridView .QTY { width: 95px; text-align: center; border-radius: 15px; border: 2px solid #dbdbdb; line-height: 22px; outline: 0; } .ShowGridView .QTY:focus { box-shadow: 0px 0px 4px #8fc9fb; border-color: #8fc9fb; } .qtyBox { display: -webkit-inline-box; margin-bottom: 5px; } .costBox { display: -webkit-inline-box; margin-bottom: 5px; } .proTable { width: 100%; border-collapse: collapse; } .proTable tr th { text-align: center; } .proTable tr th, .proTable tr td { border: 1px solid #e4e4e4; padding: 2px; } .addPOBtn { padding: 2px 5px; border-radius: 15px; } .addPOBtn:focus { outline: 0; } .fSearchBtn { font-size: 120%; } .fSearchBtn span { display: none; } .fSearchBtn i { line-height: 21px; } .exportButton { display: inline-block; float: right; margin-bottom: 0px; margin-left: 3px; margin-right: 3px; } .exportButton .btn-primary { background: transparent; border-color: transparent; padding: 0px; } .exportButton .btn-primary:hover, .exportButton .btn-primary:focus, .exportButton .btn-primary:active { background: transparent; border-color: transparent; padding: 0; box-shadow: none; } .exportButton .dropdown-menu { min-width: 90px; } .exportButton .btn-primary i { line-height: 20px; color: var(--navbarBG); font-size: 110%; } .exportButton .open .btn-primary i { background: var(--white); border: none; outline: 0; } .exportButton .btn-primary i:focus { outline: 0; } .exportButton .bName { display: inline-block; } @media only screen and (max-width: 900px) { .fSearchBtn { width: 49%; font-size: 15px; margin-bottom: 5px; } .fSearchBtn span { display: inline-block; } .exportButton .bName { display: none; } .fSearchBtn.Three { width: 32.33%; } } .imgProBox { width: 180px; height: 180px; display: inline-block; background: var(--white); border: 1px solid #ddd; padding: 10px; border-radius: 10px; margin-bottom: 10px; margin-right: 5px; } .imgProBox .imgBlock { width: 130px; height: 130px; margin: 0 auto; display: block; object-fit: contain; background: #f6f6f6; } .imgProBox img { width: 100%; height: 100%; object-fit: contain; } .imgProBox .checkbox { margin: 0; display: inline-block; } .imgProBox .actBtn { display: block; padding-top: 10px; } .imgProBox .dualAct { float: right; } /*Status Badge*/ .badge { background: #c49300; text-transform: capitalize !important; box-shadow: 1px 1px 3px 1px #aeaeae; font-size: 100%; } .leadStatusBadge { float: right; padding: 2px 4px; font-size: 75%; border-radius: 24px; text-transform: capitalize; border: 1px solid #0000001a; display: inline-block; margin-bottom: 4px; font-weight: bold; } .badge[title*="Open"i], .leadStatusBadge[title*="Open"i], .Taskheader .taskStatus[title*="Open"i] { background: #f44336; color: var(--white); } .badge[title*="Completed"i], .leadStatusBadge[title*="Completed"i], .Taskheader .taskStatus[title*="Completed"i] { background: #4CAF50; color: var(--white); } .badge[title*="Closed"i], .leadStatusBadge[title*="Closed"i], .Taskheader .taskStatus[title*="Closed"i] { background: #009688; color: var(--white); } .leadStatusBadge[title*="OnHold"i], .Taskheader .taskStatus[title*="OnHold"i] { background: #5b0600; color: var(--white); } .badge[title*="Approved"i], .Taskheader .taskStatus[title*="Approved"i] { background: #4CAF50; color: var(--white); } .badge[title*="Submitted"i], .leadStatusBadge[title*="Submitted"i], .Taskheader .taskStatus[title*="Submitted"i] { background: #FF9800; color: var(--white); } .badge[title*="Draft"i], .leadStatusBadge[title*="Draft"i], .Taskheader .taskStatus[title*="Draft"i] { background: #607d8b; color: var(--white); text-transform: capitalize; } .badge[title*="Active"i], .leadStatusBadge[title*="Active"i] { background: #4CAF50; color: var(--white); } .badge[title*="Deactive"i], .badge[title*="InActive"i], .leadStatusBadge[title*="Deactive"i], .leadStatusBadge[title*="InActive"i] { background: #F44336; color: var(--white); } .badge[title*="Deleted"i], .leadStatusBadge[title*="Deleted"i], .Taskheader .taskStatus[title*="Deleted"i] { background: #920000; color: var(--white); } .Taskheader .taskStatus[title*="Rejected"i] { background: #5b0600; color: var(--white); } .badge[title*="Emailed"i] { background: #5b0600; } .badge[title*="Paid"i] { background: #007c05; } .badge[title*="Test"i] { background: #9E9E9E; } .badge[title*="Resolved"i] { background: #4CAF50; } .badge[title*="InProgress"i], .leadStatusBadge[title*="InProgress"i], .Taskheader .taskStatus[title*="InProgress"i] { background: #795548; color: var(--white); } .leadStatusBadge[title*="Customer"i] { background: var(--sanmolLogo); color: var(--white); } .Taskheader .taskStatus[title*="Under Review"i] { background: #5b0600; color: var(--white); } .Taskheader .taskStatus[title*="Assigned"i] { background: #c49300; color: var(--white); } /*transaction table css*/ .poTrans { width: 96%; margin: 0px auto; margin-bottom: 10px; } .poTrans tr td { border: 1px solid #c5c5c5; padding: 5px; } .poTrans tr th { border: 1px solid #c5c5c5; text-align: center; padding: 5px; } .poTrans.main tr td { padding: 0px; } .poTrans.main .bootstrap-select.form-control, .poTrans.main .form-control { margin-bottom: 0px !important; } .poTrans .roe { text-align: center; } .poTrans .amt, .poTrans .lcamt, .poTrans .fcamt, .poTrans #ustotal, .poTrans #citotal { text-align: right; } .poTrans #ustotal, .poTrans #citotal { font-weight: bold; } .poTrans #lctotal, .poTrans #fctotal { font-weight: bold; text-align: right; } .poSmall small { color: #673AB7; font-weight: bold; } /*New Styled Radio Buttons*/ .btnRadio label { width: 50%; float: left; border-radius: 3px; border: 1px solid #d1d3d4; font-weight: normal; margin-bottom: 10px; } .btnRadio input[type="radio"]:empty, .btnRadio input[type="checkbox"]:empty { display: none; } .btnRadio input[type="radio"]:empty ~ label, .btnRadio input[type="checkbox"]:empty ~ label { position: relative; line-height: 2.4em; text-indent: 3.25em; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .btnRadio input[type="radio"]:empty ~ label:before, .btnRadio input[type="checkbox"]:empty ~ label:before { position: absolute; display: block; top: 0; bottom: 0; left: 0; content: ''; width: 2.5em; background: #D1D3D4; border-radius: 3px 0 0 3px; } .btnRadio input[type="radio"]:hover:not(:checked) ~ label, .btnRadio input[type="checkbox"]:hover:not(:checked) ~ label { color: #888; } .btnRadio input[type="radio"]:hover:not(:checked) ~ label:before, .btnRadio input[type="checkbox"]:hover:not(:checked) ~ label:before { content: '\2714'; text-indent: .9em; color: #C2C2C2; } .btnRadio input[type="radio"]:checked ~ label, .btnRadio input[type="checkbox"]:checked ~ label { color: #777; } .btnRadio input[type="radio"]:checked ~ label:before, .btnRadio input[type="checkbox"]:checked ~ label:before { content: '\2714'; text-indent: .9em; color: #333; background-color: #ccc; } .btnRadio input[type="radio"]:focus ~ label:before, .btnRadio input[type="checkbox"]:focus ~ label:before { box-shadow: 0 0 0 3px #999; } .btnRadio-default input[type="radio"]:checked ~ label:before, .btnRadio-default input[type="checkbox"]:checked ~ label:before { color: #333; background-color: #ccc; } .btnRadio-primary input[type="radio"]:checked ~ label:before, .btnRadio-primary input[type="checkbox"]:checked ~ label:before { color: var(--white); background-color: #337ab7; } .btnRadio-success input[type="radio"]:checked ~ label:before, .btnRadio-success input[type="checkbox"]:checked ~ label:before { color: var(--white); background-color: #5cb85c; } .btnRadio-danger input[type="radio"]:checked ~ label:before, .btnRadio-danger input[type="checkbox"]:checked ~ label:before { color: var(--white); background-color: #d9534f; } .btnRadio-warning input[type="radio"]:checked ~ label:before, .btnRadio-warning input[type="checkbox"]:checked ~ label:before { color: var(--white); background-color: #f0ad4e; } .btnRadio-info input[type="radio"]:checked ~ label:before, .btnRadio-info input[type="checkbox"]:checked ~ label:before { color: var(--white); background-color: #5bc0de; } .isDisabled { color: currentColor; cursor: not-allowed; opacity: 0.5; text-decoration: none; } .PlsAlert { text-align: center; height: 115px; width: 120px; } .PlsAlert img { width: 69px; padding: 5px; } .DiscountTable tr td input[name] { text-align: right; padding-right: 10px; } .DiscountTable tr td:nth-child(1) { } .DiscountTable tr td:nth-child(2) { width: 11%; } .DiscountTable tr td:nth-child(3) { width: 11%; } @media only screen and (max-width: 760px) { .DiscountTable tr td input[name] { text-align: left; padding-right: 10px; } .DiscountTable tr td:nth-child(1) { } .DiscountTable tr td:nth-child(2) { width: 100%; } .DiscountTable tr td:nth-child(3) { width: 100%; } } .printBlock { position: absolute; top: 0px; right: 0px; } .printBlock .btn { padding: 0; background-color: transparent; border-color: transparent; line-height: 20px; color: var(--navbarBG); font-size: 23px; } .printBlock .btn:active, .printBlock .btn:focus { outline: 0px; } .referBlock div[class|="col"] { padding-right: 5px; padding-left: 5px; } .referBlock .inputBox { margin-bottom: 10px; } .referBlock .inputBox .btn-primary { padding: 0px; width: 34px; height: 34px; } /*Dialog box css*/ .ui-dialog { padding: 0px; left: 50% !important; top: 50% !important; transform: translate(-50%, -50%); } .ui-widget-header { border: 1px solid var(--navbarBG); background: var(--navbarBG); color: var(--white); font-weight: bold; } #chatIcon { display: block; } .ezyChatIcon { position: absolute; right: 20px; bottom: 80px; background: var(--navbarBG); color: var(--white); padding: 10px; border-radius: 50%; font-size: 150%; box-shadow: 0 5px 10px -2px rgba(0, 0, 0, .7) !important; cursor: pointer; z-index: 9999; } .DocName a { color: #3F51B5; text-decoration: underline; word-break: break-all; } .InvoiceForm div { padding-right: 5px; padding-left: 5px; } @media only screen and (max-width: 500px) { .InvoiceForm div > div { padding-right: 0px; padding-left: 0px; } } .specify div > div { padding-left: 5px; padding-right: 5px; } .SalesIcon { position: relative; } .SalesIcon input { } .SalesIcon .fa-search { position: absolute; top: 6px; right: 6px; font-size: 170%; } .pickupBin { padding: 0px !important; } .pickupBin table { margin-bottom: 0px !important; } .pickupBin table td { padding: 0px !important; } .pickupBin table td .form-control { margin-bottom: 0px !important; } .pickupBin table tbody tr th { background: #607D8B; color: var(--white); } .PickupOrderTable .MainColumn .fa { float: left; width: 17%; text-align: center; /*padding-top: 5px;*/ } .PickupOrderTable .MainColumn input { width: 76%; } .ordersTitle { position: relative; } .ordersTitle .SubmitOrder { position: relative; float: right; padding: 2px 12px; font-size: 75%; } .ReportsTable { margin-bottom: 0px; } .ReportsTable th { background-color: #1e5598; color: white; text-align: center; } .purchseTitle { position: relative; font-size: 100%; font-weight: bold; line-height: 20px; } .purchseTitle .SubmitOrder { position: absolute; float: right; top: 26%; right: 0px; } .serialTable td { padding: 0px !important; } .serialTable input[type="text"] { margin-bottom: 0px; } /*Jquery UI Datepicker CSS*/ .ui-datepicker .ui-datepicker-header { border-radius: 2px 2px 0px 0px; } #ui-datepicker-div { padding: 0px; background: var(--white); border: none; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); z-index: 1041 !important; } .ui-datepicker table { margin: 0px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { filter: brightness(0) invert(1); } .ui-datepicker .ui-datepicker-prev-hover { left: 2px; top: 2px; } .ui-datepicker .ui-datepicker-next-hover { right: 2px; top: 2px; } .ui-datepicker .ui-datepicker-calendar thead { background: var(--navbarBG); color: var(--white); } .ui-datepicker .ui-datepicker-calendar .ui-state-default { text-align: center; line-height: 27px; padding: 0px; font-size: 120%; border-radius: 50%; background: none; width: 27px; height: 27px; } .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, .ui-button:hover, .ui-button:focus { border: 1px solid transparent !important; background: transparent !important; font-weight: normal; color: #2b2b2b; } .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 transparent; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid var(--sideBG) !important; background: var(--sideBG) !important; font-weight: normal; color: var(--white); } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid var(--navbarBG) !important; background: var(--navbarBG) !important; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { border-radius: 10px; background: var(--sideBG); color: var(--white); border: none; padding: 2px 5px; text-align: center; outline: 0; } .ui-datepicker .ui-datepicker-title select { margin: 2px 2px; } /*Jquery UI Datepicker CSS*/ .bootstrap-select .dropdown-menu.inner { overflow-x: hidden !important; } .bootstrap-select > select[disabled] + button.dropdown-toggle { cursor: not-allowed; background-color: #eee !important; } /*Leave Configuration Table*/ .inputTable.LeavesInput .NOL { text-align: center; } .inputTable.LeavesInput .field { padding: 6px !important; } @media only screen and (max-width: 760px) { .inputTable.LeavesInput .TableCell { padding: 8px !important; } .inputTable.LeavesInput .fa { margin-top: 0px; } .inputTable.LeavesInput .MainColumn input { width: auto; } .inputTable.LeavesInput .TableCell.ActionCell { padding: 0px !important; z-index: 99; top: 0%; } .inputTable.LeavesInput .NOL { text-align: left; } } .getCode { position: relative; } .getCode .fa-search { position: absolute; top: 5px; right: 8px; font-size: 150%; } .LeavePageTitle { position: relative; text-align: center; } .titleLeave { position: absolute; left: 0px; } .leaveBal { font-size: small; font-style: italic; color: red; width: 250px; margin: 0px auto; } .leaveBal .table { margin-bottom: 0px; } .leaveBal .table td { padding: 2px; } @media only screen and (max-width: 760px) { .LeavePageTitle { position: relative; text-align: left; } .titleLeave { position: relative; left: 0px; } } .licenseTbl .rt, .licenseTbl .ds, .licenseTbl .tx, .licenseTbl .tt, .licenseTbl .tx, .licenseTbl .dis, .licenseTbl .tx, .licenseTbl .adj { text-align: right; } .licenseTbl .hrs { text-align: center; } .SOTable th:nth-child(1) { width: 3%; } .SOTable th:nth-child(2) { width: 10%; } .SOTable th:nth-child(3) { width: 15%; } .SOTable th:nth-child(4) { width: 5%; } .SOTable th:nth-child(4) { width: 5%; } .SOTable th:nth-child(5) { width: 5%; } .SOTable th:nth-child(6) { width: 5%; } .SOTable th:nth-child(7) { width: 5%; } .SOTable th:nth-child(8) { width: 5%; } .SOTable th:nth-child(9) { width: 5%; } .SOTable th:nth-child(10) { width: 5%; } .SOTable th:nth-child(11) { width: 5%; } .SOTable input[name="serial"] { text-align: center; } .SOTable .qty, .SOTable .price, .SOTable .ldis, .SOTable .tx, .SOTable .tt, .SOTable .dis, .SOTable .tax, .SOTable .adj { text-align: right; } .inputTD { padding: 0px } .inputTD input[type="text"] { margin-bottom: 0px; } .fDiv { padding: 0px 5px; } .fDiv > div { padding: 0px 5px; } .custFormTop > div { padding: 0px 5px; margin-bottom: 5px; } .PartialForm { padding: 0px 5px; } .Leave.badge.smallDevice, .clients.badge.smallDevice, .iiIndex.badge.smallDevice, .qindex.badge.smallDevice, .POord.badge.smallDevice, .prodj.badge.smallDevice, .hrpay.badge.smallDevice, .vendo.badge.smallDevice, .tcasse.badge.smallDevice, .prodcss.badge.smallDevice, .sOrders.badge.smallDevice, .expenseIndex.badge.smallDevice, .leadsIndex.badge.smallDevice, .employ.badge.smallDevice, .LIC.badge.smallDevice { float: right; } .showPassword { position: relative; } .showPassword .field-icon { position: absolute; top: 10px; right: 10px; font-size: 120%; } /*Task Print*/ .TaskPrint { max-width: 1024px; padding: 10px; margin: 0px auto; font-size: 100%; } .TaskPrint section { border: 1px solid var(--BorderColor); } .topLogoBlock { width: 100%; } .topLogoBlock .Title { font-size: 200%; } .topLogoBlock tr td { padding: 0px; } .topLogoBlock img { width: 150px; object-fit: contain; height: auto; margin-bottom: 10px; } .TaskPrint section > h4 { margin: 0px; padding: 5px; background-color: silver !important; color: black; -webkit-print-color-adjust: exact; } .TaskPrint section .blocks { padding: 5px; } .TaskPrint section .blocks h4 { margin: 0px; } .TaskBasic table, .TaskMembers table, .TaskPrintLogs table, .TaskIncidents table { width: 100%; } .ticketPictures { width: 48%; display: inline-flex; } .memDev { border: 1px solid #bebebe; padding: 5px; border-radius: 10px; width: 49%; margin-right: 5px; margin-bottom: 5px; } .printLogs { padding: 4px; border: 1px solid #c3c3c3; border-radius: 10px; margin-bottom: 5px; } .ServiceTkt { font-size: 100%; padding: 4px; border-bottom: 1px solid #c3c3c3; } .ServiceTkt h4 { font-size: 100%; } .lineitemstbl { } .lineitemstbl th:nth-child(1) { width: 5%; } .lineitemstbl th:nth-child(2) { width: 20%; } .lineitemstbl th:nth-child(3) { width: 10%; } .lineitemstbl th:nth-child(4) { width: 3%; } .lineitemstbl th:nth-child(5) { width: 15%; } .lineitemstbl th, .lineitemstbl td { border: 1px solid #c0c0c0; padding: 3px; } .lineitemstbl th { -webkit-print-color-adjust: exact; background: #c0c0c0 !important; color: black; text-align: center; } .TicketSign { } .TicketSign img { width: 200px; float: right; height: auto; } .TicketSign b { float: right; margin-right: 4%; } @media print { .TaskPrint { -webkit-print-color-adjust: exact; } .TaskPrint { max-width: 1024px; padding: 10px; margin: 0px auto; } .TaskPrint section { border: 1px solid var(--BorderColor); } .TaskPrint section > h4 { margin: 0px; padding: 5px; background-color: silver !important; color: black; -webkit-print-color-adjust: exact; } .TaskPrint section .blocks { padding: 5px; } .TaskPrint section .blocks h4 { margin: 0px; } .TaskBasic table, .TaskMembers table, .TaskPrintLogs table, .TaskIncidents table { width: 100%; } .memDev { border: 1px solid #bebebe; padding: 5px; border-radius: 10px; width: 49%; margin-right: 5px; margin-bottom: 5px; } .printLogs { padding: 4px; border: 1px solid #c3c3c3; border-radius: 10px; margin-bottom: 5px; } .ServiceTkt { padding: 4px; border-bottom: 1px solid #c3c3c3; } } .ticketTop tr td:nth-child(1) { width: 75%; } .ticketTop tr td:nth-child(2) { width: 25%; } @media only screen and (max-width: 760px) { .ticketTop tr td:nth-child(1) { width: 50%; } .ticketTop tr td:nth-child(2) { width: 50%; } .topLogoBlock .Title { font-size: 120%; } } /*TaskLog Updated Design*/ .taskCRight { text-align: center; padding-top: 10px; } .taskComment { display: block; background: var(--white); padding: 5px; border: 1px solid #d1d1d1; position: relative; margin-bottom: 10px; } .taskComment:hover { background: #e4e4e4; } .taskComment hr { margin-top: 0px; margin-bottom: 10px; } .taskComment hr:last-child { margin: 0px; border-top: 0px; } .taskCHead { margin-bottom: 5px; } .TaskCTitle { margin: 0px; padding-bottom: 7px; font-weight: bold; display: -webkit-inline-box; font-size: 120%; color: var(--navbarBG); } .taskCDate { font-style: italic; font-weight: bold; } .taskCHead .badge { float: right; margin-left: 5px; } .taskCHead .badge.public { /*background-color: red;*/ } .taskCHead .badge.internal { background-color: var(--navbarBG); } .taskCHead .badge.solution { background-color: #4CAF50; } .taskCHead .fa-times-circle { float: right; margin-left: 5px; color: #F44336; } .taskActions { display: -webkit-inline-box; float: right; position: absolute; right: 5px; bottom: 5px; } .hrsSpend { background: #ebebeb; padding: 3px 6px; font-size: 89%; border-radius: 32px; font-weight: bold; border: 1px solid #c8c8c8; margin-right: 3px; display: inline-block; margin-bottom: 4px; color: #3f3f3f; } .devTaskC { background: var(--navbarBG); padding: 3px 6px; font-size: 89%; border-radius: 32px; font-weight: bold; border: 1px solid #c8c8c8; margin-right: 3px; display: inline-block; margin-bottom: 4px; color: var(--white); } @media only screen and (max-width: 760px) { .taskCRight { text-align: left; padding-top: 10px; } } .AddTicket { margin-bottom: 5px; } .AddTicket .tab-content { margin-bottom: 0px; } .AddTicket .tab-content.tableBox { padding: 0px; } .AddTicket .tab-content.tableBox table { margin-bottom: 0px; } .AddTkHeader { display: block; background: var(--navbarBG); padding: 5px 10px; margin-bottom: 5px; } .AddTkHeader .panel-heading { padding: 0px; } .AddTkHeader h4 { color: var(--white); margin: 0px; display: inline-block; line-height: 30px; } .ticketAdd { float: right; position: relative; top: -5px; } .ticketAdd .rightBtn { font-size: 170%; position: relative; color: white; background: #1e5598; width: 30px; height: 30px; display: inline-flex; justify-content: center; align-items: center; border-radius: 5px; text-decoration: none; } .ticketAdd .rightBtn:hover { background: #4CAF50; color: var(--white); cursor: pointer; } /*Customer payments.cshtml*/ .CustPay input[type=checkbox] + label { display: inline; cursor: pointer; padding: 0.2em; user-select: none; } .CustPay input[type=checkbox] { display: none; } .CustPay input[type=checkbox] + label:before { content: "\2714"; border: 0.1em solid var(--BorderColor2); border-radius: 0.2em; display: inline-block; width: 20px; height: 20px; margin-right: 5px; vertical-align: bottom; color: transparent; transition: .2s; background: var(--white); } .CustPay input[type=checkbox] + label:active:before { transform: scale(0); } .CustPay input[type=checkbox]:checked + label:before { background-color: var(--navbarBG); border-color: var(--navbarBG); color: var(--white); } .CustPay input[type=checkbox]:disabled + label:before { transform: scale(1); border-color: #aaa; } .CustPay input[type=checkbox]:checked:disabled + label:before { transform: scale(1); background-color: #bfb; border-color: #bfb; } /*Preferences.cshtml*/ .prefer input[type=checkbox] + label { display: inline; cursor: pointer; padding: 0.2em; user-select: none; font-weight: 100; } .prefer input[type=checkbox] { display: none; } .prefer input[type=checkbox] + label:before { content: "\2714"; border: 0.1em solid var(--BorderColor2); border-radius: 0.2em; display: inline-block; width: 20px; height: 20px; margin-right: 5px; text-align: center; vertical-align: bottom; color: transparent; transition: .2s; background: var(--white); } .prefer input[type=checkbox] + label:active:before { transform: scale(0); } .prefer input[type=checkbox]:checked + label:before { background-color: var(--sideBG); border-color: var(--sideBG); color: var(--white); } .prefer input[type=checkbox]:disabled + label:before { transform: scale(1); border-color: #aaa; } .prefer input[type=checkbox]:checked:disabled + label:before { transform: scale(1); background-color: #bfb; border-color: #bfb; } /*menuPage.cshtml*/ .menuPage input[type=checkbox] + label { display: inline; cursor: pointer; padding: 0.2em; user-select: none; font-weight: 100; } .menuPage input[type=checkbox] { display: none; } .menuPage input[type=checkbox] + label:before { content: "\2714"; border: 0.1em solid var(--BorderColor2); border-radius: 0.2em; display: inline-block; width: 20px; height: 20px; text-align: center; margin-right: 5px; vertical-align: bottom; color: transparent; transition: .2s; background: var(--white); } .menuPage input[type=checkbox] + label:active:before { transform: scale(0); } .menuPage input[type=checkbox]:checked + label:before { background-color: var(--navbarBG); border-color: var(--navbarBG); color: var(--white); } .menuPage input[type=checkbox]:disabled + label:before { transform: scale(1); border-color: #aaa; } .menuPage input[type=checkbox]:checked:disabled + label:before { transform: scale(1); background-color: #bfb; border-color: #bfb; } /*ticket.cshtml*/ .checkMarks { display: inline-block; left: 20px; position: absolute; } @media only screen and (max-width: 760px) { .checkMarks { display: inline-block; left: 0px; position: relative; margin-bottom: 10px; } } .taskCheck { display: -webkit-inline-box; margin-right: 20px; } .taskCheck input[type=checkbox] + label { display: inline; cursor: pointer; padding: 0.2em; user-select: none; } .taskCheck input[type=checkbox] { display: none; } .taskCheck input[type=checkbox] + label:before { content: "\2714"; border: 0.1em solid var(--BorderColor2); border-radius: 0.2em; display: inline-block; width: 20px; height: 20px; padding-left: 0.2em; padding-bottom: 0.3em; margin-right: 5px; vertical-align: bottom; color: transparent; transition: .2s; background: var(--white); } .taskCheck input[type=checkbox] + label:active:before { transform: scale(0); } .taskCheck input[type=checkbox]:checked + label:before { background-color: var(--sideBG); border-color: var(--sideBG); color: var(--white); } .taskCheck input[type=checkbox]:disabled + label:before { transform: scale(1); border-color: #aaa; } .taskCheck input[type=checkbox]:checked:disabled + label:before { transform: scale(1); background-color: #bfb; border-color: #bfb; } .serilized { display: -webkit-inline-box; background: green; color: var(--white); padding: 3px 5px; border-radius: 10px; float: right; font-size: 90%; font-weight: bold; margin-top: -5px; margin-bottom: 5px; } .multiselect-container.dropdown-menu { padding: 0px; } .multiselect-container.dropdown-menu li a { padding: 10px 15px; cursor: pointer; } .multiselect-container.dropdown-menu li a label { margin: 0px; cursor: pointer; } .specialToken .btn-group { display: block !important; } .specialToken .btn-group .dropdown-toggle { float: none; width: 100%; text-align: left; } .specialToken .multiselect-container { position: relative; width: 100%; display: block; box-shadow: none; border-radius: 0px; margin: 0px; } .specialToken .multiselect-container li { float: none; display: inline-block; padding: 2px; } .specialToken .multiselect-container li a { padding: 2px 10px; border-radius: 30px; border: 1px solid #a4a4a4; outline: 0; user-select: none; } .specialToken .multiselect-container.dropdown-menu li a label { font-weight: normal; } #grdtotal { text-align: right; font-weight: bold; } #hditem_main { top: inherit !important; z-index: 9; } .TableBox [id*="#hdScroll"], #hdScrollitem_main { height: auto !important; background: var(--white); /*min-height: 100px !important;*/ scrollbar-color: #cdcdcd #f0f0f0; scrollbar-width: thin; } #hdScrollitem_main table { margin-bottom: 0px; } .ReportsIndex .topForm label { color: var(--navbarBG) } .ReportsIndex .fSearchBtn { margin-top: 22px; } @media only screen and (max-width: 760px) { #hdScrollitem_main { height: auto !important; min-height: auto !important; } #hditem_main table tr th, #item_main tr th { display: none; } .ReportsIndex #hditem_main table tr th, .ReportsIndex #item_main tr th { display: table-cell; } .ReportsIndex .fSearchBtn { margin-top: 0px; } } /*Custom Icons*/ .customerIcon, .projectIcon, .addtaskIcon, .addestimateIcon, .addinvoiceIcon, .addbugIcon, .expensesIcon { font-family: 'smp' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 20px; } .customerIcon:before { content: "\e90d"; } .projectIcon:before { content: "\e90e"; } .addtaskIcon:before { content: "\e903"; } .addestimateIcon:before { content: "\e901"; } .addinvoiceIcon:before { content: "\e902"; } .addbugIcon:before { content: "\e900"; } .expensesIcon:before { content: "\e906"; } .RecivePOIcon, .PickupOrderIcon { font-family: 'eb' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 20px; } .RecivePOIcon:before { content: "\eb001"; } .PickupOrderIcon:before { content: "\ea002"; } .ViewIcon, .EditIcon, .PrintIcon, .PayIcon, .DeleteIcon, .ChartLineIcon, .EmailIcon, .PlusIcon, .BarcodeIcon, .ShopCartIcon, .PencilEditIcon, .FileIcon, .DollarIcon, .FolderOpenIcon, .CloneIcon, .CogIcon, .UndoIcon, .FileExcelIcon, .ListAltIcon, .TimesCircleIcon, .DownloadIcon, .TruckLloadingIcon, .CreateTicketIcon { font-weight: 900; font-family: "Font Awesome 5 Free"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; margin-right: 4px; font-size: 20px; } .twitterIcon { font-family: 'Font Awesome 5 Brands'; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; margin-right: 4px; font-size: 20px; } .ViewIcon:before { content: "\f06e"; } .EditIcon:before { content: "\f044"; } .PencilEditIcon:before { content: "\f303"; } .PrintIcon:before { content: "\f02f"; } .PayIcon:before { content: "\f155"; } .ChartLineIcon:before { content: "\f201"; } .DeleteIcon:before { content: "\f2ed"; } .EmailIcon:before { content: "\f0e0"; } .twitterIcon:before { content: "\f099"; } .PlusIcon:before { content: "\f067"; } .BarcodeIcon:before { content: "\f02a"; } .ShopCartIcon:before { content: "\f07a"; } .FileIcon:before { content: "\f15c"; } .DollarIcon:before { content: "\f155"; } .FolderOpenIcon:before { content: "\f07c"; } .CloneIcon:before { content: "\f24d"; } .CogIcon:before { content: "\f013"; } .UndoIcon:before { content: "\f0e2"; } .FileExcelIcon:before { content: "\f1c3"; } .ListAltIcon:before { content: "\f022"; } .TimesCircleIcon:before { content: "\f057"; } .DownloadIcon:before { content: "\f019"; } .TruckLloadingIcon:before { content: "\f4de"; } .CreateTicketIcon:before { content: "\f3ff"; } /*Sprint TV CSS*/ body.sprintTV { background: black; color: var(--white); } .sprintTV .body-content { padding-top: 20px; padding-left: 10px; padding-right: 10px; } .sprintTV .ResGrid { background: #000; } .sprintTV .ResGrid th { color: var(--white); background: #000000; } .sprintTV .ResGrid > tbody > tr.view .fa-chevron-circle-down { color: var(--white); } .sprintTV .ResGrid tr.view:hover { background: #e4e4e4 !important; color: black; } .sprintTV .ResGrid tr.view:hover .fa-chevron-circle-down { color: black; } @media only screen and (max-width: 760px) { .sprintTV .view.open .MainColumn ~ .TableCell:before { content: attr(data-label); width: 100%; border-radius: 0px; height: auto; line-height: 22px; color: var(--white); display: block; font-size: 100%; } .sprintTV .view.open .TableCell:nth-of-type(n+2) { display: block; background: #000000; border-bottom: 1px solid #bbbbbb; } } .tvFooter { position: absolute; right: 0; bottom: 0; left: 0; padding: 1rem; background-color: #000000; text-align: center; } .confirmation { } .CustoPayments th:nth-child(1) { width: 20%; } .CustoPayments th:nth-child(2) { width: 23%; } .CustoPayments th:nth-child(3) { width: 14%; } .CustoPayments th:nth-child(4) { width: 14%; } .CustoPayments th:nth-child(5) { width: 14%; } .CustoPayments th:nth-child(6) { width: 14%; } .poItemsTable th:nth-child(1) { width: 20%; } .poItemsTable th:nth-child(2) { width: 40%; } .poItemsTable th:nth-child(3) { width: 5%; } .poItemsTable th:nth-child(4) { width: 5%; } .poItemsTable th:nth-child(5) { width: 10%; } .poItemsTable th:nth-child(6) { width: 5%; } .POTable th:nth-child(1) { width: 15%; } .POTable th:nth-child(2) { width: 15%; } .POTable th:nth-child(3) { width: 50%; } .POTable th:nth-child(4) { width: 5%; } .POTable th:nth-child(5) { width: 5%; } .POTable th:nth-child(6) { width: 10%; } .POTable th:nth-child(7) { width: 5%; } .recievePOTB th:nth-child(1) { width: 20%; } .recievePOTB th:nth-child(2) { width: 30%; } .recievePOTB th:nth-child(3) { width: 10%; } .recievePOTB th:nth-child(4) { width: 10%; } .recievePOTB th:nth-child(5) { width: 10%; } .recievePOTB th:nth-child(6) { width: 5%; } .recievePOTB th:nth-child(7) { width: 5%; } .recievePOTB th:nth-child(8) { width: 5%; } .serialTb th:nth-child(1) { width: 95%; } .serialTb th:nth-child(2) { width: 5%; } .IntraTable th:nth-child(1) { width: 60%; } .IntraTable th:nth-child(2) { width: 10%; } .IntraTable th:nth-child(3) { width: 10%; } .IntraTable th:nth-child(4) { width: 10%; } .IntraTable th:nth-child(5) { width: 10%; } .loyaltyTab th:nth-child(1) { width: 5%; } .loyaltyTab th:nth-child(2) { width: 25%; } .loyaltyTab th:nth-child(3) { width: 60%; } .loyaltyTab th:nth-child(4) { width: 5%; } .rewardPtTab th:nth-child(1) { width: 5%; } .rewardPtTab th:nth-child(2) { width: 25%; } .rewardPtTab th:nth-child(3) { width: 60%; } .rewardPtTab th:nth-child(4) { width: 5%; } .pricingTab th:nth-child(1) { width: 20%; text-align: center; } .pricingTab th:nth-child(2) { width: 8%; text-align: center; } .pricingTab th:nth-child(3) { width: 8%; text-align: center; } .pricingTab th:nth-child(4) { width: 8%; text-align: center; } .pricingTab th:nth-child(5) { width: 10%; text-align: center; } .pricingTab th:nth-child(6) { width: 8%; text-align: center; } .pricingTab th:nth-child(7) { width: 8%; text-align: center; } .pricingTab th:nth-child(8) { width: 10%; text-align: center; } .pricingTab th:nth-child(9) { width: 10%; text-align: center; } .pricingTab th:nth-child(10) { width: 10%; text-align: center; } .ticketTable th:nth-child(1) { width: 5%; } .ticketTable th:nth-child(2) { width: 20%; } .ticketTable th:nth-child(3) { width: 5%; } .ticketTable th:nth-child(4) { width: 10%; } .ticketTable th:nth-child(5) { width: 10%; } .ticketTable th:nth-child(6) { width: 10%; } .ticketTable th:nth-child(7) { width: 10%; } .ticketTable th:nth-child(8) { width: 15%; } .ticketTable th:nth-child(9) { width: 10%; } .itemCodeTable th:nth-child(1) { width: 20%; text-align: center; } .itemCodeTable th:nth-child(2) { width: 25%; text-align: center; } .itemCodeTable th:nth-child(3) { width: 20%; text-align: center; } .itemCodeTable th:nth-child(4) { width: 25%; text-align: center; } .declationTable th:nth-child(1) { width: 10%; text-align: center; } .declationTable th:nth-child(2) { width: 15%; text-align: center; } .declationTable th:nth-child(3) { width: 10%; text-align: center; } .declationTable th:nth-child(4) { width: 5%; text-align: center; } .declationTable th:nth-child(5) { width: 5%; text-align: center; } .returnOrderTable th:nth-child(1) { width: 10%; } .returnOrderTable th:nth-child(2) { width: 30%; } .returnOrderTable th:nth-child(3) { width: 5%; } .returnOrderTable th:nth-child(4) { width: 5%; } .returnOrderTable th:nth-child(5) { width: 5%; } .returnOrderTable th:nth-child(6) { width: 5%; } .returnOrderTable th:nth-child(7) { width: 5%; } .returnOrderTable th:nth-child(8) { width: 5%; } .returnOrderTable th:nth-child(9) { width: 5%; } .QuteTable th:nth-child(1) { width: 3%; } .QuteTable th:nth-child(2) { width: 10%; } .QuteTable th:nth-child(3) { width: 35%; } .QuteTable th:nth-child(4) { width: 9%; } .QuteTable th:nth-child(5) { width: 9%; } .QuteTable th:nth-child(6) { width: 9%; } .QuteTable th:nth-child(7) { width: 9%; } .QuteTable th:nth-child(8) { width: 9%; } .QuteTable th:nth-child(9) { width: 7%; } .pickupTable th:nth-child(1) { width: 10%; } .pickupTable th:nth-child(2) { width: 30%; } .pickupTable th:nth-child(3) { width: 5%; } .pickupTable th:nth-child(4) { width: 5%; } .pickupTable th:nth-child(5) { width: 5%; } .pickupTable th:nth-child(6) { width: 5%; } .licenceKyeTable th:nth-child(1) { width: 3%; } .licenceKyeTable th:nth-child(2) { width: 20%; } .licenceKyeTable th:nth-child(3) { width: 35%; } .licenceKyeTable th:nth-child(4) { width: 7%; } .licenceKyeTable th:nth-child(5) { width: 7%; } .licenceKyeTable th:nth-child(6) { width: 7%; } .licenceKyeTable th:nth-child(7) { width: 10%; } .licenceKyeTable th:nth-child(8) { width: 10%; } .licenceKyeTable th:nth-child(9) { width: 10%; } .SalesInvTable th:nth-child(1) { width: 3%; } .SalesInvTable th:nth-child(2) { width: 10%; } .SalesInvTable th:nth-child(3) { width: 35%; } .SalesInvTable th:nth-child(4) { width: 9%; } .SalesInvTable th:nth-child(5) { width: 9%; } .SalesInvTable th:nth-child(6) { width: 9%; } .SalesInvTable th:nth-child(7) { width: 9%; } .SalesInvTable th:nth-child(8) { width: 9%; } .SalesInvTable th:nth-child(9) { width: 7%; } .CustListTable th:nth-child(1) { width: 15%; text-align: center; } .CustListTable th:nth-child(2) { width: 25%; text-align: center; } .CustListTable th:nth-child(3) { width: 20%; text-align: center; } .CustListTable th:nth-child(4) { width: 15%; text-align: center; } .CustListTable th:nth-child(5) { width: 15%; text-align: center; } .pcindexTable th:nth-child(1) { text-align: left; width: 50%; } .pcindexTable th:nth-child(2) { text-align: center; width: 20%; } .pcindexTable th:nth-child(3) { text-align: center; width: 15%; } .pcindexTable th:nth-child(4) { text-align: center; width: 15%; } .NewKitTable th:nth-child(1) { width: 10%; } .NewKitTable th:nth-child(2) { width: 20%; } .NewKitTable th:nth-child(3) { width: 10%; } .NewKitTable th:nth-child(4) { width: 10%; } .NewKitTable th:nth-child(5) { width: 10%; } .NewKitTable th:nth-child(6) { width: 10%; } .NewKitTable th:nth-child(7) { width: 10%; } .ticketTableTT th:nth-child(1) { width: 70%; } .ticketTableTT th:nth-child(2) { width: 10%; } .ticketTableTT th:nth-child(3) { width: 10%; } .ticketTableTT th:nth-child(4) { width: 10%; } .SOTransTablett th:nth-child(1) { width: 20%; } .SOTransTablett th:nth-child(2) { width: 23%; } .SOTransTablett th:nth-child(3) { width: 14%; } .SOTransTablett th:nth-child(4) { width: 14%; } .SOTransTablett th:nth-child(5) { width: 14%; } .SOTransTablett th:nth-child(6) { width: 14%; } .p0 { padding: 0px !important; } .pt10 { padding-top: 10px; } .pt0 { padding-top: 0px; } .mt0 { margin-top: 0px; } .mb0 { margin-bottom: 0px; } .KeepLeft { float: left; } .KeepRight { float: right; } .FullWImage { width: 100%; } .proBLockTd .first { display: inline-block; width: 70% } .proBLockTd .second { display: inline-block; width: 12% } .mr_10 { margin-right: 10px !important; } .ChecklistTicket { padding: 0px !important; } .ChecklistTicket .bootstrap-select.form-control { margin-bottom: 0px !important; } .POPrintTB tr th:nth-child(1) { width: inherit; } /* .POPrintTB tr th:nth-child(2) { width: 15%; } .POPrintTB tr th:nth-child(3) { width: 20%; } .POPrintTB tr th:nth-child(4) { width: 7%; } .POPrintTB tr th:nth-child(5) { width: 7%; } .POPrintTB tr th:nth-child(6) { width: 7%; } .POPrintTB tr th:nth-child(7) { width: 7%; } .POPrintTB tr th:nth-child(8) { width: 7%; } .POPrintTB tr th:nth-child(9) { width: 7%; } .POPrintTB tr th:nth-child(10) { width: 7%; } .POPrintTB tr th:nth-child(11) { width: 5%; } */ @media print { .navbar, .NoPrint, #chatIcon, #sidebar, #mainFooter, .POPrintTB tr th:nth-child(11) { display: none; } .TabPanel .tab-content { border: none; padding: 0px; } .POPrintTB tr td:nth-child(11) { display: none; } } /*==================================== CSS for Dropdown with Addon ====================================*/ .custom-input-group { position: relative; display: flex; } .custom-input-group .form-control { width: 100%; display: flex; } .custom-input-group .input-group-append { display: flex; } .custom-input-group .input-group-append .btn { height: 35px; } .no-padding { padding: 0px; } .no-padding .fSearchBtn { margin-top: 17px; } .TableCell.text-right input { text-align: right; } .AddEvent .form-group { margin-bottom: 0px; } .fc-toolbar button { text-transform: capitalize; } .validation-summary-valid ul { margin-bottom: 0px; } .licenseFields div[class*="col"] { padding-right: 5px; padding-left: 5px; } .licenseFields div[class*="col"]:last-child { padding-right: 0px; } .licenseFields select[multiple], .licenseFields select[size] { height: 100px; max-height: 100px; margin-top: 0px; margin-bottom: 10px !important; } .autoheight, .form-control.autoheight, textarea.form-control.autoheight { width: 100%; height: auto; min-height: 35px; transition: width 0.25s; resize: none; overflow: hidden; padding-bottom: 0px; margin-bottom: 0px; } /*@media (max-width: 600px) { .freezetableWrap { min-height: auto !important; max-height: unset !important; } }*/ .TabFormSearch { padding-bottom: 10px; } .TabFormSearch .form-control { margin-bottom: 0px; } @media only screen and (max-width: 900px) { .TabFormSearch .fSearchBtn { width: 100%; font-size: 15px; margin-bottom: 5px; } } #OpenTextArea .modal-dialog { width: 70%; } .popupTextarea { } .popupTextarea { position: relative; } .OpenTextarea { position: absolute; top: 00px; right: 10px; font-size: 120%; background: #1e5598; padding: 5px; text-align: center; color: white; cursor: pointer; } .TabButton { position: relative } .toprightButton { position: absolute; right: 10px; top: 00px; } .editor { } .editor .rightBlock { display: flex; justify-content: flex-end; align-items: center; } .checkingBlocks { display: block; border: 1px solid #c1c1c1; padding-top: 10px; border-radius: 10px; margin-bottom: 10px; } .checkingBlocks h2 { margin: 0px; font-size: 140%; font-weight: bold; margin-bottom: 10px; padding-left: 10px; } #insightSlider { position: relative; height: auto; background: whitesmoke; } #insightSlider .carousel-control { width: 30px; opacity: 1; font-size: 100%; } #insightSlider .carousel-inner > .item { /*height: 350px;*/ } #insightSlider .carousel-indicators { bottom: 5px; margin-bottom: 0px; } #insightSlider .carousel-control.left { background: none; } #insightSlider .carousel-control.right { background: none; } #insightSlider .carousel-control .glyphicon-chevron-left { left: 0px; background: #1e5598; padding: 15px 9px; } #insightSlider .carousel-control .glyphicon-chevron-right { background: #1e5598; padding: 15px 9px; left: 0px; } .insghtInner { background: whitesmoke; padding: 15px; } .InsightHeader { display: flex; align-items: center; justify-content: space-between; } .InsightHeader h4 { margin: 0px; font-weight: bold; margin-right: 20px; } .InsightHeader select { width: 200px; border: 1px solid #d4d4d4; } .InsightChartBox { padding: 15px; } .insightIncome { margin-top: 10px; padding: 10px; border: 2px solid #d4d4d4; border-radius: 10px; } .insightIncome .insgtIncomeHeader { display: flex; align-items: center; justify-content: space-between; padding-bottom: 5px; border-bottom: 1px solid #d4d4d4; } .insightIncome .insgtIncomeHeader h4 { margin: 0px; font-weight: bold; } .insightIncome .insgtIncomeHeader select { width: 100px; border: 1px solid #d4d4d4; } .insightIncome .insgtIncomeHeader a { padding: 2px; position: relative; top: -2px; } .insightIncome .insghtIncomeBox { } .highcharts-credits { display: none; } @media only screen and (max-width: 780px) { #insightSlider { height: auto; } #insightSlider .carousel-control .glyphicon-chevron-left { top: 40%; } #insightSlider .carousel-control .glyphicon-chevron-right { top: 40%; } } .ezyTooltip + .tooltip > .tooltip-inner { background-color: #151515; } .ezyTooltip + .tooltip > .tooltip-arrow { border-bottom-color: #151515; } .walletbalance { margin: 0px; background: #4CAF50; } .tickettabs { position: relative; } .submittkt { position: absolute; top: 0px; right: 0px; } @media only screen and (max-width: 780px) { .submittkt { position: relative; padding: 5px 0px; text-align: center; } } .poForm [class*="col-"] { padding-right: 5px; padding-left: 5px; } /*Timeline CSS*/ .sessions { margin: 0px; position: relative; padding-left: 10px; list-style-type: none; } .sessions li { padding-bottom: 10px; border-left: 1px solid #abaaed; position: relative; padding-left: 10px; margin-left: 0px; } .sessions li:before { content: ""; width: 20px; height: 20px; background: white; border: 1px solid #4e5ed3; box-shadow: 1px 2px 0px #8c95da; border-radius: 50%; position: absolute; left: -10px; top: 0px; } .sessions p { margin: 0px; } .sessions .dateBadge { border: 1px solid #1e5598; background: transparent; color: #1e5598; } .sessions .emailBadge { text-transform: initial !important; background: beige; color: black; box-shadow: none; margin-bottom: 5px; } .passwordToggle { position: relative; } .passwordToggle i { position: absolute; top: 10px; right: 10px; font-size: 150%; cursor: pointer; transition: 0.5s ease-in-out; } .passwordToggle i.fa-eye { color: black; } .passwordToggle i.fa-eye-slash { color: red; } /*Captcha Box CSS*/ .captchaBox { display: flex; justify-content: space-evenly; align-items: center; padding: 10px 0px; flex-direction: inherit; } .captchaBox br { display: none; } .captchaBox #CaptchaImage { width: 120px; display: inline-flex; } .captchaBox #CaptchaInputText { background-color: #ffffff; border-color: #e7e8ec; border-radius: 3px; box-shadow: none; color: #1a7195; font-size: 100%; text-transform: uppercase; border-style: solid; width: 100px; text-align: center; font-weight: bold; } .captchaBox a[href="#CaptchaImage"] { color: #ffffff; background: #f44336; font-size: 80%; padding: 2px 10px; border-radius: 0px; } @media only screen and (max-width: 760px) { .captchaBox { flex-direction: column; } .captchaBox #CaptchaImage { width: 180px; } } /*CaptchaBox CSS End*/ /*ViewProfile Page CSS*/ .ProfileCard { display: flex; align-items: center; justify-content: center; min-height: auto; } .ProfileCard .wrapper, .ProfileCard .wrapper .img-area, .buttons button { background: #ecf0f3; box-shadow: -3px -3px 7px #ffffff, 3px 3px 5px #ceced1; } .ProfileCard .wrapper { position: relative; max-width: 350px; padding: 30px; border-radius: 10px; display: flex; align-items: center; justify-content: center; flex-direction: column; } .ProfileCard .wrapper .icon { color: #31344b; position: absolute; opacity: 0.7; top: 15px; height: 35px; width: 35px; text-align: center; line-height: 35px; border-radius: 50%; font-size: 100%; } .ProfileCard .wrapper .icon i { position: relative; z-index: 9; } .ProfileCard .wrapper .img-area { height: 150px; width: 150px; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .img-area .inner-area { height: calc(100% - 25px); width: calc(100% - 25px); border-radius: 50%; } .inner-area img { height: 100%; width: 100%; border-radius: 50%; object-fit: cover; } .ProfileCard .wrapper .name { font-size: 140%; font-weight: bold; color: #31344b; margin: 10px 0 5px 0; } .ProfileCard .wrapper .about { color: #44476a; font-weight: 400; font-size: 100%; text-align: center; } .ProfileCard .wrapper .about .Company { display: block; text-align: center; font-weight: bold; font-size: 100%; } .ProfileCard .wrapper .social-share { display: flex; width: 100%; margin-top: 10px; padding: 0 5px; justify-content: space-between; } .social-share .row { color: #31344b; font-size: 100%; position: relative; margin: 0px; } .social-share .row:first-child { margin-right: 10px; } .social-share .row::before { position: absolute; content: ""; height: 100%; background: #e0e6eb; } .row:first-child::before { background: none; } .social-share .row i.icon-2 { position: absolute; left: 0; top: 50%; color: #31344b; transform: translateY(-50%); opacity: 0; pointer-events: none; transition: all 0.3s ease; } /*Change Password Screen*/ .JustifyCenter { display: flex; justify-content: center; min-height: auto; } /*Cross button at Search Field*/ input[type="search"] { -webkit-appearance: searchfield; } input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: searchfield-cancel-button; } .BankCard { padding: 0px; margin: 10px 0px; background: white; box-shadow: 0px 1px 3px 0px #a8a8a8; border-radius: 5px; overflow: hidden; } .MainCard { background: #1e5598; color: white; padding: 10px; } .MainCard h3 { margin: 0px; font-size: 150%; } .MainCard .Bankbalance { position: relative; margin-top: 15px; } .Bankbalance span { font-weight: bold; display: block; font-size: 130%; } .Bankbalance p { display: inline-block; margin: 0px; } .Bankbalance b { font-weight: normal; float: right; } .qbBalance { padding: 10px; position: relative; } .qbBalance span { font-weight: bold; font-size: 140%; } .qbBalance p { text-transform: uppercase; margin: 0px; } .qbBalance b { position: absolute; right: 20px; top: 20px; font-size: 150%; color: #ff9800; } .bankBalanceTabs { display: flex; justify-content: center; } .balanceBadge { margin-top: 0px; font-size: 130%; background: #1e5598; white-space: normal; width: 100%; line-height: 24px; } .DepartmentDash { display: flex; justify-content: center; height: 100%; align-items: center; } .btn-outline-secondary { color: #6c757d; background-color: transparent; background-image: none; border-color: #6c757d; } .btn-outline-secondary:hover, .btn-outline-secondary:focus { color: #fff; background-color: #6c757d; border-color: #6c757d; } .mb-0 { margin-bottom: 0px; } .logo-div { max-width:240px; height:100px; img { width:100%; height:100%; } } .TaskPrint img { height: 100px; object-fit: contain; width: auto; margin-bottom: 10px; max-width: 250px; }