123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236 |
- /* You can add global styles to this file, and also import other style files */
- @import "./assets/scss/variables.scss";
- @font-face {
- font-family: "Montserrat-Bold";
- src: url("./assets/fonts/Montserrat-Bold.ttf") format("truetype");
- font-weight: 100;
- font-style: normal;
- }
- @font-face {
- font-family: "Montserrat-Regular";
- src: url("./assets/fonts/Montserrat-Regular.ttf") format("truetype");
- font-weight: 100;
- font-style: normal;
- }
- * {
- margin: 0;
- padding: 0;
- }
- html,
- body {
- height: 100%;
- padding: auto;
- }
- body {
- margin: 0;
- font-family: "Montserrat-Regular";
- // font-family: Roboto, "Helvetica Neue", sans-serif;
- // font-family: "Montserrat", sans-serif;
- // font-family: "Roboto";
- }
- .body-en {
- direction: ltr;
- }
- .body-ar {
- direction: rtl;
- }
- .mt-2 {
- margin-top: 1rem;
- }
- .mt-3 {
- margin-top: 2rem;
- }
- .plr-1 {
- padding-left: 1rem;
- padding-right: 1rem;
- }
- .plr-0 {
- padding-left: 0 !important;
- padding-right: 0 !important;
- }
- .d-block {
- display: block;
- }
- .gap-80 {
- gap: 80px;
- }
- .gap-36 {
- gap: 36px;
- }
- .w-100 {
- width: 100%;
- }
- .gap-10 {
- gap: 10px;
- }
- .gap-20 {
- gap: 20px;
- }
- .gap-5 {
- gap: 5px;
- }
- .plr-20 {
- padding-left: 20px;
- padding-right: 20px;
- padding-top: 20px;
- }
- .pb-0 {
- padding-bottom: 0 !important;
- }
- .ptr {
- cursor: pointer;
- }
- .red {
- color: red;
- margin: 0 !important;
- }
- /* Border */
- .mat-form-field-appearance-outline .mat-form-field-outline {
- color: white;
- }
- /* Font color */
- input.mat-input-element {
- color: white;
- }
- .mt-1 {
- margin-top: 1rem;
- }
- ::placeholder {
- color: #c5c5c5;
- }
- .ngx-otp-input-container {
- justify-content: center !important;
- }
- .ngx-otp-input {
- width: 15px !important;
- height: 15px !important;
- }
- .m-0 {
- margin: 0 !important;
- }
- .bold {
- font-family: Montserrat-Bold;
- }
- .h-100 {
- height: 100%;
- }
- .absolute {
- position: absolute;
- }
- .bottom {
- bottom: 2rem;
- }
- .mat-drawer-content {
- padding: 0 20px;
- }
- .mb-1 {
- margin-bottom: 1rem;
- }
- .mb-0_5 {
- margin-bottom: 0.5rem;
- }
- .pt-0 {
- padding-top: 5px !important;
- }
- .gap-30 {
- gap: 30px;
- }
- .gap-10 {
- gap: 10px;
- }
- .pt-2 {
- padding-top: 2px;
- }
- .plr-30 {
- padding: 0 30px;
- }
- .height-inherit {
- height: inherit !important;
- }
- .mat-form-field-wrapper .mat-form-field-flex input {
- border: none !important;
- }
- .pt-5 {
- padding-top: 5px !important;
- padding-bottom: 0 !important;
- }
- .main-color {
- color: $main-color;
- font-size: 16px;
- }
- .fz-16 {
- font-size: 16px !important;
- }
- .gap-0 {
- gap: 0;
- }
- .border-0 {
- border: 0 !important;
- }
- .white {
- color: #fff !important;
- }
- .text-center {
- text-align: center;
- }
- .top-02 {
- margin-top: 0.2rem !important;
- }
- .border-bottom-white {
- border-bottom: 1px solid $white-color;
- }
- .pb-0-5 {
- padding-bottom: 0.5rem;
- }
- .mt-20 {
- margin-top: 20px;
- }
|