* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box !important;
}

html {
  height: 100% !important;
  overflow: hidden;
}
body {
  margin: 0;
  min-height: 100% !important;
  background-color: #919191;
  overflow: auto;

}





.transparent {
  position: relative !important;
  max-width: 100% !important;
  max-height: 100% !important;
  background: linear-gradient(to right bottom,rgba(43, 44, 78, .5),rgba(104, 22, 96, .5)) !important;
  background-size: cover !important;
}
/*.transparent:before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
}*/

.form-transparent {
  position: relative !important;
  max-width: 600px !important;
  padding: 60px 16px !important;
  margin: 00px auto 0 !important;
  background-color: #919191 !important;
  background-size: cover !important;
}
.form-transparent:before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background: linear-gradient(to right bottom,rgba(43, 44, 78, .5),rgba(104, 22, 96, .5)) !important;
}


.form-inner {position: relative !important;}
.form-inner h3 {
  position: relative !important;
  margin-top: 0 !important;
  color: white !important;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 300 !important;
  font-size: 26px !important;
  text-transform: uppercase !important;
}
.form-inner h3:after {
  content: "" !important;
  position :absolute !important;
  left: 0 !important;
  bottom: -6px !important;
  height: 2px !important;
  width: 60px !important;
  background: #1762EE !important;
}

.form-inner label {
  display: block !important;
  padding-left: 15px !important;
  font-family: 'Roboto', sans-serif !important;
  color: rgba(255,255,255,.6) !important;
  text-transform: uppercase !important;
  font-size: 14px !important;
}

.form-inner input {
  display: block !important; 
  width: 100% !important;
  padding: 0 15px !important;
  margin: 10px 0 15px !important;
  border-width: 0;
  line-height: 40px;
  border-radius: 20px !important;
  color: white;
  background: rgba(255,255,255,.2);
  font-family: 'Roboto', sans-serif;
  box-sizing: border-box !important;
}

.form-inner input[type="submit"] {
	background: #1762EE !important;
	
	overflow: auto;
	min-width: 280px; /*suggest a min-width & min-height*/
	min-height: 40px;
	margin: 10px 0 15px !important;
}
#link {
	background: #FF0000 !important;
}


.form-transparent-link {
  position: relative !important;
  max-width: 600px !important;
  padding: 20px 16px !important;
  margin: 00px auto 0 !important;
  background-color: rgba(0, 0, 0, 0) !important;
  background-size: cover !important;
}
.form-transparent-link:before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background-color: rgba(0, 0, 0, 0) !important;
}
.form-transparent-link: input[type="submit"] {
	
	overflow: auto;
	min-width: 280px; /*suggest a min-width & min-height*/
	min-height: 40px;
	margin: 10px 0 15px !important;
}
a {
     text-decoration: none;
     color: #0f7afc;
     border-bottom: 1px solid;
     border-bottom-color: rgba(15, 122, 252, 0.2);
     font-family: 'Roboto', sans-serif !important;
	 font-weight: 300 !important;
	 font-size: 18px !important;
}
a:hover {
     text-decoration: none;
     color: #cf0000;
     border-bottom-color: rgba(208, 64, 0, 0.2);
}
a:visited {
     text-decoration: none;
     color: #800080;
     border-bottom-color: rgba(128, 0, 128, 0.2);
}

.scrollable-element {
  scrollbar-color: dark;
}