/*************************
*******Typography******
**************************/
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,400italic,500,700,100);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,800,300,600,700);
@import url(https://fonts.googleapis.com/css?family=Abel);

@font-face {
    font-family: BankGothic;
    src: url(../fonts/BankGothic.eot);
    src: url('../fonts/BankGothic.eot?#iefix') format('embedded-opentype'),
         url(../fonts/BankGothic.ttf) format('truetype');
}

body {
  font-family: 'Roboto', sans-serif;
  position: relative;
  font-weight:400px;
}

a:hover {
outline: none;
text-decoration:none;
}

a:focus {
  outline:none;
  outline-offset: 0;
}

a {
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
}

.form_title {
  color: #FFFFFF;
  font-family: 'BankGothic', sans-serif;
  font-size: 30px;
  font-weight: 300;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
}

.form_content {
	padding-top: 5px;
	padding-left: 20px;
	padding-right: 20px;
	overflow: hidden;
}

.form_content_label {
  padding-left: 20px;
  padding-right: 10px;
  color: #FFFFFF;
  font-family: 'Abel', sans-serif;
  font-size: 18px;
  font-weight: 300;
  margin-top: 10px;
  float: left;
}

.form_content textarea {
	margin-left: 20px;
	margin-right: 10px;
	width: 100%;
	margin-top: 10px;
	font-size: 16px;
	color: #000000;
	background-color: #FFFFFF;
	overflow: hidden;
}

.form_content span {
	overflow: hidden;
	padding-right: 20px;
	display:block;
}

.form_content span input {
	margin-top: 10px;
	font-family: 'Abel', sans-serif;
	font-size: 18px;
	font-weight: 300;
	float: left;
}

#design_doc {
	color: #FFFFFF;
}

.form_content div span select {
	margin-top: 10px;
	font-family: 'Abel', sans-serif;
	font-size: 18px;
	font-weight: 300;
	float: left;
}

.underline_input_box {
	width: 100%;
	font-size: 16px;
	color: #FFFFFF;
	background-color: transparent; 
	border-style: solid; 
	border-width: 0px 0px 1px 0px; 
	border-color: #FFFFFF;
}

.upper_frame_submit_btn {
	width:100%;
	border : solid 2px #ffffff;
	border-radius : 3px;
	moz-border-radius : 3px;
	font-size : 20px;
	font-family: 'Abel', sans-serif;
	text-align: center;
	color : #000000;
	padding : 1px 17px;
	background-color : #0EC4B8;
	display: block;
}
.upper_frame_submit_btn[disabled]{
   opacity:0.65;
   background-color:#0EC4B8;
}

.upper_frame_submit_btn[disabled]:hover{
   opacity:0.65;
   background-color:#0EC4B8;
}
.center {
	text-align: center;
}

/*************************************
	*******Index Page CSS******
**************************************/
.index_bg {
	background-image: url("../images/login_and_register_bg.png");
	background-color: #cccccc;
	background-size: 100% 100%;
	min-height: 100%;
	width: 100%;
	position: relative;
}

.index_upper_frame {
	padding-top: 10px;
	padding-bottom: 10px;
    margin-top: 50px;
	margin-bottom: 20px;
	background-color: rgba(30, 30, 30, 0.7);
	z-index: 999;
	display: block;
}

.index_upper_frame h2 {
	padding: 10px 20px 10px 20px;
}

.index_requirement {
	height: 50%;
	background-image: url("../images/requirement_index.png");
	background-size: 100% 100%;
}

.index_review {
	height: 50%;
	background-image: url("../images/index_review.png");
	background-size: 100% 100%;
}

.select_maker {
	height: 50%;
	background-image: url("../images/select_maker.png");
	background-size: 100% 100%;
}

.receive_shipment {
	height: 50%;
	background-image: url("../images/receive_shipment.png");
	background-size: 100% 100%;
}

.index_block {
	display:block;
}

.index_title {
  font-family: 'BankGothic', sans-serif;
  font-size: 24px;
  font-weight: 300;
  text-align: center;
  padding-top: 30px;
  padding-bottom: 20px;
}

.index_content {
  font-family: 'Abel', sans-serif;
  font-size: 18px;
  font-weight: 300;
  text-align: left;
  margin-bottom: 30px;
}

