body {
    background: #fefefe;
    font-family: 'Open Sans', sans-serif;
    min-width: 375px;
    /* background: linear-gradient(90deg, rgba(0,159,255,1) 0%, rgba(236,47,75,1) 100%); */
}

.navbar {
    border-bottom: 1px solid #dfe1e5;
}

.supplyes-font {
    font-family: 'Comfortaa', cursive;
} 

.fs-headline
{
    font-size: 2.5em;
}

.card {
    /* border: 1px solid #eee; */
    border-radius: 10px;
}

/* COLORS */
.primary-color {
    color:#009FFF;
}
.primary-bg-color {
    background-color:#009FFF;
}

.primary-bg-color-dark {
    background-color: #0059ff;
}

.secondary-color {
    color:#ec2F4B;
}
.secondary-bg-color {
    background-color:#ec2F4B;
    color: #fff;
}

.text-muted-color {
    color: rgba(0, 0, 0, 0.541);
    font-size: 1rem;
}

.background-gradient {
 background: linear-gradient(90deg, rgba(0,159,255,1) 0%, rgba(236,47,75,1) 100%); 
}

span.headline-gradient {
    font-weight: bold;
    background: linear-gradient(90deg, rgba(0,159,255,1) 0%, rgba(236,47,75,1) 100%); 
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.btn {
    border-radius: 10px;
    font-family: 'Comfortaa', cursive;
}

.btn-light {
    border-radius: 10px;
    border: none; 
    color: #000;
    background-color: #fff;
}

.btn-light:hover {
    border-radius: 10px;
    border: none; 
    color: #000;
    background-color: #eee;
}

.btn-light-border {
    border-radius: 10px;
    border: 1px solid #eee; 
    color: #000;
    background-color: #fff;
}

.btn-light:focus
{
    background-color: #ffffff;
    border-color: #ffffff;
    box-shadow: none;
}

.btn-light:not(:disabled):not(.disabled):active:focus {
    box-shadow: none;
}

.btn-light:not(:disabled):not(.disabled):active{
    background-color: #ffffff;
}

.btn-light-border:hover {
    border-radius: 10px;
    border: 1px solid #eee; 
    color: #000;
    background-color: #eee;
}

.btn-primary {
    border-radius: 10px;
    border: none; 
    color: #fff;
    background-color: #0059ff;
}

.btn-primary:hover {
    border-radius: 10px;
    border: none; 
    color: #fff;
    background-color: #0044ff;
}

.btn-secondary {
    border-radius: 10px;
    border: none; 
    color: #fff;
    background-color: #ec2F4B;
}

.btn-secondary:hover {
    border-radius: 10px;
    border: none; 
    color: #fff;
    background-color: #c40000;
}

.container-sm {
    max-width: 680px !important;
}

.line {
    border-top: 1px solid #eee;
}

.checkbox-big input[type=checkbox] 
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.5); /* IE */
  -moz-transform: scale(1.5); /* FF */
  -webkit-transform: scale(1.5); /* Safari and Chrome */
  -o-transform: scale(1.5); /* Opera */
  transform: scale(1.5);
}

/* TABLE */
.table thead th {
    font-size: 1.25rem;
    border-top: none;
    border-bottom: 2px solid #eee;
}

.borderless td{
    border-top: none;
    border-bottom: none;
    font-size: 1rem;
}

.display-none {
    display: none;
}

/* MODAL */ 

.modal-header
{
    border-bottom: none; 
}

.modal-header .modal-title
{
    text-align: center;
}