html {
  background: url(images/bg-login.png);
  font-family: Rubik;
}

.arrow-up {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 15px solid white;
  position: relative;
  bottom: 0;
  margin-right: auto;
  margin-left: auto;
}

#bg_pages {
  background: url(images/Pages.png) top / contain no-repeat;
  margin: 0px;
  margin-right: auto;
  margin-left: auto;
  background-color: rgba(0,0,0,0);
  border-style: none;
  border-top-style: none;
  opacity: 1;
  min-height: 630px;
  width: 100%;
  padding-top: 60px;
}

#Login-Form {
  border-radius: 15px;
  box-shadow: 10px 10px 16px #505e6c;
  background-color: rgb(255,255,255);
  width: 350px;
/*  height: 350px; */
  margin: auto;
  opacity: 1;
}

body {
  background-color: rgba(0,0,0,0);
  border-radius: 15px;
  font-family: Rubik, sans-serif;
  font-size: 1em;
}

#first_row {
  padding-top: 80px;
}

#login_header {
  height: 70px;
  background: url(images/bg-header.png);
  background-color: rgba(73,204,245,0);
  border-radius: 15px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-width: 3px;
  border-top-width: 10px;
  border-top-style: none;
  border-bottom: 5px solid #037CB2;
}

#login_header_image {
  margin-left: 50px;
/*  background: url(images/top-logo-bbs.png) center no-repeat; */
/*  background-color: #ffffff; */
  width: 165px;
  height: 70px;
/*  background-size: contain; */
  border: 5px solid white;
}

#around_form {
  padding-top: 25px;
}

.form_input {
  border-width: 1px;
  border-color: rgba(0,0,0,0.07);
  width: 90%;
/*  font-size: 10px; */
}

.form_label {
  margin-bottom: 0;
  margin-top: 15px;
}

#forgotten {
  text-align: right;
  font-size: 0.8em;
  color: #037CB2;
  margin-top: 5px;
}

.form-check-label {
  font-size: 0.8em;
}

#buttons {
  height: 60px;
}

#button_group {
  width: 100%;
  margin-top: 20px;
}

#button_cancel {
  margin-right: 10px;
  border-radius: 5px;
  font-size: 1.1em;
  background-color: rgba(0,123,255,0);
  color: #037CB2;
  border-style: solid;
  border-color: #037CB2;
  padding-top: 3px;
  padding-bottom: 3px;
}

#button_login {
  border-radius: 5px;
  font-size: 1.1em;
  background-color: #037CB2;
  border-color: #037CB2;
  padding-top: 3px;
  padding-bottom: 3px;
  margin-right: 10px;
}

#row_bbslogo {
  height: 30px;
}

#col_buttom_logo {
  background: url(images/logo-pp.png) center / 80% no-repeat;
  width: 80%;
  height: 30px;
}

#login_note {
/*  height: 100px; */
/*  width: 60%; */
  max-width: 350px;
  border-radius: 15px;
  margin-top: 50px;
  margin-right: auto;
  margin-left: auto;
}

#login_note_card {
  border-radius: 15px;
}

#news_col {
  border-style: solid;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left: 2px solid rgba(112,116,120,0.17);
}

#news_col h1 {
  text-align: center;
}

.news_logo {
  background: url(images/managed_IT.png) center / 120px no-repeat;
  height: 160px;
}

#around_form h1 {
  font-size: 2em;
}

.error {
	font-size: 0.8em;
}

.btn-agree {
	background-color: #037CB2;
	color: #FFFFFF;
	border: 1px solid #037CB2;
	border-radius: 5px;	
	padding: 5px 25px;
}

.btn-disagree {
	background-color: #FFFFFF;
	color: #037CB2;
	border: 1px solid #037CB2;
	border-radius: 5px;	
	padding: 5px 25px;
	margin-right: 15px;
}