﻿
@font-face {
    font-family: 'Lexend';
    src: url('fonts/Lexend-Regular.ttf') format('truetype');
    font-weight: 400; /* Normal */
    font-style: normal;
}
@font-face {
    font-family: 'Lexend';
    src: url('fonts/Lexend-Bold.ttf') format('truetype');
    font-weight: 700; /* Bold */
    font-style: normal;
}

@font-face {
    font-family: 'Lexend';
    src: url('fonts/Lexend-Light.ttf') format('truetype');
    font-weight: 300; /* Light */
    font-style: normal;
}

@font-face {
    font-family: 'Lexend';
    src: url('fonts/Lexend-Thin.ttf') format('truetype');
    font-weight: 100; /* Thin */
    font-style: normal;
}

@font-face {
    font-family: 'Lexend';
    src: url('fonts/Lexend-Medium.ttf') format('truetype');
    font-weight: 500; /* Medium */
    font-style: normal;
}

@font-face {
    font-family: 'Lexend';
    src: url('fonts/Lexend-SemiBold.ttf') format('truetype');
    font-weight: 600; /* SemiBold */
    font-style: normal;
}

@font-face {
    font-family: 'Lexend';
    src: url('fonts/Lexend-Black.ttf') format('truetype');
    font-weight: 900; /* Black */
    font-style: normal;
}

@font-face {
    font-family: 'Lexend';
    src: url('/fonts/Lexend-ExtraBold.ttf') format('truetype');
    font-weight: 800; /* ExtraBold */
    font-style: normal;
}

@font-face {
    font-family: 'Lexend';
    src: url('fonts/Lexend-ExtraLight.ttf') format('truetype');
    font-weight: 200; /* ExtraLight */
    font-style: normal;
}
body {
    font-family: 'Lexend', Arial, sans-serif !important;
    font-size: 14px!important;
}
/* Set padding to keep content from hitting the edges */
.body-content {
    margin-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

:root {
    --text-primary: black;
    --text-highlight: #4CAF50;
    --text-secondary: #80CBC4;
    --text-muted: #757575;
    --text-error: #C20000;
    --background-main: #FFFFFF;
    --background-secondary: #F5F5F5;
    --background-grey: #F7F8F9;
    --primary-color: #003366;
    --secondary-color: #4CAF50;
    --sub-btn-color: #009BA1;
    --color-orange: #F2711C;
    --sub-color: #4CAF50;
    --accent-color: #80CBC4;
    --alert-error: #FF5252;
    --alert-warning: #FFC107;
    --btn-hover-color: #F0F8FF;
}

