diff --git a/.gitignore b/.gitignore
index ab45613..ff5b56b 100644
--- a/.gitignore
+++ b/.gitignore
@@ -104,3 +104,4 @@ Icon
Network Trash Folder
Temporary Items
.apdisk
+
diff --git a/.idea/compiler.xml b/.idea/compiler.xml
index c53ebd9..77bc625 100644
--- a/.idea/compiler.xml
+++ b/.idea/compiler.xml
@@ -2,6 +2,7 @@
+
diff --git a/.idea/misc.xml b/.idea/misc.xml
index 25d34a4..5821b2f 100644
--- a/.idea/misc.xml
+++ b/.idea/misc.xml
@@ -1,5 +1,8 @@
-
+
+
+
+
\ No newline at end of file
diff --git a/.idea/modules.xml b/.idea/modules.xml
new file mode 100644
index 0000000..b272264
--- /dev/null
+++ b/.idea/modules.xml
@@ -0,0 +1,8 @@
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/build.gradle b/build.gradle
index 4dd1e18..9168d2c 100644
--- a/build.gradle
+++ b/build.gradle
@@ -19,13 +19,18 @@ repositories {
}
dependencies {
+
+ implementation 'org.springframework.boot:spring-boot-starter-security'
+ implementation 'org.thymeleaf.extras:thymeleaf-extras-springsecurity5'
+
implementation 'org.springframework.boot:spring-boot-starter-data-jpa'
implementation 'org.springframework.boot:spring-boot-starter-thymeleaf'
implementation 'org.springframework.boot:spring-boot-starter-web'
compileOnly 'org.projectlombok:lombok'
developmentOnly 'org.springframework.boot:spring-boot-devtools'
+ implementation 'org.springframework.boot:spring-boot-starter-jdbc'
+
runtimeOnly 'mysql:mysql-connector-java'
- runtimeOnly 'org.postgresql:postgresql'
annotationProcessor 'org.projectlombok:lombok'
testImplementation 'org.springframework.boot:spring-boot-starter-test'
}
diff --git a/src/main/java/com/example/demo/DemoApplication.java b/src/main/java/com/example/demo/DemoApplication.java
index 64b538a..0477668 100644
--- a/src/main/java/com/example/demo/DemoApplication.java
+++ b/src/main/java/com/example/demo/DemoApplication.java
@@ -2,6 +2,9 @@
import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;
+import org.springframework.context.annotation.Bean;
+import org.springframework.web.client.RestTemplate;
+import org.springframework.web.filter.HiddenHttpMethodFilter;
@SpringBootApplication
public class DemoApplication {
@@ -10,4 +13,14 @@ public static void main(String[] args) {
SpringApplication.run(DemoApplication.class, args);
}
+ @Bean
+ public HiddenHttpMethodFilter hiddenHttpMethodFilter() {
+ return new HiddenHttpMethodFilter();
+ }
+
+ @Bean
+ public RestTemplate getRestTemplate(){
+ return new RestTemplate();
+ }
+
}
diff --git a/src/main/java/com/example/demo/api/AccountApiClient.java b/src/main/java/com/example/demo/api/AccountApiClient.java
new file mode 100644
index 0000000..f5c8f4d
--- /dev/null
+++ b/src/main/java/com/example/demo/api/AccountApiClient.java
@@ -0,0 +1,204 @@
+package com.example.demo.api;
+
+import com.fasterxml.jackson.databind.ObjectMapper;
+import lombok.RequiredArgsConstructor;
+import org.springframework.http.HttpEntity;
+import org.springframework.http.HttpHeaders;
+import org.springframework.http.MediaType;
+import org.springframework.stereotype.Service;
+import org.springframework.web.client.RestTemplate;
+
+import java.io.IOException;
+import java.nio.charset.Charset;
+import java.text.SimpleDateFormat;
+import java.util.Calendar;
+import java.util.HashMap;
+import java.util.Map;
+import java.util.Random;
+
+@RequiredArgsConstructor
+@Service
+public class AccountApiClient {
+ private final RestTemplate restTemplate;
+ ObjectMapper objectMapper = new ObjectMapper();
+
+ private final String OpenFinAccountDirect = "OpenFinAccountDirect";
+ private final String CheckOpenFinAccountDirect = "CheckOpenFinAccountDirect";
+ private final String InquireBalance = "InquireBalance";
+ private final String DrawingTransfer = "DrawingTransfer";
+
+ private final String AccessToken = "fbc2f45a85d5e47781183a7417f6c34d5c4c7bbba6f3ad6763ff024f9caf4f9c";
+ private final String NHApiUrl_finAccount = "https://developers.nonghyup.com/OpenFinAccountDirect.nh";
+ private final String NHApiUrl_confirmAccount = "https://developers.nonghyup.com/CheckOpenFinAccountDirect.nh";
+ private final String NHApiUrl_inquireBalance = "https://developers.nonghyup.com/InquireBalance.nhh";
+ private final String NHApiUrl_drawingTransfer = "https://developers.nonghyup.com/DrawingTransfer.nh";
+
+
+ SimpleDateFormat format1 = new SimpleDateFormat("yyyyMMdd");
+ SimpleDateFormat format2 = new SimpleDateFormat("HHmmss");
+ Calendar today = Calendar.getInstance();
+ private final String Tsymd = format1.format(today.getTime());
+ private final String Trtm = format2.format(today.getTime());
+
+ private final String Iscd = "001063";
+ private final String FintechApsno = "001";
+ private final String ApiSvcCd = "DrawingTransferA";
+
+ public static String numberGen(int len, int dupCd ) {
+ Random rand = new Random();
+ String numStr = ""; //난수가 저장될 변수
+ for(int i=0;i param) {
+
+ Map header = new HashMap<>();
+ header.put("ApiNm", OpenFinAccountDirect);
+ header.put("Tsymd", Tsymd);
+ header.put("Trtm", Trtm);
+ header.put("Iscd", Iscd);
+ header.put("FintechApsno", FintechApsno);
+ header.put("ApiSvcCd", ApiSvcCd);
+ header.put("IsTuno", numberGen(10,2));
+ header.put("AccessToken", AccessToken);
+
+ Map params = new HashMap<>();
+ params.put("Header", header);
+ params.put("DrtrRgyn", "Y");
+ params.put("BrdtBrno", param.get("BrdtBrno"));
+ params.put("Bncd", param.get("Bncd"));
+ params.put("Acno", param.get("Acno"));
+
+ String body = null;
+ try {
+ body = objectMapper.writeValueAsString(params);
+ } catch (IOException e) {
+ throw new RuntimeException(e);
+ }
+ System.out.println(body);
+ HttpHeaders headers = new HttpHeaders();
+ headers.setContentType(new MediaType("application", "json", Charset.forName("UTF-8")));
+
+ HttpEntity entity = new HttpEntity(body, headers);
+ System.out.println(entity);
+ String result = restTemplate.postForEntity(NHApiUrl_finAccount, entity, String.class).getBody();
+ return result;
+ }
+
+ //핀어카운트직접발급확인
+ public String confirmFinAcoount(Map param){
+ Map header = new HashMap<>();
+ header.put("ApiNm", CheckOpenFinAccountDirect);
+ header.put("Tsymd", Tsymd);
+ header.put("Trtm", Trtm);
+ header.put("Iscd", Iscd);
+ header.put("FintechApsno", FintechApsno);
+ header.put("ApiSvcCd", ApiSvcCd);
+ header.put("IsTuno", numberGen(10,2));
+ header.put("AccessToken", AccessToken);
+
+ Map params = new HashMap<>();
+ params.put("Header", header);
+ params.put("BrdtBrno", param.get("BrdtBrno"));
+ params.put("Rgno", param.get("Rgno"));
+
+ String body = null;
+ try {
+ body = objectMapper.writeValueAsString(params);
+ } catch (IOException e) {
+ throw new RuntimeException(e);
+ }
+ System.out.println(body);
+ HttpHeaders headers = new HttpHeaders();
+ headers.setContentType(new MediaType("application", "json", Charset.forName("UTF-8")));
+
+ HttpEntity entity = new HttpEntity(body, headers);
+ System.out.println(entity);
+ String result = restTemplate.postForEntity(NHApiUrl_confirmAccount, entity, String.class).getBody();
+ return result;
+ }
+
+ //잔액조회
+ public String inquireBalance(Map param) {
+
+ Map header = new HashMap<>();
+ header.put("ApiNm", InquireBalance);
+ header.put("Tsymd", Tsymd);
+ header.put("Trtm", Trtm);
+ header.put("Iscd", Iscd);
+ header.put("FintechApsno", FintechApsno);
+ header.put("ApiSvcCd", ApiSvcCd);
+ header.put("IsTuno", numberGen(10,2));
+ header.put("AccessToken", AccessToken);
+
+ Map params = new HashMap<>();
+ params.put("Header", header);
+ params.put("FinAcno", param.get("FinAcno"));
+ String body = null;
+ try {
+ body = objectMapper.writeValueAsString(params);
+ } catch (IOException e) {
+ throw new RuntimeException(e);
+ }
+ System.out.println(body);
+ HttpHeaders headers = new HttpHeaders();
+ headers.setContentType(new MediaType("application", "json", Charset.forName("UTF-8")));
+
+ HttpEntity entity = new HttpEntity(body, headers);
+ System.out.println(entity);
+ String result = restTemplate.postForEntity(NHApiUrl_inquireBalance, entity, String.class).getBody();
+ return result;
+
+ }
+
+ public String drawingTransfer(Map param, String FinAcno) {
+ Map header = new HashMap<>();
+ header.put("ApiNm", DrawingTransfer);
+ header.put("Tsymd", Tsymd);
+ header.put("Trtm", Trtm);
+ header.put("Iscd", Iscd);
+ header.put("FintechApsno", FintechApsno);
+ header.put("ApiSvcCd", ApiSvcCd);
+ header.put("IsTuno", numberGen(10,2));
+ header.put("AccessToken", AccessToken);
+
+ Map params = new HashMap<>();
+ params.put("Header", header);
+ params.put("FinAcno", FinAcno);
+ params.put("Tram", param.get("Tram"));
+ params.put("DractOtlt", "(주)놀아보새");
+
+ String body = null;
+ try {
+ body = objectMapper.writeValueAsString(params);
+ } catch (IOException e) {
+ throw new RuntimeException(e);
+ }
+ System.out.println(body);
+ HttpHeaders headers = new HttpHeaders();
+ headers.setContentType(new MediaType("application", "json", Charset.forName("UTF-8")));
+
+ HttpEntity entity = new HttpEntity(body, headers);
+ System.out.println(entity);
+ String result = restTemplate.postForEntity(NHApiUrl_drawingTransfer, entity, String.class).getBody();
+ return result;
+ }
+}
diff --git a/src/main/java/com/example/demo/config/SecurityConfig.java b/src/main/java/com/example/demo/config/SecurityConfig.java
new file mode 100644
index 0000000..b9a87f2
--- /dev/null
+++ b/src/main/java/com/example/demo/config/SecurityConfig.java
@@ -0,0 +1,68 @@
+package com.example.demo.config;
+
+import com.example.demo.service.MemberService;
+import lombok.AllArgsConstructor;
+import org.springframework.context.annotation.Bean;
+import org.springframework.context.annotation.Configuration;
+import org.springframework.security.config.annotation.authentication.builders.AuthenticationManagerBuilder;
+import org.springframework.security.config.annotation.web.builders.HttpSecurity;
+import org.springframework.security.config.annotation.web.builders.WebSecurity;
+import org.springframework.security.config.annotation.web.configuration.EnableWebSecurity;
+import org.springframework.security.config.annotation.web.configuration.WebSecurityConfigurerAdapter;
+import org.springframework.security.crypto.bcrypt.BCryptPasswordEncoder;
+import org.springframework.security.crypto.password.PasswordEncoder;
+import org.springframework.security.web.util.matcher.AntPathRequestMatcher;
+
+@Configuration
+@EnableWebSecurity
+@AllArgsConstructor
+public class SecurityConfig extends WebSecurityConfigurerAdapter {
+
+ private final MemberService memberService;
+
+ @Bean
+ public PasswordEncoder passwordEncoder(){
+ return new BCryptPasswordEncoder();
+ }
+
+ @Override
+ public void configure(WebSecurity web) throws Exception{
+ web.ignoring().antMatchers("/assets/**");
+
+ }
+
+ @Override
+ protected void configure(HttpSecurity http) throws Exception{
+ http.authorizeRequests()
+ //페이지 권한 설정(Role 기준으로)
+ .antMatchers("/user/**").hasRole("MEMBER")
+ .antMatchers("/api/**").hasRole("MEMBER")
+ .antMatchers("/home/**").hasRole("MEMBER")
+ .antMatchers("/account/**").hasRole("MEMBER")
+ .antMatchers("/order/**").hasRole("MEMBER")
+ .antMatchers("/**").permitAll()
+
+ .and() // 로그인 설정
+ .formLogin()
+ .loginPage("/")
+ .defaultSuccessUrl("/home")
+ .permitAll()
+
+ .and() // 로그아웃 설정
+ .logout()
+ .logoutRequestMatcher(new AntPathRequestMatcher("/user/logout"))
+ .logoutSuccessUrl("/home")
+ .invalidateHttpSession(true)
+
+ .and()
+ // 403 예외처리 핸들링
+ .csrf().disable()
+ .exceptionHandling().accessDeniedPage("/user/denied");
+ }
+
+ @Override
+ public void configure(AuthenticationManagerBuilder auth) throws Exception {
+ auth.userDetailsService(memberService).passwordEncoder(passwordEncoder());
+ }
+
+}
diff --git a/src/main/java/com/example/demo/controller/AccountController.java b/src/main/java/com/example/demo/controller/AccountController.java
new file mode 100644
index 0000000..27a47e6
--- /dev/null
+++ b/src/main/java/com/example/demo/controller/AccountController.java
@@ -0,0 +1,35 @@
+package com.example.demo.controller;
+
+import com.example.demo.service.AccountService;
+import lombok.RequiredArgsConstructor;
+import org.springframework.web.bind.annotation.PostMapping;
+import org.springframework.web.bind.annotation.RequestBody;
+import org.springframework.web.bind.annotation.RestController;
+
+import java.util.Map;
+
+@RequiredArgsConstructor
+@RestController
+public class AccountController {
+ private final AccountService accountService;
+
+ @PostMapping("/api/account/register")
+ public String postRequest(@RequestBody Map param){
+ return accountService.registration(param);
+ }
+
+ @PostMapping("/api/account/confirm")
+ public String confirmAccount(@RequestBody Map param){
+ return accountService.confirm(param);
+ }
+
+ @PostMapping("/api/account/balance")
+ public String inquireBalance(@RequestBody Map param) {
+ return accountService.inquire(param);
+ }
+
+ @PostMapping("/api/account/order")
+ public String DrawingTransfer(@RequestBody Map param) {
+ return accountService.order(param);
+ }
+}
\ No newline at end of file
diff --git a/src/main/java/com/example/demo/controller/HomeController.java b/src/main/java/com/example/demo/controller/HomeController.java
new file mode 100644
index 0000000..8937e82
--- /dev/null
+++ b/src/main/java/com/example/demo/controller/HomeController.java
@@ -0,0 +1,27 @@
+package com.example.demo.controller;
+
+import lombok.AllArgsConstructor;
+import org.springframework.stereotype.Controller;
+import org.springframework.web.bind.annotation.GetMapping;
+
+@Controller
+@AllArgsConstructor
+public class HomeController {
+
+ @GetMapping("/home")
+ public String dispHome(){
+ return "home/index";
+ }
+
+ @GetMapping("home/customizing")
+ public String dispCustomizing(){
+ return "home/landing";
+ }
+
+ @GetMapping("home/customized")
+ public String dispCustomized(){
+ return "home/customized";
+ }
+
+
+}
diff --git a/src/main/java/com/example/demo/controller/MainController.java b/src/main/java/com/example/demo/controller/MainController.java
index b9cc54d..945d7f0 100644
--- a/src/main/java/com/example/demo/controller/MainController.java
+++ b/src/main/java/com/example/demo/controller/MainController.java
@@ -3,12 +3,12 @@
import lombok.extern.slf4j.Slf4j;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
-
+/*
@Controller
@Slf4j
public class MainController {
- @GetMapping("/")
- public String main(){
- return "index.html";
+ @GetMapping("/order")
+ public String order(){
+ return "account/order.html";
}
-}
+}*/
diff --git a/src/main/java/com/example/demo/controller/MemberController.java b/src/main/java/com/example/demo/controller/MemberController.java
new file mode 100644
index 0000000..ccb13db
--- /dev/null
+++ b/src/main/java/com/example/demo/controller/MemberController.java
@@ -0,0 +1,79 @@
+package com.example.demo.controller;
+
+//import com.example.demo.dto.AccountDto;
+import com.example.demo.dto.MemberDto;
+import com.example.demo.service.AccountService;
+import com.example.demo.service.MemberService;
+import lombok.AllArgsConstructor;
+import org.springframework.stereotype.Controller;
+import org.springframework.web.bind.annotation.GetMapping;
+import org.springframework.web.bind.annotation.PostMapping;
+import org.springframework.web.bind.annotation.RestController;
+
+@Controller
+@AllArgsConstructor
+public class MemberController {
+
+ private final MemberService memberService;
+
+ @GetMapping("/account")
+ public String dispAccount(){
+ return "account/account";
+ }
+
+ @GetMapping("/")
+ public String displogin(){
+ return "member/signin";
+ }
+
+ @GetMapping("/user/signup")
+ public String dispSignup(){
+ return "member/signup";
+ }
+
+ @PostMapping("/user/signup")
+ public String execSignup(MemberDto memberDto){
+ memberService.joinUser(memberDto);
+ return "member/thankyou2";
+ }
+
+ @GetMapping("/user/signup/result")
+ public String dispSignupResult(){
+ return "member/signinSuccess";
+ }
+
+ @GetMapping("/user/logout/result")
+ public String dispLogoutResult(){
+ return "member/logoutSuccess";
+ }
+
+ @PostMapping("/user/denied")
+ public String dispDenied(){
+ return "member/denied";
+ }
+
+
+ private final AccountService accountService;
+
+ @GetMapping("/user/register/card")
+ public String dispRegisterCard(){
+ return "account/registerCard";
+ }
+
+// @PostMapping("/user/register/card")
+// public String execRegister(AccountDto accountDto){
+// accountService.setAccountInfo(accountDto);
+// return "account/registerCard";
+// }
+
+ @GetMapping("/user/register/account")
+ public String dispRegisterAccount(){
+ return "account/registerAccount";
+ }
+
+// @PostMapping("user/register/account")
+// public String execRegisterAccount(AccountDto accountDto){
+// accountService.setAccountInfo(accountDto);
+// return "account/registerAccount";
+// }
+}
diff --git a/src/main/java/com/example/demo/controller/OrderController.java b/src/main/java/com/example/demo/controller/OrderController.java
new file mode 100644
index 0000000..51d533d
--- /dev/null
+++ b/src/main/java/com/example/demo/controller/OrderController.java
@@ -0,0 +1,21 @@
+package com.example.demo.controller;
+
+import lombok.AllArgsConstructor;
+import org.springframework.stereotype.Controller;
+import org.springframework.web.bind.annotation.GetMapping;
+
+@Controller
+@AllArgsConstructor
+public class OrderController {
+
+ @GetMapping("/order/3times")
+ public String disp3TimesBreakDown(){return "order/sendmoney3";}
+
+ @GetMapping("/order/12times")
+ public String disp12TimesBreakDown(){return "order/sendmoney12";}
+
+ @GetMapping("order/success")
+ public String dispOrderSuccess(){
+ return "order/orderSuccess";
+ }
+}
diff --git a/src/main/java/com/example/demo/domain/entity/Account.java b/src/main/java/com/example/demo/domain/entity/Account.java
new file mode 100644
index 0000000..b96a567
--- /dev/null
+++ b/src/main/java/com/example/demo/domain/entity/Account.java
@@ -0,0 +1,35 @@
+package com.example.demo.domain.entity;
+
+import lombok.AccessLevel;
+import lombok.Builder;
+import lombok.Getter;
+import lombok.NoArgsConstructor;
+
+import javax.persistence.*;
+import java.util.ArrayList;
+import java.util.List;
+
+@NoArgsConstructor(access = AccessLevel.PROTECTED)
+@Getter
+@Entity
+@Table(name = "account")
+public class Account {
+ @Id
+ @GeneratedValue(strategy= GenerationType.IDENTITY)
+ private Long id;
+
+ @ManyToOne
+ @JoinColumn(name = "member_id")
+ private MemberEntity memberEntity;
+
+ @Column(length = 50, nullable = false)
+ private String finAcno;
+
+ @Builder
+ public Account(Long id, MemberEntity memberEntity, String finAcno) {
+ this.id = id;
+ this.memberEntity = memberEntity;
+ this.finAcno = finAcno;
+ }
+
+}
diff --git a/src/main/java/com/example/demo/domain/entity/Bnpl.java b/src/main/java/com/example/demo/domain/entity/Bnpl.java
new file mode 100644
index 0000000..0824427
--- /dev/null
+++ b/src/main/java/com/example/demo/domain/entity/Bnpl.java
@@ -0,0 +1,39 @@
+package com.example.demo.domain.entity;
+
+import lombok.AccessLevel;
+import lombok.Getter;
+import lombok.NoArgsConstructor;
+import org.apache.tomcat.jni.Local;
+
+import javax.persistence.*;
+import java.time.LocalDate;
+
+@NoArgsConstructor(access = AccessLevel.PROTECTED)
+@Getter
+@Entity
+public class Bnpl {
+ @Id
+ @GeneratedValue(strategy= GenerationType.IDENTITY)
+ private Long id;
+
+ @ManyToOne
+ @JoinColumn(name = "member_id")
+ private MemberEntity memberEntity;
+
+ @Column
+ private Long remainPrice;
+
+ @Column
+ private Long leftMonth;
+
+ @Column
+ private LocalDate startDate;
+
+ public Bnpl(Long id, MemberEntity memberEntity, Long remainPrice, Long leftMonth, LocalDate startDate) {
+ this.id = id;
+ this.memberEntity = memberEntity;
+ this.remainPrice = remainPrice;
+ this.leftMonth = leftMonth;
+ this.startDate = startDate;
+ }
+}
diff --git a/src/main/java/com/example/demo/domain/entity/MemberEntity.java b/src/main/java/com/example/demo/domain/entity/MemberEntity.java
new file mode 100644
index 0000000..4df757a
--- /dev/null
+++ b/src/main/java/com/example/demo/domain/entity/MemberEntity.java
@@ -0,0 +1,48 @@
+package com.example.demo.domain.entity;
+
+import lombok.AccessLevel;
+import lombok.Builder;
+import lombok.Getter;
+import lombok.NoArgsConstructor;
+
+import javax.persistence.*;
+import java.util.ArrayList;
+import java.util.List;
+
+@NoArgsConstructor(access = AccessLevel.PROTECTED)
+@Getter
+@Entity
+@Table(name = "member")
+public class MemberEntity {
+ @Id
+ @GeneratedValue(strategy= GenerationType.IDENTITY)
+ private Long id;
+
+ @Column(length = 10, nullable = false)
+ private String name;
+
+ @Column(length = 20, nullable = false)
+ private String email;
+
+ @Column(length = 100, nullable = false)
+ private String password;
+
+ @Column(length = 20, nullable = false)
+ private String birthday;
+
+ @OneToMany(mappedBy = "memberEntity", cascade = CascadeType.ALL)
+ private List accounts = new ArrayList<>();
+
+ @OneToMany(mappedBy = "memberEntity", cascade = CascadeType.ALL)
+ private List bnpls = new ArrayList<>();
+
+ @Builder
+ public MemberEntity(Long id, String name, String email, String password, String birthday, String phoneNumber){
+ this.id = id;
+ this.name = name;
+ this.email = email;
+ this.password = password;
+ this.birthday = birthday;
+ }
+
+}
\ No newline at end of file
diff --git a/src/main/java/com/example/demo/domain/entity/Role.java b/src/main/java/com/example/demo/domain/entity/Role.java
new file mode 100644
index 0000000..39b8f5b
--- /dev/null
+++ b/src/main/java/com/example/demo/domain/entity/Role.java
@@ -0,0 +1,14 @@
+package com.example.demo.domain.entity;
+
+import lombok.AllArgsConstructor;
+import lombok.Getter;
+
+@AllArgsConstructor
+@Getter
+public enum Role {
+ ADMIN("ROLE_ADMIN"),
+ MEMBER("ROLE_MEMBER");
+
+ private final String value;
+
+}
diff --git a/src/main/java/com/example/demo/dto/AccountDto.java b/src/main/java/com/example/demo/dto/AccountDto.java
new file mode 100644
index 0000000..edd597b
--- /dev/null
+++ b/src/main/java/com/example/demo/dto/AccountDto.java
@@ -0,0 +1,28 @@
+//package com.example.demo.dto;
+//
+//import com.example.demo.domain.entity.Account;
+//import com.example.demo.domain.entity.MemberEntity;
+//import lombok.*;
+//
+//@Getter
+//@Setter
+//@ToString
+//@NoArgsConstructor
+//public class AccountDto {
+// private Long id;
+// private String account;
+//
+// public Account toEntity(){
+// return Account.builder()
+// .id(id)
+// .account(account)
+// .build();
+// }
+//
+//
+// @Builder
+// public AccountDto(Long id, String account) {
+// this.id = id;
+// this.account = account;
+// }
+//}
diff --git a/src/main/java/com/example/demo/dto/MemberDto.java b/src/main/java/com/example/demo/dto/MemberDto.java
new file mode 100644
index 0000000..2b542a4
--- /dev/null
+++ b/src/main/java/com/example/demo/dto/MemberDto.java
@@ -0,0 +1,38 @@
+package com.example.demo.dto;
+
+import com.example.demo.domain.entity.MemberEntity;
+import lombok.*;
+
+import java.time.LocalDateTime;
+
+@Getter
+@Setter
+@ToString
+@NoArgsConstructor
+public class MemberDto {
+ private Long id;
+ private String email;
+ private String password;
+ private String name;
+ private String birthday;
+
+
+ public MemberEntity toEntity(){
+ return MemberEntity.builder()
+ .id(id)
+ .email(email)
+ .password(password)
+ .name(name)
+ .birthday(birthday)
+ .build();
+ }
+
+ @Builder
+ public MemberDto(Long id, String email, String password, String name, String birthday, String phoneNumber) {
+ this.id = id;
+ this.email = email;
+ this.password = password;
+ this.name = name;
+ this.birthday = birthday;
+ }
+}
\ No newline at end of file
diff --git a/src/main/java/com/example/demo/repository/MemberRepository.java b/src/main/java/com/example/demo/repository/MemberRepository.java
new file mode 100644
index 0000000..087ab1c
--- /dev/null
+++ b/src/main/java/com/example/demo/repository/MemberRepository.java
@@ -0,0 +1,11 @@
+package com.example.demo.repository;
+
+import com.example.demo.domain.entity.MemberEntity;
+import org.springframework.data.jpa.repository.JpaRepository;
+
+import java.util.Optional;
+
+public interface MemberRepository extends JpaRepository {
+
+ Optional findByEmail(String email);
+}
diff --git a/src/main/java/com/example/demo/repository/PaymentRepository.java b/src/main/java/com/example/demo/repository/PaymentRepository.java
new file mode 100644
index 0000000..6bf5818
--- /dev/null
+++ b/src/main/java/com/example/demo/repository/PaymentRepository.java
@@ -0,0 +1,7 @@
+package com.example.demo.repository;
+
+import com.example.demo.domain.entity.Account;
+import org.springframework.data.jpa.repository.JpaRepository;
+
+public interface PaymentRepository extends JpaRepository {
+}
diff --git a/src/main/java/com/example/demo/service/AccountService.java b/src/main/java/com/example/demo/service/AccountService.java
new file mode 100644
index 0000000..9e38b11
--- /dev/null
+++ b/src/main/java/com/example/demo/service/AccountService.java
@@ -0,0 +1,39 @@
+package com.example.demo.service;
+
+import com.example.demo.api.AccountApiClient;
+//import com.example.demo.dto.AccountDto;
+import com.example.demo.repository.PaymentRepository;
+import lombok.RequiredArgsConstructor;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.util.Map;
+
+@RequiredArgsConstructor
+@Service
+public class AccountService {
+ private final AccountApiClient accountApiClient;
+
+ private PaymentRepository paymentRepository;
+
+
+ @Transactional(readOnly = true)
+ public String registration(Map param) {
+ return accountApiClient.requestFinAccount(param);
+ }
+
+ @Transactional(readOnly = true)
+ public String confirm(Map param) {
+ return accountApiClient.confirmFinAcoount(param);
+ }
+
+ public String inquire(Map param) {
+ return accountApiClient.inquireBalance(param);
+ }
+
+
+ public String order(Map param) {
+ String FinAcno = "00820100010630000000000011386";
+ return accountApiClient.drawingTransfer(param, FinAcno);
+ }
+}
diff --git a/src/main/java/com/example/demo/service/MemberService.java b/src/main/java/com/example/demo/service/MemberService.java
new file mode 100644
index 0000000..38b3be9
--- /dev/null
+++ b/src/main/java/com/example/demo/service/MemberService.java
@@ -0,0 +1,54 @@
+package com.example.demo.service;
+
+import com.example.demo.domain.entity.MemberEntity;
+import com.example.demo.domain.entity.Role;
+import com.example.demo.dto.MemberDto;
+import com.example.demo.repository.MemberRepository;
+import lombok.AllArgsConstructor;
+import org.springframework.security.core.GrantedAuthority;
+import org.springframework.security.core.authority.AuthorityUtils;
+import org.springframework.security.core.authority.SimpleGrantedAuthority;
+import org.springframework.security.core.userdetails.User;
+import org.springframework.security.core.userdetails.UserDetails;
+import org.springframework.security.core.userdetails.UserDetailsService;
+import org.springframework.security.core.userdetails.UsernameNotFoundException;
+import org.springframework.security.crypto.bcrypt.BCryptPasswordEncoder;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.util.ArrayList;
+import java.util.Collection;
+import java.util.List;
+import java.util.Optional;
+
+
+@Service
+@AllArgsConstructor
+public class MemberService implements UserDetailsService {
+
+ private MemberRepository memberRepository;
+
+ @Transactional
+ public Long joinUser(MemberDto memberDto){
+ BCryptPasswordEncoder passwordEncoder = new BCryptPasswordEncoder();
+ memberDto.setPassword(passwordEncoder.encode(memberDto.getPassword()));
+ return memberRepository.save(memberDto.toEntity()).getId();
+ }
+
+ @Override
+ public UserDetails loadUserByUsername(String email) throws UsernameNotFoundException {
+ Optional userEntityWrapper = memberRepository.findByEmail(email);
+ MemberEntity userEntity = userEntityWrapper.get();
+
+ List authorities = new ArrayList<>();
+
+ if(("admin@example.com").equals(email)){
+ authorities.add(new SimpleGrantedAuthority(Role.ADMIN.getValue()));
+ }else{
+ authorities.add(new SimpleGrantedAuthority(Role.MEMBER.getValue()));
+ }
+ return new User(userEntity.getEmail(),userEntity.getPassword(),authorities);
+ }
+
+
+}
diff --git a/src/main/resources/application.properties b/src/main/resources/application.properties
index 21120ff..c06209d 100644
--- a/src/main/resources/application.properties
+++ b/src/main/resources/application.properties
@@ -1,16 +1,20 @@
+spring.devtools.restart.enabled= true
-#devtools
-spring.devtools,restart.enabled=true
+#spring.datasource.url=jdbc:postgresql://localhost:5432/postgres
+#spring.datasource.username=postgres
+#spring.datasource.password=san!1128
-#Mysql
-spring.datasource.url=
-spring.datasource.username=
-spring.datasource.password=
+#spring.jpa.hibernate.dialect = org.hibernate.dialect.PostgreSQL10Dialect
+
+
+spring.datasource.url=jdbc:mysql://221.168.38.228:3306/fintech
+spring.datasource.username=root
+spring.datasource.password=fintech
-#JPA
spring.jpa.hibernate.dialect=org.hibernate.dialect.MySQL5InnoDBDialect
-spring.jpa.hibernate.ddl-auto=create
-spring.jpa.generate-ddl=true
-spring.jpa.properties.hibernate.formal_sql=true
-spring.jpa.show-sql=true
-spring.jpa.open-in-view=false
+spring.jpa.hibernate.ddl-auto=update
+spring.jpa.properties.hiberate.format_sql = true
+spring.jpa.show-sql = true
+
+
+spring.mvc.hiddenmethod.filter.enabled=true
\ No newline at end of file
diff --git a/src/main/resources/static/assets/css/style.css b/src/main/resources/static/assets/css/style.css
new file mode 100644
index 0000000..95f1a7f
--- /dev/null
+++ b/src/main/resources/static/assets/css/style.css
@@ -0,0 +1,13939 @@
+/*
+==================================
+Table of content
+==================================
+
+1. variable
+2. Bootstrap default css
+3. utility
+4. text
+5. body
+6. button
+7. form element
+8. loader
+9. header
+10. avatar
+11. sidebar
+12. card
+13. swiper sliders
+14. list
+15. footer
+16. dark mode
+17. filter
+18. Full calendar
+19. Logo
+20. RTL
+
+*/
+/* template variables for standard action color should be removed from '../vendor/bootstrap-5/scss/variables' */
+:root {
+ --fimobile-green: #3ac79b;
+ --fimobile-red: #f73563;
+ --fimobile-yellow: #ffbd17;
+ --fimobile-blue: #3c63e2;
+ --fimobile-rounded: 15px;
+ --fimobile-padding: 15px;
+ --bs-gutter-x: var(--fimobile-padding);
+ --fimobile-input-rounded: 10px;
+ /* radial gradient colors */
+ --fimobile-theme-color-grad-1: #1DACA7;
+ --fimobile-theme-color-grad-2: #1DACA7;
+ --fimobile-theme-color-grad-3: #1DACA7;
+ /* color schemes */
+ --fimobile-theme-color: #1DACA7;
+ --fimobile-theme-color-2: #333333;
+ --fimobile-theme-color-3: #F4D137
+ --fimobile-theme-color-light: #d3ddfd;
+ --fimobile-theme-bordercolor: #dadff6;
+ --fimobile-theme-text: #ffffff;
+ --fimobile-header: transparent;
+ --fimobile-header-active: #ffffff;
+ --fimobile-header-text: #000000;
+ --fimobile-footer: #ffffff;
+ --fimobile-footer-text: #999999;
+ --fimobile-footer-text-active: var(--fimobile-theme-color);
+ --fimobile-sidebar: var(--fimobile-theme-color);
+ --fimobile-sidebar-text: #ffffff;
+ --fimobile-sidebar-text-active: #ffffff;
+ --fimobile-card-color: rgba(255, 255, 255, 0.85);
+ --fimobile-card-text: #000000;
+ --fimobile-page-bg-1: #f1f3f8;
+ --fimobile-page-bg-2: #ffffff;
+ --fimobile-page-text: #000000;
+ --fimobile-page-link: var(--fimobile-theme-color);
+}
+
+:root .row > *,
+:root .container,
+:root .container-fluid,
+:root .container-sm,
+:root .container-md,
+:root .container-lg,
+:root .container-xl,
+:root .container-xxl,
+:root .container-sm,
+:root .container-md,
+:root .container-lg,
+:root .container-xl,
+:root .container-xxl {
+ padding-left: var(--fimobile-padding);
+ padding-right: var(--fimobile-padding);
+}
+
+:root .row {
+ margin-right: calc(var(--fimobile-padding) * -1);
+ margin-left: calc(var(--fimobile-padding) * -1);
+}
+
+.theme-indigo {
+ /* radial gradient colors */
+ --fimobile-theme-color-grad-1: #1DACA7;
+ --fimobile-theme-color-grad-2: #5100d4;
+ --fimobile-theme-color-grad-3: #270069;
+ /* color schemes */
+ --fimobile-theme-color: #1DACA7;
+ --fimobile-theme-color-2: #550bce;
+ --fimobile-theme-color-light: #f4fdff;
+ --fimobile-theme-bordercolor: rgba(51, 7, 124, 0.15);
+ --fimobile-theme-text: #ffffff;
+ --fimobile-header: transparent;
+ --fimobile-header-active: #ffffff;
+ --fimobile-header-text: #000000;
+ --fimobile-footer: #ffffff;
+ --fimobile-footer-text: #999999;
+ --fimobile-footer-text-active: var(--fimobile-theme-color);
+ --fimobile-sidebar: var(--fimobile-theme-color);
+ --fimobile-sidebar-text: #ffffff;
+ --fimobile-sidebar-text-active: #ffffff;
+ --fimobile-page-bg-1: #fff9fb;
+ --fimobile-page-bg-2: #f1eafe;
+ --fimobile-page-text: #000000;
+ --fimobile-page-link: var(--fimobile-theme-color);
+}
+
+.theme-purple {
+ /* radial gradient colors */
+ --fimobile-theme-color-grad-1: #1DACA7;
+ --fimobile-theme-color-grad-2: #5a2ab3;
+ --fimobile-theme-color-grad-3: #300284;
+ /* color schemes */
+ --fimobile-theme-color: #1DACA7;
+ --fimobile-theme-color-2: #5d36a4;
+ --fimobile-theme-color-light: #f4fdff;
+ --fimobile-theme-bordercolor: rgba(56, 32, 99, 0.15);
+ --fimobile-theme-text: #ffffff;
+ --fimobile-header: transparent;
+ --fimobile-header-active: #ffffff;
+ --fimobile-header-text: #000000;
+ --fimobile-footer: #ffffff;
+ --fimobile-footer-text: #999999;
+ --fimobile-footer-text-active: var(--fimobile-theme-color);
+ --fimobile-sidebar: var(--fimobile-theme-color);
+ --fimobile-sidebar-text: #ffffff;
+ --fimobile-sidebar-text-active: #ffffff;
+ --fimobile-page-bg-1: #e5f9fe;
+ --fimobile-page-bg-2: #f3effa;
+ --fimobile-page-text: #000000;
+ --fimobile-page-link: var(--fimobile-theme-color);
+}
+
+.theme-pink {
+ /* radial gradient colors */
+ --fimobile-theme-color-grad-1: #1DACA7;
+ --fimobile-theme-color-grad-2: #d11e78;
+ --fimobile-theme-color-grad-3: #300284;
+ /* color schemes */
+ --fimobile-theme-color: #d63384;
+ --fimobile-theme-color-2: #bb2670;
+ --fimobile-theme-color-light: #f4fdff;
+ --fimobile-theme-bordercolor: rgba(114, 23, 68, 0.15);
+ --fimobile-theme-text: #ffffff;
+ --fimobile-header: transparent;
+ --fimobile-header-active: #ffffff;
+ --fimobile-header-text: #000000;
+ --fimobile-footer: #ffffff;
+ --fimobile-footer-text: #999999;
+ --fimobile-footer-text-active: var(--fimobile-theme-color);
+ --fimobile-sidebar: var(--fimobile-theme-color);
+ --fimobile-sidebar-text: #ffffff;
+ --fimobile-sidebar-text-active: #ffffff;
+ --fimobile-page-bg-1: #fffbf2;
+ --fimobile-page-bg-2: #fcf2f7;
+ --fimobile-page-text: #000000;
+ --fimobile-page-link: var(--fimobile-theme-color);
+}
+
+.theme-red {
+ /* radial gradient colors */
+ --fimobile-theme-color-grad-1: #1DACA7;
+ --fimobile-theme-color-grad-2: #e91547;
+ --fimobile-theme-color-grad-3: #77001c;
+ /* color schemes */
+ /* color schemes */
+ --fimobile-theme-color: #f73563;
+ --fimobile-theme-color-2: #f50e45;
+ --fimobile-theme-color-light: #f4fdff;
+ --fimobile-theme-bordercolor: rgba(166, 7, 44, 0.1);
+ --fimobile-theme-text: #ffffff;
+ --fimobile-header: transparent;
+ --fimobile-header-active: #ffffff;
+ --fimobile-header-text: #000000;
+ --fimobile-footer: #ffffff;
+ --fimobile-footer-text: #999999;
+ --fimobile-footer-text-active: var(--fimobile-theme-color);
+ --fimobile-sidebar: var(--fimobile-theme-color);
+ --fimobile-sidebar-text: #ffffff;
+ --fimobile-sidebar-text-active: #ffffff;
+ --fimobile-page-bg-1: #fffaed;
+ --fimobile-page-bg-2: white;
+ --fimobile-page-text: #000000;
+ --fimobile-page-link: var(--fimobile-theme-color);
+}
+
+.theme-orange {
+ /* radial gradient colors */
+ --fimobile-theme-color-grad-1: #ffc107;
+ --fimobile-theme-color-grad-2: #ec6c02;
+ --fimobile-theme-color-grad-3: #c70042;
+ /* color schemes */
+ --fimobile-theme-color: #fd7e14;
+ --fimobile-theme-color-2: #e66a02;
+ --fimobile-theme-color-light: #f4fdff;
+ --fimobile-theme-bordercolor: rgba(144, 66, 1, 0.15);
+ --fimobile-theme-text: #ffffff;
+ --fimobile-header: transparent;
+ --fimobile-header-active: #ffffff;
+ --fimobile-header-text: #000000;
+ --fimobile-footer: #ffffff;
+ --fimobile-footer-text: #999999;
+ --fimobile-footer-text-active: var(--fimobile-theme-color);
+ --fimobile-sidebar: var(--fimobile-theme-color);
+ --fimobile-sidebar-text: #ffffff;
+ --fimobile-sidebar-text-active: #ffffff;
+ --fimobile-page-bg-1: #fffbf2;
+ --fimobile-page-bg-2: #fff3e8;
+ --fimobile-page-text: #000000;
+ --fimobile-page-link: var(--fimobile-theme-color);
+}
+
+.theme-yellow {
+ /* radial gradient colors */
+ --fimobile-theme-color-grad-1: #ffdb6f;
+ --fimobile-theme-color-grad-2: #f0ac00;
+ --fimobile-theme-color-grad-3: #f03000;
+ /* color schemes */
+ --fimobile-theme-color: #ffbd17;
+ --fimobile-theme-color-2: #edaa00;
+ --fimobile-theme-color-light: #f4fdff;
+ --fimobile-theme-bordercolor: rgba(151, 108, 0, 0.15);
+ --fimobile-theme-text: #ffffff;
+ --fimobile-header: transparent;
+ --fimobile-header-active: #ffffff;
+ --fimobile-header-text: #000000;
+ --fimobile-footer: #ffffff;
+ --fimobile-footer-text: #999999;
+ --fimobile-footer-text-active: var(--fimobile-theme-color);
+ --fimobile-sidebar: var(--fimobile-theme-color);
+ --fimobile-sidebar-text: #ffffff;
+ --fimobile-sidebar-text-active: #ffffff;
+ --fimobile-page-bg-1: #f6f8fe;
+ --fimobile-page-bg-2: #fffaed;
+ --fimobile-page-text: #000000;
+ --fimobile-page-link: var(--fimobile-theme-color);
+}
+
+.theme-green {
+ /* radial gradient colors */
+ --fimobile-theme-color-grad-1: #a9e682;
+ --fimobile-theme-color-grad-2: #1fbb8a;
+ --fimobile-theme-color-grad-3: #0072c3;
+ /* color schemes */
+ --fimobile-theme-color: #3ac79b;
+ --fimobile-theme-color-2: #30a883;
+ --fimobile-theme-color-light: #f4fdff;
+ --fimobile-theme-bordercolor: rgba(29, 101, 78, 0.15);
+ --fimobile-theme-text: #ffffff;
+ --fimobile-header: transparent;
+ --fimobile-header-active: #ffffff;
+ --fimobile-header-text: #000000;
+ --fimobile-footer: #ffffff;
+ --fimobile-footer-text: #999999;
+ --fimobile-footer-text-active: var(--fimobile-theme-color);
+ --fimobile-sidebar: var(--fimobile-theme-color);
+ --fimobile-sidebar-text: #ffffff;
+ --fimobile-sidebar-text-active: #ffffff;
+ --fimobile-page-bg-1: #fffefd;
+ --fimobile-page-bg-2: #edfaf6;
+ --fimobile-page-text: #000000;
+ --fimobile-page-link: var(--fimobile-theme-color);
+}
+
+.theme-teal {
+ /* radial gradient colors */
+ --fimobile-theme-color-grad-1: #a2fffa;
+ --fimobile-theme-color-grad-2: #00a2ad;
+ --fimobile-theme-color-grad-3: #3f51b5;
+ /* color schemes */
+ --fimobile-theme-color: #0ab2be;
+ --fimobile-theme-color-2: #088e97;
+ --fimobile-theme-color-light: #f4fdff;
+ --fimobile-theme-bordercolor: rgba(4, 65, 69, 0.15);
+ --fimobile-theme-text: #ffffff;
+ --fimobile-header: transparent;
+ --fimobile-header-active: #ffffff;
+ --fimobile-header-text: #000000;
+ --fimobile-footer: #ffffff;
+ --fimobile-footer-text: #999999;
+ --fimobile-footer-text-active: var(--fimobile-theme-color);
+ --fimobile-sidebar: var(--fimobile-theme-color);
+ --fimobile-sidebar-text: #ffffff;
+ --fimobile-sidebar-text-active: #ffffff;
+ --fimobile-page-bg-1: #fff4f7;
+ --fimobile-page-bg-2: #e3fcfe;
+ --fimobile-page-text: #000000;
+ --fimobile-page-link: var(--fimobile-theme-color);
+}
+
+.theme-cyan {
+ /* radial gradient colors */
+ --fimobile-theme-color-grad-1: #9df5dc;
+ --fimobile-theme-color-grad-2: #00b5da;
+ --fimobile-theme-color-grad-3: #673ab7;
+ /* color schemes */
+ --fimobile-theme-color: #0dcaf0;
+ --fimobile-theme-color-2: #0ba9c9;
+ --fimobile-theme-color-light: #f4fdff;
+ --fimobile-theme-bordercolor: rgba(6, 100, 119, 0.15);
+ --fimobile-theme-text: #ffffff;
+ --fimobile-header: transparent;
+ --fimobile-header-active: #ffffff;
+ --fimobile-header-text: #000000;
+ --fimobile-footer: #ffffff;
+ --fimobile-footer-text: #999999;
+ --fimobile-footer-text-active: var(--fimobile-theme-color);
+ --fimobile-sidebar: var(--fimobile-theme-color);
+ --fimobile-sidebar-text: #ffffff;
+ --fimobile-sidebar-text-active: #ffffff;
+ --fimobile-page-bg-1: #fff9fb;
+ --fimobile-page-bg-2: #e5f9fe;
+ --fimobile-page-text: #000000;
+ --fimobile-page-link: var(--fimobile-theme-color);
+}
+
+@media screen and (max-width: 340px) {
+ :root {
+ --fimobile-padding: 10px;
+ --fimobile-rounded: 12px;
+ }
+}
+
+/*!
+ * Bootstrap v5.0.1 (https://getbootstrap.com/)
+ * Copyright 2011-2021 The Bootstrap Authors
+ * Copyright 2011-2021 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
+ */
+:root {
+ --bs-blue: #3c63e2;
+ --bs-indigo: #6610f2;
+ --bs-purple: #6f42c1;
+ --bs-pink: #d63384;
+ --bs-red: #f73563;
+ --bs-orange: #fd7e14;
+ --bs-yellow: #ffbd17;
+ --bs-green: #3ac79b;
+ --bs-teal: #0ab2be;
+ --bs-cyan: #0dcaf0;
+ --bs-white: #fff;
+ --bs-gray: #6c757d;
+ --bs-gray-dark: #343a40;
+ --bs-primary: #3c63e2;
+ --bs-secondary: #6c757d;
+ --bs-success: #3ac79b;
+ --bs-info: #0dcaf0;
+ --bs-warning: #ffbd17;
+ --bs-danger: #f73563;
+ --bs-light: #f8f9fa;
+ --bs-dark: #212529;
+ --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+ --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+ --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
+}
+
+*,
+*::before,
+*::after {
+ box-sizing: border-box;
+}
+
+@media (prefers-reduced-motion: no-preference) {
+ :root {
+ scroll-behavior: smooth;
+ }
+}
+
+body {
+ margin: 0;
+ font-family: var(--bs-font-sans-serif);
+ font-size: 1rem;
+ font-weight: 400;
+ line-height: 1.5;
+ color: #212529;
+ background-color: #fff;
+ -webkit-text-size-adjust: 100%;
+ -webkit-tap-highlight-color: transparent;
+}
+
+hr {
+ margin: 1rem 0;
+ color: inherit;
+ background-color: currentColor;
+ border: 0;
+ opacity: 0.25;
+}
+
+hr:not([size]) {
+ height: 1px;
+}
+
+h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
+ margin-top: 0;
+ margin-bottom: 0.5rem;
+ font-weight: 500;
+ line-height: 1.2;
+}
+
+h1, .h1 {
+ font-size: calc(1.375rem + 1.5vw);
+}
+
+@media (min-width: 1200px) {
+ h1, .h1 {
+ font-size: 2.5rem;
+ }
+}
+
+h2, .h2 {
+ font-size: calc(1.325rem + 0.9vw);
+}
+
+@media (min-width: 1200px) {
+ h2, .h2 {
+ font-size: 2rem;
+ }
+}
+
+h3, .h3 {
+ font-size: calc(1.3rem + 0.6vw);
+}
+
+@media (min-width: 1200px) {
+ h3, .h3 {
+ font-size: 1.75rem;
+ }
+}
+
+h4, .h4 {
+ font-size: calc(1.275rem + 0.3vw);
+}
+
+@media (min-width: 1200px) {
+ h4, .h4 {
+ font-size: 1.5rem;
+ }
+}
+
+h5, .h5 {
+ font-size: 1.25rem;
+}
+
+h6, .h6 {
+ font-size: 1rem;
+}
+
+p {
+ margin-top: 0;
+ margin-bottom: 1rem;
+}
+
+abbr[title],
+abbr[data-bs-original-title] {
+ text-decoration: underline dotted;
+ cursor: help;
+ text-decoration-skip-ink: none;
+}
+
+address {
+ margin-bottom: 1rem;
+ font-style: normal;
+ line-height: inherit;
+}
+
+ol,
+ul {
+ padding-left: 2rem;
+}
+
+ol,
+ul,
+dl {
+ margin-top: 0;
+ margin-bottom: 1rem;
+}
+
+ol ol,
+ul ul,
+ol ul,
+ul ol {
+ margin-bottom: 0;
+}
+
+dt {
+ font-weight: 700;
+}
+
+dd {
+ margin-bottom: .5rem;
+ margin-left: 0;
+}
+
+blockquote {
+ margin: 0 0 1rem;
+}
+
+b,
+strong {
+ font-weight: bolder;
+}
+
+small, .small {
+ font-size: 0.875em;
+}
+
+mark, .mark {
+ padding: 0.2em;
+ background-color: #fcf8e3;
+}
+
+sub,
+sup {
+ position: relative;
+ font-size: 0.75em;
+ line-height: 0;
+ vertical-align: baseline;
+}
+
+sub {
+ bottom: -.25em;
+}
+
+sup {
+ top: -.5em;
+}
+
+a {
+ color: #3c63e2;
+ text-decoration: underline;
+}
+
+a:hover {
+ color: #304fb5;
+}
+
+a:not([href]):not([class]), a:not([href]):not([class]):hover {
+ color: inherit;
+ text-decoration: none;
+}
+
+pre,
+code,
+kbd,
+samp {
+ font-family: var(--bs-font-monospace);
+ font-size: 1em;
+ direction: ltr /* rtl:ignore */;
+ unicode-bidi: bidi-override;
+}
+
+pre {
+ display: block;
+ margin-top: 0;
+ margin-bottom: 1rem;
+ overflow: auto;
+ font-size: 0.875em;
+}
+
+pre code {
+ font-size: inherit;
+ color: inherit;
+ word-break: normal;
+}
+
+code {
+ font-size: 0.875em;
+ color: #d63384;
+ word-wrap: break-word;
+}
+
+a > code {
+ color: inherit;
+}
+
+kbd {
+ padding: 0.2rem 0.4rem;
+ font-size: 0.875em;
+ color: #fff;
+ background-color: #212529;
+ border-radius: 0.2rem;
+}
+
+kbd kbd {
+ padding: 0;
+ font-size: 1em;
+ font-weight: 700;
+}
+
+figure {
+ margin: 0 0 1rem;
+}
+
+img,
+svg {
+ vertical-align: middle;
+}
+
+table {
+ caption-side: bottom;
+ border-collapse: collapse;
+}
+
+caption {
+ padding-top: 0.5rem;
+ padding-bottom: 0.5rem;
+ color: #6c757d;
+ text-align: left;
+}
+
+th {
+ text-align: inherit;
+ text-align: -webkit-match-parent;
+}
+
+thead,
+tbody,
+tfoot,
+tr,
+td,
+th {
+ border-color: inherit;
+ border-style: solid;
+ border-width: 0;
+}
+
+label {
+ display: inline-block;
+}
+
+button {
+ border-radius: 0;
+}
+
+button:focus:not(:focus-visible) {
+ outline: 0;
+}
+
+input,
+button,
+select,
+optgroup,
+textarea {
+ margin: 0;
+ font-family: inherit;
+ font-size: inherit;
+ line-height: inherit;
+}
+
+button,
+select {
+ text-transform: none;
+}
+
+[role="button"] {
+ cursor: pointer;
+}
+
+select {
+ word-wrap: normal;
+}
+
+select:disabled {
+ opacity: 1;
+}
+
+[list]::-webkit-calendar-picker-indicator {
+ display: none;
+}
+
+button,
+[type="button"],
+[type="reset"],
+[type="submit"] {
+ -webkit-appearance: button;
+}
+
+button:not(:disabled),
+[type="button"]:not(:disabled),
+[type="reset"]:not(:disabled),
+[type="submit"]:not(:disabled) {
+ cursor: pointer;
+}
+
+::-moz-focus-inner {
+ padding: 0;
+ border-style: none;
+}
+
+textarea {
+ resize: vertical;
+}
+
+fieldset {
+ min-width: 0;
+ padding: 0;
+ margin: 0;
+ border: 0;
+}
+
+legend {
+ float: left;
+ width: 100%;
+ padding: 0;
+ margin-bottom: 0.5rem;
+ font-size: calc(1.275rem + 0.3vw);
+ line-height: inherit;
+}
+
+@media (min-width: 1200px) {
+ legend {
+ font-size: 1.5rem;
+ }
+}
+
+legend + * {
+ clear: left;
+}
+
+::-webkit-datetime-edit-fields-wrapper,
+::-webkit-datetime-edit-text,
+::-webkit-datetime-edit-minute,
+::-webkit-datetime-edit-hour-field,
+::-webkit-datetime-edit-day-field,
+::-webkit-datetime-edit-month-field,
+::-webkit-datetime-edit-year-field {
+ padding: 0;
+}
+
+::-webkit-inner-spin-button {
+ height: auto;
+}
+
+[type="search"] {
+ outline-offset: -2px;
+ -webkit-appearance: textfield;
+}
+
+/* rtl:raw:
+[type="tel"],
+[type="url"],
+[type="email"],
+[type="number"] {
+ direction: ltr;
+}
+*/
+::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+::-webkit-color-swatch-wrapper {
+ padding: 0;
+}
+
+::file-selector-button {
+ font: inherit;
+}
+
+::-webkit-file-upload-button {
+ font: inherit;
+ -webkit-appearance: button;
+}
+
+output {
+ display: inline-block;
+}
+
+iframe {
+ border: 0;
+}
+
+summary {
+ display: list-item;
+ cursor: pointer;
+}
+
+progress {
+ vertical-align: baseline;
+}
+
+[hidden] {
+ display: none !important;
+}
+
+.lead {
+ font-size: 1.25rem;
+ font-weight: 300;
+}
+
+.display-1 {
+ font-size: calc(1.625rem + 4.5vw);
+ font-weight: 300;
+ line-height: 1.2;
+}
+
+@media (min-width: 1200px) {
+ .display-1 {
+ font-size: 5rem;
+ }
+}
+
+.display-2 {
+ font-size: calc(1.575rem + 3.9vw);
+ font-weight: 300;
+ line-height: 1.2;
+}
+
+@media (min-width: 1200px) {
+ .display-2 {
+ font-size: 4.5rem;
+ }
+}
+
+.display-3 {
+ font-size: calc(1.525rem + 3.3vw);
+ font-weight: 300;
+ line-height: 1.2;
+}
+
+@media (min-width: 1200px) {
+ .display-3 {
+ font-size: 4rem;
+ }
+}
+
+.display-4 {
+ font-size: calc(1.475rem + 2.7vw);
+ font-weight: 300;
+ line-height: 1.2;
+}
+
+@media (min-width: 1200px) {
+ .display-4 {
+ font-size: 3.5rem;
+ }
+}
+
+.display-5 {
+ font-size: calc(1.425rem + 2.1vw);
+ font-weight: 300;
+ line-height: 1.2;
+}
+
+@media (min-width: 1200px) {
+ .display-5 {
+ font-size: 3rem;
+ }
+}
+
+.display-6 {
+ font-size: calc(1.375rem + 1.5vw);
+ font-weight: 300;
+ line-height: 1.2;
+}
+
+@media (min-width: 1200px) {
+ .display-6 {
+ font-size: 2.5rem;
+ }
+}
+
+.list-unstyled {
+ padding-left: 0;
+ list-style: none;
+}
+
+.list-inline {
+ padding-left: 0;
+ list-style: none;
+}
+
+.list-inline-item {
+ display: inline-block;
+}
+
+.list-inline-item:not(:last-child) {
+ margin-right: 0.5rem;
+}
+
+.initialism {
+ font-size: 0.875em;
+ text-transform: uppercase;
+}
+
+.blockquote {
+ margin-bottom: 1rem;
+ font-size: 1.25rem;
+}
+
+.blockquote > :last-child {
+ margin-bottom: 0;
+}
+
+.blockquote-footer {
+ margin-top: -1rem;
+ margin-bottom: 1rem;
+ font-size: 0.875em;
+ color: #6c757d;
+}
+
+.blockquote-footer::before {
+ content: "\2014\00A0";
+}
+
+.img-fluid {
+ max-width: 100%;
+ height: auto;
+}
+
+.img-thumbnail {
+ padding: 0.25rem;
+ background-color: #fff;
+ border: 1px solid #dee2e6;
+ border-radius: 0.25rem;
+ max-width: 100%;
+ height: auto;
+}
+
+.figure {
+ display: inline-block;
+}
+
+.figure-img {
+ margin-bottom: 0.5rem;
+ line-height: 1;
+}
+
+.figure-caption {
+ font-size: 0.875em;
+ color: #6c757d;
+}
+
+.container,
+.container-fluid,
+.container-sm,
+.container-md,
+.container-lg,
+.container-xl,
+.container-xxl {
+ width: 100%;
+ padding-right: var(--bs-gutter-x, 0.75rem);
+ padding-left: var(--bs-gutter-x, 0.75rem);
+ margin-right: auto;
+ margin-left: auto;
+}
+
+@media (min-width: 576px) {
+ .container, .container-sm {
+ max-width: 540px;
+ }
+}
+
+@media (min-width: 768px) {
+ .container, .container-sm, .container-md {
+ max-width: 720px;
+ }
+}
+
+@media (min-width: 992px) {
+ .container, .container-sm, .container-md, .container-lg {
+ max-width: 960px;
+ }
+}
+
+@media (min-width: 1200px) {
+ .container, .container-sm, .container-md, .container-lg, .container-xl {
+ max-width: 1140px;
+ }
+}
+
+@media (min-width: 1400px) {
+ .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
+ max-width: 1320px;
+ }
+}
+
+.row {
+ --bs-gutter-x: 1.5rem;
+ --bs-gutter-y: 0;
+ display: flex;
+ flex-wrap: wrap;
+ margin-top: calc(var(--bs-gutter-y) * -1);
+ margin-right: calc(var(--bs-gutter-x) * -.5);
+ margin-left: calc(var(--bs-gutter-x) * -.5);
+}
+
+.row > * {
+ flex-shrink: 0;
+ width: 100%;
+ max-width: 100%;
+ padding-right: calc(var(--bs-gutter-x) * .5);
+ padding-left: calc(var(--bs-gutter-x) * .5);
+ margin-top: var(--bs-gutter-y);
+}
+
+.col {
+ flex: 1 0 0%;
+}
+
+.row-cols-auto > * {
+ flex: 0 0 auto;
+ width: auto;
+}
+
+.row-cols-1 > * {
+ flex: 0 0 auto;
+ width: 100%;
+}
+
+.row-cols-2 > * {
+ flex: 0 0 auto;
+ width: 50%;
+}
+
+.row-cols-3 > * {
+ flex: 0 0 auto;
+ width: 33.33333%;
+}
+
+.row-cols-4 > * {
+ flex: 0 0 auto;
+ width: 25%;
+}
+
+.row-cols-5 > * {
+ flex: 0 0 auto;
+ width: 20%;
+}
+
+.row-cols-6 > * {
+ flex: 0 0 auto;
+ width: 16.66667%;
+}
+
+@media (min-width: 576px) {
+ .col-sm {
+ flex: 1 0 0%;
+ }
+ .row-cols-sm-auto > * {
+ flex: 0 0 auto;
+ width: auto;
+ }
+ .row-cols-sm-1 > * {
+ flex: 0 0 auto;
+ width: 100%;
+ }
+ .row-cols-sm-2 > * {
+ flex: 0 0 auto;
+ width: 50%;
+ }
+ .row-cols-sm-3 > * {
+ flex: 0 0 auto;
+ width: 33.33333%;
+ }
+ .row-cols-sm-4 > * {
+ flex: 0 0 auto;
+ width: 25%;
+ }
+ .row-cols-sm-5 > * {
+ flex: 0 0 auto;
+ width: 20%;
+ }
+ .row-cols-sm-6 > * {
+ flex: 0 0 auto;
+ width: 16.66667%;
+ }
+}
+
+@media (min-width: 768px) {
+ .col-md {
+ flex: 1 0 0%;
+ }
+ .row-cols-md-auto > * {
+ flex: 0 0 auto;
+ width: auto;
+ }
+ .row-cols-md-1 > * {
+ flex: 0 0 auto;
+ width: 100%;
+ }
+ .row-cols-md-2 > * {
+ flex: 0 0 auto;
+ width: 50%;
+ }
+ .row-cols-md-3 > * {
+ flex: 0 0 auto;
+ width: 33.33333%;
+ }
+ .row-cols-md-4 > * {
+ flex: 0 0 auto;
+ width: 25%;
+ }
+ .row-cols-md-5 > * {
+ flex: 0 0 auto;
+ width: 20%;
+ }
+ .row-cols-md-6 > * {
+ flex: 0 0 auto;
+ width: 16.66667%;
+ }
+}
+
+@media (min-width: 992px) {
+ .col-lg {
+ flex: 1 0 0%;
+ }
+ .row-cols-lg-auto > * {
+ flex: 0 0 auto;
+ width: auto;
+ }
+ .row-cols-lg-1 > * {
+ flex: 0 0 auto;
+ width: 100%;
+ }
+ .row-cols-lg-2 > * {
+ flex: 0 0 auto;
+ width: 50%;
+ }
+ .row-cols-lg-3 > * {
+ flex: 0 0 auto;
+ width: 33.33333%;
+ }
+ .row-cols-lg-4 > * {
+ flex: 0 0 auto;
+ width: 25%;
+ }
+ .row-cols-lg-5 > * {
+ flex: 0 0 auto;
+ width: 20%;
+ }
+ .row-cols-lg-6 > * {
+ flex: 0 0 auto;
+ width: 16.66667%;
+ }
+}
+
+@media (min-width: 1200px) {
+ .col-xl {
+ flex: 1 0 0%;
+ }
+ .row-cols-xl-auto > * {
+ flex: 0 0 auto;
+ width: auto;
+ }
+ .row-cols-xl-1 > * {
+ flex: 0 0 auto;
+ width: 100%;
+ }
+ .row-cols-xl-2 > * {
+ flex: 0 0 auto;
+ width: 50%;
+ }
+ .row-cols-xl-3 > * {
+ flex: 0 0 auto;
+ width: 33.33333%;
+ }
+ .row-cols-xl-4 > * {
+ flex: 0 0 auto;
+ width: 25%;
+ }
+ .row-cols-xl-5 > * {
+ flex: 0 0 auto;
+ width: 20%;
+ }
+ .row-cols-xl-6 > * {
+ flex: 0 0 auto;
+ width: 16.66667%;
+ }
+}
+
+@media (min-width: 1400px) {
+ .col-xxl {
+ flex: 1 0 0%;
+ }
+ .row-cols-xxl-auto > * {
+ flex: 0 0 auto;
+ width: auto;
+ }
+ .row-cols-xxl-1 > * {
+ flex: 0 0 auto;
+ width: 100%;
+ }
+ .row-cols-xxl-2 > * {
+ flex: 0 0 auto;
+ width: 50%;
+ }
+ .row-cols-xxl-3 > * {
+ flex: 0 0 auto;
+ width: 33.33333%;
+ }
+ .row-cols-xxl-4 > * {
+ flex: 0 0 auto;
+ width: 25%;
+ }
+ .row-cols-xxl-5 > * {
+ flex: 0 0 auto;
+ width: 20%;
+ }
+ .row-cols-xxl-6 > * {
+ flex: 0 0 auto;
+ width: 16.66667%;
+ }
+}
+
+.col-auto {
+ flex: 0 0 auto;
+ width: auto;
+}
+
+.col-1 {
+ flex: 0 0 auto;
+ width: 8.33333%;
+}
+
+.col-2 {
+ flex: 0 0 auto;
+ width: 16.66667%;
+}
+
+.col-3 {
+ flex: 0 0 auto;
+ width: 25%;
+}
+
+.col-4 {
+ flex: 0 0 auto;
+ width: 33.33333%;
+}
+
+.col-5 {
+ flex: 0 0 auto;
+ width: 41.66667%;
+}
+
+.col-6 {
+ flex: 0 0 auto;
+ width: 50%;
+}
+
+.col-7 {
+ flex: 0 0 auto;
+ width: 58.33333%;
+}
+
+.col-8 {
+ flex: 0 0 auto;
+ width: 66.66667%;
+}
+
+.col-9 {
+ flex: 0 0 auto;
+ width: 75%;
+}
+
+.col-10 {
+ flex: 0 0 auto;
+ width: 83.33333%;
+}
+
+.col-11 {
+ flex: 0 0 auto;
+ width: 91.66667%;
+}
+
+.col-12 {
+ flex: 0 0 auto;
+ width: 100%;
+}
+
+.offset-1 {
+ margin-left: 8.33333%;
+}
+
+.offset-2 {
+ margin-left: 16.66667%;
+}
+
+.offset-3 {
+ margin-left: 25%;
+}
+
+.offset-4 {
+ margin-left: 33.33333%;
+}
+
+.offset-5 {
+ margin-left: 41.66667%;
+}
+
+.offset-6 {
+ margin-left: 50%;
+}
+
+.offset-7 {
+ margin-left: 58.33333%;
+}
+
+.offset-8 {
+ margin-left: 66.66667%;
+}
+
+.offset-9 {
+ margin-left: 75%;
+}
+
+.offset-10 {
+ margin-left: 83.33333%;
+}
+
+.offset-11 {
+ margin-left: 91.66667%;
+}
+
+.g-0,
+.gx-0 {
+ --bs-gutter-x: 0;
+}
+
+.g-0,
+.gy-0 {
+ --bs-gutter-y: 0;
+}
+
+.g-1,
+.gx-1 {
+ --bs-gutter-x: 0.25rem;
+}
+
+.g-1,
+.gy-1 {
+ --bs-gutter-y: 0.25rem;
+}
+
+.g-2,
+.gx-2 {
+ --bs-gutter-x: 0.5rem;
+}
+
+.g-2,
+.gy-2 {
+ --bs-gutter-y: 0.5rem;
+}
+
+.g-3,
+.gx-3 {
+ --bs-gutter-x: 1rem;
+}
+
+.g-3,
+.gy-3 {
+ --bs-gutter-y: 1rem;
+}
+
+.g-4,
+.gx-4 {
+ --bs-gutter-x: 1.5rem;
+}
+
+.g-4,
+.gy-4 {
+ --bs-gutter-y: 1.5rem;
+}
+
+.g-5,
+.gx-5 {
+ --bs-gutter-x: 3rem;
+}
+
+.g-5,
+.gy-5 {
+ --bs-gutter-y: 3rem;
+}
+
+@media (min-width: 576px) {
+ .col-sm-auto {
+ flex: 0 0 auto;
+ width: auto;
+ }
+ .col-sm-1 {
+ flex: 0 0 auto;
+ width: 8.33333%;
+ }
+ .col-sm-2 {
+ flex: 0 0 auto;
+ width: 16.66667%;
+ }
+ .col-sm-3 {
+ flex: 0 0 auto;
+ width: 25%;
+ }
+ .col-sm-4 {
+ flex: 0 0 auto;
+ width: 33.33333%;
+ }
+ .col-sm-5 {
+ flex: 0 0 auto;
+ width: 41.66667%;
+ }
+ .col-sm-6 {
+ flex: 0 0 auto;
+ width: 50%;
+ }
+ .col-sm-7 {
+ flex: 0 0 auto;
+ width: 58.33333%;
+ }
+ .col-sm-8 {
+ flex: 0 0 auto;
+ width: 66.66667%;
+ }
+ .col-sm-9 {
+ flex: 0 0 auto;
+ width: 75%;
+ }
+ .col-sm-10 {
+ flex: 0 0 auto;
+ width: 83.33333%;
+ }
+ .col-sm-11 {
+ flex: 0 0 auto;
+ width: 91.66667%;
+ }
+ .col-sm-12 {
+ flex: 0 0 auto;
+ width: 100%;
+ }
+ .offset-sm-0 {
+ margin-left: 0;
+ }
+ .offset-sm-1 {
+ margin-left: 8.33333%;
+ }
+ .offset-sm-2 {
+ margin-left: 16.66667%;
+ }
+ .offset-sm-3 {
+ margin-left: 25%;
+ }
+ .offset-sm-4 {
+ margin-left: 33.33333%;
+ }
+ .offset-sm-5 {
+ margin-left: 41.66667%;
+ }
+ .offset-sm-6 {
+ margin-left: 50%;
+ }
+ .offset-sm-7 {
+ margin-left: 58.33333%;
+ }
+ .offset-sm-8 {
+ margin-left: 66.66667%;
+ }
+ .offset-sm-9 {
+ margin-left: 75%;
+ }
+ .offset-sm-10 {
+ margin-left: 83.33333%;
+ }
+ .offset-sm-11 {
+ margin-left: 91.66667%;
+ }
+ .g-sm-0,
+ .gx-sm-0 {
+ --bs-gutter-x: 0;
+ }
+ .g-sm-0,
+ .gy-sm-0 {
+ --bs-gutter-y: 0;
+ }
+ .g-sm-1,
+ .gx-sm-1 {
+ --bs-gutter-x: 0.25rem;
+ }
+ .g-sm-1,
+ .gy-sm-1 {
+ --bs-gutter-y: 0.25rem;
+ }
+ .g-sm-2,
+ .gx-sm-2 {
+ --bs-gutter-x: 0.5rem;
+ }
+ .g-sm-2,
+ .gy-sm-2 {
+ --bs-gutter-y: 0.5rem;
+ }
+ .g-sm-3,
+ .gx-sm-3 {
+ --bs-gutter-x: 1rem;
+ }
+ .g-sm-3,
+ .gy-sm-3 {
+ --bs-gutter-y: 1rem;
+ }
+ .g-sm-4,
+ .gx-sm-4 {
+ --bs-gutter-x: 1.5rem;
+ }
+ .g-sm-4,
+ .gy-sm-4 {
+ --bs-gutter-y: 1.5rem;
+ }
+ .g-sm-5,
+ .gx-sm-5 {
+ --bs-gutter-x: 3rem;
+ }
+ .g-sm-5,
+ .gy-sm-5 {
+ --bs-gutter-y: 3rem;
+ }
+}
+
+@media (min-width: 768px) {
+ .col-md-auto {
+ flex: 0 0 auto;
+ width: auto;
+ }
+ .col-md-1 {
+ flex: 0 0 auto;
+ width: 8.33333%;
+ }
+ .col-md-2 {
+ flex: 0 0 auto;
+ width: 16.66667%;
+ }
+ .col-md-3 {
+ flex: 0 0 auto;
+ width: 25%;
+ }
+ .col-md-4 {
+ flex: 0 0 auto;
+ width: 33.33333%;
+ }
+ .col-md-5 {
+ flex: 0 0 auto;
+ width: 41.66667%;
+ }
+ .col-md-6 {
+ flex: 0 0 auto;
+ width: 50%;
+ }
+ .col-md-7 {
+ flex: 0 0 auto;
+ width: 58.33333%;
+ }
+ .col-md-8 {
+ flex: 0 0 auto;
+ width: 66.66667%;
+ }
+ .col-md-9 {
+ flex: 0 0 auto;
+ width: 75%;
+ }
+ .col-md-10 {
+ flex: 0 0 auto;
+ width: 83.33333%;
+ }
+ .col-md-11 {
+ flex: 0 0 auto;
+ width: 91.66667%;
+ }
+ .col-md-12 {
+ flex: 0 0 auto;
+ width: 100%;
+ }
+ .offset-md-0 {
+ margin-left: 0;
+ }
+ .offset-md-1 {
+ margin-left: 8.33333%;
+ }
+ .offset-md-2 {
+ margin-left: 16.66667%;
+ }
+ .offset-md-3 {
+ margin-left: 25%;
+ }
+ .offset-md-4 {
+ margin-left: 33.33333%;
+ }
+ .offset-md-5 {
+ margin-left: 41.66667%;
+ }
+ .offset-md-6 {
+ margin-left: 50%;
+ }
+ .offset-md-7 {
+ margin-left: 58.33333%;
+ }
+ .offset-md-8 {
+ margin-left: 66.66667%;
+ }
+ .offset-md-9 {
+ margin-left: 75%;
+ }
+ .offset-md-10 {
+ margin-left: 83.33333%;
+ }
+ .offset-md-11 {
+ margin-left: 91.66667%;
+ }
+ .g-md-0,
+ .gx-md-0 {
+ --bs-gutter-x: 0;
+ }
+ .g-md-0,
+ .gy-md-0 {
+ --bs-gutter-y: 0;
+ }
+ .g-md-1,
+ .gx-md-1 {
+ --bs-gutter-x: 0.25rem;
+ }
+ .g-md-1,
+ .gy-md-1 {
+ --bs-gutter-y: 0.25rem;
+ }
+ .g-md-2,
+ .gx-md-2 {
+ --bs-gutter-x: 0.5rem;
+ }
+ .g-md-2,
+ .gy-md-2 {
+ --bs-gutter-y: 0.5rem;
+ }
+ .g-md-3,
+ .gx-md-3 {
+ --bs-gutter-x: 1rem;
+ }
+ .g-md-3,
+ .gy-md-3 {
+ --bs-gutter-y: 1rem;
+ }
+ .g-md-4,
+ .gx-md-4 {
+ --bs-gutter-x: 1.5rem;
+ }
+ .g-md-4,
+ .gy-md-4 {
+ --bs-gutter-y: 1.5rem;
+ }
+ .g-md-5,
+ .gx-md-5 {
+ --bs-gutter-x: 3rem;
+ }
+ .g-md-5,
+ .gy-md-5 {
+ --bs-gutter-y: 3rem;
+ }
+}
+
+@media (min-width: 992px) {
+ .col-lg-auto {
+ flex: 0 0 auto;
+ width: auto;
+ }
+ .col-lg-1 {
+ flex: 0 0 auto;
+ width: 8.33333%;
+ }
+ .col-lg-2 {
+ flex: 0 0 auto;
+ width: 16.66667%;
+ }
+ .col-lg-3 {
+ flex: 0 0 auto;
+ width: 25%;
+ }
+ .col-lg-4 {
+ flex: 0 0 auto;
+ width: 33.33333%;
+ }
+ .col-lg-5 {
+ flex: 0 0 auto;
+ width: 41.66667%;
+ }
+ .col-lg-6 {
+ flex: 0 0 auto;
+ width: 50%;
+ }
+ .col-lg-7 {
+ flex: 0 0 auto;
+ width: 58.33333%;
+ }
+ .col-lg-8 {
+ flex: 0 0 auto;
+ width: 66.66667%;
+ }
+ .col-lg-9 {
+ flex: 0 0 auto;
+ width: 75%;
+ }
+ .col-lg-10 {
+ flex: 0 0 auto;
+ width: 83.33333%;
+ }
+ .col-lg-11 {
+ flex: 0 0 auto;
+ width: 91.66667%;
+ }
+ .col-lg-12 {
+ flex: 0 0 auto;
+ width: 100%;
+ }
+ .offset-lg-0 {
+ margin-left: 0;
+ }
+ .offset-lg-1 {
+ margin-left: 8.33333%;
+ }
+ .offset-lg-2 {
+ margin-left: 16.66667%;
+ }
+ .offset-lg-3 {
+ margin-left: 25%;
+ }
+ .offset-lg-4 {
+ margin-left: 33.33333%;
+ }
+ .offset-lg-5 {
+ margin-left: 41.66667%;
+ }
+ .offset-lg-6 {
+ margin-left: 50%;
+ }
+ .offset-lg-7 {
+ margin-left: 58.33333%;
+ }
+ .offset-lg-8 {
+ margin-left: 66.66667%;
+ }
+ .offset-lg-9 {
+ margin-left: 75%;
+ }
+ .offset-lg-10 {
+ margin-left: 83.33333%;
+ }
+ .offset-lg-11 {
+ margin-left: 91.66667%;
+ }
+ .g-lg-0,
+ .gx-lg-0 {
+ --bs-gutter-x: 0;
+ }
+ .g-lg-0,
+ .gy-lg-0 {
+ --bs-gutter-y: 0;
+ }
+ .g-lg-1,
+ .gx-lg-1 {
+ --bs-gutter-x: 0.25rem;
+ }
+ .g-lg-1,
+ .gy-lg-1 {
+ --bs-gutter-y: 0.25rem;
+ }
+ .g-lg-2,
+ .gx-lg-2 {
+ --bs-gutter-x: 0.5rem;
+ }
+ .g-lg-2,
+ .gy-lg-2 {
+ --bs-gutter-y: 0.5rem;
+ }
+ .g-lg-3,
+ .gx-lg-3 {
+ --bs-gutter-x: 1rem;
+ }
+ .g-lg-3,
+ .gy-lg-3 {
+ --bs-gutter-y: 1rem;
+ }
+ .g-lg-4,
+ .gx-lg-4 {
+ --bs-gutter-x: 1.5rem;
+ }
+ .g-lg-4,
+ .gy-lg-4 {
+ --bs-gutter-y: 1.5rem;
+ }
+ .g-lg-5,
+ .gx-lg-5 {
+ --bs-gutter-x: 3rem;
+ }
+ .g-lg-5,
+ .gy-lg-5 {
+ --bs-gutter-y: 3rem;
+ }
+}
+
+@media (min-width: 1200px) {
+ .col-xl-auto {
+ flex: 0 0 auto;
+ width: auto;
+ }
+ .col-xl-1 {
+ flex: 0 0 auto;
+ width: 8.33333%;
+ }
+ .col-xl-2 {
+ flex: 0 0 auto;
+ width: 16.66667%;
+ }
+ .col-xl-3 {
+ flex: 0 0 auto;
+ width: 25%;
+ }
+ .col-xl-4 {
+ flex: 0 0 auto;
+ width: 33.33333%;
+ }
+ .col-xl-5 {
+ flex: 0 0 auto;
+ width: 41.66667%;
+ }
+ .col-xl-6 {
+ flex: 0 0 auto;
+ width: 50%;
+ }
+ .col-xl-7 {
+ flex: 0 0 auto;
+ width: 58.33333%;
+ }
+ .col-xl-8 {
+ flex: 0 0 auto;
+ width: 66.66667%;
+ }
+ .col-xl-9 {
+ flex: 0 0 auto;
+ width: 75%;
+ }
+ .col-xl-10 {
+ flex: 0 0 auto;
+ width: 83.33333%;
+ }
+ .col-xl-11 {
+ flex: 0 0 auto;
+ width: 91.66667%;
+ }
+ .col-xl-12 {
+ flex: 0 0 auto;
+ width: 100%;
+ }
+ .offset-xl-0 {
+ margin-left: 0;
+ }
+ .offset-xl-1 {
+ margin-left: 8.33333%;
+ }
+ .offset-xl-2 {
+ margin-left: 16.66667%;
+ }
+ .offset-xl-3 {
+ margin-left: 25%;
+ }
+ .offset-xl-4 {
+ margin-left: 33.33333%;
+ }
+ .offset-xl-5 {
+ margin-left: 41.66667%;
+ }
+ .offset-xl-6 {
+ margin-left: 50%;
+ }
+ .offset-xl-7 {
+ margin-left: 58.33333%;
+ }
+ .offset-xl-8 {
+ margin-left: 66.66667%;
+ }
+ .offset-xl-9 {
+ margin-left: 75%;
+ }
+ .offset-xl-10 {
+ margin-left: 83.33333%;
+ }
+ .offset-xl-11 {
+ margin-left: 91.66667%;
+ }
+ .g-xl-0,
+ .gx-xl-0 {
+ --bs-gutter-x: 0;
+ }
+ .g-xl-0,
+ .gy-xl-0 {
+ --bs-gutter-y: 0;
+ }
+ .g-xl-1,
+ .gx-xl-1 {
+ --bs-gutter-x: 0.25rem;
+ }
+ .g-xl-1,
+ .gy-xl-1 {
+ --bs-gutter-y: 0.25rem;
+ }
+ .g-xl-2,
+ .gx-xl-2 {
+ --bs-gutter-x: 0.5rem;
+ }
+ .g-xl-2,
+ .gy-xl-2 {
+ --bs-gutter-y: 0.5rem;
+ }
+ .g-xl-3,
+ .gx-xl-3 {
+ --bs-gutter-x: 1rem;
+ }
+ .g-xl-3,
+ .gy-xl-3 {
+ --bs-gutter-y: 1rem;
+ }
+ .g-xl-4,
+ .gx-xl-4 {
+ --bs-gutter-x: 1.5rem;
+ }
+ .g-xl-4,
+ .gy-xl-4 {
+ --bs-gutter-y: 1.5rem;
+ }
+ .g-xl-5,
+ .gx-xl-5 {
+ --bs-gutter-x: 3rem;
+ }
+ .g-xl-5,
+ .gy-xl-5 {
+ --bs-gutter-y: 3rem;
+ }
+}
+
+@media (min-width: 1400px) {
+ .col-xxl-auto {
+ flex: 0 0 auto;
+ width: auto;
+ }
+ .col-xxl-1 {
+ flex: 0 0 auto;
+ width: 8.33333%;
+ }
+ .col-xxl-2 {
+ flex: 0 0 auto;
+ width: 16.66667%;
+ }
+ .col-xxl-3 {
+ flex: 0 0 auto;
+ width: 25%;
+ }
+ .col-xxl-4 {
+ flex: 0 0 auto;
+ width: 33.33333%;
+ }
+ .col-xxl-5 {
+ flex: 0 0 auto;
+ width: 41.66667%;
+ }
+ .col-xxl-6 {
+ flex: 0 0 auto;
+ width: 50%;
+ }
+ .col-xxl-7 {
+ flex: 0 0 auto;
+ width: 58.33333%;
+ }
+ .col-xxl-8 {
+ flex: 0 0 auto;
+ width: 66.66667%;
+ }
+ .col-xxl-9 {
+ flex: 0 0 auto;
+ width: 75%;
+ }
+ .col-xxl-10 {
+ flex: 0 0 auto;
+ width: 83.33333%;
+ }
+ .col-xxl-11 {
+ flex: 0 0 auto;
+ width: 91.66667%;
+ }
+ .col-xxl-12 {
+ flex: 0 0 auto;
+ width: 100%;
+ }
+ .offset-xxl-0 {
+ margin-left: 0;
+ }
+ .offset-xxl-1 {
+ margin-left: 8.33333%;
+ }
+ .offset-xxl-2 {
+ margin-left: 16.66667%;
+ }
+ .offset-xxl-3 {
+ margin-left: 25%;
+ }
+ .offset-xxl-4 {
+ margin-left: 33.33333%;
+ }
+ .offset-xxl-5 {
+ margin-left: 41.66667%;
+ }
+ .offset-xxl-6 {
+ margin-left: 50%;
+ }
+ .offset-xxl-7 {
+ margin-left: 58.33333%;
+ }
+ .offset-xxl-8 {
+ margin-left: 66.66667%;
+ }
+ .offset-xxl-9 {
+ margin-left: 75%;
+ }
+ .offset-xxl-10 {
+ margin-left: 83.33333%;
+ }
+ .offset-xxl-11 {
+ margin-left: 91.66667%;
+ }
+ .g-xxl-0,
+ .gx-xxl-0 {
+ --bs-gutter-x: 0;
+ }
+ .g-xxl-0,
+ .gy-xxl-0 {
+ --bs-gutter-y: 0;
+ }
+ .g-xxl-1,
+ .gx-xxl-1 {
+ --bs-gutter-x: 0.25rem;
+ }
+ .g-xxl-1,
+ .gy-xxl-1 {
+ --bs-gutter-y: 0.25rem;
+ }
+ .g-xxl-2,
+ .gx-xxl-2 {
+ --bs-gutter-x: 0.5rem;
+ }
+ .g-xxl-2,
+ .gy-xxl-2 {
+ --bs-gutter-y: 0.5rem;
+ }
+ .g-xxl-3,
+ .gx-xxl-3 {
+ --bs-gutter-x: 1rem;
+ }
+ .g-xxl-3,
+ .gy-xxl-3 {
+ --bs-gutter-y: 1rem;
+ }
+ .g-xxl-4,
+ .gx-xxl-4 {
+ --bs-gutter-x: 1.5rem;
+ }
+ .g-xxl-4,
+ .gy-xxl-4 {
+ --bs-gutter-y: 1.5rem;
+ }
+ .g-xxl-5,
+ .gx-xxl-5 {
+ --bs-gutter-x: 3rem;
+ }
+ .g-xxl-5,
+ .gy-xxl-5 {
+ --bs-gutter-y: 3rem;
+ }
+}
+
+.table {
+ --bs-table-bg: transparent;
+ --bs-table-accent-bg: transparent;
+ --bs-table-striped-color: #212529;
+ --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
+ --bs-table-active-color: #212529;
+ --bs-table-active-bg: rgba(0, 0, 0, 0.1);
+ --bs-table-hover-color: #212529;
+ --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
+ width: 100%;
+ margin-bottom: 1rem;
+ color: #212529;
+ vertical-align: top;
+ border-color: #dee2e6;
+}
+
+.table > :not(caption) > * > * {
+ padding: 0.5rem 0.5rem;
+ background-color: var(--bs-table-bg);
+ border-bottom-width: 1px;
+ box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
+}
+
+.table > tbody {
+ vertical-align: inherit;
+}
+
+.table > thead {
+ vertical-align: bottom;
+}
+
+.table > :not(:last-child) > :last-child > * {
+ border-bottom-color: currentColor;
+}
+
+.caption-top {
+ caption-side: top;
+}
+
+.table-sm > :not(caption) > * > * {
+ padding: 0.25rem 0.25rem;
+}
+
+.table-bordered > :not(caption) > * {
+ border-width: 1px 0;
+}
+
+.table-bordered > :not(caption) > * > * {
+ border-width: 0 1px;
+}
+
+.table-borderless > :not(caption) > * > * {
+ border-bottom-width: 0;
+}
+
+.table-striped > tbody > tr:nth-of-type(odd) {
+ --bs-table-accent-bg: var(--bs-table-striped-bg);
+ color: var(--bs-table-striped-color);
+}
+
+.table-active {
+ --bs-table-accent-bg: var(--bs-table-active-bg);
+ color: var(--bs-table-active-color);
+}
+
+.table-hover > tbody > tr:hover {
+ --bs-table-accent-bg: var(--bs-table-hover-bg);
+ color: var(--bs-table-hover-color);
+}
+
+.table-primary {
+ --bs-table-bg: #d8e0f9;
+ --bs-table-striped-bg: #cdd5ed;
+ --bs-table-striped-color: #000;
+ --bs-table-active-bg: #c2cae0;
+ --bs-table-active-color: #000;
+ --bs-table-hover-bg: #c8cfe6;
+ --bs-table-hover-color: #000;
+ color: #000;
+ border-color: #c2cae0;
+}
+
+.table-secondary {
+ --bs-table-bg: #e2e3e5;
+ --bs-table-striped-bg: #d7d8da;
+ --bs-table-striped-color: #000;
+ --bs-table-active-bg: #cbccce;
+ --bs-table-active-color: #000;
+ --bs-table-hover-bg: #d1d2d4;
+ --bs-table-hover-color: #000;
+ color: #000;
+ border-color: #cbccce;
+}
+
+.table-success {
+ --bs-table-bg: #d8f4eb;
+ --bs-table-striped-bg: #cde8df;
+ --bs-table-striped-color: #000;
+ --bs-table-active-bg: #c2dcd4;
+ --bs-table-active-color: #000;
+ --bs-table-hover-bg: #c8e2d9;
+ --bs-table-hover-color: #000;
+ color: #000;
+ border-color: #c2dcd4;
+}
+
+.table-info {
+ --bs-table-bg: #cff4fc;
+ --bs-table-striped-bg: #c5e8ef;
+ --bs-table-striped-color: #000;
+ --bs-table-active-bg: #badce3;
+ --bs-table-active-color: #000;
+ --bs-table-hover-bg: #bfe2e9;
+ --bs-table-hover-color: #000;
+ color: #000;
+ border-color: #badce3;
+}
+
+.table-warning {
+ --bs-table-bg: #fff2d1;
+ --bs-table-striped-bg: #f2e6c7;
+ --bs-table-striped-color: #000;
+ --bs-table-active-bg: #e6dabc;
+ --bs-table-active-color: #000;
+ --bs-table-hover-bg: #ece0c1;
+ --bs-table-hover-color: #000;
+ color: #000;
+ border-color: #e6dabc;
+}
+
+.table-danger {
+ --bs-table-bg: #fdd7e0;
+ --bs-table-striped-bg: #f0ccd5;
+ --bs-table-striped-color: #000;
+ --bs-table-active-bg: #e4c2ca;
+ --bs-table-active-color: #000;
+ --bs-table-hover-bg: #eac7cf;
+ --bs-table-hover-color: #000;
+ color: #000;
+ border-color: #e4c2ca;
+}
+
+.table-light {
+ --bs-table-bg: #f8f9fa;
+ --bs-table-striped-bg: #ecedee;
+ --bs-table-striped-color: #000;
+ --bs-table-active-bg: #dfe0e1;
+ --bs-table-active-color: #000;
+ --bs-table-hover-bg: #e5e6e7;
+ --bs-table-hover-color: #000;
+ color: #000;
+ border-color: #dfe0e1;
+}
+
+.table-dark {
+ --bs-table-bg: #212529;
+ --bs-table-striped-bg: #2c3034;
+ --bs-table-striped-color: #fff;
+ --bs-table-active-bg: #373b3e;
+ --bs-table-active-color: #fff;
+ --bs-table-hover-bg: #323539;
+ --bs-table-hover-color: #fff;
+ color: #fff;
+ border-color: #373b3e;
+}
+
+.table-responsive {
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
+}
+
+@media (max-width: 575.98px) {
+ .table-responsive-sm {
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
+ }
+}
+
+@media (max-width: 767.98px) {
+ .table-responsive-md {
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
+ }
+}
+
+@media (max-width: 991.98px) {
+ .table-responsive-lg {
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
+ }
+}
+
+@media (max-width: 1199.98px) {
+ .table-responsive-xl {
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
+ }
+}
+
+@media (max-width: 1399.98px) {
+ .table-responsive-xxl {
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
+ }
+}
+
+.form-label {
+ margin-bottom: 0.5rem;
+}
+
+.col-form-label {
+ padding-top: calc(0.375rem + 1px);
+ padding-bottom: calc(0.375rem + 1px);
+ margin-bottom: 0;
+ font-size: inherit;
+ line-height: 1.5;
+}
+
+.col-form-label-lg {
+ padding-top: calc(0.5rem + 1px);
+ padding-bottom: calc(0.5rem + 1px);
+ font-size: 1.25rem;
+}
+
+.col-form-label-sm {
+ padding-top: calc(0.25rem + 1px);
+ padding-bottom: calc(0.25rem + 1px);
+ font-size: 0.875rem;
+}
+
+.form-text {
+ margin-top: 0.25rem;
+ font-size: 0.875em;
+ color: #6c757d;
+}
+
+.form-control {
+ display: block;
+ width: 100%;
+ padding: 0.375rem 0.75rem;
+ font-size: 1rem;
+ font-weight: 400;
+ line-height: 1.5;
+ color: #212529;
+ background-color: #fff;
+ background-clip: padding-box;
+ border: 1px solid #ced4da;
+ appearance: none;
+ border-radius: 0.25rem;
+ transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+}
+
+@media (prefers-reduced-motion: reduce) {
+ .form-control {
+ transition: none;
+ }
+}
+
+.form-control[type="file"] {
+ overflow: hidden;
+}
+
+.form-control[type="file"]:not(:disabled):not([readonly]) {
+ cursor: pointer;
+}
+
+.form-control:focus {
+ color: #212529;
+ background-color: #fff;
+ border-color: #9eb1f1;
+ outline: 0;
+ box-shadow: 0 0 0 0.25rem rgba(60, 99, 226, 0.25);
+}
+
+.form-control::-webkit-date-and-time-value {
+ height: 1.5em;
+}
+
+.form-control::placeholder {
+ color: #6c757d;
+ opacity: 1;
+}
+
+.form-control:disabled, .form-control[readonly] {
+ background-color: #e9ecef;
+ opacity: 1;
+}
+
+.form-control::file-selector-button {
+ padding: 0.375rem 0.75rem;
+ margin: -0.375rem -0.75rem;
+ margin-inline-end: 0.75rem;
+ color: #212529;
+ background-color: #e9ecef;
+ pointer-events: none;
+ border-color: inherit;
+ border-style: solid;
+ border-width: 0;
+ border-inline-end-width: 1px;
+ border-radius: 0;
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+}
+
+@media (prefers-reduced-motion: reduce) {
+ .form-control::file-selector-button {
+ transition: none;
+ }
+}
+
+.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
+ background-color: #dde0e3;
+}
+
+.form-control::-webkit-file-upload-button {
+ padding: 0.375rem 0.75rem;
+ margin: -0.375rem -0.75rem;
+ margin-inline-end: 0.75rem;
+ color: #212529;
+ background-color: #e9ecef;
+ pointer-events: none;
+ border-color: inherit;
+ border-style: solid;
+ border-width: 0;
+ border-inline-end-width: 1px;
+ border-radius: 0;
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+}
+
+@media (prefers-reduced-motion: reduce) {
+ .form-control::-webkit-file-upload-button {
+ transition: none;
+ }
+}
+
+.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
+ background-color: #dde0e3;
+}
+
+.form-control-plaintext {
+ display: block;
+ width: 100%;
+ padding: 0.375rem 0;
+ margin-bottom: 0;
+ line-height: 1.5;
+ color: #212529;
+ background-color: transparent;
+ border: solid transparent;
+ border-width: 1px 0;
+}
+
+.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
+ padding-right: 0;
+ padding-left: 0;
+}
+
+.form-control-sm {
+ min-height: calc(1.5em + (0.5rem + 2px));
+ padding: 0.25rem 0.5rem;
+ font-size: 0.875rem;
+ border-radius: 0.2rem;
+}
+
+.form-control-sm::file-selector-button {
+ padding: 0.25rem 0.5rem;
+ margin: -0.25rem -0.5rem;
+ margin-inline-end: 0.5rem;
+}
+
+.form-control-sm::-webkit-file-upload-button {
+ padding: 0.25rem 0.5rem;
+ margin: -0.25rem -0.5rem;
+ margin-inline-end: 0.5rem;
+}
+
+.form-control-lg {
+ min-height: calc(1.5em + (1rem + 2px));
+ padding: 0.5rem 1rem;
+ font-size: 1.25rem;
+ border-radius: 0.3rem;
+}
+
+.form-control-lg::file-selector-button {
+ padding: 0.5rem 1rem;
+ margin: -0.5rem -1rem;
+ margin-inline-end: 1rem;
+}
+
+.form-control-lg::-webkit-file-upload-button {
+ padding: 0.5rem 1rem;
+ margin: -0.5rem -1rem;
+ margin-inline-end: 1rem;
+}
+
+textarea.form-control {
+ min-height: calc(1.5em + (0.75rem + 2px));
+}
+
+textarea.form-control-sm {
+ min-height: calc(1.5em + (0.5rem + 2px));
+}
+
+textarea.form-control-lg {
+ min-height: calc(1.5em + (1rem + 2px));
+}
+
+.form-control-color {
+ max-width: 3rem;
+ height: auto;
+ padding: 0.375rem;
+}
+
+.form-control-color:not(:disabled):not([readonly]) {
+ cursor: pointer;
+}
+
+.form-control-color::-moz-color-swatch {
+ height: 1.5em;
+ border-radius: 0.25rem;
+}
+
+.form-control-color::-webkit-color-swatch {
+ height: 1.5em;
+ border-radius: 0.25rem;
+}
+
+.form-select {
+ display: block;
+ width: 100%;
+ padding: 0.375rem 2.25rem 0.375rem 0.75rem;
+ -moz-padding-start: calc(0.75rem - 3px);
+ font-size: 1rem;
+ font-weight: 400;
+ line-height: 1.5;
+ color: #212529;
+ background-color: #fff;
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
+ background-repeat: no-repeat;
+ background-position: right 0.75rem center;
+ background-size: 16px 12px;
+ border: 1px solid #ced4da;
+ border-radius: 0.25rem;
+ transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+ appearance: none;
+}
+
+@media (prefers-reduced-motion: reduce) {
+ .form-select {
+ transition: none;
+ }
+}
+
+.form-select:focus {
+ border-color: #9eb1f1;
+ outline: 0;
+ box-shadow: 0 0 0 0.25rem rgba(60, 99, 226, 0.25);
+}
+
+.form-select[multiple], .form-select[size]:not([size="1"]) {
+ padding-right: 0.75rem;
+ background-image: none;
+}
+
+.form-select:disabled {
+ background-color: #e9ecef;
+}
+
+.form-select:-moz-focusring {
+ color: transparent;
+ text-shadow: 0 0 0 #212529;
+}
+
+.form-select-sm {
+ padding-top: 0.25rem;
+ padding-bottom: 0.25rem;
+ padding-left: 0.5rem;
+ font-size: 0.875rem;
+}
+
+.form-select-lg {
+ padding-top: 0.5rem;
+ padding-bottom: 0.5rem;
+ padding-left: 1rem;
+ font-size: 1.25rem;
+}
+
+.form-check {
+ display: block;
+ min-height: 1.5rem;
+ padding-left: 1.5em;
+ margin-bottom: 0.125rem;
+}
+
+.form-check .form-check-input {
+ float: left;
+ margin-left: -1.5em;
+}
+
+.form-check-input {
+ width: 1em;
+ height: 1em;
+ margin-top: 0.25em;
+ vertical-align: top;
+ background-color: #fff;
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: contain;
+ border: 1px solid rgba(0, 0, 0, 0.25);
+ appearance: none;
+ color-adjust: exact;
+}
+
+.form-check-input[type="checkbox"] {
+ border-radius: 0.25em;
+}
+
+.form-check-input[type="radio"] {
+ border-radius: 50%;
+}
+
+.form-check-input:active {
+ filter: brightness(90%);
+}
+
+.form-check-input:focus {
+ border-color: #9eb1f1;
+ outline: 0;
+ box-shadow: 0 0 0 0.25rem rgba(60, 99, 226, 0.25);
+}
+
+.form-check-input:checked {
+ background-color: #3c63e2;
+ border-color: #3c63e2;
+}
+
+.form-check-input:checked[type="checkbox"] {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
+}
+
+.form-check-input:checked[type="radio"] {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
+}
+
+.form-check-input[type="checkbox"]:indeterminate {
+ background-color: #3c63e2;
+ border-color: #3c63e2;
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
+}
+
+.form-check-input:disabled {
+ pointer-events: none;
+ filter: none;
+ opacity: 0.5;
+}
+
+.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
+ opacity: 0.5;
+}
+
+.form-switch {
+ padding-left: 2.5em;
+}
+
+.form-switch .form-check-input {
+ width: 2em;
+ margin-left: -2.5em;
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
+ background-position: left center;
+ border-radius: 2em;
+ transition: background-position 0.15s ease-in-out;
+}
+
+@media (prefers-reduced-motion: reduce) {
+ .form-switch .form-check-input {
+ transition: none;
+ }
+}
+
+.form-switch .form-check-input:focus {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%239eb1f1'/%3e%3c/svg%3e");
+}
+
+.form-switch .form-check-input:checked {
+ background-position: right center;
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
+}
+
+.form-check-inline {
+ display: inline-block;
+ margin-right: 1rem;
+}
+
+.btn-check {
+ position: absolute;
+ clip: rect(0, 0, 0, 0);
+ pointer-events: none;
+}
+
+.btn-check[disabled] + .btn, .btn-check:disabled + .btn {
+ pointer-events: none;
+ filter: none;
+ opacity: 0.65;
+}
+
+.form-range {
+ width: 100%;
+ height: 1.5rem;
+ padding: 0;
+ background-color: transparent;
+ appearance: none;
+}
+
+.form-range:focus {
+ outline: 0;
+}
+
+.form-range:focus::-webkit-slider-thumb {
+ box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(60, 99, 226, 0.25);
+}
+
+.form-range:focus::-moz-range-thumb {
+ box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(60, 99, 226, 0.25);
+}
+
+.form-range::-moz-focus-outer {
+ border: 0;
+}
+
+.form-range::-webkit-slider-thumb {
+ width: 1rem;
+ height: 1rem;
+ margin-top: -0.25rem;
+ background-color: #3c63e2;
+ border: 0;
+ border-radius: 1rem;
+ transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+ appearance: none;
+}
+
+@media (prefers-reduced-motion: reduce) {
+ .form-range::-webkit-slider-thumb {
+ transition: none;
+ }
+}
+
+.form-range::-webkit-slider-thumb:active {
+ background-color: #c5d0f6;
+}
+
+.form-range::-webkit-slider-runnable-track {
+ width: 100%;
+ height: 0.5rem;
+ color: transparent;
+ cursor: pointer;
+ background-color: #dee2e6;
+ border-color: transparent;
+ border-radius: 1rem;
+}
+
+.form-range::-moz-range-thumb {
+ width: 1rem;
+ height: 1rem;
+ background-color: #3c63e2;
+ border: 0;
+ border-radius: 1rem;
+ transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+ appearance: none;
+}
+
+@media (prefers-reduced-motion: reduce) {
+ .form-range::-moz-range-thumb {
+ transition: none;
+ }
+}
+
+.form-range::-moz-range-thumb:active {
+ background-color: #c5d0f6;
+}
+
+.form-range::-moz-range-track {
+ width: 100%;
+ height: 0.5rem;
+ color: transparent;
+ cursor: pointer;
+ background-color: #dee2e6;
+ border-color: transparent;
+ border-radius: 1rem;
+}
+
+.form-range:disabled {
+ pointer-events: none;
+}
+
+.form-range:disabled::-webkit-slider-thumb {
+ background-color: #adb5bd;
+}
+
+.form-range:disabled::-moz-range-thumb {
+ background-color: #adb5bd;
+}
+
+.form-floating {
+ position: relative;
+}
+
+.form-floating > .form-control,
+.form-floating > .form-select {
+ height: calc(3.5rem + 2px);
+ line-height: 1.25;
+}
+
+.form-floating > label {
+ position: absolute;
+ top: 0;
+ left: 0;
+ height: 100%;
+ padding: 1rem 0.75rem;
+ pointer-events: none;
+ border: 1px solid transparent;
+ transform-origin: 0 0;
+ transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
+}
+
+@media (prefers-reduced-motion: reduce) {
+ .form-floating > label {
+ transition: none;
+ }
+}
+
+.form-floating > .form-control {
+ padding: 1rem 0.75rem;
+}
+
+.form-floating > .form-control::placeholder {
+ color: transparent;
+}
+
+.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) {
+ padding-top: 1.625rem;
+ padding-bottom: 0.625rem;
+}
+
+.form-floating > .form-control:-webkit-autofill {
+ padding-top: 1.625rem;
+ padding-bottom: 0.625rem;
+}
+
+.form-floating > .form-select {
+ padding-top: 1.625rem;
+ padding-bottom: 0.625rem;
+}
+
+.form-floating > .form-control:focus ~ label,
+.form-floating > .form-control:not(:placeholder-shown) ~ label,
+.form-floating > .form-select ~ label {
+ opacity: 0.65;
+ transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
+}
+
+.form-floating > .form-control:-webkit-autofill ~ label {
+ opacity: 0.65;
+ transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
+}
+
+.input-group {
+ position: relative;
+ display: flex;
+ flex-wrap: wrap;
+ align-items: stretch;
+ width: 100%;
+}
+
+.input-group > .form-control,
+.input-group > .form-select {
+ position: relative;
+ flex: 1 1 auto;
+ width: 1%;
+ min-width: 0;
+}
+
+.input-group > .form-control:focus,
+.input-group > .form-select:focus {
+ z-index: 3;
+}
+
+.input-group .btn {
+ position: relative;
+ z-index: 2;
+}
+
+.input-group .btn:focus {
+ z-index: 3;
+}
+
+.input-group-text {
+ display: flex;
+ align-items: center;
+ padding: 0.375rem 0.75rem;
+ font-size: 1rem;
+ font-weight: 400;
+ line-height: 1.5;
+ color: #212529;
+ text-align: center;
+ white-space: nowrap;
+ background-color: #e9ecef;
+ border: 1px solid #ced4da;
+ border-radius: 0.25rem;
+}
+
+.input-group-lg > .form-control,
+.input-group-lg > .form-select,
+.input-group-lg > .input-group-text,
+.input-group-lg > .btn {
+ padding: 0.5rem 1rem;
+ font-size: 1.25rem;
+ border-radius: 0.3rem;
+}
+
+.input-group-sm > .form-control,
+.input-group-sm > .form-select,
+.input-group-sm > .input-group-text,
+.input-group-sm > .btn {
+ padding: 0.25rem 0.5rem;
+ font-size: 0.875rem;
+ border-radius: 0.2rem;
+}
+
+.input-group-lg > .form-select,
+.input-group-sm > .form-select {
+ padding-right: 3rem;
+}
+
+.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
+.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.input-group.has-validation > :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu),
+.input-group.has-validation > .dropdown-toggle:nth-last-child(n + 4) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
+ margin-left: -1px;
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+.valid-feedback {
+ display: none;
+ width: 100%;
+ margin-top: 0.25rem;
+ font-size: 0.875em;
+ color: #3ac79b;
+}
+
+.valid-tooltip {
+ position: absolute;
+ top: 100%;
+ z-index: 5;
+ display: none;
+ max-width: 100%;
+ padding: 0.25rem 0.5rem;
+ margin-top: .1rem;
+ font-size: 0.875rem;
+ color: #000;
+ background-color: rgba(58, 199, 155, 0.9);
+ border-radius: 0.25rem;
+}
+
+.was-validated :valid ~ .valid-feedback,
+.was-validated :valid ~ .valid-tooltip,
+.is-valid ~ .valid-feedback,
+.is-valid ~ .valid-tooltip {
+ display: block;
+}
+
+.form-control .was-validated :valid,
+.form-control .is-valid {
+ border-color: #3ac79b;
+ padding-right: calc(1.5em + 0.75rem);
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%233ac79b' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
+ background-repeat: no-repeat;
+ background-position: right calc(0.375em + 0.1875rem) center;
+ background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
+}
+
+.form-control .was-validated :valid:focus,
+.form-control .is-valid:focus {
+ border-color: #3ac79b;
+ box-shadow: 0 0 0 0.25rem rgba(58, 199, 155, 0.25);
+}
+
+textarea.form-control .was-validated :valid,
+textarea.form-control .is-valid {
+ padding-right: calc(1.5em + 0.75rem);
+ background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
+}
+
+.form-select .was-validated :valid,
+.form-select .is-valid {
+ border-color: #3ac79b;
+}
+
+.form-select .was-validated :valid:not([multiple]):not([size]), .form-select .was-validated :valid:not([multiple])[size="1"],
+.form-select .is-valid:not([multiple]):not([size]),
+.form-select .is-valid:not([multiple])[size="1"] {
+ padding-right: 4.125rem;
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%233ac79b' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
+ background-position: right 0.75rem center, center right 2.25rem;
+ background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
+}
+
+.form-select .was-validated :valid:focus,
+.form-select .is-valid:focus {
+ border-color: #3ac79b;
+ box-shadow: 0 0 0 0.25rem rgba(58, 199, 155, 0.25);
+}
+
+.form-check-input .was-validated :valid,
+.form-check-input .is-valid {
+ border-color: #3ac79b;
+}
+
+.form-check-input .was-validated :valid:checked,
+.form-check-input .is-valid:checked {
+ background-color: #3ac79b;
+}
+
+.form-check-input .was-validated :valid:focus,
+.form-check-input .is-valid:focus {
+ box-shadow: 0 0 0 0.25rem rgba(58, 199, 155, 0.25);
+}
+
+.form-check-input .was-validated :valid ~ .form-check-label,
+.form-check-input .is-valid ~ .form-check-label {
+ color: #3ac79b;
+}
+
+.form-check-inline .form-check-input ~ .valid-feedback {
+ margin-left: .5em;
+}
+
+.input-group .form-control .was-validated :valid,
+.input-group .form-control .is-valid,
+.input-group .form-select .was-validated :valid,
+.input-group .form-select .is-valid {
+ z-index: 1;
+}
+
+.input-group .form-control .was-validated :valid:focus,
+.input-group .form-control .is-valid:focus,
+.input-group .form-select .was-validated :valid:focus,
+.input-group .form-select .is-valid:focus {
+ z-index: 3;
+}
+
+.invalid-feedback {
+ display: none;
+ width: 100%;
+ margin-top: 0.25rem;
+ font-size: 0.875em;
+ color: #f73563;
+}
+
+.invalid-tooltip {
+ position: absolute;
+ top: 100%;
+ z-index: 5;
+ display: none;
+ max-width: 100%;
+ padding: 0.25rem 0.5rem;
+ margin-top: .1rem;
+ font-size: 0.875rem;
+ color: #000;
+ background-color: rgba(247, 53, 99, 0.9);
+ border-radius: 0.25rem;
+}
+
+.was-validated :invalid ~ .invalid-feedback,
+.was-validated :invalid ~ .invalid-tooltip,
+.is-invalid ~ .invalid-feedback,
+.is-invalid ~ .invalid-tooltip {
+ display: block;
+}
+
+.form-control .was-validated :invalid,
+.form-control .is-invalid {
+ border-color: #f73563;
+ padding-right: calc(1.5em + 0.75rem);
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23f73563'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23f73563' stroke='none'/%3e%3c/svg%3e");
+ background-repeat: no-repeat;
+ background-position: right calc(0.375em + 0.1875rem) center;
+ background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
+}
+
+.form-control .was-validated :invalid:focus,
+.form-control .is-invalid:focus {
+ border-color: #f73563;
+ box-shadow: 0 0 0 0.25rem rgba(247, 53, 99, 0.25);
+}
+
+textarea.form-control .was-validated :invalid,
+textarea.form-control .is-invalid {
+ padding-right: calc(1.5em + 0.75rem);
+ background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
+}
+
+.form-select .was-validated :invalid,
+.form-select .is-invalid {
+ border-color: #f73563;
+}
+
+.form-select .was-validated :invalid:not([multiple]):not([size]), .form-select .was-validated :invalid:not([multiple])[size="1"],
+.form-select .is-invalid:not([multiple]):not([size]),
+.form-select .is-invalid:not([multiple])[size="1"] {
+ padding-right: 4.125rem;
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23f73563'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23f73563' stroke='none'/%3e%3c/svg%3e");
+ background-position: right 0.75rem center, center right 2.25rem;
+ background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
+}
+
+.form-select .was-validated :invalid:focus,
+.form-select .is-invalid:focus {
+ border-color: #f73563;
+ box-shadow: 0 0 0 0.25rem rgba(247, 53, 99, 0.25);
+}
+
+.form-check-input .was-validated :invalid,
+.form-check-input .is-invalid {
+ border-color: #f73563;
+}
+
+.form-check-input .was-validated :invalid:checked,
+.form-check-input .is-invalid:checked {
+ background-color: #f73563;
+}
+
+.form-check-input .was-validated :invalid:focus,
+.form-check-input .is-invalid:focus {
+ box-shadow: 0 0 0 0.25rem rgba(247, 53, 99, 0.25);
+}
+
+.form-check-input .was-validated :invalid ~ .form-check-label,
+.form-check-input .is-invalid ~ .form-check-label {
+ color: #f73563;
+}
+
+.form-check-inline .form-check-input ~ .invalid-feedback {
+ margin-left: .5em;
+}
+
+.input-group .form-control .was-validated :invalid,
+.input-group .form-control .is-invalid,
+.input-group .form-select .was-validated :invalid,
+.input-group .form-select .is-invalid {
+ z-index: 2;
+}
+
+.input-group .form-control .was-validated :invalid:focus,
+.input-group .form-control .is-invalid:focus,
+.input-group .form-select .was-validated :invalid:focus,
+.input-group .form-select .is-invalid:focus {
+ z-index: 3;
+}
+
+.btn {
+ display: inline-block;
+ font-weight: 400;
+ line-height: 1.5;
+ color: #212529;
+ text-align: center;
+ text-decoration: none;
+ vertical-align: middle;
+ cursor: pointer;
+ user-select: none;
+ background-color: transparent;
+ border: 1px solid transparent;
+ padding: 0.375rem 0.75rem;
+ font-size: 1rem;
+ border-radius: 0.25rem;
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+}
+
+@media (prefers-reduced-motion: reduce) {
+ .btn {
+ transition: none;
+ }
+}
+
+.btn:hover {
+ color: #212529;
+}
+
+.btn-check:focus + .btn, .btn:focus {
+ outline: 0;
+ box-shadow: 0 0 0 0.25rem rgba(60, 99, 226, 0.25);
+}
+
+.btn:disabled, .btn.disabled,
+fieldset:disabled .btn {
+ pointer-events: none;
+ opacity: 0.65;
+}
+
+.btn-primary {
+ color: #fff;
+ background-color: #3c63e2;
+ border-color: #3c63e2;
+}
+
+.btn-primary:hover {
+ color: #fff;
+ background-color: #3354c0;
+ border-color: #304fb5;
+}
+
+.btn-check:focus + .btn-primary, .btn-primary:focus {
+ color: #fff;
+ background-color: #3354c0;
+ border-color: #304fb5;
+ box-shadow: 0 0 0 0.25rem rgba(89, 122, 230, 0.5);
+}
+
+.btn-check:checked + .btn-primary,
+.btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active,
+.show > .btn-primary.dropdown-toggle {
+ color: #fff;
+ background-color: #304fb5;
+ border-color: #2d4aaa;
+}
+
+.btn-check:checked + .btn-primary:focus,
+.btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus,
+.show > .btn-primary.dropdown-toggle:focus {
+ box-shadow: 0 0 0 0.25rem rgba(89, 122, 230, 0.5);
+}
+
+.btn-primary:disabled, .btn-primary.disabled {
+ color: #fff;
+ background-color: #3c63e2;
+ border-color: #3c63e2;
+}
+
+.btn-secondary {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d;
+}
+
+.btn-secondary:hover {
+ color: #fff;
+ background-color: #5c636a;
+ border-color: #565e64;
+}
+
+.btn-check:focus + .btn-secondary, .btn-secondary:focus {
+ color: #fff;
+ background-color: #5c636a;
+ border-color: #565e64;
+ box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
+}
+
+.btn-check:checked + .btn-secondary,
+.btn-check:active + .btn-secondary, .btn-secondary:active, .btn-secondary.active,
+.show > .btn-secondary.dropdown-toggle {
+ color: #fff;
+ background-color: #565e64;
+ border-color: #51585e;
+}
+
+.btn-check:checked + .btn-secondary:focus,
+.btn-check:active + .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus,
+.show > .btn-secondary.dropdown-toggle:focus {
+ box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
+}
+
+.btn-secondary:disabled, .btn-secondary.disabled {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d;
+}
+
+.btn-success {
+ color: #000;
+ background-color: #3ac79b;
+ border-color: #3ac79b;
+}
+
+.btn-success:hover {
+ color: #000;
+ background-color: #58cfaa;
+ border-color: #4ecda5;
+}
+
+.btn-check:focus + .btn-success, .btn-success:focus {
+ color: #000;
+ background-color: #58cfaa;
+ border-color: #4ecda5;
+ box-shadow: 0 0 0 0.25rem rgba(49, 169, 132, 0.5);
+}
+
+.btn-check:checked + .btn-success,
+.btn-check:active + .btn-success, .btn-success:active, .btn-success.active,
+.show > .btn-success.dropdown-toggle {
+ color: #000;
+ background-color: #61d2af;
+ border-color: #4ecda5;
+}
+
+.btn-check:checked + .btn-success:focus,
+.btn-check:active + .btn-success:focus, .btn-success:active:focus, .btn-success.active:focus,
+.show > .btn-success.dropdown-toggle:focus {
+ box-shadow: 0 0 0 0.25rem rgba(49, 169, 132, 0.5);
+}
+
+.btn-success:disabled, .btn-success.disabled {
+ color: #000;
+ background-color: #3ac79b;
+ border-color: #3ac79b;
+}
+
+.btn-info {
+ color: #000;
+ background-color: #0dcaf0;
+ border-color: #0dcaf0;
+}
+
+.btn-info:hover {
+ color: #000;
+ background-color: #31d2f2;
+ border-color: #25cff2;
+}
+
+.btn-check:focus + .btn-info, .btn-info:focus {
+ color: #000;
+ background-color: #31d2f2;
+ border-color: #25cff2;
+ box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5);
+}
+
+.btn-check:checked + .btn-info,
+.btn-check:active + .btn-info, .btn-info:active, .btn-info.active,
+.show > .btn-info.dropdown-toggle {
+ color: #000;
+ background-color: #3dd5f3;
+ border-color: #25cff2;
+}
+
+.btn-check:checked + .btn-info:focus,
+.btn-check:active + .btn-info:focus, .btn-info:active:focus, .btn-info.active:focus,
+.show > .btn-info.dropdown-toggle:focus {
+ box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5);
+}
+
+.btn-info:disabled, .btn-info.disabled {
+ color: #000;
+ background-color: #0dcaf0;
+ border-color: #0dcaf0;
+}
+
+.btn-warning {
+ color: #000;
+ background-color: #ffbd17;
+ border-color: #ffbd17;
+}
+
+.btn-warning:hover {
+ color: #000;
+ background-color: #ffc73a;
+ border-color: #ffc42e;
+}
+
+.btn-check:focus + .btn-warning, .btn-warning:focus {
+ color: #000;
+ background-color: #ffc73a;
+ border-color: #ffc42e;
+ box-shadow: 0 0 0 0.25rem rgba(217, 161, 20, 0.5);
+}
+
+.btn-check:checked + .btn-warning,
+.btn-check:active + .btn-warning, .btn-warning:active, .btn-warning.active,
+.show > .btn-warning.dropdown-toggle {
+ color: #000;
+ background-color: #ffca45;
+ border-color: #ffc42e;
+}
+
+.btn-check:checked + .btn-warning:focus,
+.btn-check:active + .btn-warning:focus, .btn-warning:active:focus, .btn-warning.active:focus,
+.show > .btn-warning.dropdown-toggle:focus {
+ box-shadow: 0 0 0 0.25rem rgba(217, 161, 20, 0.5);
+}
+
+.btn-warning:disabled, .btn-warning.disabled {
+ color: #000;
+ background-color: #ffbd17;
+ border-color: #ffbd17;
+}
+
+.btn-danger {
+ color: #000;
+ background-color: #f73563;
+ border-color: #f73563;
+}
+
+.btn-danger:hover {
+ color: #000;
+ background-color: #f8537a;
+ border-color: #f84973;
+}
+
+.btn-check:focus + .btn-danger, .btn-danger:focus {
+ color: #000;
+ background-color: #f8537a;
+ border-color: #f84973;
+ box-shadow: 0 0 0 0.25rem rgba(210, 45, 84, 0.5);
+}
+
+.btn-check:checked + .btn-danger,
+.btn-check:active + .btn-danger, .btn-danger:active, .btn-danger.active,
+.show > .btn-danger.dropdown-toggle {
+ color: #000;
+ background-color: #f95d82;
+ border-color: #f84973;
+}
+
+.btn-check:checked + .btn-danger:focus,
+.btn-check:active + .btn-danger:focus, .btn-danger:active:focus, .btn-danger.active:focus,
+.show > .btn-danger.dropdown-toggle:focus {
+ box-shadow: 0 0 0 0.25rem rgba(210, 45, 84, 0.5);
+}
+
+.btn-danger:disabled, .btn-danger.disabled {
+ color: #000;
+ background-color: #f73563;
+ border-color: #f73563;
+}
+
+.btn-light {
+ color: #000;
+ background-color: #f8f9fa;
+ border-color: #f8f9fa;
+}
+
+.btn-light:hover {
+ color: #000;
+ background-color: #f9fafb;
+ border-color: #f9fafb;
+}
+
+.btn-check:focus + .btn-light, .btn-light:focus {
+ color: #000;
+ background-color: #f9fafb;
+ border-color: #f9fafb;
+ box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
+}
+
+.btn-check:checked + .btn-light,
+.btn-check:active + .btn-light, .btn-light:active, .btn-light.active,
+.show > .btn-light.dropdown-toggle {
+ color: #000;
+ background-color: #f9fafb;
+ border-color: #f9fafb;
+}
+
+.btn-check:checked + .btn-light:focus,
+.btn-check:active + .btn-light:focus, .btn-light:active:focus, .btn-light.active:focus,
+.show > .btn-light.dropdown-toggle:focus {
+ box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
+}
+
+.btn-light:disabled, .btn-light.disabled {
+ color: #000;
+ background-color: #f8f9fa;
+ border-color: #f8f9fa;
+}
+
+.btn-dark {
+ color: #fff;
+ background-color: #212529;
+ border-color: #212529;
+}
+
+.btn-dark:hover {
+ color: #fff;
+ background-color: #1c1f23;
+ border-color: #1a1e21;
+}
+
+.btn-check:focus + .btn-dark, .btn-dark:focus {
+ color: #fff;
+ background-color: #1c1f23;
+ border-color: #1a1e21;
+ box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5);
+}
+
+.btn-check:checked + .btn-dark,
+.btn-check:active + .btn-dark, .btn-dark:active, .btn-dark.active,
+.show > .btn-dark.dropdown-toggle {
+ color: #fff;
+ background-color: #1a1e21;
+ border-color: #191c1f;
+}
+
+.btn-check:checked + .btn-dark:focus,
+.btn-check:active + .btn-dark:focus, .btn-dark:active:focus, .btn-dark.active:focus,
+.show > .btn-dark.dropdown-toggle:focus {
+ box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5);
+}
+
+.btn-dark:disabled, .btn-dark.disabled {
+ color: #fff;
+ background-color: #212529;
+ border-color: #212529;
+}
+
+.btn-outline-primary {
+ color: #3c63e2;
+ border-color: #3c63e2;
+}
+
+.btn-outline-primary:hover {
+ color: #fff;
+ background-color: #3c63e2;
+ border-color: #3c63e2;
+}
+
+.btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
+ box-shadow: 0 0 0 0.25rem rgba(60, 99, 226, 0.5);
+}
+
+.btn-check:checked + .btn-outline-primary,
+.btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show {
+ color: #fff;
+ background-color: #3c63e2;
+ border-color: #3c63e2;
+}
+
+.btn-check:checked + .btn-outline-primary:focus,
+.btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus {
+ box-shadow: 0 0 0 0.25rem rgba(60, 99, 226, 0.5);
+}
+
+.btn-outline-primary:disabled, .btn-outline-primary.disabled {
+ color: #3c63e2;
+ background-color: transparent;
+}
+
+.btn-outline-secondary {
+ color: #6c757d;
+ border-color: #6c757d;
+}
+
+.btn-outline-secondary:hover {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d;
+}
+
+.btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus {
+ box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5);
+}
+
+.btn-check:checked + .btn-outline-secondary,
+.btn-check:active + .btn-outline-secondary, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d;
+}
+
+.btn-check:checked + .btn-outline-secondary:focus,
+.btn-check:active + .btn-outline-secondary:focus, .btn-outline-secondary:active:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus {
+ box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5);
+}
+
+.btn-outline-secondary:disabled, .btn-outline-secondary.disabled {
+ color: #6c757d;
+ background-color: transparent;
+}
+
+.btn-outline-success {
+ color: #3ac79b;
+ border-color: #3ac79b;
+}
+
+.btn-outline-success:hover {
+ color: #000;
+ background-color: #3ac79b;
+ border-color: #3ac79b;
+}
+
+.btn-check:focus + .btn-outline-success, .btn-outline-success:focus {
+ box-shadow: 0 0 0 0.25rem rgba(58, 199, 155, 0.5);
+}
+
+.btn-check:checked + .btn-outline-success,
+.btn-check:active + .btn-outline-success, .btn-outline-success:active, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show {
+ color: #000;
+ background-color: #3ac79b;
+ border-color: #3ac79b;
+}
+
+.btn-check:checked + .btn-outline-success:focus,
+.btn-check:active + .btn-outline-success:focus, .btn-outline-success:active:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus {
+ box-shadow: 0 0 0 0.25rem rgba(58, 199, 155, 0.5);
+}
+
+.btn-outline-success:disabled, .btn-outline-success.disabled {
+ color: #3ac79b;
+ background-color: transparent;
+}
+
+.btn-outline-info {
+ color: #0dcaf0;
+ border-color: #0dcaf0;
+}
+
+.btn-outline-info:hover {
+ color: #000;
+ background-color: #0dcaf0;
+ border-color: #0dcaf0;
+}
+
+.btn-check:focus + .btn-outline-info, .btn-outline-info:focus {
+ box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5);
+}
+
+.btn-check:checked + .btn-outline-info,
+.btn-check:active + .btn-outline-info, .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show {
+ color: #000;
+ background-color: #0dcaf0;
+ border-color: #0dcaf0;
+}
+
+.btn-check:checked + .btn-outline-info:focus,
+.btn-check:active + .btn-outline-info:focus, .btn-outline-info:active:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus {
+ box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5);
+}
+
+.btn-outline-info:disabled, .btn-outline-info.disabled {
+ color: #0dcaf0;
+ background-color: transparent;
+}
+
+.btn-outline-warning {
+ color: #ffbd17;
+ border-color: #ffbd17;
+}
+
+.btn-outline-warning:hover {
+ color: #000;
+ background-color: #ffbd17;
+ border-color: #ffbd17;
+}
+
+.btn-check:focus + .btn-outline-warning, .btn-outline-warning:focus {
+ box-shadow: 0 0 0 0.25rem rgba(255, 189, 23, 0.5);
+}
+
+.btn-check:checked + .btn-outline-warning,
+.btn-check:active + .btn-outline-warning, .btn-outline-warning:active, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show {
+ color: #000;
+ background-color: #ffbd17;
+ border-color: #ffbd17;
+}
+
+.btn-check:checked + .btn-outline-warning:focus,
+.btn-check:active + .btn-outline-warning:focus, .btn-outline-warning:active:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus {
+ box-shadow: 0 0 0 0.25rem rgba(255, 189, 23, 0.5);
+}
+
+.btn-outline-warning:disabled, .btn-outline-warning.disabled {
+ color: #ffbd17;
+ background-color: transparent;
+}
+
+.btn-outline-danger {
+ color: #f73563;
+ border-color: #f73563;
+}
+
+.btn-outline-danger:hover {
+ color: #000;
+ background-color: #f73563;
+ border-color: #f73563;
+}
+
+.btn-check:focus + .btn-outline-danger, .btn-outline-danger:focus {
+ box-shadow: 0 0 0 0.25rem rgba(247, 53, 99, 0.5);
+}
+
+.btn-check:checked + .btn-outline-danger,
+.btn-check:active + .btn-outline-danger, .btn-outline-danger:active, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show {
+ color: #000;
+ background-color: #f73563;
+ border-color: #f73563;
+}
+
+.btn-check:checked + .btn-outline-danger:focus,
+.btn-check:active + .btn-outline-danger:focus, .btn-outline-danger:active:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus {
+ box-shadow: 0 0 0 0.25rem rgba(247, 53, 99, 0.5);
+}
+
+.btn-outline-danger:disabled, .btn-outline-danger.disabled {
+ color: #f73563;
+ background-color: transparent;
+}
+
+.btn-outline-light {
+ color: #f8f9fa;
+ border-color: #f8f9fa;
+}
+
+.btn-outline-light:hover {
+ color: #000;
+ background-color: #f8f9fa;
+ border-color: #f8f9fa;
+}
+
+.btn-check:focus + .btn-outline-light, .btn-outline-light:focus {
+ box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5);
+}
+
+.btn-check:checked + .btn-outline-light,
+.btn-check:active + .btn-outline-light, .btn-outline-light:active, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show {
+ color: #000;
+ background-color: #f8f9fa;
+ border-color: #f8f9fa;
+}
+
+.btn-check:checked + .btn-outline-light:focus,
+.btn-check:active + .btn-outline-light:focus, .btn-outline-light:active:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show:focus {
+ box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5);
+}
+
+.btn-outline-light:disabled, .btn-outline-light.disabled {
+ color: #f8f9fa;
+ background-color: transparent;
+}
+
+.btn-outline-dark {
+ color: #212529;
+ border-color: #212529;
+}
+
+.btn-outline-dark:hover {
+ color: #fff;
+ background-color: #212529;
+ border-color: #212529;
+}
+
+.btn-check:focus + .btn-outline-dark, .btn-outline-dark:focus {
+ box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5);
+}
+
+.btn-check:checked + .btn-outline-dark,
+.btn-check:active + .btn-outline-dark, .btn-outline-dark:active, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show {
+ color: #fff;
+ background-color: #212529;
+ border-color: #212529;
+}
+
+.btn-check:checked + .btn-outline-dark:focus,
+.btn-check:active + .btn-outline-dark:focus, .btn-outline-dark:active:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus {
+ box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5);
+}
+
+.btn-outline-dark:disabled, .btn-outline-dark.disabled {
+ color: #212529;
+ background-color: transparent;
+}
+
+.btn-link {
+ font-weight: 400;
+ color: #3c63e2;
+ text-decoration: underline;
+}
+
+.btn-link:hover {
+ color: #304fb5;
+}
+
+.btn-link:disabled, .btn-link.disabled {
+ color: #6c757d;
+}
+
+.btn-lg, .btn-group-lg > .btn {
+ padding: 0.5rem 1rem;
+ font-size: 1.25rem;
+ border-radius: 0.3rem;
+}
+
+.btn-sm, .btn-group-sm > .btn {
+ padding: 0.25rem 0.5rem;
+ font-size: 0.875rem;
+ border-radius: 0.2rem;
+}
+
+.fade {
+ transition: opacity 0.15s linear;
+}
+
+@media (prefers-reduced-motion: reduce) {
+ .fade {
+ transition: none;
+ }
+}
+
+.fade:not(.show) {
+ opacity: 0;
+}
+
+.collapse:not(.show) {
+ display: none;
+}
+
+.collapsing {
+ height: 0;
+ overflow: hidden;
+ transition: height 0.35s ease;
+}
+
+@media (prefers-reduced-motion: reduce) {
+ .collapsing {
+ transition: none;
+ }
+}
+
+.dropup,
+.dropend,
+.dropdown,
+.dropstart {
+ position: relative;
+}
+
+.dropdown-toggle {
+ white-space: nowrap;
+}
+
+.dropdown-toggle::after {
+ display: inline-block;
+ margin-left: 0.255em;
+ vertical-align: 0.255em;
+ content: "";
+ border-top: 0.3em solid;
+ border-right: 0.3em solid transparent;
+ border-bottom: 0;
+ border-left: 0.3em solid transparent;
+}
+
+.dropdown-toggle:empty::after {
+ margin-left: 0;
+}
+
+.dropdown-menu {
+ position: absolute;
+ z-index: 1000;
+ display: none;
+ min-width: 10rem;
+ padding: 0.5rem 0;
+ margin: 0;
+ font-size: 1rem;
+ color: #212529;
+ text-align: left;
+ list-style: none;
+ background-color: #fff;
+ background-clip: padding-box;
+ border: 1px solid rgba(0, 0, 0, 0.15);
+ border-radius: 0.25rem;
+}
+
+.dropdown-menu[data-bs-popper] {
+ top: 100%;
+ left: 0;
+ margin-top: 0.125rem;
+}
+
+.dropdown-menu-start {
+ --bs-position: start;
+}
+
+.dropdown-menu-start[data-bs-popper] {
+ right: auto;
+ left: 0;
+}
+
+.dropdown-menu-end {
+ --bs-position: end;
+}
+
+.dropdown-menu-end[data-bs-popper] {
+ right: 0;
+ left: auto;
+}
+
+@media (min-width: 576px) {
+ .dropdown-menu-sm-start {
+ --bs-position: start;
+ }
+ .dropdown-menu-sm-start[data-bs-popper] {
+ right: auto;
+ left: 0;
+ }
+ .dropdown-menu-sm-end {
+ --bs-position: end;
+ }
+ .dropdown-menu-sm-end[data-bs-popper] {
+ right: 0;
+ left: auto;
+ }
+}
+
+@media (min-width: 768px) {
+ .dropdown-menu-md-start {
+ --bs-position: start;
+ }
+ .dropdown-menu-md-start[data-bs-popper] {
+ right: auto;
+ left: 0;
+ }
+ .dropdown-menu-md-end {
+ --bs-position: end;
+ }
+ .dropdown-menu-md-end[data-bs-popper] {
+ right: 0;
+ left: auto;
+ }
+}
+
+@media (min-width: 992px) {
+ .dropdown-menu-lg-start {
+ --bs-position: start;
+ }
+ .dropdown-menu-lg-start[data-bs-popper] {
+ right: auto;
+ left: 0;
+ }
+ .dropdown-menu-lg-end {
+ --bs-position: end;
+ }
+ .dropdown-menu-lg-end[data-bs-popper] {
+ right: 0;
+ left: auto;
+ }
+}
+
+@media (min-width: 1200px) {
+ .dropdown-menu-xl-start {
+ --bs-position: start;
+ }
+ .dropdown-menu-xl-start[data-bs-popper] {
+ right: auto;
+ left: 0;
+ }
+ .dropdown-menu-xl-end {
+ --bs-position: end;
+ }
+ .dropdown-menu-xl-end[data-bs-popper] {
+ right: 0;
+ left: auto;
+ }
+}
+
+@media (min-width: 1400px) {
+ .dropdown-menu-xxl-start {
+ --bs-position: start;
+ }
+ .dropdown-menu-xxl-start[data-bs-popper] {
+ right: auto;
+ left: 0;
+ }
+ .dropdown-menu-xxl-end {
+ --bs-position: end;
+ }
+ .dropdown-menu-xxl-end[data-bs-popper] {
+ right: 0;
+ left: auto;
+ }
+}
+
+.dropup .dropdown-menu[data-bs-popper] {
+ top: auto;
+ bottom: 100%;
+ margin-top: 0;
+ margin-bottom: 0.125rem;
+}
+
+.dropup .dropdown-toggle::after {
+ display: inline-block;
+ margin-left: 0.255em;
+ vertical-align: 0.255em;
+ content: "";
+ border-top: 0;
+ border-right: 0.3em solid transparent;
+ border-bottom: 0.3em solid;
+ border-left: 0.3em solid transparent;
+}
+
+.dropup .dropdown-toggle:empty::after {
+ margin-left: 0;
+}
+
+.dropend .dropdown-menu[data-bs-popper] {
+ top: 0;
+ right: auto;
+ left: 100%;
+ margin-top: 0;
+ margin-left: 0.125rem;
+}
+
+.dropend .dropdown-toggle::after {
+ display: inline-block;
+ margin-left: 0.255em;
+ vertical-align: 0.255em;
+ content: "";
+ border-top: 0.3em solid transparent;
+ border-right: 0;
+ border-bottom: 0.3em solid transparent;
+ border-left: 0.3em solid;
+}
+
+.dropend .dropdown-toggle:empty::after {
+ margin-left: 0;
+}
+
+.dropend .dropdown-toggle::after {
+ vertical-align: 0;
+}
+
+.dropstart .dropdown-menu[data-bs-popper] {
+ top: 0;
+ right: 100%;
+ left: auto;
+ margin-top: 0;
+ margin-right: 0.125rem;
+}
+
+.dropstart .dropdown-toggle::after {
+ display: inline-block;
+ margin-left: 0.255em;
+ vertical-align: 0.255em;
+ content: "";
+}
+
+.dropstart .dropdown-toggle::after {
+ display: none;
+}
+
+.dropstart .dropdown-toggle::before {
+ display: inline-block;
+ margin-right: 0.255em;
+ vertical-align: 0.255em;
+ content: "";
+ border-top: 0.3em solid transparent;
+ border-right: 0.3em solid;
+ border-bottom: 0.3em solid transparent;
+}
+
+.dropstart .dropdown-toggle:empty::after {
+ margin-left: 0;
+}
+
+.dropstart .dropdown-toggle::before {
+ vertical-align: 0;
+}
+
+.dropdown-divider {
+ height: 0;
+ margin: 0.5rem 0;
+ overflow: hidden;
+ border-top: 1px solid rgba(0, 0, 0, 0.15);
+}
+
+.dropdown-item {
+ display: block;
+ width: 100%;
+ padding: 0.25rem 1rem;
+ clear: both;
+ font-weight: 400;
+ color: #212529;
+ text-align: inherit;
+ text-decoration: none;
+ white-space: nowrap;
+ background-color: transparent;
+ border: 0;
+}
+
+.dropdown-item:hover, .dropdown-item:focus {
+ color: #1e2125;
+ background-color: #e9ecef;
+}
+
+.dropdown-item.active, .dropdown-item:active {
+ color: #fff;
+ text-decoration: none;
+ background-color: #3c63e2;
+}
+
+.dropdown-item.disabled, .dropdown-item:disabled {
+ color: #adb5bd;
+ pointer-events: none;
+ background-color: transparent;
+}
+
+.dropdown-menu.show {
+ display: block;
+}
+
+.dropdown-header {
+ display: block;
+ padding: 0.5rem 1rem;
+ margin-bottom: 0;
+ font-size: 0.875rem;
+ color: #6c757d;
+ white-space: nowrap;
+}
+
+.dropdown-item-text {
+ display: block;
+ padding: 0.25rem 1rem;
+ color: #212529;
+}
+
+.dropdown-menu-dark {
+ color: #dee2e6;
+ background-color: #343a40;
+ border-color: rgba(0, 0, 0, 0.15);
+}
+
+.dropdown-menu-dark .dropdown-item {
+ color: #dee2e6;
+}
+
+.dropdown-menu-dark .dropdown-item:hover, .dropdown-menu-dark .dropdown-item:focus {
+ color: #fff;
+ background-color: rgba(255, 255, 255, 0.15);
+}
+
+.dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active {
+ color: #fff;
+ background-color: #3c63e2;
+}
+
+.dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled {
+ color: #adb5bd;
+}
+
+.dropdown-menu-dark .dropdown-divider {
+ border-color: rgba(0, 0, 0, 0.15);
+}
+
+.dropdown-menu-dark .dropdown-item-text {
+ color: #dee2e6;
+}
+
+.dropdown-menu-dark .dropdown-header {
+ color: #adb5bd;
+}
+
+.btn-group,
+.btn-group-vertical {
+ position: relative;
+ display: inline-flex;
+ vertical-align: middle;
+}
+
+.btn-group > .btn,
+.btn-group-vertical > .btn {
+ position: relative;
+ flex: 1 1 auto;
+}
+
+.btn-group > .btn-check:checked + .btn,
+.btn-group > .btn-check:focus + .btn,
+.btn-group > .btn:hover,
+.btn-group > .btn:focus,
+.btn-group > .btn:active,
+.btn-group > .btn.active,
+.btn-group-vertical > .btn-check:checked + .btn,
+.btn-group-vertical > .btn-check:focus + .btn,
+.btn-group-vertical > .btn:hover,
+.btn-group-vertical > .btn:focus,
+.btn-group-vertical > .btn:active,
+.btn-group-vertical > .btn.active {
+ z-index: 1;
+}
+
+.btn-toolbar {
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: flex-start;
+}
+
+.btn-toolbar .input-group {
+ width: auto;
+}
+
+.btn-group > .btn:not(:first-child),
+.btn-group > .btn-group:not(:first-child) {
+ margin-left: -1px;
+}
+
+.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
+.btn-group > .btn-group:not(:last-child) > .btn {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.btn-group > .btn:nth-child(n + 3),
+.btn-group > :not(.btn-check) + .btn,
+.btn-group > .btn-group:not(:first-child) > .btn {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+.dropdown-toggle-split {
+ padding-right: 0.5625rem;
+ padding-left: 0.5625rem;
+}
+
+.dropdown-toggle-split::after,
+.dropup .dropdown-toggle-split::after,
+.dropend .dropdown-toggle-split::after {
+ margin-left: 0;
+}
+
+.dropstart .dropdown-toggle-split::before {
+ margin-right: 0;
+}
+
+.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
+ padding-right: 0.375rem;
+ padding-left: 0.375rem;
+}
+
+.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
+ padding-right: 0.75rem;
+ padding-left: 0.75rem;
+}
+
+.btn-group-vertical {
+ flex-direction: column;
+ align-items: flex-start;
+ justify-content: center;
+}
+
+.btn-group-vertical > .btn,
+.btn-group-vertical > .btn-group {
+ width: 100%;
+}
+
+.btn-group-vertical > .btn:not(:first-child),
+.btn-group-vertical > .btn-group:not(:first-child) {
+ margin-top: -1px;
+}
+
+.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
+.btn-group-vertical > .btn-group:not(:last-child) > .btn {
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+.btn-group-vertical > .btn ~ .btn,
+.btn-group-vertical > .btn-group:not(:first-child) > .btn {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+}
+
+.nav {
+ display: flex;
+ flex-wrap: wrap;
+ padding-left: 0;
+ margin-bottom: 0;
+ list-style: none;
+}
+
+.nav-link {
+ display: block;
+ padding: 0.5rem 1rem;
+ color: #3c63e2;
+ text-decoration: none;
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
+}
+
+@media (prefers-reduced-motion: reduce) {
+ .nav-link {
+ transition: none;
+ }
+}
+
+.nav-link:hover, .nav-link:focus {
+ color: #304fb5;
+}
+
+.nav-link.disabled {
+ color: #6c757d;
+ pointer-events: none;
+ cursor: default;
+}
+
+.nav-tabs {
+ border-bottom: 1px solid #dee2e6;
+}
+
+.nav-tabs .nav-link {
+ margin-bottom: -1px;
+ background: none;
+ border: 1px solid transparent;
+ border-top-left-radius: 0.25rem;
+ border-top-right-radius: 0.25rem;
+}
+
+.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
+ border-color: #e9ecef #e9ecef #dee2e6;
+ isolation: isolate;
+}
+
+.nav-tabs .nav-link.disabled {
+ color: #6c757d;
+ background-color: transparent;
+ border-color: transparent;
+}
+
+.nav-tabs .nav-link.active,
+.nav-tabs .nav-item.show .nav-link {
+ color: #495057;
+ background-color: #fff;
+ border-color: #dee2e6 #dee2e6 #fff;
+}
+
+.nav-tabs .dropdown-menu {
+ margin-top: -1px;
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+}
+
+.nav-pills .nav-link {
+ background: none;
+ border: 0;
+ border-radius: 0.25rem;
+}
+
+.nav-pills .nav-link.active,
+.nav-pills .show > .nav-link {
+ color: #fff;
+ background-color: #3c63e2;
+}
+
+.nav-fill > .nav-link,
+.nav-fill .nav-item {
+ flex: 1 1 auto;
+ text-align: center;
+}
+
+.nav-justified > .nav-link,
+.nav-justified .nav-item {
+ flex-basis: 0;
+ flex-grow: 1;
+ text-align: center;
+}
+
+.nav-fill .nav-item .nav-link,
+.nav-justified .nav-item .nav-link {
+ width: 100%;
+}
+
+.tab-content > .tab-pane {
+ display: none;
+}
+
+.tab-content > .active {
+ display: block;
+}
+
+.navbar {
+ position: relative;
+ display: flex;
+ flex-wrap: wrap;
+ align-items: center;
+ justify-content: space-between;
+ padding-top: 0.5rem;
+ padding-bottom: 0.5rem;
+}
+
+.navbar > .container,
+.navbar > .container-fluid,
+.navbar > .container-sm,
+.navbar > .container-md,
+.navbar > .container-lg,
+.navbar > .container-xl,
+.navbar > .container-xxl {
+ display: flex;
+ flex-wrap: inherit;
+ align-items: center;
+ justify-content: space-between;
+}
+
+.navbar-brand {
+ padding-top: 0.3125rem;
+ padding-bottom: 0.3125rem;
+ margin-right: 1rem;
+ font-size: 1.25rem;
+ text-decoration: none;
+ white-space: nowrap;
+}
+
+.navbar-nav {
+ display: flex;
+ flex-direction: column;
+ padding-left: 0;
+ margin-bottom: 0;
+ list-style: none;
+}
+
+.navbar-nav .nav-link {
+ padding-right: 0;
+ padding-left: 0;
+}
+
+.navbar-nav .dropdown-menu {
+ position: static;
+}
+
+.navbar-text {
+ padding-top: 0.5rem;
+ padding-bottom: 0.5rem;
+}
+
+.navbar-collapse {
+ flex-basis: 100%;
+ flex-grow: 1;
+ align-items: center;
+}
+
+.navbar-toggler {
+ padding: 0.25rem 0.75rem;
+ font-size: 1.25rem;
+ line-height: 1;
+ background-color: transparent;
+ border: 1px solid transparent;
+ border-radius: 0.25rem;
+ transition: box-shadow 0.15s ease-in-out;
+}
+
+@media (prefers-reduced-motion: reduce) {
+ .navbar-toggler {
+ transition: none;
+ }
+}
+
+.navbar-toggler:hover {
+ text-decoration: none;
+}
+
+.navbar-toggler:focus {
+ text-decoration: none;
+ outline: 0;
+ box-shadow: 0 0 0 0.25rem;
+}
+
+.navbar-toggler-icon {
+ display: inline-block;
+ width: 1.5em;
+ height: 1.5em;
+ vertical-align: middle;
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 100%;
+}
+
+.navbar-nav-scroll {
+ max-height: var(--bs-scroll-height, 75vh);
+ overflow-y: auto;
+}
+
+@media (min-width: 576px) {
+ .navbar-expand-sm {
+ flex-wrap: nowrap;
+ justify-content: flex-start;
+ }
+ .navbar-expand-sm .navbar-nav {
+ flex-direction: row;
+ }
+ .navbar-expand-sm .navbar-nav .dropdown-menu {
+ position: absolute;
+ }
+ .navbar-expand-sm .navbar-nav .nav-link {
+ padding-right: 0.5rem;
+ padding-left: 0.5rem;
+ }
+ .navbar-expand-sm .navbar-nav-scroll {
+ overflow: visible;
+ }
+ .navbar-expand-sm .navbar-collapse {
+ display: flex !important;
+ flex-basis: auto;
+ }
+ .navbar-expand-sm .navbar-toggler {
+ display: none;
+ }
+}
+
+@media (min-width: 768px) {
+ .navbar-expand-md {
+ flex-wrap: nowrap;
+ justify-content: flex-start;
+ }
+ .navbar-expand-md .navbar-nav {
+ flex-direction: row;
+ }
+ .navbar-expand-md .navbar-nav .dropdown-menu {
+ position: absolute;
+ }
+ .navbar-expand-md .navbar-nav .nav-link {
+ padding-right: 0.5rem;
+ padding-left: 0.5rem;
+ }
+ .navbar-expand-md .navbar-nav-scroll {
+ overflow: visible;
+ }
+ .navbar-expand-md .navbar-collapse {
+ display: flex !important;
+ flex-basis: auto;
+ }
+ .navbar-expand-md .navbar-toggler {
+ display: none;
+ }
+}
+
+@media (min-width: 992px) {
+ .navbar-expand-lg {
+ flex-wrap: nowrap;
+ justify-content: flex-start;
+ }
+ .navbar-expand-lg .navbar-nav {
+ flex-direction: row;
+ }
+ .navbar-expand-lg .navbar-nav .dropdown-menu {
+ position: absolute;
+ }
+ .navbar-expand-lg .navbar-nav .nav-link {
+ padding-right: 0.5rem;
+ padding-left: 0.5rem;
+ }
+ .navbar-expand-lg .navbar-nav-scroll {
+ overflow: visible;
+ }
+ .navbar-expand-lg .navbar-collapse {
+ display: flex !important;
+ flex-basis: auto;
+ }
+ .navbar-expand-lg .navbar-toggler {
+ display: none;
+ }
+}
+
+@media (min-width: 1200px) {
+ .navbar-expand-xl {
+ flex-wrap: nowrap;
+ justify-content: flex-start;
+ }
+ .navbar-expand-xl .navbar-nav {
+ flex-direction: row;
+ }
+ .navbar-expand-xl .navbar-nav .dropdown-menu {
+ position: absolute;
+ }
+ .navbar-expand-xl .navbar-nav .nav-link {
+ padding-right: 0.5rem;
+ padding-left: 0.5rem;
+ }
+ .navbar-expand-xl .navbar-nav-scroll {
+ overflow: visible;
+ }
+ .navbar-expand-xl .navbar-collapse {
+ display: flex !important;
+ flex-basis: auto;
+ }
+ .navbar-expand-xl .navbar-toggler {
+ display: none;
+ }
+}
+
+@media (min-width: 1400px) {
+ .navbar-expand-xxl {
+ flex-wrap: nowrap;
+ justify-content: flex-start;
+ }
+ .navbar-expand-xxl .navbar-nav {
+ flex-direction: row;
+ }
+ .navbar-expand-xxl .navbar-nav .dropdown-menu {
+ position: absolute;
+ }
+ .navbar-expand-xxl .navbar-nav .nav-link {
+ padding-right: 0.5rem;
+ padding-left: 0.5rem;
+ }
+ .navbar-expand-xxl .navbar-nav-scroll {
+ overflow: visible;
+ }
+ .navbar-expand-xxl .navbar-collapse {
+ display: flex !important;
+ flex-basis: auto;
+ }
+ .navbar-expand-xxl .navbar-toggler {
+ display: none;
+ }
+}
+
+.navbar-expand {
+ flex-wrap: nowrap;
+ justify-content: flex-start;
+}
+
+.navbar-expand .navbar-nav {
+ flex-direction: row;
+}
+
+.navbar-expand .navbar-nav .dropdown-menu {
+ position: absolute;
+}
+
+.navbar-expand .navbar-nav .nav-link {
+ padding-right: 0.5rem;
+ padding-left: 0.5rem;
+}
+
+.navbar-expand .navbar-nav-scroll {
+ overflow: visible;
+}
+
+.navbar-expand .navbar-collapse {
+ display: flex !important;
+ flex-basis: auto;
+}
+
+.navbar-expand .navbar-toggler {
+ display: none;
+}
+
+.navbar-light .navbar-brand {
+ color: rgba(0, 0, 0, 0.9);
+}
+
+.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
+ color: rgba(0, 0, 0, 0.9);
+}
+
+.navbar-light .navbar-nav .nav-link {
+ color: rgba(0, 0, 0, 0.55);
+}
+
+.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
+ color: rgba(0, 0, 0, 0.7);
+}
+
+.navbar-light .navbar-nav .nav-link.disabled {
+ color: rgba(0, 0, 0, 0.3);
+}
+
+.navbar-light .navbar-nav .show > .nav-link,
+.navbar-light .navbar-nav .nav-link.active {
+ color: rgba(0, 0, 0, 0.9);
+}
+
+.navbar-light .navbar-toggler {
+ color: rgba(0, 0, 0, 0.55);
+ border-color: rgba(0, 0, 0, 0.1);
+}
+
+.navbar-light .navbar-toggler-icon {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
+}
+
+.navbar-light .navbar-text {
+ color: rgba(0, 0, 0, 0.55);
+}
+
+.navbar-light .navbar-text a,
+.navbar-light .navbar-text a:hover,
+.navbar-light .navbar-text a:focus {
+ color: rgba(0, 0, 0, 0.9);
+}
+
+.navbar-dark .navbar-brand {
+ color: #fff;
+}
+
+.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
+ color: #fff;
+}
+
+.navbar-dark .navbar-nav .nav-link {
+ color: rgba(255, 255, 255, 0.55);
+}
+
+.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
+ color: rgba(255, 255, 255, 0.75);
+}
+
+.navbar-dark .navbar-nav .nav-link.disabled {
+ color: rgba(255, 255, 255, 0.25);
+}
+
+.navbar-dark .navbar-nav .show > .nav-link,
+.navbar-dark .navbar-nav .nav-link.active {
+ color: #fff;
+}
+
+.navbar-dark .navbar-toggler {
+ color: rgba(255, 255, 255, 0.55);
+ border-color: rgba(255, 255, 255, 0.1);
+}
+
+.navbar-dark .navbar-toggler-icon {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
+}
+
+.navbar-dark .navbar-text {
+ color: rgba(255, 255, 255, 0.55);
+}
+
+.navbar-dark .navbar-text a,
+.navbar-dark .navbar-text a:hover,
+.navbar-dark .navbar-text a:focus {
+ color: #fff;
+}
+
+.card {
+ position: relative;
+ display: flex;
+ flex-direction: column;
+ min-width: 0;
+ word-wrap: break-word;
+ background-color: #fff;
+ background-clip: border-box;
+ border: 1px solid rgba(0, 0, 0, 0.125);
+ border-radius: 0.25rem;
+}
+
+.card > hr {
+ margin-right: 0;
+ margin-left: 0;
+}
+
+.card > .list-group {
+ border-top: inherit;
+ border-bottom: inherit;
+}
+
+.card > .list-group:first-child {
+ border-top-width: 0;
+ border-top-left-radius: calc(0.25rem - 1px);
+ border-top-right-radius: calc(0.25rem - 1px);
+}
+
+.card > .list-group:last-child {
+ border-bottom-width: 0;
+ border-bottom-right-radius: calc(0.25rem - 1px);
+ border-bottom-left-radius: calc(0.25rem - 1px);
+}
+
+.card > .card-header + .list-group,
+.card > .list-group + .card-footer {
+ border-top: 0;
+}
+
+.card-body {
+ flex: 1 1 auto;
+ padding: 1rem 1rem;
+}
+
+.card-title {
+ margin-bottom: 0.5rem;
+}
+
+.card-subtitle {
+ margin-top: -0.25rem;
+ margin-bottom: 0;
+}
+
+.card-text:last-child {
+ margin-bottom: 0;
+}
+
+.card-link:hover {
+ text-decoration: none;
+}
+
+.card-link + .card-link {
+ margin-left: 1rem;
+}
+
+.card-header {
+ padding: 0.5rem 1rem;
+ margin-bottom: 0;
+ background-color: rgba(0, 0, 0, 0.03);
+ border-bottom: 1px solid rgba(0, 0, 0, 0.125);
+}
+
+.card-header:first-child {
+ border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
+}
+
+.card-footer {
+ padding: 0.5rem 1rem;
+ background-color: rgba(0, 0, 0, 0.03);
+ border-top: 1px solid rgba(0, 0, 0, 0.125);
+}
+
+.card-footer:last-child {
+ border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
+}
+
+.card-header-tabs {
+ margin-right: -0.5rem;
+ margin-bottom: -0.5rem;
+ margin-left: -0.5rem;
+ border-bottom: 0;
+}
+
+.card-header-pills {
+ margin-right: -0.5rem;
+ margin-left: -0.5rem;
+}
+
+.card-img-overlay {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ padding: 1rem;
+ border-radius: calc(0.25rem - 1px);
+}
+
+.card-img,
+.card-img-top,
+.card-img-bottom {
+ width: 100%;
+}
+
+.card-img,
+.card-img-top {
+ border-top-left-radius: calc(0.25rem - 1px);
+ border-top-right-radius: calc(0.25rem - 1px);
+}
+
+.card-img,
+.card-img-bottom {
+ border-bottom-right-radius: calc(0.25rem - 1px);
+ border-bottom-left-radius: calc(0.25rem - 1px);
+}
+
+.card-group > .card {
+ margin-bottom: 0.75rem;
+}
+
+@media (min-width: 576px) {
+ .card-group {
+ display: flex;
+ flex-flow: row wrap;
+ }
+ .card-group > .card {
+ flex: 1 0 0%;
+ margin-bottom: 0;
+ }
+ .card-group > .card + .card {
+ margin-left: 0;
+ border-left: 0;
+ }
+ .card-group > .card:not(:last-child) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+ }
+ .card-group > .card:not(:last-child) .card-img-top,
+ .card-group > .card:not(:last-child) .card-header {
+ border-top-right-radius: 0;
+ }
+ .card-group > .card:not(:last-child) .card-img-bottom,
+ .card-group > .card:not(:last-child) .card-footer {
+ border-bottom-right-radius: 0;
+ }
+ .card-group > .card:not(:first-child) {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ }
+ .card-group > .card:not(:first-child) .card-img-top,
+ .card-group > .card:not(:first-child) .card-header {
+ border-top-left-radius: 0;
+ }
+ .card-group > .card:not(:first-child) .card-img-bottom,
+ .card-group > .card:not(:first-child) .card-footer {
+ border-bottom-left-radius: 0;
+ }
+}
+
+.accordion-button {
+ position: relative;
+ display: flex;
+ align-items: center;
+ width: 100%;
+ padding: 1rem 1.25rem;
+ font-size: 1rem;
+ color: #212529;
+ text-align: left;
+ background-color: #fff;
+ border: 0;
+ border-radius: 0;
+ overflow-anchor: none;
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
+}
+
+@media (prefers-reduced-motion: reduce) {
+ .accordion-button {
+ transition: none;
+ }
+}
+
+.accordion-button:not(.collapsed) {
+ color: #3659cb;
+ background-color: #eceffc;
+ box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
+}
+
+.accordion-button:not(.collapsed)::after {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%233659cb'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
+ transform: rotate(-180deg);
+}
+
+.accordion-button::after {
+ flex-shrink: 0;
+ width: 1.25rem;
+ height: 1.25rem;
+ margin-left: auto;
+ content: "";
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
+ background-repeat: no-repeat;
+ background-size: 1.25rem;
+ transition: transform 0.2s ease-in-out;
+}
+
+@media (prefers-reduced-motion: reduce) {
+ .accordion-button::after {
+ transition: none;
+ }
+}
+
+.accordion-button:hover {
+ z-index: 2;
+}
+
+.accordion-button:focus {
+ z-index: 3;
+ border-color: #9eb1f1;
+ outline: 0;
+ box-shadow: 0 0 0 0.25rem rgba(60, 99, 226, 0.25);
+}
+
+.accordion-header {
+ margin-bottom: 0;
+}
+
+.accordion-item {
+ background-color: #fff;
+ border: 1px solid rgba(0, 0, 0, 0.125);
+}
+
+.accordion-item:first-of-type {
+ border-top-left-radius: 0.25rem;
+ border-top-right-radius: 0.25rem;
+}
+
+.accordion-item:first-of-type .accordion-button {
+ border-top-left-radius: calc(0.25rem - 1px);
+ border-top-right-radius: calc(0.25rem - 1px);
+}
+
+.accordion-item:not(:first-of-type) {
+ border-top: 0;
+}
+
+.accordion-item:last-of-type {
+ border-bottom-right-radius: 0.25rem;
+ border-bottom-left-radius: 0.25rem;
+}
+
+.accordion-item:last-of-type .accordion-button.collapsed {
+ border-bottom-right-radius: calc(0.25rem - 1px);
+ border-bottom-left-radius: calc(0.25rem - 1px);
+}
+
+.accordion-item:last-of-type .accordion-collapse {
+ border-bottom-right-radius: 0.25rem;
+ border-bottom-left-radius: 0.25rem;
+}
+
+.accordion-body {
+ padding: 1rem 1.25rem;
+}
+
+.accordion-flush .accordion-collapse {
+ border-width: 0;
+}
+
+.accordion-flush .accordion-item {
+ border-right: 0;
+ border-left: 0;
+ border-radius: 0;
+}
+
+.accordion-flush .accordion-item:first-child {
+ border-top: 0;
+}
+
+.accordion-flush .accordion-item:last-child {
+ border-bottom: 0;
+}
+
+.accordion-flush .accordion-item .accordion-button {
+ border-radius: 0;
+}
+
+.breadcrumb {
+ display: flex;
+ flex-wrap: wrap;
+ padding: 0 0;
+ margin-bottom: 1rem;
+ list-style: none;
+}
+
+.breadcrumb-item + .breadcrumb-item {
+ padding-left: 0.5rem;
+}
+
+.breadcrumb-item + .breadcrumb-item::before {
+ float: left;
+ padding-right: 0.5rem;
+ color: #6c757d;
+ content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */;
+}
+
+.breadcrumb-item.active {
+ color: #6c757d;
+}
+
+.pagination {
+ display: flex;
+ padding-left: 0;
+ list-style: none;
+}
+
+.page-link {
+ position: relative;
+ display: block;
+ color: #3c63e2;
+ text-decoration: none;
+ background-color: #fff;
+ border: 1px solid #dee2e6;
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+}
+
+@media (prefers-reduced-motion: reduce) {
+ .page-link {
+ transition: none;
+ }
+}
+
+.page-link:hover {
+ z-index: 2;
+ color: #304fb5;
+ background-color: #e9ecef;
+ border-color: #dee2e6;
+}
+
+.page-link:focus {
+ z-index: 3;
+ color: #304fb5;
+ background-color: #e9ecef;
+ outline: 0;
+ box-shadow: 0 0 0 0.25rem rgba(60, 99, 226, 0.25);
+}
+
+.page-item:not(:first-child) .page-link {
+ margin-left: -1px;
+}
+
+.page-item.active .page-link {
+ z-index: 3;
+ color: #fff;
+ background-color: #3c63e2;
+ border-color: #3c63e2;
+}
+
+.page-item.disabled .page-link {
+ color: #6c757d;
+ pointer-events: none;
+ background-color: #fff;
+ border-color: #dee2e6;
+}
+
+.page-link {
+ padding: 0.375rem 0.75rem;
+}
+
+.page-item:first-child .page-link {
+ border-top-left-radius: 0.25rem;
+ border-bottom-left-radius: 0.25rem;
+}
+
+.page-item:last-child .page-link {
+ border-top-right-radius: 0.25rem;
+ border-bottom-right-radius: 0.25rem;
+}
+
+.pagination-lg .page-link {
+ padding: 0.75rem 1.5rem;
+ font-size: 1.25rem;
+}
+
+.pagination-lg .page-item:first-child .page-link {
+ border-top-left-radius: 0.3rem;
+ border-bottom-left-radius: 0.3rem;
+}
+
+.pagination-lg .page-item:last-child .page-link {
+ border-top-right-radius: 0.3rem;
+ border-bottom-right-radius: 0.3rem;
+}
+
+.pagination-sm .page-link {
+ padding: 0.25rem 0.5rem;
+ font-size: 0.875rem;
+}
+
+.pagination-sm .page-item:first-child .page-link {
+ border-top-left-radius: 0.2rem;
+ border-bottom-left-radius: 0.2rem;
+}
+
+.pagination-sm .page-item:last-child .page-link {
+ border-top-right-radius: 0.2rem;
+ border-bottom-right-radius: 0.2rem;
+}
+
+.badge {
+ display: inline-block;
+ padding: 0.35em 0.65em;
+ font-size: 0.75em;
+ font-weight: 700;
+ line-height: 1;
+ color: #fff;
+ text-align: center;
+ white-space: nowrap;
+ vertical-align: baseline;
+ border-radius: 0.25rem;
+}
+
+.badge:empty {
+ display: none;
+}
+
+.btn .badge {
+ position: relative;
+ top: -1px;
+}
+
+.alert {
+ position: relative;
+ padding: 1rem 1rem;
+ margin-bottom: 1rem;
+ border: 1px solid transparent;
+ border-radius: 0.25rem;
+}
+
+.alert-heading {
+ color: inherit;
+}
+
+.alert-link {
+ font-weight: 700;
+}
+
+.alert-dismissible {
+ padding-right: 3rem;
+}
+
+.alert-dismissible .btn-close {
+ position: absolute;
+ top: 0;
+ right: 0;
+ z-index: 2;
+ padding: 1.25rem 1rem;
+}
+
+.alert-primary {
+ color: #243b88;
+ background-color: #d8e0f9;
+ border-color: #c5d0f6;
+}
+
+.alert-primary .alert-link {
+ color: #1d2f6d;
+}
+
+.alert-secondary {
+ color: #41464b;
+ background-color: #e2e3e5;
+ border-color: #d3d6d8;
+}
+
+.alert-secondary .alert-link {
+ color: #34383c;
+}
+
+.alert-success {
+ color: #23775d;
+ background-color: #d8f4eb;
+ border-color: #c4eee1;
+}
+
+.alert-success .alert-link {
+ color: #1c5f4a;
+}
+
+.alert-info {
+ color: #055160;
+ background-color: #cff4fc;
+ border-color: #b6effb;
+}
+
+.alert-info .alert-link {
+ color: #04414d;
+}
+
+.alert-warning {
+ color: #664c09;
+ background-color: #fff2d1;
+ border-color: #ffebb9;
+}
+
+.alert-warning .alert-link {
+ color: #523d07;
+}
+
+.alert-danger {
+ color: #94203b;
+ background-color: #fdd7e0;
+ border-color: #fdc2d0;
+}
+
+.alert-danger .alert-link {
+ color: #761a2f;
+}
+
+.alert-light {
+ color: #636464;
+ background-color: #fefefe;
+ border-color: #fdfdfe;
+}
+
+.alert-light .alert-link {
+ color: #4f5050;
+}
+
+.alert-dark {
+ color: #141619;
+ background-color: #d3d3d4;
+ border-color: #bcbebf;
+}
+
+.alert-dark .alert-link {
+ color: #101214;
+}
+
+@keyframes progress-bar-stripes {
+ 0% {
+ background-position-x: 1rem;
+ }
+}
+
+.progress {
+ display: flex;
+ height: 1rem;
+ overflow: hidden;
+ font-size: 0.75rem;
+ background-color: #e9ecef;
+ border-radius: 0.25rem;
+}
+
+.progress-bar {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ overflow: hidden;
+ color: #fff;
+ text-align: center;
+ white-space: nowrap;
+ background-color: #3c63e2;
+ transition: width 0.6s ease;
+}
+
+@media (prefers-reduced-motion: reduce) {
+ .progress-bar {
+ transition: none;
+ }
+}
+
+.progress-bar-striped {
+ background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+ background-size: 1rem 1rem;
+}
+
+.progress-bar-animated {
+ animation: 1s linear infinite progress-bar-stripes;
+}
+
+@media (prefers-reduced-motion: reduce) {
+ .progress-bar-animated {
+ animation: none;
+ }
+}
+
+.list-group {
+ display: flex;
+ flex-direction: column;
+ padding-left: 0;
+ margin-bottom: 0;
+ border-radius: 0.25rem;
+}
+
+.list-group-numbered {
+ list-style-type: none;
+ counter-reset: section;
+}
+
+.list-group-numbered > li::before {
+ content: counters(section, ".") ". ";
+ counter-increment: section;
+}
+
+.list-group-item-action {
+ width: 100%;
+ color: #495057;
+ text-align: inherit;
+}
+
+.list-group-item-action:hover, .list-group-item-action:focus {
+ z-index: 1;
+ color: #495057;
+ text-decoration: none;
+ background-color: #f8f9fa;
+}
+
+.list-group-item-action:active {
+ color: #212529;
+ background-color: #e9ecef;
+}
+
+.list-group-item {
+ position: relative;
+ display: block;
+ padding: 0.5rem 1rem;
+ color: #212529;
+ text-decoration: none;
+ background-color: #fff;
+ border: 1px solid rgba(0, 0, 0, 0.125);
+}
+
+.list-group-item:first-child {
+ border-top-left-radius: inherit;
+ border-top-right-radius: inherit;
+}
+
+.list-group-item:last-child {
+ border-bottom-right-radius: inherit;
+ border-bottom-left-radius: inherit;
+}
+
+.list-group-item.disabled, .list-group-item:disabled {
+ color: #6c757d;
+ pointer-events: none;
+ background-color: #fff;
+}
+
+.list-group-item.active {
+ z-index: 2;
+ color: #fff;
+ background-color: #3c63e2;
+ border-color: #3c63e2;
+}
+
+.list-group-item + .list-group-item {
+ border-top-width: 0;
+}
+
+.list-group-item + .list-group-item.active {
+ margin-top: -1px;
+ border-top-width: 1px;
+}
+
+.list-group-horizontal {
+ flex-direction: row;
+}
+
+.list-group-horizontal > .list-group-item:first-child {
+ border-bottom-left-radius: 0.25rem;
+ border-top-right-radius: 0;
+}
+
+.list-group-horizontal > .list-group-item:last-child {
+ border-top-right-radius: 0.25rem;
+ border-bottom-left-radius: 0;
+}
+
+.list-group-horizontal > .list-group-item.active {
+ margin-top: 0;
+}
+
+.list-group-horizontal > .list-group-item + .list-group-item {
+ border-top-width: 1px;
+ border-left-width: 0;
+}
+
+.list-group-horizontal > .list-group-item + .list-group-item.active {
+ margin-left: -1px;
+ border-left-width: 1px;
+}
+
+@media (min-width: 576px) {
+ .list-group-horizontal-sm {
+ flex-direction: row;
+ }
+ .list-group-horizontal-sm > .list-group-item:first-child {
+ border-bottom-left-radius: 0.25rem;
+ border-top-right-radius: 0;
+ }
+ .list-group-horizontal-sm > .list-group-item:last-child {
+ border-top-right-radius: 0.25rem;
+ border-bottom-left-radius: 0;
+ }
+ .list-group-horizontal-sm > .list-group-item.active {
+ margin-top: 0;
+ }
+ .list-group-horizontal-sm > .list-group-item + .list-group-item {
+ border-top-width: 1px;
+ border-left-width: 0;
+ }
+ .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
+ margin-left: -1px;
+ border-left-width: 1px;
+ }
+}
+
+@media (min-width: 768px) {
+ .list-group-horizontal-md {
+ flex-direction: row;
+ }
+ .list-group-horizontal-md > .list-group-item:first-child {
+ border-bottom-left-radius: 0.25rem;
+ border-top-right-radius: 0;
+ }
+ .list-group-horizontal-md > .list-group-item:last-child {
+ border-top-right-radius: 0.25rem;
+ border-bottom-left-radius: 0;
+ }
+ .list-group-horizontal-md > .list-group-item.active {
+ margin-top: 0;
+ }
+ .list-group-horizontal-md > .list-group-item + .list-group-item {
+ border-top-width: 1px;
+ border-left-width: 0;
+ }
+ .list-group-horizontal-md > .list-group-item + .list-group-item.active {
+ margin-left: -1px;
+ border-left-width: 1px;
+ }
+}
+
+@media (min-width: 992px) {
+ .list-group-horizontal-lg {
+ flex-direction: row;
+ }
+ .list-group-horizontal-lg > .list-group-item:first-child {
+ border-bottom-left-radius: 0.25rem;
+ border-top-right-radius: 0;
+ }
+ .list-group-horizontal-lg > .list-group-item:last-child {
+ border-top-right-radius: 0.25rem;
+ border-bottom-left-radius: 0;
+ }
+ .list-group-horizontal-lg > .list-group-item.active {
+ margin-top: 0;
+ }
+ .list-group-horizontal-lg > .list-group-item + .list-group-item {
+ border-top-width: 1px;
+ border-left-width: 0;
+ }
+ .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
+ margin-left: -1px;
+ border-left-width: 1px;
+ }
+}
+
+@media (min-width: 1200px) {
+ .list-group-horizontal-xl {
+ flex-direction: row;
+ }
+ .list-group-horizontal-xl > .list-group-item:first-child {
+ border-bottom-left-radius: 0.25rem;
+ border-top-right-radius: 0;
+ }
+ .list-group-horizontal-xl > .list-group-item:last-child {
+ border-top-right-radius: 0.25rem;
+ border-bottom-left-radius: 0;
+ }
+ .list-group-horizontal-xl > .list-group-item.active {
+ margin-top: 0;
+ }
+ .list-group-horizontal-xl > .list-group-item + .list-group-item {
+ border-top-width: 1px;
+ border-left-width: 0;
+ }
+ .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
+ margin-left: -1px;
+ border-left-width: 1px;
+ }
+}
+
+@media (min-width: 1400px) {
+ .list-group-horizontal-xxl {
+ flex-direction: row;
+ }
+ .list-group-horizontal-xxl > .list-group-item:first-child {
+ border-bottom-left-radius: 0.25rem;
+ border-top-right-radius: 0;
+ }
+ .list-group-horizontal-xxl > .list-group-item:last-child {
+ border-top-right-radius: 0.25rem;
+ border-bottom-left-radius: 0;
+ }
+ .list-group-horizontal-xxl > .list-group-item.active {
+ margin-top: 0;
+ }
+ .list-group-horizontal-xxl > .list-group-item + .list-group-item {
+ border-top-width: 1px;
+ border-left-width: 0;
+ }
+ .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
+ margin-left: -1px;
+ border-left-width: 1px;
+ }
+}
+
+.list-group-flush {
+ border-radius: 0;
+}
+
+.list-group-flush > .list-group-item {
+ border-width: 0 0 1px;
+}
+
+.list-group-flush > .list-group-item:last-child {
+ border-bottom-width: 0;
+}
+
+.list-group-item-primary {
+ color: #243b88;
+ background-color: #d8e0f9;
+}
+
+.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
+ color: #243b88;
+ background-color: #c2cae0;
+}
+
+.list-group-item-primary.list-group-item-action.active {
+ color: #fff;
+ background-color: #243b88;
+ border-color: #243b88;
+}
+
+.list-group-item-secondary {
+ color: #41464b;
+ background-color: #e2e3e5;
+}
+
+.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
+ color: #41464b;
+ background-color: #cbccce;
+}
+
+.list-group-item-secondary.list-group-item-action.active {
+ color: #fff;
+ background-color: #41464b;
+ border-color: #41464b;
+}
+
+.list-group-item-success {
+ color: #23775d;
+ background-color: #d8f4eb;
+}
+
+.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
+ color: #23775d;
+ background-color: #c2dcd4;
+}
+
+.list-group-item-success.list-group-item-action.active {
+ color: #fff;
+ background-color: #23775d;
+ border-color: #23775d;
+}
+
+.list-group-item-info {
+ color: #055160;
+ background-color: #cff4fc;
+}
+
+.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
+ color: #055160;
+ background-color: #badce3;
+}
+
+.list-group-item-info.list-group-item-action.active {
+ color: #fff;
+ background-color: #055160;
+ border-color: #055160;
+}
+
+.list-group-item-warning {
+ color: #664c09;
+ background-color: #fff2d1;
+}
+
+.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
+ color: #664c09;
+ background-color: #e6dabc;
+}
+
+.list-group-item-warning.list-group-item-action.active {
+ color: #fff;
+ background-color: #664c09;
+ border-color: #664c09;
+}
+
+.list-group-item-danger {
+ color: #94203b;
+ background-color: #fdd7e0;
+}
+
+.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
+ color: #94203b;
+ background-color: #e4c2ca;
+}
+
+.list-group-item-danger.list-group-item-action.active {
+ color: #fff;
+ background-color: #94203b;
+ border-color: #94203b;
+}
+
+.list-group-item-light {
+ color: #636464;
+ background-color: #fefefe;
+}
+
+.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
+ color: #636464;
+ background-color: #e5e5e5;
+}
+
+.list-group-item-light.list-group-item-action.active {
+ color: #fff;
+ background-color: #636464;
+ border-color: #636464;
+}
+
+.list-group-item-dark {
+ color: #141619;
+ background-color: #d3d3d4;
+}
+
+.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
+ color: #141619;
+ background-color: #bebebf;
+}
+
+.list-group-item-dark.list-group-item-action.active {
+ color: #fff;
+ background-color: #141619;
+ border-color: #141619;
+}
+
+.btn-close {
+ box-sizing: content-box;
+ width: 1em;
+ height: 1em;
+ padding: 0.25em 0.25em;
+ color: #000;
+ background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
+ border: 0;
+ border-radius: 0.25rem;
+ opacity: 0.5;
+}
+
+.btn-close:hover {
+ color: #000;
+ text-decoration: none;
+ opacity: 0.75;
+}
+
+.btn-close:focus {
+ outline: 0;
+ box-shadow: 0 0 0 0.25rem rgba(60, 99, 226, 0.25);
+ opacity: 1;
+}
+
+.btn-close:disabled, .btn-close.disabled {
+ pointer-events: none;
+ user-select: none;
+ opacity: 0.25;
+}
+
+.btn-close-white {
+ filter: invert(1) grayscale(100%) brightness(200%);
+}
+
+.toast {
+ width: 350px;
+ max-width: 100%;
+ font-size: 0.875rem;
+ pointer-events: auto;
+ background-color: rgba(255, 255, 255, 0.85);
+ background-clip: padding-box;
+ border: 1px solid rgba(0, 0, 0, 0.1);
+ box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
+ border-radius: 0.25rem;
+}
+
+.toast:not(.showing):not(.show) {
+ opacity: 0;
+}
+
+.toast.hide {
+ display: none;
+}
+
+.toast-container {
+ width: max-content;
+ max-width: 100%;
+ pointer-events: none;
+}
+
+.toast-container > :not(:last-child) {
+ margin-bottom: 0.75rem;
+}
+
+.toast-header {
+ display: flex;
+ align-items: center;
+ padding: 0.5rem 0.75rem;
+ color: #6c757d;
+ background-color: rgba(255, 255, 255, 0.85);
+ background-clip: padding-box;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+ border-top-left-radius: calc(0.25rem - 1px);
+ border-top-right-radius: calc(0.25rem - 1px);
+}
+
+.toast-header .btn-close {
+ margin-right: -0.375rem;
+ margin-left: 0.75rem;
+}
+
+.toast-body {
+ padding: 0.75rem;
+ word-wrap: break-word;
+}
+
+.modal {
+ position: fixed;
+ top: 0;
+ left: 0;
+ z-index: 1060;
+ display: none;
+ width: 100%;
+ height: 100%;
+ overflow-x: hidden;
+ overflow-y: auto;
+ outline: 0;
+}
+
+.modal-dialog {
+ position: relative;
+ width: auto;
+ margin: 0.5rem;
+ pointer-events: none;
+}
+
+.modal.fade .modal-dialog {
+ transition: transform 0.3s ease-out;
+ transform: translate(0, -50px);
+}
+
+@media (prefers-reduced-motion: reduce) {
+ .modal.fade .modal-dialog {
+ transition: none;
+ }
+}
+
+.modal.show .modal-dialog {
+ transform: none;
+}
+
+.modal.modal-static .modal-dialog {
+ transform: scale(1.02);
+}
+
+.modal-dialog-scrollable {
+ height: calc(100% - 1rem);
+}
+
+.modal-dialog-scrollable .modal-content {
+ max-height: 100%;
+ overflow: hidden;
+}
+
+.modal-dialog-scrollable .modal-body {
+ overflow-y: auto;
+}
+
+.modal-dialog-centered {
+ display: flex;
+ align-items: center;
+ min-height: calc(100% - 1rem);
+}
+
+.modal-content {
+ position: relative;
+ display: flex;
+ flex-direction: column;
+ width: 100%;
+ pointer-events: auto;
+ background-color: #fff;
+ background-clip: padding-box;
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ border-radius: 0.3rem;
+ outline: 0;
+}
+
+.modal-backdrop {
+ position: fixed;
+ top: 0;
+ left: 0;
+ z-index: 1040;
+ width: 100vw;
+ height: 100vh;
+ background-color: #000;
+}
+
+.modal-backdrop.fade {
+ opacity: 0;
+}
+
+.modal-backdrop.show {
+ opacity: 0.5;
+}
+
+.modal-header {
+ display: flex;
+ flex-shrink: 0;
+ align-items: center;
+ justify-content: space-between;
+ padding: 1rem 1rem;
+ border-bottom: 1px solid #dee2e6;
+ border-top-left-radius: calc(0.3rem - 1px);
+ border-top-right-radius: calc(0.3rem - 1px);
+}
+
+.modal-header .btn-close {
+ padding: 0.5rem 0.5rem;
+ margin: -0.5rem -0.5rem -0.5rem auto;
+}
+
+.modal-title {
+ margin-bottom: 0;
+ line-height: 1.5;
+}
+
+.modal-body {
+ position: relative;
+ flex: 1 1 auto;
+ padding: 1rem;
+}
+
+.modal-footer {
+ display: flex;
+ flex-wrap: wrap;
+ flex-shrink: 0;
+ align-items: center;
+ justify-content: flex-end;
+ padding: 0.75rem;
+ border-top: 1px solid #dee2e6;
+ border-bottom-right-radius: calc(0.3rem - 1px);
+ border-bottom-left-radius: calc(0.3rem - 1px);
+}
+
+.modal-footer > * {
+ margin: 0.25rem;
+}
+
+@media (min-width: 576px) {
+ .modal-dialog {
+ max-width: 500px;
+ margin: 1.75rem auto;
+ }
+ .modal-dialog-scrollable {
+ height: calc(100% - 3.5rem);
+ }
+ .modal-dialog-centered {
+ min-height: calc(100% - 3.5rem);
+ }
+ .modal-sm {
+ max-width: 300px;
+ }
+}
+
+@media (min-width: 992px) {
+ .modal-lg,
+ .modal-xl {
+ max-width: 800px;
+ }
+}
+
+@media (min-width: 1200px) {
+ .modal-xl {
+ max-width: 1140px;
+ }
+}
+
+.modal-fullscreen {
+ width: 100vw;
+ max-width: none;
+ height: 100%;
+ margin: 0;
+}
+
+.modal-fullscreen .modal-content {
+ height: 100%;
+ border: 0;
+ border-radius: 0;
+}
+
+.modal-fullscreen .modal-header {
+ border-radius: 0;
+}
+
+.modal-fullscreen .modal-body {
+ overflow-y: auto;
+}
+
+.modal-fullscreen .modal-footer {
+ border-radius: 0;
+}
+
+@media (max-width: 575.98px) {
+ .modal-fullscreen-sm-down {
+ width: 100vw;
+ max-width: none;
+ height: 100%;
+ margin: 0;
+ }
+ .modal-fullscreen-sm-down .modal-content {
+ height: 100%;
+ border: 0;
+ border-radius: 0;
+ }
+ .modal-fullscreen-sm-down .modal-header {
+ border-radius: 0;
+ }
+ .modal-fullscreen-sm-down .modal-body {
+ overflow-y: auto;
+ }
+ .modal-fullscreen-sm-down .modal-footer {
+ border-radius: 0;
+ }
+}
+
+@media (max-width: 767.98px) {
+ .modal-fullscreen-md-down {
+ width: 100vw;
+ max-width: none;
+ height: 100%;
+ margin: 0;
+ }
+ .modal-fullscreen-md-down .modal-content {
+ height: 100%;
+ border: 0;
+ border-radius: 0;
+ }
+ .modal-fullscreen-md-down .modal-header {
+ border-radius: 0;
+ }
+ .modal-fullscreen-md-down .modal-body {
+ overflow-y: auto;
+ }
+ .modal-fullscreen-md-down .modal-footer {
+ border-radius: 0;
+ }
+}
+
+@media (max-width: 991.98px) {
+ .modal-fullscreen-lg-down {
+ width: 100vw;
+ max-width: none;
+ height: 100%;
+ margin: 0;
+ }
+ .modal-fullscreen-lg-down .modal-content {
+ height: 100%;
+ border: 0;
+ border-radius: 0;
+ }
+ .modal-fullscreen-lg-down .modal-header {
+ border-radius: 0;
+ }
+ .modal-fullscreen-lg-down .modal-body {
+ overflow-y: auto;
+ }
+ .modal-fullscreen-lg-down .modal-footer {
+ border-radius: 0;
+ }
+}
+
+@media (max-width: 1199.98px) {
+ .modal-fullscreen-xl-down {
+ width: 100vw;
+ max-width: none;
+ height: 100%;
+ margin: 0;
+ }
+ .modal-fullscreen-xl-down .modal-content {
+ height: 100%;
+ border: 0;
+ border-radius: 0;
+ }
+ .modal-fullscreen-xl-down .modal-header {
+ border-radius: 0;
+ }
+ .modal-fullscreen-xl-down .modal-body {
+ overflow-y: auto;
+ }
+ .modal-fullscreen-xl-down .modal-footer {
+ border-radius: 0;
+ }
+}
+
+@media (max-width: 1399.98px) {
+ .modal-fullscreen-xxl-down {
+ width: 100vw;
+ max-width: none;
+ height: 100%;
+ margin: 0;
+ }
+ .modal-fullscreen-xxl-down .modal-content {
+ height: 100%;
+ border: 0;
+ border-radius: 0;
+ }
+ .modal-fullscreen-xxl-down .modal-header {
+ border-radius: 0;
+ }
+ .modal-fullscreen-xxl-down .modal-body {
+ overflow-y: auto;
+ }
+ .modal-fullscreen-xxl-down .modal-footer {
+ border-radius: 0;
+ }
+}
+
+.tooltip {
+ position: absolute;
+ z-index: 1080;
+ display: block;
+ margin: 0;
+ font-family: var(--bs-font-sans-serif);
+ font-style: normal;
+ font-weight: 400;
+ line-height: 1.5;
+ text-align: left;
+ text-align: start;
+ text-decoration: none;
+ text-shadow: none;
+ text-transform: none;
+ letter-spacing: normal;
+ word-break: normal;
+ word-spacing: normal;
+ white-space: normal;
+ line-break: auto;
+ font-size: 0.875rem;
+ word-wrap: break-word;
+ opacity: 0;
+}
+
+.tooltip.show {
+ opacity: 0.9;
+}
+
+.tooltip .tooltip-arrow {
+ position: absolute;
+ display: block;
+ width: 0.8rem;
+ height: 0.4rem;
+}
+
+.tooltip .tooltip-arrow::before {
+ position: absolute;
+ content: "";
+ border-color: transparent;
+ border-style: solid;
+}
+
+.bs-tooltip-top, .bs-tooltip-auto[data-popper-placement^="top"] {
+ padding: 0.4rem 0;
+}
+
+.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow {
+ bottom: 0;
+}
+
+.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before {
+ top: -1px;
+ border-width: 0.4rem 0.4rem 0;
+ border-top-color: #000;
+}
+
+.bs-tooltip-end, .bs-tooltip-auto[data-popper-placement^="right"] {
+ padding: 0 0.4rem;
+}
+
+.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow {
+ left: 0;
+ width: 0.4rem;
+ height: 0.8rem;
+}
+
+.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before {
+ right: -1px;
+ border-width: 0.4rem 0.4rem 0.4rem 0;
+ border-right-color: #000;
+}
+
+.bs-tooltip-bottom, .bs-tooltip-auto[data-popper-placement^="bottom"] {
+ padding: 0.4rem 0;
+}
+
+.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow {
+ top: 0;
+}
+
+.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before {
+ bottom: -1px;
+ border-width: 0 0.4rem 0.4rem;
+ border-bottom-color: #000;
+}
+
+.bs-tooltip-start, .bs-tooltip-auto[data-popper-placement^="left"] {
+ padding: 0 0.4rem;
+}
+
+.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow {
+ right: 0;
+ width: 0.4rem;
+ height: 0.8rem;
+}
+
+.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before {
+ left: -1px;
+ border-width: 0.4rem 0 0.4rem 0.4rem;
+ border-left-color: #000;
+}
+
+.tooltip-inner {
+ max-width: 200px;
+ padding: 0.25rem 0.5rem;
+ color: #fff;
+ text-align: center;
+ background-color: #000;
+ border-radius: 0.25rem;
+}
+
+.popover {
+ position: absolute;
+ top: 0;
+ left: 0 /* rtl:ignore */;
+ z-index: 1070;
+ display: block;
+ max-width: 276px;
+ font-family: var(--bs-font-sans-serif);
+ font-style: normal;
+ font-weight: 400;
+ line-height: 1.5;
+ text-align: left;
+ text-align: start;
+ text-decoration: none;
+ text-shadow: none;
+ text-transform: none;
+ letter-spacing: normal;
+ word-break: normal;
+ word-spacing: normal;
+ white-space: normal;
+ line-break: auto;
+ font-size: 0.875rem;
+ word-wrap: break-word;
+ background-color: #fff;
+ background-clip: padding-box;
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ border-radius: 0.3rem;
+}
+
+.popover .popover-arrow {
+ position: absolute;
+ display: block;
+ width: 1rem;
+ height: 0.5rem;
+}
+
+.popover .popover-arrow::before, .popover .popover-arrow::after {
+ position: absolute;
+ display: block;
+ content: "";
+ border-color: transparent;
+ border-style: solid;
+}
+
+.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow {
+ bottom: calc(-0.5rem - 1px);
+}
+
+.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::before {
+ bottom: 0;
+ border-width: 0.5rem 0.5rem 0;
+ border-top-color: rgba(0, 0, 0, 0.25);
+}
+
+.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::after {
+ bottom: 1px;
+ border-width: 0.5rem 0.5rem 0;
+ border-top-color: #fff;
+}
+
+.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow {
+ left: calc(-0.5rem - 1px);
+ width: 0.5rem;
+ height: 1rem;
+}
+
+.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::before {
+ left: 0;
+ border-width: 0.5rem 0.5rem 0.5rem 0;
+ border-right-color: rgba(0, 0, 0, 0.25);
+}
+
+.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::after {
+ left: 1px;
+ border-width: 0.5rem 0.5rem 0.5rem 0;
+ border-right-color: #fff;
+}
+
+.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow {
+ top: calc(-0.5rem - 1px);
+}
+
+.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::before {
+ top: 0;
+ border-width: 0 0.5rem 0.5rem 0.5rem;
+ border-bottom-color: rgba(0, 0, 0, 0.25);
+}
+
+.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::after {
+ top: 1px;
+ border-width: 0 0.5rem 0.5rem 0.5rem;
+ border-bottom-color: #fff;
+}
+
+.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^="bottom"] .popover-header::before {
+ position: absolute;
+ top: 0;
+ left: 50%;
+ display: block;
+ width: 1rem;
+ margin-left: -0.5rem;
+ content: "";
+ border-bottom: 1px solid #f0f0f0;
+}
+
+.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow {
+ right: calc(-0.5rem - 1px);
+ width: 0.5rem;
+ height: 1rem;
+}
+
+.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::before {
+ right: 0;
+ border-width: 0.5rem 0 0.5rem 0.5rem;
+ border-left-color: rgba(0, 0, 0, 0.25);
+}
+
+.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::after {
+ right: 1px;
+ border-width: 0.5rem 0 0.5rem 0.5rem;
+ border-left-color: #fff;
+}
+
+.popover-header {
+ padding: 0.5rem 1rem;
+ margin-bottom: 0;
+ font-size: 1rem;
+ background-color: #f0f0f0;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+ border-top-left-radius: calc(0.3rem - 1px);
+ border-top-right-radius: calc(0.3rem - 1px);
+}
+
+.popover-header:empty {
+ display: none;
+}
+
+.popover-body {
+ padding: 1rem 1rem;
+ color: #212529;
+}
+
+.carousel {
+ position: relative;
+}
+
+.carousel.pointer-event {
+ touch-action: pan-y;
+}
+
+.carousel-inner {
+ position: relative;
+ width: 100%;
+ overflow: hidden;
+}
+
+.carousel-inner::after {
+ display: block;
+ clear: both;
+ content: "";
+}
+
+.carousel-item {
+ position: relative;
+ display: none;
+ float: left;
+ width: 100%;
+ margin-right: -100%;
+ backface-visibility: hidden;
+ transition: transform 0.6s ease-in-out;
+}
+
+@media (prefers-reduced-motion: reduce) {
+ .carousel-item {
+ transition: none;
+ }
+}
+
+.carousel-item.active,
+.carousel-item-next,
+.carousel-item-prev {
+ display: block;
+}
+
+/* rtl:begin:ignore */
+.carousel-item-next:not(.carousel-item-start),
+.active.carousel-item-end {
+ transform: translateX(100%);
+}
+
+.carousel-item-prev:not(.carousel-item-end),
+.active.carousel-item-start {
+ transform: translateX(-100%);
+}
+
+/* rtl:end:ignore */
+.carousel-fade .carousel-item {
+ opacity: 0;
+ transition-property: opacity;
+ transform: none;
+}
+
+.carousel-fade .carousel-item.active,
+.carousel-fade .carousel-item-next.carousel-item-start,
+.carousel-fade .carousel-item-prev.carousel-item-end {
+ z-index: 1;
+ opacity: 1;
+}
+
+.carousel-fade .active.carousel-item-start,
+.carousel-fade .active.carousel-item-end {
+ z-index: 0;
+ opacity: 0;
+ transition: opacity 0s 0.6s;
+}
+
+@media (prefers-reduced-motion: reduce) {
+ .carousel-fade .active.carousel-item-start,
+ .carousel-fade .active.carousel-item-end {
+ transition: none;
+ }
+}
+
+.carousel-control-prev,
+.carousel-control-next {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ z-index: 1;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ width: 15%;
+ padding: 0;
+ color: #fff;
+ text-align: center;
+ background: none;
+ border: 0;
+ opacity: 0.5;
+ transition: opacity 0.15s ease;
+}
+
+@media (prefers-reduced-motion: reduce) {
+ .carousel-control-prev,
+ .carousel-control-next {
+ transition: none;
+ }
+}
+
+.carousel-control-prev:hover, .carousel-control-prev:focus,
+.carousel-control-next:hover,
+.carousel-control-next:focus {
+ color: #fff;
+ text-decoration: none;
+ outline: 0;
+ opacity: 0.9;
+}
+
+.carousel-control-prev {
+ left: 0;
+}
+
+.carousel-control-next {
+ right: 0;
+}
+
+.carousel-control-prev-icon,
+.carousel-control-next-icon {
+ display: inline-block;
+ width: 2rem;
+ height: 2rem;
+ background-repeat: no-repeat;
+ background-position: 50%;
+ background-size: 100% 100%;
+}
+
+/* rtl:options: {
+ "autoRename": true,
+ "stringMap":[ {
+ "name" : "prev-next",
+ "search" : "prev",
+ "replace" : "next"
+ } ]
+} */
+.carousel-control-prev-icon {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
+}
+
+.carousel-control-next-icon {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
+}
+
+.carousel-indicators {
+ position: absolute;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 2;
+ display: flex;
+ justify-content: center;
+ padding: 0;
+ margin-right: 15%;
+ margin-bottom: 1rem;
+ margin-left: 15%;
+ list-style: none;
+}
+
+.carousel-indicators [data-bs-target] {
+ box-sizing: content-box;
+ flex: 0 1 auto;
+ width: 30px;
+ height: 3px;
+ padding: 0;
+ margin-right: 3px;
+ margin-left: 3px;
+ text-indent: -999px;
+ cursor: pointer;
+ background-color: #fff;
+ background-clip: padding-box;
+ border: 0;
+ border-top: 10px solid transparent;
+ border-bottom: 10px solid transparent;
+ opacity: 0.5;
+ transition: opacity 0.6s ease;
+}
+
+@media (prefers-reduced-motion: reduce) {
+ .carousel-indicators [data-bs-target] {
+ transition: none;
+ }
+}
+
+.carousel-indicators .active {
+ opacity: 1;
+}
+
+.carousel-caption {
+ position: absolute;
+ right: 15%;
+ bottom: 1.25rem;
+ left: 15%;
+ padding-top: 1.25rem;
+ padding-bottom: 1.25rem;
+ color: #fff;
+ text-align: center;
+}
+
+.carousel-dark .carousel-control-prev-icon,
+.carousel-dark .carousel-control-next-icon {
+ filter: invert(1) grayscale(100);
+}
+
+.carousel-dark .carousel-indicators [data-bs-target] {
+ background-color: #000;
+}
+
+.carousel-dark .carousel-caption {
+ color: #000;
+}
+
+@keyframes spinner-border {
+ to {
+ transform: rotate(360deg) /* rtl:ignore */;
+ }
+}
+
+.spinner-border {
+ display: inline-block;
+ width: 2rem;
+ height: 2rem;
+ vertical-align: -0.125em;
+ border: 0.25em solid currentColor;
+ border-right-color: transparent;
+ border-radius: 50%;
+ animation: 0.75s linear infinite spinner-border;
+}
+
+.spinner-border-sm {
+ width: 1rem;
+ height: 1rem;
+ border-width: 0.2em;
+}
+
+@keyframes spinner-grow {
+ 0% {
+ transform: scale(0);
+ }
+ 50% {
+ opacity: 1;
+ transform: none;
+ }
+}
+
+.spinner-grow {
+ display: inline-block;
+ width: 2rem;
+ height: 2rem;
+ vertical-align: -0.125em;
+ background-color: currentColor;
+ border-radius: 50%;
+ opacity: 0;
+ animation: 0.75s linear infinite spinner-grow;
+}
+
+.spinner-grow-sm {
+ width: 1rem;
+ height: 1rem;
+}
+
+@media (prefers-reduced-motion: reduce) {
+ .spinner-border,
+ .spinner-grow {
+ animation-duration: 1.5s;
+ }
+}
+
+.offcanvas {
+ position: fixed;
+ bottom: 0;
+ z-index: 1050;
+ display: flex;
+ flex-direction: column;
+ max-width: 100%;
+ visibility: hidden;
+ background-color: #fff;
+ background-clip: padding-box;
+ outline: 0;
+ transition: transform 0.3s ease-in-out;
+}
+
+@media (prefers-reduced-motion: reduce) {
+ .offcanvas {
+ transition: none;
+ }
+}
+
+.offcanvas-header {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ padding: 1rem 1rem;
+}
+
+.offcanvas-header .btn-close {
+ padding: 0.5rem 0.5rem;
+ margin-top: -0.5rem;
+ margin-right: -0.5rem;
+ margin-bottom: -0.5rem;
+}
+
+.offcanvas-title {
+ margin-bottom: 0;
+ line-height: 1.5;
+}
+
+.offcanvas-body {
+ flex-grow: 1;
+ padding: 1rem 1rem;
+ overflow-y: auto;
+}
+
+.offcanvas-start {
+ top: 0;
+ left: 0;
+ width: 400px;
+ border-right: 1px solid rgba(0, 0, 0, 0.2);
+ transform: translateX(-100%);
+}
+
+.offcanvas-end {
+ top: 0;
+ right: 0;
+ width: 400px;
+ border-left: 1px solid rgba(0, 0, 0, 0.2);
+ transform: translateX(100%);
+}
+
+.offcanvas-top {
+ top: 0;
+ right: 0;
+ left: 0;
+ height: 30vh;
+ max-height: 100%;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+ transform: translateY(-100%);
+}
+
+.offcanvas-bottom {
+ right: 0;
+ left: 0;
+ height: 30vh;
+ max-height: 100%;
+ border-top: 1px solid rgba(0, 0, 0, 0.2);
+ transform: translateY(100%);
+}
+
+.offcanvas.show {
+ transform: none;
+}
+
+.clearfix::after {
+ display: block;
+ clear: both;
+ content: "";
+}
+
+.link-primary {
+ color: #3c63e2;
+}
+
+.link-primary:hover, .link-primary:focus {
+ color: #304fb5;
+}
+
+.link-secondary {
+ color: #6c757d;
+}
+
+.link-secondary:hover, .link-secondary:focus {
+ color: #565e64;
+}
+
+.link-success {
+ color: #3ac79b;
+}
+
+.link-success:hover, .link-success:focus {
+ color: #61d2af;
+}
+
+.link-info {
+ color: #0dcaf0;
+}
+
+.link-info:hover, .link-info:focus {
+ color: #3dd5f3;
+}
+
+.link-warning {
+ color: #ffbd17;
+}
+
+.link-warning:hover, .link-warning:focus {
+ color: #ffca45;
+}
+
+.link-danger {
+ color: #f73563;
+}
+
+.link-danger:hover, .link-danger:focus {
+ color: #f95d82;
+}
+
+.link-light {
+ color: #f8f9fa;
+}
+
+.link-light:hover, .link-light:focus {
+ color: #f9fafb;
+}
+
+.link-dark {
+ color: #212529;
+}
+
+.link-dark:hover, .link-dark:focus {
+ color: #1a1e21;
+}
+
+.ratio {
+ position: relative;
+ width: 100%;
+}
+
+.ratio::before {
+ display: block;
+ padding-top: var(--bs-aspect-ratio);
+ content: "";
+}
+
+.ratio > * {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+}
+
+.ratio-1x1 {
+ --bs-aspect-ratio: 100%;
+}
+
+.ratio-4x3 {
+ --bs-aspect-ratio: calc(3 / 4 * 100%);
+}
+
+.ratio-16x9 {
+ --bs-aspect-ratio: calc(9 / 16 * 100%);
+}
+
+.ratio-21x9 {
+ --bs-aspect-ratio: calc(9 / 21 * 100%);
+}
+
+.fixed-top {
+ position: fixed;
+ top: 0;
+ right: 0;
+ left: 0;
+ z-index: 1030;
+}
+
+.fixed-bottom {
+ position: fixed;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 1030;
+}
+
+.sticky-top {
+ position: sticky;
+ top: 0;
+ z-index: 1020;
+}
+
+@media (min-width: 576px) {
+ .sticky-sm-top {
+ position: sticky;
+ top: 0;
+ z-index: 1020;
+ }
+}
+
+@media (min-width: 768px) {
+ .sticky-md-top {
+ position: sticky;
+ top: 0;
+ z-index: 1020;
+ }
+}
+
+@media (min-width: 992px) {
+ .sticky-lg-top {
+ position: sticky;
+ top: 0;
+ z-index: 1020;
+ }
+}
+
+@media (min-width: 1200px) {
+ .sticky-xl-top {
+ position: sticky;
+ top: 0;
+ z-index: 1020;
+ }
+}
+
+@media (min-width: 1400px) {
+ .sticky-xxl-top {
+ position: sticky;
+ top: 0;
+ z-index: 1020;
+ }
+}
+
+.visually-hidden,
+.visually-hidden-focusable:not(:focus):not(:focus-within) {
+ position: absolute !important;
+ width: 1px !important;
+ height: 1px !important;
+ padding: 0 !important;
+ margin: -1px !important;
+ overflow: hidden !important;
+ clip: rect(0, 0, 0, 0) !important;
+ white-space: nowrap !important;
+ border: 0 !important;
+}
+
+.stretched-link::after {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 1;
+ content: "";
+}
+
+.text-truncate {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.align-baseline {
+ vertical-align: baseline !important;
+}
+
+.align-top {
+ vertical-align: top !important;
+}
+
+.align-middle {
+ vertical-align: middle !important;
+}
+
+.align-bottom {
+ vertical-align: bottom !important;
+}
+
+.align-text-bottom {
+ vertical-align: text-bottom !important;
+}
+
+.align-text-top {
+ vertical-align: text-top !important;
+}
+
+.float-start {
+ float: left !important;
+}
+
+.float-end {
+ float: right !important;
+}
+
+.float-none {
+ float: none !important;
+}
+
+.overflow-auto {
+ overflow: auto !important;
+}
+
+.overflow-hidden {
+ overflow: hidden !important;
+}
+
+.overflow-visible {
+ overflow: visible !important;
+}
+
+.overflow-scroll {
+ overflow: scroll !important;
+}
+
+.d-inline {
+ display: inline !important;
+}
+
+.d-inline-block {
+ display: inline-block !important;
+}
+
+.d-block {
+ display: block !important;
+}
+
+.d-grid {
+ display: grid !important;
+}
+
+.d-table {
+ display: table !important;
+}
+
+.d-table-row {
+ display: table-row !important;
+}
+
+.d-table-cell {
+ display: table-cell !important;
+}
+
+.d-flex {
+ display: flex !important;
+}
+
+.d-inline-flex {
+ display: inline-flex !important;
+}
+
+.d-none {
+ display: none !important;
+}
+
+.shadow {
+ box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
+}
+
+.shadow-sm {
+ box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
+}
+
+.shadow-lg {
+ box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
+}
+
+.shadow-none {
+ box-shadow: none !important;
+}
+
+.position-static {
+ position: static !important;
+}
+
+.position-relative {
+ position: relative !important;
+}
+
+.position-absolute {
+ position: absolute !important;
+}
+
+.position-fixed {
+ position: fixed !important;
+}
+
+.position-sticky {
+ position: sticky !important;
+}
+
+.top-0 {
+ top: 0 !important;
+}
+
+.top-50 {
+ top: 50% !important;
+}
+
+.top-100 {
+ top: 100% !important;
+}
+
+.bottom-0 {
+ bottom: 0 !important;
+}
+
+.bottom-50 {
+ bottom: 50% !important;
+}
+
+.bottom-100 {
+ bottom: 100% !important;
+}
+
+.start-0 {
+ left: 0 !important;
+}
+
+.start-50 {
+ left: 50% !important;
+}
+
+.start-100 {
+ left: 100% !important;
+}
+
+.end-0 {
+ right: 0 !important;
+}
+
+.end-50 {
+ right: 50% !important;
+}
+
+.end-100 {
+ right: 100% !important;
+}
+
+.translate-middle {
+ transform: translate(-50%, -50%) !important;
+}
+
+.translate-middle-x {
+ transform: translateX(-50%) !important;
+}
+
+.translate-middle-y {
+ transform: translateY(-50%) !important;
+}
+
+.border {
+ border: 1px solid #dee2e6 !important;
+}
+
+.border-0 {
+ border: 0 !important;
+}
+
+.border-top {
+ border-top: 1px solid #dee2e6 !important;
+}
+
+.border-top-0 {
+ border-top: 0 !important;
+}
+
+.border-end {
+ border-right: 1px solid #dee2e6 !important;
+}
+
+.border-end-0 {
+ border-right: 0 !important;
+}
+
+.border-bottom {
+ border-bottom: 1px solid #dee2e6 !important;
+}
+
+.border-bottom-0 {
+ border-bottom: 0 !important;
+}
+
+.border-start {
+ border-left: 1px solid #dee2e6 !important;
+}
+
+.border-start-0 {
+ border-left: 0 !important;
+}
+
+.border-primary {
+ border-color: #3c63e2 !important;
+}
+
+.border-secondary {
+ border-color: #6c757d !important;
+}
+
+.border-success {
+ border-color: #3ac79b !important;
+}
+
+.border-info {
+ border-color: #0dcaf0 !important;
+}
+
+.border-warning {
+ border-color: #ffbd17 !important;
+}
+
+.border-danger {
+ border-color: #f73563 !important;
+}
+
+.border-light {
+ border-color: #f8f9fa !important;
+}
+
+.border-dark {
+ border-color: #212529 !important;
+}
+
+.border-white {
+ border-color: #fff !important;
+}
+
+.border-1 {
+ border-width: 1px !important;
+}
+
+.border-2 {
+ border-width: 2px !important;
+}
+
+.border-3 {
+ border-width: 3px !important;
+}
+
+.border-4 {
+ border-width: 4px !important;
+}
+
+.border-5 {
+ border-width: 5px !important;
+}
+
+.w-25 {
+ width: 25% !important;
+}
+
+.w-50 {
+ width: 50% !important;
+}
+
+.w-75 {
+ width: 75% !important;
+}
+
+.w-100 {
+ width: 100% !important;
+}
+
+.w-auto {
+ width: auto !important;
+}
+
+.mw-100 {
+ max-width: 100% !important;
+}
+
+.vw-100 {
+ width: 100vw !important;
+}
+
+.min-vw-100 {
+ min-width: 100vw !important;
+}
+
+.h-25 {
+ height: 25% !important;
+}
+
+.h-50 {
+ height: 50% !important;
+}
+
+.h-75 {
+ height: 75% !important;
+}
+
+.h-100 {
+ height: 100% !important;
+}
+
+.h-auto {
+ height: auto !important;
+}
+
+.mh-100 {
+ max-height: 100% !important;
+}
+
+.vh-100 {
+ height: 100vh !important;
+}
+
+.min-vh-100 {
+ min-height: 100vh !important;
+}
+
+.flex-fill {
+ flex: 1 1 auto !important;
+}
+
+.flex-row {
+ flex-direction: row !important;
+}
+
+.flex-column {
+ flex-direction: column !important;
+}
+
+.flex-row-reverse {
+ flex-direction: row-reverse !important;
+}
+
+.flex-column-reverse {
+ flex-direction: column-reverse !important;
+}
+
+.flex-grow-0 {
+ flex-grow: 0 !important;
+}
+
+.flex-grow-1 {
+ flex-grow: 1 !important;
+}
+
+.flex-shrink-0 {
+ flex-shrink: 0 !important;
+}
+
+.flex-shrink-1 {
+ flex-shrink: 1 !important;
+}
+
+.flex-wrap {
+ flex-wrap: wrap !important;
+}
+
+.flex-nowrap {
+ flex-wrap: nowrap !important;
+}
+
+.flex-wrap-reverse {
+ flex-wrap: wrap-reverse !important;
+}
+
+.gap-0 {
+ gap: 0 !important;
+}
+
+.gap-1 {
+ gap: 0.25rem !important;
+}
+
+.gap-2 {
+ gap: 0.5rem !important;
+}
+
+.gap-3 {
+ gap: 1rem !important;
+}
+
+.gap-4 {
+ gap: 1.5rem !important;
+}
+
+.gap-5 {
+ gap: 3rem !important;
+}
+
+.justify-content-start {
+ justify-content: flex-start !important;
+}
+
+.justify-content-end {
+ justify-content: flex-end !important;
+}
+
+.justify-content-center {
+ justify-content: center !important;
+}
+
+.justify-content-between {
+ justify-content: space-between !important;
+}
+
+.justify-content-around {
+ justify-content: space-around !important;
+}
+
+.justify-content-evenly {
+ justify-content: space-evenly !important;
+}
+
+.align-items-start {
+ align-items: flex-start !important;
+}
+
+.align-items-end {
+ align-items: flex-end !important;
+}
+
+.align-items-center {
+ align-items: center !important;
+}
+
+.align-items-baseline {
+ align-items: baseline !important;
+}
+
+.align-items-stretch {
+ align-items: stretch !important;
+}
+
+.align-content-start {
+ align-content: flex-start !important;
+}
+
+.align-content-end {
+ align-content: flex-end !important;
+}
+
+.align-content-center {
+ align-content: center !important;
+}
+
+.align-content-between {
+ align-content: space-between !important;
+}
+
+.align-content-around {
+ align-content: space-around !important;
+}
+
+.align-content-stretch {
+ align-content: stretch !important;
+}
+
+.align-self-auto {
+ align-self: auto !important;
+}
+
+.align-self-start {
+ align-self: flex-start !important;
+}
+
+.align-self-end {
+ align-self: flex-end !important;
+}
+
+.align-self-center {
+ align-self: center !important;
+}
+
+.align-self-baseline {
+ align-self: baseline !important;
+}
+
+.align-self-stretch {
+ align-self: stretch !important;
+}
+
+.order-first {
+ order: -1 !important;
+}
+
+.order-0 {
+ order: 0 !important;
+}
+
+.order-1 {
+ order: 1 !important;
+}
+
+.order-2 {
+ order: 2 !important;
+}
+
+.order-3 {
+ order: 3 !important;
+}
+
+.order-4 {
+ order: 4 !important;
+}
+
+.order-5 {
+ order: 5 !important;
+}
+
+.order-last {
+ order: 6 !important;
+}
+
+.m-0 {
+ margin: 0 !important;
+}
+
+.m-1 {
+ margin: 0.25rem !important;
+}
+
+.m-2 {
+ margin: 0.5rem !important;
+}
+
+.m-3 {
+ margin: 1rem !important;
+}
+
+.m-4 {
+ margin: 1.5rem !important;
+}
+
+.m-5 {
+ margin: 3rem !important;
+}
+
+.m-auto {
+ margin: auto !important;
+}
+
+.mx-0 {
+ margin-right: 0 !important;
+ margin-left: 0 !important;
+}
+
+.mx-1 {
+ margin-right: 0.25rem !important;
+ margin-left: 0.25rem !important;
+}
+
+.mx-2 {
+ margin-right: 0.5rem !important;
+ margin-left: 0.5rem !important;
+}
+
+.mx-3 {
+ margin-right: 1rem !important;
+ margin-left: 1rem !important;
+}
+
+.mx-4 {
+ margin-right: 1.5rem !important;
+ margin-left: 1.5rem !important;
+}
+
+.mx-5 {
+ margin-right: 3rem !important;
+ margin-left: 3rem !important;
+}
+
+.mx-auto {
+ margin-right: auto !important;
+ margin-left: auto !important;
+}
+
+.my-0 {
+ margin-top: 0 !important;
+ margin-bottom: 0 !important;
+}
+
+.my-1 {
+ margin-top: 0.25rem !important;
+ margin-bottom: 0.25rem !important;
+}
+
+.my-2 {
+ margin-top: 0.5rem !important;
+ margin-bottom: 0.5rem !important;
+}
+
+.my-3 {
+ margin-top: 1rem !important;
+ margin-bottom: 1rem !important;
+}
+
+.my-4 {
+ margin-top: 1.5rem !important;
+ margin-bottom: 1.5rem !important;
+}
+
+.my-5 {
+ margin-top: 3rem !important;
+ margin-bottom: 3rem !important;
+}
+
+.my-auto {
+ margin-top: auto !important;
+ margin-bottom: auto !important;
+}
+
+.mt-0 {
+ margin-top: 0 !important;
+}
+
+.mt-1 {
+ margin-top: 0.25rem !important;
+}
+
+.mt-2 {
+ margin-top: 0.5rem !important;
+}
+
+.mt-3 {
+ margin-top: 1rem !important;
+}
+
+.mt-4 {
+ margin-top: 1.5rem !important;
+}
+
+.mt-5 {
+ margin-top: 3rem !important;
+}
+
+.mt-auto {
+ margin-top: auto !important;
+}
+
+.me-0 {
+ margin-right: 0 !important;
+}
+
+.me-1 {
+ margin-right: 0.25rem !important;
+}
+
+.me-2 {
+ margin-right: 0.5rem !important;
+}
+
+.me-3 {
+ margin-right: 1rem !important;
+}
+
+.me-4 {
+ margin-right: 1.5rem !important;
+}
+
+.me-5 {
+ margin-right: 3rem !important;
+}
+
+.me-auto {
+ margin-right: auto !important;
+}
+
+.mb-0 {
+ margin-bottom: 0 !important;
+}
+
+.mb-1 {
+ margin-bottom: 0.25rem !important;
+}
+
+.mb-2 {
+ margin-bottom: 0.5rem !important;
+}
+
+.mb-3 {
+ margin-bottom: 1rem !important;
+}
+
+.mb-4 {
+ margin-bottom: 1.5rem !important;
+}
+
+.mb-5 {
+ margin-bottom: 3rem !important;
+}
+
+.mb-auto {
+ margin-bottom: auto !important;
+}
+
+.ms-0 {
+ margin-left: 0 !important;
+}
+
+.ms-1 {
+ margin-left: 0.25rem !important;
+}
+
+.ms-2 {
+ margin-left: 0.5rem !important;
+}
+
+.ms-3 {
+ margin-left: 1rem !important;
+}
+
+.ms-4 {
+ margin-left: 1.5rem !important;
+}
+
+.ms-5 {
+ margin-left: 3rem !important;
+}
+
+.ms-auto {
+ margin-left: auto !important;
+}
+
+.p-0 {
+ padding: 0 !important;
+}
+
+.p-1 {
+ padding: 0.25rem !important;
+}
+
+.p-2 {
+ padding: 0.5rem !important;
+}
+
+.p-3 {
+ padding: 1rem !important;
+}
+
+.p-4 {
+ padding: 1.5rem !important;
+}
+
+.p-5 {
+ padding: 3rem !important;
+}
+
+.px-0 {
+ padding-right: 0 !important;
+ padding-left: 0 !important;
+}
+
+.px-1 {
+ padding-right: 0.25rem !important;
+ padding-left: 0.25rem !important;
+}
+
+.px-2 {
+ padding-right: 0.5rem !important;
+ padding-left: 0.5rem !important;
+}
+
+.px-3 {
+ padding-right: 1rem !important;
+ padding-left: 1rem !important;
+}
+
+.px-4 {
+ padding-right: 1.5rem !important;
+ padding-left: 1.5rem !important;
+}
+
+.px-5 {
+ padding-right: 3rem !important;
+ padding-left: 3rem !important;
+}
+
+.py-0 {
+ padding-top: 0 !important;
+ padding-bottom: 0 !important;
+}
+
+.py-1 {
+ padding-top: 0.25rem !important;
+ padding-bottom: 0.25rem !important;
+}
+
+.py-2 {
+ padding-top: 0.5rem !important;
+ padding-bottom: 0.5rem !important;
+}
+
+.py-3 {
+ padding-top: 1rem !important;
+ padding-bottom: 1rem !important;
+}
+
+.py-4 {
+ padding-top: 1.5rem !important;
+ padding-bottom: 1.5rem !important;
+}
+
+.py-5 {
+ padding-top: 3rem !important;
+ padding-bottom: 3rem !important;
+}
+
+.pt-0 {
+ padding-top: 0 !important;
+}
+
+.pt-1 {
+ padding-top: 0.25rem !important;
+}
+
+.pt-2 {
+ padding-top: 0.5rem !important;
+}
+
+.pt-3 {
+ padding-top: 1rem !important;
+}
+
+.pt-4 {
+ padding-top: 1.5rem !important;
+}
+
+.pt-5 {
+ padding-top: 3rem !important;
+}
+
+.pe-0 {
+ padding-right: 0 !important;
+}
+
+.pe-1 {
+ padding-right: 0.25rem !important;
+}
+
+.pe-2 {
+ padding-right: 0.5rem !important;
+}
+
+.pe-3 {
+ padding-right: 1rem !important;
+}
+
+.pe-4 {
+ padding-right: 1.5rem !important;
+}
+
+.pe-5 {
+ padding-right: 3rem !important;
+}
+
+.pb-0 {
+ padding-bottom: 0 !important;
+}
+
+.pb-1 {
+ padding-bottom: 0.25rem !important;
+}
+
+.pb-2 {
+ padding-bottom: 0.5rem !important;
+}
+
+.pb-3 {
+ padding-bottom: 1rem !important;
+}
+
+.pb-4 {
+ padding-bottom: 1.5rem !important;
+}
+
+.pb-5 {
+ padding-bottom: 3rem !important;
+}
+
+.ps-0 {
+ padding-left: 0 !important;
+}
+
+.ps-1 {
+ padding-left: 0.25rem !important;
+}
+
+.ps-2 {
+ padding-left: 0.5rem !important;
+}
+
+.ps-3 {
+ padding-left: 1rem !important;
+}
+
+.ps-4 {
+ padding-left: 1.5rem !important;
+}
+
+.ps-5 {
+ padding-left: 3rem !important;
+}
+
+.font-monospace {
+ font-family: var(--bs-font-monospace) !important;
+}
+
+.fs-1 {
+ font-size: calc(1.375rem + 1.5vw) !important;
+}
+
+.fs-2 {
+ font-size: calc(1.325rem + 0.9vw) !important;
+}
+
+.fs-3 {
+ font-size: calc(1.3rem + 0.6vw) !important;
+}
+
+.fs-4 {
+ font-size: calc(1.275rem + 0.3vw) !important;
+}
+
+.fs-5 {
+ font-size: 1.25rem !important;
+}
+
+.fs-6 {
+ font-size: 1rem !important;
+}
+
+.fst-italic {
+ font-style: italic !important;
+}
+
+.fst-normal {
+ font-style: normal !important;
+}
+
+.fw-light {
+ font-weight: 300 !important;
+}
+
+.fw-lighter {
+ font-weight: lighter !important;
+}
+
+.fw-normal {
+ font-weight: 400 !important;
+}
+
+.fw-bold {
+ font-weight: 700 !important;
+}
+
+.fw-bolder {
+ font-weight: bolder !important;
+}
+
+.lh-1 {
+ line-height: 1 !important;
+}
+
+.lh-sm {
+ line-height: 1.25 !important;
+}
+
+.lh-base {
+ line-height: 1.5 !important;
+}
+
+.lh-lg {
+ line-height: 2 !important;
+}
+
+.text-start {
+ text-align: left !important;
+}
+
+.text-end {
+ text-align: right !important;
+}
+
+.text-center {
+ text-align: center !important;
+}
+
+.text-decoration-none {
+ text-decoration: none !important;
+}
+
+.text-decoration-underline {
+ text-decoration: underline !important;
+}
+
+.text-decoration-line-through {
+ text-decoration: line-through !important;
+}
+
+.text-lowercase {
+ text-transform: lowercase !important;
+}
+
+.text-uppercase {
+ text-transform: uppercase !important;
+}
+
+.text-capitalize {
+ text-transform: capitalize !important;
+}
+
+.text-wrap {
+ white-space: normal !important;
+}
+
+.text-nowrap {
+ white-space: nowrap !important;
+}
+
+/* rtl:begin:remove */
+.text-break {
+ word-wrap: break-word !important;
+ word-break: break-word !important;
+}
+
+/* rtl:end:remove */
+.text-primary {
+ color: #3c63e2 !important;
+}
+
+.text-secondary {
+ color: #6c757d !important;
+}
+
+.text-success {
+ color: #3ac79b !important;
+}
+
+.text-info {
+ color: #0dcaf0 !important;
+}
+
+.text-warning {
+ color: #ffbd17 !important;
+}
+
+.text-danger {
+ color: #f73563 !important;
+}
+
+.text-light {
+ color: #f8f9fa !important;
+}
+
+.text-dark {
+ color: #212529 !important;
+}
+
+.text-white {
+ color: #fff !important;
+}
+
+.text-body {
+ color: #212529 !important;
+}
+
+.text-muted {
+ color: #6c757d !important;
+}
+
+.text-black-50 {
+ color: rgba(0, 0, 0, 0.5) !important;
+}
+
+.text-white-50 {
+ color: rgba(255, 255, 255, 0.5) !important;
+}
+
+.text-reset {
+ color: inherit !important;
+}
+
+.bg-primary {
+ background-color: #3c63e2 !important;
+}
+
+.bg-secondary {
+ background-color: #6c757d !important;
+}
+
+.bg-success {
+ background-color: #3ac79b !important;
+}
+
+.bg-info {
+ background-color: #0dcaf0 !important;
+}
+
+.bg-warning {
+ background-color: #ffbd17 !important;
+}
+
+.bg-danger {
+ background-color: #f73563 !important;
+}
+
+.bg-light {
+ background-color: #f8f9fa !important;
+}
+
+.bg-dark {
+ background-color: #212529 !important;
+}
+
+.bg-body {
+ background-color: #fff !important;
+}
+
+.bg-white {
+ background-color: #fff !important;
+}
+
+.bg-transparent {
+ background-color: transparent !important;
+}
+
+.bg-gradient {
+ background-image: var(--bs-gradient) !important;
+}
+
+.user-select-all {
+ user-select: all !important;
+}
+
+.user-select-auto {
+ user-select: auto !important;
+}
+
+.user-select-none {
+ user-select: none !important;
+}
+
+.pe-none {
+ pointer-events: none !important;
+}
+
+.pe-auto {
+ pointer-events: auto !important;
+}
+
+.rounded {
+ border-radius: 0.25rem !important;
+}
+
+.rounded-0 {
+ border-radius: 0 !important;
+}
+
+.rounded-1 {
+ border-radius: 0.2rem !important;
+}
+
+.rounded-2 {
+ border-radius: 0.25rem !important;
+}
+
+.rounded-3 {
+ border-radius: 0.3rem !important;
+}
+
+.rounded-circle {
+ border-radius: 50% !important;
+}
+
+.rounded-pill {
+ border-radius: 50rem !important;
+}
+
+.rounded-top {
+ border-top-left-radius: 0.25rem !important;
+ border-top-right-radius: 0.25rem !important;
+}
+
+.rounded-end {
+ border-top-right-radius: 0.25rem !important;
+ border-bottom-right-radius: 0.25rem !important;
+}
+
+.rounded-bottom {
+ border-bottom-right-radius: 0.25rem !important;
+ border-bottom-left-radius: 0.25rem !important;
+}
+
+.rounded-start {
+ border-bottom-left-radius: 0.25rem !important;
+ border-top-left-radius: 0.25rem !important;
+}
+
+.visible {
+ visibility: visible !important;
+}
+
+.invisible {
+ visibility: hidden !important;
+}
+
+@media (min-width: 576px) {
+ .float-sm-start {
+ float: left !important;
+ }
+ .float-sm-end {
+ float: right !important;
+ }
+ .float-sm-none {
+ float: none !important;
+ }
+ .d-sm-inline {
+ display: inline !important;
+ }
+ .d-sm-inline-block {
+ display: inline-block !important;
+ }
+ .d-sm-block {
+ display: block !important;
+ }
+ .d-sm-grid {
+ display: grid !important;
+ }
+ .d-sm-table {
+ display: table !important;
+ }
+ .d-sm-table-row {
+ display: table-row !important;
+ }
+ .d-sm-table-cell {
+ display: table-cell !important;
+ }
+ .d-sm-flex {
+ display: flex !important;
+ }
+ .d-sm-inline-flex {
+ display: inline-flex !important;
+ }
+ .d-sm-none {
+ display: none !important;
+ }
+ .flex-sm-fill {
+ flex: 1 1 auto !important;
+ }
+ .flex-sm-row {
+ flex-direction: row !important;
+ }
+ .flex-sm-column {
+ flex-direction: column !important;
+ }
+ .flex-sm-row-reverse {
+ flex-direction: row-reverse !important;
+ }
+ .flex-sm-column-reverse {
+ flex-direction: column-reverse !important;
+ }
+ .flex-sm-grow-0 {
+ flex-grow: 0 !important;
+ }
+ .flex-sm-grow-1 {
+ flex-grow: 1 !important;
+ }
+ .flex-sm-shrink-0 {
+ flex-shrink: 0 !important;
+ }
+ .flex-sm-shrink-1 {
+ flex-shrink: 1 !important;
+ }
+ .flex-sm-wrap {
+ flex-wrap: wrap !important;
+ }
+ .flex-sm-nowrap {
+ flex-wrap: nowrap !important;
+ }
+ .flex-sm-wrap-reverse {
+ flex-wrap: wrap-reverse !important;
+ }
+ .gap-sm-0 {
+ gap: 0 !important;
+ }
+ .gap-sm-1 {
+ gap: 0.25rem !important;
+ }
+ .gap-sm-2 {
+ gap: 0.5rem !important;
+ }
+ .gap-sm-3 {
+ gap: 1rem !important;
+ }
+ .gap-sm-4 {
+ gap: 1.5rem !important;
+ }
+ .gap-sm-5 {
+ gap: 3rem !important;
+ }
+ .justify-content-sm-start {
+ justify-content: flex-start !important;
+ }
+ .justify-content-sm-end {
+ justify-content: flex-end !important;
+ }
+ .justify-content-sm-center {
+ justify-content: center !important;
+ }
+ .justify-content-sm-between {
+ justify-content: space-between !important;
+ }
+ .justify-content-sm-around {
+ justify-content: space-around !important;
+ }
+ .justify-content-sm-evenly {
+ justify-content: space-evenly !important;
+ }
+ .align-items-sm-start {
+ align-items: flex-start !important;
+ }
+ .align-items-sm-end {
+ align-items: flex-end !important;
+ }
+ .align-items-sm-center {
+ align-items: center !important;
+ }
+ .align-items-sm-baseline {
+ align-items: baseline !important;
+ }
+ .align-items-sm-stretch {
+ align-items: stretch !important;
+ }
+ .align-content-sm-start {
+ align-content: flex-start !important;
+ }
+ .align-content-sm-end {
+ align-content: flex-end !important;
+ }
+ .align-content-sm-center {
+ align-content: center !important;
+ }
+ .align-content-sm-between {
+ align-content: space-between !important;
+ }
+ .align-content-sm-around {
+ align-content: space-around !important;
+ }
+ .align-content-sm-stretch {
+ align-content: stretch !important;
+ }
+ .align-self-sm-auto {
+ align-self: auto !important;
+ }
+ .align-self-sm-start {
+ align-self: flex-start !important;
+ }
+ .align-self-sm-end {
+ align-self: flex-end !important;
+ }
+ .align-self-sm-center {
+ align-self: center !important;
+ }
+ .align-self-sm-baseline {
+ align-self: baseline !important;
+ }
+ .align-self-sm-stretch {
+ align-self: stretch !important;
+ }
+ .order-sm-first {
+ order: -1 !important;
+ }
+ .order-sm-0 {
+ order: 0 !important;
+ }
+ .order-sm-1 {
+ order: 1 !important;
+ }
+ .order-sm-2 {
+ order: 2 !important;
+ }
+ .order-sm-3 {
+ order: 3 !important;
+ }
+ .order-sm-4 {
+ order: 4 !important;
+ }
+ .order-sm-5 {
+ order: 5 !important;
+ }
+ .order-sm-last {
+ order: 6 !important;
+ }
+ .m-sm-0 {
+ margin: 0 !important;
+ }
+ .m-sm-1 {
+ margin: 0.25rem !important;
+ }
+ .m-sm-2 {
+ margin: 0.5rem !important;
+ }
+ .m-sm-3 {
+ margin: 1rem !important;
+ }
+ .m-sm-4 {
+ margin: 1.5rem !important;
+ }
+ .m-sm-5 {
+ margin: 3rem !important;
+ }
+ .m-sm-auto {
+ margin: auto !important;
+ }
+ .mx-sm-0 {
+ margin-right: 0 !important;
+ margin-left: 0 !important;
+ }
+ .mx-sm-1 {
+ margin-right: 0.25rem !important;
+ margin-left: 0.25rem !important;
+ }
+ .mx-sm-2 {
+ margin-right: 0.5rem !important;
+ margin-left: 0.5rem !important;
+ }
+ .mx-sm-3 {
+ margin-right: 1rem !important;
+ margin-left: 1rem !important;
+ }
+ .mx-sm-4 {
+ margin-right: 1.5rem !important;
+ margin-left: 1.5rem !important;
+ }
+ .mx-sm-5 {
+ margin-right: 3rem !important;
+ margin-left: 3rem !important;
+ }
+ .mx-sm-auto {
+ margin-right: auto !important;
+ margin-left: auto !important;
+ }
+ .my-sm-0 {
+ margin-top: 0 !important;
+ margin-bottom: 0 !important;
+ }
+ .my-sm-1 {
+ margin-top: 0.25rem !important;
+ margin-bottom: 0.25rem !important;
+ }
+ .my-sm-2 {
+ margin-top: 0.5rem !important;
+ margin-bottom: 0.5rem !important;
+ }
+ .my-sm-3 {
+ margin-top: 1rem !important;
+ margin-bottom: 1rem !important;
+ }
+ .my-sm-4 {
+ margin-top: 1.5rem !important;
+ margin-bottom: 1.5rem !important;
+ }
+ .my-sm-5 {
+ margin-top: 3rem !important;
+ margin-bottom: 3rem !important;
+ }
+ .my-sm-auto {
+ margin-top: auto !important;
+ margin-bottom: auto !important;
+ }
+ .mt-sm-0 {
+ margin-top: 0 !important;
+ }
+ .mt-sm-1 {
+ margin-top: 0.25rem !important;
+ }
+ .mt-sm-2 {
+ margin-top: 0.5rem !important;
+ }
+ .mt-sm-3 {
+ margin-top: 1rem !important;
+ }
+ .mt-sm-4 {
+ margin-top: 1.5rem !important;
+ }
+ .mt-sm-5 {
+ margin-top: 3rem !important;
+ }
+ .mt-sm-auto {
+ margin-top: auto !important;
+ }
+ .me-sm-0 {
+ margin-right: 0 !important;
+ }
+ .me-sm-1 {
+ margin-right: 0.25rem !important;
+ }
+ .me-sm-2 {
+ margin-right: 0.5rem !important;
+ }
+ .me-sm-3 {
+ margin-right: 1rem !important;
+ }
+ .me-sm-4 {
+ margin-right: 1.5rem !important;
+ }
+ .me-sm-5 {
+ margin-right: 3rem !important;
+ }
+ .me-sm-auto {
+ margin-right: auto !important;
+ }
+ .mb-sm-0 {
+ margin-bottom: 0 !important;
+ }
+ .mb-sm-1 {
+ margin-bottom: 0.25rem !important;
+ }
+ .mb-sm-2 {
+ margin-bottom: 0.5rem !important;
+ }
+ .mb-sm-3 {
+ margin-bottom: 1rem !important;
+ }
+ .mb-sm-4 {
+ margin-bottom: 1.5rem !important;
+ }
+ .mb-sm-5 {
+ margin-bottom: 3rem !important;
+ }
+ .mb-sm-auto {
+ margin-bottom: auto !important;
+ }
+ .ms-sm-0 {
+ margin-left: 0 !important;
+ }
+ .ms-sm-1 {
+ margin-left: 0.25rem !important;
+ }
+ .ms-sm-2 {
+ margin-left: 0.5rem !important;
+ }
+ .ms-sm-3 {
+ margin-left: 1rem !important;
+ }
+ .ms-sm-4 {
+ margin-left: 1.5rem !important;
+ }
+ .ms-sm-5 {
+ margin-left: 3rem !important;
+ }
+ .ms-sm-auto {
+ margin-left: auto !important;
+ }
+ .p-sm-0 {
+ padding: 0 !important;
+ }
+ .p-sm-1 {
+ padding: 0.25rem !important;
+ }
+ .p-sm-2 {
+ padding: 0.5rem !important;
+ }
+ .p-sm-3 {
+ padding: 1rem !important;
+ }
+ .p-sm-4 {
+ padding: 1.5rem !important;
+ }
+ .p-sm-5 {
+ padding: 3rem !important;
+ }
+ .px-sm-0 {
+ padding-right: 0 !important;
+ padding-left: 0 !important;
+ }
+ .px-sm-1 {
+ padding-right: 0.25rem !important;
+ padding-left: 0.25rem !important;
+ }
+ .px-sm-2 {
+ padding-right: 0.5rem !important;
+ padding-left: 0.5rem !important;
+ }
+ .px-sm-3 {
+ padding-right: 1rem !important;
+ padding-left: 1rem !important;
+ }
+ .px-sm-4 {
+ padding-right: 1.5rem !important;
+ padding-left: 1.5rem !important;
+ }
+ .px-sm-5 {
+ padding-right: 3rem !important;
+ padding-left: 3rem !important;
+ }
+ .py-sm-0 {
+ padding-top: 0 !important;
+ padding-bottom: 0 !important;
+ }
+ .py-sm-1 {
+ padding-top: 0.25rem !important;
+ padding-bottom: 0.25rem !important;
+ }
+ .py-sm-2 {
+ padding-top: 0.5rem !important;
+ padding-bottom: 0.5rem !important;
+ }
+ .py-sm-3 {
+ padding-top: 1rem !important;
+ padding-bottom: 1rem !important;
+ }
+ .py-sm-4 {
+ padding-top: 1.5rem !important;
+ padding-bottom: 1.5rem !important;
+ }
+ .py-sm-5 {
+ padding-top: 3rem !important;
+ padding-bottom: 3rem !important;
+ }
+ .pt-sm-0 {
+ padding-top: 0 !important;
+ }
+ .pt-sm-1 {
+ padding-top: 0.25rem !important;
+ }
+ .pt-sm-2 {
+ padding-top: 0.5rem !important;
+ }
+ .pt-sm-3 {
+ padding-top: 1rem !important;
+ }
+ .pt-sm-4 {
+ padding-top: 1.5rem !important;
+ }
+ .pt-sm-5 {
+ padding-top: 3rem !important;
+ }
+ .pe-sm-0 {
+ padding-right: 0 !important;
+ }
+ .pe-sm-1 {
+ padding-right: 0.25rem !important;
+ }
+ .pe-sm-2 {
+ padding-right: 0.5rem !important;
+ }
+ .pe-sm-3 {
+ padding-right: 1rem !important;
+ }
+ .pe-sm-4 {
+ padding-right: 1.5rem !important;
+ }
+ .pe-sm-5 {
+ padding-right: 3rem !important;
+ }
+ .pb-sm-0 {
+ padding-bottom: 0 !important;
+ }
+ .pb-sm-1 {
+ padding-bottom: 0.25rem !important;
+ }
+ .pb-sm-2 {
+ padding-bottom: 0.5rem !important;
+ }
+ .pb-sm-3 {
+ padding-bottom: 1rem !important;
+ }
+ .pb-sm-4 {
+ padding-bottom: 1.5rem !important;
+ }
+ .pb-sm-5 {
+ padding-bottom: 3rem !important;
+ }
+ .ps-sm-0 {
+ padding-left: 0 !important;
+ }
+ .ps-sm-1 {
+ padding-left: 0.25rem !important;
+ }
+ .ps-sm-2 {
+ padding-left: 0.5rem !important;
+ }
+ .ps-sm-3 {
+ padding-left: 1rem !important;
+ }
+ .ps-sm-4 {
+ padding-left: 1.5rem !important;
+ }
+ .ps-sm-5 {
+ padding-left: 3rem !important;
+ }
+ .text-sm-start {
+ text-align: left !important;
+ }
+ .text-sm-end {
+ text-align: right !important;
+ }
+ .text-sm-center {
+ text-align: center !important;
+ }
+}
+
+@media (min-width: 768px) {
+ .float-md-start {
+ float: left !important;
+ }
+ .float-md-end {
+ float: right !important;
+ }
+ .float-md-none {
+ float: none !important;
+ }
+ .d-md-inline {
+ display: inline !important;
+ }
+ .d-md-inline-block {
+ display: inline-block !important;
+ }
+ .d-md-block {
+ display: block !important;
+ }
+ .d-md-grid {
+ display: grid !important;
+ }
+ .d-md-table {
+ display: table !important;
+ }
+ .d-md-table-row {
+ display: table-row !important;
+ }
+ .d-md-table-cell {
+ display: table-cell !important;
+ }
+ .d-md-flex {
+ display: flex !important;
+ }
+ .d-md-inline-flex {
+ display: inline-flex !important;
+ }
+ .d-md-none {
+ display: none !important;
+ }
+ .flex-md-fill {
+ flex: 1 1 auto !important;
+ }
+ .flex-md-row {
+ flex-direction: row !important;
+ }
+ .flex-md-column {
+ flex-direction: column !important;
+ }
+ .flex-md-row-reverse {
+ flex-direction: row-reverse !important;
+ }
+ .flex-md-column-reverse {
+ flex-direction: column-reverse !important;
+ }
+ .flex-md-grow-0 {
+ flex-grow: 0 !important;
+ }
+ .flex-md-grow-1 {
+ flex-grow: 1 !important;
+ }
+ .flex-md-shrink-0 {
+ flex-shrink: 0 !important;
+ }
+ .flex-md-shrink-1 {
+ flex-shrink: 1 !important;
+ }
+ .flex-md-wrap {
+ flex-wrap: wrap !important;
+ }
+ .flex-md-nowrap {
+ flex-wrap: nowrap !important;
+ }
+ .flex-md-wrap-reverse {
+ flex-wrap: wrap-reverse !important;
+ }
+ .gap-md-0 {
+ gap: 0 !important;
+ }
+ .gap-md-1 {
+ gap: 0.25rem !important;
+ }
+ .gap-md-2 {
+ gap: 0.5rem !important;
+ }
+ .gap-md-3 {
+ gap: 1rem !important;
+ }
+ .gap-md-4 {
+ gap: 1.5rem !important;
+ }
+ .gap-md-5 {
+ gap: 3rem !important;
+ }
+ .justify-content-md-start {
+ justify-content: flex-start !important;
+ }
+ .justify-content-md-end {
+ justify-content: flex-end !important;
+ }
+ .justify-content-md-center {
+ justify-content: center !important;
+ }
+ .justify-content-md-between {
+ justify-content: space-between !important;
+ }
+ .justify-content-md-around {
+ justify-content: space-around !important;
+ }
+ .justify-content-md-evenly {
+ justify-content: space-evenly !important;
+ }
+ .align-items-md-start {
+ align-items: flex-start !important;
+ }
+ .align-items-md-end {
+ align-items: flex-end !important;
+ }
+ .align-items-md-center {
+ align-items: center !important;
+ }
+ .align-items-md-baseline {
+ align-items: baseline !important;
+ }
+ .align-items-md-stretch {
+ align-items: stretch !important;
+ }
+ .align-content-md-start {
+ align-content: flex-start !important;
+ }
+ .align-content-md-end {
+ align-content: flex-end !important;
+ }
+ .align-content-md-center {
+ align-content: center !important;
+ }
+ .align-content-md-between {
+ align-content: space-between !important;
+ }
+ .align-content-md-around {
+ align-content: space-around !important;
+ }
+ .align-content-md-stretch {
+ align-content: stretch !important;
+ }
+ .align-self-md-auto {
+ align-self: auto !important;
+ }
+ .align-self-md-start {
+ align-self: flex-start !important;
+ }
+ .align-self-md-end {
+ align-self: flex-end !important;
+ }
+ .align-self-md-center {
+ align-self: center !important;
+ }
+ .align-self-md-baseline {
+ align-self: baseline !important;
+ }
+ .align-self-md-stretch {
+ align-self: stretch !important;
+ }
+ .order-md-first {
+ order: -1 !important;
+ }
+ .order-md-0 {
+ order: 0 !important;
+ }
+ .order-md-1 {
+ order: 1 !important;
+ }
+ .order-md-2 {
+ order: 2 !important;
+ }
+ .order-md-3 {
+ order: 3 !important;
+ }
+ .order-md-4 {
+ order: 4 !important;
+ }
+ .order-md-5 {
+ order: 5 !important;
+ }
+ .order-md-last {
+ order: 6 !important;
+ }
+ .m-md-0 {
+ margin: 0 !important;
+ }
+ .m-md-1 {
+ margin: 0.25rem !important;
+ }
+ .m-md-2 {
+ margin: 0.5rem !important;
+ }
+ .m-md-3 {
+ margin: 1rem !important;
+ }
+ .m-md-4 {
+ margin: 1.5rem !important;
+ }
+ .m-md-5 {
+ margin: 3rem !important;
+ }
+ .m-md-auto {
+ margin: auto !important;
+ }
+ .mx-md-0 {
+ margin-right: 0 !important;
+ margin-left: 0 !important;
+ }
+ .mx-md-1 {
+ margin-right: 0.25rem !important;
+ margin-left: 0.25rem !important;
+ }
+ .mx-md-2 {
+ margin-right: 0.5rem !important;
+ margin-left: 0.5rem !important;
+ }
+ .mx-md-3 {
+ margin-right: 1rem !important;
+ margin-left: 1rem !important;
+ }
+ .mx-md-4 {
+ margin-right: 1.5rem !important;
+ margin-left: 1.5rem !important;
+ }
+ .mx-md-5 {
+ margin-right: 3rem !important;
+ margin-left: 3rem !important;
+ }
+ .mx-md-auto {
+ margin-right: auto !important;
+ margin-left: auto !important;
+ }
+ .my-md-0 {
+ margin-top: 0 !important;
+ margin-bottom: 0 !important;
+ }
+ .my-md-1 {
+ margin-top: 0.25rem !important;
+ margin-bottom: 0.25rem !important;
+ }
+ .my-md-2 {
+ margin-top: 0.5rem !important;
+ margin-bottom: 0.5rem !important;
+ }
+ .my-md-3 {
+ margin-top: 1rem !important;
+ margin-bottom: 1rem !important;
+ }
+ .my-md-4 {
+ margin-top: 1.5rem !important;
+ margin-bottom: 1.5rem !important;
+ }
+ .my-md-5 {
+ margin-top: 3rem !important;
+ margin-bottom: 3rem !important;
+ }
+ .my-md-auto {
+ margin-top: auto !important;
+ margin-bottom: auto !important;
+ }
+ .mt-md-0 {
+ margin-top: 0 !important;
+ }
+ .mt-md-1 {
+ margin-top: 0.25rem !important;
+ }
+ .mt-md-2 {
+ margin-top: 0.5rem !important;
+ }
+ .mt-md-3 {
+ margin-top: 1rem !important;
+ }
+ .mt-md-4 {
+ margin-top: 1.5rem !important;
+ }
+ .mt-md-5 {
+ margin-top: 3rem !important;
+ }
+ .mt-md-auto {
+ margin-top: auto !important;
+ }
+ .me-md-0 {
+ margin-right: 0 !important;
+ }
+ .me-md-1 {
+ margin-right: 0.25rem !important;
+ }
+ .me-md-2 {
+ margin-right: 0.5rem !important;
+ }
+ .me-md-3 {
+ margin-right: 1rem !important;
+ }
+ .me-md-4 {
+ margin-right: 1.5rem !important;
+ }
+ .me-md-5 {
+ margin-right: 3rem !important;
+ }
+ .me-md-auto {
+ margin-right: auto !important;
+ }
+ .mb-md-0 {
+ margin-bottom: 0 !important;
+ }
+ .mb-md-1 {
+ margin-bottom: 0.25rem !important;
+ }
+ .mb-md-2 {
+ margin-bottom: 0.5rem !important;
+ }
+ .mb-md-3 {
+ margin-bottom: 1rem !important;
+ }
+ .mb-md-4 {
+ margin-bottom: 1.5rem !important;
+ }
+ .mb-md-5 {
+ margin-bottom: 3rem !important;
+ }
+ .mb-md-auto {
+ margin-bottom: auto !important;
+ }
+ .ms-md-0 {
+ margin-left: 0 !important;
+ }
+ .ms-md-1 {
+ margin-left: 0.25rem !important;
+ }
+ .ms-md-2 {
+ margin-left: 0.5rem !important;
+ }
+ .ms-md-3 {
+ margin-left: 1rem !important;
+ }
+ .ms-md-4 {
+ margin-left: 1.5rem !important;
+ }
+ .ms-md-5 {
+ margin-left: 3rem !important;
+ }
+ .ms-md-auto {
+ margin-left: auto !important;
+ }
+ .p-md-0 {
+ padding: 0 !important;
+ }
+ .p-md-1 {
+ padding: 0.25rem !important;
+ }
+ .p-md-2 {
+ padding: 0.5rem !important;
+ }
+ .p-md-3 {
+ padding: 1rem !important;
+ }
+ .p-md-4 {
+ padding: 1.5rem !important;
+ }
+ .p-md-5 {
+ padding: 3rem !important;
+ }
+ .px-md-0 {
+ padding-right: 0 !important;
+ padding-left: 0 !important;
+ }
+ .px-md-1 {
+ padding-right: 0.25rem !important;
+ padding-left: 0.25rem !important;
+ }
+ .px-md-2 {
+ padding-right: 0.5rem !important;
+ padding-left: 0.5rem !important;
+ }
+ .px-md-3 {
+ padding-right: 1rem !important;
+ padding-left: 1rem !important;
+ }
+ .px-md-4 {
+ padding-right: 1.5rem !important;
+ padding-left: 1.5rem !important;
+ }
+ .px-md-5 {
+ padding-right: 3rem !important;
+ padding-left: 3rem !important;
+ }
+ .py-md-0 {
+ padding-top: 0 !important;
+ padding-bottom: 0 !important;
+ }
+ .py-md-1 {
+ padding-top: 0.25rem !important;
+ padding-bottom: 0.25rem !important;
+ }
+ .py-md-2 {
+ padding-top: 0.5rem !important;
+ padding-bottom: 0.5rem !important;
+ }
+ .py-md-3 {
+ padding-top: 1rem !important;
+ padding-bottom: 1rem !important;
+ }
+ .py-md-4 {
+ padding-top: 1.5rem !important;
+ padding-bottom: 1.5rem !important;
+ }
+ .py-md-5 {
+ padding-top: 3rem !important;
+ padding-bottom: 3rem !important;
+ }
+ .pt-md-0 {
+ padding-top: 0 !important;
+ }
+ .pt-md-1 {
+ padding-top: 0.25rem !important;
+ }
+ .pt-md-2 {
+ padding-top: 0.5rem !important;
+ }
+ .pt-md-3 {
+ padding-top: 1rem !important;
+ }
+ .pt-md-4 {
+ padding-top: 1.5rem !important;
+ }
+ .pt-md-5 {
+ padding-top: 3rem !important;
+ }
+ .pe-md-0 {
+ padding-right: 0 !important;
+ }
+ .pe-md-1 {
+ padding-right: 0.25rem !important;
+ }
+ .pe-md-2 {
+ padding-right: 0.5rem !important;
+ }
+ .pe-md-3 {
+ padding-right: 1rem !important;
+ }
+ .pe-md-4 {
+ padding-right: 1.5rem !important;
+ }
+ .pe-md-5 {
+ padding-right: 3rem !important;
+ }
+ .pb-md-0 {
+ padding-bottom: 0 !important;
+ }
+ .pb-md-1 {
+ padding-bottom: 0.25rem !important;
+ }
+ .pb-md-2 {
+ padding-bottom: 0.5rem !important;
+ }
+ .pb-md-3 {
+ padding-bottom: 1rem !important;
+ }
+ .pb-md-4 {
+ padding-bottom: 1.5rem !important;
+ }
+ .pb-md-5 {
+ padding-bottom: 3rem !important;
+ }
+ .ps-md-0 {
+ padding-left: 0 !important;
+ }
+ .ps-md-1 {
+ padding-left: 0.25rem !important;
+ }
+ .ps-md-2 {
+ padding-left: 0.5rem !important;
+ }
+ .ps-md-3 {
+ padding-left: 1rem !important;
+ }
+ .ps-md-4 {
+ padding-left: 1.5rem !important;
+ }
+ .ps-md-5 {
+ padding-left: 3rem !important;
+ }
+ .text-md-start {
+ text-align: left !important;
+ }
+ .text-md-end {
+ text-align: right !important;
+ }
+ .text-md-center {
+ text-align: center !important;
+ }
+}
+
+@media (min-width: 992px) {
+ .float-lg-start {
+ float: left !important;
+ }
+ .float-lg-end {
+ float: right !important;
+ }
+ .float-lg-none {
+ float: none !important;
+ }
+ .d-lg-inline {
+ display: inline !important;
+ }
+ .d-lg-inline-block {
+ display: inline-block !important;
+ }
+ .d-lg-block {
+ display: block !important;
+ }
+ .d-lg-grid {
+ display: grid !important;
+ }
+ .d-lg-table {
+ display: table !important;
+ }
+ .d-lg-table-row {
+ display: table-row !important;
+ }
+ .d-lg-table-cell {
+ display: table-cell !important;
+ }
+ .d-lg-flex {
+ display: flex !important;
+ }
+ .d-lg-inline-flex {
+ display: inline-flex !important;
+ }
+ .d-lg-none {
+ display: none !important;
+ }
+ .flex-lg-fill {
+ flex: 1 1 auto !important;
+ }
+ .flex-lg-row {
+ flex-direction: row !important;
+ }
+ .flex-lg-column {
+ flex-direction: column !important;
+ }
+ .flex-lg-row-reverse {
+ flex-direction: row-reverse !important;
+ }
+ .flex-lg-column-reverse {
+ flex-direction: column-reverse !important;
+ }
+ .flex-lg-grow-0 {
+ flex-grow: 0 !important;
+ }
+ .flex-lg-grow-1 {
+ flex-grow: 1 !important;
+ }
+ .flex-lg-shrink-0 {
+ flex-shrink: 0 !important;
+ }
+ .flex-lg-shrink-1 {
+ flex-shrink: 1 !important;
+ }
+ .flex-lg-wrap {
+ flex-wrap: wrap !important;
+ }
+ .flex-lg-nowrap {
+ flex-wrap: nowrap !important;
+ }
+ .flex-lg-wrap-reverse {
+ flex-wrap: wrap-reverse !important;
+ }
+ .gap-lg-0 {
+ gap: 0 !important;
+ }
+ .gap-lg-1 {
+ gap: 0.25rem !important;
+ }
+ .gap-lg-2 {
+ gap: 0.5rem !important;
+ }
+ .gap-lg-3 {
+ gap: 1rem !important;
+ }
+ .gap-lg-4 {
+ gap: 1.5rem !important;
+ }
+ .gap-lg-5 {
+ gap: 3rem !important;
+ }
+ .justify-content-lg-start {
+ justify-content: flex-start !important;
+ }
+ .justify-content-lg-end {
+ justify-content: flex-end !important;
+ }
+ .justify-content-lg-center {
+ justify-content: center !important;
+ }
+ .justify-content-lg-between {
+ justify-content: space-between !important;
+ }
+ .justify-content-lg-around {
+ justify-content: space-around !important;
+ }
+ .justify-content-lg-evenly {
+ justify-content: space-evenly !important;
+ }
+ .align-items-lg-start {
+ align-items: flex-start !important;
+ }
+ .align-items-lg-end {
+ align-items: flex-end !important;
+ }
+ .align-items-lg-center {
+ align-items: center !important;
+ }
+ .align-items-lg-baseline {
+ align-items: baseline !important;
+ }
+ .align-items-lg-stretch {
+ align-items: stretch !important;
+ }
+ .align-content-lg-start {
+ align-content: flex-start !important;
+ }
+ .align-content-lg-end {
+ align-content: flex-end !important;
+ }
+ .align-content-lg-center {
+ align-content: center !important;
+ }
+ .align-content-lg-between {
+ align-content: space-between !important;
+ }
+ .align-content-lg-around {
+ align-content: space-around !important;
+ }
+ .align-content-lg-stretch {
+ align-content: stretch !important;
+ }
+ .align-self-lg-auto {
+ align-self: auto !important;
+ }
+ .align-self-lg-start {
+ align-self: flex-start !important;
+ }
+ .align-self-lg-end {
+ align-self: flex-end !important;
+ }
+ .align-self-lg-center {
+ align-self: center !important;
+ }
+ .align-self-lg-baseline {
+ align-self: baseline !important;
+ }
+ .align-self-lg-stretch {
+ align-self: stretch !important;
+ }
+ .order-lg-first {
+ order: -1 !important;
+ }
+ .order-lg-0 {
+ order: 0 !important;
+ }
+ .order-lg-1 {
+ order: 1 !important;
+ }
+ .order-lg-2 {
+ order: 2 !important;
+ }
+ .order-lg-3 {
+ order: 3 !important;
+ }
+ .order-lg-4 {
+ order: 4 !important;
+ }
+ .order-lg-5 {
+ order: 5 !important;
+ }
+ .order-lg-last {
+ order: 6 !important;
+ }
+ .m-lg-0 {
+ margin: 0 !important;
+ }
+ .m-lg-1 {
+ margin: 0.25rem !important;
+ }
+ .m-lg-2 {
+ margin: 0.5rem !important;
+ }
+ .m-lg-3 {
+ margin: 1rem !important;
+ }
+ .m-lg-4 {
+ margin: 1.5rem !important;
+ }
+ .m-lg-5 {
+ margin: 3rem !important;
+ }
+ .m-lg-auto {
+ margin: auto !important;
+ }
+ .mx-lg-0 {
+ margin-right: 0 !important;
+ margin-left: 0 !important;
+ }
+ .mx-lg-1 {
+ margin-right: 0.25rem !important;
+ margin-left: 0.25rem !important;
+ }
+ .mx-lg-2 {
+ margin-right: 0.5rem !important;
+ margin-left: 0.5rem !important;
+ }
+ .mx-lg-3 {
+ margin-right: 1rem !important;
+ margin-left: 1rem !important;
+ }
+ .mx-lg-4 {
+ margin-right: 1.5rem !important;
+ margin-left: 1.5rem !important;
+ }
+ .mx-lg-5 {
+ margin-right: 3rem !important;
+ margin-left: 3rem !important;
+ }
+ .mx-lg-auto {
+ margin-right: auto !important;
+ margin-left: auto !important;
+ }
+ .my-lg-0 {
+ margin-top: 0 !important;
+ margin-bottom: 0 !important;
+ }
+ .my-lg-1 {
+ margin-top: 0.25rem !important;
+ margin-bottom: 0.25rem !important;
+ }
+ .my-lg-2 {
+ margin-top: 0.5rem !important;
+ margin-bottom: 0.5rem !important;
+ }
+ .my-lg-3 {
+ margin-top: 1rem !important;
+ margin-bottom: 1rem !important;
+ }
+ .my-lg-4 {
+ margin-top: 1.5rem !important;
+ margin-bottom: 1.5rem !important;
+ }
+ .my-lg-5 {
+ margin-top: 3rem !important;
+ margin-bottom: 3rem !important;
+ }
+ .my-lg-auto {
+ margin-top: auto !important;
+ margin-bottom: auto !important;
+ }
+ .mt-lg-0 {
+ margin-top: 0 !important;
+ }
+ .mt-lg-1 {
+ margin-top: 0.25rem !important;
+ }
+ .mt-lg-2 {
+ margin-top: 0.5rem !important;
+ }
+ .mt-lg-3 {
+ margin-top: 1rem !important;
+ }
+ .mt-lg-4 {
+ margin-top: 1.5rem !important;
+ }
+ .mt-lg-5 {
+ margin-top: 3rem !important;
+ }
+ .mt-lg-auto {
+ margin-top: auto !important;
+ }
+ .me-lg-0 {
+ margin-right: 0 !important;
+ }
+ .me-lg-1 {
+ margin-right: 0.25rem !important;
+ }
+ .me-lg-2 {
+ margin-right: 0.5rem !important;
+ }
+ .me-lg-3 {
+ margin-right: 1rem !important;
+ }
+ .me-lg-4 {
+ margin-right: 1.5rem !important;
+ }
+ .me-lg-5 {
+ margin-right: 3rem !important;
+ }
+ .me-lg-auto {
+ margin-right: auto !important;
+ }
+ .mb-lg-0 {
+ margin-bottom: 0 !important;
+ }
+ .mb-lg-1 {
+ margin-bottom: 0.25rem !important;
+ }
+ .mb-lg-2 {
+ margin-bottom: 0.5rem !important;
+ }
+ .mb-lg-3 {
+ margin-bottom: 1rem !important;
+ }
+ .mb-lg-4 {
+ margin-bottom: 1.5rem !important;
+ }
+ .mb-lg-5 {
+ margin-bottom: 3rem !important;
+ }
+ .mb-lg-auto {
+ margin-bottom: auto !important;
+ }
+ .ms-lg-0 {
+ margin-left: 0 !important;
+ }
+ .ms-lg-1 {
+ margin-left: 0.25rem !important;
+ }
+ .ms-lg-2 {
+ margin-left: 0.5rem !important;
+ }
+ .ms-lg-3 {
+ margin-left: 1rem !important;
+ }
+ .ms-lg-4 {
+ margin-left: 1.5rem !important;
+ }
+ .ms-lg-5 {
+ margin-left: 3rem !important;
+ }
+ .ms-lg-auto {
+ margin-left: auto !important;
+ }
+ .p-lg-0 {
+ padding: 0 !important;
+ }
+ .p-lg-1 {
+ padding: 0.25rem !important;
+ }
+ .p-lg-2 {
+ padding: 0.5rem !important;
+ }
+ .p-lg-3 {
+ padding: 1rem !important;
+ }
+ .p-lg-4 {
+ padding: 1.5rem !important;
+ }
+ .p-lg-5 {
+ padding: 3rem !important;
+ }
+ .px-lg-0 {
+ padding-right: 0 !important;
+ padding-left: 0 !important;
+ }
+ .px-lg-1 {
+ padding-right: 0.25rem !important;
+ padding-left: 0.25rem !important;
+ }
+ .px-lg-2 {
+ padding-right: 0.5rem !important;
+ padding-left: 0.5rem !important;
+ }
+ .px-lg-3 {
+ padding-right: 1rem !important;
+ padding-left: 1rem !important;
+ }
+ .px-lg-4 {
+ padding-right: 1.5rem !important;
+ padding-left: 1.5rem !important;
+ }
+ .px-lg-5 {
+ padding-right: 3rem !important;
+ padding-left: 3rem !important;
+ }
+ .py-lg-0 {
+ padding-top: 0 !important;
+ padding-bottom: 0 !important;
+ }
+ .py-lg-1 {
+ padding-top: 0.25rem !important;
+ padding-bottom: 0.25rem !important;
+ }
+ .py-lg-2 {
+ padding-top: 0.5rem !important;
+ padding-bottom: 0.5rem !important;
+ }
+ .py-lg-3 {
+ padding-top: 1rem !important;
+ padding-bottom: 1rem !important;
+ }
+ .py-lg-4 {
+ padding-top: 1.5rem !important;
+ padding-bottom: 1.5rem !important;
+ }
+ .py-lg-5 {
+ padding-top: 3rem !important;
+ padding-bottom: 3rem !important;
+ }
+ .pt-lg-0 {
+ padding-top: 0 !important;
+ }
+ .pt-lg-1 {
+ padding-top: 0.25rem !important;
+ }
+ .pt-lg-2 {
+ padding-top: 0.5rem !important;
+ }
+ .pt-lg-3 {
+ padding-top: 1rem !important;
+ }
+ .pt-lg-4 {
+ padding-top: 1.5rem !important;
+ }
+ .pt-lg-5 {
+ padding-top: 3rem !important;
+ }
+ .pe-lg-0 {
+ padding-right: 0 !important;
+ }
+ .pe-lg-1 {
+ padding-right: 0.25rem !important;
+ }
+ .pe-lg-2 {
+ padding-right: 0.5rem !important;
+ }
+ .pe-lg-3 {
+ padding-right: 1rem !important;
+ }
+ .pe-lg-4 {
+ padding-right: 1.5rem !important;
+ }
+ .pe-lg-5 {
+ padding-right: 3rem !important;
+ }
+ .pb-lg-0 {
+ padding-bottom: 0 !important;
+ }
+ .pb-lg-1 {
+ padding-bottom: 0.25rem !important;
+ }
+ .pb-lg-2 {
+ padding-bottom: 0.5rem !important;
+ }
+ .pb-lg-3 {
+ padding-bottom: 1rem !important;
+ }
+ .pb-lg-4 {
+ padding-bottom: 1.5rem !important;
+ }
+ .pb-lg-5 {
+ padding-bottom: 3rem !important;
+ }
+ .ps-lg-0 {
+ padding-left: 0 !important;
+ }
+ .ps-lg-1 {
+ padding-left: 0.25rem !important;
+ }
+ .ps-lg-2 {
+ padding-left: 0.5rem !important;
+ }
+ .ps-lg-3 {
+ padding-left: 1rem !important;
+ }
+ .ps-lg-4 {
+ padding-left: 1.5rem !important;
+ }
+ .ps-lg-5 {
+ padding-left: 3rem !important;
+ }
+ .text-lg-start {
+ text-align: left !important;
+ }
+ .text-lg-end {
+ text-align: right !important;
+ }
+ .text-lg-center {
+ text-align: center !important;
+ }
+}
+
+@media (min-width: 1200px) {
+ .float-xl-start {
+ float: left !important;
+ }
+ .float-xl-end {
+ float: right !important;
+ }
+ .float-xl-none {
+ float: none !important;
+ }
+ .d-xl-inline {
+ display: inline !important;
+ }
+ .d-xl-inline-block {
+ display: inline-block !important;
+ }
+ .d-xl-block {
+ display: block !important;
+ }
+ .d-xl-grid {
+ display: grid !important;
+ }
+ .d-xl-table {
+ display: table !important;
+ }
+ .d-xl-table-row {
+ display: table-row !important;
+ }
+ .d-xl-table-cell {
+ display: table-cell !important;
+ }
+ .d-xl-flex {
+ display: flex !important;
+ }
+ .d-xl-inline-flex {
+ display: inline-flex !important;
+ }
+ .d-xl-none {
+ display: none !important;
+ }
+ .flex-xl-fill {
+ flex: 1 1 auto !important;
+ }
+ .flex-xl-row {
+ flex-direction: row !important;
+ }
+ .flex-xl-column {
+ flex-direction: column !important;
+ }
+ .flex-xl-row-reverse {
+ flex-direction: row-reverse !important;
+ }
+ .flex-xl-column-reverse {
+ flex-direction: column-reverse !important;
+ }
+ .flex-xl-grow-0 {
+ flex-grow: 0 !important;
+ }
+ .flex-xl-grow-1 {
+ flex-grow: 1 !important;
+ }
+ .flex-xl-shrink-0 {
+ flex-shrink: 0 !important;
+ }
+ .flex-xl-shrink-1 {
+ flex-shrink: 1 !important;
+ }
+ .flex-xl-wrap {
+ flex-wrap: wrap !important;
+ }
+ .flex-xl-nowrap {
+ flex-wrap: nowrap !important;
+ }
+ .flex-xl-wrap-reverse {
+ flex-wrap: wrap-reverse !important;
+ }
+ .gap-xl-0 {
+ gap: 0 !important;
+ }
+ .gap-xl-1 {
+ gap: 0.25rem !important;
+ }
+ .gap-xl-2 {
+ gap: 0.5rem !important;
+ }
+ .gap-xl-3 {
+ gap: 1rem !important;
+ }
+ .gap-xl-4 {
+ gap: 1.5rem !important;
+ }
+ .gap-xl-5 {
+ gap: 3rem !important;
+ }
+ .justify-content-xl-start {
+ justify-content: flex-start !important;
+ }
+ .justify-content-xl-end {
+ justify-content: flex-end !important;
+ }
+ .justify-content-xl-center {
+ justify-content: center !important;
+ }
+ .justify-content-xl-between {
+ justify-content: space-between !important;
+ }
+ .justify-content-xl-around {
+ justify-content: space-around !important;
+ }
+ .justify-content-xl-evenly {
+ justify-content: space-evenly !important;
+ }
+ .align-items-xl-start {
+ align-items: flex-start !important;
+ }
+ .align-items-xl-end {
+ align-items: flex-end !important;
+ }
+ .align-items-xl-center {
+ align-items: center !important;
+ }
+ .align-items-xl-baseline {
+ align-items: baseline !important;
+ }
+ .align-items-xl-stretch {
+ align-items: stretch !important;
+ }
+ .align-content-xl-start {
+ align-content: flex-start !important;
+ }
+ .align-content-xl-end {
+ align-content: flex-end !important;
+ }
+ .align-content-xl-center {
+ align-content: center !important;
+ }
+ .align-content-xl-between {
+ align-content: space-between !important;
+ }
+ .align-content-xl-around {
+ align-content: space-around !important;
+ }
+ .align-content-xl-stretch {
+ align-content: stretch !important;
+ }
+ .align-self-xl-auto {
+ align-self: auto !important;
+ }
+ .align-self-xl-start {
+ align-self: flex-start !important;
+ }
+ .align-self-xl-end {
+ align-self: flex-end !important;
+ }
+ .align-self-xl-center {
+ align-self: center !important;
+ }
+ .align-self-xl-baseline {
+ align-self: baseline !important;
+ }
+ .align-self-xl-stretch {
+ align-self: stretch !important;
+ }
+ .order-xl-first {
+ order: -1 !important;
+ }
+ .order-xl-0 {
+ order: 0 !important;
+ }
+ .order-xl-1 {
+ order: 1 !important;
+ }
+ .order-xl-2 {
+ order: 2 !important;
+ }
+ .order-xl-3 {
+ order: 3 !important;
+ }
+ .order-xl-4 {
+ order: 4 !important;
+ }
+ .order-xl-5 {
+ order: 5 !important;
+ }
+ .order-xl-last {
+ order: 6 !important;
+ }
+ .m-xl-0 {
+ margin: 0 !important;
+ }
+ .m-xl-1 {
+ margin: 0.25rem !important;
+ }
+ .m-xl-2 {
+ margin: 0.5rem !important;
+ }
+ .m-xl-3 {
+ margin: 1rem !important;
+ }
+ .m-xl-4 {
+ margin: 1.5rem !important;
+ }
+ .m-xl-5 {
+ margin: 3rem !important;
+ }
+ .m-xl-auto {
+ margin: auto !important;
+ }
+ .mx-xl-0 {
+ margin-right: 0 !important;
+ margin-left: 0 !important;
+ }
+ .mx-xl-1 {
+ margin-right: 0.25rem !important;
+ margin-left: 0.25rem !important;
+ }
+ .mx-xl-2 {
+ margin-right: 0.5rem !important;
+ margin-left: 0.5rem !important;
+ }
+ .mx-xl-3 {
+ margin-right: 1rem !important;
+ margin-left: 1rem !important;
+ }
+ .mx-xl-4 {
+ margin-right: 1.5rem !important;
+ margin-left: 1.5rem !important;
+ }
+ .mx-xl-5 {
+ margin-right: 3rem !important;
+ margin-left: 3rem !important;
+ }
+ .mx-xl-auto {
+ margin-right: auto !important;
+ margin-left: auto !important;
+ }
+ .my-xl-0 {
+ margin-top: 0 !important;
+ margin-bottom: 0 !important;
+ }
+ .my-xl-1 {
+ margin-top: 0.25rem !important;
+ margin-bottom: 0.25rem !important;
+ }
+ .my-xl-2 {
+ margin-top: 0.5rem !important;
+ margin-bottom: 0.5rem !important;
+ }
+ .my-xl-3 {
+ margin-top: 1rem !important;
+ margin-bottom: 1rem !important;
+ }
+ .my-xl-4 {
+ margin-top: 1.5rem !important;
+ margin-bottom: 1.5rem !important;
+ }
+ .my-xl-5 {
+ margin-top: 3rem !important;
+ margin-bottom: 3rem !important;
+ }
+ .my-xl-auto {
+ margin-top: auto !important;
+ margin-bottom: auto !important;
+ }
+ .mt-xl-0 {
+ margin-top: 0 !important;
+ }
+ .mt-xl-1 {
+ margin-top: 0.25rem !important;
+ }
+ .mt-xl-2 {
+ margin-top: 0.5rem !important;
+ }
+ .mt-xl-3 {
+ margin-top: 1rem !important;
+ }
+ .mt-xl-4 {
+ margin-top: 1.5rem !important;
+ }
+ .mt-xl-5 {
+ margin-top: 3rem !important;
+ }
+ .mt-xl-auto {
+ margin-top: auto !important;
+ }
+ .me-xl-0 {
+ margin-right: 0 !important;
+ }
+ .me-xl-1 {
+ margin-right: 0.25rem !important;
+ }
+ .me-xl-2 {
+ margin-right: 0.5rem !important;
+ }
+ .me-xl-3 {
+ margin-right: 1rem !important;
+ }
+ .me-xl-4 {
+ margin-right: 1.5rem !important;
+ }
+ .me-xl-5 {
+ margin-right: 3rem !important;
+ }
+ .me-xl-auto {
+ margin-right: auto !important;
+ }
+ .mb-xl-0 {
+ margin-bottom: 0 !important;
+ }
+ .mb-xl-1 {
+ margin-bottom: 0.25rem !important;
+ }
+ .mb-xl-2 {
+ margin-bottom: 0.5rem !important;
+ }
+ .mb-xl-3 {
+ margin-bottom: 1rem !important;
+ }
+ .mb-xl-4 {
+ margin-bottom: 1.5rem !important;
+ }
+ .mb-xl-5 {
+ margin-bottom: 3rem !important;
+ }
+ .mb-xl-auto {
+ margin-bottom: auto !important;
+ }
+ .ms-xl-0 {
+ margin-left: 0 !important;
+ }
+ .ms-xl-1 {
+ margin-left: 0.25rem !important;
+ }
+ .ms-xl-2 {
+ margin-left: 0.5rem !important;
+ }
+ .ms-xl-3 {
+ margin-left: 1rem !important;
+ }
+ .ms-xl-4 {
+ margin-left: 1.5rem !important;
+ }
+ .ms-xl-5 {
+ margin-left: 3rem !important;
+ }
+ .ms-xl-auto {
+ margin-left: auto !important;
+ }
+ .p-xl-0 {
+ padding: 0 !important;
+ }
+ .p-xl-1 {
+ padding: 0.25rem !important;
+ }
+ .p-xl-2 {
+ padding: 0.5rem !important;
+ }
+ .p-xl-3 {
+ padding: 1rem !important;
+ }
+ .p-xl-4 {
+ padding: 1.5rem !important;
+ }
+ .p-xl-5 {
+ padding: 3rem !important;
+ }
+ .px-xl-0 {
+ padding-right: 0 !important;
+ padding-left: 0 !important;
+ }
+ .px-xl-1 {
+ padding-right: 0.25rem !important;
+ padding-left: 0.25rem !important;
+ }
+ .px-xl-2 {
+ padding-right: 0.5rem !important;
+ padding-left: 0.5rem !important;
+ }
+ .px-xl-3 {
+ padding-right: 1rem !important;
+ padding-left: 1rem !important;
+ }
+ .px-xl-4 {
+ padding-right: 1.5rem !important;
+ padding-left: 1.5rem !important;
+ }
+ .px-xl-5 {
+ padding-right: 3rem !important;
+ padding-left: 3rem !important;
+ }
+ .py-xl-0 {
+ padding-top: 0 !important;
+ padding-bottom: 0 !important;
+ }
+ .py-xl-1 {
+ padding-top: 0.25rem !important;
+ padding-bottom: 0.25rem !important;
+ }
+ .py-xl-2 {
+ padding-top: 0.5rem !important;
+ padding-bottom: 0.5rem !important;
+ }
+ .py-xl-3 {
+ padding-top: 1rem !important;
+ padding-bottom: 1rem !important;
+ }
+ .py-xl-4 {
+ padding-top: 1.5rem !important;
+ padding-bottom: 1.5rem !important;
+ }
+ .py-xl-5 {
+ padding-top: 3rem !important;
+ padding-bottom: 3rem !important;
+ }
+ .pt-xl-0 {
+ padding-top: 0 !important;
+ }
+ .pt-xl-1 {
+ padding-top: 0.25rem !important;
+ }
+ .pt-xl-2 {
+ padding-top: 0.5rem !important;
+ }
+ .pt-xl-3 {
+ padding-top: 1rem !important;
+ }
+ .pt-xl-4 {
+ padding-top: 1.5rem !important;
+ }
+ .pt-xl-5 {
+ padding-top: 3rem !important;
+ }
+ .pe-xl-0 {
+ padding-right: 0 !important;
+ }
+ .pe-xl-1 {
+ padding-right: 0.25rem !important;
+ }
+ .pe-xl-2 {
+ padding-right: 0.5rem !important;
+ }
+ .pe-xl-3 {
+ padding-right: 1rem !important;
+ }
+ .pe-xl-4 {
+ padding-right: 1.5rem !important;
+ }
+ .pe-xl-5 {
+ padding-right: 3rem !important;
+ }
+ .pb-xl-0 {
+ padding-bottom: 0 !important;
+ }
+ .pb-xl-1 {
+ padding-bottom: 0.25rem !important;
+ }
+ .pb-xl-2 {
+ padding-bottom: 0.5rem !important;
+ }
+ .pb-xl-3 {
+ padding-bottom: 1rem !important;
+ }
+ .pb-xl-4 {
+ padding-bottom: 1.5rem !important;
+ }
+ .pb-xl-5 {
+ padding-bottom: 3rem !important;
+ }
+ .ps-xl-0 {
+ padding-left: 0 !important;
+ }
+ .ps-xl-1 {
+ padding-left: 0.25rem !important;
+ }
+ .ps-xl-2 {
+ padding-left: 0.5rem !important;
+ }
+ .ps-xl-3 {
+ padding-left: 1rem !important;
+ }
+ .ps-xl-4 {
+ padding-left: 1.5rem !important;
+ }
+ .ps-xl-5 {
+ padding-left: 3rem !important;
+ }
+ .text-xl-start {
+ text-align: left !important;
+ }
+ .text-xl-end {
+ text-align: right !important;
+ }
+ .text-xl-center {
+ text-align: center !important;
+ }
+}
+
+@media (min-width: 1400px) {
+ .float-xxl-start {
+ float: left !important;
+ }
+ .float-xxl-end {
+ float: right !important;
+ }
+ .float-xxl-none {
+ float: none !important;
+ }
+ .d-xxl-inline {
+ display: inline !important;
+ }
+ .d-xxl-inline-block {
+ display: inline-block !important;
+ }
+ .d-xxl-block {
+ display: block !important;
+ }
+ .d-xxl-grid {
+ display: grid !important;
+ }
+ .d-xxl-table {
+ display: table !important;
+ }
+ .d-xxl-table-row {
+ display: table-row !important;
+ }
+ .d-xxl-table-cell {
+ display: table-cell !important;
+ }
+ .d-xxl-flex {
+ display: flex !important;
+ }
+ .d-xxl-inline-flex {
+ display: inline-flex !important;
+ }
+ .d-xxl-none {
+ display: none !important;
+ }
+ .flex-xxl-fill {
+ flex: 1 1 auto !important;
+ }
+ .flex-xxl-row {
+ flex-direction: row !important;
+ }
+ .flex-xxl-column {
+ flex-direction: column !important;
+ }
+ .flex-xxl-row-reverse {
+ flex-direction: row-reverse !important;
+ }
+ .flex-xxl-column-reverse {
+ flex-direction: column-reverse !important;
+ }
+ .flex-xxl-grow-0 {
+ flex-grow: 0 !important;
+ }
+ .flex-xxl-grow-1 {
+ flex-grow: 1 !important;
+ }
+ .flex-xxl-shrink-0 {
+ flex-shrink: 0 !important;
+ }
+ .flex-xxl-shrink-1 {
+ flex-shrink: 1 !important;
+ }
+ .flex-xxl-wrap {
+ flex-wrap: wrap !important;
+ }
+ .flex-xxl-nowrap {
+ flex-wrap: nowrap !important;
+ }
+ .flex-xxl-wrap-reverse {
+ flex-wrap: wrap-reverse !important;
+ }
+ .gap-xxl-0 {
+ gap: 0 !important;
+ }
+ .gap-xxl-1 {
+ gap: 0.25rem !important;
+ }
+ .gap-xxl-2 {
+ gap: 0.5rem !important;
+ }
+ .gap-xxl-3 {
+ gap: 1rem !important;
+ }
+ .gap-xxl-4 {
+ gap: 1.5rem !important;
+ }
+ .gap-xxl-5 {
+ gap: 3rem !important;
+ }
+ .justify-content-xxl-start {
+ justify-content: flex-start !important;
+ }
+ .justify-content-xxl-end {
+ justify-content: flex-end !important;
+ }
+ .justify-content-xxl-center {
+ justify-content: center !important;
+ }
+ .justify-content-xxl-between {
+ justify-content: space-between !important;
+ }
+ .justify-content-xxl-around {
+ justify-content: space-around !important;
+ }
+ .justify-content-xxl-evenly {
+ justify-content: space-evenly !important;
+ }
+ .align-items-xxl-start {
+ align-items: flex-start !important;
+ }
+ .align-items-xxl-end {
+ align-items: flex-end !important;
+ }
+ .align-items-xxl-center {
+ align-items: center !important;
+ }
+ .align-items-xxl-baseline {
+ align-items: baseline !important;
+ }
+ .align-items-xxl-stretch {
+ align-items: stretch !important;
+ }
+ .align-content-xxl-start {
+ align-content: flex-start !important;
+ }
+ .align-content-xxl-end {
+ align-content: flex-end !important;
+ }
+ .align-content-xxl-center {
+ align-content: center !important;
+ }
+ .align-content-xxl-between {
+ align-content: space-between !important;
+ }
+ .align-content-xxl-around {
+ align-content: space-around !important;
+ }
+ .align-content-xxl-stretch {
+ align-content: stretch !important;
+ }
+ .align-self-xxl-auto {
+ align-self: auto !important;
+ }
+ .align-self-xxl-start {
+ align-self: flex-start !important;
+ }
+ .align-self-xxl-end {
+ align-self: flex-end !important;
+ }
+ .align-self-xxl-center {
+ align-self: center !important;
+ }
+ .align-self-xxl-baseline {
+ align-self: baseline !important;
+ }
+ .align-self-xxl-stretch {
+ align-self: stretch !important;
+ }
+ .order-xxl-first {
+ order: -1 !important;
+ }
+ .order-xxl-0 {
+ order: 0 !important;
+ }
+ .order-xxl-1 {
+ order: 1 !important;
+ }
+ .order-xxl-2 {
+ order: 2 !important;
+ }
+ .order-xxl-3 {
+ order: 3 !important;
+ }
+ .order-xxl-4 {
+ order: 4 !important;
+ }
+ .order-xxl-5 {
+ order: 5 !important;
+ }
+ .order-xxl-last {
+ order: 6 !important;
+ }
+ .m-xxl-0 {
+ margin: 0 !important;
+ }
+ .m-xxl-1 {
+ margin: 0.25rem !important;
+ }
+ .m-xxl-2 {
+ margin: 0.5rem !important;
+ }
+ .m-xxl-3 {
+ margin: 1rem !important;
+ }
+ .m-xxl-4 {
+ margin: 1.5rem !important;
+ }
+ .m-xxl-5 {
+ margin: 3rem !important;
+ }
+ .m-xxl-auto {
+ margin: auto !important;
+ }
+ .mx-xxl-0 {
+ margin-right: 0 !important;
+ margin-left: 0 !important;
+ }
+ .mx-xxl-1 {
+ margin-right: 0.25rem !important;
+ margin-left: 0.25rem !important;
+ }
+ .mx-xxl-2 {
+ margin-right: 0.5rem !important;
+ margin-left: 0.5rem !important;
+ }
+ .mx-xxl-3 {
+ margin-right: 1rem !important;
+ margin-left: 1rem !important;
+ }
+ .mx-xxl-4 {
+ margin-right: 1.5rem !important;
+ margin-left: 1.5rem !important;
+ }
+ .mx-xxl-5 {
+ margin-right: 3rem !important;
+ margin-left: 3rem !important;
+ }
+ .mx-xxl-auto {
+ margin-right: auto !important;
+ margin-left: auto !important;
+ }
+ .my-xxl-0 {
+ margin-top: 0 !important;
+ margin-bottom: 0 !important;
+ }
+ .my-xxl-1 {
+ margin-top: 0.25rem !important;
+ margin-bottom: 0.25rem !important;
+ }
+ .my-xxl-2 {
+ margin-top: 0.5rem !important;
+ margin-bottom: 0.5rem !important;
+ }
+ .my-xxl-3 {
+ margin-top: 1rem !important;
+ margin-bottom: 1rem !important;
+ }
+ .my-xxl-4 {
+ margin-top: 1.5rem !important;
+ margin-bottom: 1.5rem !important;
+ }
+ .my-xxl-5 {
+ margin-top: 3rem !important;
+ margin-bottom: 3rem !important;
+ }
+ .my-xxl-auto {
+ margin-top: auto !important;
+ margin-bottom: auto !important;
+ }
+ .mt-xxl-0 {
+ margin-top: 0 !important;
+ }
+ .mt-xxl-1 {
+ margin-top: 0.25rem !important;
+ }
+ .mt-xxl-2 {
+ margin-top: 0.5rem !important;
+ }
+ .mt-xxl-3 {
+ margin-top: 1rem !important;
+ }
+ .mt-xxl-4 {
+ margin-top: 1.5rem !important;
+ }
+ .mt-xxl-5 {
+ margin-top: 3rem !important;
+ }
+ .mt-xxl-auto {
+ margin-top: auto !important;
+ }
+ .me-xxl-0 {
+ margin-right: 0 !important;
+ }
+ .me-xxl-1 {
+ margin-right: 0.25rem !important;
+ }
+ .me-xxl-2 {
+ margin-right: 0.5rem !important;
+ }
+ .me-xxl-3 {
+ margin-right: 1rem !important;
+ }
+ .me-xxl-4 {
+ margin-right: 1.5rem !important;
+ }
+ .me-xxl-5 {
+ margin-right: 3rem !important;
+ }
+ .me-xxl-auto {
+ margin-right: auto !important;
+ }
+ .mb-xxl-0 {
+ margin-bottom: 0 !important;
+ }
+ .mb-xxl-1 {
+ margin-bottom: 0.25rem !important;
+ }
+ .mb-xxl-2 {
+ margin-bottom: 0.5rem !important;
+ }
+ .mb-xxl-3 {
+ margin-bottom: 1rem !important;
+ }
+ .mb-xxl-4 {
+ margin-bottom: 1.5rem !important;
+ }
+ .mb-xxl-5 {
+ margin-bottom: 3rem !important;
+ }
+ .mb-xxl-auto {
+ margin-bottom: auto !important;
+ }
+ .ms-xxl-0 {
+ margin-left: 0 !important;
+ }
+ .ms-xxl-1 {
+ margin-left: 0.25rem !important;
+ }
+ .ms-xxl-2 {
+ margin-left: 0.5rem !important;
+ }
+ .ms-xxl-3 {
+ margin-left: 1rem !important;
+ }
+ .ms-xxl-4 {
+ margin-left: 1.5rem !important;
+ }
+ .ms-xxl-5 {
+ margin-left: 3rem !important;
+ }
+ .ms-xxl-auto {
+ margin-left: auto !important;
+ }
+ .p-xxl-0 {
+ padding: 0 !important;
+ }
+ .p-xxl-1 {
+ padding: 0.25rem !important;
+ }
+ .p-xxl-2 {
+ padding: 0.5rem !important;
+ }
+ .p-xxl-3 {
+ padding: 1rem !important;
+ }
+ .p-xxl-4 {
+ padding: 1.5rem !important;
+ }
+ .p-xxl-5 {
+ padding: 3rem !important;
+ }
+ .px-xxl-0 {
+ padding-right: 0 !important;
+ padding-left: 0 !important;
+ }
+ .px-xxl-1 {
+ padding-right: 0.25rem !important;
+ padding-left: 0.25rem !important;
+ }
+ .px-xxl-2 {
+ padding-right: 0.5rem !important;
+ padding-left: 0.5rem !important;
+ }
+ .px-xxl-3 {
+ padding-right: 1rem !important;
+ padding-left: 1rem !important;
+ }
+ .px-xxl-4 {
+ padding-right: 1.5rem !important;
+ padding-left: 1.5rem !important;
+ }
+ .px-xxl-5 {
+ padding-right: 3rem !important;
+ padding-left: 3rem !important;
+ }
+ .py-xxl-0 {
+ padding-top: 0 !important;
+ padding-bottom: 0 !important;
+ }
+ .py-xxl-1 {
+ padding-top: 0.25rem !important;
+ padding-bottom: 0.25rem !important;
+ }
+ .py-xxl-2 {
+ padding-top: 0.5rem !important;
+ padding-bottom: 0.5rem !important;
+ }
+ .py-xxl-3 {
+ padding-top: 1rem !important;
+ padding-bottom: 1rem !important;
+ }
+ .py-xxl-4 {
+ padding-top: 1.5rem !important;
+ padding-bottom: 1.5rem !important;
+ }
+ .py-xxl-5 {
+ padding-top: 3rem !important;
+ padding-bottom: 3rem !important;
+ }
+ .pt-xxl-0 {
+ padding-top: 0 !important;
+ }
+ .pt-xxl-1 {
+ padding-top: 0.25rem !important;
+ }
+ .pt-xxl-2 {
+ padding-top: 0.5rem !important;
+ }
+ .pt-xxl-3 {
+ padding-top: 1rem !important;
+ }
+ .pt-xxl-4 {
+ padding-top: 1.5rem !important;
+ }
+ .pt-xxl-5 {
+ padding-top: 3rem !important;
+ }
+ .pe-xxl-0 {
+ padding-right: 0 !important;
+ }
+ .pe-xxl-1 {
+ padding-right: 0.25rem !important;
+ }
+ .pe-xxl-2 {
+ padding-right: 0.5rem !important;
+ }
+ .pe-xxl-3 {
+ padding-right: 1rem !important;
+ }
+ .pe-xxl-4 {
+ padding-right: 1.5rem !important;
+ }
+ .pe-xxl-5 {
+ padding-right: 3rem !important;
+ }
+ .pb-xxl-0 {
+ padding-bottom: 0 !important;
+ }
+ .pb-xxl-1 {
+ padding-bottom: 0.25rem !important;
+ }
+ .pb-xxl-2 {
+ padding-bottom: 0.5rem !important;
+ }
+ .pb-xxl-3 {
+ padding-bottom: 1rem !important;
+ }
+ .pb-xxl-4 {
+ padding-bottom: 1.5rem !important;
+ }
+ .pb-xxl-5 {
+ padding-bottom: 3rem !important;
+ }
+ .ps-xxl-0 {
+ padding-left: 0 !important;
+ }
+ .ps-xxl-1 {
+ padding-left: 0.25rem !important;
+ }
+ .ps-xxl-2 {
+ padding-left: 0.5rem !important;
+ }
+ .ps-xxl-3 {
+ padding-left: 1rem !important;
+ }
+ .ps-xxl-4 {
+ padding-left: 1.5rem !important;
+ }
+ .ps-xxl-5 {
+ padding-left: 3rem !important;
+ }
+ .text-xxl-start {
+ text-align: left !important;
+ }
+ .text-xxl-end {
+ text-align: right !important;
+ }
+ .text-xxl-center {
+ text-align: center !important;
+ }
+}
+
+@media (min-width: 1200px) {
+ .fs-1 {
+ font-size: 2.5rem !important;
+ }
+ .fs-2 {
+ font-size: 2rem !important;
+ }
+ .fs-3 {
+ font-size: 1.75rem !important;
+ }
+ .fs-4 {
+ font-size: 1.5rem !important;
+ }
+}
+
+@media print {
+ .d-print-inline {
+ display: inline !important;
+ }
+ .d-print-inline-block {
+ display: inline-block !important;
+ }
+ .d-print-block {
+ display: block !important;
+ }
+ .d-print-grid {
+ display: grid !important;
+ }
+ .d-print-table {
+ display: table !important;
+ }
+ .d-print-table-row {
+ display: table-row !important;
+ }
+ .d-print-table-cell {
+ display: table-cell !important;
+ }
+ .d-print-flex {
+ display: flex !important;
+ }
+ .d-print-inline-flex {
+ display: inline-flex !important;
+ }
+ .d-print-none {
+ display: none !important;
+ }
+}
+
+/*!
+ FiMobile customize css starts here
+ * FiMobile v2 (https://maxartkiller.com/)
+ * Copyright 2021 Maxartkiller
+ */
+/* 2. variables */
+:root {
+ --fimobile-green: #3ac79b;
+ --fimobile-red: #f73563;
+ --fimobile-yellow: #ffbd17;
+ --fimobile-blue: #3c63e2;
+ --fimobile-rounded: 15px;
+ --fimobile-padding: 15px;
+ --bs-gutter-x: var(--fimobile-padding);
+ --fimobile-input-rounded: 10px;
+ /* radial gradient colors */
+ --fimobile-theme-color-grad-1: #1DACA7;
+ --fimobile-theme-color-grad-2: #1DACA7;
+ --fimobile-theme-color-grad-3: #1DACA7;
+ /* color schemes 버튼 */
+ --fimobile-theme-color: #1DACA7;
+ --fimobile-theme-color-2: #333333;
+ --fimobile-theme-color-3: #F4D137;
+ --fimobile-theme-color-light: #d3ddfd;
+ --fimobile-theme-bordercolor: #dadff6;
+ --fimobile-theme-text: #ffffff;
+ --fimobile-header: transparent;
+ --fimobile-header-active: #ffffff;
+ --fimobile-header-text: #000000;
+ --fimobile-footer: #ffffff;
+ --fimobile-footer-text: #999999;
+ --fimobile-footer-text-active: var(--fimobile-theme-color);
+ --fimobile-sidebar: var(--fimobile-theme-color);
+ --fimobile-sidebar-text: #ffffff;
+ --fimobile-sidebar-text-active: #ffffff;
+ --fimobile-card-color: rgba(255, 255, 255, 0.85);
+ --fimobile-card-text: #000000;
+ --fimobile-page-bg-1: #f1f3f8;
+ --fimobile-page-bg-2: #ffffff;
+ --fimobile-page-text: #000000;
+ --fimobile-page-link: var(--fimobile-theme-color);
+}
+
+:root .row > *,
+:root .container,
+:root .container-fluid,
+:root .container-sm,
+:root .container-md,
+:root .container-lg,
+:root .container-xl,
+:root .container-xxl,
+:root .container-sm,
+:root .container-md,
+:root .container-lg,
+:root .container-xl,
+:root .container-xxl {
+ padding-left: var(--fimobile-padding);
+ padding-right: var(--fimobile-padding);
+}
+
+:root .row {
+ margin-right: calc(var(--fimobile-padding) * -1);
+ margin-left: calc(var(--fimobile-padding) * -1);
+}
+
+.theme-indigo {
+ /* radial gradient colors */
+ --fimobile-theme-color-grad-1: #1DACA7;
+ --fimobile-theme-color-grad-2: #1DACA7;
+ --fimobile-theme-color-grad-3: #1DACA7;
+ /* color schemes */
+ --fimobile-theme-color: #6610f2;
+ --fimobile-theme-color-2: #550bce;
+ --fimobile-theme-color-light: #f4fdff;
+ --fimobile-theme-bordercolor: rgba(51, 7, 124, 0.15);
+ --fimobile-theme-text: #ffffff;
+ --fimobile-header: transparent;
+ --fimobile-header-active: #ffffff;
+ --fimobile-header-text: #000000;
+ --fimobile-footer: #ffffff;
+ --fimobile-footer-text: #999999;
+ --fimobile-footer-text-active: var(--fimobile-theme-color);
+ --fimobile-sidebar: var(--fimobile-theme-color);
+ --fimobile-sidebar-text: #ffffff;
+ --fimobile-sidebar-text-active: #ffffff;
+ --fimobile-page-bg-1: #fff9fb;
+ --fimobile-page-bg-2: #f1eafe;
+ --fimobile-page-text: #000000;
+ --fimobile-page-link: var(--fimobile-theme-color);
+}
+
+.theme-purple {
+ /* radial gradient colors */
+ --fimobile-theme-color-grad-1: #e908d8;
+ --fimobile-theme-color-grad-2: #5a2ab3;
+ --fimobile-theme-color-grad-3: #300284;
+ /* color schemes */
+ --fimobile-theme-color: #6f42c1;
+ --fimobile-theme-color-2: #5d36a4;
+ --fimobile-theme-color-light: #f4fdff;
+ --fimobile-theme-bordercolor: rgba(56, 32, 99, 0.15);
+ --fimobile-theme-text: #ffffff;
+ --fimobile-header: transparent;
+ --fimobile-header-active: #ffffff;
+ --fimobile-header-text: #000000;
+ --fimobile-footer: #ffffff;
+ --fimobile-footer-text: #999999;
+ --fimobile-footer-text-active: var(--fimobile-theme-color);
+ --fimobile-sidebar: var(--fimobile-theme-color);
+ --fimobile-sidebar-text: #ffffff;
+ --fimobile-sidebar-text-active: #ffffff;
+ --fimobile-page-bg-1: #e5f9fe;
+ --fimobile-page-bg-2: #f3effa;
+ --fimobile-page-text: #000000;
+ --fimobile-page-link: var(--fimobile-theme-color);
+}
+
+.theme-pink {
+ /* radial gradient colors */
+ --fimobile-theme-color-grad-1: #f38ac4;
+ --fimobile-theme-color-grad-2: #d11e78;
+ --fimobile-theme-color-grad-3: #300284;
+ /* color schemes */
+ --fimobile-theme-color: #d63384;
+ --fimobile-theme-color-2: #bb2670;
+ --fimobile-theme-color-light: #f4fdff;
+ --fimobile-theme-bordercolor: rgba(114, 23, 68, 0.15);
+ --fimobile-theme-text: #ffffff;
+ --fimobile-header: transparent;
+ --fimobile-header-active: #ffffff;
+ --fimobile-header-text: #000000;
+ --fimobile-footer: #ffffff;
+ --fimobile-footer-text: #999999;
+ --fimobile-footer-text-active: var(--fimobile-theme-color);
+ --fimobile-sidebar: var(--fimobile-theme-color);
+ --fimobile-sidebar-text: #ffffff;
+ --fimobile-sidebar-text-active: #ffffff;
+ --fimobile-page-bg-1: #fffbf2;
+ --fimobile-page-bg-2: #fcf2f7;
+ --fimobile-page-text: #000000;
+ --fimobile-page-link: var(--fimobile-theme-color);
+}
+
+.theme-red {
+ /* radial gradient colors */
+ --fimobile-theme-color-grad-1: #ffc107;
+ --fimobile-theme-color-grad-2: #e91547;
+ --fimobile-theme-color-grad-3: #77001c;
+ /* color schemes */
+ /* color schemes */
+ --fimobile-theme-color: #f73563;
+ --fimobile-theme-color-2: #f50e45;
+ --fimobile-theme-color-light: #f4fdff;
+ --fimobile-theme-bordercolor: rgba(166, 7, 44, 0.1);
+ --fimobile-theme-text: #ffffff;
+ --fimobile-header: transparent;
+ --fimobile-header-active: #ffffff;
+ --fimobile-header-text: #000000;
+ --fimobile-footer: #ffffff;
+ --fimobile-footer-text: #999999;
+ --fimobile-footer-text-active: var(--fimobile-theme-color);
+ --fimobile-sidebar: var(--fimobile-theme-color);
+ --fimobile-sidebar-text: #ffffff;
+ --fimobile-sidebar-text-active: #ffffff;
+ --fimobile-page-bg-1: #fffaed;
+ --fimobile-page-bg-2: white;
+ --fimobile-page-text: #000000;
+ --fimobile-page-link: var(--fimobile-theme-color);
+}
+
+.theme-orange {
+ /* radial gradient colors */
+ --fimobile-theme-color-grad-1: #ffc107;
+ --fimobile-theme-color-grad-2: #ec6c02;
+ --fimobile-theme-color-grad-3: #c70042;
+ /* color schemes */
+ --fimobile-theme-color: #fd7e14;
+ --fimobile-theme-color-2: #e66a02;
+ --fimobile-theme-color-light: #f4fdff;
+ --fimobile-theme-bordercolor: rgba(144, 66, 1, 0.15);
+ --fimobile-theme-text: #ffffff;
+ --fimobile-header: transparent;
+ --fimobile-header-active: #ffffff;
+ --fimobile-header-text: #000000;
+ --fimobile-footer: #ffffff;
+ --fimobile-footer-text: #999999;
+ --fimobile-footer-text-active: var(--fimobile-theme-color);
+ --fimobile-sidebar: var(--fimobile-theme-color);
+ --fimobile-sidebar-text: #ffffff;
+ --fimobile-sidebar-text-active: #ffffff;
+ --fimobile-page-bg-1: #fffbf2;
+ --fimobile-page-bg-2: #fff3e8;
+ --fimobile-page-text: #000000;
+ --fimobile-page-link: var(--fimobile-theme-color);
+}
+
+.theme-yellow {
+ /* radial gradient colors */
+ --fimobile-theme-color-grad-1: #ffdb6f;
+ --fimobile-theme-color-grad-2: #f0ac00;
+ --fimobile-theme-color-grad-3: #f03000;
+ /* color schemes */
+ --fimobile-theme-color: #ffbd17;
+ --fimobile-theme-color-2: #edaa00;
+ --fimobile-theme-color-light: #f4fdff;
+ --fimobile-theme-bordercolor: rgba(151, 108, 0, 0.15);
+ --fimobile-theme-text: #ffffff;
+ --fimobile-header: transparent;
+ --fimobile-header-active: #ffffff;
+ --fimobile-header-text: #000000;
+ --fimobile-footer: #ffffff;
+ --fimobile-footer-text: #999999;
+ --fimobile-footer-text-active: var(--fimobile-theme-color);
+ --fimobile-sidebar: var(--fimobile-theme-color);
+ --fimobile-sidebar-text: #ffffff;
+ --fimobile-sidebar-text-active: #ffffff;
+ --fimobile-page-bg-1: #f6f8fe;
+ --fimobile-page-bg-2: #fffaed;
+ --fimobile-page-text: #000000;
+ --fimobile-page-link: var(--fimobile-theme-color);
+}
+
+.theme-green {
+ /* radial gradient colors */
+ --fimobile-theme-color-grad-1: #a9e682;
+ --fimobile-theme-color-grad-2: #1fbb8a;
+ --fimobile-theme-color-grad-3: #0072c3;
+ /* color schemes */
+ --fimobile-theme-color: #3ac79b;
+ --fimobile-theme-color-2: #30a883;
+ --fimobile-theme-color-light: #f4fdff;
+ --fimobile-theme-bordercolor: rgba(29, 101, 78, 0.15);
+ --fimobile-theme-text: #ffffff;
+ --fimobile-header: transparent;
+ --fimobile-header-active: #ffffff;
+ --fimobile-header-text: #000000;
+ --fimobile-footer: #ffffff;
+ --fimobile-footer-text: #999999;
+ --fimobile-footer-text-active: var(--fimobile-theme-color);
+ --fimobile-sidebar: var(--fimobile-theme-color);
+ --fimobile-sidebar-text: #ffffff;
+ --fimobile-sidebar-text-active: #ffffff;
+ --fimobile-page-bg-1: #fffefd;
+ --fimobile-page-bg-2: #edfaf6;
+ --fimobile-page-text: #000000;
+ --fimobile-page-link: var(--fimobile-theme-color);
+}
+
+.theme-teal {
+ /* radial gradient colors */
+ --fimobile-theme-color-grad-1: #a2fffa;
+ --fimobile-theme-color-grad-2: #00a2ad;
+ --fimobile-theme-color-grad-3: #3f51b5;
+ /* color schemes */
+ --fimobile-theme-color: #0ab2be;
+ --fimobile-theme-color-2: #088e97;
+ --fimobile-theme-color-light: #f4fdff;
+ --fimobile-theme-bordercolor: rgba(4, 65, 69, 0.15);
+ --fimobile-theme-text: #ffffff;
+ --fimobile-header: transparent;
+ --fimobile-header-active: #ffffff;
+ --fimobile-header-text: #000000;
+ --fimobile-footer: #ffffff;
+ --fimobile-footer-text: #999999;
+ --fimobile-footer-text-active: var(--fimobile-theme-color);
+ --fimobile-sidebar: var(--fimobile-theme-color);
+ --fimobile-sidebar-text: #ffffff;
+ --fimobile-sidebar-text-active: #ffffff;
+ --fimobile-page-bg-1: #fff4f7;
+ --fimobile-page-bg-2: #e3fcfe;
+ --fimobile-page-text: #000000;
+ --fimobile-page-link: var(--fimobile-theme-color);
+}
+
+.theme-cyan {
+ /* radial gradient colors */
+ --fimobile-theme-color-grad-1: #9df5dc;
+ --fimobile-theme-color-grad-2: #00b5da;
+ --fimobile-theme-color-grad-3: #673ab7;
+ /* color schemes */
+ --fimobile-theme-color: #0dcaf0;
+ --fimobile-theme-color-2: #0ba9c9;
+ --fimobile-theme-color-light: #f4fdff;
+ --fimobile-theme-bordercolor: rgba(6, 100, 119, 0.15);
+ --fimobile-theme-text: #ffffff;
+ --fimobile-header: transparent;
+ --fimobile-header-active: #ffffff;
+ --fimobile-header-text: #000000;
+ --fimobile-footer: #ffffff;
+ --fimobile-footer-text: #999999;
+ --fimobile-footer-text-active: var(--fimobile-theme-color);
+ --fimobile-sidebar: var(--fimobile-theme-color);
+ --fimobile-sidebar-text: #ffffff;
+ --fimobile-sidebar-text-active: #ffffff;
+ --fimobile-page-bg-1: #fff9fb;
+ --fimobile-page-bg-2: #e5f9fe;
+ --fimobile-page-text: #000000;
+ --fimobile-page-link: var(--fimobile-theme-color);
+}
+
+@media screen and (max-width: 340px) {
+ :root {
+ --fimobile-padding: 10px;
+ --fimobile-rounded: 12px;
+ }
+}
+
+/* 3. utility */
+.modal-dialog-ends {
+ display: flex;
+ align-items: flex-end;
+ min-height: calc(100% - 1rem);
+}
+
+.border-left-5,
+.card.border-left-5 {
+ border-left-width: 5px;
+ border-left-style: solid;
+}
+
+.blur {
+ filter: blur(10px);
+ -webkit-filter: blur(10px);
+ -moz-filter: blur(10px);
+}
+
+.z-index-0 {
+ z-index: 0;
+}
+
+.z-index-1 {
+ z-index: 1;
+}
+
+.z-index-9 {
+ z-index: 9;
+}
+
+.z-index-10 {
+ z-index: 10;
+}
+
+.overflow-x-auto {
+ overflow-x: auto;
+}
+
+.btn-close,
+.accordion-button::after {
+ background-size: 50%;
+ background-position: center center;
+}
+
+.coverimg {
+ background-size: cover;
+ background-position: center center;
+}
+
+.coverimg + div {
+ position: relative;
+ z-index: 1;
+}
+
+.coverimg + div + div {
+ position: relative;
+ z-index: 1;
+}
+
+.overlay {
+ height: 100%;
+ width: 100%;
+ left: 0;
+ top: 0;
+ z-index: 1;
+ display: block;
+ position: absolute;
+ background: -moz-linear-gradient(top, transparent 0%, transparent 42%, rgba(0, 0, 0, 0.65) 100%);
+ background: -webkit-linear-gradient(top, transparent 0%, transparent 42%, rgba(0, 0, 0, 0.65) 100%);
+ background: linear-gradient(to bottom, transparent 0%, transparent 42%, rgba(0, 0, 0, 0.65) 100%);
+}
+
+.transition-05, .header:after, .sidebar-wrap, .sidebar-wrap .sidebar, .sidebar-wrap.sidebar-pushcontent + main, .footer, .footer .nav .nav-item.centerbutton .nav-link > span img, .footer .nav .nav-item.centerbutton .nav-link > span i.close {
+ -webkit-transition: ease all 0.5s;
+ -moz-transition: ease all 0.5s;
+ transition: ease all 0.5s;
+}
+
+.transition-1, .sidebar-wrap.sidebar-overlay::after {
+ -webkit-transition: ease all 1s;
+ -moz-transition: ease all 1s;
+ transition: ease all 1s;
+}
+
+.rounded-10 {
+ border-radius: calc(var(--fimobile-rounded) - 5px);
+}
+
+.rounded-10-end {
+ border-radius: 0 calc(var(--fimobile-rounded) - 5px) calc(var(--fimobile-rounded) - 5px) 0;
+}
+
+.rounded-15 {
+ border-radius: var(--fimobile-rounded);
+}
+
+.rounded-15-end {
+ border-radius: 0 calc(var(--fimobile-rounded) - 5px) calc(var(--fimobile-rounded) - 5px) 0;
+}
+
+.h-1 {
+ height: 1px;
+}
+
+.h-2 {
+ height: 2px;
+}
+
+.h-4 {
+ height: 4px;
+}
+
+.h-5 {
+ height: 5px;
+}
+
+.h-190 {
+ height: 190px;
+}
+
+.w-10 {
+ width: 10px !important;
+}
+
+.w-12 {
+ width: 12px !important;
+}
+
+.w-110 {
+ min-width: 110px;
+ width: 110px !important;
+}
+
+.opacity-5 {
+ opacity: 0.5;
+}
+
+.vm {
+ vertical-align: middle !important;
+}
+
+.start-auto {
+ left: auto !important;
+}
+
+.phone3d {
+ box-shadow: 0 10px 20px rgba(30, 42, 90, 0.1), inset 4px 4px 6px rgba(0, 0, 0, 0.1), inset -3px -3px 10px rgba(176, 187, 230, 0.8);
+ display: inline-block;
+ padding: 40px 15px 15px 15px;
+ border-radius: 36px;
+ background: #fff;
+ position: relative;
+}
+
+.phone3d:before {
+ content: "";
+ height: 8px;
+ width: 100px;
+ position: absolute;
+ left: 50%;
+ top: 20px;
+ background: #f0f2fa;
+ margin-left: -50px;
+ border-radius: 4px;
+ box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.05);
+}
+
+.phone3d:after {
+ content: "";
+ height: 8px;
+ width: 8px;
+ position: absolute;
+ left: 50%;
+ top: 20px;
+ background: #f0f2fa;
+ margin-left: 60px;
+ border-radius: 4px;
+ box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.05);
+}
+
+.phone3d iframe {
+ border-color: #fff;
+ box-shadow: inset 0 3px 10px rgba(0, 0, 0, 0.2);
+ border-radius: 24px;
+ overflow: hidden;
+ border: 2px solid #e1e6f5;
+ height: 812px;
+ width: 375px;
+}
+
+code,
+pre code {
+ color: #d63384;
+ white-space: pre-wrap;
+}
+
+.clearfix {
+ clear: both;
+ width: 100%;
+ display: flex;
+ margin: 0;
+}
+
+@media screen and (min-width: 768px) {
+ .h-190 {
+ height: 305px;
+ }
+}
+
+/* 4. text */
+.text-muted {
+ opacity: 0.6;
+ color: inherit !important;
+}
+
+h1, .h1,
+.h1,
+h2,
+.h2,
+.h2,
+h3,
+.h3,
+.h3,
+h4,
+.h4,
+.h4,
+h5,
+.h5,
+.h5,
+h6,
+.h6,
+.h6 {
+ font-family: "Nunito", sans-serif;
+ font-weight: 700;
+ margin-bottom: 0;
+}
+
+h1:last-child, .h1:last-child,
+.h1:last-child,
+h2:last-child,
+.h2:last-child,
+.h2:last-child,
+h3:last-child,
+.h3:last-child,
+.h3:last-child,
+h4:last-child,
+.h4:last-child,
+.h4:last-child,
+h5:last-child,
+.h5:last-child,
+.h5:last-child,
+h6:last-child,
+.h6:last-child,
+.h6:last-child {
+ margin-bottom: 0;
+}
+
+h1, .h1,
+.h1 {
+ font-size: 32px;
+ line-height: 1.25;
+}
+
+p {
+ margin-bottom: 10px;
+}
+
+p:last-child {
+ margin-bottom: 0;
+}
+
+.small, small, .small {
+ line-height: 1.22;
+}
+
+strong {
+ font-weight: 600;
+}
+
+a {
+ text-decoration: none;
+}
+
+a,
+.text-color-theme {
+ color: var(--fimobile-theme-color);
+}
+
+.text-color-theme2 {
+ color: var(--fimobile-theme-color-2);
+}
+
+.fw-medium {
+ font-weight: 600;
+}
+
+.size-10 {
+ font-size: 10px;
+ line-height: 12px;
+}
+
+.size-12 {
+ font-size: 12px;
+}
+
+.size-18 {
+ font-size: 18px;
+}
+
+.size-20 {
+ font-size: 20px;
+}
+
+.size-22 {
+ font-size: 22px;
+}
+
+.size-32 {
+ font-size: 32px;
+}
+
+.dark-bg {
+ color: var(--fimobile-theme-text);
+}
+
+.dark-bg a,
+.dark-bg .text-color-theme {
+ color: var(--fimobile-theme-text);
+}
+
+.dark-bg .form-control,
+.dark-bg label {
+ color: #000000;
+}
+
+/* 5. body */
+html.menu-open {
+ overflow: hidden;
+}
+
+body {
+ font-family: "Open Sans", sans-serif;
+ font-weight: 400;
+ font-size: 16px;
+ overflow-y: auto;
+ background-color: var(--fimobile-theme-color);
+}
+
+main {
+ background: var(--fimobile-page-bg-2);
+ background: -moz-linear-gradient(45deg, var(--fimobile-page-bg-2) 0%, var(--fimobile-page-bg-1) 100%);
+ background: -webkit-linear-gradient(45deg, var(--fimobile-page-bg-2) 0%, var(--fimobile-page-bg-1) 100%);
+ background: linear-gradient(45deg, var(--fimobile-page-bg-2) 0%, var(--fimobile-page-bg-1) 100%);
+ background-attachment: fixed;
+}
+
+.bg-none {
+ background-color: transparent;
+}
+
+.dark-bg {
+ background-color: var(--fimobile-theme-color);
+ background-image: url("../../../../../../../../HTML/assets/img/backgorund-image.svg");
+ background-repeat: repeat-x;
+ background-position: bottom center !important;
+ animation: zoombg infinite 10s;
+ -webkit-animation: zoombg infinite 10s;
+}
+
+.dark-bg main {
+ background: transparent;
+}
+
+@keyframes zoombg {
+ 0% {
+ background-size: 100%;
+ }
+ 50% {
+ background-size: 110%;
+ }
+ 100% {
+ background-size: 100%;
+ }
+}
+
+@-webkit-keyframes zoombg {
+ 0% {
+ background-size: 100%;
+ }
+ 50% {
+ background-size: 110%;
+ }
+ 100% {
+ background-size: 100%;
+ }
+}
+
+.theme-bg {
+ background: var(--fimobile-theme-color) !important;
+ color: var(--fimobile-theme-text) !important;
+}
+
+.theme-radial-gradient {
+ background: var(--fimobile-theme-color-grad-1);
+ background: -moz-radial-gradient(30% 30%, ellipse cover, var(--fimobile-theme-color-grad-1) 0%, var(--fimobile-theme-color-grad-2) 0%, var(--fimobile-theme-color-grad-3) 100%);
+ background: -webkit-radial-gradient(30% 30%, ellipse cover, var(--fimobile-theme-color-grad-1) 0%, var(--fimobile-theme-color-grad-2) 50%, var(--fimobile-theme-color-grad-3) 100%);
+ background: radial-gradient(ellipse at 30% 30%, var(--fimobile-theme-color-grad-1) 0%, var(--fimobile-theme-color-grad-2) 50%, var(--fimobile-theme-color-grad-3) 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--fimobile-theme-color-grad-1)', endColorstr='var(--fimobile-theme-color-grad-3)',GradientType=1 );
+ box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
+}
+
+.bg-opac {
+ background-color: rgba(255, 255, 255, 0.15) !important;
+}
+
+.border-opac {
+ border-color: rgba(255, 255, 255, 0.45) !important;
+}
+
+.tag {
+ display: inline-block;
+ padding: calc( var(--fimobile-padding) - 5px) var(--fimobile-padding);
+ line-height: 10px;
+ font-size: 11px;
+ border-radius: 30px;
+ border: 1px solid var(--fimobile-theme-bordercolor);
+}
+
+.tag.active {
+ background-color: var(--fimobile-theme-color);
+ color: var(--fimobile-theme-text);
+}
+
+.alert-danger, .card.alert-danger, .bg-danger-light {
+ background-color: #feeff3;
+}
+
+.alert-info, .card.alert-info, .bg-info-light {
+ background-color: #91f2f9;
+}
+
+.alert-primary, .card.alert-primary, .bg-primary-light {
+ background-color: #e5eafb;
+}
+
+.alert-warning, .card.alert-warning, .bg-warning-light {
+ background-color: #fff4d9;
+}
+
+.alert-success, .card.alert-success, .bg-success-light {
+ background-color: #d1f2e8;
+}
+
+.alert-theme, .card.alert-theme, .bg-theme-light {
+ background-color: var(--fimobile-theme-color-light);
+}
+
+.border-dashed {
+ border-style: dashed;
+}
+
+.circle-small {
+ height: 44px;
+ width: 44px;
+ position: relative;
+}
+
+.circle-small > div:first-child {
+ position: relative;
+ width: 100%;
+}
+
+.circle-small > .avatar {
+ position: absolute;
+ z-index: 1;
+ left: 0;
+ right: 0;
+ top: 0;
+ margin: 7px;
+}
+
+.skipbtn {
+ position: absolute;
+ top: 30px;
+ right: 15px;
+ z-index: 1;
+}
+
+.title {
+ display: inline-block;
+ vertical-align: middle;
+}
+
+.chartdoughnut {
+ width: 200px;
+ margin: 0 auto;
+ position: relative;
+}
+
+.chartdoughnut > .datadisplay {
+ position: absolute;
+ left: 0;
+ right: 0;
+ margin: 35px auto;
+ text-align: center;
+ display: block;
+ border-radius: 100px;
+ height: 130px;
+ width: 130px;
+ padding: 35px 0;
+ background-color: var(--fimobile-theme-text);
+}
+
+.smallchart {
+ width: 100.4%;
+ padding: 0;
+ display: block;
+ height: 70px;
+ margin-bottom: 10px;
+ border-radius: 0 0 var(--fimobile-padding) var(--fimobile-padding);
+}
+
+/* theme color */
+.bg-blue {
+ background-color: #3c63e2;
+}
+
+.bg-indigo {
+ background-color: #6610f2;
+}
+
+.bg-purple {
+ background-color: #6f42c1;
+}
+
+.bg-pink {
+ background-color: #d63384;
+}
+
+.bg-red {
+ background-color: #f73563;
+}
+
+.bg-orange {
+ background-color: #fd7e14;
+}
+
+.bg-yellow {
+ background-color: #ffbd17;
+}
+
+.bg-green {
+ background-color: #3ac79b;
+}
+
+.bg-teal {
+ background-color: #0ab2be;
+}
+
+.bg-cyan {
+ background-color: #0dcaf0;
+}
+
+/* webkit - scrollbar*/
+::-webkit-scrollbar {
+ width: 0px;
+ height: 0px;
+}
+
+::-webkit-scrollbar-track {
+ background-color: rgba(255, 255, 255, 0.65);
+ border-radius: 10px;
+}
+
+::-webkit-scrollbar-thumb {
+ background-color: rgba(0, 0, 0, 0.1);
+}
+
+@media screen and (min-device-width: 300px) and (max-device-width: 1023px) and (orientation: landscape) {
+ .col-ld-1 {
+ width: 8.33333%;
+ }
+ .col-ld-2 {
+ width: 16.66667%;
+ }
+ .col-ld-3 {
+ width: 25%;
+ }
+ .col-ld-4 {
+ width: 33.33333%;
+ }
+ .col-ld-5 {
+ width: 41.66667%;
+ }
+ .col-ld-6 {
+ width: 50%;
+ }
+ .col-ld-7 {
+ width: 58.33333%;
+ }
+ .col-ld-8 {
+ width: 66.66667%;
+ }
+ .col-ld-9 {
+ width: 75%;
+ }
+ .col-ld-10 {
+ width: 83.33333%;
+ }
+ .col-ld-11 {
+ width: 91.66667%;
+ }
+ .col-ld-12 {
+ width: 100%;
+ }
+}
+
+@media screen and (max-width: 340px) {
+ :root {
+ --fimobile-padding: 10px;
+ --fimobile-rounded: 12px;
+ }
+ body {
+ font-size: 15px !important;
+ }
+ .logo-small img {
+ border-radius: calc(var(--fimobile-rounded) - 5px);
+ }
+ .size-12 {
+ font-size: 11px !important;
+ }
+ .mb-4 {
+ margin-bottom: 20px !important;
+ }
+ .mb-3 {
+ margin-bottom: 15px !important;
+ }
+ .mb-2 {
+ margin-bottom: 10px !important;
+ }
+ .mb-1 {
+ margin-bottom: 5px !important;
+ }
+}
+
+/* 6. button */
+.btn {
+ font-size: 16px;
+ text-transform: uppercase;
+ border-radius: calc(var(--fimobile-rounded) - 5px);
+ position: relative;
+}
+
+.btn.shadow {
+ box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
+ -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
+ -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
+}
+
+.btn.btn-sm, .btn-group-sm > .btn {
+ font-size: 14px;
+ border-radius: calc(var(--fimobile-rounded) - 7px);
+}
+
+.btn:hover, .btn:focus {
+ outline: none;
+}
+
+.btn i {
+ font-size: 17px;
+}
+
+.btn-lg, .btn-group-lg > .btn,
+.btn-group-lg > .btn {
+ padding: var(--fimobile-padding);
+ line-height: 28px;
+}
+
+.btn-44 {
+ height: 44px;
+ line-height: 42px;
+ width: 44px;
+ padding: 0 !important;
+}
+
+.btn-default {
+ background-color: var(--fimobile-theme-color);
+ color: var(--fimobile-theme-text);
+}
+
+.btn-default:active, .btn-default:hover {
+ color: var(--fimobile-theme-text);
+}
+
+.btn-default:disabled {
+ background-color: var(--fimobile-theme-bordercolor);
+ color: var(--fimobile-theme-color);
+}
+
+.btn-light {
+ background-color: var(--fimobile-theme-text);
+ color: var(--fimobile-theme-color);
+}
+
+.btn-icon-text {
+ padding: 0;
+}
+
+.btn-icon-text i {
+ height: 60px;
+ line-height: 58px;
+ width: 60px;
+ display: inline-block;
+ vertical-align: middle;
+ font-size: 32px;
+ border-radius: var(--fimobile-rounded);
+ background-color: rgba(255, 255, 255, 0.2);
+ color: #ffffff;
+ margin-bottom: 5px;
+}
+
+.btn-icon-text span {
+ display: block !important;
+ text-transform: none;
+ font-size: 12px;
+ line-height: 18px;
+ color: rgba(255, 255, 255, 0.65);
+}
+
+.dark-bg .btn-light {
+ background-color: rgba(0, 0, 0, 0.15);
+ border-color: rgba(0, 0, 0, 0.05);
+ color: var(--fimobile-theme-text);
+}
+
+.dark-bg .btn-default {
+ background-color: #000000;
+ color: #ffffff;
+}
+
+.dark-bg .btn-default:active, .dark-bg .btn-default:hover {
+ color: #ffffff;
+}
+
+.count-indicator {
+ height: 6px;
+ width: 6px;
+ border-radius: 6px;
+ position: absolute;
+ top: 10px;
+ right: 10px;
+ background-color: var(--fimobile-red);
+}
+
+/* 7. Form elements */
+.form-floating {
+ position: relative;
+}
+
+.form-floating > label {
+ padding: var(--fimobile-padding);
+ line-height: 32px;
+}
+
+.form-floating > .form-control:focus ~ label,
+.form-floating > .form-control:not(:placeholder-shown) ~ label,
+.form-floating > .form-select ~ label {
+ font-size: 13px;
+ padding: var(--fimobile-padding);
+ line-height: 28px;
+ height: auto;
+}
+
+.form-floating .form-control {
+ border-color: var(--fimobile-theme-bordercolor);
+ border-radius: var(--fimobile-input-rounded);
+ padding: var(--fimobile-padding) var(--fimobile-padding) var(--fimobile-padding) var(--fimobile-padding);
+ height: auto;
+ line-height: 32px;
+ box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.05);
+ -webkit-box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.05);
+ -moz-box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.05);
+}
+
+.form-floating .form-control:focus, .form-floating .form-control:not(:placeholder-shown) {
+ padding-top: calc(var(--fimobile-padding) + 12px);
+ padding-bottom: var(--fimobile-padding);
+ line-height: 20px;
+}
+
+.form-floating.is-valid:before {
+ content: "";
+ position: absolute;
+ left: 0;
+ z-index: 1;
+ height: 68%;
+ top: 16%;
+ width: 3px;
+ border-radius: 2px;
+ background-color: var(--fimobile-green);
+}
+
+.form-floating.is-invalid:before {
+ content: "";
+ position: absolute;
+ left: 0;
+ z-index: 1;
+ height: 68%;
+ top: 16%;
+ width: 3px;
+ border-radius: 2px;
+ background-color: var(--fimobile-red);
+}
+
+.form-control {
+ border-color: var(--fimobile-theme-bordercolor);
+ border-radius: var(--fimobile-rounded);
+}
+
+.form-control:focus {
+ outline: none;
+ box-shadow: none;
+}
+
+.trasparent-input {
+ font-size: 50px;
+ line-height: 60px;
+ padding: 10px 15px;
+ border: 0;
+ background-color: transparent;
+ display: block;
+ width: 100%;
+ border-radius: var(--fimobile-rounded);
+}
+
+.trasparent-input:focus {
+ background-color: var(--fimobile-theme-bordercolor);
+ outline: none;
+}
+
+.tooltip-btn {
+ background: none;
+ border: 0;
+ position: absolute;
+ z-index: 2;
+ top: 50%;
+ margin-top: -18px;
+ right: 5px;
+ padding: 5px 10px;
+ line-height: 26px;
+}
+
+.search-header {
+ position: relative;
+}
+
+.search-header .form-control {
+ padding: 0.625rem 0.75rem;
+}
+
+/* range picker slider */
+.noUi-target {
+ background-color: var(--fimobile-theme-color-light);
+ box-shadow: none;
+ -webkit-box-shadow: none;
+}
+
+.noUi-target.noUi-horizontal {
+ height: 10px;
+}
+
+.noUi-target .noUi-origin .noUi-handle {
+ height: 30px;
+ width: 30px;
+ top: -11px;
+ border: 0;
+ box-shadow: 0 35x 7px rgba(0, 0, 0, 0.1);
+ -webkit-box-shadow: 0 5px 7px rgba(0, 0, 0, 0.1);
+ -moz-box-shadow: 0 5px 7px rgba(0, 0, 0, 0.1);
+ -ms-box-shadow: 0 5px 7px rgba(0, 0, 0, 0.1);
+ border-radius: 15px;
+}
+
+.noUi-target .noUi-origin .noUi-handle:before {
+ display: none;
+}
+
+.noUi-target .noUi-origin .noUi-handle:after {
+ display: none;
+}
+
+.noUi-target .noUi-connect {
+ background-color: var(--fimobile-theme-color);
+}
+
+.number-incrementer {
+ vertical-align: middle;
+}
+
+.number-incrementer .btn {
+ padding: 0 10px;
+ line-height: 18px;
+ margin: 0;
+}
+
+.number-incrementer p {
+ line-height: 16px;
+ display: block;
+ font-size: 12px;
+}
+
+.form-check.avatar {
+ display: block;
+ position: relative;
+ padding: 0;
+}
+
+.form-check.avatar .form-check-input {
+ position: absolute;
+ left: 3px;
+ bottom: 3px;
+ margin-left: 0;
+ z-index: 1;
+ border-radius: 10px;
+ opacity: 0.5;
+}
+
+.form-check.avatar .form-check-input:checked {
+ opacity: 1;
+}
+
+/* 8. loader */
+.loader-wrap {
+ height: 100%;
+ width: 100%;
+ position: fixed;
+ z-index: 999;
+ top: 0;
+ left: 0;
+ color: var(--fimobile-theme-text);
+}
+
+.loader-wrap:after {
+ content: "";
+ position: absolute;
+ top: 0;
+ left: 0;
+ height: 100%;
+ width: 100%;
+ z-index: 0;
+ background-color: var(--fimobile-theme-color);
+}
+
+.loader-wrap > div {
+ z-index: 1;
+ position: relative;
+}
+
+.loader-cube-wrap {
+ align-self: flex-end;
+ animation-duration: 2s;
+ animation-iteration-count: infinite;
+ height: 100px;
+ margin: 0 auto 0 auto;
+ transform-origin: bottom;
+ position: relative;
+ width: 100px;
+}
+
+.loader-cube-wrap img {
+ max-width: 100%;
+}
+
+.loader-cube-animate {
+ animation-name: cubeanimate;
+ animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1);
+}
+@font-face {
+ font-family: 'S-CoreDream-7ExtraBold';
+ src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff');
+ font-weight: normal;
+ font-style: normal;
+}
+@font-face {
+ font-family: 'S-CoreDream-9Black';
+ src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff');
+ font-weight: normal;
+ font-style: normal;
+}
+@font-face {
+ font-family: 'S-CoreDream-5Medium';
+ src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
+ font-weight: normal;
+ font-style: normal;
+}
+@font-face {
+ font-family: 'EliceDigitalBaeum_Regular';
+ src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/EliceDigitalBaeum_Regular.woff') format('woff');
+ font-weight: normal;
+ font-style: normal;
+}
+@font-face {
+ font-family: 'ONE-Mobile-Regular';
+ src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/ONE-Mobile-Regular.woff') format('woff');
+ font-weight: normal;
+ font-style: normal;
+}
+@font-face {
+ font-family: 'BMDOHYEON';
+ src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/BMDOHYEON.woff') format('woff');
+ font-weight: normal;
+ font-style: normal;
+}
+@font-face {
+ font-family: 'GmarketSansMedium';
+ src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
+ font-weight: normal;
+ font-style: normal;
+}
+@font-face {
+ font-family: 'GongGothicMedium';
+ src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicMedium.woff') format('woff');
+ font-weight: normal;
+ font-style: normal;
+}
+@font-face {
+ font-family: 'GongGothicLight';
+ src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicLight.woff') format('woff');
+ font-weight: normal;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'S-CoreDream-4Regular';
+ src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
+ font-weight: normal;
+ font-style: normal;
+}
+@font-face {
+ font-family: 'S-CoreDream-6Bold';
+ src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
+ font-weight: normal;
+ font-style: normal;
+}
+@font-face {
+ font-family: 'CookieRunOTF-Bold';
+ src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.0/CookieRunOTF-Bold00.woff') format('woff');
+ font-weight: normal;
+ font-style: normal;
+}
+
+@keyframes cubeanimate {
+ 0% {
+ transform: scale(1, 1) translateY(0);
+ }
+ 10% {
+ transform: scale(1.1, 0.9) translateY(0);
+ }
+ 30% {
+ transform: scale(0.9, 1.1) translateY(-30px);
+ }
+ 50% {
+ transform: scale(1.05, 0.95) translateY(0);
+ }
+ 57% {
+ transform: scale(1, 1) translateY(-7px);
+ }
+ 64% {
+ transform: scale(1, 1) translateY(0);
+ }
+ 100% {
+ transform: scale(1, 1) translateY(0);
+ }
+}
+
+.progressstimer {
+ height: 50px;
+ width: 50px;
+ line-height: 50px;
+ text-align: center;
+ vertical-align: middle;
+ display: inline-block;
+ margin: 0 auto 10px auto;
+ position: relative;
+}
+
+.progressstimer img {
+ position: absolute;
+ left: 0;
+ right: 0;
+ z-index: 0;
+ -webkit-animation: rotating 1s linear infinite;
+ animation: rotating 1s linear infinite;
+}
+
+.progressstimer .timer {
+ font-size: 12px;
+ display: inline-block;
+ vertical-align: middle;
+ margin-top: -2px;
+}
+
+@-webkit-keyframes rotating {
+ from {
+ -webkit-transform: rotate(0deg);
+ -o-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+ to {
+ -webkit-transform: rotate(360deg);
+ -o-transform: rotate(360deg);
+ transform: rotate(360deg);
+ }
+}
+
+@keyframes rotating {
+ from {
+ -ms-transform: rotate(0deg);
+ -moz-transform: rotate(0deg);
+ -webkit-transform: rotate(0deg);
+ -o-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+ to {
+ -ms-transform: rotate(360deg);
+ -moz-transform: rotate(360deg);
+ -webkit-transform: rotate(360deg);
+ -o-transform: rotate(360deg);
+ transform: rotate(360deg);
+ }
+}
+
+/* 9. header */
+.header {
+ padding: var(--fimobile-padding);
+ line-height: 44px;
+ width: 100%;
+ top: 0;
+ left: 0;
+ z-index: 8;
+ position: relative;
+}
+
+.header > * {
+ z-index: 1;
+ position: relative;
+}
+
+.header:after {
+ content: "";
+ position: absolute;
+ height: 100%;
+ width: 100%;
+ top: 0;
+ left: 0;
+ border-radius: 0 0 var(--fimobile-rounded) var(--fimobile-rounded);
+ background-color: var(--fimobile-header-active);
+ box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
+ -moz-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
+ -webkt-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
+ z-index: 0;
+ opacity: 0;
+}
+
+.header.active:after {
+ opacity: 0.95;
+}
+
+.header.active > * {
+ z-index: 1;
+ position: relative;
+}
+
+.header p {
+ line-height: 20px;
+}
+
+/* 10. avatar */
+.avatar {
+ position: relative;
+ display: inline-block;
+ overflow: hidden;
+ margin: 0;
+ text-align: center;
+ vertical-align: middle;
+}
+
+.avatar > i {
+ display: inline-block;
+ vertical-align: middle;
+ margin-top: -3px;
+}
+
+.avatar > img {
+ width: 100%;
+ vertical-align: top;
+}
+
+.avatar.avatar-6 {
+ line-height: 6px;
+ height: 6px;
+ width: 6px;
+}
+
+.avatar.avatar-10 {
+ line-height: 10px;
+ height: 10px;
+ width: 10px;
+}
+
+.avatar.avatar-15 {
+ line-height: 15px;
+ height: 15px;
+ width: 15px;
+}
+
+.avatar.avatar-20 {
+ line-height: 20px;
+ height: 20px;
+ width: 20px;
+}
+
+.avatar.avatar-30 {
+ line-height: 30px;
+ height: 30px;
+ width: 30px;
+}
+
+.avatar.avatar-36 {
+ line-height: 36px;
+ height: 36px;
+ width: 36px;
+}
+
+.avatar.avatar-40 {
+ line-height: 40px;
+ height: 40px;
+ width: 40px;
+}
+
+.avatar.avatar-44 {
+ line-height: 44px;
+ height: 44px;
+ width: 44px;
+}
+
+.avatar.avatar-50 {
+ line-height: 50px;
+ height: 50px;
+ width: 50px;
+}
+
+.avatar.avatar-60 {
+ line-height: 60px;
+ height: 60px;
+ width: 60px;
+}
+
+.avatar.avatar-70 {
+ line-height: 70px;
+ height: 70px;
+ width: 70px;
+}
+
+.avatar.avatar-80 {
+ line-height: 80px;
+ height: 80px;
+ width: 80px;
+}
+
+.avatar.avatar-90 {
+ line-height: 90px;
+ height: 90px;
+ width: 90px;
+}
+
+.avatar.avatar-100 {
+ line-height: 100px;
+ height: 100px;
+ width: 100px;
+}
+
+.avatar.avatar-110 {
+ line-height: 110px;
+ height: 110px;
+ width: 110px;
+}
+
+.avatar.avatar-120 {
+ line-height: 120px;
+ height: 120px;
+ width: 120px;
+}
+
+.avatar.avatar-130 {
+ line-height: 130px;
+ height: 130px;
+ width: 130px;
+}
+
+.avatar.avatar-140 {
+ line-height: 140px;
+ height: 140px;
+ width: 140px;
+}
+
+.avatar.avatar-150 {
+ line-height: 150px;
+ height: 150px;
+ width: 150px;
+}
+
+.avatar.avatar-160 {
+ line-height: 160px;
+ height: 160px;
+ width: 160px;
+}
+
+.avatar-group {
+ z-index: 1;
+ display: flex;
+}
+
+.avatar-group .avatar {
+ z-index: 1;
+ margin-left: -20px;
+}
+
+.avatar-group .avatar:nth-child(1) {
+ z-index: 6;
+}
+
+.avatar-group .avatar:nth-child(2) {
+ z-index: 5;
+}
+
+.avatar-group .avatar:nth-child(3) {
+ z-index: 4;
+}
+
+.avatar-group .avatar:nth-child(4) {
+ z-index: 3;
+}
+
+.avatar-group .avatar:nth-child(5) {
+ z-index: 2;
+}
+
+.avatar-group .avatar:nth-child(6) {
+ z-index: 1;
+}
+
+.avatar-group .avatar:nth-child(7) {
+ z-index: 0;
+}
+
+.avatar-group .avatar:nth-child(1) {
+ margin-left: 0;
+}
+
+/* 11. sidebar */
+.sidebar-wrap {
+ position: fixed;
+ height: 100%;
+ width: 100%;
+ top: 0;
+ left: 0;
+ display: block;
+ overflow-x: hidden;
+ overflow-y: auto;
+ z-index: 9;
+ opacity: 0;
+ left: -100%;
+}
+
+.sidebar-wrap .sidebar {
+ float: left;
+ display: block;
+ min-height: 100%;
+ padding: 15px;
+ position: relative;
+ width: 280px;
+ z-index: 1;
+}
+
+.sidebar-wrap .sidebar .nav {
+ flex-direction: column;
+}
+
+.sidebar-wrap .sidebar .nav .nav-item {
+ margin-bottom: 10px;
+}
+
+.sidebar-wrap .sidebar .nav .nav-item.dropdown .dropdown-toggle {
+ color: var(--fimobile-theme-text);
+}
+
+.sidebar-wrap .sidebar .nav .nav-item.dropdown .dropdown-toggle::after {
+ display: none;
+}
+
+.sidebar-wrap .sidebar .nav .nav-item.dropdown .dropdown-toggle > .arrow {
+ display: block;
+}
+
+.sidebar-wrap .sidebar .nav .nav-item.dropdown .dropdown-toggle > .arrow > .plus {
+ display: block;
+}
+
+.sidebar-wrap .sidebar .nav .nav-item.dropdown .dropdown-toggle > .arrow > .minus {
+ display: none;
+}
+
+.sidebar-wrap .sidebar .nav .nav-item.dropdown .dropdown-toggle.show {
+ border-radius: 10px 10px 0 0;
+ background-color: rgba(255, 255, 255, 0.15);
+ color: var(--fimobile-theme-text);
+}
+
+.sidebar-wrap .sidebar .nav .nav-item.dropdown .dropdown-toggle.show > .arrow > .plus {
+ display: none;
+}
+
+.sidebar-wrap .sidebar .nav .nav-item.dropdown .dropdown-toggle.show > .arrow > .minus {
+ display: block;
+}
+
+.sidebar-wrap .sidebar .nav .nav-item.dropdown .dropdown-menu {
+ background-color: rgba(255, 255, 255, 0.15);
+ border: 0;
+ padding: 5px;
+ border-radius: 0 0 10px 10px;
+}
+
+.sidebar-wrap .sidebar .nav .nav-item.dropdown .dropdown-menu > li {
+ margin-bottom: 5px;
+ color: var(--fimobile-theme-text);
+}
+
+.sidebar-wrap .sidebar .nav .nav-item.dropdown .dropdown-menu > li:last-child {
+ margin-bottom: 0;
+}
+
+.sidebar-wrap .sidebar .nav .nav-item .nav-link {
+ display: flex;
+ line-height: 40px;
+ font-size: 16px;
+ padding: 5px;
+ border-radius: 10px;
+ color: var(--fimobile-theme-text);
+}
+
+.sidebar-wrap .sidebar .nav .nav-item .nav-link > * {
+ line-height: 40px;
+ vertical-align: middle;
+}
+
+.sidebar-wrap .sidebar .nav .nav-item .nav-link > .arrow {
+ opacity: 0.3;
+ margin-right: 15px;
+}
+
+.sidebar-wrap .sidebar .nav .nav-item .nav-link > .icon {
+ margin-right: 15px;
+}
+
+.sidebar-wrap .sidebar .nav .nav-item .nav-link:hover {
+ background-color: rgba(255, 255, 255, 0.15);
+}
+
+.sidebar-wrap .sidebar .nav .nav-item .nav-link.active, .sidebar-wrap .sidebar .nav .nav-item .nav-link:hover {
+ background-color: rgba(255, 255, 255, 0.15);
+}
+
+.sidebar-wrap .sidebar .nav .nav-item .nav-link.active > .arrow, .sidebar-wrap .sidebar .nav .nav-item .nav-link:hover > .arrow {
+ opacity: 0.5;
+}
+
+.sidebar-wrap.sidebar-overlay::after {
+ content: "";
+ position: absolute;
+ height: 100%;
+ width: 100%;
+ top: 0;
+ left: 0;
+ background: var(--fimobile-theme-color);
+ opacity: 0;
+}
+
+.sidebar-wrap.sidebar-overlay .sidebar {
+ width: 280px;
+ left: -280px;
+ background-color: var(--fimobile-theme-color);
+ z-index: 1;
+}
+
+.sidebar-wrap.sidebar-overlay .sidebar .nav .nav-item.dropdown .dropdown-menu {
+ position: relative !important;
+ transform: none !important;
+}
+
+.sidebar-wrap.sidebar-pushcontent {
+ background: transparent;
+ width: 280px;
+ left: -280px;
+}
+
+.sidebar-wrap.sidebar-pushcontent + main {
+ margin-left: 0;
+ width: 100%;
+}
+
+.sidebar-wrap.sidebar-pushcontent .sidebar {
+ width: 280px;
+ left: 0;
+}
+
+.sidebar-wrap.sidebar-pushcontent .sidebar .nav .nav-item.dropdown .dropdown-menu {
+ position: relative !important;
+ transform: none !important;
+}
+
+.sidebar-wrap.sidebar-pushcontent .closemenu {
+ display: none;
+}
+
+.sidebar-wrap.sidebar-fullmenu {
+ background: var(--fimobile-theme-color);
+}
+
+.sidebar-wrap.sidebar-fullmenu .closemenu {
+ position: fixed;
+ background: transparent;
+ transform: none;
+ bottom: 0;
+ right: 0;
+ margin: 0px auto;
+ color: #fff !important;
+ z-index: 2;
+ height: 66px;
+ width: 66px;
+ border-left: 33px solid transparent;
+ border-bottom: 33px solid rgba(0, 0, 0, 0.2);
+ border-right: 33px solid rgba(0, 0, 0, 0.1);
+ border-top: 33px solid transparent;
+ opacity: 1;
+}
+
+.sidebar-wrap.sidebar-fullmenu .closemenu:after {
+ content: "x";
+ position: absolute;
+ bottom: -20px;
+ right: -20px;
+ font-size: 14px;
+ line-height: 30px;
+ width: 30px;
+ height: 30px;
+ background: #000;
+ text-align: center;
+ display: inline-block;
+ letter-spacing: 0;
+ border-radius: 15px;
+ text-indent: 0;
+}
+
+.sidebar-wrap.sidebar-fullmenu .sidebar {
+ width: 100%;
+ left: 0;
+}
+
+.sidebar-wrap.sidebar-fullmenu .sidebar .nav {
+ width: 80%;
+ max-width: 320px;
+ margin-left: auto;
+ margin-right: auto;
+ flex-direction: row;
+}
+
+.sidebar-wrap.sidebar-fullmenu .sidebar .nav .nav-item {
+ width: 32%;
+ margin-right: 2%;
+ text-align: center;
+ line-height: 30px;
+}
+
+.sidebar-wrap.sidebar-fullmenu .sidebar .nav .nav-item:nth-child(3n) {
+ margin-right: 0;
+}
+
+.sidebar-wrap.sidebar-fullmenu .sidebar .nav .nav-item .nav-link {
+ flex-direction: column;
+ font-size: 12px;
+ padding-top: 10px;
+}
+
+.sidebar-wrap.sidebar-fullmenu .sidebar .nav .nav-item .nav-link > * {
+ line-height: 30px;
+}
+
+.sidebar-wrap.sidebar-fullmenu .sidebar .nav .nav-item .nav-link .icon {
+ margin: 0 auto;
+ font-size: 30px;
+ height: 40px;
+ width: 50px;
+ line-height: 40px;
+}
+
+.sidebar-wrap.sidebar-fullmenu .sidebar .nav .nav-item .nav-link .arrow {
+ display: none;
+}
+
+.sidebar-wrap.sidebar-fullmenu .sidebar .nav .nav-item .nav-link.active .arrow {
+ display: none;
+}
+
+.sidebar-wrap.sidebar-fullmenu .sidebar .nav .nav-item.dropdown .dropdown-toggle > .arrow {
+ display: block;
+ position: absolute;
+ margin: 5px;
+ line-height: 25px;
+ width: 10px;
+ text-align: center;
+ right: 0;
+ bottom: 0;
+}
+
+.sidebar-wrap.sidebar-fullmenu .sidebar .nav .nav-item.dropdown .dropdown-toggle > .arrow .plus {
+ display: block;
+}
+
+.sidebar-wrap.sidebar-fullmenu .sidebar .nav .nav-item.dropdown .dropdown-toggle > .arrow .minus {
+ display: none;
+}
+
+.sidebar-wrap.sidebar-fullmenu .sidebar .nav .nav-item.dropdown .dropdown-toggle.show > .arrow .plus {
+ display: none;
+}
+
+.sidebar-wrap.sidebar-fullmenu .sidebar .nav .nav-item.dropdown .dropdown-toggle.show > .arrow .minus {
+ display: block;
+}
+
+.sidebar-wrap.sidebar-fullmenu .sidebar .nav .nav-item.dropdown .dropdown-menu {
+ background-color: var(--fimobile-theme-color);
+ box-shadow: 0 3px 10px rgba(0, 0, 0, 0.25);
+ -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.25);
+ -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.25);
+ border-radius: 5px;
+ margin-top: -2px !important;
+}
+
+.sidebar-wrap.sidebar-fullmenu .sidebar .nav .nav-item.dropdown .dropdown-menu li {
+ width: 100%;
+}
+
+.sidebar-wrap.sidebar-fullmenu .sidebar .nav .nav-item.dropdown .dropdown-menu li .nav-link {
+ flex-direction: row;
+ font-size: 14px;
+ padding-top: 0;
+}
+
+.sidebar-wrap.sidebar-fullmenu .sidebar .nav .nav-item.dropdown .dropdown-menu li .nav-link .icon {
+ margin: 0 5px 0 auto;
+ font-size: 16px;
+ height: 40px;
+ width: 40px;
+ line-height: 40px;
+}
+
+.sidebar-wrap .closemenu {
+ position: absolute;
+ right: 0;
+ bottom: 0;
+ font-size: 0;
+ text-transform: uppercase;
+ transform: none;
+ -webkit-transform: none;
+ -moz-transform: none;
+ z-index: 1;
+ padding: 0;
+ background: transparent;
+ border-radius: 0;
+ color: #fff !important;
+ z-index: 0;
+ text-indent: 100%;
+ width: 100%;
+ height: 100%;
+}
+
+.menu-open {
+ overflow: hidden;
+}
+
+.menu-open .sidebar-wrap {
+ left: 0;
+ opacity: 1;
+}
+
+.menu-open .sidebar-wrap.sidebar-overlay::after {
+ opacity: 0.2;
+}
+
+.menu-open .sidebar-wrap.sidebar-overlay .sidebar {
+ left: 0;
+}
+
+.menu-open .sidebar-wrap.sidebar-pushcontent + main {
+ border-radius: var(--fimobile-rounded);
+ transform: scale(1);
+ -webkit-transform: scale(1);
+ -moz-transform: scale(1);
+ margin-left: 280px;
+ margin-top: 30px;
+ box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
+ -webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
+ -moz-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
+}
+
+.page-sidebar {
+ width: 280px;
+}
+
+@media screen and (max-width: 340px) {
+ .sidebar-wrap .sidebar .nav .nav-item .nav-link {
+ line-height: 30px;
+ font-size: 15px;
+ padding-top: 0;
+ padding-bottom: 0;
+ }
+}
+
+/* 12. card */
+.card {
+ background-color: var(--fimobile-card-color);
+ color: var(--fimobile-card-text);
+ border-radius: var(--fimobile-rounded);
+ border-color: var(--fimobile-theme-bordercolor);
+ box-shadow: 0 3px 10px rgba(0, 0, 0, 0.07), inset 0 2px 0px #ffffff;
+ -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.07), inset 0 2px 0px #ffffff;
+ -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.07), inset 0 2px 0px #ffffff;
+}
+
+.card .card-header {
+ background-color: transparent;
+ border-color: var(--fimobile-theme-bordercolor);
+ padding: var(--fimobile-padding);
+ border-top-left-radius: var(--fimobile-rounded);
+ border-top-right-radius: var(--fimobile-rounded);
+}
+
+.card .card-body {
+ padding: var(--fimobile-padding);
+}
+
+.card .card-footer {
+ background-color: transparent;
+ border-color: var(--fimobile-theme-bordercolor);
+ padding: var(--fimobile-padding);
+ border-bottom-left-radius: var(--fimobile-rounded);
+ border-bottom-right-radius: var(--fimobile-rounded);
+}
+
+.card.theme-bg, .card.dark-bg, .card.bg-danger, .card.bg-success, .card.bg-primary, .card.bg-warning, .card.bg-info, .card.bg-dark, .card.theme-radial-gradient, .card.bg-opac {
+ box-shadow: 0 3px 10px rgba(0, 0, 0, 0.07), inset 0 1px 0px rgba(255, 255, 255, 0.18);
+ -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.07), inset 0 1px 0px rgba(255, 255, 255, 0.18);
+ -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.07), inset 0 1px 0px rgba(255, 255, 255, 0.18);
+ background-color: var(--fimobile-theme-color);
+ color: var(--fimobile-theme-text);
+}
+
+.card.selected {
+ border: 2px solid var(--fimobile-green);
+}
+
+.card > .card.bg-opac {
+ box-shadow: none;
+ -webkit-box-shadow: none;
+ -moz-box-shadow: none;
+}
+
+a.card {
+ text-decoration: none;
+}
+
+.toast {
+ border-radius: var(--fimobile-rounded);
+}
+
+.toast .toast-header {
+ padding: calc(var(--fimobile-padding) - 4px) var(--fimobile-padding);
+ border-top-left-radius: var(--fimobile-rounded);
+ border-top-right-radius: var(--fimobile-rounded);
+}
+
+.toast .toast-body {
+ padding: var(--fimobile-padding);
+}
+
+.toast .toast-footer {
+ padding: calc(var(--fimobile-padding) - 4px) var(--fimobile-padding);
+ border-bottom-left-radius: var(--fimobile-rounded);
+ border-bottom-right-radius: var(--fimobile-rounded);
+}
+
+.modal .modal-dialog .modal-content {
+ border-radius: var(--fimobile-rounded);
+ border: 0;
+}
+
+.modal .modal-dialog.modal-xsm {
+ max-width: 280px;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+@media screen and (max-width: 340px) {
+ .toast {
+ width: 300px;
+ }
+}
+
+/* 13. swiper sliders */
+.swiper-container {
+ z-index: 0;
+}
+
+.swiper-pagination .swiper-pagination-bullet {
+ background-color: var(--fimobile-theme-color);
+}
+
+.introswiper {
+ height: 100%;
+}
+
+.cardswiper .swiper-wrapper .swiper-slide {
+ width: 270px;
+ padding: 0 5px 10px 15px;
+}
+
+.cardswiper .swiper-wrapper .swiper-slide:last-child {
+ padding-right: var(--fimobile-padding);
+}
+
+.cardswiper .swiper-wrapper .swiper-slide:first-child {
+ padding-left: var(--fimobile-padding);
+}
+
+.cardswiper .swiper-wrapper .swiper-slide .card {
+ min-height: 150px;
+}
+
+.connectionwiper .swiper-wrapper .swiper-slide {
+ width: auto;
+ padding: 0 5px 10px 15px;
+}
+
+.connectionwiper .swiper-wrapper .swiper-slide:last-child {
+ padding-right: var(--fimobile-padding);
+}
+
+.connectionwiper .swiper-wrapper .swiper-slide:first-child {
+ padding-left: var(--fimobile-padding);
+}
+
+.summayswiper .swiper-wrapper .swiper-slide {
+ width: 200px;
+ padding: 0 5px 10px 15px;
+}
+
+.summayswiper .swiper-wrapper .swiper-slide:last-child {
+ padding-right: var(--fimobile-padding);
+}
+
+.summayswiper .swiper-wrapper .swiper-slide:first-child {
+ padding-left: var(--fimobile-padding);
+}
+
+.tagsswiper .swiper-wrapper .swiper-slide {
+ width: auto;
+ padding: 0 5px 10px 5px;
+}
+
+.tagsswiper .swiper-wrapper .swiper-slide:last-child {
+ padding-right: var(--fimobile-padding);
+}
+
+.tagsswiper .swiper-wrapper .swiper-slide:first-child {
+ padding-left: var(--fimobile-padding);
+}
+
+/* 14. list */
+.list-group .list-group-item {
+ padding: var(--fimobile-padding);
+}
+
+.list-group.bg-none .list-group-item {
+ background-color: transparent;
+ border-color: var(--fimobile-theme-bordercolor);
+}
+
+/* chat list */
+.chat-list {
+ margin: 0px auto 0px auto;
+ font-size: 15px;
+}
+
+.chat-list .figure,
+.chat-list figure,
+.chat-list iframe,
+.chat-list video {
+ border-radius: var(--fimobile-rounded);
+ overflow: hidden;
+ display: block;
+ max-width: 100%;
+}
+
+.chat-list .left-chat {
+ margin-bottom: 15px;
+}
+
+.chat-list .left-chat .chat-block {
+ background-color: var(--fimobile-theme-text);
+ padding: 15px;
+ border-radius: var(--fimobile-rounded) var(--fimobile-rounded) var(--fimobile-rounded) 0px;
+ margin-right: 3px;
+ position: relative;
+ width: auto;
+ display: inline-block;
+ margin-bottom: 5px;
+ box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
+ -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
+ -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
+ max-width: 90%;
+}
+
+.chat-list .left-chat .chat-block:before {
+ content: "";
+ position: absolute;
+ left: 0px;
+ bottom: -16px;
+ height: 8px;
+ width: 8px;
+ border-radius: 0;
+ border-color: transparent;
+ border-style: solid;
+ border-width: 10px;
+ z-index: 1;
+ border-top-color: var(--fimobile-theme-text);
+ border-left-color: var(--fimobile-theme-text);
+}
+
+.chat-list .left-chat .time {
+ padding-left: 15px;
+}
+
+.chat-list .right-chat {
+ margin-bottom: 15px;
+ text-align: right;
+}
+
+.chat-list .right-chat .chat-block {
+ text-align: left;
+ background-color: var(--fimobile-theme-color);
+ color: var(--fimobile-theme-text);
+ padding: 15px;
+ border-radius: var(--fimobile-rounded) var(--fimobile-rounded) 0px var(--fimobile-rounded);
+ margin-left: 3px;
+ position: relative;
+ width: auto;
+ display: inline-block;
+ margin-bottom: 5px;
+ box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
+ -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
+ -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
+ max-width: 90%;
+}
+
+.chat-list .right-chat .chat-block:before {
+ content: "";
+ position: absolute;
+ right: 0px;
+ bottom: -16px;
+ height: 8px;
+ width: 8px;
+ border-radius: 0;
+ border-color: transparent;
+ border-style: solid;
+ border-width: 10px;
+ border-right-color: var(--fimobile-theme-color);
+ border-top-color: var(--fimobile-theme-color);
+ z-index: 1;
+}
+
+.chat-list .right-chat .time {
+ padding-right: 15px;
+}
+
+.log-information li {
+ border: 0;
+ padding: 10px 15px 10px 40px !important;
+ background-color: transparent;
+}
+
+.log-information li:after {
+ content: "";
+ height: 100%;
+ width: 1px;
+ background: rgba(121, 121, 121, 0.2);
+ display: block;
+ position: absolute;
+ left: 20px;
+ top: 0;
+ z-index: 0;
+}
+
+.log-information li:before {
+ content: "";
+ height: 1px;
+ width: 20px;
+ background: rgba(121, 121, 121, 0.2);
+ display: block;
+ position: absolute;
+ left: 20px;
+ top: 22px;
+ z-index: 0;
+}
+
+.log-information li .avatar {
+ position: absolute;
+ left: 13px;
+ top: 15px;
+ border-width: 3px;
+ border-style: solid;
+ z-index: 1;
+ background-color: var(--fimobile-theme-text);
+}
+
+.log-information li .avatar:after {
+ content: "";
+ height: 100%;
+ width: 100%;
+ position: absolute;
+ top: 0px;
+ left: 0px;
+}
+
+.log-information li p {
+ margin: 0;
+}
+
+.log-information.bubble-sheet li p {
+ padding: 15px 15px;
+ position: relative;
+ background-color: var(--fimobile-card-color);
+ box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.08);
+ -moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.08);
+ -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.08);
+ -ms-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.08);
+ border-radius: var(--fimobile-rounded);
+ opacity: 1;
+}
+
+.log-information.bubble-sheet li p:before {
+ content: "";
+ border-left: 10px solid transparent;
+ border-bottom: 10px solid transparent;
+ height: 10px;
+ width: 10px;
+ border-radius: 0px;
+ position: absolute;
+ left: -20px;
+ top: 10px;
+}
+
+/* 15. footer */
+.footer {
+ position: fixed;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ z-index: 9;
+ border-radius: var(--fimobile-rounded) var(--fimobile-rounded) 0 0;
+ background-color: var(--fimobile-footer);
+ box-shadow: 0px -5px 10px rgba(0, 0, 0, 0.07);
+ -moz-box-shadow: 0px -5px 10px rgba(0, 0, 0, 0.07);
+ -webkt-box-shadow: 0px -5px 10px rgba(0, 0, 0, 0.07);
+}
+
+.footer .nav {
+ align-items: center;
+ max-width: 480px;
+ margin: 0 auto;
+}
+
+.footer .nav .nav-item {
+ height: 60px;
+}
+
+.footer .nav .nav-item .nav-link {
+ text-align: center;
+ background: transparent;
+ align-self: center;
+ -webkit-align-self: center;
+ -moz-align-self: center;
+ height: 100%;
+ line-height: 44px;
+ color: var(--fimobile-footer-text);
+ padding: calc(var(--fimobile-padding) - 5px) calc(var(--fimobile-padding) - 10px);
+}
+
+.footer .nav .nav-item .nav-link span {
+ line-height: 20px;
+ display: inline-block;
+ vertical-align: middle;
+}
+
+.footer .nav .nav-item .nav-link span .nav-icon {
+ font-size: 17px;
+ height: 20px;
+ line-height: 20px;
+ width: 20px;
+ display: inline-block;
+ margin: 0 auto;
+}
+
+.footer .nav .nav-item .nav-link span .nav-text {
+ font-size: 10px;
+ line-height: 15px;
+ display: block;
+}
+
+.footer .nav .nav-item .nav-link.active {
+ color: var(--fimobile-footer-text-active);
+}
+
+.footer .nav .nav-item.centerbutton {
+ padding: 10px;
+ transition: none;
+}
+
+.footer .nav .nav-item.centerbutton .nav-link {
+ position: relative;
+ padding: 8px;
+ height: 76px;
+ width: 76px;
+ margin: 0 auto;
+ border-radius: 0 0 40px 40px;
+ margin-top: -30px;
+ transition: none;
+}
+
+.footer .nav .nav-item.centerbutton .nav-link > span {
+ height: 60px;
+ line-height: 56px;
+ width: 60px;
+ border-radius: 30px;
+ margin: 0px auto 0 auto;
+ color: var(--fimobile-theme-text);
+ box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
+ -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
+ -webkt-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
+}
+
+.footer .nav .nav-item.centerbutton .nav-link > span img {
+ opacity: 1;
+ width: 16px;
+ height: 25px;
+ vertical-align: middle;
+}
+
+.footer .nav .nav-item.centerbutton .nav-link > span i.close {
+ opacity: 0;
+ height: 24px;
+ width: 24px;
+ font-size: 0;
+ line-height: 24px;
+ display: inline-block;
+ transform: rotate(-180deg);
+ -webkit-transform: rotate(-180deg);
+ -moz-transform: rotate(-180deg);
+ position: absolute;
+ left: 0;
+ right: 0;
+ top: 26px;
+ margin: 0 auto;
+}
+
+.footer .nav .nav-item.centerbutton .nav-link .nav-menu-popover {
+ height: auto;
+ padding: var(--fimobile-padding);
+ border-radius: var(--fimobile-rounded);
+ background-color: var(--fimobile-theme-color-2);
+ color: var(--fimobile-theme-text);
+ position: absolute;
+ bottom: 100%;
+ width: 320px;
+ left: -160px;
+ margin-left: 38px;
+ display: none;
+}
+
+.footer .nav .nav-item.centerbutton .nav-link.active {
+ background-color: var(--fimobile-theme-color-2);
+}
+
+.footer .nav .nav-item.centerbutton .nav-link.active::after {
+ content: "";
+ position: absolute;
+ right: 100%;
+ top: 0;
+ width: 20px;
+ height: 20px;
+ background-image: radial-gradient(ellipse at 0% 100%, transparent 0%, transparent 70%, var(--fimobile-theme-color-2) 72%);
+}
+
+.footer .nav .nav-item.centerbutton .nav-link.active::before {
+ content: "";
+ position: absolute;
+ left: 100%;
+ top: 0;
+ width: 20px;
+ height: 20px;
+ background-image: radial-gradient(ellipse at 100% 100%, transparent 0%, transparent 70%, var(--fimobile-theme-color-2) 72%);
+}
+
+.footer .nav .nav-item.centerbutton .nav-link.active .nav-menu-popover {
+ display: flex;
+}
+
+.footer .nav .nav-item.centerbutton .nav-link.active > span img {
+ opacity: 0;
+}
+
+.footer .nav .nav-item.centerbutton .nav-link.active > span i.close {
+ opacity: 1;
+ transform: rotate(0deg);
+ -webkit-transform: rotate(0deg);
+ -moz-transform: rotate(0deg);
+ font-size: 22px;
+}
+
+.menu-open .footer {
+ margin-bottom: -80px;
+}
+
+.footer-info {
+ padding: var(--fimobile-padding) 0px;
+ line-height: 30px;
+}
+
+/* 16. footer */
+.dark-mode {
+ --fimobile-sidebar: var(--fimobile-theme-color);
+ --fimobile-sidebar-text: #ffffff;
+ --fimobile-sidebar-text-active: #ffffff;
+ --fimobile-card-color: rgba(255, 255, 255, 0.1);
+ --fimobile-card-text: #ffffff;
+ --fimobile-input-color: rgba(0, 0, 0, 0.25);
+ --fimobile-input-bordercolor: rgba(255, 255, 255, 0.1);
+ --fimobile-input-text: #ffffff;
+ --fimobile-theme-color: #1DACA7;
+ --fimobile-theme-color-light: rgba(10, 41, 141, 0.5);
+ --fimobile-theme-bordercolor: #041344;
+ --fimobile-theme-text: #ffffff;
+ --fimobile-theme-modal: #0b2783;
+ --fimobile-header: transparent;
+ --fimobile-header-active: #03175a;
+ --fimobile-header-text: #ffffff;
+ --fimobile-footer: #03175a;
+ --fimobile-footer-text: #6683e0;
+ --fimobile-footer-text-active: var(--fimobile-theme-text);
+ --fimobile-page-bg-1: #001149;
+ --fimobile-page-bg-2: #000000;
+ --fimobile-page-text: #000000;
+ --fimobile-page-link: var(--fimobile-theme-color);
+}
+
+.dark-mode .alert-danger,
+.dark-mode .card.alert-danger,
+.dark-mode .bg-danger-light {
+ background-color: rgba(247, 53, 99, 0.35);
+}
+
+.dark-mode .alert-info,
+.dark-mode .card.alert-info,
+.dark-mode .bg-info-light {
+ background-color: rgba(10, 178, 190, 0.35);
+}
+
+.dark-mode .alert-primary,
+.dark-mode .card.alert-primary,
+.dark-mode .bg-primary-light {
+ background-color: rgba(60, 99, 226, 0.35);
+}
+
+.dark-mode .alert-warning,
+.dark-mode .card.alert-warning,
+.dark-mode .bg-warning-light {
+ background-color: rgba(255, 189, 23, 0.35);
+}
+
+.dark-mode .alert-success,
+.dark-mode .card.alert-success,
+.dark-mode .bg-success-light {
+ background-color: rgba(58, 199, 155, 0.35);
+}
+
+.dark-mode .alert-theme,
+.dark-mode .card.alert-theme,
+.dark-mode .bg-theme-light {
+ background-color: var(--fimobile-theme-color-light);
+}
+
+.dark-mode .theme-indigo {
+ --fimobile-theme-color: #1DACA7;
+ --fimobile-theme-color-light: #290564;
+ --fimobile-theme-bordercolor: #150333;
+ --fimobile-theme-text: #ffffff;
+ --fimobile-theme-modal: #290564;
+ --fimobile-header: transparent;
+ --fimobile-header-active: #310677;
+ --fimobile-header-text: var(--fimobile-theme-text);
+ --fimobile-footer: #310677;
+ --fimobile-footer-text: #b389f9;
+ --fimobile-footer-text-active: var(--fimobile-theme-text);
+ --fimobile-page-bg-1: #1f044b;
+ --fimobile-page-bg-2: #010003;
+ --fimobile-page-link: var(--fimobile-theme-color);
+}
+
+.dark-mode .theme-purple {
+ --fimobile-theme-color: #1DACA7;
+ --fimobile-theme-color-light: #2d1a50;
+ --fimobile-theme-bordercolor: #170e29;
+ --fimobile-theme-text: #ffffff;
+ --fimobile-theme-modal: #2d1a50;
+ --fimobile-header: transparent;
+ --fimobile-header-active: #361f5f;
+ --fimobile-header-text: var(--fimobile-theme-text);
+ --fimobile-footer: #361f5f;
+ --fimobile-footer-text: #b8a2e0;
+ --fimobile-footer-text-active: var(--fimobile-theme-text);
+ --fimobile-page-bg-1: #22143d;
+ --fimobile-page-bg-2: #020103;
+ --fimobile-page-link: var(--fimobile-theme-color);
+}
+
+.dark-mode .theme-pink {
+ --fimobile-theme-color: #551133;
+ --fimobile-theme-color-light: #5d1338;
+ --fimobile-theme-bordercolor: #330a1e;
+ --fimobile-theme-text: #ffffff;
+ --fimobile-theme-modal: #5d1338;
+ --fimobile-header: transparent;
+ --fimobile-header-active: #6e1642;
+ --fimobile-header-text: var(--fimobile-theme-text);
+ --fimobile-footer: #6e1642;
+ --fimobile-footer-text: #eb9dc4;
+ --fimobile-footer-text-active: var(--fimobile-theme-text);
+ --fimobile-page-bg-1: #480e2b;
+ --fimobile-page-bg-2: #080205;
+ --fimobile-page-link: var(--fimobile-theme-color);
+}
+
+.dark-mode .theme-red {
+ --fimobile-theme-color: #66041b;
+ --fimobile-theme-color-light: #70041e;
+ --fimobile-theme-bordercolor: #3f0211;
+ --fimobile-theme-text: #ffffff;
+ --fimobile-theme-modal: #70041e;
+ --fimobile-header: transparent;
+ --fimobile-header-active: #840523;
+ --fimobile-header-text: var(--fimobile-theme-text);
+ --fimobile-footer: #840523;
+ --fimobile-footer-text: #fb97af;
+ --fimobile-footer-text-active: var(--fimobile-theme-text);
+ --fimobile-page-bg-1: #530316;
+ --fimobile-page-bg-2: black;
+ --fimobile-page-link: var(--fimobile-theme-color);
+}
+
+.dark-mode .theme-orange {
+ --fimobile-theme-color: #4f2401;
+ --fimobile-theme-color-light: #592901;
+ --fimobile-theme-bordercolor: #301600;
+ --fimobile-theme-text: #ffffff;
+ --fimobile-theme-modal: #592901;
+ --fimobile-header: transparent;
+ --fimobile-header-active: #6d3201;
+ --fimobile-header-text: var(--fimobile-theme-text);
+ --fimobile-footer: #6d3201;
+ --fimobile-footer-text: #feb679;
+ --fimobile-footer-text-active: var(--fimobile-theme-text);
+ --fimobile-page-bg-1: #3a1b00;
+ --fimobile-page-bg-2: black;
+ --fimobile-page-link: var(--fimobile-theme-color);
+}
+
+.dark-mode .theme-yellow {
+ --fimobile-theme-color: #4a3500;
+ --fimobile-theme-color-light: #5e4400;
+ --fimobile-theme-bordercolor: #2b1f00;
+ --fimobile-theme-text: #ffffff;
+ --fimobile-theme-modal: #5e4400;
+ --fimobile-header: transparent;
+ --fimobile-header-active: #735200;
+ --fimobile-header-text: var(--fimobile-theme-text);
+ --fimobile-footer: #735200;
+ --fimobile-footer-text: #ffda7d;
+ --fimobile-footer-text-active: var(--fimobile-theme-text);
+ --fimobile-page-bg-1: #402e00;
+ --fimobile-page-bg-2: black;
+ --fimobile-page-link: var(--fimobile-theme-color);
+}
+
+.dark-mode .theme-green {
+ --fimobile-theme-color: #154939;
+ --fimobile-theme-color-light: #17513f;
+ --fimobile-theme-bordercolor: #0c2920;
+ --fimobile-theme-text: #ffffff;
+ --fimobile-theme-modal: #17513f;
+ --fimobile-header: transparent;
+ --fimobile-header-active: #1c614b;
+ --fimobile-header-text: var(--fimobile-theme-text);
+ --fimobile-footer: #1c614b;
+ --fimobile-footer-text: #9de3cd;
+ --fimobile-footer-text-active: var(--fimobile-theme-text);
+ --fimobile-page-bg-1: #113d2f;
+ --fimobile-page-bg-2: #000201;
+ --fimobile-page-link: var(--fimobile-theme-color);
+}
+
+.dark-mode .theme-teal {
+ --fimobile-theme-color: #033c40;
+ --fimobile-theme-color-light: #05575d;
+ --fimobile-theme-bordercolor: #022a2d;
+ --fimobile-theme-text: #ffffff;
+ --fimobile-theme-modal: #033c40;
+ --fimobile-header: transparent;
+ --fimobile-header-active: #033c40;
+ --fimobile-header-text: var(--fimobile-theme-text);
+ --fimobile-footer: #033c40;
+ --fimobile-footer-text: #0ddfee;
+ --fimobile-footer-text-active: var(--fimobile-theme-text);
+ --fimobile-page-bg-1: #033336;
+ --fimobile-page-bg-2: black;
+ --fimobile-page-link: var(--fimobile-theme-color);
+}
+
+.dark-mode .theme-cyan {
+ --fimobile-theme-color: #054855;
+ --fimobile-theme-color-light: #05505f;
+ --fimobile-theme-bordercolor: #03272e;
+ --fimobile-theme-text: #ffffff;
+ --fimobile-theme-modal: #05505f;
+ --fimobile-header: transparent;
+ --fimobile-header-active: #066072;
+ --fimobile-header-text: var(--fimobile-theme-text);
+ --fimobile-footer: #066072;
+ --fimobile-footer-text: #84e5f8;
+ --fimobile-footer-text-active: var(--fimobile-theme-text);
+ --fimobile-page-bg-1: #043b47;
+ --fimobile-page-bg-2: black;
+ --fimobile-page-link: var(--fimobile-theme-color);
+}
+
+.dark-mode body,
+.dark-mode .btn {
+ color: var(--fimobile-theme-text);
+}
+
+.dark-mode .text-color-theme {
+ --fimobile-theme-color: #ffffff;
+}
+
+.dark-mode a:not(.btn):not(.list-group-item) {
+ --fimobile-theme-color: #638ef1;
+}
+
+.dark-mode a:not(.btn):not(.list-group-item):focus, .dark-mode a:not(.btn):not(.list-group-item):hover, .dark-mode a:not(.btn):not(.list-group-item):active {
+ color: #ffffff;
+}
+
+.dark-mode .swiper-pagination .swiper-pagination-bullet {
+ background-color: var(--fimobile-theme-text);
+}
+
+.dark-mode .tabs .nav-item > .nav-link:not(.active) {
+ --fimobile-theme-color: var(--fimobile-theme-text);
+}
+
+.dark-mode .chartdoughnut > .datadisplay {
+ --fimobile-theme-text: var(--fimobile-theme-color);
+}
+
+.dark-mode .btn-light {
+ background-color: var(--fimobile-page-bg-2);
+ color: var(--fimobile-theme-text);
+ border-color: var(--fimobile-page-bg-2);
+}
+
+.dark-mode .bg-light {
+ background-color: var(--fimobile-card-color) !important;
+}
+
+.dark-mode .btn-default:disabled {
+ color: var(--fimobile-theme-text);
+}
+
+.dark-mode .card {
+ box-shadow: 0 3px 10px rgba(0, 0, 0, 0.07), inset 0 1px 0px rgba(255, 255, 255, 0.1);
+ -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.07), inset 0 1px 0px rgba(255, 255, 255, 0.1);
+ -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.07), inset 0 1px 0px rgba(255, 255, 255, 0.1);
+}
+
+.dark-mode .accordion-item {
+ background-color: transparent;
+}
+
+.dark-mode .accordion-item .accordion-header .accordion-button.collapsed {
+ background-color: transparent;
+ color: var(--fimobile-theme-text);
+}
+
+.dark-mode .accordion-item .accordion-collapse.show {
+ background-color: var(--fimobile-card-color);
+}
+
+.dark-mode .list-group-item {
+ color: var(--fimobile-theme-text);
+}
+
+.dark-mode .bg-white {
+ background-color: var(--fimobile-theme-color) !important;
+}
+
+.dark-mode .toast {
+ background-color: var(--fimobile-theme-modal);
+}
+
+.dark-mode .toast .toast-header {
+ background-color: var(--fimobile-card-color);
+ color: var(--fimobile-card-text);
+}
+
+.dark-mode .modal-content {
+ background-color: var(--fimobile-theme-modal);
+}
+
+.dark-mode .modal-content .modal-header {
+ border-color: var(--fimobile-theme-bordercolor);
+}
+
+.dark-mode .form-control,
+.dark-mode input,
+.dark-mode .dark-bg .form-control,
+.dark-mode .dark-bg label {
+ color: var(--fimobile-input-text);
+}
+
+.dark-mode .form-control {
+ background-color: var(--fimobile-input-color);
+ border-color: var(--fimobile-input-bordercolor);
+}
+
+.dark-mode .chat-list .left-chat .chat-block {
+ --fimobile-theme-text: var(--fimobile-page-text);
+}
+
+.dark-mode .daterange-center.daterangepicker {
+ background-color: var(--fimobile-page-bg-2);
+}
+
+.dark-mode .daterange-center.daterangepicker .calendar-table .next span,
+.dark-mode .daterange-center.daterangepicker .calendar-table .prev span {
+ border-color: var(--fimobile-theme-text);
+}
+
+.dark-mode .daterange-center.daterangepicker td.off {
+ background-color: var(--fimobile-card-color) !important;
+}
+
+.dark-mode .daterange-center.daterangepicker td.in-range {
+ color: var(--fimobile-theme-text);
+}
+
+/* 17. Filter */
+/* 18. Calendar */
+.fc {
+ border-radius: 5px;
+ overflow: hidden;
+}
+
+.fc a {
+ text-decoration: none;
+}
+
+.fc .fc-toolbar-title {
+ font-size: 16px;
+}
+
+.fc .fc-button {
+ padding: .275em .475em;
+ font-size: 0.95em;
+ line-height: 1.7;
+}
+
+.fc .fc-toolbar.fc-header-toolbar {
+ margin-bottom: 0em;
+ padding: 10px 15px;
+}
+
+.fc .fc-toolbar.fc-header-toolbar .fc-button:focus {
+ box-shadow: none;
+ outline: none;
+}
+
+.fc.fc-theme-standard table {
+ border: 0 none;
+ border-collapse: collapse;
+}
+
+.fc.fc-theme-standard table th {
+ font-size: 14px;
+ text-decoration: none;
+ padding: 10px 0;
+ line-height: 20px;
+ border: none;
+}
+
+.fc.fc-theme-standard table th a.fc-col-header-cell-cushion {
+ font-weight: normal;
+}
+
+.fc.fc-theme-standard table td {
+ border: none;
+}
+
+.fc.fc-theme-standard table table td {
+ background-color: transparent;
+ color: inherit;
+ font-size: 14px;
+ text-decoration: none;
+ padding: 0;
+ border: 1px solid rgba(190, 190, 190, 0.3);
+}
+
+.fc.fc-theme-standard table table td a {
+ color: inherit;
+ font-weight: normal;
+}
+
+.fc.fc-theme-standard table table td .fc-daygrid-more-link {
+ font-size: 10px;
+}
+
+.fc.fc-theme-standard table table td .fc-daygrid-day-events {
+ margin-top: -8px;
+}
+
+.fc.fc-theme-standard table table td:first-child {
+ border-left: none;
+}
+
+.fc.fc-theme-standard table table td:last-child {
+ border-right: none;
+}
+
+.fc.fc-theme-standard table table tr:first-child td {
+ border-bottom: none;
+}
+
+.fc.fc-theme-standard table table tr:last-child td {
+ border-bottom: none;
+}
+
+@media screen and (max-width: 480px) {
+ .fc.fc-theme-standard table table td .fc-daygrid-more-link {
+ height: 8px;
+ width: 8px;
+ border-radius: 5px;
+ text-indent: 15px;
+ overflow: hidden;
+ display: block;
+ }
+}
+
+/* date range picekr */
+.calendar-daterange {
+ position: absolute;
+ opacity: 0;
+ left: 0;
+ right: 0;
+ height: 100%;
+ width: 100%;
+ top: 0;
+ z-index: 1;
+}
+
+.daterange-center.daterangepicker {
+ margin: 0 auto !important;
+ right: 0 !important;
+ left: 0 !important;
+ top: 84px !important;
+ width: 250px;
+ border-radius: 10px;
+ border: 0;
+ background-color: var(--fimobile-card-color);
+}
+
+.daterange-center.daterangepicker:before, .daterange-center.daterangepicker:after {
+ display: none;
+}
+
+.daterange-center.daterangepicker .drp-buttons .drp-selected {
+ display: none;
+}
+
+.daterange-center.daterangepicker .drp-buttons .cancelBtn {
+ background: transparent;
+ font-size: 14px;
+}
+
+.daterange-center.daterangepicker .drp-buttons .cancelBtn {
+ color: var(--fimobile-theme-color-light);
+ background: transparent;
+ font-size: 14px;
+ font-weight: normal;
+}
+
+.daterange-center.daterangepicker .drp-buttons .applyBtn {
+ background-color: var(--fimobile-theme-color);
+ color: var(--fimobile-theme-text);
+ border: 0;
+ border-radius: 5px;
+ font-size: 14px;
+ line-height: 16px;
+ padding: 5px 15px;
+ font-weight: normal;
+}
+
+.daterange-center.daterangepicker .drp-calendar.left,
+.daterange-center.daterangepicker .drp-calendar.right {
+ padding: 10px;
+ background: transparent;
+}
+
+.daterange-center.daterangepicker .drp-calendar.left .calendar-table,
+.daterange-center.daterangepicker .drp-calendar.right .calendar-table {
+ border: 0;
+ background: transparent;
+}
+
+.daterange-center.daterangepicker .drp-calendar.left .calendar-table th,
+.daterange-center.daterangepicker .drp-calendar.left .calendar-table td,
+.daterange-center.daterangepicker .drp-calendar.right .calendar-table th,
+.daterange-center.daterangepicker .drp-calendar.right .calendar-table td {
+ line-height: 28px;
+}
+
+.daterange-center.daterangepicker .drp-calendar.left .calendar-table th.off, .daterange-center.daterangepicker .drp-calendar.left .calendar-table th.off.start-date, .daterange-center.daterangepicker .drp-calendar.left .calendar-table th.off.end-date,
+.daterange-center.daterangepicker .drp-calendar.left .calendar-table td.off,
+.daterange-center.daterangepicker .drp-calendar.left .calendar-table td.off.start-date,
+.daterange-center.daterangepicker .drp-calendar.left .calendar-table td.off.end-date,
+.daterange-center.daterangepicker .drp-calendar.right .calendar-table th.off,
+.daterange-center.daterangepicker .drp-calendar.right .calendar-table th.off.start-date,
+.daterange-center.daterangepicker .drp-calendar.right .calendar-table th.off.end-date,
+.daterange-center.daterangepicker .drp-calendar.right .calendar-table td.off,
+.daterange-center.daterangepicker .drp-calendar.right .calendar-table td.off.start-date,
+.daterange-center.daterangepicker .drp-calendar.right .calendar-table td.off.end-date {
+ background-color: var(--fimobile-theme-text);
+}
+
+.daterange-center.daterangepicker .drp-calendar.left .calendar-table th.in-range, .daterange-center.daterangepicker .drp-calendar.left .calendar-table th.off.in-range,
+.daterange-center.daterangepicker .drp-calendar.left .calendar-table td.in-range,
+.daterange-center.daterangepicker .drp-calendar.left .calendar-table td.off.in-range,
+.daterange-center.daterangepicker .drp-calendar.right .calendar-table th.in-range,
+.daterange-center.daterangepicker .drp-calendar.right .calendar-table th.off.in-range,
+.daterange-center.daterangepicker .drp-calendar.right .calendar-table td.in-range,
+.daterange-center.daterangepicker .drp-calendar.right .calendar-table td.off.in-range {
+ background-color: var(--fimobile-theme-bordercolor);
+}
+
+.daterange-center.daterangepicker .drp-calendar.left .calendar-table th.active, .daterange-center.daterangepicker .drp-calendar.left .calendar-table th.active:hover, .daterange-center.daterangepicker .drp-calendar.left .calendar-table th.in-range.start-date, .daterange-center.daterangepicker .drp-calendar.left .calendar-table th.in-range.end-date,
+.daterange-center.daterangepicker .drp-calendar.left .calendar-table td.active,
+.daterange-center.daterangepicker .drp-calendar.left .calendar-table td.active:hover,
+.daterange-center.daterangepicker .drp-calendar.left .calendar-table td.in-range.start-date,
+.daterange-center.daterangepicker .drp-calendar.left .calendar-table td.in-range.end-date,
+.daterange-center.daterangepicker .drp-calendar.right .calendar-table th.active,
+.daterange-center.daterangepicker .drp-calendar.right .calendar-table th.active:hover,
+.daterange-center.daterangepicker .drp-calendar.right .calendar-table th.in-range.start-date,
+.daterange-center.daterangepicker .drp-calendar.right .calendar-table th.in-range.end-date,
+.daterange-center.daterangepicker .drp-calendar.right .calendar-table td.active,
+.daterange-center.daterangepicker .drp-calendar.right .calendar-table td.active:hover,
+.daterange-center.daterangepicker .drp-calendar.right .calendar-table td.in-range.start-date,
+.daterange-center.daterangepicker .drp-calendar.right .calendar-table td.in-range.end-date {
+ background-color: var(--fimobile-theme-color);
+}
+
+/* 19. Logo */
+.logo-splash {
+ width: 100px;
+ display: block;
+ margin: 0 auto;
+}
+
+.logo-splash img {
+ width: 100px;
+ margin-bottom: 15px;
+ border-radius: var(--fimobile-rounded);
+ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
+}
+
+.logo-small {
+ width: auto;
+ display: inline-block;
+ vertical-align: middle;
+ margin: 0 auto;
+ line-height: 44px;
+}
+
+.logo-small img {
+ width: 32px;
+ margin: 0;
+ border-radius: calc(var(--fimobile-rounded) - 10px);
+ box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
+ -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
+ -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
+ margin-right: 8px;
+ border: 0;
+ vertical-align: middle;
+}
+
+.logo-small h5, .logo-small .h5 {
+ display: inline-block;
+ margin: 0 auto;
+ vertical-align: middle;
+}
+
+/* 20. RTL layout */
+.rtl {
+ direction: rtl;
+}
+
+.rtl .tooltip-btn {
+ left: 5px;
+ right: auto;
+}
+
+.rtl .nav {
+ padding-right: 0;
+}
+
+.rtl .dropdown-menu {
+ text-align: right;
+}
+
+.rtl .toast-header .btn-close {
+ margin-left: -.375rem;
+ margin-right: .75rem;
+}
+
+.rtl .me-auto {
+ margin-right: 0 !important;
+ margin-left: auto !important;
+}
+
+.rtl .ps-0 {
+ padding-left: var(--fimobile-padding) !important;
+ padding-right: 0;
+}
+
+.rtl .pe-0 {
+ padding-right: var(--fimobile-padding) !important;
+ padding-left: 0;
+}
+
+.rtl .float-end {
+ float: left !important;
+}
+
+.rtl .start-auto {
+ left: 0 !important;
+ right: auto !important;
+}
+
+.rtl .text-end {
+ text-align: left !important;
+}
+
+.rtl .form-floating > label {
+ left: auto;
+ right: 0;
+}
+
+.rtl .sidebar-wrap {
+ left: auto;
+ right: -100%;
+}
+
+.rtl .sidebar-wrap .closemenu {
+ right: auto;
+ left: -25px;
+}
+
+.rtl .sidebar-wrap .sidebar {
+ float: right;
+}
+
+.rtl .sidebar-wrap .sidebar .nav .nav-item .nav-link > .icon {
+ margin-left: 15px;
+ margin-right: 0;
+}
+
+.rtl .sidebar-wrap.sidebar-overlay .sidebar {
+ left: auto;
+ right: 0;
+}
+
+.rtl .sidebar-wrap.sidebar-fullmenu .closemenu {
+ left: 15px;
+ right: auto;
+}
+
+.rtl .sidebar-wrap.sidebar-fullmenu .nav .nav-item .nav-link > .icon {
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.rtl.menu-open .sidebar-wrap {
+ right: 0;
+}
+
+.rtl.menu-open .sidebar-wrap.sidebar-pushcontent + main {
+ margin-left: auto;
+ transform: scale(1);
+ margin-right: 280px;
+}
+
+.rtl .summayswiper .swiper-wrapper .swiper-slide:first-child,
+.rtl .cardswiper .swiper-wrapper .swiper-slide:first-child,
+.rtl .connectionwiper .swiper-wrapper .swiper-slide:first-child,
+.rtl .summayswiper .swiper-wrapper .swiper-slide:first-child {
+ padding-left: 5px;
+ padding-right: var(--fimobile-padding);
+}
+
+.rtl .summayswiper .swiper-wrapper .swiper-slide:last-child,
+.rtl .cardswiper .swiper-wrapper .swiper-slide:last-child,
+.rtl .connectionwiper .swiper-wrapper .swiper-slide:last-child,
+.rtl .summayswiper .swiper-wrapper .swiper-slide:last-child {
+ padding-right: 5px;
+ padding-left: var(--fimobile-padding);
+}
+
+.rtl ol, .rtl ul {
+ padding-right: 0;
+}
+
+/* 20. tabs layout */
+.tabs {
+ background-color: var(--fimobile-theme-bordercolor);
+ border-radius: var(--fimobile-rounded);
+ padding: 5px;
+}
+
+.tabs .nav-item > .nav-link {
+ color: var(--fimobile-theme-color);
+ padding: calc(var(--fimobile-padding) - 5px) var(--fimobile-padding);
+ line-height: 30px;
+ border-radius: calc(var(--fimobile-rounded) - 5px);
+ text-transform: uppercase;
+}
+
+.tabs .nav-item > .nav-link.active {
+ color: var(--fimobile-theme-text);
+ background-color: var(--fimobile-theme-color);
+}
+
+input[type=checkbox] {
+ display:none;
+}
+input[type=checkbox] + label {
+ cursor: pointer;
+ padding-left: 20px;
+ background-repeat: no-repeat;
+ background-image: url('../../../../../../../../HTML/assets/img/checker-off.svg');
+}
+input[type=checkbox]:checked + label {
+ background-image: url('../../../../../../../../HTML/assets/img/checker-on.svg');
+}
+
+.calendar_container{
+ max-width:1000px;
+ margin: 0 auto;
+}
\ No newline at end of file
diff --git a/src/main/resources/static/assets/img/404.png b/src/main/resources/static/assets/img/404.png
new file mode 100644
index 0000000..1865e33
Binary files /dev/null and b/src/main/resources/static/assets/img/404.png differ
diff --git a/src/main/resources/static/assets/img/Hana.png b/src/main/resources/static/assets/img/Hana.png
new file mode 100644
index 0000000..0b67150
Binary files /dev/null and b/src/main/resources/static/assets/img/Hana.png differ
diff --git a/src/main/resources/static/assets/img/Kakao.png b/src/main/resources/static/assets/img/Kakao.png
new file mode 100644
index 0000000..25fa38b
Binary files /dev/null and b/src/main/resources/static/assets/img/Kakao.png differ
diff --git a/src/main/resources/static/assets/img/Kb.png b/src/main/resources/static/assets/img/Kb.png
new file mode 100644
index 0000000..1c65f79
Binary files /dev/null and b/src/main/resources/static/assets/img/Kb.png differ
diff --git a/src/main/resources/static/assets/img/NH.png b/src/main/resources/static/assets/img/NH.png
new file mode 100644
index 0000000..0423701
Binary files /dev/null and b/src/main/resources/static/assets/img/NH.png differ
diff --git a/src/main/resources/static/assets/img/Name.png b/src/main/resources/static/assets/img/Name.png
new file mode 100644
index 0000000..71ae1ea
Binary files /dev/null and b/src/main/resources/static/assets/img/Name.png differ
diff --git a/src/main/resources/static/assets/img/Name1.png b/src/main/resources/static/assets/img/Name1.png
new file mode 100644
index 0000000..2565f47
Binary files /dev/null and b/src/main/resources/static/assets/img/Name1.png differ
diff --git a/src/main/resources/static/assets/img/Name2.emf b/src/main/resources/static/assets/img/Name2.emf
new file mode 100644
index 0000000..90c9632
Binary files /dev/null and b/src/main/resources/static/assets/img/Name2.emf differ
diff --git a/src/main/resources/static/assets/img/Shin.png b/src/main/resources/static/assets/img/Shin.png
new file mode 100644
index 0000000..efe068c
Binary files /dev/null and b/src/main/resources/static/assets/img/Shin.png differ
diff --git a/src/main/resources/static/assets/img/Woori.png b/src/main/resources/static/assets/img/Woori.png
new file mode 100644
index 0000000..cdc87dc
Binary files /dev/null and b/src/main/resources/static/assets/img/Woori.png differ
diff --git a/src/main/resources/static/assets/img/backgorund-image.png b/src/main/resources/static/assets/img/backgorund-image.png
new file mode 100644
index 0000000..c9ff91d
Binary files /dev/null and b/src/main/resources/static/assets/img/backgorund-image.png differ
diff --git a/src/main/resources/static/assets/img/backgorund-image.svg b/src/main/resources/static/assets/img/backgorund-image.svg
new file mode 100644
index 0000000..efe1496
--- /dev/null
+++ b/src/main/resources/static/assets/img/backgorund-image.svg
@@ -0,0 +1,32 @@
+
diff --git a/src/main/resources/static/assets/img/backgorund-image2.png b/src/main/resources/static/assets/img/backgorund-image2.png
new file mode 100644
index 0000000..e01d35a
Binary files /dev/null and b/src/main/resources/static/assets/img/backgorund-image2.png differ
diff --git a/src/main/resources/static/assets/img/backgorund-image2.svg b/src/main/resources/static/assets/img/backgorund-image2.svg
new file mode 100644
index 0000000..7a99e29
--- /dev/null
+++ b/src/main/resources/static/assets/img/backgorund-image2.svg
@@ -0,0 +1,90 @@
+
diff --git a/src/main/resources/static/assets/img/backgorund-image3.png b/src/main/resources/static/assets/img/backgorund-image3.png
new file mode 100644
index 0000000..21d4cb3
Binary files /dev/null and b/src/main/resources/static/assets/img/backgorund-image3.png differ
diff --git a/src/main/resources/static/assets/img/backgorund-image3.svg b/src/main/resources/static/assets/img/backgorund-image3.svg
new file mode 100644
index 0000000..775d0e5
--- /dev/null
+++ b/src/main/resources/static/assets/img/backgorund-image3.svg
@@ -0,0 +1,27 @@
+
diff --git a/src/main/resources/static/assets/img/banner.jpg b/src/main/resources/static/assets/img/banner.jpg
new file mode 100644
index 0000000..4a6ab4b
Binary files /dev/null and b/src/main/resources/static/assets/img/banner.jpg differ
diff --git a/src/main/resources/static/assets/img/bg1.jpg b/src/main/resources/static/assets/img/bg1.jpg
new file mode 100644
index 0000000..ade318d
Binary files /dev/null and b/src/main/resources/static/assets/img/bg1.jpg differ
diff --git a/src/main/resources/static/assets/img/bg2.jpg b/src/main/resources/static/assets/img/bg2.jpg
new file mode 100644
index 0000000..30b1d6b
Binary files /dev/null and b/src/main/resources/static/assets/img/bg2.jpg differ
diff --git a/src/main/resources/static/assets/img/calendar.png b/src/main/resources/static/assets/img/calendar.png
new file mode 100644
index 0000000..3cefd3b
Binary files /dev/null and b/src/main/resources/static/assets/img/calendar.png differ
diff --git a/src/main/resources/static/assets/img/card.png b/src/main/resources/static/assets/img/card.png
new file mode 100644
index 0000000..2a14160
Binary files /dev/null and b/src/main/resources/static/assets/img/card.png differ
diff --git a/src/main/resources/static/assets/img/centerbutton.svg b/src/main/resources/static/assets/img/centerbutton.svg
new file mode 100644
index 0000000..66db31e
--- /dev/null
+++ b/src/main/resources/static/assets/img/centerbutton.svg
@@ -0,0 +1,19 @@
+
diff --git a/src/main/resources/static/assets/img/checker-off.svg b/src/main/resources/static/assets/img/checker-off.svg
new file mode 100644
index 0000000..541f340
--- /dev/null
+++ b/src/main/resources/static/assets/img/checker-off.svg
@@ -0,0 +1,7 @@
+
+
+
diff --git a/src/main/resources/static/assets/img/checker-on.svg b/src/main/resources/static/assets/img/checker-on.svg
new file mode 100644
index 0000000..839799a
--- /dev/null
+++ b/src/main/resources/static/assets/img/checker-on.svg
@@ -0,0 +1,7 @@
+
+
+
diff --git a/src/main/resources/static/assets/img/close.png b/src/main/resources/static/assets/img/close.png
new file mode 100644
index 0000000..a941383
Binary files /dev/null and b/src/main/resources/static/assets/img/close.png differ
diff --git a/src/main/resources/static/assets/img/company1.png b/src/main/resources/static/assets/img/company1.png
new file mode 100644
index 0000000..78130f9
Binary files /dev/null and b/src/main/resources/static/assets/img/company1.png differ
diff --git a/src/main/resources/static/assets/img/company2-50.png b/src/main/resources/static/assets/img/company2-50.png
new file mode 100644
index 0000000..124c4f4
Binary files /dev/null and b/src/main/resources/static/assets/img/company2-50.png differ
diff --git a/src/main/resources/static/assets/img/company2.png b/src/main/resources/static/assets/img/company2.png
new file mode 100644
index 0000000..d772c7c
Binary files /dev/null and b/src/main/resources/static/assets/img/company2.png differ
diff --git a/src/main/resources/static/assets/img/company3.jpg b/src/main/resources/static/assets/img/company3.jpg
new file mode 100644
index 0000000..4876cd8
Binary files /dev/null and b/src/main/resources/static/assets/img/company3.jpg differ
diff --git a/src/main/resources/static/assets/img/company4.jpg b/src/main/resources/static/assets/img/company4.jpg
new file mode 100644
index 0000000..326fdad
Binary files /dev/null and b/src/main/resources/static/assets/img/company4.jpg differ
diff --git a/src/main/resources/static/assets/img/company5.png b/src/main/resources/static/assets/img/company5.png
new file mode 100644
index 0000000..8d27846
Binary files /dev/null and b/src/main/resources/static/assets/img/company5.png differ
diff --git a/src/main/resources/static/assets/img/company6.png b/src/main/resources/static/assets/img/company6.png
new file mode 100644
index 0000000..6a7dcd3
Binary files /dev/null and b/src/main/resources/static/assets/img/company6.png differ
diff --git a/src/main/resources/static/assets/img/company7.jpg b/src/main/resources/static/assets/img/company7.jpg
new file mode 100644
index 0000000..738025f
Binary files /dev/null and b/src/main/resources/static/assets/img/company7.jpg differ
diff --git a/src/main/resources/static/assets/img/cook.png b/src/main/resources/static/assets/img/cook.png
new file mode 100644
index 0000000..46b6ff8
Binary files /dev/null and b/src/main/resources/static/assets/img/cook.png differ
diff --git a/src/main/resources/static/assets/img/cute.png b/src/main/resources/static/assets/img/cute.png
new file mode 100644
index 0000000..136af61
Binary files /dev/null and b/src/main/resources/static/assets/img/cute.png differ
diff --git a/src/main/resources/static/assets/img/darkbg-1.png b/src/main/resources/static/assets/img/darkbg-1.png
new file mode 100644
index 0000000..5225bd2
Binary files /dev/null and b/src/main/resources/static/assets/img/darkbg-1.png differ
diff --git a/src/main/resources/static/assets/img/darkbg-2.png b/src/main/resources/static/assets/img/darkbg-2.png
new file mode 100644
index 0000000..3bc4e4f
Binary files /dev/null and b/src/main/resources/static/assets/img/darkbg-2.png differ
diff --git a/src/main/resources/static/assets/img/darkbg-3.png b/src/main/resources/static/assets/img/darkbg-3.png
new file mode 100644
index 0000000..048efca
Binary files /dev/null and b/src/main/resources/static/assets/img/darkbg-3.png differ
diff --git a/src/main/resources/static/assets/img/deffer.png b/src/main/resources/static/assets/img/deffer.png
new file mode 100644
index 0000000..f0aef6f
Binary files /dev/null and b/src/main/resources/static/assets/img/deffer.png differ
diff --git a/src/main/resources/static/assets/img/do.png b/src/main/resources/static/assets/img/do.png
new file mode 100644
index 0000000..b178d23
Binary files /dev/null and b/src/main/resources/static/assets/img/do.png differ
diff --git a/src/main/resources/static/assets/img/dolphin.png b/src/main/resources/static/assets/img/dolphin.png
new file mode 100644
index 0000000..7831370
Binary files /dev/null and b/src/main/resources/static/assets/img/dolphin.png differ
diff --git a/src/main/resources/static/assets/img/favicon.png b/src/main/resources/static/assets/img/favicon.png
new file mode 100644
index 0000000..07e37d0
Binary files /dev/null and b/src/main/resources/static/assets/img/favicon.png differ
diff --git a/src/main/resources/static/assets/img/favicon144.png b/src/main/resources/static/assets/img/favicon144.png
new file mode 100644
index 0000000..db4bec1
Binary files /dev/null and b/src/main/resources/static/assets/img/favicon144.png differ
diff --git a/src/main/resources/static/assets/img/favicon152.png b/src/main/resources/static/assets/img/favicon152.png
new file mode 100644
index 0000000..92ee97f
Binary files /dev/null and b/src/main/resources/static/assets/img/favicon152.png differ
diff --git a/src/main/resources/static/assets/img/favicon16.png b/src/main/resources/static/assets/img/favicon16.png
new file mode 100644
index 0000000..d14cac4
Binary files /dev/null and b/src/main/resources/static/assets/img/favicon16.png differ
diff --git a/src/main/resources/static/assets/img/favicon180.png b/src/main/resources/static/assets/img/favicon180.png
new file mode 100644
index 0000000..2b8c95c
Binary files /dev/null and b/src/main/resources/static/assets/img/favicon180.png differ
diff --git a/src/main/resources/static/assets/img/favicon192.png b/src/main/resources/static/assets/img/favicon192.png
new file mode 100644
index 0000000..98c5e0f
Binary files /dev/null and b/src/main/resources/static/assets/img/favicon192.png differ
diff --git a/src/main/resources/static/assets/img/favicon32.png b/src/main/resources/static/assets/img/favicon32.png
new file mode 100644
index 0000000..66f714b
Binary files /dev/null and b/src/main/resources/static/assets/img/favicon32.png differ
diff --git a/src/main/resources/static/assets/img/favicon48.png b/src/main/resources/static/assets/img/favicon48.png
new file mode 100644
index 0000000..f76e945
Binary files /dev/null and b/src/main/resources/static/assets/img/favicon48.png differ
diff --git a/src/main/resources/static/assets/img/favicon512.png b/src/main/resources/static/assets/img/favicon512.png
new file mode 100644
index 0000000..6331d66
Binary files /dev/null and b/src/main/resources/static/assets/img/favicon512.png differ
diff --git a/src/main/resources/static/assets/img/favicon72.png b/src/main/resources/static/assets/img/favicon72.png
new file mode 100644
index 0000000..fd09b52
Binary files /dev/null and b/src/main/resources/static/assets/img/favicon72.png differ
diff --git a/src/main/resources/static/assets/img/favicon76.png b/src/main/resources/static/assets/img/favicon76.png
new file mode 100644
index 0000000..de827d4
Binary files /dev/null and b/src/main/resources/static/assets/img/favicon76.png differ
diff --git a/src/main/resources/static/assets/img/favicon96.png b/src/main/resources/static/assets/img/favicon96.png
new file mode 100644
index 0000000..5c74fd3
Binary files /dev/null and b/src/main/resources/static/assets/img/favicon96.png differ
diff --git a/src/main/resources/static/assets/img/fish.png b/src/main/resources/static/assets/img/fish.png
new file mode 100644
index 0000000..07d3e27
Binary files /dev/null and b/src/main/resources/static/assets/img/fish.png differ
diff --git a/src/main/resources/static/assets/img/gas.svg b/src/main/resources/static/assets/img/gas.svg
new file mode 100644
index 0000000..fc9990a
--- /dev/null
+++ b/src/main/resources/static/assets/img/gas.svg
@@ -0,0 +1,10 @@
+
diff --git a/src/main/resources/static/assets/img/img.png b/src/main/resources/static/assets/img/img.png
new file mode 100644
index 0000000..a72cf80
Binary files /dev/null and b/src/main/resources/static/assets/img/img.png differ
diff --git a/src/main/resources/static/assets/img/infographic-camera.png b/src/main/resources/static/assets/img/infographic-camera.png
new file mode 100644
index 0000000..e1be368
Binary files /dev/null and b/src/main/resources/static/assets/img/infographic-camera.png differ
diff --git a/src/main/resources/static/assets/img/infographic-scan.png b/src/main/resources/static/assets/img/infographic-scan.png
new file mode 100644
index 0000000..4a38f91
Binary files /dev/null and b/src/main/resources/static/assets/img/infographic-scan.png differ
diff --git a/src/main/resources/static/assets/img/infographic-send.png b/src/main/resources/static/assets/img/infographic-send.png
new file mode 100644
index 0000000..68f3151
Binary files /dev/null and b/src/main/resources/static/assets/img/infographic-send.png differ
diff --git a/src/main/resources/static/assets/img/intro1.png b/src/main/resources/static/assets/img/intro1.png
new file mode 100644
index 0000000..660189a
Binary files /dev/null and b/src/main/resources/static/assets/img/intro1.png differ
diff --git a/src/main/resources/static/assets/img/intro2.png b/src/main/resources/static/assets/img/intro2.png
new file mode 100644
index 0000000..54558ce
Binary files /dev/null and b/src/main/resources/static/assets/img/intro2.png differ
diff --git a/src/main/resources/static/assets/img/intro3.png b/src/main/resources/static/assets/img/intro3.png
new file mode 100644
index 0000000..dcddcc2
Binary files /dev/null and b/src/main/resources/static/assets/img/intro3.png differ
diff --git a/src/main/resources/static/assets/img/kenya.png b/src/main/resources/static/assets/img/kenya.png
new file mode 100644
index 0000000..e23528a
Binary files /dev/null and b/src/main/resources/static/assets/img/kenya.png differ
diff --git a/src/main/resources/static/assets/img/like.png b/src/main/resources/static/assets/img/like.png
new file mode 100644
index 0000000..08a1975
Binary files /dev/null and b/src/main/resources/static/assets/img/like.png differ
diff --git a/src/main/resources/static/assets/img/logo.png b/src/main/resources/static/assets/img/logo.png
new file mode 100644
index 0000000..07e37d0
Binary files /dev/null and b/src/main/resources/static/assets/img/logo.png differ
diff --git a/src/main/resources/static/assets/img/logo.svg b/src/main/resources/static/assets/img/logo.svg
new file mode 100644
index 0000000..9d13a3f
--- /dev/null
+++ b/src/main/resources/static/assets/img/logo.svg
@@ -0,0 +1,38 @@
+
diff --git a/src/main/resources/static/assets/img/lv.png b/src/main/resources/static/assets/img/lv.png
new file mode 100644
index 0000000..e18032d
Binary files /dev/null and b/src/main/resources/static/assets/img/lv.png differ
diff --git a/src/main/resources/static/assets/img/macaron.png b/src/main/resources/static/assets/img/macaron.png
new file mode 100644
index 0000000..4df7415
Binary files /dev/null and b/src/main/resources/static/assets/img/macaron.png differ
diff --git a/src/main/resources/static/assets/img/magic.png b/src/main/resources/static/assets/img/magic.png
new file mode 100644
index 0000000..ffc1450
Binary files /dev/null and b/src/main/resources/static/assets/img/magic.png differ
diff --git a/src/main/resources/static/assets/img/map@2x.png b/src/main/resources/static/assets/img/map@2x.png
new file mode 100644
index 0000000..0a03697
Binary files /dev/null and b/src/main/resources/static/assets/img/map@2x.png differ
diff --git a/src/main/resources/static/assets/img/masterocard.png b/src/main/resources/static/assets/img/masterocard.png
new file mode 100644
index 0000000..25aaad6
Binary files /dev/null and b/src/main/resources/static/assets/img/masterocard.png differ
diff --git a/src/main/resources/static/assets/img/news.jpg b/src/main/resources/static/assets/img/news.jpg
new file mode 100644
index 0000000..87c30af
Binary files /dev/null and b/src/main/resources/static/assets/img/news.jpg differ
diff --git a/src/main/resources/static/assets/img/news1.jpg b/src/main/resources/static/assets/img/news1.jpg
new file mode 100644
index 0000000..6c19b3a
Binary files /dev/null and b/src/main/resources/static/assets/img/news1.jpg differ
diff --git a/src/main/resources/static/assets/img/news2.jpg b/src/main/resources/static/assets/img/news2.jpg
new file mode 100644
index 0000000..deb5ccb
Binary files /dev/null and b/src/main/resources/static/assets/img/news2.jpg differ
diff --git a/src/main/resources/static/assets/img/news3.jpg b/src/main/resources/static/assets/img/news3.jpg
new file mode 100644
index 0000000..dc79c67
Binary files /dev/null and b/src/main/resources/static/assets/img/news3.jpg differ
diff --git a/src/main/resources/static/assets/img/news4.jpg b/src/main/resources/static/assets/img/news4.jpg
new file mode 100644
index 0000000..20710a4
Binary files /dev/null and b/src/main/resources/static/assets/img/news4.jpg differ
diff --git a/src/main/resources/static/assets/img/news5.jpg b/src/main/resources/static/assets/img/news5.jpg
new file mode 100644
index 0000000..b64dc26
Binary files /dev/null and b/src/main/resources/static/assets/img/news5.jpg differ
diff --git a/src/main/resources/static/assets/img/news6.png b/src/main/resources/static/assets/img/news6.png
new file mode 100644
index 0000000..a551a8e
Binary files /dev/null and b/src/main/resources/static/assets/img/news6.png differ
diff --git a/src/main/resources/static/assets/img/night.png b/src/main/resources/static/assets/img/night.png
new file mode 100644
index 0000000..fc4fb07
Binary files /dev/null and b/src/main/resources/static/assets/img/night.png differ
diff --git a/src/main/resources/static/assets/img/offergraphics-green.png b/src/main/resources/static/assets/img/offergraphics-green.png
new file mode 100644
index 0000000..b7eb28b
Binary files /dev/null and b/src/main/resources/static/assets/img/offergraphics-green.png differ
diff --git a/src/main/resources/static/assets/img/offergraphics-red.png b/src/main/resources/static/assets/img/offergraphics-red.png
new file mode 100644
index 0000000..0227568
Binary files /dev/null and b/src/main/resources/static/assets/img/offergraphics-red.png differ
diff --git a/src/main/resources/static/assets/img/offergraphics.png b/src/main/resources/static/assets/img/offergraphics.png
new file mode 100644
index 0000000..1443fdf
Binary files /dev/null and b/src/main/resources/static/assets/img/offergraphics.png differ
diff --git a/src/main/resources/static/assets/img/pasta.png b/src/main/resources/static/assets/img/pasta.png
new file mode 100644
index 0000000..70ef138
Binary files /dev/null and b/src/main/resources/static/assets/img/pasta.png differ
diff --git a/src/main/resources/static/assets/img/pay.png b/src/main/resources/static/assets/img/pay.png
new file mode 100644
index 0000000..35b4fe5
Binary files /dev/null and b/src/main/resources/static/assets/img/pay.png differ
diff --git a/src/main/resources/static/assets/img/progress.png b/src/main/resources/static/assets/img/progress.png
new file mode 100644
index 0000000..7ffe298
Binary files /dev/null and b/src/main/resources/static/assets/img/progress.png differ
diff --git a/src/main/resources/static/assets/img/santiago.png b/src/main/resources/static/assets/img/santiago.png
new file mode 100644
index 0000000..a8abfa7
Binary files /dev/null and b/src/main/resources/static/assets/img/santiago.png differ
diff --git a/src/main/resources/static/assets/img/setting-menu-1@2x.png b/src/main/resources/static/assets/img/setting-menu-1@2x.png
new file mode 100644
index 0000000..4fbb69a
Binary files /dev/null and b/src/main/resources/static/assets/img/setting-menu-1@2x.png differ
diff --git a/src/main/resources/static/assets/img/setting-menu-2@2x.png b/src/main/resources/static/assets/img/setting-menu-2@2x.png
new file mode 100644
index 0000000..bdc938a
Binary files /dev/null and b/src/main/resources/static/assets/img/setting-menu-2@2x.png differ
diff --git a/src/main/resources/static/assets/img/setting-menu-3@2x.png b/src/main/resources/static/assets/img/setting-menu-3@2x.png
new file mode 100644
index 0000000..b9b71ea
Binary files /dev/null and b/src/main/resources/static/assets/img/setting-menu-3@2x.png differ
diff --git a/src/main/resources/static/assets/img/sherlock.png b/src/main/resources/static/assets/img/sherlock.png
new file mode 100644
index 0000000..7c84788
Binary files /dev/null and b/src/main/resources/static/assets/img/sherlock.png differ
diff --git a/src/main/resources/static/assets/img/sky.png b/src/main/resources/static/assets/img/sky.png
new file mode 100644
index 0000000..db9dff3
Binary files /dev/null and b/src/main/resources/static/assets/img/sky.png differ
diff --git a/src/main/resources/static/assets/img/thankyou.png b/src/main/resources/static/assets/img/thankyou.png
new file mode 100644
index 0000000..bc706f7
Binary files /dev/null and b/src/main/resources/static/assets/img/thankyou.png differ
diff --git a/src/main/resources/static/assets/img/user1.jpg b/src/main/resources/static/assets/img/user1.jpg
new file mode 100644
index 0000000..e166f8b
Binary files /dev/null and b/src/main/resources/static/assets/img/user1.jpg differ
diff --git a/src/main/resources/static/assets/img/user2.jpg b/src/main/resources/static/assets/img/user2.jpg
new file mode 100644
index 0000000..7a78fa7
Binary files /dev/null and b/src/main/resources/static/assets/img/user2.jpg differ
diff --git a/src/main/resources/static/assets/img/user3.jpg b/src/main/resources/static/assets/img/user3.jpg
new file mode 100644
index 0000000..c598c93
Binary files /dev/null and b/src/main/resources/static/assets/img/user3.jpg differ
diff --git a/src/main/resources/static/assets/img/user3.png b/src/main/resources/static/assets/img/user3.png
new file mode 100644
index 0000000..b7a0001
Binary files /dev/null and b/src/main/resources/static/assets/img/user3.png differ
diff --git a/src/main/resources/static/assets/img/user4.jpg b/src/main/resources/static/assets/img/user4.jpg
new file mode 100644
index 0000000..9c0d839
Binary files /dev/null and b/src/main/resources/static/assets/img/user4.jpg differ
diff --git a/src/main/resources/static/assets/img/user5.jpg b/src/main/resources/static/assets/img/user5.jpg
new file mode 100644
index 0000000..28e2659
Binary files /dev/null and b/src/main/resources/static/assets/img/user5.jpg differ
diff --git "a/src/main/resources/static/assets/img/\353\241\234\352\263\240.png" "b/src/main/resources/static/assets/img/\353\241\234\352\263\240.png"
new file mode 100644
index 0000000..165b515
Binary files /dev/null and "b/src/main/resources/static/assets/img/\353\241\234\352\263\240.png" differ
diff --git a/src/main/resources/static/assets/js/app.js b/src/main/resources/static/assets/js/app.js
new file mode 100644
index 0000000..05e767c
--- /dev/null
+++ b/src/main/resources/static/assets/js/app.js
@@ -0,0 +1,923 @@
+'use strict';
+
+$(window).on('load', function () {
+
+ var body = $('body');
+
+ switch (body.attr('data-page')) {
+ case "splash":
+ setTimeout(function () {
+ window.location.replace("landing.html");
+ }, 4000)
+ break;
+
+
+ case "thankyou":
+ setTimeout(function () {
+ window.location.replace("index.html");
+ }, 4000)
+ break;
+
+ case "signin":
+ var passworderrorEl = document.getElementById('passworderror')
+ var tooltip = new bootstrap.Tooltip(passworderrorEl, {
+ boundary: document.body // or document.querySelector('#boundary')
+ })
+ break;
+
+ case "signup":
+ var passworderrorEl = document.getElementById('passworderror')
+ var tooltip = new bootstrap.Tooltip(passworderrorEl, {
+ boundary: document.body // or document.querySelector('#boundary')
+ })
+ break;
+ case "verify":
+
+ document.getElementById('timer').innerHTML = '03' + ':' + '00';
+ startTimer();
+
+ function startTimer() {
+ var presentTime = document.getElementById('timer').innerHTML;
+ var timeArray = presentTime.split(/[:]+/);
+ var m = timeArray[0];
+ var s = checkSecond((timeArray[1] - 1));
+ if (s == 59) { m = m - 1 }
+ if (m < 0) {
+ return
+ }
+
+ document.getElementById('timer').innerHTML =
+ m + ":" + s;
+ setTimeout(startTimer, 1000);
+ }
+
+ function checkSecond(sec) {
+ if (sec < 10 && sec >= 0) { sec = "0" + sec }; // add zero in front of numbers < 10
+ if (sec < 0) { sec = "59" };
+ return sec;
+ }
+
+ break;
+
+ case "landing":
+ var toastElList = document.getElementById('toastinstall');
+ var toastElinit = new bootstrap.Toast(toastElList, {
+ //autohide: !1,
+ });
+ toastElinit.show();
+
+ /* PWA add to phone Install ap button */
+ var btnAdd = document.getElementById('addtohome')
+ var defferedPrompt;
+ window.addEventListener("beforeinstallprompt", function (event) {
+ event.preventDefault();
+ defferedPrompt = event;
+
+ btnAdd.addEventListener("click", function (event) {
+ defferedPrompt.prompt();
+
+
+ defferedPrompt.userChoice.then((choiceResult) => {
+ if (choiceResult.outcome === 'accepted') {
+ console.log('User accepted the A2HS prompt');
+ } else {
+ console.log('User dismissed the A2HS prompt');
+ }
+ defferedPrompt = null;
+ });
+ });
+ });
+
+ var introswiper = new Swiper(".introswiper", {
+ // autoplay: {
+ // delay: 3000,
+ // disableOnInteraction: false,
+ // },
+ pagination: {
+ el: ".swiper-pagination",
+ },
+ });
+ introswiper.on('reachEnd', function () {
+ introswiper.autoplay = false;
+ // setTimeout(function () {
+ // window.location.replace("signin.html");
+ // }, 5000);
+ });
+ break;
+
+ case "index":
+
+ /* request money notification remove after time*/
+ $('.hideonprogressbar').each(function () {
+ var thisEl = $(this);
+ var hidelment = "." + thisEl.attr('data-target')
+ var widthprogress = 1;
+
+ setInterval(function () {
+ widthprogress++;
+ if (widthprogress > 0 && widthprogress < 100) {
+ thisEl.find('.progress-bar').css('width', widthprogress + "%");
+
+ } else if (widthprogress === 100) {
+ $(hidelment).fadeOut();
+ }
+ }, 75)
+
+ })
+
+ /* Progress circle */
+ var progressCircles1 = new ProgressBar.Circle(circleprogressone, {
+ color: '#7297F8',
+ // This has to be the same size as the maximum width to
+ // prevent clipping
+ strokeWidth: 10,
+ trailWidth: 10,
+ easing: 'easeInOut',
+ trailColor: '#d8e0f9',
+ duration: 1400,
+ text: {
+ autoStyleContainer: false
+ },
+ from: { color: '#7297F8', width: 10 },
+ to: { color: '#7297F8', width: 10 },
+ // Set default step function for all animate calls
+ step: function (state, circle) {
+ circle.path.setAttribute('stroke', state.color);
+ circle.path.setAttribute('stroke-width', state.width);
+
+ var value = Math.round(circle.value() * 100);
+ if (value === 0) {
+ // circle.setText('');
+ } else {
+ // circle.setText(value + "%");
+ }
+
+ }
+ });
+ // progressCircles1.text.style.fontSize = '20px';
+ progressCircles1.animate(0.65); // Number from 0.0 to 1.0
+
+ var progressCircles2 = new ProgressBar.Circle(circleprogresstwo, {
+ color: '#3AC79B',
+ // This has to be the same size as the maximum width to
+ // prevent clipping
+ strokeWidth: 10,
+ trailWidth: 10,
+ easing: 'easeInOut',
+ trailColor: '#d8f4eb',
+ duration: 1400,
+ text: {
+ autoStyleContainer: false
+ },
+ from: { color: '#3AC79B', width: 10 },
+ to: { color: '#3AC79B', width: 10 },
+ // Set default step function for all animate calls
+ step: function (state, circle) {
+ circle.path.setAttribute('stroke', state.color);
+ circle.path.setAttribute('stroke-width', state.width);
+
+ var value = Math.round(circle.value() * 100);
+ if (value === 0) {
+ // circle.setText('');
+ } else {
+ // circle.setText(value + "%");
+ }
+
+ }
+ });
+ // progressCircles2.text.style.fontSize = '20px';
+ progressCircles2.animate(0.85); // Number from 0.0 to 1.0
+
+
+
+ /* swiper carousel cardwiper */
+ var swiper1 = new Swiper(".cardswiper", {
+ slidesPerView: "auto",
+ spaceBetween: 0,
+ pagination: false
+ });
+
+ /* swiper carousel connectionwiper */
+ var swiper2 = new Swiper(".connectionwiper", {
+ slidesPerView: "auto",
+ spaceBetween: 0,
+ pagination: false
+ });
+
+ /* app install toast message */
+ var toastElList = document.getElementById('toastinstall');
+ var toastElinit = new bootstrap.Toast(toastElList, {
+ // autohide: "!1",
+ autohide: true,
+ delay: 5000,
+ });
+ toastElinit.show();
+
+ /* PWA add to phone Install ap button */
+ var btnAdd = document.getElementById('addtohome');
+ var defferedPrompt;
+ window.addEventListener("beforeinstallprompt", function (event) {
+ event.preventDefault();
+ defferedPrompt = event;
+
+ btnAdd.addEventListener("click", function (event) {
+ defferedPrompt.prompt();
+
+
+ defferedPrompt.userChoice.then((choiceResult) => {
+ if (choiceResult.outcome === 'accepted') {
+ console.log('User accepted the A2HS prompt');
+ } else {
+ console.log('User dismissed the A2HS prompt');
+ }
+ defferedPrompt = null;
+ });
+ });
+ });
+
+ break;
+
+ case 'stats':
+ /* chart js areachart */
+ window.randomScalingFactor = function () {
+ return Math.round(Math.random() * 50);
+ }
+ var areachart = document.getElementById('areachart').getContext('2d');
+ var gradient = areachart.createLinearGradient(0, 0, 0, 300);
+ gradient.addColorStop(0, 'rgba(247, 53, 99, 0.6)');
+ gradient.addColorStop(1, 'rgba(255, 255, 255, 0)');
+ var myareachartCofig = {
+ type: 'line',
+ data: {
+ labels: ['Q1', 'Q2', 'Q3', 'Q4', 'Q5', 'Q6', 'Q7', 'Q8'],
+ datasets: [{
+ label: '# of Votes',
+ data: [
+ randomScalingFactor(),
+ randomScalingFactor(),
+ randomScalingFactor(),
+ randomScalingFactor(),
+ randomScalingFactor(),
+ randomScalingFactor(),
+ randomScalingFactor(),
+ randomScalingFactor(),
+ ],
+ pointBackgroundColor: '#fff',
+ radius: 2,
+ backgroundColor: gradient,
+ borderColor: '#F73563',
+ borderWidth: 2,
+ fill: true,
+ tension: 0.5,
+ }]
+ },
+ options: {
+
+ plugins: {
+ legend: {
+ display: false,
+ },
+ },
+ scales: {
+ y: {
+ display: false,
+ beginAtZero: true,
+ },
+ x: {
+ grid: {
+ display: false
+ },
+ fontColor: '#cccccc',
+ }
+ }
+ }
+ }
+ var myAreaChart = new Chart(areachart, myareachartCofig);
+ /* my area chart randomize */
+ setInterval(function () {
+ myareachartCofig.data.datasets.forEach(function (dataset) {
+ dataset.data = dataset.data.map(function () {
+ return randomScalingFactor();
+ });
+ });
+ myAreaChart.update();
+ }, 2000);
+
+ /* chart js doughnut chart */
+ var mydoughnutchart = document.getElementById('doughnutchart').getContext('2d');
+ var mydoughnut = {
+ type: 'doughnut',
+ data: {
+ labels: ['Q1', 'Q2', 'Q3', 'Q4'],
+ datasets: [{
+ label: '# of Votes',
+ data: [55, 25, 10, 10],
+ backgroundColor: ['#FFBD17', '#3AC79B', '#F73563', '#092C9F'],
+ borderWidth: 0,
+ }]
+ },
+ options: {
+ responsive: true,
+ plugins: {
+ legend: false,
+ title: false
+ }
+ }
+ }
+ var mydoughnutchartexe = new Chart(mydoughnutchart, mydoughnut);
+
+
+ /* date picker */
+ var start = moment().subtract(29, 'days');
+ var end = moment();
+
+ $('.daterange-btn').on('click', function () {
+ $('#daterange').data('daterangepicker').toggle();
+ });
+ $('#daterange').daterangepicker({
+ opens: 'left',
+ locale: { direction: 'daterange-center shadow' }
+ }, function (start, end, label) {
+ console.log("A new date selection was made: " + start.format('YYYY-MM-DD') + ' to ' + end.format('YYYY-MM-DD'));
+ });
+ $('.textdate').html(start.format('DD/MM/YYYY') + ' - ' + end.format('DD/MM/YYYY'));
+ $('#daterange').on('apply.daterangepicker', function (ev, picker) {
+ $('.textdate').text(picker.startDate.format('DD/MM/YYYY') + ' - ' + picker.endDate.format('DD/MM/YYYY'));
+ });
+
+ /* Progress circle */
+ var progressCircles1 = new ProgressBar.Circle(circleprogressone, {
+ color: '#7297F8',
+ // This has to be the same size as the maximum width to
+ // prevent clipping
+ strokeWidth: 10,
+ trailWidth: 10,
+ easing: 'easeInOut',
+ trailColor: '#d8e0f9',
+ duration: 1400,
+ text: {
+ autoStyleContainer: false
+ },
+ from: { color: '#7297F8', width: 10 },
+ to: { color: '#7297F8', width: 10 },
+ // Set default step function for all animate calls
+ step: function (state, circle) {
+ circle.path.setAttribute('stroke', state.color);
+ circle.path.setAttribute('stroke-width', state.width);
+
+ var value = Math.round(circle.value() * 100);
+ if (value === 0) {
+ // circle.setText('');
+ } else {
+ // circle.setText(value + "%");
+ }
+
+ }
+ });
+ // progressCircles1.text.style.fontSize = '20px';
+ progressCircles1.animate(0.65); // Number from 0.0 to 1.0
+
+ var progressCircles2 = new ProgressBar.Circle(circleprogresstwo, {
+ color: '#3AC79B',
+ // This has to be the same size as the maximum width to
+ // prevent clipping
+ strokeWidth: 10,
+ trailWidth: 10,
+ easing: 'easeInOut',
+ trailColor: '#d8f4eb',
+ duration: 1400,
+ text: {
+ autoStyleContainer: false
+ },
+ from: { color: '#3AC79B', width: 10 },
+ to: { color: '#3AC79B', width: 10 },
+ // Set default step function for all animate calls
+ step: function (state, circle) {
+ circle.path.setAttribute('stroke', state.color);
+ circle.path.setAttribute('stroke-width', state.width);
+
+ var value = Math.round(circle.value() * 100);
+ if (value === 0) {
+ // circle.setText('');
+ } else {
+ // circle.setText(value + "%");
+ }
+
+ }
+ });
+ // progressCircles2.text.style.fontSize = '20px';
+ progressCircles2.animate(0.85); // Number from 0.0 to 1.0
+
+ /* Progress circle */
+ var progressCircles3 = new ProgressBar.Circle(circleprogressthree, {
+ color: '#F73563',
+ // This has to be the same size as the maximum width to
+ // prevent clipping
+ strokeWidth: 10,
+ trailWidth: 10,
+ easing: 'easeInOut',
+ trailColor: '#fdd7e0',
+ duration: 1400,
+ text: {
+ autoStyleContainer: false
+ },
+ from: { color: '#F73563', width: 10 },
+ to: { color: '#F73563', width: 10 },
+ // Set default step function for all animate calls
+ step: function (state, circle) {
+ circle.path.setAttribute('stroke', state.color);
+ circle.path.setAttribute('stroke-width', state.width);
+
+ var value = Math.round(circle.value() * 100);
+ if (value === 0) {
+ // circle.setText('');
+ } else {
+ // circle.setText(value + "%");
+ }
+
+ }
+ });
+ // progressCircles1.text.style.fontSize = '20px';
+ progressCircles3.animate(0.65); // Number from 0.0 to 1.0
+
+ var progressCircles4 = new ProgressBar.Circle(circleprogressfour, {
+ color: '#FFBD17',
+ // This has to be the same size as the maximum width to
+ // prevent clipping
+ strokeWidth: 10,
+ trailWidth: 10,
+ easing: 'easeInOut',
+ trailColor: '#fff2d1',
+ duration: 1400,
+ text: {
+ autoStyleContainer: false
+ },
+ from: { color: '#FFBD17', width: 10 },
+ to: { color: '#FFBD17', width: 10 },
+ // Set default step function for all animate calls
+ step: function (state, circle) {
+ circle.path.setAttribute('stroke', state.color);
+ circle.path.setAttribute('stroke-width', state.width);
+
+ var value = Math.round(circle.value() * 100);
+ if (value === 0) {
+ // circle.setText('');
+ } else {
+ // circle.setText(value + "%");
+ }
+
+ }
+ });
+ // progressCircles2.text.style.fontSize = '20px';
+ progressCircles4.animate(0.85); // Number from 0.0 to 1.0
+
+
+ /* chart js areachart */
+ var areachart1 = document.getElementById('smallchart1').getContext('2d');
+ var gradient1 = areachart.createLinearGradient(0, 0, 0, 66);
+ gradient1.addColorStop(0, 'rgba(60, 99, 225, 0.6)');
+ gradient1.addColorStop(1, 'rgba(60, 99, 225, 0)');
+ var myareachartCofig1 = {
+ type: 'line',
+ data: {
+ labels: ['Q1', 'Q2', 'Q3', 'Q4', 'Q5'],
+ datasets: [{
+ label: '# of Votes',
+ data: [
+ randomScalingFactor(),
+ randomScalingFactor(),
+ randomScalingFactor(),
+ randomScalingFactor(),
+ randomScalingFactor(),
+ ],
+ radius: 0,
+ backgroundColor: gradient1,
+ borderColor: '#3c63e2',
+ borderWidth: 1,
+ fill: true,
+ tension: 0.5,
+ }]
+ },
+ options: {
+ maintainAspectRatio: false,
+ plugins: {
+ legend: {
+ display: false,
+ },
+ },
+ scales: {
+ y: {
+ display: false,
+ beginAtZero: true,
+ },
+ x: {
+ display: false,
+ }
+ }
+ }
+ }
+ var myAreaChart1 = new Chart(areachart1, myareachartCofig1);
+ /* my area chart randomize */
+ setInterval(function () {
+ myareachartCofig1.data.datasets.forEach(function (dataset) {
+ dataset.data = dataset.data.map(function () {
+ return randomScalingFactor();
+ });
+ });
+ myAreaChart1.update();
+ }, 2000);
+
+
+ /* chart js areachart */
+ var areachart2 = document.getElementById('smallchart2').getContext('2d');
+ var gradient2 = areachart.createLinearGradient(0, 0, 0, 66);
+ gradient2.addColorStop(0, 'rgba(58, 199, 155, 0.6)');
+ gradient2.addColorStop(1, 'rgba(58, 199, 155, 0)');
+ var myareachartCofig2 = {
+ type: 'line',
+ data: {
+ labels: ['Q1', 'Q2', 'Q3', 'Q4', 'Q5'],
+ datasets: [{
+ label: '# of Votes',
+ data: [
+ randomScalingFactor(),
+ randomScalingFactor(),
+ randomScalingFactor(),
+ randomScalingFactor(),
+ randomScalingFactor(),
+ ],
+ radius: 0,
+ backgroundColor: gradient2,
+ borderColor: '#3ac79b',
+ borderWidth: 1,
+ fill: true,
+ tension: 0.5,
+ }]
+ },
+ options: {
+ maintainAspectRatio: false,
+ plugins: {
+ legend: {
+ display: false,
+ },
+ },
+ scales: {
+ y: {
+ display: false,
+ beginAtZero: true,
+ },
+ x: {
+ display: false,
+ }
+ }
+ }
+ }
+ var myAreaChart2 = new Chart(areachart2, myareachartCofig2);
+ /* my area chart randomize */
+ setInterval(function () {
+ myareachartCofig2.data.datasets.forEach(function (dataset) {
+ dataset.data = dataset.data.map(function () {
+ return randomScalingFactor();
+ });
+ });
+ myAreaChart2.update();
+ }, 2000);
+
+
+ /* chart js areachart */
+ var areachart3 = document.getElementById('smallchart3').getContext('2d');
+ var gradient3 = areachart.createLinearGradient(0, 0, 0, 66);
+ gradient3.addColorStop(0, 'rgba(247, 53, 99, 0.6)');
+ gradient3.addColorStop(1, 'rgba(247, 53, 99, 0)');
+ var myareachartCofig3 = {
+ type: 'line',
+ data: {
+ labels: ['Q1', 'Q2', 'Q3', 'Q4', 'Q5'],
+ datasets: [{
+ label: '# of Votes',
+ data: [
+ randomScalingFactor(),
+ randomScalingFactor(),
+ randomScalingFactor(),
+ randomScalingFactor(),
+ randomScalingFactor(),
+ ],
+ radius: 0,
+ backgroundColor: gradient3,
+ borderColor: '#f73563',
+ borderWidth: 1,
+ fill: true,
+ tension: 0.5,
+ }]
+ },
+ options: {
+ maintainAspectRatio: false,
+ plugins: {
+ legend: {
+ display: false,
+ },
+ },
+ scales: {
+ y: {
+ display: false,
+ beginAtZero: true,
+ },
+ x: {
+ display: false,
+ }
+ }
+ }
+ }
+ var myAreaChart3 = new Chart(areachart3, myareachartCofig3);
+ /* my area chart randomize */
+ setInterval(function () {
+ myareachartCofig3.data.datasets.forEach(function (dataset) {
+ dataset.data = dataset.data.map(function () {
+ return randomScalingFactor();
+ });
+ });
+ myAreaChart3.update();
+ }, 2000);
+
+ /* chart js areachart */
+ var areachart4 = document.getElementById('smallchart4').getContext('2d');
+ var gradient4 = areachart.createLinearGradient(0, 0, 0, 66);
+ gradient4.addColorStop(0, 'rgba(255, 189, 23, 0.6)');
+ gradient4.addColorStop(1, 'rgba(255, 189, 23, 0)');
+ var myareachartCofig4 = {
+ type: 'line',
+ data: {
+ labels: ['Q1', 'Q2', 'Q3', 'Q4', 'Q5'],
+ datasets: [{
+ label: '# of Votes',
+ data: [
+ randomScalingFactor(),
+ randomScalingFactor(),
+ randomScalingFactor(),
+ randomScalingFactor(),
+ randomScalingFactor(),
+ ],
+ radius: 0,
+ backgroundColor: gradient4,
+ borderColor: '#ffbd17',
+ borderWidth: 1,
+ fill: true,
+ tension: 0.5,
+ }]
+ },
+ options: {
+ maintainAspectRatio: false,
+ plugins: {
+ legend: {
+ display: false,
+ },
+ },
+ scales: {
+ y: {
+ display: false,
+ beginAtZero: true,
+ },
+ x: {
+ display: false,
+ }
+ }
+ }
+ }
+ var myAreaChart4 = new Chart(areachart4, myareachartCofig4);
+ /* my area chart randomize */
+ setInterval(function () {
+ myareachartCofig4.data.datasets.forEach(function (dataset) {
+ dataset.data = dataset.data.map(function () {
+ return randomScalingFactor();
+ });
+ });
+ myAreaChart4.update();
+ }, 2000);
+
+
+ /* swiper carousel highlights */
+ var swiper1 = new Swiper(".summayswiper", {
+ slidesPerView: "auto",
+ spaceBetween: 0,
+ pagination: false
+ });
+
+ break;
+ case 'sendmoney':
+ /* swiper carousel connectionwiper */
+ var swiper2 = new Swiper(".connectionwiper", {
+ slidesPerView: "auto",
+ spaceBetween: 0,
+ pagination: false
+ });
+
+ break;
+ case 'sendmoney1':
+ /* swiper carousel cardwiper */
+ var swiper1 = new Swiper(".cardswiper", {
+ slidesPerView: "auto",
+ spaceBetween: 0,
+ pagination: false
+ });
+
+
+ $('.cardswiper .swiper-slide .card').on('click', function () {
+ $('.cardswiper .swiper-slide .card').removeClass('selected');
+ $(this).addClass('selected').find('.form-check-input').prop('checked', true);
+ });
+ break;
+ case 'bills':
+ /* swiper carousel connectionwiper */
+ var swiper2 = new Swiper(".connectionwiper", {
+ slidesPerView: "auto",
+ spaceBetween: 0,
+ pagination: false
+ });
+
+ /* Progress circle */
+ var progressCircles1 = new ProgressBar.Circle(circleprogressone, {
+ color: '#7297F8',
+ // This has to be the same size as the maximum width to
+ // prevent clipping
+ strokeWidth: 10,
+ trailWidth: 10,
+ easing: 'easeInOut',
+ trailColor: '#d8e0f9',
+ duration: 1400,
+ text: {
+ autoStyleContainer: false
+ },
+ from: { color: '#7297F8', width: 10 },
+ to: { color: '#7297F8', width: 10 },
+ // Set default step function for all animate calls
+ step: function (state, circle) {
+ circle.path.setAttribute('stroke', state.color);
+ circle.path.setAttribute('stroke-width', state.width);
+
+ var value = Math.round(circle.value() * 100);
+ if (value === 0) {
+ // circle.setText('');
+ } else {
+ // circle.setText(value + "%");
+ }
+
+ }
+ });
+ // progressCircles1.text.style.fontSize = '20px';
+ progressCircles1.animate(0.65); // Number from 0.0 to 1.0
+
+ var progressCircles2 = new ProgressBar.Circle(circleprogresstwo, {
+ color: '#3AC79B',
+ // This has to be the same size as the maximum width to
+ // prevent clipping
+ strokeWidth: 10,
+ trailWidth: 10,
+ easing: 'easeInOut',
+ trailColor: '#d8f4eb',
+ duration: 1400,
+ text: {
+ autoStyleContainer: false
+ },
+ from: { color: '#3AC79B', width: 10 },
+ to: { color: '#3AC79B', width: 10 },
+ // Set default step function for all animate calls
+ step: function (state, circle) {
+ circle.path.setAttribute('stroke', state.color);
+ circle.path.setAttribute('stroke-width', state.width);
+
+ var value = Math.round(circle.value() * 100);
+ if (value === 0) {
+ // circle.setText('');
+ } else {
+ // circle.setText(value + "%");
+ }
+
+ }
+ });
+ // progressCircles2.text.style.fontSize = '20px';
+ progressCircles2.animate(0.85); // Number from 0.0 to 1.0
+
+
+ break;
+
+ case 'rewards':
+ /* swiper carousel connectionwiper */
+ var swiper1 = new Swiper(".summayswiper", {
+ slidesPerView: "auto",
+ spaceBetween: 0,
+ pagination: false
+ });
+
+ /* swiper carousel connectionwiper */
+ var swiper2 = new Swiper(".connectionwiper", {
+ slidesPerView: "auto",
+ spaceBetween: 0,
+ pagination: false
+ });
+
+ /* swiper carousel cardwiper */
+ var swiper3 = new Swiper(".cardswiper", {
+ slidesPerView: "auto",
+ spaceBetween: 0,
+ pagination: false
+ });
+
+ $('.cardswiper .swiper-slide .card').on('click', function () {
+ $('.cardswiper .swiper-slide .card').removeClass('selected');
+ $(this).addClass('selected').find('.form-check-input').prop('checked', true);
+ });
+
+ break;
+ case 'wallet':
+ /* swiper carousel cardwiper */
+ var swiper3 = new Swiper(".cardswiper", {
+ slidesPerView: "auto",
+ spaceBetween: 0,
+ pagination: false
+ });
+
+ /* chart js doughnut chart */
+ var mydoughnutchart = document.getElementById('doughnutchart').getContext('2d');
+ var mydoughnut = {
+ type: 'doughnut',
+ data: {
+ labels: ['Q1', 'Q2', 'Q3', 'Q4'],
+ datasets: [{
+ label: '# of Votes',
+ data: [55, 25, 10, 10],
+ backgroundColor: ['#FFBD17', '#3AC79B', '#f7931a', '#617dea'],
+ borderWidth: 0,
+ }]
+ },
+ options: {
+ responsive: true,
+ plugins: {
+ legend: false,
+ title: false
+ }
+ }
+ }
+ var mydoughnutchartexe = new Chart(mydoughnutchart, mydoughnut);
+ break;
+
+ case 'profile':
+ /* swiper carousel highlights */
+ var swiper1 = new Swiper(".summayswiper", {
+ slidesPerView: "auto",
+ spaceBetween: 0,
+ pagination: false
+ });
+ break;
+
+ case 'users':
+ /* swiper carousel connectionwiper */
+ var swiper2 = new Swiper(".connectionwiper", {
+ slidesPerView: "auto",
+ spaceBetween: 0,
+ pagination: false
+ });
+
+ break;
+
+
+ case 'chatmessage':
+ /* scroll to top button */
+ window.scrollTo(0, document.body.scrollHeight);
+
+
+ $('.videoplaybtn').on('click', function (e) {
+ var videoPlayer = $(this).parent().next('video');
+ // Auto play, half volume.
+ videoPlayer[0].play();
+ videoPlayer.volume = 0.5;
+ $(this).parent().hide();
+ })
+
+
+ break;
+
+ case 'blogs':
+ $(".sparklinechart").sparkline([5, 6, -7, 2, 0, -4, -2, 4], {
+ type: 'bar',
+ zeroAxis: false,
+ barColor: '#3ac79b ',
+ height: '30',
+ });
+ $(".sparklinechart2").sparkline([-5, -6, 4, -2, 0, 4, 2, -4], {
+ type: 'bar',
+ zeroAxis: false,
+ barColor: '#3ac79b ',
+ height: '30',
+ });
+
+ /* swiper carousel projects */
+ var swiper12 = new Swiper(".tagsswiper", {
+ slidesPerView: "auto",
+ spaceBetween: 0,
+ pagination: false
+ });
+ break;
+
+ }
+
+});
diff --git a/src/main/resources/static/assets/js/color-scheme.js b/src/main/resources/static/assets/js/color-scheme.js
new file mode 100644
index 0000000..49dde78
--- /dev/null
+++ b/src/main/resources/static/assets/js/color-scheme.js
@@ -0,0 +1,197 @@
+'use strict'
+$(document).ready(function () {
+
+ var html = $('html');
+ var body = $('body');
+
+ /* sidebar right color scheme */
+ if ($.cookie("layoutmode") === 'dark-mode') {
+ $('#btn-layout-modes-light').prop('checked', false);
+ $('#btn-layout-modes-dark').prop('checked', true);
+ $('#darkmodeswitch').prop('checked', true);
+ html.addClass('dark-mode');
+ } else {
+ $('#btn-layout-modes-light').prop('checked', true);
+ $('#btn-layout-modes-dark').prop('checked', false);
+ html.removeClass('dark-mode');
+ }
+
+ $('#btn-layout-modes-light').on('click', function () {
+ if ($(this).is(':checked')) {
+ $.cookie("layoutmode", "light-mode", {
+ expires: 1
+ });
+ html.attr('class', $.cookie("layoutmode"));
+ } else {
+ }
+ });
+
+ $('#btn-layout-modes-dark').on('click', function () {
+ if ($(this).is(':checked')) {
+ $.cookie("layoutmode", "dark-mode", {
+ expires: 1
+ });
+ html.attr('class', $.cookie("layoutmode"));
+ } else {
+ }
+ });
+
+
+ $('#darkmodeswitch').on('click', function () {
+ if ($(this).is(':checked')) {
+ $.cookie("layoutmode", "dark-mode", {
+ expires: 1
+ });
+ html.attr('class', $.cookie("layoutmode"));
+ } else {
+ $.cookie("layoutmode", "light-mode", {
+ expires: 1
+ });
+ html.attr('class', $.cookie("layoutmode"));
+ }
+ });
+
+ /* Right to left to right directions */
+ if ($.cookie("directionmode") === 'rtl') {
+ $('#btn-ltr').prop('checked', false);
+ $('#btn-rtl').prop('checked', true);
+ body.addClass('rtl');
+
+ $('.bi-chevron-right').addClass('bi-chevron-left').removeClass('bi-chevron-right')
+ $('.bi-arrow-right').addClass('bi-arrow-left').removeClass('bi-arrow-right')
+ $('.bi-arrow-left').addClass('bi-arrow-right').removeClass('bi-arrow-left')
+
+ } else {
+ $('#btn-ltr').prop('checked', true);
+ $('#btn-rtl').prop('checked', false);
+ body.removeClass('rtl');
+ }
+
+ $('#btn-ltr').on('click', function () {
+ if ($(this).is(':checked')) {
+ $.cookie("directionmode", "ltr", {
+ expires: 1
+ });
+ body.addClass('ltr');
+ body.removeClass('rtl');
+ } else {
+ }
+ });
+
+ $('#btn-rtl').on('click', function () {
+ if ($(this).is(':checked')) {
+ $.cookie("directionmode", "rtl", {
+ expires: 1
+ });
+ body.addClass('rtl');
+ body.removeClass('ltr');
+ } else {
+ }
+ });
+
+
+
+ /* color style */
+ var curentstyle;
+ if ($.type($.cookie("setstylesheet")) != 'undefined' && $.cookie("setstylesheet") != '') {
+ curentstyle = $.cookie("setstylesheet");
+ $('body').addClass($.cookie("setstylesheet"));
+ $('input[name="color-scheme"]').each(function () {
+ if ($(this).attr('data-title') === $.cookie("setstylesheet")) {
+ $(this).prop("checked", true);
+ }
+ });
+
+ }
+
+ $('input[name="color-scheme"]').on('click', function () {
+ var setstyle = $(this).attr('data-title');
+ $('body').removeClass(curentstyle);
+
+ if ($(this).is(':checked') && setstyle != '') {
+ $.cookie("setstylesheet", setstyle, {
+ expires: 1
+ });
+ $('body').addClass($.cookie("setstylesheet"));
+ curentstyle = $.cookie("setstylesheet");
+
+ } else {
+ $('body').removeClass(curentstyle);
+ $.cookie("setstylesheet", "", {
+ expires: 1
+ });
+ }
+
+ });
+
+
+ /* background images */
+ if ($.type($.cookie("setimagepath")) != 'undefined' && $.cookie("setimagepath") != '') {
+ $('.dark-bg').css('background-image', "url('assets/img/" + $.cookie("setimagepath") + "')");
+ $('input[name="background-select"]').each(function () {
+ if ($(this).attr('data-src') === $.cookie("setimagepath")) {
+ $(this).prop("checked", true);
+ }
+ });
+ }
+ $('input[name="background-select"]').on('click', function () {
+ var setimage = $(this).attr('data-src');
+ if ($(this).is(':checked')) {
+ $.cookie("setimagepath", setimage, {
+ expires: 1
+ });
+ $('.dark-bg').css('background-image', "url('assets/img/" + setimage + "')");
+ }
+ });
+
+ /* sidebar type */
+ if ($.type($.cookie("setmenu")) != 'undefined' && $.cookie("setmenu") != '') {
+ $('.sidebar-wrap').attr('class', 'sidebar-wrap');
+ $('.sidebar-wrap').addClass('sidebar-' + $.cookie("setmenu"));
+
+ $('input[name="menu-select"]').each(function () {
+ if ($(this).attr('data-title') === $.cookie("setmenu")) {
+ $(this).prop("checked", true);
+ }
+ });
+ }
+ $('input[name="menu-select"]').on('click', function () {
+ var setmenustyle = $(this).attr('data-title');
+ if ($(this).is(':checked')) {
+ $.cookie("setmenu", setmenustyle, {
+ expires: 1
+ });
+ $('.sidebar-wrap').attr('class', 'sidebar-wrap');
+ $('.sidebar-wrap').addClass('sidebar-' + $.cookie("setmenu"));
+ }
+ });
+
+
+
+ /* RTL layout layout */
+ if ($.type($.cookie("rtllayout")) != 'undefined' && $.cookie("rtllayout") != '') {
+ $('#rtllayout').prop("checked", true);
+ $('#rtllayout').parent().addClass('active');
+ $('body').addClass($.cookie("rtllayout"));
+ } else {
+ $('#rtllayout').parent().removeClass('active');
+ $('#rtllayout').prop("checked", false);
+ $.removeCookie("rtllayout", "");
+ }
+
+ $('#rtllayout').on('click', function () {
+ $(this).parent().addClass('active');
+ if ($(this).is(':checked')) {
+ $.cookie("rtllayout", 'rtl', {
+ expires: 1
+ });
+ $('body').addClass('rtl');
+ $('#rtllayout').parent().addClass('active');
+
+ } else {
+ $.removeCookie("rtllayout", "");
+ $('body').removeClass('rtl');
+ $('#rtllayout').parent().removeClass('active');
+ }
+ });
+});
diff --git a/src/main/resources/static/assets/js/custom.js b/src/main/resources/static/assets/js/custom.js
new file mode 100644
index 0000000..277f473
--- /dev/null
+++ b/src/main/resources/static/assets/js/custom.js
@@ -0,0 +1,3 @@
+$(document).ready(function(){
+ $("#datepicker1").datepicker();
+})
\ No newline at end of file
diff --git a/src/main/resources/static/assets/js/i18n/datepicker.cs.js b/src/main/resources/static/assets/js/i18n/datepicker.cs.js
new file mode 100644
index 0000000..a89db7c
--- /dev/null
+++ b/src/main/resources/static/assets/js/i18n/datepicker.cs.js
@@ -0,0 +1,12 @@
+;(function ($) { $.fn.datepicker.language['cs'] = {
+ days: ['Neděle', 'Pondělí', 'Úterý', 'Středa', 'Čtvrtek', 'Pátek', 'Sobota'],
+ daysShort: ['Ne', 'Po', 'Út', 'St', 'Čt', 'Pá', 'So'],
+ daysMin: ['Ne', 'Po', 'Út', 'St', 'Čt', 'Pá', 'So'],
+ months: ['Leden', 'Únor', 'Březen', 'Duben', 'Květen', 'Červen', 'Červenec', 'Srpen', 'Září', 'Říjen', 'Listopad', 'Prosinec'],
+ monthsShort: ['Led', 'Úno', 'Bře', 'Dub', 'Kvě', 'Čvn', 'Čvc', 'Srp', 'Zář', 'Říj', 'Lis', 'Pro'],
+ today: 'Dnes',
+ clear: 'Vymazat',
+ dateFormat: 'dd.mm.yyyy',
+ timeFormat: 'hh:ii',
+ firstDay: 1
+}; })(jQuery);
\ No newline at end of file
diff --git a/src/main/resources/static/assets/js/i18n/datepicker.da.js b/src/main/resources/static/assets/js/i18n/datepicker.da.js
new file mode 100644
index 0000000..f34456e
--- /dev/null
+++ b/src/main/resources/static/assets/js/i18n/datepicker.da.js
@@ -0,0 +1,12 @@
+;(function ($) { $.fn.datepicker.language['da'] = {
+ days: ['Søndag', 'Mandag', 'Tirsdag', 'Onsdag', 'Torsdag', 'Fredag', 'Lørdag'],
+ daysShort: ['Søn', 'Man', 'Tir', 'Ons', 'Tor', 'Fre', 'Lør'],
+ daysMin: ['Sø', 'Ma', 'Ti', 'On', 'To', 'Fr', 'Lø'],
+ months: ['Januar','Februar','Marts','April','Maj','Juni', 'Juli','August','September','Oktober','November','December'],
+ monthsShort: ['Jan', 'Feb', 'Mar', 'Apr', 'Maj', 'Jun', 'Jul', 'Aug', 'Sep', 'Okt', 'Nov', 'Dec'],
+ today: 'I dag',
+ clear: 'Nulstil',
+ dateFormat: 'dd/mm/yyyy',
+ timeFormat: 'hh:ii',
+ firstDay: 1
+}; })(jQuery);
\ No newline at end of file
diff --git a/src/main/resources/static/assets/js/i18n/datepicker.de.js b/src/main/resources/static/assets/js/i18n/datepicker.de.js
new file mode 100644
index 0000000..fd9f8ff
--- /dev/null
+++ b/src/main/resources/static/assets/js/i18n/datepicker.de.js
@@ -0,0 +1,13 @@
+;(function ($) { $.fn.datepicker.language['de'] = {
+ days: ['Sonntag', 'Montag', 'Dienstag', 'Mittwoch', 'Donnerstag', 'Freitag', 'Samstag'],
+ daysShort: ['Son', 'Mon', 'Die', 'Mit', 'Don', 'Fre', 'Sam'],
+ daysMin: ['So', 'Mo', 'Di', 'Mi', 'Do', 'Fr', 'Sa'],
+ months: ['Januar','Februar','März','April','Mai','Juni', 'Juli','August','September','Oktober','November','Dezember'],
+ monthsShort: ['Jan', 'Feb', 'Mär', 'Apr', 'Mai', 'Jun', 'Jul', 'Aug', 'Sep', 'Okt', 'Nov', 'Dez'],
+ today: 'Heute',
+ clear: 'Aufräumen',
+ dateFormat: 'dd.mm.yyyy',
+ timeFormat: 'hh:ii',
+ firstDay: 1
+};
+ })(jQuery);
\ No newline at end of file
diff --git a/src/main/resources/static/assets/js/i18n/datepicker.en.js b/src/main/resources/static/assets/js/i18n/datepicker.en.js
new file mode 100644
index 0000000..32072f6
--- /dev/null
+++ b/src/main/resources/static/assets/js/i18n/datepicker.en.js
@@ -0,0 +1,12 @@
+;(function ($) { $.fn.datepicker.language['en'] = {
+ days: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
+ daysShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
+ daysMin: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
+ months: ['January','February','March','April','May','June', 'July','August','September','October','November','December'],
+ monthsShort: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
+ today: 'Today',
+ clear: 'Clear',
+ dateFormat: 'mm/dd/yyyy',
+ timeFormat: 'hh:ii aa',
+ firstDay: 0
+}; })(jQuery);
\ No newline at end of file
diff --git a/src/main/resources/static/assets/js/i18n/datepicker.es.js b/src/main/resources/static/assets/js/i18n/datepicker.es.js
new file mode 100644
index 0000000..a8b6af5
--- /dev/null
+++ b/src/main/resources/static/assets/js/i18n/datepicker.es.js
@@ -0,0 +1,12 @@
+;(function ($) { $.fn.datepicker.language['es'] = {
+ days: ['Domingo', 'Lunes', 'Martes', 'Miércoles', 'Jueves', 'Viernes', 'Sábado'],
+ daysShort: ['Dom', 'Lun', 'Mar', 'Mie', 'Jue', 'Vie', 'Sab'],
+ daysMin: ['Do', 'Lu', 'Ma', 'Mi', 'Ju', 'Vi', 'Sa'],
+ months: ['Enero','Febrero','Marzo','Abril','Mayo','Junio', 'Julio','Augosto','Septiembre','Octubre','Noviembre','Diciembre'],
+ monthsShort: ['Ene', 'Feb', 'Mar', 'Abr', 'May', 'Jun', 'Jul', 'Ago', 'Sep', 'Oct', 'Nov', 'Dic'],
+ today: 'Hoy',
+ clear: 'Limpiar',
+ dateFormat: 'dd/mm/yyyy',
+ timeFormat: 'hh:ii aa',
+ firstDay: 1
+}; })(jQuery);
\ No newline at end of file
diff --git a/src/main/resources/static/assets/js/i18n/datepicker.fi.js b/src/main/resources/static/assets/js/i18n/datepicker.fi.js
new file mode 100644
index 0000000..9619705
--- /dev/null
+++ b/src/main/resources/static/assets/js/i18n/datepicker.fi.js
@@ -0,0 +1,13 @@
+;(function ($) { $.fn.datepicker.language['fi'] = {
+ days: ['Sunnuntai', 'Maanantai', 'Tiistai', 'Keskiviikko', 'Torstai', 'Perjantai', 'Lauantai'],
+ daysShort: ['Su', 'Ma', 'Ti', 'Ke', 'To', 'Pe', 'La'],
+ daysMin: ['Su', 'Ma', 'Ti', 'Ke', 'To', 'Pe', 'La'],
+ months: ['Tammikuu','Helmikuu','Maaliskuu','Huhtikuu','Toukokuu','Kesäkuu', 'Heinäkuu','Elokuu','Syyskuu','Lokakuu','Marraskuu','Joulukuu'],
+ monthsShort: ['Tammi', 'Helmi', 'Maalis', 'Huhti', 'Touko', 'Kesä', 'Heinä', 'Elo', 'Syys', 'Loka', 'Marras', 'Joulu'],
+ today: 'Tänään',
+ clear: 'Tyhjennä',
+ dateFormat: 'dd.mm.yyyy',
+ timeFormat: 'hh:ii',
+ firstDay: 1
+};
+ })(jQuery);
\ No newline at end of file
diff --git a/src/main/resources/static/assets/js/i18n/datepicker.fr.js b/src/main/resources/static/assets/js/i18n/datepicker.fr.js
new file mode 100644
index 0000000..0d083b2
--- /dev/null
+++ b/src/main/resources/static/assets/js/i18n/datepicker.fr.js
@@ -0,0 +1,12 @@
+;(function ($) { $.fn.datepicker.language['fr'] = {
+ days: ['Dimanche', 'Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi'],
+ daysShort: ['Dim', 'Lun', 'Mar', 'Mer', 'Jeu', 'Ven', 'Sam'],
+ daysMin: ['Di', 'Lu', 'Ma', 'Me', 'Je', 'Ve', 'Sa'],
+ months: ['Janvier','Février','Mars','Avril','Mai','Juin', 'Juillet','Août','Septembre','Octobre','Novembre','Decembre'],
+ monthsShort: ['Jan', 'Fév', 'Mars', 'Avr', 'Mai', 'Juin', 'Juil', 'Août', 'Sep', 'Oct', 'Nov', 'Dec'],
+ today: "Aujourd'hui",
+ clear: 'Effacer',
+ dateFormat: 'dd/mm/yyyy',
+ timeFormat: 'hh:ii',
+ firstDay: 1
+}; })(jQuery);
\ No newline at end of file
diff --git a/src/main/resources/static/assets/js/i18n/datepicker.hu.js b/src/main/resources/static/assets/js/i18n/datepicker.hu.js
new file mode 100644
index 0000000..7d144b3
--- /dev/null
+++ b/src/main/resources/static/assets/js/i18n/datepicker.hu.js
@@ -0,0 +1,12 @@
+;(function ($) { ;(function ($) { $.fn.datepicker.language['hu'] = {
+ days: ['Vasárnap', 'Hétfő', 'Kedd', 'Szerda', 'Csütörtök', 'Péntek', 'Szombat'],
+ daysShort: ['Va', 'Hé', 'Ke', 'Sze', 'Cs', 'Pé', 'Szo'],
+ daysMin: ['V', 'H', 'K', 'Sz', 'Cs', 'P', 'Sz'],
+ months: ['Január', 'Február', 'Március', 'Április', 'Május', 'Június', 'Július', 'Augusztus', 'Szeptember', 'Október', 'November', 'December'],
+ monthsShort: ['Jan', 'Feb', 'Már', 'Ápr', 'Máj', 'Jún', 'Júl', 'Aug', 'Szep', 'Okt', 'Nov', 'Dec'],
+ today: 'Ma',
+ clear: 'Törlés',
+ dateFormat: 'yyyy-mm-dd',
+ timeFormat: 'hh:ii aa',
+ firstDay: 1
+}; })(jQuery); })(jQuery);
\ No newline at end of file
diff --git a/src/main/resources/static/assets/js/i18n/datepicker.ko.js b/src/main/resources/static/assets/js/i18n/datepicker.ko.js
new file mode 100644
index 0000000..738683b
--- /dev/null
+++ b/src/main/resources/static/assets/js/i18n/datepicker.ko.js
@@ -0,0 +1,12 @@
+;(function ($) { $.fn.datepicker.language['ko'] = {
+ days: ['일요일', '월요일', '화요일', '수요일', '목요일', '금요일', '토요일'],
+ daysShort: ['일', '월', '화', '수', '목', '금', '토'],
+ daysMin: ['일', '월', '화', '수', '목', '금', '토'],
+ months: ['01월','02월','03월','04월','05월','06월', '07월','08월','09월','10월','11월','12월'],
+ monthsShort: ['01', '02', '03', '04', '05', '06', '07', '08', '09', '10', '11', '12'],
+ today: 'Today',
+ clear: 'Clear',
+ dateFormat: 'yyyy-mm-dd',
+ timeFormat: 'hh:ii:ss',
+ firstDay: 0
+}; })(jQuery);
\ No newline at end of file
diff --git a/src/main/resources/static/assets/js/i18n/datepicker.nl.js b/src/main/resources/static/assets/js/i18n/datepicker.nl.js
new file mode 100644
index 0000000..8d29a5a
--- /dev/null
+++ b/src/main/resources/static/assets/js/i18n/datepicker.nl.js
@@ -0,0 +1,12 @@
+;(function ($) { $.fn.datepicker.language['nl'] = {
+ days: ['zondag', 'maandag', 'dinsdag', 'woensdag', 'donderdag', 'vrijdag', 'zaterdag'],
+ daysShort: ['zo', 'ma', 'di', 'wo', 'do', 'vr', 'za'],
+ daysMin: ['zo', 'ma', 'di', 'wo', 'do', 'vr', 'za'],
+ months: ['Januari', 'Februari', 'Maart', 'April', 'Mei', 'Juni', 'Juli', 'Augustus', 'September', 'Oktober', 'November', 'December'],
+ monthsShort: ['Jan', 'Feb', 'Mrt', 'Apr', 'Mei', 'Jun', 'Jul', 'Aug', 'Sep', 'Okt', 'Nov', 'Dec'],
+ today: 'Vandaag',
+ clear: 'Legen',
+ dateFormat: 'dd-MM-yy',
+ timeFormat: 'hh:ii',
+ firstDay: 0
+}; })(jQuery);
\ No newline at end of file
diff --git a/src/main/resources/static/assets/js/i18n/datepicker.pl.js b/src/main/resources/static/assets/js/i18n/datepicker.pl.js
new file mode 100644
index 0000000..3c0f565
--- /dev/null
+++ b/src/main/resources/static/assets/js/i18n/datepicker.pl.js
@@ -0,0 +1,13 @@
+;(function ($) { $.fn.datepicker.language['pl'] = {
+ days: ['Niedziela', 'Poniedziałek', 'Wtorek', 'Środa', 'Czwartek', 'Piątek', 'Sobota'],
+ daysShort: ['Nie', 'Pon', 'Wto', 'Śro', 'Czw', 'Pią', 'Sob'],
+ daysMin: ['Nd', 'Pn', 'Wt', 'Śr', 'Czw', 'Pt', 'So'],
+ months: ['Styczeń','Luty','Marzec','Kwiecień','Maj','Czerwiec', 'Lipiec','Sierpień','Wrzesień','Październik','Listopad','Grudzień'],
+ monthsShort: ['Sty', 'Lut', 'Mar', 'Kwi', 'Maj', 'Cze', 'Lip', 'Sie', 'Wrz', 'Paź', 'Lis', 'Gru'],
+ today: 'Dzisiaj',
+ clear: 'Wyczyść',
+ dateFormat: 'yyyy-mm-dd',
+ timeFormat: 'hh:ii:aa',
+ firstDay: 1
+};
+ })(jQuery);
\ No newline at end of file
diff --git a/src/main/resources/static/assets/js/i18n/datepicker.pt-BR.js b/src/main/resources/static/assets/js/i18n/datepicker.pt-BR.js
new file mode 100644
index 0000000..13a79f5
--- /dev/null
+++ b/src/main/resources/static/assets/js/i18n/datepicker.pt-BR.js
@@ -0,0 +1,12 @@
+;(function ($) { $.fn.datepicker.language['pt-BR'] = {
+ days: ['Domingo', 'Segunda', 'Terça', 'Quarta', 'Quinta', 'Sexta', 'Sábado'],
+ daysShort: ['Dom', 'Seg', 'Ter', 'Qua', 'Qui', 'Sex', 'Sab'],
+ daysMin: ['Do', 'Se', 'Te', 'Qu', 'Qu', 'Se', 'Sa'],
+ months: ['Janeiro', 'Fevereiro', 'Março', 'Abril', 'Maio', 'Junho', 'Julho', 'Agosto', 'Setembro', 'Outubro', 'Novembro', 'Dezembro'],
+ monthsShort: ['Jan', 'Fev', 'Mar', 'Abr', 'Mai', 'Jun', 'Jul', 'Ago', 'Set', 'Out', 'Nov', 'Dez'],
+ today: 'Hoje',
+ clear: 'Limpar',
+ dateFormat: 'dd/mm/yyyy',
+ timeFormat: 'hh:ii',
+ firstDay: 0
+}; })(jQuery);
\ No newline at end of file
diff --git a/src/main/resources/static/assets/js/i18n/datepicker.pt.js b/src/main/resources/static/assets/js/i18n/datepicker.pt.js
new file mode 100644
index 0000000..92a3a08
--- /dev/null
+++ b/src/main/resources/static/assets/js/i18n/datepicker.pt.js
@@ -0,0 +1,12 @@
+;(function ($) { $.fn.datepicker.language['pt'] = {
+ days: ['Domingo', 'Segunda', 'Terça', 'Quarta', 'Quinta', 'Sexta', 'Sábado'],
+ daysShort: ['Dom', 'Seg', 'Ter', 'Qua', 'Qui', 'Sex', 'Sab'],
+ daysMin: ['Do', 'Se', 'Te', 'Qa', 'Qi', 'Sx', 'Sa'],
+ months: ['Janeiro', 'Fevereiro', 'Março', 'Abril', 'Maio', 'Junho', 'Julho', 'Agosto', 'Setembro', 'Outubro', 'Novembro', 'Dezembro'],
+ monthsShort: ['Jan', 'Fev', 'Mar', 'Abr', 'Mai', 'Jun', 'Jul', 'Ago', 'Set', 'Out', 'Nov', 'Dez'],
+ today: 'Hoje',
+ clear: 'Limpar',
+ dateFormat: 'dd/mm/yyyy',
+ timeFormat: 'hh:ii',
+ firstDay: 1
+}; })(jQuery);
\ No newline at end of file
diff --git a/src/main/resources/static/assets/js/i18n/datepicker.ro.js b/src/main/resources/static/assets/js/i18n/datepicker.ro.js
new file mode 100644
index 0000000..0034204
--- /dev/null
+++ b/src/main/resources/static/assets/js/i18n/datepicker.ro.js
@@ -0,0 +1,13 @@
+;(function ($) { $.fn.datepicker.language['ro'] = {
+ days: ['Duminică', 'Luni', 'Marţi', 'Miercuri', 'Joi', 'Vineri', 'Sâmbătă'],
+ daysShort: ['Dum', 'Lun', 'Mar', 'Mie', 'Joi', 'Vin', 'Sâm'],
+ daysMin: ['D', 'L', 'Ma', 'Mi', 'J', 'V', 'S'],
+ months: ['Ianuarie','Februarie','Martie','Aprilie','Mai','Iunie','Iulie','August','Septembrie','Octombrie','Noiembrie','Decembrie'],
+ monthsShort: ['Ian', 'Feb', 'Mar', 'Apr', 'Mai', 'Iun', 'Iul', 'Aug', 'Sept', 'Oct', 'Nov', 'Dec'],
+ today: 'Azi',
+ clear: 'Şterge',
+ dateFormat: 'dd.mm.yyyy',
+ timeFormat: 'hh:ii',
+ firstDay: 1
+};
+ })(jQuery);
\ No newline at end of file
diff --git a/src/main/resources/static/assets/js/i18n/datepicker.sk.js b/src/main/resources/static/assets/js/i18n/datepicker.sk.js
new file mode 100644
index 0000000..3312386
--- /dev/null
+++ b/src/main/resources/static/assets/js/i18n/datepicker.sk.js
@@ -0,0 +1,12 @@
+;(function ($) { $.fn.datepicker.language['sk'] = {
+ days: ['Nedeľa', 'Pondelok', 'Utorok', 'Streda', 'Štvrtok', 'Piatok', 'Sobota'],
+ daysShort: ['Ned', 'Pon', 'Uto', 'Str', 'Štv', 'Pia', 'Sob'],
+ daysMin: ['Ne', 'Po', 'Ut', 'St', 'Št', 'Pi', 'So'],
+ months: ['Január','Február','Marec','Apríl','Máj','Jún', 'Júl','August','September','Október','November','December'],
+ monthsShort: ['Jan', 'Feb', 'Mar', 'Apr', 'Máj', 'Jún', 'Jul', 'Aug', 'Sep', 'Okt', 'Nov', 'Dec'],
+ today: 'Dnes',
+ clear: 'Vymazať',
+ dateFormat: 'dd.mm.yyyy',
+ timeFormat: 'hh:ii',
+ firstDay: 1
+}; })(jQuery);
\ No newline at end of file
diff --git a/src/main/resources/static/assets/js/i18n/datepicker.zh.js b/src/main/resources/static/assets/js/i18n/datepicker.zh.js
new file mode 100644
index 0000000..08633cc
--- /dev/null
+++ b/src/main/resources/static/assets/js/i18n/datepicker.zh.js
@@ -0,0 +1,12 @@
+;(function ($) { $.fn.datepicker.language['zh'] = {
+ days: ['周日', '周一', '周二', '周三', '周四', '周五', '周六'],
+ daysShort: ['日', '一', '二', '三', '四', '五', '六'],
+ daysMin: ['日', '一', '二', '三', '四', '五', '六'],
+ months: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
+ monthsShort: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
+ today: '今天',
+ clear: '清除',
+ dateFormat: 'yyyy-mm-dd',
+ timeFormat: 'hh:ii',
+ firstDay: 1
+}; })(jQuery);
\ No newline at end of file
diff --git a/src/main/resources/static/assets/js/jquery-3.3.1.min.js b/src/main/resources/static/assets/js/jquery-3.3.1.min.js
new file mode 100644
index 0000000..4d9b3a2
--- /dev/null
+++ b/src/main/resources/static/assets/js/jquery-3.3.1.min.js
@@ -0,0 +1,2 @@
+/*! jQuery v3.3.1 | (c) JS Foundation and other contributors | jquery.org/license */
+!function(e,t){"use strict";"object"==typeof module&&"object"==typeof module.exports?module.exports=e.document?t(e,!0):function(e){if(!e.document)throw new Error("jQuery requires a window with a document");return t(e)}:t(e)}("undefined"!=typeof window?window:this,function(e,t){"use strict";var n=[],r=e.document,i=Object.getPrototypeOf,o=n.slice,a=n.concat,s=n.push,u=n.indexOf,l={},c=l.toString,f=l.hasOwnProperty,p=f.toString,d=p.call(Object),h={},g=function e(t){return"function"==typeof t&&"number"!=typeof t.nodeType},y=function e(t){return null!=t&&t===t.window},v={type:!0,src:!0,noModule:!0};function m(e,t,n){var i,o=(t=t||r).createElement("script");if(o.text=e,n)for(i in v)n[i]&&(o[i]=n[i]);t.head.appendChild(o).parentNode.removeChild(o)}function x(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?l[c.call(e)]||"object":typeof e}var b="3.3.1",w=function(e,t){return new w.fn.init(e,t)},T=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g;w.fn=w.prototype={jquery:"3.3.1",constructor:w,length:0,toArray:function(){return o.call(this)},get:function(e){return null==e?o.call(this):e<0?this[e+this.length]:this[e]},pushStack:function(e){var t=w.merge(this.constructor(),e);return t.prevObject=this,t},each:function(e){return w.each(this,e)},map:function(e){return this.pushStack(w.map(this,function(t,n){return e.call(t,n,t)}))},slice:function(){return this.pushStack(o.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(e){var t=this.length,n=+e+(e<0?t:0);return this.pushStack(n>=0&&n0&&t-1 in e)}var E=function(e){var t,n,r,i,o,a,s,u,l,c,f,p,d,h,g,y,v,m,x,b="sizzle"+1*new Date,w=e.document,T=0,C=0,E=ae(),k=ae(),S=ae(),D=function(e,t){return e===t&&(f=!0),0},N={}.hasOwnProperty,A=[],j=A.pop,q=A.push,L=A.push,H=A.slice,O=function(e,t){for(var n=0,r=e.length;n+~]|"+M+")"+M+"*"),z=new RegExp("="+M+"*([^\\]'\"]*?)"+M+"*\\]","g"),X=new RegExp(W),U=new RegExp("^"+R+"$"),V={ID:new RegExp("^#("+R+")"),CLASS:new RegExp("^\\.("+R+")"),TAG:new RegExp("^("+R+"|[*])"),ATTR:new RegExp("^"+I),PSEUDO:new RegExp("^"+W),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+M+"*(even|odd|(([+-]|)(\\d*)n|)"+M+"*(?:([+-]|)"+M+"*(\\d+)|))"+M+"*\\)|)","i"),bool:new RegExp("^(?:"+P+")$","i"),needsContext:new RegExp("^"+M+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+M+"*((?:-\\d)?\\d*)"+M+"*\\)|)(?=[^-]|$)","i")},G=/^(?:input|select|textarea|button)$/i,Y=/^h\d$/i,Q=/^[^{]+\{\s*\[native \w/,J=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,K=/[+~]/,Z=new RegExp("\\\\([\\da-f]{1,6}"+M+"?|("+M+")|.)","ig"),ee=function(e,t,n){var r="0x"+t-65536;return r!==r||n?t:r<0?String.fromCharCode(r+65536):String.fromCharCode(r>>10|55296,1023&r|56320)},te=/([\0-\x1f\x7f]|^-?\d)|^-$|[^\0-\x1f\x7f-\uFFFF\w-]/g,ne=function(e,t){return t?"\0"===e?"\ufffd":e.slice(0,-1)+"\\"+e.charCodeAt(e.length-1).toString(16)+" ":"\\"+e},re=function(){p()},ie=me(function(e){return!0===e.disabled&&("form"in e||"label"in e)},{dir:"parentNode",next:"legend"});try{L.apply(A=H.call(w.childNodes),w.childNodes),A[w.childNodes.length].nodeType}catch(e){L={apply:A.length?function(e,t){q.apply(e,H.call(t))}:function(e,t){var n=e.length,r=0;while(e[n++]=t[r++]);e.length=n-1}}}function oe(e,t,r,i){var o,s,l,c,f,h,v,m=t&&t.ownerDocument,T=t?t.nodeType:9;if(r=r||[],"string"!=typeof e||!e||1!==T&&9!==T&&11!==T)return r;if(!i&&((t?t.ownerDocument||t:w)!==d&&p(t),t=t||d,g)){if(11!==T&&(f=J.exec(e)))if(o=f[1]){if(9===T){if(!(l=t.getElementById(o)))return r;if(l.id===o)return r.push(l),r}else if(m&&(l=m.getElementById(o))&&x(t,l)&&l.id===o)return r.push(l),r}else{if(f[2])return L.apply(r,t.getElementsByTagName(e)),r;if((o=f[3])&&n.getElementsByClassName&&t.getElementsByClassName)return L.apply(r,t.getElementsByClassName(o)),r}if(n.qsa&&!S[e+" "]&&(!y||!y.test(e))){if(1!==T)m=t,v=e;else if("object"!==t.nodeName.toLowerCase()){(c=t.getAttribute("id"))?c=c.replace(te,ne):t.setAttribute("id",c=b),s=(h=a(e)).length;while(s--)h[s]="#"+c+" "+ve(h[s]);v=h.join(","),m=K.test(e)&&ge(t.parentNode)||t}if(v)try{return L.apply(r,m.querySelectorAll(v)),r}catch(e){}finally{c===b&&t.removeAttribute("id")}}}return u(e.replace(B,"$1"),t,r,i)}function ae(){var e=[];function t(n,i){return e.push(n+" ")>r.cacheLength&&delete t[e.shift()],t[n+" "]=i}return t}function se(e){return e[b]=!0,e}function ue(e){var t=d.createElement("fieldset");try{return!!e(t)}catch(e){return!1}finally{t.parentNode&&t.parentNode.removeChild(t),t=null}}function le(e,t){var n=e.split("|"),i=n.length;while(i--)r.attrHandle[n[i]]=t}function ce(e,t){var n=t&&e,r=n&&1===e.nodeType&&1===t.nodeType&&e.sourceIndex-t.sourceIndex;if(r)return r;if(n)while(n=n.nextSibling)if(n===t)return-1;return e?1:-1}function fe(e){return function(t){return"input"===t.nodeName.toLowerCase()&&t.type===e}}function pe(e){return function(t){var n=t.nodeName.toLowerCase();return("input"===n||"button"===n)&&t.type===e}}function de(e){return function(t){return"form"in t?t.parentNode&&!1===t.disabled?"label"in t?"label"in t.parentNode?t.parentNode.disabled===e:t.disabled===e:t.isDisabled===e||t.isDisabled!==!e&&ie(t)===e:t.disabled===e:"label"in t&&t.disabled===e}}function he(e){return se(function(t){return t=+t,se(function(n,r){var i,o=e([],n.length,t),a=o.length;while(a--)n[i=o[a]]&&(n[i]=!(r[i]=n[i]))})})}function ge(e){return e&&"undefined"!=typeof e.getElementsByTagName&&e}n=oe.support={},o=oe.isXML=function(e){var t=e&&(e.ownerDocument||e).documentElement;return!!t&&"HTML"!==t.nodeName},p=oe.setDocument=function(e){var t,i,a=e?e.ownerDocument||e:w;return a!==d&&9===a.nodeType&&a.documentElement?(d=a,h=d.documentElement,g=!o(d),w!==d&&(i=d.defaultView)&&i.top!==i&&(i.addEventListener?i.addEventListener("unload",re,!1):i.attachEvent&&i.attachEvent("onunload",re)),n.attributes=ue(function(e){return e.className="i",!e.getAttribute("className")}),n.getElementsByTagName=ue(function(e){return e.appendChild(d.createComment("")),!e.getElementsByTagName("*").length}),n.getElementsByClassName=Q.test(d.getElementsByClassName),n.getById=ue(function(e){return h.appendChild(e).id=b,!d.getElementsByName||!d.getElementsByName(b).length}),n.getById?(r.filter.ID=function(e){var t=e.replace(Z,ee);return function(e){return e.getAttribute("id")===t}},r.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&g){var n=t.getElementById(e);return n?[n]:[]}}):(r.filter.ID=function(e){var t=e.replace(Z,ee);return function(e){var n="undefined"!=typeof e.getAttributeNode&&e.getAttributeNode("id");return n&&n.value===t}},r.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&g){var n,r,i,o=t.getElementById(e);if(o){if((n=o.getAttributeNode("id"))&&n.value===e)return[o];i=t.getElementsByName(e),r=0;while(o=i[r++])if((n=o.getAttributeNode("id"))&&n.value===e)return[o]}return[]}}),r.find.TAG=n.getElementsByTagName?function(e,t){return"undefined"!=typeof t.getElementsByTagName?t.getElementsByTagName(e):n.qsa?t.querySelectorAll(e):void 0}:function(e,t){var n,r=[],i=0,o=t.getElementsByTagName(e);if("*"===e){while(n=o[i++])1===n.nodeType&&r.push(n);return r}return o},r.find.CLASS=n.getElementsByClassName&&function(e,t){if("undefined"!=typeof t.getElementsByClassName&&g)return t.getElementsByClassName(e)},v=[],y=[],(n.qsa=Q.test(d.querySelectorAll))&&(ue(function(e){h.appendChild(e).innerHTML="",e.querySelectorAll("[msallowcapture^='']").length&&y.push("[*^$]="+M+"*(?:''|\"\")"),e.querySelectorAll("[selected]").length||y.push("\\["+M+"*(?:value|"+P+")"),e.querySelectorAll("[id~="+b+"-]").length||y.push("~="),e.querySelectorAll(":checked").length||y.push(":checked"),e.querySelectorAll("a#"+b+"+*").length||y.push(".#.+[+~]")}),ue(function(e){e.innerHTML="";var t=d.createElement("input");t.setAttribute("type","hidden"),e.appendChild(t).setAttribute("name","D"),e.querySelectorAll("[name=d]").length&&y.push("name"+M+"*[*^$|!~]?="),2!==e.querySelectorAll(":enabled").length&&y.push(":enabled",":disabled"),h.appendChild(e).disabled=!0,2!==e.querySelectorAll(":disabled").length&&y.push(":enabled",":disabled"),e.querySelectorAll("*,:x"),y.push(",.*:")})),(n.matchesSelector=Q.test(m=h.matches||h.webkitMatchesSelector||h.mozMatchesSelector||h.oMatchesSelector||h.msMatchesSelector))&&ue(function(e){n.disconnectedMatch=m.call(e,"*"),m.call(e,"[s!='']:x"),v.push("!=",W)}),y=y.length&&new RegExp(y.join("|")),v=v.length&&new RegExp(v.join("|")),t=Q.test(h.compareDocumentPosition),x=t||Q.test(h.contains)?function(e,t){var n=9===e.nodeType?e.documentElement:e,r=t&&t.parentNode;return e===r||!(!r||1!==r.nodeType||!(n.contains?n.contains(r):e.compareDocumentPosition&&16&e.compareDocumentPosition(r)))}:function(e,t){if(t)while(t=t.parentNode)if(t===e)return!0;return!1},D=t?function(e,t){if(e===t)return f=!0,0;var r=!e.compareDocumentPosition-!t.compareDocumentPosition;return r||(1&(r=(e.ownerDocument||e)===(t.ownerDocument||t)?e.compareDocumentPosition(t):1)||!n.sortDetached&&t.compareDocumentPosition(e)===r?e===d||e.ownerDocument===w&&x(w,e)?-1:t===d||t.ownerDocument===w&&x(w,t)?1:c?O(c,e)-O(c,t):0:4&r?-1:1)}:function(e,t){if(e===t)return f=!0,0;var n,r=0,i=e.parentNode,o=t.parentNode,a=[e],s=[t];if(!i||!o)return e===d?-1:t===d?1:i?-1:o?1:c?O(c,e)-O(c,t):0;if(i===o)return ce(e,t);n=e;while(n=n.parentNode)a.unshift(n);n=t;while(n=n.parentNode)s.unshift(n);while(a[r]===s[r])r++;return r?ce(a[r],s[r]):a[r]===w?-1:s[r]===w?1:0},d):d},oe.matches=function(e,t){return oe(e,null,null,t)},oe.matchesSelector=function(e,t){if((e.ownerDocument||e)!==d&&p(e),t=t.replace(z,"='$1']"),n.matchesSelector&&g&&!S[t+" "]&&(!v||!v.test(t))&&(!y||!y.test(t)))try{var r=m.call(e,t);if(r||n.disconnectedMatch||e.document&&11!==e.document.nodeType)return r}catch(e){}return oe(t,d,null,[e]).length>0},oe.contains=function(e,t){return(e.ownerDocument||e)!==d&&p(e),x(e,t)},oe.attr=function(e,t){(e.ownerDocument||e)!==d&&p(e);var i=r.attrHandle[t.toLowerCase()],o=i&&N.call(r.attrHandle,t.toLowerCase())?i(e,t,!g):void 0;return void 0!==o?o:n.attributes||!g?e.getAttribute(t):(o=e.getAttributeNode(t))&&o.specified?o.value:null},oe.escape=function(e){return(e+"").replace(te,ne)},oe.error=function(e){throw new Error("Syntax error, unrecognized expression: "+e)},oe.uniqueSort=function(e){var t,r=[],i=0,o=0;if(f=!n.detectDuplicates,c=!n.sortStable&&e.slice(0),e.sort(D),f){while(t=e[o++])t===e[o]&&(i=r.push(o));while(i--)e.splice(r[i],1)}return c=null,e},i=oe.getText=function(e){var t,n="",r=0,o=e.nodeType;if(o){if(1===o||9===o||11===o){if("string"==typeof e.textContent)return e.textContent;for(e=e.firstChild;e;e=e.nextSibling)n+=i(e)}else if(3===o||4===o)return e.nodeValue}else while(t=e[r++])n+=i(t);return n},(r=oe.selectors={cacheLength:50,createPseudo:se,match:V,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace(Z,ee),e[3]=(e[3]||e[4]||e[5]||"").replace(Z,ee),"~="===e[2]&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),"nth"===e[1].slice(0,3)?(e[3]||oe.error(e[0]),e[4]=+(e[4]?e[5]+(e[6]||1):2*("even"===e[3]||"odd"===e[3])),e[5]=+(e[7]+e[8]||"odd"===e[3])):e[3]&&oe.error(e[0]),e},PSEUDO:function(e){var t,n=!e[6]&&e[2];return V.CHILD.test(e[0])?null:(e[3]?e[2]=e[4]||e[5]||"":n&&X.test(n)&&(t=a(n,!0))&&(t=n.indexOf(")",n.length-t)-n.length)&&(e[0]=e[0].slice(0,t),e[2]=n.slice(0,t)),e.slice(0,3))}},filter:{TAG:function(e){var t=e.replace(Z,ee).toLowerCase();return"*"===e?function(){return!0}:function(e){return e.nodeName&&e.nodeName.toLowerCase()===t}},CLASS:function(e){var t=E[e+" "];return t||(t=new RegExp("(^|"+M+")"+e+"("+M+"|$)"))&&E(e,function(e){return t.test("string"==typeof e.className&&e.className||"undefined"!=typeof e.getAttribute&&e.getAttribute("class")||"")})},ATTR:function(e,t,n){return function(r){var i=oe.attr(r,e);return null==i?"!="===t:!t||(i+="","="===t?i===n:"!="===t?i!==n:"^="===t?n&&0===i.indexOf(n):"*="===t?n&&i.indexOf(n)>-1:"$="===t?n&&i.slice(-n.length)===n:"~="===t?(" "+i.replace($," ")+" ").indexOf(n)>-1:"|="===t&&(i===n||i.slice(0,n.length+1)===n+"-"))}},CHILD:function(e,t,n,r,i){var o="nth"!==e.slice(0,3),a="last"!==e.slice(-4),s="of-type"===t;return 1===r&&0===i?function(e){return!!e.parentNode}:function(t,n,u){var l,c,f,p,d,h,g=o!==a?"nextSibling":"previousSibling",y=t.parentNode,v=s&&t.nodeName.toLowerCase(),m=!u&&!s,x=!1;if(y){if(o){while(g){p=t;while(p=p[g])if(s?p.nodeName.toLowerCase()===v:1===p.nodeType)return!1;h=g="only"===e&&!h&&"nextSibling"}return!0}if(h=[a?y.firstChild:y.lastChild],a&&m){x=(d=(l=(c=(f=(p=y)[b]||(p[b]={}))[p.uniqueID]||(f[p.uniqueID]={}))[e]||[])[0]===T&&l[1])&&l[2],p=d&&y.childNodes[d];while(p=++d&&p&&p[g]||(x=d=0)||h.pop())if(1===p.nodeType&&++x&&p===t){c[e]=[T,d,x];break}}else if(m&&(x=d=(l=(c=(f=(p=t)[b]||(p[b]={}))[p.uniqueID]||(f[p.uniqueID]={}))[e]||[])[0]===T&&l[1]),!1===x)while(p=++d&&p&&p[g]||(x=d=0)||h.pop())if((s?p.nodeName.toLowerCase()===v:1===p.nodeType)&&++x&&(m&&((c=(f=p[b]||(p[b]={}))[p.uniqueID]||(f[p.uniqueID]={}))[e]=[T,x]),p===t))break;return(x-=i)===r||x%r==0&&x/r>=0}}},PSEUDO:function(e,t){var n,i=r.pseudos[e]||r.setFilters[e.toLowerCase()]||oe.error("unsupported pseudo: "+e);return i[b]?i(t):i.length>1?(n=[e,e,"",t],r.setFilters.hasOwnProperty(e.toLowerCase())?se(function(e,n){var r,o=i(e,t),a=o.length;while(a--)e[r=O(e,o[a])]=!(n[r]=o[a])}):function(e){return i(e,0,n)}):i}},pseudos:{not:se(function(e){var t=[],n=[],r=s(e.replace(B,"$1"));return r[b]?se(function(e,t,n,i){var o,a=r(e,null,i,[]),s=e.length;while(s--)(o=a[s])&&(e[s]=!(t[s]=o))}):function(e,i,o){return t[0]=e,r(t,null,o,n),t[0]=null,!n.pop()}}),has:se(function(e){return function(t){return oe(e,t).length>0}}),contains:se(function(e){return e=e.replace(Z,ee),function(t){return(t.textContent||t.innerText||i(t)).indexOf(e)>-1}}),lang:se(function(e){return U.test(e||"")||oe.error("unsupported lang: "+e),e=e.replace(Z,ee).toLowerCase(),function(t){var n;do{if(n=g?t.lang:t.getAttribute("xml:lang")||t.getAttribute("lang"))return(n=n.toLowerCase())===e||0===n.indexOf(e+"-")}while((t=t.parentNode)&&1===t.nodeType);return!1}}),target:function(t){var n=e.location&&e.location.hash;return n&&n.slice(1)===t.id},root:function(e){return e===h},focus:function(e){return e===d.activeElement&&(!d.hasFocus||d.hasFocus())&&!!(e.type||e.href||~e.tabIndex)},enabled:de(!1),disabled:de(!0),checked:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&!!e.checked||"option"===t&&!!e.selected},selected:function(e){return e.parentNode&&e.parentNode.selectedIndex,!0===e.selected},empty:function(e){for(e=e.firstChild;e;e=e.nextSibling)if(e.nodeType<6)return!1;return!0},parent:function(e){return!r.pseudos.empty(e)},header:function(e){return Y.test(e.nodeName)},input:function(e){return G.test(e.nodeName)},button:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&"button"===e.type||"button"===t},text:function(e){var t;return"input"===e.nodeName.toLowerCase()&&"text"===e.type&&(null==(t=e.getAttribute("type"))||"text"===t.toLowerCase())},first:he(function(){return[0]}),last:he(function(e,t){return[t-1]}),eq:he(function(e,t,n){return[n<0?n+t:n]}),even:he(function(e,t){for(var n=0;n=0;)e.push(r);return e}),gt:he(function(e,t,n){for(var r=n<0?n+t:n;++r1?function(t,n,r){var i=e.length;while(i--)if(!e[i](t,n,r))return!1;return!0}:e[0]}function be(e,t,n){for(var r=0,i=t.length;r-1&&(o[l]=!(a[l]=f))}}else v=we(v===a?v.splice(h,v.length):v),i?i(null,a,v,u):L.apply(a,v)})}function Ce(e){for(var t,n,i,o=e.length,a=r.relative[e[0].type],s=a||r.relative[" "],u=a?1:0,c=me(function(e){return e===t},s,!0),f=me(function(e){return O(t,e)>-1},s,!0),p=[function(e,n,r){var i=!a&&(r||n!==l)||((t=n).nodeType?c(e,n,r):f(e,n,r));return t=null,i}];u1&&xe(p),u>1&&ve(e.slice(0,u-1).concat({value:" "===e[u-2].type?"*":""})).replace(B,"$1"),n,u0,i=e.length>0,o=function(o,a,s,u,c){var f,h,y,v=0,m="0",x=o&&[],b=[],w=l,C=o||i&&r.find.TAG("*",c),E=T+=null==w?1:Math.random()||.1,k=C.length;for(c&&(l=a===d||a||c);m!==k&&null!=(f=C[m]);m++){if(i&&f){h=0,a||f.ownerDocument===d||(p(f),s=!g);while(y=e[h++])if(y(f,a||d,s)){u.push(f);break}c&&(T=E)}n&&((f=!y&&f)&&v--,o&&x.push(f))}if(v+=m,n&&m!==v){h=0;while(y=t[h++])y(x,b,a,s);if(o){if(v>0)while(m--)x[m]||b[m]||(b[m]=j.call(u));b=we(b)}L.apply(u,b),c&&!o&&b.length>0&&v+t.length>1&&oe.uniqueSort(u)}return c&&(T=E,l=w),x};return n?se(o):o}return s=oe.compile=function(e,t){var n,r=[],i=[],o=S[e+" "];if(!o){t||(t=a(e)),n=t.length;while(n--)(o=Ce(t[n]))[b]?r.push(o):i.push(o);(o=S(e,Ee(i,r))).selector=e}return o},u=oe.select=function(e,t,n,i){var o,u,l,c,f,p="function"==typeof e&&e,d=!i&&a(e=p.selector||e);if(n=n||[],1===d.length){if((u=d[0]=d[0].slice(0)).length>2&&"ID"===(l=u[0]).type&&9===t.nodeType&&g&&r.relative[u[1].type]){if(!(t=(r.find.ID(l.matches[0].replace(Z,ee),t)||[])[0]))return n;p&&(t=t.parentNode),e=e.slice(u.shift().value.length)}o=V.needsContext.test(e)?0:u.length;while(o--){if(l=u[o],r.relative[c=l.type])break;if((f=r.find[c])&&(i=f(l.matches[0].replace(Z,ee),K.test(u[0].type)&&ge(t.parentNode)||t))){if(u.splice(o,1),!(e=i.length&&ve(u)))return L.apply(n,i),n;break}}}return(p||s(e,d))(i,t,!g,n,!t||K.test(e)&&ge(t.parentNode)||t),n},n.sortStable=b.split("").sort(D).join("")===b,n.detectDuplicates=!!f,p(),n.sortDetached=ue(function(e){return 1&e.compareDocumentPosition(d.createElement("fieldset"))}),ue(function(e){return e.innerHTML="","#"===e.firstChild.getAttribute("href")})||le("type|href|height|width",function(e,t,n){if(!n)return e.getAttribute(t,"type"===t.toLowerCase()?1:2)}),n.attributes&&ue(function(e){return e.innerHTML="",e.firstChild.setAttribute("value",""),""===e.firstChild.getAttribute("value")})||le("value",function(e,t,n){if(!n&&"input"===e.nodeName.toLowerCase())return e.defaultValue}),ue(function(e){return null==e.getAttribute("disabled")})||le(P,function(e,t,n){var r;if(!n)return!0===e[t]?t.toLowerCase():(r=e.getAttributeNode(t))&&r.specified?r.value:null}),oe}(e);w.find=E,w.expr=E.selectors,w.expr[":"]=w.expr.pseudos,w.uniqueSort=w.unique=E.uniqueSort,w.text=E.getText,w.isXMLDoc=E.isXML,w.contains=E.contains,w.escapeSelector=E.escape;var k=function(e,t,n){var r=[],i=void 0!==n;while((e=e[t])&&9!==e.nodeType)if(1===e.nodeType){if(i&&w(e).is(n))break;r.push(e)}return r},S=function(e,t){for(var n=[];e;e=e.nextSibling)1===e.nodeType&&e!==t&&n.push(e);return n},D=w.expr.match.needsContext;function N(e,t){return e.nodeName&&e.nodeName.toLowerCase()===t.toLowerCase()}var A=/^<([a-z][^\/\0>:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i;function j(e,t,n){return g(t)?w.grep(e,function(e,r){return!!t.call(e,r,e)!==n}):t.nodeType?w.grep(e,function(e){return e===t!==n}):"string"!=typeof t?w.grep(e,function(e){return u.call(t,e)>-1!==n}):w.filter(t,e,n)}w.filter=function(e,t,n){var r=t[0];return n&&(e=":not("+e+")"),1===t.length&&1===r.nodeType?w.find.matchesSelector(r,e)?[r]:[]:w.find.matches(e,w.grep(t,function(e){return 1===e.nodeType}))},w.fn.extend({find:function(e){var t,n,r=this.length,i=this;if("string"!=typeof e)return this.pushStack(w(e).filter(function(){for(t=0;t1?w.uniqueSort(n):n},filter:function(e){return this.pushStack(j(this,e||[],!1))},not:function(e){return this.pushStack(j(this,e||[],!0))},is:function(e){return!!j(this,"string"==typeof e&&D.test(e)?w(e):e||[],!1).length}});var q,L=/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]+))$/;(w.fn.init=function(e,t,n){var i,o;if(!e)return this;if(n=n||q,"string"==typeof e){if(!(i="<"===e[0]&&">"===e[e.length-1]&&e.length>=3?[null,e,null]:L.exec(e))||!i[1]&&t)return!t||t.jquery?(t||n).find(e):this.constructor(t).find(e);if(i[1]){if(t=t instanceof w?t[0]:t,w.merge(this,w.parseHTML(i[1],t&&t.nodeType?t.ownerDocument||t:r,!0)),A.test(i[1])&&w.isPlainObject(t))for(i in t)g(this[i])?this[i](t[i]):this.attr(i,t[i]);return this}return(o=r.getElementById(i[2]))&&(this[0]=o,this.length=1),this}return e.nodeType?(this[0]=e,this.length=1,this):g(e)?void 0!==n.ready?n.ready(e):e(w):w.makeArray(e,this)}).prototype=w.fn,q=w(r);var H=/^(?:parents|prev(?:Until|All))/,O={children:!0,contents:!0,next:!0,prev:!0};w.fn.extend({has:function(e){var t=w(e,this),n=t.length;return this.filter(function(){for(var e=0;e-1:1===n.nodeType&&w.find.matchesSelector(n,e))){o.push(n);break}return this.pushStack(o.length>1?w.uniqueSort(o):o)},index:function(e){return e?"string"==typeof e?u.call(w(e),this[0]):u.call(this,e.jquery?e[0]:e):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(e,t){return this.pushStack(w.uniqueSort(w.merge(this.get(),w(e,t))))},addBack:function(e){return this.add(null==e?this.prevObject:this.prevObject.filter(e))}});function P(e,t){while((e=e[t])&&1!==e.nodeType);return e}w.each({parent:function(e){var t=e.parentNode;return t&&11!==t.nodeType?t:null},parents:function(e){return k(e,"parentNode")},parentsUntil:function(e,t,n){return k(e,"parentNode",n)},next:function(e){return P(e,"nextSibling")},prev:function(e){return P(e,"previousSibling")},nextAll:function(e){return k(e,"nextSibling")},prevAll:function(e){return k(e,"previousSibling")},nextUntil:function(e,t,n){return k(e,"nextSibling",n)},prevUntil:function(e,t,n){return k(e,"previousSibling",n)},siblings:function(e){return S((e.parentNode||{}).firstChild,e)},children:function(e){return S(e.firstChild)},contents:function(e){return N(e,"iframe")?e.contentDocument:(N(e,"template")&&(e=e.content||e),w.merge([],e.childNodes))}},function(e,t){w.fn[e]=function(n,r){var i=w.map(this,t,n);return"Until"!==e.slice(-5)&&(r=n),r&&"string"==typeof r&&(i=w.filter(r,i)),this.length>1&&(O[e]||w.uniqueSort(i),H.test(e)&&i.reverse()),this.pushStack(i)}});var M=/[^\x20\t\r\n\f]+/g;function R(e){var t={};return w.each(e.match(M)||[],function(e,n){t[n]=!0}),t}w.Callbacks=function(e){e="string"==typeof e?R(e):w.extend({},e);var t,n,r,i,o=[],a=[],s=-1,u=function(){for(i=i||e.once,r=t=!0;a.length;s=-1){n=a.shift();while(++s-1)o.splice(n,1),n<=s&&s--}),this},has:function(e){return e?w.inArray(e,o)>-1:o.length>0},empty:function(){return o&&(o=[]),this},disable:function(){return i=a=[],o=n="",this},disabled:function(){return!o},lock:function(){return i=a=[],n||t||(o=n=""),this},locked:function(){return!!i},fireWith:function(e,n){return i||(n=[e,(n=n||[]).slice?n.slice():n],a.push(n),t||u()),this},fire:function(){return l.fireWith(this,arguments),this},fired:function(){return!!r}};return l};function I(e){return e}function W(e){throw e}function $(e,t,n,r){var i;try{e&&g(i=e.promise)?i.call(e).done(t).fail(n):e&&g(i=e.then)?i.call(e,t,n):t.apply(void 0,[e].slice(r))}catch(e){n.apply(void 0,[e])}}w.extend({Deferred:function(t){var n=[["notify","progress",w.Callbacks("memory"),w.Callbacks("memory"),2],["resolve","done",w.Callbacks("once memory"),w.Callbacks("once memory"),0,"resolved"],["reject","fail",w.Callbacks("once memory"),w.Callbacks("once memory"),1,"rejected"]],r="pending",i={state:function(){return r},always:function(){return o.done(arguments).fail(arguments),this},"catch":function(e){return i.then(null,e)},pipe:function(){var e=arguments;return w.Deferred(function(t){w.each(n,function(n,r){var i=g(e[r[4]])&&e[r[4]];o[r[1]](function(){var e=i&&i.apply(this,arguments);e&&g(e.promise)?e.promise().progress(t.notify).done(t.resolve).fail(t.reject):t[r[0]+"With"](this,i?[e]:arguments)})}),e=null}).promise()},then:function(t,r,i){var o=0;function a(t,n,r,i){return function(){var s=this,u=arguments,l=function(){var e,l;if(!(t=o&&(r!==W&&(s=void 0,u=[e]),n.rejectWith(s,u))}};t?c():(w.Deferred.getStackHook&&(c.stackTrace=w.Deferred.getStackHook()),e.setTimeout(c))}}return w.Deferred(function(e){n[0][3].add(a(0,e,g(i)?i:I,e.notifyWith)),n[1][3].add(a(0,e,g(t)?t:I)),n[2][3].add(a(0,e,g(r)?r:W))}).promise()},promise:function(e){return null!=e?w.extend(e,i):i}},o={};return w.each(n,function(e,t){var a=t[2],s=t[5];i[t[1]]=a.add,s&&a.add(function(){r=s},n[3-e][2].disable,n[3-e][3].disable,n[0][2].lock,n[0][3].lock),a.add(t[3].fire),o[t[0]]=function(){return o[t[0]+"With"](this===o?void 0:this,arguments),this},o[t[0]+"With"]=a.fireWith}),i.promise(o),t&&t.call(o,o),o},when:function(e){var t=arguments.length,n=t,r=Array(n),i=o.call(arguments),a=w.Deferred(),s=function(e){return function(n){r[e]=this,i[e]=arguments.length>1?o.call(arguments):n,--t||a.resolveWith(r,i)}};if(t<=1&&($(e,a.done(s(n)).resolve,a.reject,!t),"pending"===a.state()||g(i[n]&&i[n].then)))return a.then();while(n--)$(i[n],s(n),a.reject);return a.promise()}});var B=/^(Eval|Internal|Range|Reference|Syntax|Type|URI)Error$/;w.Deferred.exceptionHook=function(t,n){e.console&&e.console.warn&&t&&B.test(t.name)&&e.console.warn("jQuery.Deferred exception: "+t.message,t.stack,n)},w.readyException=function(t){e.setTimeout(function(){throw t})};var F=w.Deferred();w.fn.ready=function(e){return F.then(e)["catch"](function(e){w.readyException(e)}),this},w.extend({isReady:!1,readyWait:1,ready:function(e){(!0===e?--w.readyWait:w.isReady)||(w.isReady=!0,!0!==e&&--w.readyWait>0||F.resolveWith(r,[w]))}}),w.ready.then=F.then;function _(){r.removeEventListener("DOMContentLoaded",_),e.removeEventListener("load",_),w.ready()}"complete"===r.readyState||"loading"!==r.readyState&&!r.documentElement.doScroll?e.setTimeout(w.ready):(r.addEventListener("DOMContentLoaded",_),e.addEventListener("load",_));var z=function(e,t,n,r,i,o,a){var s=0,u=e.length,l=null==n;if("object"===x(n)){i=!0;for(s in n)z(e,t,s,n[s],!0,o,a)}else if(void 0!==r&&(i=!0,g(r)||(a=!0),l&&(a?(t.call(e,r),t=null):(l=t,t=function(e,t,n){return l.call(w(e),n)})),t))for(;s1,null,!0)},removeData:function(e){return this.each(function(){K.remove(this,e)})}}),w.extend({queue:function(e,t,n){var r;if(e)return t=(t||"fx")+"queue",r=J.get(e,t),n&&(!r||Array.isArray(n)?r=J.access(e,t,w.makeArray(n)):r.push(n)),r||[]},dequeue:function(e,t){t=t||"fx";var n=w.queue(e,t),r=n.length,i=n.shift(),o=w._queueHooks(e,t),a=function(){w.dequeue(e,t)};"inprogress"===i&&(i=n.shift(),r--),i&&("fx"===t&&n.unshift("inprogress"),delete o.stop,i.call(e,a,o)),!r&&o&&o.empty.fire()},_queueHooks:function(e,t){var n=t+"queueHooks";return J.get(e,n)||J.access(e,n,{empty:w.Callbacks("once memory").add(function(){J.remove(e,[t+"queue",n])})})}}),w.fn.extend({queue:function(e,t){var n=2;return"string"!=typeof e&&(t=e,e="fx",n--),arguments.length\x20\t\r\n\f]+)/i,he=/^$|^module$|\/(?:java|ecma)script/i,ge={option:[1,""],thead:[1,""],col:[2,""],tr:[2,""],td:[3,""],_default:[0,"",""]};ge.optgroup=ge.option,ge.tbody=ge.tfoot=ge.colgroup=ge.caption=ge.thead,ge.th=ge.td;function ye(e,t){var n;return n="undefined"!=typeof e.getElementsByTagName?e.getElementsByTagName(t||"*"):"undefined"!=typeof e.querySelectorAll?e.querySelectorAll(t||"*"):[],void 0===t||t&&N(e,t)?w.merge([e],n):n}function ve(e,t){for(var n=0,r=e.length;n-1)i&&i.push(o);else if(l=w.contains(o.ownerDocument,o),a=ye(f.appendChild(o),"script"),l&&ve(a),n){c=0;while(o=a[c++])he.test(o.type||"")&&n.push(o)}return f}!function(){var e=r.createDocumentFragment().appendChild(r.createElement("div")),t=r.createElement("input");t.setAttribute("type","radio"),t.setAttribute("checked","checked"),t.setAttribute("name","t"),e.appendChild(t),h.checkClone=e.cloneNode(!0).cloneNode(!0).lastChild.checked,e.innerHTML="",h.noCloneChecked=!!e.cloneNode(!0).lastChild.defaultValue}();var be=r.documentElement,we=/^key/,Te=/^(?:mouse|pointer|contextmenu|drag|drop)|click/,Ce=/^([^.]*)(?:\.(.+)|)/;function Ee(){return!0}function ke(){return!1}function Se(){try{return r.activeElement}catch(e){}}function De(e,t,n,r,i,o){var a,s;if("object"==typeof t){"string"!=typeof n&&(r=r||n,n=void 0);for(s in t)De(e,s,n,r,t[s],o);return e}if(null==r&&null==i?(i=n,r=n=void 0):null==i&&("string"==typeof n?(i=r,r=void 0):(i=r,r=n,n=void 0)),!1===i)i=ke;else if(!i)return e;return 1===o&&(a=i,(i=function(e){return w().off(e),a.apply(this,arguments)}).guid=a.guid||(a.guid=w.guid++)),e.each(function(){w.event.add(this,t,i,r,n)})}w.event={global:{},add:function(e,t,n,r,i){var o,a,s,u,l,c,f,p,d,h,g,y=J.get(e);if(y){n.handler&&(n=(o=n).handler,i=o.selector),i&&w.find.matchesSelector(be,i),n.guid||(n.guid=w.guid++),(u=y.events)||(u=y.events={}),(a=y.handle)||(a=y.handle=function(t){return"undefined"!=typeof w&&w.event.triggered!==t.type?w.event.dispatch.apply(e,arguments):void 0}),l=(t=(t||"").match(M)||[""]).length;while(l--)d=g=(s=Ce.exec(t[l])||[])[1],h=(s[2]||"").split(".").sort(),d&&(f=w.event.special[d]||{},d=(i?f.delegateType:f.bindType)||d,f=w.event.special[d]||{},c=w.extend({type:d,origType:g,data:r,handler:n,guid:n.guid,selector:i,needsContext:i&&w.expr.match.needsContext.test(i),namespace:h.join(".")},o),(p=u[d])||((p=u[d]=[]).delegateCount=0,f.setup&&!1!==f.setup.call(e,r,h,a)||e.addEventListener&&e.addEventListener(d,a)),f.add&&(f.add.call(e,c),c.handler.guid||(c.handler.guid=n.guid)),i?p.splice(p.delegateCount++,0,c):p.push(c),w.event.global[d]=!0)}},remove:function(e,t,n,r,i){var o,a,s,u,l,c,f,p,d,h,g,y=J.hasData(e)&&J.get(e);if(y&&(u=y.events)){l=(t=(t||"").match(M)||[""]).length;while(l--)if(s=Ce.exec(t[l])||[],d=g=s[1],h=(s[2]||"").split(".").sort(),d){f=w.event.special[d]||{},p=u[d=(r?f.delegateType:f.bindType)||d]||[],s=s[2]&&new RegExp("(^|\\.)"+h.join("\\.(?:.*\\.|)")+"(\\.|$)"),a=o=p.length;while(o--)c=p[o],!i&&g!==c.origType||n&&n.guid!==c.guid||s&&!s.test(c.namespace)||r&&r!==c.selector&&("**"!==r||!c.selector)||(p.splice(o,1),c.selector&&p.delegateCount--,f.remove&&f.remove.call(e,c));a&&!p.length&&(f.teardown&&!1!==f.teardown.call(e,h,y.handle)||w.removeEvent(e,d,y.handle),delete u[d])}else for(d in u)w.event.remove(e,d+t[l],n,r,!0);w.isEmptyObject(u)&&J.remove(e,"handle events")}},dispatch:function(e){var t=w.event.fix(e),n,r,i,o,a,s,u=new Array(arguments.length),l=(J.get(this,"events")||{})[t.type]||[],c=w.event.special[t.type]||{};for(u[0]=t,n=1;n=1))for(;l!==this;l=l.parentNode||this)if(1===l.nodeType&&("click"!==e.type||!0!==l.disabled)){for(o=[],a={},n=0;n-1:w.find(i,this,null,[l]).length),a[i]&&o.push(r);o.length&&s.push({elem:l,handlers:o})}return l=this,u\x20\t\r\n\f]*)[^>]*)\/>/gi,Ae=/
+
+
+
+
+
+
+
+
+
+
+
+
+

+
+
화면을 불러오는 중입니다.
잠시만 기다려주세요...
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/main/resources/templates/account/order.html b/src/main/resources/templates/account/order.html
new file mode 100644
index 0000000..b475e19
--- /dev/null
+++ b/src/main/resources/templates/account/order.html
@@ -0,0 +1,44 @@
+
+
+
+
+
diff --git a/src/main/resources/templates/account/registerAccount.html b/src/main/resources/templates/account/registerAccount.html
new file mode 100644
index 0000000..2c588e3
--- /dev/null
+++ b/src/main/resources/templates/account/registerAccount.html
@@ -0,0 +1,336 @@
+
+
+