body {
	background:url(../img/bgadmin.jpg) no-repeat;
	background-size: cover;
  font-family: 'Maven Pro', sans-serif;
}
.modal-footer {   border-top: 0px; }

.bgpanel {
	background-color: #a7a7a7;

}
.bghead {
	background-color: #fff;
}
.bgfoot {
	background-color: #505050;
	color: #fff;
	padding-top: 20px;
	padding-bottom: 20px;
}
.modal-header {
  min-height: 16.42857143px;
  padding: 15px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-content {
	border: 1px solid #fff;
 	border: 1px solid rgba(255, 255, 255, .2);
 	border-top-left-radius: 21px;
 	border-top-right-radius: 21px;
 	border-bottom-right-radius: 0px;
 	border-bottom-left-radius: 0px;
 	padding-bottom: 0px;
}
.modal-dialog {
  position: relative;
  width: 400px;
 }

.modal-footer {
	padding-bottom: 0px;
}
.form-group {
	padding-top: 10px;
}
.btn-primary {
  color: #c4525d;
  width: 70%;
	background-color: #ffbf50;
	border-color: #b08842;
  margin-left: auto;
  margin-right: auto;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #999;
	border-color: #818181;
}
.btn-block {
	padding-bottom: 10px;
}
.form-control:focus {
  border-color: #fff;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 12px rgba(255, 255, 255, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 12px rgba(255, 255, 255, .6);
}
@media only screen and (min-width : 0px) and (max-width : 329px) {
	.modal-dialog {
    width: auto;
    margin: 30px auto;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media only screen and (min-width : 330px) and (max-width : 550px) {
	.modal-dialog {
    width: 350px;
    margin: 30px auto;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media only screen and (min-width : 552px) and (max-width : 765px) {
  .modal-dialog {
    width: 400px;
    margin: 30px auto;
  }
 }