body { background:#051232 url(../images/tail_site.jpg) top center repeat-x !important; }
/*.main {
	width:1002px;
	position:relative;
	margin:0 auto;
	padding:0 0 0 0;
}*/
.header-top {
    height: 33px;
}
.header-logo {
    min-height: 125px;
}
.header-logo h1 {
    display: block;
    margin: 11px 0 0 0;
    position: absolute;
}
.responsive-logo {
  width: 100%;
  max-width: 691px;
  height: auto;
}
.opayo-logo {
	max-width: 200px !important;
}

.wrapper-content {
    padding: 0 5px 0 5px;
}
.border-content {
    background: url(images/content_top.jpg) 0 0 no-repeat #0A2464;
}
#wrapper {
    min-height: 100%;
    position: relative;
    padding: 20px 0 10px 0;
}
#main {
    /* width: 960px; */
    margin: 0 auto;
    /*overflow: hidden; */
    position: relative;
	display: block;
	padding: 0 0 10px 0;
}
.content {
    background: #FFF;
    border: 1px solid #CCC;
    margin: 0 10px 0 10px;
    padding: 15px 15px;
    display: block;
}
.toprightmenu {
	float: right;
    margin: 0 0 0 0;
}

.footer {
    display: block;
    padding: 10px 10px 10px 10px;
    color: #ddd;
    font-size: 10px;
	text-align: center;
	font-weight: bold;
}

/*Text*/

.title {
    margin-top: 0px;
    margin-bottom: 20px;
}

.labelleft{
	text-align: left!important;
}

/* Input */


.custom-select.is-invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .was-validated .form-control:invalid {
    border-color: #dc3545;
}

input.textbox-invalid {
	border-color: #dc3545!important;
	color: #dc3545!important;
	background-image:url("../images/cross.png");
	background-repeat: no-repeat;
	background-position: center right;
}

input:focus.textbox-invalid {
	border-color: #dc3545!important;
	box-shadow: 0 0 0 2px rgba(220, 53, 69, 0.25)!important;
}

label.textbox-invalid {
	font-weight: bold;
	color: #dc3545!important;
	padding-left: 10px;
}

input.textbox-valid {
	border-color: #28a745!important;
	background-image:url("../images/tick.png");
	background-repeat: no-repeat;
	background-position: center right;
}

input.textbox-valid:focus {
	border-color: #28a745;
    box-shadow: 0 0 0 2px rgba(40, 167, 69, .25);
}

.PayPal {
	margin: 0 auto;
    max-width: 600px;
}

/* Pace Page Loader */

.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background: #29d;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 2px;
}

.pace .pace-progress-inner {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #29d, 0 0 5px #29d;
  opacity: 1.0;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
  -moz-transform: rotate(3deg) translate(0px, -4px);
  -ms-transform: rotate(3deg) translate(0px, -4px);
  -o-transform: rotate(3deg) translate(0px, -4px);
  transform: rotate(3deg) translate(0px, -4px);
}

.pace .pace-activity {
  display: block;
  position: fixed;
  z-index: 2000;
  /*top: 15px;
  right: 15px;*/
  top: 200px;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 25px;
  height: 25px;
  border: solid 2px transparent;
  border-top-color: #29d;
  border-left-color: #29d;
  border-radius: 10px;
  -webkit-animation: pace-spinner 500ms linear infinite;
  -moz-animation: pace-spinner 500ms linear infinite;
  -ms-animation: pace-spinner 500ms linear infinite;
  -o-animation: pace-spinner 500ms linear infinite;
  animation: pace-spinner 500ms linear infinite;
}

@-webkit-keyframes pace-spinner {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-moz-keyframes pace-spinner {
  0% { -moz-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
}
@-o-keyframes pace-spinner {
  0% { -o-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@-ms-keyframes pace-spinner {
  0% { -ms-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes pace-spinner {
  0% { transform: rotate(0deg); transform: rotate(0deg); }
  100% { transform: rotate(360deg); transform: rotate(360deg); }
}