/*!
 * Bootstrap Grid v4.0.0 (https://getbootstrap.com)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*
    variables
*/
/*
    buttons STYLE
*/
@import "https://fonts.googleapis.com/css2?family=Source+Sans+Pro&display=swap";
.text-link {
  text-decoration: underline;
  color: #A78B69;
  cursor: pointer; }

.btn-gold, .btn-success {
  background: #A78B69;
  border-color: #A78B69;
  color: #fff; }
  .btn-gold:hover, .btn-gold:active, .btn-success:hover, .btn-success:active {
    background: #000000 !important;
    color: #fff;
    border-color: #000000 !important; }
  .btn-gold:focus, .btn-success:focus {
    box-shadow: none; }

.btn-outline-dark.bg-white:hover {
  background: #404041 !important;
  color: #fff;
  border: 1px solid #fff; }

.btn-icon {
  border: 1px solid #000;
  width: 35px;
  height: 35px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer; }
  .btn-icon:hover {
    background: #fff;
    color: #000; }
  .btn-icon.btn-gold {
    border: 1px solid #A78B69; }

.btn-tooltip {
  position: relative; }
  .btn-tooltip.active {
    background: #404041;
    color: #fff; }
  .btn-tooltip span {
    display: none;
    top: -19px;
    color: #fff;
    position: absolute;
    font-size: 12px;
    white-space: nowrap; }
  .btn-tooltip.btn-outline span {
    color: #000000; }
  .btn-tooltip:hover span {
    display: block; }

.btn-outline:hover {
  background: #404041;
  color: #fff; }

button.btn-outline {
  background: #fff; }

.btn-outline-white {
  border: 1px solid #fff;
  background: none;
  color: #fff; }
  .btn-outline-white.text-gold {
    color: #A78B69; }

.dropdown-menu {
  border-radius: 0;
  border: 1px solid #000;
  padding: 10px;
  margin-top: -2px; }

.nav-link.disabled {
  pointer-events: none;
  cursor: auto; }

button.badge {
  border: 0; }

.btn-footer-container {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative; }

/*
    boxes STYLE
*/
.outline-box {
  border: 1px solid #000000;
  padding: 1.5em; }
  .outline-box .header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1.5rem; }
  .outline-box .footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 1.5em; }

.outline-gold {
  border: 1px solid #A78B69; }

.outline-box-container {
  /*
  padding-left: 0;
  padding-right: 0;
  &-left {
    padding-left: 0;
    @media (max-width: 768px) {
      padding-left: 0;
      padding-right: 0;
    }
  }
  &-right {
    padding-right: 0;
    @media (max-width: 768px) {
      padding-left: 0;
      padding-right: 0;
    }
  }*/ }

.dark-box {
  background: #404041;
  padding: 1.5em; }

.doc_item {
  background: #404041;
  padding: 1em;
  color: #fff;
  height: 180px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column; }
  .doc_item .doc_item_meta {
    -ms-flex-positive: 1;
    flex-grow: 1; }

/*
    forms STYLE
*/
.form-group input:not([type='checkbox']):not([type=radio]) {
  display: block;
  width: 100%;
  padding: .75rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #000000;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #000000;
  border-radius: 0;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  margin-bottom: 1em; }

.form-group input:focus {
  outline: none; }

.form-group input[type='checkbox'] {
  margin-right: 0.5em; }

.form-group .checkbox label {
  cursor: pointer; }

.form-group .input-small {
  height: 38px; }

.input-group {
  border-radius: 0; }
  .input-group .input-group-text {
    border-radius: 0;
    border: 1px solid #000000;
    background: #404041;
    color: #fff;
    height: 50px; }
  .input-group .form-group {
    margin-bottom: 0;
    -ms-flex: 1;
    flex: 1; }
    .input-group .form-group input {
      margin-bottom: 0; }

.input-group.dark input {
  background: #404041;
  border: 1px solid #fff;
  border-radius: 0;
  margin-right: -1px;
  color: #fff; }
  .input-group.dark input:-ms-input-placeholder {
    color: #fff; }
  .input-group.dark input::placeholder {
    color: #fff; }

.input-group.dark button {
  border: 1px solid #fff;
  color: #fff;
  background: #404041; }

.form-control {
  border: 1px solid #000;
  border-radius: 0;
  color: #000; }
  .form-control:focus {
    border-color: #A78B69;
    box-shadow: none; }

.search-submit {
  border: none;
  position: absolute;
  right: 1px;
  height: calc(100% - 2px);
  width: 40px;
  z-index: 3;
  background: #fff;
  top: 1px; }

/* toggle form */
.checkbox label .toggle {
  margin-left: 0 !important; }
  .checkbox label .toggle .btn {
    line-height: 1.3em;
    background: #fff; }
  .checkbox label .toggle .btn-primary {
    background-color: #A78B69;
    border-color: #A78B69;
    box-shadow: none; }
  .checkbox label .toggle .toggle-handle {
    padding: 3px;
    background: #fff;
    border-left: 1px solid #000;
    border-right: 1px solid #000; }
  .checkbox label .toggle.btn-primary {
    border: 1px solid #000;
    min-width: 60px;
    min-height: 34px; }
  .checkbox label .toggle.btn-default {
    border: 1px solid #000;
    min-width: 60px;
    min-height: 34px; }

.form-group .bootstrap-tagsinput {
  border: 1px solid #000;
  border-radius: 0; }
  .form-group .bootstrap-tagsinput input {
    border: none !important; }
  .form-group .bootstrap-tagsinput .label-info {
    background-color: #000000;
    padding: 3px 7px; }

.bootstrap-select.btn-group button {
  background: #fff;
  border: 1px solid #000000; }

.bootstrap-select.btn-group .dropdown-menu.inner {
  display: block; }

.bootstrap-select.btn-group .dropdown-menu {
  border-radius: 0;
  margin-top: -1px;
  border: 1px solid;
  padding: 10px; }

.bootstrap-select.btn-group .dropdown-toggle:after {
  border-right: 2px solid #000000;
  border-bottom: 2px solid #000000; }

.bootstrap-select.btn-group ul li.selected {
  color: #A78B69; }

.bootstrap-select.btn-group .form-control {
  border: 1px solid #000;
  background: #fff;
  color: #000; }

.traffic-light {
  width: 55px;
  height: 40px;
  border: none;
  position: relative;
  font-size: 0; }
  .traffic-light.active:after {
    content: "\f00c";
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 30px; }
  .traffic-light.green {
    background: #00BA27 !important;
    color: #00BA27; }
  .traffic-light.amber {
    background: #FFC500 !important;
    color: #FFC500; }
  .traffic-light.red {
    background: #FF0000 !important;
    color: #FF0000; }

/*
    header STYLE
*/
#fmp-menu {
  display: none; }

#header {
  width: 100%;
  height: 90px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0;
  box-shadow: none;
  z-index: 998; }
  #header .logo {
    display: -ms-flexbox;
    display: flex;
    height: 100%; }
    #header .logo .hamburger {
      display: none; }
  #header .navbar-brand {
    background: url(../../static/images/SENPro-logo-1.svg) center/contain no-repeat;
    width: 200px;
    padding: 0;
    margin-left: 20px; }
  #header .nav-pills .nav-link {
    border-radius: 0;
    height: 90px;
    width: 90px;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.3em;
    position: relative; }
    #header .nav-pills .nav-link:hover, #header .nav-pills .nav-link.active {
      background: #404041;
      color: #fff; }
  #header .nav-pills .show > .nav-link {
    background: #404041;
    color: #fff; }
  #header .dropdown-toggle::after {
    display: none; }

/*
    footer STYLE
*/
.footerCont {
  padding: 30px 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  margin-top: 100px; }

.footerCont a {
  color: #404041; }

body {
  font-family: 'Source Sans Pro', sans-serif; }

p {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 1.1em;
  font-weight: 300;
  line-height: 1.7em; }

a,
a:hover,
a:focus {
  color: inherit;
  text-decoration: none;
  transition: all 0.3s; }

.line {
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #ddd;
  margin: 40px 0; }

h1 {
  font-size: 24px; }

.btn {
  border-radius: 0; }

#header .logo {
  height: 60px; }

body div > .container {
  min-height: 700px; }

@media (max-width: 480px){
  .btn-group .btn{
    margin-bottom: 10px; }
  #header .nav-pills .nav-link{
    height: 60px;
    width: 50px;
    font-size: 1.1em; }
  .anonymous .nav-pills .btn{
    font-size: 0.8em; } }

@media (min-width: 768px){
  .btn-footer-container:before{
    content: "";
    width: 80%;
    border-bottom: 1px solid #000;
    opacity: 0.1;
    top: 50%;
    position: absolute;
    z-index: -1; }
  .btn-footer-container .btn{
    position: relative; }
  .btn-footer-container .btn:before{
    content: "";
    width: 150%;
    height: 100%;
    background: #fff;
    position: absolute;
    z-index: -1;
    top: 0;
    left: -25%; } }

@media (max-width: 768px){
  .outline-box{
    padding: 1em; } }

@media (max-width: 1100px){
  .anonymous #header .navbar-brand{
    margin-left: 5px; }
  #header{
    height: 60px;
    margin-bottom: 20px; }
  #header .navbar-brand{
    width: 120px;
    margin-left: 0;
    margin-right: 0; }
  #header .nav-pills .nav-link{
    outline: none;
    height: 60px;
    width: 60px;
    font-size: 1.1em; }
  h1{
    font-size: 20px; } }

@media (max-width: 900px){
  #header .logo .hamburger{
    display: -ms-flexbox;
    display: flex; } }

@media (min-width: 1024px){
  .footerCont{
    position: absolute;
    bottom: 0;
    width: calc(100% - 90px); } }