.login_container {
  display: flex;
  flex-direction: column;
  background-color: #F8F8F8;
  padding: 10px 45px 10px 45px;
}

.login_container>* {
  width: 100%;
}

.right_panel_content {
  margin: 20px;
  color: #fff;
}

.fill-space {
  /* This fills the remaining space, by using flexbox. 
     Every toolbar row uses a flexbox row layout. */
  flex: 1 1 auto;
}

.theme_button{
  width: 28px;
  height: 28px;
}

.whitepanel {
  color: white !important
}

.drawercontent{
  padding: 10px 45px 10px 45px;
  display: flex;
  flex-direction: column;
}

@media (min-width: 768px) {
  .login-page {
    padding: 7% 0 0 0;
  }
}

.login-page {
  transition: all 0.5s ease;
  max-width: 800px; 
  margin: auto;
}

body {
  background-image: url('/assets/css/img/bg.jpg') !important;
  background-color: #f6f6f6;
  margin: 0;
}

.news_nav {
  display: flex;
}

.news_nav a {
  padding: 8px;
}

.c_left {
  content: "";
  display: block;
  height: 30px;
  width: 30px;
  background: url("/assets/css/svg/l_oval_arrow.svg") center / contain no-repeat;
}

.c_right {
  content: "";
  display: block;
  height: 30px;
  width: 30px;
  background: url("/assets/css/svg/r_oval_arrow.svg") center / contain no-repeat;
}

.content{
  background-color:#fff;
  padding:6px;
  margin:0;
}