/* Colour Setup */
:root{
  --accent-colour: #ef3c42;
  --accent-colour-darker: #c63237;
  --bg-colour: #343436;
}

.table tr:hover
{
  background-color: #fafafa24 !important;
}

#profile-side-layer
{
  background-color: rgba(0, 0, 0, 0.35);
  width: 100%;
  height: 100%;
}

.pt-4 {
  padding-top: 20px !important;
}

.img-avatar-circle {
  transition: none !important;
  background-color: white;
  display: none;
}

.ms-slidebar .ms-slidebar-header{
  background-image: url(../img/home.jpg);
}

.profile-side-nav{
  /*display: none; */
}

/* BG Styling */
body{
  height: 95vh!important;
}

body .ms-site-container
{
  background-image: url('../img/fire-pattern-bw.jpg');
  background-size: cover;
  background-color: var(--bg-colour)!important;
  min-height: 100%;
}

body .bg-layer{
  background-color: rgba(68, 67, 67, 0.97);
  min-height: 95vh;
}

/* Footer Styling */
.ms-footer{
  background-color: black !important;
  bottom: 0;
  width: 100%;
}

.btn-circle.btn-circle-raised.btn-circle-primary{
  background-color: var(--accent-colour);
}

.btn-circle.btn-circle-raised.btn-circle-primary:before{
  background-color: var(--accent-colour-darker);
}
/* Nav & Head Styling */
.ms-header.ms-header-dark {
  background-color: black !important;
}

.ms-header-dark {
  background-color: black !important;
}

.ms-navbar-dark {
  background-color: black !important;
}

.ms-logo {
  background-color: var(--accent-colour);
}

.ms-hero-bg-dark-light:after{
  background-color: rgba(68,68,68,.35);
}

/* Form Styling */
.card.card-primary{
  border-bottom: solid 3px var(--accent-colour);
}

.form-control, .form-group.form-control{
  background-image: linear-gradient(#ef3c42,#ef3c42),linear-gradient(#d2d2d2,#d2d2d2) !important;
}

.btn.btn-raised.btn-primary, .btn.btn-fab.btn-primary {
    background-color: var(--accent-colour);
}

.checkbox input[type=checkbox]:checked+.checkbox-material .check, label.checkbox-inline input[type=checkbox]:checked+.checkbox-material .check{
  color: var(--accent-colour);
  border-color: var(--accent-colour);
}

.checkbox input[type=checkbox]:checked+.checkbox-material .check:before, label.checkbox-inline input[type=checkbox]:checked+.checkbox-material .check:before{
  color: var(--accent-colour);
}

.checkbox input[type=checkbox]:checked+.checkbox-material:after, label.checkbox-inline input[type=checkbox]:checked+.checkbox-material:after
{
  background-color: var(--accent-colour);
}

.btn.btn-raised:not(.btn-link):hover.btn-primary, .btn.btn-raised:not(.btn-link):active.btn-primary, .btn.btn-raised:not(.btn-link):focus.btn-primary{
    background-color: var(--accent-colour-darker);
}

/* Profile Side Styling */
.ms-hero-img-coffee{
  background-image: url(../img/home.jpg);
}

.profile-side-details h3{
  margin: 1rem 0;
}

.ms-hero-bg-primary:after{
  background-color: rgba(68,68,68,.35);
}

.color-primary{
  color: #ee3b41 !important;
}
/* Log-In Styling */
.ms-hero-img-airplane{
  background-image: url(../img/fire_extinguishers.jpg);
}

.ms-hero-img-mountain {
  background-image: url(../img/home.jpg);
}

.nav.nav-tabs-transparent.indicator-primary li a.active{
  color: #ee3b41 !important;
}

.nav.nav-tabs.indicator-primary .ms-tabs-indicator{
  background-color: #ee3b41;
}
/* Form Styling */
.dropdown-item.active, .dropdown-item:active{
/*  background-color: rgb(156, 238, 117)!important; */
  background-color: rgb(255, 107, 107)!important
}

.no-margin{
  margin-right: 0px !important;
}

.checkbox label .checkbox-material {
     margin-right: 0px !important;
}
/*
.radio input[type=radio], label.radio-inline input[type=radio]{
  opacity: 1 !important;
  height: 30px !important;
  width: 30px !important;
}
*/
.checkbox input[type=checkbox], label.checkbox-inline input[type=checkbox]{
  opacity: 1 !important;
  height: 30px !important;
  width: 30px !important;
  position: inherit;
}

/* List View Styling */
.list-group a.list-group-item.active{
  background-color: var(--accent-colour) !important;
}

.list-group a.list-group-item.active:hover, .list-group a.list-group-item.active:focus{
  background-color: var(--accent-colour-darker) !important;
}

.list-group a.list-group-item.active{
  border-color: var(--accent-colour-darker) !important;
}

.colour-radio label{
  text-align: left !important;
}
/*
.ms-header{
    margin-bottom: 30px;
}
*/
/* MOBILE STYLING PROFILE SIDE*/
@media screen and (max-width: 990px) {

  header{
    margin-bottom: 0px;
  }

  .ms-navbar.navbar .container{
    width: 100%;
  }

  .profile-side div{
    max-height: 500px;
  }

  .profile-side .img-avatar-circle{
    display: none;
  }

  .profile-side .card-body{
    padding-top: 5px !important;
  }

  .profile-side-details{
    display: none;
  }

  .profile-side h3{
    padding-top: 5px !important;
  }

  .profile-side{
    display: none;
  }

  .profile-side-nav{
    display: block;
    margin-bottom: 15px;
  }

}

.timelineBtn{
  float: right;
  margin-right: 10px;
}

@media screen and (max-width: 490px) {
  .timelineBtn{
    margin: 5px 10px;
    float: none;
    width: 94%;
  }

  #clientEditBackBtn{
    font-size: 12px;
  }
}