#login_container {
	
	/*border:  1px solid #84adf0;*/
	width: 50%;
	max-width: 380px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 50px;
	border-radius: 7px;
	background-color: #84adf0;
	box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
	background:  linear-gradient(45deg, #6f7173, #a5a7a8, #6f7173);
	padding-bottom: 15px;
}

#login_title {
	width: 100%;
	height: 40px;
	background-color: #222;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	color: white;
	position: relative;
}

#login_title span {
	display: block;
	text-align: center;
	font-weight: bold;
	font-size: 120%;
	/*border:  1px solid black;*/
}

#login_error {
	width: 100%;
	height: 40px;
	background-color: #cc2900;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	color: white;
	position: relative;
}

#login_error span {
	display: block;
	text-align: center;
	font-weight: bold;
	font-size: 120%;
}

.login_fields  {
	width: 100%;
}

.login_fields input {
	height: 32px;
	width: 80%;
	border-radius: 7px;
	border:  1px solid gray;
	margin-left: auto;
	margin-right: auto;
}

.login_fields .edit_regist {
	display: block;
	width: 80%;
	border-radius: 7px;
	border:  1px solid gray;
	margin-top: 20px;
	height: 30px;
	background-color: #c49316;
	font-weight: bold;
	color: #222;
	cursor: pointer;
	text-shadow: 2px 2px 5px black;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
	background:  linear-gradient(0deg, #c49316, #fff48c, #c49316);	
	text-decoration: none;
}

.login_fields span {
    display: block;
    margin-left: 10%;
    font-weight: bold;
}
#bn_connexion {
	margin-top: 15px;
	height: 40px;
	background-color: #c49316;
	font-weight: bold;
	font-size: 1.3em;
	cursor: pointer;
	text-shadow: 2px 2px 5px black;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
	background:  linear-gradient(0deg, #c49316, #fff48c, #c49316);
}

#bn_delete {
	margin-top: 15px;
	height: 40px;
	background-color: #c49316;
	font-weight: bold;
	font-size: 1.3em;
	cursor: pointer;
	text-shadow: 2px 2px 5px black;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
	background:  linear-gradient(0deg, #c53b3b, #df9292, #c53b3b);
}
#bn_mark_paid {
	margin-top: 15px;
	height: 40px;
	background-color: #c49316;
	font-weight: bold;
	font-size: 1.3em;
	cursor: pointer;
	text-shadow: 2px 2px 5px black;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
	background:  linear-gradient(0deg, #18c420, #99f09e, #18c420);
} /* #### REGISTRATION FORM ##### */

#registration_container {
	border-radius: 7px;
	box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
	background:  linear-gradient(45deg, #6f7173, #a5a7a8, #6f7173);
	max-width: 700px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 44px;
	margin-bottom: 30px;
	padding-bottom: 30px;

}


#registration_container_modify {
	border-radius: 7px;
	box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
	background:  linear-gradient(45deg, #6f7173, #a5a7a8, #6f7173);
	max-width: 700px;
	width: 100%;
	margin-left: calc(50% + 20px);
    transform: translateX(-33%);
	margin-right: auto;
	margin-top: 44px;
	margin-bottom: 30px;
	padding-bottom: 30px;

}

#contact_container {
	border-radius: 7px;
	box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
	background:  linear-gradient(45deg, #6f7173, #a5a7a8, #6f7173);
	max-width: 700px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 44px;
	margin-bottom: 30px;
	padding-bottom: 30px;
}

.fieldsName {
	margin-left: 7px;
	display: inline-block;
	height: 56px;
	width: 48%;
}

.fieldsName span{
	display: block;
	font-weight: bold;
}

.fieldsName input{
	display: block;
	width: 90%;
	height: 30px;
	border-radius: 7px;
	border: 1px solid gray;
}
.DateOB {
	margin-left: 7px;
	display:  block;
	width: 100%;
}

.DateOB span{
	display: block;
	font-weight: bold;
}

.DateOB input{
	display: block;
	width: 92%;
	height: 30px;
	border-radius: 7px;
	border: 1px solid gray;
}

.DateOB1 {
	margin-left: 7px;
	display:  inline-block;
	width: 60%;
}
.DateOB1 span{
	display: block;
	font-weight: bold;
}

.DateOB1 input{
	display: block;
	width: 92%;
	height: 30px;
	border-radius: 7px;
	border: 1px solid gray;
}

.DateOB2 {
	margin-left: 7px;
	display: inline-block;
	width: 89%;
	margin-bottom: 10px;
}
.DateOB2 span{
	display: block;
	font-weight: bold;
}

.DateOB2 select{
	display: block;
	width: 92%;
	height: 30px;
	border-radius: 7px;
	border: 1px solid gray;
}
.Addressfield {
	margin-left: 7px;
    display: inline-block;
	height: 56px;
	width: 30%;
}
.Addressfield span {
    display: block;
    font-weight: bold;
}

.Addressfield select {
    display: block;
	width: 92%;
	height: 30px;
	border-radius: 7px;
	border: 1px solid gray;
}

.Addressfield input{
	display: block;
	width: 92%;
	height: 30px;
	border-radius: 7px;
	border: 1px solid gray;
}

#spouseInfo {
	display: block;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 7px;
}
#child1, #child2, #child3, #child4, #child5, #child6, #child7, #child8, #child9 {
	display: block;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 7px;
}
#chld1, #chld2, #chld3, #chld4, #chld5, #chld6, #chld7, #chld8, #chld9, #spouseInfo1, #childrens1, #visit1, #visit2, #visit3, #visit4, #visit5 {
	display: none;
}
.blce {
	position: relative;
	width: 95%;
	padding: 10px;
	border: 0px;
	margin: 0px;

}
.casetitle {
	border:  1px solid gray;
	background-color: #111;
	color: #eee;
	width: 40%;
	padding-left: 7px;
}

.casecontent {
	text-align: center;
	background-color: #eee;
	color: #111;
	width: 55%;
	font-size: 130%;
}

.case1 {
	border-top-left-radius: 7px;
	padding-top: 7px;
	padding-left: 7px;
}
@media screen and (max-width: 1000px) {

#login_container {
	    position: relative;
	    width: 90%;
		max-width: 380px;
		top: 87px;
   }

 #registration_container_modify {
 	width: 100%;
 	border-radius: 0;
 	padding-top: 7px;
 	padding-bottom: 30px;
	box-shadow: 0px 0px 0px gray;
	margin-top: 44px;
	margin-left: auto;
    transform: translateX(0%);

 }

#registration_container {
	width: 100%;
 	border-radius: 0;
 	padding-top: 7px;
 	padding-bottom: 30px;
	box-shadow: 0px 0px 0px gray;
	margin-top: 44px;

}
#contact_container {
	border-radius: 0px;
}

.fieldsName {
	display:  block;
	width: 100%;
}
.DateOB {
	display: block;
	width: 100%;
}
.DateOB input{
	width: 90%;
}

.DateOB2 {
	display: block;
}

}