:root {
    --prim_color: #33bab2;
    --prim_color_darker: #169990;
    --clean_color: #00E676;
}
@font-face {
  font-family: 'font-reg';
  src: url('/static/fonts/Roboto/Roboto-Light.ttf')  format("truetype");
}
@font-face {
  font-family: 'font-bold';
  src: url('/static/fonts/Roboto/Roboto-Medium.ttf')  format("truetype");
}

h1, h2, h3 {
    margin-bottom: 20px;
    color: #ff5722;
}
a {
    color: #33BAB2;
}
a:hover, a:active, a:focus {
    color: #30baa9;
}
body {
    font-family: 'font-reg';
}
.btn-primary {
    background-color: #33BAB2;
    border-color: #30baa9;
    border-radius: 0px;
}
.btn-primary:focus, .btn-primary:hover, .btn-primary:active {
    background-color: #30baa9;
    border-color: #30baa9;

}
.form-control {
    margin-bottom: 5px;
    border-radius: 0px;
}
.panel {
    border-radius: 0px;
}
.panel-heading {
    border-bottom: 0 solid transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.form-control:focus {
  border-color: var(--prim_color) !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px var(--prim_color) !important;
}
.navbar .navbar-toggle .icon-bar {
    background-color: rgb(150,150,150);
}

th {
    font-family: font-bold !important;
}
table {
    background-color: white;

}