diff --git a/.babelrc b/.babelrc
new file mode 100644
index 00000000000..fbd6da0e13a
--- /dev/null
+++ b/.babelrc
@@ -0,0 +1,6 @@
+{
+ "presets": [
+ "@babel/preset-env",
+ "@babel/preset-react"
+ ]
+}
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index df547f1e1b8..f4abc8cb303 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1386,6 +1386,11 @@
"@emotion/utils": "^1.0.0"
}
},
+ "@emotion/stylis": {
+ "version": "0.8.5",
+ "resolved": "https://registry.npmjs.org/@emotion/stylis/-/stylis-0.8.5.tgz",
+ "integrity": "sha512-h6KtPihKFn3T9fuIrwvXXUOwlx3rfUvfZIcP5a6rh8Y7zjE3O06hT5Ss4S/YI1AYhuZ1kjaE/5EaOOI2NqSylQ=="
+ },
"@emotion/unitless": {
"version": "0.7.5",
"resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.7.5.tgz",
@@ -2517,7 +2522,8 @@
"@sheerun/mutationobserver-shim": {
"version": "0.3.3",
"resolved": "https://registry.npmjs.org/@sheerun/mutationobserver-shim/-/mutationobserver-shim-0.3.3.tgz",
- "integrity": "sha512-DetpxZw1fzPD5xUBrIAoplLChO2VB8DlL5Gg+I1IR9b2wPqYIca2WSUxL5g1vLeR4MsQq1NeWriXAVffV+U1Fw=="
+ "integrity": "sha512-DetpxZw1fzPD5xUBrIAoplLChO2VB8DlL5Gg+I1IR9b2wPqYIca2WSUxL5g1vLeR4MsQq1NeWriXAVffV+U1Fw==",
+ "dev": true
},
"@sindresorhus/is": {
"version": "0.14.0",
@@ -2739,6 +2745,7 @@
"version": "6.16.0",
"resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-6.16.0.tgz",
"integrity": "sha512-lBD88ssxqEfz0wFL6MeUyyWZfV/2cjEZZV3YRpb2IoJRej/4f1jB0TzqIOznTpfR1r34CNesrubxwIlAQ8zgPA==",
+ "dev": true,
"requires": {
"@babel/runtime": "^7.8.4",
"@sheerun/mutationobserver-shim": "^0.3.2",
@@ -2753,6 +2760,7 @@
"version": "25.5.0",
"resolved": "https://registry.npmjs.org/@jest/types/-/types-25.5.0.tgz",
"integrity": "sha512-OXD0RgQ86Tu3MazKo8bnrkDRaDXXMGUqd+kTtLtK1Zb7CRzQcaSRPPPV37SvYTdevXEBVxe0HXylEjs8ibkmCw==",
+ "dev": true,
"requires": {
"@types/istanbul-lib-coverage": "^2.0.0",
"@types/istanbul-reports": "^1.1.1",
@@ -2764,6 +2772,7 @@
"version": "15.0.14",
"resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-15.0.14.tgz",
"integrity": "sha512-yEJzHoxf6SyQGhBhIYGXQDSCkJjB6HohDShto7m8vaKg9Yp0Yn8+71J9eakh2bnPg6BfsH9PRMhiRTZnd4eXGQ==",
+ "dev": true,
"requires": {
"@types/yargs-parser": "*"
}
@@ -2771,12 +2780,14 @@
"ansi-regex": {
"version": "5.0.1",
"resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
- "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ=="
+ "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+ "dev": true
},
"ansi-styles": {
"version": "4.3.0",
"resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
"integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+ "dev": true,
"requires": {
"color-convert": "^2.0.1"
}
@@ -2785,6 +2796,7 @@
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/chalk/-/chalk-3.0.0.tgz",
"integrity": "sha512-4D3B6Wf41KOYRFdszmDqMCGq5VV/uMAB273JILmO+3jAlh8X4qDtdtgCR3fxtbLEMzSx22QdhnDcJvu2u1fVwg==",
+ "dev": true,
"requires": {
"ansi-styles": "^4.1.0",
"supports-color": "^7.1.0"
@@ -2794,6 +2806,7 @@
"version": "2.0.1",
"resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
"integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+ "dev": true,
"requires": {
"color-name": "~1.1.4"
}
@@ -2801,12 +2814,14 @@
"color-name": {
"version": "1.1.4",
"resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
- "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
+ "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+ "dev": true
},
"pretty-format": {
"version": "25.5.0",
"resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-25.5.0.tgz",
"integrity": "sha512-kbo/kq2LQ/A/is0PQwsEHM7Ca6//bGPPvU6UnsdDRSKTWxT/ru/xb88v4BJf6a69H+uTytOEsTusT9ksd/1iWQ==",
+ "dev": true,
"requires": {
"@jest/types": "^25.5.0",
"ansi-regex": "^5.0.0",
@@ -2817,12 +2832,14 @@
"react-is": {
"version": "16.13.1",
"resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
- "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
+ "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
+ "dev": true
},
"supports-color": {
"version": "7.2.0",
"resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
"integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+ "dev": true,
"requires": {
"has-flag": "^4.0.0"
}
@@ -2849,6 +2866,7 @@
"version": "9.5.0",
"resolved": "https://registry.npmjs.org/@testing-library/react/-/react-9.5.0.tgz",
"integrity": "sha512-di1b+D0p+rfeboHO5W7gTVeZDIK5+maEgstrZbWZSSvxDyfDRkkyBE1AJR5Psd6doNldluXlCWqXriUfqu/9Qg==",
+ "dev": true,
"requires": {
"@babel/runtime": "^7.8.4",
"@testing-library/dom": "^6.15.0",
@@ -2923,9 +2941,9 @@
}
},
"@types/eslint": {
- "version": "8.4.0",
- "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-8.4.0.tgz",
- "integrity": "sha512-JUYa/5JwoqikCy7O7jKtuNe9Z4ZZt615G+1EKfaDGSNEpzaA2OwbV/G1v08Oa7fd1XzlFoSCvt9ePl9/6FyAug==",
+ "version": "8.4.1",
+ "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-8.4.1.tgz",
+ "integrity": "sha512-GE44+DNEyxxh2Kc6ro/VkIj+9ma0pO0bwv9+uHSyBrikYOHr8zYcdPvnBOp1aw8s+CjRvuSx7CyWqRrNFQ59mA==",
"requires": {
"@types/estree": "*",
"@types/json-schema": "*"
@@ -2946,9 +2964,9 @@
"integrity": "sha512-OCutwjDZ4aFS6PB1UZ988C4YgwlBHJd6wCeQqaLdmadZ/7e+w79+hbMUFC1QXDNCmdyoRfAFdm0RypzwR+Qpag=="
},
"@types/estree": {
- "version": "0.0.50",
- "resolved": "https://registry.npmjs.org/@types/estree/-/estree-0.0.50.tgz",
- "integrity": "sha512-C6N5s2ZFtuZRj54k2/zyRhNDjJwwcViAM3Nbm8zjBpbqAdZ00mr0CFxvSKeO8Y/e03WVFLpQMdHYVfUd6SB+Hw=="
+ "version": "0.0.51",
+ "resolved": "https://registry.npmjs.org/@types/estree/-/estree-0.0.51.tgz",
+ "integrity": "sha512-CuPgU6f3eT/XgKKPqKd/gLZV1Xmvf1a2R5POBOGQa6uv82xpls89HU5zKeVoyR8XzHd1RGNOlQlvUe3CFkjWNQ=="
},
"@types/expect": {
"version": "1.20.4",
@@ -3072,6 +3090,7 @@
"version": "17.0.11",
"resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-17.0.11.tgz",
"integrity": "sha512-f96K3k+24RaLGVu/Y2Ng3e1EbZ8/cVJvypZWd7cy0ofCBaf2lcM46xNhycMZ2xGwbBjRql7hOlZ+e2WlJ5MH3Q==",
+ "dev": true,
"requires": {
"@types/react": "*"
}
@@ -3133,6 +3152,7 @@
"version": "6.14.0",
"resolved": "https://registry.npmjs.org/@types/testing-library__dom/-/testing-library__dom-6.14.0.tgz",
"integrity": "sha512-sMl7OSv0AvMOqn1UJ6j1unPMIHRXen0Ita1ujnMX912rrOcawe4f7wu0Zt9GIQhBhJvH2BaibqFgQ3lP+Pj2hA==",
+ "dev": true,
"requires": {
"pretty-format": "^24.3.0"
}
@@ -3141,6 +3161,7 @@
"version": "9.1.3",
"resolved": "https://registry.npmjs.org/@types/testing-library__react/-/testing-library__react-9.1.3.tgz",
"integrity": "sha512-iCdNPKU3IsYwRK9JieSYAiX0+aYDXOGAmrC/3/M7AqqSDKnWWVv07X+Zk1uFSL7cMTUYzv4lQRfohucEocn5/w==",
+ "dev": true,
"requires": {
"@types/react-dom": "*",
"@types/testing-library__dom": "*",
@@ -3151,6 +3172,7 @@
"version": "25.5.0",
"resolved": "https://registry.npmjs.org/@jest/types/-/types-25.5.0.tgz",
"integrity": "sha512-OXD0RgQ86Tu3MazKo8bnrkDRaDXXMGUqd+kTtLtK1Zb7CRzQcaSRPPPV37SvYTdevXEBVxe0HXylEjs8ibkmCw==",
+ "dev": true,
"requires": {
"@types/istanbul-lib-coverage": "^2.0.0",
"@types/istanbul-reports": "^1.1.1",
@@ -3162,6 +3184,7 @@
"version": "15.0.14",
"resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-15.0.14.tgz",
"integrity": "sha512-yEJzHoxf6SyQGhBhIYGXQDSCkJjB6HohDShto7m8vaKg9Yp0Yn8+71J9eakh2bnPg6BfsH9PRMhiRTZnd4eXGQ==",
+ "dev": true,
"requires": {
"@types/yargs-parser": "*"
}
@@ -3169,12 +3192,14 @@
"ansi-regex": {
"version": "5.0.1",
"resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
- "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ=="
+ "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+ "dev": true
},
"ansi-styles": {
"version": "4.3.0",
"resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
"integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+ "dev": true,
"requires": {
"color-convert": "^2.0.1"
}
@@ -3183,6 +3208,7 @@
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/chalk/-/chalk-3.0.0.tgz",
"integrity": "sha512-4D3B6Wf41KOYRFdszmDqMCGq5VV/uMAB273JILmO+3jAlh8X4qDtdtgCR3fxtbLEMzSx22QdhnDcJvu2u1fVwg==",
+ "dev": true,
"requires": {
"ansi-styles": "^4.1.0",
"supports-color": "^7.1.0"
@@ -3192,6 +3218,7 @@
"version": "2.0.1",
"resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
"integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+ "dev": true,
"requires": {
"color-name": "~1.1.4"
}
@@ -3199,12 +3226,14 @@
"color-name": {
"version": "1.1.4",
"resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
- "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
+ "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+ "dev": true
},
"pretty-format": {
"version": "25.5.0",
"resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-25.5.0.tgz",
"integrity": "sha512-kbo/kq2LQ/A/is0PQwsEHM7Ca6//bGPPvU6UnsdDRSKTWxT/ru/xb88v4BJf6a69H+uTytOEsTusT9ksd/1iWQ==",
+ "dev": true,
"requires": {
"@jest/types": "^25.5.0",
"ansi-regex": "^5.0.0",
@@ -3215,12 +3244,14 @@
"react-is": {
"version": "16.13.1",
"resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
- "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
+ "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
+ "dev": true
},
"supports-color": {
"version": "7.2.0",
"resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
"integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+ "dev": true,
"requires": {
"has-flag": "^4.0.0"
}
@@ -3232,6 +3263,14 @@
"resolved": "https://registry.npmjs.org/@types/warning/-/warning-3.0.0.tgz",
"integrity": "sha1-DSUBJorY+ZYrdA04fEZU9fjiPlI="
},
+ "@types/ws": {
+ "version": "8.2.3",
+ "resolved": "https://registry.npmjs.org/@types/ws/-/ws-8.2.3.tgz",
+ "integrity": "sha512-ahRJZquUYCdOZf/rCsWg88S0/+cb9wazUBHv6HZEe3XdYaBe2zr/slM8J28X07Hn88Pnm4ezo7N8/ofnOgrPVQ==",
+ "requires": {
+ "@types/node": "*"
+ }
+ },
"@types/yargs": {
"version": "13.0.12",
"resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-13.0.12.tgz",
@@ -3767,6 +3806,7 @@
"version": "4.2.2",
"resolved": "https://registry.npmjs.org/aria-query/-/aria-query-4.2.2.tgz",
"integrity": "sha512-o/HelwhuKpTj/frsOsbNLNgnNGVIFsVP/SW2BSF14gVl7kAfMOJ6/8wUAUvG1R1NHKrfG+2sHZTu0yauT1qBrA==",
+ "dev": true,
"requires": {
"@babel/runtime": "^7.10.2",
"@babel/runtime-corejs3": "^7.10.2"
@@ -4226,6 +4266,23 @@
"@babel/helper-define-polyfill-provider": "^0.3.1"
}
},
+ "babel-plugin-styled-components": {
+ "version": "2.0.3",
+ "resolved": "https://registry.npmjs.org/babel-plugin-styled-components/-/babel-plugin-styled-components-2.0.3.tgz",
+ "integrity": "sha512-lMrl3GdPrTl9daQJ70eRCPM9fHlvQx6YJNM7RqojKGbRnvG2AL7qvURlZ3L0GzRGnGr19SjvBKWcnlZZkgQ8/Q==",
+ "requires": {
+ "@babel/helper-annotate-as-pure": "^7.16.0",
+ "@babel/helper-module-imports": "^7.16.0",
+ "babel-plugin-syntax-jsx": "^6.18.0",
+ "lodash": "^4.17.11",
+ "picomatch": "^2.3.0"
+ }
+ },
+ "babel-plugin-syntax-jsx": {
+ "version": "6.18.0",
+ "resolved": "https://registry.npmjs.org/babel-plugin-syntax-jsx/-/babel-plugin-syntax-jsx-6.18.0.tgz",
+ "integrity": "sha1-CvMqmm4Tyno/1QaeYtew9Y0NiUY="
+ },
"babel-plugin-syntax-object-rest-spread": {
"version": "6.13.0",
"resolved": "https://registry.npmjs.org/babel-plugin-syntax-object-rest-spread/-/babel-plugin-syntax-object-rest-spread-6.13.0.tgz",
@@ -5093,6 +5150,11 @@
"resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
"integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg=="
},
+ "camelize": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/camelize/-/camelize-1.0.0.tgz",
+ "integrity": "sha1-FkpUg+Yw+kMh5a8HAg5TGDGyYJs="
+ },
"can-use-dom": {
"version": "0.1.0",
"resolved": "https://registry.npmjs.org/can-use-dom/-/can-use-dom-0.1.0.tgz",
@@ -5133,15 +5195,16 @@
"integrity": "sha1-G2gcIf+EAzyCZUMJBolCDRhxUdw="
},
"casper-js-sdk": {
- "version": "2.5.0",
- "resolved": "https://registry.npmjs.org/casper-js-sdk/-/casper-js-sdk-2.5.0.tgz",
- "integrity": "sha512-26IlA3dZRqiw4rMPJMMFS/fEUneJ4HmM2z7/tjoLqnVCr6YWayTLX+yqFqw+8Iz5ehx1SEvxhXt40OmUO+/z7A==",
+ "version": "2.8.0",
+ "resolved": "https://registry.npmjs.org/casper-js-sdk/-/casper-js-sdk-2.8.0.tgz",
+ "integrity": "sha512-RyYvAclA+4IY52IJAZkuG3JH+8mIWRKmLICX/iefjWuST/RH5NDHwq/SvN2xxZSu9iFLFIUCAvfMfkwNV2aGpA==",
"requires": {
"@ethersproject/bignumber": "^5.0.8",
"@ethersproject/bytes": "^5.0.5",
"@ethersproject/constants": "^5.0.5",
"@open-rpc/client-js": "^1.6.2",
"@types/eccrypto": "^1.1.2",
+ "@types/ws": "^8.2.2",
"blakejs": "^1.1.0",
"eccrypto": "^1.1.6",
"eslint-plugin-prettier": "^3.4.0",
@@ -5163,12 +5226,12 @@
"integrity": "sha512-V/LGr1APy+PXIwKebEWrkZPwoeoF+w1jiOBUmuxuiUIaOHtob8Qc9BTrYo7VuI5fR8tqsy+buA2WFooR5olqvQ=="
},
"webpack": {
- "version": "5.66.0",
- "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.66.0.tgz",
- "integrity": "sha512-NJNtGT7IKpGzdW7Iwpn/09OXz9inIkeIQ/ibY6B+MdV1x6+uReqz/5z1L89ezWnpPDWpXF0TY5PCYKQdWVn8Vg==",
+ "version": "5.69.1",
+ "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.69.1.tgz",
+ "integrity": "sha512-+VyvOSJXZMT2V5vLzOnDuMz5GxEqLk7hKWQ56YxPW/PQRUuKimPqmEIJOx8jHYeyo65pKbapbW464mvsKbaj4A==",
"requires": {
- "@types/eslint-scope": "^3.7.0",
- "@types/estree": "^0.0.50",
+ "@types/eslint-scope": "^3.7.3",
+ "@types/estree": "^0.0.51",
"@webassemblyjs/ast": "1.11.1",
"@webassemblyjs/wasm-edit": "1.11.1",
"@webassemblyjs/wasm-parser": "1.11.1",
@@ -5190,7 +5253,7 @@
"tapable": "^2.1.1",
"terser-webpack-plugin": "^5.1.3",
"watchpack": "^2.3.1",
- "webpack-sources": "^3.2.2"
+ "webpack-sources": "^3.2.3"
}
}
}
@@ -5887,6 +5950,11 @@
"postcss": "^7.0.5"
}
},
+ "css-color-keywords": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/css-color-keywords/-/css-color-keywords-1.0.0.tgz",
+ "integrity": "sha1-/qJhbcZ2spYmhrOvjb2+GAskTgU="
+ },
"css-color-names": {
"version": "0.0.4",
"resolved": "https://registry.npmjs.org/css-color-names/-/css-color-names-0.0.4.tgz",
@@ -5987,6 +6055,16 @@
"resolved": "https://registry.npmjs.org/css-select-base-adapter/-/css-select-base-adapter-0.1.1.tgz",
"integrity": "sha512-jQVeeRG70QI08vSTwf1jHxp74JoZsr2XSgETae8/xC8ovSnL2WF87GTLO86Sbwdt2lK4Umg4HnnwMO4YF3Ce7w=="
},
+ "css-to-react-native": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/css-to-react-native/-/css-to-react-native-3.0.0.tgz",
+ "integrity": "sha512-Ro1yETZA813eoyUp2GDBhG2j+YggidUmzO1/v9eYBKR2EHVEniE2MI/NqpTQ954BMpTPZFsGNPm46qFB9dpaPQ==",
+ "requires": {
+ "camelize": "^1.0.0",
+ "css-color-keywords": "^1.0.0",
+ "postcss-value-parser": "^4.0.2"
+ }
+ },
"css-tree": {
"version": "1.0.0-alpha.37",
"resolved": "https://registry.npmjs.org/css-tree/-/css-tree-1.0.0-alpha.37.tgz",
@@ -6478,7 +6556,8 @@
"dom-accessibility-api": {
"version": "0.3.0",
"resolved": "https://registry.npmjs.org/dom-accessibility-api/-/dom-accessibility-api-0.3.0.tgz",
- "integrity": "sha512-PzwHEmsRP3IGY4gv/Ug+rMeaTIyTJvadCb+ujYXYeIylbHJezIyNToe8KfEgHTCEYyC+/bUghYOGg8yMGlZ6vA=="
+ "integrity": "sha512-PzwHEmsRP3IGY4gv/Ug+rMeaTIyTJvadCb+ujYXYeIylbHJezIyNToe8KfEgHTCEYyC+/bUghYOGg8yMGlZ6vA==",
+ "dev": true
},
"dom-converter": {
"version": "0.2.0",
@@ -6759,9 +6838,9 @@
}
},
"enhanced-resolve": {
- "version": "5.8.3",
- "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.8.3.tgz",
- "integrity": "sha512-EGAbGvH7j7Xt2nc0E7D99La1OiEs8LnyimkRgwExpUMScN6O+3x9tIWs7PLQZVNx4YD+00skHXPXi1yQHpAmZA==",
+ "version": "5.9.0",
+ "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.9.0.tgz",
+ "integrity": "sha512-weDYmzbBygL7HzGGS26M3hGQx68vehdEg6VUmqSOaFzXExFqlnKuSvsEJCVGQHScS8CQMbrAqftT+AzzHNt/YA==",
"requires": {
"graceful-fs": "^4.2.4",
"tapable": "^2.2.0"
@@ -10630,9 +10709,9 @@
}
},
"jest-worker": {
- "version": "27.4.6",
- "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-27.4.6.tgz",
- "integrity": "sha512-gHWJF/6Xi5CTG5QCvROr6GcmpIqNYpDJyc8A1h/DyXqH1tD6SnRCM0d3U5msV31D2LB/U+E0M+W4oyvKV44oNw==",
+ "version": "27.5.1",
+ "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-27.5.1.tgz",
+ "integrity": "sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==",
"requires": {
"@types/node": "*",
"merge-stream": "^2.0.0",
@@ -16824,6 +16903,51 @@
}
}
},
+ "styled-components": {
+ "version": "5.3.3",
+ "resolved": "https://registry.npmjs.org/styled-components/-/styled-components-5.3.3.tgz",
+ "integrity": "sha512-++4iHwBM7ZN+x6DtPPWkCI4vdtwumQ+inA/DdAsqYd4SVgUKJie5vXyzotA00ttcFdQkCng7zc6grwlfIfw+lw==",
+ "requires": {
+ "@babel/helper-module-imports": "^7.0.0",
+ "@babel/traverse": "^7.4.5",
+ "@emotion/is-prop-valid": "^0.8.8",
+ "@emotion/stylis": "^0.8.4",
+ "@emotion/unitless": "^0.7.4",
+ "babel-plugin-styled-components": ">= 1.12.0",
+ "css-to-react-native": "^3.0.0",
+ "hoist-non-react-statics": "^3.0.0",
+ "shallowequal": "^1.1.0",
+ "supports-color": "^5.5.0"
+ },
+ "dependencies": {
+ "@emotion/is-prop-valid": {
+ "version": "0.8.8",
+ "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-0.8.8.tgz",
+ "integrity": "sha512-u5WtneEAr5IDG2Wv65yhunPSMLIpuKsbuOktRojfrEiEvRyC85LgPMZI63cr7NUqT8ZIGdSVg8ZKGxIug4lXcA==",
+ "requires": {
+ "@emotion/memoize": "0.7.4"
+ }
+ },
+ "@emotion/memoize": {
+ "version": "0.7.4",
+ "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.7.4.tgz",
+ "integrity": "sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw=="
+ },
+ "has-flag": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
+ "integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0="
+ },
+ "supports-color": {
+ "version": "5.5.0",
+ "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+ "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+ "requires": {
+ "has-flag": "^3.0.0"
+ }
+ }
+ }
+ },
"stylehacks": {
"version": "4.0.3",
"resolved": "https://registry.npmjs.org/stylehacks/-/stylehacks-4.0.3.tgz",
@@ -17126,11 +17250,11 @@
}
},
"terser-webpack-plugin": {
- "version": "5.3.0",
- "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.0.tgz",
- "integrity": "sha512-LPIisi3Ol4chwAaPP8toUJ3L4qCM1G0wao7L3qNv57Drezxj6+VEyySpPw4B1HSO2Eg/hDY/MNF5XihCAoqnsQ==",
+ "version": "5.3.1",
+ "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.1.tgz",
+ "integrity": "sha512-GvlZdT6wPQKbDNW/GDQzZFg/j4vKU96yl2q6mcUkzKOgW4gwf1Z8cZToUCrz31XHlPWH8MVb1r2tFtdDtTGJ7g==",
"requires": {
- "jest-worker": "^27.4.1",
+ "jest-worker": "^27.4.5",
"schema-utils": "^3.1.1",
"serialize-javascript": "^6.0.0",
"source-map": "^0.6.1",
@@ -17855,7 +17979,8 @@
"wait-for-expect": {
"version": "3.0.2",
"resolved": "https://registry.npmjs.org/wait-for-expect/-/wait-for-expect-3.0.2.tgz",
- "integrity": "sha512-cfS1+DZxuav1aBYbaO/kE06EOS8yRw7qOFoD3XtjTkYvCvh3zUvNST8DXK/nPaeqIzIv3P3kL3lRJn8iwOiSag=="
+ "integrity": "sha512-cfS1+DZxuav1aBYbaO/kE06EOS8yRw7qOFoD3XtjTkYvCvh3zUvNST8DXK/nPaeqIzIv3P3kL3lRJn8iwOiSag==",
+ "dev": true
},
"walker": {
"version": "1.0.8",
@@ -19469,9 +19594,9 @@
}
},
"ws": {
- "version": "7.5.6",
- "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.6.tgz",
- "integrity": "sha512-6GLgCqo2cy2A2rjCNFlxQS6ZljG/coZfZXclldI8FB/1G3CCI36Zd8xy2HrFVACi8tfk5XrgLQEk+P0Tnz9UcA=="
+ "version": "7.5.7",
+ "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.7.tgz",
+ "integrity": "sha512-KMvVuFzpKBuiIXW3E4u3mySRO2/mCHSyZDJQM5NQ9Q9KHWHWh0NHgfbRMLLrceUK5qAL4ytALJbpRMjixFZh8A=="
},
"xhr": {
"version": "2.6.0",
diff --git a/package.json b/package.json
index cbee5dfa397..54e78a9e81c 100644
--- a/package.json
+++ b/package.json
@@ -16,7 +16,6 @@
"@mui/material": "^5.3.0",
"@syncfusion/ej2-react-inputs": "^19.1.54",
"@testing-library/jest-dom": "^4.2.4",
- "@testing-library/react": "^9.4.0",
"@testing-library/user-event": "^7.2.1",
"axios": "^0.19.2",
"casper-js-sdk": "^2.7.5",
@@ -53,6 +52,7 @@
"redux": "^4.0.5",
"semantic-ui-react": "^0.88.2",
"simplebar-react": "^2.3.0",
+ "styled-components": "^5.3.3",
"ts-results": "^3.3.0",
"web3": "^1.3.4",
"webpack": "4.42.0"
@@ -61,7 +61,7 @@
"start": "react-scripts start",
"reactStart": "react-scripts start",
"build": "react-scripts build",
- "test": "react-scripts test",
+ "test": "react-scripts test --env=jsdom",
"eject": "react-scripts eject"
},
"eslintConfig": {
@@ -78,5 +78,8 @@
"last 1 firefox version",
"last 1 safari version"
]
+ },
+ "devDependencies": {
+ "@testing-library/react": "^9.5.0"
}
}
diff --git a/public/index.html b/public/index.html
index f35999afc24..63d23383d66 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1,7 +1,6 @@
-
diff --git a/public/style.css b/public/style.css
deleted file mode 100644
index 369f2224338..00000000000
--- a/public/style.css
+++ /dev/null
@@ -1,9 +0,0 @@
-.root {
- background-color: #ffffff;
- height: inherit;
-}
-
-html, body {
- height: 100%;
- min-height: 100%;
-}
\ No newline at end of file
diff --git a/src/app/assets/css/style.css b/src/app/assets/css/style.css
deleted file mode 100644
index 2f92e03bb1e..00000000000
--- a/src/app/assets/css/style.css
+++ /dev/null
@@ -1,8189 +0,0 @@
-/*
-Author : Dreamguys
-Template Name: Doccure - Bootstrap Template
-Version : 1.2
-*/
-
-/*============================
- [Table of CSS]
-
-1. General
-2. Table
-3. Bootstrap Classes
-4. Avatar
-5. Select2
-6. Nav Tabs
-7. Modal
-8. Components
-9. Slick Slider
-10. Focus Label
-11. Header
-12. Mobile Menu
-13. Footer
-14. Login
-15. Home
-16. Search
-17. Doctor Profile
-18. Booking
-19. Checkout
-20. Booking Success
-21. Invoice View
-22. Schedule Timings
-23. Doctor Dashboard
-24. Patient Profile
-25. Add Billing
-26. Chat
-27. Doctor Profile Settings
-28. Calendar
-29. Patient Dashboard
-30. Profile Settings
-31. Appoitment List
-32. Reviews
-33. Voice call
-34. Video Call
-35. Outgoing Call
-36. Incoming Call
-37. Terms and Conditions
-38. Blog
-39. Blog Details
-40. Blog Grid
-41. Map List & Grid
-42. Loader
-43. Responsive
-
-========================================*/
-
-/*-----------------
- 1. General
------------------------*/
-
-@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,700,900");
-@font-face {
- font-family: "Material Icons";
- font-style: normal;
- font-weight: 400;
- src: url(../fonts/MaterialIcons-Regular.eot); /* For IE6-8 */
- src: local("Material Icons"), local("MaterialIcons-Regular"),
- url(../fonts/MaterialIcons-Regular.woff2) format("woff2"),
- url(../fonts/MaterialIcons-Regular.woff) format("woff"),
- url(../fonts/MaterialIcons-Regular.ttf) format("truetype");
-}
-.material-icons {
- font-family: "Material Icons";
- font-weight: normal;
- font-style: normal;
- font-size: 24px;
- display: inline-block;
- line-height: 1;
- text-transform: none;
- letter-spacing: normal;
- word-wrap: normal;
- white-space: nowrap;
- direction: ltr;
- -webkit-font-smoothing: antialiased;
- text-rendering: optimizeLegibility;
- -moz-osx-font-smoothing: grayscale;
- font-feature-settings: "liga";
-}
-
-html {
- height: 100%;
-}
-body {
- background-color: #f8f9fa;
- color: #ed0b25;
- font-family: "Poppins", sans-serif;
- font-size: 0.9375rem;
- height: 100%;
- overflow-x: hidden;
-}
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
- color: #ed0b25;
- font-weight: 500;
-}
-.h1,
-h1 {
- font-size: 2.25rem;
-}
-.h2,
-h2 {
- font-size: 1.875rem;
-}
-.h3,
-h3 {
- font-size: 1.5rem;
-}
-.h4,
-h4 {
- font-size: 1.125rem;
-}
-.h5,
-h5 {
- font-size: 1rem;
-}
-.h6,
-h6 {
- font-size: 0.875rem;
-}
-
-a {
- /* color: #2e3842; */
- color:#FFFFFF;
-}
-a:hover {
- color: #e84646;
- /* color: #FFFFFF; */
-}
-a:hover,
-a:active,
-a:focus {
- outline: none;
- text-decoration: none;
- /* color:#FFFFFF; */
-}
-input:-webkit-autofill,
-input:-webkit-autofill:hover,
-input:-webkit-autofill:focus {
- -webkit-box-shadow: 0 0 0px 1000px white inset !important;
-}
-input,
-button,
-a {
- transition: all 0.4s ease;
- -moz-transition: all 0.4s ease;
- -o-transition: all 0.4s ease;
- -ms-transition: all 0.4s ease;
- -webkit-transition: all 0.4s ease;
- /* color:#FFFFFF; */
-}
-button:focus {
- outline: 0;
-}
-input[type="text"],
-input[type="password"] {
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
-}
-.btn.focus,
-.btn:focus {
- box-shadow: inherit;
-}
-.form-control {
- border-color: #dcdcdc;
- color: #333;
- font-size: 15px;
- min-height: 55px;
- padding: 6px 15px;
-}
-.table .form-control {
- font-size: 14px;
- min-height: 38px;
-}
-.container-fluid {
- padding-left: 30px;
- padding-right: 30px;
-}
-.form-control::-webkit-input-placeholder {
- color: #858585;
- font-size: 14px;
-}
-.form-control::-moz-placeholder {
- color: #858585;
- font-size: 14px;
-}
-.form-control:-ms-input-placeholder {
- color: #858585;
- font-size: 14px;
-}
-.form-control::-ms-input-placeholder {
- color: #858585;
- font-size: 14px;
-}
-.form-control::placeholder {
- color: #858585;
- font-size: 14px;
-}
-.list-group-item {
- border: 1px solid #f0f0f0;
-}
-.content {
- min-height: 200px;
- padding: 30px 0 0;
-}
-
-/*-----------------
- 2. Table
------------------------*/
-
-.table {
- color: #ed0b25;
- max-width: 100%;
- margin-bottom: 0;
- width: 100%;
-}
-.table-striped > tbody > tr:nth-of-type(2n + 1) {
- background-color: #f8f9fa;
-}
-.table.no-border > tbody > tr > td,
-.table > tbody > tr > th,
-.table.no-border > tfoot > tr > td,
-.table.no-border > tfoot > tr > th,
-.table.no-border > thead > tr > td,
-.table.no-border > thead > tr > th {
- border-top: 0;
- padding: 10px 8px;
-}
-.table-nowrap td,
-.table-nowrap th {
- white-space: nowrap;
-}
-.table.dataTable {
- border-collapse: collapse !important;
-}
-table.table td h2 {
- display: inline-block;
- font-size: inherit;
- font-weight: 400;
- margin: 0;
- padding: 0;
- vertical-align: middle;
-}
-table.table td h2.table-avatar {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- display: -webkit-inline-box;
- display: -ms-inline-flexbox;
- display: inline-flex;
- font-size: inherit;
- font-weight: 400;
- margin: 0;
- padding: 0;
- vertical-align: middle;
- white-space: nowrap;
-}
-table.table td h2 a {
- color: #ed0b25;
-}
-table.table td h2 a:hover {
- color: #e84646;
-}
-table.table td h2 span {
- color: #888;
- display: block;
- font-size: 12px;
- margin-top: 3px;
-}
-.table thead {
- border-bottom: 1px solid rgba(0, 0, 0, 0.03);
-}
-.table thead tr th {
- border-bottom: 1px solid rgba(0, 0, 0, 0.05);
-}
-.table tbody tr {
- border-bottom: 1px solid rgba(0, 0, 0, 0.05);
-}
-.table tbody tr:last-child {
- border-color: transparent;
-}
-.table.table-center td,
-.table.table-center th {
- vertical-align: middle;
-}
-.table-hover tbody tr:hover {
- background-color: #f7f7f7;
-}
-.table-hover tbody tr:hover td {
- color: #474648;
-}
-.table-striped thead tr {
- border-color: transparent;
-}
-.table-striped tbody tr {
- border-color: transparent;
-}
-.table-striped tbody tr:nth-of-type(even) {
- background-color: rgba(255, 255, 255, 0.3);
-}
-.table-striped tbody tr:nth-of-type(odd) {
- background-color: rgba(235, 235, 235, 0.4);
-}
-.table-bordered {
- border: 1px solid rgba(0, 0, 0, 0.05) !important;
-}
-.table-bordered th,
-.table-bordered td {
- border-color: rgba(0, 0, 0, 0.05);
-}
-.card-table .card-body {
- padding: 0;
-}
-.card-table .card-body .table > thead > tr > th {
- border-top: 0;
-}
-.card-table .table tr td:first-child,
-.card-table .table tr th:first-child {
- padding-left: 1.5rem;
-}
-.card-table .table tr td:last-child,
-.card-table .table tr th:last-child {
- padding-right: 1.5rem;
-}
-.card-table .table td,
-.card-table .table th {
- border-top: 1px solid #e2e5e8;
- padding: 1rem 0.75rem;
- white-space: nowrap;
-}
-
-/*-----------------
- 3. Bootstrap Classes
------------------------*/
-
-.btn.focus,
-.btn:focus {
- box-shadow: unset;
-}
-.btn-white {
- background-color: #fff;
- border: 1px solid #ccc;
- color: #ed0b25;
-}
-.btn.btn-rounded {
- border-radius: 50px;
-}
-.bg-primary,
-.badge-primary {
- background-color: #e84646 !important;
-}
-a.bg-primary:focus,
-a.bg-primary:hover,
-button.bg-primary:focus,
-button.bg-primary:hover {
- background-color: #e84646 !important;
-}
-.bg-success,
-.badge-success {
- background-color: #00e65b !important;
-}
-a.bg-success:focus,
-a.bg-success:hover,
-button.bg-success:focus,
-button.bg-success:hover {
- background-color: #00cc52 !important;
-}
-.bg-info,
-.badge-info {
- background-color: #009efb !important;
-}
-a.bg-info:focus,
-a.bg-info:hover,
-button.bg-info:focus,
-button.bg-info:hover {
- background-color: #028ee1 !important;
-}
-.bg-warning,
-.badge-warning {
- background-color: #ffbc34 !important;
-}
-a.bg-warning:focus,
-a.bg-warning:hover,
-button.bg-warning:focus,
-button.bg-warning:hover {
- background-color: #e9ab2e !important;
-}
-.bg-danger,
-.badge-danger {
- background-color: #ff0100 !important;
-}
-a.bg-danger:focus,
-a.bg-danger:hover,
-button.bg-danger:focus,
-button.bg-danger:hover {
- background-color: #e63333 !important;
-}
-.bg-white {
- background-color: #fff;
-}
-.bg-purple,
-.badge-purple {
- background-color: #9368e9 !important;
-}
-.text-primary,
-.dropdown-menu > li > a.text-primary {
- color: #e84646 !important;
-}
-.text-success,
-.dropdown-menu > li > a.text-success {
- color: #00cc52 !important;
-}
-.text-danger,
-.dropdown-menu > li > a.text-danger {
- color: #ff0100 !important;
-}
-.text-info,
-.dropdown-menu > li > a.text-info {
- color: #009efb !important;
-}
-.text-warning,
-.dropdown-menu > li > a.text-warning {
- color: #ffbc34 !important;
-}
-.text-purple,
-.dropdown-menu > li > a.text-purple {
- color: #7460ee !important;
-}
-.text-muted {
- color: #757575 !important;
-}
-.btn-primary {
- background-color: #e84646;
- border: 1px solid #e84646;
-}
-.btn-primary:hover,
-.btn-primary:focus,
-.btn-primary.active,
-.btn-primary:active,
-.open > .dropdown-toggle.btn-primary {
- background-color: #e84646;
- border: 1px solid #e84646;
-}
-.btn-primary.active.focus,
-.btn-primary.active:focus,
-.btn-primary.active:hover,
-.btn-primary.focus:active,
-.btn-primary:active:focus,
-.btn-primary:active:hover,
-.open > .dropdown-toggle.btn-primary.focus,
-.open > .dropdown-toggle.btn-primary:focus,
-.open > .dropdown-toggle.btn-primary:hover {
- background-color: #e84646;
- border: 1px solid #e84646;
-}
-.btn-primary.active:not(:disabled):not(.disabled),
-.btn-primary:active:not(:disabled):not(.disabled),
-.show > .btn-primary.dropdown-toggle {
- background-color: #e84646;
- border-color: #e84646;
- color: #fff;
-}
-.btn-primary.active:focus:not(:disabled):not(.disabled),
-.btn-primary:active:focus:not(:disabled):not(.disabled),
-.show > .btn-primary.dropdown-toggle:focus {
- box-shadow: unset;
-}
-.btn-primary.disabled,
-.btn-primary:disabled {
- background-color: #c06d6d;
- border-color: #e84646;
- color: #fff;
-}
-.btn-secondary.active:focus:not(:disabled):not(.disabled),
-.btn-secondary:active:focus:not(:disabled):not(.disabled),
-.show > .btn-secondary.dropdown-toggle:focus {
- box-shadow: unset;
-}
-.btn-success {
- background-color: #00e65b;
- border: 1px solid #00e65b;
-}
-.btn-success:hover,
-.btn-success:focus,
-.btn-success.active,
-.btn-success:active,
-.open > .dropdown-toggle.btn-success {
- background-color: #00cc52;
- border: 1px solid #00cc52;
- color: #fff;
-}
-.btn-success.active.focus,
-.btn-success.active:focus,
-.btn-success.active:hover,
-.btn-success.focus:active,
-.btn-success:active:focus,
-.btn-success:active:hover,
-.open > .dropdown-toggle.btn-success.focus,
-.open > .dropdown-toggle.btn-success:focus,
-.open > .dropdown-toggle.btn-success:hover {
- background-color: #00cc52;
- border: 1px solid #00cc52;
-}
-.btn-success.active:not(:disabled):not(.disabled),
-.btn-success:active:not(:disabled):not(.disabled),
-.show > .btn-success.dropdown-toggle {
- background-color: #34495E;
- border-color: #e84646;
- color: #fff;
-}
-.btn-success.active:focus:not(:disabled):not(.disabled),
-.btn-success:active:focus:not(:disabled):not(.disabled),
-.show > .btn-success.dropdown-toggle:focus {
- box-shadow: unset;
-}
-.btn-success.disabled,
-.btn-success:disabled {
- background-color: #ed0b25;
- border-color: #e84646;
- color: #fff;
-}
-.btn-info {
- background-color: #009efb;
- border: 1px solid #009efb;
-}
-.btn-info:hover,
-.btn-info:focus,
-.btn-info.active,
-.btn-info:active,
-.open > .dropdown-toggle.btn-info {
- background-color: #028ee1;
- border: 1px solid #028ee1;
-}
-.btn-info.active.focus,
-.btn-info.active:focus,
-.btn-info.active:hover,
-.btn-info.focus:active,
-.btn-info:active:focus,
-.btn-info:active:hover,
-.open > .dropdown-toggle.btn-info.focus,
-.open > .dropdown-toggle.btn-info:focus,
-.open > .dropdown-toggle.btn-info:hover {
- background-color: #028ee1;
- border: 1px solid #028ee1;
-}
-.btn-info.active:not(:disabled):not(.disabled),
-.btn-info:active:not(:disabled):not(.disabled),
-.show > .btn-info.dropdown-toggle {
- background-color: #028ee1;
- border-color: #028ee1;
- color: #fff;
-}
-.btn-info.active:focus:not(:disabled):not(.disabled),
-.btn-info:active:focus:not(:disabled):not(.disabled),
-.show > .btn-info.dropdown-toggle:focus {
- box-shadow: unset;
-}
-.btn-info.disabled,
-.btn-info:disabled {
- background-color: #009efb;
- border-color: #009efb;
- color: #fff;
-}
-.btn-warning {
- background-color: #ffbc34;
- border: 1px solid #ffbc34;
-}
-.btn-warning:hover,
-.btn-warning:focus,
-.btn-warning.active,
-.btn-warning:active,
-.open > .dropdown-toggle.btn-warning {
- background-color: #e9ab2e;
- border: 1px solid #e9ab2e;
-}
-.btn-warning.active.focus,
-.btn-warning.active:focus,
-.btn-warning.active:hover,
-.btn-warning.focus:active,
-.btn-warning:active:focus,
-.btn-warning:active:hover,
-.open > .dropdown-toggle.btn-warning.focus,
-.open > .dropdown-toggle.btn-warning:focus,
-.open > .dropdown-toggle.btn-warning:hover {
- background-color: #e9ab2e;
- border: 1px solid #e9ab2e;
-}
-.btn-warning.active:not(:disabled):not(.disabled),
-.btn-warning:active:not(:disabled):not(.disabled),
-.show > .btn-warning.dropdown-toggle {
- background-color: #e9ab2e;
- border-color: #e9ab2e;
- color: #fff;
-}
-.btn-warning.active:focus:not(:disabled):not(.disabled),
-.btn-warning:active:focus:not(:disabled):not(.disabled),
-.show > .btn-warning.dropdown-toggle:focus {
- box-shadow: unset;
-}
-.btn-warning.disabled,
-.btn-warning:disabled {
- background-color: #ffbc34;
- border-color: #ffbc34;
- color: #fff;
-}
-.btn-danger {
- background-color: #ff0100;
- border: 1px solid #ff0100;
-}
-.btn-danger:hover,
-.btn-danger:focus,
-.btn-danger.active,
-.btn-danger:active,
-.open > .dropdown-toggle.btn-danger {
- background-color: #e63333;
- border: 1px solid #e63333;
-}
-.btn-danger.active.focus,
-.btn-danger.active:focus,
-.btn-danger.active:hover,
-.btn-danger.focus:active,
-.btn-danger:active:focus,
-.btn-danger:active:hover,
-.open > .dropdown-toggle.btn-danger.focus,
-.open > .dropdown-toggle.btn-danger:focus,
-.open > .dropdown-toggle.btn-danger:hover {
- background-color: #e63333;
- border: 1px solid #e63333;
-}
-.btn-danger.active:not(:disabled):not(.disabled),
-.btn-danger:active:not(:disabled):not(.disabled),
-.show > .btn-danger.dropdown-toggle {
- background-color: #e63333;
- border-color: #e63333;
- color: #fff;
-}
-.btn-danger.active:focus:not(:disabled):not(.disabled),
-.btn-danger:active:focus:not(:disabled):not(.disabled),
-.show > .btn-danger.dropdown-toggle:focus {
- box-shadow: unset;
-}
-.btn-danger.disabled,
-.btn-danger:disabled {
- background-color: #f62d51;
- border-color: #f62d51;
- color: #fff;
-}
-.btn-light.active:focus:not(:disabled):not(.disabled),
-.btn-light:active:focus:not(:disabled):not(.disabled),
-.show > .btn-light.dropdown-toggle:focus {
- box-shadow: unset;
-}
-.btn-dark.active:focus:not(:disabled):not(.disabled),
-.btn-dark:active:focus:not(:disabled):not(.disabled),
-.show > .btn-dark.dropdown-toggle:focus {
- box-shadow: unset;
-}
-.btn-outline-primary {
- color: #e84646;
- border-color: #e84646;
-}
-.btn-outline-primary:hover {
- background-color: #e84646;
- border-color: #e84646;
-}
-.btn-outline-primary:focus,
-.btn-outline-primary.focus {
- box-shadow: none;
-}
-.btn-outline-primary.disabled,
-.btn-outline-primary:disabled {
- color: #e84646;
- background-color: transparent;
-}
-.btn-outline-primary:not(:disabled):not(.disabled):active,
-.btn-outline-primary:not(:disabled):not(.disabled).active,
-.show > .btn-outline-primary.dropdown-toggle {
- background-color: #e84646;
- border-color: #e84646;
-}
-.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
-.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
-.show > .btn-outline-primary.dropdown-toggle:focus {
- box-shadow: none;
-}
-.btn-outline-success {
- color: #00e65b;
- border-color: #00e65b;
-}
-.btn-outline-success:hover {
- background-color: #00e65b;
- border-color: #00e65b;
-}
-.btn-outline-success:focus,
-.btn-outline-success.focus {
- box-shadow: none;
-}
-.btn-outline-success.disabled,
-.btn-outline-success:disabled {
- color: #00e65b;
- background-color: transparent;
-}
-.btn-outline-success:not(:disabled):not(.disabled):active,
-.btn-outline-success:not(:disabled):not(.disabled).active,
-.show > .btn-outline-success.dropdown-toggle {
- background-color: #00e65b;
- border-color: #00e65b;
-}
-.btn-outline-success:not(:disabled):not(.disabled):active:focus,
-.btn-outline-success:not(:disabled):not(.disabled).active:focus,
-.show > .btn-outline-success.dropdown-toggle:focus {
- box-shadow: none;
-}
-.btn-outline-info {
- color: #009efb;
- border-color: #009efb;
-}
-.btn-outline-info:hover {
- color: #fff;
- background-color: #009efb;
- border-color: #009efb;
-}
-.btn-outline-info:focus,
-.btn-outline-info.focus {
- box-shadow: none;
-}
-.btn-outline-info.disabled,
-.btn-outline-info:disabled {
- background-color: transparent;
- color: #009efb;
-}
-.btn-outline-info:not(:disabled):not(.disabled):active,
-.btn-outline-info:not(:disabled):not(.disabled).active,
-.show > .btn-outline-info.dropdown-toggle {
- background-color: #009efb;
- border-color: #009efb;
-}
-.btn-outline-info:not(:disabled):not(.disabled):active:focus,
-.btn-outline-info:not(:disabled):not(.disabled).active:focus,
-.show > .btn-outline-info.dropdown-toggle:focus {
- box-shadow: none;
-}
-.btn-outline-warning {
- color: #ffbc34;
- border-color: #ffbc34;
-}
-.btn-outline-warning:hover {
- color: #212529;
- background-color: #ffbc34;
- border-color: #ffbc34;
-}
-.btn-outline-warning:focus,
-.btn-outline-warning.focus {
- box-shadow: none;
-}
-.btn-outline-warning.disabled,
-.btn-outline-warning:disabled {
- background-color: transparent;
- color: #ffbc34;
-}
-.btn-outline-warning:not(:disabled):not(.disabled):active,
-.btn-outline-warning:not(:disabled):not(.disabled).active,
-.show > .btn-outline-warning.dropdown-toggle {
- color: #212529;
- background-color: #ffbc34;
- border-color: #ffbc34;
-}
-.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
-.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
-.show > .btn-outline-warning.dropdown-toggle:focus {
- box-shadow: none;
-}
-.btn-outline-danger {
- color: #ff0100;
- border-color: #ff0100;
-}
-.btn-outline-danger:hover {
- color: #fff;
- background-color: #ff0100;
- border-color: #ff0100;
-}
-.btn-outline-danger:focus,
-.btn-outline-danger.focus {
- box-shadow: none;
-}
-.btn-outline-danger.disabled,
-.btn-outline-danger:disabled {
- background-color: transparent;
- color: #ff0100;
-}
-.btn-outline-danger:not(:disabled):not(.disabled):active,
-.btn-outline-danger:not(:disabled):not(.disabled).active,
-.show > .btn-outline-danger.dropdown-toggle {
- background-color: #ff0100;
- border-color: #ff0100;
-}
-.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
-.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
-.show > .btn-outline-danger.dropdown-toggle:focus {
- box-shadow: none;
-}
-.btn-outline-light {
- color: #ababab;
- border-color: #e6e6e6;
-}
-.btn-outline-light.disabled,
-.btn-outline-light:disabled {
- color: #ababab;
-}
-.pagination > .active > a,
-.pagination > .active > a:focus,
-.pagination > .active > a:hover,
-.pagination > .active > span,
-.pagination > .active > span:focus,
-.pagination > .active > span:hover {
- background-color: #20c0f3;
- border-color: #20c0f3;
-}
-.pagination > li > a,
-.pagination > li > span {
- color: #20c0f3;
-}
-.page-link:hover {
- color: #20c0f3;
-}
-.page-link:focus {
- box-shadow: unset;
-}
-.page-item.active .page-link {
- background-color: #20c0f3;
- border-color: #20c0f3;
-}
-.dropdown-menu {
- background-color: #fff;
- border: 1px solid rgba(0, 0, 0, 0.1);
- border-radius: 3px;
- box-shadow: inherit;
- font-size: 14px;
- transform-origin: left top 0;
-}
-.dropdown-item.active,
-.dropdown-item:active {
- background-color: #0de0fe;
-}
-.navbar-nav .open .dropdown-menu {
- border: 0;
- box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
- background-color: #fff;
-}
-.card {
- border: 1px solid #f0f0f0;
- margin-bottom: 1.875rem;
-}
-.card-body {
- padding: 1.5rem;
-}
-.card-title {
- margin-bottom: 15px;
-}
-.card-header {
- border-bottom: 1px solid #f0f0f0;
- padding: 1rem 1.5rem;
-}
-.card-footer {
- background-color: #fff;
- border-top: 1px solid #f0f0f0;
- padding: 1rem 1.5rem;
-}
-.card .card-header {
- background-color: #fff;
- border-bottom: 1px solid #f0f0f0;
-}
-.card .card-header .card-title {
- margin-bottom: 0;
-}
-.btn-light {
- border-color: #e6e6e6;
- color: #a6a6a6;
-}
-.bootstrap-datetimepicker-widget table td.active,
-.bootstrap-datetimepicker-widget table td.active:hover {
- background-color: #20c0f3;
- text-shadow: unset;
-}
-.bootstrap-datetimepicker-widget table td.today::before {
- border-bottom-color: #20c0f3;
-}
-.bg-info-light {
- background-color: rgba(2, 182, 179, 0.12) !important;
- color: #1db9aa !important;
-}
-.bg-primary-light {
- background-color: rgba(17, 148, 247, 0.12) !important;
- color: #2196f3 !important;
-}
-.bg-danger-light {
- background-color: rgba(242, 17, 54, 0.12) !important;
- color: #e63c3c !important;
-}
-.not-allowed {
- cursor: not-allowed;
-}
-.bg-warning-light {
- background-color: rgba(255, 152, 0, 0.12) !important;
- color: #f39c12 !important;
-}
-.bg-success-light {
- background-color: rgba(15, 183, 107, 0.12) !important;
- color: #26af48 !important;
-}
-.bg-purple-light {
- background-color: rgba(197, 128, 255, 0.12) !important;
- color: #c580ff !important;
-}
-.bg-default-light {
- background-color: rgba(40, 52, 71, 0.12) !important;
- color: #283447 !important;
-}
-.text-xs {
- font-size: 0.75rem !important;
-}
-.text-sm {
- font-size: 0.875rem !important;
-}
-.text-lg {
- font-size: 1.25rem !important;
-}
-.text-xl {
- font-size: 1.5rem !important;
-}
-.form-control:focus {
- border-color: #bbb;
- box-shadow: none;
- outline: 0 none;
-}
-.form-group {
- margin-bottom: 1.25rem;
-}
-
-/*-----------------
- 4. Avatar
------------------------*/
-
-.avatar {
- position: relative;
- display: inline-block;
- width: 3rem;
- height: 3rem;
-}
-.avatar > img {
- width: 100%;
- height: 100%;
- -o-object-fit: cover;
- object-fit: cover;
-}
-.avatar-title {
- width: 100%;
- height: 100%;
- background-color: #20c0f3;
- color: #fff;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- justify-content: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
-}
-.avatar-away::before,
-.avatar-offline::before,
-.avatar-online::before {
- position: absolute;
- right: 0;
- bottom: 0;
- width: 25%;
- height: 25%;
- border-radius: 50%;
- content: "";
- border: 2px solid #fff;
-}
-.avatar-online::before {
- background-color: #00e65b;
-}
-.avatar-offline::before {
- background-color: #ff0100;
-}
-.avatar-away::before {
- background-color: #ffbc34;
-}
-.avatar .border {
- border-width: 3px !important;
-}
-.avatar .rounded {
- border-radius: 6px !important;
-}
-.avatar .avatar-title {
- font-size: 18px;
-}
-.avatar-xs {
- width: 1.65rem;
- height: 1.65rem;
-}
-.avatar-xs .border {
- border-width: 2px !important;
-}
-.avatar-xs .rounded {
- border-radius: 4px !important;
-}
-.avatar-xs .avatar-title {
- font-size: 12px;
-}
-.avatar-xs.avatar-away::before,
-.avatar-xs.avatar-offline::before,
-.avatar-xs.avatar-online::before {
- border-width: 1px;
-}
-.avatar-sm {
- width: 2.5rem;
- height: 2.5rem;
-}
-.avatar-sm .border {
- border-width: 3px !important;
-}
-.avatar-sm .rounded {
- border-radius: 4px !important;
-}
-.avatar-sm .avatar-title {
- font-size: 15px;
-}
-.avatar-sm.avatar-away::before,
-.avatar-sm.avatar-offline::before,
-.avatar-sm.avatar-online::before {
- border-width: 2px;
-}
-.avatar-lg {
- width: 3.75rem;
- height: 3.75rem;
-}
-.avatar-lg .border {
- border-width: 3px !important;
-}
-.avatar-lg .rounded {
- border-radius: 8px !important;
-}
-.avatar-lg .avatar-title {
- font-size: 24px;
-}
-.avatar-lg.avatar-away::before,
-.avatar-lg.avatar-offline::before,
-.avatar-lg.avatar-online::before {
- border-width: 3px;
-}
-.avatar-xl {
- width: 5rem;
- height: 5rem;
-}
-.avatar-xl .border {
- border-width: 4px !important;
-}
-.avatar-xl .rounded {
- border-radius: 8px !important;
-}
-.avatar-xl .avatar-title {
- font-size: 28px;
-}
-.avatar-xl.avatar-away::before,
-.avatar-xl.avatar-offline::before,
-.avatar-xl.avatar-online::before {
- border-width: 4px;
-}
-.avatar-xxl {
- width: 5.125rem;
- height: 5.125rem;
-}
-.avatar-xxl .border {
- border-width: 6px !important;
-}
-.avatar-xxl .rounded {
- border-radius: 8px !important;
-}
-.avatar-xxl .avatar-title {
- font-size: 30px;
-}
-.avatar-xxl.avatar-away::before,
-.avatar-xxl.avatar-offline::before,
-.avatar-xxl.avatar-online::before {
- border-width: 4px;
-}
-.avatar-group {
- display: -webkit-inline-box;
- display: -ms-inline-flexbox;
- display: inline-flex;
-}
-.avatar-group .avatar + .avatar {
- margin-left: -0.75rem;
-}
-.avatar-group .avatar-xs + .avatar-xs {
- margin-left: -0.40625rem;
-}
-.avatar-group .avatar-sm + .avatar-sm {
- margin-left: -0.625rem;
-}
-.avatar-group .avatar-lg + .avatar-lg {
- margin-left: -1rem;
-}
-.avatar-group .avatar-xl + .avatar-xl {
- margin-left: -1.28125rem;
-}
-.avatar-group .avatar:hover {
- z-index: 1;
-}
-
-/*-----------------
- 5. Select2
------------------------*/
-
-.select2-results__option {
- padding: 6px 15px;
-}
-.select2-container .select2-selection--single {
- border: 1px solid #dcdcdc;
- height: 46px;
-}
-.select2-container--default
- .select2-selection--single
- .select2-selection__arrow {
- height: 44px;
- right: 7px;
-}
-.select2-container--default
- .select2-selection--single
- .select2-selection__arrow
- b {
- border-color: #dcdcdc transparent transparent;
- border-style: solid;
- border-width: 6px 6px 0;
- height: 0;
- left: 50%;
- margin-left: -10px;
- margin-top: -2px;
- position: absolute;
- top: 50%;
- width: 0;
-}
-.select2-container--default.select2-container--open
- .select2-selection--single
- .select2-selection__arrow
- b {
- border-color: transparent transparent #dcdcdc;
- border-width: 0 6px 6px;
-}
-.select2-container .select2-selection--single .select2-selection__rendered {
- padding-right: 30px;
- padding-left: 15px;
-}
-.select2-container--default
- .select2-selection--single
- .select2-selection__rendered {
- color: #ed0b25;
- font-size: 15px;
- font-weight: normal;
- line-height: 44px;
-}
-.select2-container--default
- .select2-results__option--highlighted[aria-selected] {
- background-color: #20c0f3;
-}
-.select2-container--default .select2-selection--multiple {
- border: 1px solid #dcdcdc;
- min-height: 46px;
-}
-.select2-dropdown {
- border-color: #dcdcdc;
-}
-
-/*-----------------
- 6. Nav Tabs
------------------------*/
-
-.nav-tabs {
- border-bottom: 1px solid #f0f0f0;
-}
-.card-header-tabs {
- border-bottom: 0;
-}
-.nav-tabs > a {
- margin-right: 0;
- color: #000000;
- border-radius: 0;
- font-weight: bold;
-}
-.nav-tabs > a:hover,
-.nav-tabs > a:focus {
- border-color: transparent;
- background-color: #20c0f3;
- border-color: #20c0f3;
- color: #20c0f3;
-}
-
-.nav-tabs .nav-link {
- border-radius: 0;
-}
-.nav-tabs .nav-link.active {
- border-radius: 0;
- color: #20c0f3;
- font-size: large;
-}
-.nav-tabs .nav-link:focus,
-.nav-tabs .nav-link:hover {
- background-color: #eee;
- border-color: transparent;
- color: #20c0f3;
-}
-.nav-tabs.nav-justified > a {
- border-radius: 0;
- margin-bottom: 0;
-}
-.nav-tabs.nav-justified > a:hover,
-.nav-tabs.nav-justified > a:focus {
- border-bottom-color: #ddd;
-}
-.nav-tabs.nav-justified.nav-tabs-solid > a {
- border-color: transparent;
-}
-.nav-tabs.nav-tabs-solid > a {
- color: #20c0f3;
-}
-.nav-tabs.nav-tabs-solid > a.active,
-.nav-tabs.nav-tabs-solid > a.active:hover,
-.nav-tabs.nav-tabs-solid > a.active:focus {
- background-color: #20c0f3;
- border-color: #20c0f3;
- color: #fff;
-}
-.nav-tabs.nav-tabs-solid.nav-tabs-rounded {
- border-radius: 50px;
-}
-.nav-tabs.nav-tabs-solid.nav-tabs-rounded > a {
- border-radius: 50px;
-}
-
-.nav-tabs-justified > a {
- border-radius: 0;
- margin-bottom: 0;
-}
-
-.nav-tabs.nav-justified.nav-tabs-top {
- border-bottom: 1px solid #ddd;
-}
-.nav-tabs.nav-justified.nav-tabs-top > a,
-.nav-tabs.nav-justified.nav-tabs-top > a:hover,
-.nav-tabs.nav-justified.nav-tabs-top > a:focus {
- border-width: 2px 0 0 0;
-}
-.nav-tabs.nav-tabs-top {
- margin-bottom: 0;
-}
-.nav-tabs.nav-tabs-top > a,
-.nav-tabs.nav-tabs-top > a:hover,
-.nav-tabs.nav-tabs-top > a:focus {
- border-width: 2px 0 0 0;
-}
-.nav-tabs.nav-tabs-top > a,
-.nav-tabs.nav-tabs-top > a:hover,
-.nav-tabs.nav-tabs-top > a:focus {
- border-top-color: #ddd;
-}
-.nav-tabs.nav-tabs-top > a {
- margin-left: 1px;
-}
-.nav-tabs.nav-tabs-top > a.active,
-.nav-tabs.nav-tabs-top > a.active:hover,
-.nav-tabs.nav-tabs-top > a.active:focus {
- border-top-color: #20c0f3;
-}
-.nav-tabs.nav-tabs-bottom > a.active,
-.nav-tabs.nav-tabs-bottom > a.active:hover,
-.nav-tabs.nav-tabs-bottom > a.active:focus {
- border-bottom-width: 2px;
- border-color: transparent;
- border-bottom-color: #20c0f3;
- background-color: transparent;
- transition: none 0s ease 0s;
- -moz-transition: none 0s ease 0s;
- -o-transition: none 0s ease 0s;
- -ms-transition: none 0s ease 0s;
- -webkit-transition: none 0s ease 0s;
-}
-.nav-tabs.nav-tabs-solid {
- background-color: #fafafa;
- border: 0;
-}
-.nav-tabs.nav-tabs-solid {
- margin-bottom: 0;
-}
-.nav-tabs.nav-tabs-solid > a {
- border-color: transparent;
-}
-.nav-tabs.nav-tabs-solid > a:hover,
-.nav-tabs.nav-tabs-solid > a:focus {
- background-color: #f5f5f5;
-}
-.nav-tabs.nav-tabs-solid > .open:not(.active) > a {
- background-color: #f5f5f5;
- border-color: transparent;
-}
-.nav-tabs-justified.nav-tabs-top {
- border-bottom: 1px solid #ddd;
-}
-.nav-tabs-justified.nav-tabs-top > a,
-.nav-tabs-justified.nav-tabs-top > a:hover,
-.nav-tabs-justified.nav-tabs-top > a:focus {
- border-width: 2px 0 0 0;
-}
-
-/*-----------------
- 7. Modal
------------------------*/
-
-.modal {
- -webkit-overflow-scrolling: touch;
-}
-.modal-footer.text-center {
- justify-content: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
-}
-.modal-footer.text-left {
- justify-content: flex-start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: flex-start;
-}
-.modal-dialog.modal-md {
- max-width: 600px;
-}
-.custom-modal .modal-content {
- border: 0;
- border-radius: 10px;
-}
-.custom-modal .modal-header {
- padding: 1.25rem;
-}
-.custom-modal .modal-footer {
- padding: 1.25rem;
-}
-.custom-modal .modal-body {
- padding: 1.25rem;
-}
-.custom-modal .close {
- background-color: #a0a0a0;
- border-radius: 50%;
- color: #fff;
- font-size: 17px;
- height: 20px;
- line-height: 20px;
- margin: 0;
- opacity: 1;
- padding: 0;
- position: absolute;
- right: 20px;
- top: 26px;
- width: 20px;
- z-index: 99;
-}
-.custom-modal .modal-title {
- font-size: 20px;
-}
-.modal-backdrop.show {
- opacity: 0.4;
- -webkit-transition-duration: 400ms;
- transition-duration: 400ms;
-}
-.modal .card {
- box-shadow: unset;
-}
-
-/*-----------------
- 8. Components
------------------------*/
-
-.comp-header {
- margin-bottom: 1.875rem;
-}
-.comp-header .comp-title {
- color: #ed0b25;
-}
-.line {
- background-color: #20c0f3;
- height: 2px;
- margin: 0;
- width: 60px;
-}
-.comp-buttons .btn {
- margin-bottom: 5px;
-}
-.pagination-box .pagination {
- margin-top: 0;
-}
-.comp-dropdowns .btn-group {
- margin-bottom: 5px;
-}
-.progress-example .progress {
- margin-bottom: 1.5rem;
-}
-.progress-xs {
- height: 4px;
-}
-.progress-sm {
- height: 15px;
-}
-.progress.progress-sm {
- height: 6px;
-}
-.progress.progress-md {
- height: 8px;
-}
-.progress.progress-lg {
- height: 18px;
-}
-
-/*-----------------
- 9. Slick Slider
------------------------*/
-
-.slick-slider {
- position: relative;
- display: block;
- box-sizing: border-box;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- -webkit-touch-callout: none;
- -khtml-user-select: none;
- -ms-touch-action: pan-y;
- touch-action: pan-y;
- -webkit-tap-highlight-color: transparent;
-}
-.slick-list {
- position: relative;
- display: block;
- overflow: hidden;
- margin: 0;
- padding: 0;
-}
-.slick-list:focus {
- outline: none;
-}
-.slick-list.dragging {
- cursor: pointer;
-}
-.slick-slider .slick-track,
-.slick-slider .slick-list {
- -webkit-transform: translate3d(0, 0, 0);
- -moz-transform: translate3d(0, 0, 0);
- -ms-transform: translate3d(0, 0, 0);
- -o-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
-}
-.slick-track {
- position: relative;
- top: 0;
- left: 0;
- display: block;
- margin-left: auto;
- margin-right: auto;
-}
-.slick-track:before,
-.slick-track:after {
- display: table;
- content: "";
-}
-.slick-track:after {
- clear: both;
-}
-.slick-loading .slick-track {
- visibility: hidden;
-}
-.slick-slide {
- display: none;
- float: left;
- height: 100%;
- min-height: 1px;
-}
-[dir="rtl"] .slick-slide {
- float: right;
-}
-.slick-slide img {
- display: block;
-}
-.slick-slide.slick-loading img {
- display: none;
-}
-.slick-slide.dragging img {
- pointer-events: none;
-}
-.slick-initialized .slick-slide {
- display: block;
-}
-.slick-loading .slick-slide {
- visibility: hidden;
-}
-.slick-vertical .slick-slide {
- display: block;
- height: auto;
- border: 1px solid transparent;
-}
-.slick-arrow.slick-hidden {
- display: none;
-}
-.slick-prev,
-.slick-next {
- font-size: 0;
- line-height: 0;
- position: absolute;
- top: 50%;
- display: block;
- width: 40px;
- height: 40px;
- padding: 0;
- -webkit-transform: translate(0, -50%);
- -ms-transform: translate(0, -50%);
- transform: translate(0, -50%);
- box-shadow: 1px 6px 14px rgba(0, 0, 0, 0.2);
- background: #fff;
- border-radius: 100%;
- cursor: pointer;
- border: none;
- outline: none;
- background: #fff;
-}
-.slick-prev:hover,
-.slick-prev:focus,
-.slick-next:hover,
-.slick-next:focus {
- background-color: #0de0fe;
- color: #fff;
- opacity: 1;
-}
-.slick-prev:hover:before,
-.slick-prev:focus:before,
-.slick-next:hover:before,
-.slick-next:focus:before {
- color: #fff;
- opacity: 1;
-}
-.slick-prev.slick-disabled:before,
-.slick-next.slick-disabled:before {
- opacity: 0.25;
-}
-.slick-prev:before,
-.slick-next:before {
- font-family: "slick";
- font-size: 20px;
- line-height: 1;
- opacity: 0.75;
- color: #383838;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
-}
-.slick-prev {
- left: 0;
- z-index: 1;
-}
-[dir="rtl"] .slick-prev {
- right: -25px;
- left: auto;
-}
-.slick-prev:before {
- content: "←";
-}
-[dir="rtl"] .slick-prev:before {
- content: "→";
-}
-.slick-next {
- right: 0;
-}
-[dir="rtl"] .slick-next {
- right: auto;
- left: -25px;
-}
-.slick-next:before {
- content: "→";
-}
-[dir="rtl"] .slick-next:before {
- content: "←";
-}
-
-/*-----------------
- 10. Focus Label
------------------------*/
-
-.form-focus {
- height: 50px;
- position: relative;
-}
-.form-focus .focus-label {
- font-size: 14px;
- font-weight: 400;
- pointer-events: none;
- position: absolute;
- -webkit-transform: translate3d(0, 22px, 0) scale(1);
- -ms-transform: translate3d(0, 22px, 0) scale(1);
- -o-transform: translate3d(0, 22px, 0) scale(1);
- transform: translate3d(0, 22px, 0) scale(1);
- transform-origin: left top;
- transition: 240ms;
- left: 12px;
- top: -8px;
- z-index: 1;
- color: #b8b8b8;
- margin-bottom: 0;
-}
-.form-focus.focused .focus-label {
- opacity: 1;
- top: -18px;
- font-size: 12px;
- z-index: 1;
-}
-.form-focus .form-control:focus ~ .focus-label,
-.form-focus .form-control:-webkit-autofill ~ .focus-label {
- opacity: 1;
- font-weight: 400;
- top: -18px;
- font-size: 12px;
- z-index: 1;
-}
-.form-focus .form-control {
- height: 50px;
- padding: 21px 12px 6px;
-}
-.form-focus .form-control::-webkit-input-placeholder {
- color: transparent;
- transition: 240ms;
-}
-.form-focus .form-control:focus::-webkit-input-placeholder {
- transition: none;
-}
-.form-focus.focused .form-control::-webkit-input-placeholder {
- color: #bbb;
-}
-.form-focus.select-focus .focus-label {
- opacity: 1;
- font-weight: 300;
- top: -20px;
- font-size: 12px;
- z-index: 1;
-}
-.form-focus .select2-container .select2-selection--single {
- border: 1px solid #e3e3e3;
- height: 50px;
-}
-.form-focus
- .select2-container--default
- .select2-selection--single
- .select2-selection__arrow {
- height: 48px;
- right: 7px;
-}
-.form-focus
- .select2-container--default
- .select2-selection--single
- .select2-selection__arrow
- b {
- border-color: #ccc transparent transparent;
- border-style: solid;
- border-width: 6px 6px 0;
- height: 0;
- left: 50%;
- margin-left: -10px;
- margin-top: -2px;
- position: absolute;
- top: 50%;
- width: 0;
-}
-.form-focus
- .select2-container--default.select2-container--open
- .select2-selection--single
- .select2-selection__arrow
- b {
- border-color: transparent transparent #ccc;
- border-width: 0 6px 6px;
-}
-.form-focus
- .select2-container
- .select2-selection--single
- .select2-selection__rendered {
- padding-right: 30px;
- padding-left: 12px;
- padding-top: 10px;
-}
-.form-focus
- .select2-container--default
- .select2-selection--single
- .select2-selection__rendered {
- color: #676767;
- font-size: 14px;
- font-weight: normal;
- line-height: 38px;
-}
-.form-focus
- .select2-container--default
- .select2-results__option--highlighted[aria-selected] {
- background-color: #fc6075;
-}
-
-/*-----------------
- 11. Header
------------------------*/
-
-.header-nav {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- background-color: #f8f9fa;
- border: 0;
- border-bottom: 1px solid #f0f0f0;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- /* -ms-flex-wrap: wrap; */
- /* flex-wrap: wrap; */
- justify-content: space-between;
- -webkit-justify-content: space-between;
- -ms-flex-pack: space-between;
- /* position: relative; */
- position: fixed;
- height: 90px;
- padding: 0 40px;
- margin-bottom: 0;
- z-index: 20;
-}
-.main-nav {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- list-style: none;
- margin: 0;
- padding: 0;
- color: #ed0b25;
-}
-.main-nav > li.active > a {
- color: #2d3b48;
-}
-.main-nav > li .submenu li a {
- display: block;
- padding: 10px 15px;
- clear: both;
- white-space: nowrap;
- font-size: 14px;
- color: #2d3b48;
- -webkit-transition: all 0.35s ease;
- transition: all 0.35s ease;
- width: 100%;
- border-top: 1px solid #f0f0f0;
-}
-.main-nav > li .submenu > li.has-submenu > a::after {
- content: "\f054";
- font-family: "Font Awesome 5 Free";
- font-weight: 900;
- position: absolute;
- right: 15px;
- top: 12px;
- font-size: 13px;
-}
-.main-nav > li .submenu li {
- position: relative;
-}
-.main-nav li a {
- display: block;
- font-size: 15px;
- font-weight: 500;
- color: #ed0b25;
-}
-.main-nav li.login-link {
- display: none;
-}
-.logo {
- display: inline-block;
- margin-right: 30px;
- width: 100px;
-}
-.header-contact-img {
- display: inline-block;
-}
-.header-contact-img i {
- color: rgba(0, 0, 0, 0.5);
- font-size: 30px;
-}
-.header-contact-detail {
- display: inline-block;
- padding-left: 10px;
-}
-.header-contact-detail p.contact-header {
- color: #484848;
- font-size: 13px;
- font-weight: 400;
- margin-bottom: 2px;
- text-align: left;
-}
-.header-contact-detail p.contact-info-header {
- color: #000;
- font-weight: 500;
- font-size: 14px;
- margin-bottom: 0;
-}
-.header-navbar-rht {
- margin: 0;
- margin-left: auto;
- padding: 0;
-}
-.header-navbar-rht li {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- display: -webkit-inline-box;
- display: -ms-inline-flexbox;
- display: inline-flex;
- padding-right: 20px;
- justify-content: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
-}
-
-.header-navbar-rht li:last-child {
- padding-right: 0px;
-}
-.header-navbar-rht li .dropdown-menu {
- border: 0;
- box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
-}
-.header-navbar-rht .dropdown-toggle::after {
- display: none;
-}
-.header-navbar-rht li .dropdown-menu::before {
- content: "";
- position: absolute;
- top: 2px;
- right: 0;
- border: 7px solid #fff;
- border-color: transparent transparent #ffffff #ffffff;
- -webkit-transform-origin: 0 0;
- transform-origin: 0 0;
- -webkit-transform: rotate(135deg);
- transform: rotate(135deg);
- box-shadow: -2px 2px 2px -1px rgba(0, 0, 0, 0.1);
-}
-.header-navbar-rht li .dropdown-menu .dropdown-item {
- border-top: 1px solid #f0f0f0;
- padding: 10px 15px;
-}
-.header-navbar-rht li .dropdown-menu .dropdown-item:first-child {
- border-top: 0;
- border-radius: 5px 5px 0 0;
-}
-.header-navbar-rht li .dropdown-menu .dropdown-item:last-child {
- border-radius: 0 0 5px 5px;
-}
-.header-navbar-rht li a.header-login:hover {
- background-color: #ed0b25;
- border-color: #ed0b25;
- color: #fff;
-}
-.header-navbar-rht li .dropdown-menu a:hover {
- color: #e84646;
- letter-spacing: 0.5px;
- padding-left: 20px;
- background-color: #fff;
-}
-.header-navbar-rht li a.header-login {
- border: 2px solid #ed0b25;
- border-radius: 4px;
- padding: 10px 15px !important;
- text-align: center;
- font-size: 15px;
- color: #ed0b25;
- text-transform: uppercase;
- font-weight: 500;
-}
-.header .has-arrow .dropdown-toggle:after {
- border-top: 0;
- border-left: 0;
- border-bottom: 2px solid #757575;
- border-right: 2px solid #757575;
- content: "";
- height: 8px;
- display: inline-block;
- pointer-events: none;
- -webkit-transform-origin: 66% 66%;
- -ms-transform-origin: 66% 66%;
- transform-origin: 66% 66%;
- -webkit-transform: rotate(45deg);
- -ms-transform: rotate(45deg);
- transform: rotate(45deg);
- -webkit-transition: all 0.15s ease-in-out;
- transition: all 0.15s ease-in-out;
- width: 8px;
- vertical-align: 2px;
- margin-left: 10px;
-}
-.header .has-arrow .dropdown-toggle[aria-expanded="true"]:after {
- -webkit-transform: rotate(-135deg);
- -ms-transform: rotate(-135deg);
- transform: rotate(-135deg);
-}
-.user-menu {
- float: right;
- margin: 0;
- position: relative;
- z-index: 99;
-}
-.user-menu.nav > li > a {
- color: #fff;
- font-size: 14px;
- line-height: 58px;
- padding: 0 15px;
- height: 60px;
-}
-.user-menu.nav > li > a:hover,
-.user-menu.nav > li > a:focus {
- background-color: rgba(0, 0, 0, 0.2);
-}
-.user-menu.nav > li > a:hover i,
-.user-menu.nav > li > a:focus i {
- color: #fff;
-}
-.user-img {
- display: inline-block;
- position: relative;
-}
-.user-img > img {
- height: 50px;
- object-fit: cover;
- width: 50px;
-}
-.user-menu.nav > li > a.mobile_btn {
- border: 0;
- position: relative;
- padding: 0;
- margin: 0;
- cursor: pointer;
-}
-.header-navbar-rht .dropdown-menu {
- min-width: 200px;
- padding: 0;
-}
-.header-navbar-rht .dropdown-menu .dropdown-item {
- padding: 7px 15px;
-}
-.header-navbar-rht .dropdown-menu .dropdown-item {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- border-top: 1px solid #e3e3e3;
- padding: 10px 15px;
-}
-.header-navbar-rht .dropdown-menu .dropdown-item:hover {
- color: #ed0b25;
-}
-.user-header {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- padding: 10px 15px;
-}
-.user-header .user-text {
- margin-left: 10px;
-}
-.user-header .user-text h6 {
- font-size: 15px;
- margin-bottom: 2px;
-}
-.header-navbar-rht .logged-item .nav-link {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- display: -webkit-inline-box;
- display: -ms-inline-flexbox;
- display: inline-flex;
- font-size: 14px;
- line-height: 85px;
- padding: 0 10px;
-}
-
-/*-----------------
- 12. Mobile Menu
------------------------*/
-
-.sidebar-overlay {
- background-color: rgba(0, 0, 0, 0.6);
- display: none;
- height: 100%;
- left: 0;
- position: fixed;
- top: 0;
- width: 100%;
- z-index: 1040;
-}
-.menu-opened .main-menu-wrapper {
- transform: translateX(0);
-}
-.menu-header {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- background-color: #fff;
- height: 60px;
- padding: 0 20px;
- justify-content: space-between;
- -webkit-justify-content: space-between;
- -ms-flex-pack: space-between;
- border-bottom: 1px solid #f0f0f0;
- display: none;
-}
-.menu-logo img {
- height: 40px;
-}
-.menu-close {
- font-size: 18px;
-}
-.bar-icon {
- display: inline-block;
- width: 31px;
-}
-.bar-icon span {
- /* background-color: #0de0fe; */
- background-color: #ed0b25;
- display: block;
- float: left;
- height: 3px;
- margin-bottom: 7px;
- width: 31px;
- border-radius: 2px;
-}
-.bar-icon span:nth-child(2) {
- width: 16px;
-}
-.bar-icon span:nth-child(3) {
- margin-bottom: 0;
-}
-#mobile_btn {
- display: none;
- margin-right: 30px;
-}
-html.menu-opened body {
- overflow: hidden;
-}
-
-/*-----------------
- 13. Footer
------------------------*/
-
-.footer {
- background-color: #ed0b25;
- /* position: absolute; */
-
- left: 0;
- right: 0;
- bottom: 0;
-}
-.footer .footer-top {
- padding: 40px 0;
-}
-.footer-title {
- color: #fff;
- font-size: 20px;
- font-weight: 700;
- margin-bottom: 30px;
- text-transform: capitalize;
-}
-.footer .footer-widget.footer-menu ul {
- list-style: none;
- margin: 0;
- padding: 0;
- outline: none;
-}
-.footer .footer-widget .footer-logo {
- margin-bottom: 30px;
-}
-.footer .footer-widget .footer-about-content p {
- color: #fff;
-}
-.footer .footer-widget .footer-about-content p:last-child {
- margin-bottom: 0;
-}
-.footer .footer-menu ul li {
- margin-bottom: 10px;
- position: relative;
-}
-.footer .footer-menu ul li:last-child {
- margin-bottom: 0;
-}
-.footer .footer-menu ul li a {
- color: #fff;
- font-size: 15px;
- transition: all 0.4s ease 0s;
-}
-.footer .footer-menu ul li a i {
- margin-right: 5px;
-}
-.footer .footer-widget.footer-menu ul li a:hover {
- color: #fff;
- letter-spacing: 0.5px;
- padding-left: 10px;
-}
-.footer-contact-info {
- color: #fff;
- font-size: 15px;
-}
-.footer-contact-info .footer-address {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
-}
-.footer-contact-info .footer-address span {
- margin-right: 20px;
-}
-.footer-contact-info .footer-address span i.fa-map-marker-alt {
- font-size: 20px;
-}
-.footer-contact-info p i {
- margin-right: 15px;
-}
-.footer .footer-bottom .copyright {
- border-top: 1px solid #ed0b25;
- padding: 30px 0;
-}
-.footer .footer-bottom .copyright-text p {
- color: #fff;
- font-size: 15px;
-}
-.footer .footer-bottom .copyright-text p a {
- color: #ed0b25;
- -webkit-transition: all 0.4s ease 0s;
- -o-transition: all 0.4s ease 0s;
- transition: all 0.4s ease 0s;
-}
-.footer .footer-bottom .copyright-text p a:hover {
- color: #fff;
-}
-.footer .footer-bottom .copyright-text p.title {
- font-weight: 400;
- margin: 10px 0 0;
-}
-.footer .social-icon ul {
- display: -webkit-inline-box;
- display: -ms-inline-flexbox;
- display: inline-flex;
- list-style: none;
- padding: 0;
- margin: 0;
-}
-.footer .social-icon ul li {
- margin-right: 15px;
-}
-.footer .social-icon ul li:last-child {
- margin-right: 0;
-}
-.footer .social-icon ul li a {
- color: #fff;
- display: -webkit-inline-box;
- display: -ms-inline-flexbox;
- display: inline-flex;
- font-size: 20px;
- transition: all 0.4s ease 0s;
-}
-.footer .social-icon ul li a:hover {
- color: #e84646;
-}
-.policy-menu {
- font-size: 14px;
- margin: 0;
- padding: 0;
- text-align: right;
-}
-.policy-menu li {
- display: inline-block;
- margin-right: 15px;
-}
-.policy-menu li:last-child {
- margin-right: 0;
-}
-.policy-menu li a {
- color: #fff;
-}
-.policy-menu li a:hover,
-.policy-menu li a:focus {
- color: #e84646;
-}
-.policy-menu li::after {
- color: #fff;
- content: "|";
- font-weight: 300;
- position: relative;
- left: 10px;
-}
-.policy-menu li:last-child::after {
- content: "";
-}
-
-/*-----------------
- 14. Login
------------------------*/
-
-.btn {
- background-color: #ed0b25;
- border: 1px solid #e84646;
- color: #ffffff;
- /* border-radius: 0mm; */
-}
-.btn:hover {
- background-color: #e84646 ;
- border: 1px solid #e84646 ;
- color: #ffffff;
-}
-
-.account-page {
- background-color: #fff;
-}
-.account-page .content {
- padding: 50px 0;
-}
-.login-right {
- background-color: #fff;
- border: 1px solid #f0f0f0;
- border-radius: 4px;
- padding: 25px;
-}
-.login-header {
- margin-bottom: 20px;
-}
-.login-header p {
- margin-bottom: 0;
-}
-.login-header h3 {
- font-size: 18px;
- margin-bottom: 3px;
-}
-.login-header h3 a {
- color: #0de0fe;
- float: right;
- font-size: 15px;
- margin-top: 2px;
-}
-.login-right .dont-have {
- color: #3d3d3d;
- margin-top: 20px;
- font-size: 13px;
-}
-.login-right .dont-have a {
- color: #e84646;
-}
-.login-btn {
- font-size: 18px;
- font-weight: 500;
-}
-.login-or {
- color: #d4d4d4;
- margin-bottom: 20px;
- margin-top: 20px;
- padding-bottom: 10px;
- padding-top: 10px;
- position: relative;
-}
-.or-line {
- background-color: #e5e5e5;
- height: 1px;
- margin-bottom: 0;
- margin-top: 0;
- display: block;
-}
-.span-or {
- background-color: #fff;
- display: block;
- left: 50%;
- margin-left: -20px;
- position: absolute;
- text-align: center;
- top: -3px;
- width: 42px;
-}
-.forgot-link {
- color: #3d3d3d;
- display: inline-block;
- font-size: 13px;
- margin-bottom: 10px;
- font-weight: 400;
-}
-.btn-facebook {
- background-color: #3a559f;
- color: #fff;
- font-size: 13px;
- padding: 8px 12px;
-}
-.btn-google {
- background-color: #dd4b39;
- color: #fff;
- font-size: 13px;
- padding: 8px 12px;
-}
-.social-login .btn:hover,
-.social-login .btn:focus {
- color: #fff;
-}
-
-/*-----------------
- 15. Home
------------------------*/
-
-.section-search {
- background: #f9f9f9 url("../img/home.jpg") no-repeat bottom center;
- min-height: 600px;
- background-size: cover;
- background-position: center center;
- background-repeat: no-repeat;
- /* background-attachment: fixed; */
- /* position: relative; */
- background-blend-mode: Darken;
- padding: 150px 0;
-
-}
-.login-screen {
- background: #f9f9f9 /*url('../img/login-like.png') no-repeat fixed center*/;
- /* height: 800px; */
- background-size: 100% auto;
- position: relative;
- background-blend-mode: Darken;
- padding: 0;
- overflow: hidden;
-}
-.section-inefficiencies {
- /* background: #f9f9f9 url(../img/third-div.png) no-repeat bottom center; */
- min-height: 190px;
- background-size: 100% auto;
- /* position: relative; */
- background-blend-mode: Darken;
- padding: 0;
-}
-.section-header {
- margin-bottom: 60px;
-}
-.section-header h2 {
- font-size: 36px;
- margin-bottom: 0;
- font-weight: 500;
-}
-.section-header .sub-title {
- color: #757575;
- font-size: 16px;
- max-width: 600px;
- margin: 15px auto 0;
-}
-.section-header p {
- color: #757575;
- font-size: 16px;
- margin-bottom: 0;
- margin-top: 15px;
-}
-.banner-wrapper {
- margin: 0 auto;
- max-width: 800px;
- width: 100%;
-}
-.banner-wrapper .banner-header {
- margin-bottom: 30px;
-}
-.banner-wrapper .banner-header h1 {
- margin-bottom: 10px;
- font-size: 40px;
- font-weight: 600;
- color: #000;
-}
-.banner-wrapper .banner-header p {
- color: #000;
- font-size: 20px;
- margin-bottom: 0;
-}
-.search-box form {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
-}
-.search-box .form-control {
- border: 1px solid #ccc;
- box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
- border-radius: 5px;
- padding-left: 35px;
-}
-.search-box .search-location {
- -ms-flex: 0 0 240px;
- flex: 0 0 240px;
- margin-right: 12px;
- position: relative;
- width: 240px;
-}
-.search-location .form-control {
- /* background: #fff url(../img/location.png) no-repeat 10px center; */
-}
-.search-box .search-info {
- -ms-flex: 0 0 490px;
- flex: 0 0 490px;
- margin-right: 12px;
- position: relative;
- width: 490px;
-}
-.search-info .form-control {
- /* background: #fff url(../img/search.png) no-repeat 10px center; */
-}
-.search-box .search-btn {
- width: 46px;
- -ms-flex: 0 0 46px;
- flex: 0 0 46px;
- height: 46px;
-}
-.search-box .search-btn span {
- display: none;
- font-weight: 500;
-}
-.search-box .form-text {
- /* color: #757575; */
- font-size: 13px;
-}
-.section-specialities {
- background-color: #fff;
- padding: 80px 0;
-}
-.slick-dots {
- position: absolute;
- bottom: -25px;
- display: block;
- width: 100%;
- padding: 0;
- margin: 10px;
- list-style: none;
- text-align: center;
-}
-.slick-dots li {
- position: relative;
- display: inline-block;
- width: 20px;
- height: 5px;
- margin: 0 5px;
- padding: 0;
- cursor: pointer;
-}
-.slick-dots li button {
- font-size: 0;
- line-height: 0;
- display: block;
- width: 20px;
- height: 5px;
- padding: 0;
- cursor: pointer;
- color: transparent;
- border: 0;
- outline: none;
- background: #c0c0c0;
-}
-.slick-dots li button:hover,
-.slick-dots li button:focus {
- outline: none;
-}
-.slick-dots li button:hover:before,
-.slick-dots li button:focus:before {
- opacity: 1;
-}
-.slick-dots li button:before {
- display: none;
- font-family: "slick";
- font-size: 76px;
- line-height: 20px;
- position: absolute;
- top: 0;
- left: 0;
- width: 20px;
- height: 20px;
- content: "-";
- text-align: center;
- opacity: 0.25;
- color: black;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
-}
-.slick-dots li.slick-active button {
- background-color: #0de0fe;
-}
-.slick-dots li.slick-active button:before {
- opacity: 1;
- color: #0de0fe;
-}
-.slick-slide {
- outline: none !important;
-}
-.specialities-slider .slick-slide {
- display: block;
- padding: 0 12px;
- margin-left: 0;
- margin-right: 20px;
- margin-top: 10px;
-}
-.specialities-slider .slick-dots {
- margin-top: 44px;
- position: unset;
-}
-.speicality-img {
- position: relative;
- height: 150px;
- box-shadow: 2px 2px 13px rgba(0, 0, 0, 0.1);
- border-radius: 100%;
- width: 150px;
- background: #fff;
-}
-.speicality-img img {
- position: absolute;
- top: 50%;
- -ms-transform: translateY(-50%);
- transform: translateY(-50%);
- left: 0;
- right: 0;
- margin: 0 auto;
-}
-.speicality-img span {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- position: absolute;
- bottom: 10px;
- right: 10px;
- box-shadow: 1px 6px 14px rgba(0, 0, 0, 0.2);
- border-radius: 50%;
- padding: 5px;
- background-color: #fff;
- display: -webkit-inline-box;
- display: -ms-inline-flexbox;
- display: inline-flex;
- justify-content: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
-}
-.speicality-img span i {
- font-size: 15px;
- color: #0de0fe;
-}
-
-.speicality-item p {
- font-size: 16px;
- font-weight: 500;
- margin: 30px 0 0;
- text-align: center;
-}
-.section-doctor {
- background-color: #f8f9fa;
- padding: 80px 0;
-}
-.section-doctor .section-header {
- margin-bottom: 30px;
-}
-.section-doctor .section-header p {
- margin-top: 10px;
-}
-.doctor-slider .slick-slide {
- display: block;
- margin-left: 0;
- padding: 10px;
- width: 280px;
-}
-.profile-widget {
- background-color: #fff;
- border: 1px solid #f0f0f0;
- border-radius: 4px;
- margin-bottom: 30px;
- position: relative;
- -webkit-transition: all 0.3s ease 0s;
- -moz-transition: all 0.3s ease 0s;
- -o-transition: all 0.3s ease 0s;
- transition: all 0.3s ease 0s;
- padding: 15px;
-}
-.doc-img {
- position: relative;
- overflow: hidden;
- z-index: 1;
- border-radius: 4px;
-}
-.doc-img img {
- border-radius: 4px;
- -webkit-transform: translateZ(0);
- -moz-transform: translateZ(0);
- transform: translateZ(0);
- -moz-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms;
- -ms-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms;
- -o-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms;
- -webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms;
- transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms;
- width: 100%;
-}
-.doc-img:hover img {
- -webkit-transform: scale(1.15);
- -moz-transform: scale(1.15);
- transform: scale(1.15);
-}
-.profile-widget .fav-btn {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- position: absolute;
- top: 5px;
- right: 5px;
- background-color: #fff;
- width: 30px;
- height: 30px;
- display: -webkit-inline-box;
- display: -ms-inline-flexbox;
- display: inline-flex;
- justify-content: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- border-radius: 3px;
- color: #2e3842;
- -webkit-transform: translate3d(100%, 0, 0);
- -ms-transform: translate3d(100%, 0, 0);
- transform: translate3d(100%, 0, 0);
- opacity: 0;
- visibility: hidden;
- z-index: 99;
-}
-.profile-widget:hover .fav-btn {
- opacity: 1;
- visibility: visible;
- -webkit-transform: translate3d(0, 0, 0);
- -ms-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
-}
-.profile-widget .fav-btn:hover {
- background-color: #fb1612;
- color: #fff;
-}
-.pro-content {
- padding: 15px 0 0;
-}
-.pro-content .title {
- font-size: 17px;
- font-weight: 500;
- margin-bottom: 5px;
-}
-.profile-widget .pro-content .title a {
- display: inline-block;
-}
-.profile-widget .verified {
- color: #28a745;
- margin-left: 3px;
-}
-.profile-widget p.speciality {
- font-size: 13px;
- color: #757575;
- margin-bottom: 5px;
- min-height: 40px;
-}
-.rating {
- list-style: none;
- margin: 0 0 7px;
- padding: 0;
- width: 100%;
-}
-.rating i {
- color: #dedfe0;
-}
-.rating i.filled {
- color: #f4c150;
-}
-.profile-widget .rating {
- color: #757575;
- font-size: 14px;
- margin-bottom: 15px;
-}
-.profile-widget .rating i {
- font-size: 14px;
-}
-.available-info {
- font-size: 13px;
- color: #757575;
- font-weight: 400;
- list-style: none;
- padding: 0;
- margin-bottom: 15px;
-}
-.available-info li + li {
- margin-top: 5px;
-}
-.available-info li i {
- width: 22px;
-}
-.row.row-sm {
- margin-left: -3px;
- margin-right: -3px;
-}
-.row.row-sm > div {
- padding-left: 3px;
- padding-right: 3px;
-}
-.view-btn {
- color: #0de0fe;
- font-size: 13px;
- border: 2px solid #0de0fe;
- text-align: center;
- display: block;
- font-weight: 500;
- padding: 6px;
-}
-.view-btn:hover,
-.view-btn:focus {
- background-color: #0de0fe;
- color: #fff;
-}
-.book-btn {
- background-color: #0de0fe;
- border: 2px solid #0de0fe;
- color: #fff;
- font-size: 13px;
- text-align: center;
- display: block;
- font-weight: 500;
- padding: 6px;
-}
-.book-btn:hover,
-.book-btn:focus {
- background-color: #01cae4;
- border-color: #01cae4;
- color: #fff;
-}
-.section-doctor .profile-widget {
- box-shadow: 2px 2px 13px rgba(0, 0, 0, 0.1);
- margin-bottom: 0;
-}
-.about-content p {
- font-size: 14px;
- font-weight: 400;
- line-height: 26px;
- margin: 0;
-}
-.about-content p + p {
- margin-top: 20px;
-}
-.about-content a {
- background-color: #0de0fe;
- border-radius: 4px;
- color: #fff;
- display: inline-block;
- font-size: 16px;
- font-weight: 500;
- margin-top: 30px;
- min-width: 150px;
- padding: 15px 20px;
- text-align: center;
-}
-.about-content a:hover,
-.about-content a:focus {
- background-color: #01cae4;
- border-color: #01cae4;
- color: #fff;
-}
-.section-features {
- background-color: #fff;
- padding: 80px 0;
-}
-.feature-item {
- display: inline-block;
-}
-.feature-item img {
- border-radius: 100%;
- box-shadow: 1px 6px 14px rgba(0, 0, 0, 0.2);
- height: 115px;
- object-fit: cover;
- width: 115px;
-}
-.feature-item p {
- font-weight: 500;
- margin: 20px 0 0;
-}
-.features-slider .slick-slide {
- margin-right: 62px;
-}
-.features-slider .slick-center {
- opacity: 1;
- transform: scale(1.2);
-}
-.features-slider .slick-list {
- padding: 16px 50px !important;
-}
-.features-slider .slick-dots {
- margin-top: 44px;
- position: unset;
-}
-.section-blogs {
- background-color: #f8f9fa;
- padding: 80px 0;
-}
-.view-all .btn {
- margin-top: 20px;
- font-size: 16px;
- font-weight: 600;
- padding: 12px 30px;
-}
-
-/*-----------------
- 16. Search
------------------------*/
-
-.breadcrumb-bar {
- background-color: #f8f9fa;
- padding: 15px 0;
-}
-.breadcrumb-bar .breadcrumb-title {
- color: #fff;
- font-size: 22px;
- font-weight: 700;
- margin: 5px 0 0;
-}
-.page-breadcrumb ol {
- background-color: transparent;
- font-size: 12px;
- margin-bottom: 0;
- padding: 0;
-}
-
-.breadcrumb-item.active {
- color: #fff;
-}
-.page-breadcrumb ol li a {
- color: #fff;
-}
-.page-breadcrumb ol li.active {
- color: #fff;
-}
-.page-breadcrumb .breadcrumb-item + .breadcrumb-item:before {
- color: #fff;
- font-size: 10px;
-}
-.sort-by {
- float: right;
-}
-.sort-title {
- color: #fff;
- font-size: 14px;
- margin-right: 10px;
-}
-.sortby-fliter {
- display: inline-block;
- width: 120px;
-}
-.cal-icon {
- position: relative;
- width: 100%;
-}
-.cal-icon:after {
- color: #979797;
- content: "\f073";
- display: block;
- font-family: "Font Awesome 5 Free";
- font-size: 16px;
- font-weight: 400;
- margin: auto;
- position: absolute;
- right: 15px;
- top: 10px;
-}
-.custom_check {
- color: #666;
- display: inline-block;
- position: relative;
- font-size: 14px;
- font-size: 0.9375rem;
- padding-left: 30px;
- margin-bottom: 10px;
- cursor: pointer;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
-}
-.custom_check input {
- position: absolute;
- opacity: 0;
- cursor: pointer;
-}
-.custom_check input:checked ~ .checkmark {
- background-color: #fff;
-}
-.custom_check .checkmark {
- position: absolute;
- top: 0;
- left: 0;
- height: 20px;
- width: 20px;
- border: 1px solid #dcdcdc;
- background-color: #fff;
- border-radius: 3px;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- -webkit-transition: all 0.3s ease-in-out;
- -ms-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
-}
-.custom_check .checkmark::after {
- content: "\f00c";
- font-family: "Font Awesome 5 Free";
- font-weight: 900;
- position: absolute;
- display: none;
- left: 4px;
- top: 0;
- color: #0de0fe;
- font-size: 11px;
-}
-.custom_check input:checked ~ .checkmark:after {
- display: block;
-}
-.custom_radio {
- color: #555;
- display: inline-block;
- position: relative;
- font-size: 14px;
- font-size: 0.9375rem;
- padding-left: 30px;
- margin-bottom: 10px;
- cursor: pointer;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
-}
-.radio_input .custom_radio + .custom_radio {
- margin-left: 15px;
-}
-.custom_radio input {
- position: absolute;
- opacity: 0;
-}
-.custom_radio input:checked ~ .checkmark:after {
- opacity: 1;
-}
-.custom_radio .checkmark {
- position: absolute;
- top: 0;
- left: 0;
- height: 20px;
- width: 20px;
- background-color: #fff;
- border: 1px solid #ccc;
- border-radius: 50%;
-}
-.custom_radio .checkmark:after {
- display: block;
- content: "";
- position: absolute;
- opacity: 0;
- top: 3px;
- left: 3px;
- width: 12px;
- height: 12px;
- border-radius: 50%;
- background: #ff9b44;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- -webkit-transition: all 0.3s ease-in-out;
- -ms-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
-}
-
-.filter-widget {
- margin-bottom: 20px;
-}
-.filter-widget h4 {
- font-size: 1rem;
- margin-bottom: 15px;
-}
-.filter-widget .custom_check {
- line-height: 18px;
-}
-.btn-search .btn {
- background-color: #0de0fe;
- border: 1px solid #0de0fe;
- color: #fff;
- height: 46px;
- font-weight: 500;
- font-size: 16px;
-}
-.doctor-widget {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
-}
-.doc-info-left {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
-}
-.doc-info-right {
- margin-left: auto;
- -ms-flex: 0 0 200px;
- flex: 0 0 200px;
- max-width: 200px;
-}
-.doctor-img {
- -ms-flex: 0 0 150px;
- flex: 0 0 150px;
- margin-right: 20px;
- width: 150px;
-}
-.doctor-img img {
- border-radius: 5px;
-}
-.doc-department {
- color: #20c0f3;
- font-size: 14px;
- margin-bottom: 8px;
-}
-.doc-department img {
- width: 19px;
- display: inline-block;
- margin-right: 10px;
-}
-.doc-location {
- color: #757575;
- font-size: 14px;
- margin-bottom: 25px;
-}
-.doc-location a {
- color: #e84646;
- font-weight: 500;
-}
-.doctor-widget .doc-name {
- font-size: 20px;
- font-weight: 500;
- margin-bottom: 3px;
-}
-.doc-speciality {
- font-size: 14px;
- color: #757575;
- margin-bottom: 15px;
-}
-.doctor-widget .rating i {
- font-size: 14px;
-}
-.doctor-widget .average-rating {
- font-size: 14px;
- font-weight: 500;
-}
-.clinic-details {
- margin-bottom: 15px;
-}
-.clinic-details h5 {
- font-weight: normal;
- color: #757575;
- margin-bottom: 25px;
-}
-.clinic-details ul {
- list-style: none;
- margin: 0;
- padding: 0;
-}
-.clinic-details ul li {
- display: inline-block;
- padding-right: 5px;
-}
-.clinic-details ul li:last-child {
- padding-right: 0;
-}
-.clinic-details ul li a {
- display: inline-block;
-}
-.clinic-details ul li a img {
- border-radius: 5px;
- width: 40px;
-}
-.clinic-services {
- color: #ed0b25;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- font-size: 13px;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
-}
-.clinic-services span {
- border: 1px solid #ccc;
- border-radius: 4px;
- display: inline-block;
- font-size: 12px;
- padding: 3px 10px;
-}
-.clinic-services span + span {
- margin-left: 5px;
-}
-.clini-infos {
- margin-bottom: 15px;
-}
-.clini-infos ul {
- font-size: 14px;
- list-style: none;
- margin: 0;
- padding: 0;
-}
-.clini-infos ul li {
- display: block;
- line-height: 30px;
- color: #4e4852;
-}
-.clini-infos ul li i {
- font-size: 15px;
- min-width: 30px;
-}
-.clinic-booking a + a {
- margin-top: 15px;
-}
-.clinic-booking a {
- background-color: #fff;
- border: 2px solid #20c0f3;
- border-radius: 4px;
- color: #20c0f3;
- display: block;
- font-size: 14px;
- font-weight: 500;
- letter-spacing: 1px;
- padding: 10px 20px;
- text-align: center;
- text-transform: uppercase;
- width: 100%;
-}
-.clinic-booking a.view-pro-btn:hover,
-.clinic-booking a.view-pro-btn:focus {
- background: #20c0f3;
- color: #fff;
-}
-.clinic-booking a.apt-btn {
- background-color: #20c0f3;
- color: #fff;
-}
-.clinic-booking a.apt-btn:hover,
-.clinic-booking a.apt-btn:focus {
- background-color: #0db9f2;
- border-color: #0db9f2;
- color: #fff;
-}
-.load-more {
- margin-bottom: 30px;
-}
-
-/*-----------------
- 17. Doctor Profile
------------------------*/
-
-.clinic-direction {
- color: #757575;
- font-size: 14px;
- margin-bottom: 25px;
-}
-.clinic-direction a {
- color: #e84646;
- font-weight: 500;
-}
-.doctor-action {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- margin-bottom: 15px;
-}
-.doctor-action a + a {
- margin-left: 8px;
-}
-.doctor-action .fav-btn:hover {
- background-color: #fb1612;
- border-color: #fb1612;
- color: #fff;
-}
-.msg-btn:hover,
-.msg-btn:focus {
- background-color: #e84646;
- border-color: #e84646;
- color: #fff;
-}
-.call-btn:hover,
-.call-btn:focus {
- background-color: #e84646;
- border-color: #e84646;
- color: #fff;
-}
-.user-tabs .nav-tabs > li > a {
- border: 0;
- border-bottom: 3px solid transparent;
- color: #3e3e3e;
- font-weight: 600;
- padding: 20px;
-}
-.user-tabs .nav-tabs.nav-tabs-bottom > li > a.active,
-.user-tabs .nav-tabs.nav-tabs-bottom > li > a.active:hover,
-.user-tabs .nav-tabs.nav-tabs-bottom > li > a.active:focus {
- border-bottom-width: 3px;
- color: #20c0f3;
-}
-.user-tabs .med-records {
- display: inline-block;
- min-width: 130px;
-}
-.user-tabs .nav-tabs > li > a:hover {
- background-color: unset;
- color: #20c0f3;
-}
-.widget {
- margin-bottom: 30px;
-}
-.widget-title {
- margin-bottom: 15px;
-}
-.experience-box {
- position: relative;
-}
-.experience-list {
- list-style: none;
- margin: 0;
- padding: 0;
- position: relative;
-}
-.experience-list::before {
- background: #ddd;
- bottom: 0;
- content: "";
- left: 8px;
- position: absolute;
- top: 8px;
- width: 2px;
-}
-.experience-list > li {
- position: relative;
-}
-.experience-list > li:last-child .experience-content {
- margin-bottom: 0;
-}
-.experience-user .avatar {
- height: 32px;
- line-height: 32px;
- margin: 0;
- width: 32px;
-}
-.experience-list > li .experience-user {
- background: #fff;
- height: 10px;
- left: 4px;
- margin: 0;
- padding: 0;
- position: absolute;
- top: 4px;
- width: 10px;
-}
-.experience-list > li .experience-content {
- background-color: #fff;
- margin: 0 0 20px 40px;
- padding: 0;
- position: relative;
-}
-.experience-list > li .experience-content .timeline-content {
- color: #757575;
-}
-.experience-list > li .experience-content .timeline-content a.name {
- font-weight: 500;
-}
-.experience-list > li .time {
- color: #757575;
- display: block;
- font-size: 13px;
-}
-.before-circle {
- background-color: rgba(32, 192, 243, 0.2);
- border-radius: 50%;
- height: 12px;
- width: 12px;
- border: 2px solid #20c0f3;
-}
-.exp-year {
- color: #20c0f3;
- margin-bottom: 2px;
-}
-.exp-title {
- font-size: 16px;
-}
-.awards-widget .experience-list > li:last-child p {
- margin-bottom: 0;
-}
-.service-list {
- margin-bottom: 30px;
-}
-.service-list:last-child {
- border-bottom: 0;
- margin-bottom: 0;
- padding-bottom: 0;
-}
-.service-list ul {
- list-style: none;
- margin: 0;
- padding: 0;
-}
-.service-list ul li {
- float: left;
- margin: 6px 0;
- padding-left: 25px;
- position: relative;
- width: 33%;
-}
-.service-list ul li::before {
- color: #ccc;
- content: "\f30b";
- font-family: "Font Awesome 5 Free";
- font-weight: 900;
- left: 0;
- position: absolute;
-}
-.location-list {
- border: 1px solid #f0f0f0;
- border-radius: 4px;
- padding: 20px;
-}
-.location-list + .location-list {
- margin-top: 20px;
-}
-.clinic-content .clinic-name {
- font-size: 18px;
- font-weight: 500;
- margin-bottom: 3px;
-}
-.clinic-content .clinic-direction a {
- display: inline-block;
- margin-top: 8px;
-}
-.timings-days {
- font-weight: bold;
- color: #ed0b25;
- margin-bottom: 5px;
-}
-.timings-times span {
- display: block;
-}
-.location-list .consult-price {
- font-size: 20px;
- font-weight: 500;
- color: #ed0b25;
-}
-.review-listing {
- border-bottom: 1px solid #f5f7fc;
- margin-top: 20px;
- padding-bottom: 30px;
-}
-.review-listing > ul {
- padding: 0;
- margin: 0;
- list-style: none;
-}
-.review-listing > ul li + li {
- margin-top: 20px;
- border-top: 1px dashed #f0f0f0;
- padding-top: 20px;
-}
-.review-listing > ul li .comment {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- margin-bottom: 30px;
-}
-.review-listing > ul li .comment:last-child {
- margin-bottom: 0;
-}
-.review-listing > ul li .comment .comment-body {
- margin-left: 16px;
-}
-.review-listing > ul li .comment .comment-body .meta-data {
- position: relative;
- margin-bottom: 10px;
-}
-.review-listing > ul li .comment .comment-body .meta-data span {
- display: block;
- font-size: 16px;
- color: #757575;
-}
-.review-listing > ul li .comment .comment-body .meta-data span.comment-author {
- font-weight: 600;
- color: #ed0b25;
- text-transform: capitalize;
-}
-.review-listing > ul li .comment .comment-body .meta-data span.comment-date {
- font-size: 14px;
-}
-.review-listing > ul li .comment .comment-body .meta-data .review-count {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- position: absolute;
- top: 3px;
- right: 0;
- width: auto;
-}
-.review-listing > ul li .comment .comment-body .comment-content {
- color: #757575;
- margin-top: 15px;
- margin-bottom: 15px;
- font-size: 14px;
-}
-.review-listing > ul li .comment .comment-body .comment-reply .comment-btn {
- color: #20c0f3;
- display: inline-block;
- font-weight: 500;
- font-size: 15px;
-}
-.review-listing .recommend-btn {
- float: right;
- color: #757575;
- font-size: 14px;
- padding: 5px 0;
- margin-bottom: 0;
-}
-.review-listing .recommend-btn a {
- border: 1px solid rgba(128, 137, 150, 0.4);
- border-radius: 4px;
- padding: 4px 12px;
- color: #757575;
- margin-left: 3px;
- margin-right: 3px;
- transition: all 0.3s;
-}
-.review-listing .recommend-btn a.like-btn:hover {
- background-color: #28a745;
- border: 1px solid #28a745;
- color: #fff;
-}
-.review-listing .recommend-btn a.dislike-btn:hover {
- background-color: #dc3545;
- border: 1px solid #dc3545;
- color: #fff;
-}
-.review-listing .recommend-btn a i {
- font-size: 16px;
-}
-.review-listing > ul li .comments-reply {
- list-style: none;
- margin-left: 65px;
- padding: 0;
-}
-.recommended {
- color: #28a745;
- font-size: 15px;
- font-weight: 500;
- margin: 0;
- margin-bottom: 5px;
-}
-.all-feedback {
- margin-top: 20px;
-}
-.star-rating {
- direction: rtl;
-}
-.star-rating input[type="radio"] {
- display: none;
-}
-.star-rating label {
- color: #bbb;
- cursor: pointer;
- font-size: 18px;
- padding: 0;
- -webkit-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
-}
-.star-rating label:hover,
-.star-rating label:hover ~ label,
-.star-rating input[type="radio"]:checked ~ label {
- color: #f2b600;
-}
-.terms-accept a {
- color: #20c0f3;
- font-weight: 500;
-}
-.business-widget {
- background-color: #fcfcfc;
- border: 1px solid #f0f0f0;
- padding: 20px;
- margin-bottom: 0;
-}
-.listing-day {
- -webkit-box-align: flex-start;
- -ms-flex-align: flex-start;
- align-items: flex-start;
- color: #000;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- justify-content: space-between;
- -webkit-justify-content: space-between;
- -ms-flex-pack: space-between;
- margin-bottom: 10px;
-}
-.listing-day:last-child {
- margin-bottom: 0;
-}
-.listing-day.current {
- border-bottom: 1px solid #ddd;
- padding-bottom: 13px;
- margin-bottom: 13px;
-}
-.listing-day .day {
- font-weight: 500;
-}
-.listing-day.current .day {
- font-weight: bold;
-}
-.listing-day.current .day span {
- display: block;
- font-weight: normal;
-}
-.time-items {
- color: #757575;
-}
-.time-items > span {
- display: block;
- text-align: right;
-}
-.time-items > span.open-status {
- margin-bottom: 3px;
-}
-.dropzone .dz-preview.dz-error:hover .dz-error-message {
- display: none;
-}
-/*-----------------
- 18. Booking
------------------------*/
-
-.booking-doc-info {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
-}
-.booking-doc-info .booking-doc-img {
- width: 80px;
- margin-right: 15px;
-}
-.booking-doc-info .booking-doc-img img {
- border-radius: 4px;
- height: 80px;
- width: 80px;
- object-fit: cover;
-}
-.schedule-widget {
- border-radius: 4px;
- min-height: 100px;
-}
-.schedule-header h4 {
- font-size: 18px;
- font-weight: 600;
- margin: 3px 0 0;
-}
-.schedule-header {
- border-bottom: 1px solid #f0f0f0;
- border-radius: 4px 4px 0 0;
- padding: 10px 20px;
-}
-.day-slot ul {
- float: left;
- list-style: none;
- margin-bottom: 0;
- margin-left: -5px;
- margin-right: -5px;
- padding: 0;
- position: relative;
- width: 100%;
-}
-.day-slot li {
- float: left;
- padding-left: 5px;
- padding-right: 5px;
- text-align: center;
- width: 14.28%;
-}
-.day-slot li span {
- display: block;
- font-size: 18px;
- text-transform: uppercase;
-}
-.day-slot li span.slot-date {
- display: block;
- color: #757575;
- font-size: 14px;
-}
-.day-slot li small.slot-year {
- color: #757575;
- font-size: 14px;
-}
-.day-slot li.left-arrow {
- left: 0;
- padding: 0;
- position: absolute;
- text-align: center;
- top: 50%;
- width: 20px !important;
- transform: translateY(-50%);
-}
-.day-slot li.right-arrow {
- right: -11px;
- padding: 0;
- position: absolute;
- text-align: center;
- top: 50%;
- width: 20px !important;
- transform: translateY(-50%);
-}
-.schedule-cont {
- padding: 20px;
-}
-.time-slot ul {
- list-style: none;
- margin-right: -5px;
- margin-left: -5px;
- margin-bottom: 0;
- padding: 0;
-}
-.time-slot li {
- float: left;
- padding-left: 5px;
- padding-right: 5px;
- width: 14.28%;
-}
-.time-slot li .timing {
- background-color: #e9e9e9;
- border: 1px solid #e9e9e9;
- border-radius: 3px;
- color: #757575;
- display: block;
- font-size: 14px;
- margin-bottom: 10px;
- padding: 5px 5px;
- text-align: center;
- position: relative;
-}
-.time-slot li .timing:hover {
- background-color: #fff;
-}
-.time-slot li .timing:last-child {
- margin-bottom: 0;
-}
-.time-slot li .timing.selected {
- background-color: #42c0fb;
- border: 1px solid #42c0fb;
- color: #fff;
-}
-.time-slot li .timing.selected::before {
- color: #fff;
- content: "\f00c";
- font-family: "Font Awesome 5 Free";
- font-size: 12px;
- font-weight: 900;
- position: absolute;
- right: 6px;
- top: 6px;
-}
-.schedule-list {
- border-bottom: 1px solid #cfcfcf;
- margin-bottom: 50px;
- padding-bottom: 50px;
-}
-.schedule-list:last-child {
- border-bottom: 0;
- margin-bottom: 0;
- padding-bottom: 0;
-}
-.submit-section.proceed-btn {
- margin: 0 0 30px;
-}
-
-/*-----------------
- 19. Checkout
------------------------*/
-
-.info-widget {
- border-bottom: 1px solid #f0f0f0;
- padding-bottom: 30px;
- margin-bottom: 30px;
-}
-.card-label > label {
- background-color: #fff;
- color: #959595;
- display: inline-block;
- font-size: 13px;
- font-weight: 500;
- margin: 6px auto auto 8px;
- padding: 0 7px;
-}
-.card-label > input {
- background-color: #fff;
- border: 1px solid #dbdbdb;
- border-radius: 4px;
- box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
- display: block;
- height: 50px;
- margin-top: -13px;
- padding: 5px 15px 0;
- transition: border-color 0.3s;
- width: 100%;
-}
-.exist-customer a {
- color: #20c0f3;
- font-weight: 500;
-}
-.payment-widget .payment-list + .payment-list {
- margin-bottom: 15px;
-}
-.payment-radio {
- display: block;
- position: relative;
- padding-left: 35px;
- margin-bottom: 12px;
- cursor: pointer;
- font-size: 16px;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- font-weight: 600;
- color: #ed0b25;
- text-transform: capitalize;
-}
-.payment-radio input {
- position: absolute;
- opacity: 0;
- cursor: pointer;
- height: 0;
- width: 0;
-}
-.payment-radio .checkmark {
- position: absolute;
- top: 0;
- left: 0;
- width: 19px;
- height: 19px;
- margin: 3px 0 0 0;
- border: 2px solid #ddd;
- border-top-color: rgb(221, 221, 221);
- border-right-color: rgb(221, 221, 221);
- border-bottom-color: rgb(221, 221, 221);
- border-left-color: rgb(221, 221, 221);
- -webkit-border-radius: 50%;
- -moz-border-radius: 50%;
- border-radius: 50%;
- -webkit-transition: all 0.3s;
- -moz-transition: all 0.3s;
- -ms-transition: all 0.3s;
- -o-transition: all 0.3s;
- transition: all 0.3s;
-}
-.payment-radio input:checked ~ .checkmark {
- border-color: #20c0f3;
-}
-.payment-radio .checkmark::after {
- position: absolute;
- left: 3px;
- top: 3px;
- content: "";
- width: 9px;
- height: 9px;
- background-color: #20c0f3;
- opacity: 0;
- visibility: hidden;
- -webkit-transform: scale(0.1);
- -moz-transform: scale(0.1);
- -ms-transform: scale(0.1);
- -o-transform: scale(0.1);
- transform: scale(0.1);
- -webkit-border-radius: 50%;
- -moz-border-radius: 50%;
- border-radius: 50%;
- -webkit-transition: all 0.3s;
- -moz-transition: all 0.3s;
- -ms-transition: all 0.3s;
- -o-transition: all 0.3s;
- transition: all 0.3s;
-}
-.payment-radio input:checked ~ .checkmark::after {
- -webkit-transform: scale(1);
- -moz-transform: scale(1);
- -ms-transform: scale(1);
- -o-transform: scale(1);
- transform: scale(1);
- opacity: 1;
- visibility: visible;
-}
-.booking-date {
- padding: 0;
- list-style: none;
-}
-.booking-date li {
- position: relative;
- font-size: 14px;
- font-weight: 500;
- color: #ed0b25;
- text-transform: capitalize;
- margin-bottom: 15px;
-}
-.booking-date li span {
- float: right;
- color: #757575;
- font-weight: 400;
- font-size: 15px;
-}
-.booking-fee {
- padding: 0;
- list-style: none;
-}
-.booking-fee li {
- position: relative;
- font-size: 14px;
- font-weight: 500;
- color: #ed0b25;
- text-transform: capitalize;
- margin-bottom: 15px;
-}
-.booking-fee li span {
- float: right;
- color: #757575;
- font-weight: 400;
- font-size: 15px;
-}
-.booking-total {
- border-top: 1px solid #e4e4e4;
- margin-top: 20px;
- padding-top: 20px;
-}
-.booking-total ul {
- padding: 0;
- list-style: none;
- margin: 0;
-}
-.booking-total ul li span {
- font-size: 18px;
- font-weight: 600;
- color: #ed0b25;
-}
-.booking-total ul li .total-cost {
- color: #20c0f3;
- font-size: 16px;
- float: right;
-}
-
-/*-----------------
- 20. Booking Success
------------------------*/
-
-.success-page-cont {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- display: flex;
-}
-.success-card .card-body {
- padding: 50px 20px;
-}
-.success-cont {
- text-align: center;
-}
-.success-cont i {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- color: #fff;
- width: 60px;
- height: 60px;
- border: 2px solid #e84646;
- border-radius: 50%;
- display: -webkit-inline-box;
- display: -ms-inline-flexbox;
- display: inline-flex;
- justify-content: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- font-size: 30px;
- margin-bottom: 30px;
- background-color: #e84646;
-}
-.success-cont h3 {
- font-size: 24px;
-}
-.success-cont p {
- margin-bottom: 30px;
-}
-.success-cont strong {
- font-weight: 600;
-}
-.view-inv-btn {
- font-size: 16px;
- font-weight: 600;
- padding: 12px 30px;
-}
-
-/*-----------------
- 21. Invoice View
------------------------*/
-
-.invoice-content {
- background-color: #fff;
- border: 1px solid #f0f0f0;
- border-radius: 4px;
- margin-bottom: 30px;
- padding: 30px;
-}
-.invoice-item .invoice-logo {
- margin-bottom: 30px;
-}
-.invoice-item .invoice-logo img {
- width: auto;
- max-height: 52px;
-}
-.invoice-item .invoice-text h2 {
- color: #ed0b25;
- font-size: 36px;
- font-weight: 600;
-}
-.invoice-item .invoice-details {
- text-align: right;
- color: #757575;
- font-weight: 500;
-}
-.invoice-item .invoice-details strong {
- color: #ed0b25;
-}
-.invoice-item .invoice-details-two {
- text-align: left;
-}
-.invoice-item .invoice-text {
- padding-top: 42px;
- padding-bottom: 36px;
-}
-.invoice-item .invoice-text h2 {
- font-weight: 400;
-}
-.invoice-info {
- margin-bottom: 30px;
-}
-.invoice-info p {
- margin-bottom: 0;
-}
-.invoice-info.invoice-info2 {
- text-align: right;
-}
-.invoice-item .customer-text {
- font-size: 18px;
- color: #ed0b25;
- font-weight: 600;
- margin-bottom: 8px;
- display: block;
-}
-.invoice-table tr th,
-.invoice-table tr td,
-.invoice-table-two tr th,
-.invoice-table-two tr td {
- color: #ed0b25;
- font-weight: 600;
- padding: 10px 20px;
- line-height: inherit;
-}
-.invoice-table tr td,
-.invoice-table-two tr td {
- color: #757575;
- font-weight: 500;
-}
-.invoice-table-two {
- margin-bottom: 0;
-}
-.invoice-table-two tr th,
-.invoice-table-two tr td {
- border-top: 0;
-}
-.invoice-table-two tr td {
- text-align: right;
-}
-.invoice-info h5 {
- font-size: 16px;
- font-weight: 500;
-}
-.other-info {
- margin-top: 10px;
-}
-
-/*-----------------
- 22. Schedule Timings
------------------------*/
-
-.tab-content.schedule-cont .card-title {
- margin-bottom: 10px;
-}
-.doc-times {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
-}
-.doc-slot-list {
- background-color: #d9534f;
- border: 1px solid #d43f3a;
- border-radius: 4px;
- color: #fff;
- font-size: 14px;
- margin: 10px 10px 0 0;
- padding: 6px 15px;
-}
-.doc-slot-list a {
- color: #e48784;
- display: inline-block;
- margin-left: 5px;
-}
-.doc-slot-list a:hover {
- color: #fff;
-}
-.schedule-nav .nav-tabs {
- border: 0 !important;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
-}
-.schedule-nav .nav-tabs li {
- margin: 5px 15px 5px 0;
- display: inline-block;
-}
-.schedule-nav .nav-tabs li:last-child {
- margin-right: 0;
-}
-.schedule-nav .nav-tabs > li > a {
- border: 1px solid #dcddea;
- border-radius: 4px;
- padding: 6px 15px;
- text-transform: uppercase;
-}
-.schedule-nav .nav-tabs li a.active {
- background: #ff4877;
- border: 1px solid #ff4877 !important;
- color: #fff;
-}
-.hours-info .form-control {
- min-height: auto;
-}
-.hours-info .btn.btn-danger.trash {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- height: 38px;
- width: 100%;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- justify-content: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
-}
-.edit-link {
- color: #20c0f3;
- font-size: 16px;
- margin-top: 4px;
-}
-
-/*-----------------
- 23. Doctor Dashboard
------------------------*/
-
-.dash-widget {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
-}
-.circle-bar {
- margin-right: 15px;
-}
-.dct-border-rht {
- border-right: 1px solid #f0f0f0;
-}
-.dash-widget h6 {
- font-size: 16px;
- font-weight: 400;
-}
-.dash-widget h3 {
- font-size: 24px;
- margin-bottom: 5px;
-}
-.dash-widget p {
- color: #757575;
- font-size: 14px;
- margin-bottom: 0;
-}
-.circle-bar > div {
- display: inline-block;
- position: relative;
- text-align: center;
-}
-.circle-bar > div img {
- left: 0;
- position: absolute;
- top: 50%;
- right: 0;
- text-align: center;
- margin: 0 auto;
- transform: translateY(-50%);
-}
-.circle-bar > div canvas {
- width: 90px !important;
- height: 90px !important;
-}
-.dash-card .row {
- margin-left: -10px;
- margin-right: -10px;
-}
-.dash-card .row > div {
- padding-left: 10px;
- padding-right: 10px;
-}
-.appointment-tab {
- margin-bottom: 30px;
-}
-.appointment-tab .nav-tabs {
- background-color: #fff;
- padding: 1.5rem;
- border: 1px solid #f0f0f0;
- border-radius: 0.25rem 0.25rem 0 0 !important;
- border-bottom: 0;
-}
-.appointment-tab .tab-content {
- padding-top: 0;
-}
-.appointment-tab .card {
- border-radius: 0;
-}
-.submit-btn-bottom {
- margin-bottom: 30px;
-}
-
-/*-----------------
- 24. Patient Profile
------------------------*/
-
-.add-new-btn {
- background-color: #0de0fe;
- border-radius: 30px;
- color: #fff;
- display: inline-block;
- font-weight: 500;
- margin-bottom: 20px;
- padding: 10px 20px;
-}
-.add-new-btn:focus,
-.add-new-btn:hover,
-.add-new-btn:active {
- background-color: #0de0fe;
- color: #fff;
-}
-.patient-info {
- margin-top: 15px;
-}
-.patient-info ul {
- padding: 0;
- list-style: none;
- font-size: 0.875rem;
- margin: 0;
-}
-.patient-info ul li {
- position: relative;
- font-size: 0.875rem;
- font-weight: 500;
- color: #ed0b25;
- text-transform: capitalize;
-}
-.patient-info ul li + li {
- margin-top: 15px;
-}
-.patient-info ul li i {
- width: 18px;
-}
-.patient-info ul li span {
- color: #757575;
- float: right;
- font-weight: 400;
-}
-
-/*-----------------
- 25. Add Billing
------------------------*/
-
-.biller-info,
-.billing-info {
- margin-bottom: 15px;
-}
-.add-more-item {
- margin-bottom: 10px;
-}
-.add-more-item a {
- color: #0de0fe;
- font-weight: 500;
-}
-.signature-wrap {
- float: right;
- margin-bottom: 20px;
- text-align: center;
- width: 220px;
-}
-.signature {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- border: 2px dashed #ccc;
- border-radius: 4px;
- color: #ed0b25;
- cursor: pointer;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- justify-content: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- height: 85px;
- margin-bottom: 15px;
- width: 100%;
-}
-.signature:hover {
- background-color: #fcfcfc;
-}
-.sign-name {
- width: 100%;
- float: right;
-}
-.pat-widget-profile .pro-widget-content {
- padding: 0 0 20px;
-}
-.pat-widget-profile .booking-date li {
- font-size: 0.875rem;
-}
-.pat-widget-profile .booking-date li span {
- font-size: 0.875rem;
-}
-
-/*-----------------
- 26. Chat
------------------------*/
-
-.chat-page .content {
- padding: 0;
-}
-.chat-page .content > .container-fluid {
- padding: 0;
-}
-.chat-page .footer {
- display: none;
-}
-.chat-window {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- position: relative;
-}
-.chat-cont-left {
- border-right: 1px solid #f0f0f0;
- -ms-flex: 0 0 35%;
- flex: 0 0 35%;
- left: 0;
- max-width: 35%;
- position: relative;
- z-index: 4;
-}
-.chat-cont-left .chat-header {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- background-color: #fff;
- border-bottom: 1px solid #f0f0f0;
- color: #ed0b25;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- height: 72px;
- justify-content: space-between;
- -webkit-justify-content: space-between;
- -ms-flex-pack: space-between;
- padding: 0 15px;
-}
-.chat-cont-left .chat-header span {
- font-size: 20px;
- font-weight: 500;
- text-transform: capitalize;
-}
-.chat-cont-left .chat-header .chat-compose {
- color: #8a8a8a;
- display: -webkit-inline-box;
- display: -ms-inline-flexbox;
- display: inline-flex;
-}
-.chat-cont-left .chat-search {
- background-color: #f5f5f6;
- border-bottom: 1px solid #e5e5e5;
- padding: 10px 15px;
- width: 100%;
-}
-.chat-cont-left .chat-search .input-group {
- width: 100%;
-}
-.chat-cont-left .chat-search .input-group .form-control {
- background-color: #fff;
- border-radius: 50px;
- padding-left: 36px;
-}
-.chat-cont-left .chat-search .input-group .form-control:focus {
- border-color: #ccc;
- box-shadow: none;
-}
-.chat-cont-left .chat-search .input-group .input-group-prepend {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- bottom: 0;
- color: #666;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- left: 15px;
- pointer-events: none;
- position: absolute;
- top: 0;
- z-index: 4;
-}
-.chat-window .chat-scroll {
- min-height: 300px;
- max-height: calc(100vh - 224px);
- overflow-y: auto;
-}
-.chat-cont-left .chat-users-list {
- background-color: #fff;
-}
-.chat-cont-left .chat-users-list a.media {
- border-bottom: 1px solid #f0f0f0;
- padding: 10px 15px;
- transition: all 0.2s ease 0s;
-}
-.chat-cont-left .chat-users-list a.media:last-child {
- border-bottom: 0;
-}
-.chat-cont-left .chat-users-list a.media .media-img-wrap {
- margin-right: 15px;
- position: relative;
-}
-.chat-cont-left .chat-users-list a.media .media-img-wrap .avatar {
- height: 45px;
- width: 45px;
-}
-.chat-cont-left .chat-users-list a.media .media-img-wrap .status {
- bottom: 7px;
- height: 10px;
- right: 4px;
- position: absolute;
- width: 10px;
- border: 2px solid #fff;
-}
-.chat-cont-left .chat-users-list a.media .media-body {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- justify-content: space-between;
- -webkit-justify-content: space-between;
- -ms-flex-pack: space-between;
-}
-.chat-cont-left
- .chat-users-list
- a.media
- .media-body
- > div:first-child
- .user-name,
-.chat-cont-left
- .chat-users-list
- a.media
- .media-body
- > div:first-child
- .user-last-chat {
- max-width: 250px;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
-}
-.chat-cont-left
- .chat-users-list
- a.media
- .media-body
- > div:first-child
- .user-name {
- color: #ed0b25;
- text-transform: capitalize;
-}
-.chat-cont-left
- .chat-users-list
- a.media
- .media-body
- > div:first-child
- .user-last-chat {
- color: #8a8a8a;
- font-size: 14px;
- line-height: 24px;
-}
-.chat-cont-left .chat-users-list a.media .media-body > div:last-child {
- text-align: right;
-}
-.chat-cont-left
- .chat-users-list
- a.media
- .media-body
- > div:last-child
- .last-chat-time {
- color: #8a8a8a;
- font-size: 13px;
-}
-.chat-cont-left .chat-users-list a.media:hover {
- background-color: #f5f5f6;
-}
-.chat-cont-left
- .chat-users-list
- a.media.read-chat
- .media-body
- > div:last-child
- .last-chat-time {
- color: #8a8a8a;
-}
-.chat-cont-left .chat-users-list a.media.active {
- background-color: #f5f5f6;
-}
-.chat-cont-right {
- -ms-flex: 0 0 65%;
- flex: 0 0 65%;
- max-width: 65%;
-}
-.chat-cont-right .chat-header {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- background-color: #fff;
- border-bottom: 1px solid #f0f0f0;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- height: 72px;
- justify-content: space-between;
- -webkit-justify-content: space-between;
- -ms-flex-pack: space-between;
- padding: 0 15px;
-}
-.chat-cont-right .chat-header .back-user-list {
- display: none;
- margin-right: 5px;
- margin-left: -7px;
-}
-.chat-cont-right .chat-header .media {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
-}
-.chat-cont-right .chat-header .media .media-img-wrap {
- position: relative;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- margin-right: 15px;
-}
-.chat-cont-right .chat-header .media .media-img-wrap .avatar {
- height: 50px;
- width: 50px;
-}
-.chat-cont-right .chat-header .media .media-img-wrap .status {
- border: 2px solid #fff;
- bottom: 0;
- height: 10px;
- position: absolute;
- right: 3px;
- width: 10px;
-}
-.chat-cont-right .chat-header .media .media-body .user-name {
- color: #ed0b25;
- font-size: 16px;
- font-weight: 500;
- text-transform: capitalize;
-}
-.chat-cont-right .chat-header .media .media-body .user-status {
- color: #666;
- font-size: 14px;
-}
-.chat-cont-right .chat-header .chat-options {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
-}
-.chat-cont-right .chat-header .chat-options > a {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- border-radius: 50%;
- color: #8a8a8a;
- display: -webkit-inline-box;
- display: -ms-inline-flexbox;
- display: inline-flex;
- height: 30px;
- justify-content: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- margin-left: 10px;
- width: 30px;
-}
-.chat-cont-right .chat-body {
- background-color: #f5f5f6;
-}
-.chat-cont-right .chat-body ul.list-unstyled {
- margin: 0 auto;
- padding: 15px;
- width: 100%;
-}
-.chat-cont-right .chat-body .media .avatar {
- height: 30px;
- width: 30px;
-}
-.chat-cont-right .chat-body .media .media-body {
- margin-left: 20px;
-}
-.chat-cont-right .chat-body .media .media-body .msg-box > div {
- padding: 10px 15px;
- border-radius: 0.25rem;
- display: inline-block;
- position: relative;
-}
-.chat-cont-right .chat-body .media .media-body .msg-box > div p {
- color: #ed0b25;
- margin-bottom: 0;
-}
-.chat-cont-right .chat-body .media .media-body .msg-box + .msg-box {
- margin-top: 5px;
-}
-.chat-cont-right .chat-body .media.received {
- margin-bottom: 20px;
-}
-.chat-cont-right .chat-body .media:last-child {
- margin-bottom: 0;
-}
-.chat-cont-right .chat-body .media.received .media-body .msg-box > div {
- background-color: #fff;
-}
-.chat-cont-right .chat-body .media.sent {
- margin-bottom: 20px;
-}
-.chat-cont-right .chat-body .media.sent .media-body {
- -webkit-box-align: flex-end;
- -ms-flex-align: flex-end;
- align-items: flex-end;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -ms-flex-direction: column;
- flex-direction: column;
- justify-content: flex-end;
- -webkit-justify-content: flex-end;
- -ms-flex-pack: flex-end;
- margin-left: 0;
-}
-.chat-cont-right .chat-body .media.sent .media-body .msg-box > div {
- background-color: #e3e3e3;
-}
-.chat-cont-right .chat-body .media.sent .media-body .msg-box > div p {
- color: #ed0b25;
-}
-.chat-cont-right .chat-body .chat-date {
- font-size: 14px;
- margin: 1.875rem 0;
- overflow: hidden;
- position: relative;
- text-align: center;
- text-transform: capitalize;
-}
-.chat-cont-right .chat-body .chat-date:before {
- background-color: #e0e3e4;
- content: "";
- height: 1px;
- margin-right: 28px;
- position: absolute;
- right: 50%;
- top: 50%;
- width: 100%;
-}
-.chat-cont-right .chat-body .chat-date:after {
- background-color: #e0e3e4;
- content: "";
- height: 1px;
- left: 50%;
- margin-left: 28px;
- position: absolute;
- top: 50%;
- width: 100%;
-}
-.chat-cont-right .chat-footer {
- background-color: #fff;
- border-top: 1px solid #f0f0f0;
- padding: 10px 15px;
- position: relative;
-}
-.chat-cont-right .chat-footer .input-group {
- width: 100%;
-}
-.chat-cont-right .chat-footer .input-group .form-control {
- background-color: #f5f5f6;
- border: none;
- border-radius: 50px;
-}
-.chat-cont-right .chat-footer .input-group .form-control:focus {
- background-color: #f5f5f6;
- border: none;
- box-shadow: none;
-}
-.chat-cont-right .chat-footer .input-group .input-group-prepend .btn,
-.chat-cont-right .chat-footer .input-group .input-group-append .btn {
- background-color: transparent;
- border: none;
- color: #9f9f9f;
-}
-.chat-cont-right
- .chat-footer
- .input-group
- .input-group-append
- .btn.msg-send-btn {
- background-color: #0de0fe;
- border-color: #0de0fe;
- border-radius: 50%;
- color: #fff;
- margin-left: 10px;
- min-width: 46px;
- font-size: 20px;
-}
-.msg-typing {
- width: auto;
- height: 24px;
- padding-top: 8px;
-}
-.msg-typing span {
- height: 8px;
- width: 8px;
- float: left;
- margin: 0 1px;
- background-color: #a0a0a0;
- display: block;
- border-radius: 50%;
- opacity: 0.4;
-}
-.msg-typing span:nth-of-type(1) {
- animation: 1s blink infinite 0.33333s;
-}
-.msg-typing span:nth-of-type(2) {
- animation: 1s blink infinite 0.66666s;
-}
-.msg-typing span:nth-of-type(3) {
- animation: 1s blink infinite 0.99999s;
-}
-.chat-cont-right .chat-body .media.received .media-body .msg-box {
- position: relative;
-}
-.chat-cont-right
- .chat-body
- .media.received
- .media-body
- .msg-box:first-child:before {
- border-bottom: 6px solid transparent;
- border-right: 6px solid #fff;
- border-top: 6px solid transparent;
- content: "";
- height: 0;
- left: -6px;
- position: absolute;
- right: auto;
- top: 8px;
- width: 0;
-}
-.chat-cont-right .chat-body .media.sent .media-body .msg-box {
- padding-left: 50px;
- position: relative;
-}
-.chat-cont-right
- .chat-body
- .media.sent
- .media-body
- .msg-box:first-child:before {
- border-bottom: 6px solid transparent;
- border-left: 6px solid #e3e3e3;
- border-top: 6px solid transparent;
- content: "";
- height: 0;
- left: auto;
- position: absolute;
- right: -6px;
- top: 8px;
- width: 0;
-}
-.chat-msg-info {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- clear: both;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- list-style: none;
- padding: 0;
- margin: 5px 0 0;
-}
-.chat-msg-info li {
- font-size: 13px;
- padding-right: 16px;
- position: relative;
-}
-.chat-msg-info li:not(:last-child):after {
- position: absolute;
- right: 8px;
- top: 50%;
- content: "";
- height: 4px;
- width: 4px;
- background: #d2dde9;
- border-radius: 50%;
- transform: translate(50%, -50%);
-}
-.chat-cont-right
- .chat-body
- .media.sent
- .media-body
- .msg-box
- .chat-msg-info
- li:not(:last-child)::after {
- right: auto;
- left: 8px;
- transform: translate(-50%, -50%);
- background: #aaa;
-}
-.chat-cont-right
- .chat-body
- .media.received
- .media-body
- .msg-box
- > div
- .chat-time {
- color: rgba(50, 65, 72, 0.4);
-}
-.chat-cont-right .chat-body .media.sent .media-body .msg-box > div .chat-time {
- color: rgba(50, 65, 72, 0.4);
-}
-.chat-msg-info li a {
- color: #777;
-}
-.chat-msg-info li a:hover {
- color: #2c80ff;
-}
-.chat-seen i {
- color: #00d285;
- font-size: 16px;
-}
-.chat-msg-attachments {
- padding: 4px 0;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- width: 100%;
- margin: 0 -1px;
-}
-.chat-msg-attachments > div {
- margin: 0 1px;
-}
-.chat-cont-right
- .chat-body
- .media.sent
- .media-body
- .msg-box
- > div
- .chat-msg-info {
- flex-direction: row-reverse;
-}
-.chat-cont-right
- .chat-body
- .media.sent
- .media-body
- .msg-box
- > div
- .chat-msg-attachments {
- flex-direction: row-reverse;
-}
-.chat-cont-right
- .chat-body
- .media.sent
- .media-body
- .msg-box
- > div
- .chat-msg-info
- li {
- padding-left: 16px;
- padding-right: 0;
- position: relative;
-}
-.chat-attachment img {
- max-width: 100%;
-}
-.chat-attachment {
- position: relative;
- max-width: 130px;
- overflow: hidden;
-}
-.chat-attachment {
- border-radius: 0.25rem;
-}
-.chat-attachment:before {
- position: absolute;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- background: #000;
- content: "";
- opacity: 0.4;
- transition: all 0.4s;
-}
-.chat-attachment:hover:before {
- opacity: 0.6;
-}
-.chat-attach-caption {
- position: absolute;
- left: 0;
- right: 0;
- bottom: 0;
- color: #fff;
- padding: 7px 15px;
- font-size: 13px;
- opacity: 1;
- transition: all 0.4s;
-}
-.chat-attach-download {
- position: absolute;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
- opacity: 0;
- transition: all 0.4s;
- color: #fff;
- width: 32px;
- line-height: 32px;
- background: rgba(255, 255, 255, 0.2);
- text-align: center;
-}
-.chat-attach-download:hover {
- color: #495463;
- background: #fff;
-}
-.chat-attachment:hover .chat-attach-caption {
- opacity: 0;
-}
-.chat-attachment:hover .chat-attach-download {
- opacity: 1;
-}
-.chat-attachment-list {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- margin: -5px;
-}
-.chat-attachment-list li {
- width: 33.33%;
- padding: 5px;
-}
-.chat-attachment-item {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- border: 5px solid rgba(230, 239, 251, 0.5);
- height: 100%;
- min-height: 60px;
- text-align: center;
- font-size: 30px;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- justify-content: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
-}
-.chat-cont-right
- .chat-body
- .media.sent
- .media-body
- .msg-box
- > div:hover
- .chat-msg-actions {
- opacity: 1;
-}
-.chat-msg-actions {
- position: absolute;
- left: -30px;
- top: 50%;
- transform: translateY(-50%);
- opacity: 0;
- transition: all 0.4s;
- z-index: 2;
-}
-.chat-msg-actions > a {
- padding: 0 10px;
- color: #495463;
- font-size: 24px;
-}
-.chat-msg-actions > a:hover {
- color: #2c80ff;
-}
-
-@keyframes blink {
- 50% {
- opacity: 1;
- }
-}
-.btn-file {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- display: -webkit-inline-box;
- display: -ms-inline-flexbox;
- display: inline-flex;
- font-size: 20px;
- justify-content: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- overflow: hidden;
- padding: 0 0.75rem;
- position: relative;
- vertical-align: middle;
-}
-.btn-file input {
- cursor: pointer;
- filter: alpha(opacity=0);
- font-size: 23px;
- height: 100%;
- margin: 0;
- opacity: 0;
- position: absolute;
- right: 0;
- top: 0;
- width: 100%;
-}
-
-/*-----------------
- 27. Doctor Profile Settings
------------------------*/
-
-.profile-image img {
- margin-bottom: 1.5rem;
-}
-.change-photo-btn {
- background-color: #ed0b25;
- border-radius: 50px;
- color: #fff;
- cursor: pointer;
- display: block;
- font-size: 13px;
- /* font-weight: 600; */
- margin: 0 auto;
- padding: 10px 15px;
- position: relative;
- transition: 0.3s;
- text-align: center;
- width: 220px;
-}
-.change-photo-btn input.upload {
- bottom: 0;
- cursor: pointer;
- filter: alpha(opacity=0);
- left: 0;
- margin: 0;
- opacity: 0;
- padding: 0;
- position: absolute;
- right: 0;
- top: 0;
- width: 220px;
-}
-.dropzone {
- background-color: #fbfbfb;
- border: 2px dashed rgba(0, 0, 0, 0.1);
-}
-.btn-icon {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- text-align: center;
- position: absolute;
- padding: 0;
- font-size: 10px;
- width: 20px;
- height: 20px;
- display: -webkit-inline-box;
- display: -ms-inline-flexbox;
- display: inline-flex;
- right: 3px;
- top: 3px;
- justify-content: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
-}
-.upload-images {
- position: relative;
- width: 80px;
-}
-.upload-images img {
- border-radius: 4px;
- height: 80px;
- width: auto;
-}
-.upload-wrap {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
-}
-.upload-wrap .upload-images + .upload-images {
- margin-left: 20px;
-}
-.contact-card .card-body {
- padding-bottom: 0.625rem;
-}
-.custom_price_cont {
- margin-top: 20px;
-}
-.btn.btn-danger.trash {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- height: 46px;
- width: 46px;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- justify-content: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
-}
-.add-more a {
- color: #20c0f3;
-}
-.bootstrap-tagsinput {
- border-color: #dcdcdc;
- box-shadow: inherit;
- min-height: 46px;
- width: 100%;
- border-radius: 0;
-}
-.bootstrap-tagsinput.focus {
- border-color: #bbb;
-}
-.bootstrap-tagsinput .tag {
- background-color: #20c0f3;
- color: #fff;
- display: inline-block;
- font-size: 14px;
- font-weight: normal;
- margin-right: 2px;
- padding: 11px 15px;
- border-radius: 0;
-}
-.services-card .bootstrap-tagsinput input {
- width: 160px;
-}
-.submit-section .submit-btn {
- padding: 12px 30px;
- font-weight: 600;
- font-size: 16px;
- min-width: 120px;
-}
-.submit-section .submit-btn + .submit-btn {
- margin-left: 15px;
-}
-
-/*-----------------
- 28. Calendar
------------------------*/
-
-#calendar-events {
- background-color: #fcfcfc;
-}
-.calendar-events {
- border: 1px solid transparent;
- cursor: move;
- padding: 10px 15px;
-}
-.calendar-events:hover {
- border-color: #e9e9e9;
- background-color: #fff;
-}
-.calendar-events i {
- margin-right: 8px;
-}
-.calendar {
- float: left;
- margin-bottom: 0;
-}
-.fc-toolbar.fc-header-toolbar {
- margin-bottom: 1.5rem;
-}
-.none-border .modal-footer {
- border-top: none;
-}
-.fc-toolbar h2 {
- font-size: 18px;
- font-weight: 600;
- font-family: "Roboto", sans-serif;
- line-height: 30px;
- text-transform: uppercase;
-}
-.fc-day-grid-event .fc-time {
- font-family: "Roboto", sans-serif;
-}
-.fc-day {
- background: #fff;
-}
-.fc-toolbar .fc-state-active,
-.fc-toolbar .ui-state-active,
-.fc-toolbar button:focus,
-.fc-toolbar button:hover,
-.fc-toolbar .ui-state-hover {
- z-index: 0;
-}
-.fc th.fc-widget-header {
- background: #eeeeee;
- font-size: 14px;
- line-height: 20px;
- padding: 10px 0;
- text-transform: uppercase;
-}
-.fc-unthemed th,
-.fc-unthemed td,
-.fc-unthemed thead,
-.fc-unthemed tbody,
-.fc-unthemed .fc-divider,
-.fc-unthemed .fc-row,
-.fc-unthemed .fc-popover {
- border-color: #f3f3f3;
-}
-.fc-basic-view .fc-day-number,
-.fc-basic-view .fc-week-number {
- padding: 2px 5px;
-}
-.fc-button {
- background: #f1f1f1;
- border: none;
- color: #797979;
- text-transform: capitalize;
- box-shadow: none !important;
- border-radius: 3px !important;
- margin: 0 3px !important;
- padding: 6px 12px !important;
- height: auto !important;
-}
-.fc-text-arrow {
- font-family: inherit;
- font-size: 16px;
-}
-.fc-state-hover {
- background: #f3f3f3;
-}
-.fc-state-highlight {
- background: #f0f0f0;
-}
-.fc-state-down,
-.fc-state-active,
-.fc-state-disabled {
- background-color: #20c0f3 !important;
- color: #fff !important;
- text-shadow: none !important;
-}
-.fc-cell-overlay {
- background: #f0f0f0;
-}
-.fc-unthemed .fc-today {
- background: #fff;
-}
-.fc-event {
- border-radius: 2px;
- border: none;
- color: #fff !important;
- cursor: move;
- font-size: 13px;
- margin: 1px 7px;
- padding: 5px 5px;
- text-align: center;
-}
-.fc-basic-view td.fc-week-number span {
- padding-right: 8px;
- font-weight: 700;
- font-family: "Roboto", sans-serif;
-}
-.fc-basic-view td.fc-day-number {
- padding-right: 8px;
- font-weight: 700;
- font-family: "Roboto", sans-serif;
-}
-.event-form .input-group .form-control {
- height: 40px;
-}
-
-/*-----------------
- 29. Patient Dashboard
------------------------*/
-
-.profile-sidebar {
- background-color: #fff;
- border: 1px solid #f0f0f0;
- border-radius: 4px;
- margin-bottom: 30px;
- overflow: hidden;
-}
-.pro-widget-content {
- border-bottom: 1px solid #f0f0f0;
- padding: 20px;
- text-align: center;
-}
-
-.profile-info-widget {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- text-align: left;
-}
-.profile-info-widget .booking-doc-img {
- margin-right: 15px;
-}
-.profile-info-widget .booking-doc-img img {
- border-radius: 4px;
- height: 90px;
- width: 90px;
- object-fit: cover;
-}
-.profile-det-info {
- overflow: hidden;
-}
-.profile-det-info h3 {
- font-size: 17px;
- text-overflow: ellipsis;
- white-space: nowrap;
- overflow: hidden;
-}
-.patient-details h5 {
- color: #757575;
- font-size: 13px;
- font-weight: normal;
- margin-bottom: 8px;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
-}
-.patient-details h5 i {
- width: 18px;
-}
-.dashboard-menu ul {
- color: #757575;
- font-size: 14px;
- line-height: 17px;
- list-style: none;
- margin: 0;
- padding: 0;
- text-transform: capitalize;
-}
-.dashboard-menu ul li {
- line-height: inherit;
-}
-
-/* My Styles */
-.dashboard-menu > ul > lh > label {
- color: #757575;
- display: block;
- padding: 16px 20px;
-}
-
-.dashboard-menu > ul > li {
- border-bottom: 1px solid #f0f0f0;
- position: relative;
-}
-.dashboard-menu > ul > li:last-child {
- border-bottom: 0;
-}
-.dashboard-menu ul li a span,
-.dashboard-menu ul li a i {
- display: inline-block;
- vertical-align: middle;
-}
-.dashboard-menu > ul > li > a {
- color: #757575;
- display: block;
- padding: 16px 20px;
- padding-left: 25px;
-}
-.dashboard-menu > ul > li:hover > a,
-.dashboard-menu > ul > li.active > a {
- color: #0de0fe;
-}
-.dashboard-menu ul li a i {
- font-size: 16px;
- margin-right: 10px;
- width: 16px;
-}
-.unread-msg {
- background-color: #e84646;
- border-radius: 2px;
- color: #ed0b25;
- font-size: 10px;
- font-style: normal;
- padding: 0 5px;
- position: absolute;
- right: 20px;
- text-align: center;
- top: 50%;
- transform: translateY(-50%);
-}
-
-/*-----------------
- 30. Profile Settings
------------------------*/
-
-.change-avatar {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
-}
-.change-avatar .profile-img {
- margin-right: 15px;
-}
-.change-avatar .profile-img img {
- border-radius: 4px;
- height: 100px;
- width: 100px;
- object-fit: cover;
-}
-
-/* Cover Photo avater
-.change-avatar1 .profile-img img {
- border-radius: 4px;
- height: 100px;
- width: 200px;
- object-fit: cover;
-} */
-
-.change-avatar .change-photo-btn {
- margin: 0 0 10px;
- width: 150px;
-}
-.widget-profile.pat-widget-profile .profile-info-widget .booking-doc-img {
- padding: 0;
-}
-.widget-profile.pat-widget-profile .profile-info-widget .booking-doc-img img {
- border-radius: 50%;
- height: 100px;
- width: 100px;
-}
-
-/*-----------------
- 31. Appoitment List
------------------------*/
-
-.widget-profile {
- background-color: #fff;
- border-bottom: 1px solid #f0f0f0;
-}
-.widget-profile .profile-info-widget {
- display: block;
- text-align: center;
-}
-.widget-profile .profile-info-widget .booking-doc-img {
- display: inline-block;
- margin: 0 0 15px;
- width: auto;
- padding: 8px;
- background-color: #f7f7f7;
- border-radius: 50%;
-}
-.widget-profile .profile-info-widget .booking-doc-img img {
- border-radius: 50%;
- height: 120px;
- width: 120px;
-}
-.appointment-list .profile-info-widget {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- margin-right: auto;
- text-align: left;
-}
-.appointment-list .profile-info-widget .booking-doc-img img {
- border-radius: 4px;
- height: 120px;
- object-fit: cover;
- width: 120px;
-}
-.appointments .appointment-list {
- background-color: #fff;
- border: 1px solid #f0f0f0;
- border-radius: 4px;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- margin-bottom: 20px;
- padding: 20px;
-}
-.appointments .appointment-list:last-child {
- margin-bottom: 30px;
-}
-.appointments .appointment-action {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- display: -webkit-inline-box;
- display: -ms-inline-flexbox;
- display: inline-flex;
-}
-.appointment-action a + a {
- margin-left: 5px;
-}
-.appointment-action a {
- font-size: 13px;
-}
-.info-details {
- list-style: none;
- margin: 0;
- padding: 0;
-}
-.info-details li .title {
- color: #ed0b25;
- font-weight: 500;
-}
-.info-details li .text {
- color: #757575;
- display: block;
- font-size: 16px;
- overflow: hidden;
-}
-.info-details li {
- margin-bottom: 10px;
-}
-.info-details li:last-child {
- margin-bottom: 0;
-}
-
-/*-----------------
- 32. Reviews
------------------------*/
-
-.doc-review.review-listing {
- margin: 0;
-}
-.review-listing.doc-review > ul > li {
- background-color: #fff;
- border: 1px solid #f0f0f0;
- padding: 20px;
-}
-
-/*-----------------
- 33. Voice call
------------------------*/
-
-.modal-open .main-wrapper {
- -webkit-filter: blur(1px);
- -moz-filter: blur(1px);
- -o-filter: blur(1px);
- -ms-filter: blur(1px);
- filter: blur(1px);
-}
-.call-main-row {
- bottom: 0;
- left: 0;
- overflow: auto;
- padding-bottom: inherit;
- padding-top: inherit;
- position: absolute;
- right: 0;
- top: 0;
-}
-.call-main-wrapper {
- display: table;
- height: 100%;
- table-layout: fixed;
- width: 100%;
-}
-.call-view {
- display: table-cell;
- height: 100%;
- float: none;
- padding: 0;
- position: static;
- vertical-align: top;
- width: 75%;
-}
-.call-window {
- display: table;
- height: 100%;
- table-layout: fixed;
- width: 100%;
- background-color: #fff;
- border: 1px solid #f0f0f0;
-}
-.fixed-header {
- background-color: #fff;
- border-bottom: 1px solid #f0f0f0;
- padding: 10px 15px;
-}
-.fixed-header .navbar {
- border: 0 none;
- margin: 0;
- min-height: auto;
- padding: 0;
-}
-.fixed-header .user-info a {
- color: #ed0b25;
- font-weight: 500;
-}
-.typing-text {
- color: #20c0f3;
- font-size: 12px;
- text-transform: lowercase;
-}
-.last-seen {
- color: #888;
- display: block;
- font-size: 12px;
-}
-.custom-menu {
- margin-top: 6px;
-}
-.fixed-header .custom-menu {
- margin: 0 0 1px;
-}
-.custom-menu.nav > li > a {
- color: #bbb;
- font-size: 26px;
- line-height: 32px;
- margin-left: 15px;
- padding: 0;
-}
-.custom-menu.navbar-nav > li > a:hover,
-.custom-menu.navbar-nav > li > a:focus {
- background-color: transparent;
-}
-.custom-menu .dropdown-menu {
- left: auto;
- right: 0;
-}
-.call-contents {
- display: table-row;
- height: 100%;
-}
-.call-content-wrap {
- height: 100%;
- position: relative;
- width: 100%;
-}
-.voice-call-avatar {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -ms-flex-direction: column;
- flex-direction: column;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- justify-content: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- -ms-flex: 2;
- flex: 2;
-}
-.voice-call-avatar .call-avatar {
- margin: 15px;
- width: 150px;
- height: 150px;
- border-radius: 100%;
- border: 1px solid rgba(0, 0, 0, 0.1);
- padding: 3px;
- background-color: #fff;
-}
-.call-duration {
- display: inline-block;
- font-size: 30px;
- margin-top: 4px;
- position: absolute;
- left: 0;
-}
-.voice-call-avatar .call-timing-count {
- padding: 5px;
-}
-.voice-call-avatar .username {
- font-size: 20px;
- font-weight: 500;
-}
-.call-footer {
- background-color: #fff;
- border-top: 1px solid #f0f0f0;
- padding: 15px;
-}
-.call-icons {
- text-align: center;
- position: relative;
-}
-.call-icons .call-items {
- border-radius: 5px;
- padding: 0;
- margin: 0;
- list-style: none;
- display: inline-block;
-}
-.call-icons .call-items .call-item {
- display: inline-block;
- text-align: center;
- margin-right: 5px;
-}
-.call-icons .call-items .call-item:last-child {
- margin-right: 0;
-}
-.call-icons .call-items .call-item a {
- color: #777;
- border: 1px solid #ddd;
- width: 50px;
- height: 50px;
- line-height: 50px;
- border-radius: 50px;
- display: inline-block;
- font-size: 20px;
-}
-.call-icons .call-items .call-item a i {
- width: 18px;
- height: 18px;
-}
-.user-video {
- bottom: 0;
- left: 0;
- overflow: auto;
- position: absolute;
- right: 0;
- top: 0;
- z-index: 10;
-}
-.user-video img {
- width: auto;
- max-width: 100%;
- height: auto;
- max-height: 100%;
- display: block;
- margin: 0 auto;
-}
-.user-video video {
- width: auto;
- max-width: 100%;
- height: auto;
- max-height: 100%;
- display: block;
- margin: 0 auto;
-}
-.my-video {
- position: absolute;
- z-index: 99;
- bottom: 20px;
- right: 20px;
-}
-.my-video ul {
- margin: 0;
- padding: 0;
- list-style: none;
-}
-.my-video ul li {
- float: left;
- width: 120px;
- margin-right: 10px;
-}
-.my-video ul li img {
- border: 3px solid #fff;
- border-radius: 6px;
-}
-.end-call {
- position: absolute;
- top: 7px;
- right: 0;
-}
-.end-call a {
- background-color: #f06060;
- border-radius: 50px;
- color: #fff;
- display: inline-block;
- line-height: 10px;
- padding: 8px 25px;
- text-transform: uppercase;
-}
-.call-users {
- position: absolute;
- z-index: 99;
- bottom: 20px;
- right: 20px;
-}
-.call-users ul {
- margin: 0;
- padding: 0;
- list-style: none;
-}
-.call-users ul li {
- float: left;
- width: 80px;
- margin-left: 10px;
-}
-.call-users ul li img {
- border-radius: 6px;
- padding: 2px;
- background-color: #fff;
- border: 1px solid rgba(0, 0, 0, 0.1);
-}
-.call-mute {
- width: 80px;
- height: 80px;
- background-color: rgba(0, 0, 0, 0.5);
- position: absolute;
- text-align: center;
- line-height: 80px;
- border-radius: 6px;
- font-size: 30px;
- color: #fff;
- display: none;
- top: 0;
- border: 3px solid transparent;
-}
-.call-users ul li a:hover .call-mute {
- display: block;
-}
-.call-details {
- margin: 10px 0 0;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
-}
-.call-info {
- margin-left: 10px;
- width: 100%;
-}
-.call-user-details,
-.call-timing {
- display: block;
- text-overflow: ellipsis;
- overflow: hidden;
- white-space: nowrap;
-}
-.call-description {
- white-space: nowrap;
- vertical-align: bottom;
-}
-.call-timing {
- color: #727272;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- font-size: 14px;
- margin-top: 1px;
- overflow: hidden;
- white-space: pre;
-}
-
-/*-----------------
- 34. Video Call
------------------------*/
-
-.content-full {
- height: 100%;
- position: relative;
- width: 100%;
-}
-.video-window .fixed-header {
- padding: 0;
- border: 0;
-}
-.video-window .fixed-header .nav > li > a {
- padding: 18px 15px;
-}
-
-/*-----------------
- 35. Outgoing Call
------------------------*/
-
-.call-box .call-wrapper {
- height: auto;
- text-align: center;
-}
-.call-box .call-wrapper .call-avatar {
- margin-bottom: 30px;
- cursor: pointer;
- animation: ripple 2s infinite;
-}
-.call-box .call-wrapper .call-user {
- margin-bottom: 30px;
-}
-.call-box .call-wrapper .call-user span {
- display: block;
- font-weight: 500;
- text-align: center;
-}
-.call-box .call-wrapper .call-items {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- justify-content: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
-}
-.call-box .call-wrapper .call-items .call-item {
- background-color: rgba(255, 255, 255, 0.2);
- border: 1px solid transparent;
- border-radius: 100%;
- color: #fff;
- line-height: 0;
- margin: 0 5px;
- padding: 15px;
-}
-.call-box .call-wrapper .call-items .call-item:hover {
- opacity: 0.9;
-}
-.call-box .call-wrapper .call-items .call-item:first-child {
- margin-top: -30px;
-}
-.call-box .call-wrapper .call-items .call-item:last-child {
- margin-top: -30px;
-}
-.call-box .call-wrapper .call-items .call-item.call-end {
- padding: 20px;
- margin: 30px 20px 0;
- background: #f06060;
- border: 1px solid #f06060;
- color: #fff;
- line-height: 0;
- border-radius: 100%;
-}
-.call-box .call-wrapper .call-items .call-item.call-start {
- padding: 20px;
- margin: 30px 20px 0;
- background: #55ce63;
- border: 1px solid #55ce63;
- color: #fff;
- line-height: 0;
- border-radius: 100%;
-}
-.call-box.incoming-box .call-wrapper .call-items .call-item.call-start {
- margin: 0 10px;
-}
-.call-box.incoming-box .call-wrapper .call-items .call-item.call-end {
- margin: 0 10px;
-}
-.call-box .call-avatar {
- border-radius: 100%;
- height: 140px;
- max-width: 140px;
- min-width: 140px;
- position: relative;
- width: 100%;
- border: 10px solid #fafafa;
-}
-.call-box .btn {
- background: rgba(0, 0, 0, 0);
- transition: all 0.3s ease 0s;
-}
-@-webkit-keyframes ripple {
- 0% {
- -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);
- }
- 100% {
- -webkit-box-shadow: 0 0 0 30px rgba(0, 0, 0, 0);
- }
-}
-@keyframes ripple {
- 0% {
- -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);
- box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);
- }
- 100% {
- -moz-box-shadow: 0 0 0 30px rgba(0, 0, 0, 0);
- box-shadow: 0 0 0 30px rgba(0, 0, 0, 0);
- }
-}
-
-/*-----------------
- 36. Incoming Call
------------------------*/
-
-.incoming-btns {
- margin-top: 20px;
-}
-.call-wrapper {
- position: relative;
- height: calc(100vh - 145px);
-}
-.call-page .footer {
- display: none;
-}
-.dropdown-action .dropdown-toggle::after {
- display: none;
-}
-.call-modal .modal-body {
- padding: 40px;
-}
-.call-modal .modal-content {
- border: 0;
- border-radius: 10px;
-}
-.call-box .call-wrapper .call-user h4 {
- font-size: 24px;
-}
-
-/*-----------------
- 37. Terms and Conditions
------------------------*/
-
-.terms-text {
- margin-bottom: 20px;
-}
-.terms-text h4 {
- font-size: 24px;
- font-weight: 500;
- margin-bottom: 20px;
-}
-.terms-text p {
- color: #666;
- display: inline-block;
- font-size: 16px;
-}
-
-/*-----------------
- 38. Blog
------------------------*/
-
-.blog {
- border: 1px solid #f0f0f0;
- background-color: #fff;
- border-radius: 4px;
- margin-bottom: 30px;
- padding: 1.5rem;
- position: relative;
-}
-.blog-image {
- overflow: hidden;
-}
-.blog-image,
-.blog-image > a,
-.blog-image img {
- display: block;
- position: relative;
- width: 100%;
- height: auto;
-}
-.blog-image img {
- -webkit-transform: translateZ(0);
- -moz-transform: translateZ(0);
- transform: translateZ(0);
- -moz-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms;
- -ms-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms;
- -o-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms;
- -webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms;
- transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms;
-}
-.blog-image a:hover img {
- -webkit-transform: scale(1.15);
- -moz-transform: scale(1.15);
- transform: scale(1.15);
-}
-.blog-image {
- margin-bottom: 30px;
-}
-.blog-content {
- position: relative;
-}
-.blog-title {
- font-size: 22px;
- margin: 0 0 10px;
-}
-.blog-title a {
- color: #ed0b25;
-}
-.blog-title a:hover {
- color: #20c0f3;
-}
-.blog-content p {
- color: #666;
- font-size: 14px;
- margin: 0 0 30px;
-}
-.read-more {
- display: inline-block;
- font-size: 16px;
- padding: 0;
- color: #20c0f3;
- text-decoration: underline;
- font-weight: bold;
-}
-.blog-info {
- color: #757575;
- font-size: 14px;
- margin-bottom: 15px;
-}
-.blog-info a {
- color: #757575;
-}
-.blog-info a:hover {
- color: #757575;
-}
-.blog-info i {
- color: #20c0f3;
- font-size: 14px;
- margin-right: 5px;
-}
-.entry-meta {
- color: #757575;
- font-size: 14px;
- list-style: none;
- margin-bottom: 15px;
- padding: 0;
-}
-.entry-meta li {
- display: inline-block;
- margin-right: 15px;
-}
-.entry-meta li:last-child {
- margin-right: 0;
-}
-.blog-pagination .pagination {
- margin-bottom: 30px;
-}
-.blog-pagination .pagination li a {
- padding: 12px 20px;
- font-weight: 600;
- color: #2e3842;
- margin-right: 10px;
- border-radius: inherit !important;
- border-color: #f0f0f0;
-}
-.blog-pagination .pagination li.disabled a {
- border-color: #f0f0f0;
-}
-.blog-pagination .pagination li.active a {
- background: #20c0f3;
- border-color: transparent;
- color: #ffffff;
-}
-.post-left ul {
- margin: 0;
- padding-left: 0;
- list-style: none;
- display: flex;
- align-items: center;
- flex-wrap: wrap;
-}
-.post-left ul li {
- margin-bottom: 5px;
- margin-right: 20px;
-}
-.post-left ul li:last-child {
- margin-right: 0;
-}
-.post-author a {
- display: flex;
- align-items: center;
-}
-.video {
- position: relative;
- padding-bottom: 56%;
- height: 0;
- overflow: hidden;
-}
-.video iframe,
-.video object,
-.video embed {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- border: none;
-}
-.latest-posts {
- margin: 0;
- padding: 0;
-}
-.latest-posts li {
- display: table;
- width: 100%;
- margin-bottom: 20px;
-}
-.latest-posts li:last-child {
- padding-bottom: 0px;
- margin-bottom: 0px;
- border-bottom: none;
-}
-.post-thumb {
- border-radius: 4px;
- width: 80px;
- float: left;
- overflow: hidden;
-}
-.post-thumb a img {
- border-radius: 4px;
- -webkit-transform: translateZ(0);
- -moz-transform: translateZ(0);
- transform: translateZ(0);
- -moz-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms;
- -ms-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms;
- -o-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms;
- -webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms;
- transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms;
-}
-.post-thumb a:hover img {
- -webkit-transform: scale(1.15);
- -moz-transform: scale(1.15);
- transform: scale(1.15);
-}
-.post-info {
- margin-left: 95px;
-}
-.post-info h4 {
- font-size: 15px;
- margin: 0 0 5px;
-}
-.post-info h4 a {
- color: #ed0b25;
-}
-.post-info h4 a:hover {
- color: #20c0f3;
-}
-.post-info p {
- color: #757575;
- font-size: 12px;
- margin: 0;
-}
-.post-info p i {
- color: #20c0f3;
- font-size: 14px;
- margin-right: 4px;
-}
-.category-widget .categories {
- list-style: none;
- margin: 0;
- padding: 0;
-}
-.category-widget .categories li {
- margin-bottom: 20px;
-}
-.category-widget .categories li:last-child {
- border-bottom: none;
- margin-bottom: 0;
- padding-bottom: 0;
-}
-.category-widget .categories li a {
- color: #2e3842;
- font-size: 15px;
- font-weight: 500;
-}
-.category-widget .categories li a span {
- float: right;
- color: #757575;
-}
-.category-widget .categories li a:hover {
- color: #20c0f3;
-}
-.category-widget .categories > li > a > i {
- color: #20c0f3;
- font-size: 18px;
- margin-right: 10px;
-}
-.tags-widget .card-body {
- padding-bottom: 1rem;
-}
-.tags {
- list-style: none;
- margin: 0;
- overflow: hidden;
- padding: 0;
-}
-.tags li {
- float: left;
-}
-.tag {
- background-color: #fff;
- border-radius: 4px;
- color: #ed0b25;
- padding: 5px 10px;
- position: relative;
- margin: 0 0.5rem 0.5rem 0;
- font-size: 14px;
- border: 1px solid #ccc;
- display: inline-block;
-}
-.tag:hover {
- background-color: #20c0f3;
- border-color: #20c0f3;
- color: #fff;
-}
-.comment-by {
- display: block;
- font-size: 14px;
- line-height: 21px;
- margin: 0 0 10px;
-}
-.comments-list .comment-block p {
- font-size: 14px;
- margin-bottom: 5px;
-}
-
-/*-----------------
- 39. Blog Details
------------------------*/
-
-.blog-view .blog-title {
- font-size: 24px;
-}
-.blog-content p:last-child {
- margin-bottom: 0;
-}
-.blog-view .blog-info {
- border: 0;
- margin-bottom: 20px;
- padding: 0;
-}
-.social-share {
- float: left;
- list-style: none;
- margin: 0;
- padding: 0;
-}
-.social-share > li {
- display: inline-block;
- float: left;
- margin-left: 10px;
- text-align: center;
-}
-.social-share > li:first-child {
- margin-left: 0;
-}
-.social-share > li > a {
- border: 1px solid #dfdfdf;
- color: #666;
- display: inline-block;
- font-size: 22px;
- height: 40px;
- line-height: 40px;
- width: 40px;
-}
-.social-share > li > a:hover {
- background-color: #20c0f3;
- color: #fff;
- border-color: #20c0f3;
-}
-.blog-reply > a {
- color: #999;
- font-size: 12px;
- font-weight: 500;
-}
-.blog-date {
- color: #999;
- font-size: 12px;
-}
-.blog-comments .comments-list {
- list-style: none;
- margin: 0;
- padding: 0;
- position: relative;
-}
-.blog-comments .comments-list li {
- clear: both;
- padding-left: 80px;
-}
-.blog-comments .comments-list li .comment {
- margin-bottom: 20px;
-}
-.blog-comments .comments-list li .comment-author {
- left: 0;
- position: absolute;
-}
-.blog-comments .comments-list li img.avatar {
- height: 58px;
- width: 58px;
- border-radius: 58px;
-}
-.blog-comments .comment-btn {
- color: #20c0f3;
- display: inline-block;
- font-weight: 500;
- font-size: 15px;
-}
-.blog-author-name {
- color: #ed0b25;
- font-size: 16px;
- font-weight: 600;
-}
-.new-comment label {
- font-weight: 500;
-}
-.comment-submit .btn {
- background-color: #20c0f3;
- border-color: #20c0f3;
- border-radius: 0;
- font-size: 18px;
- padding: 8px 26px;
- color: #fff;
-}
-.about-author-img {
- background-color: #fff;
- height: 100px;
- overflow: hidden;
- position: absolute;
- width: 100px;
-}
-.author-details {
- margin-left: 120px;
-}
-.about-author {
- min-height: 100px;
-}
-.author-details .blog-author-name {
- display: inline-block;
- margin-bottom: 10px;
-}
-.post-author img {
- border-radius: 100%;
- width: 28px;
- margin-right: 5px;
-}
-
-/*-----------------
- 40. Blog Grid
------------------------*/
-
-.grid-blog .blog-title {
- font-size: 18px;
- margin: 0 0 5px;
- min-height: 43px;
-}
-.grid-blog .blog-content p {
- margin: 0 0 15px;
-}
-.grid-blog .blog-info {
- margin-bottom: 15px;
-}
-.grid-blog .blog-image {
- margin-bottom: 20px;
-}
-.blog.grid-blog {
- padding: 20px;
-}
-.grid-blog .entry-meta {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-wrap: wrap;
- margin-bottom: 0;
-}
-.grid-blog .entry-meta li {
- margin-bottom: 10px;
-}
-.grid-blog .entry-meta li:last-child {
- flex: 0 0 100px;
- max-width: 100px;
-}
-.grid-blog .post-author {
- width: 189px;
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
-}
-.grid-blog .post-author a:hover {
- color: #20c0f3;
-}
-
-/*-----------------
- 41. Map List & Grid
------------------------*/
-
-.map-page .footer {
- display: none;
-}
-.map-page .header {
- position: fixed;
- left: 0;
- right: 0;
- top: 0;
- z-index: 1030;
- opacity: 0;
-}
-.map-page .content {
- padding-top: 115px;
-}
-.map-right {
- bottom: 0;
- height: 100%;
- min-height: 100%;
- padding-right: 30px;
- position: fixed;
- right: 0;
- top: 115px;
- z-index: 1029;
-}
-.map-listing {
- height: calc(100vh - 145px);
- width: 100%;
-}
-.map-listing .profile-widget {
- width: 200px !important;
- padding: 0;
- border: 0;
- margin-bottom: 0;
-}
-.map-right .available-info {
- margin-bottom: 0;
-}
-.view-icons {
- display: inline-flex;
- float: right;
-}
-.view-icons a {
- align-items: center;
- background-color: #fff;
- border: 1px solid #ddd;
- border-radius: 4px;
- color: #212529;
- display: flex;
- font-size: 20px;
- justify-content: center;
- padding: 4px 10px;
- text-align: center;
- margin-left: 10px;
- width: 44px;
- height: 44px;
-}
-.view-icons a:hover {
- border-color: #20c0f3;
- color: #20c0f3;
-}
-.view-icons a.active {
- background-color: #20c0f3;
- border-color: #20c0f3;
- color: #fff;
-}
-
-/*-----------------
- 42. Loader
------------------------*/
-
-#loader {
- position: fixed;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- background-color: #fff;
- z-index: 999999;
-}
-.loader {
- display: inline-block;
- height: 50px;
- left: 50%;
- margin-left: -25px;
- margin-top: -25px;
- width: 50px;
- position: absolute;
- top: 50%;
-}
-.loader span {
- -webkit-animation: loader 1.3s linear infinite;
- animation: loader 1.3s linear infinite;
- background-color: #20c0f3;
- border-radius: 100%;
- display: inline-block;
- height: 50px;
- position: absolute;
- width: 50px;
-}
-.loader span:last-child {
- animation-delay: -0.8s;
- -webkit-animation-delay: -0.8s;
-}
-@keyframes loader {
- 0% {
- transform: scale(0, 0);
- opacity: 0.5;
- }
- 100% {
- transform: scale(1, 1);
- opacity: 0;
- }
-}
-@-webkit-keyframes loader {
- 0% {
- -webkit-transform: scale(0, 0);
- opacity: 0.5;
- }
- 100% {
- -webkit-transform: scale(1, 1);
- opacity: 0;
- }
-}
-
-/*-----------------
- 43. Responsive
------------------------*/
-
-@media only screen and (min-width: 768px) {
- .avatar-xxl {
- width: 8rem;
- height: 8rem;
- }
- .avatar-xxl .border {
- border-width: 4px !important;
- }
- .avatar-xxl .rounded {
- border-radius: 12px !important;
- }
- .avatar-xxl .avatar-title {
- font-size: 42px;
- }
- .avatar-xxl.avatar-away:before,
- .avatar-xxl.avatar-offline:before,
- .avatar-xxl.avatar-online:before {
- border-width: 4px;
- }
-}
-@media (min-width: 992px) {
- .main-nav > li {
- margin-right: 30px;
- padding: 5px;
- }
- .main-nav > li:last-child {
- margin-right: 0;
- }
- .main-nav li {
- display: block;
- position: relative;
- }
- .main-nav > li > a {
- line-height: 85px;
- padding: 0 !important;
- }
- .main-nav > li > a > i {
- font-size: 12px;
- margin-left: 3px;
- }
- .main-nav li > ul {
- background-color: #fff;
- border-radius: 5px;
- box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
- display: block;
- font-size: 14px;
- left: 0;
- margin: 0;
- min-width: 200px;
- opacity: 0;
- padding: 0;
- position: absolute;
- -webkit-transition: all 0.2s ease;
- transition: all 0.2s ease;
- -webkit-transform: translateY(20px);
- -ms-transform: translateY(20px);
- transform: translateY(20px);
- top: 100%;
- visibility: hidden;
- z-index: 1000;
- }
- .main-nav li .submenu::before {
- border: 7px solid #fff;
- border-color: transparent transparent #fff #fff;
- box-shadow: -2px 2px 2px -1px rgba(0, 0, 0, 0.1);
- content: "";
- left: 45px;
- position: absolute;
- top: 2px;
- -webkit-transform-origin: 0 0;
- transform-origin: 0 0;
- -webkit-transform: rotate(135deg);
- transform: rotate(135deg);
- }
- .main-nav li.has-submenu:hover > .submenu {
- visibility: visible;
- opacity: 1;
- margin-top: 0;
- -webkit-transform: translateY(0);
- -ms-transform: translateY(0);
- transform: translateY(0);
- }
- .main-nav .has-submenu.active > a {
- color: #e84646;
- }
- .main-nav .has-submenu.active .submenu li.active > a {
- color: #e84646;
- }
- .main-nav > li .submenu li:first-child a {
- border-top: 0;
- }
- .main-nav
- > li.has-submenu:hover
- > .submenu
- > li.has-submenu:hover
- > .submenu {
- visibility: visible;
- opacity: 1;
- margin-top: -1px;
- margin-right: 0;
- }
- .main-nav > li .submenu > li .submenu {
- left: 100%;
- top: 0;
- margin-top: 10px;
- }
- .main-nav li .submenu a:hover {
- color: #e84646;
- letter-spacing: 0.5px;
- padding-left: 20px;
- }
- .main-nav > .has-submenu > .submenu > .has-submenu > .submenu::before {
- top: 20px;
- margin-left: -35px;
- box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.15);
- border-color: transparent #fff #fff transparent;
- }
- .header-navbar-rht li.show > .dropdown-menu {
- visibility: visible;
- opacity: 1;
- margin-top: 0;
- -webkit-transform: translateY(0);
- -ms-transform: translateY(0);
- transform: translateY(0);
- }
- .header-navbar-rht li .dropdown-menu {
- border-radius: 5px;
- padding: 0;
- margin: 0;
- min-width: 200px;
- visibility: hidden;
- opacity: 0;
- -webkit-transition: all 0.2s ease;
- transition: all 0.2s ease;
- display: block;
- -webkit-transform: translateY(20px);
- -ms-transform: translateY(20px);
- transform: translateY(20px);
- }
-}
-
-@media only screen and (max-width: 1399px) {
- .chat-cont-left
- .chat-users-list
- a.media
- .media-body
- > div:first-child
- .user-name,
- .chat-cont-left
- .chat-users-list
- a.media
- .media-body
- > div:first-child
- .user-last-chat {
- max-width: 180px;
- }
- .row.row-grid {
- margin-left: -8px;
- margin-right: -8px;
- }
- .row.row-grid > div {
- padding-right: 8px;
- padding-left: 8px;
- -ms-flex: 0 0 33.333333%;
- flex: 0 0 33.333333%;
- max-width: 33.333333%;
- }
-}
-@media only screen and (max-width: 1199px) {
- .header-nav {
- padding-left: 20px;
- padding-right: 20px;
- }
- .container-fluid {
- padding-left: 20px;
- padding-right: 20px;
- }
- .chat-cont-left
- .chat-users-list
- a.media
- .media-body
- > div:first-child
- .user-name,
- .chat-cont-left
- .chat-users-list
- a.media
- .media-body
- > div:first-child
- .user-last-chat {
- max-width: 150px;
- }
- .chat-cont-left {
- -ms-flex: 0 0 40%;
- flex: 0 0 40%;
- max-width: 40%;
- }
- .chat-cont-right {
- -ms-flex: 0 0 60%;
- flex: 0 0 60%;
- max-width: 60%;
- }
- .row.row-grid > div {
- -ms-flex: 0 0 50%;
- flex: 0 0 50%;
- max-width: 50%;
- }
- .dash-widget {
- -ms-flex-direction: column;
- flex-direction: column;
- text-align: center;
- }
- .circle-bar {
- margin: 0 0 15px;
- }
- .header-navbar-rht li.contact-item {
- display: none;
- }
- .map-right {
- height: 450px;
- position: static;
- min-height: inherit;
- margin-bottom: 30px;
- padding-right: 15px;
- }
- .map-listing {
- height: 450px;
- }
- .map-page .content {
- padding-top: 100px;
- }
-}
-@media only screen and (max-width: 991.98px) {
- .main-nav {
- padding: 0;
- -ms-flex-direction: column;
- flex-direction: column;
- padding-left: 0;
- margin-bottom: 0;
- list-style: none;
- }
- .main-nav ul {
- background-color: #3474ac;
- display: none;
- list-style: none;
- margin: 0;
- padding-left: 0;
- }
- .main-nav > li {
- border-bottom: 1px solid #f8f9fa;
- margin-left: 0;
- }
- .main-nav li + li {
- margin-left: 0;
- }
- .main-nav > li > a {
- line-height: 1.5;
- padding: 15px 20px !important;
- color: #fff;
- font-size: 14px;
- font-weight: 500;
- }
- .main-nav > li > a > i {
- float: right;
- margin-top: 5px;
- }
- .main-nav > li .submenu li a {
- border-top: 0;
- color: #fff;
- padding: 0px 5px 0px 5px;
- }
- .main-nav > li .submenu ul li a {
- padding: 0px 5px 0px 5px;
- }
- .main-nav > li .submenu > li.has-submenu > a::after {
- content: "\f078";
- }
- .main-nav .has-submenu.active > a {
- color: #e84646;
- }
- .main-nav .has-submenu.active .submenu li.active > a {
- color: #e84646;
- }
- .login-left {
- display: none;
- }
- .main-menu-wrapper {
- order: 3;
- width: 260px;
- position: fixed;
- top: 0;
- bottom: 0;
- left: 0;
- overflow-x: hidden;
- overflow-y: auto;
- z-index: 1060;
- transform: translateX(-260px);
- transition: all 0.4s;
- background-color: #f8f9fa;
- }
- .menu-header {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- }
- .navbar-header {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- display: -webkit-inline-box;
- display: -ms-inline-flexbox;
- display: inline-flex;
- }
- #mobile_btn {
- display: inline-block;
- }
- /* .section-search {
- min-height: 330px;
- } */
- .section-specialities {
- padding: 50px 0;
- }
- .footer-widget {
- margin-bottom: 30px;
- }
- .chat-cont-left,
- .chat-cont-right {
- -ms-flex: 0 0 100%;
- flex: 0 0 100%;
- max-width: 100%;
- transition: left 0.3s ease-in-out 0s, right 0.3s ease-in-out 0s;
- width: 100%;
- }
- .chat-cont-left {
- border-right: 0;
- }
- .chat-cont-right {
- position: absolute;
- right: -100%;
- top: 0;
- opacity: 0;
- visibility: hidden;
- }
- .chat-cont-right .chat-header {
- justify-content: start;
- -webkit-justify-content: start;
- -ms-flex-pack: start;
- }
- .chat-cont-right .chat-header .back-user-list {
- display: block;
- }
- .chat-cont-right .chat-header .chat-options {
- margin-left: auto;
- }
- .chat-window.chat-slide .chat-cont-left {
- left: -100%;
- }
- .chat-window.chat-slide .chat-cont-right {
- right: 0;
- opacity: 1;
- visibility: visible;
- }
- .day-slot li.left-arrow {
- left: -10px;
- }
- .container {
- max-width: 100%;
- }
- .appointments .appointment-action {
- margin-top: 10px;
- }
- .appointments .appointment-list {
- display: block;
- }
- .banner-wrapper {
- max-width: 720px;
- }
- .search-box .search-info {
- -ms-flex: 0 0 410px;
- flex: 0 0 410px;
- width: 410px;
- }
- .banner-wrapper .banner-header h1 {
- font-size: 2.125rem;
- }
- .dct-border-rht {
- border-bottom: 1px solid #f0f0f0;
- border-right: 0;
- margin-bottom: 20px;
- padding-bottom: 15px;
- }
- .card-label > label {
- font-size: 12px;
- }
- .footer .footer-top {
- padding-bottom: 10px;
- }
- .time-slot li .timing.selected::before {
- display: none;
- }
- .review-listing .recommend-btn {
- float: none;
- }
- .dash-widget {
- flex-direction: unset;
- text-align: left;
- }
- .circle-bar {
- margin: 0 15px 0 0;
- }
- .call-wrapper {
- height: calc(100vh - 140px);
- }
- .sidebar-overlay.opened {
- display: block;
- }
- .about-content {
- margin-bottom: 30px;
- }
-}
-@media only screen and (max-width: 849.98px) {
- .row.row-grid > div {
- -ms-flex: 0 0 100%;
- flex: 0 0 100%;
- max-width: 100%;
- }
-}
-@media only screen and (max-width: 767.98px) {
- body {
- font-size: 0.875rem;
- }
- h1,
- .h1 {
- font-size: 2rem;
- }
- h2,
- .h2 {
- font-size: 1.75rem;
- }
- h3,
- .h3 {
- font-size: 1.375rem;
- }
- h4,
- .h4 {
- font-size: 1rem;
- }
- h5,
- .h5 {
- font-size: 0.875rem;
- }
- h6,
- .h6 {
- font-size: 0.75rem;
- }
- .content {
- padding: 15px 0 0;
- }
- .account-page .content {
- padding: 15px 0;
- }
- .container-fluid {
- padding-left: 15px;
- padding-right: 15px;
- }
- .card {
- margin-bottom: 20px;
- }
- .profile-sidebar {
- margin-bottom: 20px;
- }
- .appointment-tab {
- margin-bottom: 20px;
- }
- .features-slider .slick-dots,
- .features-img img {
- text-align: center;
- margin: 0 auto;
- }
- .doctor-slider {
- margin-top: 25px;
- }
- .breadcrumb-bar {
- height: auto;
- }
- .login-right {
- margin: 0 15px;
- padding: 15px;
- }
- .chat-cont-left
- .chat-users-list
- a.media
- .media-body
- > div:first-child
- .user-name,
- .chat-cont-left
- .chat-users-list
- a.media
- .media-body
- > div:first-child
- .user-last-chat {
- max-width: 250px;
- }
- .chat-window .chat-cont-right .chat-header .media .media-body {
- display: none;
- }
- .banner-wrapper .banner-header h1 {
- font-size: 2rem;
- }
- .banner-wrapper .banner-header p {
- font-size: 1rem;
- }
- .section-header h2 {
- font-size: 1.875rem;
- }
- .section-header .sub-title {
- font-size: 0.875rem;
- }
- .speicality-item p {
- font-size: 0.875rem;
- }
- .section-header p {
- font-size: 0.9375rem;
- }
- .footer-title {
- font-size: 1.125rem;
- }
- .search-box {
- max-width: 535px;
- margin: 0 auto;
- }
- .search-box form {
- -ms-flex-direction: column;
- flex-direction: column;
- word-wrap: break-word;
- background-clip: border-box;
- }
- .search-box .search-location {
- -ms-flex: 0 0 100%;
- flex: 0 0 100%;
- width: 100%;
- }
- .search-box .search-info {
- -ms-flex: 0 0 100%;
- flex: 0 0 100%;
- width: 100%;
- }
- .search-box .search-btn {
- -ms-flex: 0 0 100%;
- flex: 0 0 100%;
- min-height: 46px;
- width: 100%;
- }
- .search-box .search-btn span {
- display: inline-block;
- margin-left: 5px;
- text-transform: uppercase;
- }
- /* .section-search {
- background: #f9f9f9 url("../img/home.jpg") no-repeat bottom center;
-
- background: #f9f9f9;
- } */
- .day-slot li span {
- font-size: 16px;
- text-transform: unset;
- }
- .time-slot li .timing span {
- display: block;
- }
- .submit-section.proceed-btn {
- margin-bottom: 20px;
- }
- .day-slot li small.slot-year {
- display: none;
- }
- .success-cont h3 {
- font-size: 22px;
- }
- .view-inv-btn {
- font-size: 14px;
- padding: 10px 30px;
- }
- .invoice-info.invoice-info2 {
- text-align: left;
- }
- .invoice-item .invoice-details {
- text-align: left;
- }
- /* .section-search, */
- .section-doctor,
- .section-features {
- padding: 50px 0;
- /* background: #f9f9f9 url("../img/home.jpg") no-repeat bottom center; */
-
- }
- .slick-next {
- right: -10px;
- }
- .slick-prev {
- left: -10px;
- }
- .specialities-slider .slick-slide {
- margin-right: 15px;
- }
- .about-content a {
- padding: 12px 20px;
- }
- .submit-section .submit-btn {
- padding: 10px 20px;
- font-size: 15px;
- min-width: 105px;
- }
- .policy-menu {
- margin-top: 10px;
- text-align: left;
- }
- .booking-doc-info .booking-doc-img {
- width: 75px;
- }
- .booking-doc-info .booking-doc-img img {
- height: 75px;
- width: 75px;
- }
- .btn.btn-danger.trash {
- margin-bottom: 20px;
- }
- .nav-tabs.nav-tabs-bottom > li > a.active,
- .nav-tabs.nav-tabs-bottom > li > a.active:hover,
- .nav-tabs.nav-tabs-bottom > li > a.active:focus {
- background-color: #f5f5f5;
- }
- .nav-tabs.nav-justified {
- border-bottom: 1px solid #ddd;
- }
- .nav-tabs.nav-justified > li > a.active,
- .nav-tabs.nav-justified > li > a.active:hover,
- .nav-tabs.nav-justified > li > a.active:focus {
- border-color: transparent transparent transparent #20c0f3;
- border-left-width: 2px;
- }
- .nav-tabs {
- border-bottom: 0;
- position: relative;
- background-color: #fff;
- padding: 5px 0;
- border: 1px solid #ddd;
- border-radius: 3px;
- }
- .nav-tabs .nav-item {
- margin-bottom: 0;
- }
- .nav-tabs > li > a {
- border-width: 2px;
- border-left-color: transparent;
- }
- .nav-tabs .nav-link {
- border-width: 2px;
- }
- .nav-tabs > li > a:hover,
- .nav-tabs > li > a:focus {
- background-color: #fafafa;
- }
- .nav-tabs .nav-item.show .nav-link,
- .nav-tabs .nav-link.active,
- .nav-tabs > li > a.active,
- .nav-tabs > li > a.active:hover,
- .nav-tabs > li > a.active:focus {
- border-color: transparent transparent transparent #20c0f3 !important;
- border-left-width: 2px;
- }
- .nav-tabs > li.open:not(.active) > a,
- .nav-tabs > li.open:not(.active) > a:hover,
- .nav-tabs > li.open:not(.active) > a:focus {
- background-color: #fafafa;
- }
- .nav-tabs.nav-tabs-solid {
- padding: 5px;
- }
- .nav-tabs.nav-tabs-solid.nav-tabs-rounded {
- border-radius: 5px;
- }
- .nav-tabs.nav-tabs-solid > li > a {
- border-left-width: 0 !important;
- }
- .nav-tabs-justified {
- border-bottom: 1px solid #ddd;
- }
- .nav-tabs-justified > li > a.active,
- .nav-tabs-justified > li > a.active:hover,
- .nav-tabs-justified > li > a.active:focus {
- border-width: 0 0 0 2px;
- border-left-color: #20c0f3;
- }
- .review-listing > ul li .comment .comment-body .meta-data span.comment-date {
- margin-bottom: 5px;
- }
- .review-listing > ul li .comment .comment-body .meta-data .review-count {
- position: unset;
- }
- .my-video ul li {
- width: 50px;
- }
- .call-users ul li {
- width: 50px;
- }
- .call-mute {
- font-size: 20px;
- height: 50px;
- line-height: 50px;
- width: 50px;
- }
- .call-duration {
- font-size: 24px;
- }
- .voice-call-avatar .call-avatar {
- height: 100px;
- width: 100px;
- }
- .user-tabs {
- margin-top: 1.5rem;
- }
- .user-tabs .nav-tabs > li > a {
- border-left: 2px solid transparent;
- border-bottom: 0;
- padding: 0.5rem 1rem;
- }
- .user-tabs .nav-tabs.nav-tabs-bottom > li > a.active,
- .user-tabs .nav-tabs.nav-tabs-bottom > li > a.active:hover,
- .user-tabs .nav-tabs.nav-tabs-bottom > li > a.active:focus {
- border-left-width: 2px;
- color: #20c0f3;
- }
- .doctor-widget {
- -ms-flex-direction: column;
- flex-direction: column;
- text-align: center;
- }
- .doc-info-right {
- margin-left: 0;
- -ms-flex: 0 0 100%;
- flex: 0 0 100%;
- max-width: 100%;
- }
- .doc-info-left {
- -ms-flex-direction: column;
- flex-direction: column;
- }
- .clinic-services {
- display: none;
- }
- .doctor-img {
- margin: 0 auto 20px;
- }
- .doctor-action {
- justify-content: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- }
- .row.row-grid > div {
- -ms-flex: 0 0 50%;
- flex: 0 0 50%;
- max-width: 50%;
- }
- .breadcrumb-bar .breadcrumb-title {
- font-size: 18px;
- }
- .dash-widget h6 {
- font-size: 15px;
- }
- .dash-widget h3 {
- font-size: 20px;
- }
- .dash-widget p {
- font-size: 13px;
- }
- .doctor-widget .doc-name {
- font-size: 18px;
- }
- .exp-title,
- .booking-total ul li span,
- .booking-total ul li .total-cost {
- font-size: 14px;
- }
- .invoice-item .customer-text {
- font-size: 16px;
- }
- .call-wrapper {
- height: calc(100vh - 115px);
- }
- .appointment-tab .nav-tabs {
- padding: 1.5rem;
- }
- .submit-btn-bottom {
- margin-bottom: 20px;
- }
- .service-list ul li {
- width: 50%;
- }
- .grid-blog .blog-title {
- min-height: inherit;
- }
- .blog-title {
- font-size: 20px;
- }
- .blog-view .blog-title {
- font-size: 22px;
- }
-}
-
-@media only screen and (max-width: 575.98px) {
- body {
- font-size: 0.8125rem;
- }
- h1,
- .h1 {
- font-size: 1.75rem;
- }
- h2,
- .h2 {
- font-size: 1.5rem;
- }
- h3,
- .h3 {
- font-size: 1.25rem;
- }
- h4,
- .h4 {
- font-size: 1rem;
- }
- h5,
- .h5 {
- font-size: 0.875rem;
- }
- h6,
- .h6 {
- font-size: 0.75rem;
- }
- .card {
- margin-bottom: 0.9375rem;
- }
- .card-body {
- padding: 1.25rem;
- }
- .card-header {
- padding: 0.75rem 1.25rem;
- }
- .card-footer {
- padding: 0.75rem 1.25rem;
- }
- .header-nav {
- padding-left: 15px;
- padding-right: 15px;
- }
- .header-navbar-rht {
- display: none;
- }
- .main-nav li.login-link {
- display: block;
- }
- .navbar-header {
- width: 100%;
- }
- #mobile_btn {
- left: 0;
- margin-right: 0;
- padding: 0 15px;
- position: absolute;
- z-index: 99;
- }
- .navbar-brand.logo {
- width: 100%;
- text-align: center;
- margin-right: 0;
- }
- /* .navbar-brand.logo img {
- height: 100px;
- } */
- .search-box form {
- display: block;
- }
- .search-box .search-location {
- width: 100%;
- -ms-flex: none;
- flex: none;
- }
- .search-box .search-info {
- width: 100%;
- -ms-flex: none;
- flex: none;
- }
- .banner-wrapper .banner-header h1 {
- font-size: 28px;
- }
- .slick-next {
- right: 0px;
- }
- .section-header h2 {
- font-size: 1.5rem;
- }
- .section-header .sub-title {
- font-size: 0.875rem;
- }
- .speicality-item p {
- font-size: 0.875rem;
- }
- .section-header p {
- font-size: 0.9375rem;
- }
- .footer-title {
- font-size: 1.125rem;
- }
- .booking-schedule.schedule-widget {
- overflow-x: auto;
- }
- .booking-schedule.schedule-widget > div {
- width: 730px;
- }
- .booking-schedule .day-slot ul {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- }
- .booking-schedule .day-slot li {
- -ms-flex: 0 0 100px;
- flex: 0 0 100px;
- width: 100px;
- }
- .booking-schedule .time-slot ul {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- }
- .booking-schedule .time-slot li {
- -ms-flex: 0 0 100px;
- flex: 0 0 100px;
- width: 100px;
- }
- .booking-schedule .time-slot li .timing span {
- display: inline-block;
- }
- .booking-schedule .day-slot li.right-arrow {
- right: -20px;
- }
- .booking-doc-info .booking-doc-img {
- width: 70px;
- }
- .booking-doc-info .booking-doc-img img {
- height: 70px;
- width: 70px;
- }
- .voice-call-avatar .call-avatar {
- height: 80px;
- width: 80px;
- }
- .call-duration {
- display: block;
- margin-top: 0;
- margin-bottom: 10px;
- position: inherit;
- }
- .end-call {
- margin-top: 10px;
- position: inherit;
- }
- .user-tabs .med-records {
- min-width: 110px;
- }
- .pagination-lg .page-link {
- font-size: 1rem;
- padding: 0.5rem 0.625rem;
- }
- .row.row-grid > div {
- -ms-flex: 0 0 100%;
- flex: 0 0 100%;
- max-width: 100%;
- }
- .edit-link {
- font-size: 14px;
- margin-top: 2px;
- }
- .invoice-content {
- padding: 1.25rem;
- }
- .change-avatar .profile-img img {
- height: 100px;
- width: 100px;
- }
- .submit-btn-bottom {
- margin-bottom: 0.9375rem;
- }
- .service-list ul li {
- width: 100%;
- }
- .blog {
- padding: 1.25rem;
- }
- .blog-title {
- font-size: 18px;
- }
- .blog-view .blog-title {
- font-size: 20px;
- }
- .blog-info i {
- font-size: 14px;
- }
- .post-left ul li {
- margin-right: 10px;
- }
- .post-left ul li:last-child {
- margin-right: 10px;
- }
- .about-author-img {
- height: 60px;
- width: 60px;
- }
- .author-details {
- margin-left: 80px;
- }
- .blog-comments .comments-list li img.avatar {
- border-radius: 40px;
- height: 40px;
- width: 40px;
- }
- .blog-comments .comments-list li {
- padding: 10px 0 0 50px;
- }
- .read-more {
- font-size: 14px;
- }
-}
-
-@media only screen and (max-width: 479px) {
- .section-search {
- /* background: #f9f9f9 url("../img/home.jpg") no-repeat bottom center;
- min-height: 410px; */
- padding: 30px 15px;
- }
- .specialities-slider .slick-slide {
- margin-right: 10px;
- }
- .speicality-img {
- width: 120px;
- height: 120px;
- }
- .speicality-img img {
- width: 50px;
- }
- .clinic-booking a.view-pro-btn {
- width: 100%;
- margin-bottom: 15px;
- }
- .clinic-booking a.apt-btn {
- width: 100%;
- }
- .chat-cont-left
- .chat-users-list
- a.media
- .media-body
- > div:first-child
- .user-name,
- .chat-cont-left
- .chat-users-list
- a.media
- .media-body
- > div:first-child
- .user-last-chat {
- max-width: 160px;
- }
- .section-features,
- .section-features,
- .section-specialities {
- background-color: #fff;
- padding: 30px 0;
- }
- .login-header h3 a {
- color: #0de0fe;
- float: none;
- font-size: 15px;
- margin-top: 10px;
- text-align: center;
- display: block;
- }
- .login-header h3 {
- text-align: center;
- }
- .appointments .appointment-list {
- text-align: center;
- }
- .appointment-list .profile-info-widget {
- -ms-flex-direction: column;
- flex-direction: column;
- }
- .appointment-list .profile-info-widget {
- text-align: center;
- }
- .appointment-list .profile-info-widget .booking-doc-img {
- margin: 0 0 15px;
- }
- .appointment-list .profile-info-widget .booking-doc-img img {
- border-radius: 50%;
- height: 100px;
- width: 100px;
- }
- .appointment-list .profile-det-info {
- margin-bottom: 15px;
- }
- .appointments .appointment-action {
- margin-top: 0;
- }
- .user-tabs .nav-tabs .nav-item {
- -ms-flex: 0 0 100%;
- flex: 0 0 100%;
- }
- .review-listing .recommend-btn span {
- display: block;
- margin-bottom: 10px;
- }
- .review-listing > ul li .comments-reply {
- margin-left: 0;
- }
- .schedule-nav .nav-tabs li {
- display: block;
- -ms-flex: 0 0 100%;
- flex: 0 0 100%;
- margin-right: 0;
- }
- .fc-header-toolbar .fc-left {
- margin-bottom: 10px;
- }
- .fc-header-toolbar .fc-right {
- margin-bottom: 10px;
- }
-}
-
-.date-filter {
- display: flex;
- align-content: center;
- justify-content: space-between;
-}
-
-/*
- My Styles
-*/
-
-textarea {
- overflow-y: scroll;
-}
-
-.form-row-padding {
- padding-top: 5%;
-}
-
-.myTableStyle > table > th {
- font-size: x-large;
- padding-bottom: 30px;
-}
-
-.myTableStyle > table > tr > td {
- padding-bottom: 15px;
-}
-
-.recomendation > p {
- margin: 5px;
-}
-
-.dash-widget-icon {
- align-items: center;
- display: inline-flex;
- font-size: 1.875rem;
- height: 50px;
- justify-content: center;
- text-align: center;
- width: 50px;
-}
-.dash-count {
- font-size: 18px;
- margin-left: auto;
-}
-
-.dash-widget-info h3 {
- margin-bottom: 10px;
-}
-.dash-widget-header {
- align-items: center;
- display: flex;
- margin-bottom: 15px;
-}
-
-#sidebar-menu {
- padding: 10%;
-}
-.zoom {
- transition: transform .2s; /* Animation */
-}
-
-.zoom:hover {
- transform: scale(4); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
-}
-
-:root{
- --deft:100px;
-}
-.wrapper{
- margin-top: 150px;
- perspective:1000px;
-}
-.wrapper1{
- margin-top: 0px;
- perspective:1000px;
-}
-.cube-box{
- width: 200px;
- height: 200px;
- margin: auto;
- transform-style:preserve-3d;
-}
-
-.cube-box img{
-width: 100%;
-height: 100%;
-position: absolute;
-opacity: 1;
-transition: 0.5s;
-object-fit: cover;
-}
-
-
-.cube-box img:nth-child(1){
- transform: rotateY(0deg) translateZ(var(--deft));
-}
-
-.cube-box img:nth-child(2){
- transform: rotateY(90deg) translateZ(var(--deft));
-}
-
-.cube-box img:nth-child(3){
- transform: rotateY(180deg) translateZ(var(--deft));
-}
-
-.cube-box img:nth-child(4){
- transform: rotateY(-90deg) translateZ(var(--deft));
-}
-
-.cube-box img:nth-child(5){
- transform: rotateX(90deg) translateZ(var(--deft));
-}
-
-.cube-box img:nth-child(6){
- transform: rotateX(-90deg) translateZ(var(--deft));
-}
-
-.cube-box{
- animation: loops 10s linear infinite;
-}
-
-/* .cube-box:hover{
- --deft:200px;
- animation-play-state: paused;
-} */
-
-.cube-box1{
- width: 200px;
- height: 200px;
- margin: auto;
- margin-bottom: 70px;
- transform-style:preserve-3d;
-}
-
-.cube-box1 img{
-width: 100%;
-height: 100%;
-position: absolute;
-opacity: 1;
-transition: 0.5s;
-object-fit: cover;
-}
-
-
-.cube-box1 img:nth-child(1){
- transform: rotateY(0deg) translateZ(var(--deft));
-}
-
-.cube-box1 img:nth-child(2){
- transform: rotateY(90deg) translateZ(var(--deft));
-}
-
-.cube-box1 img:nth-child(3){
- transform: rotateY(180deg) translateZ(var(--deft));
-}
-
-.cube-box1 img:nth-child(4){
- transform: rotateY(-90deg) translateZ(var(--deft));
-}
-
-.cube-box1 img:nth-child(5){
- transform: rotateX(90deg) translateZ(var(--deft));
-}
-
-.cube-box1 img:nth-child(6){
- transform: rotateX(-90deg) translateZ(var(--deft));
-}
-
-.cube-box1{
- animation: loops 10s linear infinite;
-}
-@keyframes loops{
- 0%{ transform: rotateX(0deg) rotateY(0deg); }
- 100%{ transform: rotateX(360deg) rotateY(360deg); }
-}
-
-
-/* .cube{
- position: absolute;
- top:35%;
- left: 50%;
- width: 200px;
- height: 200px;
- transform-style: preserve-3d;
- transform:translate(-100%,-100%); */
- /* background: #fff; */
-/* }
-.cube span{
- position: absolute;
- top:0;
- display: block;
- width: 100%;
- height: 100%; */
- /* background: #ff0; */
- /* transform-style: preserve-3d;
-}
-.cube span::before{
- content: '';
- position: absolute;
- height: 150px;
- width: 150px;
- background:#fff
-} */
-/* .cube span::after{
- content: '';
- position: absolute;
- height: 100px;
- width: 100px;
- background:#fff;
- transition:1s;
- opacity: 0;
-}
-.cube:hover span::after{
- opacity: 1;
-}
-
-.cube span:nth-child(1){
- left: 50%;
- transform:rotate(-45deg) skew(15deg,15deg); */
- /* background:rgba(141,100,249,.5); */
- /* display: none; */
-/* }
-.cube span:nth-child(1)::before{
- left: 0;
- bottom: 0;
- background:rgba(176,135 ,214)
-}
-
-.cube span:nth-child(1)::after{
- left: 0;
- bottom: 0;
- background:rgba(176,135 ,214)
-}
-.cube span:nth-child(2){
- top: 155px;
- left: 10px;
-
- transform:rotate(15deg) skew(15deg,15deg); */
- /* background:rgba(176,124 ,211,.5) */
-/* }
-.cube span:nth-child(2)::before{
- right: 0;
- top: 0;
- background:rgba(191,123 ,211);
-
-}
-.cube span:nth-child(2)::after{
- right: 0;
- top: 0;
- background:rgba(191,123 ,211)
-}
-.cube span:nth-child(3){
- top: 155px;
- left: 189px;
- transform:rotate(-15deg) skew(-15deg,-15deg); */
- /* background:rgba(152,111 ,188,.5) */
-/* }
-
-.cube span:nth-child(3)::before{
- left: 0;
- margin-top: 0;
- background:rgb(152,111 ,188)
-}
-.cube span:nth-child(3)::after{
- left: 0;
- margin-top: 0;
- background:rgb(152,111 ,188,.5)
-}
-
-.cube span:nth-child(4){
- top: 51px;
- left: 11px;
- transform:rotate(-15deg) skew(-15deg,-15deg); */
- /* background:rgba(152,111 ,188,.5) */
-/* }
-.cube span:nth-child(4)::before{
- right: 0;
- bottom: 0;
- background:rgb(152,111 ,188)
-}
-.cube span:nth-child(4)::after{
- right: 0;
- bottom: 0;
- background:rgb(152,111 ,188,.5)
-}
-
-.cube span:nth-child(5){
- top: 51px;
- left: 188px;
-
- transform:rotate(15deg) skew(15deg,15deg); */
- /* background:rgba(176,124 ,211,.5) */
-/* }
-
-.cube span:nth-child(5)::before{
- left: 0;
- bottom: 0;
- background:rgba(191,123 ,211)
-
-}
-.cube span:nth-child(5)::after{
- left: 0;
- bottom: 0;
- background:rgba(191,123 ,211)
-}
-
-.cube span:nth-child(6){
- top:206px;
- left: 50%;
- transform:rotate(-45deg) skew(15deg,15deg); */
- /* background:rgba(141,100,249,.5); */
- /* display: none; */
-/* } */
-/* .cube span:nth-child(6)::before{
- right: 0;
- top: 0;
- background:rgba(176,135 ,214)
-}
-
-.cube span:nth-child(6)::after{
- right: 0;
- top: 0;
- background:rgba(176,135 ,214)
-} */
-/* .cube span:nth-child(4){
- top: 208px;
- left: 50%;
- transform:rotate(-45deg) skew(15deg,15deg);
- background:rgba(141,100,249,.5)
-} */
-#wrapper {
- padding-top: 10%; }
-
-.viewport {
- -webkit-perspective: 800px;
- -moz-perspective: 800px;
- -ms-perspective: 800px;
- -o-perspective: 800px;
- perspective: 800px;
- -webkit-perspective-origin: 50% 200px;
- -moz-perspective-origin: 50% 200px;
- -ms-perspective-origin: 50% 200px;
- -o-perspective-origin: 50% 200px;
- perspective-origin: 50% 200px;
- -webkit-transform: scale(0.8, 0.8);
- -moz-transform: scale(0.8, 0.8);
- -ms-transform: scale(0.8, 0.8);
- -o-transform: scale(0.8, 0.8);
- transform: scale(0.8, 0.8);
- -webkit-box-reflect: below 170px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0%, transparent), to(rgba(250, 250, 250, 0.1))); }
-
-.cube {
- position: relative;
- margin: 0 auto;
- height: 200px;
- width: 200px;
- -webkit-transform-style: preserve-3d;
- -moz-transform-style: preserve-3d;
- -ms-transform-style: preserve-3d;
- -o-transform-style: preserve-3d;
- transform-style: preserve-3d;
- -webkit-transform: rotateX(136deg) rotateY(1122deg);
- -moz-transform: rotateX(136deg) rotateY(1122deg);
- -ms-transform: rotateX(136deg) rotateY(1122deg);
- -o-transform: rotateX(136deg) rotateY(1122deg);
- transform: rotateX(136deg) rotateY(1122deg); }
-
-.cube > div {
- overflow: hidden;
- position: absolute;
- opacity: 0.9;
- height: 200px;
- width: 200px;
- background-image: url("https://jordizle.com/static/img/codepen/blank.png");
- -webkit-touch-callout: none;
- -moz-touch-callout: none;
- -ms-touch-callout: none;
- -o-touch-callout: none;
- touch-callout: none;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- -o-user-select: none;
- user-select: none; }
-
-.cube > div > div.cube-image {
- width: 200px;
- height: 200px;
- -webkit-transform: rotate(180deg);
- -moz-transform: rotate(180deg);
- -ms-transform: rotate(180deg);
- -o-transform: rotate(180deg);
- transform: rotate(180deg);
- line-height: 200px;
- font-size: 80px;
- text-align: center;
- color: #1b9bd8;
- -webkit-transition: color 600ms;
- -moz-transition: color 600ms;
- -ms-transition: color 600ms;
- -o-transition: color 600ms;
- transition: color 600ms; }
- .cube > div > div.cube-image.active {
- color: red; }
-
-.cube > div:hover {
- cursor: pointer; }
-
-.cube > div:active {
- cursor: pointer; }
-
-.cube > div:first-child {
- -webkit-transform: rotateX(90deg) translateZ(100px);
- -moz-transform: rotateX(90deg) translateZ(100px);
- -ms-transform: rotateX(90deg) translateZ(100px);
- -o-transform: rotateX(90deg) translateZ(100px);
- transform: rotateX(90deg) translateZ(100px);
- outline: 1px solid transparent; }
-
-.cube > div:nth-child(2) {
- -webkit-transform: translateZ(100px);
- -moz-transform: translateZ(100px);
- -ms-transform: translateZ(100px);
- -o-transform: translateZ(100px);
- transform: translateZ(100px);
- outline: 1px solid transparent; }
-
-.cube > div:nth-child(3) {
- -webkit-transform: rotateY(90deg) translateZ(100px);
- -moz-transform: rotateY(90deg) translateZ(100px);
- -ms-transform: rotateY(90deg) translateZ(100px);
- -o-transform: rotateY(90deg) translateZ(100px);
- transform: rotateY(90deg) translateZ(100px);
- outline: 1px solid transparent; }
-
-.cube > div:nth-child(4) {
- -webkit-transform: rotateY(180deg) translateZ(100px);
- -moz-transform: rotateY(180deg) translateZ(100px);
- -ms-transform: rotateY(180deg) translateZ(100px);
- -o-transform: rotateY(180deg) translateZ(100px);
- transform: rotateY(180deg) translateZ(100px);
- outline: 1px solid transparent; }
-
-.cube > div:nth-child(5) {
- -webkit-transform: rotateY(-90deg) translateZ(100px);
- -moz-transform: rotateY(-90deg) translateZ(100px);
- -ms-transform: rotateY(-90deg) translateZ(100px);
- -o-transform: rotateY(-90deg) translateZ(100px);
- transform: rotateY(-90deg) translateZ(100px);
- outline: 1px solid transparent; }
-
-.cube > div:nth-child(6) {
- -webkit-transform: rotateX(-90deg) rotate(180deg) translateZ(100px);
- -moz-transform: rotateX(-90deg) rotate(180deg) translateZ(100px);
- -ms-transform: rotateX(-90deg) rotate(180deg) translateZ(100px);
- -o-transform: rotateX(-90deg) rotate(180deg) translateZ(100px);
- transform: rotateX(-90deg) rotate(180deg) translateZ(100px);
- outline: 1px solid transparent; }
-
-object {
- opacity: 0.5; }
-
-object:hover {
- opacity: 1; }
-
-@media (max-width: 640px) {
- .viewport {
- -webkit-transform: scale(0.6, 0.6);
- -moz-transform: scale(0.6, 0.6);
- -ms-transform: scale(0.6, 0.6);
- -o-transform: scale(0.6, 0.6);
- transform: scale(0.6, 0.6); }
- }
- .mainDiv{
- position: relative;
- width: 206px;
- height: 190px;
- margin: 0px auto;
- margin-top:150px;
- }
- .square{
- width:100px;
- height:100px;
- background:#ed0b25;
- border:solid 2px #FFF;
- transform: skew(180deg,210deg);
- position: absolute;
- top: 43px;
- }
- .square2{
- width:100px;
- height:100px;
- background:#ed0b25;
- border:solid 2px #FFF;
- transform: skew(180deg,150deg);
- position: absolute;
- left:102px;
- top: 43px;
- }
- .square3{
- width:114px;
- height:100px;
- background:#ed0b25;
- border:solid 2px #FFF;
-
-
- transform: rotate(150deg) translate(-40px, -16px) skew(30deg, 0deg);
- position: absolute;
- left: 0px;
- top: -32px;
- }
\ No newline at end of file
diff --git a/src/app/containers/App/Application.js b/src/app/containers/App/Application.js
deleted file mode 100644
index 9b249a1e9eb..00000000000
--- a/src/app/containers/App/Application.js
+++ /dev/null
@@ -1,57 +0,0 @@
-import { SnackbarProvider } from 'notistack';
-import React from "react";
-import { BrowserRouter, Route, Switch } from "react-router-dom";
-import AddLiquidity from "../Pages/Users/AddLiquidity";
-import HomeScreen from "../Pages/Users/HomeScreen";
-import Pairs from "../Pages/Users/Pairs";
-import Pool from "../Pages/Users/Pool";
-import RemoveLiquidity from "../Pages/Users/RemoveLiquidity";
-import Swap from "../Pages/Users/Swap";
-import Tokens from "../Pages/Users/Tokens";
-
-function App() {
-
- const LoginRegisterRedirectCheck = ({ path, ...rest }) => {
- if (path === "/pool") {
- return ;
- } else if (path === "/pool/addLiquidity") {
- return
- } else if (path === "/pool/removeLiquidity") {
- return
- } else if (path === "/swap") {
- return ;
- } else if (path === "/tokens") {
- return ;
- } else if (path === "/pairs") {
- return ;
- } else {
- return ;
- }
- };
-
- return (
-
-
-
-
- {/* */}
-
-
-
-
- {/* */}
-
-
-
-
-
-
-
-
-
-
-
- );
-}
-
-export default App;
diff --git a/src/app/index.js b/src/app/index.js
new file mode 100644
index 00000000000..d17c527584f
--- /dev/null
+++ b/src/app/index.js
@@ -0,0 +1,83 @@
+import React from "react";
+import { BrowserRouter, Route, Switch } from "react-router-dom";
+import { ThemeContext } from './new/contexts/ThemeContext'
+
+import { Home } from './new/pages/Home'
+export function App() {
+ return (
+ <>
+
+
+
+
+
+
+
+ pool
+
+
+ add liquidity
+
+
+ remove liquidity
+
+
+ swap
+
+
+ token
+
+
+ pairs
+
+
+
+
+
+ );
+}
+
+// export function App() {
+
+// const LoginRegisterRedirectCheck = ({ path, ...rest }) => {
+// if (path === "/pool") {
+// return ;
+// } else if (path === "/pool/addLiquidity") {
+// return
+// } else if (path === "/pool/removeLiquidity") {
+// return
+// } else if (path === "/swap") {
+// return ;
+// } else if (path === "/tokens") {
+// return ;
+// } else if (path === "/pairs") {
+// return ;
+// } else {
+// return home} />;
+// }
+// };
+
+// return (
+//
+//
+//
+//
+// {/* */}
+//
+//
+//
+//
+// {/* */}
+
+//
+//
+//
+//
+//
+//
+
+//
+//
+//
+// );
+// }
\ No newline at end of file
diff --git a/src/app/assets/css/adminStyle.css b/src/app/legacy/assets/css/adminStyle.css
similarity index 100%
rename from src/app/assets/css/adminStyle.css
rename to src/app/legacy/assets/css/adminStyle.css
diff --git a/src/app/assets/css/bootstrap-datetimepicker.min.css b/src/app/legacy/assets/css/bootstrap-datetimepicker.min.css
similarity index 100%
rename from src/app/assets/css/bootstrap-datetimepicker.min.css
rename to src/app/legacy/assets/css/bootstrap-datetimepicker.min.css
diff --git a/src/app/assets/css/bootstrap.css b/src/app/legacy/assets/css/bootstrap.css
similarity index 100%
rename from src/app/assets/css/bootstrap.css
rename to src/app/legacy/assets/css/bootstrap.css
diff --git a/src/app/assets/css/bootstrap.css.map b/src/app/legacy/assets/css/bootstrap.css.map
similarity index 100%
rename from src/app/assets/css/bootstrap.css.map
rename to src/app/legacy/assets/css/bootstrap.css.map
diff --git a/src/app/assets/css/bootstrap.min.css b/src/app/legacy/assets/css/bootstrap.min.css
similarity index 100%
rename from src/app/assets/css/bootstrap.min.css
rename to src/app/legacy/assets/css/bootstrap.min.css
diff --git a/src/app/assets/css/bootstrap.min.css.map b/src/app/legacy/assets/css/bootstrap.min.css.map
similarity index 100%
rename from src/app/assets/css/bootstrap.min.css.map
rename to src/app/legacy/assets/css/bootstrap.min.css.map
diff --git a/src/app/legacy/assets/css/style.css b/src/app/legacy/assets/css/style.css
new file mode 100644
index 00000000000..e69de29bb2d
diff --git a/src/app/assets/fonts/MaterialIcons-Regular.eot b/src/app/legacy/assets/fonts/MaterialIcons-Regular.eot
similarity index 100%
rename from src/app/assets/fonts/MaterialIcons-Regular.eot
rename to src/app/legacy/assets/fonts/MaterialIcons-Regular.eot
diff --git a/src/app/assets/fonts/MaterialIcons-Regular.svg b/src/app/legacy/assets/fonts/MaterialIcons-Regular.svg
similarity index 100%
rename from src/app/assets/fonts/MaterialIcons-Regular.svg
rename to src/app/legacy/assets/fonts/MaterialIcons-Regular.svg
diff --git a/src/app/assets/fonts/MaterialIcons-Regular.ttf b/src/app/legacy/assets/fonts/MaterialIcons-Regular.ttf
similarity index 100%
rename from src/app/assets/fonts/MaterialIcons-Regular.ttf
rename to src/app/legacy/assets/fonts/MaterialIcons-Regular.ttf
diff --git a/src/app/assets/fonts/MaterialIcons-Regular.woff b/src/app/legacy/assets/fonts/MaterialIcons-Regular.woff
similarity index 100%
rename from src/app/assets/fonts/MaterialIcons-Regular.woff
rename to src/app/legacy/assets/fonts/MaterialIcons-Regular.woff
diff --git a/src/app/assets/fonts/MaterialIcons-Regular.woff2 b/src/app/legacy/assets/fonts/MaterialIcons-Regular.woff2
similarity index 100%
rename from src/app/assets/fonts/MaterialIcons-Regular.woff2
rename to src/app/legacy/assets/fonts/MaterialIcons-Regular.woff2
diff --git a/src/app/assets/img/Login.png b/src/app/legacy/assets/img/Login.png
similarity index 100%
rename from src/app/assets/img/Login.png
rename to src/app/legacy/assets/img/Login.png
diff --git a/src/app/legacy/assets/img/casperLogo.png b/src/app/legacy/assets/img/casperLogo.png
new file mode 100644
index 00000000000..a564ebacb77
Binary files /dev/null and b/src/app/legacy/assets/img/casperLogo.png differ
diff --git a/src/app/assets/img/cspr.png b/src/app/legacy/assets/img/cspr.png
similarity index 100%
rename from src/app/assets/img/cspr.png
rename to src/app/legacy/assets/img/cspr.png
diff --git a/src/app/assets/img/failure.png b/src/app/legacy/assets/img/failure.png
similarity index 100%
rename from src/app/assets/img/failure.png
rename to src/app/legacy/assets/img/failure.png
diff --git a/src/app/assets/img/home.jpg b/src/app/legacy/assets/img/home.jpg
similarity index 100%
rename from src/app/assets/img/home.jpg
rename to src/app/legacy/assets/img/home.jpg
diff --git a/src/app/assets/img/img-01.jpg b/src/app/legacy/assets/img/img-01.jpg
similarity index 100%
rename from src/app/assets/img/img-01.jpg
rename to src/app/legacy/assets/img/img-01.jpg
diff --git a/src/app/assets/img/img-02.jpg b/src/app/legacy/assets/img/img-02.jpg
similarity index 100%
rename from src/app/assets/img/img-02.jpg
rename to src/app/legacy/assets/img/img-02.jpg
diff --git a/src/app/assets/img/img-03.jpg b/src/app/legacy/assets/img/img-03.jpg
similarity index 100%
rename from src/app/assets/img/img-03.jpg
rename to src/app/legacy/assets/img/img-03.jpg
diff --git a/src/app/assets/img/img-04.jpg b/src/app/legacy/assets/img/img-04.jpg
similarity index 100%
rename from src/app/assets/img/img-04.jpg
rename to src/app/legacy/assets/img/img-04.jpg
diff --git a/src/app/assets/img/logo.png b/src/app/legacy/assets/img/logo.png
similarity index 100%
rename from src/app/assets/img/logo.png
rename to src/app/legacy/assets/img/logo.png
diff --git a/src/app/legacy/assets/img/mainLogo.png b/src/app/legacy/assets/img/mainLogo.png
new file mode 100644
index 00000000000..4a31c7d505a
Binary files /dev/null and b/src/app/legacy/assets/img/mainLogo.png differ
diff --git a/src/app/assets/img/patients/patient.jpg b/src/app/legacy/assets/img/patients/patient.jpg
similarity index 100%
rename from src/app/assets/img/patients/patient.jpg
rename to src/app/legacy/assets/img/patients/patient.jpg
diff --git a/src/app/assets/img/patients/patient1.jpg b/src/app/legacy/assets/img/patients/patient1.jpg
similarity index 100%
rename from src/app/assets/img/patients/patient1.jpg
rename to src/app/legacy/assets/img/patients/patient1.jpg
diff --git a/src/app/assets/img/patients/patient10.jpg b/src/app/legacy/assets/img/patients/patient10.jpg
similarity index 100%
rename from src/app/assets/img/patients/patient10.jpg
rename to src/app/legacy/assets/img/patients/patient10.jpg
diff --git a/src/app/assets/img/patients/patient11.jpg b/src/app/legacy/assets/img/patients/patient11.jpg
similarity index 100%
rename from src/app/assets/img/patients/patient11.jpg
rename to src/app/legacy/assets/img/patients/patient11.jpg
diff --git a/src/app/assets/img/patients/patient12.jpg b/src/app/legacy/assets/img/patients/patient12.jpg
similarity index 100%
rename from src/app/assets/img/patients/patient12.jpg
rename to src/app/legacy/assets/img/patients/patient12.jpg
diff --git a/src/app/assets/img/patients/patient13.jpg b/src/app/legacy/assets/img/patients/patient13.jpg
similarity index 100%
rename from src/app/assets/img/patients/patient13.jpg
rename to src/app/legacy/assets/img/patients/patient13.jpg
diff --git a/src/app/assets/img/patients/patient14.jpg b/src/app/legacy/assets/img/patients/patient14.jpg
similarity index 100%
rename from src/app/assets/img/patients/patient14.jpg
rename to src/app/legacy/assets/img/patients/patient14.jpg
diff --git a/src/app/assets/img/patients/patient15.jpg b/src/app/legacy/assets/img/patients/patient15.jpg
similarity index 100%
rename from src/app/assets/img/patients/patient15.jpg
rename to src/app/legacy/assets/img/patients/patient15.jpg
diff --git a/src/app/assets/img/patients/patient2.jpg b/src/app/legacy/assets/img/patients/patient2.jpg
similarity index 100%
rename from src/app/assets/img/patients/patient2.jpg
rename to src/app/legacy/assets/img/patients/patient2.jpg
diff --git a/src/app/assets/img/patients/patient3.jpg b/src/app/legacy/assets/img/patients/patient3.jpg
similarity index 100%
rename from src/app/assets/img/patients/patient3.jpg
rename to src/app/legacy/assets/img/patients/patient3.jpg
diff --git a/src/app/assets/img/patients/patient4.jpg b/src/app/legacy/assets/img/patients/patient4.jpg
similarity index 100%
rename from src/app/assets/img/patients/patient4.jpg
rename to src/app/legacy/assets/img/patients/patient4.jpg
diff --git a/src/app/assets/img/patients/patient5.jpg b/src/app/legacy/assets/img/patients/patient5.jpg
similarity index 100%
rename from src/app/assets/img/patients/patient5.jpg
rename to src/app/legacy/assets/img/patients/patient5.jpg
diff --git a/src/app/assets/img/patients/patient6.jpg b/src/app/legacy/assets/img/patients/patient6.jpg
similarity index 100%
rename from src/app/assets/img/patients/patient6.jpg
rename to src/app/legacy/assets/img/patients/patient6.jpg
diff --git a/src/app/assets/img/patients/patient7.jpg b/src/app/legacy/assets/img/patients/patient7.jpg
similarity index 100%
rename from src/app/assets/img/patients/patient7.jpg
rename to src/app/legacy/assets/img/patients/patient7.jpg
diff --git a/src/app/assets/img/patients/patient8.jpg b/src/app/legacy/assets/img/patients/patient8.jpg
similarity index 100%
rename from src/app/assets/img/patients/patient8.jpg
rename to src/app/legacy/assets/img/patients/patient8.jpg
diff --git a/src/app/assets/img/patients/patient9.jpg b/src/app/legacy/assets/img/patients/patient9.jpg
similarity index 100%
rename from src/app/assets/img/patients/patient9.jpg
rename to src/app/legacy/assets/img/patients/patient9.jpg
diff --git a/src/app/assets/img/r1.jpg b/src/app/legacy/assets/img/r1.jpg
similarity index 100%
rename from src/app/assets/img/r1.jpg
rename to src/app/legacy/assets/img/r1.jpg
diff --git a/src/app/assets/img/r2.jpg b/src/app/legacy/assets/img/r2.jpg
similarity index 100%
rename from src/app/assets/img/r2.jpg
rename to src/app/legacy/assets/img/r2.jpg
diff --git a/src/app/assets/img/r3.jpg b/src/app/legacy/assets/img/r3.jpg
similarity index 100%
rename from src/app/assets/img/r3.jpg
rename to src/app/legacy/assets/img/r3.jpg
diff --git a/src/app/assets/img/r4.jpg b/src/app/legacy/assets/img/r4.jpg
similarity index 100%
rename from src/app/assets/img/r4.jpg
rename to src/app/legacy/assets/img/r4.jpg
diff --git a/src/app/assets/img/r5.jpg b/src/app/legacy/assets/img/r5.jpg
similarity index 100%
rename from src/app/assets/img/r5.jpg
rename to src/app/legacy/assets/img/r5.jpg
diff --git a/src/app/assets/img/r6.jpg b/src/app/legacy/assets/img/r6.jpg
similarity index 100%
rename from src/app/assets/img/r6.jpg
rename to src/app/legacy/assets/img/r6.jpg
diff --git a/src/app/assets/img/success.png b/src/app/legacy/assets/img/success.png
similarity index 100%
rename from src/app/assets/img/success.png
rename to src/app/legacy/assets/img/success.png
diff --git a/src/app/assets/img/video-call.jpg b/src/app/legacy/assets/img/video-call.jpg
similarity index 100%
rename from src/app/assets/img/video-call.jpg
rename to src/app/legacy/assets/img/video-call.jpg
diff --git a/src/app/assets/js/bootstrap-datetimepicker.min.js b/src/app/legacy/assets/js/bootstrap-datetimepicker.min.js
similarity index 100%
rename from src/app/assets/js/bootstrap-datetimepicker.min.js
rename to src/app/legacy/assets/js/bootstrap-datetimepicker.min.js
diff --git a/src/app/assets/js/bootstrap.js b/src/app/legacy/assets/js/bootstrap.js
similarity index 100%
rename from src/app/assets/js/bootstrap.js
rename to src/app/legacy/assets/js/bootstrap.js
diff --git a/src/app/assets/js/bootstrap.js.map b/src/app/legacy/assets/js/bootstrap.js.map
similarity index 100%
rename from src/app/assets/js/bootstrap.js.map
rename to src/app/legacy/assets/js/bootstrap.js.map
diff --git a/src/app/assets/js/bootstrap.min.js b/src/app/legacy/assets/js/bootstrap.min.js
similarity index 100%
rename from src/app/assets/js/bootstrap.min.js
rename to src/app/legacy/assets/js/bootstrap.min.js
diff --git a/src/app/assets/js/bootstrap.min.js.map b/src/app/legacy/assets/js/bootstrap.min.js.map
similarity index 100%
rename from src/app/assets/js/bootstrap.min.js.map
rename to src/app/legacy/assets/js/bootstrap.min.js.map
diff --git a/src/app/assets/js/circle-progress.min.js b/src/app/legacy/assets/js/circle-progress.min.js
similarity index 100%
rename from src/app/assets/js/circle-progress.min.js
rename to src/app/legacy/assets/js/circle-progress.min.js
diff --git a/src/app/assets/js/dropzone.js b/src/app/legacy/assets/js/dropzone.js
similarity index 100%
rename from src/app/assets/js/dropzone.js
rename to src/app/legacy/assets/js/dropzone.js
diff --git a/src/app/assets/js/html5shiv.min.js b/src/app/legacy/assets/js/html5shiv.min.js
similarity index 100%
rename from src/app/assets/js/html5shiv.min.js
rename to src/app/legacy/assets/js/html5shiv.min.js
diff --git a/src/app/assets/js/jquery.min.js b/src/app/legacy/assets/js/jquery.min.js
similarity index 100%
rename from src/app/assets/js/jquery.min.js
rename to src/app/legacy/assets/js/jquery.min.js
diff --git a/src/app/assets/js/map.js b/src/app/legacy/assets/js/map.js
similarity index 100%
rename from src/app/assets/js/map.js
rename to src/app/legacy/assets/js/map.js
diff --git a/src/app/assets/js/moment.min.js b/src/app/legacy/assets/js/moment.min.js
similarity index 100%
rename from src/app/assets/js/moment.min.js
rename to src/app/legacy/assets/js/moment.min.js
diff --git a/src/app/assets/js/popper.min.js b/src/app/legacy/assets/js/popper.min.js
similarity index 100%
rename from src/app/assets/js/popper.min.js
rename to src/app/legacy/assets/js/popper.min.js
diff --git a/src/app/assets/js/profile-settings.js b/src/app/legacy/assets/js/profile-settings.js
similarity index 100%
rename from src/app/assets/js/profile-settings.js
rename to src/app/legacy/assets/js/profile-settings.js
diff --git a/src/app/assets/js/respond.min.js b/src/app/legacy/assets/js/respond.min.js
similarity index 100%
rename from src/app/assets/js/respond.min.js
rename to src/app/legacy/assets/js/respond.min.js
diff --git a/src/app/assets/js/script.js b/src/app/legacy/assets/js/script.js
similarity index 100%
rename from src/app/assets/js/script.js
rename to src/app/legacy/assets/js/script.js
diff --git a/src/app/assets/js/slick.js b/src/app/legacy/assets/js/slick.js
similarity index 100%
rename from src/app/assets/js/slick.js
rename to src/app/legacy/assets/js/slick.js
diff --git a/src/app/assets/plugins/bootstrap-tagsinput/css/bootstrap-tagsinput.css b/src/app/legacy/assets/plugins/bootstrap-tagsinput/css/bootstrap-tagsinput.css
similarity index 100%
rename from src/app/assets/plugins/bootstrap-tagsinput/css/bootstrap-tagsinput.css
rename to src/app/legacy/assets/plugins/bootstrap-tagsinput/css/bootstrap-tagsinput.css
diff --git a/src/app/assets/plugins/bootstrap-tagsinput/js/bootstrap-tagsinput.js b/src/app/legacy/assets/plugins/bootstrap-tagsinput/js/bootstrap-tagsinput.js
similarity index 100%
rename from src/app/assets/plugins/bootstrap-tagsinput/js/bootstrap-tagsinput.js
rename to src/app/legacy/assets/plugins/bootstrap-tagsinput/js/bootstrap-tagsinput.js
diff --git a/src/app/assets/plugins/daterangepicker/daterangepicker.css b/src/app/legacy/assets/plugins/daterangepicker/daterangepicker.css
similarity index 100%
rename from src/app/assets/plugins/daterangepicker/daterangepicker.css
rename to src/app/legacy/assets/plugins/daterangepicker/daterangepicker.css
diff --git a/src/app/assets/plugins/daterangepicker/daterangepicker.js b/src/app/legacy/assets/plugins/daterangepicker/daterangepicker.js
similarity index 100%
rename from src/app/assets/plugins/daterangepicker/daterangepicker.js
rename to src/app/legacy/assets/plugins/daterangepicker/daterangepicker.js
diff --git a/src/app/assets/plugins/dropzone/dropzone.min.css b/src/app/legacy/assets/plugins/dropzone/dropzone.min.css
similarity index 100%
rename from src/app/assets/plugins/dropzone/dropzone.min.css
rename to src/app/legacy/assets/plugins/dropzone/dropzone.min.css
diff --git a/src/app/assets/plugins/dropzone/dropzone.min.js b/src/app/legacy/assets/plugins/dropzone/dropzone.min.js
similarity index 100%
rename from src/app/assets/plugins/dropzone/dropzone.min.js
rename to src/app/legacy/assets/plugins/dropzone/dropzone.min.js
diff --git a/src/app/assets/plugins/fancybox/jquery.fancybox.css b/src/app/legacy/assets/plugins/fancybox/jquery.fancybox.css
similarity index 100%
rename from src/app/assets/plugins/fancybox/jquery.fancybox.css
rename to src/app/legacy/assets/plugins/fancybox/jquery.fancybox.css
diff --git a/src/app/assets/plugins/fancybox/jquery.fancybox.js b/src/app/legacy/assets/plugins/fancybox/jquery.fancybox.js
similarity index 100%
rename from src/app/assets/plugins/fancybox/jquery.fancybox.js
rename to src/app/legacy/assets/plugins/fancybox/jquery.fancybox.js
diff --git a/src/app/assets/plugins/fancybox/jquery.fancybox.min.css b/src/app/legacy/assets/plugins/fancybox/jquery.fancybox.min.css
similarity index 100%
rename from src/app/assets/plugins/fancybox/jquery.fancybox.min.css
rename to src/app/legacy/assets/plugins/fancybox/jquery.fancybox.min.css
diff --git a/src/app/assets/plugins/fancybox/jquery.fancybox.min.js b/src/app/legacy/assets/plugins/fancybox/jquery.fancybox.min.js
similarity index 100%
rename from src/app/assets/plugins/fancybox/jquery.fancybox.min.js
rename to src/app/legacy/assets/plugins/fancybox/jquery.fancybox.min.js
diff --git a/src/app/assets/plugins/fontawesome/css/all.css b/src/app/legacy/assets/plugins/fontawesome/css/all.css
similarity index 100%
rename from src/app/assets/plugins/fontawesome/css/all.css
rename to src/app/legacy/assets/plugins/fontawesome/css/all.css
diff --git a/src/app/assets/plugins/fontawesome/css/all.min.css b/src/app/legacy/assets/plugins/fontawesome/css/all.min.css
similarity index 100%
rename from src/app/assets/plugins/fontawesome/css/all.min.css
rename to src/app/legacy/assets/plugins/fontawesome/css/all.min.css
diff --git a/src/app/assets/plugins/fontawesome/css/fontawesome.css b/src/app/legacy/assets/plugins/fontawesome/css/fontawesome.css
similarity index 100%
rename from src/app/assets/plugins/fontawesome/css/fontawesome.css
rename to src/app/legacy/assets/plugins/fontawesome/css/fontawesome.css
diff --git a/src/app/assets/plugins/fontawesome/css/fontawesome.min.css b/src/app/legacy/assets/plugins/fontawesome/css/fontawesome.min.css
similarity index 100%
rename from src/app/assets/plugins/fontawesome/css/fontawesome.min.css
rename to src/app/legacy/assets/plugins/fontawesome/css/fontawesome.min.css
diff --git a/src/app/assets/plugins/fontawesome/css/solid.css b/src/app/legacy/assets/plugins/fontawesome/css/solid.css
similarity index 100%
rename from src/app/assets/plugins/fontawesome/css/solid.css
rename to src/app/legacy/assets/plugins/fontawesome/css/solid.css
diff --git a/src/app/assets/plugins/fontawesome/css/solid.min.css b/src/app/legacy/assets/plugins/fontawesome/css/solid.min.css
similarity index 100%
rename from src/app/assets/plugins/fontawesome/css/solid.min.css
rename to src/app/legacy/assets/plugins/fontawesome/css/solid.min.css
diff --git a/src/app/assets/plugins/fontawesome/js/all.js b/src/app/legacy/assets/plugins/fontawesome/js/all.js
similarity index 100%
rename from src/app/assets/plugins/fontawesome/js/all.js
rename to src/app/legacy/assets/plugins/fontawesome/js/all.js
diff --git a/src/app/assets/plugins/fontawesome/js/all.min.js b/src/app/legacy/assets/plugins/fontawesome/js/all.min.js
similarity index 100%
rename from src/app/assets/plugins/fontawesome/js/all.min.js
rename to src/app/legacy/assets/plugins/fontawesome/js/all.min.js
diff --git a/src/app/assets/plugins/fontawesome/js/brands.js b/src/app/legacy/assets/plugins/fontawesome/js/brands.js
similarity index 100%
rename from src/app/assets/plugins/fontawesome/js/brands.js
rename to src/app/legacy/assets/plugins/fontawesome/js/brands.js
diff --git a/src/app/assets/plugins/fontawesome/js/brands.min.js b/src/app/legacy/assets/plugins/fontawesome/js/brands.min.js
similarity index 100%
rename from src/app/assets/plugins/fontawesome/js/brands.min.js
rename to src/app/legacy/assets/plugins/fontawesome/js/brands.min.js
diff --git a/src/app/assets/plugins/fontawesome/js/conflict-detection.js b/src/app/legacy/assets/plugins/fontawesome/js/conflict-detection.js
similarity index 100%
rename from src/app/assets/plugins/fontawesome/js/conflict-detection.js
rename to src/app/legacy/assets/plugins/fontawesome/js/conflict-detection.js
diff --git a/src/app/assets/plugins/fontawesome/js/conflict-detection.min.js b/src/app/legacy/assets/plugins/fontawesome/js/conflict-detection.min.js
similarity index 100%
rename from src/app/assets/plugins/fontawesome/js/conflict-detection.min.js
rename to src/app/legacy/assets/plugins/fontawesome/js/conflict-detection.min.js
diff --git a/src/app/assets/plugins/fontawesome/js/fontawesome.js b/src/app/legacy/assets/plugins/fontawesome/js/fontawesome.js
similarity index 100%
rename from src/app/assets/plugins/fontawesome/js/fontawesome.js
rename to src/app/legacy/assets/plugins/fontawesome/js/fontawesome.js
diff --git a/src/app/assets/plugins/fontawesome/js/fontawesome.min.js b/src/app/legacy/assets/plugins/fontawesome/js/fontawesome.min.js
similarity index 100%
rename from src/app/assets/plugins/fontawesome/js/fontawesome.min.js
rename to src/app/legacy/assets/plugins/fontawesome/js/fontawesome.min.js
diff --git a/src/app/assets/plugins/fontawesome/js/regular.js b/src/app/legacy/assets/plugins/fontawesome/js/regular.js
similarity index 100%
rename from src/app/assets/plugins/fontawesome/js/regular.js
rename to src/app/legacy/assets/plugins/fontawesome/js/regular.js
diff --git a/src/app/assets/plugins/fontawesome/js/regular.min.js b/src/app/legacy/assets/plugins/fontawesome/js/regular.min.js
similarity index 100%
rename from src/app/assets/plugins/fontawesome/js/regular.min.js
rename to src/app/legacy/assets/plugins/fontawesome/js/regular.min.js
diff --git a/src/app/assets/plugins/fontawesome/js/solid.js b/src/app/legacy/assets/plugins/fontawesome/js/solid.js
similarity index 100%
rename from src/app/assets/plugins/fontawesome/js/solid.js
rename to src/app/legacy/assets/plugins/fontawesome/js/solid.js
diff --git a/src/app/assets/plugins/fontawesome/js/solid.min.js b/src/app/legacy/assets/plugins/fontawesome/js/solid.min.js
similarity index 100%
rename from src/app/assets/plugins/fontawesome/js/solid.min.js
rename to src/app/legacy/assets/plugins/fontawesome/js/solid.min.js
diff --git a/src/app/assets/plugins/fontawesome/js/v4-shims.js b/src/app/legacy/assets/plugins/fontawesome/js/v4-shims.js
similarity index 100%
rename from src/app/assets/plugins/fontawesome/js/v4-shims.js
rename to src/app/legacy/assets/plugins/fontawesome/js/v4-shims.js
diff --git a/src/app/assets/plugins/fontawesome/js/v4-shims.min.js b/src/app/legacy/assets/plugins/fontawesome/js/v4-shims.min.js
similarity index 100%
rename from src/app/assets/plugins/fontawesome/js/v4-shims.min.js
rename to src/app/legacy/assets/plugins/fontawesome/js/v4-shims.min.js
diff --git a/src/app/assets/plugins/fontawesome/webfonts/fa-brands-400.eot b/src/app/legacy/assets/plugins/fontawesome/webfonts/fa-brands-400.eot
similarity index 100%
rename from src/app/assets/plugins/fontawesome/webfonts/fa-brands-400.eot
rename to src/app/legacy/assets/plugins/fontawesome/webfonts/fa-brands-400.eot
diff --git a/src/app/assets/plugins/fontawesome/webfonts/fa-brands-400.svg b/src/app/legacy/assets/plugins/fontawesome/webfonts/fa-brands-400.svg
similarity index 100%
rename from src/app/assets/plugins/fontawesome/webfonts/fa-brands-400.svg
rename to src/app/legacy/assets/plugins/fontawesome/webfonts/fa-brands-400.svg
diff --git a/src/app/assets/plugins/fontawesome/webfonts/fa-brands-400.ttf b/src/app/legacy/assets/plugins/fontawesome/webfonts/fa-brands-400.ttf
similarity index 100%
rename from src/app/assets/plugins/fontawesome/webfonts/fa-brands-400.ttf
rename to src/app/legacy/assets/plugins/fontawesome/webfonts/fa-brands-400.ttf
diff --git a/src/app/assets/plugins/fontawesome/webfonts/fa-brands-400.woff b/src/app/legacy/assets/plugins/fontawesome/webfonts/fa-brands-400.woff
similarity index 100%
rename from src/app/assets/plugins/fontawesome/webfonts/fa-brands-400.woff
rename to src/app/legacy/assets/plugins/fontawesome/webfonts/fa-brands-400.woff
diff --git a/src/app/assets/plugins/fontawesome/webfonts/fa-brands-400.woff2 b/src/app/legacy/assets/plugins/fontawesome/webfonts/fa-brands-400.woff2
similarity index 100%
rename from src/app/assets/plugins/fontawesome/webfonts/fa-brands-400.woff2
rename to src/app/legacy/assets/plugins/fontawesome/webfonts/fa-brands-400.woff2
diff --git a/src/app/assets/plugins/fontawesome/webfonts/fa-regular-400.eot b/src/app/legacy/assets/plugins/fontawesome/webfonts/fa-regular-400.eot
similarity index 100%
rename from src/app/assets/plugins/fontawesome/webfonts/fa-regular-400.eot
rename to src/app/legacy/assets/plugins/fontawesome/webfonts/fa-regular-400.eot
diff --git a/src/app/assets/plugins/fontawesome/webfonts/fa-regular-400.svg b/src/app/legacy/assets/plugins/fontawesome/webfonts/fa-regular-400.svg
similarity index 100%
rename from src/app/assets/plugins/fontawesome/webfonts/fa-regular-400.svg
rename to src/app/legacy/assets/plugins/fontawesome/webfonts/fa-regular-400.svg
diff --git a/src/app/assets/plugins/fontawesome/webfonts/fa-regular-400.ttf b/src/app/legacy/assets/plugins/fontawesome/webfonts/fa-regular-400.ttf
similarity index 100%
rename from src/app/assets/plugins/fontawesome/webfonts/fa-regular-400.ttf
rename to src/app/legacy/assets/plugins/fontawesome/webfonts/fa-regular-400.ttf
diff --git a/src/app/assets/plugins/fontawesome/webfonts/fa-regular-400.woff b/src/app/legacy/assets/plugins/fontawesome/webfonts/fa-regular-400.woff
similarity index 100%
rename from src/app/assets/plugins/fontawesome/webfonts/fa-regular-400.woff
rename to src/app/legacy/assets/plugins/fontawesome/webfonts/fa-regular-400.woff
diff --git a/src/app/assets/plugins/fontawesome/webfonts/fa-regular-400.woff2 b/src/app/legacy/assets/plugins/fontawesome/webfonts/fa-regular-400.woff2
similarity index 100%
rename from src/app/assets/plugins/fontawesome/webfonts/fa-regular-400.woff2
rename to src/app/legacy/assets/plugins/fontawesome/webfonts/fa-regular-400.woff2
diff --git a/src/app/assets/plugins/fontawesome/webfonts/fa-solid-900.eot b/src/app/legacy/assets/plugins/fontawesome/webfonts/fa-solid-900.eot
similarity index 100%
rename from src/app/assets/plugins/fontawesome/webfonts/fa-solid-900.eot
rename to src/app/legacy/assets/plugins/fontawesome/webfonts/fa-solid-900.eot
diff --git a/src/app/assets/plugins/fontawesome/webfonts/fa-solid-900.svg b/src/app/legacy/assets/plugins/fontawesome/webfonts/fa-solid-900.svg
similarity index 100%
rename from src/app/assets/plugins/fontawesome/webfonts/fa-solid-900.svg
rename to src/app/legacy/assets/plugins/fontawesome/webfonts/fa-solid-900.svg
diff --git a/src/app/assets/plugins/fontawesome/webfonts/fa-solid-900.ttf b/src/app/legacy/assets/plugins/fontawesome/webfonts/fa-solid-900.ttf
similarity index 100%
rename from src/app/assets/plugins/fontawesome/webfonts/fa-solid-900.ttf
rename to src/app/legacy/assets/plugins/fontawesome/webfonts/fa-solid-900.ttf
diff --git a/src/app/assets/plugins/fontawesome/webfonts/fa-solid-900.woff b/src/app/legacy/assets/plugins/fontawesome/webfonts/fa-solid-900.woff
similarity index 100%
rename from src/app/assets/plugins/fontawesome/webfonts/fa-solid-900.woff
rename to src/app/legacy/assets/plugins/fontawesome/webfonts/fa-solid-900.woff
diff --git a/src/app/assets/plugins/fontawesome/webfonts/fa-solid-900.woff2 b/src/app/legacy/assets/plugins/fontawesome/webfonts/fa-solid-900.woff2
similarity index 100%
rename from src/app/assets/plugins/fontawesome/webfonts/fa-solid-900.woff2
rename to src/app/legacy/assets/plugins/fontawesome/webfonts/fa-solid-900.woff2
diff --git a/src/app/assets/plugins/fullcalendar/fullcalendar.min.css b/src/app/legacy/assets/plugins/fullcalendar/fullcalendar.min.css
similarity index 100%
rename from src/app/assets/plugins/fullcalendar/fullcalendar.min.css
rename to src/app/legacy/assets/plugins/fullcalendar/fullcalendar.min.css
diff --git a/src/app/assets/plugins/fullcalendar/fullcalendar.min.js b/src/app/legacy/assets/plugins/fullcalendar/fullcalendar.min.js
similarity index 100%
rename from src/app/assets/plugins/fullcalendar/fullcalendar.min.js
rename to src/app/legacy/assets/plugins/fullcalendar/fullcalendar.min.js
diff --git a/src/app/assets/plugins/fullcalendar/jquery.fullcalendar.js b/src/app/legacy/assets/plugins/fullcalendar/jquery.fullcalendar.js
similarity index 100%
rename from src/app/assets/plugins/fullcalendar/jquery.fullcalendar.js
rename to src/app/legacy/assets/plugins/fullcalendar/jquery.fullcalendar.js
diff --git a/src/app/assets/plugins/jquery-ui/images/ui-icons_444444_256x240.png b/src/app/legacy/assets/plugins/jquery-ui/images/ui-icons_444444_256x240.png
similarity index 100%
rename from src/app/assets/plugins/jquery-ui/images/ui-icons_444444_256x240.png
rename to src/app/legacy/assets/plugins/jquery-ui/images/ui-icons_444444_256x240.png
diff --git a/src/app/assets/plugins/jquery-ui/images/ui-icons_555555_256x240.png b/src/app/legacy/assets/plugins/jquery-ui/images/ui-icons_555555_256x240.png
similarity index 100%
rename from src/app/assets/plugins/jquery-ui/images/ui-icons_555555_256x240.png
rename to src/app/legacy/assets/plugins/jquery-ui/images/ui-icons_555555_256x240.png
diff --git a/src/app/assets/plugins/jquery-ui/images/ui-icons_777620_256x240.png b/src/app/legacy/assets/plugins/jquery-ui/images/ui-icons_777620_256x240.png
similarity index 100%
rename from src/app/assets/plugins/jquery-ui/images/ui-icons_777620_256x240.png
rename to src/app/legacy/assets/plugins/jquery-ui/images/ui-icons_777620_256x240.png
diff --git a/src/app/assets/plugins/jquery-ui/images/ui-icons_777777_256x240.png b/src/app/legacy/assets/plugins/jquery-ui/images/ui-icons_777777_256x240.png
similarity index 100%
rename from src/app/assets/plugins/jquery-ui/images/ui-icons_777777_256x240.png
rename to src/app/legacy/assets/plugins/jquery-ui/images/ui-icons_777777_256x240.png
diff --git a/src/app/assets/plugins/jquery-ui/images/ui-icons_cc0000_256x240.png b/src/app/legacy/assets/plugins/jquery-ui/images/ui-icons_cc0000_256x240.png
similarity index 100%
rename from src/app/assets/plugins/jquery-ui/images/ui-icons_cc0000_256x240.png
rename to src/app/legacy/assets/plugins/jquery-ui/images/ui-icons_cc0000_256x240.png
diff --git a/src/app/assets/plugins/jquery-ui/images/ui-icons_ffffff_256x240.png b/src/app/legacy/assets/plugins/jquery-ui/images/ui-icons_ffffff_256x240.png
similarity index 100%
rename from src/app/assets/plugins/jquery-ui/images/ui-icons_ffffff_256x240.png
rename to src/app/legacy/assets/plugins/jquery-ui/images/ui-icons_ffffff_256x240.png
diff --git a/src/app/assets/plugins/jquery-ui/jquery-ui.css b/src/app/legacy/assets/plugins/jquery-ui/jquery-ui.css
similarity index 100%
rename from src/app/assets/plugins/jquery-ui/jquery-ui.css
rename to src/app/legacy/assets/plugins/jquery-ui/jquery-ui.css
diff --git a/src/app/assets/plugins/jquery-ui/jquery-ui.js b/src/app/legacy/assets/plugins/jquery-ui/jquery-ui.js
similarity index 100%
rename from src/app/assets/plugins/jquery-ui/jquery-ui.js
rename to src/app/legacy/assets/plugins/jquery-ui/jquery-ui.js
diff --git a/src/app/assets/plugins/jquery-ui/jquery-ui.min.css b/src/app/legacy/assets/plugins/jquery-ui/jquery-ui.min.css
similarity index 100%
rename from src/app/assets/plugins/jquery-ui/jquery-ui.min.css
rename to src/app/legacy/assets/plugins/jquery-ui/jquery-ui.min.css
diff --git a/src/app/assets/plugins/jquery-ui/jquery-ui.min.js b/src/app/legacy/assets/plugins/jquery-ui/jquery-ui.min.js
similarity index 100%
rename from src/app/assets/plugins/jquery-ui/jquery-ui.min.js
rename to src/app/legacy/assets/plugins/jquery-ui/jquery-ui.min.js
diff --git a/src/app/assets/plugins/moment/moment.js b/src/app/legacy/assets/plugins/moment/moment.js
similarity index 100%
rename from src/app/assets/plugins/moment/moment.js
rename to src/app/legacy/assets/plugins/moment/moment.js
diff --git a/src/app/assets/plugins/moment/moment.min.js b/src/app/legacy/assets/plugins/moment/moment.min.js
similarity index 100%
rename from src/app/assets/plugins/moment/moment.min.js
rename to src/app/legacy/assets/plugins/moment/moment.min.js
diff --git a/src/app/assets/plugins/select2/css/select2.css b/src/app/legacy/assets/plugins/select2/css/select2.css
similarity index 100%
rename from src/app/assets/plugins/select2/css/select2.css
rename to src/app/legacy/assets/plugins/select2/css/select2.css
diff --git a/src/app/assets/plugins/select2/css/select2.min.css b/src/app/legacy/assets/plugins/select2/css/select2.min.css
similarity index 100%
rename from src/app/assets/plugins/select2/css/select2.min.css
rename to src/app/legacy/assets/plugins/select2/css/select2.min.css
diff --git a/src/app/assets/plugins/select2/js/select2.full.js b/src/app/legacy/assets/plugins/select2/js/select2.full.js
similarity index 100%
rename from src/app/assets/plugins/select2/js/select2.full.js
rename to src/app/legacy/assets/plugins/select2/js/select2.full.js
diff --git a/src/app/assets/plugins/select2/js/select2.full.min.js b/src/app/legacy/assets/plugins/select2/js/select2.full.min.js
similarity index 100%
rename from src/app/assets/plugins/select2/js/select2.full.min.js
rename to src/app/legacy/assets/plugins/select2/js/select2.full.min.js
diff --git a/src/app/assets/plugins/select2/js/select2.js b/src/app/legacy/assets/plugins/select2/js/select2.js
similarity index 100%
rename from src/app/assets/plugins/select2/js/select2.js
rename to src/app/legacy/assets/plugins/select2/js/select2.js
diff --git a/src/app/assets/plugins/select2/js/select2.min.js b/src/app/legacy/assets/plugins/select2/js/select2.min.js
similarity index 100%
rename from src/app/assets/plugins/select2/js/select2.min.js
rename to src/app/legacy/assets/plugins/select2/js/select2.min.js
diff --git a/src/app/assets/plugins/theia-sticky-sidebar/ResizeSensor.js b/src/app/legacy/assets/plugins/theia-sticky-sidebar/ResizeSensor.js
similarity index 100%
rename from src/app/assets/plugins/theia-sticky-sidebar/ResizeSensor.js
rename to src/app/legacy/assets/plugins/theia-sticky-sidebar/ResizeSensor.js
diff --git a/src/app/assets/plugins/theia-sticky-sidebar/ResizeSensor.min.js b/src/app/legacy/assets/plugins/theia-sticky-sidebar/ResizeSensor.min.js
similarity index 100%
rename from src/app/assets/plugins/theia-sticky-sidebar/ResizeSensor.min.js
rename to src/app/legacy/assets/plugins/theia-sticky-sidebar/ResizeSensor.min.js
diff --git a/src/app/assets/plugins/theia-sticky-sidebar/theia-sticky-sidebar.js b/src/app/legacy/assets/plugins/theia-sticky-sidebar/theia-sticky-sidebar.js
similarity index 100%
rename from src/app/assets/plugins/theia-sticky-sidebar/theia-sticky-sidebar.js
rename to src/app/legacy/assets/plugins/theia-sticky-sidebar/theia-sticky-sidebar.js
diff --git a/src/app/assets/plugins/theia-sticky-sidebar/theia-sticky-sidebar.min.js b/src/app/legacy/assets/plugins/theia-sticky-sidebar/theia-sticky-sidebar.min.js
similarity index 100%
rename from src/app/assets/plugins/theia-sticky-sidebar/theia-sticky-sidebar.min.js
rename to src/app/legacy/assets/plugins/theia-sticky-sidebar/theia-sticky-sidebar.min.js
diff --git a/src/app/components/Cards/BiddingHistory.js b/src/app/legacy/components/Cards/BiddingHistory.js
similarity index 100%
rename from src/app/components/Cards/BiddingHistory.js
rename to src/app/legacy/components/Cards/BiddingHistory.js
diff --git a/src/app/components/Cards/CollectionCard.js b/src/app/legacy/components/Cards/CollectionCard.js
similarity index 100%
rename from src/app/components/Cards/CollectionCard.js
rename to src/app/legacy/components/Cards/CollectionCard.js
diff --git a/src/app/components/Cards/NFTCard.js b/src/app/legacy/components/Cards/NFTCard.js
similarity index 100%
rename from src/app/components/Cards/NFTCard.js
rename to src/app/legacy/components/Cards/NFTCard.js
diff --git a/src/app/components/Cards/NFTCube.js b/src/app/legacy/components/Cards/NFTCube.js
similarity index 100%
rename from src/app/components/Cards/NFTCube.js
rename to src/app/legacy/components/Cards/NFTCube.js
diff --git a/src/app/components/Cards/NewNFTCards.js b/src/app/legacy/components/Cards/NewNFTCards.js
similarity index 100%
rename from src/app/components/Cards/NewNFTCards.js
rename to src/app/legacy/components/Cards/NewNFTCards.js
diff --git a/src/app/components/Cards/TxHistory.js b/src/app/legacy/components/Cards/TxHistory.js
similarity index 100%
rename from src/app/components/Cards/TxHistory.js
rename to src/app/legacy/components/Cards/TxHistory.js
diff --git a/src/app/components/Cube/CubeComponent.js b/src/app/legacy/components/Cube/CubeComponent.js
similarity index 100%
rename from src/app/components/Cube/CubeComponent.js
rename to src/app/legacy/components/Cube/CubeComponent.js
diff --git a/src/app/components/Cube/CubeComponent1.js b/src/app/legacy/components/Cube/CubeComponent1.js
similarity index 100%
rename from src/app/components/Cube/CubeComponent1.js
rename to src/app/legacy/components/Cube/CubeComponent1.js
diff --git a/src/app/components/Cube/NewCubeComponent.js b/src/app/legacy/components/Cube/NewCubeComponent.js
similarity index 100%
rename from src/app/components/Cube/NewCubeComponent.js
rename to src/app/legacy/components/Cube/NewCubeComponent.js
diff --git a/src/app/components/Footers/Footer.js b/src/app/legacy/components/Footers/Footer.js
similarity index 100%
rename from src/app/components/Footers/Footer.js
rename to src/app/legacy/components/Footers/Footer.js
diff --git a/src/app/components/Headers/Header.js b/src/app/legacy/components/Headers/Header.js
similarity index 100%
rename from src/app/components/Headers/Header.js
rename to src/app/legacy/components/Headers/Header.js
diff --git a/src/app/components/Headers/NewProfileHeader.js b/src/app/legacy/components/Headers/NewProfileHeader.js
similarity index 100%
rename from src/app/components/Headers/NewProfileHeader.js
rename to src/app/legacy/components/Headers/NewProfileHeader.js
diff --git a/src/app/components/IPFS/ipfs.js b/src/app/legacy/components/IPFS/ipfs.js
similarity index 100%
rename from src/app/components/IPFS/ipfs.js
rename to src/app/legacy/components/IPFS/ipfs.js
diff --git a/src/app/components/Modals/SlippageModal.js b/src/app/legacy/components/Modals/SlippageModal.js
similarity index 100%
rename from src/app/components/Modals/SlippageModal.js
rename to src/app/legacy/components/Modals/SlippageModal.js
diff --git a/src/app/components/actions/products.js b/src/app/legacy/components/actions/products.js
similarity index 100%
rename from src/app/components/actions/products.js
rename to src/app/legacy/components/actions/products.js
diff --git a/src/app/components/blockchain/AccountHashes/Addresses.js b/src/app/legacy/components/blockchain/AccountHashes/Addresses.js
similarity index 100%
rename from src/app/components/blockchain/AccountHashes/Addresses.js
rename to src/app/legacy/components/blockchain/AccountHashes/Addresses.js
diff --git a/src/app/components/blockchain/GetDeploy/GetDeploy.js b/src/app/legacy/components/blockchain/GetDeploy/GetDeploy.js
similarity index 100%
rename from src/app/components/blockchain/GetDeploy/GetDeploy.js
rename to src/app/legacy/components/blockchain/GetDeploy/GetDeploy.js
diff --git a/src/app/components/blockchain/GetStateRootHash/GetStateRootHash.js b/src/app/legacy/components/blockchain/GetStateRootHash/GetStateRootHash.js
similarity index 100%
rename from src/app/components/blockchain/GetStateRootHash/GetStateRootHash.js
rename to src/app/legacy/components/blockchain/GetStateRootHash/GetStateRootHash.js
diff --git a/src/app/components/blockchain/MakeDeploy/MakeDeploy.js b/src/app/legacy/components/blockchain/MakeDeploy/MakeDeploy.js
similarity index 100%
rename from src/app/components/blockchain/MakeDeploy/MakeDeploy.js
rename to src/app/legacy/components/blockchain/MakeDeploy/MakeDeploy.js
diff --git a/src/app/components/blockchain/NodeAddress/NodeAddress.js b/src/app/legacy/components/blockchain/NodeAddress/NodeAddress.js
similarity index 100%
rename from src/app/components/blockchain/NodeAddress/NodeAddress.js
rename to src/app/legacy/components/blockchain/NodeAddress/NodeAddress.js
diff --git a/src/app/components/blockchain/PutDeploy/PutDeploy.js b/src/app/legacy/components/blockchain/PutDeploy/PutDeploy.js
similarity index 100%
rename from src/app/components/blockchain/PutDeploy/PutDeploy.js
rename to src/app/legacy/components/blockchain/PutDeploy/PutDeploy.js
diff --git a/src/app/components/blockchain/RecipientAddress/RecipientAddress.js b/src/app/legacy/components/blockchain/RecipientAddress/RecipientAddress.js
similarity index 100%
rename from src/app/components/blockchain/RecipientAddress/RecipientAddress.js
rename to src/app/legacy/components/blockchain/RecipientAddress/RecipientAddress.js
diff --git a/src/app/components/blockchain/SignDeploy/SignDeploy.js b/src/app/legacy/components/blockchain/SignDeploy/SignDeploy.js
similarity index 100%
rename from src/app/components/blockchain/SignDeploy/SignDeploy.js
rename to src/app/legacy/components/blockchain/SignDeploy/SignDeploy.js
diff --git a/src/app/components/blockchain/Sleep/Sleep.js b/src/app/legacy/components/blockchain/Sleep/Sleep.js
similarity index 100%
rename from src/app/components/blockchain/Sleep/Sleep.js
rename to src/app/legacy/components/blockchain/Sleep/Sleep.js
diff --git a/src/app/components/redux/configureStore.js b/src/app/legacy/components/redux/configureStore.js
similarity index 100%
rename from src/app/components/redux/configureStore.js
rename to src/app/legacy/components/redux/configureStore.js
diff --git a/src/app/components/redux/reducer.js b/src/app/legacy/components/redux/reducer.js
similarity index 100%
rename from src/app/components/redux/reducer.js
rename to src/app/legacy/components/redux/reducer.js
diff --git a/src/app/containers/Pages/Users/AddLiquidity.js b/src/app/legacy/containers/Pages/Users/AddLiquidity.js
similarity index 100%
rename from src/app/containers/Pages/Users/AddLiquidity.js
rename to src/app/legacy/containers/Pages/Users/AddLiquidity.js
diff --git a/src/app/containers/Pages/Users/Home/HomeBanner.js b/src/app/legacy/containers/Pages/Users/Home/HomeBanner.js
similarity index 100%
rename from src/app/containers/Pages/Users/Home/HomeBanner.js
rename to src/app/legacy/containers/Pages/Users/Home/HomeBanner.js
diff --git a/src/app/containers/Pages/Users/HomeScreen.js b/src/app/legacy/containers/Pages/Users/HomeScreen.js
similarity index 100%
rename from src/app/containers/Pages/Users/HomeScreen.js
rename to src/app/legacy/containers/Pages/Users/HomeScreen.js
diff --git a/src/app/containers/Pages/Users/Pairs.js b/src/app/legacy/containers/Pages/Users/Pairs.js
similarity index 100%
rename from src/app/containers/Pages/Users/Pairs.js
rename to src/app/legacy/containers/Pages/Users/Pairs.js
diff --git a/src/app/containers/Pages/Users/Pool.js b/src/app/legacy/containers/Pages/Users/Pool.js
similarity index 100%
rename from src/app/containers/Pages/Users/Pool.js
rename to src/app/legacy/containers/Pages/Users/Pool.js
diff --git a/src/app/containers/Pages/Users/RemoveLiquidity.js b/src/app/legacy/containers/Pages/Users/RemoveLiquidity.js
similarity index 100%
rename from src/app/containers/Pages/Users/RemoveLiquidity.js
rename to src/app/legacy/containers/Pages/Users/RemoveLiquidity.js
diff --git a/src/app/containers/Pages/Users/Swap.js b/src/app/legacy/containers/Pages/Users/Swap.js
similarity index 100%
rename from src/app/containers/Pages/Users/Swap.js
rename to src/app/legacy/containers/Pages/Users/Swap.js
diff --git a/src/app/containers/Pages/Users/Tokens.js b/src/app/legacy/containers/Pages/Users/Tokens.js
similarity index 100%
rename from src/app/containers/Pages/Users/Tokens.js
rename to src/app/legacy/containers/Pages/Users/Tokens.js
diff --git a/src/app/new/atoms/Anchor/index.js b/src/app/new/atoms/Anchor/index.js
new file mode 100644
index 00000000000..2d62675887b
--- /dev/null
+++ b/src/app/new/atoms/Anchor/index.js
@@ -0,0 +1,9 @@
+import React from 'react'
+import { AnchorStyle, LinkStyle } from './styles'
+
+export const Anchor = ({ isAnchor = true, to, insideMessage }) => {
+ if (isAnchor) {
+ return {insideMessage}
+ }
+ return ( {insideMessage})
+}
diff --git a/src/app/new/atoms/Anchor/styles.js b/src/app/new/atoms/Anchor/styles.js
new file mode 100644
index 00000000000..715680c3bb4
--- /dev/null
+++ b/src/app/new/atoms/Anchor/styles.js
@@ -0,0 +1,10 @@
+import styled from 'styled-components'
+import { Link } from "react-router-dom";
+
+export const AnchorStyle = styled.a`
+ color: ${props => props.theme.PrimaryColor};
+`
+
+export const LinkStyle = styled(Link)`
+ color: ${props => props.theme.PrimaryColor};
+`
\ No newline at end of file
diff --git a/src/app/new/atoms/Button/index.js b/src/app/new/atoms/Button/index.js
new file mode 100644
index 00000000000..4ec0cbb44a5
--- /dev/null
+++ b/src/app/new/atoms/Button/index.js
@@ -0,0 +1,10 @@
+import React from 'react'
+import { ButtonStyle } from './styles'
+
+export const Button = ({ content }) => {
+ return (
+
+ {content}
+
+ )
+}
diff --git a/src/app/new/atoms/Button/styles.js b/src/app/new/atoms/Button/styles.js
new file mode 100644
index 00000000000..a1c235e6ae0
--- /dev/null
+++ b/src/app/new/atoms/Button/styles.js
@@ -0,0 +1,10 @@
+import styled from 'styled-components'
+
+export const ButtonStyle = styled.button`
+ color: ${props => props.theme.StrongColor};
+ background-color: ${props => props.theme.TertiaryColor};
+ padding:10px;
+ border-radius: 10px;
+ border:none;
+ box-shadow: 0 0 1rem .2rem rgba(0,0,0,.3);
+`
\ No newline at end of file
diff --git a/src/app/new/atoms/ImgRender/index.js b/src/app/new/atoms/ImgRender/index.js
new file mode 100644
index 00000000000..659540c7033
--- /dev/null
+++ b/src/app/new/atoms/ImgRender/index.js
@@ -0,0 +1,7 @@
+import React from 'react'
+
+export const ImgRender = ({ url }) => {
+ return (
+ 
+ )
+}
diff --git a/src/app/new/atoms/Title/index.js b/src/app/new/atoms/Title/index.js
new file mode 100644
index 00000000000..cdc69b91572
--- /dev/null
+++ b/src/app/new/atoms/Title/index.js
@@ -0,0 +1,9 @@
+import React from 'react'
+import { TitleStyle } from './styles'
+export const Title = ({ title }) => {
+ return (
+
+ {title}
+
+ )
+}
diff --git a/src/app/new/atoms/Title/styles.js b/src/app/new/atoms/Title/styles.js
new file mode 100644
index 00000000000..0b07617759f
--- /dev/null
+++ b/src/app/new/atoms/Title/styles.js
@@ -0,0 +1,5 @@
+import styled from 'styled-components'
+
+export const TitleStyle = styled.h1`
+ color: ${props => props.theme.PrimaryColor};
+`
\ No newline at end of file
diff --git a/src/app/new/atoms/index.js b/src/app/new/atoms/index.js
new file mode 100644
index 00000000000..e6be3b7f8d1
--- /dev/null
+++ b/src/app/new/atoms/index.js
@@ -0,0 +1,4 @@
+export { ImgRender } from './ImgRender'
+export { Title } from './Title'
+export { Button } from './Button'
+export { Anchor } from './Anchor'
\ No newline at end of file
diff --git a/src/app/new/contexts/ThemeContext/index.js b/src/app/new/contexts/ThemeContext/index.js
new file mode 100644
index 00000000000..7587374fdef
--- /dev/null
+++ b/src/app/new/contexts/ThemeContext/index.js
@@ -0,0 +1,21 @@
+import React, { createContext, useState } from 'react'
+import { ThemeProvider } from 'styled-components'
+import { lightTheme, darkTheme,GlobalStyles } from './themes.js'
+
+export const ThemeProviderContext = createContext(null)
+
+export const ThemeContext = (props) => {
+ const [theme, setTheme] = useState("light")
+ const themeToggler = () => {
+ theme === "light" ? setTheme("dark") : setTheme("light")
+ }
+ return (
+
+
+
+ {props.children}
+
+
+ )
+}
+
diff --git a/src/app/new/contexts/ThemeContext/themes.js b/src/app/new/contexts/ThemeContext/themes.js
new file mode 100644
index 00000000000..cec8b8f7949
--- /dev/null
+++ b/src/app/new/contexts/ThemeContext/themes.js
@@ -0,0 +1,26 @@
+import { createGlobalStyle } from 'styled-components'
+
+export const lightTheme = {
+ PrimaryColor: "rgba(255,255,255,1)",
+ MainColor: "rgba(0,62,145,1)",
+ StrongColor: "rgba(3,46,121,1)",
+ StrongColor2: "rgba(3,70,166,1)",
+ StrongColor3: "rgba(3,52,138,1)",
+ SecondaryColor: "rgba(0,187,233,1)",
+ TertiaryColor: "rgba(255,204,0,1)",
+ backgroundColor: "linear-gradient(to bottom, rgba(0,187,233,.8), rgba(0,62,145,1))"
+}
+export const darkTheme = {
+ PrimaryColor: "rgba(255,255,255,1)",
+}
+
+
+export const GlobalStyles = createGlobalStyle`
+ body{
+ height: 100vh;
+ width: 100vw;
+ margin: 0;
+ box-sizing: border-box;
+ color:${props => props.theme.PrimaryColor};
+ }
+`
\ No newline at end of file
diff --git a/src/app/new/i11n/index.js b/src/app/new/i11n/index.js
new file mode 100644
index 00000000000..af8a5a32ce9
--- /dev/null
+++ b/src/app/new/i11n/index.js
@@ -0,0 +1,11 @@
+export const usUS = {
+ brandName: 'Casper Swap',
+ swap: "Swap",
+ liquidity: "Liquidity",
+ pools: "Pools",
+ tokens: "Tokens",
+ analitycs: "Analitycs",
+ mainButton: "Launch App",
+ wallet: "Connect to Wallet"
+
+}
\ No newline at end of file
diff --git a/src/app/new/molecules/ActionsBar/index.js b/src/app/new/molecules/ActionsBar/index.js
new file mode 100644
index 00000000000..ca9a8caf56f
--- /dev/null
+++ b/src/app/new/molecules/ActionsBar/index.js
@@ -0,0 +1,14 @@
+import React from 'react'
+
+import { Button, Anchor } from '../../atoms'
+
+import { ActionsStyles } from './styles'
+
+export const ActionsBar = ({ isAnchor, to, content, insideMessage }) => {
+ return (
+
+
+
+
+ )
+}
diff --git a/src/app/new/molecules/ActionsBar/styles.js b/src/app/new/molecules/ActionsBar/styles.js
new file mode 100644
index 00000000000..ffed9346a82
--- /dev/null
+++ b/src/app/new/molecules/ActionsBar/styles.js
@@ -0,0 +1,7 @@
+import styled from 'styled-components'
+
+export const ActionsStyles = styled.section`
+ display: flex;
+ align-items: center;
+ gap:.8rem;
+`
\ No newline at end of file
diff --git a/src/app/new/molecules/Brand/index.js b/src/app/new/molecules/Brand/index.js
new file mode 100644
index 00000000000..8c276c88a46
--- /dev/null
+++ b/src/app/new/molecules/Brand/index.js
@@ -0,0 +1,12 @@
+import React from 'react'
+import { Title, ImgRender } from '../../atoms'
+import { BrandStyles } from './styles'
+
+export const Brand = ({ title, url }) => {
+ return (
+
+
+
+
+ )
+}
diff --git a/src/app/new/molecules/Brand/styles.js b/src/app/new/molecules/Brand/styles.js
new file mode 100644
index 00000000000..6a1619261ef
--- /dev/null
+++ b/src/app/new/molecules/Brand/styles.js
@@ -0,0 +1,7 @@
+import styled from 'styled-components'
+
+export const BrandStyles = styled.section`
+ display: flex;
+ align-items: center;
+ gap:.8rem;
+`
\ No newline at end of file
diff --git a/src/app/new/molecules/MarkedTitle/index.js b/src/app/new/molecules/MarkedTitle/index.js
new file mode 100644
index 00000000000..33419055edb
--- /dev/null
+++ b/src/app/new/molecules/MarkedTitle/index.js
@@ -0,0 +1,17 @@
+import React from 'react'
+import { StyledContainer,StyledTitle, StyledMarkedTitle } from './styles'
+
+export const MarkedTitle = ({ title, markedword }) => {
+ const titleBuilder = title.split(' ')
+
+ return (
+
+ {
+ titleBuilder.map(word => {
+ if (word === markedword) return ({word})
+ return ({word})
+ })
+ }
+
+ )
+}
diff --git a/src/app/new/molecules/MarkedTitle/styles.js b/src/app/new/molecules/MarkedTitle/styles.js
new file mode 100644
index 00000000000..30947690ea5
--- /dev/null
+++ b/src/app/new/molecules/MarkedTitle/styles.js
@@ -0,0 +1,14 @@
+import styled from 'styled-components'
+
+export const StyledContainer = styled.h1`
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ gap:.5em;
+`
+export const StyledTitle = styled.h1`
+ color:${props => props.theme.PrimaryColor};
+`
+export const StyledMarkedTitle = styled.h1`
+ color:${props => props.theme.TertiaryColor};
+`
diff --git a/src/app/new/molecules/NavigationBar/index.js b/src/app/new/molecules/NavigationBar/index.js
new file mode 100644
index 00000000000..df562d5d669
--- /dev/null
+++ b/src/app/new/molecules/NavigationBar/index.js
@@ -0,0 +1,16 @@
+import React from 'react'
+import { Anchor } from '../../atoms'
+import { NavigationBarStyled } from './styles'
+
+export const NavigationBar = ({ listOfLinks }) => {
+ return (
+
+ {
+ listOfLinks.map(link => {
+ const { to, insideMessage } = link
+ return ()
+ })
+ }
+
+ )
+}
diff --git a/src/app/new/molecules/NavigationBar/styles.js b/src/app/new/molecules/NavigationBar/styles.js
new file mode 100644
index 00000000000..58dd82ce7cf
--- /dev/null
+++ b/src/app/new/molecules/NavigationBar/styles.js
@@ -0,0 +1,7 @@
+import styled from 'styled-components'
+
+export const NavigationBarStyled = styled.nav`
+ display: flex;
+ align-items: center;
+ gap:.8rem;
+`
\ No newline at end of file
diff --git a/src/app/new/molecules/index.js b/src/app/new/molecules/index.js
new file mode 100644
index 00000000000..5c71c481fe5
--- /dev/null
+++ b/src/app/new/molecules/index.js
@@ -0,0 +1,4 @@
+export { Brand } from './Brand'
+export { ActionsBar } from './ActionsBar'
+export { NavigationBar } from './NavigationBar'
+export { MarkedTitle } from './MarkedTitle'
\ No newline at end of file
diff --git a/src/app/new/organisms/Hero/index.js b/src/app/new/organisms/Hero/index.js
new file mode 100644
index 00000000000..1d887f8b1ee
--- /dev/null
+++ b/src/app/new/organisms/Hero/index.js
@@ -0,0 +1,12 @@
+import React from 'react'
+import { MarkedTitle } from '../../molecules'
+
+export const Hero = () => {
+ return (
+
+ )
+}
diff --git a/src/app/new/organisms/NavBar/index.js b/src/app/new/organisms/NavBar/index.js
new file mode 100644
index 00000000000..f36900e0d6a
--- /dev/null
+++ b/src/app/new/organisms/NavBar/index.js
@@ -0,0 +1,15 @@
+import React from 'react'
+
+import { Brand, ActionsBar, NavigationBar, } from '../../molecules'
+
+import { NavBarStyle } from './styles'
+export const NavBar = ({ title, url, isAnchor, to, content, isHome = true, insideMessage, listOfLinks = [] }) => {
+
+ return (
+
+
+ {listOfLinks.length > 1 ? : <>}
+
+
+ )
+}
diff --git a/src/app/new/organisms/NavBar/styles.js b/src/app/new/organisms/NavBar/styles.js
new file mode 100644
index 00000000000..7232b99faed
--- /dev/null
+++ b/src/app/new/organisms/NavBar/styles.js
@@ -0,0 +1,10 @@
+import styled from 'styled-components'
+
+export const NavBarStyle = styled.nav`
+ width: 80%;
+ margin: auto;
+ padding:2rem 0;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+`
diff --git a/src/app/new/organisms/index.js b/src/app/new/organisms/index.js
new file mode 100644
index 00000000000..899c86407b6
--- /dev/null
+++ b/src/app/new/organisms/index.js
@@ -0,0 +1,2 @@
+export { NavBar } from './NavBar'
+export { Hero } from './Hero'
\ No newline at end of file
diff --git a/src/app/new/pages/Home/index.js b/src/app/new/pages/Home/index.js
new file mode 100644
index 00000000000..c80a7db806a
--- /dev/null
+++ b/src/app/new/pages/Home/index.js
@@ -0,0 +1,14 @@
+import React from "react";
+
+// CSS-In-JSS
+// import { Container, NavBarArea, NavBarContainer, NavBarConnect, MainArea, FooterArea, FooterContainer, FooterBox } from './styles'
+
+import { HomeTemplate } from '../../templates/HomeTemplate'
+import { usUS } from '../../i11n'
+export function Home() {
+ const { brandName, brandIMG, mainButton } = usUS
+
+ return (
+
+ );
+}
\ No newline at end of file
diff --git a/src/app/new/pages/Home/styles.js b/src/app/new/pages/Home/styles.js
new file mode 100644
index 00000000000..f8aad1b65b4
--- /dev/null
+++ b/src/app/new/pages/Home/styles.js
@@ -0,0 +1,51 @@
+import styled from 'styled-components'
+
+export const Container = styled.section`
+ width: 100%;
+ height: 100%;
+ background: linear-gradient(rgba(42,58,217,1) 50%,rgba(51,84,251,1) 100%);
+ display: grid;
+ grid-template: auto 1fr auto / 1fr;
+ color: white;
+`
+
+export const NavBarArea = styled.section``
+
+export const NavBarContainer = styled.section`
+ width:80%;
+ margin: auto;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+`
+
+export const NavBarBrand = styled.section`
+ display:flex;
+ padding:10px;
+ gap:10px;
+ justify-content: center;
+ align-items: center;
+ color: white;
+`
+export const NavBarConnect = styled.section``
+
+export const MainArea = styled.section`
+ margin: auto;
+`
+
+export const FooterArea = styled.footer``
+export const FooterContainer = styled.footer`
+ width:80%;
+ margin: auto;
+ padding:10px;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+`
+export const FooterBox = styled.footer`
+ width: 20%;
+ padding: 10px;
+ height: 200px;
+ background-color: rgba(45,36,237,1);
+ border-radius:10px;
+`
\ No newline at end of file
diff --git a/src/app/new/templates/HomeTemplate/index.js b/src/app/new/templates/HomeTemplate/index.js
new file mode 100644
index 00000000000..afb42a4c6cb
--- /dev/null
+++ b/src/app/new/templates/HomeTemplate/index.js
@@ -0,0 +1,12 @@
+import React from 'react'
+import { NavBar,Hero } from '../../organisms'
+import { Container } from './styles'
+export const HomeTemplate = ({ title = 'inside title', url = 'https://via.placeholder.com/50', content = 'inside button', isAnchor = false, to = '/',insideMessage="anchor" }) => {
+ return (
+
+
+
+
+
+ )
+}
diff --git a/src/app/new/templates/HomeTemplate/styles.js b/src/app/new/templates/HomeTemplate/styles.js
new file mode 100644
index 00000000000..f737e5466db
--- /dev/null
+++ b/src/app/new/templates/HomeTemplate/styles.js
@@ -0,0 +1,9 @@
+import styled from 'styled-components'
+
+export const Container = styled.main`
+ width: 100%;
+ height: 100%;
+ background-image: ${props => props.theme.backgroundColor} ;
+ display: grid;
+ grid-template: auto 1fr auto / 1fr;
+`
\ No newline at end of file
diff --git a/src/app/newComponents.txt b/src/app/newComponents.txt
new file mode 100644
index 00000000000..97625245311
--- /dev/null
+++ b/src/app/newComponents.txt
@@ -0,0 +1,55 @@
+new/
+├── atoms
+│ ├── Anchor
+│ │ ├── index.js
+│ │ └── styles.js
+│ ├── Button
+│ │ ├── index.js
+│ │ └── styles.js
+│ ├── ImgRender
+│ │ └── index.js
+│ ├── Title
+│ │ ├── index.js
+│ │ └── styles.js
+│ └── index.js
+├── contexts
+│ ├── ThemeContext
+│ │ ├── index.js
+│ │ └── themes.js
+│ └── UserContext
+├── i11n
+│ └── index.js
+├── molecules
+│ ├── ActionsBar
+│ │ ├── index.js
+│ │ └── styles.js
+│ ├── Brand
+│ │ ├── index.js
+│ │ └── styles.js
+│ ├── MarkedTitle
+│ │ ├── index.js
+│ │ └── styles.js
+│ ├── NavigationBar
+│ │ ├── index.js
+│ │ └── styles.js
+│ └── index.js
+├── organisms
+│ ├── Footer
+│ ├── Hero
+│ │ └── index.js
+│ ├── NavBar
+│ │ ├── index.js
+│ │ └── styles.js
+│ └── index.js
+├── pages
+│ ├── Home
+│ │ ├── index.js
+│ │ └── styles.js
+│ └── Swap
+└── templates
+ ├── HomeTemplate
+ │ ├── index.js
+ │ └── styles.js
+ └── Swap
+
+24 directories, 28 files
diff --git a/src/index.css b/src/index.css
deleted file mode 100644
index 47ed147897a..00000000000
--- a/src/index.css
+++ /dev/null
@@ -1,60 +0,0 @@
-body {
- margin: 0;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
- "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
- sans-serif;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
-}
-
-code {
- font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
- monospace;
-}
-.not-allowed {
- cursor: not-allowed;
-}
-.input-icons i {
- position: absolute;
-}
-
-.input-icons {
- width: 100%;
- margin-bottom: 10px;
-}
-
-.icon {
- padding: 10px;
- color: green;
- min-width: 50px;
- text-align: center;
-}
-
-.input-field {
- width: 100%;
- padding: 10px;
- text-align: center;
-}
-.fade-in-text {
- display: inline-block;
- animation: fadeIn linear 1s;
- -webkit-animation: fadeIn linear 1s;
- -moz-animation: fadeIn linear 1s;
- -o-animation: fadeIn linear 1s;
- -ms-animation: fadeIn linear 1s;
-}
-
-@keyframes fadeIn {
- 0% {opacity:0;}
- 100% {opacity:1;}
-}
-
-@-moz-keyframes fadeIn {
- 0% {opacity:0;}
- 100% {opacity:1;}
-}
-
-@-webkit-keyframes fadeIn {
- 0% {opacity:0;}
- 100% {opacity:1;}
-}
\ No newline at end of file
diff --git a/src/index.js b/src/index.js
index 54468506565..1c912bb0715 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,13 +1,9 @@
import React from "react";
import ReactDOM from "react-dom";
-import "./index.css";
import * as serviceWorker from "./serviceWorker";
-import App from "./app/containers/App/Application";
+import { App } from './app';
import axios from "axios";
-// import 'bootstrap/dist/css/bootstrap.css'; // or include from a CDN
-// import 'react-bootstrap-range-slider/dist/react-bootstrap-range-slider.css';
-// axios.defaults.withCredentials = true;
if (process.env.REACT_APP_BACKEND_SERVER_ADDRESS)
axios.defaults.baseURL = `${process.env.REACT_APP_BACKEND_SERVER_ADDRESS}`;
@@ -16,29 +12,4 @@ else axios.defaults.baseURL = `https://casper-uniswap-v2-graphql.herokuapp.com/`
ReactDOM.render(, document.getElementById("root"));
-// If you want your app to work offline and load faster, you can change
-// unregister() to register() below. Note this comes with some pitfalls.
-// Learn more about service workers: https://bit.ly/CRA-PWA
serviceWorker.unregister();
-
-// import React from "react";
-// import ReactDOM from "react-dom";
-// // import { BrowserRouter, Route, Switch } from "react-router-dom";
-// import "./index.css";
-// import * as serviceWorker from "./serviceWorker";
-// import { BrowserRouter } from "react-router-dom";
-// // import ErrorScreen from "./components/ErrorScreen";
-// // import AdminDashboard from "./components/AdminDashboard";
-// import App from "./App";
-
-// ReactDOM.render(
-//
-//
-// ,
-// document.getElementById('root')
-// );
-
-// // If you want your app to work offline and load faster, you can change
-// // unregister() to register() below. Note this comes with some pitfalls.
-// // Learn more about service workers: https://bit.ly/CRA-PWA
-// serviceWorker.unregister();
diff --git a/src/setupTests.js b/src/setupTests.js
index 74b1a275a0e..87130d148a3 100644
--- a/src/setupTests.js
+++ b/src/setupTests.js
@@ -3,3 +3,4 @@
// expect(element).toHaveTextContent(/react/i)
// learn more: https://github.com/testing-library/jest-dom
import '@testing-library/jest-dom/extend-expect';
+import "@testing-library/jest-dom"