/* Minification failed. Returning unminified contents. (2,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (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 '-' (13,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (16,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (18,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (19,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (20,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (21,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (45,17): run-time error CSS1039: Token not allowed after unary operator: '-mf-secondary-color' (56,17): run-time error CSS1039: Token not allowed after unary operator: '-mf-secondary-color' (60,17): run-time error CSS1039: Token not allowed after unary operator: '-mf-link' (82,17): run-time error CSS1039: Token not allowed after unary operator: '-mf-secondary-color' (122,17): run-time error CSS1039: Token not allowed after unary operator: '-mf-dark-green' (157,35): run-time error CSS1039: Token not allowed after unary operator: '-mf-red' (161,35): run-time error CSS1039: Token not allowed after unary operator: '-mf-yellow' (165,35): run-time error CSS1039: Token not allowed after unary operator: '-mf-dark-blue' (169,35): run-time error CSS1039: Token not allowed after unary operator: '-mf-brand-color' (183,17): run-time error CSS1039: Token not allowed after unary operator: '-mf-primary-color' (203,17): run-time error CSS1039: Token not allowed after unary operator: '-mf-mid-green' (206,28): run-time error CSS1039: Token not allowed after unary operator: '-mf-mid-green' (210,17): run-time error CSS1039: Token not allowed after unary operator: '-mf-mid-purple' (211,28): run-time error CSS1039: Token not allowed after unary operator: '-mf-mid-purple' (216,17): run-time error CSS1039: Token not allowed after unary operator: '-mf-white' (217,28): run-time error CSS1039: Token not allowed after unary operator: '-mf-mid-green' (221,17): run-time error CSS1039: Token not allowed after unary operator: '-mf-white' (222,28): run-time error CSS1039: Token not allowed after unary operator: '-mf-mid-purple' (241,17): run-time error CSS1039: Token not allowed after unary operator: '-mf-secondary-color' (253,17): run-time error CSS1039: Token not allowed after unary operator: '-mf-dark-purple' (263,29): run-time error CSS1039: Token not allowed after unary operator: '-mf-radius' (263,46): run-time error CSS1039: Token not allowed after unary operator: '-mf-radius' (295,17): run-time error CSS1039: Token not allowed after unary operator: '-mf-dark-green' (299,17): run-time error CSS1039: Token not allowed after unary operator: '-mf-mid-green' (322,17): run-time error CSS1039: Token not allowed after unary operator: '-mf-primary-color' (350,21): run-time error CSS1039: Token not allowed after unary operator: '-mf-primary-color' (377,35): run-time error CSS1039: Token not allowed after unary operator: '-mf-gray-bg' (750,29): run-time error CSS1039: Token not allowed after unary operator: '-mf-radius' (977,22): run-time error CSS1039: Token not allowed after unary operator: '-mf-mid-green-shade' (978,24): run-time error CSS1039: Token not allowed after unary operator: '-mf-mid-green-shade' (1007,28): run-time error CSS1039: Token not allowed after unary operator: '-mf-mid-green' (1008,28): run-time error CSS1039: Token not allowed after unary operator: '-mf-mid-green' (1009,17): run-time error CSS1039: Token not allowed after unary operator: '-mf-white' (1018,17): run-time error CSS1039: Token not allowed after unary operator: '-mf-mid-green' (1019,35): run-time error CSS1039: Token not allowed after unary operator: '-mf-mid-green' (1032,34): run-time error CSS1039: Token not allowed after unary operator: '-mf-brand-color' (1051,25): run-time error CSS1039: Token not allowed after unary operator: '-mf-radius' (1094,32): run-time error CSS1039: Token not allowed after unary operator: '-mf-brand-color' (1095,23): run-time error CSS1039: Token not allowed after unary operator: '-mf-brand-color' (1096,32): run-time error CSS1039: Token not allowed after unary operator: '-mf-gray-bg' (1100,32): run-time error CSS1039: Token not allowed after unary operator: '-mf-blue-border' (1101,23): run-time error CSS1039: Token not allowed after unary operator: '-mf-blue-border' (1168,28): run-time error CSS1039: Token not allowed after unary operator: '-mf-blue-border' (1179,32): run-time error CSS1039: Token not allowed after unary operator: '-mf-darker-shade' (1187,21): run-time error CSS1039: Token not allowed after unary operator: '-mf-link' (1189,29): run-time error CSS1039: Token not allowed after unary operator: '-mf-radius' (1194,21): run-time error CSS1039: Token not allowed after unary operator: '-mf-secondary-color' (1244,28): run-time error CSS1039: Token not allowed after unary operator: '-mf-blue-border' (1245,25): run-time error CSS1039: Token not allowed after unary operator: '-mf-radius' (1254,48): run-time error CSS1034: Expected closing parenthesis, found ',' (1254,48): run-time error CSS1042: Expected function, found ',' (1254,53): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (1259,25): run-time error CSS1039: Token not allowed after unary operator: '-mf-radius' (1293,36): run-time error CSS1039: Token not allowed after unary operator: '-mf-darker-shade' (1294,32): run-time error CSS1039: Token not allowed after unary operator: '-mf-darker-shade' (1298,17): run-time error CSS1039: Token not allowed after unary operator: '-mf-teriary-color' (1331,28): run-time error CSS1039: Token not allowed after unary operator: '-mf-blue-gray-bg' (1332,17): run-time error CSS1039: Token not allowed after unary operator: '-mf-darker-shade' (1334,24): run-time error CSS1039: Token not allowed after unary operator: '-mf-gray-border' (1336,35): run-time error CSS1039: Token not allowed after unary operator: '-mf-gray-border' (1668,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1669,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1670,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1671,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1672,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1673,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1674,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1675,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1676,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1677,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1678,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1679,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1680,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1681,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1682,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1683,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1684,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1685,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1686,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1688,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1689,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1690,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1691,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1692,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1693,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1694,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1695,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1696,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1697,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1698,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1699,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1700,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1702,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1703,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1704,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1706,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1707,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1708,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1710,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1711,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1712,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1713,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1714,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1715,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1716,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1717,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1718,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1719,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1732,25): run-time error CSS1039: Token not allowed after unary operator: '-mf-default-radius' (1735,22): run-time error CSS1039: Token not allowed after unary operator: '-card-shadow-lg' (1765,23): run-time error CSS1039: Token not allowed after unary operator: '-mf-text-semiBold' (1766,21): run-time error CSS1039: Token not allowed after unary operator: '-mf-Base-text' (1768,25): run-time error CSS1039: Token not allowed after unary operator: '-mf-default-radius' (1770,22): run-time error CSS1039: Token not allowed after unary operator: '-mf-white' (1771,17): run-time error CSS1039: Token not allowed after unary operator: '-mf-black' (1772,28): run-time error CSS1039: Token not allowed after unary operator: '-mf-gray-20' (1777,21): run-time error CSS1039: Token not allowed after unary operator: '-mf-white' (1778,26): run-time error CSS1039: Token not allowed after unary operator: '-mf-gray' (1779,32): run-time error CSS1039: Token not allowed after unary operator: '-mf-gray' (1782,21): run-time error CSS1039: Token not allowed after unary operator: '-mf-white' (1855,49): run-time error CSS1039: Token not allowed after unary operator: '-mf-white' (1855,69): run-time error CSS1039: Token not allowed after unary operator: '-mf-white' (1855,90): run-time error CSS1039: Token not allowed after unary operator: '-mf-blue-light' (1855,116): run-time error CSS1039: Token not allowed after unary operator: '-mf-blue-light' (1856,25): run-time error CSS1039: Token not allowed after unary operator: '-mf-default-radius' (1882,17): run-time error CSS1039: Token not allowed after unary operator: '-mf-secondary' (1891,17): run-time error CSS1039: Token not allowed after unary operator: '-mf-secondary-color' (1900,17): run-time error CSS1039: Token not allowed after unary operator: '-mf-gray-dark' (1901,21): run-time error CSS1039: Token not allowed after unary operator: '-mf-base-text' (1902,23): run-time error CSS1039: Token not allowed after unary operator: '-mf-text-Bold' (1908,28): run-time error CSS1039: Token not allowed after unary operator: '-mf-white' (1909,25): run-time error CSS1039: Token not allowed after unary operator: '-mf-radius-md' (1939,17): run-time error CSS1039: Token not allowed after unary operator: '-mf-teriary-color' (1948,19): run-time error CSS1039: Token not allowed after unary operator: '-mf-brand-color' (1978,24): run-time error CSS1039: Token not allowed after unary operator: '-mf-red' (1981,32): run-time error CSS1039: Token not allowed after unary operator: '-mf-red' (1982,34): run-time error CSS1039: Token not allowed after unary operator: '-mf-red' (1983,35): run-time error CSS1039: Token not allowed after unary operator: '-mf-red' (1984,33): run-time error CSS1039: Token not allowed after unary operator: '-mf-red' (1985,25): run-time error CSS1039: Token not allowed after unary operator: '-mf-radius-md' (2014,21): run-time error CSS1039: Token not allowed after unary operator: '-mf-base-text' (2015,23): run-time error CSS1039: Token not allowed after unary operator: '-mf-text-semiBold' (2025,21): run-time error CSS1039: Token not allowed after unary operator: '-mf-primary' (2027,32): run-time error CSS1039: Token not allowed after unary operator: '-mf-white' (2029,24): run-time error CSS1039: Token not allowed after unary operator: '-mf-radius-sm' (2040,32): run-time error CSS1039: Token not allowed after unary operator: '-mf-gray' (2046,28): run-time error CSS1039: Token not allowed after unary operator: '-mf-primary-light' (2047,28): run-time error CSS1039: Token not allowed after unary operator: '-mf-primary-light' (2059,21): run-time error CSS1039: Token not allowed after unary operator: '-mf-base-text' (2060,23): run-time error CSS1039: Token not allowed after unary operator: '-mf-text-semiBold' (2070,17): run-time error CSS1039: Token not allowed after unary operator: '-mf-primary' (2085,17): run-time error CSS1039: Token not allowed after unary operator: '-mf-primary' (2089,17): run-time error CSS1039: Token not allowed after unary operator: '-mf-gray-dark' (2098,25): run-time error CSS1039: Token not allowed after unary operator: '-mf-default-radius' (2099,17): run-time error CSS1039: Token not allowed after unary operator: '-mf-white' (2109,28): run-time error CSS1039: Token not allowed after unary operator: '-mf-primary' (2115,32): run-time error CSS1039: Token not allowed after unary operator: '-mf-blue-light' (2116,21): run-time error CSS1039: Token not allowed after unary operator: '-mf-primary' (2176,17): run-time error CSS1039: Token not allowed after unary operator: '-mf-gray' (2196,17): run-time error CSS1039: Token not allowed after unary operator: '-mf-primary' (2226,22): run-time error CSS1039: Token not allowed after unary operator: '-mf-primary' (2289,54): run-time error CSS1039: Token not allowed after unary operator: '-mf-white' (2289,74): run-time error CSS1039: Token not allowed after unary operator: '-mf-white' (2358,26): run-time error CSS1039: Token not allowed after unary operator: '-mf-white' (2417,21): run-time error CSS1039: Token not allowed after unary operator: '-mf-huge-text' (2418,23): run-time error CSS1039: Token not allowed after unary operator: '-mf-text-semiBold' (2419,17): run-time error CSS1039: Token not allowed after unary operator: '-mf-secondary' (2423,21): run-time error CSS1039: Token not allowed after unary operator: '-mf-lg-text' (2424,23): run-time error CSS1039: Token not allowed after unary operator: '-mf-text-regular' (2425,17): run-time error CSS1039: Token not allowed after unary operator: '-mf-primary' (2443,23): run-time error CSS1039: Token not allowed after unary operator: '-mf-text-semiBold' (2444,21): run-time error CSS1039: Token not allowed after unary operator: '-mf-Base-text' (2446,25): run-time error CSS1039: Token not allowed after unary operator: '-mf-default-radius' (2453,17): run-time error CSS1039: Token not allowed after unary operator: '-mf-white' (2454,22): run-time error CSS1039: Token not allowed after unary operator: '-mf-primary' (2455,28): run-time error CSS1039: Token not allowed after unary operator: '-mf-primary' (2458,21): run-time error CSS1039: Token not allowed after unary operator: '-mf-primary' (2459,26): run-time error CSS1039: Token not allowed after unary operator: '-mf-primary-light' (2460,32): run-time error CSS1039: Token not allowed after unary operator: '-mf-primary' (2463,22): run-time error CSS1039: Token not allowed after unary operator: '-mf-white' (2464,17): run-time error CSS1039: Token not allowed after unary operator: '-mf-secondary' (2465,28): run-time error CSS1039: Token not allowed after unary operator: '-mf-secondary' (2468,21): run-time error CSS1039: Token not allowed after unary operator: '-mf-white' (2469,26): run-time error CSS1039: Token not allowed after unary operator: '-mf-gray' (2480,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2481,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2482,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2483,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2484,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2485,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2486,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2487,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2488,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2489,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2490,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2491,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2492,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2493,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2494,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2495,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2496,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2497,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2498,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2500,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2501,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2502,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2503,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2504,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2505,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2506,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2507,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2508,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2509,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2510,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2511,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2512,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2514,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2515,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2516,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2518,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2519,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2520,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2522,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2523,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2524,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2525,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2526,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2527,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2528,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2529,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2530,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2538,48): run-time error CSS1039: Token not allowed after unary operator: '-mf-white' (2538,68): run-time error CSS1039: Token not allowed after unary operator: '-mf-white' (2596,54): run-time error CSS1039: Token not allowed after unary operator: '-mf-white' (2596,74): run-time error CSS1039: Token not allowed after unary operator: '-mf-white' (2657,26): run-time error CSS1039: Token not allowed after unary operator: '-mf-white' */ :root { --mf-brand-color: #00ABFF; --mf-darker-shade: #006D9B; --mf-gray-bg: #F5F6FA; --mf-primary-color: #003A64; --mf-secondary-color: #394955; --mf-teriary-color: #9CADBC; --mf-white: #fff; --mf-gray-border: #ECEFF2; --mf-blue-border: #d3e9f6; --mf-radius: 8px; --mf-red: #CD5C6F; --mf-yellow: #E89B26; --mf-mid-green: #03C1AC; --mf-mid-green-shade: #009A89; --mf-mid-purple: #793A5F; --mf-dark-blue: #004D79; --mf-dark-purple: #4C57B7; --mf-dark-green: #007E6E; --mf-link: #2283c5; --mf-blue-bg: #E6F4F1; --mf-blue-gray-bg: #EBF0FE; } /*------------Dropdowns----------*/ .mf-nav-dropdown { align-items: center; } .mf-circle-img-frame { } .mf-dropdown-item, div.dropdown-menu ul li, select option, select.form-control option, /*div.dt-button-collection a.dt-button.active:not(.disabled)*/ { font-size: 14px; padding: 0.25rem 0.5rem; line-height: 1.5rem; margin: 0.25rem 0; } div.dt-button-collection a.dt-button.active:not(.disabled) { color: var(--mf-secondary-color); text-decoration: none; box-shadow: none; font-weight: normal; } .dropdown.bootstrap-select .dropdown-menu.inner li { padding: unset; } .mf-dropdown-item, div.dropdown-menu ul li a { color: var(--mf-secondary-color); } div.dropdown-menu ul li:hover a { color: var(--mf-link); } .media-left { margin-inline-end: 0.75rem; } ul, ol { margin-left: 0px; margin-right: 0px; margin-bottom: 0px; } .dropdown-navbar > li:hover { background-color: white; } .mf-dropdown-item a { text-decoration-line: none; color: var(--mf-secondary-color); } .dropdown-navbar > li > a { border-top: none; } .mf-notification-date { color: #888484; font-size: 12px; } .mf-counter-badge { position: absolute; bottom: 8px; left: 13px; } .mf-rounded-badge { border-radius: 45%; } .badge { text-shadow: none; font-size: 10px; padding: 0px 2px; font-weight: normal; line-height: 12px; } .profile-picture .btn-delete.mf-btn.btn-xs { font-size: 14px; line-height: 18px; padding: 2px 6px; } .mf-approval .mf-text-success, .mf-green-check, .mf-text-success { color: var(--mf-dark-green); } .mf-approval { position: absolute; right: 0; } .mf-approval a { transition: 0.3s; font-size: 0.875rem; margin-bottom: 1rem; line-height: 1.5rem; } .mf-approval .mf-text-success:hover { color: #025529; } .mf-approval a { text-decoration-line: none; text-decoration-color: none; } /* ---------------ACTIONS-------------------------- */ .mf-actions-section { display: flex; justify-content: space-between; } .mf-action-img { height: 32px; } .mf-invoice-card { border-bottom: 4px solid var(--mf-red); } .mf-quick-invoice-card { border-bottom: 4px solid var(--mf-yellow); } .mf-payment-link-card { border-bottom: 4px solid var(--mf-dark-blue); } .mf-batch-invoice-card { border-bottom: 4px solid var(--mf-brand-color); } .mf-action { width: 23%; display: flex; flex-direction: column; align-items: center; padding: 1.25rem 0rem; } .mf-action-title { font-weight: 600; font-size: 1.125rem; color: var(--mf-primary-color); margin-top: 0.75rem; margin-bottom: 2rem; } .mf-action-btn { border: 2px solid #E9EDF0; border-radius: 20px; padding: 0.375rem 1rem; text-align: center; font-weight: 600; font-size: 0.875rem; } .mf-action-btns-container { display: flex; flex-direction: row; } .mf-create { color: var(--mf-mid-green); margin-inline-end: 1rem; transition: 0.3s; border: 2px solid var(--mf-mid-green); } .mf-view { color: var(--mf-mid-purple); border: 2px solid var(--mf-mid-purple); transition: 0.3s; } .mf-create:hover { color: var(--mf-white); background-color: var(--mf-mid-green); } .mf-view:hover { color: var(--mf-white); background-color: var(--mf-mid-purple); } /* -------------------TOTAL CARDS-------------------------- */ .mf-transactions-section { justify-content: space-between; } .mf-total-cards { width: 32.3%; } .mf-total-card { display: flex; flex-direction: column; justify-content: space-between; border: 1px solid #E9EDF0; } .mf-total-title { color: var(--mf-secondary-color); font-size: 16px; padding-inline-end: 0.75rem; } .mf-total-number-digit { font-size: 18px; font-weight: 600; margin-top: 0.5rem; } .mf-dark-purple { color: var(--mf-dark-purple); } .mf-total-main-data { margin-bottom: 1rem; padding: 1.25rem; } .mf-count-current-month, .mf-value-current-month { padding: 1.25rem; border-radius: 0 0 var(--mf-radius) var(--mf-radius); } .mf-count-current-month { background-color: #ECECFE; } .mf-value-current-month { background-color: #DEF8EC; } .mf-money-icon { width: 2.375rem; height: 2.125rem; } .mf-number-current-month { background-color: #eaebfc; padding: 0.5rem 1rem; border-radius: 0 0 10px 10px; } .mf-total-sub-digit { font-size: 16px; font-weight: 600; } .end-space { padding-inline-end: 0.5rem; } .mf-dark-green { color: var(--mf-dark-green); } .mf-mid-green { color: var(--mf-mid-green); } .mf-md-margin-bottom { margin-bottom: 1.5rem; } /* ---------------Payment Method Table-------------------------- */ .mf-table { border: 1px solid #E9EDF0; } .mf-payment-method-table { background-color: white; width: 65.3%; } table { border-collapse: collapse; width: 100%; margin-bottom: 0; } .mf-table-title th, .mf-table-row td { color: var(--mf-primary-color); font-weight: 600; } .mf-table-row td:first-child { font-weight: 600; } .mf-table-title th { padding: 1.25rem 1.5rem; font-size: 1.125rem; } .mf-table-row td { padding: 1rem 1.5rem; font-size: 1rem; } .mf-transaction-icon { height: 1.75rem; float: right; } .mf-table-header { background-color: #E6F4F1; } .mf-table-header th { color: var(--mf-primary-color); font-size: 14px; text-align: start; font-weight: 400; padding: 1.25rem 1.5rem; } .mf-table-row td.mf-payment-method { display: flex; align-items: center; font-size: 0.875rem; } .mf-pyment-method-logo { width: 2.5rem; max-height: 2rem; border: 3px solid #EBEBED; border-radius: 5px; margin-inline-end: 1rem; } .mf-light { font-weight: 400 !important; } .mf-table-row th, .mf-table-row td { text-align: left; border-bottom: 2px solid var(--mf-gray-bg); } .mf-table-row th { background-color: #E6F4F1; } .mf-expand-text { text-align: center; color: #3488B8; padding: 1.7rem; font-size: 14px; font-weight: 600; cursor: pointer; transition: 0.3s; line-height: 1rem; } .mf-expand-text:hover { font-size: 15px; } .crop { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 9.375rem; } ​ /* -------------------CUSTOMERS & SALES ---------- */ .mf-customers-sales-section { display: flex; } .mf-cutomers, .mf-sales { width: 48.85%; } .mf-cutomers .mf-card { padding-bottom: 3rem; } .mf-cutomers-table:last-child { border-bottom: none; } .mf-colored-circle { border-radius: 50%; color: #E6F4F1; text-align: center; font-size: 12px; font-weight: 600; padding: 6px; width: 1.875rem; } /* // XX-Large devices (Extra larger desktops, 2000px and up) */ @media (min-width: 2000px) { .mf-header-container { padding-inline-end: 3rem; padding-inline-start: 3rem; } .mf-login-logo, .mf-logo { width: 144PX; height: 62PX; } .mf-section-vetical-boundry { margin-top: 2rem; } .mf-side-bar-container { width: 22rem; } .mf-balance-container { padding: 1rem 1.25rem; } .mf-decimal-currency { font-weight: 400; font-size: 18px; } .mf-side-menu-item.mf-active::before { height: 60px; left: -2.8rem; border-right: 11px solid #3488b8; } .mf-side-menu-item { min-width: 20.1rem; } .mf-action { padding: 1.5rem 2rem; } .mf-action-img { height: 2.5rem; } .mf-action-title { margin-bottom: 3rem; } .mf-page-title { font-size: 2.5rem; } .mf-balance-numbers { font-size: 2rem; } .mf-balance-text-sm, .mf-currency, .mf-counter { font-size: 1.125rem; } .mf-balance-numbers-large { font-size: 28px; } .dropdown-menu { padding: 1rem; } .mf-dropdown-item { padding: 0.5rem 0; } .mf-counter { padding: 5px 7px; } .mf-action, .mf-side-menu-item { line-height: 2rem; } .mf-action-btn { border-radius: 42px; width: 7.225rem; } .mf-action-title, .mf-total-number-digit, .mf-table-title th { font-size: 1.5rem; } .mf-table-title, .mf-table-row td, .mf-expand-text, .mf-nav-text, .mf-total-title, .mf-side-menu-item, .mf-action-btn, .mf-total-sub-digit { font-size: 1.25rem; } .mf-dropdown-item, .mf-notification-footer, .mf-notification-title { font-size: 1rem; } .mf-page-subtitle, .mf-approval a, .mf-table-header th, .mf-table-row th { font-size: 1.125rem; } .mf-side-menu-item:hover, .mf-expand-text:hover { font-size: 21px; } .dropdown-menu.mf-notification { width: 16rem; } .mf-notification-footer { padding: 1rem; } } /* // Large devices (desktops, less than 1400px to 1200) */ @media (min-width: 1199.98px) and (max-width: 1399.98px) { .mf-table-title th, .mf-table-row td, .mf-table-header th, .mf-table-row td { padding: 1.25rem 0.5rem 1.25rem 1rem; } .mf-total-title { padding-inline-end: 0rem; } .mf-count-current-month, .mf-value-current-month, .mf-total-main-data { padding: 1.25rem 1rem; } .mf-total-cards { width: 34.3%; } .mf-payment-method-table { width: 63.3%; } .mf-money-icon { width: 2rem; height: 1.9rem; } } /* // Large devices (desktops, Padding vertically in desktop and tablests) */ @media (max-width: 1199.98px) { .mf-side-bar-arrow { padding-inline-end: 1rem; } .mf-action { padding: 0.875rem 0rem; } .mf-action-btn { padding: 0.25rem 0; } .mf-count-current-month, .mf-value-current-month, .mf-total-main-data { padding: 0.875rem; } .mf-top-colored-table { padding: 0.5rem 0.5rem 0; } .mf-table-title th, .mf-table-row td, .mf-table-header th, .mf-table-row td { padding: 0.875rem 0.75rem 0.875rem 0.75rem; } } /* // Large devices (desktops, less than 1200px) */ @media (max-width: 1199.98px) { .mf-section-vetical-boundry { margin-top: 1rem; } .mf-side-bar-container { width: 15rem; } .mf-divider { margin: 1.25rem 0; } .mf-side-menu-item { min-width: 14.5rem; } .mf-side-menu-item.mf-active::before { left: -1.3rem; height: 42px; } .mf-side-menu-icon, .mf-side-menu-title { margin-inline-end: 0.75rem; } .mf-actions-section { flex-wrap: wrap; } .mf-create { margin-inline-end: 0.5rem; } .mf-action-btn { width: 4.25rem; } .mf-action-img { height: 28px; } .mf-total-cards { display: flex; flex-direction: row; justify-content: space-between; width: 100%; } .mf-total-card { width: 48.85%; } .mf-md-margin-bottom { margin-bottom: 0; } .mf-money-icon { width: 2rem; height: 1.8rem; } .mf-transactions-section.mf-row-layout { flex-direction: column; } .mf-payment-method-table { width: unset; } .mf-colored-circle { font-size: 10px; width: 1.75rem; } .mf-transaction-icon { height: 1.5rem; } .mf-page-title { font-size: 28px; } .mf-balance-text-sm { font-size: 14px; } .mf-balance-numbers-large { font-size: 20px; } .mf-action-title, .mf-total-number-digit, .mf-table-title th, th { font-size: 1rem; } .mf-table-title, .mf-table-row td, .mf-decimal-currency, .mf-nav-text, .mf-total-title, .mf-side-menu-item, .mf-total-sub-digit { font-size: 0.875rem; } .mf-dropdown-item, .mf-notification-footer, .mf-notification-title { font-size: 0.875rem; } .mf-expand-text, .mf-action-btn, .mf-approval a, .mf-table-header th, .mf-table-row th { font-size: 0.75rem; } } @media (min-width: 767.98px) and (max-width: 991.98px) { /*tablets only*/ .mf-bottom-action-green, .mf-bottom-action-purple { margin-bottom: 0 !important; } } /* Medium devices (tablets, less than 992px) */ @media (max-width: 991.98px) { .mf-main-content { width: 100%; margin-inline-end: 0; margin-inline-start: 0; } .mf-main-content-inner { margin: 4rem 1rem 0; } .mf-nav-text.mf-inner-nav, .mf-counter, .mf-arrow, .mf-nav-text { display: none; } .mf-nav-text.mf-login-lang { display: block; } .mf-nav-container { width: 15rem; justify-content: space-between; } .mf-active { border-radius: var(--mf-radius); } .mf-action-btn { width: 3.875rem; } .mf-create { margin-inline-end: 0.875rem; } .mf-action-title { margin-bottom: 1.5rem; } .mf-action-title, .mf-total-number-digit, .mf-table-title th, th { font-size: 0.875rem; } } /* // Small devices (landscape phones, less than 768px) */ @media (max-width: 767.98px) { .mf-customers-sales-section { flex-direction: column; } .mf-cutomers, .mf-sales { width: 100%; } .mf-top-colored-table { padding: 0.5rem 1rem 0; } .mf-logo { display: none; } .mf-letter-logo { display: block; width: 33px; height: 46px; } .mf-create { margin-inline-end: 1rem; } .mf-no-horizontal-padding { padding-right: 0; padding-left: 0; } } @media (min-width: 451px) and (max-width: 688.98px) { .mf-action-btns-container { flex-direction: column; } .mf-create { margin-inline-end: 0rem; margin-bottom: 1rem; } .mf-main-content-inner { margin: 4rem 1rem 0; } } /* // X-Small devices (portrait phones, less than 576px) */ @media (max-width: 575.98px) { .mf-main-content-inner { margin: 4.5rem 0.5rem 0; } .mf-letter-logo { width: 33px; height: 46px; } .mf-header-container { padding-inline-end: 0.5rem; padding-inline-start: 0.5rem; } .mf-top-bar-container { align-items: flex-end; } .mf-nav-container { width: 12rem; } .mf-circle-img-frame { padding: 1px; } .mf-page-title { font-size: 24px; } .mf-heading-section { display: block; } .mf-approval { text-align: end; } .mf-total-cards, .mf-total-card { width: 100%; } .mf-total-cards { display: block; } .mf-top-colored-table { padding: 0; } .mf-side-menu-item { min-width: 13.2rem; } .mf-side-menu-item.mf-active::before { height: 41px; } .mf-side-bar-arrow { padding-inline-end: 0; } .mf-sub-menu-anchor { padding-inline-start: 2rem; } .mf-page-subtitle, .mf-approval a, .mf-side-menu-item { font-size: 14px; } .mf-action, .mf-side-menu-item { line-height: 1rem; } .mf-table-row th, .mf-table-row td, .mf-expand-text, .mf-dropdown-item, .mf-notification-footer, .mf-notification-title { font-size: 12px; } .mf-pyment-method-logo { display: none; } .mf-payment-method { display: table-cell; } .mf-table-title { padding-inline-start: 0.5rem; } .mf-top-colored-table { } .mf-total-number-digit, .mf-balance-numbers { font-size: 20px; } .mf-side-bar-container-opened { width: 230px; } .mf-decimal-currency { font-size: 0.75rem; } } @media (max-width: 450.98px) { .mf-action { width: 48%; } .mf-table-title th, .mf-table-header th, .mf-table-row td, .mf-count-current-month, .mf-value-current-month, .mf-total-main-data { padding: 0.875rem 0.25rem 0.875rem 0.25rem; } .mf-decimal-currency { font-size: 0.5rem; } } /*------------------ MODAL-SESSION-EXPIRE -----------*/ @media screen and (max-width: 767px) { div .dataTables_wrapper div.dataTables_filter { text-align: right; } div.dataTables_wrapper div.dataTables_length { text-align: left; } } @media screen and (max-width: 640px) { div.dt-buttons { float: left !important; } } @media screen and (max-width: 575.98px) { div.dataTables_wrapper div.dataTables_length { margin-bottom: 1rem; } div.dataTables_wrapper div.dataTables_filter { text-align: left; } } /*-------------------INTERNAL PAGES--------------------------------------*/ /*-------------------BUTTONS-----------------------*/ .top-space-xs { padding-top: 4px; } .mf-btn.btn-xs { font-size: 12px; line-height: 16px; padding: 6px 10px; } .mf-success-button:hover { background: var(--mf-mid-green-shade); border-color: var(--mf-mid-green-shade); } .bootstrap-select > .btn-default:hover, .bootstrap-select > .btn-default:active .bootstrap-select.open > .btn:focus, .bootstrap-select.open > .btn-default, .bootstrap-select.open > .btn-default:focus, .bootstrap-select.open > .btn-default:hover, .bootstrap-select.open > .btn-default:active, .bootstrap-select.open > .dropdown-toggle.btn-default:focus, .bootstrap-select.open > .dropdown-toggle.btn-default:hover, .bootstrap-select.open > .dropdown-toggle.btn-default:active, .bootstrap-select.open > .btn.dropdown-toggle, .bootstrap-select.open > .btn-default.dropdown-toggle { background-color: #f5f6fa !important; } .btn.btn-default, .btn.btn-default.btn-xs.details, .btn.btn-danger, #btn-print, .btn.btn-primary.btn-xs.edit, .mf-btn-rounded, .btn.btn-danger.btn-xs, .btn.btn-danger.btn-xs.cancel, .btn.btn-success.btn-xs.process, td .btn.btn-success.btn-xs, .btn.btn-success { border-radius: 20px !important; padding: 0.375rem 1rem; text-align: center; font-weight: 600; font-size: 0.875rem; transition: none !important; transition: 0.3s !important; } .mf-btn.btn-success, .btn.btn-success, .btn.btn-success.btn-xs.process, .mf-success-button, td .btn.btn-success.btn-xs, .modal-footer .btn-success { background-color: var(--mf-mid-green); border: 2px solid var(--mf-mid-green); color: var(--mf-white); } .modal-footer .btn:only-child { margin: auto; } .modal-message.modal-success .modal-header { color: var(--mf-mid-green); border-bottom: 3px solid var(--mf-mid-green); } #btn-submit, #btn-refresh, .mf-pay-now-btn { padding-right: 2rem; padding-left: 2rem; font-size: 16px; } .back-action-separator { margin-inline-end: 24px; padding: 4px 24px; border-right: 2px solid var(--mf-brand-color); } a.back-action-separator:only-child { border-right: 0; margin-inline-end: 0; } .mf-btn.btn-xs.mf-success-button.pull-right { margin-inline-start: 8px; } .btn-xs { font-size: 0.875rem; font-weight: 500; } .dtr-data .btn { border-radius: var(--mf-radius); transition: 0.3s; } a.btn-success + a.btn-danger { margin-inline-start: 1rem; } @media (max-width: 575.98px) { #btn-submit { padding-right: 1.5rem; padding-left: 1.5rem; } .back-action-separator { padding: 4px 16px; margin-inline-end: 1rem; } .form-actions { padding: 19px 0px 20px; } } /*------------------ DROPDOWN-----------------------------*/ .download-close { display: none; } .download-open { display: block; } /*------------------ INPUTS-----------------------------*/ input[type="text"], input, input.form-control, div.form-control button.dropdown-toggle, .form-group textarea, div.input-group select.form-control { } input.form-control:focus, div.form-control button.dropdown-toggle:focus, .form-group textarea:focus, .form-control:focus, input.form-control:hover, div.form-control button.dropdown-toggle:hover, .form-group textarea:hover { border: 1px solid var(--mf-brand-color); outline: var(--mf-brand-color); background-color: var(--mf-gray-bg); } input[readonly]:hover, .form-control:disabled:hover { border: 1px solid var(--mf-blue-border) !important; outline: var(--mf-blue-border) !important; } .filter-option-inner { display: flex; justify-content: space-between; align-items: baseline; } .filter-option-inner .fa-angle-down { padding-inline-start: 1rem; } input[readonly], .form-control:disabled { color: #939192; background: #f5f6fa !important; cursor: default; } input.txt-box-ar { text-align: end !important; padding-inline-end: 8px !important; } .right-border-rounded { border-top-right-radius: 8px !important; border-bottom-right-radius: 8px !important; } .form-group.mf-align-start { align-items: start; } .mf-align-baseline { display: flex; align-items: baseline; } .btn-group > .btn:first-child { line-height: 21px; } div.mf-expiryDate-marker div.bootstrap-select { margin-bottom: 5px !important; } .mf-no-padding { padding: 0 !important; } .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-left: 0; } /*------------------Upload INPUT-----------------------------*/ .ace-file-input .ace-file-container { display: block; position: absolute; top: 0; left: 0; right: 0; height: 40px; background-color: #ffffff; border-radius: 8px; border: 1px solid var(--mf-blue-border) !important; cursor: pointer; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all 0.15s; -o-transition: all 0.15s; transition: all 0.15s; cursor: pointer; } .ace-file-input .ace-file-container:hover { border: 1px solid var(--mf-darker-shade) !important; } .ace-file-input { height: 40px; } .ace-file-input .ace-file-container .ace-icon { color: var(--mf-link); background-color: transparent; border-radius: var(--mf-radius); padding-top: 4px; } .ace-file-input .ace-file-container .ace-file-name { color: var(--mf-secondary-color); padding-top: 4px; } /*------------------ INTERNAL PAGES ALIGNMENTS---------------------*/ /*------------INVOICES REPORT----------*/ .mf-heading-section + .row { margin-top: 2.5rem; } .row.datatable-buttons { margin-bottom: 1rem !important; margin-top: 0.5rem; } .divider { margin: 1.5rem; } .col-12.vertical-space-md { margin-top: 0.5rem; margin-bottom: 2rem; } .dataTables_wrapper .row, .dataTables_wrapper .row:first-child, .dataTables_wrapper .row:last-child { background-color: transparent; margin-bottom: 0.5rem; } .table.table-bordered > thead > tr > th { vertical-align: middle; cursor: auto; background: #f9fafb; text-align: inherit; color: rgba(0,0,0,.87); padding: 0.92857143em 0.78571429em; vertical-align: inherit; font-weight: 700; text-transform: none; border-bottom: 1px solid rgba(34,36,38,.1); } .ExpireDateDiv_0 { display: flex; } /* -------------------AVATAR------------------ */ .profile-picture { border: 4px solid var(--mf-blue-border); border-radius: var(--mf-radius); background-color: #FFF; padding: 4px; display: inline-block; max-width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /*box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);*/ box-shadow: 1px 1px 10px 0 rgb(219, 219,219, 0.5); position: relative; } .img-responsive { border-radius: var(--mf-radius); } /*----------------------PAGINATION-----------*/ .pagination { display: inline-block; padding-left: 0; margin: 20px 0; padding: 8px 0; } .pagination > li { display: inline; color: #2283c5; background-color: #fafafa; margin: 0 -1px 0 0; position: relative; z-index: auto; font-size: 14px; margin: 0.25rem; } .pagination > li > a { padding: 6px 8px; border: 1px solid #d4dfe3; text-decoration-line: none; border-radius: 8px; } .pagination > li.active > a, .pagination > li.active > a:hover, .pagination > .active > a:focus { color: #ffffff; background-color: var(--mf-darker-shade); border-color: var(--mf-darker-shade); } .dataTables_wrapper .row .dataTables_info { color: var(--mf-teriary-color); font-weight: 500; } @media (max-width: 575.98px) { .pagination { display: flex; flex-wrap: wrap; } .pagination > li { margin: 0.5rem 0.25rem; } .mf-btn.btn-xs.mf-success-button.pull-right { margin-bottom: 8px; } } @media (max-width: 475.98px) { .col-12.vertical-space-md.multi-export-buttons { margin-bottom: 5rem; } } @media (max-width: 324.98px) { .col-12.vertical-space-md.multi-export-buttons { margin-bottom: 8rem; } } /*----------------------DEFAULT PANEL- more options ----------*/ .panel-default > .panel-heading { background-color: var(--mf-blue-gray-bg); color: var(--mf-darker-shade); padding: 10px 15px; border-color: var(--mf-gray-border); border-radius: 4px; border-bottom: 2px solid var(--mf-gray-border); } h4.panel-title { font-size: 16px; font-weight: 500; margin: 0; } h4.panel-title a { color: inherit; } /*---------------------- COLOR THYME----------*/ .form-control.colorTheme { min-width: 4rem; } .edit.up { margin-inline-end: 0.5rem; } /*---------------------- TIME-PICKER----------*/ .timepicker-picker .fa.fa-angle-down, .timepicker-picker .fa.fa-angle-up { font-weight: 700; font-size: larger; } .mf-download-icon { width: 1rem; } /*---------------------- create invoice----------*/ .mf-top-12 { top: 12px !important; } .radio-inline.mf-padding-end-12 { padding-inline-end: 12px; } .mf-padding-zero { padding: 0; } .bootstrap-select .dropdown-toggle:focus { outline: none !important; outline-offset: unset !important; } .btn-show { color: unset; } .btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show { color: unset; background-color: none; border-color: none; } .panel-heading .alert-danger { background-color: transparent; padding: 0px !important; } /*body { letter-spacing: 0; }*/ /*.mf-active::before { left: unset !important; right: -1.7rem; border-left: 7px solid #3488b8; } .mf-sub-menu::before { right: 14px; left: unset !important; } .mf-table-row th, .mf-table-row td { text-align: right !important; } .mf-value-current-month { display: flex; flex-direction: row-reverse; justify-content: flex-end; } .mf-approval { position: absolute; left: 0; right: unset; top: 21px; } .mf-transaction-icon { float: left; } .countryPhoneCode + .bootstrap-select.btn-group > button.dropdown-toggle { border-top-right-radius: 8px; border-bottom-right-radius: 8px; border-top-left-radius: 0; border-bottom-left-radius: 0; } #InvoiceValue, .right-border-rounded { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; border-top-left-radius: 8px; border-bottom-left-radius: 8px; } .pull-right { float: left; } .back-action-separator { border-left: 2px solid var(--mf-brand-color); border-right: 0; } .mf-side-menu-item.mf-active { border-radius: var(--mf-radius); }*/ /*----------------------DATATABLE----------*/ /*.ui.table > tbody > tr > td, .ui.table > tr > td, .ui.celled.table > thead > tr > th { text-align: start; } .ui.celled.table > tbody > tr > td:first-child, .ui.celled.table > tbody > tr > th:first-child, .ui.celled.table > tfoot > tr > td:first-child, .ui.celled.table > tfoot > tr > th:first-child, .ui.celled.table > thead > tr > th:first-child, .ui.celled.table > tr > td:first-child, .ui.celled.table > tr > th:first-child { border-left: 1px solid rgba(34,36,38,.1); } div.dt-buttons { float: right; } div.dataTables_wrapper div.dataTables_filter { text-align: left; } @media (max-width: 575.98px) { div.dataTables_wrapper div.dataTables_filter { text-align: right; } } @media screen and (max-width: 767px) { div.dataTables_wrapper div.dataTables_length { text-align: right; } } @media (max-width: 991.98px) { #openbtn { margin: 1rem 0 1rem 1rem; border-radius: 10px 0 0 10px; top: 0; left: unset; } .mf-side-bar-btn-arrow { transform: scaleX(-1); } } @media (min-width: 1200px) { .mf-active::before { right: -2rem; } } @media (max-width: 1199.98px) { .mf-side-menu-title { margin-inline-end: 0rem; } }*/ /*--------------------------------------------LOGIN-----------*/ /*.mf-login-layout { background: linear-gradient( to left, #E9EDF0 0%, #E9EDF0 50%, var(--mf-brand-color) 50%, var(--mf-brand-color) 100% ); } .mf-login-container { background: linear-gradient( to left, var(--mf-white) 0%, var(--mf-white) 50%, #E6F4F1 50%, #E6F4F1 100% ); } .mf-login-ad-img { transform: scaleX(-1); } .mf-download-btns, .mf-ad-subtitle { right: 186px; } .mf-header-container.mf-login { direction: initial; } .mf-sh-group i { right: unset; left: 0; } .mf-sh-form-title, .mf-sh-form-sub-title, .mf-sh-label { letter-spacing: 0; }*/ /* --------LOGIN RESPONSIVE------*/ /*@media (min-width: 1200px) { .mf-login-ad-img { width: 38rem; left: -113px; } } @media (min-width: 992px) and (max-width: 1199.98px) { .mf-login-container { min-width: 57rem; } .mf-login-ad-img { width: 31.5rem; top: 82px; left: 0; right: -33px; } .mf-ad-subtitle { right: 215px; } .mf-download-btns { right: 215px; bottom: 200px; } } @media (max-width: 991.98px) { .mf-login-layout { background: linear-gradient( to bottom, var(--mf-white) 0%, var(--mf-white) 50%, #E6F4F1 50%, #E6F4F1 100% ); align-items: self-start; position: relative; display: block; padding: 2rem; min-width: unset; } .mf-login-container { background: transparent; border-radius: 0; padding: 0; box-shadow: none; min-height: unset; min-width: unset; } .mf-login-content-size { justify-content: center; } .mf-login-content-size .col-sm-6 { width: 80%; } .mf-ad-container { width: 36rem; margin-top: 1rem; } .mf-ad-title { margin-bottom: 1rem; margin-top: 1rem; } .mf-ad-subtitle { right: 290px; padding-top: 1.25rem; } .mf-download-btns { bottom: 291px; right: 290px; } .mf-login-ad-img { width: 37rem; position: unset; } .login-layout .main-content { justify-content: center; } } @media (max-width: 767.98px) { .mf-ad-container { display: none; } .mf-login-layout { background: var(--mf-white); } .mf-login-content-size .col-sm-6 { width: 100%; } } @media (max-width: 575.98px) { .mf-login-logo { width: 80px; height: 34px; } .mf-login-layout { padding: 1rem 0.5rem; } .login-layout .main-content { padding-right: 0px; padding-left: 0px; } .mf-login-content-size .col-sm-6 { padding-right: 0; padding-left: 0; } .login-layout .login-box .widget-main { padding: 0; } .mf-sh-form-title { font-size: 18px; } .mf-sh-label { font-size: 16px; } .mf-sh-form-sub-title { font-size: 14px; line-height: 24px; } }*/ :root { --mf-primary: #0018FF; --mf-primary-light: #DCEBFF; --mf-secondary: #000; --mf-primary-rgb-15: rgba(76, 180, 231, 0.15); --mf-yellow: #EFC000; --mf-yellow-light: #FCF1B5; --mf-orange: #F48331; /*orange*/ --mf-orange-light: #FFE1CC; --mf-gray: #8C8C8C; --mf-gray-20: rgba(91, 107, 121, 0.2); /*border*/ --mf-gray-30: rgba(91, 107, 121, 0.3); /*DISABLED*/ --mf-gray-40: rgba(91, 107, 121, 0.4); /*separator*/ --mf-gray-dark: #0D0D0D; --mf-gray-light: #F5F5F5; --mf-gray-lighter: #FAFAFA; --mf-white: #fff; --mf-blue: #00ABFF; --mf-blue-dark: #2B67B8; --mf-blue-light: #CFF0FF; /* --mf-blue-lighter: #E6F4F1;*/ --mf-blue-light-20: #CFF0FF33; --mf-green: #8BC627; --mf-green-light: #CCEEDD; --mf-green-light-30: rgba(204, 238, 221, 0.3); --mf-green-dark: #00AB55; --mf-green-dark-20: rgba(0, 171, 85, 0.2); --mf-orange-70: rgba(244, 131, 49, 0.7); --mf-orange-20: rgba(244, 131, 49, 0.2); --mf-orange-light: #FFE1CC; --mf-red: #CF3341; --mf-red-light: #FDE8E3; --mf-red-20: rgba(207, 51, 65, 0.2); --mf-black: #000000; /*--------------------------------*/ --mf-default-radius: 14px; --mf-radius-md: 4px; --mf-radius-sm: 3px; /*--------------------------------*/ --mf-shadow-bottom: 1px 1px 10px 0 rgb(219, 219,219, 0.5); --mf-menu-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); --mfi-card-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.05); /*--------------------------------*/ --mf-sm-text: 12px; --mf-base-text: 14px; --mf-lg-text: 16px; --mf-xl-text: 18px; --mf-xxl-text: 24px; --mf-huge-text: 32px; --mf-text-regular: 400; --mf-text-semiBold: 600; --mf-text-Bold: 700; --mf-text-extra-Bold: 800; } /* -------------------LOGIN PAGE---------- */ html { position: relative; } body { font-family: "Anek Gujarati", sans-serif !important; font-optical-sizing: auto; font-style: normal; } .mfl-card { border-radius: var(--mf-default-radius); padding: 24px; margin-bottom: 24px; box-shadow: var(--card-shadow-lg); background-color: #fff; min-width: 50%; /*width: 100%;*/ } .mf-login-logo { width: 165.25px; height: 32px; margin: 0px 4px; } .mf-header-container.mf-login { border: none; display: flex; align-items: center; } .mf-login-lang { position: relative; } .mf-login-lang a { /* color: var(--mf-primary);*/ position: absolute; right: -30px; bottom: 40px; display: flex; align-items: center; } .mf-login-lang-btn { font-weight: var(--mf-text-semiBold); font-size: var(--mf-Base-text); line-height: 17.88px; border-radius: var(--mf-default-radius); transition: 0.3s; background: var(--mf-white); color: var(--mf-black); border: 2px solid var(--mf-gray-20); height: 40px; padding: 8px 16px; } .mf-login-lang-btn:hover { color: var(--mf-white); background: var(--mf-gray); border: 2px solid var(--mf-gray); } .mf-login-lang-btn:hover span:before { color: var(--mf-white); } .mf-login-lang-btn span:before { margin-inline-start: 8px; transition: 0.3s; } .mf-block-margin { margin-top: 32px; } .login-layout .login-box .widget-main { padding: 0 1rem; } .mf-login-content-size { width: 95%; margin-top: 1rem; } .mf-space-between { display: flex; justify-content: space-between; } .mf-align-center { display: flex; align-items: center; } .mf-inner-question { margin: 0.75rem 0; } .mf-login-layout { background: linear-gradient( to right, #E9EDF0 0%, #E9EDF0 50%, #2B67B8 50%, #2B67B8 100% ); display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 2rem 0px; min-height: 100%; min-width: 1024px; width: 100%; height: auto; overflow-y: scroll; overflow-x: hidden; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; } .mf-error-layout { display: flex; align-items: center; justify-content: center; height: 100vh; background: url(../../../imgs/invoice/Pattern.svg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .mf-shadow-container { background-color: #ffffff; padding: 24px 0 16px; border-radius: 14px; box-shadow: 0px 8px 32px 0px #66666629; margin: auto; min-width: 700px; } .mf-login-container { background: linear-gradient( to right, var(--mf-white) 0%, var(--mf-white) 50%, var(--mf-blue-light) 50%, var(--mf-blue-light) 100% ); border-radius: var(--mf-default-radius); padding: 32px; box-shadow: 1px 1px 10px 0 rgba(144, 144, 144, 0.5); min-height: 38.5rem; min-width: 69rem; } .mf-header-container.mf-login { padding: 0; background-color: transparent; justify-content: space-between; } .login-layout .main-content { margin-left: 0 !important; margin-right: 0 !important; min-height: 100%; display: flex; justify-content: center; } .mf-sh-form-title, .mf-ad-title { font-weight: 400; font-size: 32px; line-height: 32px; /*letter-spacing: 0.04em;*/ color: var(--mf-secondary); text-align: center; } .mf-sh-form-sub-title { font-weight: 400; font-size: 16px; line-height: 27px; letter-spacing: 0.04em; color: var(--mf-secondary-color); display: none; } .mf-sh-group { position: relative; } .mf-sh-label { color: var(--mf-gray-dark); font-size: var(--mf-base-text); font-weight: var(--mf-text-Bold); margin-bottom: 4px; padding-bottom: 0px; } .mf-sh-input, div.dataTables_wrapper div.dataTables_length select { background-color: var(--mf-white) !important; border-radius: var(--mf-radius-md) !important; cursor: pointer; transition-duration: 0.1s; } .mf-sh-input { height: 40px; /* padding: 9.9px !important;*/ } div.dataTables_wrapper div.dataTables_length select { padding: 6.9px !important; width: 45px; } div.dataTables_wrapper div#grid-view-invoice-items_length::after { position: absolute; left: 65px; bottom: 16px; display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .mf-sh-group i { color: var(--mf-teriary-color); position: absolute; cursor: pointer; padding: 13px; right: 0; top: 0; } .mf-sh-input:focus, .form-select:focus, div.dataTables_wrapper div.dataTables_length select { outline: var(--mf-brand-color) !important; } /*input.valid, select.valid, textarea.valid { border: 2px solid var(--mf-mid-green) !important; color: var(--mf-mid-green) !important; -webkit-box-shadow: none; box-shadow: none; }*/ #invalid_datas_length label { display: flex; justify-content: start; align-items: center; } #invalid_datas_length select { width: auto; margin: 0 0.25rem; padding: 3px 3px 3px 7px !important; } input::placeholder { font-size: 16px; line-height: 16.4px; /*color: var(--mf-teriary-color);*/ color: green; } input.input-validation-error { border-color: var(--mf-red) !important; } .mf-mobile-inputs-wrapper input.input-validation-error { border-top: 1px solid var(--mf-red) !important; border-right: 1px solid var(--mf-red) !important; border-bottom: 1px solid var(--mf-red) !important; border-left: 1px solid var(--mf-red) !important; border-radius: var(--mf-radius-md); } /*------------------------------------------------*/ input[type=checkbox].ace /*, input[type=radio].ace*/ { /*opacity: 0;*/ position: absolute; z-index: 1; width: 18px; height: 18px; cursor: pointer; } label input[type=checkbox].ace { z-index: -100 !important; width: 1px !important; height: 1px !important; /*clip: rect(1px, 1px, 1px, 1px);*/ position: absolute; } input[type=checkbox].ace ~ .lbl { position: relative; display: inline-block; /*padding: 8px 24px 8px 0; margin: 8px 16px 8px 0; line-height: 20px; min-height: 18px; min-width: 18px;*/ font-size: var(--mf-base-text); font-weight: var(--mf-text-semiBold); cursor: pointer; } input[type=checkbox].ace ~ .lbl::before /*, input[type=radio].ace ~ .lbl::before*/ { cursor: pointer; font-family: fontAwesome; font-weight: normal; font-size: 12px; color: var(--mf-primary); content: "\a0"; background-color: var(--mf-white); /* box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); */ border-radius: var(--mf-radius-sm); margin: 2px; display: inline-block; text-align: center; height: 20px; line-height: 16px; min-width: 20px; margin-inline-end: 8px; position: relative; top: -1px; border-radius: 4px; border: 2px solid var(--mf-gray) !important; } input[type=checkbox].ace:checked ~ .lbl::before { display: inline-block; content: '\f00c'; background-color: var(--mf-primary-light); border: 2px solid var(--mf-primary-light) !important; } input[type=radio].ace ~ .lbl { position: relative; display: inline-block; /*padding: 8px 12px;*/ margin: 8px; line-height: 20px; min-height: 18px; min-width: 18px; font-size: var(--mf-base-text); font-weight: var(--mf-text-semiBold); cursor: pointer; } input[type=radio].ace ~ .lbl::before { display: inline-block; } /*------------------------------------------------*/ .mf-sh-sign-up { color: var(--mf-primary); cursor: pointer; padding: 0 4px; text-decoration: none; font-weight: 500; } .mf-sign-up, .mf-sign-up.mf-sh-sign-up:hover { text-decoration: underline; } .mf-sh-sign-up:hover { text-decoration: none; color: var(--mf-primary); } .mf-sh-question { color: var(--mf-gray-dark); font-weight: 500; font-size: 16px; text-align: center; } .mf-sh-button, .mf-sh-button.mf-btn { width: 100%; border: none; border-radius: var(--mf-default-radius); color: var(--mf-white); font-size: 16px; line-height: 18px; font-weight: 600; height: 40px; text-align: center; line-height: 16.4px; margin: 32px 0; cursor: pointer; transition: 0.3s; background-color: var(--mf-primary); /*background: linear-gradient( to right, #88C0DE, #006D9B, #6C75C4);*/ } .mf-sh-button:hover { transition: 0.3s; background-color: var(--mf-blue-light); color: var(--mf-primary); /*background: linear-gradient( to left, #7BC4EC, #03658E, #59609C);*/ } .mf-ad-container { width: 24rem; position: relative; } .mf-ad-subtitle { /*color: var(--mf-gray-dark);*/ color: #7c7a7a; font-size: 16px; position: absolute; width: 14rem; right: 1px; padding-top: 2.25rem; } .mf-login-ad-img { width: 37rem; position: absolute; left: -95px; top: 75px; } .mf-download-btns { position: absolute; top: 229px; right: 20px; display: flex; } .mf-center-block { display: block; margin-right: auto; margin-left: auto; max-width: 100%; height: auto; } .mf-text-right { text-align: right; } .mf-no-paddings { padding-left: 0; padding-right: 0; } .mf-footer-login { background-color: transparent !important; bottom: 0; } .mf-float-right { float: right; } .mf-page-subtitle { color: var(--mf-gray); font-size: 16px; line-height: 20px; font-weight: normal; position: relative; } /* -------------------FORGOT PASSWORDS PAGES---------- */ .login-container .widget-body { background-color: transparent; } .mf-back-action-box.toolbar.clearfix { background: none; border-top: none; text-align: center; padding: 0; } .forgot-box .back-to-login-link, .signup-box .back-to-login-link { color: var(--mf-primary); font-size: 16px; font-weight: normal; text-shadow: none; } .forgot-password .mf-page-subtitle, .forgot-password .mf-sh-button { margin-bottom: 2rem; } .mf-centeral-content { display: flex; justify-content: center; } .mf-double-circle-outer { border-radius: 50%; width: fit-content; padding: 0.75rem; background-color: #D1E7EA; } .mf-double-circle-outer.success { background-color: #EDFCF5; } .mf-double-circle-inner { border-radius: 50%; padding: 0.5rem; opacity: 65%; background: var(--mf-primary); } .mf-double-circle-inner.success { opacity: 100%; background: #D1F9DE; } .mf-icon-md { width: 1.5rem; } .mf-icon-lg { width: 2rem; } .mf-text-center { text-align: center; } @media (min-width: 1200px) { .mf-login-ad-img { width: 38rem; left: -145px; } } @media (min-width: 992px) and (max-width: 1199.98px) { .mf-login-container { min-width: 57rem; } .mf-login-ad-img { width: 32.5rem; top: 82px; left: -47px; } .mf-ad-subtitle { right: -60px; } .mf-download-btns { right: -41px; bottom: 200px; } .col-sm-2.profile-image-section { padding-right: 8px; padding-left: 8px; } .mf-side-menu-item a { padding: 0.75rem 0.25rem; } .mf-main-content-inner { margin: 0 0.5rem; } } @media (max-width: 991.98px) { .mf-login-layout { background: linear-gradient( to bottom, var(--mf-white) 0%, var(--mf-white) 44%, #E6F4F1 44%, #E6F4F1 100% ); align-items: self-start; position: relative; display: block; padding: 2rem; min-width: unset; } .mf-login-container { background: transparent; border-radius: 0; padding: 0; box-shadow: none; min-height: unset; min-width: unset; } .mf-login-content-size { justify-content: center; } .mf-login-content-size .col-sm-6 { width: 80%; } .mf-ad-container { width: 36rem; margin-top: 1rem; } .mf-ad-title { margin-bottom: 1rem; margin-top: 1rem; } .mf-ad-subtitle { right: 53px; padding-top: 1.25rem; } .mf-download-btns { bottom: 291px; right: 73px; } .mf-login-ad-img { width: 37rem; position: unset; } .login-layout .main-content { justify-content: center; } .mf-side-menu-item a { padding: 0.75rem 0.25rem; } .mf-side-menu-item a:hover, .mf-side-menu-item a:hover .mf-side-bar-arrow { font-size: 16px; } } @media (max-width: 767.98px) { .mf-ad-container { display: none; } .mf-login-layout { background: var(--mf-white); } .mf-login-content-size .col-sm-6 { width: 100%; } } @media (max-width: 575.98px) { .mf-login-logo { width: 108px; height: 34px; } /* .mf-login-layout { padding: 1rem 0.5rem; }*/ .login-layout .main-content { padding-right: 0px; padding-left: 0px; } .mf-login-content-size .col-sm-6 { padding-right: 0; padding-left: 0; } .login-layout .login-box .widget-main { padding: 0; } .mf-sh-form-title { font-size: 18px; } .mf-sh-label { font-size: 14px; } .mf-sh-form-sub-title { font-size: 14px; line-height: 24px; } } /* -------------------ERRORS------------------ */ .mf-flex{ display: flex; } .mf-column { flex-direction: column; } .mf-justify-center { justify-content: center; } .mfe-gap { gap: 32px; } .mf-huge-title { font-size: var(--mf-huge-text); font-weight: var(--mf-text-semiBold); color: var(--mf-secondary); margin-inline-start: 16px; } .mf-lg-primary-text { font-size: var(--mf-lg-text); font-weight: var(--mf-text-regular); color: var(--mf-primary); } .mf-bottom-separator { margin-bottom: 48px; } .mf-m-b-md { margin-bottom: 16px; } .mf-p-xl { padding: 44px; } .mf-center { text-align: center; } .mf-exclamation-lg { width: 60px; } .mfe-btn { font-weight: var(--mf-text-semiBold); font-size: var(--mf-Base-text); line-height: 17.88px; border-radius: var(--mf-default-radius); transition: 0.3s; height: 40px; padding-left: 48px; padding-right: 48px; } .mfe-btn-primary { color: var(--mf-white); background: var(--mf-primary); border: 2px solid var(--mf-primary); } .mfe-btn-primary:hover { color: var(--mf-primary); background: var(--mf-primary-light); border: 2px solid var(--mf-primary); } .mfe-btn-secondary-outlined { background: var(--mf-white); color: var(--mf-secondary); border: 2px solid var(--mf-secondary); } .mfe-btn-secondary-outlined:hover { color: var(--mf-white); background: var(--mf-gray); border: 2px solid transparent; /*border: 2px solid var(--mf-orange-70);*/ } .mfe-full-page { width: 100% } .mff-header.mf-header-container { flex-direction: row; } :root { --mf-primary: #0018FF; --mf-primary-light: #DCEBFF; --mf-secondary: #000; --mf-primary-rgb-15: rgba(76, 180, 231, 0.15); --mf-yellow: #EFC000; --mf-yellow-light: #FCF1B5; --mf-orange: #F48331; /*orange*/ --mf-orange-light: #FFE1CC; --mf-gray: #8C8C8C; --mf-gray-20: rgba(91, 107, 121, 0.2); /*border*/ --mf-gray-30: rgba(91, 107, 121, 0.3); /*DISABLED*/ --mf-gray-40: rgba(91, 107, 121, 0.4); /*separator*/ --mf-gray-dark: #0D0D0D; --mf-gray-light: #F5F5F5; --mf-gray-lighter: #FAFAFA; --mf-white: #fff; --mf-blue: #00ABFF; --mf-blue-dark: #2B67B8; --mf-blue-light: #CFF0FF; /* --mf-blue-lighter: #E6F4F1;*/ --mf-blue-light-20: #CFF0FF33; --mf-green: #8BC627; --mf-green-light: #CCEEDD; --mf-green-light-30: rgba(204, 238, 221, 0.3); --mf-green-dark: #00AB55; --mf-green-dark-20: rgba(0, 171, 85, 0.2); --mf-orange-70: rgba(244, 131, 49, 0.7); --mf-orange-20: rgba(244, 131, 49, 0.2); --mf-orange-light: #FFE1CC; --mf-red: #CF3341; --mf-red-light: #FDE8E3; --mf-red-20: rgba(207, 51, 65, 0.2); --mf-black: #000000; /*--------------------------------*/ --mf-default-radius: 14px; --mf-radius-md: 4px; --mf-radius-sm: 3px; /*--------------------------------*/ --mf-shadow-bottom: 1px 1px 10px 0 rgb(219, 219,219, 0.5); --mf-menu-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); --mfi-card-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.05); /*--------------------------------*/ --mf-sm-text: 12px; --mf-base-text: 14px; --mf-lg-text: 16px; --mf-xl-text: 18px; --mf-xxl-text: 24px; --mf-text-regular: 400; --mf-text-semiBold: 600; --mf-text-Bold: 700; --mf-text-extra-Bold: 800; } /*--------------------------------------------LOGIN-----------*/ .mf-login-layout { background: linear-gradient( to left, #E9EDF0 0%, #E9EDF0 50%, #2B67B8 50%, #2B67B8 100% ); } .mf-login-container { background: linear-gradient( to left, var(--mf-white) 0%, var(--mf-white) 50%, #E6F4F1 50%, #E6F4F1 100% ); } .mf-login-ad-img { transform: scaleX(-1); } .mf-download-btns, .mf-ad-subtitle { right: 186px; } .mf-header-container.mf-login { direction: initial; } .mf-sh-group i { right: unset; left: 0; } .mf-sh-form-title, .mf-sh-form-sub-title, .mf-sh-label { letter-spacing: 0; } /* --------LOGIN RESPONSIVE------*/ @media (min-width: 1200px) { .mf-login-ad-img { width: 38rem; left: -113px; } } @media (min-width: 992px) and (max-width: 1199.98px) { .mf-login-container { min-width: 57rem; } .mf-login-ad-img { width: 31.5rem; top: 82px; left: 0; right: -33px; } .mf-ad-subtitle { right: 215px; } .mf-download-btns { right: 215px; bottom: 200px; } } @media (max-width: 991.98px) { .mf-login-layout { background: linear-gradient( to bottom, var(--mf-white) 0%, var(--mf-white) 50%, #E6F4F1 50%, #E6F4F1 100% ); align-items: self-start; position: relative; display: block; padding: 2rem; min-width: unset; } .mf-login-container { background: transparent; border-radius: 0; padding: 0; box-shadow: none; min-height: unset; min-width: unset; } .mf-login-content-size { justify-content: center; } .mf-login-content-size .col-sm-6 { width: 80%; } .mf-ad-container { width: 36rem; margin-top: 1rem; } .mf-ad-title { margin-bottom: 1rem; margin-top: 1rem; } .mf-ad-subtitle { right: 290px; padding-top: 1.25rem; } .mf-download-btns { bottom: 291px; right: 290px; } .mf-login-ad-img { width: 37rem; position: unset; } .login-layout .main-content { justify-content: center; } } @media (max-width: 767.98px) { .mf-ad-container { display: none; } .mf-login-layout { background: var(--mf-white); } .mf-login-content-size .col-sm-6 { width: 100%; } } @media (max-width: 575.98px) { .mf-login-logo { width: 80px; height: 34px; } .mf-login-layout { padding: 1rem 0.5rem; } .login-layout .main-content { padding-right: 0px; padding-left: 0px; } .mf-login-content-size .col-sm-6 { padding-right: 0; padding-left: 0; } .login-layout .login-box .widget-main { padding: 0; } .mf-sh-form-title { font-size: 18px; } .mf-sh-label { font-size: 16px; } .mf-sh-form-sub-title { font-size: 14px; line-height: 24px; } }