/*====================================*\
    Kapstone Styles
\*====================================*/

/*====================================*\
    Login Page
\*====================================*/

/*Login page photo*/ 
body.login-page #banner {
  background: url(https://secure.bswift.com/images/documentImage/D001D0BA-B25D-4563-AA0E-7723A3646548_529926.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 100%;
  height: 500px;
}

/*Login page login box*/ 
#login-main {
  background-image: url(https://lh5.googleusercontent.com/-A92KsoVm9Yk/UqZ1DPHVBvI/AAAAAAAAAYg/SeioBis3NVA/s10-no/blk-75.png);
  border: 1px solid #222;
  bottom: 40px;
  position: absolute;
  right: 40px;
}

/*Login page font coloring*/ 
#login fieldset span.field-title,
#login-container h1,
#login-container li a {
  color: #2A1B0A;
}
#login-container li a:active,
#login-container li a:hover {
  color: #bb2a1e;
}

/*EE login page - hides the default image*/
body.login-page .slideshow-wrapper {
  background: none;
  border: none;
  display: none;
  position: absolute;
  width: 100%;
}
body.login-page .slideshow-wrapper img {
  display: none;
}
/*--end section--*/

/*------------------------------------*\
    Login Page - Responsive
\*------------------------------------*/
@media (min-width: 571px) and (max-width: 959px) {
  body.login-page #banner {
	background-position: top center;
	background-size: 90%; /*not supported in IE8 and below*/
  }
  body.login-page #login-main {
	left: 0px;
    margin-top: 78% !important;
  }
}
@media (max-width: 570px) {
  body.login-page #banner {
	background-position: top center;
	background-size: 100%; /*not supported in IE8 and below*/
	height: 750px;
  }
  body.login-page #login-main {
	left: 0px;
	margin-top: 80% !important;
	position: relative;
  }
}

/*====================================*\
    $SIMPLE CUSTOMIZE BUTTONS
\*====================================*/
/*------------------------------------*\
    $BUTTONS: Primary Buttons (was Blue)
\*------------------------------------*/
.btn-primary,
.btn.btn-primary,
a.button.btn-primary,
button.btn-primary,
input[type="submit"].btn-primary,
input[type="button"].btn-primary,
.ui-widget-content .ui-state-default.ui-button-icon-primary {
  background-color: #8BC638;
  background-image: none;
  border-color: #5f9601;
  text-shadow: none;
  text-transform: uppercase;
}
.btn-primary:hover,
.btn.btn-primary:hover,
a.button.btn-primary:hover,
button.btn-primary:hover,
input[type="submit"].btn-primary:hover,
input[type="button"].btn-primary:hover,
.ui-widget-content .ui-state-default.ui-button-icon-primary:hover,
.btn-primary:active,
.btn.btn-primary:active,
a.button.btn-primary:active,
button.btn-primary:active,
input[type="submit"].btn-primary:active,
input[type="button"].btn-primary:active,
.ui-widget-content .ui-state-default.ui-button-icon-primary:active {
  background-color: #5f9601;
  background-image: none;
  border-color: #5f9601;
}

/*------------------------------------*\
    $BUTTONS: Was Large Green Buttons - OPTIONAL
\*------------------------------------*/
/*.btn-green,
a.btn-green,
button.btn-green,
input[type="submit"].btn-green,
input[type="button"].btn-green {
  background-color: #f06d54 !important;
  background-image: none;
  border: 1px solid #c34d37 !important;
}
.btn-green:hover,
a.btn-green:hover,
button.btn-green:hover,
input[type="submit"].btn-green:hover,
input[type="button"].btn-green:hover,
.btn-green:active,
a.btn-green:active,
button.btn-green:active,
input[type="submit"].btn-green:active,
input[type="button"].btn-green:active {
  background-color: #da5941 !important;
  background-image: none;
}*/

/*------------------------------------*\
    $BUTTONS: Tiny MCE Buttons - Seen in Library Content Source Code View
\*------------------------------------*/
/*plain button*/
.mce-container.mce-panel.mce-foot .mce-btn {
  border: 0px;
}
.mce-container.mce-panel.mce-foot .mce-btn button {
  background-image: none;
  border: 1px solid #aaa;
}
.mce-container.mce-panel.mce-foot .mce-btn button:hover {
  background-color: #e9e9e9;
  border: 1px solid #b7babd;
}
/*end section */

/*blue button*/
.mce-container.mce-panel.mce-foot .mce-primary button, 
.mce-container.mce-panel.mce-foot .mce-primary button i {
  background-color: #8BC638;
  background-image: none;
  border: 1px solid #5f9601;
  text-shadow: none;
}
.mce-container.mce-panel.mce-foot .mce-primary button:hover,
.mce-container.mce-panel.mce-foot .mce-primary button i:hover {
  background-color: #5f9601;
  background-image: none;
  border: 1px solid #5f9601;
}
/*end section*/

