/* These styles were generated from the Theme Builder in the site admin. */

#header .container, #footer .container { max-width: 800px; }

body { background: #EBEBEF;  }

/* Header */
#header { background: #3a54b8; }

/* No logo image uploaded */

@media only screen and (max-width: 520px) {
	/* No logo image uploaded */
	#header #account-header {  margin-top: 15px; }
}

/* Main Headings */
.option-heading { background: #3a54b8; }

/* Sub Text */
.main-content a:not(.button), .subscription-options .signup .info p, .agreement, .agreement a, .cnd-user-orders #order-detail .name, .default-more-plans, .homepage .plans-selection-box p { color: #475FCD; }

/* Error Message */
.error-message {  }

/* Buttons */
.button, .ui-dialog .ui-dialog-buttonset button {
  background: #475FCD;
  box-shadow: inset 0px 1px 0px #8b9ae0, 0px 1px 3px rgba(0, 0, 0, 0.4), inset 0 -10px 20px rgba(0, 0, 0, 0.1), inset 0px 10px 20px rgba(255, 255, 255, 0.1);
  border: 1px solid #2b3f9d;
  border-top-color: #3047b1;
  border-bottom-color: #253789;
  /* color: #fff !important; */
}
.button:hover, .ui-dialog .ui-dialog-buttonset button:hover {
  background: #334cbd;
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.4), inset 0px 1px 0px #6f82d8, inset 0 -10px 20px rgba(0, 0, 0, 0.1), inset 0px 10px 20px rgba(255, 255, 255, 0.1);
  border-color: #233481;
  border-top-color: #283c95;
  border-bottom-color: #1d2c6d;
  /* color: #fff !important; */
}

/* Checkboxes */
.checkbox > input:checked + .checkbox-placeholder { 
  background-color: #475FCD;
  border-color: #2b3f9d;
  border-top-color: #3047b1;
  border-bottom-color: #253789;
  box-shadow: inset 0px 1px 1px #8b9ae0, inset 0px -1px 1px rgba(0, 0, 0, 0.1), inset 0px 5px 8px rgba(255, 255, 255, 0.1);
}
.checkbox > input:hover:checked + .checkbox-placeholder { border-color: #475FCD; }

/* Radios */
/* .radio > input:checked + .radio-placeholder,
.radio.radio--fake .radio-placeholder { background-color: #475FCD; border-color: #475FCD; }
.radio > input:hover:checked + .radio-placeholder { border-color: #475FCD; } */

/* Footer */
#footer { background: #3a54b8; }

/* Date Picker */
.datepick-nav { background: #475FCD !important; }
.datepick-nav a { color: #fff !important; }
.datepick-cmd:hover { background-color: rgba(255,255,255,0.2) !important; box-shadow: 0 0 2px rgba(0,0,0,0.2); }
.datepick-month-header, .datepick-ctrl { background-color: #474747 !important; }
.datepick-month td .datepick-highlight, .datepick-month td .datepick-selected { background: #475FCD !important; color: #fff !important; }

/* Advanced Theme Settings - Custom CSS */
/* All this to make Login page look simpler */

.homepage .vo-access-options,
.option-heading p { display: none; }
.logged-out ul#account-header { display: none !important; }

.vo-login { max-width: 450px; }
.vo-login .option-heading { padding: 15px 30px; }
.vo-login #login FORM INPUT.input { font-size: 16px; }
.vo-login #login FORM INPUT.input,
.vo-login #login FORM INPUT.button { float: none; width: 100%; }
.vo-login #login FORM INPUT#password { margin: 0 0 15px 0; }

@media only screen and (max-width: 480px) {
	.vo-login .option-heading { padding: 15px 20px; }
	.vo-login #login .login-block { padding: 23px 20px 19px 20px; }
}