diff --git a/Datum_UImodel/auth-confirm-mail.html b/Datum_UImodel/auth-confirm-mail.html new file mode 100644 index 0000000..4d7e71e --- /dev/null +++ b/Datum_UImodel/auth-confirm-mail.html @@ -0,0 +1,87 @@ + + + + + + + + Datum | CRM Admin Dashboard Template + + + + + +
+
+
+
+ + +
+
+
+
+
+
+
+
+
+ + +

Success !

+

A email has been send to [email protected] Please check for an + email from company and click + on the included link to reset your password.

+ +
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Datum_UImodel/auth-lock-screen.html b/Datum_UImodel/auth-lock-screen.html new file mode 100644 index 0000000..47974fb --- /dev/null +++ b/Datum_UImodel/auth-lock-screen.html @@ -0,0 +1,93 @@ + + + + + + + + + Datum | CRM Admin Dashboard Template + + + + + +
+
+
+
+ + +
+
+
+
+
+
+
+
+
+ +
+

Hi ! Barry Tech

+

Enter your password to access the admin.

+
+
+
+
+
+ + +
+
+
+ +
+
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Datum_UImodel/auth-login.html b/Datum_UImodel/auth-login.html new file mode 100644 index 0000000..35f2c2b --- /dev/null +++ b/Datum_UImodel/auth-login.html @@ -0,0 +1,121 @@ + + + + + + + + Datum | CRM Admin Dashboard Template + + + + + +
+
+
+
+ + +
+
+
+
+
+
+
+ +

Sign In

+

Log in to your account to continue

+ +
+

or login with email

+
+
+
+
+
+ + +
+
+
+
+
+ + +
+ +
+
+
+ +
+

Don't have an account? Sign Up

+
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Datum_UImodel/auth-recover-pwd.html b/Datum_UImodel/auth-recover-pwd.html new file mode 100644 index 0000000..cb77871 --- /dev/null +++ b/Datum_UImodel/auth-recover-pwd.html @@ -0,0 +1,86 @@ + + + + + + + + Datum | CRM Admin Dashboard Template + + + + + +
+
+
+
+ + +
+
+
+
+
+
+
+ +

Reset Password

+

You can reset your password here

+
+
+
+
+ + +
+
+
+ +
+
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Datum_UImodel/auth-recoverpw.html b/Datum_UImodel/auth-recoverpw.html new file mode 100644 index 0000000..df935be --- /dev/null +++ b/Datum_UImodel/auth-recoverpw.html @@ -0,0 +1,87 @@ + + + + + + + + + + Datum | CRM Admin Dashboard Template + + + + + +
+
+
+
+ + +
+
+
+
+
+
+
+ +

Reset Password

+

Enter your email address and we'll send you an email with instructions to reset your password.

+
+
+
+
+ + +
+
+
+ +
+
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Datum_UImodel/auth-sign-in.html b/Datum_UImodel/auth-sign-in.html new file mode 100644 index 0000000..266b5ff --- /dev/null +++ b/Datum_UImodel/auth-sign-in.html @@ -0,0 +1,104 @@ + + + + + + + + + Datum | CRM Admin Dashboard Template + + + + + +
+
+
+
+ + +
+
+
+
+
+
+
+ +

Sign In

+

To Keep connected with us please login with your personal info.

+
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+ +
+
+ Create an Account Sign Up + +
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Datum_UImodel/auth-sign-up.html b/Datum_UImodel/auth-sign-up.html new file mode 100644 index 0000000..f924684 --- /dev/null +++ b/Datum_UImodel/auth-sign-up.html @@ -0,0 +1,126 @@ + + + + + + + + Datum | CRM Admin Dashboard Template + + + + + +
+
+
+
+ + +
+
+
+
+
+
+
+ +

Getting Started

+

Choose your social media to create account

+ +
+

or register with email

+
+
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+
+ + +
+
+
+
+ +
+

Do you have an account? Sign In

+
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Datum_UImodel/calendar.html b/Datum_UImodel/calendar.html new file mode 100644 index 0000000..1aeac0b --- /dev/null +++ b/Datum_UImodel/calendar.html @@ -0,0 +1,1152 @@ + + + + + + + Datum | CRM Admin Dashboard Template + + + + + + + + + +
+
+
+
+ + +
+ +
+
+ +
+
+
+
+
+ +
+
+
+

Set Your weekly hours

+
+
+ +
+
+ +
+
+
+
+
+
+
+
+
+
+
+
+ + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Datum_UImodel/chart-apex.html b/Datum_UImodel/chart-apex.html new file mode 100644 index 0000000..e96c03b --- /dev/null +++ b/Datum_UImodel/chart-apex.html @@ -0,0 +1,1165 @@ + + + + + + + + Datum | CRM Admin Dashboard Template + + + + + +
+
+
+
+ + +
+ +
+
+ +
+
+
+
+
+
+
+
+
+

Line Chart

+
+
+
+
+
+
+
+
+
+

Column Chart

+
+
+
+
+
+
+
+
+
+

Mixes Chart

+
+
+
+
+
+
+
+
+
+

Bubble Charts

+
+
+
+
+
+
+
+
+
+

Pie Charts

+
+
+
+
+
+
+
+
+
+
+
+

Line Area Chart

+
+
+
+
+
+
+
+
+
+

Bar Chart

+
+
+
+
+
+
+
+
+
+

Candlestick Charts

+
+
+
+
+
+
+
+
+
+

Scatter Charts

+
+
+
+
+
+
+
+
+
+

Radial Bar Charts

+
+
+
+
+
+
+
+
+
+
+
+
+

Advanced Charts

+
+
+
+
+
+
+
+
+
+
+
+

Radar Multiple Charts

+
+
+
+
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Datum_UImodel/chat.html b/Datum_UImodel/chat.html new file mode 100644 index 0000000..e06063b --- /dev/null +++ b/Datum_UImodel/chat.html @@ -0,0 +1,3490 @@ + + + + + + + + Datum | CRM Admin Dashboard Template + + + + + +
+
+
+
+ + +
+ +
+
+ +
+
+
+
+
+
+
+
+
+
+

Messages

+ +
+
+
+
+ + + + + +
+ +
+ +
+ Loading... +
+
+
+
+
+
+ +
+ +
+
+
+
+
+
+
+
+
+ +
+
+
+ users +
+

Joan Duo

+
Developer
+
+
+
+
Nick Name:
+
Joan
+
+
+
+
Tel:
+
0123456789
+
+
+
+
Date Of Birth:
+
1 June 1997
+
+
+
+
Gender:
+
Male
+
+
+
+
Language:
+
English
+
+
+
+
+
+ +
+ users +
+
+
Joan Duo
+ Online +
+
+
+ +
+
+
+
+
+
+
+
+
+ Nos vemos mañana sollicitudin molestie malesuada. Proin eget tortor. +
+
+ 04:15 +
+
+
+
+
+
+
+
+ Gracias De nada No hay de qué Disculpe Lo siento Me encanta café. ¿Quieres ir a tomar una taza? . +
+
+ 04:15 +
+
+
+
+
+
+
+
+ Alemania ha registrado este jueves 22.657 cifra de enero, según el Instituto Robert Koch. +
+
+ 04:15 +
+
+
+
+
+
+
+
+ La canciller Angela y ha pedido que la Unión Europea aumente la capacidad de producción de vacunas. +
+
+ 04:15 +
+
+
+
+
+
+
+
+ Este miércoles y el jueves, los materia de vacunación. +
+
+ 04:15 +
+
+
+
+
+
+
+
+ En el Reino Unido, el primer no haya “un bloqueo” en la exportación de vacunas. +
+
+ 04:15 +
+
+
+
+
+
+
+
+ La farmacéutica AstraZeneca ha actualizado los datos de eficacia de su Reino Unido. +
+
+ 04:15 +
+
+
+
+
+ +
+
+
+
+
+ +
+
+
+ users +
+

Jenifer Markus

+
Designer
+
+
+
+
Nick Name:
+
Jenifer
+
+
+
+
Tel:
+
0678912345
+
+
+
+
Date Of Birth:
+
8 July 1997
+
+
+
+
Gender:
+
Female
+
+
+
+
Language:
+
English
+
+
+
+
+
+ +
+ users +
+
+
Jenifer Markus
+ Offline +
+
+
+ +
+
+
+
+
+
+
+
+
+ Nos vemos mañana sollicitudin molestie malesuada. Proin eget tortor. +
+
+ 04:15 +
+
+
+
+
+
+
+
+ Gracias De nada No hay de qué Disculpe Lo siento Me encanta café. ¿Quieres ir a tomar una taza? . +
+
+ 04:15 +
+
+
+
+
+
+
+
+ Alemania ha registrado este jueves 22.657 cifra de enero, según el Instituto Robert Koch. +
+
+ 04:15 +
+
+
+
+
+
+
+
+ La canciller Angela y ha pedido que la Unión Europea aumente la capacidad de producción de vacunas. +
+
+ 04:15 +
+
+
+
+
+
+
+
+ Este miércoles y el jueves, los materia de vacunación. +
+
+ 04:15 +
+
+
+
+
+
+
+
+ En el Reino Unido, el primer no haya “un bloqueo” en la exportación de vacunas. +
+
+ 04:15 +
+
+
+
+
+
+
+
+ La farmacéutica AstraZeneca ha actualizado los datos de eficacia de su Reino Unido. +
+
+ 04:15 +
+
+
+
+
+ +
+
+
+
+
+ +
+
+
+ users +
+

Maria Daf

+
Planner
+
+
+
+
Nick Name:
+
Maria
+
+
+
+
Tel:
+
0345671289
+
+
+
+
Date Of Birth:
+
16 August 1997
+
+
+
+
Gender:
+
Female
+
+
+
+
Language:
+
English
+
+
+
+
+
+ +
+ users +
+
+
Maria Daf
+ Online +
+
+
+ +
+
+
+
+
+
+
+
+
+ Nos vemos mañana sollicitudin molestie malesuada. Proin eget tortor. +
+
+ 04:15 +
+
+
+
+
+
+
+
+ Gracias De nada No hay de qué Disculpe Lo siento Me encanta café. ¿Quieres ir a tomar una taza? . +
+
+ 04:15 +
+
+
+
+
+
+
+
+ Alemania ha registrado este jueves 22.657 cifra de enero, según el Instituto Robert Koch. +
+
+ 04:15 +
+
+
+
+
+
+
+
+ La canciller Angela y ha pedido que la Unión Europea aumente la capacidad de producción de vacunas. +
+
+ 04:15 +
+
+
+
+
+
+
+
+ Este miércoles y el jueves, los materia de vacunación. +
+
+ 04:15 +
+
+
+
+
+
+
+
+ En el Reino Unido, el primer no haya “un bloqueo” en la exportación de vacunas. +
+
+ 04:15 +
+
+
+
+
+
+
+
+ La farmacéutica AstraZeneca ha actualizado los datos de eficacia de su Reino Unido. +
+
+ 04:15 +
+
+
+
+
+ +
+
+
+
+
+ +
+
+
+ users +
+

Joasaf Zurk

+
Content Writer
+
+
+
+
Nick Name:
+
Joasaf
+
+
+
+
Tel:
+
0678945123
+
+
+
+
Date Of Birth:
+
22 December 1997
+
+
+
+
Gender:
+
Male
+
+
+
+
Language:
+
English
+
+
+
+
+
+ +
+ users +
+
+
Joasaf Zurk
+ Online +
+
+
+ +
+
+
+
+
+
+
+
+
+ Nos vemos mañana sollicitudin molestie malesuada. Proin eget tortor. +
+
+ 04:15 +
+
+
+
+
+
+
+
+ Gracias De nada No hay de qué Disculpe Lo siento Me encanta café. ¿Quieres ir a tomar una taza? . +
+
+ 04:15 +
+
+
+
+
+
+
+
+ Alemania ha registrado este jueves 22.657 cifra de enero, según el Instituto Robert Koch. +
+
+ 04:15 +
+
+
+
+
+
+
+
+ La canciller Angela y ha pedido que la Unión Europea aumente la capacidad de producción de vacunas. +
+
+ 04:15 +
+
+
+
+
+
+
+
+ Este miércoles y el jueves, los materia de vacunación. +
+
+ 04:15 +
+
+
+
+
+
+
+
+ En el Reino Unido, el primer no haya “un bloqueo” en la exportación de vacunas. +
+
+ 04:15 +
+
+
+
+
+
+
+
+ La farmacéutica AstraZeneca ha actualizado los datos de eficacia de su Reino Unido. +
+
+ 04:15 +
+
+
+
+
+ +
+
+
+
+
+ +
+
+
+ users +
+

Rock Musta

+
Developer
+
+
+
+
Nick Name:
+
Rock
+
+
+
+
Tel:
+
0893456712
+
+
+
+
Date Of Birth:
+
26 June 1997
+
+
+
+
Gender:
+
Male
+
+
+
+
Language:
+
English
+
+
+
+
+
+ +
+ users +
+
+
Rock Musta
+ Online +
+
+
+ +
+
+
+
+
+
+
+
+
+ Nos vemos mañana sollicitudin molestie malesuada. Proin eget tortor. +
+
+ 04:15 +
+
+
+
+
+
+
+
+ Gracias De nada No hay de qué Disculpe Lo siento Me encanta café. ¿Quieres ir a tomar una taza? . +
+
+ 04:15 +
+
+
+
+
+
+
+
+ Alemania ha registrado este jueves 22.657 cifra de enero, según el Instituto Robert Koch. +
+
+ 04:15 +
+
+
+
+
+
+
+
+ La canciller Angela y ha pedido que la Unión Europea aumente la capacidad de producción de vacunas. +
+
+ 04:15 +
+
+
+
+
+
+
+
+ Este miércoles y el jueves, los materia de vacunación. +
+
+ 04:15 +
+
+
+
+
+
+
+
+ En el Reino Unido, el primer no haya “un bloqueo” en la exportación de vacunas. +
+
+ 04:15 +
+
+
+
+
+
+
+
+ La farmacéutica AstraZeneca ha actualizado los datos de eficacia de su Reino Unido. +
+
+ 04:15 +
+
+
+
+
+ +
+
+
+
+
+ +
+
+
+ users +
+

Joan Duo

+
Developer
+
+
+
+
Nick Name:
+
Joan
+
+
+
+
Tel:
+
0123456789
+
+
+
+
Date Of Birth:
+
1 June 1997
+
+
+
+
Gender:
+
Male
+
+
+
+
Language:
+
English
+
+
+
+
+
+ +
+ users +
+
+
Joan Duo
+ Online +
+
+
+ +
+
+
+
+
+
+
+
+
+ Nos vemos mañana sollicitudin molestie malesuada. Proin eget tortor. +
+
+ 04:15 +
+
+
+
+
+
+
+
+ Gracias De nada No hay de qué Disculpe Lo siento Me encanta café. ¿Quieres ir a tomar una taza? . +
+
+ 04:15 +
+
+
+
+
+
+
+
+ Alemania ha registrado este jueves 22.657 cifra de enero, según el Instituto Robert Koch. +
+
+ 04:15 +
+
+
+
+
+
+
+
+ La canciller Angela y ha pedido que la Unión Europea aumente la capacidad de producción de vacunas. +
+
+ 04:15 +
+
+
+
+
+
+
+
+ Este miércoles y el jueves, los materia de vacunación. +
+
+ 04:15 +
+
+
+
+
+
+
+
+ En el Reino Unido, el primer no haya “un bloqueo” en la exportación de vacunas. +
+
+ 04:15 +
+
+
+
+
+
+
+
+ La farmacéutica AstraZeneca ha actualizado los datos de eficacia de su Reino Unido. +
+
+ 04:15 +
+
+
+
+
+ +
+
+
+
+
+ +
+
+
+ users +
+

Jenifer Markus

+
Designer
+
+
+
+
Nick Name:
+
Jenifer
+
+
+
+
Tel:
+
0678912345
+
+
+
+
Date Of Birth:
+
8 July 1997
+
+
+
+
Gender:
+
Female
+
+
+
+
Language:
+
English
+
+
+
+
+
+ +
+ users +
+
+
Jenifer Markus
+ Online +
+
+
+ +
+
+
+
+
+
+
+
+
+ Nos vemos mañana sollicitudin molestie malesuada. Proin eget tortor. +
+
+ 04:15 +
+
+
+
+
+
+
+
+ Gracias De nada No hay de qué Disculpe Lo siento Me encanta café. ¿Quieres ir a tomar una taza? . +
+
+ 04:15 +
+
+
+
+
+
+
+
+ Alemania ha registrado este jueves 22.657 cifra de enero, según el Instituto Robert Koch. +
+
+ 04:15 +
+
+
+
+
+
+
+
+ La canciller Angela y ha pedido que la Unión Europea aumente la capacidad de producción de vacunas. +
+
+ 04:15 +
+
+
+
+
+
+
+
+ Este miércoles y el jueves, los materia de vacunación. +
+
+ 04:15 +
+
+
+
+
+
+
+
+ En el Reino Unido, el primer no haya “un bloqueo” en la exportación de vacunas. +
+
+ 04:15 +
+
+
+
+
+
+
+
+ La farmacéutica AstraZeneca ha actualizado los datos de eficacia de su Reino Unido. +
+
+ 04:15 +
+
+
+
+
+ +
+
+
+
+
+ +
+
+
+ users +
+

Maria Daf

+
Planner
+
+
+
+
Nick Name:
+
Maria
+
+
+
+
Tel:
+
0345671289
+
+
+
+
Date Of Birth:
+
16 August 1997
+
+
+
+
Gender:
+
Female
+
+
+
+
Language:
+
English
+
+
+
+
+
+ +
+ users +
+
+
Maria Daf
+ Online +
+
+
+ +
+
+
+
+
+
+
+
+
+ Nos vemos mañana sollicitudin molestie malesuada. Proin eget tortor. +
+
+ 04:15 +
+
+
+
+
+
+
+
+ Gracias De nada No hay de qué Disculpe Lo siento Me encanta café. ¿Quieres ir a tomar una taza? . +
+
+ 04:15 +
+
+
+
+
+
+
+
+ Alemania ha registrado este jueves 22.657 cifra de enero, según el Instituto Robert Koch. +
+
+ 04:15 +
+
+
+
+
+
+
+
+ La canciller Angela y ha pedido que la Unión Europea aumente la capacidad de producción de vacunas. +
+
+ 04:15 +
+
+
+
+
+
+
+
+ Este miércoles y el jueves, los materia de vacunación. +
+
+ 04:15 +
+
+
+
+
+
+
+
+ En el Reino Unido, el primer no haya “un bloqueo” en la exportación de vacunas. +
+
+ 04:15 +
+
+
+
+
+
+
+
+ La farmacéutica AstraZeneca ha actualizado los datos de eficacia de su Reino Unido. +
+
+ 04:15 +
+
+
+
+
+ +
+
+
+
+
+ +
+
+
+ users +
+

Joasaf Zurk

+
Content Writer
+
+
+
+
Nick Name:
+
Joasaf
+
+
+
+
Tel:
+
0678945123
+
+
+
+
Date Of Birth:
+
22 December 1997
+
+
+
+
Gender:
+
Male
+
+
+
+
Language:
+
English
+
+
+
+
+
+ +
+ users +
+
+
Joasaf Zurk
+ Online +
+
+
+ +
+
+
+
+
+
+
+
+
+ Nos vemos mañana sollicitudin molestie malesuada. Proin eget tortor. +
+
+ 04:15 +
+
+
+
+
+
+
+
+ Gracias De nada No hay de qué Disculpe Lo siento Me encanta café. ¿Quieres ir a tomar una taza? . +
+
+ 04:15 +
+
+
+
+
+
+
+
+ Alemania ha registrado este jueves 22.657 cifra de enero, según el Instituto Robert Koch. +
+
+ 04:15 +
+
+
+
+
+
+
+
+ La canciller Angela y ha pedido que la Unión Europea aumente la capacidad de producción de vacunas. +
+
+ 04:15 +
+
+
+
+
+
+
+
+ Este miércoles y el jueves, los materia de vacunación. +
+
+ 04:15 +
+
+
+
+
+
+
+
+ En el Reino Unido, el primer no haya “un bloqueo” en la exportación de vacunas. +
+
+ 04:15 +
+
+
+
+
+
+
+
+ La farmacéutica AstraZeneca ha actualizado los datos de eficacia de su Reino Unido. +
+
+ 04:15 +
+
+
+
+
+ +
+
+
+
+
+ +
+
+
+ users +
+

Rock Musta

+
Developer
+
+
+
+
Nick Name:
+
Rock
+
+
+
+
Tel:
+
0893456712
+
+
+
+
Date Of Birth:
+
26 June 1997
+
+
+
+
Gender:
+
Male
+
+
+
+
Language:
+
English
+
+
+
+
+
+ +
+ users +
+
+
Rock Musta
+ Online +
+
+
+ +
+
+
+
+
+
+
+
+
+ Nos vemos mañana sollicitudin molestie malesuada. Proin eget tortor. +
+
+ 04:15 +
+
+
+
+
+
+
+
+ Gracias De nada No hay de qué Disculpe Lo siento Me encanta café. ¿Quieres ir a tomar una taza? . +
+
+ 04:15 +
+
+
+
+
+
+
+
+ Alemania ha registrado este jueves 22.657 cifra de enero, según el Instituto Robert Koch. +
+
+ 04:15 +
+
+
+
+
+
+
+
+ La canciller Angela y ha pedido que la Unión Europea aumente la capacidad de producción de vacunas. +
+
+ 04:15 +
+
+
+
+
+
+
+
+ Este miércoles y el jueves, los materia de vacunación. +
+
+ 04:15 +
+
+
+
+
+
+
+
+ En el Reino Unido, el primer no haya “un bloqueo” en la exportación de vacunas. +
+
+ 04:15 +
+
+
+
+
+
+
+
+ La farmacéutica AstraZeneca ha actualizado los datos de eficacia de su Reino Unido. +
+
+ 04:15 +
+
+
+
+
+ +
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Datum_UImodel/customer-add.html b/Datum_UImodel/customer-add.html new file mode 100644 index 0000000..feae7fe --- /dev/null +++ b/Datum_UImodel/customer-add.html @@ -0,0 +1,1194 @@ + + + + + + + Datum | CRM Admin Dashboard Template + + + + + +
+
+
+
+ + +
+ +
+
+ +
+
+
+ +
+
+
+
+
+ +
+ + + + + Back + +
+
+
+

Add New Customer

+
+
+
+
+
+
+
+
+ + + + + + + + + + + +
+
+

Upload Image

+
+
+
+
+
+
+ + +
+
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + + + + + + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+
+ +
+
+
+
+
+
+
+
+ +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Datum_UImodel/customer-view.html b/Datum_UImodel/customer-view.html new file mode 100644 index 0000000..482493f --- /dev/null +++ b/Datum_UImodel/customer-view.html @@ -0,0 +1,1440 @@ + + + + + + + Datum | CRM Admin Dashboard Template + + + + + +
+
+
+
+ + +
+ +
+
+ +
+
+
+ +
+
+
+
+
+ +
+ + + + + Back + +
+
+
+

Customer View

+
+
+ +
+
+
+
    +
  • +
    +
      +
    • +
      + 01.jpg +
      +
      +
      Kate Smith
      +

      Botsford and Sons

      +
      +
    • +
    +
    +
    +
    + +
    +
    + +
    +
    +
  • +
  • + + + + + + + + + + + + + + + + + + + + + + + + + +
    +

    Email ID

    +
    +

    [email protected]

    +
    +

    Birthday

    +
    +

    01 Feb 1990

    +
    +

    Phone

    +
    +

    +99 8756214524

    +
    +

    Country

    +
    +

    USA

    +
    +

    State/Region

    +
    +

    West Virginia

    +
    +

    Address

    +
    +

    Baker Street, no. 7

    +
    +
  • +
  • +
    Total Spending
    +
    +
  • +
+
+
+
+
+
+ + +
+
+
+
Invoice List
+ +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
IDDate DescriptionStatusTotal
IN-90255912 Jan 2020 + Order OR-561488 + +

+ + + Paid +

+
$104.98
IN-55214915 Jan 2020 + Order OR-568842 + +

+ + + Pending +

+
$99.98
IN-94152912 Jan 2020 + Order OR-598550 + +

+ + + Paid +

+
$966.12
IN-12562316 Jan 2020 + Order OR-325548 + +

+ + + Completed +

+
$65.00
IN-91121118 Jan 2020 + Order OR-125475 + +

+ + Cancelled +

+
$108.99
IN-90221019 Jan 2020 + Order OR-595508 + +

+ + + Paid +

+
$199.99
IN-90244520 Jan 2020 + Order OR-884155 + +

+ + + Pending +

+
$99.99
IN-90102022 Jan 2020 + Order OR-500008 + +

+ + + Paid +

+
$449.00
IN-903651022 Jan 2020 + Order OR-489523 + +

+ + Cancelled +

+
$1,299.05
IN-12001023 Jan 2020 + Order OR-965508 + +

+ + + Paid +

+
$6,325.99
IN-30224015 Jan 2020 + Order OR-654412 + +

+ + + Paid +

+
$699.00
IN-66221026 Jan 2020 + Order OR-965508 + +

+ + Cancelled +

+
$150.03
+
+
+
+

Activity

+
+
    +
  • +
    +

    13, September 2020

    +
    +
  • +
  • +
    +
    Signed Out
    +
    +

    Santander crea una sociedad para gestionar las sucursales que cierra

    +
    +

    Probablemente, la bodega más sostenible de españa

    +
    +
    +
  • +
  • +
    +
    Create Invoice IN-302240
    +
    +

    Repsol sopesa elegir primero un socio para su área de renovables y después sacarla a Bolsa

    +
    +
  • +
  • +
    +
    Signed In
    +
    +

    El Ibex busca nuevos máximos en la última jornada de abril

    +
    +
    +

    14, September 2020

    +
    +
  • +
  • +
    +
    Signed Out
    +
    +

    Ecoener se atreve con la Bolsa y se estrenará con una valoración de 336 millones

    +
    +
  • +
  • +
    +
    Create Invoice IN-662210
    +
    +

    BBVA supera la crisis del Covid y gana 1.210 millones en el primer trimestre

    +
    +
    +

    Probablemente, la bodega más sostenible de españa

    +
    +
  • +
  • +
    +
    Signed In
    +
    +

    El mercado se prepara para una corrección en mayo tras el rally bursátil

    +
    +
    +

    Repsol sopesa elegir primero un socio para su área de renovables y después sacarla a Bolsa

    +
    +
  • +
+
+
+
+
+
+
+
+
+ + + + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Datum_UImodel/customer.html b/Datum_UImodel/customer.html new file mode 100644 index 0000000..f967686 --- /dev/null +++ b/Datum_UImodel/customer.html @@ -0,0 +1,1617 @@ + + + + + + + + Datum | CRM Admin Dashboard Template + + + + + +
+
+
+
+ + +
+ +
+
+ +
+
+
+ +
+
+ +
+
+
+

Customer

+
+
+ +
+
+
+
+
+
+
+
Customer List
+ +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+ + +
+
+
+ Name + + Email + + Location + + Phone + + Action +
+
+ + +
+
+
+
+ user-icon +
+
+
+ Christian Bale +
+

+ Vari tech +

+
+
+
[email protected] + Ohio, USA + + +1 (021) 145-2256 + + +
+
+ + +
+
+
+
+ user-icon +
+
+
+ Matt Damon +
+

+ Galaxy Man +

+
+
+
[email protected] + Briston + + +25 (100) 1254-662 + + +
+
+ + +
+
+
+
+ user-icon +
+
+
+ Caitriona Balfe +
+

+ Manager +

+
+
+
[email protected] + Nevada, USA + + +251 966 522 456 + + +
+
+ + +
+
+
+
+ user-icon +
+
+
+ Josh Lucas +
+

+ Father and Son +

+
+
+
[email protected] + Georgia + + +5 20154-65755 + + +
+
+ + +
+
+
+
+ user-icon +
+
+
+ Jon Bernthal +
+

+ Morris Cafe +

+
+
+
[email protected] + West Virginia, USA + + +200 51145 65523 + + +
+
+ + +
+
+
+
+ user-icon +
+
+
+ Noah Jupe +
+

+ Grossman's +

+
+
+
[email protected] + Ohio, USA + + +251 5225-98554 + + +
+
+ + +
+
+
+
+ user-icon +
+
+
+ Tracy Letts +
+

+ Jeans Unlimited +

+
+
+
[email protected] + Texas, USA + + +22 562 4587 55 + + +
+
+ + +
+
+
+
+ user-icon +
+
+
+ Ray McKinnon +
+

+ Gene Man +

+
+
+
[email protected] + Nevada, USA + + +66 4515585632 + + +
+
+ + +
+
+
+
+ user-icon +
+
+
+ Remo Girone +
+

+ Apple Walter +

+
+
+
[email protected] + Bristow + + +6 14552-15771 + + +
+
+ + +
+
+
+
+ user-icon +
+
+
+ Jack McMullen +
+

+ Noor Cafeteria +

+
+
+
[email protected] + California, USA + + +25 4415-21445 + + +
+
+
+
+
+
+
+
+
+ +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Datum_UImodel/form-chechbox.html b/Datum_UImodel/form-chechbox.html new file mode 100644 index 0000000..378c07f --- /dev/null +++ b/Datum_UImodel/form-chechbox.html @@ -0,0 +1,1390 @@ + + + + + + + + Datum | CRM Admin Dashboard Template + + + + + +
+
+
+
+ + +
+ +
+
+ +
+
+
+
+
+
+
+
+
+

Basic Checkbox

+
+
+ +
+
+
+
+

+<div class="checkbox d-inline-block mr-3">
+   <input type="checkbox" class="checkbox-input" id="checkbox1">
+   <label for="checkbox1">Primary-Inactive</label>
+</div>
+<div class="checkbox d-inline-block mr-3">
+   <input type="checkbox" class="checkbox-input" id="checkbox2" checked="">
+   <label for="checkbox2">Primary / Active</label>
+</div>
+<div class="checkbox d-inline-block mr-3">
+   <input type="checkbox" class="checkbox-input" id="checkbox3" disabled="">
+   <label for="checkbox3">Disable / Inactive</label>
+</div>
+<div class="checkbox d-inline-block mr-3">
+   <input type="checkbox" class="checkbox-input" id="checkbox4" checked="" disabled="">
+   <label for="checkbox4">Active / Disable</label>
+</div>
+
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+
+ +
+
+
+

Custom Checkbox

+
+
+ +
+
+
+
+

+<div class="custom-control custom-checkbox custom-control-inline">
+   <input type="checkbox" class="custom-control-input" id="customCheck5">
+   <label class="custom-control-label" for="customCheck5">Primary / Inactive</label>
+</div>
+<div class="custom-control custom-checkbox custom-control-inline">
+   <input type="checkbox" class="custom-control-input" id="customCheck6" Checked="">
+   <label class="custom-control-label" for="customCheck6">Primary - active</label>
+</div>
+<div class="custom-control custom-checkbox custom-control-inline">
+   <input type="checkbox" class="custom-control-input" id="customCheck7"  disabled="">
+   <label class="custom-control-label" for="customCheck7">Primary - inactive - disabled</label>
+</div>
+<div class="custom-control custom-checkbox custom-control-inline">
+   <input type="checkbox" class="custom-control-input" id="customCheck8"  checked="" disabled="">
+   <label class="custom-control-label" for="customCheck8">Primary - active - disabled</label>
+</div>
+
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+
+
+
+
+

Color

+
+
+ +
+
+
+
+

+<div class="custom-control custom-checkbox custom-checkbox-color-check custom-control-inline">
+   <input type="checkbox" class="custom-control-input bg-primary" id="customCheck-1" checked="">
+   <label class="custom-control-label" for="customCheck-1"> Primary</label>
+</div>
+<div class="custom-control custom-checkbox custom-checkbox-color-check custom-control-inline">
+   <input type="checkbox" class="custom-control-input bg-success" id="customCheck-2" checked="">
+   <label class="custom-control-label" for="customCheck-2">Success</label>
+</div>
+<div class="custom-control custom-checkbox custom-checkbox-color-check custom-control-inline">
+   <input type="checkbox" class="custom-control-input bg-danger" id="customCheck-3" checked="">
+   <label class="custom-control-label" for="customCheck-3">Danger</label>
+</div>
+<div class="custom-control custom-checkbox custom-checkbox-color-check custom-control-inline">
+   <input type="checkbox" class="custom-control-input bg-warning" id="customCheck-4" checked="">
+   <label class="custom-control-label" for="customCheck-4">Warning</label>
+</div>
+<div class="custom-control custom-checkbox custom-checkbox-color-check custom-control-inline">
+   <input type="checkbox" class="custom-control-input bg-dark" id="customCheck-5" checked="">
+   <label class="custom-control-label" for="customCheck-5">Dark</label>
+</div>
+<div class="custom-control custom-checkbox custom-checkbox-color-check custom-control-inline">
+   <input type="checkbox" class="custom-control-input bg-info" id="customCheck-6" checked="">
+   <label class="custom-control-label" for="customCheck-6">Info</label>
+</div>
+
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+
+
+
+
+

Custom Color

+
+
+ +
+
+
+
+

+<div class="custom-control custom-checkbox custom-checkbox-color custom-control-inline">
+   <input type="checkbox" class="custom-control-input bg-primary" id="customCheck-11">
+   <label class="custom-control-label" for="customCheck-11">Primary </label>
+</div>
+<div class="custom-control custom-checkbox custom-checkbox-color custom-control-inline">
+   <input type="checkbox" class="custom-control-input bg-success" id="customCheck-22">
+   <label class="custom-control-label" for="customCheck-22">Success</label>
+</div>
+<div class="custom-control custom-checkbox custom-checkbox-color custom-control-inline">
+   <input type="checkbox" class="custom-control-input bg-danger" id="customCheck-33">
+   <label class="custom-control-label" for="customCheck-33">Danger</label>
+</div>
+<div class="custom-control custom-checkbox custom-checkbox-color custom-control-inline">
+   <input type="checkbox" class="custom-control-input bg-warning" id="customCheck-44">
+   <label class="custom-control-label" for="customCheck-44">Warning</label>
+</div>
+<div class="custom-control custom-checkbox custom-checkbox-color custom-control-inline">
+   <input type="checkbox" class="custom-control-input bg-dark" id="customCheck-55">
+   <label class="custom-control-label" for="customCheck-55">Dark</label>
+</div>
+<div class="custom-control custom-checkbox custom-checkbox-color custom-control-inline">
+   <input type="checkbox" class="custom-control-input bg-info" id="customCheck-66">
+   <label class="custom-control-label" for="customCheck-66"> Info</label>
+</div>
+
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+
+
+
+
+

Change Icon

+
+
+ +
+
+
+
+

+<div class="custom-control custom-checkbox checkbox-icon custom-control-inline">
+   <input type="checkbox" class="custom-control-input" id="customCheck-10" checked="">
+   <label class="custom-control-label" for="customCheck-10"><i class="fa fa-music"></i>Music</label>
+</div>
+<div class="custom-control custom-checkbox checkbox-icon custom-control-inline">
+   <input type="checkbox" class="custom-control-input" id="customCheck-20" checked="">
+   <label class="custom-control-label" for="customCheck-20"><i class="fa fa-commenting-o"></i>SMS</label>
+</div>
+<div class="custom-control custom-checkbox checkbox-icon custom-control-inline">
+   <input type="checkbox" class="custom-control-input" id="customCheck-30" checked="">
+   <label class="custom-control-label" for="customCheck-30"><i class="fa fa-times"></i>Cancel</label>
+</div>
+<div class="custom-control custom-checkbox checkbox-icon custom-control-inline">
+   <input type="checkbox" class="custom-control-input" id="customCheck-40" checked="">
+   <label class="custom-control-label" for="customCheck-40"><i class="fa fa-file"></i>File</label>
+</div>
+<div class="custom-control custom-checkbox checkbox-icon custom-control-inline">
+   <input type="checkbox" class="custom-control-input" id="customCheck-50" checked="">
+   <label class="custom-control-label" for="customCheck-50"><i class="fa fa-bold"></i>Bold</label>
+</div>
+<div class="custom-control custom-checkbox checkbox-icon custom-control-inline">
+   <input type="checkbox" class="custom-control-input" id="customCheck-60" checked="">
+   <label class="custom-control-label" for="customCheck-60"><i class="fa fa-map-marker"></i>Location</label>
+</div>
+<div class="custom-control custom-checkbox checkbox-icon custom-control-inline">
+   <input type="checkbox" class="custom-control-input" id="customCheck-70" checked="">
+   <label class="custom-control-label" for="customCheck-70"><i class="fa fa-camera"></i>Camera</label>
+</div>
+
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+
+
+
+
+

Boolean Checkbox

+
+
+ +
+
+
+
+

+<div class="custom-control custom-checkbox custom-control-inline">
+   <input type="checkbox" class="custom-control-input" id="customCheck-t" checked="">
+   <label class="custom-control-label" for="customCheck-t">True</label>
+</div>
+<div class="custom-control custom-checkbox custom-control-inline">
+   <input type="checkbox" class="custom-control-input" id="customCheck-f">
+   <label class="custom-control-label" for="customCheck-f">False</label>
+</div>
+
+
+
+ + +
+
+ + +
+
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Datum_UImodel/form-datepicker.html b/Datum_UImodel/form-datepicker.html new file mode 100644 index 0000000..97c5c68 --- /dev/null +++ b/Datum_UImodel/form-datepicker.html @@ -0,0 +1,1178 @@ + + + + + + + + Datum | CRM Admin Dashboard Template + + + + + +
+
+
+
+ + +
+ +
+
+ +
+
+
+
+
+
+
+
+
+

Basic

+
+
+ +
+
+
+
+

+<div class="form-group">
+   <label for="exampleInputdate">Date Input</label>
+   <input type="date" class="form-control" id="exampleInputdate" value="2019-12-18">
+</div>
+
+
+
+ + +
+
+
+
+
+
+

Month Date

+
+
+ +
+
+
+
+

+<div class="form-group">
+   <label for="exampleInputmonth">Month Input</label>
+   <input type="month" class="form-control" id="exampleInputmonth" value="2019-12">
+</div>
+
+
+
+ + +
+
+
+
+
+
+

Time

+
+
+ +
+
+
+
+

+<div class="form-group">
+   <label for="exampleInputtime">Time Input</label>
+   <input type="time" class="form-control" id="exampleInputtime" value="13:45">
+</div>
+
+
+
+ + +
+
+
+ +
+
+
+

Week

+
+
+ +
+
+
+
+

+<div class="form-group">
+   <label for="exampleInputweek">Week Input</label>
+   <input type="week" class="form-control" id="exampleInputweek" value="2019-W46">
+</div> 
+
+
+
+ + +
+
+
+
+
+
+

Date and Time

+
+
+ +
+
+
+
+

+<div class="form-group">
+   <label for="exampleInputdatetime">Date and Time Input</label>
+   <input type="datetime-local" class="form-control" id="exampleInputdatetime" value="2019-12-19T13:45:00">
+</div>
+
+
+
+ + +
+
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Datum_UImodel/form-file-uploader.html b/Datum_UImodel/form-file-uploader.html new file mode 100644 index 0000000..f09eec4 --- /dev/null +++ b/Datum_UImodel/form-file-uploader.html @@ -0,0 +1,1156 @@ + + + + + + + + Datum | CRM Admin Dashboard Template + + + + + +
+
+
+
+ + +
+ +
+
+ +
+
+
+
+
+
+
+
+
+

Default

+
+
+ +
+
+
+
+

+<form action="/action_page.php">
+   <p>Custom file:</p>
+   <div class="custom-file mb-3">
+      <input type="file" class="custom-file-input" id="customFile" name="filename">
+      <label class="custom-file-label" for="customFile">Choose file</label>
+   </div>
+   <p>Default file:</p>
+   <input type="file" id="myFile" name="filename2">
+   <div class="mt-3">
+      <button type="submit" class="btn btn-primary">Submit</button>
+   </div>
+</form>
+
+
+
+

Custom file:

+
+ + +
+

Default file:

+ +
+ +
+
+
+
+ +
+
+
+

file input

+
+
+ +
+
+
+
+

+<form id="file-upload-form" class="uploader-file">
+   <input id="file-upload" type="file" name="fileUpload" accept="image/*" />
+   <label id="file-drag">
+      <img id="file-image" src="#" alt="Preview" class="hidden">
+      <span id="start-one">
+         <i class="fa fa-download" aria-hidden="true"></i>
+         <span class="d-block">Select a file or drag here</span>
+         <span id="notimage" class="hidden d-block">Please select image</span>
+         <span id="file-upload-btn" class="btn btn-primary">Select a file</span>
+      </span>
+      <span id="response" class="hidden">
+      <span id="messages"></span>
+      <progress class="progress" id="file-progress" value="0">
+         <span>0</span>%
+      </progress>
+      </span>
+   </label>
+</form>
+
+
+
+ + +
+
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Datum_UImodel/form-input-group.html b/Datum_UImodel/form-input-group.html new file mode 100644 index 0000000..12c42c4 --- /dev/null +++ b/Datum_UImodel/form-input-group.html @@ -0,0 +1,2107 @@ + + + + + + + + Datum | CRM Admin Dashboard Template + + + + + +
+
+
+
+ + +
+ +
+
+ +
+
+
+
+
+
+
+
+
+

Default

+
+
+ +
+
+
+
+

+<div class="input-group mb-4">
+   <div class="input-group-prepend">
+      <span class="input-group-text" id="basic-addon1">@</span>
+   </div>
+   <input type="text" class="form-control" placeholder="Username" aria-label="Username"
+      aria-describedby="basic-addon1">
+</div>
+<div class="input-group mb-4">
+   <input type="text" class="form-control" placeholder="Recipient's username"
+      aria-label="Recipient's username" aria-describedby="basic-addon2">
+   <div class="input-group-append">
+      <span class="input-group-text" id="basic-addon2">@example.com</span>
+   </div>
+</div>
+<label for="basic-url">Your URL</label>
+<div class="input-group mb-3">
+   <div class="input-group-prepend">
+      <span class="input-group-text" id="basic-addon3">https://example.com/users/</span>
+   </div>
+   <input type="text" class="form-control" id="basic-url" aria-describedby="basic-addon3">
+</div>
+<div class="input-group mb-4">
+   <div class="input-group-prepend">
+      <span class="input-group-text">$</span>
+   </div>
+   <input type="text" class="form-control" aria-label="Amount (to the nearest dollar)">
+   <div class="input-group-append">
+      <span class="input-group-text">.00</span>
+   </div>
+</div>
+<div class="input-group">
+   <div class="input-group-prepend">
+      <span class="input-group-text text-area">With textarea</span>
+   </div>
+   <textarea class="form-control" aria-label="With textarea"></textarea>
+</div>
+
+
+
+
+ @ +
+ +
+
+ +
+ @example.com +
+
+ +
+
+ https://example.com/users/ +
+ +
+
+
+ $ +
+ +
+ .00 +
+
+
+
+ With textarea +
+ +
+
+
+
+
+
+

Simple Icon

+
+
+ +
+
+
+
+

+<div class="input-group mb-4">
+   <div class="input-group-prepend">
+      <span class="input-group-text" id="basic-addon4"><i class="las la-bell font-size-20"></i></span>
+   </div>
+   <input type="text" class="form-control" placeholder="Notification" aria-label="notification"
+      aria-describedby="basic-addon4">
+</div>
+<p class="text-right"><i class="las la-long-arrow-alt-right mr-1"></i>Right</p>
+<div class="input-group">
+   <input type="text" class="form-control" placeholder="Notification" aria-label="notification"
+      aria-describedby="basic-addon5">
+   <div class="input-group-append">
+      <span class="input-group-text" id="basic-addon5"><i class="las la-bell font-size-20"></i></span>
+   </div>
+</div>
+
+
+

+ + Left

+
+
+ + + + + +
+ +
+

+ + + Right

+
+ +
+ + + +
+
+
+
+
+
+
+

Spinning Icon

+
+
+ +
+
+
+
+

+<div class="input-group mb-4">
+   <div class="input-group-prepend">
+      <span class="input-group-text" id="basic-addon6"><i class="fa fa-spinner fa-spin"></i></span>
+   </div>
+   <input type="text" class="form-control" placeholder="Spinners" aria-label="spinners"
+      aria-describedby="basic-addon6">
+</div>
+<div class="input-group">
+   <input type="text" class="form-control" placeholder="Spinners" aria-label="spinners"
+      aria-describedby="basic-addon7">
+   <div class="input-group-append">
+      <span class="input-group-text" id="basic-addon7"><i class="fa fa-spinner fa-spin"></i></span>
+   </div>
+</div>
+
+
+

+ + Left

+
+
+ + + + + + + + + + + + + + +
+ +
+

+ + Right

+
+ +
+ + + + + + + + + + + + + + +
+
+
+
+
+
+
+

Switch

+
+
+ +
+
+
+
+

+<p><i class="las la-long-arrow-alt-left mr-1"></i> Left </p>
+<div class="input-group mb-4">
+   <div class="input-group-prepend">
+      <span class="input-group-text" id="basic-addon6"><i class="fa fa-spinner fa-spin"></i></span>
+   </div>
+   <input type="text" class="form-control" placeholder="Spinners" aria-label="spinners"
+      aria-describedby="basic-addon6">
+</div>
+<p class="text-right"><i class="las la-long-arrow-alt-right mr-1"></i>Right</p>
+<div class="input-group">
+   <input type="text" class="form-control" placeholder="Spinners" aria-label="spinners"
+      aria-describedby="basic-addon7">
+   <div class="input-group-append">
+      <span class="input-group-text" id="basic-addon7"><i class="fa fa-spinner fa-spin"></i></span>
+   </div>
+</div>
+
+
+

+ + Left

+
+
+
+
+ + +
+
+
+ +
+

+ + Right

+
+ +
+
+
+ + +
+
+
+
+
+
+
+
+
+

Buttons with dropdowns

+
+
+ +
+
+
+
+

+<div class="input-group mb-4">
+   <div class="input-group-prepend">
+      <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown"
+         aria-haspopup="true" aria-expanded="false">Dropdown </button>
+      <div class="dropdown-menu">
+         <a class="dropdown-item" href="javascript:void(0);">Action</a>
+         <a class="dropdown-item" href="javascript:void(0);">Another action</a>
+         <a class="dropdown-item" href="javascript:void(0);">Something else here</a>
+         <div role="separator" class="dropdown-divider"></div>
+         <a class="dropdown-item" href="javascript:void(0);">Separated link</a>
+      </div>
+   </div>
+   <input type="text" class="form-control" aria-label="Text input with dropdown button">
+</div>
+
+
+

+ + Left

+
+ + +
+

+ + Right

+
+ + +
+
+
+
+
+
+

Segmented buttons

+
+
+ +
+
+
+
+

+<div class="input-group mb-4">
+   <div class="input-group-prepend">
+      <button type="button" class="btn btn-primary">Action</button>
+      <button type="button" class="btn btn-outline-primary dropone dropdown-toggle dropdown-toggle-split"
+         data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+         <i class="las la-angle-down"></i>
+      </button>
+      <div class="dropdown-menu">
+         <a class="dropdown-item" href="javascript:void(0);">Action</a>
+         <a class="dropdown-item" href="javascript:void(0);">Another action</a>
+         <a class="dropdown-item" href="javascript:void(0);">Something else here</a>
+         <div role="separator" class="dropdown-divider"></div>
+         <a class="dropdown-item" href="javascript:void(0);">Separated link</a>
+      </div>
+   </div>
+   <input type="text" class="form-control" aria-label="Text input with segmented dropdown button">
+</div>
+
+
+

+ + Left

+
+
+ + + +
+ +
+

+ + Right

+
+ +
+ + + +
+
+
+
+
+
+
+

Custom select

+
+
+ +
+
+
+
+

+<div class="input-group mb-4">
+   <div class="input-group-prepend">
+      <label class="input-group-text" for="inputGroupSelect01">Options</label>
+   </div>
+   <select class="custom-select" id="inputGroupSelect01">
+      <option selected>Choose...</option>
+      <option value="1">One</option>
+      <option value="2">Two</option>
+      <option value="3">Three</option>
+   </select>
+</div>
+
+
+

+ + Left

+
+
+ +
+ +
+

+ + Right

+
+ +
+ +
+
+

+ + Left

+
+
+ +
+ +
+

+ + Right

+
+ +
+ +
+
+
+
+ +
+
+
+

Sizing

+
+
+ +
+
+
+
+

+<div class="input-group input-group-sm mb-4">
+   <div class="input-group-prepend">
+      <span class="input-group-text" id="inputGroup-sizing-sm">Small</span>
+   </div>
+   <input type="text" class="form-control" aria-label="Small" aria-describedby="inputGroup-sizing-sm">
+</div>
+<div class="input-group mb-4">
+   <div class="input-group-prepend">
+      <span class="input-group-text" id="inputGroup-sizing-default">Default</span>
+   </div>
+   <input type="text" class="form-control" aria-label="Default"
+      aria-describedby="inputGroup-sizing-default">
+</div>
+<div class="input-group input-group-lg">
+   <div class="input-group-prepend">
+      <span class="input-group-text" id="inputGroup-sizing-lg">Large</span>
+   </div>
+   <input type="text" class="form-control" aria-label="Large" aria-describedby="inputGroup-sizing-sm">
+</div>
+
+
+
+
+ Small +
+ +
+
+
+ Default +
+ +
+
+
+ Large +
+ +
+
+
+
+
+
+

Dropdown Icon

+
+
+ +
+
+
+
+
+
+

+ + Left

+
+ + + +
+

+ + Right

+ +
+
+
+
+
+

Checkboxes

+
+
+ +
+
+
+
+

+<p><i class="las la-long-arrow-alt-left mr-1"></i> Left </p>
+<div class="input-group mb-4">
+   <div class="input-group-prepend">
+      <div class="input-group-text">
+         <input type="checkbox" aria-label="Text input with checkbox">
+      </div>
+   </div>
+   <input type="text" class="form-control" placeholder="Checkbox" aria-label="checkbox"
+      aria-describedby="basic-addon1">
+</div>
+<p class="text-right"><i class="las la-long-arrow-alt-right mr-1"></i>Right</p>
+<div class="input-group">
+   <input type="text" class="form-control" placeholder="Checkbox" aria-label="checkbox"
+      aria-describedby="basic-addon5">
+   <div class="input-group-append">
+      <div class="input-group-text">
+         <input type="checkbox" aria-label="Text input with checkbox" checked>
+      </div>
+   </div>
+</div>
+
+
+

+ + Left

+
+
+
+ +
+
+ +
+

+ + Right

+
+ +
+
+ +
+
+
+
+
+
+
+
+

Radios

+
+
+ +
+
+
+
+

+<p><i class="las la-long-arrow-alt-left mr-1"></i> Left </p>
+<div class="input-group mb-4">
+   <div class="input-group-prepend">
+      <div class="input-group-text">
+         <input type="radio" name="custom-radio-1" checked>
+      </div>
+   </div>
+   <input type="text" class="form-control" placeholder="Checkbox">
+</div>
+<p class="text-right"><i class="las la-long-arrow-alt-right mr-1"></i>Right</p>
+<div class="input-group">
+   <input type="text" class="form-control" placeholder="Checkbox">
+   <div class="input-group-append">
+      <div class="input-group-text">
+         <input type="radio" name="custom-radio-1" checked>
+      </div>
+   </div>
+</div>
+
+
+

+ + Left

+
+
+
+ +
+
+ +
+

+ + Right

+
+ +
+
+ +
+
+
+
+
+
+
+
+

Multiple inputs

+
+
+ +
+
+
+
+

+<div class="input-group">
+   <div class="input-group">
+      <div class="input-group-prepend">
+         <span class="input-group-text" id="first">First and last name</span>
+      </div>
+      <input type="text" class="form-control">
+      <input type="text" class="form-control">
+   </div>
+</div>
+
+
+
+
+
+ First and last name +
+ + +
+
+
+
+
+
+
+

Multiple addons

+
+
+ +
+
+
+
+

+<p><i class="las la-long-arrow-alt-left mr-1"></i> Left </p>
+<div class="input-group mb-4">
+   <div class="input-group-prepend">
+      <span class="input-group-text">$</span>
+      <span class="input-group-text">0.00</span>
+   </div>
+   <input type="text" class="form-control" aria-label="Amount (to the nearest dollar)">
+</div>
+<p class="text-right"><i class="las la-long-arrow-alt-right mr-1"></i>Right</p>
+<div class="input-group">
+   <input type="text" class="form-control" aria-label="Amount (to the nearest dollar)">
+   <div class="input-group-append">
+      <span class="input-group-text">$</span>
+      <span class="input-group-text">0.00</span>
+   </div>
+</div>
+
+
+

+ + Left

+
+
+ $ + 0.00 +
+ +
+

+ + Right

+
+ +
+ $ + 0.00 +
+
+
+
+
+
+
+

Custom select

+
+
+ +
+
+
+
+

+<p><i class="las la-long-arrow-alt-left mr-1"></i> Left </p>
+<div class="input-group mb-4">
+   <div class="input-group-prepend">
+      <button class="btn btn-primary" type="button">Button</button>
+   </div>
+   <input type="text" class="form-control" placeholder="" aria-label="">
+</div>
+<p class="text-right"><i class="las la-long-arrow-alt-right mr-1"></i>Right</p>
+<div class="input-group mb-4">
+   <input type="text" class="form-control" placeholder="Recipient's username"
+      aria-label="Recipient's username">
+   <div class="input-group-append">
+      <button class="btn btn-primary" type="button">Button</button>
+   </div>
+</div>
+<p><i class="las la-long-arrow-alt-left mr-1"></i> Left </p>
+<div class="input-group mb-4">
+   <div class="input-group-prepend">
+      <button class="btn btn-outline-primary" type="button">Button</button>
+      <button class="btn btn-outline-primary" type="button">Button</button>
+   </div>
+   <input type="text" class="form-control" placeholder="" aria-label="">
+</div>
+<p class="text-right"><i class="las la-long-arrow-alt-right mr-1"></i>Right</p>
+<div class="input-group">
+   <input type="text" class="form-control" placeholder="Recipient's username"
+      aria-label="Recipient's username">
+   <div class="input-group-append">
+      <button class="btn btn-outline-primary" type="button">Button</button>
+      <button class="btn btn-outline-primary" type="button">Button</button>
+   </div>
+</div>
+
+
+

+ + Left

+
+
+ +
+ +
+

+ + Right

+
+ +
+ +
+
+

+ + Left

+
+
+ + +
+ +
+

+ + Right

+
+ +
+ + +
+
+
+
+
+
+
+

Custom file input

+
+
+ +
+
+
+
+

+<p><i class="las la-long-arrow-alt-left mr-1"></i> Left </p>
+<div class="input-group mb-4">
+   <div class="input-group-prepend">
+      <span class="input-group-text">Upload</span>
+   </div>
+   <div class="custom-file">
+      <input type="file" class="custom-file-input" id="inputGroupFile01">
+      <label class="custom-file-label" for="inputGroupFile01">Choose file</label>
+   </div>
+</div>
+<p class="text-right"><i class="las la-long-arrow-alt-right mr-1"></i>Right</p>
+<div class="input-group mb-4">
+   <div class="custom-file">
+      <input type="file" class="custom-file-input" id="inputGroupFile02">
+      <label class="custom-file-label" for="inputGroupFile02">Choose file</label>
+   </div>
+   <div class="input-group-append">
+      <span class="input-group-text" id="upload">Upload</span>
+   </div>
+</div>
+<p><i class="las la-long-arrow-alt-left mr-1"></i> Left </p>
+<div class="input-group mb-4">
+   <div class="input-group-prepend">
+      <button class="btn btn-outline-secondary" type="button">Button</button>
+   </div>
+   <div class="custom-file">
+      <input type="file" class="custom-file-input" id="inputGroupFile03">
+      <label class="custom-file-label" for="inputGroupFile03">Choose file</label>
+   </div>
+</div>
+<p class="text-right"><i class="las la-long-arrow-alt-right mr-1"></i>Right</p>
+<div class="input-group">
+   <div class="custom-file">
+      <input type="file" class="custom-file-input" id="inputGroupFile04">
+      <label class="custom-file-label" for="inputGroupFile04">Choose file</label>
+   </div>
+   <div class="input-group-append">
+      <button class="btn btn-outline-secondary" type="button">Button</button>
+   </div>
+</div>
+
+
+

+ + Left

+
+
+ Upload +
+
+ + +
+
+

+ + Right

+
+
+ + +
+
+ Upload +
+
+

+ + Left

+
+
+ +
+
+ + +
+
+

+ + Right

+
+
+ + +
+
+ +
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Datum_UImodel/form-layout.html b/Datum_UImodel/form-layout.html new file mode 100644 index 0000000..b9a2bf8 --- /dev/null +++ b/Datum_UImodel/form-layout.html @@ -0,0 +1,1739 @@ + + + + + + + + Datum | CRM Admin Dashboard Template + + + + + +
+
+
+
+ + +
+ +
+
+ +
+
+
+
+
+
+
+
+
+

Basic Form

+
+
+ +
+
+
+
+

+<form>
+   <div class="form-group">
+      <label for="email">Email address:</label>
+      <input type="email" class="form-control" id="email1">
+   </div>
+   <div class="form-group">
+      <label for="pwd">Password:</label>
+      <input type="password" class="form-control" id="pwd">
+   </div>
+   <div class="checkbox mb-3">
+      <label><input type="checkbox"> Remember me</label>
+   </div>
+   <button type="submit" class="btn btn-primary">Submit</button>
+   <button type="submit" class="btn bg-danger">Cancel</button>
+</form>
+
+
+
+
+ + +
+
+ + +
+
+ +
+ + +
+
+
+
+
+
+

Form Grid

+
+
+ +
+
+
+
+

+<form>
+   <div class="row">
+      <div class="col">
+         <input type="text" class="form-control" placeholder="First name">
+      </div>
+      <div class="col">
+         <input type="text" class="form-control" placeholder="Last name">
+      </div>
+   </div>
+</form>
+
+
+
+
+
+ +
+
+ +
+
+
+
+
+
+
+
+

Textarea

+
+
+ +
+
+
+
+

+<form>
+   <div class="form-group">
+      <label for="exampleFormControlTextarea1"> textarea</label>
+      <textarea class="form-control" id="exampleFormControlTextarea1" rows="3"></textarea>
+   </div>
+   <button type="submit" class="btn btn-primary">Submit</button>
+   <button type="submit" class="btn bg-danger">Cancel</button>
+</form>
+
+
+
+
+ + +
+ + +
+
+
+
+
+
+

Input Telephone

+
+
+ +
+
+
+
+

+<form>
+   <div class="form-group">
+      <label for="exampleInputphone">Teliphone Input</label>
+      <input type="tel" class="form-control" id="exampleInputphone" value="1-(555)-555-5555">
+   </div>
+   <button type="submit" class="btn btn-primary">Submit</button>
+   <button type="submit" class="btn bg-danger">Cancel</button>
+</form>
+
+
+
+
+ + +
+ + +
+
+
+
+
+
+

Input Search

+
+
+ +
+
+
+
+
+
+
+
+ + +
+ + +
+
+
+
+
+
+

Input

+
+
+ +
+
+
+
+

+<form>
+   <div class="form-group">
+      <label for="exampleInputText1">Input Text </label>
+      <input type="text" class="form-control" id="exampleInputText1" value="Mark Tech"
+         placeholder="Enter Name">
+   </div>
+   <div class="form-group">
+      <label for="exampleInputEmail2">Email Input</label>
+      <input type="email" class="form-control" id="exampleInputEmail2" value="[email protected]"
+         placeholder="Enter Email">
+   </div>
+   <div class="form-group">
+      <label for="exampleInputNumber3">Number Input</label>
+      <input type="number" class="form-control" id="exampleInputNumber3" value="123456">
+   </div>
+   <div class="form-group">
+      <label for="exampleInputPassword4">Password Input</label>
+      <input type="password" class="form-control" id="exampleInputPassword4" value="example123"
+         placeholder="Enter Password">
+   </div>
+   <button type="submit" class="btn btn-primary">Submit</button>
+   <button type="submit" class="btn bg-danger">Cancel</button>
+</form>
+
+
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+ + +
+
+
+
+
+
+

Input Size

+
+
+ +
+
+
+
+

+<form>
+   <div class="form-group">
+      <label for="colFormLabelSm">Small</label>
+      <input type="email" class="form-control form-control-sm" id="colFormLabelSm"
+         placeholder="form-control-sm">
+   </div>
+   <div class="form-group">
+      <label for="colFormLabel">Default</label>
+      <input type="email" class="form-control" id="colFormLabel" placeholder="form-control">
+   </div>
+   <div class="form-group mb-0">
+      <label for="colFormLabelLg" class="pb-0">Large</label>
+      <input type="email" class="form-control form-control-lg" id="colFormLabelLg"
+         placeholder="form-control-lg">
+   </div>
+</form>
+
+
+
+
+ + +
+
+ + +
+
+ + +
+
+
+
+ +
+
+
+

Horizontal Form

+
+
+ +
+
+
+
+

+<form class="form-horizontal" action="/action_page.php">
+   <div class="form-group row">
+      <label class="control-label col-sm-3 align-self-center" for="email">Email:</label>
+      <div class="col-sm-9">
+         <input type="email" class="form-control" id="email" placeholder="Enter Your  email">
+      </div>
+   </div>
+   <div class="form-group row">
+      <label class="control-label col-sm-3 align-self-center" for="pwd1">Password:</label>
+      <div class="col-sm-9">
+         <input type="password" class="form-control" id="pwd1" placeholder="Enter Your password">
+      </div>
+   </div>
+   <div class="form-group">
+      <div class="checkbox">
+         <label><input type="checkbox"> Remember me</label>
+      </div>
+   </div>
+   <div class="form-group">
+      <button type="submit" class="btn btn-primary">Submit</button>
+      <button type="submit" class="btn bg-danger">Cancel</button>
+   </div>
+</form>
+
+
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+
+ +
+
+
+ + +
+
+
+
+
+
+
+

Form row

+
+
+ +
+
+
+
+

+<form>
+   <div class="form-row">
+      <div class="col">
+         <input type="text" class="form-control" placeholder="First name">
+      </div>
+      <div class="col">
+         <input type="text" class="form-control" placeholder="Last name">
+      </div>
+   </div>
+</form>
+
+
+
+
+
+ +
+
+ +
+
+
+
+
+
+
+
+

Input Url

+
+
+ +
+
+
+
+

+<form>
+   <div class="form-group">
+      <label for="exampleInputurl">Url Input</label>
+      <input type="url" class="form-control" id="exampleInputurl" value="https://getbootstrap.com"
+         placeholder="Enter Url">
+   </div>
+   <button type="submit" class="btn btn-primary">Submit</button>
+   <button type="submit" class="btn bg-danger">Cancel</button>
+</form>
+
+
+
+
+ + +
+ + +
+
+
+
+
+
+

Input Range

+
+
+ +
+
+
+
+

+<form>
+   <div class="form-group">
+      <label for="formControlRange">Range input</label>
+      <input type="range" class="form-control-range" id="formControlRange">
+   </div>
+   <button type="submit" class="btn btn-primary">Submit</button>
+   <button type="submit" class="btn bg-danger">Cancel</button>
+</form>
+
+
+
+
+ + +
+ + +
+
+
+
+
+
+

Input Custom Range

+
+
+ +
+
+
+
+

+<form>
+   <div class="form-group">
+      <label for="customRange1">Range Input</label>
+      <input type="range" class="custom-range" id="customRange1">
+   </div>
+   <button type="submit" class="btn btn-primary">Submit</button>
+   <button type="submit" class="btn bg-danger">Cancel</button>
+</form>
+
+
+
+
+ + +
+ + +
+
+
+
+
+
+

Input Choose file

+
+
+ +
+
+
+
+

+<form>
+   <div class="form-group">
+      <div class="custom-file">
+         <input type="file" class="custom-file-input" id="customFile">
+         <label class="custom-file-label" for="customFile">Choose file</label>
+      </div>
+   </div>
+   <button type="submit" class="btn btn-primary">Submit</button>
+   <button type="submit" class="btn bg-danger">Cancel</button>
+</form>
+
+
+
+
+
+ + +
+
+ + +
+
+
+
+
+
+

Input

+
+
+ +
+
+
+
+

+<form>
+   <div class="form-group">
+      <label for="exampleInputDisabled5">Disabled Input</label>
+      <input type="text" class="form-control" id="exampleInputDisabled5" disabled="" value="Mark Tech">
+   </div>
+   <div class="form-group">
+      <label for="exampleInputPlaceholder">Placeholder</label>
+      <input type="text" class="form-control" id="exampleInputPlaceholder"
+         placeholder="This is Placeholder">
+   </div>
+   <div class="form-group">
+      <label for="exampleInputReadonly">Readonly</label>
+      <input type="text" class="form-control" id="exampleInputReadonly" readonly="" value="Mark Tech">
+   </div>
+   <div class="form-group">
+      <label for="exampleInputcolor">Input Color </label>
+      <input type="color" class="form-control" id="exampleInputcolor" value="#4788ff">
+   </div>
+   <button type="submit" class="btn btn-primary">Submit</button>
+   <button type="submit" class="btn bg-danger">Cancel</button>
+</form>
+
+
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+ + +
+
+
+
+
+
+

Select Size

+
+
+ +
+
+
+
+

+<div class="form-group">
+   <label>Small</label>
+   <select class="form-control form-control-sm mb-3">
+      <option selected="">Open this select menu</option>
+      <option value="1">One</option>
+      <option value="2">Two</option>
+      <option value="3">Three</option>
+   </select>
+</div>
+<div class="form-group">
+   <label>Default</label>
+   <select class="form-control mb-3">
+      <option selected="">Open this select menu</option>
+      <option value="1">One</option>
+      <option value="2">Two</option>
+      <option value="3">Three</option>
+   </select>
+</div>
+<div class="form-group">
+   <label>Large</label>
+   <select class="form-control form-control-lg">
+      <option selected="">Open this select menu</option>
+      <option value="1">One</option>
+      <option value="2">Two</option>
+      <option value="3">Three</option>
+   </select>
+</div>
+
+
+
+ + +
+
+ + +
+
+ + +
+
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Datum_UImodel/form-quill.html b/Datum_UImodel/form-quill.html new file mode 100644 index 0000000..8df0cd9 --- /dev/null +++ b/Datum_UImodel/form-quill.html @@ -0,0 +1,1128 @@ + + + + + + + + Datum | CRM Admin Dashboard Template + + + + + +
+
+
+
+ + +
+ +
+
+ +
+
+
+
+
+
+
+
+
+

Basic Quill Editor

+
+
+ +
+
+
+
+

+<div id="editor"></div> 
+
+//Script
+
+if (jQuery("#editor").length) {
+  var quill = new Quill('#editor', {
+  theme: 'snow'
+  });
+}
+
+
+
+
+
+
+
+
+
+
+

Custom Select

+
+
+ +
+
+
+
+

+<div id="content-container">
+      <div id="quill-tool">
+         <button class="ql-bold" data-toggle="tooltip" data-placement="bottom" title="Bold"></button>
+         <button class="ql-underline" data-toggle="tooltip" data-placement="bottom" title="Underline"></button>
+         <button class="ql-italic" data-toggle="tooltip" data-placement="bottom" title="Add italic text <cmd+i>"></button>
+         <button class="ql-image" data-toggle="tooltip" data-placement="bottom" title="Upload image"></button>
+         <button class="ql-code-block" data-toggle="tooltip" data-placement="bottom" title="Show code"></button>
+      </div>
+      <div id="quill-toolbar">
+         <h1>This is a heading text...</h1>
+         <br/>
+         <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla dui arcu, pellentesque id mattis sed, mattis semper erat. Etiam commodo arcu a mollis consequat. Curabitur pretium auctor tortor, bibendum placerat elit feugiat et. Ut ac turpis nec dui ullamcorper ornare. Vestibulum finibus quis magna at accumsan. Praesent a purus vitae tortor fringilla tempus vel non purus. Suspendisse eleifend nibh porta dolor ullamcorper laoreet. Ut sit amet ipsum vitae lectus pharetra tincidunt. In ipsum quam, iaculis at erat ut, fermentum efficitur ipsum. Nunc odio diam, fringilla in auctor et, scelerisque at lorem. Sed convallis tempor dolor eu dictum. Cras ornare ornare imperdiet. Pellentesque sagittis lacus non libero fringilla faucibus. Aenean ullamcorper enim et metus vestibulum, eu aliquam nunc placerat. Praesent fringilla dolor sit amet leo pulvinar semper. </p>
+      </div>
+</div>
+
+//Script
+
+if (jQuery("#quill-toolbar").length) {
+  var quill = new Quill('#quill-toolbar', {
+      modules: {
+        toolbar: '#quill-tool'
+      },
+      placeholder: 'Compose an epic...',
+      theme: 'snow'
+  });
+
+
+
+
+ + + + + +
+
+

This is a heading text...

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla dui arcu, pellentesque id mattis sed, mattis semper erat. Etiam commodo arcu a mollis consequat. Curabitur pretium auctor tortor, bibendum placerat elit feugiat et. Ut ac turpis nec dui ullamcorper ornare. Vestibulum finibus quis magna at accumsan. Praesent a purus vitae tortor fringilla tempus vel non purus. Suspendisse eleifend nibh porta dolor ullamcorper laoreet. Ut sit amet ipsum vitae lectus pharetra tincidunt. In ipsum quam, iaculis at erat ut, fermentum efficitur ipsum. Nunc odio diam, fringilla in auctor et, scelerisque at lorem. Sed convallis tempor dolor eu dictum. Cras ornare ornare imperdiet. Pellentesque sagittis lacus non libero fringilla faucibus. Aenean ullamcorper enim et metus vestibulum, eu aliquam nunc placerat. Praesent fringilla dolor sit amet leo pulvinar semper.

+
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Datum_UImodel/form-radio.html b/Datum_UImodel/form-radio.html new file mode 100644 index 0000000..44c68c8 --- /dev/null +++ b/Datum_UImodel/form-radio.html @@ -0,0 +1,1293 @@ + + + + + + + + Datum | CRM Admin Dashboard Template + + + + + +
+
+
+
+ + +
+ +
+
+ +
+
+
+
+
+
+
+
+
+

Default Radio Buttons

+
+
+ +
+
+
+
+

+<div class="radio d-inline-block mr-2">
+   <input type="radio" name="bsradio" id="radio1" checked="">
+   <label for="radio1">Active</label>
+</div>
+<div class="radio d-inline-block mr-2">
+   <input type="radio" name="bsradio" id="radio2">
+   <label for="radio2">Inactive</label>
+</div>
+<div class="radio d-inline-block mr-2">
+   <input type="radio" name="bsradio1" id="radio3" disabled="" checked="">
+   <label for="radio3">Active - Disabled</label>
+</div>
+<div class="radio d-inline-block mr-2">
+   <input type="radio" name="bsradio1" id="radio4" disabled="">
+   <label for="radio3">Inactive - Disabled</label>
+</div>
+
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+
+
+
+
+

Custom Colored Radio Buttons

+
+
+ +
+
+
+
+

+<div class="custom-control custom-radio custom-radio-color custom-control-inline">
+   <input type="radio" id="customRadio01" name="customRadio-11" class="custom-control-input bg-primary">
+   <label class="custom-control-label" for="customRadio01"> Primary </label>
+</div>
+<div class="custom-control custom-radio custom-radio-color custom-control-inline">
+   <input type="radio" id="customRadio02" name="customRadio-11" class="custom-control-input bg-success">
+   <label class="custom-control-label" for="customRadio02"> Success </label>
+</div>
+<div class="custom-control custom-radio custom-radio-color custom-control-inline">
+   <input type="radio" id="customRadio03" name="customRadio-11" class="custom-control-input bg-danger">
+   <label class="custom-control-label" for="customRadio03"> Danger </label>
+</div>
+<div class="custom-control custom-radio custom-radio-color custom-control-inline">
+   <input type="radio" id="customRadio04" name="customRadio-11" class="custom-control-input bg-warning">
+   <label class="custom-control-label" for="customRadio04"> Warning </label>
+</div>
+<div class="custom-control custom-radio custom-radio-color custom-control-inline">
+   <input type="radio" id="customRadio05" name="customRadio-11" class="custom-control-input bg-dark">
+   <label class="custom-control-label" for="customRadio05"> Dark </label>
+</div>
+<div class="custom-control custom-radio custom-radio-color custom-control-inline">
+   <input type="radio" id="customRadio06" name="customRadio-11" class="custom-control-input bg-info">
+   <label class="custom-control-label" for="customRadio06"> Info </label>
+</div>
+
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+
+
+
+
+

Custom Radio Buttons

+
+
+ +
+
+
+
+

+<div class="custom-control custom-radio custom-control-inline">
+   <input type="radio" id="customRadio6" name="customRadio-1" class="custom-control-input">
+   <label class="custom-control-label" for="customRadio6"> One </label>
+</div>
+<div class="custom-control custom-radio custom-control-inline">
+   <input type="radio" id="customRadio7" name="customRadio-1" class="custom-control-input">
+   <label class="custom-control-label" for="customRadio7"> Two </label>
+</div>
+<div class="custom-control custom-radio custom-control-inline">
+   <input type="radio" id="customRadio8" name="customRadio-1" class="custom-control-input" checked="">
+   <label class="custom-control-label" for="customRadio8"> Three </label>
+</div>
+<div class="custom-control custom-radio custom-control-inline">
+   <input type="radio" id="customRadio-8" name="customRadio-2" class="custom-control-input" checked="">
+   <label class="custom-control-label" for="customRadio-8"> Four Checked </label>
+</div>
+<div class="custom-control custom-radio custom-control-inline">
+   <input type="radio" id="customRadio9" name="customRadio-3" class="custom-control-input" disabled="">
+   <label class="custom-control-label" for="customRadio9"> Five disabled</label>
+</div>
+<div class="custom-control custom-radio custom-control-inline">
+   <input type="radio" id="customRadio10" name="customRadio-4" class="custom-control-input" disabled="" checked="">
+   <label class="custom-control-label" for="customRadio10"> Six Selected and  disabled</label>
+</div>
+
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+
+
+
+
+

Colored Radio Buttons

+
+
+ +
+
+
+
+

+<div class="custom-control custom-radio custom-radio-color-checked custom-control-inline">
+   <input type="radio" id="customRadio-1" name="customRadio-10" class="custom-control-input bg-primary">
+   <label class="custom-control-label" for="customRadio-1"> Primary </label>
+</div>
+<div class="custom-control custom-radio custom-radio-color-checked custom-control-inline">
+   <input type="radio" id="customRadio-2" name="customRadio-10" class="custom-control-input bg-success">
+   <label class="custom-control-label" for="customRadio-2"> Success </label>
+</div>
+<div class="custom-control custom-radio custom-radio-color-checked custom-control-inline">
+   <input type="radio" id="customRadio-3" name="customRadio-10" class="custom-control-input bg-danger">
+   <label class="custom-control-label" for="customRadio-3"> Danger </label>
+</div>
+<div class="custom-control custom-radio custom-radio-color-checked custom-control-inline">
+   <input type="radio" id="customRadio-4" name="customRadio-10" class="custom-control-input bg-warning">
+   <label class="custom-control-label" for="customRadio-4"> Warning </label>
+</div>
+<div class="custom-control custom-radio custom-radio-color-checked custom-control-inline">
+   <input type="radio" id="customRadio-5" name="customRadio-10" class="custom-control-input bg-dark">
+   <label class="custom-control-label" for="customRadio-5"> Dark </label>
+</div>
+<div class="custom-control custom-radio custom-radio-color-checked custom-control-inline">
+   <input type="radio" id="customRadio-6" name="customRadio-10" class="custom-control-input bg-info">
+   <label class="custom-control-label" for="customRadio-6"> Info </label>
+</div>
+
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Datum_UImodel/form-select.html b/Datum_UImodel/form-select.html new file mode 100644 index 0000000..9bbc502 --- /dev/null +++ b/Datum_UImodel/form-select.html @@ -0,0 +1,1413 @@ + + + + + + + + Datum | CRM Admin Dashboard Template + + + + + +
+
+
+
+ + +
+ +
+
+ +
+
+
+
+
+
+
+
+
+

Basic select boxes

+
+
+ +
+
+
+
+

+<select class="form-control" id="sel1" name="sellist1">
+   <option>1</option>
+   <option>2</option>
+   <option>3</option>
+   <option>4</option>
+</select>
+
+
+ +
+
+
+
+
+

Mutiple select

+
+
+ +
+
+
+
+

+<select multiple class="form-control" id="sel2" name="sellist2">
+   <option>1</option>
+   <option>2</option>
+   <option>3</option>
+   <option>4</option>
+   <option>5</option>
+</select>
+
+
+ +
+
+
+
+
+

Basic Select with Input Group

+
+
+ +
+
+
+
+

+<div class="input-group mb-3">
+   <div class="input-group-prepend">
+      <label class="input-group-text" for="inputGroupSelect01">Options</label>
+   </div>
+   <select class="form-control" id="inputGroupSelect01">
+      <option selected="">Choose...</option>
+      <option value="1">One</option>
+      <option value="2">Two</option>
+      <option value="3">Three</option>
+   </select>
+   </div>
+   <div class="input-group">
+   <select class="form-control" id="inputGroupSelect02">
+      <option selected="">Choose...</option>
+      <option value="1">One</option>
+      <option value="2">Two</option>
+      <option value="3">Three</option>
+   </select>
+   <div class="input-group-append">
+      <label class="input-group-text" for="inputGroupSelect02">Options</label>
+   </div>
+</div>
+
+
+
+
+ +
+ +
+
+ +
+ +
+
+
+
+
+
+
+

Single Select2

+
+
+ +
+
+
+
+

+<div class="form-group">
+   <select class="form-control ">
+      <option>Java</option>
+      <option>Javascript</option>
+      <option>PHP</option>
+      <option>Visual Basic</option>
+   </select>
+</div>
+
+
+
+ +
+
+
+
+
+
+

Multiple Select2

+
+
+ +
+
+
+
+

+<select id="multiple" class="js-states form-control" multiple>
+   <option>Red</option>
+   <option>Green</option>
+   <option>Blue</option>
+   <option>Yellow</option>
+</select>
+
+
+ +
+
+ +
+
+
+

Custom Select

+
+
+ +
+
+
+
+

+<select class="custom-select form-control">
+   <option selected="">Open this menu</option>
+   <option value="IT">IT</option>
+   <option value="Blade Runner">Blade Runner</option>
+   <option value="Thor Ragnarok">Thor Ragnarok</option>
+</select>
+
+
+ +
+
+
+
+
+

Disabled Select

+
+
+ +
+
+
+
+

+<select disabled="disabled" id="disabledSelect" class="form-control">
+   <option>Disabled select</option>
+   <option>1</option>
+   <option>2</option>
+   <option>3</option>
+</select>
+
+
+ +
+
+
+
+
+

Custome Select with Input Group

+
+
+ +
+
+
+
+

+<div class="input-group mb-3">
+   <div class="input-group-prepend">
+      <label class="input-group-text" for="inputGroupSelect03">Options</label>
+   </div>
+   <select class="custom-select" id="inputGroupSelect03">
+      <option selected>Choose...</option>
+      <option value="1">One</option>
+      <option value="2">Two</option>
+      <option value="3">Three</option>
+   </select>
+</div>
+
+
+
+
+ +
+ +
+
+ +
+ +
+
+
+
+
+
+
+

Custom Select Menu Sizing

+
+
+ +
+
+
+
+

+<form>
+   <select class="custom-select custom-select-sm mb-3">
+      <option selected>Small Custom Select Menu</option>
+      <option value="volvo">Volvo</option>
+      <option value="fiat">Fiat</option>
+      <option value="audi">Audi</option>
+   </select>
+   <select name="cars" class="custom-select mb-3">
+      <option selected>Default Custom Select Menu</option>
+      <option value="volvo">Volvo</option>
+      <option value="fiat">Fiat</option>
+      <option value="audi">Audi</option>
+   </select>
+   <select name="cars" class="custom-select custom-select-lg mb-3">
+      <option selected>Large Custom Select Menu</option>
+      <option value="volvo">Volvo</option>
+      <option value="fiat">Fiat</option>
+      <option value="audi">Audi</option>
+   </select>
+</form>
+
+
+
+ + + +
+
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Datum_UImodel/form-switch.html b/Datum_UImodel/form-switch.html new file mode 100644 index 0000000..edb074a --- /dev/null +++ b/Datum_UImodel/form-switch.html @@ -0,0 +1,1431 @@ + + + + + + + + Datum | CRM Admin Dashboard Template + + + + + +
+
+
+
+ + +
+ +
+
+ +
+
+
+
+
+
+
+
+
+

Basic Switch

+
+
+ +
+
+
+
+

+<div class="custom-control custom-switch custom-control-inline">
+   <input type="checkbox" class="custom-control-input" id="customSwitch2" checked="">
+   <label class="custom-control-label" for="customSwitch2">Active Switch</label>
+</div>
+<div class="custom-control custom-switch custom-control-inline">
+   <input type="checkbox" class="custom-control-input" id="customSwitch1">
+   <label class="custom-control-label" for="customSwitch1">Inactive Switch </label>
+</div>
+<div class="custom-control custom-switch custom-control-inline">
+   <input type="checkbox" class="custom-control-input" disabled checked="" id="customSwitch3">
+   <label class="custom-control-label" for="customSwitch3">Disabled Active Switch</label>
+</div>
+<div class="custom-control custom-switch custom-control-inline">
+   <input type="checkbox" class="custom-control-input" disabled id="customSwitch4">
+   <label class="custom-control-label" for="customSwitch4">Disabled Inactive Switch</label>
+</div>
+
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+
+
+
+
+

Text

+
+
+ +
+
+
+
+

+<div class="custom-control custom-switch custom-switch-text custom-control-inline">
+   <div class="custom-switch-inner">
+      <p class="mb-0"> Primary </p>
+      <input type="checkbox" class="custom-control-input" id="customSwitch-11" checked="">
+      <label class="custom-control-label" for="customSwitch-11" data-on-label="On" data-off-label="Off">
+      </label>
+   </div>
+</div>
+<div class="custom-control custom-switch custom-switch-text custom-switch-color custom-control-inline">
+   <div class="custom-switch-inner">
+      <p class="mb-0"> Success </p>
+      <input type="checkbox" class="custom-control-input bg-success" id="customSwitch-22" checked="">
+      <label class="custom-control-label" for="customSwitch-22" data-on-label="Tr" data-off-label="Fal">
+      </label>
+   </div>
+</div>
+<div class="custom-control custom-switch custom-switch-text custom-switch-color custom-control-inline">
+   <div class="custom-switch-inner">
+      <p class="mb-0"> Danger </p>
+      <input type="checkbox" class="custom-control-input bg-danger" id="customSwitch-33" checked="">
+      <label class="custom-control-label" for="customSwitch-33" data-on-label="Yes" data-off-label="No">
+      </label>
+   </div>
+</div>
+
+
+
+
+

Primary

+ + +
+
+
+
+

Success

+ + +
+
+
+
+

Danger

+ + +
+
+
+
+ +
+
+
+

Color

+
+
+ +
+
+
+
+

+<div class="custom-control custom-switch custom-switch-color custom-control-inline">
+   <input type="checkbox" class="custom-control-input bg-primary" id="customSwitch01" checked="">
+   <label class="custom-control-label" for="customSwitch01">Primary</label>
+</div>
+<div class="custom-control custom-switch custom-switch-color custom-control-inline">
+   <input type="checkbox" class="custom-control-input bg-success" id="customSwitch02" checked="">
+   <label class="custom-control-label" for="customSwitch02">Success</label>
+</div>
+<div class="custom-control custom-switch custom-switch-color custom-control-inline">
+   <input type="checkbox" class="custom-control-input bg-danger" id="customSwitch03" checked="">
+   <label class="custom-control-label" for="customSwitch03">Danger</label>
+</div>
+<div class="custom-control custom-switch custom-switch-color custom-control-inline">
+   <input type="checkbox" class="custom-control-input bg-waring" id="customSwitch04" checked="">
+   <label class="custom-control-label" for="customSwitch04">Waring</label>
+</div>
+<div class="custom-control custom-switch custom-switch-color custom-control-inline">
+   <input type="checkbox" class="custom-control-input bg-dark" id="customSwitch05" checked="">
+   <label class="custom-control-label" for="customSwitch05">Dark</label>
+</div>
+<div class="custom-control custom-switch custom-switch-color custom-control-inline">
+   <input type="checkbox" class="custom-control-input bg-info" id="customSwitch06" checked="">
+   <label class="custom-control-label" for="customSwitch06">Info</label>
+</div>
+
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+
+
+
+
+

Icon

+
+
+ +
+
+
+
+

+<div class="custom-control custom-switch custom-switch-icon custom-control-inline">
+<div class="custom-switch-inner">
+   <p class="mb-0"> Primary </p>
+   <input type="checkbox" class="custom-control-input" id="customSwitch-1" checked="">
+   <label class="custom-control-label" for="customSwitch-1">
+      <span class="switch-icon-left"><i class="fa fa-check"></i></span>
+      <span class="switch-icon-right"><i class="fa fa-check"></i></span>
+   </label>
+</div>
+</div>
+<div class="custom-control custom-switch custom-switch-icon custom-switch-color custom-control-inline">
+<div class="custom-switch-inner">
+   <p class="mb-0"> Success </p>
+   <input type="checkbox" class="custom-control-input bg-success" id="customSwitch-2" checked="">
+   <label class="custom-control-label" for="customSwitch-2">
+      <span class="switch-icon-left"><i class="fa fa-check"></i></span>
+      <span class="switch-icon-right"><i class="fa fa-check"></i></span>
+   </label>
+</div>
+</div>
+<div class="custom-control custom-switch custom-switch-icon custom-switch-color custom-control-inline">
+<div class="custom-switch-inner">
+   <p class="mb-0"> Danger </p>
+   <input type="checkbox" class="custom-control-input bg-danger" id="customSwitch-3" checked="">
+   <label class="custom-control-label" for="customSwitch-3">
+      <span class="switch-icon-left"><i class="fa fa-times"></i></span>
+      <span class="switch-icon-right"><i class="fa fa-times"></i></span>
+   </label>
+</div>
+</div>
+<div class="custom-control custom-switch custom-switch-icon custom-switch-color custom-control-inline">
+<div class="custom-switch-inner">
+   <p class="mb-0"> Warning </p>
+   <input type="checkbox" class="custom-control-input bg-warning" id="customSwitch-4" checked="">
+   <label class="custom-control-label" for="customSwitch-4">
+      <span class="switch-icon-left"><i class="fa fa-exclamation-triangle"></i></span>
+      <span class="switch-icon-right"><i class="fa fa-exclamation-triangle"></i></span>
+   </label>
+</div>
+</div>
+<div class="custom-control custom-switch custom-switch-icon custom-switch-color custom-control-inline">
+<div class="custom-switch-inner">
+   <p class="mb-0"> Dark </p>
+   <input type="checkbox" class="custom-control-input bg-dark" id="customSwitch-5" checked="">
+   <label class="custom-control-label" for="customSwitch-5">
+      <span class="switch-icon-left"><i class="fa fa-thumb-tack"></i></span>
+      <span class="switch-icon-right"><i class="fa fa-thumb-tack"></i></span>
+   </label>
+</div>
+</div>
+<div class="custom-control custom-switch custom-switch-icon custom-switch-color custom-control-inline">
+<div class="custom-switch-inner">
+   <p class="mb-0"> Info </p>
+   <input type="checkbox" class="custom-control-input bg-info" id="customSwitch-6" checked="">
+   <label class="custom-control-label" for="customSwitch-6">
+      <span class="switch-icon-left"><i class="fa fa-info"></i></span>
+      <span class="switch-icon-right"><i class="fa fa-info"></i></span>
+   </label>
+</div>
+</div>
+
+
+
+
+

Primary

+ + +
+
+
+
+

Success

+ + +
+
+
+
+

Danger

+ + +
+
+
+
+

Warning

+ + +
+
+
+
+

Dark

+ + +
+
+
+
+

Info

+ + +
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Datum_UImodel/form-textarea.html b/Datum_UImodel/form-textarea.html new file mode 100644 index 0000000..a70105e --- /dev/null +++ b/Datum_UImodel/form-textarea.html @@ -0,0 +1,1161 @@ + + + + + + + + Datum | CRM Admin Dashboard Template + + + + + +
+
+
+
+ + +
+ +
+
+ +
+
+
+
+
+
+
+
+
+

Default

+
+
+ +
+
+
+
+

+<div class="form-group">
+   <label for="exampleFormControlTextarea1">textarea</label>
+   <textarea class="form-control" id="exampleFormControlTextarea1" rows="3"></textarea>
+</div>
+
+
+
+ + +
+
+
+
+
+
+

Horizontal Input

+
+
+ +
+
+
+
+

+<div class="form-group row align-items-center">
+   <div class="col-sm-3 col-4">
+      <label class="col-form-label">Description</label>
+   </div>
+   <div class="col-sm-9 col-8">
+      <textarea class="form-control" id="horizontalTextarea" rows="3" placeholder="Textarea"></textarea>
+   </div>
+</div>
+
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+
+

Floating Label

+
+
+ +
+
+
+
+

+<div class="form-label-group">
+   <textarea class="form-control" id="exampleFormControlTextarea2" rows="4"
+      placeholder="Label in Textarea"></textarea>
+   <label>Textarea</label>
+</div>
+
+
+
+ + +
+
+
+
+
+
+

Counter

+
+
+ +
+
+
+
+

+<div class="form-label-group mb-0">
+   <textarea data-length="20" class="form-control" id="exampleFormControlTextarea3" rows="3"
+      placeholder="Counter"></textarea>
+   <label>Counter</label>
+</div>
+
+
+
+ + +
+ 0 / 20 +
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Datum_UImodel/form-validation.html b/Datum_UImodel/form-validation.html new file mode 100644 index 0000000..e9a036b --- /dev/null +++ b/Datum_UImodel/form-validation.html @@ -0,0 +1,1528 @@ + + + + + + + + Datum | CRM Admin Dashboard Template + + + + + +
+
+
+
+ + +
+ +
+
+ +
+
+
+
+
+
+
+
+
+

Default Validation

+
+
+ +
+
+
+
+

+<form>
+   <div class="form-row">
+      <div class="col-md-6 mb-3">
+         <label for="validationDefault01">First name</label>
+         <input type="text" class="form-control" id="validationDefault01" required>
+      </div>
+      <div class="col-md-6 mb-3">
+         <label for="validationDefault02">Last name</label>
+         <input type="text" class="form-control" id="validationDefault02" required>
+      </div>
+      <div class="col-md-6 mb-3">
+         <label for="validationDefaultUsername">Username</label>
+         <div class="input-group">
+            <div class="input-group-prepend">
+               <span class="input-group-text" id="inputGroupPrepend2">@</span>
+            </div>
+            <input type="text" class="form-control" id="validationDefaultUsername"  aria-describedby="inputGroupPrepend2" required>
+         </div>
+      </div>
+      <div class="col-md-6 mb-3">
+         <label for="validationDefault03">City</label>
+         <input type="text" class="form-control" id="validationDefault03" required>
+      </div>
+      <div class="col-md-6 mb-3">
+         <label for="validationDefault04">State</label>
+         <select class="form-control" id="validationDefault04" required>
+            <option selected disabled value="">Choose...</option>
+            <option>...</option>
+         </select>
+      </div>
+      <div class="col-md-6 mb-3">
+         <label for="validationDefault05">Zip</label>
+         <input type="text" class="form-control" id="validationDefault05" required>
+      </div>
+   </div>
+   <div class="form-group">
+      <div class="form-check">
+         <input class="form-check-input" type="checkbox" value="" id="invalidCheck2" required>
+         <label class="form-check-label" for="invalidCheck2">
+         Agree to terms and conditions
+         </label>
+      </div>
+   </div>
+   <div class="form-group">
+      <button class="btn btn-primary" type="submit">Submit form</button>
+   </div>
+</form>
+
+
+
+
+
+ + +
+
+ + +
+
+ +
+
+ @ +
+ +
+
+
+ + +
+
+ + +
+
+ + +
+
+
+
+ + +
+
+
+ +
+
+
+
+
+
+
+

Supported elements

+
+
+ +
+
+
+
+

+<form class="was-validated">
+   <div class="mb-3">
+      <label for="validationTextarea">Textarea</label>
+      <textarea class="form-control is-invalid" id="validationTextarea" placeholder="Required example textarea" required></textarea>
+      <div class="invalid-feedback">
+         Please enter a message in the textarea.
+      </div>
+   </div>
+   <div class="custom-control custom-checkbox mb-3">
+      <input type="checkbox" class="custom-control-input" id="customControlValidation1" required>
+      <label class="custom-control-label" for="customControlValidation1">Check this custom checkbox</label>
+      <div class="invalid-feedback">Example invalid feedback text</div>
+   </div>
+   <div class="custom-control custom-radio">
+      <input type="radio" class="custom-control-input" id="customControlValidation2" name="radio-stacked" required>
+      <label class="custom-control-label" for="customControlValidation2">Toggle this custom radio</label>
+   </div>
+   <div class="custom-control custom-radio mb-3">
+      <input type="radio" class="custom-control-input" id="customControlValidation3" name="radio-stacked" required>
+      <label class="custom-control-label" for="customControlValidation3">Or toggle this other custom radio</label>
+      <div class="invalid-feedback">More example invalid feedback text</div>
+   </div>
+   <div class="form-group">
+      <select class="custom-select" required>
+         <option value="">Open this select menu</option>
+         <option value="1">One</option>
+         <option value="2">Two</option>
+         <option value="3">Three</option>
+      </select>
+      <div class="invalid-feedback">Example invalid custom select feedback</div>
+   </div>
+   <div class="custom-file">
+      <input type="file" class="custom-file-input" id="validatedCustomFile" required>
+      <label class="custom-file-label" for="validatedCustomFile">Choose file...</label>
+      <div class="invalid-feedback">Example invalid custom file feedback</div>
+   </div>
+</form>
+
+
+
+
+ + +
+ Please enter a message in the textarea. +
+
+
+ + +
Example invalid feedback text
+
+
+ + +
+
+ + +
More example invalid feedback text
+
+
+ +
Example invalid custom select feedback
+
+
+ + +
Example invalid custom file feedback
+
+
+
+
+ +
+
+
+

Custom Validation

+
+
+ +
+
+
+
+

+<form class="needs-validation" novalidate>
+   <div class="form-row">
+      <div class="col-md-6 mb-3">
+         <label for="validationCustom01">First name</label>
+         <input type="text" class="form-control" id="validationCustom01"  required>
+         <div class="valid-feedback">
+            Looks good!
+         </div>
+      </div>
+      <div class="col-md-6 mb-3">
+         <label for="validationCustom02">Last name</label>
+         <input type="text" class="form-control" id="validationCustom02"  required>
+         <div class="valid-feedback">
+            Looks good!
+         </div>
+      </div>
+      <div class="col-md-6 mb-3">
+         <label for="validationCustomUsername">Username</label>
+         <div class="input-group">
+            <div class="input-group-prepend">
+               <span class="input-group-text" id="inputGroupPrepend">@</span>
+            </div>
+            <input type="text" class="form-control" id="validationCustomUsername" aria-describedby="inputGroupPrepend" required>
+            <div class="invalid-feedback">
+               Please choose a username.
+            </div>
+         </div>
+      </div>
+      <div class="col-md-6 mb-3">
+         <label for="validationCustom03">City</label>
+         <input type="text" class="form-control" id="validationCustom03" required>
+         <div class="invalid-feedback">
+            Please provide a valid city.
+         </div>
+      </div>
+      <div class="col-md-6 mb-3">
+         <label for="validationCustom04">State</label>
+         <select class="form-control" id="validationCustom04" required>
+            <option selected disabled value="">Choose...</option>
+            <option>...</option>
+         </select>
+         <div class="invalid-feedback">
+            Please select a valid state.
+         </div>
+      </div>
+      <div class="col-md-6 mb-3">
+         <label for="validationCustom05">Zip</label>
+         <input type="text" class="form-control" id="validationCustom05" required>
+         <div class="invalid-feedback">
+            Please provide a valid zip.
+         </div>
+      </div>
+   </div>
+   <div class="form-group">
+      <div class="form-check">
+         <input class="form-check-input" type="checkbox" value="" id="invalidCheck" required>
+         <label class="form-check-label" for="invalidCheck">
+         Agree to terms and conditions
+         </label>
+         <div class="invalid-feedback">
+            You must agree before submitting.
+         </div>
+      </div>
+   </div>
+   <button class="btn btn-primary" type="submit">Submit form</button>
+</form>
+
+
+
+
+
+ + +
+ Looks good! +
+
+
+ + +
+ Looks good! +
+
+
+ +
+
+ @ +
+ +
+ Please choose a username. +
+
+
+
+ + +
+ Please provide a valid city. +
+
+
+ + +
+ Please select a valid state. +
+
+
+ + +
+ Please provide a valid zip. +
+
+
+
+
+ + +
+ You must agree before submitting. +
+
+
+ +
+
+
+
+
+
+

Tooltips

+
+
+ +
+
+
+
+

+<form class="needs-validation" novalidate>
+   <div class="form-row">
+      <div class="col-md-6 mb-3">
+         <label for="validationTooltip01">First name</label>
+         <input type="text" class="form-control" id="validationTooltip01" value="Mark" required>
+         <div class="valid-tooltip">
+            Looks good!
+         </div>
+      </div>
+      <div class="col-md-6 mb-3">
+         <label for="validationTooltip02">Last name</label>
+         <input type="text" class="form-control" id="validationTooltip02" value="Tech" required>
+         <div class="valid-tooltip">
+            Looks good!
+         </div>
+      </div>
+      <div class="col-md-6 mb-3">
+         <label for="validationTooltipUsername">Username</label>
+         <div class="input-group">
+            <div class="input-group-prepend">
+               <span class="input-group-text" id="validationTooltipUsernamePrepend">@</span>
+            </div>
+            <input type="text" class="form-control" id="validationTooltipUsername" aria-describedby="validationTooltipUsernamePrepend" required>
+            <div class="invalid-tooltip">
+               Please choose a unique and valid username.
+            </div>
+         </div>
+      </div>
+      <div class="col-md-6 mb-3">
+         <label for="validationTooltip03">City</label>
+         <input type="text" class="form-control" id="validationTooltip03" required>
+         <div class="invalid-tooltip">
+            Please provide a valid city.
+         </div>
+      </div>
+      <div class="col-md-6 mb-3">
+         <label for="validationTooltip04">State</label>
+         <select class="form-control" id="validationTooltip04" required>
+            <option selected disabled value="">Choose...</option>
+            <option>...</option>
+         </select>
+         <div class="invalid-tooltip">
+            Please select a valid state.
+         </div>
+      </div>
+      <div class="col-md-6 mb-3">
+         <label for="validationTooltip05">Zip</label>
+         <input type="text" class="form-control" id="validationTooltip05" required>
+         <div class="invalid-tooltip">
+            Please provide a valid zip.
+         </div>
+      </div>
+   </div>
+   <button class="btn btn-primary" type="submit">Submit form</button>
+</form>
+
+
+
+
+
+ + +
+ Looks good! +
+
+
+ + +
+ Looks good! +
+
+
+ +
+
+ @ +
+ +
+ Please choose a unique and valid username. +
+
+
+
+ + +
+ Please provide a valid city. +
+
+
+ + +
+ Please select a valid state. +
+
+
+ + +
+ Please provide a valid zip. +
+
+
+ +
+
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Datum_UImodel/icon-heroicon.html b/Datum_UImodel/icon-heroicon.html new file mode 100644 index 0000000..e8dd570 --- /dev/null +++ b/Datum_UImodel/icon-heroicon.html @@ -0,0 +1,1355 @@ + + + + + + + + Datum | CRM Admin Dashboard Template + + + + + +
+
+
+
+ + +
+ +
+
+ +
+
+
+ +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Datum_UImodel/index.html b/Datum_UImodel/index.html new file mode 100644 index 0000000..74f9f44 --- /dev/null +++ b/Datum_UImodel/index.html @@ -0,0 +1,1522 @@ + + + + + + + Datum | CRM Admin Dashboard Template + + + + + +
+
+
+
+ + +
+ +
+
+ +
+
+
+
+
+
+
+

Overview

+
+
+ + + + + + +
+ + To + +
+ + + + + + +
+
+
+
+
+
+
+
+
+
+
+

Total Profit

+
+
$95,595
+

+3.55%

+
+
+
+
+
+
+
+
+
+
+
+

Total Expenses

+
+
$12,789
+

+2.67%

+
+
+
+
+
+
+
+
+
+
+
+

New Users

+
+
13,984
+

-9.98%

+
+
+
+
+
+
+
+
+
+
+

Sales Report

+
+
+ + + Incomes +
+
+ + + Expenses +
+
+
+
+
+
+
+
+
+
+
+
+
+

Top Selling Product

+
+
+
+
    +
  • +
    + 1.jpg +
    +
    +

    Rockerz Bluetooth Headset

    +
    +
    +
    $1,056
    +
    +
  • +
  • +
    + 2.jpg +
    +
    +

    Wifi Security Camera

    +
    +
    +
    $1,799
    +
    +
  • +
  • +
    + 3.jpg +
    +
    +

    Stone Bluetooth Speaker

    +
    +
    +
    $1,099
    +
    +
  • +
  • +
    + 4.jpg +
    +
    +

    Ryzen 5 Hexa Core 5600H

    +
    +
    +
    $9,999
    +
    +
  • +
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+
1,860 /3k Target
+ Order In Period +
+
+
+
+
+
+
+
+
+
Active Users
+
+ + + + 200 +
+
+

Pages views per day

+
+
+

25 June

+

26 June

+

27 June

+
+
+
+
+
+
+
+
+ +
+
+ + + + + + + + + + + + + + + + + + + + + + + +
+
+ + + + 30 Jun, Tue
+
+ Big Billion Day Sale +
+
+ + + + 09 July, Mon
+
+ 5% Off on Mobile +
+
+ + + + 15 Aug, Sun
+
+ Electronics Sale +
+
+ + + + 26 Oct, Thu
+
+ Fashionable Sale +
+
+ + + + 25 Dec, Fri
+
+ 5% Off on Cloths +
+ +
+
+ +
+
+
+
+
+
+
+

Popular Categories

+
+
+
+ + + + Mobile +
+
+ + + + + Laptop +
+
+
+
+ + + + + Electronics +
+
+ + + + + Others +
+
+
+
+
+
+
+ +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
DateCustomerStatusTotal
01 Jun 2020 +
+
+ image +
+
Maggie Potts
+
+
+

+ + + Completed +

+
$104.98
02 Jun 2020 +
+
+ image +
+
Kevin Adkins
+
+
+

+ + + Completed +

+
$233.00
05 Jun 2020 +
+
+ image +
+
Max Lynn
+
+
+

+ + + Pending +

+
$150.01
06 Jun 2020 +
+
+ image +
+
Danniw Yatt
+
+
+

+ + + Cancelled +

+
$199.99
+
+ +
+
+
+
+
+ +
+ +
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Datum_UImodel/invoice-view.html b/Datum_UImodel/invoice-view.html new file mode 100644 index 0000000..30cb9ee --- /dev/null +++ b/Datum_UImodel/invoice-view.html @@ -0,0 +1,1187 @@ + + + + + + + Datum | CRM Admin Dashboard Template + + + + + +
+
+
+
+ + +
+ +
+
+ +
+
+
+ +
+
+
+
+

Invoice View

+ + + + + Back + +
+
+
+
+
+
+
+ user-icon +
+
+
+
Invoice number
+

IN-05866

+
+
+
+
+
Invoice Date
+

2nd Oct 2019 03:16 PM

+
+
+
+
+
+
+
Invoice From
+

Chris Wood

+

4183 Forest Avenue

+

New York

+

10011

+

USA

+

[email protected]

+
+
+
+
+
Invoice To
+

Blueberry LLC

+

354 Roy Allen

+

Denver

+

80202

+

USA

+

[email protected]

+
+
+
+
+
+
    +
  • +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    NoDescriptionQuantityPrice
    + 1 + + OR-325548 + + 6 + + $800 +
    + 2 + + OR-500008 + + 3 + + $500 +
    + 3 + + OR-654412 + + 5 + + $600 +
    +
    +
  • +
  • +
    + Subtotal:

    $1,600

    +
    +
    + Taxes:

    $300

    +
    +
    + Total:

    $1,900

    +
    + +
  • +
+
+
+
+
+
Notes
+

Please send all items at the same time to the shipping address. Thanksin advance.

+
+
+ + +
+
+
+
+
+
+
+
+
+ +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Datum_UImodel/invoice.html b/Datum_UImodel/invoice.html new file mode 100644 index 0000000..21abc5c --- /dev/null +++ b/Datum_UImodel/invoice.html @@ -0,0 +1,1640 @@ + + + + + + + Datum | CRM Admin Dashboard Template + + + + + +
+
+
+
+ + +
+ +
+
+ +
+
+
+ +
+
+ +
+
+
+

All Invoice

+
+
+ +
+
+ +
+
+
+
+
+
Invoices List
+ +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+ + +
+
+
+ + + + + + + + + + + Action +
+
+ + +
+
+
+
+ user-icon +
+
+
+ Christian Bale +
+

+ [email protected] +

+
+
+
01 Jan 2021 + IN-325560 + + $104.98 + +

+ + + Paid +

+
+ +
+
+ + +
+
+
+
+ user-icon +
+
+
+ Matt Damon +
+

+ [email protected] +

+
+
+
02 Jan 2021 + IN-120010 + + $99.00 + +

+ + + Paid +

+
+ +
+
+ + +
+
+
+
+ user-icon +
+
+
+ Caitriona Balfe +
+

+ [email protected] +

+
+
+
02 Jan 2021 + IN-125623 + + $249.49 + +

+ + + Pending +

+
+ +
+
+ + +
+
+
+
+ user-icon +
+
+
+ Josh Lucas +
+

+ [email protected] +

+
+
+
02 Jan 2021 + IN-662210 + + $9.99 + +

+ + + Paid +

+
+ +
+
+ + +
+
+
+
+ user-icon +
+
+
+ Jon Bernthal +
+

+ [email protected] +

+
+
+
03 Jan 2021 + IN-901020 + + $90.49 + +

+ + + Cancelled +

+
+ +
+
+ + +
+
+
+
+ +
+
+
+ Noah Jupe +
+

+ [email protected] +

+
+
+
05 Jan 2021 + IN-902210 + + $39.99 + +

+ + + Paid +

+
+ +
+
+ + +
+
+
+
+ user-icon +
+
+
+ Tracy Letts +
+

+ [email protected] +

+
+
+
06 Jan 2021 + IN-902559 + + $19.22 + +

+ + + Pending +

+
+ +
+
+ + +
+
+
+
+ user-icon +
+
+
+ Ray McKinnon +
+

+ [email protected] +

+
+
+
09 Jan 2021 + IN-911211 + + $102.9 + +

+ + + Cancelled +

+
+ +
+
+ + +
+
+
+
+ user-icon +
+
+
+ Remo Girone +
+

+ [email protected] +

+
+
+
10 Jan 2021 + IN-902559 + + $13.99 + +

+ + + Paid +

+
+ +
+
+ + +
+
+
+
+ user-icon +
+
+
+ Jack McMullen +
+

+ [email protected] +

+
+
+
12 Jan 2021 + IN-302240 + + $25.99 + +

+ + + Paid +

+
+ +
+
+
+
+
+
+
+
+
+ +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Datum_UImodel/order-details.html b/Datum_UImodel/order-details.html new file mode 100644 index 0000000..0e4ce8b --- /dev/null +++ b/Datum_UImodel/order-details.html @@ -0,0 +1,1275 @@ + + + + + + + Datum | CRM Admin Dashboard Template + + + + + +
+
+
+
+ + +
+ +
+
+ +
+
+
+ +
+
+
+
+
+ +
+
+
+
+
+

Order Details

+ + + + + Generate Invoice + +
+
+
+
+
+
+
    +
  • +
    Order Info
    +
    + + + + + + + + + + + + + + + + + + + + + + + +
    + ID + + OR-325548 +
    + Date & Time + + 01 Jan 2021 06:32 +
    + Payment Method + + Credit Card +
    + Invoice + + IN-302240 +
    + Status + +

    + + + Completed +

    +
    +
    +
  • +
  • +
    Customer Details
    +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + Name + + John Lynn +
    + Email + + [email protected] +
    + Phone + + +21 11445-2213 +
    + Country + + USA +
    + State/Region + + Ohio +
    + Address + + 201, Baker Street +
    +
    +
  • +
+
+
+
+
+
    +
  • +
    Order Items
    +
  • +
  • +
    + + + + + + + + + + + + + + + + + + + + + + + + + +
    ProductQuantityPrice
    +
    +
    + user-icon +
    +
    +
    + Bassheads 220 Wired Headset +
    +

    + Molten Orange, In the Ear +

    +
    +
    +
    + 1 + + $74.98 +
    +
    +
    + user-icon +
    +
    +
    + HP v150W PENDRIVE +
    +

    + 64 GB (Blue, Black) +

    +
    +
    +
    + 3 + + $199.97 +
    +
    +
    + user-icon +
    +
    +
    + M10 FHD Plus with Active Pen Tablet +
    +

    + (2nd Gen) 10.3 inches +

    +
    +
    +
    + 1 + + $962.49 +
    +
    +
  • +
  • +
    + Total:

    $1,237.44

    +
    +
  • +
+
+
+
+
+ +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Datum_UImodel/order-new.html b/Datum_UImodel/order-new.html new file mode 100644 index 0000000..b9a2d07 --- /dev/null +++ b/Datum_UImodel/order-new.html @@ -0,0 +1,1224 @@ + + + + + + + Datum | CRM Admin Dashboard Template + + + + + +
+
+
+
+ + +
+ +
+
+ +
+
+
+ +
+
+
+
+
+ +
+ + + + + Back + +
+
+
+

New Order

+
+
+
+
+
+
+
Customer Details
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+
+
+
Order Details
+
+
+ + +
+
+ + +
+
+
+
+ + + +
+
+
+ + +
+
+
+
+
+
+
+
+
    +
  • +
    Order Items
    + +
  • +
  • +
    + + + + + + + + + + + + + + + + + + + + + + + +
    ProductQuantityPrice
    +
    +
    + user-icon +
    +
    +
    + FivePlus Nord 5G +
    +

    + (12GB RAM, 256GB Storage) +

    +
    +
    +
    +
    + + + + 1 + + + +
    +
    + $2,399.99 + + + + +
    +
    +
    + user-icon +
    +
    +
    + Bassheads 220 Wired Headset +
    +

    + Molten Orange, In the Ear +

    +
    +
    +
    +
    + + + + 1 + + + +
    +
    + $74.98 + + + + +
    +
    +
  • +
  • +
    + Total:

    $2,474.97

    + +
    +
  • +
+
+
+
+ +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Datum_UImodel/order.html b/Datum_UImodel/order.html new file mode 100644 index 0000000..20818eb --- /dev/null +++ b/Datum_UImodel/order.html @@ -0,0 +1,1520 @@ + + + + + + + Datum | CRM Admin Dashboard Template + + + + + +
+
+
+
+ + +
+ +
+
+ +
+
+
+ +
+
+ +
+
+
+

All Orders

+
+
+ +
+
+ +
+
+
+
+
+
Orders List
+ +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+ + +
+
+
+ + + + + + + + + + + Action +
+
+ + +
+
+ OR-325548 + 01 Jan 2021 + Jack Ryan + + $104.98 + +

+ + + Completed +

+
+ +
+
+ + +
+
+ OR-223544 + 02 Jan 2021 + Matt Damon + + $99.00 + +

+ + + Completed +

+
+ +
+
+ + +
+
+ OR-125623 + 02 Jan 2021 + Caitriona Balfe + + $249.49 + +

+ + + Pending +

+
+ +
+
+ + +
+
+ OR-662210 + 02 Jan 2021 + Josh Lucas + + $9.99 + +

+ + + Completed +

+
+ +
+
+ + +
+
+ OR-901020 + 03 Jan 2021 + Jon Bernthal + + $90.49 + +

+ + + Cancelled +

+
+ +
+
+ + +
+
+ OR-902210 + 05 Jan 2021 + Noah Jupe + + $39.99 + +

+ + + Completed +

+
+ +
+
+ + +
+
+ OR-902559 + 06 Jan 2021 + Tracy Letts + + $19.22 + +

+ + + Pending +

+
+ +
+
+ + +
+
+ OR-253524 + 09 Jan 2021 + Ray McKinnon + + $102.9 + +

+ + + Cancelled +

+
+ +
+
+ + +
+
+ OR-902559 + 10 Jan 2021 + Remo Girone + + $13.99 + +

+ + + Completed +

+
+ +
+
+ + +
+
+ OR-302240 + 12 Jan 2021 + Jack McMullen + + $25.99 + +

+ + + Completed +

+
+ +
+
+
+
+
+
+
+
+
+ +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Datum_UImodel/pages-blank-page.html b/Datum_UImodel/pages-blank-page.html new file mode 100644 index 0000000..6bcc0b7 --- /dev/null +++ b/Datum_UImodel/pages-blank-page.html @@ -0,0 +1,1038 @@ + + + + + + + + Datum | CRM Admin Dashboard Template + + + + + +
+
+
+
+ + +
+ +
+
+ +
+
+
+
+
+
+ Here Add Your HTML Content..... +
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Datum_UImodel/pages-comingsoon.html b/Datum_UImodel/pages-comingsoon.html new file mode 100644 index 0000000..c43954b --- /dev/null +++ b/Datum_UImodel/pages-comingsoon.html @@ -0,0 +1,116 @@ + + + + + + + + + Datum | CRM Admin Dashboard Template + + + + + +
+
+
+
+ + +
+
+
+
+
+
+ + + + +

Stay tunned, we're launching very soon

+

We are working very hard to give you the best experience possible!

+
    +
  • +
    +
    + 0Days +
    +
    +
  • +
  • +
    +
    + 0Hours +
    +
    +
  • +
  • +
    +
    + 0Minutes +
    +
    +
  • +
  • +
    +
    + 0Seconds +
    +
    +
  • +
+
+
+
+
+
+
+
+ + +
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Datum_UImodel/pages-error-500.html b/Datum_UImodel/pages-error-500.html new file mode 100644 index 0000000..e24bb3b --- /dev/null +++ b/Datum_UImodel/pages-error-500.html @@ -0,0 +1,72 @@ + + + + + + + + + Datum | CRM Admin Dashboard Template + + + + + +
+
+
+
+ + +
+
+
+
+
+ + +

Oops! This Page is Not Working.

+

The requested is Internal Server Error.

+ Back to Home + +
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Datum_UImodel/pages-error.html b/Datum_UImodel/pages-error.html new file mode 100644 index 0000000..b5299de --- /dev/null +++ b/Datum_UImodel/pages-error.html @@ -0,0 +1,71 @@ + + + + + + + + + Datum | CRM Admin Dashboard Template + + + + + +
+
+
+
+ + +
+
+
+
+
+ + +

Oops! This Page is Not Found.

+

The requested page dose not exist.

+ Back to Home +
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Datum_UImodel/pages-faq.html b/Datum_UImodel/pages-faq.html new file mode 100644 index 0000000..25894a6 --- /dev/null +++ b/Datum_UImodel/pages-faq.html @@ -0,0 +1,1205 @@ + + + + + + + + Datum | CRM Admin Dashboard Template + + + + + +
+
+
+
+ + +
+ +
+
+ +
+
+
+
+
+
+
+
+ +
+

Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy.

+
+
+
+ +
+

It has survived not only five centuries, but also the leap into electronic typesetting. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur.

+
+
+
+ +
+

It has survived not only five centuries, but also the leap into electronic typesetting. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur.

+
+
+
+ +
+

It has survived not only five centuries, but also the leap into electronic typesetting. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur.

+
+
+
+ +
+

It has survived not only five centuries, but also the leap into electronic typesetting. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur.

+
+
+
+ +
+

It has survived not only five centuries, but also the leap into electronic typesetting. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur.

+
+
+
+
+
+ +
+

Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy.

+
+
+
+ +
+

It has survived not only five centuries, but also the leap into electronic typesetting. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur.

+
+
+
+ +
+

It has survived not only five centuries, but also the leap into electronic typesetting. Neque + porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur. +

+
+
+
+ +
+

It has survived not only five centuries, but also the leap into electronic typesetting. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur.

+
+
+
+ +
+

It has survived not only five centuries, but also the leap into electronic typesetting. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur.

+
+
+
+ +
+

It has survived not only five centuries, but also the leap into electronic typesetting. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur.

+
+
+
+ +
+

It has survived not only five centuries, but also the leap into electronic typesetting. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur.

+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Datum_UImodel/pages-maintenance.html b/Datum_UImodel/pages-maintenance.html new file mode 100644 index 0000000..d68db80 --- /dev/null +++ b/Datum_UImodel/pages-maintenance.html @@ -0,0 +1,72 @@ + + + + + + + + + Datum | CRM Admin Dashboard Template + + + + + +
+
+
+
+ + +
+
+
+
+
+
+ +

Site Currently Under Maintenance

+

Please check back in sometime.

+

Contact with [email protected]

+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Datum_UImodel/pricing.html b/Datum_UImodel/pricing.html new file mode 100644 index 0000000..098c129 --- /dev/null +++ b/Datum_UImodel/pricing.html @@ -0,0 +1,1205 @@ + + + + + + + Datum | CRM Admin Dashboard Template + + + + + +
+
+
+
+ + +
+ +
+
+ +
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
$19 / Per month +
Basic +
+
+
+
$39 / Per month +
Standard +
+
+
+
$119 / Per month +
Platinum +
+
+
+
$219 / Per month +
Premium +
+
Feature 1 + + + + + + + + + + + + + + + +
Feature 2 + + + + + + + + + + + + + + + +
Feature 3 + + + + + + + + + + + + + + + +
Feature 4 + + + + + + + + + + + + + + + +
Feature 5 + + + + + + + + + + + + + + + +
+ + + + Purchase + Purchase + Purchase + Purchase +
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Datum_UImodel/privacy-policy.html b/Datum_UImodel/privacy-policy.html new file mode 100644 index 0000000..2fc2e10 --- /dev/null +++ b/Datum_UImodel/privacy-policy.html @@ -0,0 +1,1181 @@ + + + + + + + + Datum | CRM Admin Dashboard Template + + + + + +
+
+
+
+ + +
+ +
+
+ +
+
+
+
+
+
+
+
+
+

What is Lorem Ipsum?

+
+
+
+

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been + the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley + of type and scrambled it to make a type specimen book. It has survived not only five centuries, + but also the leap into electronic typesetting, remaining essentially unchanged. It was + popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, + and more recently with desktop publishing software like Aldus PageMaker including versions of + Lorem Ipsum.

+
+
+
+
+
+

Why do we use it?

+
+
+
+

It is a long established fact that a reader will be distracted by the readable content of a page + when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal + distribution of letters, as opposed to using 'Content here, content here', making it look like + readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as + their default model text, and a search for 'lorem ipsum' will uncover many web sites still in + their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on + purpose (injected humour and the like).

+
+
+
+
+
+

Where does it come from?

+
+
+
+

It is a long established fact that a reader will be distracted by the readable content of a page + when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal + distribution of letters, as opposed to using 'Content here, content here', making it look like + readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as + their default model text, and a search for 'lorem ipsum' will uncover many web sites still in + their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on + purpose (injected humour and the like).

+
+
+
+
+
+

Where can I get some?

+
+
+
+

It is a long established fact that a reader will be distracted by the readable content of a page + when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal + distribution of letters, as opposed to using 'Content here, content here', making it look like + readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as + their default model text, and a search for 'lorem ipsum' will uncover many web sites still in + their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on + purpose (injected humour and the like).

+
+
+
+
+
+

Why do we use it?

+
+
+
+

It is a long established fact that a reader will be distracted by the readable content of a page + when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal + distribution of letters, as opposed to using 'Content here, content here', making it look like + readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as + their default model text, and a search for 'lorem ipsum' will uncover many web sites still in + their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on + purpose (injected humour and the like).

+
+
+
+
+
+

Why do we use it?

+
+
+
+

It is a long established fact that a reader will be distracted by the readable content of a page + when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal + distribution of letters, as opposed to using 'Content here, content here', making it look like + readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as + their default model text, and a search for 'lorem ipsum' will uncover many web sites still in + their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on + purpose (injected humour and the like).

+
+
+
+
+
+

Why do we use it?

+
+
+
+

It is a long established fact that a reader will be distracted by the readable content of a page + when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal + distribution of letters, as opposed to using 'Content here, content here', making it look like + readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as + their default model text, and a search for 'lorem ipsum' will uncover many web sites still in + their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on + purpose (injected humour and the like).

+
+
+
+
+
+

Why do we use it?

+
+
+
+

It is a long established fact that a reader will be distracted by the readable content of a page + when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal + distribution of letters, as opposed to using 'Content here, content here', making it look like + readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as + their default model text, and a search for 'lorem ipsum' will uncover many web sites still in + their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on + purpose (injected humour and the like).

+
+
+
+
+
+

Why do we use it?

+
+
+
+

It is a long established fact that a reader will be distracted by the readable content of a page + when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal + distribution of letters, as opposed to using 'Content here, content here', making it look like + readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as + their default model text, and a search for 'lorem ipsum' will uncover many web sites still in + their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on + purpose (injected humour and the like).

+
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Datum_UImodel/product-add.html b/Datum_UImodel/product-add.html new file mode 100644 index 0000000..3d22b84 --- /dev/null +++ b/Datum_UImodel/product-add.html @@ -0,0 +1,1146 @@ + + + + + + + Datum | CRM Admin Dashboard Template + + + + + +
+
+
+
+ + +
+ +
+
+ +
+
+
+ +
+
+
+
+
+ +
+ + + + + Back + +
+
+
+

New Product

+
+
+
+
+
Basic Information
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+
+
+
+
+
Product Image
+
+
+ + + + + + + + + + + +
+
+

Drop files here or click to upload

+
+
+
+ +
+
+
+
+
+
+ +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Datum_UImodel/product.html b/Datum_UImodel/product.html new file mode 100644 index 0000000..4316f53 --- /dev/null +++ b/Datum_UImodel/product.html @@ -0,0 +1,1562 @@ + + + + + + + Datum | CRM Admin Dashboard Template + + + + + +
+
+
+
+ + +
+ +
+
+ +
+
+
+ +
+
+ +
+
+
+

Product

+
+
+ +
+
+ +
+
+
+
+
+
Products List
+ +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + + + + + + + Action +
+
+
+ user-icon +
+
+
+ Bassheads 220 Wired Headset +
+

+ Molten Orange, In the Ear +

+
+
+
Headset + $74.98 + + 45 + +

+ + + In Stock +

+
+ +
+
+
+ user-icon +
+
+
+ SDDDC2-256G-I35 256 GB OTG +
+

+ Black, Type A to Type C +

+
+
+
OTG Pendrive + $109.00 + + 25 + +

+ + + In Stock +

+
+ +
+
+
+ user-icon +
+
+
+ 360 Deg 1080p Security Camera +
+

+ Wifi Smart +

+
+
+
Camera + $749.49 + + 02 + +

+ + + Limited +

+
+ +
+
+
+ user-icon +
+
+
+ Ryzen 5 Quad Core 3500U Thin Laptop +
+

+ 8 GB/512 GB SSD/Windows 10 Home +

+
+
+
Laptop + $2,499.99 + + 10 + +

+ + + In Stock +

+
+ +
+
+
+ user-icon +
+
+
+ M10 FHD Plus with Active Pen Tablet +
+

+ (2nd Gen) 10.3 inches +

+
+
+
Tablet + $962.49 + + 00 + +

+ + + Out Of Stock +

+
+ +
+
+
+ user-icon +
+
+
+ Stone Portable Bluetooth Speaker +
+

+ Black, Stereo Channel +

+
+
+
Speaker + $599.99 + + 80 + +

+ + + In Stock +

+
+ +
+
+
+ user-icon +
+
+
+ EO Wooden Card Pen Drive +
+

+ 16 GB, White +

+
+
+
Pendrive + $89.22 + + 05 + +

+ + + Limited +

+
+ +
+
+
+ user-icon +
+
+
+ Airpods With Wireless Charging Case +
+

+ Noise Cancellation, True Wireless +

+
+
+
Headset + $229.9 + + 00 + +

+ + + Out Of Stock +

+
+ +
+
+
+ user-icon +
+
+
+ HP v150W PENDRIVE +
+

+ 64 GB (Blue, Black) +

+
+
+
Pendrive + $39.99 + + 30 + +

+ + + In Stock +

+
+ +
+
+
+ user-icon +
+
+
+ FivePlus Nord 5G +
+

+ (12GB RAM, 256GB Storage) +

+
+
+
Mobile + $2,399.99 + + 80 + +

+ + + In Stock +

+
+ +
+
+
+
+
+
+
+
+
+ +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Datum_UImodel/static/css/backend-plugin.min.css b/Datum_UImodel/static/css/backend-plugin.min.css new file mode 100644 index 0000000..c948609 --- /dev/null +++ b/Datum_UImodel/static/css/backend-plugin.min.css @@ -0,0 +1,10 @@ +table.dataTable{clear:both;margin-top:6px!important;margin-bottom:6px!important;max-width:none!important;border-collapse:separate!important;border-spacing:0}table.dataTable td,table.dataTable th{box-sizing:content-box}table.dataTable td.dataTables_empty,table.dataTable th.dataTables_empty{text-align:center}table.dataTable.nowrap td,table.dataTable.nowrap th{white-space:nowrap}div.dataTables_wrapper div.dataTables_length label{font-weight:400;text-align:left;white-space:nowrap}div.dataTables_wrapper div.dataTables_length select{width:auto;display:inline-block}div.dataTables_wrapper div.dataTables_filter{text-align:right}div.dataTables_wrapper div.dataTables_filter label{font-weight:400;white-space:nowrap;text-align:left}div.dataTables_wrapper div.dataTables_filter input{margin-left:.5em;display:inline-block;width:auto}div.dataTables_wrapper div.dataTables_info{padding-top:.85em}div.dataTables_wrapper div.dataTables_paginate{margin:0;white-space:nowrap;text-align:right}div.dataTables_wrapper div.dataTables_paginate ul.pagination{margin:2px 0;white-space:nowrap;justify-content:flex-end}div.dataTables_wrapper div.dataTables_processing{position:absolute;top:50%;left:50%;width:200px;margin-left:-100px;margin-top:-26px;text-align:center;padding:1em 0}table.dataTable>thead>tr>td:active,table.dataTable>thead>tr>th:active{outline:none}table.dataTable>thead>tr>td:not(.sorting_disabled),table.dataTable>thead>tr>th:not(.sorting_disabled){padding-right:30px}table.dataTable>thead .sorting,table.dataTable>thead .sorting_asc,table.dataTable>thead .sorting_asc_disabled,table.dataTable>thead .sorting_desc,table.dataTable>thead .sorting_desc_disabled{cursor:pointer;position:relative}table.dataTable>thead .sorting:after,table.dataTable>thead .sorting:before,table.dataTable>thead .sorting_asc:after,table.dataTable>thead .sorting_asc:before,table.dataTable>thead .sorting_asc_disabled:after,table.dataTable>thead .sorting_asc_disabled:before,table.dataTable>thead .sorting_desc:after,table.dataTable>thead .sorting_desc:before,table.dataTable>thead .sorting_desc_disabled:after,table.dataTable>thead .sorting_desc_disabled:before{position:absolute;bottom:.9em;display:block;opacity:.3}table.dataTable>thead .sorting:before,table.dataTable>thead .sorting_asc:before,table.dataTable>thead .sorting_asc_disabled:before,table.dataTable>thead .sorting_desc:before,table.dataTable>thead .sorting_desc_disabled:before{right:1em;content:"↑"}table.dataTable>thead .sorting:after,table.dataTable>thead .sorting_asc:after,table.dataTable>thead .sorting_asc_disabled:after,table.dataTable>thead .sorting_desc:after,table.dataTable>thead .sorting_desc_disabled:after{right:.5em;content:"↓"}table.dataTable>thead .sorting_asc:before,table.dataTable>thead .sorting_desc:after{opacity:1}table.dataTable>thead .sorting_asc_disabled:before,table.dataTable>thead .sorting_desc_disabled:after{opacity:0}div.dataTables_scrollHead table.dataTable{margin-bottom:0!important}div.dataTables_scrollBody table{border-top:none;margin-top:0!important;margin-bottom:0!important}div.dataTables_scrollBody table thead .sorting:after,div.dataTables_scrollBody table thead .sorting:before,div.dataTables_scrollBody table thead .sorting_asc:after,div.dataTables_scrollBody table thead .sorting_asc:before,div.dataTables_scrollBody table thead .sorting_desc:after,div.dataTables_scrollBody table thead .sorting_desc:before{display:none}div.dataTables_scrollBody table tbody tr:first-child td,div.dataTables_scrollBody table tbody tr:first-child th{border-top:none}div.dataTables_scrollFoot>.dataTables_scrollFootInner{box-sizing:content-box}div.dataTables_scrollFoot>.dataTables_scrollFootInner>table{margin-top:0!important;border-top:none}@media screen and (max-width:767px){div.dataTables_wrapper div.dataTables_filter,div.dataTables_wrapper div.dataTables_info,div.dataTables_wrapper div.dataTables_length,div.dataTables_wrapper div.dataTables_paginate{text-align:center}div.dataTables_wrapper div.dataTables_paginate ul.pagination{justify-content:center!important}}table.dataTable.table-sm>thead>tr>th:not(.sorting_disabled){padding-right:20px}table.dataTable.table-sm .sorting:before,table.dataTable.table-sm .sorting_asc:before,table.dataTable.table-sm .sorting_desc:before{top:5px;right:.85em}table.dataTable.table-sm .sorting:after,table.dataTable.table-sm .sorting_asc:after,table.dataTable.table-sm .sorting_desc:after{top:5px}table.table-bordered.dataTable{border-right-width:0}table.table-bordered.dataTable td,table.table-bordered.dataTable th{border-left-width:0}table.table-bordered.dataTable td:last-child,table.table-bordered.dataTable th:last-child{border-right-width:1px}div.dataTables_scrollHead table.table-bordered,table.table-bordered.dataTable tbody td,table.table-bordered.dataTable tbody th{border-bottom-width:0}div.table-responsive>div.dataTables_wrapper>div.row{margin:0}div.table-responsive>div.dataTables_wrapper>div.row>div[class^=col-]:first-child{padding-left:0}div.table-responsive>div.dataTables_wrapper>div.row>div[class^=col-]:last-child{padding-right:0} +/*! + * Quill Editor v1.3.7 + * https://quilljs.com/ + * Copyright (c) 2014, Jason Chen + * Copyright (c) 2013, salesforce.com + */.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before{pointer-events:none}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6,.ql-editor ol,.ql-editor p,.ql-editor pre,.ql-editor ul{margin:0;padding:0;counter-reset:a b c d e f g h i}.ql-editor ol,.ql-editor ul{padding-left:1.5em}.ql-editor ol>li,.ql-editor ul>li{list-style-type:none}.ql-editor ul>li:before{content:"\2022"}.ql-editor ul[data-checked=false],.ql-editor ul[data-checked=true]{pointer-events:none}.ql-editor ul[data-checked=false]>li *,.ql-editor ul[data-checked=true]>li *{pointer-events:all}.ql-editor ul[data-checked=false]>li:before,.ql-editor ul[data-checked=true]>li:before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true]>li:before{content:"\2611"}.ql-editor ul[data-checked=false]>li:before{content:"\2610"}.ql-editor li:before{display:inline-block;white-space:nowrap;width:1.2em}.ql-editor li:not(.ql-direction-rtl):before{margin-left:-1.5em;margin-right:.3em;text-align:right}.ql-editor li.ql-direction-rtl:before{margin-left:.3em;margin-right:-1.5em}.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){padding-left:1.5em}.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{padding-right:1.5em}.ql-editor ol li{counter-reset:a b c d e f g h i;counter-increment:j}.ql-editor ol li:before{content:counter(j,decimal) ". "}.ql-editor ol li.ql-indent-1{counter-increment:a}.ql-editor ol li.ql-indent-1:before{content:counter(a,lower-alpha) ". "}.ql-editor ol li.ql-indent-1{counter-reset:b c d e f g h i}.ql-editor ol li.ql-indent-2{counter-increment:b}.ql-editor ol li.ql-indent-2:before{content:counter(b,lower-roman) ". "}.ql-editor ol li.ql-indent-2{counter-reset:c d e f g h i}.ql-editor ol li.ql-indent-3{counter-increment:c}.ql-editor ol li.ql-indent-3:before{content:counter(c,decimal) ". "}.ql-editor ol li.ql-indent-3{counter-reset:d e f g h i}.ql-editor ol li.ql-indent-4{counter-increment:d}.ql-editor ol li.ql-indent-4:before{content:counter(d,lower-alpha) ". "}.ql-editor ol li.ql-indent-4{counter-reset:e f g h i}.ql-editor ol li.ql-indent-5{counter-increment:e}.ql-editor ol li.ql-indent-5:before{content:counter(e,lower-roman) ". "}.ql-editor ol li.ql-indent-5{counter-reset:f g h i}.ql-editor ol li.ql-indent-6{counter-increment:f}.ql-editor ol li.ql-indent-6:before{content:counter(f,decimal) ". "}.ql-editor ol li.ql-indent-6{counter-reset:g h i}.ql-editor ol li.ql-indent-7{counter-increment:g}.ql-editor ol li.ql-indent-7:before{content:counter(g,lower-alpha) ". "}.ql-editor ol li.ql-indent-7{counter-reset:h i}.ql-editor ol li.ql-indent-8{counter-increment:h}.ql-editor ol li.ql-indent-8:before{content:counter(h,lower-roman) ". "}.ql-editor ol li.ql-indent-8{counter-reset:i}.ql-editor ol li.ql-indent-9{counter-increment:i}.ql-editor ol li.ql-indent-9:before{content:counter(i,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor.ql-blank:before{color:rgba(0,0,0,.6);content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:"";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover{color:#06c}.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter{stroke:#06c}@media (pointer:coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-stroke.ql-thin,.ql-snow .ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor pre{white-space:pre-wrap;margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor pre.ql-syntax{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-item:before,.ql-snow .ql-picker.ql-header .ql-picker-label:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-item:before,.ql-snow .ql-picker.ql-font .ql-picker-label:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-item:before,.ql-snow .ql-picker.ql-size .ql-picker-label:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:0 2px 8px rgba(0,0,0,.2)}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc} +.gu-mirror{position:fixed!important;margin:0!important;z-index:1!important;opacity:.8}.gu-hide{display:none!important}.gu-unselectable{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.gu-transit{opacity:.2} +.apexcharts-canvas{position:relative;user-select:none}.apexcharts-canvas ::-webkit-scrollbar{-webkit-appearance:none;width:6px}.apexcharts-canvas ::-webkit-scrollbar-thumb{border-radius:4px;background-color:rgba(0,0,0,.5);box-shadow:0 0 1px hsla(0,0%,100%,.5);-webkit-box-shadow:0 0 1px hsla(0,0%,100%,.5)}.apexcharts-inner{position:relative}.apexcharts-text tspan{font-family:inherit}.legend-mouseover-inactive{transition:all .15s ease;opacity:.2}.apexcharts-series-collapsed{opacity:0}.apexcharts-tooltip{border-radius:5px;box-shadow:2px 2px 6px -4px #999;cursor:default;font-size:14px;left:62px;opacity:0;pointer-events:none;position:absolute;top:20px;display:flex;flex-direction:column;overflow:hidden;white-space:nowrap;z-index:3;transition:all .15s ease}.apexcharts-tooltip.apexcharts-active{opacity:1;transition:all .15s ease}.apexcharts-tooltip.apexcharts-theme-light{border:1px solid #e3e3e3;background:hsla(0,0%,100%,.96)}.apexcharts-tooltip.apexcharts-theme-dark{color:#fff;background:rgba(30,30,30,.8)}.apexcharts-tooltip *{font-family:inherit}.apexcharts-tooltip-title{padding:6px;font-size:15px;margin-bottom:4px}.apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title{background:#eceff1;border-bottom:1px solid #ddd}.apexcharts-tooltip.apexcharts-theme-dark .apexcharts-tooltip-title{background:rgba(0,0,0,.7);border-bottom:1px solid #333}.apexcharts-tooltip-text-goals-value,.apexcharts-tooltip-text-y-value,.apexcharts-tooltip-text-z-value{display:inline-block;margin-left:5px}.apexcharts-tooltip-text-goals-label:empty,.apexcharts-tooltip-text-goals-value:empty,.apexcharts-tooltip-text-y-label:empty,.apexcharts-tooltip-text-y-value:empty,.apexcharts-tooltip-text-z-value:empty{display:none}.apexcharts-tooltip-text-goals-value,.apexcharts-tooltip-text-y-value,.apexcharts-tooltip-text-z-value{font-weight:600}.apexcharts-tooltip-text-goals-label,.apexcharts-tooltip-text-goals-value{padding:6px 0 5px}.apexcharts-tooltip-goals-group,.apexcharts-tooltip-text-goals-label,.apexcharts-tooltip-text-goals-value{display:flex}.apexcharts-tooltip-text-goals-label:not(:empty),.apexcharts-tooltip-text-goals-value:not(:empty){margin-top:-6px}.apexcharts-tooltip-marker{width:12px;height:12px;position:relative;top:0;margin-right:10px;border-radius:50%}.apexcharts-tooltip-series-group{padding:0 10px;display:none;text-align:left;justify-content:left;align-items:center}.apexcharts-tooltip-series-group.apexcharts-active .apexcharts-tooltip-marker{opacity:1}.apexcharts-tooltip-series-group.apexcharts-active,.apexcharts-tooltip-series-group:last-child{padding-bottom:4px}.apexcharts-tooltip-series-group-hidden{opacity:0;height:0;line-height:0;padding:0!important}.apexcharts-tooltip-y-group{padding:6px 0 5px}.apexcharts-custom-tooltip,.apexcharts-tooltip-box{padding:4px 8px}.apexcharts-tooltip-boxPlot{display:flex;flex-direction:column-reverse}.apexcharts-tooltip-box>div{margin:4px 0}.apexcharts-tooltip-box span.value{font-weight:700}.apexcharts-tooltip-rangebar{padding:5px 8px}.apexcharts-tooltip-rangebar .category{font-weight:600;color:#777}.apexcharts-tooltip-rangebar .series-name{font-weight:700;display:block;margin-bottom:5px}.apexcharts-xaxistooltip{opacity:0;padding:9px 10px;pointer-events:none;color:#373d3f;font-size:13px;text-align:center;border-radius:2px;position:absolute;z-index:1;background:#eceff1;border:1px solid #90a4ae;transition:all .15s ease}.apexcharts-xaxistooltip.apexcharts-theme-dark{background:rgba(0,0,0,.7);border:1px solid rgba(0,0,0,.5);color:#fff}.apexcharts-xaxistooltip:after,.apexcharts-xaxistooltip:before{left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.apexcharts-xaxistooltip:after{border-color:rgba(236,239,241,0);border-width:6px;margin-left:-6px}.apexcharts-xaxistooltip:before{border-color:rgba(144,164,174,0);border-width:7px;margin-left:-7px}.apexcharts-xaxistooltip-bottom:after,.apexcharts-xaxistooltip-bottom:before{bottom:100%}.apexcharts-xaxistooltip-top:after,.apexcharts-xaxistooltip-top:before{top:100%}.apexcharts-xaxistooltip-bottom:after{border-bottom-color:#eceff1}.apexcharts-xaxistooltip-bottom:before{border-bottom-color:#90a4ae}.apexcharts-xaxistooltip-bottom.apexcharts-theme-dark:after,.apexcharts-xaxistooltip-bottom.apexcharts-theme-dark:before{border-bottom-color:rgba(0,0,0,.5)}.apexcharts-xaxistooltip-top:after{border-top-color:#eceff1}.apexcharts-xaxistooltip-top:before{border-top-color:#90a4ae}.apexcharts-xaxistooltip-top.apexcharts-theme-dark:after,.apexcharts-xaxistooltip-top.apexcharts-theme-dark:before{border-top-color:rgba(0,0,0,.5)}.apexcharts-xaxistooltip.apexcharts-active{opacity:1;transition:all .15s ease}.apexcharts-yaxistooltip{opacity:0;padding:4px 10px;pointer-events:none;color:#373d3f;font-size:13px;text-align:center;border-radius:2px;position:absolute;z-index:1;background:#eceff1;border:1px solid #90a4ae}.apexcharts-yaxistooltip.apexcharts-theme-dark{background:rgba(0,0,0,.7);border:1px solid rgba(0,0,0,.5);color:#fff}.apexcharts-yaxistooltip:after,.apexcharts-yaxistooltip:before{top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.apexcharts-yaxistooltip:after{border-color:rgba(236,239,241,0);border-width:6px;margin-top:-6px}.apexcharts-yaxistooltip:before{border-color:rgba(144,164,174,0);border-width:7px;margin-top:-7px}.apexcharts-yaxistooltip-left:after,.apexcharts-yaxistooltip-left:before{left:100%}.apexcharts-yaxistooltip-right:after,.apexcharts-yaxistooltip-right:before{right:100%}.apexcharts-yaxistooltip-left:after{border-left-color:#eceff1}.apexcharts-yaxistooltip-left:before{border-left-color:#90a4ae}.apexcharts-yaxistooltip-left.apexcharts-theme-dark:after,.apexcharts-yaxistooltip-left.apexcharts-theme-dark:before{border-left-color:rgba(0,0,0,.5)}.apexcharts-yaxistooltip-right:after{border-right-color:#eceff1}.apexcharts-yaxistooltip-right:before{border-right-color:#90a4ae}.apexcharts-yaxistooltip-right.apexcharts-theme-dark:after,.apexcharts-yaxistooltip-right.apexcharts-theme-dark:before{border-right-color:rgba(0,0,0,.5)}.apexcharts-yaxistooltip.apexcharts-active{opacity:1}.apexcharts-yaxistooltip-hidden{display:none}.apexcharts-xcrosshairs,.apexcharts-ycrosshairs{pointer-events:none;opacity:0;transition:all .15s ease}.apexcharts-xcrosshairs.apexcharts-active,.apexcharts-ycrosshairs.apexcharts-active{opacity:1;transition:all .15s ease}.apexcharts-ycrosshairs-hidden{opacity:0}.apexcharts-selection-rect{cursor:move}.svg_select_boundingRect,.svg_select_points_rot{pointer-events:none;opacity:0;visibility:hidden}.apexcharts-selection-rect+g .svg_select_boundingRect,.apexcharts-selection-rect+g .svg_select_points_rot{opacity:0;visibility:hidden}.apexcharts-selection-rect+g .svg_select_points_l,.apexcharts-selection-rect+g .svg_select_points_r{cursor:ew-resize;opacity:1;visibility:visible}.svg_select_points{fill:#efefef;stroke:#333;rx:2}.apexcharts-svg.apexcharts-zoomable.hovering-zoom{cursor:crosshair}.apexcharts-svg.apexcharts-zoomable.hovering-pan{cursor:move}.apexcharts-menu-icon,.apexcharts-pan-icon,.apexcharts-reset-icon,.apexcharts-selection-icon,.apexcharts-toolbar-custom-icon,.apexcharts-zoom-icon,.apexcharts-zoomin-icon,.apexcharts-zoomout-icon{cursor:pointer;width:20px;height:20px;line-height:24px;color:#6e8192;text-align:center}.apexcharts-menu-icon svg,.apexcharts-reset-icon svg,.apexcharts-zoom-icon svg,.apexcharts-zoomin-icon svg,.apexcharts-zoomout-icon svg{fill:#6e8192}.apexcharts-selection-icon svg{fill:#444;transform:scale(.76)}.apexcharts-theme-dark .apexcharts-menu-icon svg,.apexcharts-theme-dark .apexcharts-pan-icon svg,.apexcharts-theme-dark .apexcharts-reset-icon svg,.apexcharts-theme-dark .apexcharts-selection-icon svg,.apexcharts-theme-dark .apexcharts-toolbar-custom-icon svg,.apexcharts-theme-dark .apexcharts-zoom-icon svg,.apexcharts-theme-dark .apexcharts-zoomin-icon svg,.apexcharts-theme-dark .apexcharts-zoomout-icon svg{fill:#f3f4f5}.apexcharts-canvas .apexcharts-reset-zoom-icon.apexcharts-selected svg,.apexcharts-canvas .apexcharts-selection-icon.apexcharts-selected svg,.apexcharts-canvas .apexcharts-zoom-icon.apexcharts-selected svg{fill:#008ffb}.apexcharts-theme-light .apexcharts-menu-icon:hover svg,.apexcharts-theme-light .apexcharts-reset-icon:hover svg,.apexcharts-theme-light .apexcharts-selection-icon:not(.apexcharts-selected):hover svg,.apexcharts-theme-light .apexcharts-zoom-icon:not(.apexcharts-selected):hover svg,.apexcharts-theme-light .apexcharts-zoomin-icon:hover svg,.apexcharts-theme-light .apexcharts-zoomout-icon:hover svg{fill:#333}.apexcharts-menu-icon,.apexcharts-selection-icon{position:relative}.apexcharts-reset-icon{margin-left:5px}.apexcharts-menu-icon,.apexcharts-reset-icon,.apexcharts-zoom-icon{transform:scale(.85)}.apexcharts-zoomin-icon,.apexcharts-zoomout-icon{transform:scale(.7)}.apexcharts-zoomout-icon{margin-right:3px}.apexcharts-pan-icon{transform:scale(.62);position:relative;left:1px;top:0}.apexcharts-pan-icon svg{fill:#fff;stroke:#6e8192;stroke-width:2}.apexcharts-pan-icon.apexcharts-selected svg{stroke:#008ffb}.apexcharts-pan-icon:not(.apexcharts-selected):hover svg{stroke:#333}.apexcharts-toolbar{position:absolute;z-index:2;max-width:176px;text-align:right;border-radius:3px;padding:0 6px 2px;display:flex;justify-content:space-between;align-items:center}.apexcharts-menu{background:#fff;position:absolute;top:100%;border:1px solid #ddd;border-radius:3px;padding:3px;right:10px;opacity:0;min-width:110px;transition:all .15s ease;pointer-events:none}.apexcharts-menu.apexcharts-menu-open{opacity:1;pointer-events:all;transition:all .15s ease}.apexcharts-menu-item{padding:6px 7px;font-size:12px;cursor:pointer}.apexcharts-theme-light .apexcharts-menu-item:hover{background:#eee}.apexcharts-theme-dark .apexcharts-menu{background:rgba(0,0,0,.7);color:#fff}@media screen and (min-width:768px){.apexcharts-canvas:hover .apexcharts-toolbar{opacity:1}}.apexcharts-datalabel.apexcharts-element-hidden{opacity:0}.apexcharts-datalabel,.apexcharts-datalabel-label,.apexcharts-datalabel-value,.apexcharts-datalabels,.apexcharts-pie-label{cursor:default;pointer-events:none}.apexcharts-pie-label-delay{opacity:0;animation-name:a;animation-duration:.3s;animation-fill-mode:forwards;animation-timing-function:ease}.apexcharts-canvas .apexcharts-element-hidden,.apexcharts-hide .apexcharts-series-points{opacity:0}.apexcharts-annotation-rect,.apexcharts-area-series .apexcharts-area,.apexcharts-area-series .apexcharts-series-markers .apexcharts-marker.no-pointer-events,.apexcharts-gridline,.apexcharts-line,.apexcharts-line-series .apexcharts-series-markers .apexcharts-marker.no-pointer-events,.apexcharts-radar-series path,.apexcharts-radar-series polygon,.apexcharts-toolbar svg,.apexcharts-tooltip .apexcharts-marker,.apexcharts-zoom-rect{pointer-events:none}.apexcharts-marker{transition:all .15s ease}@keyframes a{0%{opacity:0}to{opacity:1}}@keyframes b{0%{opacity:0}to{opacity:0}}.resize-triggers{animation:1ms b;visibility:hidden;opacity:0}.contract-trigger:before,.resize-triggers,.resize-triggers>div{content:" ";display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden}.resize-triggers>div{background:#eee;overflow:auto}.contract-trigger:before{width:200%;height:200%} +.leaflet-image-layer,.leaflet-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane,.leaflet-pane>canvas,.leaflet-pane>svg,.leaflet-tile,.leaflet-tile-container,.leaflet-zoom-box{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-overlay-pane svg,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer{max-width:none!important;max-height:none!important}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;box-sizing:border-box;z-index:8}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:3}.leaflet-tile-pane{z-index:2}.leaflet-overlay-pane{z-index:3}.leaflet-shadow-pane{z-index:4}.leaflet-marker-pane{z-index:5}.leaflet-tooltip-pane{z-index:6}.leaflet-popup-pane{z-index:7}.leaflet-map-pane canvas{z-index:1}.leaflet-map-pane svg{z-index:2}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(https://www.17sucai.com/preview/776298/2021-08-03/datum/assets/css/backend-plugin.min.css#default);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:8;pointer-events:visiblePainted;pointer-events:auto}.leaflet-bottom,.leaflet-top{position:absolute;z-index:9;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-tile{will-change:opacity}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}.leaflet-zoom-anim .leaflet-zoom-animated{will-change:transform;transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-pan-anim .leaflet-tile,.leaflet-zoom-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-control,.leaflet-popup-pane{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:grabbing}.leaflet-image-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-image-layer.leaflet-interactive,.leaflet-marker-icon.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline:0}.leaflet-container a{color:#0078a8}.leaflet-container a.leaflet-active{outline:2px solid orange}.leaflet-zoom-box{border:2px dotted #38f;background:hsla(0,0%,100%,.5)}.leaflet-container{font:12px/1.5 Helvetica Neue,Arial,Helvetica,sans-serif}.leaflet-bar{box-shadow:0 1px 5px rgba(0,0,0,.65);border-radius:4px}.leaflet-bar a,.leaflet-bar a:hover{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px rgba(0,0,0,.4);background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(https://www.17sucai.com/preview/776298/2021-08-03/datum/assets/css/images/layers.png);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(https://www.17sucai.com/preview/776298/2021-08-03/datum/assets/css/images/layers-2x.png);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers-expanded .leaflet-control-layers-toggle,.leaflet-control-layers .leaflet-control-layers-list{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(https://www.17sucai.com/preview/776298/2021-08-03/datum/assets/css/images/marker-icon.png)}.leaflet-container .leaflet-control-attribution{background:#fff;background:hsla(0,0%,100%,.7);margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover{text-decoration:underline}.leaflet-container .leaflet-control-attribution,.leaflet-container .leaflet-control-scale{font-size:11px}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;font-size:11px;white-space:nowrap;overflow:hidden;box-sizing:border-box;background:#fff;background:hsla(0,0%,100%,.5)}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers{box-shadow:none}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-layers{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 19px;line-height:1.4}.leaflet-popup-content p{margin:18px 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px rgba(0,0,0,.4)}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;padding:4px 4px 0 0;border:none;text-align:center;width:18px;height:14px;font:16px/14px Tahoma,Verdana,sans-serif;color:#c3c3c3;text-decoration:none;font-weight:700;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover{color:#999}.leaflet-popup-scrolled{overflow:auto;border-bottom:1px solid #ddd;border-top:1px solid #ddd}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678,M12=0.70710678,M21=-0.70710678,M22=0.70710678)}.leaflet-oldie .leaflet-popup-tip-container{margin-top:-1px}.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px rgba(0,0,0,.4)}.leaflet-tooltip.leaflet-clickable{cursor:pointer;pointer-events:auto}.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before,.leaflet-tooltip-top:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff} \ No newline at end of file diff --git a/Datum_UImodel/static/css/backend.css b/Datum_UImodel/static/css/backend.css new file mode 100644 index 0000000..32926ff --- /dev/null +++ b/Datum_UImodel/static/css/backend.css @@ -0,0 +1,16 @@ + +/*! +* +* Template: Datum - Responsive Bootstrap 4 Admin Dashboard Template +* Author: iqonic.design +* Design and Developed by: iqonic.design +* NOTE: This file contains the styling for responsive Template. +* +*/@import url("css2.css");:root{--iq-primary:#cdf;--iq-secondary:#dfe3ec;--iq-success:#d3ffb3;--iq-info:#bcf5f5;--iq-warning:#ffcfb3;--iq-danger:#ffb3b3;--iq-light:#c7cbd3;--iq-dark:rgba(199,203,211,.1);--iq-orange:#ffc4a0;--iq-purple:#e9ccff;--iq-skyblue:#aad7ff;--iq-primary:rgba(71,136,255,.1);--iq-secondary:hsla(208,7%,46%,.1);--iq-success:rgba(55,230,178,.1);--iq-info:rgba(135,108,254,.1);--iq-warning:rgba(254,114,28,.1);--iq-danger:rgba(255,75,75,.1);--iq-light:rgba(199,203,211,.1);--iq-dark:rgba(1,4,27,.1);--iq-orange:rgba(253,126,20,.1);--iq-purple:rgba(71,49,182,.1);--blue:#4788ff;--indigo:#6610f2;--pink:#e83e8c;--red:#e24b58;--yellow:#ffd600;--green:#3cb72c;--teal:#20c997;--cyan:#19b3b3;--white:#fff;--gray:#6c757d;--gray-dark:#01041b;--primary:#3378ff;--secondary:#8f9fbc;--success:#3cb72c;--info:#19b3b3;--warning:#db7e06;--danger:#f42b3d;--light:#c7cbd3;--dark:#01041b;--orange:#fe721c;--purple:#9a18ff;--skyblue:#158df7;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,:after,:before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{font-size:1rem;line-height:1.5;text-align:left;background-color:#f9fbfe}[tabindex="-1"]:focus:not(:focus-visible){outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.625rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;text-decoration:underline dotted;cursor:help;border-bottom:0;text-decoration-skip-ink:none}address{font-style:normal;line-height:inherit}address,dl,ol,ul{margin-bottom:1rem}dl,ol,ul{margin-top:0}ol ol,ol ul,ul ol,ul ul{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{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#3378ff;text-decoration:none;background-color:transparent}a:hover{color:#004ee6}a:not([href]),a:not([href]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{border-style:none}img,svg{vertical-align:middle}svg{overflow:hidden}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}@media (max-width:1200px){legend{font-size:calc(1.275rem + .3vw)}}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.625rem;font-weight:600;line-height:1.2}.h1,h1{font-size:3.052rem}@media (max-width:1200px){.h1,h1{font-size:calc(1.4302rem + 2.1624vw)}}.h2,h2{font-size:2.441rem}@media (max-width:1200px){.h2,h2{font-size:calc(1.3691rem + 1.4292vw)}}.h3,h3{font-size:1.953rem}@media (max-width:1200px){.h3,h3{font-size:calc(1.3203rem + .8436vw)}}.h4,h4{font-size:1.563rem}@media (max-width:1200px){.h4,h4{font-size:calc(1.2813rem + .3756vw)}}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:6rem;font-weight:300;line-height:1.2}@media (max-width:1200px){.display-1{font-size:calc(1.725rem + 5.7vw)}}.display-2{font-size:5.5rem;font-weight:300;line-height:1.2}@media (max-width:1200px){.display-2{font-size:calc(1.675rem + 5.1vw)}}.display-3{font-size:4.5rem;font-weight:300;line-height:1.2}@media (max-width:1200px){.display-3{font-size:calc(1.575rem + 3.9vw)}}.display-4{font-size:3.5rem;font-weight:300;line-height:1.2}@media (max-width:1200px){.display-4{font-size:calc(1.475rem + 2.7vw)}}hr{margin-top:1.25rem;margin-bottom:1.25rem;border:0;border-top:1px solid rgba(0,0,0,.1)}.small,small{font-size:80%;font-weight:400}.mark,mark{padding:.2em;background-color:#fcf8e3}.list-inline,.list-unstyled{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:90%;text-transform:uppercase}.blockquote{margin-bottom:1.25rem;font-size:1.25rem}.blockquote-footer{display:block;font-size:80%;color:#6c757d}.blockquote-footer:before{content:"\2014\00A0"}.img-fluid,.img-thumbnail{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:#f9fbfe;border:1px solid #ccced2;border-radius:5px;box-shadow:0 1px 2px rgba(0,0,0,.075)}.figure{display:inline-block}.figure-img{margin-bottom:.625rem;line-height:1}.figure-caption{font-size:90%;color:#6c757d}code{font-size:87.5%;color:#e83e8c;word-wrap:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:87.5%;color:#fff;background-color:#212529;border-radius:5px;box-shadow:inset 0 -.1rem 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;font-weight:700;box-shadow:none}pre{display:block;font-size:87.5%;color:#212529}pre code{font-size:inherit;color:inherit;word-break:normal}.pre-scrollable{max-height:340px;overflow-y:scroll}.spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;border:.25em solid currentColor;border-right-color:transparent;border-radius:50%;animation:ic .75s linear infinite}.spinner-border-sm{width:1rem;height:1rem;border-width:.2em}@keyframes a{0%{transform:scale(0)}50%{opacity:1;transform:none}}.spinner-grow{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;background-color:currentColor;border-radius:50%;opacity:0;animation:a .75s linear infinite}.spinner-grow-sm{width:1rem;height:1rem}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.container-fluid,.container-lg,.container-md,.container-sm,.container-xl{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}.row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-auto,.col-lg,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-auto,.col-md,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md-auto,.col-sm,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{flex-basis:0;flex-grow:1;min-width:0;max-width:100%}.row-cols-1>*{flex:0 0 100%;max-width:100%}.row-cols-2>*{flex:0 0 50%;max-width:50%}.row-cols-3>*{flex:0 0 33.33333%;max-width:33.33333%}.row-cols-4>*{flex:0 0 25%;max-width:25%}.row-cols-5>*{flex:0 0 20%;max-width:20%}.row-cols-6>*{flex:0 0 16.66667%;max-width:16.66667%}.col-auto{flex:0 0 auto;width:auto;max-width:100%}.col-1{flex:0 0 8.33333%;max-width:8.33333%}.col-2{flex:0 0 16.66667%;max-width:16.66667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.33333%;max-width:33.33333%}.col-5{flex:0 0 41.66667%;max-width:41.66667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.33333%;max-width:58.33333%}.col-8{flex:0 0 66.66667%;max-width:66.66667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.33333%;max-width:83.33333%}.col-11{flex:0 0 91.66667%;max-width:91.66667%}.col-12{flex:0 0 100%;max-width:100%}.order-first{order:-1}.order-last{order:13}.order-0{order:0}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.order-7{order:7}.order-8{order:8}.order-9{order:9}.order-10{order:10}.order-11{order:11}.order-12{order:12}.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%}@media (min-width:576px){.col-sm{flex-basis:0;flex-grow:1;min-width:0;max-width:100%}.row-cols-sm-1>*{flex:0 0 100%;max-width:100%}.row-cols-sm-2>*{flex:0 0 50%;max-width:50%}.row-cols-sm-3>*{flex:0 0 33.33333%;max-width:33.33333%}.row-cols-sm-4>*{flex:0 0 25%;max-width:25%}.row-cols-sm-5>*{flex:0 0 20%;max-width:20%}.row-cols-sm-6>*{flex:0 0 16.66667%;max-width:16.66667%}.col-sm-auto{flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{flex:0 0 8.33333%;max-width:8.33333%}.col-sm-2{flex:0 0 16.66667%;max-width:16.66667%}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-4{flex:0 0 33.33333%;max-width:33.33333%}.col-sm-5{flex:0 0 41.66667%;max-width:41.66667%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-7{flex:0 0 58.33333%;max-width:58.33333%}.col-sm-8{flex:0 0 66.66667%;max-width:66.66667%}.col-sm-9{flex:0 0 75%;max-width:75%}.col-sm-10{flex:0 0 83.33333%;max-width:83.33333%}.col-sm-11{flex:0 0 91.66667%;max-width:91.66667%}.col-sm-12{flex:0 0 100%;max-width:100%}.order-sm-first{order:-1}.order-sm-last{order:13}.order-sm-0{order:0}.order-sm-1{order:1}.order-sm-2{order:2}.order-sm-3{order:3}.order-sm-4{order:4}.order-sm-5{order:5}.order-sm-6{order:6}.order-sm-7{order:7}.order-sm-8{order:8}.order-sm-9{order:9}.order-sm-10{order:10}.order-sm-11{order:11}.order-sm-12{order:12}.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%}}@media (min-width:768px){.col-md{flex-basis:0;flex-grow:1;min-width:0;max-width:100%}.row-cols-md-1>*{flex:0 0 100%;max-width:100%}.row-cols-md-2>*{flex:0 0 50%;max-width:50%}.row-cols-md-3>*{flex:0 0 33.33333%;max-width:33.33333%}.row-cols-md-4>*{flex:0 0 25%;max-width:25%}.row-cols-md-5>*{flex:0 0 20%;max-width:20%}.row-cols-md-6>*{flex:0 0 16.66667%;max-width:16.66667%}.col-md-auto{flex:0 0 auto;width:auto;max-width:100%}.col-md-1{flex:0 0 8.33333%;max-width:8.33333%}.col-md-2{flex:0 0 16.66667%;max-width:16.66667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.33333%;max-width:33.33333%}.col-md-5{flex:0 0 41.66667%;max-width:41.66667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.33333%;max-width:58.33333%}.col-md-8{flex:0 0 66.66667%;max-width:66.66667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-10{flex:0 0 83.33333%;max-width:83.33333%}.col-md-11{flex:0 0 91.66667%;max-width:91.66667%}.col-md-12{flex:0 0 100%;max-width:100%}.order-md-first{order:-1}.order-md-last{order:13}.order-md-0{order:0}.order-md-1{order:1}.order-md-2{order:2}.order-md-3{order:3}.order-md-4{order:4}.order-md-5{order:5}.order-md-6{order:6}.order-md-7{order:7}.order-md-8{order:8}.order-md-9{order:9}.order-md-10{order:10}.order-md-11{order:11}.order-md-12{order:12}.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%}}@media (min-width:992px){.col-lg{flex-basis:0;flex-grow:1;min-width:0;max-width:100%}.row-cols-lg-1>*{flex:0 0 100%;max-width:100%}.row-cols-lg-2>*{flex:0 0 50%;max-width:50%}.row-cols-lg-3>*{flex:0 0 33.33333%;max-width:33.33333%}.row-cols-lg-4>*{flex:0 0 25%;max-width:25%}.row-cols-lg-5>*{flex:0 0 20%;max-width:20%}.row-cols-lg-6>*{flex:0 0 16.66667%;max-width:16.66667%}.col-lg-auto{flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{flex:0 0 8.33333%;max-width:8.33333%}.col-lg-2{flex:0 0 16.66667%;max-width:16.66667%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.33333%;max-width:33.33333%}.col-lg-5{flex:0 0 41.66667%;max-width:41.66667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.33333%;max-width:58.33333%}.col-lg-8{flex:0 0 66.66667%;max-width:66.66667%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-10{flex:0 0 83.33333%;max-width:83.33333%}.col-lg-11{flex:0 0 91.66667%;max-width:91.66667%}.col-lg-12{flex:0 0 100%;max-width:100%}.order-lg-first{order:-1}.order-lg-last{order:13}.order-lg-0{order:0}.order-lg-1{order:1}.order-lg-2{order:2}.order-lg-3{order:3}.order-lg-4{order:4}.order-lg-5{order:5}.order-lg-6{order:6}.order-lg-7{order:7}.order-lg-8{order:8}.order-lg-9{order:9}.order-lg-10{order:10}.order-lg-11{order:11}.order-lg-12{order:12}.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%}}@media (min-width:1200px){.col-xl{flex-basis:0;flex-grow:1;min-width:0;max-width:100%}.row-cols-xl-1>*{flex:0 0 100%;max-width:100%}.row-cols-xl-2>*{flex:0 0 50%;max-width:50%}.row-cols-xl-3>*{flex:0 0 33.33333%;max-width:33.33333%}.row-cols-xl-4>*{flex:0 0 25%;max-width:25%}.row-cols-xl-5>*{flex:0 0 20%;max-width:20%}.row-cols-xl-6>*{flex:0 0 16.66667%;max-width:16.66667%}.col-xl-auto{flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{flex:0 0 8.33333%;max-width:8.33333%}.col-xl-2{flex:0 0 16.66667%;max-width:16.66667%}.col-xl-3{flex:0 0 25%;max-width:25%}.col-xl-4{flex:0 0 33.33333%;max-width:33.33333%}.col-xl-5{flex:0 0 41.66667%;max-width:41.66667%}.col-xl-6{flex:0 0 50%;max-width:50%}.col-xl-7{flex:0 0 58.33333%;max-width:58.33333%}.col-xl-8{flex:0 0 66.66667%;max-width:66.66667%}.col-xl-9{flex:0 0 75%;max-width:75%}.col-xl-10{flex:0 0 83.33333%;max-width:83.33333%}.col-xl-11{flex:0 0 91.66667%;max-width:91.66667%}.col-xl-12{flex:0 0 100%;max-width:100%}.order-xl-first{order:-1}.order-xl-last{order:13}.order-xl-0{order:0}.order-xl-1{order:1}.order-xl-2{order:2}.order-xl-3{order:3}.order-xl-4{order:4}.order-xl-5{order:5}.order-xl-6{order:6}.order-xl-7{order:7}.order-xl-8{order:8}.order-xl-9{order:9}.order-xl-10{order:10}.order-xl-11{order:11}.order-xl-12{order:12}.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%}}.table{width:100%;margin-bottom:1.25rem;color:#324253}.table td,.table th{padding:.75rem;vertical-align:top;border-top:1px solid #f1f1f1}.table thead th{vertical-align:bottom;border-bottom:2px solid #f1f1f1}.table tbody+tbody{border-top:2px solid #f1f1f1}.table-sm td,.table-sm th{padding:.3rem}.table-bordered,.table-bordered td,.table-bordered th{border:1px solid #f1f1f1}.table-bordered thead td,.table-bordered thead th{border-bottom-width:2px}.table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th{border:0}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.table-hover tbody tr:hover{color:#324253;background-color:rgba(51,120,255,.075)}.table-primary,.table-primary>td,.table-primary>th{background-color:#c6d9ff}.table-primary tbody+tbody,.table-primary td,.table-primary th,.table-primary thead th{border-color:#95b9ff}.table-hover .table-primary:hover,.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#adc8ff}.table-secondary,.table-secondary>td,.table-secondary>th{background-color:#e0e4ec}.table-secondary tbody+tbody,.table-secondary td,.table-secondary th,.table-secondary thead th{border-color:#c5cddc}.table-hover .table-secondary:hover,.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{background-color:#d0d6e2}.table-success,.table-success>td,.table-success>th{background-color:#c8ebc4}.table-success tbody+tbody,.table-success td,.table-success th,.table-success thead th{border-color:#9ada91}.table-hover .table-success:hover,.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#b6e5b1}.table-info,.table-info>td,.table-info>th{background-color:#bfeaea}.table-info tbody+tbody,.table-info td,.table-info th,.table-info thead th{border-color:#87d7d7}.table-hover .table-info:hover,.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#ace4e4}.table-warning,.table-warning>td,.table-warning>th{background-color:#f5dbb9}.table-warning tbody+tbody,.table-warning td,.table-warning th,.table-warning thead th{border-color:#ecbc7e}.table-hover .table-warning:hover,.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#f2d0a3}.table-danger,.table-danger>td,.table-danger>th{background-color:#fcc4c9}.table-danger tbody+tbody,.table-danger td,.table-danger th,.table-danger thead th{border-color:#f9919a}.table-hover .table-danger:hover,.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#fbacb3}.table-light,.table-light>td,.table-light>th{background-color:#eff0f3}.table-light tbody+tbody,.table-light td,.table-light th,.table-light thead th{border-color:#e2e4e8}.table-hover .table-light:hover,.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:#e0e2e8}.table-dark,.table-dark>td,.table-dark>th{background-color:#b8b9bf}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#7b7c88}.table-hover .table-dark:hover,.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:#abacb3}.table-orange,.table-orange>td,.table-orange>th{background-color:#ffd8bf}.table-orange tbody+tbody,.table-orange td,.table-orange th,.table-orange thead th{border-color:#feb689}.table-hover .table-orange:hover,.table-hover .table-orange:hover>td,.table-hover .table-orange:hover>th{background-color:#ffc8a6}.table-purple,.table-purple>td,.table-purple>th{background-color:#e3beff}.table-purple tbody+tbody,.table-purple td,.table-purple th,.table-purple thead th{border-color:#ca87ff}.table-hover .table-purple:hover,.table-hover .table-purple:hover>td,.table-hover .table-purple:hover>th{background-color:#d8a5ff}.table-skyblue,.table-skyblue>td,.table-skyblue>th{background-color:#bddffd}.table-skyblue tbody+tbody,.table-skyblue td,.table-skyblue th,.table-skyblue thead th{border-color:#85c4fb}.table-hover .table-skyblue:hover,.table-hover .table-skyblue:hover>td,.table-hover .table-skyblue:hover>th{background-color:#a4d3fc}.table-active,.table-active>td,.table-active>th{background-color:rgba(51,120,255,.075)}.table-hover .table-active:hover,.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:rgba(26,103,255,.075)}.table .thead-dark th{color:#fff;background-color:#01041b;border-color:#020940}.table .thead-light th{color:#495057;background-color:#e9ecef;border-color:#f1f1f1}.table-dark{color:#fff;background-color:#01041b}.table-dark td,.table-dark th,.table-dark thead th{border-color:#020940}.table-dark.table-bordered{border:0}.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:hsla(0,0%,100%,.05)}.table-dark.table-hover tbody tr:hover{color:#fff;background-color:hsla(0,0%,100%,.075)}@media (max-width:575.98px){.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-sm>.table-bordered{border:0}}@media (max-width:767.98px){.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-md>.table-bordered{border:0}}@media (max-width:991.98px){.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-lg>.table-bordered{border:0}}@media (max-width:1199.98px){.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-xl>.table-bordered{border:0}}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive>.table-bordered{border:0}.form-control{display:block;width:100%;height:calc(1.5em + 1.25rem + 2px);padding:.625rem 1.25rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control::-ms-expand{background-color:transparent;border:0}.form-control:-moz-focusring{color:transparent;text-shadow:0 0 0 #495057}.form-control:focus{color:#495057;background-color:#fff;border-color:#b3ccff;outline:0;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 0 .2rem rgba(51,120,255,.25)}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control{appearance:none}select.form-control:focus::-ms-value{color:#495057;background-color:#fff}.form-control-file,.form-control-range{display:block;width:100%}.col-form-label{padding-top:calc(.625rem + 1px);padding-bottom:calc(.625rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.875rem + 1px);padding-bottom:calc(.875rem + 1px);font-size:1.25rem;line-height:1.5}.col-form-label-sm{padding-top:calc(.25rem + 1px);padding-bottom:calc(.25rem + 1px);font-size:.875rem;line-height:1.5}.form-control-plaintext{display:block;width:100%;padding:.625rem 0;margin-bottom:0;font-size:1rem;line-height:1.5;color:#324253;background-color:transparent;border:solid transparent;border-width:1px 0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{height:calc(1.5em + .5rem + 2px);padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:5px}.form-control-lg{height:calc(1.5em + 1.75rem + 2px);padding:.875rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:5px}select.form-control[multiple],select.form-control[size],textarea.form-control{height:auto}.form-group{margin-bottom:1rem}.form-text{display:block;margin-top:.25rem}.form-row{display:flex;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.form-row>.col,.form-row>[class*=col-]{padding-right:5px;padding-left:5px}.form-check{position:relative;display:block;padding-left:1.25rem}.form-check-input{position:absolute;margin-top:.3rem;margin-left:-1.25rem}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{color:#6c757d}.form-check-label{margin-bottom:0}.form-check-inline{display:inline-flex;align-items:center;padding-left:0;margin-right:.75rem}.form-check-inline .form-check-input{position:static;margin-top:0;margin-right:.3125rem;margin-left:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#3cb72c}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(60,183,44,.9);border-radius:5px}.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip{display:block}.form-control.is-valid,.was-validated .form-control:valid{border-color:#3cb72c;padding-right:calc(1.5em + 1.25rem);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpath fill='%233cb72c' 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(.375em + .3125rem) center;background-size:calc(.75em + .625rem) calc(.75em + .625rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:#3cb72c;box-shadow:0 0 0 .2rem rgba(60,183,44,.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + 1.25rem);background-position:top calc(.375em + .3125rem) right calc(.375em + .3125rem)}.custom-select.is-valid,.was-validated .custom-select:valid{border-color:#3cb72c;padding-right:calc(.75em + 3.1875rem);background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3E%3Cpath fill='%2301041b' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 1.25rem center/8px 10px,url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpath fill='%233cb72c' 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") #fff no-repeat center right 2.25rem/calc(.75em + .625rem) calc(.75em + .625rem)}.custom-select.is-valid:focus,.was-validated .custom-select:valid:focus{border-color:#3cb72c;box-shadow:0 0 0 .2rem rgba(60,183,44,.25)}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#3cb72c}.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip,.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip{display:block}.custom-control-input.is-valid~.custom-control-label,.was-validated .custom-control-input:valid~.custom-control-label{color:#3cb72c}.custom-control-input.is-valid~.custom-control-label:before,.was-validated .custom-control-input:valid~.custom-control-label:before{border-color:#3cb72c}.custom-control-input.is-valid:checked~.custom-control-label:before,.was-validated .custom-control-input:valid:checked~.custom-control-label:before{border-color:#54d244;background-color:#54d244}.custom-control-input.is-valid:focus~.custom-control-label:before,.was-validated .custom-control-input:valid:focus~.custom-control-label:before{box-shadow:0 0 0 .2rem rgba(60,183,44,.25)}.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label:before,.custom-file-input.is-valid~.custom-file-label,.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label:before,.was-validated .custom-file-input:valid~.custom-file-label{border-color:#3cb72c}.custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label{border-color:#3cb72c;box-shadow:0 0 0 .2rem rgba(60,183,44,.25)}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#f42b3d}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(244,43,61,.9);border-radius:5px}.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip{display:block}.form-control.is-invalid,.was-validated .form-control:invalid{border-color:#f42b3d;padding-right:calc(1.5em + 1.25rem);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23F42B3D' viewBox='0 0 12 12'%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='%23F42B3D' stroke='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right calc(.375em + .3125rem) center;background-size:calc(.75em + .625rem) calc(.75em + .625rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#f42b3d;box-shadow:0 0 0 .2rem rgba(244,43,61,.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + 1.25rem);background-position:top calc(.375em + .3125rem) right calc(.375em + .3125rem)}.custom-select.is-invalid,.was-validated .custom-select:invalid{border-color:#f42b3d;padding-right:calc(.75em + 3.1875rem);background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3E%3Cpath fill='%2301041b' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 1.25rem center/8px 10px,url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23F42B3D' viewBox='0 0 12 12'%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='%23F42B3D' stroke='none'/%3E%3C/svg%3E") #fff no-repeat center right 2.25rem/calc(.75em + .625rem) calc(.75em + .625rem)}.custom-select.is-invalid:focus,.was-validated .custom-select:invalid:focus{border-color:#f42b3d;box-shadow:0 0 0 .2rem rgba(244,43,61,.25)}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#f42b3d}.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip,.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid~.custom-control-label,.was-validated .custom-control-input:invalid~.custom-control-label{color:#f42b3d}.custom-control-input.is-invalid~.custom-control-label:before,.was-validated .custom-control-input:invalid~.custom-control-label:before{border-color:#f42b3d}.custom-control-input.is-invalid:checked~.custom-control-label:before,.was-validated .custom-control-input:invalid:checked~.custom-control-label:before{border-color:#f75b69;background-color:#f75b69}.custom-control-input.is-invalid:focus~.custom-control-label:before,.was-validated .custom-control-input:invalid:focus~.custom-control-label:before{box-shadow:0 0 0 .2rem rgba(244,43,61,.25)}.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label:before,.custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label:before,.was-validated .custom-file-input:invalid~.custom-file-label{border-color:#f42b3d}.custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label{border-color:#f42b3d;box-shadow:0 0 0 .2rem rgba(244,43,61,.25)}.form-inline{display:flex;flex-flow:row wrap;align-items:center}.form-inline .form-check{width:100%}@media (min-width:576px){.form-inline label{justify-content:center}.form-inline .form-group,.form-inline label{display:flex;align-items:center;margin-bottom:0}.form-inline .form-group{flex:0 0 auto;flex-flow:row wrap}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-plaintext{display:inline-block}.form-inline .custom-select,.form-inline .input-group{width:auto}.form-inline .form-check{display:flex;align-items:center;justify-content:center;width:auto;padding-left:0}.form-inline .form-check-input{position:relative;flex-shrink:0;margin-top:0;margin-right:.25rem;margin-left:0}.form-inline .custom-control{align-items:center;justify-content:center}.form-inline .custom-control-label{margin-bottom:0}}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{position:relative;height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.dropdown,.dropleft,.dropright,.dropup{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle:after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty:after{margin-left:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#324253;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:0 solid rgba(0,0,0,.15);border-radius:5px}.dropdown-menu-left{right:auto;left:0}.dropdown-menu-right{right:0;left:auto}@media (min-width:576px){.dropdown-menu-sm-left{right:auto;left:0}.dropdown-menu-sm-right{right:0;left:auto}}@media (min-width:768px){.dropdown-menu-md-left{right:auto;left:0}.dropdown-menu-md-right{right:0;left:auto}}@media (min-width:992px){.dropdown-menu-lg-left{right:auto;left:0}.dropdown-menu-lg-right{right:0;left:auto}}@media (min-width:1200px){.dropdown-menu-xl-left{right:auto;left:0}.dropdown-menu-xl-right{right:0;left:auto}}.dropup .dropdown-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:.125rem}.dropup .dropdown-toggle:after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty:after{margin-left:0}.dropright .dropdown-menu{top:0;right:auto;left:100%;margin-top:0;margin-left:.125rem}.dropright .dropdown-toggle:after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropright .dropdown-toggle:empty:after{margin-left:0}.dropright .dropdown-toggle:after{vertical-align:0}.dropleft .dropdown-menu{top:0;right:100%;left:auto;margin-top:0;margin-right:.125rem}.dropleft .dropdown-toggle:after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";display:none}.dropleft .dropdown-toggle:before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropleft .dropdown-toggle:empty:after{margin-left:0}.dropleft .dropdown-toggle:before{vertical-align:0}.dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=top]{right:auto;bottom:auto}.dropdown-divider{height:0;margin:.625rem 0;overflow:hidden;border-top:1px solid #e9ecef}.dropdown-item{display:block;width:100%;padding:.5rem 1rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0}.dropdown-item:focus,.dropdown-item:hover{color:#16181b;text-decoration:none;background-color:#f8f9fa}.dropdown-item.active,.dropdown-item:active{color:#16181b;text-decoration:none;background-color:transparent}.dropdown-item.disabled,.dropdown-item:disabled{color:#6c757d;pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:.5rem 1rem;margin-bottom:0;font-size:.875rem;color:#6c757d;white-space:nowrap}.dropdown-item-text{display:block;padding:.5rem 1rem;color:#212529}.btn-group,.btn-group-vertical{position:relative;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;flex:1 1 auto}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:1}.btn-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child){margin-left:-1px}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.9375rem;padding-left:.9375rem}.dropdown-toggle-split:after,.dropright .dropdown-toggle-split:after,.dropup .dropdown-toggle-split:after{margin-left:0}.dropleft .dropdown-toggle-split:before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group.show .dropdown-toggle{box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.show .dropdown-toggle.btn-link{box-shadow:none}.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-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:-1px}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn{margin-bottom:0}.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio],.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control,.input-group>.form-control-plaintext{position:relative;flex:1 1 auto;width:1%;min-width:0;margin-bottom:0}.input-group>.custom-file+.custom-file,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.form-control,.input-group>.custom-select+.custom-file,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.form-control,.input-group>.form-control+.custom-file,.input-group>.form-control+.custom-select,.input-group>.form-control+.form-control,.input-group>.form-control-plaintext+.custom-file,.input-group>.form-control-plaintext+.custom-select,.input-group>.form-control-plaintext+.form-control{margin-left:-1px}.input-group>.custom-file .custom-file-input:focus~.custom-file-label,.input-group>.custom-select:focus,.input-group>.form-control:focus{z-index:3}.input-group>.custom-file .custom-file-input:focus{z-index:4}.input-group>.custom-select:not(:last-child),.input-group>.form-control:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-select:not(:first-child),.input-group>.form-control:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.custom-file{display:flex;align-items:center}.input-group>.custom-file:not(:last-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label:after{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-file:not(:first-child) .custom-file-label{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-append,.input-group-prepend{display:flex}.input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2}.input-group-append .btn:focus,.input-group-prepend .btn:focus{z-index:3}.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text{margin-left:-1px}.input-group-prepend{margin-right:-1px}.input-group-append{margin-left:-1px}.input-group-text{display:flex;align-items:center;padding:.625rem 1.25rem;margin-bottom:0;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:5px}.input-group-text input[type=checkbox],.input-group-text input[type=radio]{margin-top:0}.input-group-lg>.custom-select,.input-group-lg>.form-control:not(textarea){height:calc(1.5em + 1.75rem + 2px)}.input-group-lg>.custom-select,.input-group-lg>.form-control,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text{padding:.875rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:5px}.input-group-sm>.custom-select,.input-group-sm>.form-control:not(textarea){height:calc(1.5em + .5rem + 2px)}.input-group-sm>.custom-select,.input-group-sm>.form-control,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:5px}.input-group-lg>.custom-select,.input-group-sm>.custom-select{padding-right:2.25rem}.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}.custom-control{position:relative;display:block;min-height:24;padding-left:1.5rem}.custom-control-inline{display:inline-flex;margin-right:1rem}.custom-control-input{position:absolute;left:0;z-index:-1;width:1rem;height:12.5rem;opacity:0}.custom-control-input:checked~.custom-control-label:before{color:#fff;box-shadow:none}.custom-control-input:focus~.custom-control-label:before{box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 0 .2rem rgba(51,120,255,.25)}.custom-control-input:focus:not(:checked)~.custom-control-label:before{border-color:#b3ccff}.custom-control-input:not(:disabled):active~.custom-control-label:before{color:#fff;background-color:#e6eeff;border-color:#e6eeff;box-shadow:none}.custom-control-input:disabled~.custom-control-label,.custom-control-input[disabled]~.custom-control-label{color:#6c757d}.custom-control-input:disabled~.custom-control-label:before,.custom-control-input[disabled]~.custom-control-label:before{background-color:#e9ecef}.custom-control-label{position:relative;margin-bottom:0;vertical-align:top}.custom-control-label:before{pointer-events:none;background-color:#fff;border:1px solid #adb5bd;box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.custom-control-label:after,.custom-control-label:before{position:absolute;top:11.5rem;left:-1.5rem;display:block;width:1rem;height:1rem;content:""}.custom-control-label:after{background:no-repeat 50%/50% 50%}.custom-checkbox .custom-control-label:before{border-radius:5px}.custom-checkbox .custom-control-input:checked~.custom-control-label:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3E%3C/svg%3E")}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label:before{border-color:#3378ff;background-color:#3378ff;box-shadow:none}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")}.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label:before{background-color:rgba(51,120,255,.5)}.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label:before{background-color:rgba(51,120,255,.5)}.custom-radio .custom-control-label:before{border-radius:50%}.custom-radio .custom-control-input:checked~.custom-control-label:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")}.custom-radio .custom-control-input:disabled:checked~.custom-control-label:before{background-color:rgba(51,120,255,.5)}.custom-switch{padding-left:2.25rem}.custom-switch .custom-control-label:before{left:-2.25rem;width:1.75rem;pointer-events:all;border-radius:.5rem}.custom-switch .custom-control-label:after{top:calc(11.5rem + 2px);left:calc(-2.25rem + 2px);width:calc(1rem - 4px);height:calc(1rem - 4px);background-color:#adb5bd;border-radius:.5rem;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.custom-switch .custom-control-label:after{transition:none}}.custom-switch .custom-control-input:checked~.custom-control-label:after{background-color:#fff;transform:translateX(.75rem)}.custom-switch .custom-control-input:disabled:checked~.custom-control-label:before{background-color:rgba(51,120,255,.5)}.custom-select{display:inline-block;width:100%;height:calc(1.5em + 1.25rem + 2px);padding:.625rem 2.25rem .625rem 1.25rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;vertical-align:middle;background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3E%3Cpath fill='%2301041b' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 1.25rem center/8px 10px;border:1px solid #ced4da;border-radius:5px;box-shadow:inset 0 1px 2px rgba(0,0,0,.075);appearance:none}.custom-select:focus{border-color:#b3ccff;outline:0;box-shadow:inset 0 1px 2px rgba(0,0,0,.075),0 0 0 .2rem rgba(51,120,255,.25)}.custom-select:focus::-ms-value{color:#495057;background-color:#fff}.custom-select[multiple],.custom-select[size]:not([size="1"]){height:auto;padding-right:1.25rem;background-image:none}.custom-select:disabled{color:#6c757d;background-color:#e9ecef}.custom-select::-ms-expand{display:none}.custom-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #495057}.custom-select-sm{height:calc(1.5em + .5rem + 2px);padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem}.custom-select-lg{height:calc(1.5em + 1.75rem + 2px);padding-top:.875rem;padding-bottom:.875rem;padding-left:1rem;font-size:1.25rem}.custom-file{display:inline-block;margin-bottom:0}.custom-file,.custom-file-input{position:relative;width:100%;height:calc(1.5em + 1.25rem + 2px)}.custom-file-input{z-index:2;margin:0;opacity:0}.custom-file-input:focus~.custom-file-label{border-color:#b3ccff;box-shadow:0 0 0 .2rem rgba(51,120,255,.25)}.custom-file-input:disabled~.custom-file-label,.custom-file-input[disabled]~.custom-file-label{background-color:#e9ecef}.custom-file-input:lang(en)~.custom-file-label:after{content:"Browse"}.custom-file-input~.custom-file-label[data-browse]:after{content:attr(data-browse)}.custom-file-label{left:0;z-index:1;height:calc(1.5em + 1.25rem + 2px);font-weight:400;background-color:#fff;border:1px solid #ced4da;border-radius:5px;box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.custom-file-label,.custom-file-label:after{position:absolute;top:0;right:0;padding:.625rem 1.25rem;line-height:1.5;color:#495057}.custom-file-label:after{bottom:0;z-index:3;display:block;height:calc(1.5em + 1.25rem);content:"Browse";background-color:#e9ecef;border-left:inherit;border-radius:0 5px 5px 0}.custom-range{width:100%;height:1.4rem;padding:0;background-color:transparent;appearance:none}.custom-range:focus{outline:none}.custom-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #f9fbfe,0 0 0 .2rem rgba(51,120,255,.25)}.custom-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #f9fbfe,0 0 0 .2rem rgba(51,120,255,.25)}.custom-range:focus::-ms-thumb{box-shadow:0 0 0 1px #f9fbfe,0 0 0 .2rem rgba(51,120,255,.25)}.custom-range::-moz-focus-outer{border:0}.custom-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;background-color:#3378ff;border:0;border-radius:1rem;box-shadow:0 .1rem .25rem rgba(0,0,0,.1);transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-webkit-slider-thumb{transition:none}}.custom-range::-webkit-slider-thumb:active{background-color:#e6eeff}.custom-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#ccced2;border-color:transparent;border-radius:1rem;box-shadow:inset 0 .25rem .25rem rgba(0,0,0,.1)}.custom-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#3378ff;border:0;border-radius:1rem;box-shadow:0 .1rem .25rem rgba(0,0,0,.1);transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-moz-range-thumb{transition:none}}.custom-range::-moz-range-thumb:active{background-color:#e6eeff}.custom-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#ccced2;border-color:transparent;border-radius:1rem;box-shadow:inset 0 .25rem .25rem rgba(0,0,0,.1)}.custom-range::-ms-thumb{width:1rem;height:1rem;margin-top:0;margin-right:.2rem;margin-left:.2rem;background-color:#3378ff;border:0;border-radius:1rem;box-shadow:0 .1rem .25rem rgba(0,0,0,.1);transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-ms-thumb{transition:none}}.custom-range::-ms-thumb:active{background-color:#e6eeff}.custom-range::-ms-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:transparent;border-color:transparent;border-width:.5rem;box-shadow:inset 0 .25rem .25rem rgba(0,0,0,.1)}.custom-range::-ms-fill-lower,.custom-range::-ms-fill-upper{background-color:#ccced2;border-radius:1rem}.custom-range::-ms-fill-upper{margin-right:15px}.custom-range:disabled::-webkit-slider-thumb{background-color:#adb5bd}.custom-range:disabled::-webkit-slider-runnable-track{cursor:default}.custom-range:disabled::-moz-range-thumb{background-color:#adb5bd}.custom-range:disabled::-moz-range-track{cursor:default}.custom-range:disabled::-ms-thumb{background-color:#adb5bd}.custom-control-label:before,.custom-file-label,.custom-select{transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.custom-control-label:before,.custom-file-label,.custom-select{transition:none}}.nav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem}.nav-link:focus,.nav-link:hover{text-decoration:none}.nav-link.disabled{color:#6c757d;pointer-events:none;cursor:default}.nav-tabs{border-bottom:1px solid #ccced2}.nav-tabs .nav-item{margin-bottom:-1px}.nav-tabs .nav-link{border:1px solid transparent;border-top-left-radius:5px;border-top-right-radius:5px}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #ccced2}.nav-tabs .nav-link.disabled{color:#6c757d;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#495057;background-color:#f9fbfe;border-color:#ccced2 #ccced2 #f9fbfe}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.nav-pills .nav-link{border-radius:5px}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#3378ff}.nav-fill .nav-item{flex:1 1 auto;text-align:center}.nav-justified .nav-item{flex-basis:0;flex-grow:1;text-align:center}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative;padding:.625rem 1.25rem}.navbar,.navbar .container,.navbar .container-fluid,.navbar .container-lg,.navbar .container-md,.navbar .container-sm,.navbar .container-xl{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.navbar-brand{display:inline-block;padding-top:-2.5rem;padding-bottom:-2.5rem;margin-right:1.25rem;font-size:1.25rem;line-height:inherit;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.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;float:none}.navbar-text{display:inline-block;padding-top:.5rem;padding-bottom:.5rem}.navbar-collapse{flex-basis:100%;flex-grow:1;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:5px}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;content:"";background:no-repeat 50%;background-size:100% 100%}@media (max-width:575.98px){.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-lg,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-sm,.navbar-expand-sm>.container-xl{padding-right:0;padding-left:0}}@media (min-width:576px){.navbar-expand-sm{flex-flow:row 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:.5rem;padding-left:.5rem}.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-lg,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-sm,.navbar-expand-sm>.container-xl{flex-wrap:nowrap}.navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}}@media (max-width:767.98px){.navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-md,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-xl{padding-right:0;padding-left:0}}@media (min-width:768px){.navbar-expand-md{flex-flow:row 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:.5rem;padding-left:.5rem}.navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-md,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-xl{flex-wrap:nowrap}.navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}@media (max-width:991.98px){.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-xl{padding-right:0;padding-left:0}}@media (min-width:992px){.navbar-expand-lg{flex-flow:row 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:.5rem;padding-left:.5rem}.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-xl{flex-wrap:nowrap}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}@media (max-width:1199.98px){.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-xl{padding-right:0;padding-left:0}}@media (min-width:1200px){.navbar-expand-xl{flex-flow:row 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:.5rem;padding-left:.5rem}.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-xl{flex-wrap:nowrap}.navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}.navbar-expand{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-lg,.navbar-expand>.container-md,.navbar-expand>.container-sm,.navbar-expand>.container-xl{padding-right:0;padding-left:0}.navbar-expand .navbar-nav{flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-lg,.navbar-expand>.container-md,.navbar-expand>.container-sm,.navbar-expand>.container-xl{flex-wrap:nowrap}.navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-light .navbar-brand,.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:rgba(0,0,0,.9)}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.5)}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{color:rgba(0,0,0,.9)}.navbar-light .navbar-toggler{color:rgba(0,0,0,.5);border-color:rgba(0,0,0,.1)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' 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,.5)}.navbar-light .navbar-text a,.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:rgba(0,0,0,.9)}.navbar-dark .navbar-brand,.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff}.navbar-dark .navbar-nav .nav-link{color:hsla(0,0%,100%,.5)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:hsla(0,0%,100%,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:hsla(0,0%,100%,.25)}.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-dark .navbar-toggler{color:hsla(0,0%,100%,.5);border-color:hsla(0,0%,100%,.1)}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}.navbar-dark .navbar-text{color:hsla(0,0%,100%,.5)}.navbar-dark .navbar-text a,.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:#fff}.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box}.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:5px;border-top-right-radius:5px}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:5px;border-bottom-left-radius:5px}.card-body{flex:1 1 auto;min-height:1px;padding:1.25rem}.card-title{margin-bottom:.75rem}.card-subtitle{margin-top:-.375rem}.card-subtitle,.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1.25rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:#fff;border-bottom:0 solid #dfe7ff}.card-header:first-child{border-radius:5px 5px 0 0}.card-header+.list-group .list-group-item:first-child{border-top:0}.card-footer{padding:.75rem 1.25rem;background-color:#fff;border-top:0 solid #dfe7ff}.card-footer:last-child{border-radius:0 0 5px 5px}.card-header-tabs{margin-bottom:-.75rem;border-bottom:0}.card-header-pills,.card-header-tabs{margin-right:-.625rem;margin-left:-.625rem}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.25rem}.card-img,.card-img-bottom,.card-img-top{flex-shrink:0;width:100%}.card-img,.card-img-top{border-top-left-radius:5px;border-top-right-radius:5px}.card-img,.card-img-bottom{border-bottom-right-radius:5px;border-bottom-left-radius:5px}.card-deck .card{margin-bottom:15px}@media (min-width:576px){.card-deck{display:flex;flex-flow:row wrap;margin-right:-15px;margin-left:-15px}.card-deck .card{flex:1 0 0%;margin-right:15px;margin-bottom:0;margin-left:15px}}.card-group>.card{margin-bottom:15px}@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-header,.card-group>.card:not(:last-child) .card-img-top{border-top-right-radius:0}.card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom{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-header,.card-group>.card:not(:first-child) .card-img-top{border-top-left-radius:0}.card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom{border-bottom-left-radius:0}}.card-columns .card{margin-bottom:.75rem}@media (min-width:576px){.card-columns{column-count:3;column-gap:1.25rem;orphans:1;widows:1}.card-columns .card{display:inline-block;width:100%}}.accordion>.card{overflow:hidden}.accordion>.card:not(:last-of-type){border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.accordion>.card:not(:first-of-type){border-top-left-radius:0;border-top-right-radius:0}.accordion>.card>.card-header{border-radius:0;margin-bottom:0}.breadcrumb{flex-wrap:wrap;padding:.75rem 1rem;margin-bottom:1rem;list-style:none;background-color:transparent;border-radius:5px}.breadcrumb,.breadcrumb-item{display:flex}.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}.breadcrumb-item+.breadcrumb-item:before{display:inline-block;padding-right:.5rem;color:#6c757d;content:"/"}.breadcrumb-item+.breadcrumb-item:hover:before{text-decoration:underline;text-decoration:none}.breadcrumb-item.active{color:#6c757d}.pagination{display:flex;padding-left:0;list-style:none;border-radius:5px}.page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#3378ff;background-color:#fff;border:1px solid #ccced2}.page-link:hover{z-index:2;color:#004ee6;text-decoration:none;background-color:#e9ecef;border-color:#ccced2}.page-link:focus{z-index:3;outline:0;box-shadow:0 0 0 .2rem rgba(51,120,255,.25)}.page-item:first-child .page-link{margin-left:0;border-top-left-radius:5px;border-bottom-left-radius:5px}.page-item:last-child .page-link{border-top-right-radius:5px;border-bottom-right-radius:5px}.page-item.active .page-link{z-index:3;color:#fff;background-color:#3378ff;border-color:#3378ff}.page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#ccced2}.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem;line-height:1.5}.pagination-lg .page-item:first-child .page-link{border-top-left-radius:5px;border-bottom-left-radius:5px}.pagination-lg .page-item:last-child .page-link{border-top-right-radius:5px;border-bottom-right-radius:5px}.pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem;line-height:1.5}.pagination-sm .page-item:first-child .page-link{border-top-left-radius:5px;border-bottom-left-radius:5px}.pagination-sm .page-item:last-child .page-link{border-top-right-radius:5px;border-bottom-right-radius:5px}.badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.badge{transition:none}}a.badge:focus,a.badge:hover{text-decoration:none}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.badge-pill{padding-right:.6em;padding-left:.6em;border-radius:10rem}.badge-primary{color:#fff;background-color:#3378ff}a.badge-primary:focus,a.badge-primary:hover{color:#fff;background-color:#0056ff}a.badge-primary.focus,a.badge-primary:focus{outline:0;box-shadow:0 0 0 .2rem rgba(51,120,255,.5)}.badge-secondary{color:#fff;background-color:#8f9fbc}a.badge-secondary:focus,a.badge-secondary:hover{color:#fff;background-color:#6f84a9}a.badge-secondary.focus,a.badge-secondary:focus{outline:0;box-shadow:0 0 0 .2rem rgba(143,159,188,.5)}.badge-success{color:#fff;background-color:#3cb72c}a.badge-success:focus,a.badge-success:hover{color:#fff;background-color:#2f8e22}a.badge-success.focus,a.badge-success:focus{outline:0;box-shadow:0 0 0 .2rem rgba(60,183,44,.5)}.badge-info{color:#fff;background-color:#19b3b3}a.badge-info:focus,a.badge-info:hover{color:#fff;background-color:#138686}a.badge-info.focus,a.badge-info:focus{outline:0;box-shadow:0 0 0 .2rem rgba(25,179,179,.5)}.badge-warning{color:#fff;background-color:#db7e06}a.badge-warning:focus,a.badge-warning:hover{color:#fff;background-color:#a96105}a.badge-warning.focus,a.badge-warning:focus{outline:0;box-shadow:0 0 0 .2rem rgba(219,126,6,.5)}.badge-danger{color:#fff;background-color:#f42b3d}a.badge-danger:focus,a.badge-danger:hover{color:#fff;background-color:#e00c1f}a.badge-danger.focus,a.badge-danger:focus{outline:0;box-shadow:0 0 0 .2rem rgba(244,43,61,.5)}.badge-light{color:#212529;background-color:#c7cbd3}a.badge-light:focus,a.badge-light:hover{color:#212529;background-color:#aab0bd}a.badge-light.focus,a.badge-light:focus{outline:0;box-shadow:0 0 0 .2rem rgba(199,203,211,.5)}.badge-dark{color:#fff;background-color:#01041b}a.badge-dark:focus,a.badge-dark:hover{color:#fff;background-color:#000}a.badge-dark.focus,a.badge-dark:focus{outline:0;box-shadow:0 0 0 .2rem rgba(1,4,27,.5)}.badge-orange{color:#fff;background-color:#fe721c}a.badge-orange:focus,a.badge-orange:hover{color:#fff;background-color:#e65801}a.badge-orange.focus,a.badge-orange:focus{outline:0;box-shadow:0 0 0 .2rem rgba(254,114,28,.5)}.badge-purple{color:#fff;background-color:#9a18ff}a.badge-purple:focus,a.badge-purple:hover{color:#fff;background-color:#8000e4}a.badge-purple.focus,a.badge-purple:focus{outline:0;box-shadow:0 0 0 .2rem rgba(154,24,255,.5)}.badge-skyblue{color:#fff;background-color:#158df7}a.badge-skyblue:focus,a.badge-skyblue:hover{color:#fff;background-color:#0773d2}a.badge-skyblue.focus,a.badge-skyblue:focus{outline:0;box-shadow:0 0 0 .2rem rgba(21,141,247,.5)}.alert{position:relative;padding:.55rem 1rem;margin-bottom:1rem;border:1px solid transparent;border-radius:5px}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible{padding-right:26rem}.alert-dismissible .close{position:absolute;top:0;right:0;padding:.55rem 1rem;color:inherit}.alert-primary{color:#1b3e85;background-color:#d6e4ff;border-color:#2b65d6}.alert-primary hr{border-top-color:#265bc2}.alert-primary .alert-link{color:#122a5b}.alert-secondary{color:#4a5362;background-color:#e9ecf2;border-color:#78869e}.alert-secondary hr{border-top-color:#6a7993}.alert-secondary .alert-link{color:#343a45}.alert-success{color:#1f5f17;background-color:#d8f1d5;border-color:#329a25}.alert-success hr{border-top-color:#2b8520}.alert-success .alert-link{color:#12360d}.alert-info{color:#0d5d5d;background-color:#d1f0f0;border-color:#159696}.alert-info hr{border-top-color:#128080}.alert-info .alert-link{color:#073030}.alert-warning{color:#724203;background-color:#f8e5cd;border-color:#b86a05}.alert-warning hr{border-top-color:#9f5c04}.alert-warning .alert-link{color:#402502}.alert-danger{color:#7f1620;background-color:#fdd5d8;border-color:#cd2433}.alert-danger hr{border-top-color:#b7202e}.alert-danger .alert-link{color:#540e15}.alert-light{color:#676a6e;background-color:#f4f5f6;border-color:#a7abb1}.alert-light hr{border-top-color:#999ea5}.alert-light .alert-link{color:#4e5154}.alert-dark{color:#01020e;background-color:#cccdd1;border-color:#010317}.alert-dark hr{border-top-color:#000}.alert-dark .alert-link{color:#000}.alert-orange{color:#843b0f;background-color:#ffe3d2;border-color:#d56018}.alert-orange hr{border-top-color:#be5615}.alert-orange .alert-link{color:#56270a}.alert-purple{color:#500c85;background-color:#ebd1ff;border-color:#8114d6}.alert-purple hr{border-top-color:#7312bf}.alert-purple .alert-link{color:#340856}.alert-skyblue{color:#0b4980;background-color:#d0e8fd;border-color:#1276cf}.alert-skyblue hr{border-top-color:#1069b8}.alert-skyblue .alert-link{color:#072e51}@keyframes b{0%{background-position:1rem 0}to{background-position:0 0}}.progress{height:1rem;line-height:0;font-size:.75rem;background-color:#e9ecef;border-radius:5px;box-shadow:inset 0 .1rem .1rem rgba(0,0,0,.1)}.progress,.progress-bar{display:flex;overflow:hidden}.progress-bar{flex-direction:column;justify-content:center;color:#fff;text-align:center;white-space:nowrap;background-color:#3378ff;transition:width .6s ease}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);background-size:1rem 1rem}.progress-bar-animated{animation:b 1s linear infinite}@media (prefers-reduced-motion:reduce){.progress-bar-animated{animation:none}}.media{display:flex;align-items:flex-start}.media-body{flex:1}.list-group{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:5px}.list-group-item-action{width:100%;color:#495057;text-align:inherit}.list-group-item-action:focus,.list-group-item-action:hover{z-index:1;color:#495057;text-decoration:none;background-color:#f8f9fa}.list-group-item-action:active{color:#324253;background-color:#e9ecef}.list-group-item{position:relative;display:block;padding:.75rem 1.25rem;background-color:#fff;border:1px solid rgba(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:#3378ff;border-color:#3378ff}.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:5px;border-top-right-radius:0}.list-group-horizontal>.list-group-item:last-child{border-top-right-radius:5px;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:5px;border-top-right-radius:0}.list-group-horizontal-sm>.list-group-item:last-child{border-top-right-radius:5px;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:5px;border-top-right-radius:0}.list-group-horizontal-md>.list-group-item:last-child{border-top-right-radius:5px;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:5px;border-top-right-radius:0}.list-group-horizontal-lg>.list-group-item:last-child{border-top-right-radius:5px;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:5px;border-top-right-radius:0}.list-group-horizontal-xl>.list-group-item:last-child{border-top-right-radius:5px;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}}.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:#1b3e85;background-color:#c6d9ff}.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{color:#1b3e85;background-color:#adc8ff}.list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#1b3e85;border-color:#1b3e85}.list-group-item-secondary{color:#4a5362;background-color:#e0e4ec}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#4a5362;background-color:#d0d6e2}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#4a5362;border-color:#4a5362}.list-group-item-success{color:#1f5f17;background-color:#c8ebc4}.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover{color:#1f5f17;background-color:#b6e5b1}.list-group-item-success.list-group-item-action.active{color:#fff;background-color:#1f5f17;border-color:#1f5f17}.list-group-item-info{color:#0d5d5d;background-color:#bfeaea}.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover{color:#0d5d5d;background-color:#ace4e4}.list-group-item-info.list-group-item-action.active{color:#fff;background-color:#0d5d5d;border-color:#0d5d5d}.list-group-item-warning{color:#724203;background-color:#f5dbb9}.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover{color:#724203;background-color:#f2d0a3}.list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#724203;border-color:#724203}.list-group-item-danger{color:#7f1620;background-color:#fcc4c9}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#7f1620;background-color:#fbacb3}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#7f1620;border-color:#7f1620}.list-group-item-light{color:#676a6e;background-color:#eff0f3}.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover{color:#676a6e;background-color:#e0e2e8}.list-group-item-light.list-group-item-action.active{color:#fff;background-color:#676a6e;border-color:#676a6e}.list-group-item-dark{color:#01020e;background-color:#b8b9bf}.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover{color:#01020e;background-color:#abacb3}.list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#01020e;border-color:#01020e}.list-group-item-orange{color:#843b0f;background-color:#ffd8bf}.list-group-item-orange.list-group-item-action:focus,.list-group-item-orange.list-group-item-action:hover{color:#843b0f;background-color:#ffc8a6}.list-group-item-orange.list-group-item-action.active{color:#fff;background-color:#843b0f;border-color:#843b0f}.list-group-item-purple{color:#500c85;background-color:#e3beff}.list-group-item-purple.list-group-item-action:focus,.list-group-item-purple.list-group-item-action:hover{color:#500c85;background-color:#d8a5ff}.list-group-item-purple.list-group-item-action.active{color:#fff;background-color:#500c85;border-color:#500c85}.list-group-item-skyblue{color:#0b4980;background-color:#bddffd}.list-group-item-skyblue.list-group-item-action:focus,.list-group-item-skyblue.list-group-item-action:hover{color:#0b4980;background-color:#a4d3fc}.list-group-item-skyblue.list-group-item-action.active{color:#fff;background-color:#0b4980;border-color:#0b4980}.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}@media (max-width:1200px){.close{font-size:calc(1.275rem + .3vw)}}.close:hover{color:#000;text-decoration:none}.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{opacity:.75}button.close{padding:0;background-color:transparent;border:0}a.close.disabled{pointer-events:none}.modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:transform .3s ease-out;transform:translateY(-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{display:flex;max-height:calc(100% - 1rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 1rem);overflow:hidden}.modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header{flex-shrink:0}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - 1rem)}.modal-dialog-centered:before{display:block;height:calc(100vh - 1rem);height:min-content;content:""}.modal-dialog-centered.modal-dialog-scrollable{flex-direction:column;justify-content:center;height:100%}.modal-dialog-centered.modal-dialog-scrollable .modal-content{max-height:none}.modal-dialog-centered.modal-dialog-scrollable:before{content:none}.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,.2);border-radius:5px;box-shadow:0 .25rem .5rem rgba(0,0,0,.5);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:.5}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1rem;border-bottom:1px solid #f1f1f1;border-top-left-radius:4px;border-top-right-radius:4px}.modal-header .close{padding:1rem;margin:-1rem -1rem -1rem 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;align-items:center;justify-content:flex-end;padding:.75rem;border-top:1px solid #f1f1f1;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.modal-footer>*{margin:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-scrollable{max-height:calc(100% - 3.5rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-dialog-centered:before{height:calc(100vh - 3.5rem);height:min-content}.modal-content{box-shadow:0 .5rem 1rem rgba(0,0,0,.5)}.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}}.tooltip{position:absolute;z-index:1070;display:block;margin:0;font-family:DM Sans,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:.875rem;word-wrap:break-word;opacity:0}.tooltip.show{opacity:.9}.tooltip .arrow{position:absolute;display:block;width:.8rem;height:.4rem}.tooltip .arrow:before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[x-placement^=top],.bs-tooltip-top{padding:.4rem 0}.bs-tooltip-auto[x-placement^=top] .arrow,.bs-tooltip-top .arrow{bottom:0}.bs-tooltip-auto[x-placement^=top] .arrow:before,.bs-tooltip-top .arrow:before{top:0;border-width:.4rem .4rem 0;border-top-color:#000}.bs-tooltip-auto[x-placement^=right],.bs-tooltip-right{padding:0 .4rem}.bs-tooltip-auto[x-placement^=right] .arrow,.bs-tooltip-right .arrow{left:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=right] .arrow:before,.bs-tooltip-right .arrow:before{right:0;border-width:.4rem .4rem .4rem 0;border-right-color:#000}.bs-tooltip-auto[x-placement^=bottom],.bs-tooltip-bottom{padding:.4rem 0}.bs-tooltip-auto[x-placement^=bottom] .arrow,.bs-tooltip-bottom .arrow{top:0}.bs-tooltip-auto[x-placement^=bottom] .arrow:before,.bs-tooltip-bottom .arrow:before{bottom:0;border-width:0 .4rem .4rem;border-bottom-color:#000}.bs-tooltip-auto[x-placement^=left],.bs-tooltip-left{padding:0 .4rem}.bs-tooltip-auto[x-placement^=left] .arrow,.bs-tooltip-left .arrow{right:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=left] .arrow:before,.bs-tooltip-left .arrow:before{left:0;border-width:.4rem 0 .4rem .4rem;border-left-color:#000}.tooltip-inner{max-width:200px;padding:.25rem .5rem;color:#fff;text-align:center;background-color:#000;border-radius:5px}.popover{top:0;left:0;z-index:1060;max-width:276px;font-family:DM Sans,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:.875rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:5px;box-shadow:0 .25rem .5rem rgba(0,0,0,.2)}.popover,.popover .arrow{position:absolute;display:block}.popover .arrow{width:1rem;height:.5rem;margin:0 5px}.popover .arrow:after,.popover .arrow:before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid}.bs-popover-auto[x-placement^=top],.bs-popover-top{margin-bottom:.5rem}.bs-popover-auto[x-placement^=top]>.arrow,.bs-popover-top>.arrow{bottom:calc(-.5rem - 1px)}.bs-popover-auto[x-placement^=top]>.arrow:before,.bs-popover-top>.arrow:before{bottom:0;border-width:.5rem .5rem 0;border-top-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=top]>.arrow:after,.bs-popover-top>.arrow:after{bottom:1px;border-width:.5rem .5rem 0;border-top-color:#fff}.bs-popover-auto[x-placement^=right],.bs-popover-right{margin-left:.5rem}.bs-popover-auto[x-placement^=right]>.arrow,.bs-popover-right>.arrow{left:calc(-.5rem - 1px);width:.5rem;height:1rem;margin:5px 0}.bs-popover-auto[x-placement^=right]>.arrow:before,.bs-popover-right>.arrow:before{left:0;border-width:.5rem .5rem .5rem 0;border-right-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=right]>.arrow:after,.bs-popover-right>.arrow:after{left:1px;border-width:.5rem .5rem .5rem 0;border-right-color:#fff}.bs-popover-auto[x-placement^=bottom],.bs-popover-bottom{margin-top:.5rem}.bs-popover-auto[x-placement^=bottom]>.arrow,.bs-popover-bottom>.arrow{top:calc(-.5rem - 1px)}.bs-popover-auto[x-placement^=bottom]>.arrow:before,.bs-popover-bottom>.arrow:before{top:0;border-width:0 .5rem .5rem;border-bottom-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=bottom]>.arrow:after,.bs-popover-bottom>.arrow:after{top:1px;border-width:0 .5rem .5rem;border-bottom-color:#fff}.bs-popover-auto[x-placement^=bottom] .popover-header:before,.bs-popover-bottom .popover-header:before{position:absolute;top:0;left:50%;display:block;width:1rem;margin-left:-.5rem;content:"";border-bottom:1px solid #f7f7f7}.bs-popover-auto[x-placement^=left],.bs-popover-left{margin-right:.5rem}.bs-popover-auto[x-placement^=left]>.arrow,.bs-popover-left>.arrow{right:calc(-.5rem - 1px);width:.5rem;height:1rem;margin:5px 0}.bs-popover-auto[x-placement^=left]>.arrow:before,.bs-popover-left>.arrow:before{right:0;border-width:.5rem 0 .5rem .5rem;border-left-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=left]>.arrow:after,.bs-popover-left>.arrow:after{right:1px;border-width:.5rem 0 .5rem .5rem;border-left-color:#fff}.popover-header{padding:.5rem .75rem;margin-bottom:0;font-size:1rem;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-top-left-radius:4px;border-top-right-radius:4px}.popover-header:empty{display:none}.popover-body{padding:.5rem .75rem;color:#324253}.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 .6s ease-in-out}@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-right,.carousel-item-next:not(.carousel-item-left){transform:translateX(100%)}.active.carousel-item-left,.carousel-item-prev:not(.carousel-item-right){transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;transform:none}.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{z-index:0;opacity:0;transition:opacity 0s .6s}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{transition:none}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;width:15%;color:#fff;text-align:center;opacity:.5;transition:opacity .15s ease}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:20px;height:20px;background:no-repeat 50%/100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3E%3C/svg%3E")}.carousel-control-next-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3E%3C/svg%3E")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:15;display:flex;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}.carousel-indicators li{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators li{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center}.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}.bg-primary,a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover{color:#013!important}.bg-secondary,a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover{color:#1c2330!important}.bg-info,.bg-success,.bg-warning,a.bg-info:focus,a.bg-info:hover,a.bg-success:focus,a.bg-success:hover,a.bg-warning:focus,a.bg-warning:hover,button.bg-info:focus,button.bg-info:hover,button.bg-success:focus,button.bg-success:hover,button.bg-warning:focus,button.bg-warning:hover{color:#000!important}.bg-danger,a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover{color:#1e0204!important}.bg-light,a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover{color:#444a57!important}.bg-dark,a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover{color:#000!important}.bg-orange,a.bg-orange:focus,a.bg-orange:hover,button.bg-orange:focus,button.bg-orange:hover{color:#1b0a00!important}.bg-purple,a.bg-purple:focus,a.bg-purple:hover,button.bg-purple:focus,button.bg-purple:hover{color:#0e0018!important}.bg-skyblue,a.bg-skyblue:focus,a.bg-skyblue:hover,button.bg-skyblue:focus,button.bg-skyblue:hover{color:#00070d!important}.bg-transparent{background-color:transparent!important}.border{border:1px solid #f1f1f1!important}.border-top{border-top:1px solid #f1f1f1!important}.border-right{border-right:1px solid #f1f1f1!important}.border-bottom{border-bottom:1px solid #f1f1f1!important}.border-left{border-left:1px solid #f1f1f1!important}.border-0{border:0!important}.border-top-0{border-top:0!important}.border-right-0{border-right:0!important}.border-bottom-0{border-bottom:0!important}.border-left-0{border-left:0!important}.border-primary{border-color:#3378ff!important}.border-secondary{border-color:#8f9fbc!important}.border-success{border-color:#3cb72c!important}.border-info{border-color:#19b3b3!important}.border-warning{border-color:#db7e06!important}.border-danger{border-color:#f42b3d!important}.border-light{border-color:#c7cbd3!important}.border-dark{border-color:#01041b!important}.border-orange{border-color:#fe721c!important}.border-purple{border-color:#9a18ff!important}.border-skyblue{border-color:#158df7!important}.border-white{border-color:#fff!important}.rounded,.rounded-sm{border-radius:5px!important}.rounded-top{border-top-left-radius:5px!important}.rounded-right,.rounded-top{border-top-right-radius:5px!important}.rounded-bottom,.rounded-right{border-bottom-right-radius:5px!important}.rounded-bottom,.rounded-left{border-bottom-left-radius:5px!important}.rounded-left{border-top-left-radius:5px!important}.rounded-lg{border-radius:5px!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:50px!important}.rounded-0{border-radius:0!important}.clearfix:after{display:block;clear:both;content:""}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!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}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!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}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!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}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!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}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!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}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!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}}.embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden}.embed-responsive:before{display:block;content:""}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-21by9:before{padding-top:42.85714%}.embed-responsive-16by9:before{padding-top:56.25%}.embed-responsive-4by3:before{padding-top:75%}.embed-responsive-1by1:before{padding-top:100%}.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-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-fill{flex:1 1 auto!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}.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}.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}@media (min-width:576px){.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-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-sm-fill{flex:1 1 auto!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}.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}.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}}@media (min-width:768px){.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-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-md-fill{flex:1 1 auto!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}.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}.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}}@media (min-width:992px){.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-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-lg-fill{flex:1 1 auto!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}.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}.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}}@media (min-width:1200px){.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-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xl-fill{flex:1 1 auto!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}.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}.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}}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}@media (min-width:576px){.float-sm-left{float:left!important}.float-sm-right{float:right!important}.float-sm-none{float:none!important}}@media (min-width:768px){.float-md-left{float:left!important}.float-md-right{float:right!important}.float-md-none{float:none!important}}@media (min-width:992px){.float-lg-left{float:left!important}.float-lg-right{float:right!important}.float-lg-none{float:none!important}}@media (min-width:1200px){.float-xl-left{float:left!important}.float-xl-right{float:right!important}.float-xl-none{float:none!important}}.user-select-all{user-select:all!important}.user-select-auto{user-select:auto!important}.user-select-none{user-select:none!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!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}.fixed-top{top:0}.fixed-bottom,.fixed-top{position:fixed;right:0;left:0;z-index:1030}.fixed-bottom{bottom:0}@supports (position:sticky){.sticky-top{position:sticky;top:0;z-index:1020}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,60,179,.1)!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,60,179,.05)!important}.shadow-lg{box-shadow:0 10px 30px 0 rgba(0,60,179,.05)!important}.shadow-none{box-shadow:none!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}.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}.mw-100{max-width:100%!important}.mh-100{max-height:100%!important}.min-vw-100{min-width:100vw!important}.min-vh-100{min-height:100vh!important}.vw-100{width:100vw!important}.vh-100{height:100vh!important}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.3125rem!important}.mt-1,.my-1{margin-top:.3125rem!important}.mr-1,.mx-1{margin-right:.3125rem!important}.mb-1,.my-1{margin-bottom:.3125rem!important}.ml-1,.mx-1{margin-left:.3125rem!important}.m-2{margin:.625rem!important}.mt-2,.my-2{margin-top:.625rem!important}.mr-2,.mx-2{margin-right:.625rem!important}.mb-2,.my-2{margin-bottom:.625rem!important}.ml-2,.mx-2{margin-left:.625rem!important}.m-3{margin:1.25rem!important}.mt-3,.my-3{margin-top:1.25rem!important}.mr-3,.mx-3{margin-right:1.25rem!important}.mb-3,.my-3{margin-bottom:1.25rem!important}.ml-3,.mx-3{margin-left:1.25rem!important}.m-4{margin:1.875rem!important}.mt-4,.my-4{margin-top:1.875rem!important}.mr-4,.mx-4{margin-right:1.875rem!important}.mb-4,.my-4{margin-bottom:1.875rem!important}.ml-4,.mx-4{margin-left:1.875rem!important}.m-5{margin:2.5rem!important}.mt-5,.my-5{margin-top:2.5rem!important}.mr-5,.mx-5{margin-right:2.5rem!important}.mb-5,.my-5{margin-bottom:2.5rem!important}.ml-5,.mx-5{margin-left:2.5rem!important}.m--5{margin:-2.5rem!important}.mt--5,.my--5{margin-top:-2.5rem!important}.mr--5,.mx--5{margin-right:-2.5rem!important}.mb--5,.my--5{margin-bottom:-2.5rem!important}.ml--5,.mx--5{margin-left:-2.5rem!important}.m--4{margin:-1.875rem!important}.mt--4,.my--4{margin-top:-1.875rem!important}.mr--4,.mx--4{margin-right:-1.875rem!important}.mb--4,.my--4{margin-bottom:-1.875rem!important}.ml--4,.mx--4{margin-left:-1.875rem!important}.m--3{margin:-1.25rem!important}.mt--3,.my--3{margin-top:-1.25rem!important}.mr--3,.mx--3{margin-right:-1.25rem!important}.mb--3,.my--3{margin-bottom:-1.25rem!important}.ml--3,.mx--3{margin-left:-1.25rem!important}.m--2{margin:-.625rem!important}.mt--2,.my--2{margin-top:-.625rem!important}.mr--2,.mx--2{margin-right:-.625rem!important}.mb--2,.my--2{margin-bottom:-.625rem!important}.ml--2,.mx--2{margin-left:-.625rem!important}.m--1{margin:-.3125rem!important}.mt--1,.my--1{margin-top:-.3125rem!important}.mr--1,.mx--1{margin-right:-.3125rem!important}.mb--1,.my--1{margin-bottom:-.3125rem!important}.ml--1,.mx--1{margin-left:-.3125rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.3125rem!important}.pt-1,.py-1{padding-top:.3125rem!important}.pr-1,.px-1{padding-right:.3125rem!important}.pb-1,.py-1{padding-bottom:.3125rem!important}.pl-1,.px-1{padding-left:.3125rem!important}.p-2{padding:.625rem!important}.pt-2,.py-2{padding-top:.625rem!important}.pr-2,.px-2{padding-right:.625rem!important}.pb-2,.py-2{padding-bottom:.625rem!important}.pl-2,.px-2{padding-left:.625rem!important}.p-3{padding:1.25rem!important}.pt-3,.py-3{padding-top:1.25rem!important}.pr-3,.px-3{padding-right:1.25rem!important}.pb-3,.py-3{padding-bottom:1.25rem!important}.pl-3,.px-3{padding-left:1.25rem!important}.p-4{padding:1.875rem!important}.pt-4,.py-4{padding-top:1.875rem!important}.pr-4,.px-4{padding-right:1.875rem!important}.pb-4,.py-4{padding-bottom:1.875rem!important}.pl-4,.px-4{padding-left:1.875rem!important}.p-5{padding:2.5rem!important}.pt-5,.py-5{padding-top:2.5rem!important}.pr-5,.px-5{padding-right:2.5rem!important}.pb-5,.py-5{padding-bottom:2.5rem!important}.pl-5,.px-5{padding-left:2.5rem!important}.p--5{padding:-2.5rem!important}.pt--5,.py--5{padding-top:-2.5rem!important}.pr--5,.px--5{padding-right:-2.5rem!important}.pb--5,.py--5{padding-bottom:-2.5rem!important}.pl--5,.px--5{padding-left:-2.5rem!important}.p--4{padding:-1.875rem!important}.pt--4,.py--4{padding-top:-1.875rem!important}.pr--4,.px--4{padding-right:-1.875rem!important}.pb--4,.py--4{padding-bottom:-1.875rem!important}.pl--4,.px--4{padding-left:-1.875rem!important}.p--3{padding:-1.25rem!important}.pt--3,.py--3{padding-top:-1.25rem!important}.pr--3,.px--3{padding-right:-1.25rem!important}.pb--3,.py--3{padding-bottom:-1.25rem!important}.pl--3,.px--3{padding-left:-1.25rem!important}.p--2{padding:-.625rem!important}.pt--2,.py--2{padding-top:-.625rem!important}.pr--2,.px--2{padding-right:-.625rem!important}.pb--2,.py--2{padding-bottom:-.625rem!important}.pl--2,.px--2{padding-left:-.625rem!important}.p--1{padding:-.3125rem!important}.pt--1,.py--1{padding-top:-.3125rem!important}.pr--1,.px--1{padding-right:-.3125rem!important}.pb--1,.py--1{padding-bottom:-.3125rem!important}.pl--1,.px--1{padding-left:-.3125rem!important}.m-n1{margin:-.3125rem!important}.mt-n1,.my-n1{margin-top:-.3125rem!important}.mr-n1,.mx-n1{margin-right:-.3125rem!important}.mb-n1,.my-n1{margin-bottom:-.3125rem!important}.ml-n1,.mx-n1{margin-left:-.3125rem!important}.m-n2{margin:-.625rem!important}.mt-n2,.my-n2{margin-top:-.625rem!important}.mr-n2,.mx-n2{margin-right:-.625rem!important}.mb-n2,.my-n2{margin-bottom:-.625rem!important}.ml-n2,.mx-n2{margin-left:-.625rem!important}.m-n3{margin:-1.25rem!important}.mt-n3,.my-n3{margin-top:-1.25rem!important}.mr-n3,.mx-n3{margin-right:-1.25rem!important}.mb-n3,.my-n3{margin-bottom:-1.25rem!important}.ml-n3,.mx-n3{margin-left:-1.25rem!important}.m-n4{margin:-1.875rem!important}.mt-n4,.my-n4{margin-top:-1.875rem!important}.mr-n4,.mx-n4{margin-right:-1.875rem!important}.mb-n4,.my-n4{margin-bottom:-1.875rem!important}.ml-n4,.mx-n4{margin-left:-1.875rem!important}.m-n5{margin:-2.5rem!important}.mt-n5,.my-n5{margin-top:-2.5rem!important}.mr-n5,.mx-n5{margin-right:-2.5rem!important}.mb-n5,.my-n5{margin-bottom:-2.5rem!important}.ml-n5,.mx-n5{margin-left:-2.5rem!important}.m-n-5{margin:2.5rem!important}.mt-n-5,.my-n-5{margin-top:2.5rem!important}.mr-n-5,.mx-n-5{margin-right:2.5rem!important}.mb-n-5,.my-n-5{margin-bottom:2.5rem!important}.ml-n-5,.mx-n-5{margin-left:2.5rem!important}.m-n-4{margin:1.875rem!important}.mt-n-4,.my-n-4{margin-top:1.875rem!important}.mr-n-4,.mx-n-4{margin-right:1.875rem!important}.mb-n-4,.my-n-4{margin-bottom:1.875rem!important}.ml-n-4,.mx-n-4{margin-left:1.875rem!important}.m-n-3{margin:1.25rem!important}.mt-n-3,.my-n-3{margin-top:1.25rem!important}.mr-n-3,.mx-n-3{margin-right:1.25rem!important}.mb-n-3,.my-n-3{margin-bottom:1.25rem!important}.ml-n-3,.mx-n-3{margin-left:1.25rem!important}.m-n-2{margin:.625rem!important}.mt-n-2,.my-n-2{margin-top:.625rem!important}.mr-n-2,.mx-n-2{margin-right:.625rem!important}.mb-n-2,.my-n-2{margin-bottom:.625rem!important}.ml-n-2,.mx-n-2{margin-left:.625rem!important}.m-n-1{margin:.3125rem!important}.mt-n-1,.my-n-1{margin-top:.3125rem!important}.mr-n-1,.mx-n-1{margin-right:.3125rem!important}.mb-n-1,.my-n-1{margin-bottom:.3125rem!important}.ml-n-1,.mx-n-1{margin-left:.3125rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width:576px){.m-sm-0{margin:0!important}.mt-sm-0,.my-sm-0{margin-top:0!important}.mr-sm-0,.mx-sm-0{margin-right:0!important}.mb-sm-0,.my-sm-0{margin-bottom:0!important}.ml-sm-0,.mx-sm-0{margin-left:0!important}.m-sm-1{margin:.3125rem!important}.mt-sm-1,.my-sm-1{margin-top:.3125rem!important}.mr-sm-1,.mx-sm-1{margin-right:.3125rem!important}.mb-sm-1,.my-sm-1{margin-bottom:.3125rem!important}.ml-sm-1,.mx-sm-1{margin-left:.3125rem!important}.m-sm-2{margin:.625rem!important}.mt-sm-2,.my-sm-2{margin-top:.625rem!important}.mr-sm-2,.mx-sm-2{margin-right:.625rem!important}.mb-sm-2,.my-sm-2{margin-bottom:.625rem!important}.ml-sm-2,.mx-sm-2{margin-left:.625rem!important}.m-sm-3{margin:1.25rem!important}.mt-sm-3,.my-sm-3{margin-top:1.25rem!important}.mr-sm-3,.mx-sm-3{margin-right:1.25rem!important}.mb-sm-3,.my-sm-3{margin-bottom:1.25rem!important}.ml-sm-3,.mx-sm-3{margin-left:1.25rem!important}.m-sm-4{margin:1.875rem!important}.mt-sm-4,.my-sm-4{margin-top:1.875rem!important}.mr-sm-4,.mx-sm-4{margin-right:1.875rem!important}.mb-sm-4,.my-sm-4{margin-bottom:1.875rem!important}.ml-sm-4,.mx-sm-4{margin-left:1.875rem!important}.m-sm-5{margin:2.5rem!important}.mt-sm-5,.my-sm-5{margin-top:2.5rem!important}.mr-sm-5,.mx-sm-5{margin-right:2.5rem!important}.mb-sm-5,.my-sm-5{margin-bottom:2.5rem!important}.ml-sm-5,.mx-sm-5{margin-left:2.5rem!important}.m-sm--5{margin:-2.5rem!important}.mt-sm--5,.my-sm--5{margin-top:-2.5rem!important}.mr-sm--5,.mx-sm--5{margin-right:-2.5rem!important}.mb-sm--5,.my-sm--5{margin-bottom:-2.5rem!important}.ml-sm--5,.mx-sm--5{margin-left:-2.5rem!important}.m-sm--4{margin:-1.875rem!important}.mt-sm--4,.my-sm--4{margin-top:-1.875rem!important}.mr-sm--4,.mx-sm--4{margin-right:-1.875rem!important}.mb-sm--4,.my-sm--4{margin-bottom:-1.875rem!important}.ml-sm--4,.mx-sm--4{margin-left:-1.875rem!important}.m-sm--3{margin:-1.25rem!important}.mt-sm--3,.my-sm--3{margin-top:-1.25rem!important}.mr-sm--3,.mx-sm--3{margin-right:-1.25rem!important}.mb-sm--3,.my-sm--3{margin-bottom:-1.25rem!important}.ml-sm--3,.mx-sm--3{margin-left:-1.25rem!important}.m-sm--2{margin:-.625rem!important}.mt-sm--2,.my-sm--2{margin-top:-.625rem!important}.mr-sm--2,.mx-sm--2{margin-right:-.625rem!important}.mb-sm--2,.my-sm--2{margin-bottom:-.625rem!important}.ml-sm--2,.mx-sm--2{margin-left:-.625rem!important}.m-sm--1{margin:-.3125rem!important}.mt-sm--1,.my-sm--1{margin-top:-.3125rem!important}.mr-sm--1,.mx-sm--1{margin-right:-.3125rem!important}.mb-sm--1,.my-sm--1{margin-bottom:-.3125rem!important}.ml-sm--1,.mx-sm--1{margin-left:-.3125rem!important}.p-sm-0{padding:0!important}.pt-sm-0,.py-sm-0{padding-top:0!important}.pr-sm-0,.px-sm-0{padding-right:0!important}.pb-sm-0,.py-sm-0{padding-bottom:0!important}.pl-sm-0,.px-sm-0{padding-left:0!important}.p-sm-1{padding:.3125rem!important}.pt-sm-1,.py-sm-1{padding-top:.3125rem!important}.pr-sm-1,.px-sm-1{padding-right:.3125rem!important}.pb-sm-1,.py-sm-1{padding-bottom:.3125rem!important}.pl-sm-1,.px-sm-1{padding-left:.3125rem!important}.p-sm-2{padding:.625rem!important}.pt-sm-2,.py-sm-2{padding-top:.625rem!important}.pr-sm-2,.px-sm-2{padding-right:.625rem!important}.pb-sm-2,.py-sm-2{padding-bottom:.625rem!important}.pl-sm-2,.px-sm-2{padding-left:.625rem!important}.p-sm-3{padding:1.25rem!important}.pt-sm-3,.py-sm-3{padding-top:1.25rem!important}.pr-sm-3,.px-sm-3{padding-right:1.25rem!important}.pb-sm-3,.py-sm-3{padding-bottom:1.25rem!important}.pl-sm-3,.px-sm-3{padding-left:1.25rem!important}.p-sm-4{padding:1.875rem!important}.pt-sm-4,.py-sm-4{padding-top:1.875rem!important}.pr-sm-4,.px-sm-4{padding-right:1.875rem!important}.pb-sm-4,.py-sm-4{padding-bottom:1.875rem!important}.pl-sm-4,.px-sm-4{padding-left:1.875rem!important}.p-sm-5{padding:2.5rem!important}.pt-sm-5,.py-sm-5{padding-top:2.5rem!important}.pr-sm-5,.px-sm-5{padding-right:2.5rem!important}.pb-sm-5,.py-sm-5{padding-bottom:2.5rem!important}.pl-sm-5,.px-sm-5{padding-left:2.5rem!important}.p-sm--5{padding:-2.5rem!important}.pt-sm--5,.py-sm--5{padding-top:-2.5rem!important}.pr-sm--5,.px-sm--5{padding-right:-2.5rem!important}.pb-sm--5,.py-sm--5{padding-bottom:-2.5rem!important}.pl-sm--5,.px-sm--5{padding-left:-2.5rem!important}.p-sm--4{padding:-1.875rem!important}.pt-sm--4,.py-sm--4{padding-top:-1.875rem!important}.pr-sm--4,.px-sm--4{padding-right:-1.875rem!important}.pb-sm--4,.py-sm--4{padding-bottom:-1.875rem!important}.pl-sm--4,.px-sm--4{padding-left:-1.875rem!important}.p-sm--3{padding:-1.25rem!important}.pt-sm--3,.py-sm--3{padding-top:-1.25rem!important}.pr-sm--3,.px-sm--3{padding-right:-1.25rem!important}.pb-sm--3,.py-sm--3{padding-bottom:-1.25rem!important}.pl-sm--3,.px-sm--3{padding-left:-1.25rem!important}.p-sm--2{padding:-.625rem!important}.pt-sm--2,.py-sm--2{padding-top:-.625rem!important}.pr-sm--2,.px-sm--2{padding-right:-.625rem!important}.pb-sm--2,.py-sm--2{padding-bottom:-.625rem!important}.pl-sm--2,.px-sm--2{padding-left:-.625rem!important}.p-sm--1{padding:-.3125rem!important}.pt-sm--1,.py-sm--1{padding-top:-.3125rem!important}.pr-sm--1,.px-sm--1{padding-right:-.3125rem!important}.pb-sm--1,.py-sm--1{padding-bottom:-.3125rem!important}.pl-sm--1,.px-sm--1{padding-left:-.3125rem!important}.m-sm-n1{margin:-.3125rem!important}.mt-sm-n1,.my-sm-n1{margin-top:-.3125rem!important}.mr-sm-n1,.mx-sm-n1{margin-right:-.3125rem!important}.mb-sm-n1,.my-sm-n1{margin-bottom:-.3125rem!important}.ml-sm-n1,.mx-sm-n1{margin-left:-.3125rem!important}.m-sm-n2{margin:-.625rem!important}.mt-sm-n2,.my-sm-n2{margin-top:-.625rem!important}.mr-sm-n2,.mx-sm-n2{margin-right:-.625rem!important}.mb-sm-n2,.my-sm-n2{margin-bottom:-.625rem!important}.ml-sm-n2,.mx-sm-n2{margin-left:-.625rem!important}.m-sm-n3{margin:-1.25rem!important}.mt-sm-n3,.my-sm-n3{margin-top:-1.25rem!important}.mr-sm-n3,.mx-sm-n3{margin-right:-1.25rem!important}.mb-sm-n3,.my-sm-n3{margin-bottom:-1.25rem!important}.ml-sm-n3,.mx-sm-n3{margin-left:-1.25rem!important}.m-sm-n4{margin:-1.875rem!important}.mt-sm-n4,.my-sm-n4{margin-top:-1.875rem!important}.mr-sm-n4,.mx-sm-n4{margin-right:-1.875rem!important}.mb-sm-n4,.my-sm-n4{margin-bottom:-1.875rem!important}.ml-sm-n4,.mx-sm-n4{margin-left:-1.875rem!important}.m-sm-n5{margin:-2.5rem!important}.mt-sm-n5,.my-sm-n5{margin-top:-2.5rem!important}.mr-sm-n5,.mx-sm-n5{margin-right:-2.5rem!important}.mb-sm-n5,.my-sm-n5{margin-bottom:-2.5rem!important}.ml-sm-n5,.mx-sm-n5{margin-left:-2.5rem!important}.m-sm-n-5{margin:2.5rem!important}.mt-sm-n-5,.my-sm-n-5{margin-top:2.5rem!important}.mr-sm-n-5,.mx-sm-n-5{margin-right:2.5rem!important}.mb-sm-n-5,.my-sm-n-5{margin-bottom:2.5rem!important}.ml-sm-n-5,.mx-sm-n-5{margin-left:2.5rem!important}.m-sm-n-4{margin:1.875rem!important}.mt-sm-n-4,.my-sm-n-4{margin-top:1.875rem!important}.mr-sm-n-4,.mx-sm-n-4{margin-right:1.875rem!important}.mb-sm-n-4,.my-sm-n-4{margin-bottom:1.875rem!important}.ml-sm-n-4,.mx-sm-n-4{margin-left:1.875rem!important}.m-sm-n-3{margin:1.25rem!important}.mt-sm-n-3,.my-sm-n-3{margin-top:1.25rem!important}.mr-sm-n-3,.mx-sm-n-3{margin-right:1.25rem!important}.mb-sm-n-3,.my-sm-n-3{margin-bottom:1.25rem!important}.ml-sm-n-3,.mx-sm-n-3{margin-left:1.25rem!important}.m-sm-n-2{margin:.625rem!important}.mt-sm-n-2,.my-sm-n-2{margin-top:.625rem!important}.mr-sm-n-2,.mx-sm-n-2{margin-right:.625rem!important}.mb-sm-n-2,.my-sm-n-2{margin-bottom:.625rem!important}.ml-sm-n-2,.mx-sm-n-2{margin-left:.625rem!important}.m-sm-n-1{margin:.3125rem!important}.mt-sm-n-1,.my-sm-n-1{margin-top:.3125rem!important}.mr-sm-n-1,.mx-sm-n-1{margin-right:.3125rem!important}.mb-sm-n-1,.my-sm-n-1{margin-bottom:.3125rem!important}.ml-sm-n-1,.mx-sm-n-1{margin-left:.3125rem!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width:768px){.m-md-0{margin:0!important}.mt-md-0,.my-md-0{margin-top:0!important}.mr-md-0,.mx-md-0{margin-right:0!important}.mb-md-0,.my-md-0{margin-bottom:0!important}.ml-md-0,.mx-md-0{margin-left:0!important}.m-md-1{margin:.3125rem!important}.mt-md-1,.my-md-1{margin-top:.3125rem!important}.mr-md-1,.mx-md-1{margin-right:.3125rem!important}.mb-md-1,.my-md-1{margin-bottom:.3125rem!important}.ml-md-1,.mx-md-1{margin-left:.3125rem!important}.m-md-2{margin:.625rem!important}.mt-md-2,.my-md-2{margin-top:.625rem!important}.mr-md-2,.mx-md-2{margin-right:.625rem!important}.mb-md-2,.my-md-2{margin-bottom:.625rem!important}.ml-md-2,.mx-md-2{margin-left:.625rem!important}.m-md-3{margin:1.25rem!important}.mt-md-3,.my-md-3{margin-top:1.25rem!important}.mr-md-3,.mx-md-3{margin-right:1.25rem!important}.mb-md-3,.my-md-3{margin-bottom:1.25rem!important}.ml-md-3,.mx-md-3{margin-left:1.25rem!important}.m-md-4{margin:1.875rem!important}.mt-md-4,.my-md-4{margin-top:1.875rem!important}.mr-md-4,.mx-md-4{margin-right:1.875rem!important}.mb-md-4,.my-md-4{margin-bottom:1.875rem!important}.ml-md-4,.mx-md-4{margin-left:1.875rem!important}.m-md-5{margin:2.5rem!important}.mt-md-5,.my-md-5{margin-top:2.5rem!important}.mr-md-5,.mx-md-5{margin-right:2.5rem!important}.mb-md-5,.my-md-5{margin-bottom:2.5rem!important}.ml-md-5,.mx-md-5{margin-left:2.5rem!important}.m-md--5{margin:-2.5rem!important}.mt-md--5,.my-md--5{margin-top:-2.5rem!important}.mr-md--5,.mx-md--5{margin-right:-2.5rem!important}.mb-md--5,.my-md--5{margin-bottom:-2.5rem!important}.ml-md--5,.mx-md--5{margin-left:-2.5rem!important}.m-md--4{margin:-1.875rem!important}.mt-md--4,.my-md--4{margin-top:-1.875rem!important}.mr-md--4,.mx-md--4{margin-right:-1.875rem!important}.mb-md--4,.my-md--4{margin-bottom:-1.875rem!important}.ml-md--4,.mx-md--4{margin-left:-1.875rem!important}.m-md--3{margin:-1.25rem!important}.mt-md--3,.my-md--3{margin-top:-1.25rem!important}.mr-md--3,.mx-md--3{margin-right:-1.25rem!important}.mb-md--3,.my-md--3{margin-bottom:-1.25rem!important}.ml-md--3,.mx-md--3{margin-left:-1.25rem!important}.m-md--2{margin:-.625rem!important}.mt-md--2,.my-md--2{margin-top:-.625rem!important}.mr-md--2,.mx-md--2{margin-right:-.625rem!important}.mb-md--2,.my-md--2{margin-bottom:-.625rem!important}.ml-md--2,.mx-md--2{margin-left:-.625rem!important}.m-md--1{margin:-.3125rem!important}.mt-md--1,.my-md--1{margin-top:-.3125rem!important}.mr-md--1,.mx-md--1{margin-right:-.3125rem!important}.mb-md--1,.my-md--1{margin-bottom:-.3125rem!important}.ml-md--1,.mx-md--1{margin-left:-.3125rem!important}.p-md-0{padding:0!important}.pt-md-0,.py-md-0{padding-top:0!important}.pr-md-0,.px-md-0{padding-right:0!important}.pb-md-0,.py-md-0{padding-bottom:0!important}.pl-md-0,.px-md-0{padding-left:0!important}.p-md-1{padding:.3125rem!important}.pt-md-1,.py-md-1{padding-top:.3125rem!important}.pr-md-1,.px-md-1{padding-right:.3125rem!important}.pb-md-1,.py-md-1{padding-bottom:.3125rem!important}.pl-md-1,.px-md-1{padding-left:.3125rem!important}.p-md-2{padding:.625rem!important}.pt-md-2,.py-md-2{padding-top:.625rem!important}.pr-md-2,.px-md-2{padding-right:.625rem!important}.pb-md-2,.py-md-2{padding-bottom:.625rem!important}.pl-md-2,.px-md-2{padding-left:.625rem!important}.p-md-3{padding:1.25rem!important}.pt-md-3,.py-md-3{padding-top:1.25rem!important}.pr-md-3,.px-md-3{padding-right:1.25rem!important}.pb-md-3,.py-md-3{padding-bottom:1.25rem!important}.pl-md-3,.px-md-3{padding-left:1.25rem!important}.p-md-4{padding:1.875rem!important}.pt-md-4,.py-md-4{padding-top:1.875rem!important}.pr-md-4,.px-md-4{padding-right:1.875rem!important}.pb-md-4,.py-md-4{padding-bottom:1.875rem!important}.pl-md-4,.px-md-4{padding-left:1.875rem!important}.p-md-5{padding:2.5rem!important}.pt-md-5,.py-md-5{padding-top:2.5rem!important}.pr-md-5,.px-md-5{padding-right:2.5rem!important}.pb-md-5,.py-md-5{padding-bottom:2.5rem!important}.pl-md-5,.px-md-5{padding-left:2.5rem!important}.p-md--5{padding:-2.5rem!important}.pt-md--5,.py-md--5{padding-top:-2.5rem!important}.pr-md--5,.px-md--5{padding-right:-2.5rem!important}.pb-md--5,.py-md--5{padding-bottom:-2.5rem!important}.pl-md--5,.px-md--5{padding-left:-2.5rem!important}.p-md--4{padding:-1.875rem!important}.pt-md--4,.py-md--4{padding-top:-1.875rem!important}.pr-md--4,.px-md--4{padding-right:-1.875rem!important}.pb-md--4,.py-md--4{padding-bottom:-1.875rem!important}.pl-md--4,.px-md--4{padding-left:-1.875rem!important}.p-md--3{padding:-1.25rem!important}.pt-md--3,.py-md--3{padding-top:-1.25rem!important}.pr-md--3,.px-md--3{padding-right:-1.25rem!important}.pb-md--3,.py-md--3{padding-bottom:-1.25rem!important}.pl-md--3,.px-md--3{padding-left:-1.25rem!important}.p-md--2{padding:-.625rem!important}.pt-md--2,.py-md--2{padding-top:-.625rem!important}.pr-md--2,.px-md--2{padding-right:-.625rem!important}.pb-md--2,.py-md--2{padding-bottom:-.625rem!important}.pl-md--2,.px-md--2{padding-left:-.625rem!important}.p-md--1{padding:-.3125rem!important}.pt-md--1,.py-md--1{padding-top:-.3125rem!important}.pr-md--1,.px-md--1{padding-right:-.3125rem!important}.pb-md--1,.py-md--1{padding-bottom:-.3125rem!important}.pl-md--1,.px-md--1{padding-left:-.3125rem!important}.m-md-n1{margin:-.3125rem!important}.mt-md-n1,.my-md-n1{margin-top:-.3125rem!important}.mr-md-n1,.mx-md-n1{margin-right:-.3125rem!important}.mb-md-n1,.my-md-n1{margin-bottom:-.3125rem!important}.ml-md-n1,.mx-md-n1{margin-left:-.3125rem!important}.m-md-n2{margin:-.625rem!important}.mt-md-n2,.my-md-n2{margin-top:-.625rem!important}.mr-md-n2,.mx-md-n2{margin-right:-.625rem!important}.mb-md-n2,.my-md-n2{margin-bottom:-.625rem!important}.ml-md-n2,.mx-md-n2{margin-left:-.625rem!important}.m-md-n3{margin:-1.25rem!important}.mt-md-n3,.my-md-n3{margin-top:-1.25rem!important}.mr-md-n3,.mx-md-n3{margin-right:-1.25rem!important}.mb-md-n3,.my-md-n3{margin-bottom:-1.25rem!important}.ml-md-n3,.mx-md-n3{margin-left:-1.25rem!important}.m-md-n4{margin:-1.875rem!important}.mt-md-n4,.my-md-n4{margin-top:-1.875rem!important}.mr-md-n4,.mx-md-n4{margin-right:-1.875rem!important}.mb-md-n4,.my-md-n4{margin-bottom:-1.875rem!important}.ml-md-n4,.mx-md-n4{margin-left:-1.875rem!important}.m-md-n5{margin:-2.5rem!important}.mt-md-n5,.my-md-n5{margin-top:-2.5rem!important}.mr-md-n5,.mx-md-n5{margin-right:-2.5rem!important}.mb-md-n5,.my-md-n5{margin-bottom:-2.5rem!important}.ml-md-n5,.mx-md-n5{margin-left:-2.5rem!important}.m-md-n-5{margin:2.5rem!important}.mt-md-n-5,.my-md-n-5{margin-top:2.5rem!important}.mr-md-n-5,.mx-md-n-5{margin-right:2.5rem!important}.mb-md-n-5,.my-md-n-5{margin-bottom:2.5rem!important}.ml-md-n-5,.mx-md-n-5{margin-left:2.5rem!important}.m-md-n-4{margin:1.875rem!important}.mt-md-n-4,.my-md-n-4{margin-top:1.875rem!important}.mr-md-n-4,.mx-md-n-4{margin-right:1.875rem!important}.mb-md-n-4,.my-md-n-4{margin-bottom:1.875rem!important}.ml-md-n-4,.mx-md-n-4{margin-left:1.875rem!important}.m-md-n-3{margin:1.25rem!important}.mt-md-n-3,.my-md-n-3{margin-top:1.25rem!important}.mr-md-n-3,.mx-md-n-3{margin-right:1.25rem!important}.mb-md-n-3,.my-md-n-3{margin-bottom:1.25rem!important}.ml-md-n-3,.mx-md-n-3{margin-left:1.25rem!important}.m-md-n-2{margin:.625rem!important}.mt-md-n-2,.my-md-n-2{margin-top:.625rem!important}.mr-md-n-2,.mx-md-n-2{margin-right:.625rem!important}.mb-md-n-2,.my-md-n-2{margin-bottom:.625rem!important}.ml-md-n-2,.mx-md-n-2{margin-left:.625rem!important}.m-md-n-1{margin:.3125rem!important}.mt-md-n-1,.my-md-n-1{margin-top:.3125rem!important}.mr-md-n-1,.mx-md-n-1{margin-right:.3125rem!important}.mb-md-n-1,.my-md-n-1{margin-bottom:.3125rem!important}.ml-md-n-1,.mx-md-n-1{margin-left:.3125rem!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width:992px){.m-lg-0{margin:0!important}.mt-lg-0,.my-lg-0{margin-top:0!important}.mr-lg-0,.mx-lg-0{margin-right:0!important}.mb-lg-0,.my-lg-0{margin-bottom:0!important}.ml-lg-0,.mx-lg-0{margin-left:0!important}.m-lg-1{margin:.3125rem!important}.mt-lg-1,.my-lg-1{margin-top:.3125rem!important}.mr-lg-1,.mx-lg-1{margin-right:.3125rem!important}.mb-lg-1,.my-lg-1{margin-bottom:.3125rem!important}.ml-lg-1,.mx-lg-1{margin-left:.3125rem!important}.m-lg-2{margin:.625rem!important}.mt-lg-2,.my-lg-2{margin-top:.625rem!important}.mr-lg-2,.mx-lg-2{margin-right:.625rem!important}.mb-lg-2,.my-lg-2{margin-bottom:.625rem!important}.ml-lg-2,.mx-lg-2{margin-left:.625rem!important}.m-lg-3{margin:1.25rem!important}.mt-lg-3,.my-lg-3{margin-top:1.25rem!important}.mr-lg-3,.mx-lg-3{margin-right:1.25rem!important}.mb-lg-3,.my-lg-3{margin-bottom:1.25rem!important}.ml-lg-3,.mx-lg-3{margin-left:1.25rem!important}.m-lg-4{margin:1.875rem!important}.mt-lg-4,.my-lg-4{margin-top:1.875rem!important}.mr-lg-4,.mx-lg-4{margin-right:1.875rem!important}.mb-lg-4,.my-lg-4{margin-bottom:1.875rem!important}.ml-lg-4,.mx-lg-4{margin-left:1.875rem!important}.m-lg-5{margin:2.5rem!important}.mt-lg-5,.my-lg-5{margin-top:2.5rem!important}.mr-lg-5,.mx-lg-5{margin-right:2.5rem!important}.mb-lg-5,.my-lg-5{margin-bottom:2.5rem!important}.ml-lg-5,.mx-lg-5{margin-left:2.5rem!important}.m-lg--5{margin:-2.5rem!important}.mt-lg--5,.my-lg--5{margin-top:-2.5rem!important}.mr-lg--5,.mx-lg--5{margin-right:-2.5rem!important}.mb-lg--5,.my-lg--5{margin-bottom:-2.5rem!important}.ml-lg--5,.mx-lg--5{margin-left:-2.5rem!important}.m-lg--4{margin:-1.875rem!important}.mt-lg--4,.my-lg--4{margin-top:-1.875rem!important}.mr-lg--4,.mx-lg--4{margin-right:-1.875rem!important}.mb-lg--4,.my-lg--4{margin-bottom:-1.875rem!important}.ml-lg--4,.mx-lg--4{margin-left:-1.875rem!important}.m-lg--3{margin:-1.25rem!important}.mt-lg--3,.my-lg--3{margin-top:-1.25rem!important}.mr-lg--3,.mx-lg--3{margin-right:-1.25rem!important}.mb-lg--3,.my-lg--3{margin-bottom:-1.25rem!important}.ml-lg--3,.mx-lg--3{margin-left:-1.25rem!important}.m-lg--2{margin:-.625rem!important}.mt-lg--2,.my-lg--2{margin-top:-.625rem!important}.mr-lg--2,.mx-lg--2{margin-right:-.625rem!important}.mb-lg--2,.my-lg--2{margin-bottom:-.625rem!important}.ml-lg--2,.mx-lg--2{margin-left:-.625rem!important}.m-lg--1{margin:-.3125rem!important}.mt-lg--1,.my-lg--1{margin-top:-.3125rem!important}.mr-lg--1,.mx-lg--1{margin-right:-.3125rem!important}.mb-lg--1,.my-lg--1{margin-bottom:-.3125rem!important}.ml-lg--1,.mx-lg--1{margin-left:-.3125rem!important}.p-lg-0{padding:0!important}.pt-lg-0,.py-lg-0{padding-top:0!important}.pr-lg-0,.px-lg-0{padding-right:0!important}.pb-lg-0,.py-lg-0{padding-bottom:0!important}.pl-lg-0,.px-lg-0{padding-left:0!important}.p-lg-1{padding:.3125rem!important}.pt-lg-1,.py-lg-1{padding-top:.3125rem!important}.pr-lg-1,.px-lg-1{padding-right:.3125rem!important}.pb-lg-1,.py-lg-1{padding-bottom:.3125rem!important}.pl-lg-1,.px-lg-1{padding-left:.3125rem!important}.p-lg-2{padding:.625rem!important}.pt-lg-2,.py-lg-2{padding-top:.625rem!important}.pr-lg-2,.px-lg-2{padding-right:.625rem!important}.pb-lg-2,.py-lg-2{padding-bottom:.625rem!important}.pl-lg-2,.px-lg-2{padding-left:.625rem!important}.p-lg-3{padding:1.25rem!important}.pt-lg-3,.py-lg-3{padding-top:1.25rem!important}.pr-lg-3,.px-lg-3{padding-right:1.25rem!important}.pb-lg-3,.py-lg-3{padding-bottom:1.25rem!important}.pl-lg-3,.px-lg-3{padding-left:1.25rem!important}.p-lg-4{padding:1.875rem!important}.pt-lg-4,.py-lg-4{padding-top:1.875rem!important}.pr-lg-4,.px-lg-4{padding-right:1.875rem!important}.pb-lg-4,.py-lg-4{padding-bottom:1.875rem!important}.pl-lg-4,.px-lg-4{padding-left:1.875rem!important}.p-lg-5{padding:2.5rem!important}.pt-lg-5,.py-lg-5{padding-top:2.5rem!important}.pr-lg-5,.px-lg-5{padding-right:2.5rem!important}.pb-lg-5,.py-lg-5{padding-bottom:2.5rem!important}.pl-lg-5,.px-lg-5{padding-left:2.5rem!important}.p-lg--5{padding:-2.5rem!important}.pt-lg--5,.py-lg--5{padding-top:-2.5rem!important}.pr-lg--5,.px-lg--5{padding-right:-2.5rem!important}.pb-lg--5,.py-lg--5{padding-bottom:-2.5rem!important}.pl-lg--5,.px-lg--5{padding-left:-2.5rem!important}.p-lg--4{padding:-1.875rem!important}.pt-lg--4,.py-lg--4{padding-top:-1.875rem!important}.pr-lg--4,.px-lg--4{padding-right:-1.875rem!important}.pb-lg--4,.py-lg--4{padding-bottom:-1.875rem!important}.pl-lg--4,.px-lg--4{padding-left:-1.875rem!important}.p-lg--3{padding:-1.25rem!important}.pt-lg--3,.py-lg--3{padding-top:-1.25rem!important}.pr-lg--3,.px-lg--3{padding-right:-1.25rem!important}.pb-lg--3,.py-lg--3{padding-bottom:-1.25rem!important}.pl-lg--3,.px-lg--3{padding-left:-1.25rem!important}.p-lg--2{padding:-.625rem!important}.pt-lg--2,.py-lg--2{padding-top:-.625rem!important}.pr-lg--2,.px-lg--2{padding-right:-.625rem!important}.pb-lg--2,.py-lg--2{padding-bottom:-.625rem!important}.pl-lg--2,.px-lg--2{padding-left:-.625rem!important}.p-lg--1{padding:-.3125rem!important}.pt-lg--1,.py-lg--1{padding-top:-.3125rem!important}.pr-lg--1,.px-lg--1{padding-right:-.3125rem!important}.pb-lg--1,.py-lg--1{padding-bottom:-.3125rem!important}.pl-lg--1,.px-lg--1{padding-left:-.3125rem!important}.m-lg-n1{margin:-.3125rem!important}.mt-lg-n1,.my-lg-n1{margin-top:-.3125rem!important}.mr-lg-n1,.mx-lg-n1{margin-right:-.3125rem!important}.mb-lg-n1,.my-lg-n1{margin-bottom:-.3125rem!important}.ml-lg-n1,.mx-lg-n1{margin-left:-.3125rem!important}.m-lg-n2{margin:-.625rem!important}.mt-lg-n2,.my-lg-n2{margin-top:-.625rem!important}.mr-lg-n2,.mx-lg-n2{margin-right:-.625rem!important}.mb-lg-n2,.my-lg-n2{margin-bottom:-.625rem!important}.ml-lg-n2,.mx-lg-n2{margin-left:-.625rem!important}.m-lg-n3{margin:-1.25rem!important}.mt-lg-n3,.my-lg-n3{margin-top:-1.25rem!important}.mr-lg-n3,.mx-lg-n3{margin-right:-1.25rem!important}.mb-lg-n3,.my-lg-n3{margin-bottom:-1.25rem!important}.ml-lg-n3,.mx-lg-n3{margin-left:-1.25rem!important}.m-lg-n4{margin:-1.875rem!important}.mt-lg-n4,.my-lg-n4{margin-top:-1.875rem!important}.mr-lg-n4,.mx-lg-n4{margin-right:-1.875rem!important}.mb-lg-n4,.my-lg-n4{margin-bottom:-1.875rem!important}.ml-lg-n4,.mx-lg-n4{margin-left:-1.875rem!important}.m-lg-n5{margin:-2.5rem!important}.mt-lg-n5,.my-lg-n5{margin-top:-2.5rem!important}.mr-lg-n5,.mx-lg-n5{margin-right:-2.5rem!important}.mb-lg-n5,.my-lg-n5{margin-bottom:-2.5rem!important}.ml-lg-n5,.mx-lg-n5{margin-left:-2.5rem!important}.m-lg-n-5{margin:2.5rem!important}.mt-lg-n-5,.my-lg-n-5{margin-top:2.5rem!important}.mr-lg-n-5,.mx-lg-n-5{margin-right:2.5rem!important}.mb-lg-n-5,.my-lg-n-5{margin-bottom:2.5rem!important}.ml-lg-n-5,.mx-lg-n-5{margin-left:2.5rem!important}.m-lg-n-4{margin:1.875rem!important}.mt-lg-n-4,.my-lg-n-4{margin-top:1.875rem!important}.mr-lg-n-4,.mx-lg-n-4{margin-right:1.875rem!important}.mb-lg-n-4,.my-lg-n-4{margin-bottom:1.875rem!important}.ml-lg-n-4,.mx-lg-n-4{margin-left:1.875rem!important}.m-lg-n-3{margin:1.25rem!important}.mt-lg-n-3,.my-lg-n-3{margin-top:1.25rem!important}.mr-lg-n-3,.mx-lg-n-3{margin-right:1.25rem!important}.mb-lg-n-3,.my-lg-n-3{margin-bottom:1.25rem!important}.ml-lg-n-3,.mx-lg-n-3{margin-left:1.25rem!important}.m-lg-n-2{margin:.625rem!important}.mt-lg-n-2,.my-lg-n-2{margin-top:.625rem!important}.mr-lg-n-2,.mx-lg-n-2{margin-right:.625rem!important}.mb-lg-n-2,.my-lg-n-2{margin-bottom:.625rem!important}.ml-lg-n-2,.mx-lg-n-2{margin-left:.625rem!important}.m-lg-n-1{margin:.3125rem!important}.mt-lg-n-1,.my-lg-n-1{margin-top:.3125rem!important}.mr-lg-n-1,.mx-lg-n-1{margin-right:.3125rem!important}.mb-lg-n-1,.my-lg-n-1{margin-bottom:.3125rem!important}.ml-lg-n-1,.mx-lg-n-1{margin-left:.3125rem!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width:1200px){.m-xl-0{margin:0!important}.mt-xl-0,.my-xl-0{margin-top:0!important}.mr-xl-0,.mx-xl-0{margin-right:0!important}.mb-xl-0,.my-xl-0{margin-bottom:0!important}.ml-xl-0,.mx-xl-0{margin-left:0!important}.m-xl-1{margin:.3125rem!important}.mt-xl-1,.my-xl-1{margin-top:.3125rem!important}.mr-xl-1,.mx-xl-1{margin-right:.3125rem!important}.mb-xl-1,.my-xl-1{margin-bottom:.3125rem!important}.ml-xl-1,.mx-xl-1{margin-left:.3125rem!important}.m-xl-2{margin:.625rem!important}.mt-xl-2,.my-xl-2{margin-top:.625rem!important}.mr-xl-2,.mx-xl-2{margin-right:.625rem!important}.mb-xl-2,.my-xl-2{margin-bottom:.625rem!important}.ml-xl-2,.mx-xl-2{margin-left:.625rem!important}.m-xl-3{margin:1.25rem!important}.mt-xl-3,.my-xl-3{margin-top:1.25rem!important}.mr-xl-3,.mx-xl-3{margin-right:1.25rem!important}.mb-xl-3,.my-xl-3{margin-bottom:1.25rem!important}.ml-xl-3,.mx-xl-3{margin-left:1.25rem!important}.m-xl-4{margin:1.875rem!important}.mt-xl-4,.my-xl-4{margin-top:1.875rem!important}.mr-xl-4,.mx-xl-4{margin-right:1.875rem!important}.mb-xl-4,.my-xl-4{margin-bottom:1.875rem!important}.ml-xl-4,.mx-xl-4{margin-left:1.875rem!important}.m-xl-5{margin:2.5rem!important}.mt-xl-5,.my-xl-5{margin-top:2.5rem!important}.mr-xl-5,.mx-xl-5{margin-right:2.5rem!important}.mb-xl-5,.my-xl-5{margin-bottom:2.5rem!important}.ml-xl-5,.mx-xl-5{margin-left:2.5rem!important}.m-xl--5{margin:-2.5rem!important}.mt-xl--5,.my-xl--5{margin-top:-2.5rem!important}.mr-xl--5,.mx-xl--5{margin-right:-2.5rem!important}.mb-xl--5,.my-xl--5{margin-bottom:-2.5rem!important}.ml-xl--5,.mx-xl--5{margin-left:-2.5rem!important}.m-xl--4{margin:-1.875rem!important}.mt-xl--4,.my-xl--4{margin-top:-1.875rem!important}.mr-xl--4,.mx-xl--4{margin-right:-1.875rem!important}.mb-xl--4,.my-xl--4{margin-bottom:-1.875rem!important}.ml-xl--4,.mx-xl--4{margin-left:-1.875rem!important}.m-xl--3{margin:-1.25rem!important}.mt-xl--3,.my-xl--3{margin-top:-1.25rem!important}.mr-xl--3,.mx-xl--3{margin-right:-1.25rem!important}.mb-xl--3,.my-xl--3{margin-bottom:-1.25rem!important}.ml-xl--3,.mx-xl--3{margin-left:-1.25rem!important}.m-xl--2{margin:-.625rem!important}.mt-xl--2,.my-xl--2{margin-top:-.625rem!important}.mr-xl--2,.mx-xl--2{margin-right:-.625rem!important}.mb-xl--2,.my-xl--2{margin-bottom:-.625rem!important}.ml-xl--2,.mx-xl--2{margin-left:-.625rem!important}.m-xl--1{margin:-.3125rem!important}.mt-xl--1,.my-xl--1{margin-top:-.3125rem!important}.mr-xl--1,.mx-xl--1{margin-right:-.3125rem!important}.mb-xl--1,.my-xl--1{margin-bottom:-.3125rem!important}.ml-xl--1,.mx-xl--1{margin-left:-.3125rem!important}.p-xl-0{padding:0!important}.pt-xl-0,.py-xl-0{padding-top:0!important}.pr-xl-0,.px-xl-0{padding-right:0!important}.pb-xl-0,.py-xl-0{padding-bottom:0!important}.pl-xl-0,.px-xl-0{padding-left:0!important}.p-xl-1{padding:.3125rem!important}.pt-xl-1,.py-xl-1{padding-top:.3125rem!important}.pr-xl-1,.px-xl-1{padding-right:.3125rem!important}.pb-xl-1,.py-xl-1{padding-bottom:.3125rem!important}.pl-xl-1,.px-xl-1{padding-left:.3125rem!important}.p-xl-2{padding:.625rem!important}.pt-xl-2,.py-xl-2{padding-top:.625rem!important}.pr-xl-2,.px-xl-2{padding-right:.625rem!important}.pb-xl-2,.py-xl-2{padding-bottom:.625rem!important}.pl-xl-2,.px-xl-2{padding-left:.625rem!important}.p-xl-3{padding:1.25rem!important}.pt-xl-3,.py-xl-3{padding-top:1.25rem!important}.pr-xl-3,.px-xl-3{padding-right:1.25rem!important}.pb-xl-3,.py-xl-3{padding-bottom:1.25rem!important}.pl-xl-3,.px-xl-3{padding-left:1.25rem!important}.p-xl-4{padding:1.875rem!important}.pt-xl-4,.py-xl-4{padding-top:1.875rem!important}.pr-xl-4,.px-xl-4{padding-right:1.875rem!important}.pb-xl-4,.py-xl-4{padding-bottom:1.875rem!important}.pl-xl-4,.px-xl-4{padding-left:1.875rem!important}.p-xl-5{padding:2.5rem!important}.pt-xl-5,.py-xl-5{padding-top:2.5rem!important}.pr-xl-5,.px-xl-5{padding-right:2.5rem!important}.pb-xl-5,.py-xl-5{padding-bottom:2.5rem!important}.pl-xl-5,.px-xl-5{padding-left:2.5rem!important}.p-xl--5{padding:-2.5rem!important}.pt-xl--5,.py-xl--5{padding-top:-2.5rem!important}.pr-xl--5,.px-xl--5{padding-right:-2.5rem!important}.pb-xl--5,.py-xl--5{padding-bottom:-2.5rem!important}.pl-xl--5,.px-xl--5{padding-left:-2.5rem!important}.p-xl--4{padding:-1.875rem!important}.pt-xl--4,.py-xl--4{padding-top:-1.875rem!important}.pr-xl--4,.px-xl--4{padding-right:-1.875rem!important}.pb-xl--4,.py-xl--4{padding-bottom:-1.875rem!important}.pl-xl--4,.px-xl--4{padding-left:-1.875rem!important}.p-xl--3{padding:-1.25rem!important}.pt-xl--3,.py-xl--3{padding-top:-1.25rem!important}.pr-xl--3,.px-xl--3{padding-right:-1.25rem!important}.pb-xl--3,.py-xl--3{padding-bottom:-1.25rem!important}.pl-xl--3,.px-xl--3{padding-left:-1.25rem!important}.p-xl--2{padding:-.625rem!important}.pt-xl--2,.py-xl--2{padding-top:-.625rem!important}.pr-xl--2,.px-xl--2{padding-right:-.625rem!important}.pb-xl--2,.py-xl--2{padding-bottom:-.625rem!important}.pl-xl--2,.px-xl--2{padding-left:-.625rem!important}.p-xl--1{padding:-.3125rem!important}.pt-xl--1,.py-xl--1{padding-top:-.3125rem!important}.pr-xl--1,.px-xl--1{padding-right:-.3125rem!important}.pb-xl--1,.py-xl--1{padding-bottom:-.3125rem!important}.pl-xl--1,.px-xl--1{padding-left:-.3125rem!important}.m-xl-n1{margin:-.3125rem!important}.mt-xl-n1,.my-xl-n1{margin-top:-.3125rem!important}.mr-xl-n1,.mx-xl-n1{margin-right:-.3125rem!important}.mb-xl-n1,.my-xl-n1{margin-bottom:-.3125rem!important}.ml-xl-n1,.mx-xl-n1{margin-left:-.3125rem!important}.m-xl-n2{margin:-.625rem!important}.mt-xl-n2,.my-xl-n2{margin-top:-.625rem!important}.mr-xl-n2,.mx-xl-n2{margin-right:-.625rem!important}.mb-xl-n2,.my-xl-n2{margin-bottom:-.625rem!important}.ml-xl-n2,.mx-xl-n2{margin-left:-.625rem!important}.m-xl-n3{margin:-1.25rem!important}.mt-xl-n3,.my-xl-n3{margin-top:-1.25rem!important}.mr-xl-n3,.mx-xl-n3{margin-right:-1.25rem!important}.mb-xl-n3,.my-xl-n3{margin-bottom:-1.25rem!important}.ml-xl-n3,.mx-xl-n3{margin-left:-1.25rem!important}.m-xl-n4{margin:-1.875rem!important}.mt-xl-n4,.my-xl-n4{margin-top:-1.875rem!important}.mr-xl-n4,.mx-xl-n4{margin-right:-1.875rem!important}.mb-xl-n4,.my-xl-n4{margin-bottom:-1.875rem!important}.ml-xl-n4,.mx-xl-n4{margin-left:-1.875rem!important}.m-xl-n5{margin:-2.5rem!important}.mt-xl-n5,.my-xl-n5{margin-top:-2.5rem!important}.mr-xl-n5,.mx-xl-n5{margin-right:-2.5rem!important}.mb-xl-n5,.my-xl-n5{margin-bottom:-2.5rem!important}.ml-xl-n5,.mx-xl-n5{margin-left:-2.5rem!important}.m-xl-n-5{margin:2.5rem!important}.mt-xl-n-5,.my-xl-n-5{margin-top:2.5rem!important}.mr-xl-n-5,.mx-xl-n-5{margin-right:2.5rem!important}.mb-xl-n-5,.my-xl-n-5{margin-bottom:2.5rem!important}.ml-xl-n-5,.mx-xl-n-5{margin-left:2.5rem!important}.m-xl-n-4{margin:1.875rem!important}.mt-xl-n-4,.my-xl-n-4{margin-top:1.875rem!important}.mr-xl-n-4,.mx-xl-n-4{margin-right:1.875rem!important}.mb-xl-n-4,.my-xl-n-4{margin-bottom:1.875rem!important}.ml-xl-n-4,.mx-xl-n-4{margin-left:1.875rem!important}.m-xl-n-3{margin:1.25rem!important}.mt-xl-n-3,.my-xl-n-3{margin-top:1.25rem!important}.mr-xl-n-3,.mx-xl-n-3{margin-right:1.25rem!important}.mb-xl-n-3,.my-xl-n-3{margin-bottom:1.25rem!important}.ml-xl-n-3,.mx-xl-n-3{margin-left:1.25rem!important}.m-xl-n-2{margin:.625rem!important}.mt-xl-n-2,.my-xl-n-2{margin-top:.625rem!important}.mr-xl-n-2,.mx-xl-n-2{margin-right:.625rem!important}.mb-xl-n-2,.my-xl-n-2{margin-bottom:.625rem!important}.ml-xl-n-2,.mx-xl-n-2{margin-left:.625rem!important}.m-xl-n-1{margin:.3125rem!important}.mt-xl-n-1,.my-xl-n-1{margin-top:.3125rem!important}.mr-xl-n-1,.mx-xl-n-1{margin-right:.3125rem!important}.mb-xl-n-1,.my-xl-n-1{margin-bottom:.3125rem!important}.ml-xl-n-1,.mx-xl-n-1{margin-left:.3125rem!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}.stretched-link:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:auto;content:"";background-color:transparent}.text-monospace{font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace!important}.text-justify{text-align:justify!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}@media (min-width:576px){.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.text-xl-left{text-align:left!important}.text-xl-right{text-align:right!important}.text-xl-center{text-align:center!important}}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.font-weight-light{font-weight:300!important}.font-weight-lighter{font-weight:lighter!important}.font-weight-normal{font-weight:400!important}.font-weight-bold{font-weight:700!important}.font-weight-bolder{font-weight:bolder!important}.font-italic{font-style:italic!important}.text-primary{color:#3378ff!important}a.text-primary:focus,a.text-primary:hover{color:#004ee6!important}.text-success{color:#3cb72c!important}a.text-success:focus,a.text-success:hover{color:#28791d!important}.text-info{color:#19b3b3!important}a.text-info:focus,a.text-info:hover{color:#107070!important}.text-warning{color:#db7e06!important}a.text-warning:focus,a.text-warning:hover{color:#915304!important}.text-danger{color:#f42b3d!important}a.text-danger:focus,a.text-danger:hover{color:#c80a1b!important}.text-light{color:#c7cbd3!important}a.text-light:focus,a.text-light:hover{color:#9ca3b1!important}.text-dark{color:#01041b!important}a.text-dark:focus,a.text-dark:hover{color:#000!important}.text-body{color:#324253!important}.text-muted{color:#6c757d!important}.text-black-50{color:rgba(0,0,0,.5)!important}.text-white-50{color:hsla(0,0%,100%,.5)!important}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.text-decoration-none{text-decoration:none!important}.text-break{word-wrap:break-word!important}.text-reset{color:inherit!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}@media print{*,:after,:before{text-shadow:none!important;box-shadow:none!important}a:not(.btn){text-decoration:underline}abbr[title]:after{content:" (" attr(title) ")"}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #adb5bd;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}@page{size:a3}.container,body{min-width:992px!important}.navbar{display:none}.badge{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #ccced2!important}.table-dark{color:inherit}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#f1f1f1}.table .thead-dark th{color:inherit;border-color:#f1f1f1}}.card{background:#fff;border-radius:5px;margin-bottom:30px;-ms-box-shadow:0 10px 30px 0 rgba(0,60,179,.05);-o-box-shadow:0 10px 30px 0 rgba(0,60,179,.05);box-shadow:0 10px 30px 0 rgba(0,60,179,.05);border:0 solid #dfe7ff}.card .card-header-border{border-bottom:1px solid #f1f1f1}.card .card-header{background:transparent;border-radius:0;padding:20px;margin-bottom:0;-ms-flex-align:center!important;align-items:center!important}.card .card-header .header-title .card-title{font-weight:700;margin-bottom:0}.card .card-footer{background:transparent;border-top-color:#f1f1f1}.card-transparent{background:transparent;border-radius:5px;margin-bottom:30px;border:none;box-shadow:none}.card-transparent .card-header{background:transparent;border-radius:0;padding:20px;margin-bottom:0;-ms-flex-align:center!important;align-items:center!important;border:none}.card-transparent .card-header .header-title .card-title{margin-bottom:0}.card-body{padding:20px}.card-header-toolbar .nav-item a{color:#324253;padding:4px 12px;font-size:14px}.card-header-toolbar .dropdown-toggle i{font-size:20px;line-height:normal;vertical-align:text-bottom}.card-header-toolbar .dropdown-toggle:after{display:none}.card-header .dropdown-bg{border-radius:5px}.card-block.card-stretch{-ms-flex-align:stretch;align-items:stretch}.card-block.card-height-third{height:calc(33.33% - 30px)}.card-block.card-height-half{height:calc(50% - 30px)}.card-block.card-height{height:calc(100% - 30px)}.card-block{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-direction:column;flex-direction:column}.card-body-list{padding:0}.card-body-list ul>li{border-bottom:1px solid #f1f1f1}.card-body-list ul>li:last-child{border-bottom:none}.card-body .border-top-table{border-top:1px solid #f1f1f1}@media (max-width:1024px){.svg-icon-image{height:200px}}.iq-sidebar{position:fixed;z-index:1000;top:0;width:260px;height:100%;background:#0c2556;transition:all .6s ease-in-out;-ms-box-shadow:0 0 30px rgba(12,37,86,.05);-o-box-shadow:0 0 30px rgba(12,37,86,.05);box-shadow:0 0 30px rgba(12,37,86,.05)}#sidebar-scrollbar{height:100vh}.scroll-content div.p-3{height:100px}.iq-sidebar-menu{color:#8f9fbc;position:relative}.iq-sidebar-menu .side-menu{margin:0;padding:0;list-style-type:none}.iq-sidebar-menu .side-menu .side-menu-title{display:block;color:#324253;font-size:15px;position:relative;padding:15px;font-weight:500;line-height:18px}.iq-sidebar-menu .side-menu .side-menu-title i{display:none}.iq-sidebar-menu .side-menu.side-menu-sm li a{padding:.625rem}.iq-sidebar-menu .side-menu li{list-style-type:none;position:relative;white-space:nowrap}.iq-sidebar-menu .side-menu li li{margin:0;background:transparent!important}.iq-sidebar-menu .side-menu li li a{font-size:14px}.iq-sidebar-menu .side-menu li a{font-size:14px;white-space:nowrap;display:block;color:#8f9fbc;position:relative;padding:.625rem .938rem;line-height:18px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;overflow:hidden;text-transform:capitalize;transition:all .4s}.iq-sidebar-menu .side-menu li a i{vertical-align:middle;width:20px;display:inline-block;margin-right:8px;font-size:16px;font-style:normal}.iq-sidebar-menu .side-menu li a span{white-space:nowrap;padding:0;display:inline-block;transition:none}.iq-sidebar-menu .side-menu li a .iq-arrow-right{margin-right:0;margin-left:auto;font-size:15px}.iq-sidebar-menu .side-menu li a .badge{position:absolute;right:15px;width:40px;height:19px;border-radius:12px;transition:all .6s ease-in-out}.iq-sidebar-menu .side-menu li a[aria-expanded=true] .iq-arrow-right{transition:all .6s ease-in-out}.iq-sidebar-menu .side-menu li ul{padding-left:1.25rem;position:relative}.iq-sidebar-menu .side-menu li .submenu li a[aria-expanded=true]{box-shadow:none}.iq-sidebar-menu .side-menu li.active-menu>a{color:#3378ff;text-decoration:none;border-radius:5px;transition:none}.iq-sidebar-menu .side-menu li.active .submenu li>a{background:transparent}.sidebar-default .iq-sidebar-menu .submenu>li:hover>.svg-icon>i>svg{stroke:#fff}.sidebar-default .iq-sidebar-menu svg{stroke:#8f9fbc}.sidebar-default .iq-sidebar-menu .side-menu>li.active>.svg-icon>i>svg,.sidebar-default .iq-sidebar-menu .side-menu>li:hover>.svg-icon>i>svg{stroke:#fff}.sidebar-default .iq-sidebar-menu .side-menu li a:hover{color:#fff;background-color:hsla(0,0%,100%,.08);border-radius:5px}.sidebar-default .iq-sidebar-menu .side-menu li a[aria-expanded=true]{color:#fff;text-decoration:none;transition:none}.sidebar-default .iq-sidebar-menu .side-menu li a[aria-expanded=true] i.iq-arrow-left{color:#fff}.sidebar-default .iq-sidebar-menu .side-menu li ul a:hover{color:#fff;text-decoration:none;background-color:hsla(0,0%,100%,.08)}.sidebar-default .iq-sidebar-menu .side-menu li ul a i>svg:hover{stroke:#8f9fbc}.sidebar-default .iq-sidebar-menu .side-menu li ul.submenu-data li{margin:0}.sidebar-default .iq-sidebar-menu .side-menu>li.active{border-radius:5px}.sidebar-default .iq-sidebar-menu .side-menu>li.active>a{color:#fff;text-decoration:none;background-color:hsla(0,0%,100%,.08);border-radius:5px}.sidebar-default .iq-sidebar-menu .side-menu li.active .submenu li.active>a{color:#fff;margin-top:5px;background-color:hsla(0,0%,100%,.08)}.sidebar-default .iq-sidebar-menu .side-menu li.active .submenu li.active>.svg-icon>i>svg{stroke:#fff}.sidebar-default .iq-sidebar-menu .side-menu .submenu .submenu-data,.sidebar-default .iq-sidebar-menu .side-menu li.active .submenu li a[aria-expanded=true]{box-shadow:none}.sidebar-default .iq-sidebar .iq-sidebar-menu .side-menu .submenu li:before{content:"";width:3px;height:35px;background:#3378ff;position:absolute;left:30px;top:8px;border-radius:5px;-webkit-opacity:0;-moz-opacity:0;-ms-opacity:0;-o-opacity:0;opacity:0}.sidebar-default .iq-sidebar .iq-sidebar-menu .side-menu .submenu li.active:before{-webkit-opacity:1;-moz-opacity:1;-ms-opacity:1;-o-opacity:1;opacity:1}.sidebar-default .iq-sidebar .iq-sidebar-menu .side-menu li.active ul.submenu .submenu:before,.sidebar-default .iq-sidebar .iq-sidebar-menu .side-menu li.active ul.submenu .submenu li:before{left:48px;width:2px}.sidebar-default .sidebar-bottom{padding:120px 15px 0!important}.sidebar-default .sidebar-bottom .sidebarbottom-content{text-align:center}.sidebar-default .sidebar-bottom .image{margin-top:-132px}.iq-sidebar-menu .side-menu li ul{padding-left:0}.iq-sidebar-menu .side-menu li a .iq-arrow-right.arrow-hover,.iq-sidebar-menu .side-menu li a[aria-expanded=true] .iq-arrow-right.arrow-active{-webkit-opacity:0;-moz-opacity:0;-ms-opacity:0;-o-opacity:0;opacity:0;display:none}.iq-sidebar-menu .side-menu li a[aria-expanded=true] .iq-arrow-right.arrow-hover{-webkit-opacity:1;-moz-opacity:1;-ms-opacity:1;-o-opacity:1;opacity:1;display:block}.iq-sidebar-logo{padding:15px;width:auto;position:relative;transition:all .6s ease-in-out}.iq-sidebar-logo a{display:flex;align-items:center}.iq-sidebar-logo a span{margin-left:10px;color:#fff;font-size:19px;line-height:42px;padding-left:1px;letter-spacing:1.5px;font-weight:600;flex:1;transition:all .6s ease-in-out}.iq-sidebar-logo a span.logo-text{font-size:10px;letter-spacing:5px}.iq-sidebar-logo a:focus,.iq-sidebar-logo a:hover{text-decoration:none}.iq-sidebar-logo img{height:40px}.iq-saidbar-logo img{width:60%}.logo-text{color:#324253;text-transform:uppercase;font-size:10px;letter-spacing:5px}.iq-top-navbar .wrapper-menu{margin:0 15px 0 0}.wrapper-menu{font-size:30px;text-align:center;color:#8f9fbc;position:relative;transition:all .6s ease-in-out}@media (min-width:1300px){body.sidebar-main .iq-sidebar{width:80px}body.sidebar-main .iq-sidebar .iq-sidebar-menu .side-menu li a span{-webkit-opacity:0;-moz-opacity:0;-ms-opacity:0;-o-opacity:0;opacity:0;display:none;transition:all .6s ease-in-out}body.sidebar-main .iq-sidebar .iq-sidebar-menu .side-menu li a .iq-arrow-right{display:none}body.sidebar-main .iq-sidebar-logo{transform:translateX(0)}body.sidebar-main .iq-sidebar-logo a{transition-delay:.2s;opacity:1!important;-webkit-opacity:0;-moz-opacity:0;-ms-opacity:0;-o-opacity:0;opacity:0}body.sidebar-main .iq-sidebar-logo a span{display:none;transition:all .6s ease-in-out}body.sidebar-main .iq-sidebar-menu .side-menu li a .badge{-webkit-opacity:0;-moz-opacity:0;-ms-opacity:0;-o-opacity:0;opacity:0;display:none;transition:all .6s ease-in-out}body.sidebar-main .iq-sidebar-menu .side-menu li a .iq-arrow-right{margin-right:0;display:none}body.sidebar-main .iq-sidebar-menu .side-menu li a i.iq-arrow-left{margin:0 auto}body.sidebar-main .iq-sidebar-menu .side-menu li a i,body.sidebar-main .iq-sidebar-menu .side-menu li li a i{margin:0 auto;text-align:center}.sidebar-main .iq-sidebar .submenu li a{font-size:0}.sidebar-main .iq-sidebar .sidebar-bottom{display:none}}@media (max-width:1299px){.iq-sidebar{display:inline-block;z-index:99;left:-300px;top:0}body.sidebar-main .iq-sidebar{width:260px;left:0;z-index:999;-ms-box-shadow:0 .125rem .25rem rgba(0,60,179,.1);-o-box-shadow:0 .125rem .25rem rgba(0,60,179,.1);box-shadow:0 .125rem .25rem rgba(0,60,179,.1)}}@media (min-width:1300px){body.sidebar-main .iq-sidebar-menu .side-menu li.px-3{display:none}}.iq-sidebar-menu .side-menu li a .iq-arrow-right.arrow-active{transform:rotate(0deg);transition:all .3s ease-in-out;display:inline}.iq-sidebar-menu .side-menu li a[aria-expanded=true] .iq-arrow-right.arrow-active{-webkit-opacity:1;-moz-opacity:1;-ms-opacity:1;-o-opacity:1;opacity:1;display:inline;transform:rotate(90deg);transition:all .3s ease-in-out}.sidebar-layout{padding:0 15px}.sidebar-layout .submenu li{padding-right:0}body:not(.dark) .sidebar-light{background-color:#fff}body:not(.dark) .sidebar-light .sidebar-light-img{display:block!important}body:not(.dark) .sidebar-light .light-logo{display:none}body:not(.dark) .sidebar-light .iq-sidebar-menu .side-menu>li:hover>.svg-icon>i>svg{stroke:#000}body:not(.dark) .sidebar-light .iq-sidebar-menu .side-menu li a:hover{background-color:rgba(51,120,255,.08);color:#000}body:not(.dark) .sidebar-light .iq-sidebar-menu .side-menu>li.active>a,body:not(.dark) .sidebar-light .iq-sidebar-menu .side-menu>li ul a:hover{color:#000;text-decoration:none;background-color:rgba(51,120,255,.08)}body:not(.dark) .sidebar-light .iq-sidebar-menu .side-menu>li.active>.svg-icon>i>svg,body:not(.dark) .sidebar-light .iq-sidebar-menu .submenu>li:hover>.svg-icon>i>svg{stroke:#000}body:not(.dark) .sidebar-light .iq-sidebar-logo a span{color:#000!important}.sidebar-dark{background:#181818}@keyframes c{0%{box-shadow:0 0 0 0 rgba(0,177,255,.2)}to{box-shadow:0 0 0 15px rgba(0,177,255,0)}}@keyframes d{0%{transform:translateY(50px);-webkit-opacity:0;-moz-opacity:0;-ms-opacity:0;-o-opacity:0;opacity:0}to{transform:translateY(0);-webkit-opacity:1;-moz-opacity:1;-ms-opacity:1;-o-opacity:1;opacity:1}}.iq-top-navbar{background:#fff;padding:0 30px;min-height:73px;position:fixed;top:0;left:auto;right:0;width:calc(100% - 260px);display:inline-block;z-index:99;margin:0;transition:all .3s ease-in-out;-ms-box-shadow:0 0 30px rgba(12,37,86,.05);-o-box-shadow:0 0 30px rgba(12,37,86,.05);box-shadow:0 0 30px rgba(12,37,86,.05)}.iq-top-navbar .iq-navbar-custom .navbar-breadcrumb{display:block;margin-left:0;padding:20px 0}.iq-top-navbar .iq-navbar-custom nav .navbar-collapse ul li .list-group-flush{border-radius:5px}.iq-top-navbar .breadcrumb{background:transparent;padding:0;margin:0}.iq-top-navbar .breadcrumb .breadcrumb-item.active{color:#324253}.iq-top-navbar .breadcrumb li{list-style-type:none;font-size:14px}.iq-top-navbar .breadcrumb li a,.iq-top-navbar .breadcrumb li a:hover{text-decoration:none}.iq-top-navbar .navbar-expand-lg{justify-content:space-between!important}.iq-top-navbar .dropdown-menu,.iq-top-navbar .iq-sub-dropdown{position:absolute;animation:d .3s cubic-bezier(.39,.575,.565,1) both;transform:translateY(100%)}.iq-top-navbar .iq-sub-dropdown{width:330px;top:100%;right:0;left:auto;border:none;background-color:#fff;padding:0;border-radius:5px;-ms-box-shadow:0 16px 24px rgba(96,97,112,.1),0 32px 48px rgba(0,0,0,.15);-o-box-shadow:0 16px 24px rgba(96,97,112,.1),0 32px 48px rgba(0,0,0,.15);box-shadow:0 16px 24px rgba(96,97,112,.1),0 32px 48px rgba(0,0,0,.15);transition:all .3s ease-in-out}.iq-top-navbar .iq-sub-dropdown .iq-card-body div{border-radius:5px 5px 0 0}.iq-top-navbar .lang .iq-sub-dropdown{width:auto}.iq-top-navbar .navbar-brand{padding:0}body.sidebar-main .iq-top-navbar{width:calc(100% - 80px)}.iq-top-navbar.fixed-header{margin:0;right:0;width:calc(100% - 330px);border-radius:0;transition:all .3s ease-in-out}.navbar-breadcrumb .breadcrumb{padding:0;background:none;margin-top:5px}.breadcrumb-item+.breadcrumb-item:before{content:url('data:image/svg+xml;charset=utf-8,');vertical-align:sub;color:#324253}.navbar-list{margin:0;padding:0;float:right}.navbar-list li{float:left;list-style-type:none;position:relative}.navbar-list li>.dropdown{line-height:0;cursor:pointer}.navbar-list li>.dropdown .dropdown-menu{animation:d .6s cubic-bezier(.39,.575,.565,1) both;transform:translateY(100%)}.navbar-list li .dropdown-toggle:after{display:none}.navbar-list li>a.language-title{font-size:16px}.navbar-list li>a{color:#324253;padding:0 10px;display:block}.navbar-list li>a.search-toggle{line-height:73px}.navbar-list li>a>img{width:50px;height:50px;min-width:50px}.navbar-list li a:hover{text-decoration:none}.navbar-list li .caption{line-height:16px}.navbar-list li .caption p{color:#324253;font-size:12px}.navbar-list li .iq-sub-dropdown .iq-sub-card{font-size:inherit;padding-bottom:18px;line-height:normal;color:inherit;display:inline-block;width:100%}.navbar-list li .iq-sub-dropdown .iq-sub-card:last-child{padding-bottom:0}.navbar-list li .iq-sub-dropdown .iq-sub-card.iq-sub-card-big{width:auto}.navbar-list li.iq-nav-user{display:flex;align-items:flex-start}.navbar-list li.iq-nav-user span{flex:1;font-size:14px}.menu-tag,.navbar-list .caption-content{line-height:normal}.menu-tag{position:absolute;background:#324253;color:#fff;top:18px;left:18px;font-size:12px;border-radius:90px;height:18px;width:18px;line-height:18px;text-align:center;display:inline-block}.iq-breadcrumb{display:none}.toggle-cart-info img{width:50px}.nav-item span.dots{width:6px;font-size:0}.nav-item span.count-mail,.nav-item span.dots{height:6px;text-align:center;padding:0;position:absolute;top:18px;right:3px;border:0;animation:c 1s infinite;border-radius:50%}.nav-item span.count-mail{width:5px;font-size:10px;line-height:15px}.nav-item .badge.count-cart{height:15px;width:15px;font-size:10px;text-align:center;line-height:15px;padding:0;position:absolute;top:13px;right:0}.top-nav-bottom{margin-left:260px;border-top:1px solid #cdf}.topnav-toolbar li a{display:block;padding:10px 15px;text-transform:capitalize;color:#8f9fbc;border-radius:5px}.topnav-toolbar li.date-today{background:#c7cbd3}.topnav-toolbar li.active a{background:#cdf;color:#3378ff}.topnav-toolbar ul li{list-style:none;padding:13px 0}.iq-search-bar .searchbox{width:400px;position:relative}.iq-search-bar .search-input{width:100%;height:40px;padding:5px 15px 5px 40px;border-radius:5px;border:1px solid #f1f1f1;background-color:#f9fbfe}.iq-search-bar .search-link{position:absolute;left:10px;top:11px}.iq-navbar-logo{padding:0;width:auto;position:relative;background:#fff;transition:all .3s ease-in-out;background:transparent}.iq-navbar-logo a{display:flex;align-items:center}.iq-navbar-logo a span{margin-left:10px;font-size:28px;line-height:26px;font-weight:500;color:#01041b;text-transform:capitalize;flex:1;transition:all .3s ease-in-out}.iq-navbar-logo a:focus,.iq-navbar-logo a:hover{text-decoration:none}.iq-navbar-logo img{height:40px}.iq-sub-dropdown.iq-sub-dropdown-large{width:500px}.cust-title{border-bottom:1px solid #f1f1f1}.crt-img{background:#f9fbfe;padding:10px;border-radius:5px}.cust-dd .btn{border-radius:0 0 5px 5px}.dd-icon{position:absolute;right:0;bottom:0;width:40px;height:40px;background:#002162;color:#fff;border-radius:0 0 0 10px;text-align:center;line-height:40px;transition:all .3s ease-in-out;display:flex;align-items:center;justify-content:center}.right-ic{border-radius:0 0 5px 5px;overflow:hidden;border:none!important}.right-ic:hover .dd-icon{background:#3378ff}.iq-show .iq-sub-dropdown{display:inline-block}.iq-sub-dropdown .iq-card-icon{width:45px;height:45px;line-height:40px;font-size:22px}.show-data .iq-user-dropdown{-webkit-opacity:1;-moz-opacity:1;-ms-opacity:1;-o-opacity:1;opacity:1;visibility:visible;transform:translateX(0);transition:all .3s ease-in-out}.iq-card-icon-small{height:40px;width:40px;min-width:40px;display:inline-block;line-height:40px;text-align:center;font-size:22px}.profile-details>a{margin-bottom:15px;display:block;border-radius:5px}.data-scrollbar{height:100vh}.navbar-toggler{outline:none}@media (min-width:1300px){.iq-navbar-logo{display:none!important}.iq-navbar-logo>a{display:none}.menu-horizontal .iq-sidebar-menu .side-menu li a.collapsed{pointer-events:none}}@media (max-width:1199px){.iq-search-bar .searchbox{width:320px}}@media (max-width:1299px){.iq-top-navbar{width:100%}.iq-top-navbar .iq-search-bar.device-search{margin-left:20px}body.sidebar-main .iq-top-navbar{width:100%}}@media (min-width:992px){.search-content{display:none}}@media (max-width:991px){.device-search,.user-name{display:none}.navbar-collapse{position:absolute;top:100%;left:0;width:100%;background:#fff;padding:0 15px;box-shadow:0 20px 30px 0 rgba(0,0,0,.1);border-radius:5px;-ms-box-shadow:0 .5rem 1rem rgba(0,60,179,.05);-o-box-shadow:0 .5rem 1rem rgba(0,60,179,.05);box-shadow:0 .5rem 1rem rgba(0,60,179,.05)}.navbar-nav.navbar-list{display:inline-block}.iq-top-navbar{padding:16px 15px!important;line-height:normal;min-height:unset}.iq-top-navbar .navbar-toggler{color:#002162;background:transparent;border:none;padding:0;border-radius:5px;font-size:30px}.iq-top-navbar .iq-navbar-logo img{height:40px}.iq-top-navbar .iq-search-bar{line-height:normal}.iq-search-bar .searchbox{width:100%}}@media (max-width:991px){.navbar-list li>a .svg-icon{color:#8f9fbc!important}}@media (max-width:767px){.iq-top-navbar .lang .iq-sub-dropdown{width:150px}}@media (max-width:575px){.search-toggle{position:relative}.iq-top-navbar .iq-sub-dropdown{left:0;right:0;margin:0 auto;width:100%}.iq-top-navbar .iq-search-bar{width:100%}.iq-top-navbar .iq-user-dropdown{width:300px}.navbar-list li{position:static}.navbar-list li>a.language-title{font-size:0}}@media (max-width:479px){.navbar-list li>a{padding:0 10px}.navbar-list li>a>img{width:40px;height:40px;min-width:40px}}@media (max-width:380px){.header-logo h4{display:none}.sidebar-main .menu-horizontal .header-logo h4{display:block}}.navbar{padding:10px 15px}.iq-right-fixed{margin:0 15px}.right-sidebar-mini{top:75px;z-index:100;position:fixed;width:260px;right:0;transform:translateX(calc(111% + -2em));transition:all .3s ease-in-out}.right-sidebar-mini .side-left-icon{display:none}.right-sidebar-toggle{position:absolute;margin-left:-44px;background:#fff;padding:15px;display:inline;top:0;z-index:99;border-radius:50px 0 0 50px;-ms-box-shadow:0 .5rem 1rem rgba(0,60,179,.05);-o-box-shadow:0 .5rem 1rem rgba(0,60,179,.05);box-shadow:0 .5rem 1rem rgba(0,60,179,.05);cursor:pointer}.right-sidebar-toggle span{display:none!important}.right-sidebar-panel{background-color:#fff;-ms-box-shadow:0 .5rem 1rem rgba(0,60,179,.05);-o-box-shadow:0 .5rem 1rem rgba(0,60,179,.05);box-shadow:0 .5rem 1rem rgba(0,60,179,.05);height:91vh;padding:15px;overflow-y:scroll}.right-sidebar{transform:translateX(calc(10% + -1em))}.right-sidebar .side-right-icon{display:none}.right-sidebar .side-left-icon{display:block}@media (min-width:1500px){.right-sidebar-mini{transform:translateX(calc(10% + -1em))}.right-sidebar-mini:hover .right-sidebar-toggle{-webkit-opacity:1;-moz-opacity:1;-ms-opacity:1;-o-opacity:1;opacity:1;margin-left:-44px;transition:all .3s ease-in-out}.right-sidebar-toggle{z-index:-1;-webkit-opacity:0;-moz-opacity:0;-ms-opacity:0;-o-opacity:0;opacity:0;margin-left:0;transition:all .3s ease-in-out}.right-sidebar-mini.right-sidebar{transform:translateX(calc(111% + -2em))}.right-sidebar-mini.right-sidebar .right-sidebar-toggle{margin-left:-44px;-webkit-opacity:1;-moz-opacity:1;-ms-opacity:1;-o-opacity:1;opacity:1}body.right-sidebar-close footer{width:calc(100vw - 260px)}}@media (min-width:1300px) and (max-width:1499px){.right-sidebar-mini{transform:translateX(calc(111% + -8em))}.right-sidebar-mini .media-body{-webkit-opacity:0;-moz-opacity:0;-ms-opacity:0;-o-opacity:0;opacity:0}.right-sidebar-mini.right-sidebar{transform:translateX(calc(10% + -1em))}.right-sidebar-mini.right-sidebar .media-body{-webkit-opacity:1;-moz-opacity:1;-ms-opacity:1;-o-opacity:1;opacity:1}}.btn-group .btn:not(:disabled):not(.disabled){cursor:pointer}.btn-group .btn:not(:disabled):not(.disabled).active,.btn-group .btn:not(:disabled):not(.disabled):active{background:rgba(51,120,255,.1);color:#3378ff}.btn-group .btn:not(:disabled):not(.disabled).active:focus,.btn-group .btn:not(:disabled):not(.disabled):active:focus{box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.dropdown,.dropleft,.dropright,.dropup{display:inline-block;cursor:pointer}.dropdown-menu{min-width:12rem;padding:.4rem;box-shadow:0 16px 24px rgba(96,97,112,.1),0 32px 48px rgba(0,0,0,.15)}.dropdown-menu .dropdown-item{padding:.6rem 1rem;font-size:14;color:#324253}.dropdown-menu .dropdown-item:hover{color:#3378ff;background:rgba(51,120,255,.1)}.dropdown-menu .dropdown-item>i,.dropdown-menu .dropdown-item>svg{margin-right:1rem;font-size:1rem;vertical-align:-17%}.dropdown-menu .dropdown-item img{margin-right:.5rem}.dropdown-header{padding-left:1rem;padding-right:1rem;font-size:.625rem;text-transform:uppercase;font-weight:700}.dropdown-menu a.media>div:first-child{line-height:1}.dropdown-menu a.media p{color:#6c757d}.dropdown-menu a.media:hover .heading,.dropdown-menu a.media:hover p{color:!important}.dropdown-menu-dark .h1,.dropdown-menu-dark .h2,.dropdown-menu-dark .h3,.dropdown-menu-dark .h4,.dropdown-menu-dark .h5,.dropdown-menu-dark .h6,.dropdown-menu-dark a{color:#fff}.dropdown-menu-sm{min-width:100px;border:5px}.dropdown-menu-lg{min-width:320px;border-radius:5px}.dropdown-menu-xl{min-width:420px;border-radius:5px}.dropdown-item:hover{border-radius:5px}.dropdown-menu{animation:oc .3s ease forwards}.dropdown-menu-1 .dropdown-item-1:hover{color:#3378ff;background:rgba(143,159,188,.1)}.dropdown-menu-1 .dropdown-item-1:hover h6{color:#3378ff;font-weight:400}.basic-drop-shadow{box-shadow:0 0 10px rgba(0,0,0,.15)}.bottom-left{box-shadow:-5px 5px 10px rgba(0,0,0,.15)}.bottom-right{box-shadow:5px 5px 10px rgba(0,0,0,.15)}.top-left{box-shadow:-5px -5px 10px rgba(0,0,0,.15)}.top-right{box-shadow:5px -5px 10px rgba(0,0,0,.15)}.shadow-bottom{box-shadow:0 10px 10px -5px rgba(0,0,0,.15)}.inner-shadow{box-shadow:inset 0 0 10px rgba(0,0,0,.15)}.blur-shadow{box-shadow:1px 1px 25px rgba(0,0,0,.15)}@keyframes e{to{transform:scale(2);-webkit-opacity:0;-moz-opacity:0;-ms-opacity:0;-o-opacity:0;opacity:0}}.ripple{width:0;height:0;border-radius:50%;background:#cdf;transform:scale(0);position:absolute;-webkit-opacity:1;-moz-opacity:1;-ms-opacity:1;-o-opacity:1;opacity:1}.rippleEffect{animation:e .6s linear}.media-support{display:inline-block;width:100%}.media-support-user-img img{height:60px}.media-support-header{display:flex;align-items:flex-start}.media-support-info{flex:1}.projects-media img{height:60px}.iq-media-group .iq-media{margin-left:-20px;position:relative;z-index:0;transition:all .3s ease-in-out}.iq-media-group .iq-media:hover{z-index:9}.iq-media-group .iq-media img{border:2px solid #f1f1f1}.iq-media-group .iq-media:first-child{margin-left:0}.iq-media-group .iq-media.border{border:2px solid #f1f1f1}.iq-media{display:-ms-inline-flexbox;display:inline-flex;background-repeat:no-repeat;background-position:50%;background-size:cover}.iq-media:hover{text-decoration:none}.media-pl{text-align:center}.badge{padding:.3em .6em;line-height:1.3;text-transform:capitalize;border-radius:5px}.breadcrumb.bg-primary .breadcrumb-item+.breadcrumb-item:before{color:#fff}.alert{display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch}.alert.bg-white{border-width:2px}.alert .iq-alert-icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:0 1.3rem 0 0}.alert .iq-alert-icon i{font-size:2.441em;line-height:normal}.alert .iq-alert-text{-ms-flex-item-align:center;align-self:center;-ms-flex-positive:1;flex-grow:1}.alert .close{float:right;font-size:20px;font-weight:400;line-height:1;color:#fff;text-shadow:none;opacity:1}.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{outline:none}.dark .alert-primary{color:#3378ff;background-color:rgba(51,120,255,.2);border-color:#2b65d6}.dark .alert-primary hr{border-top-color:#265bc2}.dark .alert-primary .alert-link{color:#0056ff}.dark .alert-primary.bg-white{background-color:#181818!important;color:#c7cbd3!important}.dark .alert-secondary{color:#8f9fbc;background-color:rgba(143,159,188,.2);border-color:#78869e}.dark .alert-secondary hr{border-top-color:#6a7993}.dark .alert-secondary .alert-link{color:#6f84a9}.dark .alert-secondary.bg-white{background-color:#181818!important;color:#c7cbd3!important}.dark .alert-success{color:#3cb72c;background-color:rgba(60,183,44,.2);border-color:#329a25}.dark .alert-success hr{border-top-color:#2b8520}.dark .alert-success .alert-link{color:#2f8e22}.dark .alert-success.bg-white{background-color:#181818!important;color:#c7cbd3!important}.dark .alert-info{color:#19b3b3;background-color:rgba(25,179,179,.2);border-color:#159696}.dark .alert-info hr{border-top-color:#128080}.dark .alert-info .alert-link{color:#138686}.dark .alert-info.bg-white{background-color:#181818!important;color:#c7cbd3!important}.dark .alert-warning{color:#db7e06;background-color:rgba(219,126,6,.2);border-color:#b86a05}.dark .alert-warning hr{border-top-color:#9f5c04}.dark .alert-warning .alert-link{color:#a96105}.dark .alert-warning.bg-white{background-color:#181818!important;color:#c7cbd3!important}.dark .alert-danger{color:#f42b3d;background-color:rgba(244,43,61,.2);border-color:#cd2433}.dark .alert-danger hr{border-top-color:#b7202e}.dark .alert-danger .alert-link{color:#e00c1f}.dark .alert-danger.bg-white{background-color:#181818!important;color:#c7cbd3!important}.dark .alert-light{color:#c7cbd3;background-color:rgba(199,203,211,.2);border-color:#a7abb1}.dark .alert-light hr{border-top-color:#999ea5}.dark .alert-light .alert-link{color:#aab0bd}.dark .alert-light.bg-white{background-color:#181818!important;color:#c7cbd3!important}.dark .alert-dark{color:#01041b;background-color:rgba(1,4,27,.2);border-color:#010317}.dark .alert-dark hr{border-top-color:#000}.dark .alert-dark .alert-link{color:#000}.dark .alert-dark.bg-white{background-color:#181818!important;color:#c7cbd3!important}.dark .alert-orange{color:#fe721c;background-color:rgba(254,114,28,.2);border-color:#d56018}.dark .alert-orange hr{border-top-color:#be5615}.dark .alert-orange .alert-link{color:#e65801}.dark .alert-orange.bg-white{background-color:#181818!important;color:#c7cbd3!important}.dark .alert-purple{color:#9a18ff;background-color:rgba(154,24,255,.2);border-color:#8114d6}.dark .alert-purple hr{border-top-color:#7312bf}.dark .alert-purple .alert-link{color:#8000e4}.dark .alert-purple.bg-white{background-color:#181818!important;color:#c7cbd3!important}.dark .alert-skyblue{color:#158df7;background-color:rgba(21,141,247,.2);border-color:#1276cf}.dark .alert-skyblue hr{border-top-color:#1069b8}.dark .alert-skyblue .alert-link{color:#0773d2}.dark .alert-skyblue.bg-white{background-color:#181818!important;color:#c7cbd3!important}.iq-example-row .row>.col,.iq-example-row .row>[class^=col-]{padding-top:.75rem;color:#324253;padding-bottom:.75rem;background-color:rgba(86,61,124,.15);border:1px solid rgba(86,61,124,.2)}.iq-example-row-flex-cols .row{margin-bottom:15px;min-height:10rem;background-color:rgba(255,0,0,.1)}.nav-pills .nav-item a{color:#324253}.nav-pills .nav-link:hover{color:#3378ff}.nav-tabs{border-bottom:2px solid #cdf;margin-bottom:15px}.nav-tabs .nav-item{margin-bottom:-2px}.nav-tabs .nav-item a{color:#324253;border:none;border-bottom:2px solid transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{border-bottom:2px solid #3378ff;color:#3378ff}.custom-checkbox.custom-checkbox-color input.bg-primary~label:before{background-color:#3378ff!important;border-color:#3378ff!important}.custom-checkbox.custom-checkbox-color input.bg-success~label:before{background-color:#3cb72c!important;border-color:#3cb72c!important}.custom-checkbox.custom-checkbox-color input.bg-danger~label:before{background-color:#f42b3d!important;border-color:#f42b3d!important}.custom-checkbox.custom-checkbox-color input.bg-warning~label:before{background-color:#db7e06!important;border-color:#db7e06!important}.custom-checkbox.custom-checkbox-color input.bg-dark~label:before{background-color:#324253!important;border-color:#324253!important}.custom-checkbox.custom-checkbox-color input.bg-info~label:before{background-color:#19b3b3!important;border-color:#19b3b3!important}.custom-checkbox.custom-checkbox-color-check input:checked.bg-primary~label:before{background-color:#3378ff!important;border-color:#3378ff!important}.custom-checkbox.custom-checkbox-color-check input:checked.bg-success~label:before{background-color:#3cb72c!important;border-color:#3cb72c!important}.custom-checkbox.custom-checkbox-color-check input:checked.bg-danger~label:before{background-color:#f42b3d!important;border-color:#f42b3d!important}.custom-checkbox.custom-checkbox-color-check input:checked.bg-warning~label:before{background-color:#db7e06!important;border-color:#db7e06!important}.custom-checkbox.custom-checkbox-color-check input:checked.bg-dark~label:before{background-color:#324253!important;border-color:#324253!important}.custom-checkbox.custom-checkbox-color-check input:checked.bg-info~label:before{background-color:#19b3b3!important;border-color:#19b3b3!important}.custom-radio.custom-radio-color input.bg-primary~label:before{background-color:#3378ff!important;border-color:#3378ff!important}.custom-radio.custom-radio-color input.bg-success~label:before{background-color:#3cb72c!important;border-color:#3cb72c!important}.custom-radio.custom-radio-color input.bg-danger~label:before{background-color:#f42b3d!important;border-color:#f42b3d!important}.custom-radio.custom-radio-color input.bg-warning~label:before{background-color:#db7e06!important;border-color:#db7e06!important}.custom-radio.custom-radio-color input.bg-dark~label:before{background-color:#324253!important;border-color:#324253!important}.custom-radio.custom-radio-color input.bg-info~label:before{background-color:#19b3b3!important;border-color:#19b3b3!important}.custom-radio.custom-radio-color-checked input:checked.bg-primary~label:before{background-color:#3378ff!important;border-color:#3378ff!important}.custom-radio.custom-radio-color-checked input:checked.bg-success~label:before{background-color:#3cb72c!important;border-color:#3cb72c!important}.custom-radio.custom-radio-color-checked input:checked.bg-danger~label:before{background-color:#f42b3d!important;border-color:#f42b3d!important}.custom-radio.custom-radio-color-checked input:checked.bg-warning~label:before{background-color:#db7e06!important;border-color:#db7e06!important}.custom-radio.custom-radio-color-checked input:checked.bg-dark~label:before{background-color:#324253!important;border-color:#324253!important}.custom-radio.custom-radio-color-checked input:checked.bg-info~label:before{background-color:#19b3b3!important;border-color:#19b3b3!important}.custom-switch.custom-switch-color input:checked.bg-primary~label:before{background-color:#3378ff!important;border-color:#3378ff!important}.custom-switch.custom-switch-color input:checked.bg-success~label:before{background-color:#3cb72c!important;border-color:#3cb72c!important}.custom-switch.custom-switch-color input:checked.bg-danger~label:before{background-color:#f42b3d!important;border-color:#f42b3d!important}.custom-switch.custom-switch-color input:checked.bg-warning~label:before{background-color:#db7e06!important;border-color:#db7e06!important}.custom-switch.custom-switch-color input:checked.bg-dark~label:before{background-color:#324253!important;border-color:#324253!important}.custom-switch.custom-switch-color input:checked.bg-info~label:before{background-color:#19b3b3!important;border-color:#19b3b3!important}.custom-checkbox.checkbox-icon label i{position:absolute;top:7px;left:-20px;font-size:11px;transform:scale(0);transition:all .3s ease-in-out}.custom-checkbox.checkbox-icon input:checked~label i{transform:scale(1);color:#fff}.custom-checkbox.checkbox-icon input:checked~label:after{display:none}.checkbox-input{margin-right:5px}.custom-control.custom-radio.custom-control-inline{align-items:flex-end}.custom-control.custom-radio.custom-control-inline .custom-control-input{height:0}.custom-control.custom-switch.custom-control-inline{align-items:flex-end}.custom-control.custom-switch.custom-control-inline .custom-control-input{height:0}.custom-control.custom-checkbox.custom-control-inline{align-items:flex-end}.custom-control.custom-checkbox.custom-control-inline .custom-control-input{height:0}.custom-checkbox .custom-control-label:after,.custom-checkbox .custom-control-label:before,.custom-radio .custom-control-label:after,.custom-radio .custom-control-label:before{top:.1rem}.custom-checkbox .custom-control-label:before,.custom-radio .custom-control-label:before{border-width:2px;width:1.25rem;height:1.25rem}.custom-control-label:after{width:1.25rem;height:1.25rem}.custom-control-input:checked~.custom-control-label:before{background-color:#3378ff;border-color:#3378ff}.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label:before,.custom-radio .custom-control-input:disabled:checked~.custom-control-label:before{background-color:#cdf;color:#3378ff}.custom-select:focus{box-shadow:none}.custom-switch.custom-switch-icon{padding-left:0}.custom-switch.custom-switch-icon label .switch-icon-left{position:absolute;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;top:-3px;left:8px;right:auto;color:#fff}.custom-switch.custom-switch-icon label .switch-icon-left i{font-size:10px}.custom-switch.custom-switch-icon label .switch-icon-right{position:absolute;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;top:-3px;right:5px;left:auto}.custom-switch.custom-switch-icon label .switch-icon-right i{font-size:10px}.custom-switch.custom-switch-icon .custom-control-label{height:20px;width:40px;padding:0}.custom-switch.custom-switch-icon .custom-control-label:before{height:20px;transition:all .3s ease-in-out;user-select:none;top:0;left:1px;width:2.75rem}.custom-switch.custom-switch-icon .custom-control-label:after{position:absolute;top:1px;left:2px;transition:all .3s ease-in-out;user-select:none;height:18px;width:18px}.custom-switch.custom-switch-icon .custom-control-input:checked~.custom-control-label:after{transform:translateX(1.4rem)}.custom-switch.custom-switch-text{padding-left:0}.custom-switch.custom-switch-text label .switch-icon-left{left:8px;right:auto;color:#fff}.custom-switch.custom-switch-text label .switch-icon-left,.custom-switch.custom-switch-text label .switch-icon-right{position:absolute;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;top:-3px}.custom-switch.custom-switch-text label .switch-icon-right{right:5px;left:auto}.custom-switch.custom-switch-text label:before{color:#000;content:attr(data-off-label);width:2.85rem;height:20px;padding:0 4px;font-size:11px;line-height:18px;text-align:right}.custom-switch.custom-switch-text label:after{position:absolute;transition:all .3s ease-in-out;user-select:none;height:16px;width:16px}.custom-switch.custom-switch-text .custom-control-label{width:46px}.custom-switch.custom-switch-text .custom-control-label:before{height:20px;transition:all .3s ease-in-out;user-select:none;top:0;left:1px;width:2.75rem;width:100%}.custom-switch.custom-switch-text .custom-control-label:after{position:absolute;top:1px;left:2px;transition:all .3s ease-in-out;user-select:none;height:18px;width:18px}.custom-switch.custom-switch-text .custom-control-input:checked~.custom-control-label:after{transform:translateX(1.6rem)}.custom-switch.custom-switch-text input:checked~label:before{color:#fff;content:attr(data-on-label);text-align:left}.custom-switch.custom-switch-text input:checked~label.custom-control-label:after{transform:translateX(1.6rem)}.custom-switch-inner{display:block;text-align:center}.form-label-group{position:relative;margin-bottom:1.5rem}.form-label-group>label{position:absolute;top:0;left:0;display:block;transition:all .3s ease-in-out;padding:.6rem;color:#475f7b;font-size:.85rem;-webkit-opacity:0;-moz-opacity:0;-ms-opacity:0;-o-opacity:0;opacity:0}.counter-value{color:#fff;padding:1px 6px;font-size:.6rem;border-radius:0 0 5px 5px;margin-right:1rem}.vector-map.h-500{width:100%;height:500px}.countdown{margin:60px 0 0;padding:0}.countdown li span{font-size:60px;display:inline-block;width:100%;color:#3378ff}.countdown li:last-child{margin-right:0}.iq-comingsoon-form{position:relative}.iq-comingsoon-form button{position:absolute;right:0;top:0;padding:11px 30px}@media (max-width:320px){.iq-comingsoon-form button{padding:11px 12px}}.btn{outline:none;display:inline-block;font-family:DM Sans,sans-serif;font-weight:400;color:#324253;text-align:center;vertical-align:middle;user-select:none;background-color:transparent;border:1px solid transparent;padding:.625rem 1.25rem;font-size:1rem;line-height:1.5;border-radius:5px;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:#324253;text-decoration:none}.btn.focus,.btn:focus{outline:none;box-shadow:none!important}.btn.disabled,.btn:disabled{opacity:.65;box-shadow:none}.btn:not(:disabled):not(.disabled){cursor:pointer}.btn:not(:disabled):not(.disabled).active,.btn:not(:disabled):not(.disabled).active:focus,.btn:not(:disabled):not(.disabled):active,.btn:not(:disabled):not(.disabled):active:focus{box-shadow:none}.btn-with-icon i{margin-right:5px}a.btn.disabled,fieldset:disabled a.btn{pointer-events:none}.btn-primary{color:#fff;background-color:#3378ff;border-color:#3378ff;box-shadow:0 4px 8px 0 hsla(0,0%,100%,.05)}.btn-primary.focus,.btn-primary:focus,.btn-primary:hover{color:#fff;background-color:#0d5fff;border-color:#0056ff}.btn-primary.focus,.btn-primary:focus{box-shadow:0 4px 8px 0 hsla(0,0%,100%,.05),0 0 0 .2rem rgba(82,140,255,.5)}.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#3378ff;border-color:#3378ff}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0056ff;border-color:#0052f2}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:inset 0 3px 5px rgba(0,0,0,.125),0 0 0 .2rem rgba(82,140,255,.5)}.btn-secondary{color:#fff;background-color:#8f9fbc;border-color:#8f9fbc;box-shadow:0 4px 8px 0 hsla(0,0%,100%,.05)}.btn-secondary.focus,.btn-secondary:focus,.btn-secondary:hover{color:#fff;background-color:#778aae;border-color:#6f84a9}.btn-secondary.focus,.btn-secondary:focus{box-shadow:0 4px 8px 0 hsla(0,0%,100%,.05),0 0 0 .2rem rgba(160,173,198,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#8f9fbc;border-color:#8f9fbc}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#6f84a9;border-color:#677da4}.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:inset 0 3px 5px rgba(0,0,0,.125),0 0 0 .2rem rgba(160,173,198,.5)}.btn-success{color:#fff;background-color:#3cb72c;border-color:#3cb72c;box-shadow:0 4px 8px 0 hsla(0,0%,100%,.05)}.btn-success.focus,.btn-success:focus,.btn-success:hover{color:#fff;background-color:#329825;border-color:#2f8e22}.btn-success.focus,.btn-success:focus{box-shadow:0 4px 8px 0 hsla(0,0%,100%,.05),0 0 0 .2rem rgba(89,194,76,.5)}.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:#3cb72c;border-color:#3cb72c}.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#2f8e22;border-color:#2b8420}.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:inset 0 3px 5px rgba(0,0,0,.125),0 0 0 .2rem rgba(89,194,76,.5)}.btn-info{color:#fff;background-color:#19b3b3;border-color:#19b3b3;box-shadow:0 4px 8px 0 hsla(0,0%,100%,.05)}.btn-info.focus,.btn-info:focus,.btn-info:hover{color:#fff;background-color:#149191;border-color:#138686}.btn-info.focus,.btn-info:focus{box-shadow:0 4px 8px 0 hsla(0,0%,100%,.05),0 0 0 .2rem rgba(60,190,190,.5)}.btn-info.disabled,.btn-info:disabled{color:#fff;background-color:#19b3b3;border-color:#19b3b3}.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle{color:#fff;background-color:#138686;border-color:#117b7b}.btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:inset 0 3px 5px rgba(0,0,0,.125),0 0 0 .2rem rgba(60,190,190,.5)}.btn-warning{color:#fff;background-color:#db7e06;border-color:#db7e06;box-shadow:0 4px 8px 0 hsla(0,0%,100%,.05)}.btn-warning.focus,.btn-warning:focus,.btn-warning:hover{color:#fff;background-color:#b66905;border-color:#a96105}.btn-warning.focus,.btn-warning:focus{box-shadow:0 4px 8px 0 hsla(0,0%,100%,.05),0 0 0 .2rem rgba(224,145,43,.5)}.btn-warning.disabled,.btn-warning:disabled{color:#fff;background-color:#db7e06;border-color:#db7e06}.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle{color:#fff;background-color:#a96105;border-color:#9d5a04}.btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:inset 0 3px 5px rgba(0,0,0,.125),0 0 0 .2rem rgba(224,145,43,.5)}.btn-danger{color:#fff;background-color:#f42b3d;border-color:#f42b3d;box-shadow:0 4px 8px 0 hsla(0,0%,100%,.05)}.btn-danger.focus,.btn-danger:focus,.btn-danger:hover{color:#fff;background-color:#ec0c20;border-color:#e00c1f}.btn-danger.focus,.btn-danger:focus{box-shadow:0 4px 8px 0 hsla(0,0%,100%,.05),0 0 0 .2rem rgba(246,75,90,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#f42b3d;border-color:#f42b3d}.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#e00c1f;border-color:#d40b1d}.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:inset 0 3px 5px rgba(0,0,0,.125),0 0 0 .2rem rgba(246,75,90,.5)}.btn-light{color:#212529;background-color:#c7cbd3;border-color:#c7cbd3;box-shadow:0 4px 8px 0 hsla(0,0%,100%,.05)}.btn-light.focus,.btn-light:focus,.btn-light:hover{color:#fff;background-color:#b2b7c2;border-color:#aab0bd}.btn-light.focus,.btn-light:focus{box-shadow:0 4px 8px 0 hsla(0,0%,100%,.05),0 0 0 .2rem hsla(220,8%,71%,.5)}.btn-light.disabled,.btn-light:disabled{color:#212529;background-color:#c7cbd3;border-color:#c7cbd3}.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle{color:#fff;background-color:#aab0bd;border-color:#a3aab7}.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:inset 0 3px 5px rgba(0,0,0,.125),0 0 0 .2rem hsla(220,8%,71%,.5)}.btn-dark{color:#fff;background-color:#01041b;border-color:#01041b;box-shadow:0 4px 8px 0 hsla(0,0%,100%,.05)}.btn-dark.focus,.btn-dark:focus,.btn-dark:hover{color:#fff;background-color:#000;border-color:#000}.btn-dark.focus,.btn-dark:focus{box-shadow:0 4px 8px 0 hsla(0,0%,100%,.05),0 0 0 .2rem rgba(39,42,61,.5)}.btn-dark.disabled,.btn-dark:disabled{color:#fff;background-color:#01041b;border-color:#01041b}.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#000;border-color:#000}.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:inset 0 3px 5px rgba(0,0,0,.125),0 0 0 .2rem rgba(39,42,61,.5)}.btn-orange{color:#fff;background-color:#fe721c;border-color:#fe721c;box-shadow:0 4px 8px 0 hsla(0,0%,100%,.05)}.btn-orange.focus,.btn-orange:focus,.btn-orange:hover{color:#fff;background-color:#f35d01;border-color:#e65801}.btn-orange.focus,.btn-orange:focus{box-shadow:0 4px 8px 0 hsla(0,0%,100%,.05),0 0 0 .2rem rgba(254,135,62,.5)}.btn-orange.disabled,.btn-orange:disabled{color:#fff;background-color:#fe721c;border-color:#fe721c}.btn-orange:not(:disabled):not(.disabled).active,.btn-orange:not(:disabled):not(.disabled):active,.show>.btn-orange.dropdown-toggle{color:#fff;background-color:#e65801;border-color:#d95301}.btn-orange:not(:disabled):not(.disabled).active:focus,.btn-orange:not(:disabled):not(.disabled):active:focus,.show>.btn-orange.dropdown-toggle:focus{box-shadow:inset 0 3px 5px rgba(0,0,0,.125),0 0 0 .2rem rgba(254,135,62,.5)}.btn-purple{color:#fff;background-color:#9a18ff;border-color:#9a18ff;box-shadow:0 4px 8px 0 hsla(0,0%,100%,.05)}.btn-purple.focus,.btn-purple:focus,.btn-purple:hover{color:#fff;background-color:#8700f1;border-color:#8000e4}.btn-purple.focus,.btn-purple:focus{box-shadow:0 4px 8px 0 hsla(0,0%,100%,.05),0 0 0 .2rem rgba(169,59,255,.5)}.btn-purple.disabled,.btn-purple:disabled{color:#fff;background-color:#9a18ff;border-color:#9a18ff}.btn-purple:not(:disabled):not(.disabled).active,.btn-purple:not(:disabled):not(.disabled):active,.show>.btn-purple.dropdown-toggle{color:#fff;background-color:#8000e4;border-color:#7900d7}.btn-purple:not(:disabled):not(.disabled).active:focus,.btn-purple:not(:disabled):not(.disabled):active:focus,.show>.btn-purple.dropdown-toggle:focus{box-shadow:inset 0 3px 5px rgba(0,0,0,.125),0 0 0 .2rem rgba(169,59,255,.5)}.btn-skyblue{color:#fff;background-color:#158df7;border-color:#158df7;box-shadow:0 4px 8px 0 hsla(0,0%,100%,.05)}.btn-skyblue.focus,.btn-skyblue:focus,.btn-skyblue:hover{color:#fff;background-color:#087ade;border-color:#0773d2}.btn-skyblue.focus,.btn-skyblue:focus{box-shadow:0 4px 8px 0 hsla(0,0%,100%,.05),0 0 0 .2rem rgba(56,158,248,.5)}.btn-skyblue.disabled,.btn-skyblue:disabled{color:#fff;background-color:#158df7;border-color:#158df7}.btn-skyblue:not(:disabled):not(.disabled).active,.btn-skyblue:not(:disabled):not(.disabled):active,.show>.btn-skyblue.dropdown-toggle{color:#fff;background-color:#0773d2;border-color:#076cc5}.btn-skyblue:not(:disabled):not(.disabled).active:focus,.btn-skyblue:not(:disabled):not(.disabled):active:focus,.show>.btn-skyblue.dropdown-toggle:focus{box-shadow:inset 0 3px 5px rgba(0,0,0,.125),0 0 0 .2rem rgba(56,158,248,.5)}.btn-outline-primary{color:#3378ff;border-color:#3378ff}.btn-outline-primary:hover{color:#fff;background-color:#3378ff;border-color:#3378ff}.btn-outline-primary.focus,.btn-outline-primary:focus{box-shadow:0 0 0 .2rem rgba(51,120,255,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#3378ff;background-color:transparent}.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#3378ff;border-color:#3378ff}.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:inset 0 3px 5px rgba(0,0,0,.125),0 0 0 .2rem rgba(51,120,255,.5)}.btn-outline-secondary{color:#8f9fbc;border-color:#8f9fbc}.btn-outline-secondary:hover{color:#fff;background-color:#8f9fbc;border-color:#8f9fbc}.btn-outline-secondary.focus,.btn-outline-secondary:focus{box-shadow:0 0 0 .2rem rgba(143,159,188,.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#8f9fbc;background-color:transparent}.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle{color:#fff;background-color:#8f9fbc;border-color:#8f9fbc}.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus{box-shadow:inset 0 3px 5px rgba(0,0,0,.125),0 0 0 .2rem rgba(143,159,188,.5)}.btn-outline-success{color:#3cb72c;border-color:#3cb72c}.btn-outline-success:hover{color:#fff;background-color:#3cb72c;border-color:#3cb72c}.btn-outline-success.focus,.btn-outline-success:focus{box-shadow:0 0 0 .2rem rgba(60,183,44,.5)}.btn-outline-success.disabled,.btn-outline-success:disabled{color:#3cb72c;background-color:transparent}.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active,.show>.btn-outline-success.dropdown-toggle{color:#fff;background-color:#3cb72c;border-color:#3cb72c}.btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-success.dropdown-toggle:focus{box-shadow:inset 0 3px 5px rgba(0,0,0,.125),0 0 0 .2rem rgba(60,183,44,.5)}.btn-outline-info{color:#19b3b3;border-color:#19b3b3}.btn-outline-info:hover{color:#fff;background-color:#19b3b3;border-color:#19b3b3}.btn-outline-info.focus,.btn-outline-info:focus{box-shadow:0 0 0 .2rem rgba(25,179,179,.5)}.btn-outline-info.disabled,.btn-outline-info:disabled{color:#19b3b3;background-color:transparent}.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle{color:#fff;background-color:#19b3b3;border-color:#19b3b3}.btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-info.dropdown-toggle:focus{box-shadow:inset 0 3px 5px rgba(0,0,0,.125),0 0 0 .2rem rgba(25,179,179,.5)}.btn-outline-warning{color:#db7e06;border-color:#db7e06}.btn-outline-warning:hover{color:#fff;background-color:#db7e06;border-color:#db7e06}.btn-outline-warning.focus,.btn-outline-warning:focus{box-shadow:0 0 0 .2rem rgba(219,126,6,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#db7e06;background-color:transparent}.btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active,.show>.btn-outline-warning.dropdown-toggle{color:#fff;background-color:#db7e06;border-color:#db7e06}.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-warning.dropdown-toggle:focus{box-shadow:inset 0 3px 5px rgba(0,0,0,.125),0 0 0 .2rem rgba(219,126,6,.5)}.btn-outline-danger{color:#f42b3d;border-color:#f42b3d}.btn-outline-danger:hover{color:#fff;background-color:#f42b3d;border-color:#f42b3d}.btn-outline-danger.focus,.btn-outline-danger:focus{box-shadow:0 0 0 .2rem rgba(244,43,61,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#f42b3d;background-color:transparent}.btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle{color:#fff;background-color:#f42b3d;border-color:#f42b3d}.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-danger.dropdown-toggle:focus{box-shadow:inset 0 3px 5px rgba(0,0,0,.125),0 0 0 .2rem rgba(244,43,61,.5)}.btn-outline-light{color:#c7cbd3;border-color:#c7cbd3}.btn-outline-light:hover{color:#212529;background-color:#c7cbd3;border-color:#c7cbd3}.btn-outline-light.focus,.btn-outline-light:focus{box-shadow:0 0 0 .2rem rgba(199,203,211,.5)}.btn-outline-light.disabled,.btn-outline-light:disabled{color:#c7cbd3;background-color:transparent}.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle{color:#212529;background-color:#c7cbd3;border-color:#c7cbd3}.btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-light.dropdown-toggle:focus{box-shadow:inset 0 3px 5px rgba(0,0,0,.125),0 0 0 .2rem rgba(199,203,211,.5)}.btn-outline-dark{color:#01041b;border-color:#01041b}.btn-outline-dark:hover{color:#fff;background-color:#01041b;border-color:#01041b}.btn-outline-dark.focus,.btn-outline-dark:focus{box-shadow:0 0 0 .2rem rgba(1,4,27,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#01041b;background-color:transparent}.btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active,.show>.btn-outline-dark.dropdown-toggle{color:#fff;background-color:#01041b;border-color:#01041b}.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-dark.dropdown-toggle:focus{box-shadow:inset 0 3px 5px rgba(0,0,0,.125),0 0 0 .2rem rgba(1,4,27,.5)}.btn-outline-orange{color:#fe721c;border-color:#fe721c}.btn-outline-orange:hover{color:#fff;background-color:#fe721c;border-color:#fe721c}.btn-outline-orange.focus,.btn-outline-orange:focus{box-shadow:0 0 0 .2rem rgba(254,114,28,.5)}.btn-outline-orange.disabled,.btn-outline-orange:disabled{color:#fe721c;background-color:transparent}.btn-outline-orange:not(:disabled):not(.disabled).active,.btn-outline-orange:not(:disabled):not(.disabled):active,.show>.btn-outline-orange.dropdown-toggle{color:#fff;background-color:#fe721c;border-color:#fe721c}.btn-outline-orange:not(:disabled):not(.disabled).active:focus,.btn-outline-orange:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-orange.dropdown-toggle:focus{box-shadow:inset 0 3px 5px rgba(0,0,0,.125),0 0 0 .2rem rgba(254,114,28,.5)}.btn-outline-purple{color:#9a18ff;border-color:#9a18ff}.btn-outline-purple:hover{color:#fff;background-color:#9a18ff;border-color:#9a18ff}.btn-outline-purple.focus,.btn-outline-purple:focus{box-shadow:0 0 0 .2rem rgba(154,24,255,.5)}.btn-outline-purple.disabled,.btn-outline-purple:disabled{color:#9a18ff;background-color:transparent}.btn-outline-purple:not(:disabled):not(.disabled).active,.btn-outline-purple:not(:disabled):not(.disabled):active,.show>.btn-outline-purple.dropdown-toggle{color:#fff;background-color:#9a18ff;border-color:#9a18ff}.btn-outline-purple:not(:disabled):not(.disabled).active:focus,.btn-outline-purple:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-purple.dropdown-toggle:focus{box-shadow:inset 0 3px 5px rgba(0,0,0,.125),0 0 0 .2rem rgba(154,24,255,.5)}.btn-outline-skyblue{color:#158df7;border-color:#158df7}.btn-outline-skyblue:hover{color:#fff;background-color:#158df7;border-color:#158df7}.btn-outline-skyblue.focus,.btn-outline-skyblue:focus{box-shadow:0 0 0 .2rem rgba(21,141,247,.5)}.btn-outline-skyblue.disabled,.btn-outline-skyblue:disabled{color:#158df7;background-color:transparent}.btn-outline-skyblue:not(:disabled):not(.disabled).active,.btn-outline-skyblue:not(:disabled):not(.disabled):active,.show>.btn-outline-skyblue.dropdown-toggle{color:#fff;background-color:#158df7;border-color:#158df7}.btn-outline-skyblue:not(:disabled):not(.disabled).active:focus,.btn-outline-skyblue:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-skyblue.dropdown-toggle:focus{box-shadow:inset 0 3px 5px rgba(0,0,0,.125),0 0 0 .2rem rgba(21,141,247,.5)}.btn-link{font-weight:400;color:#3378ff;text-decoration:none}.btn-link:hover{color:#004ee6}.btn-link.focus,.btn-link:focus,.btn-link:hover{text-decoration:none}.btn-link.disabled,.btn-link:disabled{color:#6c757d;pointer-events:none}.btn-group-lg>.btn,.btn-lg{padding:.875rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:5px}.btn-group-sm>.btn,.btn-sm{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:5px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:.5rem}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.ui-button .btn{margin-right:10px;margin-bottom:10px}.iq-progress-bar{background:#c7cbd3;box-shadow:0 0 0;height:6px;margin:0;position:relative;width:100%;border-radius:5px}.iq-progress-bar>span{background:#3378ff none repeat scroll 0 0;position:relative;display:block;height:100%;width:0;border-radius:5px}.iq-progress-bar .progress-text{position:absolute;right:-10px;top:-25px;font-size:13px;font-weight:500}.iq-progress-bar.iq-progress-bar-icon>span:after{content:"";width:12px;height:12px;border-radius:50%;background:#fff;border:3px solid transparent;position:absolute;bottom:-3px;right:0;z-index:1}.iq-progress-bar.iq-progress-bar-icon>span.bg-primary:after{border-color:#3378ff}.iq-progress-bar.iq-progress-bar-icon>span.bg-danger:after{border-color:#f42b3d}.iq-progress-bar.iq-progress-bar-icon>span.bg-success:after{border-color:#3cb72c}.iq-progress-bar.iq-progress-bar-icon>span.bg-warning:after{border-color:#db7e06}.iq-progress-bar.iq-progress-bar-icon>span.bg-info:after{border-color:#19b3b3}.iq-progress-bar.iq-progress-bar-icon>span.bg-dark:after{border-color:#01041b}.progress-round.heatmap-progress{height:97px;width:97px}.progress-round.heatmap-progress .progress-bar{border-width:10px}.progress-round.heatmap-progress:after{border:10px solid #ff9273}.iq-progress-bar .progress-text-one{position:absolute;right:-20px;top:-27px;font-size:13px;font-weight:500;background:#f42b3d;color:#fff;padding:0 5px}.iq-progress-bar>span.bg-primary .progress-text-one:after{border-color:#3378ff transparent transparent}.iq-progress-bar>span.bg-success .progress-text-one:after{border-color:#3cb72c transparent transparent}.iq-progress-bar>span.bg-warning .progress-text-one:after{border-color:#db7e06 transparent transparent}.iq-progress-bar>span.bg-orange .progress-text-one:after{border-color:#fe721c transparent transparent}.iq-progress-bar>span.bg-danger .progress-text-one:after{border-color:#f42b3d transparent transparent}.iq-progress-bar>span.bg-dark .progress-text-one:after{border-color:#01041b transparent transparent}.iq-progress-bar>span.bg-info .progress-text-one:after{border-color:#19b3b3 transparent transparent}.iq-progress-bar>span.bg-skyblue .progress-text-one:after{border-color:#158df7 transparent transparent}.progress-text-one{position:relative}.progress-text-one:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid}.iq-circle-progressbar{margin:0 auto;width:100px!important;height:100px!important}.iq-circle-progressbar .percent{font-size:1.3rem!important}.iq-circle-progressbar svg{width:100px!important;height:100px!important}.progress-round{width:50px;height:50px;background:none;position:relative}.progress-round:after{content:"";width:100%;height:100%;border-radius:50%;border:3px solid #f1f1f1;position:absolute;top:0;left:0}.progress-round>span{width:50%;height:100%;overflow:hidden;position:absolute;top:0;z-index:1}.progress-round .progress-left{left:0}.progress-round .progress-left .progress-bar{left:100%;border-top-right-radius:80px;border-bottom-right-radius:80px;border-left:0;transform-origin:center left}.progress-round .progress-bar{width:100%;height:100%;background:none;border-width:3px;border-style:solid;position:absolute;top:0}.progress-round .progress-right{right:0}.progress-round .progress-right .progress-bar{left:-100%;border-top-left-radius:80px;border-bottom-left-radius:80px;border-right:0;transform-origin:center right}.progress-round .progress-value{position:absolute;top:0;left:0}.progress-round.income-progress{height:78px;width:78px}.progress-round.income-progress .progress-bar{border-width:10px}.progress-round.income-progress:after{border:10px solid #ff9273}.progress-round.alarams-progress{height:110px;width:110px}.progress-round.goal-progress{width:130px;height:130px}.progress-round.goal-progress .progress-bar{border-width:10px}.progress-round.goal-progress:after{border:10px solid #f4f4f4}@keyframes f{0%{transform:rotate(0deg)}to{transform:rotate(180deg)}}@keyframes g{0%{transform:rotate(0deg)}to{transform:rotate(80deg)}}.progress.progress-round{width:60px;height:60px;line-height:60px;background:none;margin:0 auto;box-shadow:none;position:relative}.progress.progress-round>span{width:50%;height:100%;overflow:hidden;position:absolute;top:0;z-index:1}.progress.progress-round .progress-left{left:0}.progress.progress-round .progress-left .progress-bar{left:100%;border-top-right-radius:80px;border-bottom-right-radius:80px;border-left:0;transform-origin:center left;animation:g 1.5s linear forwards 1.8s}.progress.progress-round .progress-bar{border-width:5px}.progress.progress-round .progress-right{right:0}.progress.progress-round .progress-right .progress-bar{left:-100%;border-top-left-radius:80px;border-bottom-left-radius:80px;border-right:0;transform-origin:center right;animation:f 1.8s linear forwards}.progress.progress-round:after{content:"";width:100%;height:100%;border-radius:50%;border:5px solid #c7cbd3;position:absolute;top:0;left:0}.progress.progress-round .progress-value{font-size:16px;left:18px}.progress.danger .progress-bar{border-color:#f42b3d}.progress.warning .progress-bar{border-color:#db7e06}.progress.success .progress-bar{border-color:#3cb72c}.progress.info .progress-bar{border-color:#19b3b3}.progress.primary .progress-bar{border-color:#3378ff}.progress.orange .progress-bar{border-color:#fe721c}.circle-progress-circle,.circle-progress-value{stroke-width:8px}.circle-progress>svg{height:75px;width:75px}.circle-progress-primary svg .circle-progress-value{stroke:#3378ff;stroke-linecap:round}.circle-progress-primary svg .circle-progress-circle{stroke:#99bcff!important}.circle-progress-primary svg .circle-progress-text{fill:#3378ff;font-size:23px;font-family:DM Sans,sans-serif}.circle-progress-secondary svg .circle-progress-value{stroke:#8f9fbc;stroke-linecap:round}.circle-progress-secondary svg .circle-progress-circle{stroke:#cfd6e2!important}.circle-progress-secondary svg .circle-progress-text{fill:#8f9fbc;font-size:23px;font-family:DM Sans,sans-serif}.circle-progress-success svg .circle-progress-value{stroke:#3cb72c;stroke-linecap:round}.circle-progress-success svg .circle-progress-circle{stroke:#7adc6d!important}.circle-progress-success svg .circle-progress-text{fill:#3cb72c;font-size:23px;font-family:DM Sans,sans-serif}.circle-progress-info svg .circle-progress-value{stroke:#19b3b3;stroke-linecap:round}.circle-progress-info svg .circle-progress-circle{stroke:#4ce6e6!important}.circle-progress-info svg .circle-progress-text{fill:#19b3b3;font-size:23px;font-family:DM Sans,sans-serif}.circle-progress-warning svg .circle-progress-value{stroke:#db7e06;stroke-linecap:round}.circle-progress-warning svg .circle-progress-circle{stroke:#faae4d!important}.circle-progress-warning svg .circle-progress-text{fill:#db7e06;font-size:23px;font-family:DM Sans,sans-serif}.circle-progress-danger svg .circle-progress-value{stroke:#f42b3d;stroke-linecap:round}.circle-progress-danger svg .circle-progress-circle{stroke:#f98c96!important}.circle-progress-danger svg .circle-progress-text{fill:#f42b3d;font-size:23px;font-family:DM Sans,sans-serif}.circle-progress-light svg .circle-progress-value{stroke:#c7cbd3;stroke-linecap:round}.circle-progress-light svg .circle-progress-circle{stroke:#fff!important}.circle-progress-light svg .circle-progress-text{fill:#c7cbd3;font-size:23px;font-family:DM Sans,sans-serif}.circle-progress-dark svg .circle-progress-value{stroke:#01041b;stroke-linecap:round}.circle-progress-dark svg .circle-progress-circle{stroke:#05137d!important}.circle-progress-dark svg .circle-progress-text{fill:#01041b;font-size:23px;font-family:DM Sans,sans-serif}.circle-progress-orange svg .circle-progress-value{stroke:#fe721c;stroke-linecap:round}.circle-progress-orange svg .circle-progress-circle{stroke:#feb182!important}.circle-progress-orange svg .circle-progress-text{fill:#fe721c;font-size:23px;font-family:DM Sans,sans-serif}.circle-progress-purple svg .circle-progress-value{stroke:#9a18ff;stroke-linecap:round}.circle-progress-purple svg .circle-progress-circle{stroke:#c77eff!important}.circle-progress-purple svg .circle-progress-text{fill:#9a18ff;font-size:23px;font-family:DM Sans,sans-serif}.circle-progress-skyblue svg .circle-progress-value{stroke:#158df7;stroke-linecap:round}.circle-progress-skyblue svg .circle-progress-circle{stroke:#78bdfa!important}.circle-progress-skyblue svg .circle-progress-text{fill:#158df7;font-size:23px;font-family:DM Sans,sans-serif}.fc-unthemed .fc-toolbar .fc-button{background:#cdf;color:#3378ff;border:none;text-transform:capitalize}.fc-unthemed .fc-toolbar .fc-button.fc-button-active,.fc-unthemed .fc-toolbar .fc-button:active,.fc-unthemed .fc-toolbar .fc-button:focus{color:#fff;background-color:#3378ff}.job-classification li{list-style-type:none;margin-bottom:10px}.job-classification li>i{margin-right:10px;border-radius:50%;color:#fff}.today-schedule li{list-style-type:none;margin-bottom:10px}.today-schedule li i{margin-right:10px;border-radius:50%;color:#fff}.schedule-text span{display:block}.calender-small .flatpickr-calendar.animate.inline{width:100%;box-shadow:none}.calender-small .dayContainer{width:100%;min-width:auto}.calender-small .flatpickr-days{width:100%}.calender-small .flatpickr-day.today,.calender-small .flatpickr-day.today:focus,.calender-small .flatpickr-day.today:hover{color:#fff;border-color:#3378ff;background:#3378ff}.calender-small .flatpickr-months{margin-bottom:10px}.calender-small .flatpickr-months .flatpickr-next-month,.calender-small .flatpickr-months .flatpickr-prev-month{padding:7px 10px}.calender-small .flatpickr-current-month .flatpickr-monthDropdown-months{font-size:12px}.calender-small .flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:transparent;color:#3378ff}.calender-small .flatpickr-current-month input.cur-year{font-size:12px}.calender-small .numInputWrapper:hover{background:transparent}.calender-small .flatpickr-day.endRange,.calender-small .flatpickr-day.endRange.inRange,.calender-small .flatpickr-day.endRange.nextMonthDay,.calender-small .flatpickr-day.endRange.prevMonthDay,.calender-small .flatpickr-day.endRange:focus,.calender-small .flatpickr-day.endRange:hover,.calender-small .flatpickr-day.selected,.calender-small .flatpickr-day.selected.inRange,.calender-small .flatpickr-day.selected.nextMonthDay,.calender-small .flatpickr-day.selected.prevMonthDay,.calender-small .flatpickr-day.selected:focus,.calender-small .flatpickr-day.selected:hover,.calender-small .flatpickr-day.startRange,.calender-small .flatpickr-day.startRange.inRange,.calender-small .flatpickr-day.startRange.nextMonthDay,.calender-small .flatpickr-day.startRange.prevMonthDay,.calender-small .flatpickr-day.startRange:focus,.calender-small .flatpickr-day.startRange:hover{color:#fff;border-color:#3378ff;background:#3378ff}.calender-small .flatpickr-day.inRange,.calender-small .flatpickr-day.nextMonthDay.inRange,.calender-small .flatpickr-day.nextMonthDay.today.inRange,.calender-small .flatpickr-day.nextMonthDay:focus,.calender-small .flatpickr-day.nextMonthDay:hover,.calender-small .flatpickr-day.prevMonthDay.inRange,.calender-small .flatpickr-day.prevMonthDay.today.inRange,.calender-small .flatpickr-day.prevMonthDay:focus,.calender-small .flatpickr-day.prevMonthDay:hover,.calender-small .flatpickr-day.today.inRange,.calender-small .flatpickr-day:focus,.calender-small .flatpickr-day:hover{background:#cdf;color:#3378ff;border-color:transparent}.calender-small .flatpickr-current-month .numInputWrapper{width:3ch}.smaill-calender-home .flatpickr-calendar.animate.inline{margin:0 auto;width:100%;box-shadow:none;border:none;border-radius:5px}.smaill-calender-home .flatpickr-day.endRange,.smaill-calender-home .flatpickr-day.endRange.inRange,.smaill-calender-home .flatpickr-day.endRange.nextMonthDay,.smaill-calender-home .flatpickr-day.endRange.prevMonthDay,.smaill-calender-home .flatpickr-day.endRange:focus,.smaill-calender-home .flatpickr-day.endRange:hover,.smaill-calender-home .flatpickr-day.selected,.smaill-calender-home .flatpickr-day.selected.inRange,.smaill-calender-home .flatpickr-day.selected.nextMonthDay,.smaill-calender-home .flatpickr-day.selected.prevMonthDay,.smaill-calender-home .flatpickr-day.selected:focus,.smaill-calender-home .flatpickr-day.selected:hover,.smaill-calender-home .flatpickr-day.startRange,.smaill-calender-home .flatpickr-day.startRange.inRange,.smaill-calender-home .flatpickr-day.startRange.nextMonthDay,.smaill-calender-home .flatpickr-day.startRange.prevMonthDay,.smaill-calender-home .flatpickr-day.startRange:focus,.smaill-calender-home .flatpickr-day.startRange:hover{color:#fff;background:#3378ff;text-decoration:none;border-color:#3378ff}.smaill-calender-home .dayContainer,.smaill-calender-home .flatpickr-days{width:100%}.smaill-calender-home .flatpickr-innerContainer{justify-content:space-around}@media (max-width:479px){.fc-toolbar.fc-header-toolbar{overflow-x:scroll}}.page-link{border-color:#3378ff}.br-theme-bars-1to10 .br-widget{height:50px;white-space:nowrap}.br-theme-bars-1to10 .br-widget a{display:block;width:12px;padding:5px 0;height:28px;float:left;background-color:#ddd;margin:1px;text-align:center}.br-theme-bars-1to10 .br-widget a.br-active,.br-theme-bars-1to10 .br-widget a.br-selected{background-color:#3378ff}.br-theme-bars-1to10 .br-widget .br-current-rating{font-size:20px;line-height:2;float:right;color:#3378ff;font-weight:400}.br-theme-bars-1to10 .br-readonly a{cursor:default}.br-theme-bars-1to10 .br-readonly a.br-active,.br-theme-bars-1to10 .br-readonly a.br-selected{background-color:#f2cd95}.br-theme-bars-1to10 .br-readonly .br-current-rating{color:#f2cd95}.br-theme-bars-pill .br-widget{white-space:nowrap}.br-theme-bars-pill .br-widget a{padding:7px 15px;background-color:#ddd;color:#324253;text-decoration:none;font-size:13px;line-height:3;text-align:center;font-weight:400}.br-theme-bars-pill .br-widget a:first-child{-webkit-border-top-left-radius:999px;-webkit-border-bottom-left-radius:999px;-moz-border-radius-topleft:999px;-moz-border-radius-bottomleft:999px;border-top-left-radius:999px;border-bottom-left-radius:999px}.br-theme-bars-pill .br-widget a:last-child{-webkit-border-top-right-radius:999px;-webkit-border-bottom-right-radius:999px;-moz-border-radius-top-right:999px;-moz-border-radius-bottom-right:999px;border-top-right-radius:999px!important;border-bottom-right-radius:999px!important}.br-theme-bars-pill .br-widget a.br-active,.br-theme-bars-pill .br-widget a.br-selected{background-color:#3378ff;color:#fff}.br-theme-bars-pill .br-readonly a{cursor:default}.br-theme-bars-pill .br-readonly a.br-active,.br-theme-bars-pill .br-readonly a.br-selected{background-color:#7cead1}.br-theme-fontawesome-stars .br-widget a{margin-right:8px!important}.br-theme-fontawesome-stars .br-widget a:after{font-family:Font Awesome\ 5 Free;font-weight:900}i.amber-text{color:#3378ff!important}#rateMe1 i{font-size:18px}.mdb-rating .rate-popover{color:gray}.mdb-rating .live{color:#000}.mdb-rating .oneStar{color:#44370f}.mdb-rating .twoStars{color:#96781e}.mdb-rating .threeStars{color:#e2b52e}.mdb-rating .fourStars{color:#f1ba12}.mdb-rating .fiveStars{color:#f3cb06}.mdb-rating .amber-text{color:#ffc107}.rating-faces i{font-size:21px}.br-theme-bars-movie .br-widget{white-space:nowrap}.br-theme-bars-movie .br-widget a{display:block;width:60px;height:10px;float:left;background-color:transparent;border:1px solid #3378ff;margin:1px}.br-theme-bars-movie .br-widget a.br-active,.br-theme-bars-movie .br-widget a.br-selected{background-color:#3378ff}.br-theme-bars-movie .br-widget .br-current-rating{clear:both;width:240px;text-align:center;font-weight:600;display:block;padding-top:.5em;color:#3378ff;font-weight:400}.br-theme-bars-movie .br-readonly a{cursor:default}.br-theme-bars-movie .br-readonly a.br-active,.br-theme-bars-movie .br-readonly a.br-selected{background-color:#729bf8}.br-theme-bars-movie .br-readonly .br-current-rating{color:#729bf8}.br-theme-fontawesome-stars .br-widget{height:28px;white-space:nowrap}.br-theme-fontawesome-stars .br-widget a{text-rendering:auto;-webkit-font-smoothing:antialiased;text-decoration:none;margin-right:2px}.br-theme-fontawesome-stars .br-widget a:after{content:"\f005";color:#d2d2d2}.br-theme-fontawesome-stars .br-widget a.br-active:after,.br-theme-fontawesome-stars .br-widget a.br-selected:after{color:#edb867}.br-theme-fontawesome-stars .br-widget .br-current-rating{display:none}.br-theme-fontawesome-stars .br-readonly a{cursor:default}.basic-tree li{list-style-type:none;margin:0;padding:10px 5px 0;position:relative;color:#213446}.basic-tree li:before{border-left:1px solid #999;bottom:50px;height:100%;top:0;width:1px}.basic-tree li:after,.basic-tree li:before{content:"";left:-20px;position:absolute;right:auto}.basic-tree li:after{border-top:1px solid #999;height:20px;top:25px;width:25px}.basic-tree li:last-child:before{height:30px}.basic-tree li.t-parent>span{cursor:pointer}.basic-tree li.t-parent>span:hover{color:#3378ff}.basic-tree>ul>li:after,.basic-tree>ul>li:before{border:0}.flex-tree li{position:relative;list-style:none;margin:0}.flex-tree li:before{border-left:1px solid #999;bottom:50px;height:100%;top:0;width:1px}.flex-tree li:after,.flex-tree li:before{content:"";left:-20px;position:absolute;right:auto;left:-25px}.flex-tree li:after{border-top:1px solid #999;height:20px;top:25px;width:25px;top:12px}.flex-tree li:last-child:before{height:25px}.flex-tree li label,.flex-tree li span,.flex-tree li span label{cursor:pointer}.flex-tree li span.open:after{content:"\025BE"}.flex-tree li span.closed:after,.flex-tree li span.open:after{display:inline-block;font:400 16px/1 Arial,Helvetica Neue,Helvetica,sans-serif;width:20px;margin-top:4px;padding-left:3px;color:#ababab}.flex-tree li span.closed:after{content:"\025BE";content:"\025B4"}.flex-tree>ul>li:after,.flex-tree>ul>li:before{border:0}.flex-tree label{font-weight:400}.flex-tree label.node{font-weight:700}.flex-tree input[type=checkbox]{border:1px solid #b4b9be;background:#fff;color:#555;clear:none;cursor:pointer;display:inline-block;line-height:0;height:16px;margin:-4px 4px 0 0;outline:0;padding:0;text-align:center;vertical-align:middle;width:16px;min-width:16px;-webkit-appearance:none;box-shadow:inset 0 1px 2px rgba(0,0,0,.1);transition:border-color .05s ease-in-out}.flex-tree input[type=checkbox]:focus{border-color:#5b9dd9;box-shadow:0 0 2px rgba(30,140,190,.8)}.flex-tree input[type=checkbox]:checked{background:#3378ff;border:none}.flex-tree input[type=checkbox]:checked:before{float:left;display:inline-block;vertical-align:middle;width:16px;font:400 20px/1 Arial,Helvetica Neue,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;content:"\02713";color:var(--white);margin:1px 0 0;font-size:17px!important}.flex-tree input[type=checkbox]:indeterminate:before{float:left;display:inline-block;vertical-align:middle;width:16px;font:400 20px/1 Arial,Helvetica Neue,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;content:"\02043";color:#3378ff;margin:-4px 0 0 -1px}.flex-tree input[type=checkbox].indeterminate{background-color:#eee}.ic-square{width:20px;height:20px;background:transparent;border:1px solid #324253;text-align:center;line-height:19px;font-size:12px}.tree-box{margin:0}.iq-footer{padding:15px;margin-left:260px;width:calc(100vw - 264px);background:#fff;-ms-box-shadow:0 .5rem 1rem rgba(0,60,179,.05);-o-box-shadow:0 .5rem 1rem rgba(0,60,179,.05);box-shadow:0 .5rem 1rem rgba(0,60,179,.05);transition:all .3s ease-in-out}.iq-footer ul li a{color:#324253}.iq-footer ul li a:hover{color:#3378ff;text-decoration:none}body.tab-horizontal .iq-footer{margin-left:0;width:100%}.iq-mt--70{margin-top:-70px}.banner-main-text{position:absolute;left:15%;bottom:13%}.nav.nav-pills.style-three{margin-top:10px}.nav.nav-pills.style-three .nav-link.active:before,.nav.nav-pills.style-three .nav-link:hover:before{display:inline-block;width:100%;height:3px;background:#3378ff;content:"";position:absolute;left:0;bottom:0}.nav.nav-pills.style-three .nav-link:before{width:0;transition:all .3s ease-in-out;height:3px;background:#3378ff;content:"";position:absolute;right:0;bottom:0}.nav.nav-pills.style-three a{background:transparent;position:relative;margin-right:30px;padding:10px 0}.nav.nav-pills.style-three a:last-child{margin-right:0}.iq-card-body.banner-box{padding-bottom:0}@media (min-width:1300px){body.sidebar-main .iq-footer{margin-left:80px;width:calc(100vw - 85px)}}@media (max-width:1299px){.iq-footer,body.sidebar-main .iq-footer{padding:15px 10px;margin-left:0;width:100%}.without-right-sidebar .iq-footer{width:100%}}@media (max-width:991px){.iq-footer,.iq-footer .col-lg-6.text-right{text-align:center!important}}.clear{clear:both}@media (min-width:1300px){.menu-horizontal .iq-sidebar-menu li .iq-submenu.iq-submenu-data{position:static}.menu-horizontal .iq-sidebar-menu .iq-sidebar-logo{display:none!important}.menu-horizontal .iq-sidebar-menu .side-menu li:first-child a{padding-left:0}.menu-horizontal .iq-sidebar-menu .side-menu li a:hover{color:#3378ff}.menu-horizontal .iq-sidebar-menu .side-menu li li .iq-arrow-right{transform:rotate(0deg)}.menu-horizontal .iq-sidebar-menu .side-menu li ul{display:block;position:absolute;top:100%;padding:10px 0;min-width:200px;background:#fff;z-index:9;transition:all .3s ease-in-out;display:none;animation:d .6s cubic-bezier(.39,.575,.565,1) both;transform:translateY(100%);border-radius:5px;-ms-box-shadow:0 .5rem 1rem rgba(0,60,179,.05);-o-box-shadow:0 .5rem 1rem rgba(0,60,179,.05);box-shadow:0 .5rem 1rem rgba(0,60,179,.05)}.menu-horizontal .iq-sidebar-menu .side-menu .iq-submenu svg{stroke:#3378ff}.menu-horizontal .iq-sidebar-menu .side-menu .iq-submenu li a{padding:12px 13px 12px 15px}.menu-horizontal .iq-sidebar-menu .side-menu>li:hover>a{color:#3378ff}.menu-horizontal .iq-sidebar-menu .side-menu li.menu-open .iq-arrow-right{transform:rotate(90deg)}.menu-horizontal .iq-sidebar-menu li:hover>.iq-submenu{background:#fff;border:1px solid;border-color:#f1f1f1;display:block;transition:all .3s ease-in-out}.menu-horizontal .iq-sidebar-menu li:hover>.iq-submenu.iq-submenu-data{-webkit-opacity:1;-moz-opacity:1;-ms-opacity:1;-o-opacity:1;opacity:1;transition:all .3s ease-in-out}.menu-horizontal .iq-sidebar-menu li>.iq-submenu.iq-submenu-data{-webkit-opacity:0;-moz-opacity:0;-ms-opacity:0;-o-opacity:0;opacity:0;visibility:visible;left:100%;top:0;transform-origin:left center 0}.menu-horizontal .iq-sidebar-menu li>.iq-submenu .iq-arrow-right{margin-right:0}.menu-horizontal .sub-scrll{max-height:315px;overflow-y:scroll;overflow-x:hidden}.menu-horizontal .iq-sidebar-menu .side-menu li:hover .iq-arrow-right{transform:rotate(90deg)}.menu-horizontal .iq-sidebar-menu .side-menu li:hover li .iq-arrow-right{transform:rotate(0deg)}}@media (max-width:1299px){.menu-horizontal{position:fixed;left:0;right:0;-webkit-opacity:0;-moz-opacity:0;-ms-opacity:0;-o-opacity:0;opacity:0;top:0;width:0;background:#fff;height:100vh;z-index:9;overflow-y:scroll;overflow-x:hidden;transition:all .3s ease-in-out}.menu-horizontal ul.side-menu{display:block!important;background:#fff}.menu-horizontal .iq-sidebar-menu .side-menu li a{padding:15px 20px 15px 30px}.menu-horizontal .iq-sidebar-menu .side-menu li a:hover{color:#3378ff}.menu-horizontal .iq-sidebar-menu .side-menu li ul{position:static;box-shadow:none}.menu-horizontal ul.side-menu li a[aria-expanded=true] .iq-arrow-right{transform:rotate(90deg)}.sidebar-main .menu-horizontal{-webkit-opacity:1;-moz-opacity:1;-ms-opacity:1;-o-opacity:1;opacity:1;width:260px;transition:all .3s ease-in-out}}.tab-container .nav-pills .nav-item a{padding:20px 10px;font-size:14px;color:#fff;border-radius:5px;margin-bottom:0;margin-left:1px}.tab-container .nav-pills .nav-item a.nav-link.active{color:#fff;background:#002162}.tab-container .nav-pills .nav-item:hover a{color:#fff}.tab-details .tab-pane.fade{display:none}.tab-details .tab-pane.fade.active.show{display:block}.tab-scrollbar-data{width:270px;height:100%;position:fixed;z-index:99;top:0;right:0;background:#fff;-ms-box-shadow:0 .5rem 1rem rgba(0,60,179,.05);-o-box-shadow:0 .5rem 1rem rgba(0,60,179,.05);box-shadow:0 .5rem 1rem rgba(0,60,179,.05);transition:all .3s ease-in-out;display:flex;display:-moz-flex;display:-ms-flex;flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column}.tab-scrollbar-data.tab-sidebar-close{right:-270px}a.iq-tab-toggle{height:40px;width:40px;line-height:35px;font-size:18px;color:#fff;padding:2px 12px;padding-right:10px;display:block!important;background:#3378ff;-ms-box-shadow:0 .5rem 1rem rgba(0,60,179,.05);-o-box-shadow:0 .5rem 1rem rgba(0,60,179,.05);box-shadow:0 .5rem 1rem rgba(0,60,179,.05);position:absolute;border-radius:5px 0 0 5px;top:50%;left:-40px}a.iq-tab-toggle .aerrow-icon-right{display:none}a.iq-tab-toggle .arr-next{position:relative;transition:all .3s ease-in-out}a.iq-tab-toggle .arr-next:before{content:"\f053";font-family:Font Awesome\ 5 Free;font-weight:900;position:absolute;left:0;top:0;color:#fff;transform:rotate(0deg);animation-name:i;animation-duration:1.4s;animation-iteration-count:infinite;animation-timing-function:linear}a.iq-tab-toggle .arr-next.arr-two:before{left:10px;animation-delay:.2s}a.iq-tab-toggle.active .aerrow-icon-left{display:none}a.iq-tab-toggle.active .aerrow-icon-right{display:inline-block}a.iq-tab-toggle.active .arr-next:before{transform:rotate(180deg);animation-name:h}.tab-scrollbar-data .setting-info .setting-title{border-bottom:1px solid #f1f1f1;padding-bottom:10px;margin-top:25px}.tab-scrollbar-data .setting-info .setting-title:first-child{margin-top:0}.tab-scrollbar-data .setting-info .setting-title h5 i{font-size:20px}.tab-scrollbar-data .setting-info .set-swtich{margin-top:15px}.tab-scrollbar-data .setting-info .set-swtich h6{font-weight:400}.tab-scrollbar-data .setting-info .set-swtich .custom-control-input:focus~.custom-control-label:before{box-shadow:none}@keyframes h{0%{opacity:1;transform:translateX(0) scale(1) rotate(-180deg)}25%{opacity:0;transform:translateX(10px) scale(.9) rotate(-180deg)}26%{opacity:0;transform:translateX(-10px) scale(.9) rotate(-180deg)}55%{opacity:1;transform:translateX(0) scale(1) rotate(-180deg)}}@keyframes i{0%{opacity:1;transform:translateX(10px) scale(.9) rotate(0deg)}25%{opacity:0;transform:translateX(0) scale(1) rotate(0deg)}26%{opacity:0;transform:translateX(0) scale(1) rotate(0deg)}55%{opacity:1;transform:translateX(-10px) scale(.9) rotate(0deg)}}[data-toggle-extra=tab-content]{display:none}[data-toggle-extra=tab-content].active{display:block}.table{overflow:hidden;color:#213446}.table p,.table span{color:#324253}.table td,.table th{padding:15px 20px}.table .light th{background-color:rgba(51,120,255,.1);text-transform:uppercase;font-size:14px;letter-spacing:1px;border-top:0;font-weight:700!important}.table.table-dark{color:#fff!important}.table-striped tbody tr:nth-of-type(odd){background-color:#f9fbfe}.table-bordered td,.table-bordered th{border:1px solid #f1f1f1}.dark .table td{border-color:#252525}.dark .dataTables_wrapper .dataTables_length label,.dark .dataTables_wrapper .dataTables_length select{border-color:#252525!important}table.dataTable tbody td,table.dataTable tbody th{padding:15px 20px}.table thead th{border-bottom:0 solid}@media (max-width:766px){.table-responsive .dataTables_paginate .pagination{padding:0 20px}}.table .table-color-heading{background-color:rgba(51,120,255,.05)}.table-responsive .dataTables_length label{padding-left:20px}.table-responsive #DataTables_Table_0_filter label{padding-right:20px}.table-responsive .dataTables_info{padding:0 0 20px 20px}.table-responsive .dataTables_paginate .pagination{padding:0 20px 20px 0}table td .custom-checkbox .custom-control-label:after,table td .custom-checkbox .custom-control-label:before,table td .custom-radio .custom-control-label:after,table td .custom-radio .custom-control-label:before,table th .custom-checkbox .custom-control-label:after,table th .custom-checkbox .custom-control-label:before,table th .custom-radio .custom-control-label:after,table th .custom-radio .custom-control-label:before{top:-.9rem}table.table-bordered td .custom-checkbox .custom-control-label:after,table.table-bordered td .custom-checkbox .custom-control-label:before,table.table-bordered td .custom-radio .custom-control-label:after,table.table-bordered td .custom-radio .custom-control-label:before{top:-.4rem}.list-style-1{list-style-type:none;padding:0}.list-style-1 .list-item .list-style-action a{height:32px;width:32px;border-radius:50%;color:#cecfda;font-size:.9rem;transition:all .3s}.list-style-1 .list-item a{cursor:pointer;text-decoration:none}.list-style-1 .list-item .list-style-action a:hover{color:#a2a5b9;background:#f5f5f5}.list-style-1 .list-item .avatar .avatar-img{display:flex;justify-content:center;align-items:center;border-radius:50%;width:50px;min-width:50px;height:50px;object-fit:cover}.list-style-1 .list-item .avatar .avatar-img img{height:50px;width:50px}.list-style-1 .list-item .avatar .avatar-success{background:#54d244}.list-style-1 .list-item .avatar .avatar-success span{color:#216518}.list-style-1 .list-item .avatar .avatar-primary{background:#669aff}.list-style-1 .list-item .avatar .avatar-primary span{color:#0045cc}.list-style-1 .list-item .avatar .avatar-warning{background:#f9981b}.list-style-1 .list-item .avatar .avatar-warning span{color:#784503}.list-style-1 .list-item .avatar .avatar-danger{background:#f75b69}.list-style-1 .list-item .avatar .avatar-danger span{color:#b00918}.list-style-1 .list-item .avatar .avatar-secondary{background:#afbacf}.list-style-1 .list-item .avatar .avatar-secondary span{color:#566a8f}.active-project .data-content{margin-left:12px;line-height:1.4}.active-project .data-content p,.active-project .data-content span{display:block}.active-project .h-avatar{position:relative;display:inline-block;vertical-align:bottom}.active-project .h-avatar.is-medium .avatar.is-squared{border-radius:12px}.active-project .h-avatar.is-medium .avatar{width:50px;min-width:50px;height:50px}.fit-icon-2{font-size:30px;display:flex;align-items:center;justify-content:center}.style-1{animation:shrink 1s linear 0s infinite alternate}.style-1,.style-2{transition:.3s ease;width:10px;height:10px}.style-2{animation:shrink1 1s linear 0s infinite alternate}.style-3{animation:shrink2 1s linear 0s infinite alternate}.style-3,.style-4{transition:.3s ease;width:10px;height:10px}.style-4{animation:shrink3 1s linear 0s infinite alternate}.style-5{transition:.3s ease;width:10px;height:10px;animation:shrink4 1s linear 0s infinite alternate}.icon.icon-box{height:60px;width:60px;line-height:60px;text-align:center;margin-right:10px;font-size:22px;text-decoration:none}.custom-chart .apexcharts-tooltip{padding:2px;border-radius:4px;box-shadow:none}.custom-chart .apexcharts-tooltip.apexcharts-theme-light{border:0!important;padding:6px}.custom-chart .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title{font-family:Helvetica,Arial,sans-serif;font-size:12px;background:#fff;border-bottom:1px solid #ddd;margin:0}.custom-chart .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-series-group{padding:6px;padding-bottom:0}.apexcharts-legend.position-bottom .apexcharts-legend-series,foreignObject{display:none!important}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{z-index:2}@media (max-width:1024px){#chart-map-column-04{height:385px!important}#chart-apex-column-02{height:150px!important}#chart-apex-column-03{height:300px!important}}@media (max-width:768px){#chart-apex-column-02{height:205px!important}}#chart-map-column-04{height:400px}#chart-apex-column-02{height:50px}#chart-apex-column-03{height:300px}#chart-apex-column-01{height:280px}.list-style-3{list-style-type:none;padding:0}.list-style-3 .list-item .list-style-action a{height:32px;width:32px;border-radius:50%;color:#cecfda;font-size:.9rem;transition:all .3s}.list-style-3 .list-item a{cursor:pointer;text-decoration:none}.list-style-3 .list-item .list-style-action a:hover{color:#a2a5b9;background:#f5f5f5}.list-style-3 .list-item .avatar .avatar-img{display:flex;justify-content:center;align-items:center;border-radius:50%;object-fit:cover}.list-style-3 .list-item .avatar .avatar-success{background:#54d244}.list-style-3 .list-item .avatar .avatar-success span{color:#216518}.list-style-3 .list-item .avatar .avatar-primary{background:#669aff}.list-style-3 .list-item .avatar .avatar-primary span{color:#0045cc}.list-style-3 .list-item .avatar .avatar-warning{background:#f9981b}.list-style-3 .list-item .avatar .avatar-warning span{color:#784503}.list-style-3 .list-item .avatar .avatar-danger{background:#f75b69}.list-style-3 .list-item .avatar .avatar-danger span{color:#b00918}.list-style-3 .list-item .avatar .avatar-secondary{background:#afbacf}.list-style-3 .list-item .avatar .avatar-secondary span{color:#566a8f}.tab-nav-pane li a{color:#6c757d}.tab-nav-pane li a:hover{color:#4788ff}.tab-nav-pane li .active{color:#4788ff;border-bottom:4px solid #4788ff}.line-around{width:100%;text-align:center;border-bottom:1px solid #c7cbd3;line-height:.1em;margin:10px 0 20px}.line-around .line-around-1{background:#fff;padding:0 10px}.social-btn .btn{padding:10px 30px}.social-btn .btn-outline-light:hover{background-color:#fff}.active-project-1 .data-content{margin-left:15px;line-height:1.4}.active-project-1 .data-content p,.active-project-1 .data-content span{display:block}.active-project-1 .h-avatar{position:relative;display:inline-block;vertical-align:bottom}.active-project-1 .h-avatar.is-medium .avatar{width:60px;min-width:60px;height:60px}.white-space-no-wrap{white-space:nowrap}.date-icon-set{position:relative}.date-icon-set .form-control{height:40px}.date-icon-set .search-link{position:absolute;top:0;right:15px;font-size:18px;line-height:38px;color:#6c757d}.date-icon-set .search-link:hover{text-decoration:none}.iq-date-modal{position:relative}.iq-date-modal .form-control{height:40px}.iq-date-modal .search-link{position:absolute;top:1px;right:30px;font-size:18px;line-height:38px;color:#6c757d}.iq-date-modal .search-link:hover{text-decoration:none}.date-icon-set-modal{position:relative}.date-icon-set-modal .search-link{position:absolute;top:33px;right:33px;font-size:18px;line-height:38px;color:#6c757d}.date-icon-set-modal .search-link:hover{text-decoration:none}@media (max-width:766px){.modal-product-search .form-control{width:300px;margin-bottom:1rem}}.modal-product-search{position:relative}.modal-product-search .form-control{height:40px;width:350px}.modal-product-search .btn.btn-primary{height:40px}.modal-product-search .search-link{position:absolute;top:0;right:15px;font-size:18px;line-height:38px;color:#6c757d}.modal-product-search .search-link:hover{text-decoration:none}.simple-item{padding:10px 0;list-style:none;transition:all .2s ease;display:flex;flex-direction:row;z-index:1}.simple-item .img-container{padding:0 10px}.simple-item .simple-item-body{display:flex;flex-direction:column;justify-content:center;flex-grow:1;min-width:0;padding-right:10px}.simple-item .simple-item-title{display:flex;align-items:center;line-height:normal}.simple-item .simple-item-title .title-text{font-size:18px;display:flex;flex-grow:1}.simple-item .simple-item-time{font-size:12px}.simple-item .simple-item-content{font-size:14px;display:flex;align-items:center}.simple-item .simple-item-content .simple-item-text{flex-grow:1;overflow:hidden;font-weight:400;font-size:14px;line-height:20px}.simple-item .simple-item-content .simple-item-text.short{white-space:nowrap;text-overflow:ellipsis}.simple-item .simple-item-content .dropdown .btn-link{padding-left:0;padding-right:0}.simple-item.hover .dropdown{transform:translateX(20px);transition:all .2s ease-in;visibility:hidden}.simple-item.hover .dropdown .btn{padding:0 10px}.simple-item.hover:hover{cursor:pointer;background-color:rgba(51,120,255,.2)}.simple-item.hover:hover .dropdown{transform:translateX(10px);transition:all .2s ease-in-out;visibility:visible}.simple-item.hover:hover .dropdown .btn{padding:0 10px}.msg-list{display:flex;flex-direction:column}.msg-list .single-msg-content .msg-detail span{font-size:14px}.msg-list .single-msg-content .msg-action{position:absolute;right:0;bottom:0}.msg-list .single-msg-content .msg-action span{font-size:12px}.msg-list .single-msg{position:relative;max-width:70%;margin-bottom:12px;padding:6px 10px;background-color:#fff;color:#212529;border-radius:0 8px 8px}.msg-list .single-msg .single-msg-shap{position:absolute;top:0;right:auto;left:-13px}.msg-list .single-msg.user{border-radius:8px 0 8px 8px;align-self:flex-end;background-color:#3378ff;color:#fff}.msg-list .single-msg.user .single-msg-shap{position:absolute;top:0;left:auto;right:-13px}.msg-list .single-msg .single-msg-content{display:flex;flex-direction:row;align-items:center;position:relative}.msg-list .single-msg:hover{cursor:auto}.triangle-topleft{width:0;height:0;border-top:18px solid #fff;border-left:14px solid transparent}.triangle-topright{width:0;height:0;border-top:18px solid #3378ff;border-right:14px solid transparent}.dark .triangle-topleft{border-top-color:hsla(0,0%,100%,.1)}.dark .msg-list .single-msg{background-color:hsla(0,0%,100%,.1)}.dark .msg-list .single-msg.user{background-color:rgba(51,120,255,.8)}.bg-blue{color:#fff!important;background-color:#4788ff!important}a.bg-blue:focus,a.bg-blue:hover,button.bg-blue:focus,button.bg-blue:hover{color:#fff!important;background-color:#1467ff!important}.bg-indigo{color:#fff!important;background-color:#6610f2!important}a.bg-indigo:focus,a.bg-indigo:hover,button.bg-indigo:focus,button.bg-indigo:hover{color:#fff!important;background-color:#510bc4!important}.bg-pink{color:#fff!important;background-color:#e83e8c!important}a.bg-pink:focus,a.bg-pink:hover,button.bg-pink:focus,button.bg-pink:hover{color:#fff!important;background-color:#d91a72!important}.bg-red{color:#fff!important;background-color:#e24b58!important}a.bg-red:focus,a.bg-red:hover,button.bg-red:focus,button.bg-red:hover{color:#fff!important;background-color:#d72332!important}.bg-yellow{color:#212529!important;background-color:#ffd600!important}a.bg-yellow:focus,a.bg-yellow:hover,button.bg-yellow:focus,button.bg-yellow:hover{color:#fff!important;background-color:#ccab00!important}.bg-green{color:#fff!important;background-color:#3cb72c!important}a.bg-green:focus,a.bg-green:hover,button.bg-green:focus,button.bg-green:hover{color:#fff!important;background-color:#2f8e22!important}.bg-teal{color:#fff!important;background-color:#20c997!important}a.bg-teal:focus,a.bg-teal:hover,button.bg-teal:focus,button.bg-teal:hover{color:#fff!important;background-color:#199d76!important}.bg-cyan{color:#fff!important;background-color:#19b3b3!important}a.bg-cyan:focus,a.bg-cyan:hover,button.bg-cyan:focus,button.bg-cyan:hover{color:#fff!important;background-color:#138686!important}.bg-white{color:#212529!important;background-color:#fff!important}a.bg-white:focus,a.bg-white:hover,button.bg-white:focus,button.bg-white:hover{color:#fff!important;background-color:#e6e6e6!important}.bg-gray{color:#fff!important;background-color:#6c757d!important}a.bg-gray:focus,a.bg-gray:hover,button.bg-gray:focus,button.bg-gray:hover{color:#fff!important;background-color:#545b62!important}.bg-gray-dark{color:#fff!important;background-color:#01041b!important}a.bg-gray-dark:focus,a.bg-gray-dark:hover,button.bg-gray-dark:focus,button.bg-gray-dark:hover{color:#fff!important;background-color:#000!important}.bg-gradient-blue{background:#4788ff linear-gradient(180deg,#6299ff,#4788ff) repeat-x!important}.bg-gradient-indigo{background:#6610f2 linear-gradient(180deg,#7c33f4,#6610f2) repeat-x!important}.bg-gradient-pink{background:#e83e8c linear-gradient(180deg,#eb5a9d,#e83e8c) repeat-x!important}.bg-gradient-red{background:#e24b58 linear-gradient(180deg,#e56571,#e24b58) repeat-x!important}.bg-gradient-yellow{background:#ffd600 linear-gradient(180deg,#fedc26,#ffd600) repeat-x!important}.bg-gradient-green{background:#3cb72c linear-gradient(180deg,#58c14c,#3cb72c) repeat-x!important}.bg-gradient-teal{background:#20c997 linear-gradient(180deg,#41d0a6,#20c997) repeat-x!important}.bg-gradient-cyan{background:#19b3b3 linear-gradient(180deg,#3bbebe,#19b3b3) repeat-x!important}.bg-gradient-white{background:#fff linear-gradient(180deg,#fefeff,#fff) repeat-x!important}.bg-gradient-gray{background:#6c757d linear-gradient(180deg,#818990,#6c757d) repeat-x!important}.bg-gradient-gray-dark{background:#01041b linear-gradient(180deg,#26293d,#01041b) repeat-x!important}.bg-gradient-primary{background:#3378ff linear-gradient(180deg,#518cff,#3378ff) repeat-x!important}.bg-gradient-secondary{background:#8f9fbc linear-gradient(180deg,#9fadc6,#8f9fbc) repeat-x!important}.bg-gradient-success{background:#3cb72c linear-gradient(180deg,#58c14c,#3cb72c) repeat-x!important}.bg-gradient-info{background:#19b3b3 linear-gradient(180deg,#3bbebe,#19b3b3) repeat-x!important}.bg-gradient-warning{background:#db7e06 linear-gradient(180deg,#e0912b,#db7e06) repeat-x!important}.bg-gradient-danger{background:#f42b3d linear-gradient(180deg,#f54a5a,#f42b3d) repeat-x!important}.bg-gradient-light{background:#c7cbd3 linear-gradient(180deg,#cfd2d9,#c7cbd3) repeat-x!important}.bg-gradient-dark{background:#01041b linear-gradient(180deg,#26293d,#01041b) repeat-x!important}.bg-gradient-orange{background:#fe721c linear-gradient(180deg,#fd873e,#fe721c) repeat-x!important}.bg-gradient-purple{background:#9a18ff linear-gradient(180deg,#a83aff,#9a18ff) repeat-x!important}.bg-gradient-skyblue{background:#158df7 linear-gradient(180deg,#379df8,#158df7) repeat-x!important}.bg-primary{color:#fff!important;background-color:#3378ff!important}a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover{color:#fff!important;background-color:#0056ff!important}.badge-primary{color:#fff!important;background-color:#3378ff!important}a.badge-primary:focus,a.badge-primary:hover,button.badge-primary:focus,button.badge-primary:hover{color:#fff!important;background-color:#0056ff!important}.bg-secondary{color:#fff!important;background-color:#8f9fbc!important}a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover{color:#fff!important;background-color:#6f84a9!important}.badge-secondary{color:#fff!important;background-color:#8f9fbc!important}a.badge-secondary:focus,a.badge-secondary:hover,button.badge-secondary:focus,button.badge-secondary:hover{color:#fff!important;background-color:#6f84a9!important}.bg-success{color:#fff!important;background-color:#3cb72c!important}a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover{color:#fff!important;background-color:#2f8e22!important}.badge-success{color:#fff!important;background-color:#3cb72c!important}a.badge-success:focus,a.badge-success:hover,button.badge-success:focus,button.badge-success:hover{color:#fff!important;background-color:#2f8e22!important}.bg-info{color:#fff!important;background-color:#19b3b3!important}a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover{color:#fff!important;background-color:#138686!important}.badge-info{color:#fff!important;background-color:#19b3b3!important}a.badge-info:focus,a.badge-info:hover,button.badge-info:focus,button.badge-info:hover{color:#fff!important;background-color:#138686!important}.bg-warning{color:#fff!important;background-color:#db7e06!important}a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover{color:#fff!important;background-color:#a96105!important}.badge-warning{color:#fff!important;background-color:#db7e06!important}a.badge-warning:focus,a.badge-warning:hover,button.badge-warning:focus,button.badge-warning:hover{color:#fff!important;background-color:#a96105!important}.bg-danger{color:#fff!important;background-color:#f42b3d!important}a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover{color:#fff!important;background-color:#e00c1f!important}.badge-danger{color:#fff!important;background-color:#f42b3d!important}a.badge-danger:focus,a.badge-danger:hover,button.badge-danger:focus,button.badge-danger:hover{color:#fff!important;background-color:#e00c1f!important}.bg-light{color:#212529!important;background-color:#c7cbd3!important}a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover{color:#fff!important;background-color:#aab0bd!important}.badge-light{color:#212529!important;background-color:#c7cbd3!important}a.badge-light:focus,a.badge-light:hover,button.badge-light:focus,button.badge-light:hover{color:#fff!important;background-color:#aab0bd!important}.bg-dark{color:#fff!important;background-color:#01041b!important}a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover{color:#fff!important;background-color:#000!important}.badge-dark{color:#fff!important;background-color:#01041b!important}a.badge-dark:focus,a.badge-dark:hover,button.badge-dark:focus,button.badge-dark:hover{color:#fff!important;background-color:#000!important}.bg-orange{color:#fff!important;background-color:#fe721c!important}a.bg-orange:focus,a.bg-orange:hover,button.bg-orange:focus,button.bg-orange:hover{color:#fff!important;background-color:#e65801!important}.badge-orange{color:#fff!important;background-color:#fe721c!important}a.badge-orange:focus,a.badge-orange:hover,button.badge-orange:focus,button.badge-orange:hover{color:#fff!important;background-color:#e65801!important}.bg-purple{color:#fff!important;background-color:#9a18ff!important}a.bg-purple:focus,a.bg-purple:hover,button.bg-purple:focus,button.bg-purple:hover{color:#fff!important;background-color:#8000e4!important}.badge-purple{color:#fff!important;background-color:#9a18ff!important}a.badge-purple:focus,a.badge-purple:hover,button.badge-purple:focus,button.badge-purple:hover{color:#fff!important;background-color:#8000e4!important}.bg-skyblue{color:#fff!important;background-color:#158df7!important}a.bg-skyblue:focus,a.bg-skyblue:hover,button.bg-skyblue:focus,button.bg-skyblue:hover{color:#fff!important;background-color:#0773d2!important}.badge-skyblue{color:#fff!important;background-color:#158df7!important}a.badge-skyblue:focus,a.badge-skyblue:hover,button.badge-skyblue:focus,button.badge-skyblue:hover{color:#fff!important;background-color:#0773d2!important}.bg-primary-light{color:#04c!important;background-color:#cdf!important}a.bg-primary-light:focus,a.bg-primary-light:hover,button.bg-primary-light:focus,button.bg-primary-light:hover{color:#04c!important;background-color:#9bf!important}.bg-secondary-light{color:#4c5c80!important;background-color:#dfe3ec!important}a.bg-secondary-light:focus,a.bg-secondary-light:hover,button.bg-secondary-light:focus,button.bg-secondary-light:hover{color:#4c5c80!important;background-color:#bfc7d9!important}.bg-success-light{color:#4bb300!important;background-color:#d3ffb3!important}a.bg-success-light:focus,a.bg-success-light:hover,button.bg-success-light:focus,button.bg-success-light:hover{color:#4bb300!important;background-color:#b5ff80!important}.bg-info-light{color:#179b9b!important;background-color:#bcf5f5!important}a.bg-info-light:focus,a.bg-info-light:hover,button.bg-info-light:focus,button.bg-info-light:hover{color:#179b9b!important;background-color:#90eeee!important}.bg-warning-light{color:#b34200!important;background-color:#ffcfb3!important}a.bg-warning-light:focus,a.bg-warning-light:hover,button.bg-warning-light:focus,button.bg-warning-light:hover{color:#b34200!important;background-color:#ffaf80!important}.bg-danger-light{color:#b30000!important;background-color:#ffb3b3!important}a.bg-danger-light:focus,a.bg-danger-light:hover,button.bg-danger-light:focus,button.bg-danger-light:hover{color:#b30000!important;background-color:#ff8080!important}.bg-light-light{color:#444a57!important;background-color:#c7cbd3!important}a.bg-light-light:focus,a.bg-light-light:hover,button.bg-light-light:focus,button.bg-light-light:hover{color:#444a57!important;background-color:#aab0bd!important}.bg-dark-light{color:rgba(68,74,87,.1)!important;background-color:rgba(199,203,211,.1)!important}a.bg-dark-light:focus,a.bg-dark-light:hover,button.bg-dark-light:focus,button.bg-dark-light:hover{color:rgba(68,74,87,.1)!important;background-color:rgba(170,176,189,.1)!important}.bg-orange-light{color:#a03d00!important;background-color:#ffc4a0!important}a.bg-orange-light:focus,a.bg-orange-light:hover,button.bg-orange-light:focus,button.bg-orange-light:hover{color:#a03d00!important;background-color:#ffa46d!important}.bg-purple-light{color:#7400cc!important;background-color:#e9ccff!important}a.bg-purple-light:focus,a.bg-purple-light:hover,button.bg-purple-light:focus,button.bg-purple-light:hover{color:#7400cc!important;background-color:#d399ff!important}.bg-skyblue-light{color:#005aaa!important;background-color:#aad7ff!important}a.bg-skyblue-light:focus,a.bg-skyblue-light:hover,button.bg-skyblue-light:focus,button.bg-skyblue-light:hover{color:#005aaa!important;background-color:#77bfff!important}.avatar{position:relative}.avatar-30{height:30px;width:30px;min-width:30px}.avatar-35{height:35px;width:35px;min-width:35px}.avatar-40{height:40px;width:40px;min-width:40px}.avatar-45{height:45px;width:45px;min-width:45px}.avatar-50{height:50px;width:50px;min-width:50px}.avatar-60{height:60px;width:60px;min-width:60px}.avatar-70{height:70px;width:70px;min-width:70px}.avatar-80{height:80px;width:80px;min-width:80px}.avatar-90{height:90px;width:90px;min-width:90px}.avatar-100{height:100px;width:100px;min-width:100px}.avatar-110{height:110px;width:110px;min-width:110px}.avatar-120{height:120px;width:120px;min-width:120px}.avatar-130{height:130px;width:130px;min-width:130px}.avatar-155{height:155px;width:155px;min-width:155px}.avatar-235{height:235px;width:235px;min-width:235px}.avatar-status{position:absolute;bottom:-4px;top:auto;left:auto;right:4px}.avatar-status i{font-size:12px}.avatar-borderd{border:2px solid;border-color:rgba(51,120,255,.2)}.avatar-rounded{border-radius:50%;overflow:hidden}.font-size-12{font-size:12px!important}.font-size-14{font-size:14px!important}.font-size-16{font-size:16px!important}.font-size-18{font-size:18px!important}.font-size-20{font-size:20px!important}.font-size-32{font-size:32px!important}.font-size-40{font-size:40px!important}.font-weight-300{font-weight:300!important}.font-weight-400{font-weight:400!important}.font-weight-500{font-weight:500!important}.font-weight-600{font-weight:600!important}.font-weight-700{font-weight:700!important}.font-weight-800{font-weight:800!important}.font-weight-900{font-weight:900!important}.text-underline{text-decoration:underline}.text-through{text-decoration:line-through}@media (min-width:576px){.text-xs-chirag{font-size:12!important}}.text-sm{font-size:14!important}.text-lg{font-size:20!important}.text-xl{font-size:12!important}.line-height-100{line-height:1}.line-height-110{line-height:1.1}.line-height-120{line-height:1.2}.line-height-130{line-height:1.3}.line-height-140{line-height:1.4}.line-height-150{line-height:1.5}.line-height-160{line-height:1.6}.line-height-170{line-height:1.7}.line-height-180{line-height:1.8}.letter-spacing-1{letter-spacing:.0625rem}.letter-spacing-15{letter-spacing:.09375rem}.letter-spacing-2{letter-spacing:.125rem}.text-ellipsis.short-1{-webkit-line-clamp:1}.text-ellipsis.short-1,.text-ellipsis.short-2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box}.text-ellipsis.short-2{-webkit-line-clamp:2}.text-ellipsis.short-3{-webkit-line-clamp:3}.text-ellipsis.short-3,.text-ellipsis.short-4{overflow:hidden;text-overflow:ellipsis;display:-webkit-box}.text-ellipsis.short-4{-webkit-line-clamp:4}.text-ellipsis.short-5{-webkit-line-clamp:5}.text-ellipsis.short-5,.text-ellipsis.short-6{overflow:hidden;text-overflow:ellipsis;display:-webkit-box}.text-ellipsis.short-6{-webkit-line-clamp:6}.text-ellipsis.short-7{-webkit-line-clamp:7}.text-ellipsis.short-7,.text-ellipsis.short-8{overflow:hidden;text-overflow:ellipsis;display:-webkit-box}.text-ellipsis.short-8{-webkit-line-clamp:8}.text-ellipsis.short-9{-webkit-line-clamp:9}.text-ellipsis.short-9,.text-ellipsis.short-10{overflow:hidden;text-overflow:ellipsis;display:-webkit-box}.text-ellipsis.short-10{-webkit-line-clamp:10}.text-blue{color:#4788ff!important}a.text-blue:focus,a.text-blue:hover{color:#0058fa!important}.text-indigo{color:#6610f2!important}a.text-indigo:focus,a.text-indigo:hover{color:#4709ac!important}.text-purple{color:#9a18ff!important}a.text-purple:focus,a.text-purple:hover{color:#7200cb!important}.text-pink{color:#e83e8c!important}a.text-pink:focus,a.text-pink:hover{color:#c21766!important}.text-red{color:#e24b58!important}a.text-red:focus,a.text-red:hover{color:#c11f2d!important}.text-orange{color:#fe721c!important}a.text-orange:focus,a.text-orange:hover{color:#cd4e01!important}.text-yellow{color:#ffd600!important}a.text-yellow:focus,a.text-yellow:hover{color:#b39600!important}.text-green{color:#3cb72c!important}a.text-green:focus,a.text-green:hover{color:#28791d!important}.text-teal{color:#20c997!important}a.text-teal:focus,a.text-teal:hover{color:#158765!important}.text-cyan{color:#19b3b3!important}a.text-cyan:focus,a.text-cyan:hover{color:#107070!important}.text-white{color:#fff!important}a.text-white:focus,a.text-white:hover{color:#d9d9d9!important}.text-gray{color:#6c757d!important}a.text-gray:focus,a.text-gray:hover{color:#494f54!important}.text-gray-dark{color:#01041b!important}a.text-gray-dark:focus,a.text-gray-dark:hover{color:#000!important}.text-skyblue{color:#158df7!important}a.text-skyblue:focus,a.text-skyblue:hover{color:#0665b9!important}.text-secondary{color:#8f9fbc!important}a.text-secondary:focus,a.text-secondary:hover{color:#5f769f!important}.border-color-blue{border-color:#4788ff!important}.border-color-indigo{border-color:#6610f2!important}.border-color-purple{border-color:#9a18ff!important}.border-color-pink{border-color:#e83e8c!important}.border-color-red{border-color:#e24b58!important}.border-color-orange{border-color:#fe721c!important}.border-color-yellow{border-color:#ffd600!important}.border-color-green{border-color:#3cb72c!important}.border-color-teal{border-color:#20c997!important}.border-color-cyan{border-color:#19b3b3!important}.border-color-white{border-color:#fff!important}.border-color-gray{border-color:#6c757d!important}.border-color-gray-dark{border-color:#01041b!important}.border-color-skyblue{border-color:#158df7!important}.border-color-secondary{border-color:#8f9fbc!important}.border-color-top-blue{border-top-color:#4788ff!important}.border-color-top-indigo{border-top-color:#6610f2!important}.border-color-top-purple{border-top-color:#9a18ff!important}.border-color-top-pink{border-top-color:#e83e8c!important}.border-color-top-red{border-top-color:#e24b58!important}.border-color-top-orange{border-top-color:#fe721c!important}.border-color-top-yellow{border-top-color:#ffd600!important}.border-color-top-green{border-top-color:#3cb72c!important}.border-color-top-teal{border-top-color:#20c997!important}.border-color-top-cyan{border-top-color:#19b3b3!important}.border-color-top-white{border-top-color:#fff!important}.border-color-top-gray{border-top-color:#6c757d!important}.border-color-top-gray-dark{border-top-color:#01041b!important}.border-color-top-skyblue{border-top-color:#158df7!important}.border-color-top-secondary{border-top-color:#8f9fbc!important}.border-color-bottom-blue{border-bottom-color:#4788ff!important}.border-color-bottom-indigo{border-bottom-color:#6610f2!important}.border-color-bottom-purple{border-bottom-color:#9a18ff!important}.border-color-bottom-pink{border-bottom-color:#e83e8c!important}.border-color-bottom-red{border-bottom-color:#e24b58!important}.border-color-bottom-orange{border-bottom-color:#fe721c!important}.border-color-bottom-yellow{border-bottom-color:#ffd600!important}.border-color-bottom-green{border-bottom-color:#3cb72c!important}.border-color-bottom-teal{border-bottom-color:#20c997!important}.border-color-bottom-cyan{border-bottom-color:#19b3b3!important}.border-color-bottom-white{border-bottom-color:#fff!important}.border-color-bottom-gray{border-bottom-color:#6c757d!important}.border-color-bottom-gray-dark{border-bottom-color:#01041b!important}.border-color-bottom-skyblue{border-bottom-color:#158df7!important}.border-color-bottom-secondary{border-bottom-color:#8f9fbc!important}.border-color-left-blue{border-left-color:#4788ff!important}.border-color-left-indigo{border-left-color:#6610f2!important}.border-color-left-purple{border-left-color:#9a18ff!important}.border-color-left-pink{border-left-color:#e83e8c!important}.border-color-left-red{border-left-color:#e24b58!important}.border-color-left-orange{border-left-color:#fe721c!important}.border-color-left-yellow{border-left-color:#ffd600!important}.border-color-left-green{border-left-color:#3cb72c!important}.border-color-left-teal{border-left-color:#20c997!important}.border-color-left-cyan{border-left-color:#19b3b3!important}.border-color-left-white{border-left-color:#fff!important}.border-color-left-gray{border-left-color:#6c757d!important}.border-color-left-gray-dark{border-left-color:#01041b!important}.border-color-left-skyblue{border-left-color:#158df7!important}.border-color-left-secondary{border-left-color:#8f9fbc!important}.border-color-right-blue{border-right-color:#4788ff!important}.border-color-right-indigo{border-right-color:#6610f2!important}.border-color-right-purple{border-right-color:#9a18ff!important}.border-color-right-pink{border-right-color:#e83e8c!important}.border-color-right-red{border-right-color:#e24b58!important}.border-color-right-orange{border-right-color:#fe721c!important}.border-color-right-yellow{border-right-color:#ffd600!important}.border-color-right-green{border-right-color:#3cb72c!important}.border-color-right-teal{border-right-color:#20c997!important}.border-color-right-cyan{border-right-color:#19b3b3!important}.border-color-right-white{border-right-color:#fff!important}.border-color-right-gray{border-right-color:#6c757d!important}.border-color-right-gray-dark{border-right-color:#01041b!important}.border-color-right-skyblue{border-right-color:#158df7!important}.border-color-right-secondary{border-right-color:#8f9fbc!important}.w-01{width:1px!important}.w-10{width:10%!important}.datepicker{display:none}.datepicker.active{display:block}.datepicker-dropdown{position:absolute;top:0;left:0;z-index:20;padding-top:4px}.datepicker-dropdown.datepicker-orient-top{padding-top:0;padding-bottom:4px}.datepicker-picker{display:inline-block;border-radius:4px;background-color:#fff}.datepicker-dropdown .datepicker-picker{box-shadow:0 2px 3px rgba(0,0,0,.1),0 0 0 1px rgba(0,0,0,.1)}.datepicker-picker span{display:block;flex:1;border:0;border-radius:4px;cursor:default;text-align:center;-webkit-touch-callout:none;user-select:none}.datepicker-main{padding:2px}.datepicker-footer{box-shadow:inset 0 1px 1px rgba(0,0,0,.1);background-color:#c7cbd3}.datepicker-controls,.datepicker-grid,.datepicker-view,.datepicker-view .days-of-week{display:flex}.datepicker-grid{flex-wrap:wrap}.datepicker-view .days .datepicker-cell,.datepicker-view .dow{flex-basis:14.28571%}.datepicker-view.datepicker-grid .datepicker-cell{flex-basis:25%}.datepicker-cell,.datepicker-view .week{height:2.25rem;line-height:2.25rem}.datepicker-title{box-shadow:inset 0 -1px 1px rgba(0,0,0,.1);background-color:#c7cbd3;padding:.375rem .75rem;text-align:center;font-weight:700}.datepicker-header .datepicker-controls{padding:2px 2px 0}.datepicker-controls .button{display:inline-flex;position:relative;align-items:center;justify-content:center;margin:0;border:1px solid #aab0bd;border-radius:4px;box-shadow:none;background-color:#fff;cursor:pointer;padding:calc(.375em - 1px) .75em;height:2.25em;vertical-align:top;text-align:center;line-height:1.5;white-space:nowrap;color:#01041b;font-size:1rem}.datepicker-controls .button:active,.datepicker-controls .button:focus{outline:none}.datepicker-controls .button:hover{border-color:#80899b;color:#01041b}.datepicker-controls .button:focus{border-color:#3273dc;color:#01041b}.datepicker-controls .button:focus:not(:active){box-shadow:0 0 0 .125em rgba(50,115,220,.25)}.datepicker-controls .button:active{border-color:#404040;color:#01041b}.datepicker-controls .button[disabled]{cursor:not-allowed}.datepicker-header .datepicker-controls .button{border-color:transparent;font-weight:700}.datepicker-header .datepicker-controls .button:hover{background-color:#f9f9f9}.datepicker-header .datepicker-controls .button:focus:not(:active){box-shadow:0 0 0 .125em hsla(0,0%,100%,.25)}.datepicker-header .datepicker-controls .button:active{background-color:#f2f2f2}.datepicker-header .datepicker-controls .button[disabled]{box-shadow:none}.datepicker-footer .datepicker-controls .button{margin:calc(.375rem - 1px) .375rem;border-radius:2px;width:100%;font-size:.75rem}.datepicker-controls .view-switch{flex:auto}.datepicker-controls .next-btn,.datepicker-controls .prev-btn{padding-right:.375rem;padding-left:.375rem;width:2.25rem}.datepicker-controls .next-btn.disabled,.datepicker-controls .prev-btn.disabled{visibility:hidden}.datepicker-view .dow{height:1.5rem;line-height:1.5rem;font-size:.875rem;font-weight:700}.datepicker-view .week{width:2.25rem;color:#80899b;font-size:.75rem}@media (max-width:22.5rem){.datepicker-view .week{width:1.96875rem}}.datepicker-grid{width:15.75rem}@media (max-width:22.5rem){.calendar-weeks+.days .datepicker-grid{width:13.78125rem}}.datepicker-cell:not(.disabled):hover{background-color:#f9f9f9;cursor:pointer}.datepicker-cell.focused:not(.selected){background-color:#b9bec8}.datepicker-cell.selected,.datepicker-cell.selected:hover{background-color:#3273dc;color:#fff;font-weight:600}.datepicker-cell.disabled{color:#aab0bd}.datepicker-cell.next:not(.disabled),.datepicker-cell.prev:not(.disabled){color:#7a7a7a}.datepicker-cell.next.selected,.datepicker-cell.prev.selected{color:#e6e6e6}.datepicker-cell.highlighted:not(.selected):not(.range):not(.today){border-radius:0;background-color:#c7cbd3}.datepicker-cell.highlighted:not(.selected):not(.range):not(.today):not(.disabled):hover{background-color:#c0c4cd}.datepicker-cell.highlighted:not(.selected):not(.range):not(.today).focused{background-color:#b9bec8}.datepicker-cell.today:not(.selected){background-color:#00d1b2}.datepicker-cell.today:not(.selected):not(.disabled){color:#fff}.datepicker-cell.today.focused:not(.selected){background-color:#00c4a7}.datepicker-cell.range-end:not(.selected),.datepicker-cell.range-start:not(.selected){background-color:#80899b;color:#fff}.datepicker-cell.range-end.focused:not(.selected),.datepicker-cell.range-start.focused:not(.selected){background-color:#788295}.datepicker-cell.range-start{border-radius:4px 0 0 4px}.datepicker-cell.range-end{border-radius:0 4px 4px 0}.datepicker-cell.range{border-radius:0;background-color:#aab0bd}.datepicker-cell.range:not(.disabled):not(.focused):not(.today):hover{background-color:#a3aab7}.datepicker-cell.range.disabled{color:#8e96a6}.datepicker-cell.range.focused{background-color:#9ca3b1}.datepicker-view.datepicker-grid .datepicker-cell{height:4.5rem;line-height:4.5rem}.datepicker-input.in-edit{border-color:#2366d1}.datepicker-input.in-edit:active,.datepicker-input.in-edit:focus{box-shadow:0 0 .25em .25em rgba(35,102,209,.2)}.choices{position:relative;margin-bottom:24px;font-size:16px}.choices:focus{outline:none}.choices:last-child{margin-bottom:0}.choices.is-disabled .choices__inner,.choices.is-disabled .choices__input{background-color:#eaeaea;cursor:not-allowed;user-select:none}.choices.is-disabled .choices__item{cursor:not-allowed}.choices[data-type*=select-one]{cursor:pointer}.choices[data-type*=select-one] .choices__inner{padding-bottom:7.5px}.choices[data-type*=select-one] .choices__input{display:block;width:100%;padding:10px;border-bottom:1px solid #ddd;background-color:#fff;margin:0}.choices[data-type*=select-one] .choices__button{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);padding:0;background-size:8px;position:absolute;top:50%;right:0;margin-top:-10px;margin-right:25px;height:20px;width:20px;border-radius:10em;opacity:.5}.choices[data-type*=select-one] .choices__button:focus,.choices[data-type*=select-one] .choices__button:hover{opacity:1}.choices[data-type*=select-one] .choices__button:focus{box-shadow:0 0 0 2px #fff}.choices[data-type*=select-one]:after{content:"";height:0;width:0;border-style:solid;border-color:#333 transparent transparent;border-width:5px;position:absolute;right:11.5px;top:50%;margin-top:-2.5px;pointer-events:none}.choices[data-type*=select-one].is-open:after{border-color:transparent transparent #333;margin-top:-7.5px}.choices[data-type*=select-one][dir=rtl]:after{left:11.5px;right:auto}.choices[data-type*=select-one][dir=rtl] .choices__button{right:auto;left:0;margin-left:25px;margin-right:0}.choices[data-type*=select-multiple] .choices__inner,.choices[data-type*=text] .choices__inner{cursor:text}.choices[data-type*=select-multiple] .choices__button,.choices[data-type*=text] .choices__button{position:relative;display:inline-block;margin:0 -4px 0 8px;padding-left:16px;border-left:1px solid #0056ff;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);background-size:8px;width:8px;line-height:1;opacity:.75;border-radius:0}.choices[data-type*=select-multiple] .choices__button:focus,.choices[data-type*=select-multiple] .choices__button:hover,.choices[data-type*=text] .choices__button:focus,.choices[data-type*=text] .choices__button:hover{opacity:1}.choices__inner{display:inline-block;vertical-align:top;width:100%;background-color:#fff;padding:7.5px 7.5px 3.75px;border:1px solid #ddd;border-radius:2.5px;font-size:14px;min-height:44px;overflow:hidden}.is-focused .choices__inner,.is-open .choices__inner{border-color:#b7b7b7}.is-open .choices__inner{border-radius:2.5px 2.5px 0 0}.is-flipped.is-open .choices__inner{border-radius:0 0 2.5px 2.5px}.choices__list{margin:0;padding-left:0;list-style:none}.choices__list--single{display:inline-block;padding:4px 16px 4px 4px;width:100%}[dir=rtl] .choices__list--single{padding-right:4px;padding-left:16px}.choices__list--single .choices__item{width:100%}.choices__list--multiple{display:inline}.choices__list--multiple .choices__item{display:inline-block;vertical-align:middle;border-radius:1rem;padding:4px 10px;font-size:12px;font-weight:500;margin-right:3.75px;margin-bottom:3.75px;background-color:#3378ff;border:1px solid #1a67ff;color:#fff;word-break:break-all}.choices__list--multiple .choices__item[data-deletable]{padding-right:5px}[dir=rtl] .choices__list--multiple .choices__item{margin-right:0;margin-left:3.75px}.choices__list--multiple .choices__item.is-highlighted{background-color:#1a67ff;border:1px solid #0056ff}.is-disabled .choices__list--multiple .choices__item{background-color:#aaa;border:1px solid #919191}.choices__list--dropdown{display:none;z-index:1;position:absolute;width:100%;background-color:#fff;border:1px solid #ddd;top:100%;margin-top:-1px;border-bottom-left-radius:2.5px;border-bottom-right-radius:2.5px;overflow:hidden;word-break:break-all}.choices__list--dropdown.is-active{display:block}.is-open .choices__list--dropdown{border-color:#b7b7b7}.is-flipped .choices__list--dropdown{top:auto;bottom:100%;margin-top:0;margin-bottom:-1px;border-radius:.25rem .25rem 0 0}.choices__list--dropdown .choices__list{position:relative;max-height:300px;overflow:auto;-webkit-overflow-scrolling:touch;will-change:scroll-position}.choices__list--dropdown .choices__item{position:relative;padding:10px;font-size:14px}[dir=rtl] .choices__list--dropdown .choices__item{text-align:right}@media (min-width:640px){.choices__list--dropdown .choices__item--selectable{padding-right:100px}.choices__list--dropdown .choices__item--selectable:after{content:attr(data-select-text);font-size:12px;opacity:0;position:absolute;right:10px;top:50%;transform:translateY(-50%)}[dir=rtl] .choices__list--dropdown .choices__item--selectable{text-align:right;padding-left:100px;padding-right:10px}[dir=rtl] .choices__list--dropdown .choices__item--selectable:after{right:auto;left:10px}}.choices__list--dropdown .choices__item--selectable.is-highlighted{background-color:#f2f2f2}.choices__list--dropdown .choices__item--selectable.is-highlighted:after{opacity:.5}.choices__item{cursor:default}.choices__item--selectable{cursor:pointer}.choices__item--disabled{cursor:not-allowed;user-select:none;opacity:.5}.choices__heading{font-weight:600;font-size:12px;padding:10px;border-bottom:1px solid #f7f7f7;color:gray}.choices__button{text-indent:-9999px;-webkit-appearance:none;appearance:none;border:0;background-color:transparent;background-repeat:no-repeat;background-position:50%;cursor:pointer}.choices__button:focus{outline:none}.choices__input{display:inline-block;vertical-align:baseline;background-color:#fff;font-size:14px;margin-bottom:5px;border:0;border-radius:0;max-width:100%;padding:4px 0 4px 2px}.choices__input:focus{outline:0}[dir=rtl] .choices__input{padding-right:2px;padding-left:0}.choices__placeholder{opacity:.5}.choices[data-type*=select-multiple] .choices__input.is-hidden,.choices[data-type*=select-one] .choices__input.is-hidden,.choices__input.is-hidden{display:none} +/*! + * animate.css - https://animate.style/ + * Version - 4.1.1 + * Licensed under the MIT license - http://opensource.org/licenses/MIT + * + * Copyright (c) 2020 Animate.css + */:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}.animate__animated{animation-duration:1s;animation-duration:var(--animate-duration);animation-fill-mode:both}.animate__animated.animate__infinite{animation-iteration-count:infinite}.animate__animated.animate__repeat-1{animation-iteration-count:1;animation-iteration-count:var(--animate-repeat)}.animate__animated.animate__repeat-2{animation-iteration-count:2;animation-iteration-count:calc(var(--animate-repeat) * 2)}.animate__animated.animate__repeat-3{animation-iteration-count:3;animation-iteration-count:calc(var(--animate-repeat) * 3)}.animate__animated.animate__delay-1s{animation-delay:1s;animation-delay:var(--animate-delay)}.animate__animated.animate__delay-2s{animation-delay:2s;animation-delay:calc(var(--animate-delay) * 2)}.animate__animated.animate__delay-3s{animation-delay:3s;animation-delay:calc(var(--animate-delay) * 3)}.animate__animated.animate__delay-4s{animation-delay:4s;animation-delay:calc(var(--animate-delay) * 4)}.animate__animated.animate__delay-5s{animation-delay:5s;animation-delay:calc(var(--animate-delay) * 5)}.animate__animated.animate__faster{animation-duration:0.5s;animation-duration:calc(var(--animate-duration)/2)}.animate__animated.animate__fast{animation-duration:0.8s;animation-duration:calc(var(--animate-duration) * .8)}.animate__animated.animate__slow{animation-duration:2s;animation-duration:calc(var(--animate-duration) * 2)}.animate__animated.animate__slower{animation-duration:3s;animation-duration:calc(var(--animate-duration) * 3)}@media (prefers-reduced-motion:reduce),print{.animate__animated{animation-duration:1ms!important;transition-duration:1ms!important;animation-iteration-count:1!important}.animate__animated[class*=Out]{opacity:0}}@keyframes j{0%,20%,53%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0) scaleY(.95)}90%{transform:translate3d(0,-4px,0) scaleY(1.02)}}.animate__bounce{animation-name:j;transform-origin:center bottom}@keyframes k{0%,50%,to{opacity:1}25%,75%{opacity:0}}.animate__flash{animation-name:k}@keyframes l{0%{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleX(1)}}.animate__pulse{animation-name:l;animation-timing-function:ease-in-out}@keyframes m{0%{transform:scaleX(1)}30%{transform:scale3d(1.05,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.08,.75,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.02,.95,1)}to{transform:scaleX(1)}}.animate__rubberBand{animation-name:m}@keyframes n{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}.animate__shakeX{animation-name:n}@keyframes o{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(0,-10px,0)}20%,40%,60%,80%{transform:translate3d(0,10px,0)}}.animate__shakeY{animation-name:o}@keyframes p{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}.animate__headShake{animation-timing-function:ease-in-out;animation-name:p}@keyframes q{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}.animate__swing{transform-origin:top center;animation-name:q}@keyframes r{0%{transform:scaleX(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{transform:scaleX(1)}}.animate__tada{animation-name:r}@keyframes s{0%{transform:translateZ(0)}15%{transform:translate3d(-25%,0,0) rotate(-5deg)}30%{transform:translate3d(20%,0,0) rotate(3deg)}45%{transform:translate3d(-15%,0,0) rotate(-3deg)}60%{transform:translate3d(10%,0,0) rotate(2deg)}75%{transform:translate3d(-5%,0,0) rotate(-1deg)}to{transform:translateZ(0)}}.animate__wobble{animation-name:s}@keyframes t{0%,11.1%,to{transform:translateZ(0)}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(.39062deg) skewY(.39062deg)}88.8%{transform:skewX(-.19531deg) skewY(-.19531deg)}}.animate__jello{animation-name:t;transform-origin:center}@keyframes u{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}.animate__heartBeat{animation-name:u;animation-duration:1.3s;animation-duration:calc(var(--animate-duration) * 1.3);animation-timing-function:ease-in-out}@keyframes v{0%{transform:translateY(-1200px) scale(.7);opacity:.7}80%{transform:translateY(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}}.animate__backInDown{animation-name:v}@keyframes w{0%{transform:translateX(-2000px) scale(.7);opacity:.7}80%{transform:translateX(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}}.animate__backInLeft{animation-name:w}@keyframes x{0%{transform:translateX(2000px) scale(.7);opacity:.7}80%{transform:translateX(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}}.animate__backInRight{animation-name:x}@keyframes y{0%{transform:translateY(1200px) scale(.7);opacity:.7}80%{transform:translateY(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}}.animate__backInUp{animation-name:y}@keyframes z{0%{transform:scale(1);opacity:1}20%{transform:translateY(0) scale(.7);opacity:.7}to{transform:translateY(700px) scale(.7);opacity:.7}}.animate__backOutDown{animation-name:z}@keyframes A{0%{transform:scale(1);opacity:1}20%{transform:translateX(0) scale(.7);opacity:.7}to{transform:translateX(-2000px) scale(.7);opacity:.7}}.animate__backOutLeft{animation-name:A}@keyframes B{0%{transform:scale(1);opacity:1}20%{transform:translateX(0) scale(.7);opacity:.7}to{transform:translateX(2000px) scale(.7);opacity:.7}}.animate__backOutRight{animation-name:B}@keyframes C{0%{transform:scale(1);opacity:1}20%{transform:translateY(0) scale(.7);opacity:.7}to{transform:translateY(-700px) scale(.7);opacity:.7}}.animate__backOutUp{animation-name:C}@keyframes D{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}.animate__bounceIn{animation-duration:0.75s;animation-duration:calc(var(--animate-duration) * .75);animation-name:D}@keyframes E{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;transform:translate3d(0,25px,0) scaleY(.9)}75%{transform:translate3d(0,-10px,0) scaleY(.95)}90%{transform:translate3d(0,5px,0) scaleY(.985)}to{transform:translateZ(0)}}.animate__bounceInDown{animation-name:E}@keyframes F{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;transform:translate3d(25px,0,0) scaleX(1)}75%{transform:translate3d(-10px,0,0) scaleX(.98)}90%{transform:translate3d(5px,0,0) scaleX(.995)}to{transform:translateZ(0)}}.animate__bounceInLeft{animation-name:F}@keyframes G{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;transform:translate3d(-25px,0,0) scaleX(1)}75%{transform:translate3d(10px,0,0) scaleX(.98)}90%{transform:translate3d(-5px,0,0) scaleX(.995)}to{transform:translateZ(0)}}.animate__bounceInRight{animation-name:G}@keyframes H{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;transform:translate3d(0,-20px,0) scaleY(.9)}75%{transform:translate3d(0,10px,0) scaleY(.95)}90%{transform:translate3d(0,-5px,0) scaleY(.985)}to{transform:translateZ(0)}}.animate__bounceInUp{animation-name:H}@keyframes I{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}.animate__bounceOut{animation-duration:0.75s;animation-duration:calc(var(--animate-duration) * .75);animation-name:I}@keyframes J{20%{transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;transform:translate3d(0,2000px,0) scaleY(3)}}.animate__bounceOutDown{animation-name:J}@keyframes K{20%{opacity:1;transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;transform:translate3d(-2000px,0,0) scaleX(2)}}.animate__bounceOutLeft{animation-name:K}@keyframes L{20%{opacity:1;transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;transform:translate3d(2000px,0,0) scaleX(2)}}.animate__bounceOutRight{animation-name:L}@keyframes M{20%{transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;transform:translate3d(0,-2000px,0) scaleY(3)}}.animate__bounceOutUp{animation-name:M}.animate__fadeIn{animation-name:oc}@keyframes N{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInDown{animation-name:N}@keyframes O{0%{opacity:0;transform:translate3d(0,-2000px,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInDownBig{animation-name:O}@keyframes P{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInLeft{animation-name:P}@keyframes Q{0%{opacity:0;transform:translate3d(-2000px,0,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInLeftBig{animation-name:Q}@keyframes R{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInRight{animation-name:R}@keyframes S{0%{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInRightBig{animation-name:S}@keyframes T{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInUp{animation-name:T}@keyframes U{0%{opacity:0;transform:translate3d(0,2000px,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInUpBig{animation-name:U}@keyframes V{0%{opacity:0;transform:translate3d(-100%,-100%,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInTopLeft{animation-name:V}@keyframes W{0%{opacity:0;transform:translate3d(100%,-100%,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInTopRight{animation-name:W}@keyframes X{0%{opacity:0;transform:translate3d(-100%,100%,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInBottomLeft{animation-name:X}@keyframes Y{0%{opacity:0;transform:translate3d(100%,100%,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInBottomRight{animation-name:Y}.animate__fadeOut{animation-name:pc}@keyframes Z{0%{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}.animate__fadeOutDown{animation-name:Z}@keyframes ab{0%{opacity:1}to{opacity:0;transform:translate3d(0,2000px,0)}}.animate__fadeOutDownBig{animation-name:ab}@keyframes bb{0%{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0)}}.animate__fadeOutLeft{animation-name:bb}@keyframes cb{0%{opacity:1}to{opacity:0;transform:translate3d(-2000px,0,0)}}.animate__fadeOutLeftBig{animation-name:cb}@keyframes db{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}}.animate__fadeOutRight{animation-name:db}@keyframes eb{0%{opacity:1}to{opacity:0;transform:translate3d(2000px,0,0)}}.animate__fadeOutRightBig{animation-name:eb}@keyframes fb{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}.animate__fadeOutUp{animation-name:fb}@keyframes gb{0%{opacity:1}to{opacity:0;transform:translate3d(0,-2000px,0)}}.animate__fadeOutUpBig{animation-name:gb}@keyframes hb{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-100%,-100%,0)}}.animate__fadeOutTopLeft{animation-name:hb}@keyframes ib{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(100%,-100%,0)}}.animate__fadeOutTopRight{animation-name:ib}@keyframes jb{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(100%,100%,0)}}.animate__fadeOutBottomRight{animation-name:jb}@keyframes kb{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-100%,100%,0)}}.animate__fadeOutBottomLeft{animation-name:kb}@keyframes lb{0%{transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);animation-timing-function:ease-out}40%{transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);animation-timing-function:ease-in}to{transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);animation-timing-function:ease-in}}.animate__animated.animate__flip{-webkit-backface-visibility:visible;backface-visibility:visible;animation-name:lb}@keyframes mb{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}.animate__flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:mb}@keyframes nb{0%{transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateY(10deg);opacity:1}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}}.animate__flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:nb}@keyframes ob{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}.animate__flipOutX{animation-duration:0.75s;animation-duration:calc(var(--animate-duration) * .75);animation-name:ob;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@keyframes pb{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateY(-15deg);opacity:1}to{transform:perspective(400px) rotateY(90deg);opacity:0}}.animate__flipOutY{animation-duration:0.75s;animation-duration:calc(var(--animate-duration) * .75);-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:pb}@keyframes qb{0%{transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg)}to{transform:translateZ(0)}}.animate__lightSpeedInRight{animation-name:qb;animation-timing-function:ease-out}@keyframes rb{0%{transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{transform:skewX(-20deg);opacity:1}80%{transform:skewX(5deg)}to{transform:translateZ(0)}}.animate__lightSpeedInLeft{animation-name:rb;animation-timing-function:ease-out}@keyframes sb{0%{opacity:1}to{transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.animate__lightSpeedOutRight{animation-name:sb;animation-timing-function:ease-in}@keyframes tb{0%{opacity:1}to{transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}.animate__lightSpeedOutLeft{animation-name:tb;animation-timing-function:ease-in}@keyframes ub{0%{transform:rotate(-200deg);opacity:0}to{transform:translateZ(0);opacity:1}}.animate__rotateIn{animation-name:ub;transform-origin:center}@keyframes vb{0%{transform:rotate(-45deg);opacity:0}to{transform:translateZ(0);opacity:1}}.animate__rotateInDownLeft{animation-name:vb;transform-origin:left bottom}.animate__rotateInDownRight{animation-name:wb;transform-origin:right bottom}@keyframes wb{0%{transform:rotate(45deg);opacity:0}to{transform:translateZ(0);opacity:1}}.animate__rotateInUpLeft{animation-name:wb;transform-origin:left bottom}@keyframes xb{0%{transform:rotate(-90deg);opacity:0}to{transform:translateZ(0);opacity:1}}.animate__rotateInUpRight{animation-name:xb;transform-origin:right bottom}@keyframes yb{0%{opacity:1}to{transform:rotate(200deg);opacity:0}}.animate__rotateOut{animation-name:yb;transform-origin:center}@keyframes zb{0%{opacity:1}to{transform:rotate(45deg);opacity:0}}.animate__rotateOutDownLeft{animation-name:zb;transform-origin:left bottom}.animate__rotateOutDownRight{animation-name:Ab;transform-origin:right bottom}@keyframes Ab{0%{opacity:1}to{transform:rotate(-45deg);opacity:0}}.animate__rotateOutUpLeft{animation-name:Ab;transform-origin:left bottom}@keyframes Bb{0%{opacity:1}to{transform:rotate(90deg);opacity:0}}.animate__rotateOutUpRight{animation-name:Bb;transform-origin:right bottom}@keyframes Cb{0%{animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);animation-timing-function:ease-in-out}40%,80%{transform:rotate(60deg);animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0,700px,0);opacity:0}}.animate__hinge{animation-duration:2s;animation-duration:calc(var(--animate-duration) * 2);animation-name:Cb;transform-origin:top left}@keyframes Db{0%{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}.animate__jackInTheBox{animation-name:Db}@keyframes Eb{0%{opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;transform:translateZ(0)}}.animate__rollIn{animation-name:Eb}@keyframes Fb{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) rotate(120deg)}}.animate__rollOut{animation-name:Fb}@keyframes Gb{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.animate__zoomIn{animation-name:Gb}@keyframes Hb{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInDown{animation-name:Hb}@keyframes Ib{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInLeft{animation-name:Ib}@keyframes Jb{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInRight{animation-name:Jb}@keyframes Kb{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInUp{animation-name:Kb}@keyframes Lb{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.animate__zoomOut{animation-name:Lb}@keyframes Mb{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutDown{animation-name:Mb;transform-origin:center bottom}@keyframes Nb{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0)}}.animate__zoomOutLeft{animation-name:Nb;transform-origin:left center}@keyframes Ob{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(2000px,0,0)}}.animate__zoomOutRight{animation-name:Ob;transform-origin:right center}@keyframes Pb{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutUp{animation-name:Pb;transform-origin:center bottom}@keyframes Qb{0%{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translateZ(0)}}.animate__slideInDown{animation-name:Qb}@keyframes Rb{0%{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translateZ(0)}}.animate__slideInLeft{animation-name:Rb}@keyframes Sb{0%{transform:translate3d(100%,0,0);visibility:visible}to{transform:translateZ(0)}}.animate__slideInRight{animation-name:Sb}@keyframes Tb{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}.animate__slideInUp{animation-name:Tb}@keyframes Ub{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}.animate__slideOutDown{animation-name:Ub}@keyframes Vb{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-100%,0,0)}}.animate__slideOutLeft{animation-name:Vb}@keyframes Wb{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(100%,0,0)}}.animate__slideOutRight{animation-name:Wb}@keyframes Xb{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-100%,0)}}.animate__slideOutUp{animation-name:Xb}.datepicker-cell:not(.disabled):hover{background:#3378ff;color:#fff}.datepicker-cell.next:not(.disabled),.datepicker-cell.prev:not(.disabled){font-weight:500;color:#adb5bd}.datepicker-cell.selected:hover{background-color:#3378ff}.datepicker-view.datepicker-grid .datepicker-cell{height:inset}.datepicker-cell.range-start{border-radius:2rem 0 0 2rem}.datepicker-cell.range-end{border-radius:0 2rem 2rem 0}.datepicker-cell.range:not(.disabled):not(.focused):not(.today):hover{background-color:#8f9fbc}.datepicker-dropdown{z-index:1060}.datepicker-input.in-edit:active,.datepicker-input.in-edit:focus{box-shadow:none}.choices.is-focused.is-open{border:1px solid #3378ff}.choices .choices__inner{border:1px solid #f1f1f1}.choices .choices__list--dropdown .choices__item--selectable.is-highlighted{background-color:rgba(143,159,188,.1)}.choices .choices__list--dropdown .choices__list{font-size:14px;color:#324253}.choices .choices__list--dropdown{border:1px solid #f1f1f1}.scroller{overflow-y:auto;scrollbar-color:#3378ff #cdf;scrollbar-width:thin}.scroller::-webkit-scrollbar-thumb{background-color:#3378ff}.scroller::-webkit-scrollbar-track{background-color:#cdf}.scroller::-moz-scrollbar-thumb{background-color:#3378ff}.scroller::-moz-scrollbar-track{background-color:#cdf}::-webkit-scrollbar{border-radius:20px}::-moz-scrollbar{border-radius:20px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:20px}::-webkit-scrollbar-thumb{background:#8f9fbc;border-radius:20px}::-webkit-scrollbar-thumb:hover{background:#01041b;border-radius:20px}::-moz-scrollbar-thumb{background:#8f9fbc;border-radius:20px}::-moz-scrollbar-thumb:hover{background:#01041b;border-radius:20px}::-webkit-scrollbar{width:4px;height:4px;border-radius:5px}::-moz-scrollbar{width:4px;height:4px;border-radius:5px}.scrollbar-thumb,.scrollbar-track-y{width:4px!important}body{font-family:DM Sans,sans-serif;font-weight:400;font-style:normal;font-size:16px;line-height:normal;padding:0;margin:0;color:#324253;background:#f9fbfe;overflow-x:hidden}a:hover{text-decoration:none}h1{font-family:DM Sans,sans-serif;font-weight:600;margin:0;color:#213446;font-size:3.052rem}h1 a{color:inherit}h2{font-family:DM Sans,sans-serif;font-weight:600;margin:0;color:#213446;font-size:2.441rem}h2 a{color:inherit}h3{font-family:DM Sans,sans-serif;font-weight:600;font-size:1.953rem a;font-size-color:inherit}h3,h4{margin:0;color:#213446}h4{font-family:DM Sans,sans-serif;font-weight:600;font-size:1.563rem}h4 a{color:inherit}h5{font-family:DM Sans,sans-serif;font-weight:600;margin:0;color:#213446;font-size:1.25rem}h5 a{color:inherit}h6{font-family:DM Sans,sans-serif;font-weight:600;margin:0;color:#213446;font-size:1rem}h6 a{color:inherit}button:focus{outline:none}.line-height{line-height:normal}.rounded-normal,.rounded-small{border-radius:5px}:focus{outline:none}.text-break{word-break:break-all}.border-none{border:none!important}.breadcrumb-item+.breadcrumb-item:before{margin-top:3px}.user-list-files{justify-content:flex-end}.user-list-files a{padding:10px 15px;margin:0 0 0 10px;border-radius:5px;line-height:normal}code{color:#f42b3d}.slick-loading .slick-list{background:transparent!important}.change-mode{margin-right:25px}.change-mode .custom-switch.custom-switch-icon .custom-control-input{height:100%}.change-mode .custom-switch.custom-switch-icon .custom-control-input:checked~.custom-control-label:after{transform:translateX(1.6rem)}.change-mode .custom-switch.custom-switch-icon .custom-control-input:checked~.custom-control-label:before{background-color:#222}.change-mode .custom-switch.custom-switch-icon label.custom-control-label{height:30px}.change-mode .custom-switch.custom-switch-icon label.custom-control-label:after{top:0;left:0;width:35px;height:30px;border-radius:5px 0 0 5px;background-color:#0c2556;border-color:#0c2556;z-index:0}.change-mode .custom-switch.custom-switch-icon label.custom-control-label:before{width:70px;height:30px;top:0;left:0;background-color:#fff;border-color:#0c2556;border-radius:5px}.change-mode .custom-switch.custom-switch-icon label.custom-control-label .switch-icon-left{top:3px;z-index:1;left:8px}.change-mode .custom-switch.custom-switch-icon label.custom-control-label .switch-icon-left i{font-size:12px}.change-mode .custom-switch.custom-switch-icon label.custom-control-label .switch-icon-right{color:#0c2556;right:-23px;top:3px}.change-mode .custom-switch.custom-switch-icon label.custom-control-label .switch-icon-right i{font-size:12px}.hospi-wrapper .change-mode .custom-switch.custom-switch-icon label.custom-control-label:before{border-color:#fff;background-color:#3378ff}.hospi-wrapper .change-mode .custom-switch.custom-switch-icon label.custom-control-label:after{background-color:#fff}.hospi-wrapper .change-mode .custom-switch.custom-switch-icon label .switch-icon-left{color:#3378ff}.hospi-wrapper .change-mode .custom-switch.custom-switch-icon label .switch-icon-right{color:#fff}.hospi-wrapper .change-mode .custom-switch.custom-switch-icon .custom-control-input:checked~.custom-control-label:before{background-color:#3378ff;border-color:#fff}.hospi-wrapper .change-mode .custom-switch.custom-switch-icon .custom-control-input:checked~.custom-control-label .switch-icon-left{color:#fff}.hospi-wrapper .change-mode .custom-switch.custom-switch-icon .custom-control-input:checked~.custom-control-label .switch-icon-right{color:#3378ff}.custom-control-input:focus~.custom-control-label:before{box-shadow:none!important}g[aria-describedby=id-22-description]{stroke:none}.ui-elements .btn{margin-right:10px}@media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1300px}}@media (max-width:1300px){.flatpickr-months .flatpickr-next-month,.flatpickr-months .flatpickr-prev-month,.flatpickr-rContainer{padding-right:40px}.flatpickr-current-month{left:7.5%}}@media (max-width:767px){.table{width:100%;max-width:100%;margin-bottom:1rem;display:block;overflow-x:auto}.tree{display:inline-table}}@media (max-width:575px){.user-list-files{justify-content:center;margin-top:15px}}.svg-white{fill:#fff}.svg-danger{fill:hsla(0,100%,85%,.4)}.svg-success{fill:rgba(211,255,179,.4)}.svg-primary{fill:rgba(204,221,255,.4)}.svg-blue{fill:rgba(201,220,255,.4)}.svg-warning{fill:rgba(255,207,179,.4)}.svg-info{fill:rgba(188,245,245,.4)}.fill-none{fill:none!important}.header-action i{cursor:pointer}.content-page{overflow:hidden;margin-left:260px;padding:100px 15px 0;min-height:100vh;transition:all .3s ease-in-out}.side-menu-bt-sidebar{cursor:pointer;padding-right:20px}.side-menu-bt-sidebar-1{cursor:pointer;display:none}@media (min-width:1300px){body.sidebar-main .content-page{margin-left:80px}body.sidebar-main .side-menu-bt-sidebar{padding-left:0}body.sidebar-main .side-menu-bt-sidebar-1{display:none}}@media (max-width:1300px){body.sidebar-main .side-menu-bt-sidebar-1{display:block}}@media (max-width:1299px){.content-page{margin-left:0;padding:100px 15px 0}}@media (max-width:991px){.content-page{padding:90px 0 0}}@media (max-width:479px){.welcome-content{display:block!important;text-align:center}.welcome-content .breadcrumb{justify-content:center}}label{color:#213446}.table td,.table th{vertical-align:middle}td .form-check-input,th .form-check-input{position:static}.form-control{height:46px;line-height:45px;background:#fff;border:1px solid #f1f1f1;font-size:14px;color:#324253;border-radius:5px;box-shadow:none}.form-control:focus{color:#01041b;border-color:#3378ff;box-shadow:none}.form-row{margin-right:-10px;margin-left:-10px}.form-row>[class*=col-]{padding-left:10px;padding-right:10px}.form-control-sm{height:30px;line-height:30px}.form-control-lg{height:50px;line-height:50px}.input-group .input-group-append .input-group-text,.input-group .input-group-prepend .input-group-text{border:1px solid #bfc9d4}textarea.form-control{background-color:#fff;resize:none}#editor{height:375px}.uploader-file{display:block;clear:both;margin:0 auto;width:100%;max-width:600px}.uploader-file label{float:left;clear:both;width:100%;padding:2rem 1.5rem;text-align:center;background:#fff;border-radius:7px;border:3px solid #eee;transition:all .3s ease-in-out;user-select:none}.uploader-file label.hover{border:3px solid;box-shadow:inset 0 0 0 6px #eee}.uploader-file label.hover #start-one i.fa{transform:scale(.8);-webkit-opacity:.3;-moz-opacity:.3;-ms-opacity:.3;-o-opacity:.3;opacity:.3}.uploader-file #start-one{float:left;clear:both;width:100%}.uploader-file #start-one i.fa{font-size:50px;margin-bottom:1rem;transition:all .3s ease-in-out}.uploader-file #start-one.hidden{display:none}.uploader-file #response{float:left;clear:both;width:100%}.uploader-file #response #messages{margin-bottom:.5rem}.uploader-file #response.hidden{display:none}.uploader-file #file-image{display:inline;margin:0 auto .5rem;width:auto;height:auto;max-width:180px}.uploader-file #file-image.hidden{display:none}.uploader-file #notimage{display:block;float:left;clear:both;width:100%}.uploader-file #notimage.hidden{display:none}.uploader-file .progress,.uploader-file progress{display:inline;clear:both;margin:0 auto;width:100%;max-width:180px;height:8px;border:0;border-radius:4px;background-color:#eee;overflow:hidden}.uploader-file input[type=file]{display:none}.uploader-file div{margin:0 0 .5rem;color:#5f6982}.spin{animation:spin 2s infinite linear}.input-group .input-group-append .input-group-text,.input-group .input-group-prepend .input-group-text{border:1px solid #f1f1f1;background-color:#f9fbfe}.custom-select{height:46px;border:1px solid #f1f1f1}.dropone.dropdown-toggle:after{display:none}.input-group-sm>.custom-select,.input-group-sm>.form-control:not(textarea){height:30px}.input-group-lg>.custom-select,.input-group-lg>.form-control:not(textarea){height:50px}.input-group-text.text-area{padding:1.9rem .75rem}.custom-file-label:after{background-color:#f9fbfe;color:#324253}.custom-file-input:focus~.custom-file-label{border-color:#3378ff;box-shadow:none}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#3378ff;background-color:transparent}.custom-control-label{cursor:pointer}.custom-control-label:after,.custom-control-label:before{top:.25rem}.custom-switch .custom-control-label:after{top:calc(.25rem + 2px)}.select2-container--default .select2-selection--multiple{height:45px;line-height:34px;background:#fafbfe;border:1px solid #f1f1f1;font-size:14px;color:#535f6b;border-radius:5px}@media (max-width:370px){.form-check-inline{margin-right:0}}@media (max-width:329px){.form-check-inline{display:flex;margin-bottom:10px}}.iq-icons-list{line-height:50px;margin-bottom:15px;display:inline-block}.iq-icons-list i{width:40px;height:50px}.iq-icons-list i,.iq-icons-list svg{text-align:center;vertical-align:middle;font-size:22px;line-height:50px;margin-right:10px;display:inline-block}.iq-icons-list svg{width:20px;height:20px}.iq-icons-list .icon{text-align:center;font-size:22px;width:40px;height:40px;line-height:50px;margin-right:10px}.iq-icons-list .icon,.iq-icons-list span{vertical-align:middle;display:inline-block}.iq-card-icon{height:60px;width:60px;display:inline-block;line-height:60px;text-align:center;font-size:22px}.ion-icon{height:15px;width:15px;line-height:15px;font-size:22px;margin-right:10px}.iq-iconbox{height:50px;width:50px;line-height:50px;text-align:center;font-size:25px;border-radius:5px}.iq-icon-box{height:64px;width:64px;min-width:64px;line-height:64px;text-align:center;margin-right:10px;font-size:26px;text-decoration:none}.card.iq-border-box{border-bottom:4px solid}.profile-icon{height:40px;width:40px;line-height:40px;text-align:center;font-size:20px;font-weight:700;border-radius:50%}.iq-error{width:100%;overflow:hidden;display:inline-block}.iq-error h1.text-in-box{position:absolute;top:0;left:0;right:0;font-size:8em;font-weight:700}.iq-error-img{display:block;position:static;display:inline-block;margin-bottom:20px;width:60%}.dark .iq-error-img,.iq-error-img-dark{display:none}.dark .iq-error-img-dark{display:block}.height-self-center{height:100vh;border-radius:5px}.iq-maintenance img{width:50%}@media (max-width:767px){.iq-error h1.text-in-box{font-size:5em}}@media (max-width:479px){.iq-error h1.text-in-box{font-size:4em}.iq-error h2{font-size:1.5em}}.login-content{position:relative;height:100vh;z-index:99}.login-content .floating-label label{color:#324253;font-size:14px;font-weight:400;position:absolute;pointer-events:none;left:12px;top:50%;transform:translateY(-50%);transition:all .3s ease-in-out}.login-content .form-control{border-color:#c7cbd3}.login-content .form-control:focus{border-color:#3378ff}.login-content .custom-control-label:before{background-color:#f9fbfe}@media (min-width:992px){.lb-img{left:0;width:213px}.lb-img,.rb-img{position:absolute;bottom:0}.rb-img{right:0;width:194px}.cnf-mail{width:80%}}@media (max-width:991px){.lb-img,.rb-img{display:none}}.auth-logo{display:flex;justify-content:center;margin-bottom:1.5rem}.auth-logo img{height:60px}.iq-timeline{margin:0 0 0 20px;padding:0;width:100%}.iq-timeline li{margin-left:35px;position:relative;padding:15px 15px 0 5px;list-style-type:none}.iq-timeline li .timeline-dots{position:absolute;top:20px;left:-54px;border:3px solid #3378ff;border-radius:90px;padding:5px;background:#fff;height:40px;width:40px;line-height:25px;text-align:center}.iq-timeline:before{content:"";position:absolute;left:50%;transform:translateX(-50%);width:2px;height:100%;background-color:#ccc}.iq-timeline ul li{width:50%;padding:5px 30px 40px;cursor:pointer;margin:0}.iq-timeline ul li:nth-child(odd){float:left;text-align:right;clear:both}.iq-timeline ul li:nth-child(odd) .timeline-dots{right:-8px;left:auto}.iq-timeline ul li:nth-child(odd) .time{padding-left:10px;right:-145px;-ms-box-shadow:0 0 0 3px rgba(80,181,255,.3);-o-box-shadow:0 0 0 3px rgba(80,181,255,.3);box-shadow:0 0 0 3px rgba(80,181,255,.3)}.iq-timeline ul li:nth-child(2n){float:right;text-align:left;clear:both}.iq-timeline ul li:nth-child(2n) .timeline-dots{left:-8px;right:auto}.iq-timeline ul li:nth-child(2n) .time{text-align:right;padding-right:10px;left:-145px;-ms-box-shadow:0 0 0 3px rgba(73,240,211,.3);-o-box-shadow:0 0 0 3px rgba(73,240,211,.3);box-shadow:0 0 0 3px rgba(73,240,211,.3)}.iq-timeline ul li .time{position:absolute;top:15px;background-color:#3378ff;color:#fff;text-align:left;width:120px;height:28px;line-height:28px;border-radius:20px}.iq-timeline li .timeline-dots{height:15px;width:15px;background:#fff!important}.iq-timeline0 ul li{width:50%;padding:5px 30px 40px;cursor:pointer;margin:0}.iq-timeline0 ul li:nth-child(odd){float:left;text-align:left;width:100%;padding:0 0 0 60px;margin-bottom:20px}.iq-timeline0 ul li:nth-child(odd) .timeline-dots,.iq-timeline0 ul li:nth-child(odd) .timeline-dots.timeline-dot1{left:12px;right:auto}.iq-timeline0 ul li:nth-child(2n){float:left;text-align:left;width:100%;padding:0 0 0 60px;margin-bottom:20px}.iq-timeline0 ul li:nth-child(2n) .timeline-dots,.iq-timeline0 ul li:nth-child(2n) .timeline-dots.timeline-dot1{left:12px;right:auto}.iq-timeline0 li .timeline-dots{height:15px;width:15px;background:#fff!important}.iq-timeline0 li .timeline-dots1{position:absolute;top:0;left:0;border:3px solid #3378ff;border-radius:90px;padding:5px;background:#fff;height:40px;width:40px;line-height:25px;text-align:center}.iq-timeline0 li .timeline-dots.timeline-dot1{height:15px;width:15px}.iq-timeline1 ul li{width:50%;padding:20px 30px 0;cursor:pointer;margin:0}.iq-timeline1 ul li:nth-child(odd){float:left;text-align:right;clear:both;margin-left:-19px}.iq-timeline1 ul li:nth-child(odd) .timeline-dots{right:-28px;left:auto}.iq-timeline1 ul li:nth-child(2n){float:right;text-align:left;clear:both;margin-right:-20px}.iq-timeline1 ul li:nth-child(2n) .timeline-dots{left:-27px;right:auto}.iq-timeline2 ul li:nth-child(2n),.iq-timeline2 ul li:nth-child(odd){float:left;text-align:left;width:100%;padding:0 0 0 60px;margin-bottom:20px}.iq-timeline2:before{content:"";position:absolute;left:30px;transform:translateX(-50%);width:2px;height:100%;background-color:#ccc}.iq-timeline2 .content-date{position:absolute;top:0;left:0;width:60px;height:60px;line-height:22px;padding-top:8px;text-align:center;margin-left:0;border-radius:100%}.iq-timeline2 .content-date .date{display:block;font-size:20px;font-weight:700}.iq-timeline0 li{margin-left:35px;position:relative;padding:15px 15px 0 5px;list-style-type:none}.iq-timeline0 li .timeline-dots{position:absolute;top:20px;left:-54px;border:3px solid #3378ff;border-radius:90px;padding:5px;background:#fff;height:40px;width:40px;line-height:25px;text-align:center}.iq-timeline0:before{content:"";position:absolute;left:20px;transform:translateX(-50%);width:2px;height:100%;background-color:#ccc}.iq-timeline1 li{margin-left:35px;position:relative;padding:15px 15px 0 5px;list-style-type:none}.iq-timeline1 li .timeline-dots{position:absolute;top:20px;left:-54px;border:3px solid #3378ff;border-radius:90px;padding:5px;background:#fff;height:15px;width:15px;line-height:25px;text-align:center}.iq-timeline1:before{content:"";position:absolute;left:50%;transform:translateX(-50%);width:2px;height:100%;background-color:#ccc}.iq-timeline2 li{margin-left:0;position:relative;padding:15px 15px 0 5px;list-style-type:none}@media (max-width:575px){.iq-timeline ul li{padding-left:10px;padding-right:10px}.iq-timeline ul li .time{width:90px}.iq-timeline ul li:nth-child(odd) .time{right:-115px}.iq-timeline ul li:nth-child(2n) .time{left:-115px}}.active-faq a.accordion-title{display:block;padding-right:45px}.iq-accordion.career-style.faq-style .iq-accordion-block{padding:10px 5px;border-radius:5px}.iq-accordion.career-style.faq-style .iq-accordion-block .accordion-title span{padding-left:0}.iq-accordion.career-style.faq-style .iq-accordion-block .accordion-details p{padding-left:15px;padding-top:15px;padding-bottom:15px}.iq-accordion.career-style.faq-style .accordion-title:before{display:inline-block;cursor:pointer;content:url('data:image/svg+xml;charset=utf-8,');font-family:remixicon;position:absolute;top:-12px;right:15px;color:#1e1e1e;font-size:16px;line-height:16px;font-weight:400;transition:all .3s ease-in-out;border-radius:5px;width:45px;height:45px;line-height:45px;text-align:center;border-radius:90px}.iq-accordion.career-style.faq-style .iq-accordion-block.accordion-active .accordion-title:before{content:"";display:inline-block;border-radius:90px}.iq-accordion.career-style.faq-style .active-faq .row{background:transparent;padding:10px 0}.iq-accordion.career-style .iq-accordion-block{margin-bottom:30px}.iq-accordion.career-style .iq-accordion-block .accordion-title span{font-size:16px;display:table-cell;color:#01041b}#loading{background-color:#f9fbfe;height:100%;width:100%;position:fixed;margin-top:0;top:0;left:0;bottom:0;overflow:hidden!important;right:0;z-index:999999}#loading-center{background:url(../image/loader.gif) no-repeat scroll 50%;background-size:20%;width:100%;height:100%;position:relative}.loader{width:3em;height:3em;margin:auto;left:0;right:0;top:0;bottom:0;position:absolute}@keyframes Yb{0%,to{box-shadow:0 -2.6em 0 0 #4788ff,1.8em -1.8em 0 0 rgba(71,136,255,.2),2.5em 0 0 0 rgba(71,136,255,.2),1.75em 1.75em 0 0 rgba(71,136,255,.2),0 2.5em 0 0 rgba(71,136,255,.2),-1.8em 1.8em 0 0 rgba(71,136,255,.2),-2.6em 0 0 0 rgba(71,136,255,.5),-1.8em -1.8em 0 0 rgba(71,136,255,.7)}12.5%{box-shadow:0 -2.6em 0 0 rgba(71,136,255,.7),1.8em -1.8em 0 0 #4788ff,2.5em 0 0 0 rgba(71,136,255,.2),1.75em 1.75em 0 0 rgba(71,136,255,.2),0 2.5em 0 0 rgba(71,136,255,.2),-1.8em 1.8em 0 0 rgba(71,136,255,.2),-2.6em 0 0 0 rgba(71,136,255,.2),-1.8em -1.8em 0 0 rgba(71,136,255,.5)}25%{box-shadow:0 -2.6em 0 0 rgba(71,136,255,.5),1.8em -1.8em 0 0 rgba(71,136,255,.7),2.5em 0 0 0 #4788ff,1.75em 1.75em 0 0 rgba(71,136,255,.2),0 2.5em 0 0 rgba(71,136,255,.2),-1.8em 1.8em 0 0 rgba(71,136,255,.2),-2.6em 0 0 0 rgba(71,136,255,.2),-1.8em -1.8em 0 0 rgba(71,136,255,.2)}37.5%{box-shadow:0 -2.6em 0 0 rgba(71,136,255,.2),1.8em -1.8em 0 0 rgba(71,136,255,.5),2.5em 0 0 0 rgba(71,136,255,.7),1.75em 1.75em 0 0 #4788ff,0 2.5em 0 0 rgba(71,136,255,.2),-1.8em 1.8em 0 0 rgba(71,136,255,.2),-2.6em 0 0 0 rgba(71,136,255,.2),-1.8em -1.8em 0 0 rgba(71,136,255,.2)}50%{box-shadow:0 -2.6em 0 0 rgba(71,136,255,.2),1.8em -1.8em 0 0 rgba(71,136,255,.2),2.5em 0 0 0 rgba(71,136,255,.5),1.75em 1.75em 0 0 rgba(71,136,255,.7),0 2.5em 0 0 #4788ff,-1.8em 1.8em 0 0 rgba(71,136,255,.2),-2.6em 0 0 0 rgba(71,136,255,.2),-1.8em -1.8em 0 0 rgba(71,136,255,.2)}62.5%{box-shadow:0 -2.6em 0 0 rgba(71,136,255,.2),1.8em -1.8em 0 0 rgba(71,136,255,.2),2.5em 0 0 0 rgba(71,136,255,.2),1.75em 1.75em 0 0 rgba(71,136,255,.5),0 2.5em 0 0 rgba(71,136,255,.7),-1.8em 1.8em 0 0 #4788ff,-2.6em 0 0 0 rgba(71,136,255,.2),-1.8em -1.8em 0 0 rgba(71,136,255,.2)}75%{box-shadow:0 -2.6em 0 0 rgba(71,136,255,.2),1.8em -1.8em 0 0 rgba(71,136,255,.2),2.5em 0 0 0 rgba(71,136,255,.2),1.75em 1.75em 0 0 rgba(71,136,255,.2),0 2.5em 0 0 rgba(71,136,255,.5),-1.8em 1.8em 0 0 rgba(71,136,255,.7),-2.6em 0 0 0 #4788ff,-1.8em -1.8em 0 0 rgba(71,136,255,.2)}87.5%{box-shadow:0 -2.6em 0 0 rgba(71,136,255,.2),1.8em -1.8em 0 0 rgba(71,136,255,.2),2.5em 0 0 0 rgba(71,136,255,.2),1.75em 1.75em 0 0 rgba(71,136,255,.2),0 2.5em 0 0 rgba(71,136,255,.2),-1.8em 1.8em 0 0 rgba(71,136,255,.5),-2.6em 0 0 0 rgba(71,136,255,.7),-1.8em -1.8em 0 0 #4788ff}}@keyframes Zb{0%,to{transform:translateX(0)}75%{transform:translateX(30px)}}@keyframes ac{0%,to{transform:translateY(0)}75%{transform:translateY(30px)}}@keyframes bc{0%,to{transform:translate(0)}75%{transform:translate(30px,30px)}}@keyframes cc{0%{transform:rotateX(35deg) rotateY(-45deg) rotate(0deg)}to{transform:rotateX(35deg) rotateY(-45deg) rotate(1turn)}}@keyframes dc{0%{transform:rotateX(50deg) rotateY(10deg) rotate(0deg)}to{transform:rotateX(50deg) rotateY(10deg) rotate(1turn)}}@keyframes ec{0%{transform:rotateX(35deg) rotateY(55deg) rotate(0deg)}to{transform:rotateX(35deg) rotateY(55deg) rotate(1turn)}}@keyframes fc{0%{transform:rotate(0)}50%{transform:rotateY(180deg)}to{transform:rotateY(180deg) rotateX(180deg)}}@keyframes gc{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(40px,40px) rotate(45deg)}50%{transform:translateY(80px) rotate(0deg)}75%{transform:translate(-40px,40px) rotate(45deg)}}@keyframes hc{0%{transform:rotate(0deg);border-radius:50%}50%{transform:rotate(90deg);border-radius:0}to{transform:rotate(180deg);border-radius:50%}}@keyframes ic{to{transform:rotate(1turn)}}@keyframes jc{0%{transform:scale(0);-webkit-opacity:0;-moz-opacity:0;-ms-opacity:0;-o-opacity:0;opacity:0}50%{-webkit-opacity:1;-moz-opacity:1;-ms-opacity:1;-o-opacity:1;opacity:1}to{transform:scale(1);-webkit-opacity:0;-moz-opacity:0;-ms-opacity:0;-o-opacity:0;opacity:0}}@keyframes kc{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}@keyframes lc{0%{border-width:0}to{border-width:10px}}@keyframes mc{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.iq-loader-box{height:150px;text-align:center;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;vertical-align:middle;-ms-flex-pack:center;justify-content:center}.iq-loader-box [class*=loader-]{display:inline-block;width:60px;height:60px;color:inherit;vertical-align:middle;position:relative;border-radius:50%}.iq-loader-box .iq-loader-1{width:1em;height:1em;border-radius:50%;position:relative;text-indent:-9999em;animation:Yb 1.1s infinite ease;transform:translateZ(0)}.iq-loader-box .iq-loader-2{border:7px double #37e6b0;animation:mc 1s linear infinite}.iq-loader-box .iq-loader-2:after,.iq-loader-box .iq-loader-2:before{content:"";position:absolute;width:12px;height:12px;background:#37e6b0;border-radius:50%;bottom:0;right:37px}.iq-loader-box .iq-loader-2:after{left:37px;top:0}.iq-loader-box .iq-loader-3{position:relative;border-radius:50%;display:inline-block;vertical-align:middle}.iq-loader-box .iq-loader-3 .loader-outter{position:absolute;border:4px solid #f50057;border-left-color:transparent;border-bottom:0;width:100%;height:100%;border-radius:50%;animation:mc 1s cubic-bezier(.42,.61,.58,.41) infinite}.iq-loader-box .iq-loader-3 .loader-inner{position:absolute;border:4px solid #f50057;border-radius:50%;width:40px;height:40px;left:calc(50% - 20px);top:calc(50% - 20px);border-right:0;border-top-color:transparent;animation:kc 1s cubic-bezier(.42,.61,.58,.41) infinite}.iq-loader-box .iq-loader-4{border:.2em solid transparent;border-top-color:#fe721c;border-bottom-color:#fe721c;border-radius:50%;position:relative;animation:1s mc linear infinite}.iq-loader-box .iq-loader-4:before{transform:rotate(135deg);right:-.3em;top:-.05em}.iq-loader-box .iq-loader-4:after,.iq-loader-box .iq-loader-4:before{content:"";display:block;width:0;height:0;position:absolute;border:.2em solid transparent;border-bottom-color:#fe721c}.iq-loader-box .iq-loader-4:after{transform:rotate(-45deg);left:-.3em;bottom:-.05em}.iq-loader-box .iq-loader-5{width:100px;height:100px;border-radius:100%;position:relative;margin:0 auto}.iq-loader-box .iq-loader-5 span{display:block;position:absolute;left:calc(50% - 20px);top:calc(50% - 20px);width:20px;height:20px;background-color:var(--info)}.iq-loader-box .iq-loader-5 span:first-child{animation:Zb 1s ease-in-out infinite}.iq-loader-box .iq-loader-5 span:nth-child(2){animation:ac 1s ease-in-out infinite}.iq-loader-box .iq-loader-5 span:nth-child(3){animation:bc 1s ease-in-out infinite}.iq-loader-box .iq-loader-6 .inner{position:absolute;box-sizing:border-box;width:100%;height:100%;border-radius:50%}.iq-loader-box .iq-loader-6 .inner1{left:0;top:0;animation:cc 1s linear infinite;border-bottom:3px solid #ff4b4b}.iq-loader-box .iq-loader-6 .inner2{right:0;top:0;animation:dc 1s linear infinite;border-right:3px solid #ff4b4b}.iq-loader-box .iq-loader-6 .inner3{right:0;bottom:0;animation:ec 1s linear infinite;border-top:3px solid #ff4b4b}.iq-loader-box .iq-loader-7:before{content:"";position:absolute;left:0;width:50px;height:50px;background-color:#3498db;animation:fc 1s infinite}.iq-loader-box .iq-loader-8{border:1.2em solid transparent;border-left-color:#d0bac2;border-right-color:#d0bac2;border-radius:50%;animation:1s mc linear infinite}.iq-loader-box .iq-loader-9{margin:60px auto;font-size:10px;position:relative;text-indent:-9999em;border-top:1.1em solid rgba(255,107,208,.2);border-right:1.1em solid rgba(255,107,208,.2);border-bottom:1.1em solid rgba(255,107,208,.2);border-left:1.1em solid #ff6bd0;transform:translateZ(0);animation:mc 1.1s infinite linear}.iq-loader-box .iq-loader-9,.iq-loader-box .iq-loader-9:after{border-radius:50%;width:7em;height:7em}.iq-loader-box .iq-loader-10:after,.iq-loader-box .iq-loader-10:before{content:"";width:20px;height:20px;position:absolute;top:-10px;left:calc(50% - 10px);background-color:#3450db;animation:gc 1s ease-in-out infinite}.iq-loader-box .iq-loader-10:after{bottom:0;animation-delay:.5s}.iq-loader-box .iq-loader-11{background:#000}.iq-loader-box .iq-loader-11:before{content:"";position:absolute;border-radius:50%;width:25px;height:25px;margin:0 0 0 -12px;background-color:#fff;top:auto;bottom:0;left:50%;transform-origin:50% 0;animation:mc 1s infinite linear}.iq-loader-box .iq-loader-12{animation:hc 1s infinite linear;background:#6dca5c}.iq-loader-box .iq-loader-13{border-top:.2em solid #a7a4ca;border-right:.2em solid transparent;animation:ic 1s linear infinite;border-radius:100%;position:relative}.iq-loader-box .iq-loader-14{border:0 solid transparent;border-radius:50%;position:relative}.iq-loader-box .iq-loader-14:before{animation:jc 1s linear infinite;animation-delay:1s}.iq-loader-box .iq-loader-14:after,.iq-loader-box .iq-loader-14:before{content:"";border:1em solid #13d7eb;border-radius:50%;width:inherit;height:inherit;position:absolute;top:0;left:0;-webkit-opacity:0;-moz-opacity:0;-ms-opacity:0;-o-opacity:0;opacity:0}.iq-loader-box .iq-loader-14:after{animation:jc 1s linear infinite;animation-delay:.5s}.iq-loader-box .iq-loader-15{border:6px groove #7e57c2;transform:rotate(1turn);transition:all 1s ease;animation:kc 1s ease-out alternate infinite}.iq-loader-box .iq-loader-15 .loader-inner{border:0 inset #9575cd;border-radius:50%;width:100%;height:100%;animation:lc 1s ease-out alternate infinite}.iq-loader-box .iq-loader-16{width:70px;height:70px;border:5px dashed #b3a57c;animation:mc 2s linear both infinite}.treegrid-indent{width:0;height:16px;display:inline-block;position:relative}.tab-content .table tbody tr,.table-data .table tbody tr{color:#000}.treegrid-expander{width:0;height:16px;display:inline-block;position:relative;left:-17px;cursor:pointer}.glyphicon.glyphicon-chevron-right:before{position:absolute;content:"\EA6E";font-family:remixicon;top:0;bottom:0;left:0;right:0}.glyphicon.glyphicon-chevron-down:before{position:absolute;content:"\EA4E";font-family:remixicon;top:0;bottom:0;left:0;right:0}.glyphicon.glyphicon-plus:before{content:"\EA13"}.glyphicon.glyphicon-minus:before,.glyphicon.glyphicon-plus:before{position:absolute;font-family:remixicon;top:0;bottom:0;left:0;right:0}.glyphicon.glyphicon-minus:before{content:"\F1AF"}@keyframes nc{to{background-position:-100px 0}}.p-card{padding:20px}.profile-card{background:#3378ff;padding:37px 0;position:relative;overflow:hidden}.profile-card:before{content:"";position:absolute;right:-63px;top:-3px;width:120px;height:120px;border-radius:5px;background:hsla(0,0%,100%,.2);transform:rotate(36deg)}.profile-card:after{content:"";position:absolute;left:-62px;bottom:9px;width:126px;height:125px;border-radius:35px;background:#2771f9;transform:rotate(28deg)}.profile-box{background:#f9fbfe;position:relative;padding-bottom:250px;border-radius:0 0 5px 5px}.pro-content{margin-top:-55px;position:absolute;background:#fff;padding:20px;left:20px;right:20px;-ms-box-shadow:0 2px 25px 0 rgba(45,69,95,.06);-o-box-shadow:0 2px 25px 0 rgba(45,69,95,.06);box-shadow:0 2px 25px 0 rgba(45,69,95,.06)}.p-icon{width:45px;height:45px;border-radius:5px;background:#cdf;line-height:45px;color:#3378ff;text-align:center;font-size:26px}.eml{word-break:break-all}.iq-progress-bar.pro-skill{height:12px}.iq-progress-bar.pro-skill>span{background-image:linear-gradient(135deg,transparent,transparent 33%,rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 66%,transparent 0);background-size:35px 20px,100% 100%,100% 100%;border-radius:5px;position:relative;animation:nc 5s linear infinite}.iq-progress-bar.pro-skill>span.bg1{background-color:#f42b3d}.iq-progress-bar.pro-skill>span.bg2{background-color:#db7e06}.iq-progress-bar.pro-skill>span.bg3{background-color:#19b3b3}.social-ic{background:#f9fbfe;padding:5px}.social-ic a{margin:0 5px;width:40px;height:40px;text-align:center;line-height:45px;background:transparent;position:relative;z-index:1}.social-ic a i{color:#324253;font-size:18px;transition:all .3s ease-in-out;position:relative;z-index:3}.social-ic a:before{content:"";position:absolute;top:0;left:0;width:100%;height:0;opacity:0;background:#3378ff;border-radius:5px;transition:all .3s ease-in-out;z-index:2}.social-ic a:nth-child(2n):before{top:100%}.social-ic a:nth-child(2n):hover:before{top:0}.social-ic a:hover:before{-webkit-opacity:1;-moz-opacity:1;-ms-opacity:1;-o-opacity:1;opacity:1;height:100%}.social-ic a:hover i{color:#fff!important;transform:rotateY(1turn)}@media (max-width:767px){.social-ic a{width:28px;height:28px;line-height:34px}.social-ic a i{font-size:15px}}.logo-invoice{height:55px}.print .card-title{color:#fff}.print .table thead{background:#f9fbfe}.print .table th,.print .table thead th{border:0}.print .table td{border-top:0}.print .table tr{border-top:1px solid #dee2e6}.print .table tr:first-child{border-top:0}.btn-primary-dark{background:#002162;color:#fff}.btn-primary-dark:hover{color:#fff}.or-detail{background:#f9fbfe;border:1px solid rgba(210,201,255,.4)}.or-detail p{margin-bottom:0}.ttl-amt{border-top:1px solid rgba(210,201,255,.4)}#scroll1{position:relative;width:600px;height:250px}.sweet_al .btn{margin-right:5px}@media (max-width:479px){.header-invoice{display:block!important;text-align:center}.header-invoice .invoice-btn{margin-top:15px}}.pricing .table th{border-top:none;border-bottom:1px solid #dee2e6}.pricing .table td{border-top:none!important}.pricing .table tr{border-bottom:1px solid #dee2e6}.pricing .table tr:last-child{border-bottom:0}.prc-box{background:#cdf;padding:15px;position:relative;border-radius:5px}.type{position:absolute;background:#3378ff;padding:9px 25px;color:#fff;top:-15px;left:50%;transform:translateX(-50%);font-weight:500}.type:before{right:-15px;border-left:15px solid #002162}.type:after,.type:before{position:absolute;content:"";width:0;height:0;top:0;border-top:15px solid transparent}.type:after{left:-15px;border-right:15px solid #002162}.prc-box.active{background:#3378ff}.prc-box.active .h3{color:#fff}.prc-box.active .type{background:#cdf;color:#01041b}.prc-box.active .type:before{border-left:16px solid #002162;right:-16px}.prc-box.active .type:after{border-right:16px solid #002162;left:-16px}.prc-wrap{border-bottom:none!important}.i_close{font-size:22px}.p-image{position:absolute;top:auto;right:6px;bottom:10px;transition:all .3s ease;background:#3378ff;color:#fff;border-radius:50%;height:30px;width:30px;line-height:28px;text-align:center;font-size:12px;cursor:pointer}.upload-button{font-size:1.5em}.file-upload{display:none}.upload_profile{position:relative}.child-cell.active{color:#3378ff}.iq-social ul li a{display:block;text-align:center;font-size:16px;line-height:43px}.card .pricing-radius-box{border-radius:60px 0 60px 0}.pricing-header{padding:20px 0;background:#f5f6f9;border-radius:10px 10px 50% 50%;transition:all .3s ease-in-out;margin-bottom:20px}.pricing-details .icon-data{font-size:50px}.pricing-custom-tab .tab-pane.fade.active.show{display:block}.pricing-custom-tab .tab-pane.fade{display:none}.pricing-custom-tab li.nav-item .nav-link{border:1px solid #f1f1f1;color:#01041b;font-size:16px;padding:12px 35px;border-radius:0}.pricing-custom-tab li.nav-item .nav-link.active{color:#fff;background:#3378ff}.pricing-custom-tab li.nav-item .star-circle{background-color:#3378ff;border-radius:50%;-ms-box-shadow:0 0 0 3px hsla(0,0%,100%,.5);-o-box-shadow:0 0 0 3px hsla(0,0%,100%,.5);box-shadow:0 0 0 3px hsla(0,0%,100%,.5);color:#fff;display:block;font-size:13px;height:25px;padding:0;line-height:23px;text-align:center;width:20px;position:absolute;top:-14px;left:-14px;z-index:1}.nav-pills li{position:relative}#recent-hits-map{height:340px}#reporting-chart-04{height:400px}.iq-avatars .iq-avatar{margin-right:10px;margin-bottom:10px;position:relative;display:inline-block}.profile-icon.iq-icon-box{height:58px;width:58px;line-height:58px;text-align:center;margin-right:unset;font-size:26px;text-decoration:none}.profile-overly{position:absolute;left:auto;bottom:0;right:0;background:#fff;padding:10px 30px;text-align:center;border-radius:10px 10px 0 0}ul.iq-contact-rest li a p{word-break:break-all}.crm-p-image{position:absolute;top:auto;left:69px;bottom:-9px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);border-radius:50%;height:35px;width:35px;text-align:center;font-size:12px;line-height:25px;cursor:pointer;border:5px solid #fff}@media (max-width:479px){.profile-overly h3{font-size:14px}}.vactormap-height{width:100%;height:400px}.jvectormap-legend-title{font-size:12px}.jvectormap-legend .jvectormap-legend-tick-sample{height:26px}.jvectormap-legend-icons{background:#fff;border:1px solid #000;color:#000}.subscriber-detail .title{padding:5px 20px;line-height:26px}.subscriber-detail .iq-card-btn{position:absolute;top:0;left:-15px;margin:0 auto;border:4px solid #fff;padding:2px;height:40px;width:40px;line-height:22px;font-size:20px}.subscriber-detail .iq-card-btn.title-instagram{background-color:#d6249f!important;background:radial-gradient(circle at 30% 107%,#fdf497 0,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)!important;color:#fff}.subscriber-detail .iq-card-btn.title-whatsapp{background-color:#00e676!important;color:#fff;text-shadow:1px 1px 10px rgba(0,0,0,.22)}.subscriber-detail .iq-card-btn.title-twitter{background-color:#1da1f2!important;color:#fff}.subscriber-detail .iq-card-btn.title-facebook{background-color:#3b5998!important;background-image:linear-gradient(#4e69a2,#3b5998 50%)!important;color:#fff}.chat-list .item-list{padding:0}.chat-list .item-list ul{min-height:calc(100vh - 21rem);max-height:calc(100vh - 21rem);overflow-y:scroll;overflow-x:hidden;padding:0}.chat-content .chat-detail{padding:4px 10px;overflow-y:scroll;overflow-x:hidden}.chat-content .chat-content-header{display:flex;flex-direction:row;justify-content:space-between;padding:10px 12px}.chat-content .chat-title{padding-left:10px}.chat-content .msg-list{padding-bottom:0}.chat-content .msg-content{min-height:calc(100vh - 18rem);max-height:calc(100vh - 18rem);overflow-y:scroll;overflow-x:hidden;background-color:rgba(51,120,255,.1)}.chat-icon i{font-size:20px}.chat-left-wrapper .nav-tabs .nav-item{width:33.33%;text-align:center}.chat-left-wrapper .nav-tabs .nav-item .nav-link{padding:.5rem}.right-sidenav{position:absolute;display:flex;flex-direction:column;align-self:flex-end;min-width:40%;background:#f9fbfe;border:1px solid #f1f1f1;z-index:10;height:100%;transform:translateX(100%);opacity:0;transition:.5s}.right-sidenav.active{opacity:1;transition:.5s;transform:translateX(0)}.dark .right-sidenav{background:#181818;border:1px solid #252525}.chat-profile{display:flex;flex-direction:column;justify-content:center;text-align:center}.chat-profile .avatar{margin:20px 0}@media screen and (max-width:991px){.chat-left-wrapper{position:absolute;top:90px;left:0;z-index:1;transform:translateX(-100%);transition:all .2s}.chat-left-wrapper.active{transition:all .2s;transform:translateX(0)}.chat-left-wrapper .nav-tabs .nav-item{width:33.33%;text-align:center}.chat-right-wrapper{width:100%}}.board-content{display:flex;flex-direction:row;overflow-x:scroll}.board-item,.list-item{min-width:33.3%}.board-item>.card,.list-item>.card{margin-bottom:20px}.board-item>.card .card-body,.list-item>.card .card-body{padding:10px 20px}.board-item .item-title,.list-item .item-title{text-transform:uppercase;font-weight:600}.board-item .draggable-item,.list-item .draggable-item{cursor:pointer;border:1px solid #f1f1f1;border-radius:5px;padding:25px;margin-bottom:20px;background:#fff}.board-item .draggable-item.gu-transit,.list-item .draggable-item.gu-transit{opacity:.8!important}.board-item .draggable-item:hover,.list-item .draggable-item:hover{background:#fafafa}.board-item .draggable-item,.list-item .draggable-item{border-left:4px solid}.dark .board-item .draggable-item,.dark .list-item .draggable-item{border:1px solid #252525;border-left:4px solid;background:#181818}.todo-board-card .item-body{display:flex;justify-content:space-between}.todo-board-card .item-footer{margin-top:15px;display:none;animation-duration:1s;animation-duration:var(--animate-duration);animation-fill-mode:both;animation-name:pc}.todo-board-card:hover .item-footer{animation-name:oc;display:block}.todo-list-card .item-body{display:flex;justify-content:start;align-items:center}.todo-list-card .item-body p{font-size:14px}.todo-list-card .action-list{display:flex;flex:1;margin-left:20px;animation-duration:1s;animation-duration:var(--animate-duration);animation-fill-mode:both;opacity:0}.todo-list-card:hover .action-list{animation-name:oc}.board-item{padding:0 10px}.board-item:first-child{padding-right:10px;padding-left:0}.board-item:last-child{padding-right:0;padding-left:10px}@keyframes oc{0%{opacity:0}to{opacity:1}}@keyframes pc{0%{opacity:1}to{opacity:0}}@media (max-width:992px){.board-item,.list-item{min-width:34%}}@media (max-width:768px){.board-item,.list-item{min-width:51%}}.iq-email-list .iq-email-ui{margin:0;padding:0}.iq-email-list .iq-email-ui li{font-size:16px;color:#324253;margin-bottom:3px;list-style-type:none}.iq-email-list .iq-email-ui li:last-child{margin-bottom:0}.iq-email-list .iq-email-ui li a{color:#324253;padding:0;display:inline-block;width:100%;border-radius:5px;transition:all .3s ease-in-out}.iq-email-list .iq-email-ui li a:hover{text-decoration:none;color:#3378ff}.iq-email-list .iq-email-ui li i{margin-right:10px}.iq-email-list .iq-email-ui li .badge{float:right;font-weight:400;margin-top:3px}.iq-email-list .iq-email-ui li.active a{text-decoration:none;color:#3378ff}.iq-email-list .iq-email-ui.iq-email-label li{margin-bottom:10px}.iq-email-list .iq-email-ui.iq-email-label li:last-child{margin-bottom:0}.iq-email-to-list ul{margin:0;padding:0}.iq-email-to-list ul li{list-style-type:none;font-size:20px;color:#324253;margin:0 5px 0 0;float:left}.iq-email-to-list ul li:first-child a{background:none;width:auto}.iq-email-to-list ul li>a{color:#3378ff;text-align:center;line-height:38px;display:inline-block;font-size:14px;width:40px;height:40px;border-radius:5px;transition:all .3s ease-in-out;background:#cdf}.iq-email-to-list ul li a:hover{color:#3378ff;text-decoration:none}.iq-email-to-list ul li .custom-control-label:before{top:13px;left:-20px}.iq-email-to-list ul li.q-list a:hover{color:#3378ff;text-decoration:none}.iq-email-search{position:relative}.iq-email-search .form-control{height:40px;border:1px solid #f1f1f1;width:170px}.iq-email-search .search-link{position:absolute;top:0;right:15px;font-size:18px;line-height:38px;color:#3378ff}.iq-email-search .search-link:hover{text-decoration:none}.iq-email-listbox .iq-email-sender-list{margin:15px 0 0;padding:0;display:inline-block;width:100%;overflow:hidden}.iq-email-listbox .iq-email-sender-list>li{list-style-type:none;position:relative;padding:15px 20px;border-top:1px solid #f1f1f1;display:inline-block;width:100%;transition:all .3s ease-in-out}.iq-email-listbox .iq-email-sender-list>li:hover{background:#fff;-ms-box-shadow:0 .5rem 1rem rgba(0,60,179,.05);-o-box-shadow:0 .5rem 1rem rgba(0,60,179,.05);box-shadow:0 .5rem 1rem rgba(0,60,179,.05)}.iq-email-listbox .iq-email-sender-list li a:hover{text-decoration:none}.iq-email-listbox .iq-email-sender-list li:hover .iq-social-media{right:0}.iq-email-listbox .iq-email-sender-list li.iq-unread a{color:#3378ff;font-weight:500}.iq-email-listbox .iq-email-sender-list li.iq-unread li a{color:#3378ff}.iq-email-sender-info .iq-checkbox-mail{display:block;float:left;cursor:pointer;height:20px;width:20px;margin-top:4px}.iq-email-sender-info .iq-star-toggle{display:block;float:left;color:#324253;margin-left:10px;font-size:18px}.iq-email-sender-info .iq-email-title{color:#324253;position:absolute;top:0;left:85px;right:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin-bottom:0;line-height:62px}.iq-email-content{position:absolute;top:0;left:300px;right:0;bottom:0;line-height:62px}.iq-email-content .iq-email-date{position:absolute;top:0;right:20px;width:100px;text-align:right;padding-left:10px;color:#324253}.iq-email-content .iq-email-subject{position:absolute;top:0;color:#324253;left:0;right:110px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.iq-email-sender-list .iq-social-media{position:absolute;line-height:62px;right:-220px;top:0;bottom:0;background:#fff;font-size:18px;padding:0 30px;transition:all .3s ease-in-out}.iq-inbox-details tr td{padding:5px 10px}.iq-inbox-details tr td:first-child{width:75px;color:#324253}.iq-subject-info{display:flex;align-items:flex-start}.iq-subject-status{margin-left:15px;flex:1}.email-app-details.show{visibility:visible;-webkit-opacity:1;-moz-opacity:1;-ms-opacity:1;-o-opacity:1;opacity:1;transform:translateX(0)}.email-app-details{position:absolute;display:block;z-index:6;visibility:hidden;-webkit-opacity:0;-moz-opacity:0;-ms-opacity:0;-o-opacity:0;opacity:0;top:0;width:100%;transform:translateX(100%);transition:all .3s ease-in-out;height:100%;left:auto;right:0;border-radius:30px}.email-app-details .card{height:100%}.attegement ul{padding:0;list-style:none}.send-panel a{height:30px;width:30px;text-align:center;font-size:18px;line-height:30px;display:inline-block;border-radius:5px;cursor:pointer}.send-panel label{margin-bottom:0}#compose-email-popup{position:fixed;max-width:700px;left:auto;right:0;top:auto;bottom:0;padding:0!important;max-height:555px;width:100%;overflow-y:scroll;overflow-x:hidden}#compose-email-popup .iq-card{border-radius:5px 5px 0 0}button.close-popup{background:transparent;color:#000;border:none;font-size:20px;line-height:20px}.compose-bottom{border-top:1px solid #324253}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#3378ff;background:#cdf}.iq-social-media li{list-style:none;float:left;margin-right:10px}.iq-social-media li a{height:30px;width:30px;text-align:center;font-size:18px;line-height:30px;display:inline-block;border-radius:5px;color:#3378ff!important}@media (max-width:1699px){.email-form .select2-container{width:100%!important}}@media (max-width:1199px){.iq-email-to-list{overflow-x:scroll;overflow-y:hidden}.iq-email-to-list ul li{margin:0 5px 0 0}.iq-email-to-list .justify-content-between{float:left;width:900px}}@media (max-width:479px){.send-buttons{display:block!important}.send-buttons .send-btn{padding-left:5px!important;margin-bottom:15px}}@media (max-width:320px){.send-panel label{margin-bottom:8px}}.dark{background:#222;color:#eff0f1;transition:all .3s ease-in-out}.dark .bg-primary-light{background-color:rgba(71,136,255,.1)!important}.dark a.bg-primary-light:focus,.dark a.bg-primary-light:hover,.dark button.bg-primary-light:focus,.dark button.bg-primary-light:hover{background-color:rgba(20,103,255,.1)!important}.dark .bg-secondary-light{background-color:hsla(208,7%,46%,.1)!important}.dark a.bg-secondary-light:focus,.dark a.bg-secondary-light:hover,.dark button.bg-secondary-light:focus,.dark button.bg-secondary-light:hover{background-color:rgba(84,91,98,.1)!important}.dark .bg-success-light{background-color:rgba(55,230,178,.1)!important}.dark a.bg-success-light:focus,.dark a.bg-success-light:hover,.dark button.bg-success-light:focus,.dark button.bg-success-light:hover{background-color:rgba(26,208,154,.1)!important}.dark .bg-info-light{background-color:rgba(135,108,254,.1)!important}.dark a.bg-info-light:focus,.dark a.bg-info-light:hover,.dark button.bg-info-light:focus,.dark button.bg-info-light:hover{background-color:rgba(94,57,254,.1)!important}.dark .bg-warning-light{background-color:rgba(254,114,28,.1)!important}.dark a.bg-warning-light:focus,.dark a.bg-warning-light:hover,.dark button.bg-warning-light:focus,.dark button.bg-warning-light:hover{background-color:rgba(230,88,1,.1)!important}.dark .bg-danger-light{background-color:rgba(255,75,75,.1)!important}.dark a.bg-danger-light:focus,.dark a.bg-danger-light:hover,.dark button.bg-danger-light:focus,.dark button.bg-danger-light:hover{background-color:rgba(255,24,24,.1)!important}.dark .bg-light-light{background-color:rgba(199,203,211,.1)!important}.dark a.bg-light-light:focus,.dark a.bg-light-light:hover,.dark button.bg-light-light:focus,.dark button.bg-light-light:hover{background-color:rgba(170,176,189,.1)!important}.dark .bg-dark-light{background-color:rgba(1,4,27,.1)!important}.dark a.bg-dark-light:focus,.dark a.bg-dark-light:hover,.dark button.bg-dark-light:focus,.dark button.bg-dark-light:hover{background-color:rgba(0,0,0,.1)!important}.dark .bg-orange-light{background-color:rgba(253,126,20,.1)!important}.dark a.bg-orange-light:focus,.dark a.bg-orange-light:hover,.dark button.bg-orange-light:focus,.dark button.bg-orange-light:hover{background-color:rgba(220,101,2,.1)!important}.dark .bg-purple-light{background-color:rgba(71,49,182,.1)!important}.dark a.bg-purple-light:focus,.dark a.bg-purple-light:hover,.dark button.bg-purple-light:focus,.dark button.bg-purple-light:hover{background-color:rgba(55,38,142,.1)!important}.dark .iq-sidebar-logo .header-logo .sidebar-light-img{display:none!important}.dark .iq-sidebar-logo .header-logo .light-logo{display:block!important}.dark .iq-sidebar{background:#181818}.dark #loading-center{background-image:url(https://www.17sucai.com/preview/776298/2021-08-03/datum/assets/images/dark-loader.gif)}.dark h1,.dark h2,.dark h3,.dark h4,.dark h5,.dark h6{color:#fff}.dark hr{border-color:#252525}.dark .btn,.dark label,.dark p,.dark span{color:#eff0f1}.dark .btn span{color:inherit}.dark .prc-box .h3{color:#fff}.dark #loading{background-color:#222}.dark ::-webkit-scrollbar-track{background:#252525}.dark .btn-danger,.dark .btn-info,.dark .btn-primary,.dark .btn-success,.dark .btn-warning{color:#fff}.dark span.btn-outline-danger,.dark span.btn-outline-info,.dark span.btn-outline-primary,.dark span.btn-outline-success,.dark span.btn-outline-warning{color:inherit}.dark .border.border-danger,.dark .border.border-info,.dark .border.border-primary,.dark .border.border-success,.dark .border.border-warning{border-color:inherit!important}.dark .btn-outline-primary.view-more{color:#3378ff}.dark .btn-outline-primary.view-more:hover{background:transparent}.dark .bg-danger-light span,.dark .bg-info-light span,.dark .bg-primary-light span,.dark .bg-success-light span,.dark .bg-warning-light span{color:inherit}.dark span.apexcharts-legend-text{color:#eff0f1!important}.dark .apexcharts-yaxis text{fill:#eff0f1}.dark .fc-toolbar .fc-button span{color:#3378ff}.dark .fc-toolbar .fc-button:focus span{color:#fff}.dark .fc-unthemed td.fc-today{background:#222}.dark .fc-unthemed .fc-toolbar .fc-button{background:rgba(71,136,255,.1)}.dark .fc-unthemed .fc-toolbar .fc-button:hover{color:#fff;background:#3378ff}.dark .fc-unthemed .fc-toolbar .fc-button:hover span{color:#fff}.dark .fc-unthemed .fc-content,.dark .fc-unthemed .fc-divider,.dark .fc-unthemed .fc-list-heading td,.dark .fc-unthemed .fc-list-view,.dark .fc-unthemed .fc-popover,.dark .fc-unthemed .fc-row,.dark .fc-unthemed tbody,.dark .fc-unthemed td,.dark .fc-unthemed th,.dark .fc-unthemed thead{border-color:#252525}.dark span.flatpickr-day:hover{color:#3378ff!important}.dark .calendar-s td[data-date="2020-11-13"]{background:rgba(255,75,75,.1)}.dark .calendar-s td[data-date="2020-11-02"]{background:rgba(254,114,28,.1)}.dark .calendar-s td[data-date="2020-11-12"]{background:rgba(55,230,178,.1)}.dark .calendar-s td[data-date="2020-12-07"]{background:rgba(135,108,254,.1)}.dark .calendar-s td[data-date="2020-12-10"]{background:rgba(71,136,255,.1)}.dark .calendar-s td[data-date="2020-11-16"]{background:rgba(1,4,27,.1)}.dark .calendar-s td[data-date="2020-11-28"]{background:rgba(71,49,182,.1)}.dark .calendar-s td[data-date="2020-12-16"]{background:rgba(55,230,178,.1)}.dark .calendar-s .fc-unthemed td.fc-today{background:rgba(71,136,255,.1)!important;color:#fff}.dark .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,.dark .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active,.dark .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover{cursor:default;color:#eff0f1!important}.dark .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:#2b343b!important}.dark .iq-top-navbar,.dark .iq-top-navbar .iq-sub-dropdown{background:#181818}.dark .navbar-list li .iq-sub-dropdown .iq-sub-card,.dark .navbar-list li>a{color:#eff0f1}.dark .iq-search-bar .search-input{border-color:#252525;background:#222;color:#eff0f1}.dark .cust-title{border-color:#252525}.dark .iq-footer{background:#181818}.dark .iq-footer ul li a{color:#eff0f1}.dark .iq-footer ul li a:hover{color:#3378ff}.dark .card{background-color:#181818;transition:all .3s ease-in-out}.dark .card,.dark .card .card-header{border-color:#252525}.dark .card .card-footer{border-top-color:#252525}.dark .card-transparent{background:transparent}.dark .card-body-list ul>li{border-bottom:1px solid #252525}.dark .card-body .border-top-table{border-top:1px solid #252525}.dark .card-header-border{border-bottom:1px solid #252525}.dark .text-dark-{color:#fff!important}.dark .text-body,.dark .text-muted{color:#eff0f1!important}.dark .breadcrumb-item.active,.dark .tab-content .table tbody tr,.dark .table,.dark .table-data .table tbody tr{color:#eff0f1}.dark .dataTables_wrapper .dataTables_paginate span .paginate_button.current{background:rgba(71,136,255,.1)!important}.dark table.dataTable thead td,.dark table.dataTable thead th{border-color:#252525!important}.dark .table td,.dark .table th{border-top:1px solid #252525}.dark table.dataTable.no-footer{border-color:#252525!important}.dark .iq-top-navbar .navbar-toggler{background:#222}.dark .iq-alert-text h1,.dark .iq-alert-text h2,.dark .iq-alert-text h3,.dark .iq-alert-text h4,.dark .iq-alert-text h5,.dark .iq-alert-text h6,.dark .iq-alert-text p{color:inherit}.dark .border,.dark .border-bottom{border-color:#252525!important}.dark .breadcrumb{background:#222}.dark .list-group-item{background:#181818}.dark .blockquote-footer,.dark pre{color:#eff0f1}.dark .modal-content{background:#181818}.dark .page-link{background-color:#181818}.dark .page-item.disabled .page-link{background-color:#181818;border-color:#3378ff}.dark .popover{background-color:#181818}.dark .popover .popover-header{background-color:#181818;color:#eff0f1;border-color:#252525}.dark .popover .popover-body{color:#eff0f1}.dark .dropdown-menu{background-color:#222}.dark .dropdown-menu .dropdown-item{color:#eff0f1}.dark .dropdown-menu .dropdown-item:focus,.dark .dropdown-menu .dropdown-item:hover{background-color:rgba(51,120,255,.1)}.dark .dropdown-menu .dropdown-divider{border-top-color:#252525}.dark .nav-tabs .nav-item a{color:#eff0f1}.dark .nav-tabs .nav-item.show .nav-link{color:#3378ff}.dark .nav-tabs .nav-link.active{color:#3378ff;background-color:unset}.dark .nav-pills .nav-item a{color:#eff0f1}.dark .nav-pills .nav-link.active,.dark .nav-pills .show>.nav-link{color:#3378ff}.dark .table-bordered,.dark .table-bordered td,.dark .table-bordered th{border-color:#252525}.dark .table-striped tbody tr:nth-of-type(odd){background-color:#222}.dark .iq-example-row .row>.col,.dark .iq-example-row .row>[class^=col-]{color:#eff0f1}.dark table.dataTable tbody tr{background-color:#181818}.dark table.dataTable thead th{color:#fff!important}.dark .table-hover tbody tr:hover{color:#fff}.dark .dataTables_wrapper .dataTables_filter,.dark .dataTables_wrapper .dataTables_filter input,.dark .dataTables_wrapper .dataTables_info,.dark .dataTables_wrapper .dataTables_length,.dark .dataTables_wrapper .dataTables_paginate,.dark .dataTables_wrapper .dataTables_processing{color:#eff0f1}.dark .dataTables_wrapper .dataTables_paginate .paginate_button{color:#eff0f1!important}.dark .form-control{color:#eff0f1;background:#222;border-color:#252525}.dark .custom-file-label{background:#181818;border-color:#252525}.dark .input-group .input-group-append .input-group-text,.dark .input-group .input-group-prepend .input-group-text{border-color:#252525;background-color:#222}.dark .choices.is-focused.is-open{border-color:#252525}.dark .choices__inner{border-color:#252525;background-color:#222}.dark .choices[data-type*=select-one] .choices__input{border-color:#252525;background-color:#222;color:#fff}.dark .choices .choices__list--dropdown{border:1px solid #252525;background-color:#222}.dark .choices .choices__list--dropdown .choices__list,.dark .choices__input{background-color:#222;color:#fff}.dark .line-around{border-bottom:1px solid #252525}.dark .line-around .line-around-1{background:#181818}.dark .custom-select{border-color:#252525}.dark .custom-file-label:after,.dark .custom-select{color:#eff0f1;background-color:#222}.dark ::placeholder{color:#eff0f1}.dark .form-control::placeholder{color:#eff0f1}.dark .select2-container--default .select2-selection--multiple{background-color:#222;border-color:#252525}.dark .select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#181818;border-color:#252525}.dark .select2-container--default .select2-results__option[aria-selected=true]{background-color:#222}.dark .select2-results__options{background-color:#181818}.dark .uploader-file label{background-color:#222;border-color:#252525}.dark .ql-snow .ql-stroke{stroke:#fff}.dark form.form-border .form-control{border-color:#252525}.dark .datepicker-picker{background-color:#222}.dark .datepicker-cell.range,.dark .datepicker-header .datepicker-controls .button:active,.dark .datepicker-header .datepicker-controls .button:hover{background-color:#181818}.dark .datepicker-controls .button{background-color:#222;color:#fff}.dark .ic-square{border-color:#252525}.dark .swal2-popup{background:#181818}.dark .swal2-popup .swal2-content{color:#eff0f1}.dark .flatpickr-calendar.inline{background:transparent}.dark .flatpickr-calendar{background:#181818}.dark .flatpickr-months .flatpickr-month{background:transparent;color:#fff;fill:#fff}.dark .flatpickr-months .flatpickr-next-month svg,.dark .flatpickr-months .flatpickr-prev-month svg{color:#fff;fill:#fff}.dark span.flatpickr-weekday{color:#fff}.dark .stepwizard-row .wizard-step a.btn{background:#222}.dark #top-tabbar-vertical li a{background:#222;color:#eff0f1}.dark .g-box{background:#222}.dark .g-desc{border-color:#252525}.dark .blog-left .blog-description{background:#181818}.dark .blog-detail .blog-meta{background:#222;color:#eff0f1}.dark .profile-box{background:#222}.dark .pro-content{background:#181818}.dark .social-ic{background:#222}.dark .social-ic a i{color:#eff0f1}.dark .timeline-page .iq-timeline0 li .timeline-dots1{background:#181818}.dark .timeline-page .iq-timeline0 li .timeline-dots{background:#181818!important}.dark .timeline-page .iq-timeline1 li .timeline-dots{background:#181818}.dark .prc-box.active .type{background:#3378ff;color:#fff}.dark .pricing-header{background-color:#222}.dark .print .table thead{background:#222}.dark .or-detail{background:#222}.dark .or-detail,.dark .or-detail .ttl-amt{border-color:#252525}.dark .subscriber-detail .iq-card-btn{border-color:#181818}.dark .iq-accordion.career-style .iq-accordion-block .accordion-title:before,.dark .iq-accordion.career-style .iq-accordion-block .accordion-title span{color:#eff0f1}.dark .chat-data,.dark .iq-progress-bar.progress-bar-vertical>span:after{background:#181818}.dark span.iq-start-icon{background:#222}.dark .chat-button{background:#222;color:#eff0f1}.dark .chat-footer.bg-white,.dark .chat-head .bg-white{background:#181818!important;color:#eff0f1!important}.dark .chat-content .chat-left .chat-message{background:#222}.dark .iq-chat-ui .nav-pills li a.active{background-color:#222}.dark ul.todo-task-lists li.active-task,.dark ul.todo-task-lists li:hover{background:#222}.dark .add-new-project>a,.dark .iq-todo-page ul li a{color:#eff0f1}.dark .chat-sidebar-channel h5,.dark .iq-chat-ui li a,.dark .iq-email-listbox .iq-email-sender-list>li{border-color:#252525}.dark .iq-email-listbox .iq-email-sender-list .iq-social-media,.dark .iq-email-listbox .iq-email-sender-list>li:hover{background:#222}.dark .email-app-details{background-color:#181818}.dark .profile-overly{background:#222}.dark .light-title .card-title{color:#3378ff}.dark .view-crm a{color:#fff}.dark .crm2 .feature-list{background-color:#222}.dark .crm2 .title-text{color:#fff}.dark .crm2 .card-score{background:#222}.dark .crm2 .crm-p-image{border-color:#181818}.dark .crm3 .calender-box li{background:#222}.dark .iq-social-icon a{color:#eff0f1}.dark .iq-acivity span{background:#181818}.dark .iq-acivity:after{border-top-color:#252525}.dark .search-menu-options .form-control,.dark .search-menu-options .iq-search-bar .search-input{background:#181818}.dark .floating-input:focus~label{background:#222}.dark .floating-input:not(:placeholder-shown)~label{background:#222;color:#eff0f1}.dark svg tspan{fill:#eff0f1}.dark .highcharts-background{fill:#181818}.dark .jvectormap-container{background:#181818!important}.dark .change-mode .custom-switch.custom-switch-icon label.custom-control-label:after{border-radius:0 4px 5px 0;left:10px}.dark .change-mode .custom-switch.custom-switch-icon label.custom-control-label .switch-icon-right{color:#eff0f1;z-index:9}.dark .reporting_table tbody tr{border-bottom:10px solid #222;background-color:#171717}.dark .dashboard2-header-style .analytic{background:#181818;width:100%}.dark .menu-horizontal .iq-sidebar-menu .side-menu li ul{background:#181818;border-color:#222}.dark .flatpickr-day.nextMonthDay{color:#324253}.dark .dashboard3-fixed-menu .dashboard3-info{background:#181818!important}.dark .svg-icon{fill:rgba(204,221,255,.1)}.iq-hotel.dark .iq-footer{background:#222}@media (min-width:1300px){.dark .white-bg-menu{background:#181818}.dark .dashboard2-header-style .bg-analytic-horizontal{background:transparent}.dark .header-style-1 .menu-horizontal .iq-sidebar-menu .side-menu>li>a,.dark .header-style-1 .menu-horizontal .iq-sidebar-menu .side-menu>li>a>span,.dark.salon-2-saidbar-main .menu-horizontal .iq-sidebar-menu .side-menu li>a,.dark.salon-2-saidbar-main .menu-horizontal .iq-sidebar-menu .side-menu li>a>span{color:#fff}.dark.salon-2-saidbar-main .menu-horizontal .iq-sidebar-menu .side-menu li li:hover>a,.dark.salon-2-saidbar-main .menu-horizontal .iq-sidebar-menu .side-menu li li:hover>a>span{color:#3cb72c}.dark.tab-horizontal .top-menu .iq-sidebar-menu .side-menu>li:hover>a,.dark.tab-horizontal .top-menu .iq-sidebar-menu .side-menu>li:hover>a>span,.dark.tab-horizontal .top-menu .iq-sidebar-menu .side-menu>li>a,.dark.tab-horizontal .top-menu .iq-sidebar-menu .side-menu>li>a>span,.dark.tab-horizontal .top-menu .iq-sidebar-menu .side-menu li.active>a,.dark.tab-horizontal .top-menu .iq-sidebar-menu .side-menu li.active>a>span{color:#fff}}@media (max-width:1299px){.dark .menu-horizontal,.dark .menu-horizontal ul.side-menu{background:#181818}}@media (max-width:991px){.dark .navbar-collapse{background:#181818}}.dark .apexcharts-menu{background:#181818!important;border-color:#222!important}.dark .apexcharts-theme-light .apexcharts-menu-item:hover{background:hsla(0,0%,9%,.4)!important}.dark .apexcharts-tooltip.apexcharts-theme-light,.dark .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title{background:#181818!important;border-color:#222!important}#layout-1-chart-04{height:400px}#layout-1-chart-01{min-height:300px!important}#layout-1-chart-06{min-height:310px!important}#layout-1-chart-03{min-height:350px!important}#layout-1-chart-03 .apexcharts-legend{inset:auto 0 0!important}#layout-1-chart-05{min-height:350px!important}.iq-details .iq-progress-bar{height:10px;padding:3px}.iq-icon-box-2{height:55px;width:55px;line-height:55px;text-align:center;margin-right:10px;font-size:26px}.reporting-table.table.table-borderless thead th{border-bottom:1px solid #16171d}.reporting_table tbody tr{border-bottom:10px solid #fff;background-color:#f9fbfe}.reporting_table tbody td{background-color:transparent;border:0 solid transparent}#layout-1-chart-06 .apexcharts-legend{margin-top:-10px!important;inset:auto 0 0!important}.progress.progress-round.conversation-bar{width:100px;height:100px;line-height:100px}.progress.progress-round.conversation-bar .progress-value{font-size:16px;left:32px;text-align:center}.ecommerce-chart-03{margin:0 auto;display:block}.iq-selling-box{position:absolute;bottom:0}.w-80{width:80%!important}.iq-progress-height .iq-progress-bar{height:10px}.progress{background-color:#c7cbd3}tr.iq-product-border{border-bottom:1px solid #c7cbd3}tr.iq-product-border:last-child{border-bottom:none}.ecommerce-social li{display:inline-block}.ecommerce-avtar{text-align:center;margin-top:-60px}.ecommerce-avtar img{border:8px solid;border-radius:50%}.ecommerce-profile li{display:inline-block}.progress-bar.rounded-right:before{content:"";height:10px;width:10px;border-radius:50%;position:absolute;left:-5px;top:0;background:#e9ecef}.avatar-15{height:15px;width:15px}.light-font-overlay{font-size:100px;line-height:80px;font-weight:700;color:#f9fbfe;margin-right:-20px}#ecommerce-chart-01{min-height:300px}#ecommerce-chart-03{height:250px}#ethernet-chart-03 .apexcharts-canvas{margin:0 auto}#ecommerce-chart-02 .apexcharts-canvas{left:50%;transform:translateX(-50%);margin-top:-30px}.mathew-icon .font-icon{font-size:35px}.mathew-icon .font-icon.f-small{font-size:33px}@media (min-width:1300px) and (max-width:1500px){.mathew-icon{padding:20px 10px}.mathew-icon .font-icon{font-size:25px}}@media (min-width:1300px){body.iq-saidbar-primary.sidebar-main .iq-sidebar-menu .side-menu li ul{padding-left:0}}@media (max-width:766px){h4.font-weight-bold{margin-bottom:.625rem}}@media (max-width:1299px){.iq-saidbar-primary .wrapper-menu{color:#3378ff}.mathew-icon{padding:20px 0}.mathew-icon .font-icon{font-size:25px}}@media (min-width:992px) and (max-width:1024px){.iq-saidbar-primary .iq-search-bar .searchbox{width:280px}}@media (max-width:991px){.iq-saidbar-primary .content-page{padding:90px 0 0}}.data-indicator .status{margin-top:-33px;display:block;margin-right:-60px}.event-icon.icon{line-height:22px;padding-top:10px;border-radius:5px}.event-info{flex:1}.user-list ul{list-style-type:none;padding:0}.l-horizontal .content-page{margin-left:0}.l-horizontal .iq-top-navbar{box-shadow:none;width:100%;padding:0}.hospi-wrapper{z-index:1}.hospi-wrapper .navbar-breadcrumb h4{color:#fff}.hospi-wrapper:before{content:"";position:absolute;left:0;top:0;width:100%;height:300px;background:#3378ff;border-radius:var(--border-radius-bottom);z-index:-1}.bg-h-full .navbar-list li>a i{color:#fff}.bg-h-full .iq-top-navbar{background:transparent}.bg-h-full .iq-top-navbar.fixed{background:#3378ff;animation-name:qc;animation-duration:.7s;animation-fill-mode:both;box-shadow:0 2px 25px 0 rgba(45,69,95,.06)}.bg-h-full .iq-top-navbar.fixed .navbar{padding:0!important}.bg-h-full .iq-top-navbar.fixed .h-logo-ic{width:150px}.bg-h-full .iq-top-navbar.header-style-3.fixed{background:#002162}.bg-h-full .navbar-light .navbar-toggler i{color:#fff}.header-style-1 .iq-navbar-logo>a{display:flex}.header-style-1 .main-circle i,.th-line{color:#fff}.bg-h-full .iq-top-navbar.fixed .navbar{padding:15px 0!important}body.hospi-wrapper .hospi-row-top{margin-top:50px}body.hospi-wrapper .iq-footer{margin-left:0;width:100%}#hospital-chart-03{min-height:340px!important}.bg-h-full .nav-item span.dots{background:#fff}.data-scrollbar-menu.menu-scroll,.data-scrollbar.menu-scroll{height:300px}.hospi-content .card-header-toolbar .dropdown-toggle i{vertical-align:middle}.hospi-content .breadcrumb-item+.breadcrumb-item:before,.hospi-content .navbar-breadcrumb a,.hospi-content .navbar-breadcrumb h5,.hospi-content .navbar-breadcrumb li{color:#fff}.doc-img{padding:8px;border:2px solid transparent}.doc-img.avail{border:2px solid #19b3b3}.d-avail-text i{font-size:9px}.doc-social i{margin-right:8px;font-size:20px}.text-primary-dark{color:#002162}#hospital-chart-01{height:320px}#hospital-chart-03 .apexcharts-legend.position-bottom.center,#hospital-chart-03 .apexcharts-legend.position-top.center{justify-content:flex-start}.dr-pro{border-radius:0 5px 5px 0}.op-count{border-radius:5px}.inln-date .flatpickr-calendar{box-shadow:none;margin:0 auto;padding:0}.inln-date .dayContainer{width:100%;min-width:auto}.inln-date .flatpickr-days{width:100%}.doc-social.h-doc-s i{font-size:16px}.iq-icon-box.ex-box{width:40px;height:40px;line-height:40px;font-size:20px}.l-horizontal .header-style-1 .search-content{display:none}.header-style-1.iq-top-navbar{line-height:normal}.header-style-1.iq-top-navbar .wrapper-menu{color:#fff}.card-overlay-image{z-index:1}.card-overlay-image .overlay-image{position:absolute;top:0;left:auto;right:0;bottom:0;z-index:-1;opacity:.1}.ratting-icons{font-size:45px;text-align:center;display:flex;justify-content:center;align-items:center;height:100%}@media (min-width:1300px){.hospi-wrapper .iq-navbar-logo{display:flex!important}.header-style-1 .menu-horizontal .iq-sidebar-menu .side-menu>li:hover>a,.header-style-1 .menu-horizontal .iq-sidebar-menu .side-menu>li>a,.header-style-1 .menu-horizontal .iq-sidebar-menu .side-menu li.active>a>i.iq-arrow-left{color:#fff}.dev-toggle,.h-collapse .iq-sidebar-logo{display:none!important}}@media (max-width:1299px){.header-style-1.iq-top-navbar .iq-sidebar-logo{padding:15px 0}.header-style-1.iq-top-navbar .iq-sidebar-logo .wrapper-menu{color:#3378ff;margin:0}.hospi-wrapper .l-horizontal .iq-sidebar-menu .side-menu li a{padding:15px 0}}@media (max-width:991px){.l-horizontal .header-style-1 .search-content{display:block}.hospi-wrapper .navbar-list li>a i{color:#3378ff}.header-style-1.iq-top-navbar{padding:0}.welcome-content{display:none!important}}@keyframes qc{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}@media (max-width:578px){.hospi-wrapper #hospital-chart-03 .apexcharts-legend{bottom:0!important}.hospi-wrapper .container-fluid.container-md.iq-navbar-custom,.hospi-wrapper .container-md.iq-navbar-custom,.hospi-wrapper .container-md.iq-navbar-custom.container-lg,.hospi-wrapper .container-md.iq-navbar-custom.container-sm,.hospi-wrapper .container-md.iq-navbar-custom.container-xl{padding:0!important}}@media (max-width:320px){.hospi-wrapper .flatpickr-innerContainer{padding-right:40px}.hospi-wrapper .flatpickr-current-month{left:6.5%}.hospi-wrapper .flatpickr-months .flatpickr-next-month.flatpickr-next-month,.hospi-wrapper .flatpickr-months .flatpickr-prev-month.flatpickr-next-month{padding-right:46px}.hospi-wrapper .bg-h-full .iq-top-navbar.fixed .navbar{padding:0!important}}.hospi-wrapper .vactormap-height{width:100%;height:185px}.hospi-wrapper .jvectormap-container{background-color:#3378ff!important}.iq-hotel .h-logo-ic{width:120px}.iq-hotel .iq-top-navbar{background:transparent;position:static;width:calc(100% - 60px);margin:30px;padding:0;border-radius:5px}.iq-hotel .iq-top-navbar .iq-user-dropdown{z-index:9}.iq-hotel .content-page{padding:0 15px;margin-left:0}.iq-hotel .iq-footer{width:calc(100% - 60px);margin:0 30px;padding:15px 5px;border-radius:5px;background:#fff}.iq-hotel .iq-navbar-logo>a{display:flex}body.iq-hotel .iq-sidebar{position:absolute;z-index:1000;top:0;width:0;height:100%;bottom:0;left:0}body.iq-hotel .iq-sidebar-menu .side-menu li.active>a{color:#3378ff}.container.hotel-container{border-radius:5px;position:relative;padding:0 0 30px}.th-line,body.iq-hotel.header-style-1 .main-circle i{color:#3378ff}.f-right{text-align:right}.icon-small{height:25px;width:25px;line-height:26px;display:inline-block;vertical-align:middle;text-align:center}#hotel-chart-3{min-height:170px!important}#hotel-payment-01 .apexcharts-canvas{margin:0 auto}#hotel-chart-6 svg text{font-family:Roboto,sans-serif!important;font-weight:500!important}#hotel-chart-4,#hotel-column-1{color:#324253}#dash-chart-04{min-height:250px!important}#dash-chart-04 .apexcharts-legend.position-top.center{justify-content:center}#dash-chart-04 .apexcharts-legend.position-bottom.center{justify-content:center;inset:auto 0 0 55px!important}@media (min-width:1300px){.iq-hotel .iq-top-navbar .iq-navbar-logo{display:flex!important}.iq-hotel .iq-top-navbar .side-menu-bt{display:block!important;padding:0;margin:0}.iq-hotel .iq-top-navbar .side-menu-bt .wrapper-menu{display:none!important}.iq-hotel .iq-page-menu-horizontal .content-page{margin-left:0;background:#f9fbfe;position:relative;padding:100px 50px 0}}@media (max-width:1299px){body.iq-hotel.sidebar-main .content-page{padding:0 15px}body.iq-hotel.sidebar-main .iq-top-navbar{width:calc(100% - 60px)}.iq-hotel .iq-sidebar-logo{padding:15px 0}.iq-hotel .menu-horizontal{left:30px;top:30px;z-index:99}.iq-hotel .menu-horizontal .iq-sidebar-menu .side-menu li a{padding:15px 0}.iq-hotel .iq-navbar-custom.container{max-width:100%}.iq-hotel .iq-top-navbar .side-menu-bt{padding:0}}@media (max-width:991px){.iq-hotel .iq-top-navbar{position:relative;padding:16px 0!important}.iq-hotel .menu-horizontal{left:0;top:0}.iq-hotel .navbar-collapse{z-index:9}.sidebar-1 .iq-top-navbar .navbar{padding:11px 0!important}.f-left,.f-right{text-align:center}.hotel-container .navbar{position:static}}@media (max-width:767px){body.iq-hotel.sidebar-main .content-page{padding:0}body.iq-hotel.sidebar-main .iq-top-navbar{width:calc(100% - 30px)}body.iq-hotel .iq-top-navbar{width:calc(100% - 30px);margin:15px;padding:15px}body.iq-hotel .content-page{padding:0}body.iq-hotel .iq-footer{width:calc(100% - 30px);margin:0 15px}}@media (max-width:391px){.iq-hotel .navbar-list li>a{padding:0 6px}.iq-top-navbar .iq-navbar-logo img{height:31px}}@keyframes rc{0%{transform:scale(1)}to{transform:scale(1.1)}}.main-animation{background:#f9fbfe;overflow:hidden;height:100vh;width:100%;margin:0 auto;padding:0 auto;position:absolute;top:0;bottom:0;left:0;right:0}#animation-inside{position:relative;min-width:960px;max-width:1480px;height:auto;min-height:100%;margin:0 auto;padding:0 auto;overflow:visible}#animation-inside #circle-small{animation:rc 3s ease-in-out infinite alternate;animation-timing-function:cubic-bezier(.6,0,.4,1);animation-delay:0s;top:-150px;width:300px;height:300px;opacity:.4}#animation-inside #circle-medium,#animation-inside #circle-small{position:absolute;left:0;right:0;margin:0 auto;background:#3378ff;border-radius:50%}#animation-inside #circle-medium{animation:rc 3s ease-in-out infinite alternate;animation-timing-function:cubic-bezier(.6,0,.4,1);animation-delay:.3s;top:-300px;width:600px;height:600px;opacity:.3}#animation-inside #circle-large{animation:rc 3s ease-in-out infinite alternate;animation-timing-function:cubic-bezier(.6,0,.4,1);animation-delay:.6s;top:-450px;width:900px;height:900px;opacity:.2}#animation-inside #circle-large,#animation-inside #circle-xlarge{position:absolute;left:0;right:0;margin:0 auto;background:#3378ff;border-radius:50%}#animation-inside #circle-xlarge{animation:rc 3s ease-in-out infinite alternate;animation-timing-function:cubic-bezier(.6,0,.4,1);animation-delay:.9s;top:-600px;width:1200px;height:1200px;opacity:.1}#animation-inside #circle-xxlarge{animation:rc 3s ease-in-out infinite alternate;animation-timing-function:cubic-bezier(.6,0,.4,1);animation-delay:1.2s;position:absolute;top:-750px;left:0;right:0;margin:0 auto;background:#3378ff;width:1500px;height:1500px;border-radius:50%;opacity:.05} \ No newline at end of file diff --git a/Datum_UImodel/static/css/css2.css b/Datum_UImodel/static/css/css2.css new file mode 100644 index 0000000..d5fbd4f --- /dev/null +++ b/Datum_UImodel/static/css/css2.css @@ -0,0 +1,54 @@ +/* latin-ext */ +@font-face { + font-family: 'DM Sans'; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url(../font/rP2Hp2ywxg089UriCZ2IHSeH.woff2) format('woff2'); + unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; +} +/* latin */ +@font-face { + font-family: 'DM Sans'; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url(../font/rP2Hp2ywxg089UriCZOIHQ.woff2) format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} +/* latin-ext */ +@font-face { + font-family: 'DM Sans'; + font-style: normal; + font-weight: 500; + font-display: swap; + src: url(../font/rP2Cp2ywxg089UriAWCrCBamC2QX.woff2) format('woff2'); + unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; +} +/* latin */ +@font-face { + font-family: 'DM Sans'; + font-style: normal; + font-weight: 500; + font-display: swap; + src: url(../font/rP2Cp2ywxg089UriAWCrCBimCw.woff2) format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} +/* latin-ext */ +@font-face { + font-family: 'DM Sans'; + font-style: normal; + font-weight: 700; + font-display: swap; + src: url(../font/rP2Cp2ywxg089UriASitCBamC2QX.woff2) format('woff2'); + unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; +} +/* latin */ +@font-face { + font-family: 'DM Sans'; + font-style: normal; + font-weight: 700; + font-display: swap; + src: url(../font/rP2Cp2ywxg089UriASitCBimCw.woff2) format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} diff --git a/Datum_UImodel/static/css/main.css b/Datum_UImodel/static/css/main.css new file mode 100644 index 0000000..c2b1760 --- /dev/null +++ b/Datum_UImodel/static/css/main.css @@ -0,0 +1,1053 @@ + +.fc { + direction: ltr; + text-align: left; +} + +.fc-rtl { + text-align: right; +} + +body .fc { + /* extra precedence to overcome jqui */ + font-size: 1em; +} + +/* Colors +--------------------------------------------------------------------------------------------------*/ +.fc-highlight { + /* when user is selecting cells */ + background: #bce8f1; + opacity: 0.3; +} + +.fc-bgevent { + /* default look for background events */ + background: #8fdf82; + opacity: 0.3; +} + +.fc-nonbusiness { + /* default look for non-business-hours areas */ + /* will inherit .fc-bgevent's styles */ + background: #d7d7d7; +} + +/* Popover +--------------------------------------------------------------------------------------------------*/ +.fc-popover { + position: absolute; + box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); +} + +.fc-popover .fc-header { + /* TODO: be more consistent with fc-head/fc-body */ + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: center; + padding: 2px 4px; +} + +.fc-rtl .fc-popover .fc-header { + flex-direction: row-reverse; +} + +.fc-popover .fc-header .fc-title { + margin: 0 2px; +} + +.fc-popover .fc-header .fc-close { + cursor: pointer; + opacity: 0.65; + font-size: 1.1em; +} + +/* Misc Reusable Components +--------------------------------------------------------------------------------------------------*/ +.fc-divider { + border-style: solid; + border-width: 1px; +} + +hr.fc-divider { + height: 0; + margin: 0; + padding: 0 0 2px; + /* height is unreliable across browsers, so use padding */ + border-width: 1px 0; +} + +.fc-bg, +.fc-bgevent-skeleton, +.fc-highlight-skeleton, +.fc-mirror-skeleton { + /* these element should always cling to top-left/right corners */ + position: absolute; + top: 0; + left: 0; + right: 0; +} + +.fc-bg { + bottom: 0; + /* strech bg to bottom edge */ +} + +.fc-bg table { + height: 100%; + /* strech bg to bottom edge */ +} + +/* Tables +--------------------------------------------------------------------------------------------------*/ +.fc table { + width: 100%; + box-sizing: border-box; + /* fix scrollbar issue in firefox */ + table-layout: fixed; + border-collapse: collapse; + border-spacing: 0; + font-size: 1em; + /* normalize cross-browser */ +} + +.fc th { + text-align: center; +} + +.fc th, +.fc td { + border-style: solid; + border-width: 1px; + padding: 0; + vertical-align: top; +} + +.fc td.fc-today { + border-style: double; + /* overcome neighboring borders */ +} + +/* Internal Nav Links +--------------------------------------------------------------------------------------------------*/ +a[data-goto] { + cursor: pointer; +} + +a[data-goto]:hover { + text-decoration: underline; +} + +/* Fake Table Rows +--------------------------------------------------------------------------------------------------*/ +.fc .fc-row { + /* extra precedence to overcome themes forcing a 1px border */ + /* no visible border by default. but make available if need be (scrollbar width compensation) */ + border-style: solid; + border-width: 0; +} + +.fc-row table { + /* don't put left/right border on anything within a fake row. + the outer tbody will worry about this */ + border-left: 0 hidden transparent; + border-right: 0 hidden transparent; + /* no bottom borders on rows */ + border-bottom: 0 hidden transparent; +} + +.fc-row:first-child table { + border-top: 0 hidden transparent; + /* no top border on first row */ +} + +/* Day Row (used within the header and the DayGrid) +--------------------------------------------------------------------------------------------------*/ +.fc-row { + position: relative; +} + +.fc-row .fc-bg { + z-index: 1; +} + +/* highlighting cells & background event skeleton */ +.fc-row .fc-bgevent-skeleton, +.fc-row .fc-highlight-skeleton { + bottom: 0; + /* stretch skeleton to bottom of row */ +} + +.fc-row .fc-bgevent-skeleton table, +.fc-row .fc-highlight-skeleton table { + height: 100%; + /* stretch skeleton to bottom of row */ +} + +.fc-row .fc-highlight-skeleton td, +.fc-row .fc-bgevent-skeleton td { + border-color: transparent; +} + +.fc-row .fc-bgevent-skeleton { + z-index: 2; +} + +.fc-row .fc-highlight-skeleton { + z-index: 3; +} + +/* +row content (which contains day/week numbers and events) as well as "mirror" (which contains +temporary rendered events). +*/ +.fc-row .fc-content-skeleton { + position: relative; + z-index: 4; + padding-bottom: 2px; + /* matches the space above the events */ +} + +.fc-row .fc-mirror-skeleton { + z-index: 5; +} + +.fc .fc-row .fc-content-skeleton table, +.fc .fc-row .fc-content-skeleton td, +.fc .fc-row .fc-mirror-skeleton td { + /* see-through to the background below */ + /* extra precedence to prevent theme-provided backgrounds */ + background: none; + /* in case s are globally styled */ + border-color: transparent; +} + +.fc-row .fc-content-skeleton td, +.fc-row .fc-mirror-skeleton td { + /* don't put a border between events and/or the day number */ + border-bottom: 0; +} + +.fc-row .fc-content-skeleton tbody td, +.fc-row .fc-mirror-skeleton tbody td { + /* don't put a border between event cells */ + border-top: 0; +} + +/* Scrolling Container +--------------------------------------------------------------------------------------------------*/ +.fc-scroller { + -webkit-overflow-scrolling: touch; +} + +/* TODO: move to timegrid/daygrid */ +.fc-scroller > .fc-day-grid, +.fc-scroller > .fc-time-grid { + position: relative; + /* re-scope all positions */ + width: 100%; + /* hack to force re-sizing this inner element when scrollbars appear/disappear */ +} + +/* Global Event Styles +--------------------------------------------------------------------------------------------------*/ +.fc-event { + position: relative; + /* for resize handle and other inner positioning */ + display: block; + /* make the tag block */ + font-size: 0.85em; + line-height: 1.4; + border-radius: 3px; + border: 1px solid #3788d8; + color: #ffffff !important; +} + +.fc-event, +.fc-event-dot { + background-color: #3788d8; + /* default BACKGROUND color */ +} + +.fc-event, +.fc-event:hover { + color: #fff; + /* default TEXT color */ + text-decoration: none; + /* if has an href */ +} + +.fc-event[href], +.fc-event.fc-draggable { + cursor: pointer; + /* give events with links and draggable events a hand mouse pointer */ +} + +.fc-not-allowed, +.fc-not-allowed .fc-event { + /* to override an event's custom cursor */ + cursor: not-allowed; +} + +.fc-event .fc-content { + position: relative; + z-index: 2; +} + +/* resizer (cursor AND touch devices) */ +.fc-event .fc-resizer { + position: absolute; + z-index: 4; +} + +/* resizer (touch devices) */ +.fc-event .fc-resizer { + display: none; +} + +.fc-event.fc-allow-mouse-resize .fc-resizer, +.fc-event.fc-selected .fc-resizer { + /* only show when hovering or selected (with touch) */ + display: block; +} + +/* hit area */ +.fc-event.fc-selected .fc-resizer:before { + /* 40x40 touch area */ + content: ""; + position: absolute; + z-index: 9999; + /* user of this util can scope within a lower z-index */ + top: 50%; + left: 50%; + width: 40px; + height: 40px; + margin-left: -20px; + margin-top: -20px; +} + +/* Event Selection (only for touch devices) +--------------------------------------------------------------------------------------------------*/ +.fc-event.fc-selected { + z-index: 9999 !important; + /* overcomes inline z-index */ + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); +} + +.fc-event.fc-selected:after { + content: ""; + position: absolute; + z-index: 1; + /* same z-index as fc-bg, behind text */ + /* overcome the borders */ + top: -1px; + right: -1px; + bottom: -1px; + left: -1px; + /* darkening effect */ + background: #000; + opacity: 0.25; +} + +/* Event Dragging +--------------------------------------------------------------------------------------------------*/ +.fc-event.fc-dragging.fc-selected { + box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3); +} + +.fc-event.fc-dragging:not(.fc-selected) { + opacity: 0.75; +} + +/* Horizontal Events +--------------------------------------------------------------------------------------------------*/ +/* bigger touch area when selected */ +.fc-h-event.fc-selected:before { + content: ""; + position: absolute; + z-index: 3; + /* below resizers */ + top: -10px; + bottom: -10px; + left: 0; + right: 0; +} + +/* events that are continuing to/from another week. kill rounded corners and butt up against edge */ +.fc-ltr .fc-h-event.fc-not-start, +.fc-rtl .fc-h-event.fc-not-end { + margin-left: 0; + border-left-width: 0; + padding-left: 1px; + /* replace the border with padding */ + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.fc-ltr .fc-h-event.fc-not-end, +.fc-rtl .fc-h-event.fc-not-start { + margin-right: 0; + border-right-width: 0; + padding-right: 1px; + /* replace the border with padding */ + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +/* resizer (cursor AND touch devices) */ +/* left resizer */ +.fc-ltr .fc-h-event .fc-start-resizer, +.fc-rtl .fc-h-event .fc-end-resizer { + cursor: w-resize; + left: -1px; + /* overcome border */ +} + +/* right resizer */ +.fc-ltr .fc-h-event .fc-end-resizer, +.fc-rtl .fc-h-event .fc-start-resizer { + cursor: e-resize; + right: -1px; + /* overcome border */ +} + +/* resizer (mouse devices) */ +.fc-h-event.fc-allow-mouse-resize .fc-resizer { + width: 7px; + top: -1px; + /* overcome top border */ + bottom: -1px; + /* overcome bottom border */ +} + +/* resizer (touch devices) */ +.fc-h-event.fc-selected .fc-resizer { + /* 8x8 little dot */ + border-radius: 4px; + border-width: 1px; + width: 6px; + height: 6px; + border-style: solid; + border-color: inherit; + background: #fff; + /* vertically center */ + top: 50%; + margin-top: -4px; +} + +/* left resizer */ +.fc-ltr .fc-h-event.fc-selected .fc-start-resizer, +.fc-rtl .fc-h-event.fc-selected .fc-end-resizer { + margin-left: -4px; + /* centers the 8x8 dot on the left edge */ +} + +/* right resizer */ +.fc-ltr .fc-h-event.fc-selected .fc-end-resizer, +.fc-rtl .fc-h-event.fc-selected .fc-start-resizer { + margin-right: -4px; + /* centers the 8x8 dot on the right edge */ +} + +/* DayGrid events +---------------------------------------------------------------------------------------------------- +We use the full "fc-day-grid-event" class instead of using descendants because the event won't +be a descendant of the grid when it is being dragged. +*/ +.fc-day-grid-event { + margin: 1px 2px 0; + /* spacing between events and edges */ + padding: 0 1px; +} + +tr:first-child > td > .fc-day-grid-event { + margin-top: 2px; + /* a little bit more space before the first event */ +} + +.fc-mirror-skeleton tr:first-child > td > .fc-day-grid-event { + margin-top: 0; + /* except for mirror skeleton */ +} + +.fc-day-grid-event .fc-content { + /* force events to be one-line tall */ + white-space: nowrap; + overflow: hidden; +} + +.fc-day-grid-event .fc-time { + font-weight: bold; +} + +/* resizer (cursor devices) */ +/* left resizer */ +.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer, +.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer { + margin-left: -2px; + /* to the day cell's edge */ +} + +/* right resizer */ +.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer, +.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer { + margin-right: -2px; + /* to the day cell's edge */ +} + +/* Event Limiting +--------------------------------------------------------------------------------------------------*/ +/* "more" link that represents hidden events */ +a.fc-more { + margin: 1px 3px; + font-size: 0.85em; + cursor: pointer; + text-decoration: none; +} + +a.fc-more:hover { + text-decoration: underline; +} + +.fc-limited { + /* rows and cells that are hidden because of a "more" link */ + display: none; +} + +/* popover that appears when "more" link is clicked */ +.fc-day-grid .fc-row { + z-index: 1; + /* make the "more" popover one higher than this */ +} + +.fc-more-popover { + z-index: 2; + width: 220px; +} + +.fc-more-popover .fc-event-container { + padding: 10px; +} + +/* Now Indicator +--------------------------------------------------------------------------------------------------*/ +.fc-now-indicator { + position: absolute; + border: 0 solid red; +} + +/* Utilities +--------------------------------------------------------------------------------------------------*/ +.fc-unselectable { + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-touch-callout: none; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} + +/* +TODO: more distinction between this file and common.css +*/ +/* Colors +--------------------------------------------------------------------------------------------------*/ +.fc-unthemed th, +.fc-unthemed td, +.fc-unthemed thead, +.fc-unthemed tbody, +.fc-unthemed .fc-divider, +.fc-unthemed .fc-row, +.fc-unthemed .fc-content, +.fc-unthemed .fc-popover, +.fc-unthemed .fc-list-view, +.fc-unthemed .fc-list-heading td { + border-color: #ddd; +} + +.fc-unthemed .fc-popover { + background-color: #fff; +} + +.fc-unthemed .fc-divider, +.fc-unthemed .fc-popover .fc-header, +.fc-unthemed .fc-list-heading td { + background: #eee; +} + +.fc-unthemed td.fc-today { + background: #fcf8e3; +} + +.fc-unthemed .fc-disabled-day { + background: #d7d7d7; + opacity: 0.3; +} + +/* Icons +-------------------------------------------------------------------------------------------------- +from https://feathericons.com/ and built with IcoMoon +*/ +@font-face { + font-family: "fcicons"; + src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBfAAAAC8AAAAYGNtYXAXVtKNAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZgYydxIAAAF4AAAFNGhlYWQUJ7cIAAAGrAAAADZoaGVhB20DzAAABuQAAAAkaG10eCIABhQAAAcIAAAALGxvY2ED4AU6AAAHNAAAABhtYXhwAA8AjAAAB0wAAAAgbmFtZXsr690AAAdsAAABhnBvc3QAAwAAAAAI9AAAACAAAwPAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpBgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Qb//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAWIAjQKeAskAEwAAJSc3NjQnJiIHAQYUFwEWMjc2NCcCnuLiDQ0MJAz/AA0NAQAMJAwNDcni4gwjDQwM/wANIwz/AA0NDCMNAAAAAQFiAI0CngLJABMAACUBNjQnASYiBwYUHwEHBhQXFjI3AZ4BAA0N/wAMJAwNDeLiDQ0MJAyNAQAMIw0BAAwMDSMM4uINIwwNDQAAAAIA4gC3Ax4CngATACcAACUnNzY0JyYiDwEGFB8BFjI3NjQnISc3NjQnJiIPAQYUHwEWMjc2NCcB87e3DQ0MIw3VDQ3VDSMMDQ0BK7e3DQ0MJAzVDQ3VDCQMDQ3zuLcMJAwNDdUNIwzWDAwNIwy4twwkDA0N1Q0jDNYMDA0jDAAAAgDiALcDHgKeABMAJwAAJTc2NC8BJiIHBhQfAQcGFBcWMjchNzY0LwEmIgcGFB8BBwYUFxYyNwJJ1Q0N1Q0jDA0Nt7cNDQwjDf7V1Q0N1QwkDA0Nt7cNDQwkDLfWDCMN1Q0NDCQMt7gMIw0MDNYMIw3VDQ0MJAy3uAwjDQwMAAADAFUAAAOrA1UAMwBoAHcAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMhMjY1NCYjISIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAAVYRGRkR/qoRGRkRA1UFBAUOCQkVDAsZDf2rDRkLDBUJCA4FBQUFBQUOCQgVDAsZDQJVDRkLDBUJCQ4FBAVVAgECBQMCBwQECAX9qwQJAwQHAwMFAQICAgIBBQMDBwQDCQQCVQUIBAQHAgMFAgEC/oAZEhEZGRESGQAAAAADAFUAAAOrA1UAMwBoAIkAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMzFRQWMzI2PQEzMjY1NCYrATU0JiMiBh0BIyIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAgBkSEhmAERkZEYAZEhIZgBEZGREDVQUEBQ4JCRUMCxkN/asNGQsMFQkIDgUFBQUFBQ4JCBUMCxkNAlUNGQsMFQkJDgUEBVUCAQIFAwIHBAQIBf2rBAkDBAcDAwUBAgICAgEFAwMHBAMJBAJVBQgEBAcCAwUCAQL+gIASGRkSgBkSERmAEhkZEoAZERIZAAABAOIAjQMeAskAIAAAExcHBhQXFjI/ARcWMjc2NC8BNzY0JyYiDwEnJiIHBhQX4uLiDQ0MJAzi4gwkDA0N4uINDQwkDOLiDCQMDQ0CjeLiDSMMDQ3h4Q0NDCMN4uIMIw0MDOLiDAwNIwwAAAABAAAAAQAAa5n0y18PPPUACwQAAAAAANivOVsAAAAA2K85WwAAAAADqwNVAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAOrAAEAAAAAAAAAAAAAAAAAAAALBAAAAAAAAAAAAAAAAgAAAAQAAWIEAAFiBAAA4gQAAOIEAABVBAAAVQQAAOIAAAAAAAoAFAAeAEQAagCqAOoBngJkApoAAQAAAAsAigADAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGZjaWNvbnMAZgBjAGkAYwBvAG4Ac1ZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGZjaWNvbnMAZgBjAGkAYwBvAG4Ac2ZjaWNvbnMAZgBjAGkAYwBvAG4Ac1JlZ3VsYXIAUgBlAGcAdQBsAGEAcmZjaWNvbnMAZgBjAGkAYwBvAG4Ac0ZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=") format("truetype"); + font-weight: normal; + font-style: normal; +} +.fc-icon { + /* use !important to prevent issues with browser extensions that change fonts */ + font-family: "fcicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + /* Better Font Rendering =========== */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.fc-icon-chevron-left:before { + content: ""; +} + +.fc-icon-chevron-right:before { + content: ""; +} + +.fc-icon-chevrons-left:before { + content: ""; +} + +.fc-icon-chevrons-right:before { + content: ""; +} + +.fc-icon-minus-square:before { + content: ""; +} + +.fc-icon-plus-square:before { + content: ""; +} + +.fc-icon-x:before { + content: ""; +} + +.fc-icon { + display: inline-block; + width: 1em; + height: 1em; + text-align: center; +} + +/* Buttons +-------------------------------------------------------------------------------------------------- +Lots taken from Flatly (MIT): https://bootswatch.com/4/flatly/bootstrap.css +*/ +/* reset */ +.fc-button { + border-radius: 0; + overflow: visible; + text-transform: none; + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +.fc-button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +.fc-button { + -webkit-appearance: button; +} + +.fc-button:not(:disabled) { + cursor: pointer; +} + +.fc-button::-moz-focus-inner { + padding: 0; + border-style: none; +} + +/* theme */ +.fc-button { + display: inline-block; + font-weight: 400; + color: #212529; + text-align: center; + vertical-align: middle; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + background-color: transparent; + border: 1px solid transparent; + padding: 0.4em 0.65em; + font-size: 1em; + line-height: 1.5; + border-radius: 0.25em; +} + +.fc-button:hover { + color: #212529; + text-decoration: none; +} + +.fc-button:focus { + outline: 0; + -webkit-box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25); + box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25); +} + +.fc-button:disabled { + opacity: 0.65; +} + +/* "primary" coloring */ +.fc-button-primary { + color: #fff; + background-color: #2C3E50; + border-color: #2C3E50; +} + +.fc-button-primary:hover { + color: #fff; + background-color: #1e2b37; + border-color: #1a252f; +} + +.fc-button-primary:focus { + -webkit-box-shadow: none; + box-shadow: none; +} + +.fc-button-primary:disabled { + color: #fff; + background-color: #2C3E50; + border-color: #2C3E50; +} + +.fc-button-primary:not(:disabled):active, +.fc-button-primary:not(:disabled).fc-button-active { + color: #fff; + background-color: #1a252f; + border-color: #151e27; +} + +.fc-button-primary:not(:disabled):active:focus, +.fc-button-primary:not(:disabled).fc-button-active:focus { + -webkit-box-shadow: none; + box-shadow: none; +} + +/* icons within buttons */ +.fc-button .fc-icon { + vertical-align: middle; + font-size: 1.5em; +} + +/* Buttons Groups +--------------------------------------------------------------------------------------------------*/ +.fc-button-group { + position: relative; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + vertical-align: middle; +} + +.fc-button-group > .fc-button { + position: relative; + -webkit-box-flex: 1; + -ms-flex: 1 1 auto; + flex: 1 1 auto; +} + +.fc-button-group > .fc-button:hover { + z-index: 1; +} + +.fc-button-group > .fc-button:focus, +.fc-button-group > .fc-button:active, +.fc-button-group > .fc-button.fc-button-active { + z-index: 1; +} + +.fc-button-group > .fc-button:not(:first-child) { + margin-left: -1px; +} + +.fc-button-group > .fc-button:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.fc-button-group > .fc-button:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +/* Popover +--------------------------------------------------------------------------------------------------*/ +.fc-unthemed .fc-popover { + border-width: 1px; + border-style: solid; +} + +/* List View +--------------------------------------------------------------------------------------------------*/ +.fc-unthemed .fc-list-item:hover td { + background-color: #f5f5f5; +} + +/* Toolbar +--------------------------------------------------------------------------------------------------*/ +.fc-toolbar { + display: flex; + justify-content: space-between; + align-items: center; +} + +.fc-toolbar.fc-header-toolbar { + margin-bottom: 1.5em; +} + +.fc-toolbar.fc-footer-toolbar { + margin-top: 1.5em; +} + +/* inner content */ +.fc-toolbar > * > :not(:first-child) { + margin-left: 0.75em; +} + +.fc-toolbar h2 { + font-size: 1.75em; + margin: 0; +} + +/* View Structure +--------------------------------------------------------------------------------------------------*/ +.fc-view-container { + position: relative; +} + +/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */ +/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */ +.fc-view-container *, +.fc-view-container *:before, +.fc-view-container *:after { + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; +} + +.fc-view, +.fc-view > table { + /* so dragged elements can be above the view's main element */ + position: relative; + z-index: 1; +} + +@media print { + .fc { + max-width: 100% !important; + } + + /* Global Event Restyling + --------------------------------------------------------------------------------------------------*/ + .fc-event { + background: #fff !important; + color: #000 !important; + page-break-inside: avoid; + } + + .fc-event .fc-resizer { + display: none; + } + + /* Table & Day-Row Restyling + --------------------------------------------------------------------------------------------------*/ + .fc th, +.fc td, +.fc hr, +.fc thead, +.fc tbody, +.fc-row { + border-color: #ccc !important; + background: #fff !important; + } + + /* kill the overlaid, absolutely-positioned components */ + /* common... */ + .fc-bg, +.fc-bgevent-skeleton, +.fc-highlight-skeleton, +.fc-mirror-skeleton, +.fc-bgevent-container, +.fc-business-container, +.fc-highlight-container, +.fc-mirror-container { + display: none; + } + + /* don't force a min-height on rows (for DayGrid) */ + .fc tbody .fc-row { + height: auto !important; + /* undo height that JS set in distributeHeight */ + min-height: 0 !important; + /* undo the min-height from each view's specific stylesheet */ + } + + .fc tbody .fc-row .fc-content-skeleton { + position: static; + /* undo .fc-rigid */ + padding-bottom: 0 !important; + /* use a more border-friendly method for this... */ + } + + .fc tbody .fc-row .fc-content-skeleton tbody tr:last-child td { + /* only works in newer browsers */ + padding-bottom: 1em; + /* ...gives space within the skeleton. also ensures min height in a way */ + } + + .fc tbody .fc-row .fc-content-skeleton table { + /* provides a min-height for the row, but only effective for IE, which exaggerates this value, + making it look more like 3em. for other browers, it will already be this tall */ + height: 1em; + } + + /* Undo month-view event limiting. Display all events and hide the "more" links + --------------------------------------------------------------------------------------------------*/ + .fc-more-cell, +.fc-more { + display: none !important; + } + + .fc tr.fc-limited { + display: table-row !important; + } + + .fc td.fc-limited { + display: table-cell !important; + } + + .fc-popover { + display: none; + /* never display the "more.." popover in print mode */ + } + + /* TimeGrid Restyling + --------------------------------------------------------------------------------------------------*/ + /* undo the min-height 100% trick used to fill the container's height */ + .fc-time-grid { + min-height: 0 !important; + } + + /* don't display the side axis at all ("all-day" and time cells) */ + .fc-timeGrid-view .fc-axis { + display: none; + } + + /* don't display the horizontal lines */ + .fc-slats, +.fc-time-grid hr { + /* this hr is used when height is underused and needs to be filled */ + display: none !important; + /* important overrides inline declaration */ + } + + /* let the container that holds the events be naturally positioned and create real height */ + .fc-time-grid .fc-content-skeleton { + position: static; + } + + /* in case there are no events, we still want some height */ + .fc-time-grid .fc-content-skeleton table { + height: 4em; + } + + /* kill the horizontal spacing made by the event container. event margins will be done below */ + .fc-time-grid .fc-event-container { + margin: 0 !important; + } + + /* TimeGrid *Event* Restyling + --------------------------------------------------------------------------------------------------*/ + /* naturally position events, vertically stacking them */ + .fc-time-grid .fc-event { + position: static !important; + margin: 3px 2px !important; + } + + /* for events that continue to a future day, give the bottom border back */ + .fc-time-grid .fc-event.fc-not-end { + border-bottom-width: 1px !important; + } + + /* indicate the event continues via "..." text */ + .fc-time-grid .fc-event.fc-not-end:after { + content: "..."; + } + + /* for events that are continuations from previous days, give the top border back */ + .fc-time-grid .fc-event.fc-not-start { + border-top-width: 1px !important; + } + + /* indicate the event is a continuation via "..." text */ + .fc-time-grid .fc-event.fc-not-start:before { + content: "..."; + } + + /* time */ + /* undo a previous declaration and let the time text span to a second line */ + .fc-time-grid .fc-event .fc-time { + white-space: normal !important; + } + + /* hide the the time that is normally displayed... */ + .fc-time-grid .fc-event .fc-time span { + display: none; + } + + /* ...replace it with a more verbose version (includes AM/PM) stored in an html attribute */ + .fc-time-grid .fc-event .fc-time:after { + content: attr(data-full); + } + + /* Vertical Scroller & Containers + --------------------------------------------------------------------------------------------------*/ + /* kill the scrollbars and allow natural height */ + .fc-scroller, +.fc-day-grid-container, +.fc-time-grid-container { + /* */ + overflow: visible !important; + height: auto !important; + } + + /* kill the horizontal border/padding used to compensate for scrollbars */ + .fc-row { + border: 0 !important; + margin: 0 !important; + } + + /* Button Controls + --------------------------------------------------------------------------------------------------*/ + .fc-button-group, +.fc button { + display: none; + /* don't display any button-related controls */ + } +} diff --git a/Datum_UImodel/static/css/main1.css b/Datum_UImodel/static/css/main1.css new file mode 100644 index 0000000..81f5895 --- /dev/null +++ b/Datum_UImodel/static/css/main1.css @@ -0,0 +1,78 @@ +/* DayGridView +--------------------------------------------------------------------------------------------------*/ +/* day row structure */ +.fc-dayGridWeek-view .fc-content-skeleton, +.fc-dayGridDay-view .fc-content-skeleton { + /* there may be week numbers in these views, so no padding-top */ + padding-bottom: 1em; + /* ensure a space at bottom of cell for user selecting/clicking */ +} + +.fc-dayGrid-view .fc-body .fc-row { + min-height: 4em; + /* ensure that all rows are at least this tall */ +} + +/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */ +.fc-row.fc-rigid { + overflow: hidden; +} + +.fc-row.fc-rigid .fc-content-skeleton { + position: absolute; + top: 0; + left: 0; + right: 0; +} + +/* week and day number styling */ +.fc-day-top.fc-other-month { + opacity: 0.3; +} + +.fc-dayGrid-view .fc-week-number, +.fc-dayGrid-view .fc-day-number { + padding: 2px; +} + +.fc-dayGrid-view th.fc-week-number, +.fc-dayGrid-view th.fc-day-number { + padding: 0 2px; + /* column headers can't have as much v space */ +} + +.fc-ltr .fc-dayGrid-view .fc-day-top .fc-day-number { + float: right; +} + +.fc-rtl .fc-dayGrid-view .fc-day-top .fc-day-number { + float: left; +} + +.fc-ltr .fc-dayGrid-view .fc-day-top .fc-week-number { + float: left; + border-radius: 0 0 3px 0; +} + +.fc-rtl .fc-dayGrid-view .fc-day-top .fc-week-number { + float: right; + border-radius: 0 0 0 3px; +} + +.fc-dayGrid-view .fc-day-top .fc-week-number { + min-width: 1.5em; + text-align: center; + background-color: #f2f2f2; + color: #808080; +} + +/* when week/day number have own column */ +.fc-dayGrid-view td.fc-week-number { + text-align: center; +} + +.fc-dayGrid-view td.fc-week-number > * { + /* work around the way we do column resizing and ensure a minimum width */ + display: inline-block; + min-width: 1.25em; +} diff --git a/Datum_UImodel/static/css/main2.css b/Datum_UImodel/static/css/main2.css new file mode 100644 index 0000000..d5b84bb --- /dev/null +++ b/Datum_UImodel/static/css/main2.css @@ -0,0 +1,309 @@ + +/* TimeGridView all-day area +--------------------------------------------------------------------------------------------------*/ +.fc-timeGrid-view .fc-day-grid { + position: relative; + z-index: 2; + /* so the "more.." popover will be over the time grid */ +} + +.fc-timeGrid-view .fc-day-grid .fc-row { + min-height: 3em; + /* all-day section will never get shorter than this */ +} + +.fc-timeGrid-view .fc-day-grid .fc-row .fc-content-skeleton { + padding-bottom: 1em; + /* give space underneath events for clicking/selecting days */ +} + +/* TimeGrid axis running down the side (for both the all-day area and the slot area) +--------------------------------------------------------------------------------------------------*/ +.fc .fc-axis { + /* .fc to overcome default cell styles */ + vertical-align: middle; + padding: 0 4px; + white-space: nowrap; +} + +.fc-ltr .fc-axis { + text-align: right; +} + +.fc-rtl .fc-axis { + text-align: left; +} + +/* TimeGrid Structure +--------------------------------------------------------------------------------------------------*/ +.fc-time-grid-container, +.fc-time-grid { + /* so slats/bg/content/etc positions get scoped within here */ + position: relative; + z-index: 1; +} + +.fc-time-grid { + min-height: 100%; + /* so if height setting is 'auto', .fc-bg stretches to fill height */ +} + +.fc-time-grid table { + /* don't put outer borders on slats/bg/content/etc */ + border: 0 hidden transparent; +} + +.fc-time-grid > .fc-bg { + z-index: 1; +} + +.fc-time-grid .fc-slats, +.fc-time-grid > hr { + /* the
TimeGridView injects when grid is shorter than scroller */ + position: relative; + z-index: 2; +} + +.fc-time-grid .fc-content-col { + position: relative; + /* because now-indicator lives directly inside */ +} + +.fc-time-grid .fc-content-skeleton { + position: absolute; + z-index: 3; + top: 0; + left: 0; + right: 0; +} + +/* divs within a cell within the fc-content-skeleton */ +.fc-time-grid .fc-business-container { + position: relative; + z-index: 1; +} + +.fc-time-grid .fc-bgevent-container { + position: relative; + z-index: 2; +} + +.fc-time-grid .fc-highlight-container { + position: relative; + z-index: 3; +} + +.fc-time-grid .fc-event-container { + position: relative; + z-index: 4; +} + +.fc-time-grid .fc-now-indicator-line { + z-index: 5; +} + +.fc-time-grid .fc-mirror-container { + /* also is fc-event-container */ + position: relative; + z-index: 6; +} + +/* TimeGrid Slats (lines that run horizontally) +--------------------------------------------------------------------------------------------------*/ +.fc-time-grid .fc-slats td { + height: 1.5em; + border-bottom: 0; + /* each cell is responsible for its top border */ +} + +.fc-time-grid .fc-slats .fc-minor td { + border-top-style: dotted; +} + +/* TimeGrid Highlighting Slots +--------------------------------------------------------------------------------------------------*/ +.fc-time-grid .fc-highlight-container { + /* a div within a cell within the fc-highlight-skeleton */ + position: relative; + /* scopes the left/right of the fc-highlight to be in the column */ +} + +.fc-time-grid .fc-highlight { + position: absolute; + left: 0; + right: 0; + /* top and bottom will be in by JS */ +} + +/* TimeGrid Event Containment +--------------------------------------------------------------------------------------------------*/ +.fc-ltr .fc-time-grid .fc-event-container { + /* space on the sides of events for LTR (default) */ + margin: 0 2.5% 0 2px; +} + +.fc-rtl .fc-time-grid .fc-event-container { + /* space on the sides of events for RTL */ + margin: 0 2px 0 2.5%; +} + +.fc-time-grid .fc-event, +.fc-time-grid .fc-bgevent { + position: absolute; + z-index: 1; + /* scope inner z-index's */ +} + +.fc-time-grid .fc-bgevent { + /* background events always span full width */ + left: 0; + right: 0; +} + +/* TimeGrid Event Styling +---------------------------------------------------------------------------------------------------- +We use the full "fc-time-grid-event" class instead of using descendants because the event won't +be a descendant of the grid when it is being dragged. +*/ +.fc-time-grid-event { + margin-bottom: 1px; +} + +.fc-time-grid-event-inset { + -webkit-box-shadow: 0px 0px 0px 1px #fff; + box-shadow: 0px 0px 0px 1px #fff; +} + +.fc-time-grid-event.fc-not-start { + /* events that are continuing from another day */ + /* replace space made by the top border with padding */ + border-top-width: 0; + padding-top: 1px; + /* remove top rounded corners */ + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.fc-time-grid-event.fc-not-end { + /* replace space made by the top border with padding */ + border-bottom-width: 0; + padding-bottom: 1px; + /* remove bottom rounded corners */ + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +.fc-time-grid-event .fc-content { + overflow: hidden; + max-height: 100%; +} + +.fc-time-grid-event .fc-time, +.fc-time-grid-event .fc-title { + padding: 0 1px; +} + +.fc-time-grid-event .fc-time { + font-size: 0.85em; + white-space: nowrap; +} + +/* short mode, where time and title are on the same line */ +.fc-time-grid-event.fc-short .fc-content { + /* don't wrap to second line (now that contents will be inline) */ + white-space: nowrap; +} + +.fc-time-grid-event.fc-short .fc-time, +.fc-time-grid-event.fc-short .fc-title { + /* put the time and title on the same line */ + display: inline-block; + vertical-align: top; +} + +.fc-time-grid-event.fc-short .fc-time span { + display: none; + /* don't display the full time text... */ +} + +.fc-time-grid-event.fc-short .fc-time:before { + content: attr(data-start); + /* ...instead, display only the start time */ +} + +.fc-time-grid-event.fc-short .fc-time:after { + content: " - "; + /* seperate with a dash, wrapped in nbsp's */ +} + +.fc-time-grid-event.fc-short .fc-title { + font-size: 0.85em; + /* make the title text the same size as the time */ + padding: 0; + /* undo padding from above */ +} + +/* resizer (cursor device) */ +.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer { + left: 0; + right: 0; + bottom: 0; + height: 8px; + overflow: hidden; + line-height: 8px; + font-size: 11px; + font-family: monospace; + text-align: center; + cursor: s-resize; +} + +.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after { + content: "="; +} + +/* resizer (touch device) */ +.fc-time-grid-event.fc-selected .fc-resizer { + /* 10x10 dot */ + border-radius: 5px; + border-width: 1px; + width: 8px; + height: 8px; + border-style: solid; + border-color: inherit; + background: #fff; + /* horizontally center */ + left: 50%; + margin-left: -5px; + /* center on the bottom edge */ + bottom: -5px; +} + +/* Now Indicator +--------------------------------------------------------------------------------------------------*/ +.fc-time-grid .fc-now-indicator-line { + border-top-width: 1px; + left: 0; + right: 0; +} + +/* arrow on axis */ +.fc-time-grid .fc-now-indicator-arrow { + margin-top: -5px; + /* vertically center on top coordinate */ +} + +.fc-ltr .fc-time-grid .fc-now-indicator-arrow { + left: 0; + /* triangle pointing right... */ + border-width: 5px 0 5px 6px; + border-top-color: transparent; + border-bottom-color: transparent; +} + +.fc-rtl .fc-time-grid .fc-now-indicator-arrow { + right: 0; + /* triangle pointing left... */ + border-width: 5px 6px 5px 0; + border-top-color: transparent; + border-bottom-color: transparent; +} diff --git a/Datum_UImodel/static/css/main3.css b/Datum_UImodel/static/css/main3.css new file mode 100644 index 0000000..6af9bb7 --- /dev/null +++ b/Datum_UImodel/static/css/main3.css @@ -0,0 +1,118 @@ +/* List View +--------------------------------------------------------------------------------------------------*/ +/* possibly reusable */ +.fc-event-dot { + display: inline-block; + width: 10px; + height: 10px; + border-radius: 5px; +} + +/* view wrapper */ +.fc-rtl .fc-list-view { + direction: rtl; + /* unlike core views, leverage browser RTL */ +} + +.fc-list-view { + border-width: 1px; + border-style: solid; +} + +/* table resets */ +.fc .fc-list-table { + table-layout: auto; + /* for shrinkwrapping cell content */ +} + +.fc-list-table td { + border-width: 1px 0 0; + padding: 8px 14px; +} + +.fc-list-table tr:first-child td { + border-top-width: 0; +} + +/* day headings with the list */ +.fc-list-heading { + border-bottom-width: 1px; +} + +.fc-list-heading td { + font-weight: bold; +} + +.fc-ltr .fc-list-heading-main { + float: left; +} + +.fc-ltr .fc-list-heading-alt { + float: right; +} + +.fc-rtl .fc-list-heading-main { + float: right; +} + +.fc-rtl .fc-list-heading-alt { + float: left; +} + +/* event list items */ +.fc-list-item.fc-has-url { + cursor: pointer; + /* whole row will be clickable */ +} + +.fc-list-item-marker, +.fc-list-item-time { + white-space: nowrap; + width: 1px; +} + +/* make the dot closer to the event title */ +.fc-ltr .fc-list-item-marker { + padding-right: 0; +} + +.fc-rtl .fc-list-item-marker { + padding-left: 0; +} + +.fc-list-item-title a { + /* every event title cell has an
tag */ + text-decoration: none; + color: inherit; +} + +.fc-list-item-title a[href]:hover { + /* hover effect only on titles with hrefs */ + text-decoration: underline; +} + +/* message when no events */ +.fc-list-empty-wrap2 { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; +} + +.fc-list-empty-wrap1 { + width: 100%; + height: 100%; + display: table; +} + +.fc-list-empty { + display: table-cell; + vertical-align: middle; + text-align: center; +} + +.fc-unthemed .fc-list-empty { + /* theme will provide own background */ + background-color: #eee; +} diff --git a/Datum_UImodel/static/font/rP2Cp2ywxg089UriASitCBamC2QX.woff2 b/Datum_UImodel/static/font/rP2Cp2ywxg089UriASitCBamC2QX.woff2 new file mode 100644 index 0000000..477b761 Binary files /dev/null and b/Datum_UImodel/static/font/rP2Cp2ywxg089UriASitCBamC2QX.woff2 differ diff --git a/Datum_UImodel/static/font/rP2Cp2ywxg089UriASitCBimCw.woff2 b/Datum_UImodel/static/font/rP2Cp2ywxg089UriASitCBimCw.woff2 new file mode 100644 index 0000000..517548f Binary files /dev/null and b/Datum_UImodel/static/font/rP2Cp2ywxg089UriASitCBimCw.woff2 differ diff --git a/Datum_UImodel/static/font/rP2Cp2ywxg089UriAWCrCBamC2QX.woff2 b/Datum_UImodel/static/font/rP2Cp2ywxg089UriAWCrCBamC2QX.woff2 new file mode 100644 index 0000000..2ec24eb Binary files /dev/null and b/Datum_UImodel/static/font/rP2Cp2ywxg089UriAWCrCBamC2QX.woff2 differ diff --git a/Datum_UImodel/static/font/rP2Cp2ywxg089UriAWCrCBimCw.woff2 b/Datum_UImodel/static/font/rP2Cp2ywxg089UriAWCrCBimCw.woff2 new file mode 100644 index 0000000..0a82ce2 Binary files /dev/null and b/Datum_UImodel/static/font/rP2Cp2ywxg089UriAWCrCBimCw.woff2 differ diff --git a/Datum_UImodel/static/font/rP2Hp2ywxg089UriCZ2IHSeH.woff2 b/Datum_UImodel/static/font/rP2Hp2ywxg089UriCZ2IHSeH.woff2 new file mode 100644 index 0000000..1112f3a Binary files /dev/null and b/Datum_UImodel/static/font/rP2Hp2ywxg089UriCZ2IHSeH.woff2 differ diff --git a/Datum_UImodel/static/font/rP2Hp2ywxg089UriCZOIHQ.woff2 b/Datum_UImodel/static/font/rP2Hp2ywxg089UriCZOIHQ.woff2 new file mode 100644 index 0000000..5ec8bbd Binary files /dev/null and b/Datum_UImodel/static/font/rP2Hp2ywxg089UriCZOIHQ.woff2 differ diff --git a/Datum_UImodel/static/image/loader.gif b/Datum_UImodel/static/image/loader.gif new file mode 100644 index 0000000..843b71a Binary files /dev/null and b/Datum_UImodel/static/image/loader.gif differ diff --git a/Datum_UImodel/static/js/01.js b/Datum_UImodel/static/js/01.js new file mode 100644 index 0000000..6a81c67 --- /dev/null +++ b/Datum_UImodel/static/js/01.js @@ -0,0 +1,817 @@ +(function(jQuery) { + + "use strict"; + + function apexChartUpdate(chart, detail) { + let color = getComputedStyle(document.documentElement).getPropertyValue('--dark'); + if (detail.dark) { + color = getComputedStyle(document.documentElement).getPropertyValue('--white'); + } + console.log(chart,detail) + chart.updateOptions({ + chart: { + foreColor: color + } + }) + } + + if(jQuery("#ct-chart").length){ + // new Chartist.Bar('#ct-chart', { + // labels: ['Q1', 'Q2', 'Q3', 'Q4'], + // series: [ + // [800, 1200, 1400, 1300], + // [200, 400, 500, 300], + // [100, 200, 400, 600] + // ] + // }, { + // stackBars: true, + // axisY: { + // labelInterpolationFnc: function(value) { + // return (value / 1000) + 'k'; + // } + // } + // }).on('draw', function(data) { + // if(data.type === 'bar') { + // data.element.attr({ + // style: 'stroke-width: 40px' + // }); + // } + // }); + var options = { + series: [{ + data: [21, 22, 10, 28, 16, 21, 13, 30] + }], + colors: ['#5c00e6', '#5c00e6', '#004d99', '#0044cc', '#5c00e6', '#004d99', '#0044cc', '#5c00e6'], + chart: { + sparkline: { + enabled: true, + }, + height: 250, + type: 'bar', + events: { + click: function(chart, w, e) { + // console.log(chart, w, e) + } + } + }, + plotOptions: { + bar: { + columnWidth: '45%', + distributed: true, + } + }, + dataLabels: { + enabled: false + }, + legend: { + show: false + }, + xaxis: { + categories: [ + 'C', + 'C++', + 'Java', + 'C#', + 'Python', + 'NodeJS', + 'AnglarJS', + 'AI' + ], + labels: { + style: { + fontSize: '12px' + } + } + } + }; + + var chart = new ApexCharts(document.querySelector("#ct-chart"), options); + chart.render(); + } + + if(jQuery("#chart-column-01").length){ + var options = { + series: [{ + name: 'TEAM A', + type: 'column', + data: [23, 11, 22, 27, 13, 22, 37, 21, 44, 22, 30] + }, { + name: 'TEAM B', + type: 'area', + data: [44, 55, 41, 67, 22, 43, 21, 41, 56, 27, 43] + }, { + name: 'TEAM C', + type: 'line', + data: [30, 25, 36, 30, 45, 35, 64, 52, 59, 36, 39] + }], + colors: ['#5c00e6', '#ffff33', '#04237D'], + chart: { + height: 240, + type: 'line', + stacked: false, + sparkline: { + enabled: true, + } + }, + stroke: { + width: [0, 2, 5], + curve: 'smooth' + }, + plotOptions: { + bar: { + columnWidth: '50%' + } + }, + + fill: { + opacity: [0.85, 0.25, 1], + gradient: { + inverseColors: false, + shade: 'light', + type: "vertical", + opacityFrom: 0.85, + opacityTo: 0.55, + stops: [0, 100, 100, 100] + } + }, + labels: ['01/01/2003', '02/01/2003', '03/01/2003', '04/01/2003', '05/01/2003', '06/01/2003', '07/01/2003', + '08/01/2003', '09/01/2003', '10/01/2003', '11/01/2003' + ], + markers: { + size: 0 + }, + xaxis: { + type: 'datetime' + }, + yaxis: { + title: { + text: 'Points', + }, + min: 0 + }, + tooltip: { + shared: true, + intersect: false, + y: { + formatter: function (y) { + if (typeof y !== "undefined") { + return y.toFixed(0) + " points"; + } + return y; + + } + } + } + }; + + var chart = new ApexCharts(document.querySelector("#chart-column-01"), options); + chart.render(); + } + + if (jQuery("#chart-01").length) { + var options = { + series: [{ + name: 'Successful deals', + data: [60, 30, 60, 30, 60, 30, 60] + }, { + name: 'Failed deals', + data: [30, 60, 30, 60, 30, 60, 30] + }], + colors: ["#4788ff", "#f75676"], + chart: { + height: 370, + type: 'line', + zoom: { + enabled: false + }, + sparkline: { + enabled: false, + } + }, + dataLabels: { + enabled: false + }, + stroke: { + curve: 'smooth', + width: 3 + }, + title: { + text: '', + align: 'left' + }, + grid: { + row: { + colors: ['#f3f3f3', 'transparent'], // takes an array which will be repeated on columns + opacity: 0 + }, + }, + xaxis: { + categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun'], + labels: { + minHeight: 22, + maxHeight: 35, + } + }, + yaxis: { + labels: { + offsetY: 0, + minWidth: 15, + maxWidth: 15, + } + }, + legend: { + position: 'top', + horizontalAlign: 'left', + offsetX: -33 + } + }; + + var chart = new ApexCharts(document.querySelector("#chart-01"), options); + chart.render(); + const body = document.querySelector('body') + if (body.classList.contains('dark')) { + apexChartUpdate(chart, { + dark: true + }) + } + + document.addEventListener('ChangeColorMode', function (e) { + apexChartUpdate(chart, e.detail) + }) + + } + + if (jQuery("#dash-chart-03").length) { + const options = { + series: [{ + name: 'Revenue', + data: [76, 85, 101, 98, 87, 105, 91] + }, { + name: 'Net Profit', + data: [44, 55, 57, 56, 61, 58, 63] + }], + chart: { + type: 'bar', + height: 260 + }, + colors: ['#4788ff', '#37d5f2'], + plotOptions: { + bar: { + horizontal: false, + // columnWidth: '45%', + borderRadius: 4, + }, + }, + dataLabels: { + enabled: false + }, + legend: { + show: false + }, + stroke: { + show: true, + width: 2, + colors: ['transparent'] + }, + xaxis: { + categories: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'], + labels:{ + minHeight: 30, + maxHeight: 30, + } + }, + yaxis: { + title: { + + }, + labels: { + offsetY: 0, + minWidth: 15, + maxWidth: 15, + } + }, + fill: { + opacity: 1 + }, + tooltip: { + y: { + formatter: function (val) { + return "$ " + val + " thousands" + } + } + } + }; + + const chart = new ApexCharts(document.querySelector("#dash-chart-03"), options); + chart.render(); + const body = document.querySelector('body') + if (body.classList.contains('dark')) { + apexChartUpdate(chart, { + dark: true + }) + } + + document.addEventListener('ChangeColorMode', function (e) { + apexChartUpdate(chart, e.detail) + }) + } + + if (jQuery("#dash-chart-02").length) { + const options = { + series: [ + { + name: 'Like', + data: [50, 25, 10, 70, 25, 30, 25] + }, + { + name: 'Comments', + data: [50, 25, 10, 70, 25, 30, 25] + }, + { + name: 'Share', + data: [60, 44, 20, 35, 22, 22, 10] + } + ], + colors: ['#37d5f2', '#4788ff', '#4fd69c'], + chart: { + type: 'bar', + height: 275, + stacked: true, + zoom: { + enabled: true + } + }, + options: { + legend: { + markers: { + radius: 12, + } + } + }, + + responsive: [{ + breakpoint: 480, + options: { + legend: { + position: 'bottom', + offsetX: -10, + offsetY: 0, + + } + } + }], + plotOptions: { + bar: { + horizontal: false, + // columnWidth: '45%', + borderRadius: 4, + }, + }, + xaxis: { + type: 'category', + categories: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'], + labels: { + minHeight: 22, + maxHeight: 40, + } + }, + yaxis: { + labels: { + // offsetX: -17, + offsetY: 0, + minWidth: 20, + maxWidth: 20, + } + }, + legend: { + position: 'bottom', + offsetX: 0, + offsetY: 8 + + }, + fill: { + opacity: 1 + }, + dataLabels: { + enabled: false + } + }; + const chart = new ApexCharts(document.querySelector("#dash-chart-02"), options); + chart.render(); + const body = document.querySelector('body') + if (body.classList.contains('dark')) { + apexChartUpdate(chart, { + dark: true + }) + } + + document.addEventListener('ChangeColorMode', function (e) { + apexChartUpdate(chart, e.detail) + }) + } + + if(jQuery("#chart-apex-column-01").length){ + var options = { + series: [{ + name: 'Incomes', + data: [90, 105, 72, 90, 65, 109, 130] + }, { + name: 'Expenses', + data: [115, 93, 75, 102, 144, 52, 71] + }], + colors: ['#1f1f7a', '#2e2eb8'], + chart: { + height: 265, + fontFamily: 'DM Sans', + toolbar:{ + show: false, + }, + type: 'area' + }, + dataLabels: { + enabled: false + }, + stroke: { + curve: 'smooth' + }, + fill: { + type: 'gradient', + gradient: { + shade: 'light', + type: "vertical", + shadeIntensity: 0.5, + // gradientToColors: undefined, // optional, if not defined - uses the shades of same color in series + inverseColors: false, + opacityFrom: .8, + opacityTo: .2, + stops: [0, 50, 100], + colorStops: [] + } + }, + grid: { + xaxis: { + lines: { + show: false + } + }, + yaxis: { + lines: { + show: false + } + } + }, + yaxis: { + labels: { + offsetY:0, + minWidth: 20, + maxWidth: 20 + }, + }, + xaxis: { + type: 'datetime', + labels: { + minHeight: 20, + maxHeight: 20 + }, + categories: ["2018-09-19T00:00:00.000Z", "2018-09-19T01:30:00.000Z", "2018-09-19T02:30:00.000Z", "2018-09-19T03:30:00.000Z", "2018-09-19T04:30:00.000Z", "2018-09-19T05:30:00.000Z", "2018-09-19T06:30:00.000Z"] + }, + tooltip: { + x: { + format: 'dd/MM/yy HH:mm' + }, + }, + }; + + var chart = new ApexCharts(document.querySelector("#chart-apex-column-01"), options); + chart.render(); + } + + if(jQuery("#chart-apex-column-02").length){ + var options = { + series: [{ + data: [55, 42, 19, 30, 20, 65, 21, 23, 45, 60, 30, 20] + }], + colors: ['#b3cccc', '#04237D', '#4d4dff'], + chart: { + height: 183, + type: 'bar', + toolbar:{ + show: false, + }, + sparkline: { + enabled: true, + }, + events: { + click: function(chart, w, e) { + // console.log(chart, w, e) + } + } + }, + plotOptions: { + bar: { + columnWidth: '40%', + distributed: true, + borderRadius: 5, + } + }, + dataLabels: { + enabled: false + }, + legend: { + show: false + }, + grid: { + xaxis: { + lines: { + show: false + } + }, + yaxis: { + lines: { + show: false + } + } + }, + yaxis: { + labels: { + offsetY:0, + minWidth: 10, + maxWidth: 10 + }, + }, + + xaxis: { + categories: [ + '30 Jan', + '25 Feb', + '28 Mar', + ], + labels: { + minHeight: 20, + maxHeight: 20, + style: { + fontSize: '12px' + } + } + } + }; + + var chart = new ApexCharts(document.querySelector("#chart-apex-column-02"), options); + chart.render(); + } + + if(jQuery("#chart-apex-column-03").length){ + var options = { + series: [43,58,20,35], + chart: { + height:330, + type: 'donut', + + }, + + labels: ["Mobile","Electronics", "Laptop", "Others"], + colors: ['#ffbb33', '#04237D', '#e60000', '#8080ff'], + plotOptions: { + pie: { + startAngle: -90, + endAngle: 270, + donut:{ + size: '80%', + labels:{ + show:true, + total:{ + show:true, + color: '#BCC1C8', + fontSize: '18px', + fontFamily: 'DM Sans', + fontWeight: 600, + }, + value: { + show: true, + fontSize: '25px', + fontFamily: 'DM Sans', + fontWeight: 700, + color: '#8F9FBC', + }, + } + } + } + }, + dataLabels: { + enabled: false, + }, + stroke: { + lineCap: 'round' + }, + grid:{ + padding: { + + bottom: 0, + } + }, + legend: { + position: 'bottom', + offsetY: 8, + show:true, + }, + responsive: [{ + breakpoint: 480, + options: { + chart: { + height:268 + } + } + }] + }; + + var chart = new ApexCharts(document.querySelector("#chart-apex-column-03"), options); + chart.render(); + + const body = document.querySelector('body') + if (body.classList.contains('dark')) { + apexChartUpdate(chart, { + dark: true + }) + } + + document.addEventListener('ChangeColorMode', function (e) { + apexChartUpdate(chart, e.detail) + }) + } + + function generateData(baseval, count, yrange) { + var i = 0; + var series = []; + while (i < count) { + //var x =Math.floor(Math.random() * (750 - 1 + 1)) + 1;; + var y = Math.floor(Math.random() * (yrange.max + yrange.min + 1)) + yrange.min; + var z = Math.floor(Math.random() * (75 - 15 + 1)) + 15; + + series.push([baseval, y, z]); + baseval += 86400000; + i++; + } + return series; + } + + if(jQuery("#chart-map-column-04").length){ + const map = L.map('chart-map-column-04').setView([37.8, -96], 4); + var statesData = {"type":"FeatureCollection","features":[ + {"type":"Feature","id":"01","properties":{"name":"Alabama","density":94.65},"geometry":{"type":"Polygon","coordinates":[[[-87.359296,35.00118],[-85.606675,34.984749],[-85.431413,34.124869],[-85.184951,32.859696],[-85.069935,32.580372],[-84.960397,32.421541],[-85.004212,32.322956],[-84.889196,32.262709],[-85.058981,32.13674],[-85.053504,32.01077],[-85.141136,31.840985],[-85.042551,31.539753],[-85.113751,31.27686],[-85.004212,31.003013],[-85.497137,30.997536],[-87.600282,30.997536],[-87.633143,30.86609],[-87.408589,30.674397],[-87.446927,30.510088],[-87.37025,30.427934],[-87.518128,30.280057],[-87.655051,30.247195],[-87.90699,30.411504],[-87.934375,30.657966],[-88.011052,30.685351],[-88.10416,30.499135],[-88.137022,30.318396],[-88.394438,30.367688],[-88.471115,31.895754],[-88.241084,33.796253],[-88.098683,34.891641],[-88.202745,34.995703],[-87.359296,35.00118]]]}}, + {"type":"Feature","id":"02","properties":{"name":"Alaska","density":1.264},"geometry":{"type":"MultiPolygon","coordinates":[[[[-131.602021,55.117982],[-131.569159,55.28229],[-131.355558,55.183705],[-131.38842,55.01392],[-131.645836,55.035827],[-131.602021,55.117982]]],[[[-131.832052,55.42469],[-131.645836,55.304197],[-131.749898,55.128935],[-131.832052,55.189182],[-131.832052,55.42469]]],[[[-132.976733,56.437924],[-132.735747,56.459832],[-132.631685,56.421493],[-132.664547,56.273616],[-132.878148,56.240754],[-133.069841,56.333862],[-132.976733,56.437924]]],[[[-133.595627,56.350293],[-133.162949,56.317431],[-133.05341,56.125739],[-132.620732,55.912138],[-132.472854,55.780691],[-132.4619,55.671152],[-132.357838,55.649245],[-132.341408,55.506844],[-132.166146,55.364444],[-132.144238,55.238474],[-132.029222,55.276813],[-131.97993,55.178228],[-131.958022,54.789365],[-132.029222,54.701734],[-132.308546,54.718165],[-132.385223,54.915335],[-132.483808,54.898904],[-132.686455,55.046781],[-132.746701,54.997489],[-132.916486,55.046781],[-132.889102,54.898904],[-132.73027,54.937242],[-132.626209,54.882473],[-132.675501,54.679826],[-132.867194,54.701734],[-133.157472,54.95915],[-133.239626,55.090597],[-133.223195,55.22752],[-133.453227,55.216566],[-133.453227,55.320628],[-133.277964,55.331582],[-133.102702,55.42469],[-133.17938,55.588998],[-133.387503,55.62186],[-133.420365,55.884753],[-133.497042,56.0162],[-133.639442,55.923092],[-133.694212,56.070969],[-133.546335,56.142169],[-133.666827,56.311955],[-133.595627,56.350293]]],[[[-133.738027,55.556137],[-133.546335,55.490413],[-133.414888,55.572568],[-133.283441,55.534229],[-133.420365,55.386352],[-133.633966,55.430167],[-133.738027,55.556137]]],[[[-133.907813,56.930849],[-134.050213,57.029434],[-133.885905,57.095157],[-133.343688,57.002049],[-133.102702,57.007526],[-132.932917,56.82131],[-132.620732,56.667956],[-132.653593,56.55294],[-132.817901,56.492694],[-133.042456,56.520078],[-133.201287,56.448878],[-133.420365,56.492694],[-133.66135,56.448878],[-133.710643,56.684386],[-133.688735,56.837741],[-133.869474,56.843218],[-133.907813,56.930849]]],[[[-134.115936,56.48174],[-134.25286,56.558417],[-134.400737,56.722725],[-134.417168,56.848695],[-134.296675,56.908941],[-134.170706,56.848695],[-134.143321,56.952757],[-133.748981,56.772017],[-133.710643,56.596755],[-133.847566,56.574848],[-133.935197,56.377678],[-133.836612,56.322908],[-133.957105,56.092877],[-134.110459,56.142169],[-134.132367,55.999769],[-134.230952,56.070969],[-134.291198,56.350293],[-134.115936,56.48174]]],[[[-134.636246,56.28457],[-134.669107,56.169554],[-134.806031,56.235277],[-135.178463,56.67891],[-135.413971,56.810356],[-135.331817,56.914418],[-135.424925,57.166357],[-135.687818,57.369004],[-135.419448,57.566174],[-135.298955,57.48402],[-135.063447,57.418296],[-134.849846,57.407343],[-134.844369,57.248511],[-134.636246,56.728202],[-134.636246,56.28457]]],[[[-134.712923,58.223407],[-134.373353,58.14673],[-134.176183,58.157683],[-134.187137,58.081006],[-133.902336,57.807159],[-134.099505,57.850975],[-134.148798,57.757867],[-133.935197,57.615466],[-133.869474,57.363527],[-134.083075,57.297804],[-134.154275,57.210173],[-134.499322,57.029434],[-134.603384,57.034911],[-134.6472,57.226604],[-134.575999,57.341619],[-134.608861,57.511404],[-134.729354,57.719528],[-134.707446,57.829067],[-134.784123,58.097437],[-134.91557,58.212453],[-134.953908,58.409623],[-134.712923,58.223407]]],[[[-135.857603,57.330665],[-135.715203,57.330665],[-135.567326,57.149926],[-135.633049,57.023957],[-135.857603,56.996572],[-135.824742,57.193742],[-135.857603,57.330665]]],[[[-136.279328,58.206976],[-135.978096,58.201499],[-135.780926,58.28913],[-135.496125,58.168637],[-135.64948,58.037191],[-135.59471,57.987898],[-135.45231,58.135776],[-135.107263,58.086483],[-134.91557,57.976944],[-135.025108,57.779775],[-134.937477,57.763344],[-134.822462,57.500451],[-135.085355,57.462112],[-135.572802,57.675713],[-135.556372,57.456635],[-135.709726,57.369004],[-135.890465,57.407343],[-136.000004,57.544266],[-136.208128,57.637374],[-136.366959,57.829067],[-136.569606,57.916698],[-136.558652,58.075529],[-136.421728,58.130299],[-136.377913,58.267222],[-136.279328,58.206976]]],[[[-147.079854,60.200582],[-147.501579,59.948643],[-147.53444,59.850058],[-147.874011,59.784335],[-147.80281,59.937689],[-147.435855,60.09652],[-147.205824,60.271782],[-147.079854,60.200582]]],[[[-147.561825,60.578491],[-147.616594,60.370367],[-147.758995,60.156767],[-147.956165,60.227967],[-147.791856,60.474429],[-147.561825,60.578491]]],[[[-147.786379,70.245291],[-147.682318,70.201475],[-147.162008,70.15766],[-146.888161,70.185044],[-146.510252,70.185044],[-146.099482,70.146706],[-145.858496,70.168614],[-145.622988,70.08646],[-145.195787,69.993352],[-144.620708,69.971444],[-144.461877,70.026213],[-144.078491,70.059075],[-143.914183,70.130275],[-143.497935,70.141229],[-143.503412,70.091936],[-143.25695,70.119321],[-142.747594,70.042644],[-142.402547,69.916674],[-142.079408,69.856428],[-142.008207,69.801659],[-141.712453,69.790705],[-141.433129,69.697597],[-141.378359,69.63735],[-141.208574,69.686643],[-141.00045,69.648304],[-141.00045,60.304644],[-140.53491,60.22249],[-140.474664,60.310121],[-139.987216,60.184151],[-139.696939,60.342983],[-139.088998,60.359413],[-139.198537,60.091043],[-139.045183,59.997935],[-138.700135,59.910304],[-138.623458,59.767904],[-137.604747,59.242118],[-137.445916,58.908024],[-137.265177,59.001132],[-136.827022,59.159963],[-136.580559,59.16544],[-136.465544,59.285933],[-136.476498,59.466672],[-136.301236,59.466672],[-136.25742,59.625503],[-135.945234,59.663842],[-135.479694,59.800766],[-135.025108,59.565257],[-135.068924,59.422857],[-134.959385,59.280456],[-134.701969,59.247595],[-134.378829,59.033994],[-134.400737,58.973748],[-134.25286,58.858732],[-133.842089,58.727285],[-133.173903,58.152206],[-133.075318,57.998852],[-132.867194,57.845498],[-132.560485,57.505928],[-132.253777,57.21565],[-132.368792,57.095157],[-132.05113,57.051341],[-132.127807,56.876079],[-131.870391,56.804879],[-131.837529,56.602232],[-131.580113,56.613186],[-131.087188,56.405062],[-130.78048,56.366724],[-130.621648,56.268139],[-130.468294,56.240754],[-130.424478,56.142169],[-130.101339,56.114785],[-130.002754,55.994292],[-130.150631,55.769737],[-130.128724,55.583521],[-129.986323,55.276813],[-130.095862,55.200136],[-130.336847,54.920812],[-130.687372,54.718165],[-130.785957,54.822227],[-130.917403,54.789365],[-131.010511,54.997489],[-130.983126,55.08512],[-131.092665,55.189182],[-130.862634,55.298721],[-130.928357,55.337059],[-131.158389,55.200136],[-131.284358,55.287767],[-131.426759,55.238474],[-131.843006,55.457552],[-131.700606,55.698537],[-131.963499,55.616383],[-131.974453,55.49589],[-132.182576,55.588998],[-132.226392,55.704014],[-132.083991,55.829984],[-132.127807,55.955953],[-132.324977,55.851892],[-132.522147,56.076446],[-132.642639,56.032631],[-132.719317,56.218847],[-132.527624,56.339339],[-132.341408,56.339339],[-132.396177,56.487217],[-132.297592,56.67891],[-132.450946,56.673433],[-132.768609,56.837741],[-132.993164,57.034911],[-133.51895,57.177311],[-133.507996,57.577128],[-133.677781,57.62642],[-133.639442,57.790728],[-133.814705,57.834544],[-134.072121,58.053622],[-134.143321,58.168637],[-134.586953,58.206976],[-135.074401,58.502731],[-135.282525,59.192825],[-135.38111,59.033994],[-135.337294,58.891593],[-135.140124,58.617746],[-135.189417,58.573931],[-135.05797,58.349376],[-135.085355,58.201499],[-135.277048,58.234361],[-135.430402,58.398669],[-135.633049,58.426053],[-135.91785,58.382238],[-135.912373,58.617746],[-136.087635,58.814916],[-136.246466,58.75467],[-136.876314,58.962794],[-136.931084,58.902547],[-136.586036,58.836824],[-136.317666,58.672516],[-136.213604,58.667039],[-136.180743,58.535592],[-136.043819,58.382238],[-136.388867,58.294607],[-136.591513,58.349376],[-136.59699,58.212453],[-136.859883,58.316515],[-136.947514,58.393192],[-137.111823,58.393192],[-137.566409,58.590362],[-137.900502,58.765624],[-137.933364,58.869686],[-138.11958,59.02304],[-138.634412,59.132579],[-138.919213,59.247595],[-139.417615,59.379041],[-139.746231,59.505011],[-139.718846,59.641934],[-139.625738,59.598119],[-139.5162,59.68575],[-139.625738,59.88292],[-139.488815,59.992458],[-139.554538,60.041751],[-139.801,59.833627],[-140.315833,59.696704],[-140.92925,59.745996],[-141.444083,59.871966],[-141.46599,59.970551],[-141.706976,59.948643],[-141.964392,60.019843],[-142.539471,60.085566],[-142.873564,60.091043],[-143.623905,60.036274],[-143.892275,59.997935],[-144.231845,60.140336],[-144.65357,60.206059],[-144.785016,60.29369],[-144.834309,60.441568],[-145.124586,60.430614],[-145.223171,60.299167],[-145.738004,60.474429],[-145.820158,60.551106],[-146.351421,60.408706],[-146.608837,60.238921],[-146.718376,60.397752],[-146.608837,60.485383],[-146.455483,60.463475],[-145.951604,60.578491],[-146.017328,60.666122],[-146.252836,60.622307],[-146.345944,60.737322],[-146.565022,60.753753],[-146.784099,61.044031],[-146.866253,60.972831],[-147.172962,60.934492],[-147.271547,60.972831],[-147.375609,60.879723],[-147.758995,60.912584],[-147.775426,60.808523],[-148.032842,60.781138],[-148.153334,60.819476],[-148.065703,61.005692],[-148.175242,61.000215],[-148.350504,60.803046],[-148.109519,60.737322],[-148.087611,60.594922],[-147.939734,60.441568],[-148.027365,60.277259],[-148.219058,60.332029],[-148.273827,60.249875],[-148.087611,60.217013],[-147.983549,59.997935],[-148.251919,59.95412],[-148.399797,59.997935],[-148.635305,59.937689],[-148.755798,59.986981],[-149.067984,59.981505],[-149.05703,60.063659],[-149.204907,60.008889],[-149.287061,59.904827],[-149.418508,59.997935],[-149.582816,59.866489],[-149.511616,59.806242],[-149.741647,59.729565],[-149.949771,59.718611],[-150.031925,59.61455],[-150.25648,59.521442],[-150.409834,59.554303],[-150.579619,59.444764],[-150.716543,59.450241],[-151.001343,59.225687],[-151.308052,59.209256],[-151.406637,59.280456],[-151.592853,59.159963],[-151.976239,59.253071],[-151.888608,59.422857],[-151.636669,59.483103],[-151.47236,59.472149],[-151.423068,59.537872],[-151.127313,59.669319],[-151.116359,59.778858],[-151.505222,59.63098],[-151.828361,59.718611],[-151.8667,59.778858],[-151.702392,60.030797],[-151.423068,60.211536],[-151.379252,60.359413],[-151.297098,60.386798],[-151.264237,60.545629],[-151.406637,60.720892],[-151.06159,60.786615],[-150.404357,61.038554],[-150.245526,60.939969],[-150.042879,60.912584],[-149.741647,61.016646],[-150.075741,61.15357],[-150.207187,61.257632],[-150.47008,61.246678],[-150.656296,61.29597],[-150.711066,61.252155],[-151.023251,61.180954],[-151.165652,61.044031],[-151.477837,61.011169],[-151.800977,60.852338],[-151.833838,60.748276],[-152.080301,60.693507],[-152.13507,60.578491],[-152.310332,60.507291],[-152.392486,60.304644],[-152.732057,60.173197],[-152.567748,60.069136],[-152.704672,59.915781],[-153.022334,59.888397],[-153.049719,59.691227],[-153.345474,59.620026],[-153.438582,59.702181],[-153.586459,59.548826],[-153.761721,59.543349],[-153.72886,59.433811],[-154.117723,59.368087],[-154.1944,59.066856],[-153.750768,59.050425],[-153.400243,58.968271],[-153.301658,58.869686],[-153.444059,58.710854],[-153.679567,58.612269],[-153.898645,58.606793],[-153.920553,58.519161],[-154.062953,58.4863],[-153.99723,58.376761],[-154.145107,58.212453],[-154.46277,58.059098],[-154.643509,58.059098],[-154.818771,58.004329],[-154.988556,58.015283],[-155.120003,57.955037],[-155.081664,57.872883],[-155.328126,57.829067],[-155.377419,57.708574],[-155.547204,57.785251],[-155.73342,57.549743],[-156.045606,57.566174],[-156.023698,57.440204],[-156.209914,57.473066],[-156.34136,57.418296],[-156.34136,57.248511],[-156.549484,56.985618],[-156.883577,56.952757],[-157.157424,56.832264],[-157.20124,56.766541],[-157.376502,56.859649],[-157.672257,56.607709],[-157.754411,56.67891],[-157.918719,56.657002],[-157.957058,56.514601],[-158.126843,56.459832],[-158.32949,56.48174],[-158.488321,56.339339],[-158.208997,56.295524],[-158.510229,55.977861],[-159.375585,55.873799],[-159.616571,55.594475],[-159.676817,55.654722],[-159.643955,55.829984],[-159.813741,55.857368],[-160.027341,55.791645],[-160.060203,55.720445],[-160.394296,55.605429],[-160.536697,55.473983],[-160.580512,55.567091],[-160.668143,55.457552],[-160.865313,55.528752],[-161.232268,55.358967],[-161.506115,55.364444],[-161.467776,55.49589],[-161.588269,55.62186],[-161.697808,55.517798],[-161.686854,55.408259],[-162.053809,55.074166],[-162.179779,55.15632],[-162.218117,55.03035],[-162.470057,55.052258],[-162.508395,55.249428],[-162.661749,55.293244],[-162.716519,55.222043],[-162.579595,55.134412],[-162.645319,54.997489],[-162.847965,54.926289],[-163.00132,55.079643],[-163.187536,55.090597],[-163.220397,55.03035],[-163.034181,54.942719],[-163.373752,54.800319],[-163.14372,54.76198],[-163.138243,54.696257],[-163.329936,54.74555],[-163.587352,54.614103],[-164.085754,54.61958],[-164.332216,54.531949],[-164.354124,54.466226],[-164.638925,54.389548],[-164.847049,54.416933],[-164.918249,54.603149],[-164.710125,54.663395],[-164.551294,54.88795],[-164.34317,54.893427],[-163.894061,55.041304],[-163.532583,55.046781],[-163.39566,54.904381],[-163.291598,55.008443],[-163.313505,55.128935],[-163.105382,55.183705],[-162.880827,55.183705],[-162.579595,55.446598],[-162.245502,55.682106],[-161.807347,55.89023],[-161.292514,55.983338],[-161.078914,55.939523],[-160.87079,55.999769],[-160.816021,55.912138],[-160.931036,55.813553],[-160.805067,55.736876],[-160.766728,55.857368],[-160.509312,55.868322],[-160.438112,55.791645],[-160.27928,55.76426],[-160.273803,55.857368],[-160.536697,55.939523],[-160.558604,55.994292],[-160.383342,56.251708],[-160.147834,56.399586],[-159.830171,56.541986],[-159.326293,56.667956],[-158.959338,56.848695],[-158.784076,56.782971],[-158.641675,56.810356],[-158.701922,56.925372],[-158.658106,57.034911],[-158.378782,57.264942],[-157.995396,57.41282],[-157.688688,57.609989],[-157.705118,57.719528],[-157.458656,58.497254],[-157.07527,58.705377],[-157.119086,58.869686],[-158.039212,58.634177],[-158.32949,58.661562],[-158.40069,58.760147],[-158.564998,58.803962],[-158.619768,58.913501],[-158.767645,58.864209],[-158.860753,58.694424],[-158.701922,58.480823],[-158.893615,58.387715],[-159.0634,58.420577],[-159.392016,58.760147],[-159.616571,58.929932],[-159.731586,58.929932],[-159.808264,58.803962],[-159.906848,58.782055],[-160.054726,58.886116],[-160.235465,58.902547],[-160.317619,59.072332],[-160.854359,58.88064],[-161.33633,58.743716],[-161.374669,58.667039],[-161.752577,58.552023],[-161.938793,58.656085],[-161.769008,58.776578],[-161.829255,59.061379],[-161.955224,59.36261],[-161.703285,59.48858],[-161.911409,59.740519],[-162.092148,59.88292],[-162.234548,60.091043],[-162.448149,60.178674],[-162.502918,59.997935],[-162.760334,59.959597],[-163.171105,59.844581],[-163.66403,59.795289],[-163.9324,59.806242],[-164.162431,59.866489],[-164.189816,60.02532],[-164.386986,60.074613],[-164.699171,60.29369],[-164.962064,60.337506],[-165.268773,60.578491],[-165.060649,60.68803],[-165.016834,60.890677],[-165.175665,60.846861],[-165.197573,60.972831],[-165.120896,61.076893],[-165.323543,61.170001],[-165.34545,61.071416],[-165.591913,61.109754],[-165.624774,61.279539],[-165.816467,61.301447],[-165.920529,61.416463],[-165.915052,61.558863],[-166.106745,61.49314],[-166.139607,61.630064],[-165.904098,61.662925],[-166.095791,61.81628],[-165.756221,61.827233],[-165.756221,62.013449],[-165.674067,62.139419],[-165.044219,62.539236],[-164.912772,62.659728],[-164.819664,62.637821],[-164.874433,62.807606],[-164.633448,63.097884],[-164.425324,63.212899],[-164.036462,63.262192],[-163.73523,63.212899],[-163.313505,63.037637],[-163.039658,63.059545],[-162.661749,63.22933],[-162.272887,63.486746],[-162.075717,63.514131],[-162.026424,63.448408],[-161.555408,63.448408],[-161.13916,63.503177],[-160.766728,63.771547],[-160.766728,63.837271],[-160.952944,64.08921],[-160.974852,64.237087],[-161.26513,64.395918],[-161.374669,64.532842],[-161.078914,64.494503],[-160.79959,64.609519],[-160.783159,64.719058],[-161.144637,64.921705],[-161.413007,64.762873],[-161.664946,64.790258],[-161.900455,64.702627],[-162.168825,64.680719],[-162.234548,64.620473],[-162.541257,64.532842],[-162.634365,64.384965],[-162.787719,64.324718],[-162.858919,64.49998],[-163.045135,64.538319],[-163.176582,64.401395],[-163.253259,64.467119],[-163.598306,64.565704],[-164.304832,64.560227],[-164.80871,64.450688],[-165.000403,64.434257],[-165.411174,64.49998],[-166.188899,64.576658],[-166.391546,64.636904],[-166.484654,64.735489],[-166.413454,64.872412],[-166.692778,64.987428],[-166.638008,65.113398],[-166.462746,65.179121],[-166.517516,65.337952],[-166.796839,65.337952],[-167.026871,65.381768],[-167.47598,65.414629],[-167.711489,65.496784],[-168.072967,65.578938],[-168.105828,65.682999],[-167.541703,65.819923],[-166.829701,66.049954],[-166.3313,66.186878],[-166.046499,66.110201],[-165.756221,66.09377],[-165.690498,66.203309],[-165.86576,66.21974],[-165.88219,66.312848],[-165.186619,66.466202],[-164.403417,66.581218],[-163.981692,66.592172],[-163.751661,66.553833],[-163.872153,66.389525],[-163.828338,66.274509],[-163.915969,66.192355],[-163.768091,66.060908],[-163.494244,66.082816],[-163.149197,66.060908],[-162.749381,66.088293],[-162.634365,66.039001],[-162.371472,66.028047],[-162.14144,66.077339],[-161.840208,66.02257],[-161.549931,66.241647],[-161.341807,66.252601],[-161.199406,66.208786],[-161.128206,66.334755],[-161.528023,66.395002],[-161.911409,66.345709],[-161.87307,66.510017],[-162.174302,66.68528],[-162.502918,66.740049],[-162.601503,66.89888],[-162.344087,66.937219],[-162.015471,66.778388],[-162.075717,66.652418],[-161.916886,66.553833],[-161.571838,66.438817],[-161.489684,66.55931],[-161.884024,66.718141],[-161.714239,67.002942],[-161.851162,67.052235],[-162.240025,66.991988],[-162.639842,67.008419],[-162.700088,67.057712],[-162.902735,67.008419],[-163.740707,67.128912],[-163.757138,67.254881],[-164.009077,67.534205],[-164.211724,67.638267],[-164.534863,67.725898],[-165.192096,67.966884],[-165.493328,68.059992],[-165.794559,68.081899],[-166.243668,68.246208],[-166.681824,68.339316],[-166.703731,68.372177],[-166.375115,68.42147],[-166.227238,68.574824],[-166.216284,68.881533],[-165.329019,68.859625],[-164.255539,68.930825],[-163.976215,68.985595],[-163.532583,69.138949],[-163.110859,69.374457],[-163.023228,69.609966],[-162.842489,69.812613],[-162.470057,69.982398],[-162.311225,70.108367],[-161.851162,70.311014],[-161.779962,70.256245],[-161.396576,70.239814],[-160.837928,70.343876],[-160.487404,70.453415],[-159.649432,70.792985],[-159.33177,70.809416],[-159.298908,70.760123],[-158.975769,70.798462],[-158.658106,70.787508],[-158.033735,70.831323],[-157.420318,70.979201],[-156.812377,71.285909],[-156.565915,71.351633],[-156.522099,71.296863],[-155.585543,71.170894],[-155.508865,71.083263],[-155.832005,70.968247],[-155.979882,70.96277],[-155.974405,70.809416],[-155.503388,70.858708],[-155.476004,70.940862],[-155.262403,71.017539],[-155.191203,70.973724],[-155.032372,71.148986],[-154.566832,70.990155],[-154.643509,70.869662],[-154.353231,70.8368],[-154.183446,70.7656],[-153.931507,70.880616],[-153.487874,70.886093],[-153.235935,70.924431],[-152.589656,70.886093],[-152.26104,70.842277],[-152.419871,70.606769],[-151.817408,70.546523],[-151.773592,70.486276],[-151.187559,70.382214],[-151.182082,70.431507],[-150.760358,70.49723],[-150.355064,70.491753],[-150.349588,70.436984],[-150.114079,70.431507],[-149.867617,70.508184],[-149.462323,70.519138],[-149.177522,70.486276],[-148.78866,70.404122],[-148.607921,70.420553],[-148.350504,70.305537],[-148.202627,70.349353],[-147.961642,70.316491],[-147.786379,70.245291]]],[[[-152.94018,58.026237],[-152.945657,57.982421],[-153.290705,58.048145],[-153.044242,58.305561],[-152.819688,58.327469],[-152.666333,58.562977],[-152.496548,58.354853],[-152.354148,58.426053],[-152.080301,58.311038],[-152.080301,58.152206],[-152.480117,58.130299],[-152.655379,58.059098],[-152.94018,58.026237]]],[[[-153.958891,57.538789],[-153.67409,57.670236],[-153.931507,57.69762],[-153.936983,57.812636],[-153.723383,57.889313],[-153.570028,57.834544],[-153.548121,57.719528],[-153.46049,57.796205],[-153.455013,57.96599],[-153.268797,57.889313],[-153.235935,57.998852],[-153.071627,57.933129],[-152.874457,57.933129],[-152.721103,57.993375],[-152.469163,57.889313],[-152.469163,57.599035],[-152.151501,57.620943],[-152.359625,57.42925],[-152.74301,57.505928],[-152.60061,57.379958],[-152.710149,57.275896],[-152.907319,57.325188],[-152.912796,57.128019],[-153.214027,57.073249],[-153.312612,56.991095],[-153.498828,57.067772],[-153.695998,56.859649],[-153.849352,56.837741],[-154.013661,56.744633],[-154.073907,56.969187],[-154.303938,56.848695],[-154.314892,56.919895],[-154.523016,56.991095],[-154.539447,57.193742],[-154.742094,57.275896],[-154.627078,57.511404],[-154.227261,57.659282],[-153.980799,57.648328],[-153.958891,57.538789]]],[[[-154.53397,56.602232],[-154.742094,56.399586],[-154.807817,56.432447],[-154.53397,56.602232]]],[[[-155.634835,55.923092],[-155.476004,55.912138],[-155.530773,55.704014],[-155.793666,55.731399],[-155.837482,55.802599],[-155.634835,55.923092]]],[[[-159.890418,55.28229],[-159.950664,55.068689],[-160.257373,54.893427],[-160.109495,55.161797],[-160.005433,55.134412],[-159.890418,55.28229]]],[[[-160.520266,55.358967],[-160.33405,55.358967],[-160.339527,55.249428],[-160.525743,55.128935],[-160.690051,55.211089],[-160.794113,55.134412],[-160.854359,55.320628],[-160.79959,55.380875],[-160.520266,55.358967]]],[[[-162.256456,54.981058],[-162.234548,54.893427],[-162.349564,54.838658],[-162.437195,54.931766],[-162.256456,54.981058]]],[[[-162.415287,63.634624],[-162.563165,63.536039],[-162.612457,63.62367],[-162.415287,63.634624]]],[[[-162.80415,54.488133],[-162.590549,54.449795],[-162.612457,54.367641],[-162.782242,54.373118],[-162.80415,54.488133]]],[[[-165.548097,54.29644],[-165.476897,54.181425],[-165.630251,54.132132],[-165.685021,54.252625],[-165.548097,54.29644]]],[[[-165.73979,54.15404],[-166.046499,54.044501],[-166.112222,54.121178],[-165.980775,54.219763],[-165.73979,54.15404]]],[[[-166.364161,60.359413],[-166.13413,60.397752],[-166.084837,60.326552],[-165.88219,60.342983],[-165.685021,60.277259],[-165.646682,59.992458],[-165.750744,59.89935],[-166.00816,59.844581],[-166.062929,59.745996],[-166.440838,59.855535],[-166.6161,59.850058],[-166.994009,59.992458],[-167.125456,59.992458],[-167.344534,60.074613],[-167.421211,60.206059],[-167.311672,60.238921],[-166.93924,60.206059],[-166.763978,60.310121],[-166.577762,60.321075],[-166.495608,60.392275],[-166.364161,60.359413]]],[[[-166.375115,54.01164],[-166.210807,53.934962],[-166.5449,53.748746],[-166.539423,53.715885],[-166.117699,53.852808],[-166.112222,53.776131],[-166.282007,53.683023],[-166.555854,53.622777],[-166.583239,53.529669],[-166.878994,53.431084],[-167.13641,53.425607],[-167.306195,53.332499],[-167.623857,53.250345],[-167.793643,53.337976],[-167.459549,53.442038],[-167.355487,53.425607],[-167.103548,53.513238],[-167.163794,53.611823],[-167.021394,53.715885],[-166.807793,53.666592],[-166.785886,53.732316],[-167.015917,53.754223],[-167.141887,53.825424],[-167.032348,53.945916],[-166.643485,54.017116],[-166.561331,53.880193],[-166.375115,54.01164]]],[[[-168.790446,53.157237],[-168.40706,53.34893],[-168.385152,53.431084],[-168.237275,53.524192],[-168.007243,53.568007],[-167.886751,53.518715],[-167.842935,53.387268],[-168.270136,53.244868],[-168.500168,53.036744],[-168.686384,52.965544],[-168.790446,53.157237]]],[[[-169.74891,52.894344],[-169.705095,52.795759],[-169.962511,52.790282],[-169.989896,52.856005],[-169.74891,52.894344]]],[[[-170.148727,57.221127],[-170.28565,57.128019],[-170.313035,57.221127],[-170.148727,57.221127]]],[[[-170.669036,52.697174],[-170.603313,52.604066],[-170.789529,52.538343],[-170.816914,52.636928],[-170.669036,52.697174]]],[[[-171.742517,63.716778],[-170.94836,63.5689],[-170.488297,63.69487],[-170.280174,63.683916],[-170.093958,63.612716],[-170.044665,63.492223],[-169.644848,63.4265],[-169.518879,63.366254],[-168.99857,63.338869],[-168.686384,63.295053],[-168.856169,63.147176],[-169.108108,63.180038],[-169.376478,63.152653],[-169.513402,63.08693],[-169.639372,62.939052],[-169.831064,63.075976],[-170.055619,63.169084],[-170.263743,63.180038],[-170.362328,63.2841],[-170.866206,63.415546],[-171.101715,63.421023],[-171.463193,63.306007],[-171.73704,63.366254],[-171.852055,63.486746],[-171.742517,63.716778]]],[[[-172.432611,52.390465],[-172.41618,52.275449],[-172.607873,52.253542],[-172.569535,52.352127],[-172.432611,52.390465]]],[[[-173.626584,52.14948],[-173.495138,52.105664],[-173.122706,52.111141],[-173.106275,52.07828],[-173.549907,52.028987],[-173.626584,52.14948]]],[[[-174.322156,52.280926],[-174.327632,52.379511],[-174.185232,52.41785],[-173.982585,52.319265],[-174.059262,52.226157],[-174.179755,52.231634],[-174.141417,52.127572],[-174.333109,52.116618],[-174.738403,52.007079],[-174.968435,52.039941],[-174.902711,52.116618],[-174.656249,52.105664],[-174.322156,52.280926]]],[[[-176.469116,51.853725],[-176.288377,51.870156],[-176.288377,51.744186],[-176.518409,51.760617],[-176.80321,51.61274],[-176.912748,51.80991],[-176.792256,51.815386],[-176.775825,51.963264],[-176.627947,51.968741],[-176.627947,51.859202],[-176.469116,51.853725]]],[[[-177.153734,51.946833],[-177.044195,51.897541],[-177.120872,51.727755],[-177.274226,51.678463],[-177.279703,51.782525],[-177.153734,51.946833]]],[[[-178.123152,51.919448],[-177.953367,51.913971],[-177.800013,51.793479],[-177.964321,51.651078],[-178.123152,51.919448]]],[[[-187.107557,52.992929],[-187.293773,52.927205],[-187.304726,52.823143],[-188.90491,52.762897],[-188.642017,52.927205],[-188.642017,53.003883],[-187.107557,52.992929]]]]}}, + {"type":"Feature","id":"04","properties":{"name":"Arizona","density":57.05},"geometry":{"type":"Polygon","coordinates":[[[-109.042503,37.000263],[-109.04798,31.331629],[-111.074448,31.331629],[-112.246513,31.704061],[-114.815198,32.492741],[-114.72209,32.717295],[-114.524921,32.755634],[-114.470151,32.843265],[-114.524921,33.029481],[-114.661844,33.034958],[-114.727567,33.40739],[-114.524921,33.54979],[-114.497536,33.697668],[-114.535874,33.933176],[-114.415382,34.108438],[-114.256551,34.174162],[-114.136058,34.305608],[-114.333228,34.448009],[-114.470151,34.710902],[-114.634459,34.87521],[-114.634459,35.00118],[-114.574213,35.138103],[-114.596121,35.324319],[-114.678275,35.516012],[-114.738521,36.102045],[-114.371566,36.140383],[-114.251074,36.01989],[-114.152489,36.025367],[-114.048427,36.195153],[-114.048427,37.000263],[-110.499369,37.00574],[-109.042503,37.000263]]]}}, + {"type":"Feature","id":"05","properties":{"name":"Arkansas","density":56.43},"geometry":{"type":"Polygon","coordinates":[[[-94.473842,36.501861],[-90.152536,36.496384],[-90.064905,36.304691],[-90.218259,36.184199],[-90.377091,35.997983],[-89.730812,35.997983],[-89.763673,35.811767],[-89.911551,35.756997],[-89.944412,35.603643],[-90.130628,35.439335],[-90.114197,35.198349],[-90.212782,35.023087],[-90.311367,34.995703],[-90.251121,34.908072],[-90.409952,34.831394],[-90.481152,34.661609],[-90.585214,34.617794],[-90.568783,34.420624],[-90.749522,34.365854],[-90.744046,34.300131],[-90.952169,34.135823],[-90.891923,34.026284],[-91.072662,33.867453],[-91.231493,33.560744],[-91.056231,33.429298],[-91.143862,33.347144],[-91.089093,33.13902],[-91.16577,33.002096],[-93.608485,33.018527],[-94.041164,33.018527],[-94.041164,33.54979],[-94.183564,33.593606],[-94.380734,33.544313],[-94.484796,33.637421],[-94.430026,35.395519],[-94.616242,36.501861],[-94.473842,36.501861]]]}}, + {"type":"Feature","id":"06","properties":{"name":"California","density":241.7},"geometry":{"type":"Polygon","coordinates":[[[-123.233256,42.006186],[-122.378853,42.011663],[-121.037003,41.995232],[-120.001861,41.995232],[-119.996384,40.264519],[-120.001861,38.999346],[-118.71478,38.101128],[-117.498899,37.21934],[-116.540435,36.501861],[-115.85034,35.970598],[-114.634459,35.00118],[-114.634459,34.87521],[-114.470151,34.710902],[-114.333228,34.448009],[-114.136058,34.305608],[-114.256551,34.174162],[-114.415382,34.108438],[-114.535874,33.933176],[-114.497536,33.697668],[-114.524921,33.54979],[-114.727567,33.40739],[-114.661844,33.034958],[-114.524921,33.029481],[-114.470151,32.843265],[-114.524921,32.755634],[-114.72209,32.717295],[-116.04751,32.624187],[-117.126467,32.536556],[-117.24696,32.668003],[-117.252437,32.876127],[-117.329114,33.122589],[-117.471515,33.297851],[-117.7837,33.538836],[-118.183517,33.763391],[-118.260194,33.703145],[-118.413548,33.741483],[-118.391641,33.840068],[-118.566903,34.042715],[-118.802411,33.998899],[-119.218659,34.146777],[-119.278905,34.26727],[-119.558229,34.415147],[-119.875891,34.40967],[-120.138784,34.475393],[-120.472878,34.448009],[-120.64814,34.579455],[-120.609801,34.858779],[-120.670048,34.902595],[-120.631709,35.099764],[-120.894602,35.247642],[-120.905556,35.450289],[-121.004141,35.461243],[-121.168449,35.636505],[-121.283465,35.674843],[-121.332757,35.784382],[-121.716143,36.195153],[-121.896882,36.315645],[-121.935221,36.638785],[-121.858544,36.6114],[-121.787344,36.803093],[-121.929744,36.978355],[-122.105006,36.956447],[-122.335038,37.115279],[-122.417192,37.241248],[-122.400761,37.361741],[-122.515777,37.520572],[-122.515777,37.783465],[-122.329561,37.783465],[-122.406238,38.15042],[-122.488392,38.112082],[-122.504823,37.931343],[-122.701993,37.893004],[-122.937501,38.029928],[-122.97584,38.265436],[-123.129194,38.451652],[-123.331841,38.566668],[-123.44138,38.698114],[-123.737134,38.95553],[-123.687842,39.032208],[-123.824765,39.366301],[-123.764519,39.552517],[-123.85215,39.831841],[-124.109566,40.105688],[-124.361506,40.259042],[-124.410798,40.439781],[-124.158859,40.877937],[-124.109566,41.025814],[-124.158859,41.14083],[-124.065751,41.442061],[-124.147905,41.715908],[-124.257444,41.781632],[-124.213628,42.000709],[-123.233256,42.006186]]]}}, + {"type":"Feature","id":"08","properties":{"name":"Colorado","density":49.33},"geometry":{"type":"Polygon","coordinates":[[[-107.919731,41.003906],[-105.728954,40.998429],[-104.053011,41.003906],[-102.053927,41.003906],[-102.053927,40.001626],[-102.042974,36.994786],[-103.001438,37.000263],[-104.337812,36.994786],[-106.868158,36.994786],[-107.421329,37.000263],[-109.042503,37.000263],[-109.042503,38.166851],[-109.058934,38.27639],[-109.053457,39.125316],[-109.04798,40.998429],[-107.919731,41.003906]]]}}, + {"type":"Feature","id":"09","properties":{"name":"Connecticut","density":739.1},"geometry":{"type":"Polygon","coordinates":[[[-73.053528,42.039048],[-71.799309,42.022617],[-71.799309,42.006186],[-71.799309,41.414677],[-71.859555,41.321569],[-71.947186,41.338],[-72.385341,41.261322],[-72.905651,41.28323],[-73.130205,41.146307],[-73.371191,41.102491],[-73.655992,40.987475],[-73.727192,41.102491],[-73.48073,41.21203],[-73.55193,41.294184],[-73.486206,42.050002],[-73.053528,42.039048]]]}}, + {"type":"Feature","id":"10","properties":{"name":"Delaware","density":464.3},"geometry":{"type":"Polygon","coordinates":[[[-75.414089,39.804456],[-75.507197,39.683964],[-75.611259,39.61824],[-75.589352,39.459409],[-75.441474,39.311532],[-75.403136,39.065069],[-75.189535,38.807653],[-75.09095,38.796699],[-75.047134,38.451652],[-75.693413,38.462606],[-75.786521,39.722302],[-75.616736,39.831841],[-75.414089,39.804456]]]}}, + {"type":"Feature","id":"11","properties":{"name":"District of Columbia","density":10065},"geometry":{"type":"Polygon","coordinates":[[[-77.035264,38.993869],[-76.909294,38.895284],[-77.040741,38.791222],[-77.117418,38.933623],[-77.035264,38.993869]]]}}, + {"type":"Feature","id":"12","properties":{"name":"Florida","density":353.4},"geometry":{"type":"Polygon","coordinates":[[[-85.497137,30.997536],[-85.004212,31.003013],[-84.867289,30.712735],[-83.498053,30.647012],[-82.216449,30.570335],[-82.167157,30.356734],[-82.046664,30.362211],[-82.002849,30.564858],[-82.041187,30.751074],[-81.948079,30.827751],[-81.718048,30.745597],[-81.444201,30.707258],[-81.383954,30.27458],[-81.257985,29.787132],[-80.967707,29.14633],[-80.524075,28.461713],[-80.589798,28.41242],[-80.56789,28.094758],[-80.381674,27.738757],[-80.091397,27.021277],[-80.03115,26.796723],[-80.036627,26.566691],[-80.146166,25.739673],[-80.239274,25.723243],[-80.337859,25.465826],[-80.304997,25.383672],[-80.49669,25.197456],[-80.573367,25.241272],[-80.759583,25.164595],[-81.077246,25.120779],[-81.170354,25.224841],[-81.126538,25.378195],[-81.351093,25.821827],[-81.526355,25.903982],[-81.679709,25.843735],[-81.800202,26.090198],[-81.833064,26.292844],[-82.041187,26.517399],[-82.09048,26.665276],[-82.057618,26.878877],[-82.172634,26.917216],[-82.145249,26.791246],[-82.249311,26.758384],[-82.566974,27.300601],[-82.692943,27.437525],[-82.391711,27.837342],[-82.588881,27.815434],[-82.720328,27.689464],[-82.851774,27.886634],[-82.676512,28.434328],[-82.643651,28.888914],[-82.764143,28.998453],[-82.802482,29.14633],[-82.994175,29.179192],[-83.218729,29.420177],[-83.399469,29.518762],[-83.410422,29.66664],[-83.536392,29.721409],[-83.640454,29.885717],[-84.02384,30.104795],[-84.357933,30.055502],[-84.341502,29.902148],[-84.451041,29.929533],[-84.867289,29.743317],[-85.310921,29.699501],[-85.299967,29.80904],[-85.404029,29.940487],[-85.924338,30.236241],[-86.29677,30.362211],[-86.630863,30.395073],[-86.910187,30.373165],[-87.518128,30.280057],[-87.37025,30.427934],[-87.446927,30.510088],[-87.408589,30.674397],[-87.633143,30.86609],[-87.600282,30.997536],[-85.497137,30.997536]]]}}, + {"type":"Feature","id":"13","properties":{"name":"Georgia","density":169.5},"geometry":{"type":"Polygon","coordinates":[[[-83.109191,35.00118],[-83.322791,34.787579],[-83.339222,34.683517],[-83.005129,34.469916],[-82.901067,34.486347],[-82.747713,34.26727],[-82.714851,34.152254],[-82.55602,33.94413],[-82.325988,33.81816],[-82.194542,33.631944],[-81.926172,33.462159],[-81.937125,33.347144],[-81.761863,33.160928],[-81.493493,33.007573],[-81.42777,32.843265],[-81.416816,32.629664],[-81.279893,32.558464],[-81.121061,32.290094],[-81.115584,32.120309],[-80.885553,32.032678],[-81.132015,31.693108],[-81.175831,31.517845],[-81.279893,31.364491],[-81.290846,31.20566],[-81.400385,31.13446],[-81.444201,30.707258],[-81.718048,30.745597],[-81.948079,30.827751],[-82.041187,30.751074],[-82.002849,30.564858],[-82.046664,30.362211],[-82.167157,30.356734],[-82.216449,30.570335],[-83.498053,30.647012],[-84.867289,30.712735],[-85.004212,31.003013],[-85.113751,31.27686],[-85.042551,31.539753],[-85.141136,31.840985],[-85.053504,32.01077],[-85.058981,32.13674],[-84.889196,32.262709],[-85.004212,32.322956],[-84.960397,32.421541],[-85.069935,32.580372],[-85.184951,32.859696],[-85.431413,34.124869],[-85.606675,34.984749],[-84.319594,34.990226],[-83.618546,34.984749],[-83.109191,35.00118]]]}}, + {"type":"Feature","id":"15","properties":{"name":"Hawaii","density":214.1},"geometry":{"type":"MultiPolygon","coordinates":[[[[-155.634835,18.948267],[-155.881297,19.035898],[-155.919636,19.123529],[-155.886774,19.348084],[-156.062036,19.73147],[-155.925113,19.857439],[-155.826528,20.032702],[-155.897728,20.147717],[-155.87582,20.26821],[-155.596496,20.12581],[-155.284311,20.021748],[-155.092618,19.868393],[-155.092618,19.736947],[-154.807817,19.523346],[-154.983079,19.348084],[-155.295265,19.26593],[-155.514342,19.134483],[-155.634835,18.948267]]],[[[-156.587823,21.029505],[-156.472807,20.892581],[-156.324929,20.952827],[-156.00179,20.793996],[-156.051082,20.651596],[-156.379699,20.580396],[-156.445422,20.60778],[-156.461853,20.783042],[-156.631638,20.821381],[-156.697361,20.919966],[-156.587823,21.029505]]],[[[-156.982162,21.210244],[-157.080747,21.106182],[-157.310779,21.106182],[-157.239579,21.221198],[-156.982162,21.210244]]],[[[-157.951581,21.697691],[-157.842042,21.462183],[-157.896811,21.325259],[-158.110412,21.303352],[-158.252813,21.582676],[-158.126843,21.588153],[-157.951581,21.697691]]],[[[-159.468693,22.228955],[-159.353678,22.218001],[-159.298908,22.113939],[-159.33177,21.966061],[-159.446786,21.872953],[-159.764448,21.987969],[-159.726109,22.152277],[-159.468693,22.228955]]]]}}, + {"type":"Feature","id":"16","properties":{"name":"Idaho","density":19.15},"geometry":{"type":"Polygon","coordinates":[[[-116.04751,49.000239],[-116.04751,47.976051],[-115.724371,47.696727],[-115.718894,47.42288],[-115.527201,47.302388],[-115.324554,47.258572],[-115.302646,47.187372],[-114.930214,46.919002],[-114.886399,46.809463],[-114.623506,46.705401],[-114.612552,46.639678],[-114.322274,46.645155],[-114.464674,46.272723],[-114.492059,46.037214],[-114.387997,45.88386],[-114.568736,45.774321],[-114.497536,45.670259],[-114.546828,45.560721],[-114.333228,45.456659],[-114.086765,45.593582],[-113.98818,45.703121],[-113.807441,45.604536],[-113.834826,45.522382],[-113.736241,45.330689],[-113.571933,45.128042],[-113.45144,45.056842],[-113.456917,44.865149],[-113.341901,44.782995],[-113.133778,44.772041],[-113.002331,44.448902],[-112.887315,44.394132],[-112.783254,44.48724],[-112.471068,44.481763],[-112.241036,44.569394],[-112.104113,44.520102],[-111.868605,44.563917],[-111.819312,44.509148],[-111.616665,44.547487],[-111.386634,44.75561],[-111.227803,44.580348],[-111.047063,44.476286],[-111.047063,42.000709],[-112.164359,41.995232],[-114.04295,41.995232],[-117.027882,42.000709],[-117.027882,43.830007],[-116.896436,44.158624],[-116.97859,44.240778],[-117.170283,44.257209],[-117.241483,44.394132],[-117.038836,44.750133],[-116.934774,44.782995],[-116.830713,44.930872],[-116.847143,45.02398],[-116.732128,45.144473],[-116.671881,45.319735],[-116.463758,45.61549],[-116.545912,45.752413],[-116.78142,45.823614],[-116.918344,45.993399],[-116.92382,46.168661],[-117.055267,46.343923],[-117.038836,46.426077],[-117.044313,47.762451],[-117.033359,49.000239],[-116.04751,49.000239]]]}}, + {"type":"Feature","id":"17","properties":{"name":"Illinois","density":231.5},"geometry":{"type":"Polygon","coordinates":[[[-90.639984,42.510065],[-88.788778,42.493634],[-87.802929,42.493634],[-87.83579,42.301941],[-87.682436,42.077386],[-87.523605,41.710431],[-87.529082,39.34987],[-87.63862,39.169131],[-87.512651,38.95553],[-87.49622,38.780268],[-87.62219,38.637868],[-87.655051,38.506421],[-87.83579,38.292821],[-87.950806,38.27639],[-87.923421,38.15042],[-88.000098,38.101128],[-88.060345,37.865619],[-88.027483,37.799896],[-88.15893,37.657496],[-88.065822,37.482234],[-88.476592,37.389126],[-88.514931,37.285064],[-88.421823,37.153617],[-88.547792,37.071463],[-88.914747,37.224817],[-89.029763,37.213863],[-89.183118,37.038601],[-89.133825,36.983832],[-89.292656,36.994786],[-89.517211,37.279587],[-89.435057,37.34531],[-89.517211,37.537003],[-89.517211,37.690357],[-89.84035,37.903958],[-89.949889,37.88205],[-90.059428,38.013497],[-90.355183,38.216144],[-90.349706,38.374975],[-90.179921,38.632391],[-90.207305,38.725499],[-90.10872,38.845992],[-90.251121,38.917192],[-90.470199,38.961007],[-90.585214,38.867899],[-90.661891,38.928146],[-90.727615,39.256762],[-91.061708,39.470363],[-91.368417,39.727779],[-91.494386,40.034488],[-91.50534,40.237135],[-91.417709,40.379535],[-91.401278,40.560274],[-91.121954,40.669813],[-91.09457,40.823167],[-90.963123,40.921752],[-90.946692,41.097014],[-91.111001,41.239415],[-91.045277,41.414677],[-90.656414,41.463969],[-90.344229,41.589939],[-90.311367,41.743293],[-90.179921,41.809016],[-90.141582,42.000709],[-90.168967,42.126679],[-90.393521,42.225264],[-90.420906,42.329326],[-90.639984,42.510065]]]}}, + {"type":"Feature","id":"18","properties":{"name":"Indiana","density":181.7},"geometry":{"type":"Polygon","coordinates":[[[-85.990061,41.759724],[-84.807042,41.759724],[-84.807042,41.694001],[-84.801565,40.500028],[-84.817996,39.103408],[-84.894673,39.059592],[-84.812519,38.785745],[-84.987781,38.780268],[-85.173997,38.68716],[-85.431413,38.730976],[-85.42046,38.533806],[-85.590245,38.451652],[-85.655968,38.325682],[-85.83123,38.27639],[-85.924338,38.024451],[-86.039354,37.958727],[-86.263908,38.051835],[-86.302247,38.166851],[-86.521325,38.040881],[-86.504894,37.931343],[-86.729448,37.893004],[-86.795172,37.991589],[-87.047111,37.893004],[-87.129265,37.788942],[-87.381204,37.93682],[-87.512651,37.903958],[-87.600282,37.975158],[-87.682436,37.903958],[-87.934375,37.893004],[-88.027483,37.799896],[-88.060345,37.865619],[-88.000098,38.101128],[-87.923421,38.15042],[-87.950806,38.27639],[-87.83579,38.292821],[-87.655051,38.506421],[-87.62219,38.637868],[-87.49622,38.780268],[-87.512651,38.95553],[-87.63862,39.169131],[-87.529082,39.34987],[-87.523605,41.710431],[-87.42502,41.644708],[-87.118311,41.644708],[-86.822556,41.759724],[-85.990061,41.759724]]]}}, + {"type":"Feature","id":"19","properties":{"name":"Iowa","density":54.81},"geometry":{"type":"Polygon","coordinates":[[[-91.368417,43.501391],[-91.215062,43.501391],[-91.204109,43.353514],[-91.056231,43.254929],[-91.176724,43.134436],[-91.143862,42.909881],[-91.067185,42.75105],[-90.711184,42.636034],[-90.639984,42.510065],[-90.420906,42.329326],[-90.393521,42.225264],[-90.168967,42.126679],[-90.141582,42.000709],[-90.179921,41.809016],[-90.311367,41.743293],[-90.344229,41.589939],[-90.656414,41.463969],[-91.045277,41.414677],[-91.111001,41.239415],[-90.946692,41.097014],[-90.963123,40.921752],[-91.09457,40.823167],[-91.121954,40.669813],[-91.401278,40.560274],[-91.417709,40.379535],[-91.527248,40.412397],[-91.729895,40.615043],[-91.833957,40.609566],[-93.257961,40.582182],[-94.632673,40.571228],[-95.7664,40.587659],[-95.881416,40.719105],[-95.826646,40.976521],[-95.925231,41.201076],[-95.919754,41.453015],[-96.095016,41.540646],[-96.122401,41.67757],[-96.062155,41.798063],[-96.127878,41.973325],[-96.264801,42.039048],[-96.44554,42.488157],[-96.631756,42.707235],[-96.544125,42.855112],[-96.511264,43.052282],[-96.434587,43.123482],[-96.560556,43.222067],[-96.527695,43.397329],[-96.582464,43.479483],[-96.451017,43.501391],[-91.368417,43.501391]]]}}, + {"type":"Feature","id":"20","properties":{"name":"Kansas","density":35.09},"geometry":{"type":"Polygon","coordinates":[[[-101.90605,40.001626],[-95.306337,40.001626],[-95.207752,39.908518],[-94.884612,39.831841],[-95.109167,39.541563],[-94.983197,39.442978],[-94.824366,39.20747],[-94.610765,39.158177],[-94.616242,37.000263],[-100.087706,37.000263],[-102.042974,36.994786],[-102.053927,40.001626],[-101.90605,40.001626]]]}}, + {"type":"Feature","id":"21","properties":{"name":"Kentucky","density":110},"geometry":{"type":"Polygon","coordinates":[[[-83.903347,38.769315],[-83.678792,38.632391],[-83.519961,38.703591],[-83.142052,38.626914],[-83.032514,38.725499],[-82.890113,38.758361],[-82.846298,38.588575],[-82.731282,38.561191],[-82.594358,38.424267],[-82.621743,38.123036],[-82.50125,37.931343],[-82.342419,37.783465],[-82.293127,37.668449],[-82.101434,37.553434],[-81.969987,37.537003],[-82.353373,37.268633],[-82.720328,37.120755],[-82.720328,37.044078],[-82.868205,36.978355],[-82.879159,36.890724],[-83.070852,36.852385],[-83.136575,36.742847],[-83.673316,36.600446],[-83.689746,36.584015],[-84.544149,36.594969],[-85.289013,36.627831],[-85.486183,36.616877],[-86.592525,36.655216],[-87.852221,36.633308],[-88.071299,36.677123],[-88.054868,36.496384],[-89.298133,36.507338],[-89.418626,36.496384],[-89.363857,36.622354],[-89.215979,36.578538],[-89.133825,36.983832],[-89.183118,37.038601],[-89.029763,37.213863],[-88.914747,37.224817],[-88.547792,37.071463],[-88.421823,37.153617],[-88.514931,37.285064],[-88.476592,37.389126],[-88.065822,37.482234],[-88.15893,37.657496],[-88.027483,37.799896],[-87.934375,37.893004],[-87.682436,37.903958],[-87.600282,37.975158],[-87.512651,37.903958],[-87.381204,37.93682],[-87.129265,37.788942],[-87.047111,37.893004],[-86.795172,37.991589],[-86.729448,37.893004],[-86.504894,37.931343],[-86.521325,38.040881],[-86.302247,38.166851],[-86.263908,38.051835],[-86.039354,37.958727],[-85.924338,38.024451],[-85.83123,38.27639],[-85.655968,38.325682],[-85.590245,38.451652],[-85.42046,38.533806],[-85.431413,38.730976],[-85.173997,38.68716],[-84.987781,38.780268],[-84.812519,38.785745],[-84.894673,39.059592],[-84.817996,39.103408],[-84.43461,39.103408],[-84.231963,38.895284],[-84.215533,38.807653],[-83.903347,38.769315]]]}}, + {"type":"Feature","id":"22","properties":{"name":"Louisiana","density":105},"geometry":{"type":"Polygon","coordinates":[[[-93.608485,33.018527],[-91.16577,33.002096],[-91.072662,32.887081],[-91.143862,32.843265],[-91.154816,32.640618],[-91.006939,32.514649],[-90.985031,32.218894],[-91.105524,31.988862],[-91.341032,31.846462],[-91.401278,31.621907],[-91.499863,31.643815],[-91.516294,31.27686],[-91.636787,31.265906],[-91.565587,31.068736],[-91.636787,30.997536],[-89.747242,30.997536],[-89.845827,30.66892],[-89.681519,30.449842],[-89.643181,30.285534],[-89.522688,30.181472],[-89.818443,30.044549],[-89.84035,29.945964],[-89.599365,29.88024],[-89.495303,30.039072],[-89.287179,29.88024],[-89.30361,29.754271],[-89.424103,29.699501],[-89.648657,29.748794],[-89.621273,29.655686],[-89.69795,29.513285],[-89.506257,29.387316],[-89.199548,29.348977],[-89.09001,29.2011],[-89.002379,29.179192],[-89.16121,29.009407],[-89.336472,29.042268],[-89.484349,29.217531],[-89.851304,29.310638],[-89.851304,29.480424],[-90.032043,29.425654],[-90.021089,29.283254],[-90.103244,29.151807],[-90.23469,29.129899],[-90.333275,29.277777],[-90.563307,29.283254],[-90.645461,29.129899],[-90.798815,29.086084],[-90.963123,29.179192],[-91.09457,29.190146],[-91.220539,29.436608],[-91.445094,29.546147],[-91.532725,29.529716],[-91.620356,29.73784],[-91.883249,29.710455],[-91.888726,29.836425],[-92.146142,29.715932],[-92.113281,29.622824],[-92.31045,29.535193],[-92.617159,29.579009],[-92.97316,29.715932],[-93.2251,29.776178],[-93.767317,29.726886],[-93.838517,29.688547],[-93.926148,29.787132],[-93.690639,30.143133],[-93.767317,30.334826],[-93.696116,30.438888],[-93.728978,30.575812],[-93.630393,30.679874],[-93.526331,30.93729],[-93.542762,31.15089],[-93.816609,31.556184],[-93.822086,31.775262],[-94.041164,31.994339],[-94.041164,33.018527],[-93.608485,33.018527]]]}}, + {"type":"Feature","id":"23","properties":{"name":"Maine","density":43.04},"geometry":{"type":"Polygon","coordinates":[[[-70.703921,43.057759],[-70.824413,43.128959],[-70.807983,43.227544],[-70.966814,43.34256],[-71.032537,44.657025],[-71.08183,45.303304],[-70.649151,45.440228],[-70.720352,45.511428],[-70.556043,45.664782],[-70.386258,45.735983],[-70.41912,45.796229],[-70.260289,45.889337],[-70.309581,46.064599],[-70.210996,46.327492],[-70.057642,46.415123],[-69.997395,46.694447],[-69.225147,47.461219],[-69.044408,47.428357],[-69.033454,47.242141],[-68.902007,47.176418],[-68.578868,47.285957],[-68.376221,47.285957],[-68.233821,47.357157],[-67.954497,47.198326],[-67.790188,47.066879],[-67.779235,45.944106],[-67.801142,45.675736],[-67.456095,45.604536],[-67.505388,45.48952],[-67.417757,45.379982],[-67.488957,45.281397],[-67.346556,45.128042],[-67.16034,45.160904],[-66.979601,44.804903],[-67.187725,44.646072],[-67.308218,44.706318],[-67.406803,44.596779],[-67.549203,44.624164],[-67.565634,44.531056],[-67.75185,44.54201],[-68.047605,44.328409],[-68.118805,44.476286],[-68.222867,44.48724],[-68.173574,44.328409],[-68.403606,44.251732],[-68.458375,44.377701],[-68.567914,44.311978],[-68.82533,44.311978],[-68.830807,44.459856],[-68.984161,44.426994],[-68.956777,44.322932],[-69.099177,44.103854],[-69.071793,44.043608],[-69.258008,43.923115],[-69.444224,43.966931],[-69.553763,43.840961],[-69.707118,43.82453],[-69.833087,43.720469],[-69.986442,43.742376],[-70.030257,43.851915],[-70.254812,43.676653],[-70.194565,43.567114],[-70.358873,43.528776],[-70.369827,43.435668],[-70.556043,43.320652],[-70.703921,43.057759]]]}}, + {"type":"Feature","id":"24","properties":{"name":"Maryland","density":596.3},"geometry":{"type":"MultiPolygon","coordinates":[[[[-75.994645,37.95325],[-76.016553,37.95325],[-76.043938,37.95325],[-75.994645,37.95325]]],[[[-79.477979,39.722302],[-75.786521,39.722302],[-75.693413,38.462606],[-75.047134,38.451652],[-75.244304,38.029928],[-75.397659,38.013497],[-75.671506,37.95325],[-75.885106,37.909435],[-75.879629,38.073743],[-75.961783,38.139466],[-75.846768,38.210667],[-76.000122,38.374975],[-76.049415,38.303775],[-76.257538,38.320205],[-76.328738,38.500944],[-76.263015,38.500944],[-76.257538,38.736453],[-76.191815,38.829561],[-76.279446,39.147223],[-76.169907,39.333439],[-76.000122,39.366301],[-75.972737,39.557994],[-76.098707,39.536086],[-76.104184,39.437501],[-76.367077,39.311532],[-76.443754,39.196516],[-76.460185,38.906238],[-76.55877,38.769315],[-76.514954,38.539283],[-76.383508,38.380452],[-76.399939,38.259959],[-76.317785,38.139466],[-76.3616,38.057312],[-76.591632,38.216144],[-76.920248,38.292821],[-77.018833,38.446175],[-77.205049,38.358544],[-77.276249,38.479037],[-77.128372,38.632391],[-77.040741,38.791222],[-76.909294,38.895284],[-77.035264,38.993869],[-77.117418,38.933623],[-77.248864,39.026731],[-77.456988,39.076023],[-77.456988,39.223901],[-77.566527,39.306055],[-77.719881,39.322485],[-77.834897,39.601809],[-78.004682,39.601809],[-78.174467,39.694917],[-78.267575,39.61824],[-78.431884,39.623717],[-78.470222,39.514178],[-78.765977,39.585379],[-78.963147,39.437501],[-79.094593,39.470363],[-79.291763,39.300578],[-79.488933,39.20747],[-79.477979,39.722302]]]]}}, + {"type":"Feature","id":"25","properties":{"name":"Massachusetts","density":840.2},"geometry":{"type":"Polygon","coordinates":[[[-70.917521,42.887974],[-70.818936,42.871543],[-70.780598,42.696281],[-70.824413,42.55388],[-70.983245,42.422434],[-70.988722,42.269079],[-70.769644,42.247172],[-70.638197,42.08834],[-70.660105,41.962371],[-70.550566,41.929509],[-70.539613,41.814493],[-70.260289,41.715908],[-69.937149,41.809016],[-70.008349,41.672093],[-70.484843,41.5516],[-70.660105,41.546123],[-70.764167,41.639231],[-70.928475,41.611847],[-70.933952,41.540646],[-71.120168,41.496831],[-71.196845,41.67757],[-71.22423,41.710431],[-71.328292,41.781632],[-71.383061,42.01714],[-71.530939,42.01714],[-71.799309,42.006186],[-71.799309,42.022617],[-73.053528,42.039048],[-73.486206,42.050002],[-73.508114,42.08834],[-73.267129,42.745573],[-72.456542,42.729142],[-71.29543,42.696281],[-71.185891,42.789389],[-70.917521,42.887974]]]}}, + {"type":"Feature","id":"26","properties":{"name":"Michigan","density":173.9},"geometry":{"type":"MultiPolygon","coordinates":[[[[-83.454238,41.732339],[-84.807042,41.694001],[-84.807042,41.759724],[-85.990061,41.759724],[-86.822556,41.759724],[-86.619909,41.891171],[-86.482986,42.115725],[-86.357016,42.252649],[-86.263908,42.444341],[-86.209139,42.718189],[-86.231047,43.013943],[-86.526801,43.594499],[-86.433693,43.813577],[-86.499417,44.07647],[-86.269385,44.34484],[-86.220093,44.569394],[-86.252954,44.689887],[-86.088646,44.73918],[-86.066738,44.903488],[-85.809322,44.947303],[-85.612152,45.128042],[-85.628583,44.766564],[-85.524521,44.750133],[-85.393075,44.930872],[-85.387598,45.237581],[-85.305444,45.314258],[-85.031597,45.363551],[-85.119228,45.577151],[-84.938489,45.75789],[-84.713934,45.768844],[-84.461995,45.653829],[-84.215533,45.637398],[-84.09504,45.494997],[-83.908824,45.484043],[-83.596638,45.352597],[-83.4871,45.358074],[-83.317314,45.144473],[-83.454238,45.029457],[-83.322791,44.88158],[-83.273499,44.711795],[-83.333745,44.339363],[-83.536392,44.246255],[-83.585684,44.054562],[-83.82667,43.988839],[-83.958116,43.758807],[-83.908824,43.671176],[-83.667839,43.589022],[-83.481623,43.714992],[-83.262545,43.972408],[-82.917498,44.070993],[-82.747713,43.994316],[-82.643651,43.851915],[-82.539589,43.435668],[-82.523158,43.227544],[-82.413619,42.975605],[-82.517681,42.614127],[-82.681989,42.559357],[-82.687466,42.690804],[-82.797005,42.652465],[-82.922975,42.351234],[-83.125621,42.236218],[-83.185868,42.006186],[-83.437807,41.814493],[-83.454238,41.732339]]],[[[-85.508091,45.730506],[-85.49166,45.610013],[-85.623106,45.588105],[-85.568337,45.75789],[-85.508091,45.730506]]],[[[-87.589328,45.095181],[-87.742682,45.199243],[-87.649574,45.341643],[-87.885083,45.363551],[-87.791975,45.500474],[-87.781021,45.675736],[-87.989145,45.796229],[-88.10416,45.922199],[-88.531362,46.020784],[-88.662808,45.987922],[-89.09001,46.135799],[-90.119674,46.338446],[-90.229213,46.508231],[-90.415429,46.568478],[-90.026566,46.672539],[-89.851304,46.793032],[-89.413149,46.842325],[-89.128348,46.990202],[-88.996902,46.995679],[-88.887363,47.099741],[-88.575177,47.247618],[-88.416346,47.373588],[-88.180837,47.455742],[-87.956283,47.384542],[-88.350623,47.077833],[-88.443731,46.973771],[-88.438254,46.787555],[-88.246561,46.929956],[-87.901513,46.908048],[-87.633143,46.809463],[-87.392158,46.535616],[-87.260711,46.486323],[-87.008772,46.530139],[-86.948526,46.469893],[-86.696587,46.437031],[-86.159846,46.667063],[-85.880522,46.68897],[-85.508091,46.678016],[-85.256151,46.754694],[-85.064458,46.760171],[-85.02612,46.480847],[-84.82895,46.442508],[-84.63178,46.486323],[-84.549626,46.4206],[-84.418179,46.502754],[-84.127902,46.530139],[-84.122425,46.179615],[-83.990978,46.031737],[-83.793808,45.993399],[-83.7719,46.091984],[-83.580208,46.091984],[-83.476146,45.987922],[-83.563777,45.911245],[-84.111471,45.976968],[-84.374364,45.933153],[-84.659165,46.053645],[-84.741319,45.944106],[-84.70298,45.850998],[-84.82895,45.872906],[-85.015166,46.00983],[-85.338305,46.091984],[-85.502614,46.097461],[-85.661445,45.966014],[-85.924338,45.933153],[-86.209139,45.960537],[-86.324155,45.905768],[-86.351539,45.796229],[-86.663725,45.703121],[-86.647294,45.834568],[-86.784218,45.861952],[-86.838987,45.725029],[-87.069019,45.719552],[-87.17308,45.659305],[-87.326435,45.423797],[-87.611236,45.122565],[-87.589328,45.095181]]],[[[-88.805209,47.976051],[-89.057148,47.850082],[-89.188594,47.833651],[-89.177641,47.937713],[-88.547792,48.173221],[-88.668285,48.008913],[-88.805209,47.976051]]]]}}, + {"type":"Feature","id":"27","properties":{"name":"Minnesota","density":67.14},"geometry":{"type":"Polygon","coordinates":[[[-92.014696,46.705401],[-92.091373,46.749217],[-92.29402,46.667063],[-92.29402,46.075553],[-92.354266,46.015307],[-92.639067,45.933153],[-92.869098,45.719552],[-92.885529,45.577151],[-92.770513,45.566198],[-92.644544,45.440228],[-92.75956,45.286874],[-92.737652,45.117088],[-92.808852,44.750133],[-92.545959,44.569394],[-92.337835,44.552964],[-92.233773,44.443425],[-91.927065,44.333886],[-91.877772,44.202439],[-91.592971,44.032654],[-91.43414,43.994316],[-91.242447,43.775238],[-91.269832,43.616407],[-91.215062,43.501391],[-91.368417,43.501391],[-96.451017,43.501391],[-96.451017,45.297827],[-96.681049,45.412843],[-96.856311,45.604536],[-96.582464,45.818137],[-96.560556,45.933153],[-96.598895,46.332969],[-96.719387,46.437031],[-96.801542,46.656109],[-96.785111,46.924479],[-96.823449,46.968294],[-96.856311,47.609096],[-97.053481,47.948667],[-97.130158,48.140359],[-97.16302,48.545653],[-97.097296,48.682577],[-97.228743,49.000239],[-95.152983,49.000239],[-95.152983,49.383625],[-94.955813,49.372671],[-94.824366,49.295994],[-94.69292,48.775685],[-94.588858,48.715438],[-94.260241,48.699007],[-94.221903,48.649715],[-93.838517,48.627807],[-93.794701,48.518268],[-93.466085,48.545653],[-93.466085,48.589469],[-93.208669,48.644238],[-92.984114,48.62233],[-92.726698,48.540176],[-92.655498,48.436114],[-92.50762,48.447068],[-92.370697,48.222514],[-92.304974,48.315622],[-92.053034,48.359437],[-92.009219,48.266329],[-91.713464,48.200606],[-91.713464,48.112975],[-91.565587,48.041775],[-91.264355,48.080113],[-91.083616,48.178698],[-90.837154,48.238944],[-90.749522,48.091067],[-90.579737,48.123929],[-90.377091,48.091067],[-90.141582,48.112975],[-89.873212,47.987005],[-89.615796,48.008913],[-89.637704,47.954144],[-89.971797,47.828174],[-90.437337,47.729589],[-90.738569,47.625527],[-91.171247,47.368111],[-91.357463,47.20928],[-91.642264,47.028541],[-92.091373,46.787555],[-92.014696,46.705401]]]}}, + {"type":"Feature","id":"28","properties":{"name":"Mississippi","density":63.50},"geometry":{"type":"Polygon","coordinates":[[[-88.471115,34.995703],[-88.202745,34.995703],[-88.098683,34.891641],[-88.241084,33.796253],[-88.471115,31.895754],[-88.394438,30.367688],[-88.503977,30.323872],[-88.744962,30.34578],[-88.843547,30.411504],[-89.084533,30.367688],[-89.418626,30.252672],[-89.522688,30.181472],[-89.643181,30.285534],[-89.681519,30.449842],[-89.845827,30.66892],[-89.747242,30.997536],[-91.636787,30.997536],[-91.565587,31.068736],[-91.636787,31.265906],[-91.516294,31.27686],[-91.499863,31.643815],[-91.401278,31.621907],[-91.341032,31.846462],[-91.105524,31.988862],[-90.985031,32.218894],[-91.006939,32.514649],[-91.154816,32.640618],[-91.143862,32.843265],[-91.072662,32.887081],[-91.16577,33.002096],[-91.089093,33.13902],[-91.143862,33.347144],[-91.056231,33.429298],[-91.231493,33.560744],[-91.072662,33.867453],[-90.891923,34.026284],[-90.952169,34.135823],[-90.744046,34.300131],[-90.749522,34.365854],[-90.568783,34.420624],[-90.585214,34.617794],[-90.481152,34.661609],[-90.409952,34.831394],[-90.251121,34.908072],[-90.311367,34.995703],[-88.471115,34.995703]]]}}, + {"type":"Feature","id":"29","properties":{"name":"Missouri","density":87.26},"geometry":{"type":"Polygon","coordinates":[[[-91.833957,40.609566],[-91.729895,40.615043],[-91.527248,40.412397],[-91.417709,40.379535],[-91.50534,40.237135],[-91.494386,40.034488],[-91.368417,39.727779],[-91.061708,39.470363],[-90.727615,39.256762],[-90.661891,38.928146],[-90.585214,38.867899],[-90.470199,38.961007],[-90.251121,38.917192],[-90.10872,38.845992],[-90.207305,38.725499],[-90.179921,38.632391],[-90.349706,38.374975],[-90.355183,38.216144],[-90.059428,38.013497],[-89.949889,37.88205],[-89.84035,37.903958],[-89.517211,37.690357],[-89.517211,37.537003],[-89.435057,37.34531],[-89.517211,37.279587],[-89.292656,36.994786],[-89.133825,36.983832],[-89.215979,36.578538],[-89.363857,36.622354],[-89.418626,36.496384],[-89.484349,36.496384],[-89.539119,36.496384],[-89.533642,36.249922],[-89.730812,35.997983],[-90.377091,35.997983],[-90.218259,36.184199],[-90.064905,36.304691],[-90.152536,36.496384],[-94.473842,36.501861],[-94.616242,36.501861],[-94.616242,37.000263],[-94.610765,39.158177],[-94.824366,39.20747],[-94.983197,39.442978],[-95.109167,39.541563],[-94.884612,39.831841],[-95.207752,39.908518],[-95.306337,40.001626],[-95.552799,40.264519],[-95.7664,40.587659],[-94.632673,40.571228],[-93.257961,40.582182],[-91.833957,40.609566]]]}}, + {"type":"Feature","id":"30","properties":{"name":"Montana","density":6.858},"geometry":{"type":"Polygon","coordinates":[[[-104.047534,49.000239],[-104.042057,47.861036],[-104.047534,45.944106],[-104.042057,44.996596],[-104.058488,44.996596],[-105.91517,45.002073],[-109.080842,45.002073],[-111.05254,45.002073],[-111.047063,44.476286],[-111.227803,44.580348],[-111.386634,44.75561],[-111.616665,44.547487],[-111.819312,44.509148],[-111.868605,44.563917],[-112.104113,44.520102],[-112.241036,44.569394],[-112.471068,44.481763],[-112.783254,44.48724],[-112.887315,44.394132],[-113.002331,44.448902],[-113.133778,44.772041],[-113.341901,44.782995],[-113.456917,44.865149],[-113.45144,45.056842],[-113.571933,45.128042],[-113.736241,45.330689],[-113.834826,45.522382],[-113.807441,45.604536],[-113.98818,45.703121],[-114.086765,45.593582],[-114.333228,45.456659],[-114.546828,45.560721],[-114.497536,45.670259],[-114.568736,45.774321],[-114.387997,45.88386],[-114.492059,46.037214],[-114.464674,46.272723],[-114.322274,46.645155],[-114.612552,46.639678],[-114.623506,46.705401],[-114.886399,46.809463],[-114.930214,46.919002],[-115.302646,47.187372],[-115.324554,47.258572],[-115.527201,47.302388],[-115.718894,47.42288],[-115.724371,47.696727],[-116.04751,47.976051],[-116.04751,49.000239],[-111.50165,48.994762],[-109.453274,49.000239],[-104.047534,49.000239]]]}}, + {"type":"Feature","id":"31","properties":{"name":"Nebraska","density":23.97},"geometry":{"type":"Polygon","coordinates":[[[-103.324578,43.002989],[-101.626726,42.997512],[-98.499393,42.997512],[-98.466531,42.94822],[-97.951699,42.767481],[-97.831206,42.866066],[-97.688806,42.844158],[-97.217789,42.844158],[-96.692003,42.657942],[-96.626279,42.515542],[-96.44554,42.488157],[-96.264801,42.039048],[-96.127878,41.973325],[-96.062155,41.798063],[-96.122401,41.67757],[-96.095016,41.540646],[-95.919754,41.453015],[-95.925231,41.201076],[-95.826646,40.976521],[-95.881416,40.719105],[-95.7664,40.587659],[-95.552799,40.264519],[-95.306337,40.001626],[-101.90605,40.001626],[-102.053927,40.001626],[-102.053927,41.003906],[-104.053011,41.003906],[-104.053011,43.002989],[-103.324578,43.002989]]]}}, + {"type":"Feature","id":"32","properties":{"name":"Nevada","density":24.80},"geometry":{"type":"Polygon","coordinates":[[[-117.027882,42.000709],[-114.04295,41.995232],[-114.048427,37.000263],[-114.048427,36.195153],[-114.152489,36.025367],[-114.251074,36.01989],[-114.371566,36.140383],[-114.738521,36.102045],[-114.678275,35.516012],[-114.596121,35.324319],[-114.574213,35.138103],[-114.634459,35.00118],[-115.85034,35.970598],[-116.540435,36.501861],[-117.498899,37.21934],[-118.71478,38.101128],[-120.001861,38.999346],[-119.996384,40.264519],[-120.001861,41.995232],[-118.698349,41.989755],[-117.027882,42.000709]]]}}, + {"type":"Feature","id":"33","properties":{"name":"New Hampshire","density":147},"geometry":{"type":"Polygon","coordinates":[[[-71.08183,45.303304],[-71.032537,44.657025],[-70.966814,43.34256],[-70.807983,43.227544],[-70.824413,43.128959],[-70.703921,43.057759],[-70.818936,42.871543],[-70.917521,42.887974],[-71.185891,42.789389],[-71.29543,42.696281],[-72.456542,42.729142],[-72.544173,42.80582],[-72.533219,42.953697],[-72.445588,43.008466],[-72.456542,43.150867],[-72.379864,43.572591],[-72.204602,43.769761],[-72.116971,43.994316],[-72.02934,44.07647],[-72.034817,44.322932],[-71.700724,44.41604],[-71.536416,44.585825],[-71.629524,44.750133],[-71.4926,44.914442],[-71.503554,45.013027],[-71.361154,45.270443],[-71.131122,45.243058],[-71.08183,45.303304]]]}}, + {"type":"Feature","id":"34","properties":{"name":"New Jersey","density":1189 },"geometry":{"type":"Polygon","coordinates":[[[-74.236547,41.14083],[-73.902454,40.998429],[-74.022947,40.708151],[-74.187255,40.642428],[-74.274886,40.489074],[-74.001039,40.412397],[-73.979131,40.297381],[-74.099624,39.760641],[-74.411809,39.360824],[-74.614456,39.245808],[-74.795195,38.993869],[-74.888303,39.158177],[-75.178581,39.240331],[-75.534582,39.459409],[-75.55649,39.607286],[-75.561967,39.629194],[-75.507197,39.683964],[-75.414089,39.804456],[-75.145719,39.88661],[-75.129289,39.963288],[-74.82258,40.127596],[-74.773287,40.215227],[-75.058088,40.417874],[-75.069042,40.543843],[-75.195012,40.576705],[-75.205966,40.691721],[-75.052611,40.866983],[-75.134765,40.971045],[-74.882826,41.179168],[-74.828057,41.288707],[-74.69661,41.359907],[-74.236547,41.14083]]]}}, + {"type":"Feature","id":"35","properties":{"name":"New Mexico","density":17.16},"geometry":{"type":"Polygon","coordinates":[[[-107.421329,37.000263],[-106.868158,36.994786],[-104.337812,36.994786],[-103.001438,37.000263],[-103.001438,36.501861],[-103.039777,36.501861],[-103.045254,34.01533],[-103.067161,33.002096],[-103.067161,31.999816],[-106.616219,31.999816],[-106.643603,31.901231],[-106.528588,31.786216],[-108.210008,31.786216],[-108.210008,31.331629],[-109.04798,31.331629],[-109.042503,37.000263],[-107.421329,37.000263]]]}}, + {"type":"Feature","id":"36","properties":{"name":"New York","density":412.3},"geometry":{"type":"Polygon","coordinates":[[[-73.343806,45.013027],[-73.332852,44.804903],[-73.387622,44.618687],[-73.294514,44.437948],[-73.321898,44.246255],[-73.436914,44.043608],[-73.349283,43.769761],[-73.404052,43.687607],[-73.245221,43.523299],[-73.278083,42.833204],[-73.267129,42.745573],[-73.508114,42.08834],[-73.486206,42.050002],[-73.55193,41.294184],[-73.48073,41.21203],[-73.727192,41.102491],[-73.655992,40.987475],[-73.22879,40.905321],[-73.141159,40.965568],[-72.774204,40.965568],[-72.587988,40.998429],[-72.28128,41.157261],[-72.259372,41.042245],[-72.100541,40.992952],[-72.467496,40.845075],[-73.239744,40.625997],[-73.562884,40.582182],[-73.776484,40.593136],[-73.935316,40.543843],[-74.022947,40.708151],[-73.902454,40.998429],[-74.236547,41.14083],[-74.69661,41.359907],[-74.740426,41.431108],[-74.89378,41.436584],[-75.074519,41.60637],[-75.052611,41.754247],[-75.173104,41.869263],[-75.249781,41.863786],[-75.35932,42.000709],[-79.76278,42.000709],[-79.76278,42.252649],[-79.76278,42.269079],[-79.149363,42.55388],[-79.050778,42.690804],[-78.853608,42.783912],[-78.930285,42.953697],[-79.012439,42.986559],[-79.072686,43.260406],[-78.486653,43.375421],[-77.966344,43.369944],[-77.75822,43.34256],[-77.533665,43.233021],[-77.391265,43.276836],[-76.958587,43.271359],[-76.695693,43.34256],[-76.41637,43.523299],[-76.235631,43.528776],[-76.230154,43.802623],[-76.137046,43.961454],[-76.3616,44.070993],[-76.312308,44.196962],[-75.912491,44.366748],[-75.764614,44.514625],[-75.282643,44.848718],[-74.828057,45.018503],[-74.148916,44.991119],[-73.343806,45.013027]]]}}, + {"type":"Feature","id":"37","properties":{"name":"North Carolina","density":198.2},"geometry":{"type":"Polygon","coordinates":[[[-80.978661,36.562108],[-80.294043,36.545677],[-79.510841,36.5402],[-75.868676,36.551154],[-75.75366,36.151337],[-76.032984,36.189676],[-76.071322,36.140383],[-76.410893,36.080137],[-76.460185,36.025367],[-76.68474,36.008937],[-76.673786,35.937736],[-76.399939,35.987029],[-76.3616,35.943213],[-76.060368,35.992506],[-75.961783,35.899398],[-75.781044,35.937736],[-75.715321,35.696751],[-75.775568,35.581735],[-75.89606,35.570781],[-76.147999,35.324319],[-76.482093,35.313365],[-76.536862,35.14358],[-76.394462,34.973795],[-76.279446,34.940933],[-76.493047,34.661609],[-76.673786,34.694471],[-76.991448,34.667086],[-77.210526,34.60684],[-77.555573,34.415147],[-77.82942,34.163208],[-77.971821,33.845545],[-78.179944,33.916745],[-78.541422,33.851022],[-79.675149,34.80401],[-80.797922,34.820441],[-80.781491,34.935456],[-80.934845,35.105241],[-81.038907,35.044995],[-81.044384,35.149057],[-82.276696,35.198349],[-82.550543,35.160011],[-82.764143,35.066903],[-83.109191,35.00118],[-83.618546,34.984749],[-84.319594,34.990226],[-84.29221,35.225734],[-84.09504,35.247642],[-84.018363,35.41195],[-83.7719,35.559827],[-83.498053,35.565304],[-83.251591,35.718659],[-82.994175,35.773428],[-82.775097,35.997983],[-82.638174,36.063706],[-82.610789,35.965121],[-82.216449,36.156814],[-82.03571,36.118475],[-81.909741,36.304691],[-81.723525,36.353984],[-81.679709,36.589492],[-80.978661,36.562108]]]}}, + {"type":"Feature","id":"38","properties":{"name":"North Dakota","density":9.916},"geometry":{"type":"Polygon","coordinates":[[[-97.228743,49.000239],[-97.097296,48.682577],[-97.16302,48.545653],[-97.130158,48.140359],[-97.053481,47.948667],[-96.856311,47.609096],[-96.823449,46.968294],[-96.785111,46.924479],[-96.801542,46.656109],[-96.719387,46.437031],[-96.598895,46.332969],[-96.560556,45.933153],[-104.047534,45.944106],[-104.042057,47.861036],[-104.047534,49.000239],[-97.228743,49.000239]]]}}, + {"type":"Feature","id":"39","properties":{"name":"Ohio","density":281.9},"geometry":{"type":"Polygon","coordinates":[[[-80.518598,41.978802],[-80.518598,40.636951],[-80.666475,40.582182],[-80.595275,40.472643],[-80.600752,40.319289],[-80.737675,40.078303],[-80.830783,39.711348],[-81.219646,39.388209],[-81.345616,39.344393],[-81.455155,39.410117],[-81.57017,39.267716],[-81.685186,39.273193],[-81.811156,39.0815],[-81.783771,38.966484],[-81.887833,38.873376],[-82.03571,39.026731],[-82.221926,38.785745],[-82.172634,38.632391],[-82.293127,38.577622],[-82.331465,38.446175],[-82.594358,38.424267],[-82.731282,38.561191],[-82.846298,38.588575],[-82.890113,38.758361],[-83.032514,38.725499],[-83.142052,38.626914],[-83.519961,38.703591],[-83.678792,38.632391],[-83.903347,38.769315],[-84.215533,38.807653],[-84.231963,38.895284],[-84.43461,39.103408],[-84.817996,39.103408],[-84.801565,40.500028],[-84.807042,41.694001],[-83.454238,41.732339],[-83.065375,41.595416],[-82.933929,41.513262],[-82.835344,41.589939],[-82.616266,41.431108],[-82.479343,41.381815],[-82.013803,41.513262],[-81.739956,41.485877],[-81.444201,41.672093],[-81.011523,41.852832],[-80.518598,41.978802],[-80.518598,41.978802]]]}}, + {"type":"Feature","id":"40","properties":{"name":"Oklahoma","density":55.22},"geometry":{"type":"Polygon","coordinates":[[[-100.087706,37.000263],[-94.616242,37.000263],[-94.616242,36.501861],[-94.430026,35.395519],[-94.484796,33.637421],[-94.868182,33.74696],[-94.966767,33.861976],[-95.224183,33.960561],[-95.289906,33.87293],[-95.547322,33.878407],[-95.602092,33.933176],[-95.8376,33.834591],[-95.936185,33.889361],[-96.149786,33.840068],[-96.346956,33.686714],[-96.423633,33.774345],[-96.631756,33.845545],[-96.850834,33.845545],[-96.922034,33.960561],[-97.173974,33.736006],[-97.256128,33.861976],[-97.371143,33.823637],[-97.458774,33.905791],[-97.694283,33.982469],[-97.869545,33.851022],[-97.946222,33.987946],[-98.088623,34.004376],[-98.170777,34.113915],[-98.36247,34.157731],[-98.488439,34.064623],[-98.570593,34.146777],[-98.767763,34.135823],[-98.986841,34.223454],[-99.189488,34.2125],[-99.260688,34.404193],[-99.57835,34.415147],[-99.698843,34.382285],[-99.923398,34.573978],[-100.000075,34.563024],[-100.000075,36.501861],[-101.812942,36.501861],[-103.001438,36.501861],[-103.001438,37.000263],[-102.042974,36.994786],[-100.087706,37.000263]]]}}, + {"type":"Feature","id":"41","properties":{"name":"Oregon","density":40.33},"geometry":{"type":"Polygon","coordinates":[[[-123.211348,46.174138],[-123.11824,46.185092],[-122.904639,46.08103],[-122.811531,45.960537],[-122.762239,45.659305],[-122.247407,45.549767],[-121.809251,45.708598],[-121.535404,45.725029],[-121.217742,45.670259],[-121.18488,45.604536],[-120.637186,45.746937],[-120.505739,45.697644],[-120.209985,45.725029],[-119.963522,45.823614],[-119.525367,45.911245],[-119.125551,45.933153],[-118.988627,45.998876],[-116.918344,45.993399],[-116.78142,45.823614],[-116.545912,45.752413],[-116.463758,45.61549],[-116.671881,45.319735],[-116.732128,45.144473],[-116.847143,45.02398],[-116.830713,44.930872],[-116.934774,44.782995],[-117.038836,44.750133],[-117.241483,44.394132],[-117.170283,44.257209],[-116.97859,44.240778],[-116.896436,44.158624],[-117.027882,43.830007],[-117.027882,42.000709],[-118.698349,41.989755],[-120.001861,41.995232],[-121.037003,41.995232],[-122.378853,42.011663],[-123.233256,42.006186],[-124.213628,42.000709],[-124.356029,42.115725],[-124.432706,42.438865],[-124.416275,42.663419],[-124.553198,42.838681],[-124.454613,43.002989],[-124.383413,43.271359],[-124.235536,43.55616],[-124.169813,43.8081],[-124.060274,44.657025],[-124.076705,44.772041],[-123.97812,45.144473],[-123.939781,45.659305],[-123.994551,45.944106],[-123.945258,46.113892],[-123.545441,46.261769],[-123.370179,46.146753],[-123.211348,46.174138]]]}}, + {"type":"Feature","id":"42","properties":{"name":"Pennsylvania","density":284.3},"geometry":{"type":"Polygon","coordinates":[[[-79.76278,42.252649],[-79.76278,42.000709],[-75.35932,42.000709],[-75.249781,41.863786],[-75.173104,41.869263],[-75.052611,41.754247],[-75.074519,41.60637],[-74.89378,41.436584],[-74.740426,41.431108],[-74.69661,41.359907],[-74.828057,41.288707],[-74.882826,41.179168],[-75.134765,40.971045],[-75.052611,40.866983],[-75.205966,40.691721],[-75.195012,40.576705],[-75.069042,40.543843],[-75.058088,40.417874],[-74.773287,40.215227],[-74.82258,40.127596],[-75.129289,39.963288],[-75.145719,39.88661],[-75.414089,39.804456],[-75.616736,39.831841],[-75.786521,39.722302],[-79.477979,39.722302],[-80.518598,39.722302],[-80.518598,40.636951],[-80.518598,41.978802],[-80.518598,41.978802],[-80.332382,42.033571],[-79.76278,42.269079],[-79.76278,42.252649]]]}}, + {"type":"Feature","id":"44","properties":{"name":"Rhode Island","density":1006 },"geometry":{"type":"MultiPolygon","coordinates":[[[[-71.196845,41.67757],[-71.120168,41.496831],[-71.317338,41.474923],[-71.196845,41.67757]]],[[[-71.530939,42.01714],[-71.383061,42.01714],[-71.328292,41.781632],[-71.22423,41.710431],[-71.344723,41.726862],[-71.448785,41.578985],[-71.481646,41.370861],[-71.859555,41.321569],[-71.799309,41.414677],[-71.799309,42.006186],[-71.530939,42.01714]]]]}}, + {"type":"Feature","id":"45","properties":{"name":"South Carolina","density":155.4},"geometry":{"type":"Polygon","coordinates":[[[-82.764143,35.066903],[-82.550543,35.160011],[-82.276696,35.198349],[-81.044384,35.149057],[-81.038907,35.044995],[-80.934845,35.105241],[-80.781491,34.935456],[-80.797922,34.820441],[-79.675149,34.80401],[-78.541422,33.851022],[-78.716684,33.80173],[-78.935762,33.637421],[-79.149363,33.380005],[-79.187701,33.171881],[-79.357487,33.007573],[-79.582041,33.007573],[-79.631334,32.887081],[-79.866842,32.755634],[-79.998289,32.613234],[-80.206412,32.552987],[-80.430967,32.399633],[-80.452875,32.328433],[-80.660998,32.246279],[-80.885553,32.032678],[-81.115584,32.120309],[-81.121061,32.290094],[-81.279893,32.558464],[-81.416816,32.629664],[-81.42777,32.843265],[-81.493493,33.007573],[-81.761863,33.160928],[-81.937125,33.347144],[-81.926172,33.462159],[-82.194542,33.631944],[-82.325988,33.81816],[-82.55602,33.94413],[-82.714851,34.152254],[-82.747713,34.26727],[-82.901067,34.486347],[-83.005129,34.469916],[-83.339222,34.683517],[-83.322791,34.787579],[-83.109191,35.00118],[-82.764143,35.066903]]]}}, + {"type":"Feature","id":"46","properties":{"name":"South Dakota","density":98.07},"geometry":{"type":"Polygon","coordinates":[[[-104.047534,45.944106],[-96.560556,45.933153],[-96.582464,45.818137],[-96.856311,45.604536],[-96.681049,45.412843],[-96.451017,45.297827],[-96.451017,43.501391],[-96.582464,43.479483],[-96.527695,43.397329],[-96.560556,43.222067],[-96.434587,43.123482],[-96.511264,43.052282],[-96.544125,42.855112],[-96.631756,42.707235],[-96.44554,42.488157],[-96.626279,42.515542],[-96.692003,42.657942],[-97.217789,42.844158],[-97.688806,42.844158],[-97.831206,42.866066],[-97.951699,42.767481],[-98.466531,42.94822],[-98.499393,42.997512],[-101.626726,42.997512],[-103.324578,43.002989],[-104.053011,43.002989],[-104.058488,44.996596],[-104.042057,44.996596],[-104.047534,45.944106]]]}}, + {"type":"Feature","id":"47","properties":{"name":"Tennessee","density":88.08},"geometry":{"type":"Polygon","coordinates":[[[-88.054868,36.496384],[-88.071299,36.677123],[-87.852221,36.633308],[-86.592525,36.655216],[-85.486183,36.616877],[-85.289013,36.627831],[-84.544149,36.594969],[-83.689746,36.584015],[-83.673316,36.600446],[-81.679709,36.589492],[-81.723525,36.353984],[-81.909741,36.304691],[-82.03571,36.118475],[-82.216449,36.156814],[-82.610789,35.965121],[-82.638174,36.063706],[-82.775097,35.997983],[-82.994175,35.773428],[-83.251591,35.718659],[-83.498053,35.565304],[-83.7719,35.559827],[-84.018363,35.41195],[-84.09504,35.247642],[-84.29221,35.225734],[-84.319594,34.990226],[-85.606675,34.984749],[-87.359296,35.00118],[-88.202745,34.995703],[-88.471115,34.995703],[-90.311367,34.995703],[-90.212782,35.023087],[-90.114197,35.198349],[-90.130628,35.439335],[-89.944412,35.603643],[-89.911551,35.756997],[-89.763673,35.811767],[-89.730812,35.997983],[-89.533642,36.249922],[-89.539119,36.496384],[-89.484349,36.496384],[-89.418626,36.496384],[-89.298133,36.507338],[-88.054868,36.496384]]]}}, + {"type":"Feature","id":"48","properties":{"name":"Texas","density":98.07},"geometry":{"type":"Polygon","coordinates":[[[-101.812942,36.501861],[-100.000075,36.501861],[-100.000075,34.563024],[-99.923398,34.573978],[-99.698843,34.382285],[-99.57835,34.415147],[-99.260688,34.404193],[-99.189488,34.2125],[-98.986841,34.223454],[-98.767763,34.135823],[-98.570593,34.146777],[-98.488439,34.064623],[-98.36247,34.157731],[-98.170777,34.113915],[-98.088623,34.004376],[-97.946222,33.987946],[-97.869545,33.851022],[-97.694283,33.982469],[-97.458774,33.905791],[-97.371143,33.823637],[-97.256128,33.861976],[-97.173974,33.736006],[-96.922034,33.960561],[-96.850834,33.845545],[-96.631756,33.845545],[-96.423633,33.774345],[-96.346956,33.686714],[-96.149786,33.840068],[-95.936185,33.889361],[-95.8376,33.834591],[-95.602092,33.933176],[-95.547322,33.878407],[-95.289906,33.87293],[-95.224183,33.960561],[-94.966767,33.861976],[-94.868182,33.74696],[-94.484796,33.637421],[-94.380734,33.544313],[-94.183564,33.593606],[-94.041164,33.54979],[-94.041164,33.018527],[-94.041164,31.994339],[-93.822086,31.775262],[-93.816609,31.556184],[-93.542762,31.15089],[-93.526331,30.93729],[-93.630393,30.679874],[-93.728978,30.575812],[-93.696116,30.438888],[-93.767317,30.334826],[-93.690639,30.143133],[-93.926148,29.787132],[-93.838517,29.688547],[-94.002825,29.68307],[-94.523134,29.546147],[-94.70935,29.622824],[-94.742212,29.787132],[-94.873659,29.672117],[-94.966767,29.699501],[-95.016059,29.557101],[-94.911997,29.496854],[-94.895566,29.310638],[-95.081782,29.113469],[-95.383014,28.867006],[-95.985477,28.604113],[-96.045724,28.647929],[-96.226463,28.582205],[-96.23194,28.642452],[-96.478402,28.598636],[-96.593418,28.724606],[-96.664618,28.697221],[-96.401725,28.439805],[-96.593418,28.357651],[-96.774157,28.406943],[-96.801542,28.226204],[-97.026096,28.039988],[-97.256128,27.694941],[-97.404005,27.333463],[-97.513544,27.360848],[-97.540929,27.229401],[-97.425913,27.262263],[-97.480682,26.99937],[-97.557359,26.988416],[-97.562836,26.840538],[-97.469728,26.758384],[-97.442344,26.457153],[-97.332805,26.353091],[-97.30542,26.161398],[-97.217789,25.991613],[-97.524498,25.887551],[-97.650467,26.018997],[-97.885976,26.06829],[-98.198161,26.057336],[-98.466531,26.221644],[-98.669178,26.238075],[-98.822533,26.369522],[-99.030656,26.413337],[-99.173057,26.539307],[-99.266165,26.840538],[-99.446904,27.021277],[-99.424996,27.174632],[-99.50715,27.33894],[-99.479765,27.48134],[-99.605735,27.640172],[-99.709797,27.656603],[-99.879582,27.799003],[-99.934351,27.979742],[-100.082229,28.14405],[-100.29583,28.280974],[-100.399891,28.582205],[-100.498476,28.66436],[-100.629923,28.905345],[-100.673738,29.102515],[-100.799708,29.244915],[-101.013309,29.370885],[-101.062601,29.458516],[-101.259771,29.535193],[-101.413125,29.754271],[-101.851281,29.803563],[-102.114174,29.792609],[-102.338728,29.869286],[-102.388021,29.765225],[-102.629006,29.732363],[-102.809745,29.524239],[-102.919284,29.190146],[-102.97953,29.184669],[-103.116454,28.987499],[-103.280762,28.982022],[-103.527224,29.135376],[-104.146119,29.381839],[-104.266611,29.513285],[-104.507597,29.639255],[-104.677382,29.924056],[-104.688336,30.181472],[-104.858121,30.389596],[-104.896459,30.570335],[-105.005998,30.685351],[-105.394861,30.855136],[-105.602985,31.085167],[-105.77277,31.167321],[-105.953509,31.364491],[-106.205448,31.468553],[-106.38071,31.731446],[-106.528588,31.786216],[-106.643603,31.901231],[-106.616219,31.999816],[-103.067161,31.999816],[-103.067161,33.002096],[-103.045254,34.01533],[-103.039777,36.501861],[-103.001438,36.501861],[-101.812942,36.501861]]]}}, + {"type":"Feature","id":"49","properties":{"name":"Utah","density":34.30},"geometry":{"type":"Polygon","coordinates":[[[-112.164359,41.995232],[-111.047063,42.000709],[-111.047063,40.998429],[-109.04798,40.998429],[-109.053457,39.125316],[-109.058934,38.27639],[-109.042503,38.166851],[-109.042503,37.000263],[-110.499369,37.00574],[-114.048427,37.000263],[-114.04295,41.995232],[-112.164359,41.995232]]]}}, + {"type":"Feature","id":"50","properties":{"name":"Vermont","density":67.73},"geometry":{"type":"Polygon","coordinates":[[[-71.503554,45.013027],[-71.4926,44.914442],[-71.629524,44.750133],[-71.536416,44.585825],[-71.700724,44.41604],[-72.034817,44.322932],[-72.02934,44.07647],[-72.116971,43.994316],[-72.204602,43.769761],[-72.379864,43.572591],[-72.456542,43.150867],[-72.445588,43.008466],[-72.533219,42.953697],[-72.544173,42.80582],[-72.456542,42.729142],[-73.267129,42.745573],[-73.278083,42.833204],[-73.245221,43.523299],[-73.404052,43.687607],[-73.349283,43.769761],[-73.436914,44.043608],[-73.321898,44.246255],[-73.294514,44.437948],[-73.387622,44.618687],[-73.332852,44.804903],[-73.343806,45.013027],[-72.308664,45.002073],[-71.503554,45.013027]]]}}, + {"type":"Feature","id":"51","properties":{"name":"Virginia","density":204.5},"geometry":{"type":"MultiPolygon","coordinates":[[[[-75.397659,38.013497],[-75.244304,38.029928],[-75.375751,37.860142],[-75.512674,37.799896],[-75.594828,37.569865],[-75.802952,37.197433],[-75.972737,37.120755],[-76.027507,37.257679],[-75.939876,37.564388],[-75.671506,37.95325],[-75.397659,38.013497]]],[[[-76.016553,37.95325],[-75.994645,37.95325],[-76.043938,37.95325],[-76.016553,37.95325]]],[[[-78.349729,39.464886],[-77.82942,39.130793],[-77.719881,39.322485],[-77.566527,39.306055],[-77.456988,39.223901],[-77.456988,39.076023],[-77.248864,39.026731],[-77.117418,38.933623],[-77.040741,38.791222],[-77.128372,38.632391],[-77.248864,38.588575],[-77.325542,38.446175],[-77.281726,38.342113],[-77.013356,38.374975],[-76.964064,38.216144],[-76.613539,38.15042],[-76.514954,38.024451],[-76.235631,37.887527],[-76.3616,37.608203],[-76.246584,37.389126],[-76.383508,37.285064],[-76.399939,37.159094],[-76.273969,37.082417],[-76.410893,36.961924],[-76.619016,37.120755],[-76.668309,37.065986],[-76.48757,36.95097],[-75.994645,36.923586],[-75.868676,36.551154],[-79.510841,36.5402],[-80.294043,36.545677],[-80.978661,36.562108],[-81.679709,36.589492],[-83.673316,36.600446],[-83.136575,36.742847],[-83.070852,36.852385],[-82.879159,36.890724],[-82.868205,36.978355],[-82.720328,37.044078],[-82.720328,37.120755],[-82.353373,37.268633],[-81.969987,37.537003],[-81.986418,37.454849],[-81.849494,37.285064],[-81.679709,37.20291],[-81.55374,37.208387],[-81.362047,37.339833],[-81.225123,37.235771],[-80.967707,37.290541],[-80.513121,37.482234],[-80.474782,37.421987],[-80.29952,37.509618],[-80.294043,37.690357],[-80.184505,37.849189],[-79.998289,37.997066],[-79.921611,38.177805],[-79.724442,38.364021],[-79.647764,38.594052],[-79.477979,38.457129],[-79.313671,38.413313],[-79.209609,38.495467],[-78.996008,38.851469],[-78.870039,38.763838],[-78.404499,39.169131],[-78.349729,39.464886]]]]}}, + {"type":"Feature","id":"53","properties":{"name":"Washington","density":102.6},"geometry":{"type":"MultiPolygon","coordinates":[[[[-117.033359,49.000239],[-117.044313,47.762451],[-117.038836,46.426077],[-117.055267,46.343923],[-116.92382,46.168661],[-116.918344,45.993399],[-118.988627,45.998876],[-119.125551,45.933153],[-119.525367,45.911245],[-119.963522,45.823614],[-120.209985,45.725029],[-120.505739,45.697644],[-120.637186,45.746937],[-121.18488,45.604536],[-121.217742,45.670259],[-121.535404,45.725029],[-121.809251,45.708598],[-122.247407,45.549767],[-122.762239,45.659305],[-122.811531,45.960537],[-122.904639,46.08103],[-123.11824,46.185092],[-123.211348,46.174138],[-123.370179,46.146753],[-123.545441,46.261769],[-123.72618,46.300108],[-123.874058,46.239861],[-124.065751,46.327492],[-124.027412,46.464416],[-123.895966,46.535616],[-124.098612,46.74374],[-124.235536,47.285957],[-124.31769,47.357157],[-124.427229,47.740543],[-124.624399,47.88842],[-124.706553,48.184175],[-124.597014,48.381345],[-124.394367,48.288237],[-123.983597,48.162267],[-123.704273,48.167744],[-123.424949,48.118452],[-123.162056,48.167744],[-123.036086,48.080113],[-122.800578,48.08559],[-122.636269,47.866512],[-122.515777,47.882943],[-122.493869,47.587189],[-122.422669,47.318818],[-122.324084,47.346203],[-122.422669,47.576235],[-122.395284,47.800789],[-122.230976,48.030821],[-122.362422,48.123929],[-122.373376,48.288237],[-122.471961,48.468976],[-122.422669,48.600422],[-122.488392,48.753777],[-122.647223,48.775685],[-122.795101,48.8907],[-122.756762,49.000239],[-117.033359,49.000239]]],[[[-122.718423,48.310145],[-122.586977,48.35396],[-122.608885,48.151313],[-122.767716,48.227991],[-122.718423,48.310145]]],[[[-123.025132,48.583992],[-122.915593,48.715438],[-122.767716,48.556607],[-122.811531,48.419683],[-123.041563,48.458022],[-123.025132,48.583992]]]]}}, + {"type":"Feature","id":"54","properties":{"name":"West Virginia","density":77.06},"geometry":{"type":"Polygon","coordinates":[[[-80.518598,40.636951],[-80.518598,39.722302],[-79.477979,39.722302],[-79.488933,39.20747],[-79.291763,39.300578],[-79.094593,39.470363],[-78.963147,39.437501],[-78.765977,39.585379],[-78.470222,39.514178],[-78.431884,39.623717],[-78.267575,39.61824],[-78.174467,39.694917],[-78.004682,39.601809],[-77.834897,39.601809],[-77.719881,39.322485],[-77.82942,39.130793],[-78.349729,39.464886],[-78.404499,39.169131],[-78.870039,38.763838],[-78.996008,38.851469],[-79.209609,38.495467],[-79.313671,38.413313],[-79.477979,38.457129],[-79.647764,38.594052],[-79.724442,38.364021],[-79.921611,38.177805],[-79.998289,37.997066],[-80.184505,37.849189],[-80.294043,37.690357],[-80.29952,37.509618],[-80.474782,37.421987],[-80.513121,37.482234],[-80.967707,37.290541],[-81.225123,37.235771],[-81.362047,37.339833],[-81.55374,37.208387],[-81.679709,37.20291],[-81.849494,37.285064],[-81.986418,37.454849],[-81.969987,37.537003],[-82.101434,37.553434],[-82.293127,37.668449],[-82.342419,37.783465],[-82.50125,37.931343],[-82.621743,38.123036],[-82.594358,38.424267],[-82.331465,38.446175],[-82.293127,38.577622],[-82.172634,38.632391],[-82.221926,38.785745],[-82.03571,39.026731],[-81.887833,38.873376],[-81.783771,38.966484],[-81.811156,39.0815],[-81.685186,39.273193],[-81.57017,39.267716],[-81.455155,39.410117],[-81.345616,39.344393],[-81.219646,39.388209],[-80.830783,39.711348],[-80.737675,40.078303],[-80.600752,40.319289],[-80.595275,40.472643],[-80.666475,40.582182],[-80.518598,40.636951]]]}}, + {"type":"Feature","id":"55","properties":{"name":"Wisconsin","density":105.2},"geometry":{"type":"Polygon","coordinates":[[[-90.415429,46.568478],[-90.229213,46.508231],[-90.119674,46.338446],[-89.09001,46.135799],[-88.662808,45.987922],[-88.531362,46.020784],[-88.10416,45.922199],[-87.989145,45.796229],[-87.781021,45.675736],[-87.791975,45.500474],[-87.885083,45.363551],[-87.649574,45.341643],[-87.742682,45.199243],[-87.589328,45.095181],[-87.627666,44.974688],[-87.819359,44.95278],[-87.983668,44.722749],[-88.043914,44.563917],[-87.928898,44.536533],[-87.775544,44.640595],[-87.611236,44.837764],[-87.403112,44.914442],[-87.238804,45.166381],[-87.03068,45.22115],[-87.047111,45.089704],[-87.189511,44.969211],[-87.468835,44.552964],[-87.545512,44.322932],[-87.540035,44.158624],[-87.644097,44.103854],[-87.737205,43.8793],[-87.704344,43.687607],[-87.791975,43.561637],[-87.912467,43.249452],[-87.885083,43.002989],[-87.76459,42.783912],[-87.802929,42.493634],[-88.788778,42.493634],[-90.639984,42.510065],[-90.711184,42.636034],[-91.067185,42.75105],[-91.143862,42.909881],[-91.176724,43.134436],[-91.056231,43.254929],[-91.204109,43.353514],[-91.215062,43.501391],[-91.269832,43.616407],[-91.242447,43.775238],[-91.43414,43.994316],[-91.592971,44.032654],[-91.877772,44.202439],[-91.927065,44.333886],[-92.233773,44.443425],[-92.337835,44.552964],[-92.545959,44.569394],[-92.808852,44.750133],[-92.737652,45.117088],[-92.75956,45.286874],[-92.644544,45.440228],[-92.770513,45.566198],[-92.885529,45.577151],[-92.869098,45.719552],[-92.639067,45.933153],[-92.354266,46.015307],[-92.29402,46.075553],[-92.29402,46.667063],[-92.091373,46.749217],[-92.014696,46.705401],[-91.790141,46.694447],[-91.09457,46.864232],[-90.837154,46.95734],[-90.749522,46.88614],[-90.886446,46.754694],[-90.55783,46.584908],[-90.415429,46.568478]]]}}, + {"type":"Feature","id":"56","properties":{"name":"Wyoming","density":5.851},"geometry":{"type":"Polygon","coordinates":[[[-109.080842,45.002073],[-105.91517,45.002073],[-104.058488,44.996596],[-104.053011,43.002989],[-104.053011,41.003906],[-105.728954,40.998429],[-107.919731,41.003906],[-109.04798,40.998429],[-111.047063,40.998429],[-111.047063,42.000709],[-111.047063,44.476286],[-111.05254,45.002073],[-109.080842,45.002073]]]}}, + {"type":"Feature","id":"72","properties":{"name":"Puerto Rico","density":1082 },"geometry":{"type":"Polygon","coordinates":[[[-66.448338,17.984326],[-66.771478,18.006234],[-66.924832,17.929556],[-66.985078,17.973372],[-67.209633,17.956941],[-67.154863,18.19245],[-67.269879,18.362235],[-67.094617,18.515589],[-66.957694,18.488204],[-66.409999,18.488204],[-65.840398,18.433435],[-65.632274,18.367712],[-65.626797,18.203403],[-65.730859,18.186973],[-65.834921,18.017187],[-66.234737,17.929556],[-66.448338,17.984326]]]}} + ]}; + + const tileUrl = 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png'; + const attribution = + '© OpenStreetMap contributors'; + const tileLayer = L.tileLayer(tileUrl, { attribution }); + + function getColor(d) { + return d > 1000 ? '#172d69' : + d > 500 ? '#1c367d' : + d > 200 ? '#203f92' : + d > 100 ? '#2548a7' : + d > 50 ? '#2950bc' : + d > 20 ? '#2e59d1' : + d > 10 ? '#d5def6' : + '#c0cdf1'; + } + function style(feature) { + return { + fillColor: getColor(feature.properties.density), + weight: 2, + opacity: 1, + color: 'white', + dashArray: '3', + fillOpacity: 0.7 + }; + } + + L.geoJson(statesData, {style: style}).addTo(map); + + tileLayer.addTo(map); + + } + + if(jQuery("#chart-apex-column-001").length){ + var options = { + series: [{ + data: [91, 82, 90, 88, 105, 99] + }], + chart: { + height: 265, + type: 'bar', + toolbar:{ + show: false, + }, + events: { + click: function(chart, w, e) { + // console.log(chart, w, e) + } + } + }, + plotOptions: { + bar: { + columnWidth: '35%', + distributed: true, + } + }, + dataLabels: { + enabled: false + }, + grid: { + xaxis: { + lines: { + show: false + } + }, + yaxis: { + lines: { + show: true + } + } + }, + legend: { + show: false + }, + yaxis: { + labels: { + offsetY:0, + minWidth: 20, + maxWidth: 20 + }, + }, + xaxis: { + categories: [ + 'Jan', + 'Feb', + 'Mar', + 'Apr', + 'May', + 'June', + ], + labels: { + minHeight: 22, + maxHeight: 22, + style: { + fontSize: '12px' + } + } + } + }; + + var chart = new ApexCharts(document.querySelector("#chart-apex-column-001"), options); + chart.render(); + } + +})(jQuery) \ No newline at end of file diff --git a/Datum_UImodel/static/js/02.js b/Datum_UImodel/static/js/02.js new file mode 100644 index 0000000..4eedcc4 --- /dev/null +++ b/Datum_UImodel/static/js/02.js @@ -0,0 +1,215 @@ +(function(jQuery) { + + "use strict"; + // for apexchart + function apexChartUpdate(chart, detail) { + let color = getComputedStyle(document.documentElement).getPropertyValue('--dark'); + if (detail.dark) { + color = getComputedStyle(document.documentElement).getPropertyValue('--white'); + } + chart.updateOptions({ + chart: { + foreColor: color + } + }) + } + + if (jQuery("#hospital-chart-02").length) var donut = new Morris.Donut({ + element: "hospital-chart-02", + resize: !0, + colors: ["#4788ff", "#4fd69c", "#37d5f2", "#f75676"], + data: [ + { + label: "New Patient", + value: 40 + }, + { + label: "Exit Patient", + value: 12 + }, + { + label: "ICU Patient", + value: 20 + }, + { + label: "Discharge Patient", + value: 33 + } + ], + hideHover: "auto" + }); + + if (jQuery("#hospital-chart-03").length) { + const options = { + series: [{ + name: 'Operation', + data: [44, 25, 10, 60, 50, 25, 40, 20] + }, { + name: 'Visitors', + data: [25, 38, 70, 0, 30, 15, 30, 30] + }], + colors: ['#4788ff', '#4fd69c'], + chart: { + type: 'bar', + height: 340, + stacked: true, + zoom: { + enabled: true + } + }, + responsive: [{ + breakpoint: 580, + options: { + legend: { + position: 'bottom', + offsetX: -30, + offsetY: 0, + } + } + }], + plotOptions: { + bar: { + horizontal: false, + borderRadius: 4 + }, + }, + xaxis: { + type: 'category', + categories: ['India', 'Canada', 'U.S.A', 'Africa', 'London ', 'Europe ','Dubai','Kuvet'], + }, + yaxis: { + labels: { + offsetY: 0, + minWidth: 20, + maxWidth: 20, + } + }, + legend: { + position: 'top', + offsetX: -35 + }, + fill: { + opacity: 1 + }, + dataLabels: { + enabled: false + } + }; + + const chart = new ApexCharts(document.querySelector("#hospital-chart-03"), options); + chart.render(); + const body = document.querySelector('body') + if (body.classList.contains('dark')) { + apexChartUpdate(chart, { + dark: true + }) + } + + document.addEventListener('ChangeColorMode', function (e) { + apexChartUpdate(chart, e.detail) + }) + + } + + if (jQuery("#dash-chart-04").length) { + const options = { + series: [{ + name: 'Success', + data: [110, 85, 87, 40, 45, 20, 91, 45, 94, 88] + }, { + name: 'Failed', + data: [40, 55, 35, 30, 75, 80, 63, 45, 66, 115] + }], + chart: { + type: 'bar', + height: 280 + }, + colors: ['#4788ff', '#f75676'], + plotOptions: { + bar: { + horizontal: false, + borderRadius: 4 + }, + }, + legend: { + position: 'bottom', + offsetX: 35 + }, + dataLabels: { + enabled: false + }, + stroke: { + show: true, + width: 2, + colors: ['transparent'] + }, + xaxis: { + categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct'], + }, + yaxis: { + title: { + text: '$ (thousands)' + }, + labels: { + offsetY: 0, + minWidth: 20, + maxWidth: 20, + } + }, + fill: { + opacity: 1 + }, + tooltip: { + y: { + formatter: function (val) { + return "$ " + val + " thousands" + } + } + } + }; + + const chart = new ApexCharts(document.querySelector("#dash-chart-04"), options); + chart.render(); + const body = document.querySelector('body') + if (body.classList.contains('dark')) { + apexChartUpdate(chart, { + dark: true + }) + } + + document.addEventListener('ChangeColorMode', function (e) { + apexChartUpdate(chart, e.detail) + }) + + } + + if (jQuery("#hospital-chart-05").length) { + var options = { + series: [22, 83, 10, 30], + colors: ['#f75676', '#4fd69c', '#37d5f2', '#4788ff'], + chart: { + height: 290, + type: 'pie', + }, + legend: { + position: 'bottom', + offsetX: 0 + }, + labels: ['Cancelled', 'Completed', 'Pending', 'Upcoming'], + + }; + var chart = new ApexCharts(document.querySelector("#hospital-chart-05"), options); + chart.render(); + const body = document.querySelector('body') + if (body.classList.contains('dark')) { + apexChartUpdate(chart, { + dark: true + }) + } + + document.addEventListener('ChangeColorMode', function (e) { + apexChartUpdate(chart, e.detail) + }) + } + +})(jQuery); \ No newline at end of file diff --git a/Datum_UImodel/static/js/app.js b/Datum_UImodel/static/js/app.js new file mode 100644 index 0000000..d306a65 --- /dev/null +++ b/Datum_UImodel/static/js/app.js @@ -0,0 +1,600 @@ +/* +Template: Datum - Responsive Bootstrap 4 Admin Dashboard Template +Author: iqonic.design +Design and Developed by: iqonic.design +NOTE: This file contains the styling for responsive Template. +*/ + +/*---------------------------------------------- +Index Of Script +------------------------------------------------ + +:: Tooltip +:: Fixed Nav +:: Magnific Popup +:: Ripple Effect +:: Sidebar Widget +:: FullScreen +:: Page Loader +:: Counter +:: Progress Bar +:: Page Menu +:: Close navbar Toggle +:: Mailbox +:: chatuser +:: chatuser main +:: Chat start +:: todo Page +:: user toggle +:: Data tables +:: Form Validation +:: Active Class for Pricing Table +:: Flatpicker +:: Scrollbar +:: checkout +:: Datatables +:: image-upload +:: video +:: dark mode +:: Button +:: Pricing tab +:: SVG Animation +:: Date Picker +:: Choies.js +------------------------------------------------ +Index Of Script +----------------------------------------------*/ + +(function(jQuery) { + + + + "use strict"; + + jQuery(document).ready(function() { + + /*--------------------------------------------------------------------- + Tooltip + -----------------------------------------------------------------------*/ + jQuery('[data-toggle="popover"]').popover(); + jQuery('[data-toggle="tooltip"]').tooltip(); + + /*--------------------------------------------------------------------- + Fixed Nav + -----------------------------------------------------------------------*/ + + $(window).on('scroll', function () { + if ($(window).scrollTop() > 0) { + $('.iq-top-navbar').addClass('fixed'); + } else { + $('.iq-top-navbar').removeClass('fixed'); + } + }); + + $(window).on('scroll', function () { + if ($(window).scrollTop() > 0) { + $('.white-bg-menu').addClass('sticky-menu'); + } else { + $('.white-bg-menu').removeClass('sticky-menu'); + } + }); + + + /*--------------------------------------------------------------------- + Sidebar Widget + -----------------------------------------------------------------------*/ + + jQuery(document).on("click", '.side-menu > li > a', function() { + jQuery('.side-menu > li > a').parent().removeClass('active'); + jQuery(this).parent().addClass('active'); + }); + + // Active menu + var parents = jQuery('li.active').parents('.submenu.collapse'); + + parents.addClass('show'); + + + parents.parents('li').addClass('active'); + jQuery('li.active > a[aria-expanded="false"]').attr('aria-expanded', 'true'); + + /*--------------------------------------------------------------------- + FullScreen + -----------------------------------------------------------------------*/ + jQuery(document).on('click', '.full-screen', function() { + let elem = jQuery(this); + elem.find('i').addClass('d-none'); + elem.find('i').addClass('d-none'); + if (!document.fullscreenElement && + !document.mozFullScreenElement && // Mozilla + !document.webkitFullscreenElement && // Webkit-Browser + !document.msFullscreenElement) { // MS IE ab version 11 + elem.find('.min').removeClass('d-none'); + if (document.documentElement.requestFullscreen) { + document.documentElement.requestFullscreen(); + } else if (document.documentElement.mozRequestFullScreen) { + document.documentElement.mozRequestFullScreen(); + } else if (document.documentElement.webkitRequestFullscreen) { + document.documentElement.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT); + } else if (document.documentElement.msRequestFullscreen) { + document.documentElement.msRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT); + } + } else { + elem.find('.max').removeClass('d-none'); + if (document.cancelFullScreen) { + document.cancelFullScreen(); + } else if (document.mozCancelFullScreen) { + document.mozCancelFullScreen(); + } else if (document.webkitCancelFullScreen) { + document.webkitCancelFullScreen(); + } else if (document.msExitFullscreen) { + document.msExitFullscreen(); + } + } + }); + + + /*--------------------------------------------------------------------- + Page Loader + -----------------------------------------------------------------------*/ + jQuery("#load").fadeOut(); + jQuery("#loading").delay().fadeOut(""); + + + /*--------------------------------------------------------------------- + Counter + -----------------------------------------------------------------------*/ + if (window.counterUp !== undefined) { + const counterUp = window.counterUp["default"] + const $counters = $(".counter"); + $counters.each(function (ignore, counter) { + var waypoint = new Waypoint( { + element: $(this), + handler: function() { + counterUp(counter, { + duration: 1000, + delay: 10 + }); + this.destroy(); + }, + offset: 'bottom-in-view', + } ); + }); + } + + + /*--------------------------------------------------------------------- + Progress Bar + -----------------------------------------------------------------------*/ + jQuery('.iq-progress-bar > span').each(function() { + let progressBar = jQuery(this); + let width = jQuery(this).data('percent'); + progressBar.css({ + 'transition': 'width 2s' + }); + setTimeout(function() { + progressBar.css('width', width + '%'); + }, 100); + }); + + jQuery('.progress-bar-vertical > span').each(function () { + let progressBar = jQuery(this); + let height = jQuery(this).data('percent'); + progressBar.css({ + 'transition': 'height 2s' + }); + setTimeout(function () { + progressBar.css('height', height + '%'); + }, 100); + }); + + + /*--------------------------------------------------------------------- + Page Menu + -----------------------------------------------------------------------*/ + jQuery(document).on('click', '.wrapper-menu', function() { + jQuery(this).toggleClass('open'); + }); + + jQuery(document).on('click', ".wrapper-menu", function() { + jQuery("body").toggleClass("sidebar-main"); + }); + + + /*--------------------------------------------------------------------- + Close navbar Toggle + -----------------------------------------------------------------------*/ + + jQuery('.close-toggle').on('click', function () { + jQuery('.h-collapse.navbar-collapse').collapse('hide'); + }); + + /*--------------------------------------------------------------------- + user toggle + -----------------------------------------------------------------------*/ + jQuery(document).on('click', '.user-toggle', function() { + jQuery(this).parent().addClass('show-data'); + }); + + jQuery(document).on('click', ".close-data", function() { + jQuery('.user-toggle').parent().removeClass('show-data'); + }); + jQuery(document).on("click", function(event){ + var $trigger = jQuery(".user-toggle"); + if($trigger !== event.target && !$trigger.has(event.target).length){ + jQuery(".user-toggle").parent().removeClass('show-data'); + } + }); + + /*--------------------------------------------------------------------- + Data tables + -----------------------------------------------------------------------*/ + if($.fn.DataTable){ + const table = $('.data-table').DataTable(); + } + + + /*--------------------------------------------------------------------- + Form Validation + -----------------------------------------------------------------------*/ + + // Example starter JavaScript for disabling form submissions if there are invalid fields + window.addEventListener('load', function() { + // Fetch all the forms we want to apply custom Bootstrap validation styles to + var forms = document.getElementsByClassName('needs-validation'); + // Loop over them and prevent submission + var validation = Array.prototype.filter.call(forms, function(form) { + form.addEventListener('submit', function(event) { + if (form.checkValidity() === false) { + event.preventDefault(); + event.stopPropagation(); + } + form.classList.add('was-validated'); + }, false); + }); + }, false); + + /*--------------------------------------------------------------------- + Active Class for Pricing Table + -----------------------------------------------------------------------*/ + jQuery("#my-table tr th").click(function () { + jQuery('#my-table tr th').children().removeClass('active'); + jQuery(this).children().addClass('active'); + jQuery("#my-table td").each(function () { + if (jQuery(this).hasClass('active')) { + jQuery(this).removeClass('active') + } + }); + var col = jQuery(this).index(); + jQuery("#my-table tr td:nth-child(" + parseInt(col + 1) + ")").addClass('active'); + }); + + + /*--------------------------------------------------------------------- + Scrollbar + -----------------------------------------------------------------------*/ + + jQuery('.data-scrollbar').each(function () { + var attr = $(this).attr('data-scroll'); + if (typeof attr !== typeof undefined && attr !== false){ + let Scrollbar = window.Scrollbar; + var a = jQuery(this).data('scroll'); + Scrollbar.init(document.querySelector('div[data-scroll= "' + a + '"]')); + } + }); + + + /*--------------------------------------------------------------------- + image-upload + -----------------------------------------------------------------------*/ + + $('.form_gallery-upload').on('change', function() { + var length = $(this).get(0).files.length; + var galleryLabel = $(this).attr('data-name'); + + if( length > 1 ){ + $(galleryLabel).text(length + " files selected"); + } else { + $(galleryLabel).text($(this)[0].files[0].name); + } + }); + + /*--------------------------------------------------------------------- + video + -----------------------------------------------------------------------*/ + $(document).ready(function(){ + $('.form_video-upload input').change(function () { + $('.form_video-upload p').text(this.files.length + " file(s) selected"); + }); + }); + /*--------------------------------------------------------------------- + dark mode + -----------------------------------------------------------------------*/ + const urlParams = new URLSearchParams(window.location.search); + const mode = urlParams.get('dark'); + if (mode !== null) { + $('body').removeClass('sidebar-dark', 'sidebar-light') + switch (mode) { + case "true": + $('body').addClass('dark') + break; + case "false": + $('body').removeClass('sidebar-dark', 'sidebar-light') + break; + default: + $('body').removeClass('sidebar-dark').removeClass('sidebar-light') + break; + } + } + + + /*--------------------------------------------------------------------- + Button + -----------------------------------------------------------------------*/ + + jQuery('.qty-btn').on('click',function(){ + var id = jQuery(this).attr('id'); + + var val = parseInt(jQuery('#quantity').val()); + + if(id == 'btn-minus') + { + if(val != 0) + { + jQuery('#quantity').val(val-1); + } + else + { + jQuery('#quantity').val(0); + } + + } + else + { + jQuery('#quantity').val(val+1); + } + }); + + }); + + + $(document).on('click', '[data-toggel-extra="side-nav"]', function () { + const pannel = $(this).attr('data-expand-extra') + $(pannel).addClass('active') + }) + + $(document).on('click', '[data-toggel-extra="side-nav-close"]', function () { + const pannel = $(this).attr('data-expand-extra') + $(pannel).removeClass('active') + }) + + $(document).on('click', '[data-toggel-extra="right-sidenav"]', function () { + const target = $(this).data('target') + $(target).addClass('active') + }) + + $(document).on('click', '[data-extra-dismiss="right-sidenav"]', function () { + $(this).closest('.right-sidenav').removeClass('active') + }) + + $(document).on('click', '[data-toggle="end-call"]', function(){ + $(this).closest('.tab-pane').removeClass('active').removeClass('show') + $($(this).attr('data-target')).tab('show') + $('.chat-action').find('[data-toggle="tab"]').removeClass('active') + }) + + $(document).on('click', '[data-toggle-extra="tab"]', function () { + const target = $(this).attr('data-target-extra') + $('[data-toggle-extra="tab-content"]').removeClass('active') + $(target).addClass('active') + $(this).parent().find('.active').removeClass('active') + $(this).addClass('active') + }) + + $('emoji-picker').on('emoji-click', function(e){ + $(e.target.dataset.targetInput).val($(e.target.dataset.targetInput).val()+e.detail.unicode) + }) + + $('.dropdown-menu').on('click', function(event){ + event.stopPropagation(); + }); + + var board = $('.draggable-item'); + + var selector = []; + if(board.length > 0 ) + { + for(var i = 0 ; i < board.length ; i++) { + selector.push(document.querySelector('#draggable-item-'+i)); + selector.push(document.querySelector('#list-draggable-item-'+i)); + } + } + dragula( selector ).on('drop', function(el) { + $(el).addClass(' animate__animated animate__rubberBand') + setTimeout(function () { + $(el).removeClass(' animate__animated animate__rubberBand') + }, 1000) + }); + + // calender 1 js + var calendar1; + if (jQuery('#calendar1').length) { + var calendarEl = document.getElementById('calendar1'); + + calendar1 = new FullCalendar.Calendar(calendarEl, { + selectable: true, + plugins: ["timeGrid", "dayGrid", "list", "interaction"], + timeZone: "UTC", + defaultView: "dayGridMonth", + contentHeight: "auto", + eventLimit: true, + dayMaxEvents: 4, + header: { + left: "prev,next today", + center: "title", + right: "dayGridMonth,timeGridWeek,timeGridDay,listWeek" + }, + dateClick: function (info) { + $('#schedule-start-date').val(info.dateStr) + $('#schedule-end-date').val(info.dateStr) + $('#date-event').modal('show') + }, + events: [ + { + title: 'Click for Google', + url: 'http://google.com/', + start: moment(new Date(), 'YYYY-MM-DD').add(-20, 'days').format('YYYY-MM-DD') + 'T05:30:00.000Z', + color: '#4731b6' + }, + { + title: 'All Day Event', + start: moment(new Date(), 'YYYY-MM-DD').add(-18, 'days').format('YYYY-MM-DD') + 'T05:30:00.000Z', + color: '#465af7' + }, + { + title: 'Long Event', + start: moment(new Date(), 'YYYY-MM-DD').add(-16, 'days').format('YYYY-MM-DD') + 'T05:30:00.000Z', + end: moment(new Date(), 'YYYY-MM-DD').add(-13, 'days').format('YYYY-MM-DD') + 'T05:30:00.000Z', + color: '#7858d7' + }, + { + groupId: '999', + title: 'Repeating Event', + start: moment(new Date(), 'YYYY-MM-DD').add(-14, 'days').format('YYYY-MM-DD') + 'T05:30:00.000Z', + color: '#465af7' + }, + { + groupId: '999', + title: 'Repeating Event', + start: moment(new Date(), 'YYYY-MM-DD').add(-12, 'days').format('YYYY-MM-DD') + 'T05:30:00.000Z', + color: '#5baa73' + }, + { + groupId: '999', + title: 'Repeating Event', + start: moment(new Date(), 'YYYY-MM-DD').add(-10, 'days').format('YYYY-MM-DD') + 'T05:30:00.000Z', + color: '#01041b' + }, + { + title: 'Birthday Party', + start: moment(new Date(), 'YYYY-MM-DD').add(-8, 'days').format('YYYY-MM-DD') + 'T05:30:00.000Z', + color: '#4731b6' + }, + { + title: 'Meeting', + start: moment(new Date(), 'YYYY-MM-DD').add(-6, 'days').format('YYYY-MM-DD') + 'T05:30:00.000Z', + color: '#15ca92' + }, + { + title: 'Birthday Party', + start: moment(new Date(), 'YYYY-MM-DD').add(-5, 'days').format('YYYY-MM-DD') + 'T05:30:00.000Z', + color: '#f4a965' + }, + { + title: 'Birthday Party', + start: moment(new Date(), 'YYYY-MM-DD').add(-2, 'days').format('YYYY-MM-DD') + 'T05:30:00.000Z', + color: '#ea643f' + }, + + { + title: 'Meeting', + start: moment(new Date(), 'YYYY-MM-DD').add(0, 'days').format('YYYY-MM-DD') + 'T05:30:00.000Z', + color: '#15ca92' + }, + { + title: 'Click for Google', + url: 'http://google.com/', + start: moment(new Date(), 'YYYY-MM-DD').add(0, 'days').format('YYYY-MM-DD') + 'T06:30:00.000Z', + color: '#4731b6' + }, + { + groupId: '999', + title: 'Repeating Event', + start: moment(new Date(), 'YYYY-MM-DD').add(0, 'days').format('YYYY-MM-DD') + 'T07:30:00.000Z', + color: '#5baa73' + }, + { + title: 'Birthday Party', + start: moment(new Date(), 'YYYY-MM-DD').add(0, 'days').format('YYYY-MM-DD') + 'T08:30:00.000Z', + color: '#f4a965' + }, + { + title: 'Doctor Meeting', + start: moment(new Date(), 'YYYY-MM-DD').add(0, 'days').format('YYYY-MM-DD') + 'T05:30:00.000Z', + color: '#f4a965' + }, + { + title: 'All Day Event', + start: moment(new Date(), 'YYYY-MM-DD').add(1, 'days').format('YYYY-MM-DD') + 'T05:30:00.000Z', + color: '#465af7' + }, + { + groupId: '999', + title: 'Repeating Event', + start: moment(new Date(), 'YYYY-MM-DD').add(8, 'days').format('YYYY-MM-DD') + 'T05:30:00.000Z', + color: '#465af7' + }, + { + groupId: '999', + title: 'Repeating Event', + start: moment(new Date(), 'YYYY-MM-DD').add(10, 'days').format('YYYY-MM-DD') + 'T05:30:00.000Z', + color: '#5baa73' + } + ] + }); + calendar1.render(); + + $(document).on("submit", "#submit-schedule", function (e) { + e.preventDefault() + const title = $(this).find('#schedule-title').val() + const startDate = moment(new Date($(this).find('#schedule-start-date').val()), 'YYYY-MM-DD').format('YYYY-MM-DD') + 'T05:30:00.000Z' + const endDate = moment(new Date($(this).find('#schedule-end-date').val()), 'YYYY-MM-DD').format('YYYY-MM-DD') + 'T05:30:00.000Z' + const color = $(this).find('#schedule-color').val() + const event = { + title: title, + start: startDate || '2020-12-22T02:30:00', + end: endDate || '2020-12-12T14:30:00', + color: color || '#7858d7' + } + $(this).closest('#date-event').modal('hide') + calendar1.addEvent(event) + }) + } + + const progressBar = document.getElementsByClassName('circle-progress') + Array.from(progressBar, (elem) => { + const minValue = elem.getAttribute('data-min-value') + const maxValue = elem.getAttribute('data-max-value') + const value = elem.getAttribute('data-value') + const type = elem.getAttribute('data-type') + if (elem.getAttribute('id') !== '' && elem.getAttribute('id') !== null) { + new CircleProgress('#'+elem.getAttribute('id'), { + min: minValue, + max: maxValue, + value: value, + textFormat: type, + }); + } + }) + /*--------------------------------------------------------------------- + Vanila Datepicker + -----------------------------------------------------------------------*/ + const datepickers = document.querySelectorAll('.vanila-datepicker') + Array.from(datepickers, (elem) => { + new Datepicker(elem) + }) + const daterangePickers = document.querySelectorAll('.vanila-daterangepicker') + Array.from(daterangePickers, (elem) => { + new DateRangePicker(elem) + }) + + /*--------------------------------------------------------------------- + Choies.js + -----------------------------------------------------------------------*/ + const choies = document.querySelectorAll('.choicesjs') + Array.from(choies,(elem) => { + new Choices(elem, { + removeItemButton: true, + }) + }) +})(jQuery); diff --git a/Datum_UImodel/static/js/backend-bundle.min.js b/Datum_UImodel/static/js/backend-bundle.min.js new file mode 100644 index 0000000..f39a696 --- /dev/null +++ b/Datum_UImodel/static/js/backend-bundle.min.js @@ -0,0 +1,126 @@ +/*! + * jQuery JavaScript Library v3.6.0 + * https://jquery.com/ + * + * Includes Sizzle.js + * https://sizzlejs.com/ + * + * Copyright OpenJS Foundation and other contributors + * Released under the MIT license + * https://jquery.org/license + * + * Date: 2021-03-02T17:08Z + */ +function ownKeys(t,e){var i,n=Object.keys(t);return Object.getOwnPropertySymbols&&(i=Object.getOwnPropertySymbols(t),e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,i)),n}function _objectSpread(t){for(var e=1;e0&&e-1 in t)}_.fn=_.prototype={jquery:x,constructor:_,length:0,toArray:function(){return r.call(this)},get:function(t){return null==t?r.call(this):t<0?this[t+this.length]:this[t]},pushStack:function(t){var e=_.merge(this.constructor(),t);return e.prevObject=this,e},each:function(t){return _.each(this,t)},map:function(t){return this.pushStack(_.map(this,(function(e,i){return t.call(e,i,e)})))},slice:function(){return this.pushStack(r.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},even:function(){return this.pushStack(_.grep(this,(function(t,e){return(e+1)%2})))},odd:function(){return this.pushStack(_.grep(this,(function(t,e){return e%2})))},eq:function(t){var e=this.length,i=+t+(t<0?e:0);return this.pushStack(i>=0&&i+~]|[\\x20\\t\\r\\n\\f])[\\x20\\t\\r\\n\\f]*"),X=new RegExp(R+"|>"),V=new RegExp(H),U=new RegExp("^"+F+"$"),G={ID:new RegExp("^#("+F+")"),CLASS:new RegExp("^\\.("+F+")"),TAG:new RegExp("^("+F+"|[*])"),ATTR:new RegExp("^"+z),PSEUDO:new RegExp("^"+H),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\([\\x20\\t\\r\\n\\f]*(even|odd|(([+-]|)(\\d*)n|)[\\x20\\t\\r\\n\\f]*(?:([+-]|)[\\x20\\t\\r\\n\\f]*(\\d+)|))[\\x20\\t\\r\\n\\f]*\\)|)","i"),bool:new RegExp("^(?:"+j+")$","i"),needsContext:new RegExp("^[\\x20\\t\\r\\n\\f]*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\([\\x20\\t\\r\\n\\f]*((?:-\\d)?\\d*)[\\x20\\t\\r\\n\\f]*\\)|)(?=[^-]|$)","i")},Z=/HTML$/i,K=/^(?:input|select|textarea|button)$/i,$=/^h\d$/i,Q=/^[^{]+\{\s*\[native \w/,J=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,tt=/[+~]/,et=new RegExp("\\\\[\\da-fA-F]{1,6}[\\x20\\t\\r\\n\\f]?|\\\\([^\\r\\n\\f])","g"),it=function(t,e){var i="0x"+t.slice(1)-65536;return e||(i<0?String.fromCharCode(i+65536):String.fromCharCode(i>>10|55296,1023&i|56320))},nt=/([\0-\x1f\x7f]|^-?\d)|^-$|[^\0-\x1f\x7f-\uFFFF\w-]/g,rt=function(t,e){return e?"\0"===t?"�":t.slice(0,-1)+"\\"+t.charCodeAt(t.length-1).toString(16)+" ":"\\"+t},ot=function(){d()},at=xt((function(t){return!0===t.disabled&&"fieldset"===t.nodeName.toLowerCase()}),{dir:"parentNode",next:"legend"});try{M.apply(P=I.call(_.childNodes),_.childNodes),P[_.childNodes.length].nodeType}catch(t){M={apply:P.length?function(t,e){D.apply(t,I.call(e))}:function(t,e){for(var i=t.length,n=0;t[i++]=e[n++];);t.length=i-1}}}function st(t,e,n,r){var o,s,c,u,h,p,v,y=e&&e.ownerDocument,_=e?e.nodeType:9;if(n=n||[],"string"!=typeof t||!t||1!==_&&9!==_&&11!==_)return n;if(!r&&(d(e),e=e||f,g)){if(11!==_&&(h=J.exec(t)))if(o=h[1]){if(9===_){if(!(c=e.getElementById(o)))return n;if(c.id===o)return n.push(c),n}else if(y&&(c=y.getElementById(o))&&b(e,c)&&c.id===o)return n.push(c),n}else{if(h[2])return M.apply(n,e.getElementsByTagName(t)),n;if((o=h[3])&&i.getElementsByClassName&&e.getElementsByClassName)return M.apply(n,e.getElementsByClassName(o)),n}if(i.qsa&&!T[t+" "]&&(!m||!m.test(t))&&(1!==_||"object"!==e.nodeName.toLowerCase())){if(v=t,y=e,1===_&&(X.test(t)||q.test(t))){for((y=tt.test(t)&&vt(e.parentNode)||e)===e&&i.scope||((u=e.getAttribute("id"))?u=u.replace(nt,rt):e.setAttribute("id",u=x)),s=(p=a(t)).length;s--;)p[s]=(u?"#"+u:":scope")+" "+bt(p[s]);v=p.join(",")}try{return M.apply(n,y.querySelectorAll(v)),n}catch(e){T(t,!0)}finally{u===x&&e.removeAttribute("id")}}}return l(t.replace(Y,"$1"),e,n,r)}function lt(){var t=[];return function e(i,r){return t.push(i+" ")>n.cacheLength&&delete e[t.shift()],e[i+" "]=r}}function ct(t){return t[x]=!0,t}function ut(t){var e=f.createElement("fieldset");try{return!!t(e)}catch(t){return!1}finally{e.parentNode&&e.parentNode.removeChild(e),e=null}}function ht(t,e){for(var i=t.split("|"),r=i.length;r--;)n.attrHandle[i[r]]=e}function dt(t,e){var i=e&&t,n=i&&1===t.nodeType&&1===e.nodeType&&t.sourceIndex-e.sourceIndex;if(n)return n;if(i)for(;i=i.nextSibling;)if(i===e)return-1;return t?1:-1}function ft(t){return function(e){return"input"===e.nodeName.toLowerCase()&&e.type===t}}function pt(t){return function(e){var i=e.nodeName.toLowerCase();return("input"===i||"button"===i)&&e.type===t}}function gt(t){return function(e){return"form"in e?e.parentNode&&!1===e.disabled?"label"in e?"label"in e.parentNode?e.parentNode.disabled===t:e.disabled===t:e.isDisabled===t||e.isDisabled!==!t&&at(e)===t:e.disabled===t:"label"in e&&e.disabled===t}}function mt(t){return ct((function(e){return e=+e,ct((function(i,n){for(var r,o=t([],i.length,e),a=o.length;a--;)i[r=o[a]]&&(i[r]=!(n[r]=i[r]))}))}))}function vt(t){return t&&void 0!==t.getElementsByTagName&&t}for(e in i=st.support={},o=st.isXML=function(t){var e=t&&t.namespaceURI,i=t&&(t.ownerDocument||t).documentElement;return!Z.test(e||i&&i.nodeName||"HTML")},d=st.setDocument=function(t){var e,r,a=t?t.ownerDocument||t:_;return a!=f&&9===a.nodeType&&a.documentElement?(p=(f=a).documentElement,g=!o(f),_!=f&&(r=f.defaultView)&&r.top!==r&&(r.addEventListener?r.addEventListener("unload",ot,!1):r.attachEvent&&r.attachEvent("onunload",ot)),i.scope=ut((function(t){return p.appendChild(t).appendChild(f.createElement("div")),void 0!==t.querySelectorAll&&!t.querySelectorAll(":scope fieldset div").length})),i.attributes=ut((function(t){return t.className="i",!t.getAttribute("className")})),i.getElementsByTagName=ut((function(t){return t.appendChild(f.createComment("")),!t.getElementsByTagName("*").length})),i.getElementsByClassName=Q.test(f.getElementsByClassName),i.getById=ut((function(t){return p.appendChild(t).id=x,!f.getElementsByName||!f.getElementsByName(x).length})),i.getById?(n.filter.ID=function(t){var e=t.replace(et,it);return function(t){return t.getAttribute("id")===e}},n.find.ID=function(t,e){if(void 0!==e.getElementById&&g){var i=e.getElementById(t);return i?[i]:[]}}):(n.filter.ID=function(t){var e=t.replace(et,it);return function(t){var i=void 0!==t.getAttributeNode&&t.getAttributeNode("id");return i&&i.value===e}},n.find.ID=function(t,e){if(void 0!==e.getElementById&&g){var i,n,r,o=e.getElementById(t);if(o){if((i=o.getAttributeNode("id"))&&i.value===t)return[o];for(r=e.getElementsByName(t),n=0;o=r[n++];)if((i=o.getAttributeNode("id"))&&i.value===t)return[o]}return[]}}),n.find.TAG=i.getElementsByTagName?function(t,e){return void 0!==e.getElementsByTagName?e.getElementsByTagName(t):i.qsa?e.querySelectorAll(t):void 0}:function(t,e){var i,n=[],r=0,o=e.getElementsByTagName(t);if("*"===t){for(;i=o[r++];)1===i.nodeType&&n.push(i);return n}return o},n.find.CLASS=i.getElementsByClassName&&function(t,e){if(void 0!==e.getElementsByClassName&&g)return e.getElementsByClassName(t)},v=[],m=[],(i.qsa=Q.test(f.querySelectorAll))&&(ut((function(t){var e;p.appendChild(t).innerHTML="",t.querySelectorAll("[msallowcapture^='']").length&&m.push("[*^$]=[\\x20\\t\\r\\n\\f]*(?:''|\"\")"),t.querySelectorAll("[selected]").length||m.push("\\[[\\x20\\t\\r\\n\\f]*(?:value|"+j+")"),t.querySelectorAll("[id~="+x+"-]").length||m.push("~="),(e=f.createElement("input")).setAttribute("name",""),t.appendChild(e),t.querySelectorAll("[name='']").length||m.push("\\[[\\x20\\t\\r\\n\\f]*name[\\x20\\t\\r\\n\\f]*=[\\x20\\t\\r\\n\\f]*(?:''|\"\")"),t.querySelectorAll(":checked").length||m.push(":checked"),t.querySelectorAll("a#"+x+"+*").length||m.push(".#.+[+~]"),t.querySelectorAll("\\\f"),m.push("[\\r\\n\\f]")})),ut((function(t){t.innerHTML="";var e=f.createElement("input");e.setAttribute("type","hidden"),t.appendChild(e).setAttribute("name","D"),t.querySelectorAll("[name=d]").length&&m.push("name[\\x20\\t\\r\\n\\f]*[*^$|!~]?="),2!==t.querySelectorAll(":enabled").length&&m.push(":enabled",":disabled"),p.appendChild(t).disabled=!0,2!==t.querySelectorAll(":disabled").length&&m.push(":enabled",":disabled"),t.querySelectorAll("*,:x"),m.push(",.*:")}))),(i.matchesSelector=Q.test(y=p.matches||p.webkitMatchesSelector||p.mozMatchesSelector||p.oMatchesSelector||p.msMatchesSelector))&&ut((function(t){i.disconnectedMatch=y.call(t,"*"),y.call(t,"[s!='']:x"),v.push("!=",H)})),m=m.length&&new RegExp(m.join("|")),v=v.length&&new RegExp(v.join("|")),e=Q.test(p.compareDocumentPosition),b=e||Q.test(p.contains)?function(t,e){var i=9===t.nodeType?t.documentElement:t,n=e&&e.parentNode;return t===n||!(!n||1!==n.nodeType||!(i.contains?i.contains(n):t.compareDocumentPosition&&16&t.compareDocumentPosition(n)))}:function(t,e){if(e)for(;e=e.parentNode;)if(e===t)return!0;return!1},E=e?function(t,e){if(t===e)return h=!0,0;var n=!t.compareDocumentPosition-!e.compareDocumentPosition;return n||(1&(n=(t.ownerDocument||t)==(e.ownerDocument||e)?t.compareDocumentPosition(e):1)||!i.sortDetached&&e.compareDocumentPosition(t)===n?t==f||t.ownerDocument==_&&b(_,t)?-1:e==f||e.ownerDocument==_&&b(_,e)?1:u?N(u,t)-N(u,e):0:4&n?-1:1)}:function(t,e){if(t===e)return h=!0,0;var i,n=0,r=t.parentNode,o=e.parentNode,a=[t],s=[e];if(!r||!o)return t==f?-1:e==f?1:r?-1:o?1:u?N(u,t)-N(u,e):0;if(r===o)return dt(t,e);for(i=t;i=i.parentNode;)a.unshift(i);for(i=e;i=i.parentNode;)s.unshift(i);for(;a[n]===s[n];)n++;return n?dt(a[n],s[n]):a[n]==_?-1:s[n]==_?1:0},f):f},st.matches=function(t,e){return st(t,null,null,e)},st.matchesSelector=function(t,e){if(d(t),i.matchesSelector&&g&&!T[e+" "]&&(!v||!v.test(e))&&(!m||!m.test(e)))try{var n=y.call(t,e);if(n||i.disconnectedMatch||t.document&&11!==t.document.nodeType)return n}catch(t){T(e,!0)}return st(e,f,null,[t]).length>0},st.contains=function(t,e){return(t.ownerDocument||t)!=f&&d(t),b(t,e)},st.attr=function(t,e){(t.ownerDocument||t)!=f&&d(t);var r=n.attrHandle[e.toLowerCase()],o=r&&O.call(n.attrHandle,e.toLowerCase())?r(t,e,!g):void 0;return void 0!==o?o:i.attributes||!g?t.getAttribute(e):(o=t.getAttributeNode(e))&&o.specified?o.value:null},st.escape=function(t){return(t+"").replace(nt,rt)},st.error=function(t){throw new Error("Syntax error, unrecognized expression: "+t)},st.uniqueSort=function(t){var e,n=[],r=0,o=0;if(h=!i.detectDuplicates,u=!i.sortStable&&t.slice(0),t.sort(E),h){for(;e=t[o++];)e===t[o]&&(r=n.push(o));for(;r--;)t.splice(n[r],1)}return u=null,t},r=st.getText=function(t){var e,i="",n=0,o=t.nodeType;if(o){if(1===o||9===o||11===o){if("string"==typeof t.textContent)return t.textContent;for(t=t.firstChild;t;t=t.nextSibling)i+=r(t)}else if(3===o||4===o)return t.nodeValue}else for(;e=t[n++];)i+=r(e);return i},(n=st.selectors={cacheLength:50,createPseudo:ct,match:G,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(t){return t[1]=t[1].replace(et,it),t[3]=(t[3]||t[4]||t[5]||"").replace(et,it),"~="===t[2]&&(t[3]=" "+t[3]+" "),t.slice(0,4)},CHILD:function(t){return t[1]=t[1].toLowerCase(),"nth"===t[1].slice(0,3)?(t[3]||st.error(t[0]),t[4]=+(t[4]?t[5]+(t[6]||1):2*("even"===t[3]||"odd"===t[3])),t[5]=+(t[7]+t[8]||"odd"===t[3])):t[3]&&st.error(t[0]),t},PSEUDO:function(t){var e,i=!t[6]&&t[2];return G.CHILD.test(t[0])?null:(t[3]?t[2]=t[4]||t[5]||"":i&&V.test(i)&&(e=a(i,!0))&&(e=i.indexOf(")",i.length-e)-i.length)&&(t[0]=t[0].slice(0,e),t[2]=i.slice(0,e)),t.slice(0,3))}},filter:{TAG:function(t){var e=t.replace(et,it).toLowerCase();return"*"===t?function(){return!0}:function(t){return t.nodeName&&t.nodeName.toLowerCase()===e}},CLASS:function(t){var e=k[t+" "];return e||(e=new RegExp("(^|[\\x20\\t\\r\\n\\f])"+t+"("+R+"|$)"))&&k(t,(function(t){return e.test("string"==typeof t.className&&t.className||void 0!==t.getAttribute&&t.getAttribute("class")||"")}))},ATTR:function(t,e,i){return function(n){var r=st.attr(n,t);return null==r?"!="===e:!e||(r+="","="===e?r===i:"!="===e?r!==i:"^="===e?i&&0===r.indexOf(i):"*="===e?i&&r.indexOf(i)>-1:"$="===e?i&&r.slice(-i.length)===i:"~="===e?(" "+r.replace(B," ")+" ").indexOf(i)>-1:"|="===e&&(r===i||r.slice(0,i.length+1)===i+"-"))}},CHILD:function(t,e,i,n,r){var o="nth"!==t.slice(0,3),a="last"!==t.slice(-4),s="of-type"===e;return 1===n&&0===r?function(t){return!!t.parentNode}:function(e,i,l){var c,u,h,d,f,p,g=o!==a?"nextSibling":"previousSibling",m=e.parentNode,v=s&&e.nodeName.toLowerCase(),y=!l&&!s,b=!1;if(m){if(o){for(;g;){for(d=e;d=d[g];)if(s?d.nodeName.toLowerCase()===v:1===d.nodeType)return!1;p=g="only"===t&&!p&&"nextSibling"}return!0}if(p=[a?m.firstChild:m.lastChild],a&&y){for(b=(f=(c=(u=(h=(d=m)[x]||(d[x]={}))[d.uniqueID]||(h[d.uniqueID]={}))[t]||[])[0]===w&&c[1])&&c[2],d=f&&m.childNodes[f];d=++f&&d&&d[g]||(b=f=0)||p.pop();)if(1===d.nodeType&&++b&&d===e){u[t]=[w,f,b];break}}else if(y&&(b=f=(c=(u=(h=(d=e)[x]||(d[x]={}))[d.uniqueID]||(h[d.uniqueID]={}))[t]||[])[0]===w&&c[1]),!1===b)for(;(d=++f&&d&&d[g]||(b=f=0)||p.pop())&&((s?d.nodeName.toLowerCase()!==v:1!==d.nodeType)||!++b||(y&&((u=(h=d[x]||(d[x]={}))[d.uniqueID]||(h[d.uniqueID]={}))[t]=[w,b]),d!==e)););return(b-=r)===n||b%n==0&&b/n>=0}}},PSEUDO:function(t,e){var i,r=n.pseudos[t]||n.setFilters[t.toLowerCase()]||st.error("unsupported pseudo: "+t);return r[x]?r(e):r.length>1?(i=[t,t,"",e],n.setFilters.hasOwnProperty(t.toLowerCase())?ct((function(t,i){for(var n,o=r(t,e),a=o.length;a--;)t[n=N(t,o[a])]=!(i[n]=o[a])})):function(t){return r(t,0,i)}):r}},pseudos:{not:ct((function(t){var e=[],i=[],n=s(t.replace(Y,"$1"));return n[x]?ct((function(t,e,i,r){for(var o,a=n(t,null,r,[]),s=t.length;s--;)(o=a[s])&&(t[s]=!(e[s]=o))})):function(t,r,o){return e[0]=t,n(e,null,o,i),e[0]=null,!i.pop()}})),has:ct((function(t){return function(e){return st(t,e).length>0}})),contains:ct((function(t){return t=t.replace(et,it),function(e){return(e.textContent||r(e)).indexOf(t)>-1}})),lang:ct((function(t){return U.test(t||"")||st.error("unsupported lang: "+t),t=t.replace(et,it).toLowerCase(),function(e){var i;do{if(i=g?e.lang:e.getAttribute("xml:lang")||e.getAttribute("lang"))return(i=i.toLowerCase())===t||0===i.indexOf(t+"-")}while((e=e.parentNode)&&1===e.nodeType);return!1}})),target:function(e){var i=t.location&&t.location.hash;return i&&i.slice(1)===e.id},root:function(t){return t===p},focus:function(t){return t===f.activeElement&&(!f.hasFocus||f.hasFocus())&&!!(t.type||t.href||~t.tabIndex)},enabled:gt(!1),disabled:gt(!0),checked:function(t){var e=t.nodeName.toLowerCase();return"input"===e&&!!t.checked||"option"===e&&!!t.selected},selected:function(t){return t.parentNode&&t.parentNode.selectedIndex,!0===t.selected},empty:function(t){for(t=t.firstChild;t;t=t.nextSibling)if(t.nodeType<6)return!1;return!0},parent:function(t){return!n.pseudos.empty(t)},header:function(t){return $.test(t.nodeName)},input:function(t){return K.test(t.nodeName)},button:function(t){var e=t.nodeName.toLowerCase();return"input"===e&&"button"===t.type||"button"===e},text:function(t){var e;return"input"===t.nodeName.toLowerCase()&&"text"===t.type&&(null==(e=t.getAttribute("type"))||"text"===e.toLowerCase())},first:mt((function(){return[0]})),last:mt((function(t,e){return[e-1]})),eq:mt((function(t,e,i){return[i<0?i+e:i]})),even:mt((function(t,e){for(var i=0;ie?e:i;--n>=0;)t.push(n);return t})),gt:mt((function(t,e,i){for(var n=i<0?i+e:i;++n1?function(e,i,n){for(var r=t.length;r--;)if(!t[r](e,i,n))return!1;return!0}:t[0]}function wt(t,e,i,n,r){for(var o,a=[],s=0,l=t.length,c=null!=e;s-1&&(o[c]=!(a[c]=h))}}else v=wt(v===a?v.splice(p,v.length):v),r?r(null,a,v,l):M.apply(a,v)}))}function kt(t){for(var e,i,r,o=t.length,a=n.relative[t[0].type],s=a||n.relative[" "],l=a?1:0,u=xt((function(t){return t===e}),s,!0),h=xt((function(t){return N(e,t)>-1}),s,!0),d=[function(t,i,n){var r=!a&&(n||i!==c)||((e=i).nodeType?u(t,i,n):h(t,i,n));return e=null,r}];l1&&_t(d),l>1&&bt(t.slice(0,l-1).concat({value:" "===t[l-2].type?"*":""})).replace(Y,"$1"),i,l0,r=t.length>0,o=function(o,a,s,l,u){var h,p,m,v=0,y="0",b=o&&[],x=[],_=c,S=o||r&&n.find.TAG("*",u),k=w+=null==_?1:Math.random()||.1,A=S.length;for(u&&(c=a==f||a||u);y!==A&&null!=(h=S[y]);y++){if(r&&h){for(p=0,a||h.ownerDocument==f||(d(h),s=!g);m=t[p++];)if(m(h,a||f,s)){l.push(h);break}u&&(w=k)}i&&((h=!m&&h)&&v--,o&&b.push(h))}if(v+=y,i&&y!==v){for(p=0;m=e[p++];)m(b,x,a,s);if(o){if(v>0)for(;y--;)b[y]||x[y]||(x[y]=L.call(l));x=wt(x)}M.apply(l,x),u&&!o&&x.length>0&&v+e.length>1&&st.uniqueSort(l)}return u&&(w=k,c=_),b};return i?ct(o):o}(o,r))).selector=t}return s},l=st.select=function(t,e,i,r){var o,l,c,u,h,d="function"==typeof t&&t,f=!r&&a(t=d.selector||t);if(i=i||[],1===f.length){if((l=f[0]=f[0].slice(0)).length>2&&"ID"===(c=l[0]).type&&9===e.nodeType&&g&&n.relative[l[1].type]){if(!(e=(n.find.ID(c.matches[0].replace(et,it),e)||[])[0]))return i;d&&(e=e.parentNode),t=t.slice(l.shift().value.length)}for(o=G.needsContext.test(t)?0:l.length;o--&&(c=l[o],!n.relative[u=c.type]);)if((h=n.find[u])&&(r=h(c.matches[0].replace(et,it),tt.test(l[0].type)&&vt(e.parentNode)||e))){if(l.splice(o,1),!(t=r.length&&bt(l)))return M.apply(i,r),i;break}}return(d||s(t,f))(r,e,!g,i,!e||tt.test(t)&&vt(e.parentNode)||e),i},i.sortStable=x.split("").sort(E).join("")===x,i.detectDuplicates=!!h,d(),i.sortDetached=ut((function(t){return 1&t.compareDocumentPosition(f.createElement("fieldset"))})),ut((function(t){return t.innerHTML="","#"===t.firstChild.getAttribute("href")}))||ht("type|href|height|width",(function(t,e,i){if(!i)return t.getAttribute(e,"type"===e.toLowerCase()?1:2)})),i.attributes&&ut((function(t){return t.innerHTML="",t.firstChild.setAttribute("value",""),""===t.firstChild.getAttribute("value")}))||ht("value",(function(t,e,i){if(!i&&"input"===t.nodeName.toLowerCase())return t.defaultValue})),ut((function(t){return null==t.getAttribute("disabled")}))||ht(j,(function(t,e,i){var n;if(!i)return!0===t[e]?e.toLowerCase():(n=t.getAttributeNode(e))&&n.specified?n.value:null})),st}(t);_.find=S,_.expr=S.selectors,_.expr[":"]=_.expr.pseudos,_.uniqueSort=_.unique=S.uniqueSort,_.text=S.getText,_.isXMLDoc=S.isXML,_.contains=S.contains,_.escapeSelector=S.escape;var k=function(t,e,i){for(var n=[],r=void 0!==i;(t=t[e])&&9!==t.nodeType;)if(1===t.nodeType){if(r&&_(t).is(i))break;n.push(t)}return n},A=function(t,e){for(var i=[];t;t=t.nextSibling)1===t.nodeType&&t!==e&&i.push(t);return i},C=_.expr.match.needsContext;function T(t,e){return t.nodeName&&t.nodeName.toLowerCase()===e.toLowerCase()}var E=/^<([a-z][^\/\0>:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i;function O(t,e,i){return p(e)?_.grep(t,(function(t,n){return!!e.call(t,n,t)!==i})):e.nodeType?_.grep(t,(function(t){return t===e!==i})):"string"!=typeof e?_.grep(t,(function(t){return s.call(e,t)>-1!==i})):_.filter(e,t,i)}_.filter=function(t,e,i){var n=e[0];return i&&(t=":not("+t+")"),1===e.length&&1===n.nodeType?_.find.matchesSelector(n,t)?[n]:[]:_.find.matches(t,_.grep(e,(function(t){return 1===t.nodeType})))},_.fn.extend({find:function(t){var e,i,n=this.length,r=this;if("string"!=typeof t)return this.pushStack(_(t).filter((function(){for(e=0;e1?_.uniqueSort(i):i},filter:function(t){return this.pushStack(O(this,t||[],!1))},not:function(t){return this.pushStack(O(this,t||[],!0))},is:function(t){return!!O(this,"string"==typeof t&&C.test(t)?_(t):t||[],!1).length}});var P,L=/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]+))$/;(_.fn.init=function(t,e,i){var n,r;if(!t)return this;if(i=i||P,"string"==typeof t){if(!(n="<"===t[0]&&">"===t[t.length-1]&&t.length>=3?[null,t,null]:L.exec(t))||!n[1]&&e)return!e||e.jquery?(e||i).find(t):this.constructor(e).find(t);if(n[1]){if(e=e instanceof _?e[0]:e,_.merge(this,_.parseHTML(n[1],e&&e.nodeType?e.ownerDocument||e:m,!0)),E.test(n[1])&&_.isPlainObject(e))for(n in e)p(this[n])?this[n](e[n]):this.attr(n,e[n]);return this}return(r=m.getElementById(n[2]))&&(this[0]=r,this.length=1),this}return t.nodeType?(this[0]=t,this.length=1,this):p(t)?void 0!==i.ready?i.ready(t):t(_):_.makeArray(t,this)}).prototype=_.fn,P=_(m);var D=/^(?:parents|prev(?:Until|All))/,M={children:!0,contents:!0,next:!0,prev:!0};function I(t,e){for(;(t=t[e])&&1!==t.nodeType;);return t}_.fn.extend({has:function(t){var e=_(t,this),i=e.length;return this.filter((function(){for(var t=0;t-1:1===i.nodeType&&_.find.matchesSelector(i,t))){o.push(i);break}return this.pushStack(o.length>1?_.uniqueSort(o):o)},index:function(t){return t?"string"==typeof t?s.call(_(t),this[0]):s.call(this,t.jquery?t[0]:t):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(t,e){return this.pushStack(_.uniqueSort(_.merge(this.get(),_(t,e))))},addBack:function(t){return this.add(null==t?this.prevObject:this.prevObject.filter(t))}}),_.each({parent:function(t){var e=t.parentNode;return e&&11!==e.nodeType?e:null},parents:function(t){return k(t,"parentNode")},parentsUntil:function(t,e,i){return k(t,"parentNode",i)},next:function(t){return I(t,"nextSibling")},prev:function(t){return I(t,"previousSibling")},nextAll:function(t){return k(t,"nextSibling")},prevAll:function(t){return k(t,"previousSibling")},nextUntil:function(t,e,i){return k(t,"nextSibling",i)},prevUntil:function(t,e,i){return k(t,"previousSibling",i)},siblings:function(t){return A((t.parentNode||{}).firstChild,t)},children:function(t){return A(t.firstChild)},contents:function(t){return null!=t.contentDocument&&n(t.contentDocument)?t.contentDocument:(T(t,"template")&&(t=t.content||t),_.merge([],t.childNodes))}},(function(t,e){_.fn[t]=function(i,n){var r=_.map(this,e,i);return"Until"!==t.slice(-5)&&(n=i),n&&"string"==typeof n&&(r=_.filter(n,r)),this.length>1&&(M[t]||_.uniqueSort(r),D.test(t)&&r.reverse()),this.pushStack(r)}}));var N=/[^\x20\t\r\n\f]+/g;function j(t){return t}function R(t){throw t}function F(t,e,i,n){var r;try{t&&p(r=t.promise)?r.call(t).done(e).fail(i):t&&p(r=t.then)?r.call(t,e,i):e.apply(void 0,[t].slice(n))}catch(t){i.apply(void 0,[t])}}_.Callbacks=function(t){t="string"==typeof t?function(t){var e={};return _.each(t.match(N)||[],(function(t,i){e[i]=!0})),e}(t):_.extend({},t);var e,i,n,r,o=[],a=[],s=-1,l=function(){for(r=r||t.once,n=e=!0;a.length;s=-1)for(i=a.shift();++s-1;)o.splice(i,1),i<=s&&s--})),this},has:function(t){return t?_.inArray(t,o)>-1:o.length>0},empty:function(){return o&&(o=[]),this},disable:function(){return r=a=[],o=i="",this},disabled:function(){return!o},lock:function(){return r=a=[],i||e||(o=i=""),this},locked:function(){return!!r},fireWith:function(t,i){return r||(i=[t,(i=i||[]).slice?i.slice():i],a.push(i),e||l()),this},fire:function(){return c.fireWith(this,arguments),this},fired:function(){return!!n}};return c},_.extend({Deferred:function(e){var i=[["notify","progress",_.Callbacks("memory"),_.Callbacks("memory"),2],["resolve","done",_.Callbacks("once memory"),_.Callbacks("once memory"),0,"resolved"],["reject","fail",_.Callbacks("once memory"),_.Callbacks("once memory"),1,"rejected"]],n="pending",r={state:function(){return n},always:function(){return o.done(arguments).fail(arguments),this},catch:function(t){return r.then(null,t)},pipe:function(){var t=arguments;return _.Deferred((function(e){_.each(i,(function(i,n){var r=p(t[n[4]])&&t[n[4]];o[n[1]]((function(){var t=r&&r.apply(this,arguments);t&&p(t.promise)?t.promise().progress(e.notify).done(e.resolve).fail(e.reject):e[n[0]+"With"](this,r?[t]:arguments)}))})),t=null})).promise()},then:function(e,n,r){var o=0;function a(e,i,n,r){return function(){var s=this,l=arguments,c=function(){var t,c;if(!(e=o&&(n!==R&&(s=void 0,l=[t]),i.rejectWith(s,l))}};e?u():(_.Deferred.getStackHook&&(u.stackTrace=_.Deferred.getStackHook()),t.setTimeout(u))}}return _.Deferred((function(t){i[0][3].add(a(0,t,p(r)?r:j,t.notifyWith)),i[1][3].add(a(0,t,p(e)?e:j)),i[2][3].add(a(0,t,p(n)?n:R))})).promise()},promise:function(t){return null!=t?_.extend(t,r):r}},o={};return _.each(i,(function(t,e){var a=e[2],s=e[5];r[e[1]]=a.add,s&&a.add((function(){n=s}),i[3-t][2].disable,i[3-t][3].disable,i[0][2].lock,i[0][3].lock),a.add(e[3].fire),o[e[0]]=function(){return o[e[0]+"With"](this===o?void 0:this,arguments),this},o[e[0]+"With"]=a.fireWith})),r.promise(o),e&&e.call(o,o),o},when:function(t){var e=arguments.length,i=e,n=Array(i),o=r.call(arguments),a=_.Deferred(),s=function(t){return function(i){n[t]=this,o[t]=arguments.length>1?r.call(arguments):i,--e||a.resolveWith(n,o)}};if(e<=1&&(F(t,a.done(s(i)).resolve,a.reject,!e),"pending"===a.state()||p(o[i]&&o[i].then)))return a.then();for(;i--;)F(o[i],s(i),a.reject);return a.promise()}});var z=/^(Eval|Internal|Range|Reference|Syntax|Type|URI)Error$/;_.Deferred.exceptionHook=function(e,i){t.console&&t.console.warn&&e&&z.test(e.name)&&t.console.warn("jQuery.Deferred exception: "+e.message,e.stack,i)},_.readyException=function(e){t.setTimeout((function(){throw e}))};var H=_.Deferred();function B(){m.removeEventListener("DOMContentLoaded",B),t.removeEventListener("load",B),_.ready()}_.fn.ready=function(t){return H.then(t).catch((function(t){_.readyException(t)})),this},_.extend({isReady:!1,readyWait:1,ready:function(t){(!0===t?--_.readyWait:_.isReady)||(_.isReady=!0,!0!==t&&--_.readyWait>0||H.resolveWith(m,[_]))}}),_.ready.then=H.then,"complete"===m.readyState||"loading"!==m.readyState&&!m.documentElement.doScroll?t.setTimeout(_.ready):(m.addEventListener("DOMContentLoaded",B),t.addEventListener("load",B));var Y=function(t,e,i,n,r,o,a){var s=0,l=t.length,c=null==i;if("object"===b(i))for(s in r=!0,i)Y(t,e,s,i[s],!0,o,a);else if(void 0!==n&&(r=!0,p(n)||(a=!0),c&&(a?(e.call(t,n),e=null):(c=e,e=function(t,e,i){return c.call(_(t),i)})),e))for(;s1,null,!0)},removeData:function(t){return this.each((function(){K.remove(this,t)}))}}),_.extend({queue:function(t,e,i){var n;if(t)return e=(e||"fx")+"queue",n=Z.get(t,e),i&&(!n||Array.isArray(i)?n=Z.access(t,e,_.makeArray(i)):n.push(i)),n||[]},dequeue:function(t,e){e=e||"fx";var i=_.queue(t,e),n=i.length,r=i.shift(),o=_._queueHooks(t,e);"inprogress"===r&&(r=i.shift(),n--),r&&("fx"===e&&i.unshift("inprogress"),delete o.stop,r.call(t,(function(){_.dequeue(t,e)}),o)),!n&&o&&o.empty.fire()},_queueHooks:function(t,e){var i=e+"queueHooks";return Z.get(t,i)||Z.access(t,i,{empty:_.Callbacks("once memory").add((function(){Z.remove(t,[e+"queue",i])}))})}}),_.fn.extend({queue:function(t,e){var i=2;return"string"!=typeof t&&(e=t,t="fx",i--),arguments.length\x20\t\r\n\f]*)/i,gt=/^$|^module$|\/(?:java|ecma)script/i;ht=m.createDocumentFragment().appendChild(m.createElement("div")),(dt=m.createElement("input")).setAttribute("type","radio"),dt.setAttribute("checked","checked"),dt.setAttribute("name","t"),ht.appendChild(dt),f.checkClone=ht.cloneNode(!0).cloneNode(!0).lastChild.checked,ht.innerHTML="",f.noCloneChecked=!!ht.cloneNode(!0).lastChild.defaultValue,ht.innerHTML="",f.option=!!ht.lastChild;var mt={thead:[1,"","
"],col:[2,"","
"],tr:[2,"","
"],td:[3,"","
"],_default:[0,"",""]};function vt(t,e){var i;return i=void 0!==t.getElementsByTagName?t.getElementsByTagName(e||"*"):void 0!==t.querySelectorAll?t.querySelectorAll(e||"*"):[],void 0===e||e&&T(t,e)?_.merge([t],i):i}function yt(t,e){for(var i=0,n=t.length;i",""]);var bt=/<|&#?\w+;/;function xt(t,e,i,n,r){for(var o,a,s,l,c,u,h=e.createDocumentFragment(),d=[],f=0,p=t.length;f-1)r&&r.push(o);else if(c=rt(o),a=vt(h.appendChild(o),"script"),c&&yt(a),i)for(u=0;o=a[u++];)gt.test(o.type||"")&&i.push(o);return h}var _t=/^([^.]*)(?:\.(.+)|)/;function wt(){return!0}function St(){return!1}function kt(t,e){return t===function(){try{return m.activeElement}catch(t){}}()==("focus"===e)}function At(t,e,i,n,r,o){var a,s;if("object"==typeof e){for(s in"string"!=typeof i&&(n=n||i,i=void 0),e)At(t,s,i,n,e[s],o);return t}if(null==n&&null==r?(r=i,n=i=void 0):null==r&&("string"==typeof i?(r=n,n=void 0):(r=n,n=i,i=void 0)),!1===r)r=St;else if(!r)return t;return 1===o&&(a=r,(r=function(t){return _().off(t),a.apply(this,arguments)}).guid=a.guid||(a.guid=_.guid++)),t.each((function(){_.event.add(this,e,r,n,i)}))}function Ct(t,e,i){i?(Z.set(t,e,!1),_.event.add(t,e,{namespace:!1,handler:function(t){var n,o,a=Z.get(this,e);if(1&t.isTrigger&&this[e]){if(a.length)(_.event.special[e]||{}).delegateType&&t.stopPropagation();else if(a=r.call(arguments),Z.set(this,e,a),n=i(this,e),this[e](),a!==(o=Z.get(this,e))||n?Z.set(this,e,!1):o={},a!==o)return t.stopImmediatePropagation(),t.preventDefault(),o&&o.value}else a.length&&(Z.set(this,e,{value:_.event.trigger(_.extend(a[0],_.Event.prototype),a.slice(1),this)}),t.stopImmediatePropagation())}})):void 0===Z.get(t,e)&&_.event.add(t,e,wt)}_.event={global:{},add:function(t,e,i,n,r){var o,a,s,l,c,u,h,d,f,p,g,m=Z.get(t);if(U(t))for(i.handler&&(i=(o=i).handler,r=o.selector),r&&_.find.matchesSelector(nt,r),i.guid||(i.guid=_.guid++),(l=m.events)||(l=m.events=Object.create(null)),(a=m.handle)||(a=m.handle=function(e){return void 0!==_&&_.event.triggered!==e.type?_.event.dispatch.apply(t,arguments):void 0}),c=(e=(e||"").match(N)||[""]).length;c--;)f=g=(s=_t.exec(e[c])||[])[1],p=(s[2]||"").split(".").sort(),f&&(h=_.event.special[f]||{},f=(r?h.delegateType:h.bindType)||f,h=_.event.special[f]||{},u=_.extend({type:f,origType:g,data:n,handler:i,guid:i.guid,selector:r,needsContext:r&&_.expr.match.needsContext.test(r),namespace:p.join(".")},o),(d=l[f])||((d=l[f]=[]).delegateCount=0,h.setup&&!1!==h.setup.call(t,n,p,a)||t.addEventListener&&t.addEventListener(f,a)),h.add&&(h.add.call(t,u),u.handler.guid||(u.handler.guid=i.guid)),r?d.splice(d.delegateCount++,0,u):d.push(u),_.event.global[f]=!0)},remove:function(t,e,i,n,r){var o,a,s,l,c,u,h,d,f,p,g,m=Z.hasData(t)&&Z.get(t);if(m&&(l=m.events)){for(c=(e=(e||"").match(N)||[""]).length;c--;)if(f=g=(s=_t.exec(e[c])||[])[1],p=(s[2]||"").split(".").sort(),f){for(h=_.event.special[f]||{},d=l[f=(n?h.delegateType:h.bindType)||f]||[],s=s[2]&&new RegExp("(^|\\.)"+p.join("\\.(?:.*\\.|)")+"(\\.|$)"),a=o=d.length;o--;)u=d[o],!r&&g!==u.origType||i&&i.guid!==u.guid||s&&!s.test(u.namespace)||n&&n!==u.selector&&("**"!==n||!u.selector)||(d.splice(o,1),u.selector&&d.delegateCount--,h.remove&&h.remove.call(t,u));a&&!d.length&&(h.teardown&&!1!==h.teardown.call(t,p,m.handle)||_.removeEvent(t,f,m.handle),delete l[f])}else for(f in l)_.event.remove(t,f+e[c],i,n,!0);_.isEmptyObject(l)&&Z.remove(t,"handle events")}},dispatch:function(t){var e,i,n,r,o,a,s=new Array(arguments.length),l=_.event.fix(t),c=(Z.get(this,"events")||Object.create(null))[l.type]||[],u=_.event.special[l.type]||{};for(s[0]=l,e=1;e=1))for(;c!==this;c=c.parentNode||this)if(1===c.nodeType&&("click"!==t.type||!0!==c.disabled)){for(o=[],a={},i=0;i-1:_.find(r,this,null,[c]).length),a[r]&&o.push(n);o.length&&s.push({elem:c,handlers:o})}return c=this,l\s*$/g;function Pt(t,e){return T(t,"table")&&T(11!==e.nodeType?e:e.firstChild,"tr")&&_(t).children("tbody")[0]||t}function Lt(t){return t.type=(null!==t.getAttribute("type"))+"/"+t.type,t}function Dt(t){return"true/"===(t.type||"").slice(0,5)?t.type=t.type.slice(5):t.removeAttribute("type"),t}function Mt(t,e){var i,n,r,o,a,s;if(1===e.nodeType){if(Z.hasData(t)&&(s=Z.get(t).events))for(r in Z.remove(e,"handle events"),s)for(i=0,n=s[r].length;i1&&"string"==typeof m&&!f.checkClone&&Et.test(m))return t.each((function(r){var o=t.eq(r);v&&(e[0]=m.call(this,r,o.html())),Nt(o,e,i,n)}));if(d&&(a=(r=xt(e,t[0].ownerDocument,!1,t,n)).firstChild,1===r.childNodes.length&&(r=a),a||n)){for(l=(s=_.map(vt(r,"script"),Lt)).length;h0&&yt(a,!l&&vt(t,"script")),s},cleanData:function(t){for(var e,i,n,r=_.event.special,o=0;void 0!==(i=t[o]);o++)if(U(i)){if(e=i[Z.expando]){if(e.events)for(n in e.events)r[n]?_.event.remove(i,n):_.removeEvent(i,n,e.handle);i[Z.expando]=void 0}i[K.expando]&&(i[K.expando]=void 0)}}}),_.fn.extend({detach:function(t){return jt(this,t,!0)},remove:function(t){return jt(this,t)},text:function(t){return Y(this,(function(t){return void 0===t?_.text(this):this.empty().each((function(){1!==this.nodeType&&11!==this.nodeType&&9!==this.nodeType||(this.textContent=t)}))}),null,t,arguments.length)},append:function(){return Nt(this,arguments,(function(t){1!==this.nodeType&&11!==this.nodeType&&9!==this.nodeType||Pt(this,t).appendChild(t)}))},prepend:function(){return Nt(this,arguments,(function(t){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var e=Pt(this,t);e.insertBefore(t,e.firstChild)}}))},before:function(){return Nt(this,arguments,(function(t){this.parentNode&&this.parentNode.insertBefore(t,this)}))},after:function(){return Nt(this,arguments,(function(t){this.parentNode&&this.parentNode.insertBefore(t,this.nextSibling)}))},empty:function(){for(var t,e=0;null!=(t=this[e]);e++)1===t.nodeType&&(_.cleanData(vt(t,!1)),t.textContent="");return this},clone:function(t,e){return t=null!=t&&t,e=null==e?t:e,this.map((function(){return _.clone(this,t,e)}))},html:function(t){return Y(this,(function(t){var e=this[0]||{},i=0,n=this.length;if(void 0===t&&1===e.nodeType)return e.innerHTML;if("string"==typeof t&&!Tt.test(t)&&!mt[(pt.exec(t)||["",""])[1].toLowerCase()]){t=_.htmlPrefilter(t);try{for(;i=0&&(l+=Math.max(0,Math.ceil(t["offset"+e[0].toUpperCase()+e.slice(1)]-o-l-s-.5))||0),l}function Jt(t,e,i){var n=Ft(t),r=(!f.boxSizingReliable()||i)&&"border-box"===_.css(t,"boxSizing",!1,n),o=r,a=Bt(t,e,n),s="offset"+e[0].toUpperCase()+e.slice(1);if(Rt.test(a)){if(!i)return a;a="auto"}return(!f.boxSizingReliable()&&r||!f.reliableTrDimensions()&&T(t,"tr")||"auto"===a||!parseFloat(a)&&"inline"===_.css(t,"display",!1,n))&&t.getClientRects().length&&(r="border-box"===_.css(t,"boxSizing",!1,n),(o=s in t)&&(a=t[s])),(a=parseFloat(a)||0)+Qt(t,e,i||(r?"border":"content"),o,n,a)+"px"}function te(t,e,i,n,r){return new te.prototype.init(t,e,i,n,r)}_.extend({cssHooks:{opacity:{get:function(t,e){if(e){var i=Bt(t,"opacity");return""===i?"1":i}}}},cssNumber:{animationIterationCount:!0,columnCount:!0,fillOpacity:!0,flexGrow:!0,flexShrink:!0,fontWeight:!0,gridArea:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnStart:!0,gridRow:!0,gridRowEnd:!0,gridRowStart:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{},style:function(t,e,i,n){if(t&&3!==t.nodeType&&8!==t.nodeType&&t.style){var r,o,a,s=V(e),l=Gt.test(e),c=t.style;if(l||(e=Vt(s)),a=_.cssHooks[e]||_.cssHooks[s],void 0===i)return a&&"get"in a&&void 0!==(r=a.get(t,!1,n))?r:c[e];"string"===(o=typeof i)&&(r=et.exec(i))&&r[1]&&(i=st(t,e,r),o="number"),null!=i&&i==i&&("number"!==o||l||(i+=r&&r[3]||(_.cssNumber[s]?"":"px")),f.clearCloneStyle||""!==i||0!==e.indexOf("background")||(c[e]="inherit"),a&&"set"in a&&void 0===(i=a.set(t,i,n))||(l?c.setProperty(e,i):c[e]=i))}},css:function(t,e,i,n){var r,o,a,s=V(e);return Gt.test(e)||(e=Vt(s)),(a=_.cssHooks[e]||_.cssHooks[s])&&"get"in a&&(r=a.get(t,!0,i)),void 0===r&&(r=Bt(t,e,n)),"normal"===r&&e in Kt&&(r=Kt[e]),""===i||i?(o=parseFloat(r),!0===i||isFinite(o)?o||0:r):r}}),_.each(["height","width"],(function(t,e){_.cssHooks[e]={get:function(t,i,n){if(i)return!Ut.test(_.css(t,"display"))||t.getClientRects().length&&t.getBoundingClientRect().width?Jt(t,e,n):zt(t,Zt,(function(){return Jt(t,e,n)}))},set:function(t,i,n){var r,o=Ft(t),a=!f.scrollboxSize()&&"absolute"===o.position,s=(a||n)&&"border-box"===_.css(t,"boxSizing",!1,o),l=n?Qt(t,e,n,s,o):0;return s&&a&&(l-=Math.ceil(t["offset"+e[0].toUpperCase()+e.slice(1)]-parseFloat(o[e])-Qt(t,e,"border",!1,o)-.5)),l&&(r=et.exec(i))&&"px"!==(r[3]||"px")&&(t.style[e]=i,i=_.css(t,e)),$t(0,i,l)}}})),_.cssHooks.marginLeft=Yt(f.reliableMarginLeft,(function(t,e){if(e)return(parseFloat(Bt(t,"marginLeft"))||t.getBoundingClientRect().left-zt(t,{marginLeft:0},(function(){return t.getBoundingClientRect().left})))+"px"})),_.each({margin:"",padding:"",border:"Width"},(function(t,e){_.cssHooks[t+e]={expand:function(i){for(var n=0,r={},o="string"==typeof i?i.split(" "):[i];n<4;n++)r[t+it[n]+e]=o[n]||o[n-2]||o[0];return r}},"margin"!==t&&(_.cssHooks[t+e].set=$t)})),_.fn.extend({css:function(t,e){return Y(this,(function(t,e,i){var n,r,o={},a=0;if(Array.isArray(e)){for(n=Ft(t),r=e.length;a1)}}),_.Tween=te,te.prototype={constructor:te,init:function(t,e,i,n,r,o){this.elem=t,this.prop=i,this.easing=r||_.easing._default,this.options=e,this.start=this.now=this.cur(),this.end=n,this.unit=o||(_.cssNumber[i]?"":"px")},cur:function(){var t=te.propHooks[this.prop];return t&&t.get?t.get(this):te.propHooks._default.get(this)},run:function(t){var e,i=te.propHooks[this.prop];return this.options.duration?this.pos=e=_.easing[this.easing](t,this.options.duration*t,0,1,this.options.duration):this.pos=e=t,this.now=(this.end-this.start)*e+this.start,this.options.step&&this.options.step.call(this.elem,this.now,this),i&&i.set?i.set(this):te.propHooks._default.set(this),this}},te.prototype.init.prototype=te.prototype,te.propHooks={_default:{get:function(t){var e;return 1!==t.elem.nodeType||null!=t.elem[t.prop]&&null==t.elem.style[t.prop]?t.elem[t.prop]:(e=_.css(t.elem,t.prop,""))&&"auto"!==e?e:0},set:function(t){_.fx.step[t.prop]?_.fx.step[t.prop](t):1!==t.elem.nodeType||!_.cssHooks[t.prop]&&null==t.elem.style[Vt(t.prop)]?t.elem[t.prop]=t.now:_.style(t.elem,t.prop,t.now+t.unit)}}},te.propHooks.scrollTop=te.propHooks.scrollLeft={set:function(t){t.elem.nodeType&&t.elem.parentNode&&(t.elem[t.prop]=t.now)}},_.easing={linear:function(t){return t},swing:function(t){return.5-Math.cos(t*Math.PI)/2},_default:"swing"},_.fx=te.prototype.init,_.fx.step={};var ee,ie,ne=/^(?:toggle|show|hide)$/,re=/queueHooks$/;function oe(){ie&&(!1===m.hidden&&t.requestAnimationFrame?t.requestAnimationFrame(oe):t.setTimeout(oe,_.fx.interval),_.fx.tick())}function ae(){return t.setTimeout((function(){ee=void 0})),ee=Date.now()}function se(t,e){var i,n=0,r={height:t};for(e=e?1:0;n<4;n+=2-e)r["margin"+(i=it[n])]=r["padding"+i]=t;return e&&(r.opacity=r.width=t),r}function le(t,e,i){for(var n,r=(ce.tweeners[e]||[]).concat(ce.tweeners["*"]),o=0,a=r.length;o1)},removeAttr:function(t){return this.each((function(){_.removeAttr(this,t)}))}}),_.extend({attr:function(t,e,i){var n,r,o=t.nodeType;if(3!==o&&8!==o&&2!==o)return void 0===t.getAttribute?_.prop(t,e,i):(1===o&&_.isXMLDoc(t)||(r=_.attrHooks[e.toLowerCase()]||(_.expr.match.bool.test(e)?ue:void 0)),void 0!==i?null===i?void _.removeAttr(t,e):r&&"set"in r&&void 0!==(n=r.set(t,i,e))?n:(t.setAttribute(e,i+""),i):r&&"get"in r&&null!==(n=r.get(t,e))?n:null==(n=_.find.attr(t,e))?void 0:n)},attrHooks:{type:{set:function(t,e){if(!f.radioValue&&"radio"===e&&T(t,"input")){var i=t.value;return t.setAttribute("type",e),i&&(t.value=i),e}}}},removeAttr:function(t,e){var i,n=0,r=e&&e.match(N);if(r&&1===t.nodeType)for(;i=r[n++];)t.removeAttribute(i)}}),ue={set:function(t,e,i){return!1===e?_.removeAttr(t,i):t.setAttribute(i,i),i}},_.each(_.expr.match.bool.source.match(/\w+/g),(function(t,e){var i=he[e]||_.find.attr;he[e]=function(t,e,n){var r,o,a=e.toLowerCase();return n||(o=he[a],he[a]=r,r=null!=i(t,e,n)?a:null,he[a]=o),r}}));var de=/^(?:input|select|textarea|button)$/i,fe=/^(?:a|area)$/i;function pe(t){return(t.match(N)||[]).join(" ")}function ge(t){return t.getAttribute&&t.getAttribute("class")||""}function me(t){return Array.isArray(t)?t:"string"==typeof t&&t.match(N)||[]}_.fn.extend({prop:function(t,e){return Y(this,_.prop,t,e,arguments.length>1)},removeProp:function(t){return this.each((function(){delete this[_.propFix[t]||t]}))}}),_.extend({prop:function(t,e,i){var n,r,o=t.nodeType;if(3!==o&&8!==o&&2!==o)return 1===o&&_.isXMLDoc(t)||(e=_.propFix[e]||e,r=_.propHooks[e]),void 0!==i?r&&"set"in r&&void 0!==(n=r.set(t,i,e))?n:t[e]=i:r&&"get"in r&&null!==(n=r.get(t,e))?n:t[e]},propHooks:{tabIndex:{get:function(t){var e=_.find.attr(t,"tabindex");return e?parseInt(e,10):de.test(t.nodeName)||fe.test(t.nodeName)&&t.href?0:-1}}},propFix:{for:"htmlFor",class:"className"}}),f.optSelected||(_.propHooks.selected={get:function(t){var e=t.parentNode;return e&&e.parentNode&&e.parentNode.selectedIndex,null},set:function(t){var e=t.parentNode;e&&(e.selectedIndex,e.parentNode&&e.parentNode.selectedIndex)}}),_.each(["tabIndex","readOnly","maxLength","cellSpacing","cellPadding","rowSpan","colSpan","useMap","frameBorder","contentEditable"],(function(){_.propFix[this.toLowerCase()]=this})),_.fn.extend({addClass:function(t){var e,i,n,r,o,a,s,l=0;if(p(t))return this.each((function(e){_(this).addClass(t.call(this,e,ge(this)))}));if((e=me(t)).length)for(;i=this[l++];)if(r=ge(i),n=1===i.nodeType&&" "+pe(r)+" "){for(a=0;o=e[a++];)n.indexOf(" "+o+" ")<0&&(n+=o+" ");r!==(s=pe(n))&&i.setAttribute("class",s)}return this},removeClass:function(t){var e,i,n,r,o,a,s,l=0;if(p(t))return this.each((function(e){_(this).removeClass(t.call(this,e,ge(this)))}));if(!arguments.length)return this.attr("class","");if((e=me(t)).length)for(;i=this[l++];)if(r=ge(i),n=1===i.nodeType&&" "+pe(r)+" "){for(a=0;o=e[a++];)for(;n.indexOf(" "+o+" ")>-1;)n=n.replace(" "+o+" "," ");r!==(s=pe(n))&&i.setAttribute("class",s)}return this},toggleClass:function(t,e){var i=typeof t,n="string"===i||Array.isArray(t);return"boolean"==typeof e&&n?e?this.addClass(t):this.removeClass(t):p(t)?this.each((function(i){_(this).toggleClass(t.call(this,i,ge(this),e),e)})):this.each((function(){var e,r,o,a;if(n)for(r=0,o=_(this),a=me(t);e=a[r++];)o.hasClass(e)?o.removeClass(e):o.addClass(e);else void 0!==t&&"boolean"!==i||((e=ge(this))&&Z.set(this,"__className__",e),this.setAttribute&&this.setAttribute("class",e||!1===t?"":Z.get(this,"__className__")||""))}))},hasClass:function(t){var e,i,n=0;for(e=" "+t+" ";i=this[n++];)if(1===i.nodeType&&(" "+pe(ge(i))+" ").indexOf(e)>-1)return!0;return!1}});var ve=/\r/g;_.fn.extend({val:function(t){var e,i,n,r=this[0];return arguments.length?(n=p(t),this.each((function(i){var r;1===this.nodeType&&(null==(r=n?t.call(this,i,_(this).val()):t)?r="":"number"==typeof r?r+="":Array.isArray(r)&&(r=_.map(r,(function(t){return null==t?"":t+""}))),(e=_.valHooks[this.type]||_.valHooks[this.nodeName.toLowerCase()])&&"set"in e&&void 0!==e.set(this,r,"value")||(this.value=r))}))):r?(e=_.valHooks[r.type]||_.valHooks[r.nodeName.toLowerCase()])&&"get"in e&&void 0!==(i=e.get(r,"value"))?i:"string"==typeof(i=r.value)?i.replace(ve,""):null==i?"":i:void 0}}),_.extend({valHooks:{option:{get:function(t){var e=_.find.attr(t,"value");return null!=e?e:pe(_.text(t))}},select:{get:function(t){var e,i,n,r=t.options,o=t.selectedIndex,a="select-one"===t.type,s=a?null:[],l=a?o+1:r.length;for(n=o<0?l:a?o:0;n-1)&&(i=!0);return i||(t.selectedIndex=-1),o}}}}),_.each(["radio","checkbox"],(function(){_.valHooks[this]={set:function(t,e){if(Array.isArray(e))return t.checked=_.inArray(_(t).val(),e)>-1}},f.checkOn||(_.valHooks[this].get=function(t){return null===t.getAttribute("value")?"on":t.value})})),f.focusin="onfocusin"in t;var ye=/^(?:focusinfocus|focusoutblur)$/,be=function(t){t.stopPropagation()};_.extend(_.event,{trigger:function(e,i,n,r){var o,a,s,l,c,h,d,f,v=[n||m],y=u.call(e,"type")?e.type:e,b=u.call(e,"namespace")?e.namespace.split("."):[];if(a=f=s=n=n||m,3!==n.nodeType&&8!==n.nodeType&&!ye.test(y+_.event.triggered)&&(y.indexOf(".")>-1&&(b=y.split("."),y=b.shift(),b.sort()),c=y.indexOf(":")<0&&"on"+y,(e=e[_.expando]?e:new _.Event(y,"object"==typeof e&&e)).isTrigger=r?2:3,e.namespace=b.join("."),e.rnamespace=e.namespace?new RegExp("(^|\\.)"+b.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,e.result=void 0,e.target||(e.target=n),i=null==i?[e]:_.makeArray(i,[e]),d=_.event.special[y]||{},r||!d.trigger||!1!==d.trigger.apply(n,i))){if(!r&&!d.noBubble&&!g(n)){for(l=d.delegateType||y,ye.test(l+y)||(a=a.parentNode);a;a=a.parentNode)v.push(a),s=a;s===(n.ownerDocument||m)&&v.push(s.defaultView||s.parentWindow||t)}for(o=0;(a=v[o++])&&!e.isPropagationStopped();)f=a,e.type=o>1?l:d.bindType||y,(h=(Z.get(a,"events")||Object.create(null))[e.type]&&Z.get(a,"handle"))&&h.apply(a,i),(h=c&&a[c])&&h.apply&&U(a)&&(e.result=h.apply(a,i),!1===e.result&&e.preventDefault());return e.type=y,r||e.isDefaultPrevented()||d._default&&!1!==d._default.apply(v.pop(),i)||!U(n)||c&&p(n[y])&&!g(n)&&((s=n[c])&&(n[c]=null),_.event.triggered=y,e.isPropagationStopped()&&f.addEventListener(y,be),n[y](),e.isPropagationStopped()&&f.removeEventListener(y,be),_.event.triggered=void 0,s&&(n[c]=s)),e.result}},simulate:function(t,e,i){var n=_.extend(new _.Event,i,{type:t,isSimulated:!0});_.event.trigger(n,null,e)}}),_.fn.extend({trigger:function(t,e){return this.each((function(){_.event.trigger(t,e,this)}))},triggerHandler:function(t,e){var i=this[0];if(i)return _.event.trigger(t,e,i,!0)}}),f.focusin||_.each({focus:"focusin",blur:"focusout"},(function(t,e){var i=function(t){_.event.simulate(e,t.target,_.event.fix(t))};_.event.special[e]={setup:function(){var n=this.ownerDocument||this.document||this,r=Z.access(n,e);r||n.addEventListener(t,i,!0),Z.access(n,e,(r||0)+1)},teardown:function(){var n=this.ownerDocument||this.document||this,r=Z.access(n,e)-1;r?Z.access(n,e,r):(n.removeEventListener(t,i,!0),Z.remove(n,e))}}}));var xe=t.location,_e={guid:Date.now()},we=/\?/;_.parseXML=function(e){var i,n;if(!e||"string"!=typeof e)return null;try{i=(new t.DOMParser).parseFromString(e,"text/xml")}catch(t){}return n=i&&i.getElementsByTagName("parsererror")[0],i&&!n||_.error("Invalid XML: "+(n?_.map(n.childNodes,(function(t){return t.textContent})).join("\n"):e)),i};var Se=/\[\]$/,ke=/\r?\n/g,Ae=/^(?:submit|button|image|reset|file)$/i,Ce=/^(?:input|select|textarea|keygen)/i;function Te(t,e,i,n){var r;if(Array.isArray(e))_.each(e,(function(e,r){i||Se.test(t)?n(t,r):Te(t+"["+("object"==typeof r&&null!=r?e:"")+"]",r,i,n)}));else if(i||"object"!==b(e))n(t,e);else for(r in e)Te(t+"["+r+"]",e[r],i,n)}_.param=function(t,e){var i,n=[],r=function(t,e){var i=p(e)?e():e;n[n.length]=encodeURIComponent(t)+"="+encodeURIComponent(null==i?"":i)};if(null==t)return"";if(Array.isArray(t)||t.jquery&&!_.isPlainObject(t))_.each(t,(function(){r(this.name,this.value)}));else for(i in t)Te(i,t[i],e,r);return n.join("&")},_.fn.extend({serialize:function(){return _.param(this.serializeArray())},serializeArray:function(){return this.map((function(){var t=_.prop(this,"elements");return t?_.makeArray(t):this})).filter((function(){var t=this.type;return this.name&&!_(this).is(":disabled")&&Ce.test(this.nodeName)&&!Ae.test(t)&&(this.checked||!ft.test(t))})).map((function(t,e){var i=_(this).val();return null==i?null:Array.isArray(i)?_.map(i,(function(t){return{name:e.name,value:t.replace(ke,"\r\n")}})):{name:e.name,value:i.replace(ke,"\r\n")}})).get()}});var Ee=/%20/g,Oe=/#.*$/,Pe=/([?&])_=[^&]*/,Le=/^(.*?):[ \t]*([^\r\n]*)$/gm,De=/^(?:GET|HEAD)$/,Me=/^\/\//,Ie={},Ne={},je="*/".concat("*"),Re=m.createElement("a");function Fe(t){return function(e,i){"string"!=typeof e&&(i=e,e="*");var n,r=0,o=e.toLowerCase().match(N)||[];if(p(i))for(;n=o[r++];)"+"===n[0]?(n=n.slice(1)||"*",(t[n]=t[n]||[]).unshift(i)):(t[n]=t[n]||[]).push(i)}}function ze(t,e,i,n){var r={},o=t===Ne;function a(s){var l;return r[s]=!0,_.each(t[s]||[],(function(t,s){var c=s(e,i,n);return"string"!=typeof c||o||r[c]?o?!(l=c):void 0:(e.dataTypes.unshift(c),a(c),!1)})),l}return a(e.dataTypes[0])||!r["*"]&&a("*")}function He(t,e){var i,n,r=_.ajaxSettings.flatOptions||{};for(i in e)void 0!==e[i]&&((r[i]?t:n||(n={}))[i]=e[i]);return n&&_.extend(!0,t,n),t}Re.href=xe.href,_.extend({active:0,lastModified:{},etag:{},ajaxSettings:{url:xe.href,type:"GET",isLocal:/^(?:about|app|app-storage|.+-extension|file|res|widget):$/.test(xe.protocol),global:!0,processData:!0,async:!0,contentType:"application/x-www-form-urlencoded; charset=UTF-8",accepts:{"*":je,text:"text/plain",html:"text/html",xml:"application/xml, text/xml",json:"application/json, text/javascript"},contents:{xml:/\bxml\b/,html:/\bhtml/,json:/\bjson\b/},responseFields:{xml:"responseXML",text:"responseText",json:"responseJSON"},converters:{"* text":String,"text html":!0,"text json":JSON.parse,"text xml":_.parseXML},flatOptions:{url:!0,context:!0}},ajaxSetup:function(t,e){return e?He(He(t,_.ajaxSettings),e):He(_.ajaxSettings,t)},ajaxPrefilter:Fe(Ie),ajaxTransport:Fe(Ne),ajax:function(e,i){"object"==typeof e&&(i=e,e=void 0),i=i||{};var n,r,o,a,s,l,c,u,h,d,f=_.ajaxSetup({},i),p=f.context||f,g=f.context&&(p.nodeType||p.jquery)?_(p):_.event,v=_.Deferred(),y=_.Callbacks("once memory"),b=f.statusCode||{},x={},w={},S="canceled",k={readyState:0,getResponseHeader:function(t){var e;if(c){if(!a)for(a={};e=Le.exec(o);)a[e[1].toLowerCase()+" "]=(a[e[1].toLowerCase()+" "]||[]).concat(e[2]);e=a[t.toLowerCase()+" "]}return null==e?null:e.join(", ")},getAllResponseHeaders:function(){return c?o:null},setRequestHeader:function(t,e){return null==c&&(t=w[t.toLowerCase()]=w[t.toLowerCase()]||t,x[t]=e),this},overrideMimeType:function(t){return null==c&&(f.mimeType=t),this},statusCode:function(t){var e;if(t)if(c)k.always(t[k.status]);else for(e in t)b[e]=[b[e],t[e]];return this},abort:function(t){var e=t||S;return n&&n.abort(e),A(0,e),this}};if(v.promise(k),f.url=((e||f.url||xe.href)+"").replace(Me,xe.protocol+"//"),f.type=i.method||i.type||f.method||f.type,f.dataTypes=(f.dataType||"*").toLowerCase().match(N)||[""],null==f.crossDomain){l=m.createElement("a");try{l.href=f.url,l.href=l.href,f.crossDomain=Re.protocol+"//"+Re.host!=l.protocol+"//"+l.host}catch(t){f.crossDomain=!0}}if(f.data&&f.processData&&"string"!=typeof f.data&&(f.data=_.param(f.data,f.traditional)),ze(Ie,f,i,k),c)return k;for(h in(u=_.event&&f.global)&&0==_.active++&&_.event.trigger("ajaxStart"),f.type=f.type.toUpperCase(),f.hasContent=!De.test(f.type),r=f.url.replace(Oe,""),f.hasContent?f.data&&f.processData&&0===(f.contentType||"").indexOf("application/x-www-form-urlencoded")&&(f.data=f.data.replace(Ee,"+")):(d=f.url.slice(r.length),f.data&&(f.processData||"string"==typeof f.data)&&(r+=(we.test(r)?"&":"?")+f.data,delete f.data),!1===f.cache&&(r=r.replace(Pe,"$1"),d=(we.test(r)?"&":"?")+"_="+_e.guid+++d),f.url=r+d),f.ifModified&&(_.lastModified[r]&&k.setRequestHeader("If-Modified-Since",_.lastModified[r]),_.etag[r]&&k.setRequestHeader("If-None-Match",_.etag[r])),(f.data&&f.hasContent&&!1!==f.contentType||i.contentType)&&k.setRequestHeader("Content-Type",f.contentType),k.setRequestHeader("Accept",f.dataTypes[0]&&f.accepts[f.dataTypes[0]]?f.accepts[f.dataTypes[0]]+("*"!==f.dataTypes[0]?", "+je+"; q=0.01":""):f.accepts["*"]),f.headers)k.setRequestHeader(h,f.headers[h]);if(f.beforeSend&&(!1===f.beforeSend.call(p,k,f)||c))return k.abort();if(S="abort",y.add(f.complete),k.done(f.success),k.fail(f.error),n=ze(Ne,f,i,k)){if(k.readyState=1,u&&g.trigger("ajaxSend",[k,f]),c)return k;f.async&&f.timeout>0&&(s=t.setTimeout((function(){k.abort("timeout")}),f.timeout));try{c=!1,n.send(x,A)}catch(t){if(c)throw t;A(-1,t)}}else A(-1,"No Transport");function A(e,i,a,l){var h,d,m,x,w,S=i;c||(c=!0,s&&t.clearTimeout(s),n=void 0,o=l||"",k.readyState=e>0?4:0,h=e>=200&&e<300||304===e,a&&(x=function(t,e,i){for(var n,r,o,a,s=t.contents,l=t.dataTypes;"*"===l[0];)l.shift(),void 0===n&&(n=t.mimeType||e.getResponseHeader("Content-Type"));if(n)for(r in s)if(s[r]&&s[r].test(n)){l.unshift(r);break}if(l[0]in i)o=l[0];else{for(r in i){if(!l[0]||t.converters[r+" "+l[0]]){o=r;break}a||(a=r)}o=o||a}if(o)return o!==l[0]&&l.unshift(o),i[o]}(f,k,a)),!h&&_.inArray("script",f.dataTypes)>-1&&_.inArray("json",f.dataTypes)<0&&(f.converters["text script"]=function(){}),x=function(t,e,i,n){var r,o,a,s,l,c={},u=t.dataTypes.slice();if(u[1])for(a in t.converters)c[a.toLowerCase()]=t.converters[a];for(o=u.shift();o;)if(t.responseFields[o]&&(i[t.responseFields[o]]=e),!l&&n&&t.dataFilter&&(e=t.dataFilter(e,t.dataType)),l=o,o=u.shift())if("*"===o)o=l;else if("*"!==l&&l!==o){if(!(a=c[l+" "+o]||c["* "+o]))for(r in c)if((s=r.split(" "))[1]===o&&(a=c[l+" "+s[0]]||c["* "+s[0]])){!0===a?a=c[r]:!0!==c[r]&&(o=s[0],u.unshift(s[1]));break}if(!0!==a)if(a&&t.throws)e=a(e);else try{e=a(e)}catch(t){return{state:"parsererror",error:a?t:"No conversion from "+l+" to "+o}}}return{state:"success",data:e}}(f,x,k,h),h?(f.ifModified&&((w=k.getResponseHeader("Last-Modified"))&&(_.lastModified[r]=w),(w=k.getResponseHeader("etag"))&&(_.etag[r]=w)),204===e||"HEAD"===f.type?S="nocontent":304===e?S="notmodified":(S=x.state,d=x.data,h=!(m=x.error))):(m=S,!e&&S||(S="error",e<0&&(e=0))),k.status=e,k.statusText=(i||S)+"",h?v.resolveWith(p,[d,S,k]):v.rejectWith(p,[k,S,m]),k.statusCode(b),b=void 0,u&&g.trigger(h?"ajaxSuccess":"ajaxError",[k,f,h?d:m]),y.fireWith(p,[k,S]),u&&(g.trigger("ajaxComplete",[k,f]),--_.active||_.event.trigger("ajaxStop")))}return k},getJSON:function(t,e,i){return _.get(t,e,i,"json")},getScript:function(t,e){return _.get(t,void 0,e,"script")}}),_.each(["get","post"],(function(t,e){_[e]=function(t,i,n,r){return p(i)&&(r=r||n,n=i,i=void 0),_.ajax(_.extend({url:t,type:e,dataType:r,data:i,success:n},_.isPlainObject(t)&&t))}})),_.ajaxPrefilter((function(t){var e;for(e in t.headers)"content-type"===e.toLowerCase()&&(t.contentType=t.headers[e]||"")})),_._evalUrl=function(t,e,i){return _.ajax({url:t,type:"GET",dataType:"script",cache:!0,async:!1,global:!1,converters:{"text script":function(){}},dataFilter:function(t){_.globalEval(t,e,i)}})},_.fn.extend({wrapAll:function(t){var e;return this[0]&&(p(t)&&(t=t.call(this[0])),e=_(t,this[0].ownerDocument).eq(0).clone(!0),this[0].parentNode&&e.insertBefore(this[0]),e.map((function(){for(var t=this;t.firstElementChild;)t=t.firstElementChild;return t})).append(this)),this},wrapInner:function(t){return p(t)?this.each((function(e){_(this).wrapInner(t.call(this,e))})):this.each((function(){var e=_(this),i=e.contents();i.length?i.wrapAll(t):e.append(t)}))},wrap:function(t){var e=p(t);return this.each((function(i){_(this).wrapAll(e?t.call(this,i):t)}))},unwrap:function(t){return this.parent(t).not("body").each((function(){_(this).replaceWith(this.childNodes)})),this}}),_.expr.pseudos.hidden=function(t){return!_.expr.pseudos.visible(t)},_.expr.pseudos.visible=function(t){return!!(t.offsetWidth||t.offsetHeight||t.getClientRects().length)},_.ajaxSettings.xhr=function(){try{return new t.XMLHttpRequest}catch(t){}};var Be={0:200,1223:204},Ye=_.ajaxSettings.xhr();f.cors=!!Ye&&"withCredentials"in Ye,f.ajax=Ye=!!Ye,_.ajaxTransport((function(e){var i,n;if(f.cors||Ye&&!e.crossDomain)return{send:function(r,o){var a,s=e.xhr();if(s.open(e.type,e.url,e.async,e.username,e.password),e.xhrFields)for(a in e.xhrFields)s[a]=e.xhrFields[a];for(a in e.mimeType&&s.overrideMimeType&&s.overrideMimeType(e.mimeType),e.crossDomain||r["X-Requested-With"]||(r["X-Requested-With"]="XMLHttpRequest"),r)s.setRequestHeader(a,r[a]);i=function(t){return function(){i&&(i=n=s.onload=s.onerror=s.onabort=s.ontimeout=s.onreadystatechange=null,"abort"===t?s.abort():"error"===t?"number"!=typeof s.status?o(0,"error"):o(s.status,s.statusText):o(Be[s.status]||s.status,s.statusText,"text"!==(s.responseType||"text")||"string"!=typeof s.responseText?{binary:s.response}:{text:s.responseText},s.getAllResponseHeaders()))}},s.onload=i(),n=s.onerror=s.ontimeout=i("error"),void 0!==s.onabort?s.onabort=n:s.onreadystatechange=function(){4===s.readyState&&t.setTimeout((function(){i&&n()}))},i=i("abort");try{s.send(e.hasContent&&e.data||null)}catch(t){if(i)throw t}},abort:function(){i&&i()}}})),_.ajaxPrefilter((function(t){t.crossDomain&&(t.contents.script=!1)})),_.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/\b(?:java|ecma)script\b/},converters:{"text script":function(t){return _.globalEval(t),t}}}),_.ajaxPrefilter("script",(function(t){void 0===t.cache&&(t.cache=!1),t.crossDomain&&(t.type="GET")})),_.ajaxTransport("script",(function(t){var e,i;if(t.crossDomain||t.scriptAttrs)return{send:function(n,r){e=_(" + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Datum_UImodel/table-editable.html b/Datum_UImodel/table-editable.html new file mode 100644 index 0000000..18f3594 --- /dev/null +++ b/Datum_UImodel/table-editable.html @@ -0,0 +1,1232 @@ + + + + + + + + Datum | CRM Admin Dashboard Template + + + + + +
+
+
+
+ + +
+ +
+
+ +
+
+
+
+
+
+
+
+
+

Editable Table

+
+
+ +
+
+
+
+

+<div id="table" class="table-editable">
+   <span class="table-add float-right mb-3 mr-2">
+   <button class="btn btn-sm bg-primary"><i
+      class="ri-add-fill"><span class="pl-1">Add New</span></i>
+   </button>
+   </span>
+   <table class="table table-bordered table-responsive-md table-striped text-center">
+      <thead>
+         <tr>
+            <th>Name</th>
+            <th>Age</th>
+            <th>Company Name</th>
+            <th>Country</th>
+            <th>City</th>
+            <th>Sort</th>
+            <th>Remove</th>
+         </tr>
+      </thead>
+      <tbody>
+         <tr>
+            <td contenteditable="true">Gio Metric</td>
+            <td contenteditable="true">25</td>
+            <td contenteditable="true">Deepends</td>
+            <td contenteditable="true">Spain</td>
+            <td contenteditable="true">Madrid</td>
+            <td>
+               <span class="table-up"><a href="#!" class="indigo-text"><i class="fas fa-long-arrow-alt-up" aria-hidden="true"></i></a></span>
+               <span class="table-down"><a href="#!" class="indigo-text"><i class="fas fa-long-arrow-alt-down" aria-hidden="true"></i></a></span>
+            </td>
+            <td>
+               <span class="table-remove"><button type="button"
+                  class="btn bg-danger-light btn-rounded btn-sm my-0">Remove</button></span>
+            </td>
+         </tr>
+         <tr>
+            <td contenteditable="true">Manny Petty</td>
+            <td contenteditable="true">45</td>
+            <td contenteditable="true">Insectus</td>
+            <td contenteditable="true">France</td>
+            <td contenteditable="true">San Francisco</td>
+            <td>
+               <span class="table-up"><a href="#!" class="indigo-text"><i class="fas fa-long-arrow-alt-up" aria-hidden="true"></i></a></span>
+               <span class="table-down"><a href="#!" class="indigo-text"><i class="fas fa-long-arrow-alt-down" aria-hidden="true"></i></a></span>
+            </td>
+            <td>
+               <span class="table-remove"><button type="button"
+                  class="btn bg-danger-light btn-rounded btn-sm my-0">Remove</button></span>
+            </td>
+         </tr>
+         <tr>
+            <td contenteditable="true">Lucy Tania</td>
+            <td contenteditable="true">26</td>
+            <td contenteditable="true">Isotronic</td>
+            <td contenteditable="true">Germany</td>
+            <td contenteditable="true">Frankfurt am Main</td>
+            <td>
+               <span class="table-up"><a href="#!" class="indigo-text"><i class="fas fa-long-arrow-alt-up" aria-hidden="true"></i></a></span>
+               <span class="table-down"><a href="#!" class="indigo-text"><i class="fas fa-long-arrow-alt-down" aria-hidden="true"></i></a></span>
+            </td>
+            <td>
+               <span class="table-remove"><button type="button"
+                  class="btn bg-danger-light btn-rounded btn-sm my-0">Remove</button></span>
+            </td>
+         </tr>
+         <tr class="hide">
+            <td contenteditable="true">Anna Mull</td>
+            <td contenteditable="true">35</td>
+            <td contenteditable="true">Portica</td>
+            <td contenteditable="true">USA</td>
+            <td contenteditable="true">Oregon</td>
+            <td>
+               <span class="table-up"><a href="#!" class="indigo-text"><i class="fas fa-long-arrow-alt-up" aria-hidden="true"></i></a></span>
+               <span class="table-down"><a href="#!" class="indigo-text"><i class="fas fa-long-arrow-alt-down" aria-hidden="true"></i></a></span>
+            </td>
+            <td>
+               <span class="table-remove"><button type="button"
+                  class="btn bg-danger-light btn-rounded btn-sm my-0">Remove</button></span>
+            </td>
+         </tr>
+      </tbody>
+   </table>
+</div>
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameAgeCompany NameCountryCitySortRemove
Gio Metric25DeependsSpainMadrid + + + + + + + + +
Manny Petty45InsectusFranceSan Francisco + + + + + + + + +
Lucy Tania26IsotronicGermanyFrankfurt am Main + + + + + + + + +
Anna Mull35PorticaUSAOregon + + + + + + + + +
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Datum_UImodel/tables-basic.html b/Datum_UImodel/tables-basic.html new file mode 100644 index 0000000..69ed375 --- /dev/null +++ b/Datum_UImodel/tables-basic.html @@ -0,0 +1,2259 @@ + + + + + + + + Datum | CRM Admin Dashboard Template + + + + + +
+
+
+
+ + +
+ +
+
+ +
+
+
+
+
+
+
+
+
+

Tables

+
+
+ +
+
+
+
+

+<table class="table">
+<thead>
+   <tr>
+      <th scope="col">#</th>
+      <th scope="col">First</th>
+      <th scope="col">Last</th>
+      <th scope="col">Handle</th>
+   </tr>
+</thead>
+<tbody>
+   <tr>
+      <th scope="row">1</th>
+      <td>Mark</td>
+      <td>Otto</td>
+      <td>@mdo</td>
+   </tr>
+   <tr>
+      <th scope="row">2</th>
+      <td>Jacob</td>
+      <td>Thornton</td>
+      <td>@fat</td>
+   </tr>
+   <tr>
+      <th scope="row">3</th>
+      <td>Larry</td>
+      <td>the Bird</td>
+      <td>@twitter</td>
+   </tr>
+</tbody>
+</table>
+
+
+

The .table class adds basic styling to a table.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
#FirstLastHandle
1MarkOtto@mdo
2JacobThornton@fat
3Larrythe Bird@twitter
+
+
+
+
+
+

Table Head Options

+
+
+ +
+
+
+
+

+<table class="table">
+   <thead class="thead-dark">
+      <tr>
+         <th scope="col">#</th>
+         <th scope="col">First</th>
+         <th scope="col">Last</th>
+         <th scope="col">Handle</th>
+      </tr>
+   </thead>
+   <tbody>
+      <tr>
+         <th scope="row">1</th>
+         <td>Mark</td>
+         <td>Otto</td>
+         <td>@mdo</td>
+      </tr>
+      <tr>
+         <th scope="row">2</th>
+         <td>Jacob</td>
+         <td>Thornton</td>
+         <td>@fat</td>
+      </tr>
+      <tr>
+         <th scope="row">3</th>
+         <td>Larry</td>
+         <td>the Bird</td>
+         <td>@twitter</td>
+      </tr>
+   </tbody>
+</table>
+<table class="table">
+   <thead class="thead-light">
+      <tr>
+         <th scope="col">#</th>
+         <th scope="col">First</th>
+         <th scope="col">Last</th>
+         <th scope="col">Handle</th>
+      </tr>
+   </thead>
+   <tbody>
+      <tr>
+         <th scope="row">1</th>
+         <td>Mark</td>
+         <td>Otto</td>
+         <td>@mdo</td>
+      </tr>
+      <tr>
+         <th scope="row">2</th>
+         <td>Jacob</td>
+         <td>Thornton</td>
+         <td>@fat</td>
+      </tr>
+      <tr>
+         <th scope="row">3</th>
+         <td>Larry</td>
+         <td>the Bird</td>
+         <td>@twitter</td>
+      </tr>
+   </tbody>
+</table>
+
+
+

Similar to tables and dark tables, use the modifier classes .thead-light or .thead-dark to make <thead>s appear light or dark gray.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
#FirstLastHandle
1MarkOtto@mdo
2JacobThornton@fat
3Larrythe Bird@twitter
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
#FirstLastHandle
1MarkOtto@mdo
2JacobThornton@fat
3Larrythe Bird@twitter
+
+
+
+
+
+

Borderless table

+
+
+ +
+
+
+
+

+<table class="table table-borderless">
+   <thead>
+      <tr>
+         <th scope="col">#</th>
+         <th scope="col">First</th>
+         <th scope="col">Last</th>
+         <th scope="col">Handle</th>
+      </tr>
+   </thead>
+   <tbody>
+      <tr>
+         <th scope="row">1</th>
+         <td>Mark</td>
+         <td>Otto</td>
+         <td>@mdo</td>
+      </tr>
+      <tr>
+         <th scope="row">2</th>
+         <td>Jacob</td>
+         <td>Thornton</td>
+         <td>@fat</td>
+      </tr>
+      <tr>
+         <th scope="row">3</th>
+         <td colspan="2">Larry the Bird</td>
+         <td>@twitter</td>
+      </tr>
+   </tbody>
+</table>
+
+
+

Add .table-borderless for a table without borders.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + +
#FirstLastHandle
1MarkOtto@mdo
2JacobThornton@fat
3Larry the Bird@twitter
+

.table-borderless can also be used on dark tables.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + +
#FirstLastHandle
1MarkOtto@mdo
2JacobThornton@fat
3Larry the Bird@twitter
+
+
+
+
+
+

Small table

+
+
+ +
+
+
+
+

+<table class="table table-sm">
+   <thead>
+      <tr>
+         <th scope="col">#</th>
+         <th scope="col">First</th>
+         <th scope="col">Last</th>
+         <th scope="col">Handle</th>
+      </tr>
+   </thead>
+   <tbody>
+      <tr>
+         <th scope="row">1</th>
+         <td>Mark</td>
+         <td>Otto</td>
+         <td>@mdo</td>
+      </tr>
+      <tr>
+         <th scope="row">2</th>
+         <td>Jacob</td>
+         <td>Thornton</td>
+         <td>@fat</td>
+      </tr>
+      <tr>
+         <th scope="row">3</th>
+         <td colspan="2">Larry the Bird</td>
+         <td>@twitter</td>
+      </tr>
+   </tbody>
+</table>
+<table class="table table-sm table-dark">
+   <thead>
+      <tr>
+         <th scope="col">#</th>
+         <th scope="col">First</th>
+         <th scope="col">Last</th>
+         <th scope="col">Handle</th>
+      </tr>
+   </thead>
+   <tbody>
+      <tr>
+         <th scope="row">1</th>
+         <td>Mark</td>
+         <td>Otto</td>
+         <td>@mdo</td>
+      </tr>
+      <tr>
+         <th scope="row">2</th>
+         <td>Jacob</td>
+         <td>Thornton</td>
+         <td>@fat</td>
+      </tr>
+      <tr>
+         <th scope="row">3</th>
+         <td colspan="2">Larry the Bird</td>
+         <td>@twitter</td>
+      </tr>
+   </tbody>
+</table>
+
+
+

Add .table-sm to make tables more compact by cutting cell padding in half.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + +
#FirstLastHandle
1MarkOtto@mdo
2JacobThornton@fat
3Larry the Bird@twitter
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + +
#FirstLastHandle
1MarkOtto@mdo
2JacobThornton@fat
3Larry the Bird@twitter
+
+
+
+
+
+

Captions

+
+
+ +
+
+
+
+

+<table class="table">
+   <thead>
+      <tr>
+         <th scope="col">#</th>
+         <th scope="col">First</th>
+         <th scope="col">Last</th>
+         <th scope="col">Handle</th>
+      </tr>
+   </thead>
+   <tbody>
+      <tr>
+         <th scope="row">1</th>
+         <td>Mark</td>
+         <td>Otto</td>
+         <td>@mdo</td>
+      </tr>
+      <tr>
+         <th scope="row">2</th>
+         <td>Jacob</td>
+         <td>Thornton</td>
+         <td>@fat</td>
+      </tr>
+      <tr>
+         <th scope="row">3</th>
+         <td>Larry</td>
+         <td>the Bird</td>
+         <td>@twitter</td>
+      </tr>
+   </tbody>
+</table>
+
+
+

A <caption> functions like a heading for a table. It helps users with screen readers to find a table and understand what it’s about and decide if they want to read it.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
#FirstLastHandle
1MarkOtto@mdo
2JacobThornton@fat
3Larrythe Bird@twitter
+
+
+ +
+
+
+

Table Dark

+
+
+ +
+
+
+
+

+<table class="table table-dark">
+   <thead>
+      <tr>
+         <th scope="col">#</th>
+         <th scope="col">First</th>
+         <th scope="col">Last</th>
+         <th scope="col">Handle</th>
+      </tr>
+   </thead>
+   <tbody>
+      <tr>
+         <th scope="row">1</th>
+         <td>Mark</td>
+         <td>Otto</td>
+         <td>@mdo</td>
+      </tr>
+      <tr>
+         <th scope="row">2</th>
+         <td>Jacob</td>
+         <td>Thornton</td>
+         <td>@fat</td>
+      </tr>
+      <tr>
+         <th scope="row">3</th>
+         <td>Larry</td>
+         <td>the Bird</td>
+         <td>@twitter</td>
+      </tr>
+   </tbody>
+</table>
+
+
+

You can also invert the colors—with light text on dark backgrounds—with .table-dark.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
#FirstLastHandle
1MarkOtto@mdo
2JacobThornton@fat
3Larrythe Bird@twitter
+
+
+
+
+
+

Striped Rows

+
+
+ +
+
+
+
+

+<table class="table table-striped">
+   <thead>
+      <tr>
+         <th scope="col">#</th>
+         <th scope="col">First</th>
+         <th scope="col">Last</th>
+         <th scope="col">Handle</th>
+      </tr>
+   </thead>
+   <tbody>
+      <tr>
+         <th scope="row">1</th>
+         <td>Mark</td>
+         <td>Otto</td>
+         <td>@mdo</td>
+      </tr>
+      <tr>
+         <th scope="row">2</th>
+         <td>Jacob</td>
+         <td>Thornton</td>
+         <td>@fat</td>
+      </tr>
+      <tr>
+         <th scope="row">3</th>
+         <td>Larry</td>
+         <td>the Bird</td>
+         <td>@twitter</td>
+      </tr>
+   </tbody>
+</table>
+<table class="table table-striped table-dark">
+   <thead>
+      <tr>
+         <th scope="col">#</th>
+         <th scope="col">First</th>
+         <th scope="col">Last</th>
+         <th scope="col">Handle</th>
+      </tr>
+   </thead>
+   <tbody>
+      <tr>
+         <th scope="row">1</th>
+         <td>Mark</td>
+         <td>Otto</td>
+         <td>@mdo</td>
+      </tr>
+      <tr>
+         <th scope="row">2</th>
+         <td>Jacob</td>
+         <td>Thornton</td>
+         <td>@fat</td>
+      </tr>
+      <tr>
+         <th scope="row">3</th>
+         <td>Larry</td>
+         <td>the Bird</td>
+         <td>@twitter</td>
+      </tr>
+   </tbody>
+</table>
+
+
+

Use .table-striped to add zebra-striping to any table row within the <tbody>.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
#FirstLastHandle
1MarkOtto@mdo
2JacobThornton@fat
3Larrythe Bird@twitter
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
#FirstLastHandle
1MarkOtto@mdo
2JacobThornton@fat
3Larrythe Bird@twitter
+
+
+
+
+
+

Hoverable rows

+
+
+ +
+
+
+
+

+<table class="table table-hover">
+   <thead>
+      <tr>
+         <th scope="col">#</th>
+         <th scope="col">First</th>
+         <th scope="col">Last</th>
+         <th scope="col">Handle</th>
+      </tr>
+   </thead>
+   <tbody>
+      <tr>
+         <th scope="row">1</th>
+         <td>Mark</td>
+         <td>Otto</td>
+         <td>@mdo</td>
+      </tr>
+      <tr>
+         <th scope="row">2</th>
+         <td>Jacob</td>
+         <td>Thornton</td>
+         <td>@fat</td>
+      </tr>
+      <tr>
+         <th scope="row">3</th>
+         <td colspan="2">Larry the Bird</td>
+         <td>@twitter</td>
+      </tr>
+   </tbody>
+</table>
+<table class="table table-hover table-dark">
+   <thead>
+      <tr>
+         <th scope="col">#</th>
+         <th scope="col">First</th>
+         <th scope="col">Last</th>
+         <th scope="col">Handle</th>
+      </tr>
+   </thead>
+   <tbody>
+      <tr>
+         <th scope="row">1</th>
+         <td>Mark</td>
+         <td>Otto</td>
+         <td>@mdo</td>
+      </tr>
+      <tr>
+         <th scope="row">2</th>
+         <td>Jacob</td>
+         <td>Thornton</td>
+         <td>@fat</td>
+      </tr>
+      <tr>
+         <th scope="row">3</th>
+         <td colspan="2">Larry the Bird</td>
+         <td>@twitter</td>
+      </tr>
+   </tbody>
+</table>
+
+
+

Add .table-hover to enable a hover state on table rows within a <tbody>.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + +
#FirstLastHandle
1MarkOtto@mdo
2JacobThornton@fat
3Larry the Bird@twitter
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + +
#FirstLastHandle
1MarkOtto@mdo
2JacobThornton@fat
3Larry the Bird@twitter
+
+
+
+
+
+

Contextual classes

+
+
+ +
+
+
+
+

+<table class="table">
+   <thead>
+      <tr>
+         <th scope="col">Class</th>
+         <th scope="col">Heading</th>
+         <th scope="col">Heading</th>
+      </tr>
+   </thead>
+   <tbody>
+      <tr class="table-active">
+         <th scope="row">Active</th>
+         <td>Cell</td>
+         <td>Cell</td>
+      </tr>
+      <tr>
+         <th scope="row">Default</th>
+         <td>Cell</td>
+         <td>Cell</td>
+      </tr>
+      <tr class="table-primary">
+         <th scope="row">Primary</th>
+         <td>Cell</td>
+         <td>Cell</td>
+      </tr>
+      <tr class="table-secondary">
+         <th scope="row">Secondary</th>
+         <td>Cell</td>
+         <td>Cell</td>
+      </tr>
+      <tr class="table-success">
+         <th scope="row">Success</th>
+         <td>Cell</td>
+         <td>Cell</td>
+      </tr>
+      <tr class="table-danger">
+         <th scope="row">Danger</th>
+         <td>Cell</td>
+         <td>Cell</td>
+      </tr>
+      <tr class="table-warning">
+         <th scope="row">Warning</th>
+         <td>Cell</td>
+         <td>Cell</td>
+      </tr>
+      <tr class="table-info">
+         <th scope="row">Info</th>
+         <td>Cell</td>
+         <td>Cell</td>
+      </tr>
+   </tbody>
+</table>
+
+
+

Use contextual classes to color table rows or individual cells.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
ClassHeadingHeading
ActiveCellCell
DefaultCellCell
PrimaryCellCell
SecondaryCellCell
SuccessCellCell
DangerCellCell
WarningCellCell
InfoCellCell
+

Regular table background variants are not available with the dark table, however, you may use text or background utilities to achieve similar styles.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
#HeadingHeading
1CellCell
2CellCell
3CellCell
4CellCell
5CellCell
6CellCell
7CellCell
8CellCell
9CellCell
+
+
+ +
+
+
+

Responsive tables

+
+
+ +
+
+
+
+

+<table class="table">
+   <thead>
+      <tr>
+         <th scope="col">#</th>
+         <th scope="col">Heading</th>
+         <th scope="col">Heading</th>
+         <th scope="col">Heading</th>
+         <th scope="col">Heading</th>
+         <th scope="col">Heading</th>
+         <th scope="col">Heading</th>
+         <th scope="col">Heading</th>
+         <th scope="col">Heading</th>
+         <th scope="col">Heading</th>
+      </tr>
+   </thead>
+   <tbody>
+      <tr>
+         <th scope="row">1</th>
+         <td>Cell</td>
+         <td>Cell</td>
+         <td>Cell</td>
+         <td>Cell</td>
+         <td>Cell</td>
+         <td>Cell</td>
+         <td>Cell</td>
+         <td>Cell</td>
+         <td>Cell</td>
+      </tr>
+      <tr>
+         <th scope="row">2</th>
+         <td>Cell</td>
+         <td>Cell</td>
+         <td>Cell</td>
+         <td>Cell</td>
+         <td>Cell</td>
+         <td>Cell</td>
+         <td>Cell</td>
+         <td>Cell</td>
+         <td>Cell</td>
+      </tr>
+      <tr>
+         <th scope="row">3</th>
+         <td>Cell</td>
+         <td>Cell</td>
+         <td>Cell</td>
+         <td>Cell</td>
+         <td>Cell</td>
+         <td>Cell</td>
+         <td>Cell</td>
+         <td>Cell</td>
+         <td>Cell</td>
+      </tr>
+   </tbody>
+</table>
+
+
+

Responsive tables allow tables to be scrolled horizontally with ease. Make any table responsive across all viewports by wrapping a .table with .table-responsive. Or, pick a maximum breakpoint with which to have a responsive table up to by using .table-responsive{-sm|-md|-lg|-xl}.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
#HeadingHeadingHeadingHeadingHeadingHeadingHeadingHeadingHeading
1CellCellCellCellCellCellCellCellCell
2CellCellCellCellCellCellCellCellCell
3CellCellCellCellCellCellCellCellCell
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Datum_UImodel/terms-of-service.html b/Datum_UImodel/terms-of-service.html new file mode 100644 index 0000000..9712c64 --- /dev/null +++ b/Datum_UImodel/terms-of-service.html @@ -0,0 +1,1154 @@ + + + + + + + + Datum | CRM Admin Dashboard Template + + + + + +
+
+
+
+ + +
+ +
+
+ +
+
+
+
+
+
+
+
+ +
+

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia + aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt + aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft + beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat + craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore + sustainable VHS.

+
+
+
+ +
+

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia + aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt + aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft + beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat + craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore + sustainable VHS. +

+
+
+
+ +
+

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia + aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt + aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft + beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat + craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore + sustainable VHS. +

+
+
+
+ +
+

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia + aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt + aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft + beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat + craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore + sustainable VHS. +

+
+
+
+ +
+

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia + aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt + aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft + beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat + craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore + sustainable VHS. +

+
+
+
+ +
+

>Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia + aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt + aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft + beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat + craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore + sustainable VHS. +

+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Datum_UImodel/timeline.html b/Datum_UImodel/timeline.html new file mode 100644 index 0000000..d1169b4 --- /dev/null +++ b/Datum_UImodel/timeline.html @@ -0,0 +1,1111 @@ + + + + + + + + Datum | CRM Admin Dashboard Template + + + + + +
+
+
+
+ + +
+ +
+
+ +
+
+
+
+
+
+
+
+
+
    +
  • +
    Jan 2020 +
    +
    +
    +
    Client Login
    +
    +

    Bonbon macaroon jelly beans gummi bears jelly lollipop apple There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.

    +
    +
    +
  • +
  • +
    Feb 2020 +
    +
    +
    +
    Scheduled Maintenance
    +
    +

    Bonbon macaroon jelly beans gummi bears jelly lollipop apple There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.

    +
    +
    +
  • +
  • +
    March 2020 +
    +
    +
    +
    Client Call
    +
    +

    Bonbon macaroon jelly beans gummi bears jelly lollipop apple There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.

    +
    +
    +
  • +
  • +
    April 2020 +
    +
    +
    +
    Mega event
    +
    +

    Bonbon macaroon jelly beans gummi bears jelly lollipop apple There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.

    +
    +
    +
  • +
  • +
    March 2020 +
    +
    +
    +
    Client Call
    +
    +

    Bonbon macaroon jelly beans gummi bears jelly lollipop apple There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.

    +
    +
    +
  • +
  • +
    April 2020 +
    +
    +
    +
    Mega event
    +
    +

    Bonbon macaroon jelly beans gummi bears jelly lollipop apple There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.

    +
    +
    +
  • +
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Datum_UImodel/todo.html b/Datum_UImodel/todo.html new file mode 100644 index 0000000..8fe0186 --- /dev/null +++ b/Datum_UImodel/todo.html @@ -0,0 +1,3603 @@ + + + + + + + + Datum | CRM Admin Dashboard Template + + + + + +
+
+
+
+ + +
+ +
+
+ +
+
+
+
+
+
+
+
+
+

Todo

+
+
+
+ + +
+
+
+
+
+
+
+
+
+
+
+
Todo
+
+
+
+
+
+
+
+ Project > List +
Launch SpaceX
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+
+
+ +
+
+ +
+
+
+
+
+ Project > List +
New Updates
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+
+
+ +
+
+ +
+
+
+
+
+ Project > List +
Night mode
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+
+
+ +
+
+ +
+
+
+
+
+ Project > List +
Use-cases
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+
+
+ +
+
+ +
+
+
+
+
+
+
In Progress
+
+
+
+
+
+
+
+ Project > List +
New Updates
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+
+
+ +
+
+ +
+
+
+
+
+ Project > List +
Launch SpaceX
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+
+
+ +
+
+ +
+
+
+
+
+ Project > List +
Use-cases
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+
+
+ +
+
+ +
+
+
+
+
+ Project > List +
Night mode
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+
+
+ +
+
+ +
+
+
+
+
+
+
Complete
+
+
+
+
+
+
+
+ Project > List +
Use-cases
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+
+
+ +
+
+ +
+
+
+
+
+ Project > List +
New Updates
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+
+
+ +
+
+ +
+
+
+
+
+ Project > List +
Night mode
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+
+
+ +
+
+ +
+
+
+
+
+ Project > List +
Launch SpaceX
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+
+
+ +
+
+ +
+
+
+
+
+
+
Review
+
+
+
+
+
+
+
+ Project > List +
Night mode
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+
+
+ +
+
+ +
+
+
+
+
+ Project > List +
Launch SpaceX
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+
+
+ +
+
+ +
+
+
+
+
+ Project > List +
Use-cases
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+
+
+ +
+
+ +
+
+
+
+
+ Project > List +
New Updates
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+
+
+ +
+
+ +
+
+
+
+
+
+
+
+
+
+
Todo
+
+
+
+
+
+
+
Launch SpaceX
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+
+
+ + +
+ + + + +
+
+
+
+
+
+
New Updates
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+
+
+ + +
+ + + + +
+
+
+
+
+
+
Night mode
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+
+
+ + +
+ + + + +
+
+
+
+
+
+
Use-cases
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+
+
+ + +
+ + + + +
+
+
+
+
+
+
In Progress
+
+
+
+
+
+
+
Launch SpaceX
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+
+
+ + +
+ + + + +
+
+
+
+
+
+
New Updates
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+
+
+ + +
+ + + + +
+
+
+
+
+
+
Night mode
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+
+
+ + +
+ + + + +
+
+
+
+
+
+
Use-cases
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+
+
+ + +
+ + + + +
+
+
+
+
+
+
Review
+
+
+
+
+
+
+
Launch SpaceX
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+
+
+ + +
+ + + + +
+
+
+
+
+
+
New Updates
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+
+
+ + +
+ + + + +
+
+
+
+
+
+
Night mode
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+
+
+ + +
+ + + + +
+
+
+
+
+
+
Use-cases
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+
+
+ + +
+ + + + +
+
+
+
+
+
+
Complete
+
+
+
+
+
+
+
Launch SpaceX
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+
+
+ + +
+ + + + +
+
+
+
+
+
+
New Updates
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+
+
+ + +
+ + + + +
+
+
+
+
+
+
Night mode
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+
+
+ + +
+ + + + +
+
+
+
+
+
+
Use-cases
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+
+
+ + +
+ + + + +
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ \ No newline at end of file diff --git a/Datum_UImodel/ui-alerts.html b/Datum_UImodel/ui-alerts.html new file mode 100644 index 0000000..c4a962c --- /dev/null +++ b/Datum_UImodel/ui-alerts.html @@ -0,0 +1,1601 @@ + + + + + + + + Datum | CRM Admin Dashboard Template + + + + + +
+
+
+
+ + +
+ +
+
+ +
+
+
+
+
+
+
+
+

Datum has extrend bootstrap alert component Documentation

+
+
+
+
+
+
+
+

Basic Alerts

+
+
+ + + + + +
+
+
+
+

+<div class="alert alert-primary" role="alert">
+   <div class="iq-alert-text">A simple <b>primary</b> alert—check it out!</div>
+</div>
+
+
+ + + + + + + +
+
+
+
+
+
+
+

Basic Alerts With Icons

+
+
+ + + + + +
+
+
+
+

+<div class="alert alert-primary" role="alert">
+   <div class="iq-alert-text">A simple <b>primary</b> alert—check it out!</div>
+</div>
+
+
+ + + + + + + +
+
+
+
+
+
+
+
+
+

Basic Line Alerts

+
+
+ + + + + +
+
+
+
+

+<div class="alert alert-primary" role="alert">
+   <div class="iq-alert-text">A simple <b>primary</b> alert—check it out!</div>
+</div>
+
+
+ + + + + + + +
+
+
+
+
+
+
+

Basic Line Alerts With Icons

+
+
+ + + + + +
+
+
+
+

+<div class="alert alert-primary" role="alert">
+   <div class="iq-alert-text">A simple <b>primary</b> alert—check it out!</div>
+</div>
+
+
+ + + + + + + +
+
+
+
+
+
+
+
+
+

Alerts With Background

+
+
+ + + + + +
+
+
+
+

+<div class="alert alert-primary" role="alert">
+   <div class="iq-alert-text">A simple <b>primary</b> alert—check it out!</div>
+</div>
+
+
+ + + + + + + +
+
+
+
+
+
+
+

Background Alerts With Icons

+
+
+ + + + + +
+
+
+
+

+<div class="alert alert-primary" role="alert">
+   <div class="iq-alert-text">A simple <b>primary</b> alert—check it out!</div>
+</div>
+
+
+ + + + + + + +
+
+
+
+
+
+
+
+
+

Alerts Dismissing

+
+
+ + + + + +
+
+
+
+

+<div class="alert alert-primary" role="alert">
+   <div class="iq-alert-text">A simple <b>primary</b> alert—check it out!</div>
+</div>
+
+
+ + + + + + + +
+
+
+
+
+
+
+

Alerts Dismissing With Icons

+
+
+ + + + + +
+
+
+
+

+<div class="alert alert-primary" role="alert">
+   <div class="iq-alert-text">A simple <b>primary</b> alert—check it out!</div>
+</div>
+
+
+ + + + + + + +
+
+
+
+
+
+
+
+
+

Additional content

+
+
+ + + + + +
+
+
+
+

+<div class="alert alert-primary" role="alert">
+   <div class="iq-alert-text">A simple <b>primary</b> alert—check it out!</div>
+</div>
+
+
+
+
+ +
+
+ +
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Datum_UImodel/ui-avatars.html b/Datum_UImodel/ui-avatars.html new file mode 100644 index 0000000..94576f6 --- /dev/null +++ b/Datum_UImodel/ui-avatars.html @@ -0,0 +1,1360 @@ + + + + + + + + Datum | CRM Admin Dashboard Template + + + + + +
+
+
+
+ + +
+ +
+
+ +
+
+
+
+
+
+
+
+
+

Avatar Sizing

+
+
+ + + + + +
+
+
+
+

+<div class="iq-avatars d-flex flex-wrap align-items-center">   
+   <div class="iq-avatar">
+      <img class="avatar-100 rounded" src="../assets/images/user/1.jpg" alt="#" data-original-title="" title="">
+   </div>
+</div>
+
+
+
+
+ # +
+
+ # +
+
+ # +
+
+ # +
+
+ # +
+
+ # +
+
+ # +
+
+ # +
+
+
+
+
+
+
+
+
+

Shape Rounded

+
+
+ +
+
+
+
+

+<div class="iq-avatars d-flex flex-wrap align-items-center">
+   <div class="iq-avatar">
+      <img class="avatar-80 rounded" src="../assets/images/user/1.jpg" alt="#" data-original-title="" title="">
+   </div>
+</div>
+
+
+
+
+ # +
+
+ # +
+
+ # +
+
+ # +
+
+ # +
+
+ # +
+
+
+
+
+
+
+
+
+

Shape Rounded Circle

+
+
+ + + + + +
+
+
+
+

+<div class="iq-avatars d-flex flex-wrap align-items-center">
+   <div class="iq-avatar">
+      <img class="avatar-80 rounded-small" src="../assets/images/user/1.jpg" alt="#" data-original-title="" title="">
+   </div>
+</div>
+
+
+
+
+ # +
+
+ # +
+
+ # +
+
+ # +
+
+ # +
+
+ # +
+
+
+
+
+
+
+
+
+

Image Initials

+
+
+ + + + + +
+
+
+
+

+<div class="iq-avatars d-flex flex-wrap align-items-center">
+   <div class="iq-avatar">
+      <img class="avatar-100 rounded" src="../assets/images/user/1.jpg" alt="#" data-original-title="" title="">
+   </div>
+</div>
+
+
+
+
+ # +
+
+ # +
+
+ # +
+
+ # +
+
+ # +
+
+ # +
+
+ # +
+
+ # +
+
+
+
+
+
+
+
+
+

Status Indicator

+
+
+ +
+
+
+
+

+<div class="iq-avatars d-flex flex-wrap align-items-center">
+   <div class="iq-avatar">
+      <img class="avatar-80 rounded" src="../assets/images/user/1.jpg" alt="#" data-original-title="" title=""> <span class="bg-success iq-dots dots-100"></span>
+   </div>
+</div>
+
+
+
+
+ # +
+
+ # +
+
+ # +
+
+ # +
+
+ # +
+
+ # +
+
+
+
+
+
+
+
+
+

Image Groups

+
+
+ + + + + +
+
+
+
+

+<div class="iq-avatars d-flex flex-wrap align-items-center">
+   <div class="iq-avatar">
+      <div class="iq-media-group">
+         <a href="#" class="iq-media">
+            <img class="img-fluid avatar-60 rounded" src="../assets/images/user/05.jpg" alt="">
+         </a>
+         <a href="#" class="iq-media">
+            <img class="img-fluid avatar-60 rounded" src="../assets/images/user/06.jpg" alt="">
+         </a>
+         <a href="#" class="iq-media">
+            <img class="img-fluid avatar-60 rounded" src="../assets/images/user/01.jpg" alt="">
+         </a>
+      </div>
+   </div>
+</div>
+
+
+
+
+ +
+
+ +
+
+ +
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Datum_UImodel/ui-badges.html b/Datum_UImodel/ui-badges.html new file mode 100644 index 0000000..e0fe48d --- /dev/null +++ b/Datum_UImodel/ui-badges.html @@ -0,0 +1,1269 @@ + + + + + + + + Datum | CRM Admin Dashboard Template + + + + + +
+
+
+
+ + +
+ +
+
+ +
+
+
+
+
+
+
+
+
+
+
+

Badge

+
+
+ + + + + +
+
+
+
+

+<h1 class="mt-2">Example heading <span class="badge  badge-primary">New</span></h1>
+
+
+

Badges scale to match the size of the immediate parent element by using relative font sizing and em units.

+

Example heading New

+

Example heading New

+

Example heading New

+

Example heading New

+
Example heading New
+
Example heading New
+
+
+
+
+
+

Button Badges

+
+
+ + + + + +
+
+
+
+

+<button type="button" class="btn mb-1 btn-primary">
+  Notifications <span class="badge badge-light ml-2">4</span>
+</button>
+
+

Badges can be used as part of buttons to provide a counter.

+ + + +
+
+
+
+
+

Button Light background Badges

+
+
+ + + + + +
+
+
+
+

+<button type="button" class="btn mb-1 btn-outline-primary">
+  Notifications <span class="badge badge-primary ml-2">4</span>
+</button>
+
+

Badges can be used as part of buttons to provide a counter.

+ + + +
+
+
+
+
+

Button Border Badges

+
+
+ + + + + +
+
+
+
+

+<button type="button" class="btn mb-1 bg-primary-light">
+  Notifications <span class="badge badge-primary ml-2">4</span>
+</button>
+
+

Badges can be used as part of buttons to provide a counter.

+ + + +
+
+
+
+
+
+
+

Contextual variations

+
+
+ + + + + +
+
+
+
+

+<span class="mt-2 badge badge-primary">Primary</span>
+<span class="mt-2 badge badge-pill badge-primary">Primary</span>
+<a href="#" class="mt-2 badge badge-primary">Primary</a>
+
+

Add any of the below mentioned modifier classes to change the appearance of a badge.

+ Primary + Secondary + Success + Danger + Warning + Info + Light + Dark +
Pill badges
+

Use the .badge-pill modifier class to make badges more rounded (with a larger border-radius and additional horizontal padding). Useful if you miss the badges from v3.

+ Primary + Secondary + Success + Danger + Warning + Info + Light + Dark +
Links
+

Using the contextual .badge-* classes on an <a> element quickly provide actionable badges with hover and focus states.

+ Primary + Secondary + Success + Danger + Warning + Info + Light + Dark +
+
+
+
+
+

Contextual variations Border

+
+
+ + + + + +
+
+
+
+

+<span class="mt-2 badge border border-primary text-primary mt-2">Primary</span>
+<span class="mt-2 badge badge-pill border border-primary text-primary">Primary</span>
+<a href="#" class="mt-2 badge border border-primary text-primary">Primary</a>
+
+

Add any of the below mentioned modifier classes to change the appearance of a badge.

+ Primary + Secondary + Success + Danger + Warning + Info + Light + Dark +
Pill badges
+

Use the .badge-pill modifier class to make badges more rounded (with a larger border-radius and additional horizontal padding). Useful if you miss the badges from v3.

+ Primary + Secondary + Success + Danger + Warning + Info + Light + Dark +
Links
+

Using the contextual .badge-* classes on an <a> element quickly provide actionable badges with hover and focus states.

+ Primary + Secondary + Success + Danger + Warning + Info + Light + Dark +
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Datum_UImodel/ui-boxshadow.html b/Datum_UImodel/ui-boxshadow.html new file mode 100644 index 0000000..b1a0c0b --- /dev/null +++ b/Datum_UImodel/ui-boxshadow.html @@ -0,0 +1,1142 @@ + + + + + + + + Datum | CRM Admin Dashboard Template + + + + + +
+
+
+
+ + +
+ +
+
+ +
+
+
+
+
+
+
+
+

Box Shadow

+

A box shadow is an enclosed glass-front display case containing an object or objects presented in a thematic grouping with artistic or personal significance. The grouping of the objects and the depth effect created by their relative heights from the backing creates a dramatic visual result.

+
+
+
+
+
+
+
+

Shadows

+
+
+
+
+
+
+
Larger shadow
+
+
+
+
+
Regular shadow
+
+
+
+
+
Small shadow
+
+
+
+
+
No shadow
+
+
+
+
+
+
+
+
+
+
+

Basic Shadow

+
+
+
+
+
+
+
Bottom left
+
+
+
+
+
Top Left
+
+
+
+
+
Bottom right
+
+
+
+
+
Top right
+
+
+
+
+
+
+
+
+
+
+

Drop Shadow

+
+
+
+
+
+
+
Bottom shadow
+
+
+
+
+
Basic Shadow
+
+
+
+
+
inner Shadow
+
+
+
+
+
Blur Shadow
+
+
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Datum_UImodel/ui-breadcrumb.html b/Datum_UImodel/ui-breadcrumb.html new file mode 100644 index 0000000..7c9a4ec --- /dev/null +++ b/Datum_UImodel/ui-breadcrumb.html @@ -0,0 +1,1414 @@ + + + + + + + Datum | CRM Admin Dashboard Template + + + + + +
+
+
+
+ + +
+ +
+
+ +
+
+
+
+
+
+
+
+
+

Breadcrumb

+
+
+ + + + + +
+
+
+ +

Use the items in order to programatically generate the breadcrumb links.use class .breadcrumb to ol

+ + + +
+
+
+
+
+
+
+

Breadcrumb With Icon

+
+
+ + + + + +
+
+
+ +

Use the items in order to programatically generate the breadcrumb links.use class .breadcrumb to ol with Icon

+ + + +
+
+
+
+
+
+
+
+
+

Breadcrumb

+
+
+ + + + + +
+
+
+ +

use class .breadcrumb .bg-primary

+ + + +
+
+
+
+
+
+
+

Breadcrumb With Icon

+
+
+ + + + + +
+
+
+ +

use class .breadcrumb .bg-primary With Icon.

+ + + +
+
+
+
+
+
+
+

Breadcrumb With Icon

+
+
+ + + + + +
+
+
+ +

use class .breadcrumb .iq-bg-primary

+ + + +
+
+
+
+
+
+
+

Breadcrumb With Icon

+
+
+ + + + + +
+
+
+ +

use class .breadcrumb .iq-bg-danger

+ + + +
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Datum_UImodel/ui-buttons-group.html b/Datum_UImodel/ui-buttons-group.html new file mode 100644 index 0000000..6560bdf --- /dev/null +++ b/Datum_UImodel/ui-buttons-group.html @@ -0,0 +1,1434 @@ + + + + + + + + Datum | CRM Admin Dashboard Template + + + + + +
+
+
+
+ + +
+ +
+
+ +
+
+
+
+
+
+
+
+
+

Flat Button

+
+
+ + + + + +
+
+
+
+

+<div class="btn-group btn-group-toggle btn-group-flat"> 
+   <a class="button btn button-icon bg-primary" target="_blank" href="#">Left</a>
+   <a class="button btn button-icon bg-primary" target="_blank" href="#">Middle</a>
+   <a class="button btn button-icon bg-primary" target="_blank" href="#">Right</a>
+</div>
+
+
+ +
+
+
+
+
+
+
+

Edges Button

+
+
+ + + + + +
+
+
+
+

+<div class="btn-group btn-group-toggle btn-group-edges"> 
+   <a class="button btn button-icon bg-primary" target="_blank" href="#">Left</a>
+   <a class="button btn button-icon bg-primary" target="_blank" href="#">Middle</a>
+   <a class="button btn button-icon bg-primary" target="_blank" href="#">Right</a>
+</div>
+
+
+ +
+
+
+
+
+
+
+

Basic Buttons

+
+
+ + + + + +
+
+
+
+

+<div class="btn-group btn-group-toggle"> 
+   <a class="button btn button-icon bg-primary" target="_blank" href="#">Left</a>
+   <a class="button btn button-icon bg-primary" target="_blank" href="#">Middle</a>
+   <a class="button btn button-icon bg-primary" target="_blank" href="#">Right</a>
+</div>
+
+
+ +
+
+
+
+
+
+
+

Outline Middle Buttons

+
+
+ + + + + +
+
+
+
+

+<div class="btn-group btn-group-toggle"> 
+   <a class="button btn button-icon btn-outline-primary" target="_blank" href="#">Left</a>
+   <a class="button btn button-icon bg-primary" target="_blank" href="#">Middle</a>
+   <a class="button btn button-icon btn-outline-primary" target="_blank" href="#">Right</a>
+</div>
+
+
+ +
+
+
+
+
+
+
+

Outline Side Buttons

+
+
+ + + + + +
+
+
+
+

+<div class="btn-group btn-group-toggle"> 
+   <a class="button btn button-icon bg-primary" target="_blank" href="#">Left</a>
+   <a class="button btn button-icon btn-outline-primary" target="_blank" href="#">Middle</a>
+   <a class="button btn button-icon bg-primary" target="_blank" href="#">Right</a>
+</div>
+
+
+ +
+
+
+
+
+
+
+

Outline Buttons

+
+
+ + + + + +
+
+
+
+

+<div class="btn-group btn-group-toggle"> 
+   <a class="button btn button-icon btn-outline-primary" target="_blank" href="#">Left</a>
+   <a class="button btn button-icon btn-outline-primary" target="_blank" href="#">Middle</a>
+   <a class="button btn button-icon btn-outline-primary" target="_blank" href="#">Right</a>
+</div>
+
+
+ +
+
+
+
+
+
+
+

Toolbar Buttons

+
+
+ + + + + +
+
+
+
+

+<li class="d-flex align-items-center justify-content-center mb-2">
+   <div class="btn-group btn-group-toggle btn-group-edges mr-2 btn-group1"> 
+      <a class="button btn button-icon bg-primary" target="_blank" href="#">1</a>
+      <a class="button btn button-icon bg-primary" target="_blank" href="#">2</a>
+      <a class="button btn button-icon bg-primary" target="_blank" href="#">3</a>
+   </div>
+   <div class="btn-group btn-group-toggle btn-group-edges mr-2 btn-group2"> <a class="button btn button-icon bg-primary" target="_blank" href="#">4</a>
+      <a class="button btn button-icon bg-primary" target="_blank" href="#">5</a>
+   </div>
+   <div class="btn-group btn-group-toggle btn-group3"> 
+      <a class="button btn button-icon bg-primary rounded" target="_blank" href="#">6</a>
+   </div>
+</li>
+
+
+
    +
  • +
    1 + 2 + 3 +
    +
    4 + 5 +
    +
    6 +
    +
  • +
  • +
    1 + 2 + 3 +
    +
    4 + 5 +
    +
    6 +
    +
  • +
  • +
    1 + 2 + 3 +
    +
    4 + 5 +
    +
    6 +
    +
  • +
+
+
+
+
+
+
+
+

Basic Buttons

+
+
+ +
+
+
+
+

+<div class="btn-group btn-group-toggle btn-group-sm  btn-group-edges"> 
+   <a class="button btn button-icon bg-primary" target="_blank" href="#">Left</a>
+   <a class="button btn button-icon bg-primary" target="_blank" href="#">Middle</a>
+   <a class="button btn button-icon bg-primary" target="_blank" href="#">Right</a>
+</div>
+
+
+ +
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Datum_UImodel/ui-buttons.html b/Datum_UImodel/ui-buttons.html new file mode 100644 index 0000000..770b6bd --- /dev/null +++ b/Datum_UImodel/ui-buttons.html @@ -0,0 +1,1667 @@ + + + + + + + + Datum | CRM Admin Dashboard Template + + + + + +
+
+
+
+ + +
+ +
+
+ +
+
+
+
+
+
+
+
+
+

Default Buttons

+
+
+ + + + + +
+
+
+
+

+<button type="button" class="btn btn-primary mt-2">Primary</button>
+
+
+ + + + + + + + + +
+
+
+
+
+
+
+

Default Buttons Rounded Shape

+
+
+ + + + + +
+
+
+
+

+<button type="button" class="btn btn-primary rounded-pill mt-2">Primary</button>
+
+
+ + + + + + + + + +
+
+
+
+
+
+
+
+
+

Outline Buttons

+
+
+ + + + + +
+
+
+
+

+<button type="button" class="btn btn-outline-primary mt-2">Primary</button>
+
+
+ + + + + + + + +
+
+
+
+
+
+
+

Rounded Outline Buttons

+
+
+ + + + + +
+
+
+
+

+<button type="button" class="btn btn-outline-primary rounded-pill mt-2">Primary</button>
+
+
+ + + + + + + + +
+
+
+
+
+
+
+
+
+

Default Buttons

+
+
+ + + + + +
+
+
+
+

+<button type="button" class="mt-2 btn btn-primary btn-with-icon"><i class="ri-bill-fill"></i>Primary</button>
+
+
+ + + + + + + + + +
+
+
+
+
+
+
+

Default Buttons Rounded Shape

+
+
+ + + + + +
+
+
+
+

+<button type="button" class="mt-2 btn btn-primary rounded-pill btn-with-icon"><i class="ri-bill-fill"></i>Primary</button>
+
+
+ + + + + + + + + +
+
+
+
+
+
+
+
+
+

Outline Buttons

+
+
+ + + + + +
+
+
+
+

+<button type="button" class="btn btn-outline-primary mt-2 btn-with-icon"><i class="ri-heart-line"></i>Primary</button>
+
+
+ + + + + + + + +
+
+
+
+
+
+
+

Rounded Outline Buttons

+
+
+ + + + + +
+
+
+
+

+<button type="button" class="btn btn-outline-primary rounded-pill mt-2 btn-with-icon"><i class="ri-heart-line"></i>Primary</button>
+
+
+ + + + + + + + +
+
+
+
+
+
+
+
+
+

Button Tags

+
+
+ + + + + +
+
+
+
+

+<a class="mt-2 btn btn-primary" href="#" role="button">Link</a>
+<button class="mt-2 btn btn-success" type="submit">Button</button>
+<input class="mt-2 btn btn-danger" type="button" value="Input">
+<input class="mt-2 btn btn-warning" type="submit" value="Submit">
+<input class="mt-2 btn btn-info" type="reset" value="Reset">
+
+
+ Link + + + + +
+
+
+
+
+
+
+

Buttons Sizes

+
+
+ + + + + +
+
+
+
+

+<button type="button" class="btn btn-primary btn-sm mr-2">Small Button</button>
+<button type="button" class="btn btn-success mr-2">Button</button>
+<button type="button" class="btn btn-info btn-lg">Large Button</button>
+
+
+ + + +
+
+
+
+
+
+
+
+
+

Block Buttons

+
+
+ + + + + +
+
+
+
+

+<button type="button" class="btn btn-primary btn-block">Block level button</button>
+
+
+ + +
+
+
+
+
+
+
+

Icons Buttons

+
+
+ + + + + +
+
+
+
+

+<button type="button" class="btn btn-primary mt-2"><i class="ri-heart-fill pr-0"></i></button>
+<button type="button" class="btn btn-primary mt-2 btn-with-icon"><i class="ri-heart-fill"></i>Buttons</button>
+
+
+ + + + + + + + + +
+ + + + + +
+
+
+
+
+
+
+
+
+
+

Social Disabled State

+
+
+ + + + + +
+
+
+
+

+<button type="button" class="mt-2 btn btn-primary" disabled>Primary button</button>
+
+
+ + + +
+
+
+
+
+
+
+

Buttons Toggle States

+
+
+ + + + + +
+
+
+
+

+<button type="button" class="btn btn-primary" data-toggle="button" aria-pressed="false" >
+Single toggle
+</button>
+
+
+ +
+
+
+
+
+
+
+
+
+

Default Buttons Active

+
+
+ + + + + +
+
+
+
+

+<button type="button" class="btn btn-primary active mt-2">Active</button>
+<button type="button" class="btn btn-secondary active mt-2">Active</button>
+<button type="button" class="btn btn-warning active mt-2">Active</button>
+<button type="button" class="btn btn-accent disabled mt-2" disabled="">Disabled</button>
+<button type="button" class="btn btn-primary disabled mt-2" disabled="">Disabled</button>
+<button type="button" class="btn btn-outline-primary disabled mt-2" disabled="">Disabled</button>
+
+
+ + + + + + +
+
+
+
+
+

Button Group Sizing

+
+
+ + + + + +
+
+
+
+

+<button type="button" class="btn btn-primary mt-2">Left</button>
+
+
+
+
+ + + +
+
+
+
+ + + +
+
+
+
+ + + +
+
+
+
+
+
+
+
+
+

Button Group

+
+
+ + + + + +
+
+
+
+

+<div class="btn-group" role="group" aria-label="Basic example">
+   <button type="button" class="btn btn-primary">Left</button>
+   <button type="button" class="btn btn-primary">Middle</button>
+   <button type="button" class="btn btn-primary">Right</button>
+</div>
+
+
+
+ + + +
+ +
+ +
+
+
+
+

Button Dropdown

+
+
+ + + + + +
+
+
+
+

+<div class="btn-group" role="group" aria-label="Button group with nested dropdown">
+   <button type="button" class="btn btn-primary">1</button>
+   <button type="button" class="btn btn-primary">2</button>
+   <div class="btn-group" role="group">
+      <button id="btnGroupDrop1" type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown"
+         aria-haspopup="true" aria-expanded="false">
+         Dropdown
+      </button>
+      <div class="dropdown-menu" aria-labelledby="btnGroupDrop1">
+         <a class="dropdown-item" href="#">Dropdown link</a>
+         <a class="dropdown-item" href="#">Dropdown link</a>
+      </div>
+   </div>
+</div>
+
+
+
+ + +
+ + +
+
+
+
+ + +
+ + +
+
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Datum_UImodel/ui-cards.html b/Datum_UImodel/ui-cards.html new file mode 100644 index 0000000..524886f --- /dev/null +++ b/Datum_UImodel/ui-cards.html @@ -0,0 +1,1502 @@ + + + + + + + + Datum | CRM Admin Dashboard Template + + + + + +
+
+
+
+ + +
+ +
+
+ +
+
+
+
+
+
+
+ # +
+

Card title

+

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.

+ Button +
+
+
+
+
+ # +
+

Card title

+

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.

+

It is a long established fact that a the readable content of a page when looking at its layout.

+ Card link + Another link +
+
+
+
+
+ # +
+

Card title

+

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.

+
    +
  • Cras justo odio
  • +
  • Vestibulum at eros
  • +
+
+
+
+
+
+ # +
+

Card title

+

Some quick example text to build on the card title and make up the bulk of the card's content.

+
+
    +
  • Cras justo odio
  • +
+ +
+
+
+
+
+
+
+

Special title treatment

+

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.

+ Go somewhere +
+
+
+
+
+
+

Special title treatment

+

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.

+ Go somewhere +
+
+
+
+
+
+
+
+ Featured +
+
+

Special title treatment

+

With supporting text below as a natural lead-in to additional content.

+ Go somewhere +
+
+
+
+
+
+ Quote +
+
+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

+
Someone famous in Source Title
+
+
+
+
+
+
+
+ Featured +
+ + +
+
+
+
+
+
+
+

Special title treatment

+

With supporting text below as a natural lead-in to additional content.

+ Go somewhere +
+
+
+
+
+
+

Special title treatment

+

With supporting text below as a natural lead-in to additional content.

+ Go somewhere +
+
+
+
+
+
+

Special title treatment

+

With supporting text below as a natural lead-in to additional content.

+ Go somewhere +
+
+
+
+
+
+
+ # +
+

Card title

+

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

+

Last updated 3 mins ago

+
+
+
+
+
+
+

Card title

+

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

+

Last updated 3 mins ago

+
+ # +
+
+
+
+ # +
+

Card title

+

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

+

Last updated 3 mins ago

+
+
+
+
+
+
+

Horizontal Card

+
+
+
+
+
+ # +
+
+
+

Card title

+

This is a wider card with supporting text below as a natural lead-in. a little bit longer.

+

Last updated 3 mins ago

+
+
+
+
+
+
+
+
+
+ # +
+
+
+

Card title

+

This is a wider card with supporting text below as a natural lead-in. a little bit longer.

+

Last updated 3 mins ago

+
+
+
+
+
+
+
+
+

Card Colored Styles

+
+
+
+
+

Primary card title

+
+

Some quick example text to build on the card title text to build on the card title and make up the bulk of the card's content..

+
Someone famous in Source Title
+
+
+
+
+
+
+
+

Secondary card title

+
+

Some quick example text to build on the card title text to build on the card title and make up the bulk of the card's content.

+
Someone famous in Source Title
+
+
+
+
+
+
+
+

Success card title

+
+

Some quick example text to build on the card title text to build on the card title and make up the bulk of the card's content.

+
Someone famous in Source Title
+
+
+
+
+
+
+
+

Danger card title

+
+

Some quick example text to build on the card title text to build on the card title and make up the bulk of the card's content..

+
Someone famous in Source Title
+
+
+
+
+
+
+
+

Warning card title

+
+

Some quick example text to build on the card title text to build on the card title and make up the bulk of the card's content.

+
Someone famous in Source Title
+
+
+
+
+
+
+
+

Info card title

+
+

Some quick example text to build on the card title text to build on the card title and make up the bulk of the card's content.

+
Someone famous in Source Title
+
+
+
+
+
+
+
+

Border Card

+
+
+
+
+

Primary card title

+

Some quick example text to build on the card title text to build on the card title and make up the bulk of the card's content.

+
+
+
+
+
+
+

Primary card title

+

Some quick example text to build on the card title text to build on the card title and make up the bulk of the card's content.

+
+
+
+
+
+
+

Primary card title

+

Some quick example text to build on the card title text to build on the card title and make up the bulk of the card's content.

+
+
+
+
+
+
+

Primary card title

+

Some quick example text to build on the card title text to build on the card title and make up the bulk of the card's content.

+
+
+
+
+
+
+

Primary card title

+

Some quick example text to build on the card title text to build on the card title and make up the bulk of the card's content.

+
+
+
+
+
+
+

Primary card title

+

Some quick example text to build on the card title text to build on the card title and make up the bulk of the card's content.

+
+
+
+
+
+
+

Card groups

+
+
+
+
+ # +
+

Card title

+

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

+

Last updated 3 mins ago

+
+
+
+ # +
+

Card title

+

This card has supporting text below as a natural lead-in to additional content.

+

Last updated 3 mins ago

+
+
+
+ # +
+

Card title

+

This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.

+

Last updated 3 mins ago

+
+
+
+
+
+
+
+ # +
+

Card title

+

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

+
+ +
+
+ # +
+

Card title

+

This card has supporting text below as a natural lead-in to additional content.

+
+ +
+
+ # +
+

Card title

+

This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.

+
+ +
+
+
+
+

Card Masonry Columns

+
+
+ # +
+

Card title that wraps to a new line

+

This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

+
+
+
+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

+
+ + Someone famous in Source Title + +
+
+
+
+ # +
+

Card title

+

This card has supporting text below as a natural lead-in to additional content.

+

Last updated 3 mins ago

+
+
+
+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

+
+ + Someone famous in Source Title + +
+
+
+
+
+

Card title

+

This card has a regular title and short paragraphy of text below it.

+

Last updated 3 mins ago

+
+
+
+ # +
+
+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

+
+ + Someone famous in Source Title + +
+
+
+
+
+

Card title

+

This is another card with title and supporting text below. This card has some additional content to make it slightly taller overall.

+

Last updated 3 mins ago

+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Datum_UImodel/ui-carousel.html b/Datum_UImodel/ui-carousel.html new file mode 100644 index 0000000..6679aa9 --- /dev/null +++ b/Datum_UImodel/ui-carousel.html @@ -0,0 +1,1400 @@ + + + + + + + + Datum | CRM Admin Dashboard Template + + + + + +
+
+
+
+ + +
+ +
+
+ +
+
+
+
+
+
+
+
+
+

Slides only

+
+
+ + + + + +
+
+
+ +

Here’s a carousel with slides only. Note the presence of the .d-block and .img-fluid on carousel images to prevent browser default image alignment.

+ +
+
+
+
+
+
+
+

Slides With Controls

+
+
+ + + + + +
+
+
+ +

Here’s a carousel with slides only. Note the presence of the .d-block and .img-fluid on carousel images to prevent browser default image alignment.

+ +
+
+
+
+
+
+
+

Slides With Indicators

+
+
+ + + + + +
+
+
+ +

Here’s a carousel with slides only. Note the presence of the .d-block and .img-fluid on carousel images to prevent browser default image alignment.

+ +
+
+
+
+
+
+
+

Slides With Captions

+
+
+ + + + + +
+
+
+ +

Here’s a carousel with slides only. Note the presence of the .d-block and .img-fluid on carousel images to prevent browser default image alignment.

+
+ +
+
+
+
+
+
+
+
+

Slides With Crossfade

+
+
+ + + + + +
+
+
+ +

Here’s a carousel with slides only. Note the presence of the .d-block and .img-fluid on carousel images to prevent browser default image alignment.

+ +
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Datum_UImodel/ui-colors.html b/Datum_UImodel/ui-colors.html new file mode 100644 index 0000000..1db57e6 --- /dev/null +++ b/Datum_UImodel/ui-colors.html @@ -0,0 +1,1196 @@ + + + + + + + + Datum | CRM Admin Dashboard Template + + + + + +
+
+
+
+ + +
+ +
+
+ +
+
+
+
+
+
+
+
+
+

Datum Color

+
+
+
+

Similar to the contextual text color classes, easily set the background of an element to any contextual class. Anchor components will darken on hover, just like the text classes. Background utilities do not set color, so in some cases you’ll want to use .text-* utilities.

+
+
+

+
Primary
+
+
+

+
Secondary
+
+
+

+
Success
+
+
+

+
Danger
+
+
+

+
Warning
+
+
+

+
Info
+
+
+

+
Light
+
+
+

+
Dark
+
+
+
+
+
+
+
+

Datum Color

+
+
+
+

Similar to the contextual text color classes, easily set the background of an element to any contextual class. Anchor components will darken on hover, just like the text classes. Background utilities do not set color, so in some cases you’ll want to use .text-* utilities.

+
+
+

Primary

+
+
+

Secondary

+
+
+

Success

+
+
+

Danger

+
+
+

Warning

+
+
+

Info

+
+
+

Dark

+
+
+
+
+
+
+
+
+
+

Datum Text Color

+
+
+
+

Contextual text classes also work well on anchors with the provided hover and focus states. Note that the .text-white and .text-muted class has no additional link styling beyond underline.

+

.text-primary

+

.text-secondary

+

.text-success

+

.text-danger

+

.text-warning

+

.text-bg-info

+

.text-light

+

.text-dark

+

.text-muted

+

.text-white

+
+
+
+
+
+
+
+

Datum Text Color

+
+
+
+

Contextual text classes also work well on anchors with the provided hover and focus states. Note that the .text-white and .text-muted class has no additional link styling beyond underline.

+

Primary link

+

Secondary link

+

Success link

+

Danger link

+

Warning link

+

bg-Info link

+

Light link

+

Dark link

+

Muted link

+

White link

+
+
+
+
+
+
+
+

Datum Text Color

+
+
+
+

Contextual text classes also work well on anchors with the provided hover and focus states. Note that the .text-white and .text-muted class has no additional link styling beyond underline.

+

Primary link

+

Secondary link

+

Success link

+

Danger link

+

Warning link

+

bg-Info link

+

Dark link

+
+
+
+
+
+
+
+

Datum Text Color

+
+
+
+

Contextual text classes also work well on anchors with the provided hover and focus states. Note that the .text-white and .text-muted class has no additional link styling beyond underline.

+

Primary link

+

Secondary link

+

Success link

+

Danger link

+

Warning link

+

bg-Info link

+

Dark link

+
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Datum_UImodel/ui-embed-video.html b/Datum_UImodel/ui-embed-video.html new file mode 100644 index 0000000..6627ed7 --- /dev/null +++ b/Datum_UImodel/ui-embed-video.html @@ -0,0 +1,1150 @@ + + + + + + + + Datum | CRM Admin Dashboard Template + + + + + +
+
+
+
+ + +
+ +
+
+ +
+
+
+
+
+
+
+
+
+

Embeds Video

+
+
+ +
+
+
+
+

+<div class="embed-responsive embed-responsive-16by9">
+   <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/zpOULjyy-n8?rel=0" allowfullscreen></iframe>
+</div>
+
+
+

Wrap any embed like an <iframe> in a parent element with .embed-responsive and an aspect ratio. The .embed-responsive-item isn’t strictly required, but we encourage it.

+
+ +
+
+
+
+
+
+

Responsive Aspect ratios 4:3

+
+
+ +
+
+
+
+

+<div class="embed-responsive embed-responsive-4by3">
+   <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/zpOULjyy-n8?rel=0" allowfullscreen></iframe>
+</div>
+
+
+

Progress components are built with two HTML elements, some CSS to set the width, and a few attributes.

+ +
+ +
+
+
+
+
+
+
+
+

Responsive Aspect ratios 21:9

+
+
+ +
+
+
+
+

+<div class="embed-responsive embed-responsive-21by9">
+   <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/zpOULjyy-n8?rel=0" allowfullscreen></iframe>
+</div>
+
+
+

Progress components are built with two HTML elements, some CSS to set the width, and a few attributes.

+ +
+ +
+
+
+
+
+
+

Responsive Aspect ratios 1:1

+
+
+ +
+
+
+
+

+<div class="embed-responsive embed-responsive-1by1">
+   <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/zpOULjyy-n8?rel=0" allowfullscreen></iframe>
+</div>
+
+
+

Progress components are built with two HTML elements, some CSS to set the width, and a few attributes.

+ +
+ +
+
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Datum_UImodel/ui-grid.html b/Datum_UImodel/ui-grid.html new file mode 100644 index 0000000..e1b95cd --- /dev/null +++ b/Datum_UImodel/ui-grid.html @@ -0,0 +1,1444 @@ + + + + + + + + Datum | CRM Admin Dashboard Template + + + + + +
+
+
+
+ + +
+ +
+
+ +
+
+
+
+
+
+
+
+
+

Grid options

+
+
+
+

See how aspects of the Bootstrap grid system work across multiple devices with a handy table..

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ Extra small
+ <576px +
+ Small
+ ≥576px +
+ Medium
+ ≥768px +
+ Large
+ ≥992px +
+ Extra large
+ ≥1200px +
Max container widthNone (auto)540px720px960px1140px
Class prefix.col-.col-sm-.col-md-.col-lg-.col-xl-
# of columns12
Gutter width30px (15px on each side of a column)
NestableYes
Column orderingYes
+
+
+
+
+
+

Equal-width

+
+
+
+

For example, here are two grid layouts that apply to every device and viewport, from xs to xl. Add any number of unit-less classes for each breakpoint you need and every column will be the same width.

+
+
+ +
+
.col-12 .col-md-8
+
.col-6 .col-md-4
+
+ +
+
.col-6 .col-md-4
+
.col-6 .col-md-4
+
.col-6 .col-md-4
+
+ +
+
.col-6
+
.col-6
+
+
+
+
+
+
+
+
+

Setting one column width

+
+
+
+

Auto-layout for flexbox grid columns also means you can set the width of one column and have the sibling columns automatically resize around it. You may use predefined grid classes (as shown below), grid mixins, or inline widths. Note that the other columns will resize no matter the width of the center column.

+
+
+
+
+ 1 of 3 +
+
+ 2 of 3 (wider) +
+
+ 3 of 3 +
+
+
+
+ 1 of 3 +
+
+ 2 of 3 (wider) +
+
+ 3 of 3 +
+
+
+
+
+
+
+
+
+

Variable width content

+
+
+
+

Use col-{breakpoint}-auto classes to size columns based on the natural width of their content.

+
+
+
+
+ 1 of 3 +
+
+ Variable width content +
+
+ 3 of 3 +
+
+
+
+ 1 of 3 +
+
+ Variable width content +
+
+ 3 of 3 +
+
+
+
+
+
+
+
+
+

Equal-width multi-row

+
+
+
+

Create equal-width columns that span multiple rows by inserting a .w-100 where you want the columns to break to a new line. Make the breaks responsive by mixing the .w-100 with some responsive display utilities.

+
+
+
+
col
+
col
+
+
col
+
col
+
+
+
+
+
+
+
+
+

Responsive classes

+
+
+
+

Bootstrap’s grid includes five tiers of predefined classes for building complex responsive layouts. Customize the size of your columns on extra small, small, medium, large, or extra large devices however you see fit.

+

All breakpoints

+

For grids that are the same from the smallest of devices to the largest, use the .col and .col-* classes. Specify a numbered class when you need a particularly sized column; otherwise, feel free to stick to .col.

+
+
+
+
col
+
col
+
col
+
col
+
+
+
col-8
+
col-4
+
+
+
+
+
+
+
+
+

Stacked to horizontal

+
+
+
+

Using a single set of .col-sm-* classes, you can create a basic grid system that starts out stacked and becomes horizontal at the small breakpoint (sm).

+
+
+
+
col-sm-8
+
col-sm-4
+
+
+
col-sm
+
col-sm
+
col-sm
+
+
+
+
+
+
+
+
+

Mix and match

+
+
+
+

Don’t want your columns to simply stack in some grid tiers? Use a combination of different classes for each tier as needed. See the example below for a better idea of how it all works.

+
+
+ +
+
.col-12 .col-md-8
+
.col-6 .col-md-4
+
+ +
+
.col-6 .col-md-4
+
.col-6 .col-md-4
+
.col-6 .col-md-4
+
+ +
+
.col-6
+
.col-6
+
+
+
+
+
+
+
+
+

Gutters

+
+
+
+

Gutters can be responsively adjusted by breakpoint-specific padding and negative margin utility classes. To change the gutters in a given row, pair a negative margin utility on the .row and matching padding utilities on the .cols. The .container or .container-fluid parent may need to be adjusted too to avoid unwanted overflow, using again matching padding utility.

+

Here’s an example of customizing the Bootstrap grid at the large (lg) breakpoint and above. We’ve increased the .col padding with .px-lg-5, counteracted that with .mx-lg-n5 on the parent .row and then adjusted the .container wrapper with .px-lg-5.

+
+
+
+
Custom column padding
+
Custom column padding
+
+
+
+
+
+
+
+
+

Alignment

+
+
+
+

Use flexbox alignment utilities to vertically and horizontally align columns. Internet Explorer 10-11 do not support vertical alignment of flex items when the flex container has a min-height as shown below. See Flexbugs #3 for more details.

+

Vertical alignment

+
+
+
+
+ One of three columns +
+
+ One of three columns +
+
+ One of three columns +
+
+
+
+ One of three columns +
+
+ One of three columns +
+
+ One of three columns +
+
+
+
+ One of three columns +
+
+ One of three columns +
+
+ One of three columns +
+
+
+
+
+
+ One of three columns +
+
+ One of three columns +
+
+ One of three columns +
+
+
+
+
+
+
+
+
+

Horizontal alignment

+
+
+
+

Create equal-width columns that span multiple rows by inserting a .w-100 where you want the columns to break to a new line. Make the breaks responsive by mixing the .w-100 with some responsive display utilities.

+
+
+
+
+ One of two columns +
+
+ One of two columns +
+
+
+
+ One of two columns +
+
+ One of two columns +
+
+
+
+ One of two columns +
+
+ One of two columns +
+
+
+
+ One of two columns +
+
+ One of two columns +
+
+
+
+ One of two columns +
+
+ One of two columns +
+
+
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Datum_UImodel/ui-images.html b/Datum_UImodel/ui-images.html new file mode 100644 index 0000000..cb119e9 --- /dev/null +++ b/Datum_UImodel/ui-images.html @@ -0,0 +1,1379 @@ + + + + + + + + Datum | CRM Admin Dashboard Template + + + + + +
+
+
+
+ + +
+ +
+
+ +
+
+
+
+
+
+
+
+
+

Responsive images

+
+
+ + + + + +
+
+
+
+

+<img src="../assets/images/small/img-1.jpg" class="img-fluid rounded" alt="Responsive image">
+
+
+

Images in Bootstrap are made responsive with .img-fluid. max-width: 100%; and height: auto; are applied to the image so that it scales with the parent element.

+ Responsive image +
+
+
+
+
+

Equal-width multi-row

+
+
+ + + + + +
+
+
+
+

+<div class="media">
+   <img src="../assets/images/user/1.jpg" class="mr-3 avatar-70 img-fluid rounded" alt="#">
+   <div class="media-body">
+      <h5 class="mt-0">Media heading</h5>
+      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+   </div>
+</div>
+<div class="media">
+   <img src="../assets/images/user/2.jpg" class="mr-3 avatar-70 img-fluid rounded" alt="#">
+   <div class="media-body">
+      <h5 class="mt-0">Media heading</h5>
+      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+      <div class="media mt-3">
+         <a class="mr-3" href="#">
+         <img src="../assets/images/user/3.jpg" alt="#" class="avatar-70 img-fluid rounded">
+         </a>
+         <div class="media-body">
+            <h5 class="mt-0">Media heading</h5>
+            Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
+         </div>
+      </div>
+   </div>
+</div>
+
+
+

Create equal-width columns that span multiple rows by inserting a .w-100 where you want the columns to break to a new line. Make the breaks responsive by mixing the .w-100 with some responsive display utilities.

+
+ # +
+
Media heading
+

Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.

+
+
+
+ # +
+
Media heading
+

Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.

+
+ + # + +
+
Media heading
+ Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus. +
+
+
+
+
+
+
+
+
+

Order

+
+
+ + + + + +
+
+
+
+

+<div class="media mb-5">
+   <div class="media-body">
+      <h5 class="mt-0 mb-1">Media object</h5>
+      Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
+   </div>
+   <img src="../assets/images/page-img/09.jpg" class="ml-3 avatar-70 img-fluid rounded" alt="#">
+</div>
+<div class="media mb-5">
+   <div class="media-body">
+      <h5 class="mt-0 mb-1">Center-aligned media</h5>
+      Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
+   </div>
+   <img src="../assets/images/page-img/10.jpg" class="align-self-center mr-3 avatar-70 img-fluid rounded" alt="#">
+</div>
+<div class="media">
+   <div class="media-body">
+      <h5 class="mt-0 mb-1">Bottom-aligned media</h5>
+      Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
+   </div>
+   <img src="../assets/images/page-img/11.jpg" class="align-self-end mr-3 avatar-70 img-fluid rounded" alt="#">
+</div>
+</div>
+
+
+

Change the order of content in media objects by modifying the HTML itself, or by adding some custom flexbox CSS to set the order property (to an integer of your choosing).

+
+
+
Media object
+ Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus. +
+ # +
+
+
+
Center-aligned media
+ Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus. +
+ # +
+
+
+
Bottom-aligned media
+ Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus. +
+ # +
+
+
+
+
+
+
+
+

Image thumbnails

+
+
+ + + + + +
+
+
+
+

+<ul class="list-unstyled p-0 m-0 row">
+   <li class="col-lg-4 col-md-6 col-sm-6 mt-2"><img src="../assets/images/page-img/10.jpg" class="img-thumbnail w-100 img-fluid rounded" alt="Responsive image"></li>
+   <li class="col-lg-4 col-md-6 col-sm-6 mt-2"><img src="../assets/images/page-img/11.jpg" class="rounded w-100 img-fluid rounded" alt="Responsive image"></li>
+   <li class="col-lg-4 col-md-6 col-sm-6 mt-2"><img src="../assets/images/page-img/12.jpg" class="rounded w-100 img-fluid rounded" alt="Responsive image"></li>
+</ul>
+
+
+

In addition to our border-radius utilities, you can use .img-thumbnail to give an image a rounded 1px border appearance.

+
    +
  • Responsive image
  • +
  • Responsive image
  • +
  • Responsive image
  • +
+
+
+
+
+
+

Image thumbnails

+
+
+ + + + + +
+
+
+
+

+<img src="../assets/images/page-img/13.jpg" class=" mt-2 img-fluid rounded" alt="Responsive image">
+<img src="../assets/images/page-img/14.jpg" class=" mt-2 img-fluid rounded float-right" alt="Responsive image">
+
+
+

In addition to our border-radius utilities, you can use .img-thumbnail to give an image a rounded 1px border appearance.

+ Responsive image + Responsive image +
+
+
+
+
+

Media object

+
+
+ + + + + +
+
+
+
+

+<div class="media mb-4">
+   <img src="../assets/images/page-img/09.jpg" class="align-self-start mr-3 avatar-70 img-fluid rounded" alt="#">
+   <div class="media-body">
+      <h5 class="mt-0">Top-aligned media</h5>
+      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+   </div>
+</div>
+<div class="media mb-4">
+   <img src="../assets/images/page-img/10.jpg" class="align-self-center mr-3 avatar-70 img-fluid rounded" alt="#">
+   <div class="media-body">
+      <h5 class="mt-0">Center-aligned media</h5>
+      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+   </div>
+</div>
+<div class="media">
+   <img src="../assets/images/page-img/11.jpg" class="align-self-end mr-3 avatar-70 img-fluid rounded" alt="#">
+   <div class="media-body">
+      <h5 class="mt-0">Bottom-aligned media</h5>
+      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+   </div>
+</div>
+
+
+

The images or other media can be aligned top, middle, or bottom. The default is top aligned.

+
+ # +
+
Top-aligned media
+

Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.

+
+
+
+ # +
+
Center-aligned media
+

Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.

+
+
+
+ # +
+
Bottom-aligned media
+

Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.

+
+
+
+
+
+
+
+

Media list

+
+
+ + + + + +
+
+
+
+

+<ul class="list-unstyled">
+   <li class="media">
+      <img src="../assets/images/page-img/12.jpg" class="mr-3 avatar-70 img-fluid rounded" alt="#">
+      <div class="media-body">
+         <h5 class="mt-0 mb-1">List-based media object</h5>
+         Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
+      </div>
+   </li>
+   <li class="media my-4">
+      <img src="../assets/images/page-img/13.jpg" class="mr-3 avatar-70 img-fluid rounded" alt="#">
+      <div class="media-body">
+         <h5 class="mt-0 mb-1">List-based media object</h5>
+         Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
+      </div>
+   </li>
+   <li class="media">
+      <img src="../assets/images/page-img/14.jpg" class="mr-3 avatar-70 img-fluid rounded" alt="#">
+      <div class="media-body">
+         <h5 class="mt-0 mb-1">List-based media object</h5>
+         Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
+      </div>
+   </li>
+</ul>
+
+
+

Because the media object has so few structural requirements, you can also use these classes on list HTML elements. On your <ul> or <ol>, add the .list-unstyled to remove any browser default list styles, and then apply .media to your <li>s. As always, use spacing utilities wherever needed to fine tune.

+
    +
  • + # +
    +
    List-based media object
    + Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus. +
    +
  • +
  • + # +
    +
    List-based media object
    + Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus. +
    +
  • +
  • + # +
    +
    List-based media object
    + Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus. +
    +
  • +
+
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Datum_UImodel/ui-list-group.html b/Datum_UImodel/ui-list-group.html new file mode 100644 index 0000000..5a73541 --- /dev/null +++ b/Datum_UImodel/ui-list-group.html @@ -0,0 +1,1506 @@ + + + + + + + + Datum | CRM Admin Dashboard Template + + + + + +
+
+
+
+ + +
+ +
+
+ +
+
+
+
+
+
+
+
+
+

List group

+
+
+ + + + + +
+
+
+
+

+<ul class="list-group">
+   <li class="list-group-item">Cras justo odio</li>
+   <li class="list-group-item">Dapibus ac facilisis in</li>
+   <li class="list-group-item">Morbi leo risus</li>
+   <li class="list-group-item">Porta ac consectetur ac</li>
+   <li class="list-group-item">Vestibulum at eros</li>
+</ul>
+
+
+

The most basic list group is an unordered list with list items and the proper classes. Build upon it with the options that follow, or with your own CSS as needed.

+
    +
  • Cras justo odio
  • +
  • Dapibus ac facilisis in
  • +
  • Morbi leo risus
  • +
  • Porta ac consectetur ac
  • +
  • Vestibulum at eros
  • +
+
+
+
+
+
+

Disabled items

+
+
+ + + + + +
+
+
+
+

+<ul class="list-group">
+   <li class="list-group-item disabled" aria-disabled="true">Cras justo odio</li>
+   <li class="list-group-item">Dapibus ac facilisis in</li>
+   <li class="list-group-item">Morbi leo risus</li>
+   <li class="list-group-item">Porta ac consectetur ac</li>
+   <li class="list-group-item">Vestibulum at eros</li>
+</ul>
+
+
+

Add .disabled to a .list-group-item to make it appear disabled. Note that some elements with .disabled will also require custom JavaScript to fully disable their click events (e.g., links).

+
    +
  • Cras justo odio
  • +
  • Dapibus ac facilisis in
  • +
  • Morbi leo risus
  • +
  • Porta ac consectetur ac
  • +
  • Vestibulum at eros
  • +
+
+
+
+
+
+

Flush

+
+
+ + + + + +
+
+
+
+

+<ul class="list-group list-group-flush">
+   <li class="list-group-item">Cras justo odio</li>
+   <li class="list-group-item">Dapibus ac facilisis in</li>
+   <li class="list-group-item">Morbi leo risus</li>
+   <li class="list-group-item">Porta ac consectetur ac</li>
+   <li class="list-group-item">Vestibulum at eros</li>
+</ul>
+
+
+

Add .list-group-flush to remove some borders and rounded corners to render list group items edge-to-edge in a parent container (e.g., cards).

+
    +
  • Cras justo odio
  • +
  • Dapibus ac facilisis in
  • +
  • Morbi leo risus
  • +
  • Porta ac consectetur ac
  • +
  • Vestibulum at eros
  • +
+
+
+
+
+
+

Contextual classes

+
+
+ + + + + +
+
+
+
+

+<ul class="list-group">
+   <li class="list-group-item">Dapibus ac facilisis in</li>
+   <li class="list-group-item list-group-item-primary">A simple primary list group item</li>
+   <li class="list-group-item list-group-item-secondary">A simple secondary list group item</li>
+   <li class="list-group-item list-group-item-success">A simple success list group item</li>
+   <li class="list-group-item list-group-item-danger">A simple danger list group item</li>
+   <li class="list-group-item list-group-item-warning">A simple warning list group item</li>
+   <li class="list-group-item list-group-item-info">A simple info list group item</li>
+   <li class="list-group-item list-group-item-light">A simple light list group item</li>
+   <li class="list-group-item list-group-item-dark">A simple dark list group item</li>
+</ul>
+
+
+

Use contextual classes to style list items with a stateful background and color.

+
    +
  • Dapibus ac facilisis in
  • +
  • A simple primary list group item
  • +
  • A simple secondary list group item
  • +
  • A simple success list group item
  • +
  • A simple danger list group item
  • +
  • A simple warning list group item
  • +
  • A simple info list group item
  • +
  • A simple light list group item
  • +
  • A simple dark list group item
  • +
+
+
+
+
+
+

With badges

+
+
+ + + + + +
+
+
+
+

+<ul class="list-group">
+   <li class="list-group-item d-flex justify-content-between align-items-center">
+      Cras justo odio
+      <span class="badge badge-primary badge-pill">14</span>
+   </li>
+   <li class="list-group-item d-flex justify-content-between align-items-center">
+      Dapibus ac facilisis in
+      <span class="badge badge-success badge-pill">2</span>
+   </li>
+   <li class="list-group-item d-flex justify-content-between align-items-center">
+      Morbi leo risus
+      <span class="badge badge-danger badge-pill">1</span>
+   </li>
+</ul>
+
+
+

Add badges to any list group item to show unread counts, activity, and more with the help of some utilities.

+
    +
  • + Cras justo odio + 14 +
  • +
  • + Dapibus ac facilisis in + 2 +
  • +
  • + Morbi leo risus + 1 +
  • +
+
+
+
+
+
+

With badges

+
+
+ + + + + +
+
+
+
+

+<ul class="list-group">
+   <li class="list-group-item d-flex justify-content-between align-items-center iq-bg-primary">
+      Cras justo odio
+      <span class="badge badge-primary badge-pill">14</span>
+   </li>
+   <li class="list-group-item d-flex justify-content-between align-items-center iq-bg-success" >
+      Dapibus ac facilisis in
+      <span class="badge badge-success badge-pill">2</span>
+   </li>
+   <li class="list-group-item d-flex justify-content-between align-items-center iq-bg-danger">
+      Morbi leo risus
+      <span class="badge badge-danger badge-pill">1</span>
+   </li>
+</ul>
+
+
+

Add badges to any list group item to show unread counts, activity, and more with the help of some utilities.

+
    +
  • + Cras justo odio + 14 +
  • +
  • + Dapibus ac facilisis in + 2 +
  • +
  • + Morbi leo risus + 1 +
  • +
+
+
+
+
+
+

List Active

+
+
+ + + + + +
+
+
+
+

+<ul class="list-group">
+   <li class="list-group-item active">Cras justo odio</li>
+   <li class="list-group-item">Dapibus ac facilisis in</li>
+   <li class="list-group-item">Morbi leo risus</li>
+   <li class="list-group-item">Porta ac consectetur ac</li>
+   <li class="list-group-item">Vestibulum at eros</li>
+</ul>
+
+
+

Add .active to a .list-group-item to indicate the current active selection.

+
    +
  • Cras justo odio
  • +
  • Dapibus ac facilisis in
  • +
  • Morbi leo risus
  • +
  • Porta ac consectetur ac
  • +
  • Vestibulum at eros
  • +
+
+
+
+
+
+

Links and buttons

+
+
+ + + + + +
+
+
+
+
+
+

Use <a>s or <button>s to create actionable list group items with hover, disabled, and active states by adding .list-group-item-action. We separate these pseudo-classes to ensure list groups made of non-interactive elements (like <li>s or <div>s) don’t provide a click or tap affordance.

+

Be sure to not use the standard .btn classes here.

+ +
+
+
+
+
+

Horizontal

+
+
+ + + + + +
+
+
+
+

+<ul class="list-group list-group-horizontal">
+   <li class="list-group-item">Cras justo odio</li>
+   <li class="list-group-item">Dapibus ac facilisis in</li>
+   <li class="list-group-item">Morbi leo risus</li>
+</ul>
+
+
+

Add .list-group-horizontal to change the layout of list group items from vertical to horizontal across all breakpoints. Alternatively, choose a responsive variant .list-group-horizontal-{sm|md|lg|xl} to make a list group horizontal starting at that breakpoint’s min-width. Currently horizontal list groups cannot be combined with flush list groups.

+

ProTip: Want equal-width list group items when horizontal? Add .flex-fill to each list group item.

+
    +
  • Cras justo odio
  • +
  • Dapibus ac facilisis in
  • +
  • Morbi leo risus
  • +
+
+
+
+
+
+

Contextual classes Action

+
+
+ + + + + +
+
+
+
+

+<div class="list-group">
+   <a href="#" class="list-group-item list-group-item-action">Dapibus ac facilisis in</a>
+   <a href="#" class="list-group-item list-group-item-action list-group-item-primary">A simple primary list group item</a>
+   <a href="#" class="list-group-item list-group-item-action list-group-item-secondary">A simple secondary list group item</a>
+   <a href="#" class="list-group-item list-group-item-action list-group-item-success">A simple success list group item</a>
+   <a href="#" class="list-group-item list-group-item-action list-group-item-danger">A simple danger list group item</a>
+   <a href="#" class="list-group-item list-group-item-action list-group-item-warning">A simple warning list group item</a>
+   <a href="#" class="list-group-item list-group-item-action list-group-item-info">A simple info list group item</a>
+   <a href="#" class="list-group-item list-group-item-action list-group-item-light">A simple light list group item</a>
+   <a href="#" class="list-group-item list-group-item-action list-group-item-dark">A simple dark list group item</a>
+</div>
+
+
+

Use contextual classes to style list items with a stateful background and color.

+ +
+
+
+
+
+

Custom content

+
+
+ + + + + +
+
+
+
+

+<div class="list-group">
+   <a href="#" class="list-group-item list-group-item-action active">
+      <div class="d-flex w-100 justify-content-between">
+         <h5 class="mb-1 text-white">List group item heading</h5>
+         <small>3 days ago</small>
+      </div>
+      <p class="mb-1">Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.</p>
+      <small>Donec id elit non mi porta.</small>
+   </a>
+   <a href="#" class="list-group-item list-group-item-action">
+      <div class="d-flex w-100 justify-content-between">
+         <h5 class="mb-1">List group item heading</h5>
+         <small class="text-muted">3 days ago</small>
+      </div>
+      <p class="mb-1">Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.</p>
+      <small class="text-muted">Donec id elit non mi porta.</small>
+   </a>
+   <a href="#" class="list-group-item list-group-item-action">
+      <div class="d-flex w-100 justify-content-between">
+         <h5 class="mb-1">List group item heading</h5>
+         <small class="text-muted">3 days ago</small>
+      </div>
+      <p class="mb-1">Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.</p>
+      <small class="text-muted">Donec id elit non mi porta.</small>
+   </a>
+</div>
+
+
+

Add nearly any HTML within, even for linked list groups like the one below, with the help of flexbox utilities.

+ +
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Datum_UImodel/ui-media-object.html b/Datum_UImodel/ui-media-object.html new file mode 100644 index 0000000..4337469 --- /dev/null +++ b/Datum_UImodel/ui-media-object.html @@ -0,0 +1,1299 @@ + + + + + + + + Datum | CRM Admin Dashboard Template + + + + + +
+
+
+
+ + +
+ +
+
+ +
+
+
+
+
+
+
+
+
+

Equal-width multi-row

+
+
+ + + + + +
+
+
+
+

+<div class="media">
+   <img src="../assets/images/page-img/14.jpg" class="mr-3 avatar-70 img-fluid rounded" alt="#">
+   <div class="media-body">
+      <h5 class="mb-1">Media heading</h5>
+      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+   </div>
+</div>
+<div class="media">
+   <img src="../assets/images/page-img/13.jpg" class="mr-3 avatar-70 img-fluid rounded" alt="#">
+   <div class="media-body">
+      <h5 class="mb-1">Media heading</h5>
+      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+      <div class="media mt-3">
+         <a class="mr-3" href="#">
+         <img src="../assets/images/page-img/12.jpg" alt="#" class="avatar-70 img-fluid rounded">
+         </a>
+         <div class="media-body">
+            <h5 class="mb-1">Media heading</h5>
+            Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
+         </div>
+      </div>
+   </div>
+</div>
+
+
+

Create equal-width columns that span multiple rows by inserting a .w-100 where you want the columns to break to a new line. Make the breaks responsive by mixing the .w-100 with some responsive display utilities.

+
+ # +
+
Media heading
+

Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.

+
+
+
+ # +
+
Media heading
+

Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.

+
+ + # + +
+
Media heading
+ Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus. +
+
+
+
+
+
+
+
+
+

Order

+
+
+ + + + + +
+
+
+
+

+<div class="media mb-5">
+   <div class="media-body">
+      <h5 class="mt-0 mb-1">Media object</h5>
+      Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
+   </div>
+   <img src="../assets/images/page-img/14.jpg" class="ml-3 avatar-70 img-fluid rounded" alt="#">
+</div>
+<div class="media mb-5">
+   <div class="media-body">
+      <h5 class="mt-0 mb-1">Center-aligned media</h5>
+      Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
+   </div>
+   <img src="../assets/images/page-img/12.jpg" class="align-self-center mr-3 avatar-70 img-fluid rounded" alt="#">
+</div>
+<div class="media">
+   <div class="media-body">
+      <h5 class="mt-0 mb-1">Bottom-aligned media</h5>
+      Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
+   </div>
+   <img src="../assets/images/page-img/11.jpg" class="align-self-end mr-3 avatar-70 img-fluid rounded" alt="#">
+</div>
+
+
+

Change the order of content in media objects by modifying the HTML itself, or by adding some custom flexbox CSS to set the order property (to an integer of your choosing).

+
+
+
Media object
+ Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus. +
+ # +
+
+
+
Center-aligned media
+ Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus. +
+ # +
+
+
+
Bottom-aligned media
+ Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus. +
+ # +
+
+
+
+
+
+
+
+

Media object

+
+
+ + + + + +
+
+
+
+

+<div class="media mb-4">
+   <img src="../assets/images/page-img/09.jpg" class="align-self-start mr-3 avatar-70 img-fluid rounded" alt="#">
+   <div class="media-body">
+      <h5 class="mb-1">Top-aligned media</h5>
+      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+   </div>
+</div>
+<div class="media mb-4">
+   <img src="../assets/images/page-img/10.jpg" class="align-self-center rounded mr-3 avatar-70 rounded" alt="#">
+   <div class="media-body">
+      <h5 class="mb-1">Center-aligned media</h5>
+      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+   </div>
+</div>
+<div class="media">
+   <img src="../assets/images/page-img/11.jpg" class="align-self-end rounded mr-3 avatar-70 rounded" alt="#">
+   <div class="media-body">
+      <h5 class="mb-1">Bottom-aligned media</h5>
+      <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+   </div>
+</div>
+
+
+

The images or other media can be aligned top, middle, or bottom. The default is top aligned.

+
+ # +
+
Top-aligned media
+

Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.

+
+
+
+ # +
+
Center-aligned media
+

Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.

+
+
+
+ # +
+
Bottom-aligned media
+

Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.

+
+
+
+
+
+
+
+

Media list

+
+
+ + + + + +
+
+
+
+

+<ul class="list-unstyled">
+   <li class="media">
+      <img src="../assets/images/page-img/12.jpg" class="mr-3 avatar-70 img-fluid rounded" alt="#">
+      <div class="media-body">
+         <h5 class="mt-0 mb-1">List-based media object</h5>
+         Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
+      </div>
+   </li>
+   <li class="media my-4">
+      <img src="../assets/images/page-img/14.jpg" class="mr-3 avatar-70 img-fluid rounded" alt="#">
+      <div class="media-body">
+         <h5 class="mt-0 mb-1">List-based media object</h5>
+         Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
+      </div>
+   </li>
+   <li class="media">
+      <img src="../assets/images/page-img/13.jpg" class="mr-3 avatar-70 img-fluid rounded" alt="#">
+      <div class="media-body">
+         <h5 class="mt-0 mb-1">List-based media object</h5>
+         Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
+      </div>
+   </li>
+</ul>
+
+
+

Because the media object has so few structural requirements, you can also use these classes on list HTML elements. On your <ul> or <ol>, add the .list-unstyled to remove any browser default list styles, and then apply .media to your <li>s. As always, use spacing utilities wherever needed to fine tune.

+
    +
  • + # +
    +
    List-based media object
    + Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus. +
    +
  • +
  • + # +
    +
    List-based media object
    + Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus. +
    +
  • +
  • + # +
    +
    List-based media object
    + Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus. +
    +
  • +
+
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Datum_UImodel/ui-modal.html b/Datum_UImodel/ui-modal.html new file mode 100644 index 0000000..fab460a --- /dev/null +++ b/Datum_UImodel/ui-modal.html @@ -0,0 +1,1648 @@ + + + + + + + + Datum | CRM Admin Dashboard Template + + + + + +
+
+
+
+ + +
+ +
+
+ +
+
+
+
+
+
+
+
+
+

Modal components

+
+
+ +
+
+
+ +

Below is a static modal example (meaning its position and display have been overridden). Included are the modal header, modal body (required for padding), and modal footer (optional). We ask that you include modal headers with dismiss actions whenever possible, or provide another explicit dismiss action.

+ + + + +
+
+
+
+
+

Modal Scrolling

+
+
+ +
+
+
+ +

When modals become too long for the user’s viewport or device, they scroll independent of the page itself. Try the demo below to see what we mean.

+ + + + +
+
+
+
+
+

Optional sizes

+
+
+ +
+
+
+ +

Modals have three optional sizes, available via modifier classes to be placed on a .modal-dialog. These sizes kick in at certain breakpoints to avoid horizontal scrollbars on narrower viewports.

+ + + + + + + + + +
+
+
+
+
+

Scrolling long content

+
+
+ +
+
+
+ +

When modals become too long for the user’s viewport or device, they scroll independent of the page itself. Try the demo below to see what we mean.

+ + + + +
+
+
+
+
+

Vertically centered

+
+
+ +
+
+
+ +

Add .modal-dialog-centered to .modal-dialog to vertically center the modal.

+ + + + + + +
+
+
+
+
+

Using the grid

+
+
+ +
+
+
+ +

Utilize the Bootstrap grid system within a modal by nesting .container-fluid within the .modal-body. Then, use the normal grid system classes as you would anywhere else.

+ + +
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Datum_UImodel/ui-notifications.html b/Datum_UImodel/ui-notifications.html new file mode 100644 index 0000000..d486288 --- /dev/null +++ b/Datum_UImodel/ui-notifications.html @@ -0,0 +1,1470 @@ + + + + + + + + Datum | CRM Admin Dashboard Template + + + + + +
+
+
+
+ + +
+ +
+
+ +
+
+
+
+
+
+
+
+
+

Notifications

+
+
+ +
+
+
+
+

+<div class="toast fade show" role="alert" aria-live="assertive" aria-atomic="true">
+   <div class="toast-header">
+      <svg class="bd-placeholder-img rounded mr-2" width="20" height="20" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img">
+         <rect width="100%" height="100%" fill="#007aff"></rect>
+      </svg>
+      <strong class="mr-auto">Bootstrap</strong>
+      <small>11 mins ago</small>
+      <button type="button" class="ml-2 mb-1 close" data-dismiss="toast" aria-label="Close">
+      <span aria-hidden="true">×</span>
+      </button>
+   </div>
+   <div class="toast-body">
+      Hello, world! This is a toast message.
+   </div>
+</div>
+
+
+

Toasts are as flexible as you need and have very little required markup. At a minimum, we require a single element to contain your “toasted” content and strongly encourage a dismiss button.

+ +
+
+
+
+
+

Stacking

+
+
+ +
+
+
+
+

+<div class="toast fade show" role="alert" aria-live="assertive" aria-atomic="true">
+   <div class="toast-header">
+      <svg class="bd-placeholder-img rounded mr-2" width="20" height="20" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img">
+         <rect width="100%" height="100%" fill="#007aff"></rect>
+      </svg>
+      <strong class="mr-auto">Bootstrap</strong>
+      <small class="text-muted">just now</small>
+      <button type="button" class="ml-2 mb-1 close" data-dismiss="toast" aria-label="Close">
+      <span aria-hidden="true">&times;</span>
+      </button>
+   </div>
+   <div class="toast-body">
+      See? Just like this.
+   </div>
+</div>
+<div class="toast fade show" role="alert" aria-live="assertive" aria-atomic="true">
+   <div class="toast-header">
+      <svg class="bd-placeholder-img rounded mr-2" width="20" height="20" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img">
+         <rect width="100%" height="100%" fill="#007aff"></rect>
+      </svg>
+      <strong class="mr-auto">Bootstrap</strong>
+      <small class="text-muted">2 seconds ago</small>
+      <button type="button" class="ml-2 mb-1 close" data-dismiss="toast" aria-label="Close">
+      <span aria-hidden="true">&times;</span>
+      </button>
+   </div>
+   <div class="toast-body">
+      Heads up, toasts will stack automatically
+   </div>
+</div>
+
+
+

When you have multiple toasts, we default to vertically stacking them in a readable manner.

+ + +
+
+
+
+
+

Notifications horizontally and/or vertically

+
+
+ +
+
+
+
+

+<div class="p-3 bg-dark">
+   <!-- Flexbox container for aligning the toasts -->
+   <div aria-live="polite" aria-atomic="true" class="d-flex justify-content-center align-items-center" style="min-height: 200px;">
+      <!-- Then put toasts within -->
+      <div class="toast fade show" role="alert" aria-live="assertive" aria-atomic="true">
+         <div class="toast-header">
+            <svg class="bd-placeholder-img rounded mr-2" width="20" height="20" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img">
+               <rect width="100%" height="100%" fill="#007aff"></rect>
+            </svg>
+            <strong class="mr-auto">Bootstrap</strong>
+            <small>11 mins ago</small>
+            <button type="button" class="ml-2 mb-1 close" data-dismiss="toast" aria-label="Close">
+            <span aria-hidden="true">&times;</span>
+            </button>
+         </div>
+         <div class="toast-body">
+            Hello, world! This is a toast message.
+         </div>
+      </div>
+   </div>
+</div>
+
+
+

You can also get fancy with flexbox utilities to align toasts horizontally and/or vertically.

+
+ +
+ + +
+
+
+
+
+
+
+
+
+

Notifications

+
+
+ +
+
+
+
+

+<div class="p-3 bg-dark">
+   <div class="toast fade show" role="alert" aria-live="assertive" aria-atomic="true">
+      <div class="toast-header">
+         <svg class="bd-placeholder-img rounded mr-2" width="20" height="20" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img">
+            <rect width="100%" height="100%" fill="#007aff"></rect>
+         </svg>
+         <strong class="mr-auto">Bootstrap</strong>
+         <small>11 mins ago</small>
+         <button type="button" class="ml-2 mb-1 close" data-dismiss="toast" aria-label="Close">
+         <span aria-hidden="true">×</span>
+         </button>
+      </div>
+      <div class="toast-body">
+         Hello, world! This is a toast message.
+      </div>
+   </div>
+</div>
+
+
+

Toasts are slightly translucent, too, so they blend over whatever they might appear over. For browsers that support the backdrop-filter CSS property, we’ll also attempt to blur the elements under a toast.

+
+ +
+
+
+
+
+
+

Stacking Placement

+
+
+ +
+
+
+
+

+<div class="bg-dark p-3">
+   <div aria-live="polite" aria-atomic="true" style="position: relative; min-height: 200px;">
+      <div class="toast fade show" style="position: absolute; top: 0; right: 0;">
+         <div class="toast-header">
+            <svg class="bd-placeholder-img rounded mr-2" width="20" height="20" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img">
+               <rect width="100%" height="100%" fill="#007aff"></rect>
+            </svg>
+            <strong class="mr-auto">Bootstrap</strong>
+            <small>11 mins ago</small>
+            <button type="button" class="ml-2 mb-1 close" data-dismiss="toast" aria-label="Close">
+            <span aria-hidden="true">&times;</span>
+            </button>
+         </div>
+         <div class="toast-body">
+            Hello, world! This is a toast message.
+         </div>
+      </div>
+   </div>
+</div>
+
+
+

Place toasts with custom CSS as you need them. The top right is often used for notifications, as is the top middle. If you’re only ever going to show one toast at a time, put the positioning styles right on the .toast.

+
+
+
+
+ + + + Bootstrap + 11 mins ago + +
+
+ Hello, world! This is a toast message. +
+
+
+
+

For systems that generate more notifications, consider using a wrapping element so they can easily stack.

+
+
+ +
+ + + +
+
+
+
+
+
+
+
+
+
+

Notifications

+
+
+ +
+
+
+
+

+<div class="toast fade show bg-primary text-white border-0 rounded p-2" role="alert" aria-live="assertive" aria-atomic="true">
+   <div class="toast-header bg-primary text-white">
+      <svg class="bd-placeholder-img rounded mr-2" width="20" height="20" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img">
+         <rect width="100%" height="100%" fill="#fff"></rect>
+      </svg>
+      <strong class="mr-auto text-white">Bootstrap</strong>
+      <small>11 mins ago</small>
+      <button type="button" class="ml-2 mb-1 close text-white" data-dismiss="toast" aria-label="Close">
+      <span aria-hidden="true">×</span>
+      </button>
+   </div>
+   <div class="toast-body">
+      Hello, world! This is a toast message.
+   </div>
+</div>
+<div class="toast fade show bg-success text-white border-0 rounded p-2 mt-3" role="alert" aria-live="assertive" aria-atomic="true">
+   <div class="toast-header bg-success text-white">
+      <svg class="bd-placeholder-img rounded mr-2" width="20" height="20" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img">
+         <rect width="100%" height="100%" fill="#fff"></rect>
+      </svg>
+      <strong class="mr-auto text-white">Bootstrap</strong>
+      <small>11 mins ago</small>
+      <button type="button" class="ml-2 mb-1 close text-white" data-dismiss="toast" aria-label="Close">
+      <span aria-hidden="true">×</span>
+      </button>
+   </div>
+   <div class="toast-body">
+      Hello, world! This is a toast message.
+   </div>
+</div>
+
+
+

Toasts are as flexible as you need and have very little required markup. At a minimum, we require a single element to contain your “toasted” content and strongly encourage a dismiss button.

+ + +
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Datum_UImodel/ui-pagination.html b/Datum_UImodel/ui-pagination.html new file mode 100644 index 0000000..857d2ee --- /dev/null +++ b/Datum_UImodel/ui-pagination.html @@ -0,0 +1,1406 @@ + + + + + + + + Datum | CRM Admin Dashboard Template + + + + + +
+
+
+
+ + +
+ +
+
+ +
+
+
+
+
+
+
+
+
+

Pagination Examples

+
+
+ +
+
+
+
+

+<nav aria-label="Page navigation example">
+   <ul class="pagination mb-0">
+      <li class="page-item"><a class="page-link" href="#">Previous</a></li>
+      <li class="page-item"><a class="page-link" href="#">1</a></li>
+      <li class="page-item"><a class="page-link" href="#">2</a></li>
+      <li class="page-item"><a class="page-link" href="#">3</a></li>
+      <li class="page-item"><a class="page-link" href="#">Next</a></li>
+   </ul>
+</nav>
+
+
+

In addition, as pages likely have more than one such navigation section, it’s advisable to provide a descriptive aria-label for the <nav> to reflect its purpose. For example, if the pagination component is used to navigate between a set of search results, an appropriate label could be aria-label="Search results pages".

+ +
+
+
+
+
+

Disabled and active states

+
+
+ +
+
+
+
+

+<nav aria-label="...">
+   <ul class="pagination">
+      <li class="page-item disabled">
+         <a class="page-link" href="#" tabindex="-1" aria-disabled="true">Previous</a>
+      </li>
+      <li class="page-item"><a class="page-link" href="#">1</a></li>
+      <li class="page-item active" aria-current="page">
+         <a class="page-link" href="#">2 <span class="sr-only">(current)</span></a>
+      </li>
+      <li class="page-item"><a class="page-link" href="#">3</a></li>
+      <li class="page-item">
+         <a class="page-link" href="#">Next</a>
+      </li>
+   </ul>
+</nav>
+
+
+

Pagination links are customizable for different circumstances. Use .disabled for links that appear un-clickable and .active to indicate the current page.

+

While the .disabled class uses pointer-events: none to try to disable the link functionality of <a>s, that CSS property is not yet standardized and doesn’t account for keyboard navigation. As such, you should always add tabindex="-1" on disabled links and use custom JavaScript to fully disable their functionality.

+ +

You can optionally swap out active or disabled anchors for <span>, or omit the anchor in the case of the prev/next arrows, to remove click functionality and prevent keyboard focus while retaining intended styles.

+ +
+
+
+
+
+

Pagination With Color

+
+
+ +
+
+
+
+

+<nav aria-label="Page navigation example">
+   <ul class="pagination">
+      <li class="page-item"><a class="page-link border-primary bg-primary text-white" href="#">Previous</a></li>
+      <li class="page-item"><a class="page-link border-primary bg-primary text-white" href="#">1</a></li>
+      <li class="page-item"><a class="page-link border-primary bg-primary text-white" href="#">2</a></li>
+      <li class="page-item"><a class="page-link border-primary bg-primary text-white" href="#">3</a></li>
+      <li class="page-item"><a class="page-link border-primary bg-primary text-white" href="#">Next</a></li>
+   </ul>
+</nav>
+
+
+

In addition, as pages likely have more than one such navigation section, it’s advisable to provide a descriptive aria-label for the <nav> to reflect its purpose. For example, if the pagination component is used to navigate between a set of search results, an appropriate label could be aria-label="Search results pages".

+ + + +
+
+ +
+
+
+

Working with icons

+
+
+ +
+
+
+
+

+<nav aria-label="Page navigation example">
+   <ul class="pagination mb-0">
+      <li class="page-item">
+         <a class="page-link" href="#" aria-label="Previous">
+         <span aria-hidden="true">&laquo;</span>
+         </a>
+      </li>
+      <li class="page-item"><a class="page-link" href="#">1</a></li>
+      <li class="page-item"><a class="page-link" href="#">2</a></li>
+      <li class="page-item"><a class="page-link" href="#">3</a></li>
+      <li class="page-item">
+         <a class="page-link" href="#" aria-label="Next">
+         <span aria-hidden="true">&raquo;</span>
+         </a>
+      </li>
+   </ul>
+</nav>
+
+
+

Looking to use an icon or symbol in place of text for some pagination links? Be sure to provide proper screen reader support with aria attributes.

+ +
+
+
+
+
+

Pagination Sizing

+
+
+ +
+
+
+
+

+<nav aria-label="...">
+   <ul class="pagination pagination-lg">
+      <li class="page-item active" aria-current="page">
+         <span class="page-link">
+         1
+         <span class="sr-only">(current)</span>
+         </span>
+      </li>
+      <li class="page-item"><a class="page-link" href="#">2</a></li>
+      <li class="page-item"><a class="page-link" href="#">3</a></li>
+   </ul>
+</nav>
+
+
+

Fancy larger or smaller pagination? Add .pagination-lg or .pagination-sm for additional sizes.

+ + + +
+
+
+
+
+

Alignment

+
+
+ +
+
+
+
+

+<h6>left</h6>
+<nav aria-label="Page navigation example">
+   <ul class="pagination">
+      <li class="page-item disabled">
+         <a class="page-link" href="#" tabindex="-1" aria-disabled="true">Previous</a>
+      </li>
+      <li class="page-item"><a class="page-link" href="#">1</a></li>
+      <li class="page-item"><a class="page-link" href="#">2</a></li>
+      <li class="page-item"><a class="page-link" href="#">3</a></li>
+      <li class="page-item">
+         <a class="page-link" href="#">Next</a>
+      </li>
+   </ul>
+</nav>
+
+
+

Change the alignment of pagination components with flexbox utilities.

+
left
+ +
Center
+ +
Right
+ +
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Datum_UImodel/ui-popovers.html b/Datum_UImodel/ui-popovers.html new file mode 100644 index 0000000..95ae08e --- /dev/null +++ b/Datum_UImodel/ui-popovers.html @@ -0,0 +1,1252 @@ + + + + + + + + Datum | CRM Admin Dashboard Template + + + + + +
+
+
+
+ + +
+ +
+
+ +
+
+
+
+
+
+
+
+
+

Popovers

+
+
+ +
+
+
+
+

+<button type="button" class="btn btn-lg btn-danger mt-2" data-toggle="popover" title="Popover title" data-content="And here's some amazing content. It's very engaging. Right?">Click to toggle popover</button>
+
+
+

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

+ +
+
+
+
+
+

Dismiss on next click

+
+
+ +
+
+
+
+

+<a tabindex="0" class="btn btn-danger mt-2" role="button" data-toggle="popover" data-trigger="focus" title="Dismissible popover" data-content="And here's some amazing content. It's very engaging. Right?">Dismissible popover</a>
+
+
+

Use the focus trigger to dismiss popovers on the user’s next click of a different element than the toggle element.

+ Dismissible popover +
+
+
+
+
+

Disabled elements

+
+
+ +
+
+
+
+

+<span class="d-inline-block" data-toggle="popover" data-content="Disabled popover">
+   <button class="btn btn-primary mt-2" style="pointer-events: none;" type="button" disabled>Disabled button</button>
+</span>
+
+
+

Elements with the disabled attribute aren’t interactive, meaning users cannot hover or click them to trigger a popover (or tooltip). As a workaround, you’ll want to trigger the popover from a wrapper <div> or <span> and override the pointer-events on the disabled element.

+ + + +
+
+
+
+
+

Hover elements

+
+
+ +
+
+
+
+

+<span class="d-inline-block" data-trigger="hover" data-toggle="popover" data-content="Disabled popover">
+   <button class="btn btn-primary mt-2" style="pointer-events: none;" type="button" disabled>Disabled button</button>
+</span>
+
+
+

For disabled popover triggers, you may also prefer data-trigger="hover" so that the popover appears as immediate visual feedback to your users as they may not expect to click on a disabled element.

+ + + +
+
+ +
+
+
+

Four directions

+
+
+ +
+
+
+
+

+<button type="button" class="btn btn-secondary mt-2" data-container="body" data-toggle="popover" data-placement="top" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">Popover on top</button>
+<button type="button" class="btn btn-secondary mt-2" data-container="body" data-toggle="popover" data-placement="right" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">Popover on right</button>
+<button type="button" class="btn btn-secondary mt-2" data-container="body" data-toggle="popover" data-placement="bottom" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">Popover on bottom</button>
+<button type="button" class="btn btn-secondary mt-2" data-container="body" data-toggle="popover" data-placement="left" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">Popover on left</button>
+
+
+

Four options are available: top, right, bottom, and left aligned.

+ + + + +
+
+
+
+
+

Popovers With Color

+
+
+ +
+
+
+
+

+<button type="button" class="btn btn-primary mt-2" data-container="body" data-toggle="popover" data-placement="top" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">Popover on top</button>
+<button type="button" class="btn btn-success mt-2" data-container="body" data-toggle="popover" data-placement="right" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">Popover on right</button>
+<button type="button" class="btn btn-danger mt-2" data-container="body" data-toggle="popover" data-placement="bottom" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">Popover on bottom</button>
+<button type="button" class="btn btn-info mt-2" data-container="body" data-toggle="popover" data-placement="left" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">Popover on left</button>
+
+
+

Four options are available: top, right, bottom, and left aligned.

+ + + + +
+
+
+
+
+

Popovers With Color

+
+
+ +
+
+
+
+

+<button type="button" class="btn iq-bg-primary mt-2" data-container="body" data-toggle="popover" data-placement="top" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">Popover on top</button>
+<button type="button" class="btn iq-bg-success mt-2" data-container="body" data-toggle="popover" data-placement="right" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">Popover on right</button>
+<button type="button" class="btn iq-bg-danger mt-2" data-container="body" data-toggle="popover" data-placement="bottom" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">Popover on bottom</button>
+<button type="button" class="btn iq-bg-info mt-2" data-container="body" data-toggle="popover" data-placement="left" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">Popover on left</button>
+
+
+

Four options are available: top, right, bottom, and left aligned.

+ + + + +
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Datum_UImodel/ui-progressbars.html b/Datum_UImodel/ui-progressbars.html new file mode 100644 index 0000000..3b2491a --- /dev/null +++ b/Datum_UImodel/ui-progressbars.html @@ -0,0 +1,1346 @@ + + + + + + + + Datum | CRM Admin Dashboard Template + + + + + +
+
+
+
+ + +
+ +
+
+ +
+
+
+
+
+
+
+
+
+

Examples

+
+
+ +
+
+
+
+

+<div class="progress mb-3">
+   <div class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
+</div>
+<div class="progress mb-3">
+   <div class="progress-bar" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
+</div>
+<div class="progress mb-3">
+   <div class="progress-bar" role="progressbar" style="width: 50%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
+</div>
+<div class="progress mb-3">
+   <div class="progress-bar" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
+</div>
+<div class="progress">
+   <div class="progress-bar" role="progressbar" style="width: 100%" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100"></div>
+</div>
+
+
+

Progress components are built with two HTML elements, some CSS to set the width, and a few attributes. We don’t use the HTML5 <progress> element, ensuring you can stack progress bars, animate them, and place text labels over them.

+
    +
  • We use the .progress as a wrapper to indicate the max value of the progress bar.
  • +
  • We use the inner .progress-bar to indicate the progress so far.
  • +
  • The .progress-bar requires an inline style, utility class, or custom CSS to set their width.
  • +
  • The .progress-bar also requires some role and aria attributes to make it accessible.
  • +
+

Put that all together, and you have the following examples.

+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

Height

+
+
+ +
+
+
+
+

+<div class="progress mb-3" style="height: 3px;">
+   <div class="progress-bar" role="progressbar" style="width: 25%;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">25%</div>
+</div>
+<div class="progress mb-3" style="height: 10px;">
+   <div class="progress-bar" role="progressbar" style="width: 50%;" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100">50%</div>
+</div>
+<div class="progress mb-3" style="height: 15px;">
+   <div class="progress-bar" role="progressbar" style="width: 75%;" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100">75%</div>
+</div>
+<div class="progress" style="height: 20px;">
+   <div class="progress-bar" role="progressbar" style="width: 99%;" aria-valuenow="99" aria-valuemin="0" aria-valuemax="100">99%</div>
+</div>
+
+
+

We only set a height value on the .progress, so if you change that value the inner .progress-bar will automatically resize accordingly.

+
+
25%
+
+
+
50%
+
+
+
75%
+
+
+
99%
+
+
+
+
+
+
+

Animated stripes

+
+
+ +
+
+
+
+

+<div class="progress mb-3">
+   <div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" style="width: 75%"></div>
+</div>
+<div class="progress">
+   <div class="progress-bar progress-bar-striped progress-bar-animated bg-success" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" style="width: 75%"></div>
+</div>
+
+
+

The striped gradient can also be animated. Add .progress-bar-animated to .progress-bar to animate the stripes right to left via CSS3 animations.

+
+
+
+
+
+
+
+
+ +
+
+
+

Labels

+
+
+ +
+
+
+
+

+<div class="progress mb-3">
+   <div class="progress-bar" role="progressbar" style="width: 25%;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">25%</div>
+</div>
+<div class="progress mb-3">
+   <div class="progress-bar" role="progressbar" style="width: 50%;" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100">50%</div>
+</div>
+<div class="progress mb-3">
+   <div class="progress-bar" role="progressbar" style="width: 75%;" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100">75%</div>
+</div>
+<div class="progress">
+   <div class="progress-bar" role="progressbar" style="width: 99%;" aria-valuenow="99" aria-valuemin="0" aria-valuemax="100">99%</div>
+</div>
+
+
+

Add labels to your progress bars by placing text within the .progress-bar.

+
+
25%
+
+
+
50%
+
+
+
75%
+
+
+
99%
+
+
+
+
+
+
+

Backgrounds

+
+
+ +
+
+
+
+

+<div class="progress mb-3">
+   <div class="progress-bar bg-success" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
+</div>
+<div class="progress mb-3">
+   <div class="progress-bar bg-info" role="progressbar" style="width: 50%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
+</div>
+<div class="progress mb-3">
+   <div class="progress-bar bg-warning" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
+</div>
+<div class="progress">
+   <div class="progress-bar bg-danger" role="progressbar" style="width: 100%" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100"></div>
+</div>
+
+
+

Use background utility classes to change the appearance of individual progress bars.

+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

Multiple bars

+
+
+ +
+
+
+
+

+ <div class="progress">
+   <div class="progress-bar" role="progressbar" style="width: 15%" aria-valuenow="15" aria-valuemin="0" aria-valuemax="100"></div>
+   <div class="progress-bar bg-success" role="progressbar" style="width: 30%" aria-valuenow="30" aria-valuemin="0" aria-valuemax="100"></div>
+   <div class="progress-bar bg-info" role="progressbar" style="width: 20%" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100"></div>
+</div>
+
+
+

Include multiple progress bars in a progress component if you need.

+
+
+
+
+
+
+
+
+
+
+

Striped

+
+
+ +
+
+
+
+

+<div class="progress mb-3">
+   <div class="progress-bar progress-bar-striped" role="progressbar" style="width: 10%" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100"></div>
+</div>
+<div class="progress mb-3">
+   <div class="progress-bar progress-bar-striped bg-success" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
+</div>
+<div class="progress mb-3">
+   <div class="progress-bar progress-bar-striped bg-info" role="progressbar" style="width: 50%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
+</div>
+<div class="progress mb-3">
+   <div class="progress-bar progress-bar-striped bg-warning" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
+</div>
+<div class="progress">
+   <div class="progress-bar progress-bar-striped bg-danger" role="progressbar" style="width: 100%" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100"></div>
+</div>
+
+
+

Add .progress-bar-striped to any .progress-bar to apply a stripe via CSS gradient over the progress bar’s background color.

+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Datum_UImodel/ui-tabs.html b/Datum_UImodel/ui-tabs.html new file mode 100644 index 0000000..4c766b3 --- /dev/null +++ b/Datum_UImodel/ui-tabs.html @@ -0,0 +1,1564 @@ + + + + + + + + Datum | CRM Admin Dashboard Template + + + + + +
+
+
+
+ + +
+ +
+
+ +
+
+
+
+
+
+
+
+
+

Basic Tabs

+
+
+ +
+
+
+
+

+<ul class="nav nav-tabs" id="myTab-1" role="tablist">
+   <li class="nav-item">
+      <a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true">Home</a>
+   </li>
+   <li class="nav-item">
+      <a class="nav-link" id="profile-tab" data-toggle="tab" href="#profile" role="tab" aria-controls="profile" aria-selected="false">Profile</a>
+   </li>
+   <li class="nav-item">
+      <a class="nav-link" id="contact-tab" data-toggle="tab" href="#contact" role="tab" aria-controls="contact" aria-selected="false">Contact</a>
+   </li>
+</ul>
+<div class="tab-content" id="myTabContent-2">
+   <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
+      <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
+   </div>
+   <div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">
+      <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
+   </div>
+   <div class="tab-pane fade" id="contact" role="tabpanel" aria-labelledby="contact-tab">
+      <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
+   </div>
+</div>
+
+
+

The base .nav component does not include any .active state. The following examples include the class, mainly to demonstrate that this particular class does not trigger any special styling.

+ +
+
+

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

+
+
+

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

+
+
+

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

+
+
+
+
+
+
+
+

Basic Tabs Style 3

+
+
+ +
+
+
+
+

+<ul class="nav nav-tabs" id="myTab-two" role="tablist">
+   <li class="nav-item">
+      <a class="nav-link active" id="home-tab-two" data-toggle="tab" href="#home-two" role="tab" aria-controls="home" aria-selected="true">Home</a>
+   </li>
+   <li class="nav-item">
+      <a class="nav-link" id="profile-tab-two" data-toggle="tab" href="#profile-two" role="tab" aria-controls="profile" aria-selected="false">Profile</a>
+   </li>
+   <li class="nav-item">
+      <a class="nav-link" id="contact-tab-two" data-toggle="tab" href="#contact-two" role="tab" aria-controls="contact" aria-selected="false">Contact</a>
+   </li>
+</ul>
+<div class="tab-content" id="myTabContent-1">
+   <div class="tab-pane fade show active" id="home-two" role="tabpanel" aria-labelledby="home-tab-two">
+      <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
+   </div>
+   <div class="tab-pane fade" id="profile-two" role="tabpanel" aria-labelledby="profile-tab-two">
+      <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
+   </div>
+   <div class="tab-pane fade" id="contact-two" role="tabpanel" aria-labelledby="contact-tab-two">
+      <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
+   </div>
+</div>
+
+
+

Takes the basic nav from above and adds the .nav-tabs class to generate a tabbed interface.

+ +
+
+

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

+
+
+

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

+
+
+

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

+
+
+
+
+
+
+
+

Tabs Vertical Pills

+
+
+ +
+
+
+
+

+<div class="col-sm-3">
+   <div class="nav flex-column nav-pills text-center" id="v-pills-tab" role="tablist" aria-orientation="vertical">
+      <a class="nav-link active" id="v-pills-home-tab" data-toggle="pill" href="#v-pills-home" role="tab" aria-controls="v-pills-home" aria-selected="true">Home</a>
+      <a class="nav-link" id="v-pills-profile-tab" data-toggle="pill" href="#v-pills-profile" role="tab" aria-controls="v-pills-profile" aria-selected="false">Profile</a>
+      <a class="nav-link" id="v-pills-messages-tab" data-toggle="pill" href="#v-pills-messages" role="tab" aria-controls="v-pills-messages" aria-selected="false">Messages</a>
+      <a class="nav-link" id="v-pills-settings-tab" data-toggle="pill" href="#v-pills-settings" role="tab" aria-controls="v-pills-settings" aria-selected="false">Settings</a>
+   </div>
+</div>
+<div class="col-sm-9">
+   <div class="tab-content mt-0" id="v-pills-tabContent">
+      <div class="tab-pane fade show active" id="v-pills-home" role="tabpanel" aria-labelledby="v-pills-home-tab">
+         <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</p>
+      </div>
+      <div class="tab-pane fade" id="v-pills-profile" role="tabpanel" aria-labelledby="v-pills-profile-tab">
+         <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</p>
+      </div>
+      <div class="tab-pane fade" id="v-pills-messages" role="tabpanel" aria-labelledby="v-pills-messages-tab">
+         <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</p>
+      </div>
+      <div class="tab-pane fade" id="v-pills-settings" role="tabpanel" aria-labelledby="v-pills-settings-tab">
+         <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</p>
+      </div>
+   </div>
+</div>
+
+
+

Stack your navigation by changing the flex item direction with the .flex-column utility.

+
+
+ +
+
+
+
+

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.

+
+
+

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.

+
+
+

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.

+
+
+

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.

+
+
+
+
+
+
+
+
+
+

Tabs Justify Center

+
+
+ +
+
+
+
+

+<ul class="nav nav-tabs justify-content-center" id="myTab-2" role="tablist">
+   <li class="nav-item">
+      <a class="nav-link active" id="home-tab-justify" data-toggle="tab" href="#home-justify" role="tab" aria-controls="home" aria-selected="true">Home</a>
+   </li>
+   <li class="nav-item">
+      <a class="nav-link" id="profile-tab-justify" data-toggle="tab" href="#profile-justify" role="tab" aria-controls="profile" aria-selected="false">Profile</a>
+   </li>
+   <li class="nav-item">
+      <a class="nav-link" id="contact-tab-justify" data-toggle="tab" href="#contact-justify" role="tab" aria-controls="contact" aria-selected="false">Contact</a>
+   </li>
+</ul>
+<div class="tab-content" id="myTabContent-3">
+   <div class="tab-pane fade show active" id="home-justify" role="tabpanel" aria-labelledby="home-tab-justify">
+      <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
+   </div>
+   <div class="tab-pane fade" id="profile-justify" role="tabpanel" aria-labelledby="profile-tab-justify">
+      <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
+   </div>
+   <div class="tab-pane fade" id="contact-justify" role="tabpanel" aria-labelledby="contact-tab-justify">
+      <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
+   </div>
+</div>
+
+
+

Centered with .justify-content-center

+ +
+
+

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

+
+
+

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

+
+
+

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

+
+
+
+
+ +
+
+
+

Basic Tabs Style 2

+
+
+ +
+
+
+
+

+<ul class="nav nav-pills mb-3" id="pills-tab" role="tablist">
+   <li class="nav-item">
+      <a class="nav-link active" id="pills-home-tab" data-toggle="pill" href="#pills-home" role="tab" aria-controls="pills-home" aria-selected="true">Home</a>
+   </li>
+   <li class="nav-item">
+      <a class="nav-link" id="pills-profile-tab" data-toggle="pill" href="#pills-profile" role="tab" aria-controls="pills-profile" aria-selected="false">Profile</a>
+   </li>
+   <li class="nav-item">
+      <a class="nav-link" id="pills-contact-tab" data-toggle="pill" href="#pills-contact" role="tab" aria-controls="pills-contact" aria-selected="false">Contact</a>
+   </li>
+</ul>
+<div class="tab-content" id="pills-tabContent-2">
+   <div class="tab-pane fade show active" id="pills-home" role="tabpanel" aria-labelledby="pills-home-tab">
+      <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
+   </div>
+   <div class="tab-pane fade" id="pills-profile" role="tabpanel" aria-labelledby="pills-profile-tab">
+      <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
+   </div>
+   <div class="tab-pane fade" id="pills-contact" role="tabpanel" aria-labelledby="pills-contact-tab">
+      <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
+   </div>
+</div>
+
+
+

Take that same HTML, but use .nav-pills instead:

+ +
+
+

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

+
+
+

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

+
+
+

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

+
+
+
+
+
+
+
+

Basic Tabs Style 4

+
+
+ +
+
+
+
+

+<ul class="nav nav-tabs" id="myTab-three" role="tablist">
+   <li class="nav-item">
+      <a class="nav-link active" id="home-tab-three" data-toggle="tab" href="#home-three" role="tab" aria-controls="home" aria-selected="true">Home</a>
+   </li>
+   <li class="nav-item">
+      <a class="nav-link" id="profile-tab-three" data-toggle="tab" href="#profile-three" role="tab" aria-controls="profile" aria-selected="false">Profile</a>
+   </li>
+   <li class="nav-item">
+      <a class="nav-link" id="contact-tab-three" data-toggle="tab" href="#contact-three" role="tab" aria-controls="contact" aria-selected="false">Contact</a>
+   </li>
+</ul>
+<div class="tab-content" id="myTabContent-4">
+   <div class="tab-pane fade show active" id="home-three" role="tabpanel" aria-labelledby="home-tab-three">
+      <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
+   </div>
+   <div class="tab-pane fade" id="profile-three" role="tabpanel" aria-labelledby="profile-tab-three">
+      <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
+   </div>
+   <div class="tab-pane fade" id="contact-three" role="tabpanel" aria-labelledby="contact-tab-three">
+      <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
+   </div>
+</div>
+
+
+

Takes the basic nav from above and adds the .nav-tabs class to generate a tabbed interface.

+ +
+
+

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

+
+
+

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

+
+
+

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

+
+
+
+
+
+
+
+

Tabs Fill and justify

+
+
+ +
+
+
+
+

+<ul class="nav nav-pills mb-3 nav-fill" id="pills-tab-1" role="tablist">
+   <li class="nav-item">
+      <a class="nav-link active" id="pills-home-tab-fill" data-toggle="pill" href="#pills-home-fill" role="tab" aria-controls="pills-home" aria-selected="true">Home</a>
+   </li>
+   <li class="nav-item">
+      <a class="nav-link" id="pills-profile-tab-fill" data-toggle="pill" href="#pills-profile-fill" role="tab" aria-controls="pills-profile" aria-selected="false">Profile</a>
+   </li>
+   <li class="nav-item">
+      <a class="nav-link" id="pills-contact-tab-fill" data-toggle="pill" href="#pills-contact-fill" role="tab" aria-controls="pills-contact" aria-selected="false">Contact</a>
+   </li>
+</ul>
+<div class="tab-content" id="pills-tabContent-1">
+   <div class="tab-pane fade show active" id="pills-home-fill" role="tabpanel" aria-labelledby="pills-home-tab-fill">
+      <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
+   </div>
+   <div class="tab-pane fade" id="pills-profile-fill" role="tabpanel" aria-labelledby="pills-profile-tab-fill">
+      <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
+   </div>
+   <div class="tab-pane fade" id="pills-contact-fill" role="tabpanel" aria-labelledby="pills-contact-tab-fill">
+      <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
+   </div>
+</div>
+
+
+

Force your .nav’s contents to extend the full available width one of two modifier classes. To proportionately fill all available space with your .nav-items, use .nav-fill. Notice that all horizontal space is occupied, but not every nav item has the same width.

+ +
+
+

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

+
+
+

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

+
+
+

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

+
+
+
+
+
+
+
+

Tabs Justify Right

+
+
+ +
+
+
+
+

+<ul class="nav nav-tabs justify-content-end" id="myTab-4" role="tablist">
+   <li class="nav-item">
+      <a class="nav-link active" id="home-tab-end" data-toggle="tab" href="#home-end" role="tab" aria-controls="home" aria-selected="true">Home</a>
+   </li>
+   <li class="nav-item">
+      <a class="nav-link" id="profile-tab-end" data-toggle="tab" href="#profile-end" role="tab" aria-controls="profile" aria-selected="false">Profile</a>
+   </li>
+   <li class="nav-item">
+      <a class="nav-link" id="contact-tab-end" data-toggle="tab" href="#contact-end" role="tab" aria-controls="contact" aria-selected="false">Contact</a>
+   </li>
+</ul>
+<div class="tab-content" id="myTabContent-5">
+   <div class="tab-pane fade show active" id="home-end" role="tabpanel" aria-labelledby="home-tab-end">
+      <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
+   </div>
+   <div class="tab-pane fade" id="profile-end" role="tabpanel" aria-labelledby="profile-tab-end">
+      <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
+   </div>
+   <div class="tab-pane fade" id="contact-end" role="tabpanel" aria-labelledby="contact-tab-end">
+      <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
+   </div>
+</div>
+
+
+

Right-aligned with .justify-content-end.

+ +
+
+

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

+
+
+

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

+
+
+

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

+
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Datum_UImodel/ui-tooltips.html b/Datum_UImodel/ui-tooltips.html new file mode 100644 index 0000000..5c6d6e1 --- /dev/null +++ b/Datum_UImodel/ui-tooltips.html @@ -0,0 +1,1219 @@ + + + + + + + + Datum | CRM Admin Dashboard Template + + + + + +
+
+
+
+ + +
+ +
+
+ +
+
+
+
+
+
+
+
+
+

Tooltips

+
+
+ +
+
+
+
+

+<button type="button" class="btn btn-secondary mt-2" data-toggle="tooltip" data-placement="top" title="Tooltip on top">Tooltip on top</button>
+<button type="button" class="btn btn-secondary mt-2" data-toggle="tooltip" data-placement="right" title="Tooltip on right">Tooltip on right</button>
+<button type="button" class="btn btn-secondary mt-2" data-toggle="tooltip" data-placement="bottom" title="Tooltip on bottom">Tooltip on bottom</button>
+<button type="button" class="btn btn-secondary mt-2" data-toggle="tooltip" data-placement="left" title="Tooltip on left">Tooltip on left</button>
+
+
+

Hover over the buttons below to see the four tooltips directions: top, right, bottom, and left. The data-placement attribute specifies the tooltip position.

+ + + + +
+
+
+
+
+
+
+

Disabled elements

+
+
+ +
+
+
+
+

+<span class="d-inline-block" tabindex="0" data-toggle="tooltip" title="Disabled tooltip">
+   <button class="btn btn-primary" style="pointer-events: none;" type="button" disabled>Disabled button</button>
+</span>
+
+
+

Elements with the disabled attribute aren’t interactive, meaning users cannot focus, hover, or click them to trigger a tooltip (or popover). As a workaround, you’ll want to trigger the tooltip from a wrapper <div> or <span>, ideally made keyboard-focusable using tabindex="0", and override the pointer-events on the disabled element.

+ + + +
+
+
+
+
+
+
+

Tooltips

+
+
+ +
+
+
+
+

+<button type="button" class="btn btn-primary mt-2" data-toggle="tooltip" data-placement="top" title="Tooltip on top">Tooltip on top</button>
+<button type="button" class="btn btn-success mt-2" data-toggle="tooltip" data-placement="right" title="Tooltip on right">Tooltip on right</button>
+<button type="button" class="btn btn-danger mt-2" data-toggle="tooltip" data-placement="bottom" title="Tooltip on bottom">Tooltip on bottom</button>
+<button type="button" class="btn btn-info mt-2" data-toggle="tooltip" data-placement="left" title="Tooltip on left">Tooltip on left</button>
+
+
+

Hover over the buttons below to see the four tooltips directions: top, right, bottom, and left Using background colors

+ + + + +
+
+
+
+
+
+
+

Tooltips

+
+
+ +
+
+
+
+

+<button type="button" class="btn iq-bg-primary mt-2" data-toggle="tooltip" data-placement="top" title="Tooltip on top">Tooltip on top</button>
+<button type="button" class="btn iq-bg-success mt-2" data-toggle="tooltip" data-placement="right" title="Tooltip on right">Tooltip on right</button>
+<button type="button" class="btn iq-bg-danger mt-2" data-toggle="tooltip" data-placement="bottom" title="Tooltip on bottom">Tooltip on bottom</button>
+<button type="button" class="btn iq-bg-info mt-2" data-toggle="tooltip" data-placement="left" title="Tooltip on left">Tooltip on left</button>
+
+
+

Hover over the buttons below to see the four tooltips directions: top, right, bottom, and left Using Light background colors

+ + + + +
+
+
+
+
+
+
+

Hover elements

+
+
+ +
+
+
+
+

+<a href="#" data-toggle="tooltip" title="Some tooltip text!">Hover over me</a>
+<!-- Generated markup by the plugin -->
+<div class="tooltip bs-tooltip-top" role="tooltip">
+   <div class="arrow"></div>
+   <div class="tooltip-inner">Some tooltip text!</div>
+</div>
+
+
+

Hover over the buttons below to see the tooltip.

+ + Hover over me + + +
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Datum_UImodel/ui-typography.html b/Datum_UImodel/ui-typography.html new file mode 100644 index 0000000..ee29394 --- /dev/null +++ b/Datum_UImodel/ui-typography.html @@ -0,0 +1,1351 @@ + + + + + + + + Datum | CRM Admin Dashboard Template + + + + + +
+
+
+
+ + +
+ +
+
+ +
+
+
+
+
+
+
+
+
+

Display headings

+
+
+ +
+
+
+
+

+<h1 class="display-1">Display headings</h1>
+<h1 class="display-2">Display headings</h1>
+<h1 class="display-3">Display headings</h1>
+<h1 class="display-4">Display headings</h1>
+
+
+

Traditional heading elements are designed to work best in the meat of your page content. When you need a heading to stand out, consider using a display heading—a larger, slightly more opinionated heading style. Keep in mind these headings are not responsive by default, but it’s possible to enable responsive font sizes.

+

Display headings

+

Display headings

+

Display headings

+

Display headings

+
+
+ +
+
+
+

Typography

+
+
+ +
+
+
+
+

+<h1>h1. Bootstrap heading</h1>
+<h2>h2. Bootstrap heading</h2>
+<h3>h3. Bootstrap heading</h3>
+<h4>h4. Bootstrap heading</h4>
+<h5>h5. Bootstrap heading</h5>
+<h6 class="mb-0">h6. Bootstrap heading</h6>
+
+
+

All HTML headings, <h1> through <h6>, are available.

+

h1. Bootstrap heading

+

h2. Bootstrap heading

+

h3. Bootstrap heading

+

h4. Bootstrap heading

+
h5. Bootstrap heading
+
h6. Bootstrap heading
+
+
+
+
+
+

Inline text elements

+
+
+ +
+
+
+
+

+<p>Styling for common inline HTML5 elements.</p>
+<p>You can use the mark tag to <mark>highlight</mark> text.</p>
+<p><del>This line of text is meant to be treated as deleted text.</del></p>
+<p><s>This line of text is meant to be treated as no longer accurate.</s></p>
+<p><ins>This line of text is meant to be treated as an addition to the document.</ins></p>
+<p><u>This line of text will render as underlined</u></p>
+<p><small>This line of text is meant to be treated as fine print.</small></p>
+<p><strong>This line rendered as bold text.</strong></p>
+<p><em>This line rendered as italicized text.</em></p>
+
+
+

Styling for common inline HTML5 elements.

+

You can use the mark tag to highlight text.

+

This line of text is meant to be treated as deleted text.

+

This line of text is meant to be treated as no longer accurate.

+

This line of text is meant to be treated as an addition to the document.

+

This line of text will render as underlined

+

This line of text is meant to be treated as fine print.

+

This line rendered as bold text.

+

This line rendered as italicized text.

+
+
+
+
+
+

Lists Inline

+
+
+ +
+
+
+
+

+<ul class="list-inline">
+   <li class="list-inline-item">Lorem ipsum</li>
+   <li class="list-inline-item">Phasellus iaculis</li>
+   <li class="list-inline-item">Nulla volutpat</li>
+</ul>
+
+
+

Remove a list’s bullets and apply some light margin with a combination of two classes, .list-inline and .list-inline-item.

+
    +
  • Lorem ipsum
  • +
  • Phasellus iaculis
  • +
  • Nulla volutpat
  • +
+
+
+ +
+
+
+

Headings

+
+
+ +
+
+
+
+

+<p class="h1 mb-3">h1. Bootstrap heading</p>
+<p class="h2 mb-3">h2. Bootstrap heading</p>
+<p class="h3 mb-3">h3. Bootstrap heading</p>
+<p class="h4 mb-3">h4. Bootstrap heading</p>
+<p class="h5 mb-3">h5. Bootstrap heading</p>
+<p class="h6 mb-0">h6. Bootstrap heading</p>
+
+
+

.h1 through .h6 classes are also available, for when you want to match the font styling of a heading but cannot use the associated HTML element.

+

h1. Bootstrap heading

+

h2. Bootstrap heading

+

h3. Bootstrap heading

+

h4. Bootstrap heading

+

h5. Bootstrap heading

+

h6. Bootstrap heading

+
+
+
+
+
+

Lists Unstyled

+
+
+ +
+
+
+
+

+<ul class="list-unstyled">
+   <li>Lorem ipsum dolor sit amet</li>
+   <li>Consectetur adipiscing elit</li>
+   <li>Integer molestie lorem at massa</li>
+   <li>Facilisis in pretium nisl aliquet</li>
+   <li>
+      Nulla volutpat aliquam velit
+      <ul>
+         <li>Phasellus iaculis neque</li>
+         <li>Purus sodales ultricies</li>
+         <li>Vestibulum laoreet porttitor sem</li>
+         <li>Ac tristique libero volutpat at</li>
+      </ul>
+   </li>
+   <li>Faucibus porta lacus fringilla vel</li>
+   <li>Aenean sit amet erat nunc</li>
+   <li>Eget porttitor lorem</li>
+</ul>
+
+
+

Remove the default list-style and left margin on list items (immediate children only). This only applies to immediate children list items, meaning you will need to add the class for any nested lists as well.

+
    +
  • Lorem ipsum dolor sit amet
  • +
  • Consectetur adipiscing elit
  • +
  • Integer molestie lorem at massa
  • +
  • Facilisis in pretium nisl aliquet
  • +
  • + Nulla volutpat aliquam velit +
      +
    • Phasellus iaculis neque
    • +
    • Purus sodales ultricies
    • +
    • Vestibulum laoreet porttitor sem
    • +
    • Ac tristique libero volutpat at
    • +
    +
  • +
  • Faucibus porta lacus fringilla vel
  • +
  • Aenean sit amet erat nunc
  • +
  • Eget porttitor lorem
  • +
+
+
+
+
+
+

Blockquotes

+
+
+ +
+
+
+
+

+<blockquote class="blockquote">
+   <p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
+   <footer class="blockquote-footer">Someone famous in <cite title="Source Title">Source Title</cite></footer>
+</blockquote>
+
+
+

For quoting blocks of content from another source within your document. Wrap <blockquote class="blockquote"> around any HTML as the quote.

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

+
Someone famous in Source Title
+
+
+
+ +
+
+
+

Description list alignment

+
+
+ +
+
+
+
+

+<dl class="row">
+   <dt class="col-sm-3">Description lists</dt>
+   <dd class="col-sm-9">A description list is perfect for defining terms.</dd>
+   <dt class="col-sm-3">Euismod</dt>
+   <dd class="col-sm-9">
+      <p>Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.</p>
+      <p>Donec id elit non mi porta gravida at eget metus.</p>
+   </dd>
+   <dt class="col-sm-3">Malesuada porta</dt>
+   <dd class="col-sm-9">Etiam porta sem malesuada magna mollis euismod.</dd>
+   <dt class="col-sm-3 text-truncate">Truncated term is truncated</dt>
+   <dd class="col-sm-9">Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</dd>
+   <dt class="col-sm-3">Nesting</dt>
+   <dd class="col-sm-9">
+      <dl class="row">
+         <dt class="col-sm-4">Nested definition list</dt>
+         <dd class="col-sm-8">Aenean posuere, tortor sed cursus feugiat, nunc augue blandit nunc.</dd>
+      </dl>
+   </dd>
+</dl>
+
+
+

Align terms and descriptions horizontally by using our grid system’s predefined classes (or semantic mixins). For longer terms, you can optionally add a .text-truncate class to truncate the text with an ellipsis.

+
+
Description lists
+
A description list is perfect for defining terms.
+
Euismod
+
+

Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.

+

Donec id elit non mi porta gravida at eget metus.

+
+
Malesuada porta
+
Etiam porta sem malesuada magna mollis euismod.
+
Truncated term is truncated
+
Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.
+
Nesting
+
+
+
Nested definition list
+
Aenean posuere, tortor sed cursus feugiat, nunc augue blandit nunc.
+
+
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Datum_UImodel/user-account-setting.html b/Datum_UImodel/user-account-setting.html new file mode 100644 index 0000000..4f4aa9f --- /dev/null +++ b/Datum_UImodel/user-account-setting.html @@ -0,0 +1,1128 @@ + + + + + + + + Datum | CRM Admin Dashboard Template + + + + + +
+
+
+
+ + +
+ +
+
+ +
+
+
+
+
+
+
+
+
+

Account Setting

+
+
+
+
+
+
+ + +
+
+ + +
+
+ + +
+
+ +
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+
+
+
+
+
+
+
+

Social Media

+
+
+
+
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+ + +
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Datum_UImodel/user-privacy-setting.html b/Datum_UImodel/user-privacy-setting.html new file mode 100644 index 0000000..b99a2e0 --- /dev/null +++ b/Datum_UImodel/user-privacy-setting.html @@ -0,0 +1,1146 @@ + + + + + + + + Datum | CRM Admin Dashboard Template + + + + + +
+
+
+
+ + +
+ +
+
+ +
+
+
+
+
+
+
+
+
+

Privacy Setting

+
+
+
+
+
+

Account Privacy

+
+ + +
+

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum + has been the industry's standard dummy text ever since the 1500s, when an unknown + printer took a galley of type and scrambled it to make a type specimen book

+
+
+
+

Activity Status

+
+ + +
+

It is a long established fact that a reader will be distracted by the readable content of + a page when looking at its layout. The point of using Lorem Ipsum is that it has a + more-or-less normal distribution of letters, as opposed to using 'Content here, content + here', making it look like readable English.

+
+
+
+

Story Sharing

+
+ + +
+

It is a long established fact that a reader will be distracted by the readable content of + a page when looking at its layout. The point of using Lorem Ipsum is that it has a + more-or-less normal distribution of letters, as opposed to using 'Content here, content + here', making it look like readable English.

+
+
+
+

Photo Of You

+
+ + +
+
+ + +
+

It is a long established fact that a reader will be distracted by the readable content of + a page when looking at its layout. The point of using Lorem Ipsum is that it has a + more-or-less normal distribution of letters, as opposed to using 'Content here, content + here', making it look like readable English.

+
+
+
+

Your Profile

+
+ + +
+
+ + +
+
+ + +
+
+ + +
+

It is a long established fact that a reader will be distracted by the readable content of + a page when looking at its layout. The point of using Lorem Ipsum is that it has a + more-or-less normal distribution of letters, as opposed to using 'Content here, content + here', making it look like readable English.

+
+
+
+

Login Notification

+
+ + +
+
+ + +
+

It is a long established fact that a reader will be distracted by the readable content of + a page when looking at its layout. The point of using Lorem Ipsum is that it has a + more-or-less normal distribution of letters, as opposed to using 'Content here, content + here', making it look like readable English.

+
+
+
+

Privacy Help

+ Support +
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Datum_UImodel/user-profile-edit.html b/Datum_UImodel/user-profile-edit.html new file mode 100644 index 0000000..7dd6358 --- /dev/null +++ b/Datum_UImodel/user-profile-edit.html @@ -0,0 +1,1299 @@ + + + + + + + + Datum | CRM Admin Dashboard Template + + + + + +
+
+
+
+ + +
+ +
+
+ +
+
+
+
+
+ +
+
+
+
+
+
+
+

Personal Information

+
+
+
+
+
+
+
+
+ profile-pic +
+ + + + +
+
+
+
+
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ +
+ + +
+
+ + +
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+
+
+
+
+
+
+

Change Password

+
+
+
+
+
+ + Forgot Password + +
+
+ + +
+
+ + +
+ + +
+
+
+
+
+
+
+
+

Email and SMS

+
+
+
+
+
+ +
+ + +
+
+
+ +
+ + +
+
+
+ +
+
+ + +
+
+ + +
+
+ + +
+
+
+
+ +
+
+ + +
+
+ + +
+
+ + +
+
+
+ + +
+
+
+
+
+
+
+
+

Manage Contact

+
+
+
+
+
+ + +
+
+ + +
+
+ + +
+ + +
+
+
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Datum_UImodel/user-profile.html b/Datum_UImodel/user-profile.html new file mode 100644 index 0000000..4dc62b6 --- /dev/null +++ b/Datum_UImodel/user-profile.html @@ -0,0 +1,1325 @@ + + + + + + + Datum | CRM Admin Dashboard Template + + + + + +
+
+
+
+ + +
+ +
+
+ +
+
+
+
+
+
+
+
+
+ profile-bg +

John Doe

+

Web Developer

+
+
+
+
+ + + +
+

[email protected]

+
+
+
+ + + +
+

(123) 123 1234

+
+
+
+ + + + +
+

USA

+
+ +
+
+
+
+
+
+
+ + + +

42+

+

Awards

+
+
+
+
+
+
+ + + +

3+ years

+

Experience

+
+
+
+
+
+
+ + + +

424+

+

Participated

+
+
+
+
+
+
+
+
+
+

About Me

+
+
+
+

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the + industry's standard + dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to + make a type specimen + book. It has survived not only five centuries, but also the leap into electronic typesetting, + remaining essentially + unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum + passages, and more + recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. +

+
Personal Skills
+
    +
  • + + + + Lorem ipsum dolor sit amet, + consectetur adipiscing elit.
  • +
  • + + + + Aliquam ultrices tellus in + auctor blandit.
  • +
  • + + + + Etiam tincidunt erat non + ante sagittis bibendum.
  • +
  • + + + + Nunc malesuada massa ut + nisl sollicitudin semper.
  • +
  • + + + + Fusce et arcu in dui feugiat finibus. +
  • +
+
Professional Skills
+
+ PHP + 90% +
+ +
+
+
+ MySQl + 85% +
+ +
+
+
+ React + 65% +
+ +
+
+
+ Node Js + 70% +
+ +
+
+
+ Angular Js + 55% +
+ +
+
+
+
+
+
+
+

Education Traning

+
+
+
+
    +
  • +
    + + + + + + + + + + +
    +
    +
    South Kellergrove Junior
    +

    Junior High School | Class of 2008

    +
    +
  • +
  • +
    + + + +
    +
    +
    Milchuer College
    +

    Master of Science in Computer Science | 2015

    +
    +
  • +
  • +
    + + + +
    +
    +
    Beechtown University
    +

    Bachelor of Science in Computer Science | 2013

    +
    +
  • +
  • +
    + + + + + + + + + + +
    +
    +
    South Kellergrove High
    +

    Senior High School | 2010

    +
    +
  • +
  • +
    + + + + + + + + + + +
    +
    +
    South Kellergrove Junior
    +

    Junior High School | Class of 2008

    +
    +
  • +
+
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Datum_UImodel/说明.htm b/Datum_UImodel/说明.htm new file mode 100644 index 0000000..4162b7a --- /dev/null +++ b/Datum_UImodel/说明.htm @@ -0,0 +1,62 @@ + + + + + + +йվվļ˵ + + + + + +
+
+

+

+ + + + + + + + + + +
 йվվļ˵

+   صĸļйվվ(www.chinaz.com) Ǵwww.chinaz.comصģϵǾٱվE-mail: sc@chinaz.com
+
+   ʹǰĶʹñվṩļ
+   1) վ֤ṩԺͰȫԡ
+   2) ʹǰ鶾 (ҲʹԴע)
+   3) ɱվṩijվغıվŲ
+   4) תرվṩԴɾ˵ļ
+   5) վṩijΪѼó漰ֺİȨд֪ͨǡE-mail: sc@chinaz.com + +

   κɵվ̳(chinaz.com)Եõļ֧֣

+

   ϵԱ: sc@chinaz.com
+   Ͷ: ads@chinaz.com   йվվΪйվṩ

+
+   + C H I N A Z . C O M                                            Powered by CHINAZ.STUDIO
+
+
+

+ +

+ + + + \ No newline at end of file