/*------------------------------------*\
    $BUTTONS: Add
\*------------------------------------*/  
.btn-add,
input[type="submit"].btn-add,
input[type="button"].btn-add,
button.btn-add,
a.btn.btn-add {
  background-color: #8BC638 !important;
  background-image: url(images/sprite-btn-icons-2.png);
}
.btn-add:hover,
input[type="submit"].btn-add:hover,
input[type="button"].btn-add:hover,
button.btn-add:hover,
a.btn.btn-add:hover,
.btn-add:active,
input[type="submit"].btn-add:active,
input[type="button"].btn-add:active,
button.btn-add:active,
a.btn.btn-add:active {
  background-color: #5f9601 !important;
  background-image: url(images/sprite-btn-icons-2.png);
}

/*------------------------------------*\
    $BUTTONS: Arrow & Continue
\*------------------------------------*/  
.btn-arrow,
input[type="submit"].btn-arrow,
input[type="button"].btn-arrow {
  background-color: #8BC638 !important;
  background-image: url(images/sprite-btn-icons-2.png);

}
.btn-arrow:hover,
input[type="submit"].btn-arrow:hover,
input[type="button"].btn-arrow:hover,
.btn-arrow:active,
input[type="submit"].btn-arrow:active,
input[type="button"].btn-arrow:active {
  background-color: #5f9601 !important;
  background-image: url(images/sprite-btn-icons-2.png);
}

/*------------------------------------*\
    $BUTTONS: Back
\*------------------------------------*/  
.btn-back,
input[type="submit"].btn-back,
input[type="button"].btn-back {
  background-color: #8BC638 !important;
  background-image: url(images/sprite-btn-icons-2.png);
}
.btn-back:hover,
input[type="submit"].btn-back:hover,
input[type="button"].btn-back:hover,
.btn-back:active,
input[type="submit"].btn-back:active,
input[type="button"].btn-back:active {
  background-color: #5f9601 !important;
  background-image: url(images/sprite-btn-icons-2.png);
}

/*------------------------------------*\
    $BUTTONS: Enroll: Select Plan
\*------------------------------------*/    
input[type="submit"].btn-greencheck,
input[type="button"].btn-greencheck {
  background-color: #70b456 !important;
  background-image: url(images/sprite-btn-icons-2.png);
  background-position: 8px 8px;
  background-repeat: no-repeat;
  border: 1px solid #4c8936 !important;
}
input[type="submit"].btn-greencheck:hover,
input[type="button"].btn-greencheck:hover,
input[type="submit"].btn-greencheck:active,
input[type="button"].btn-greencheck:active {
  background-color: #5f9549 !important;
  background-image: url(images/sprite-btn-icons-2.png);
}

/*THIS SECTION IS OPTIONAL*/
/*input[type="submit"].green-select-plan,
input[type="button"].green-select-plan {
  background-color: #f06d54 !important;
  background-image: url(images/sprite-btn-icons-2.png);
  background-position: 13px -1189px;
  background-repeat: no-repeat;
  border: 1px solid #c34d37 !important;
}
input[type="submit"].green-select-plan:hover,
input[type="button"].green-select-plan:hover,
input[type="submit"].green-select-plan:active,
input[type="button"].green-select-plan:active {
  background-color: #da5941 !important;
  background-image: url(images/sprite-btn-icons-2.png);
}*/
/*END OPTIONAL*/

/*------------------------------------*\
    $BUTTONS: Simple Add
    *no need to update anything in this section, but make sure to include this or this will not display properly
\*------------------------------------*/
.simple,
.btn-simple,
input[type="button"].btn-simple,
input[type="submit"].btn-simple,
a.btn-add.btn-simple,
input[type="submit"].btn-add.btn-simple,
input[type="button"].btn-add.btn-simple,
.btn-edit.btn-simple,
input[type="button"].button_add_simple, 
input[type="submit"].button_add_simple,
body.enrollment .submit-block span.dependent input {
  background-color: transparent !important;
  background-image: url(images/sprite-icons-2.png) !important;
}
.simple:hover,
.btn-simple:hover,
input[type="button"].btn-simple:hover,
input[type="submit"].btn-simple:hover,
a.btn-add.btn-simple:hover,
input[type="submit"].btn-add.btn-simple:hover,
input[type="button"].btn-add.btn-simple:hover,
.btn-edit.btn-simple:hover,
input[type="button"].button_add_simple:hover, 
input[type="submit"].button_add_simple:hover,
body.enrollment .submit-block span.dependent input:hover
.simple:active,
.btn-simple:active,
input[type="button"].btn-simple:active, 
input[type="submit"].btn-simple:active,
a.btn-add.btn-simple:active,
input[type="submit"].btn-add.btn-simple:active,
input[type="button"].btn-add.btn-simple:active,
.btn-edit.btn-simple:active {
  background-color: transparent !important;
  background-image: url(images/sprite-icons-2.png) !important;
}

/*====================================*\
    Enrollment
\*====================================*/
#planSelection-150 div.plan-header-radio-btn.plan-header-radio-button {
  display: none!important;
}