.django-plotly-dash-direct{
  width: 100%;
}

.main-background{
  background-color: white;/*rgba(136, 149, 158, 0.9)*/
}

.ljmu_footer{
  font-size: 8px;
  background-color: #001f4e;
  margin-left: 0;
  margin-right: 0;
}

.ljmu_footer span{
  margin-right: 150px;
}

.user-profile-news{
  text-align: center;
}
.user-profile-news table{
  margin:50px;
  margin-left:auto;
  margin-right:auto;
  border-spacing: 10px;
  border-collapse: separate;
}
.user-profile-news table th,
.user-profile-news table td {
  border-bottom: 1px dotted #717171;
}
.user-profile-news table td { 
    padding: 10px;
}
.user-profile-news  h1{
  text-align: center;
  font-size: 20px;
}
.user-profile-news h1 span.name{
  font-size:20px;
}
.user-profile-news ul{
  margin-top:30px;
  list-style-type: none;
}
.user-profile-news  span.name{
  font-size:16px;
  padding:25px;
  color:#717171;
}

.card {
  width: 100%;
}
.social-container {
  display: flex;
  justify-content: center;
}
.btn a, .btn a:hover {
  color: white;
  text-decoration: none ;
}

.home-link{
  margin-left:-20px;
}
.brand-founding{
  border-width: 0px;
  padding: 0;
  height: 84px;
}

.brand{
  border-width: 0px;
  padding: 0;
  height: 50px;
}
.brand.larger{
  height: 80px;
}
.login-btn{
  height:80px;
}
.login .table{
  border:none;
}
.login .table td{
  border:none;
}

.icon-d{
  width:20px;
}

.brand-founding.ljmu{
  padding: 1px 1em 1px 2px;
  
}

.home-link{
color:black;
font-weight: bolder;
width: 20px;
}
.home-link:active,
.home-link:visited,
.home-link:link,
.home-link:hover{
border-width: 0px;
outline: 0;
text-decoration: none;
}


.footer{
  font: Regular 20px/27px Nunito Sans;
  letter-spacing: 0px;
  text-align: center;
  color:white;
  
}

.bottom-footer{
background-color: #009933;
/*background-color: #A7A7A7;*/
padding-top:7px;
padding-left:27px;
padding-right:27px;
}

.selected-page-link{
  box-shadow: 0 0 12px 1px white;
}

.page-name{
  color:white;
  font-weight: bold;
  text-transform: capitalize;
  letter-spacing: 1px;
  font-size: 18px;
  line-height: 19px;
}

.contact{
  text-align: left;
  margin-bottom: 10px;
}

.contact i{
display:block;
font-style: normal;
}

.brand-block{
  margin-bottom:44px;
}

.footer a{
  margin:3px;
  width:50px;
  color:white;
}
.footer a:hover{
  text-decoration: none;
  font-weight: bold;
}

.file-accepted{
  color:green;
  font-weight: bold;
}

#browser_map { min-height: 600px; }
.leaflet-tile { border-width:0px; }
.modal { overflow: auto !important; }


.listkpi{
  display:block;
}

.force-parent-lh {
  line-height: inherit !important;
}


.container-reset{
  position:relative;margin-left:auto;margin-right:auto;padding-right:15px;padding-left:15px}
@media (min-width:576px){.container-reset{padding-right:15px;padding-left:15px}}
@media (min-width:768px){.container-reset{padding-right:15px;padding-left:15px}}
@media (min-width:992px){.container-reset{padding-right:15px;padding-left:15px}}
@media (min-width:1200px){.container-reset{padding-right:15px;padding-left:15px}}



.header-front-page{

  background-color: #009933;
  /* background-color: #A7A7A7; */
}
.header-front-page button, .header-front-page a{
  text-transform: uppercase;
}

.form-spacing{
  width: 100%;
  padding: 3px 8px;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 4px;
  background-color: #f8f8f8;
}

.form-item{
  padding: 5px 0px 10px;
  padding-right:5%;
  padding-left: 5%;
}

textarea {
  height: 120px;
  resize: none;
}

.captcha{
  width: 130px;
  height: auto;

}

.password-form-item{
  padding-bottom: 10px;
  width: 100%;

}

.alert alert-warning{
  padding-top: 5px;
}

.btn-group {
  width: 100%;
}

.btn-group .btn .btn-success {
  width: 48%;
  padding-bottom:10px;
  padding-top:10px;
}

#userdatatable .leftcol {
  text-align:right;
  white-space: nowrap;
  width:1%;
}

#userdatatable em{
  color:#717171;
}