.index_content_bg_odd {
  height: 50%;
  background-color: 71c7c3;
  vertical-align: middle;
}

.index_content_bg_even {
  height: 50%;
  background-color: 97A3A8;
  vertical-align: middle;
}

.index_header_title {
  font-family: 'BankGothic', sans-serif;
  font-size: 30px;
  
  text-align: center;
  color: FFFFFF;
}

.index_items {
	padding-top:20px;
	overflow:auto;
}

.index_items ul {
	padding: 20px;
}

.index_items ul li {
	padding-top: 10px;
	display: inline-block;
}

.index_items ul li:nth-child(odd) div {
    overflow: hidden;
    width: 140px;
	height: 140px;
	text-align: center;
    border-radius: 140px;
    color: white;
	display: inline-block;
}

.index_items ul li:nth-child(even) div {
    width: 50px;
	height: 140px;
	display: inline-block;
}

.index_items ul li p:nth-child(odd) {
    max-width: 140px;
	max-height: 20px;
	font-size: 14px;
	text-align: center;
	color: #FFFFFF;
	display: block;
}

.index_items ul li p:nth-child(even) {
    max-width: 140px;
	max-height: 20px;
	font-size: 14px;
	text-align: center;
	color: #FFFFFF;
	display: block;
}

.index_label {
  line-height: 4em;
  margin: 10px, 0, 10px, 0;
}

.index_label a {
  color: #B6E3F2;
}

.index_dotline {
  border:none;
  border-top:4px dotted #B6E3F2;
  color:#B6E3F2;
  background-color:transparent;
  line-height: 140px;
}

.bootstrap_arrow_right {
	color: #71c7c3;
}

.arrow-right {
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 20px solid #71c7c3;
	margin-left: 15px;
	margin-right: 10px;
}

#show_interest_block {
	text-align: center;
	padding-bottom: 20px;
}

#show_interest_block form {
	text-align: center;
	padding-bottom: 20px;
}

#show_interest_block form span {
	padding-right: 0px;
	display: inline-block;
}

/*************************************
	*******SignIn and SignUp CSS******
**************************************/

.login_and_register_bg {
	background-image: url("../images/login_and_register_bg.png");
	background-color: #cccccc;
	background-size: 100% 100%;
	width: 100%;
	min-height: 100%;
	position: relative;
}

.account_upper_frame {
    padding-top: 10px;
	padding-bottom: 20px;
    margin-top: 50px;
	margin-bottom: 20px;
	background-color: rgba(30, 30, 30, 0.7);
	z-index: 999;
	display: block;
}

.register_upper_frame {
    margin-top: 60px;
	margin-bottom: 50px;
	padding-bottom: 20px;
	background-color: rgba(30, 30, 30, 0.7);
	z-index: 999;
	display: block;
	width: 60%;
}

.logo_in_top_center {
	padding-top: 60px;
	text-align: center;
	display: block;
}

.logo_in_top_center a img {
	max-width: 100%;
}

.text_in_center {
	text-align: center;
	margin-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
}

.tips {
	font-size: 18px;
	font-family: 'Roboto';
}

.text_in_menu {
  text-align: right;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-left: 10px;
  margin-right: 45px;
  display: inline-block;
  float: right;
}

.text_in_menu_color {
  color: #fdb45e;
  font-family: 'BankGothic', sans-serif;
  font-size: 24px;
  font-weight: 300;
}

.error_strings {
	padding-top: 20px;
	text-align: center;
	font-size: 16px;
	color: #FF0000;
}

.error_strings a {
	font-size: 16px;
	color: #FF0000;
}

input.error {
	border-color: #FF0000;
	border-style: solid;
	border-width: 2px;
}

label.error {
	border: none;
	color: #FF0000;
}

.aggrement {
  color: #FFFFFF;
  font-family: 'Abel', sans-serif;
  font-size: 18px;
  font-weight: 300;
  margin-top: 10px;
  text-align: center;
}

.last_msg {
	padding-bottom: 20px;
}

.feedback_bg {
	background-image: url("../images/login_and_register_bg.png");
	background-color: #cccccc;
	background-size: 100% 100%;
	width: 100%;
	min-height: 100%;
	position: relative;
}

.reset_pwd_info{
  color:white;
}