Global styles

Layout

1400 px Width

Padding top : 30px
Padding bottom : 50px
Padding left : 20px
Padding right : 20px

Fonts (Heading)

H1: Helvetica Neue, Bold, 26px

H2: Helvetica Neue, Regular, 22px

H3: Helvetica Neue, Regular, 18px

H4: Helvetica Neue, Regular, 16px

H5: Helvetica Neue, Regular, 14px
H6: Helvetica Neue, Regular, 12px

Fonts (Text)

Body Text: Helvetica Neue, 14px

Info Text: Helvetica Neue, 14px

Nav Menu : Helvetica Neue, 14px

Sidebar Menu Title : Helvetica Neue, Bold, 12px

Nav Sidebar Menu : Helvetica Neue, 14px

Colors

Primary / Heading

#23284F

Background

#FFFFFF

Container

#FAFAFC

Accent line

#D4D4D4

Green container

#DFF0D8

Green notice (New / Best)

#4db34d

Blue notice (Info)

#41B6EA

Red notice (Alert / Error)

#ff3333

Text

#212529

Button Default

#0D6EFD

Primary Button Hover

#0A58CA

Secondary Button Hover

#DAF3FF

Hyperlink

#0088CC

Buttons & Links

Regular Button
Font: Helvetica Neue, 16px
Border radius: 6px,6px,6px,6px
Padding: 10px,12px,10px,12px
Background Color: #0D6EFD
Text Color: #FFFFFF

Primary Button Hover
Font: Helvetica Neue, 16px
Border radius: 6px,6px,6px,6px
Padding: 10px,12px,10px,12px
Background Color: #0A58CA
Text Color: #FFFFFF

Secondary Button
Font: Helvetica Neue, 16px
Border width: 1px,1px,1px,1px
Border radius: 6px,6px,6px,6px
Padding: 6px,8px,6px,8px
Background color: #FFFFFF
Border Color: #0D6EFD
Text Color: #0D6EFD

Secondary Button Hover
Font: Helvetica Neue, 16px
Border width: 1px,1px,1px,1px
Border radius: 6px,6px,6px,6px
Padding: 6px,8px,6px,8px
Background color: #DAF3FF
Border Color: #0D6EFD
Text Color: #0D6EFD

This is hyperlink

Hyperlink
Font: Helvetica Neue, 16px
Button Color: #0088CC

This is hyperlink

Hyperlink Hover
Font: Helvetica Neue, 16px
Button Color: #0088CC

Badges

Regular Badge
Font: Helvetica Neue Bold, 14px
Border radius: 6px
Padding: 5px,5px,5px,5px
Button Color: #468847
Text Color: #FFFFFF

Containers

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Regular container
Border radius: 6px,6px,6px,6px
Padding: 20px,20px,20px,20px

Forms

Regular form
Columns gap: 10px
Rows gap: 10px
Filed border width: 1px,1px,1px,1px
Field border radius: 6px,6px,6px,6px

Tables

Regular table
Padding cells: 10px,10px,10px,10px

Latest Training

Seguridad sanitaria COVID-19

12/05/2020

€1.00

Seguridad sanitaria COVID-19

12/05/2020

€1.00

Seguridad sanitaria COVID-19

12/05/2020

€1.00

Responsive table
Padding cells: 20px,20px,20px,20px
Desktop containers sizes: 10%,45%,15%,10%,20%
Responsive containers sizes: 100%,100%,100%,100%,100%

Tabs

Client

Company name:

SART SL

Address line 1:

 TERMINAL DE AVIACION GENERAL

Address line 2:

AEROPUERTO DE MALAGA

Zip code:

29004

Country:

ESPAñA

EU VAT number

B29035961

Company e-mail:

SART@SARTHANDLING.ES

Company phone:

952048328

Company fax:

952048327

Industry sector:

Agente de Handling

Billable:

Yes

Suspended:

No

Disable automatic blocking

No

Deleted

No

Client

Company name:

SART SL

Address line 1:

 TERMINAL DE AVIACION GENERAL

Address line 2:

AEROPUERTO DE MALAGA

Zip code:

29004

Country:

ESPAñA

EU VAT number

B29035961

Company e-mail:

SART@SARTHANDLING.ES

Company phone:

952048328

Company fax:

952048327

Industry sector:

Agente de Handling

Billable:

Yes

Suspended:

No

Disable automatic blocking

No

Deleted

No

Client

Responsive tab
Padding cells: 20px,20px,20px,20px
Desktop containers sizes: 30%,70%
Responsive containers sizes: 100%,100%,100%,100%,100%

Edit field

Edit field
Rows gap: 20px
Filed border width: 1px,1px,1px,1px
Field border radius: 6px,6px,6px,6px