﻿header {
  background: rgb(8, 54, 15);
  background: -moz-linear-gradient(0deg, rgb(8, 54, 15) 0%, rgb(10, 73, 20) 100%);
  background: -webkit-linear-gradient(0deg, rgb(8, 54, 15) 0%, rgb(10, 73, 20) 100%);
  background: linear-gradient(0deg, rgb(8, 54, 15) 0%, rgb(10, 73, 20) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#08360f",endColorstr="#0a4914",GradientType=1);
  color: #FFF;
}

header .container {
  background: url("/Themes/EPR/Images/header_bg.png") no-repeat bottom center;
}

.navbar-brand {
  text-indent: -9999px;
  background: url("/Themes/EPR/Images/header_logo.png") no-repeat;
  width: 100%;
  height: 150px;
  display: block;
}

#login-aside, .panel-title {
  background-color: #03250A;
  border: 1px solid #000;
  color: #FFF;
}

footer {
  background: rgb(255, 255, 255);
  background: -moz-linear-gradient(0deg, rgb(255, 255, 255) 40%, rgb(240, 231, 202) 100%);
  background: -webkit-linear-gradient(0deg, rgb(255, 255, 255) 40%, rgb(240, 231, 202) 100%);
  background: linear-gradient(0deg, rgb(255, 255, 255) 40%, rgb(240, 231, 202) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#f0e7ca",GradientType=1);
  border-top: 5px solid #256F32;
}

a {
  color: #0A5918;
}

a:hover {
  color: #117122;
}

input[type=submit], .btn-customer, .btn.btn-grey.active {
  color: #FFF;
  background: rgb(8, 54, 15);
  background: -moz-linear-gradient(0deg, rgb(8, 54, 15) 40%, rgb(8, 70, 17) 100%);
  background: -webkit-linear-gradient(0deg, rgb(8, 54, 15) 40%, rgb(8, 70, 17) 100%);
  background: linear-gradient(0deg, rgb(8, 54, 15) 40%, rgb(8, 70, 17) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#08360f",endColorstr="#084611",GradientType=1);
  border: 1px solid #022007;
  box-shadow: inset 0 1px 0 #116c1e, inset 0 -1px 0 rgba(0, 0, 0, 0.05);
  transition: all 0.5s linear;
  text-shadow: 0px 0px 5px #0f772c;
  cursor: pointer;
}

.btn-customer:hover, .btn-customer:active, .btn-customer:focus, input[type=submit]:hover, input[type=submit]:active, input[type=submit]:focus, .btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active {
  color: #FFF;
  background: rgb(8, 70, 17);
  background: -moz-linear-gradient(0deg, rgb(8, 70, 17) 40%, rgb(14, 103, 27) 100%);
  background: -webkit-linear-gradient(0deg, rgb(8, 70, 17) 40%, rgb(14, 103, 27) 100%);
  background: linear-gradient(0deg, rgb(8, 70, 17) 40%, rgb(14, 103, 27) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#084611",endColorstr="#0e671b",GradientType=1);
}

.btn:focus, .btn.focus {
  box-shadow: none;
}

#feedback a {
  background: #ffae44;
  background: -moz-linear-gradient(top, #ffae44 0%, #ff9204 49%, #ff7b00 100%);
  background: -webkit-linear-gradient(top, #ffae44 0%, #ff9204 49%, #ff7b00 100%);
  background: linear-gradient(to bottom, #ffae44 0%, #ff9204 49%, #ff7b00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffae44", endColorstr="#ff7b00",GradientType=0 );
  background-size: auto 200%;
  background-position: 0 0;
  transition: background-position 0.2s;
  border: 1px solid #d47800;
  outline: 0;
  box-shadow: inset 0px 1px 0px #ffcf90, 0px 0px 5px rgba(0, 0, 0, 0.2);
  color: #FFF;
  text-shadow: 0px 1px 0px #d47800;
}

.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #19a831;
  outline: 0;
  box-shadow: 0 0 5px rgba(9, 78, 19, 0.25);
}

.btn-customer-alt {
  background: rgb(3, 37, 10);
  background: -moz-linear-gradient(0deg, rgb(3, 37, 10) 0%, rgb(8, 70, 17) 33%, rgb(14, 103, 27) 70%, rgb(47, 130, 61) 100%);
  background: -webkit-linear-gradient(0deg, rgb(3, 37, 10) 0%, rgb(8, 70, 17) 33%, rgb(14, 103, 27) 70%, rgb(47, 130, 61) 100%);
  background: linear-gradient(0deg, rgb(3, 37, 10) 0%, rgb(8, 70, 17) 33%, rgb(14, 103, 27) 70%, rgb(47, 130, 61) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#03250a",endColorstr="#2f823d",GradientType=1);
  background-size: auto 200%;
  background-position: 0 0;
  transition: background-position 0.2s;
  border: 1px solid #08380f;
  outline: 0;
  box-shadow: inset 0px 1px 0px #4bb15c, 0px 0px 5px rgba(0, 0, 0, 0.2);
  text-align: center;
  padding: 0.75em;
  font-size: 1.35em;
  font-weight: 600;
  color: #FFF;
  text-shadow: 0px 1px 0px #084c13;
  transition: background-position 0.5s;
}

#quick-code-nav .btn-customer-alt {
  background: rgb(3, 37, 10);
  background: -moz-linear-gradient(0deg, rgb(3, 37, 10) 0%, rgb(8, 70, 17) 33%, rgb(14, 103, 27) 70%, rgb(47, 130, 61) 100%);
  background: -webkit-linear-gradient(0deg, rgb(3, 37, 10) 0%, rgb(8, 70, 17) 33%, rgb(14, 103, 27) 70%, rgb(47, 130, 61) 100%);
  background: linear-gradient(0deg, rgb(3, 37, 10) 0%, rgb(8, 70, 17) 33%, rgb(14, 103, 27) 70%, rgb(47, 130, 61) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#03250a",endColorstr="#2f823d",GradientType=1);
  background-size: auto 200%;
  background-position: 0 0;
  transition: background-position 0.2s;
  border: 1px solid #08380f;
  outline: 0;
  box-shadow: inset 0px 1px 0px #4bb15c, 0px 0px 5px rgba(0, 0, 0, 0.2);
  text-align: center;
  padding: 0.75em;
  color: #FFF;
  text-shadow: 0px 1px 0px #084c13;
  transition: background-position 0.5s;
  font-size: 1em;
  font-weight: normal;
}

.btn-customer-alt:visited, .btn-customer-alt:focus {
  color: #FFF;
  text-decoration: none;
  outline: 0;
}

.btn-customer-alt:hover, a.btn-customer-alt:hover {
  background-position: 0 100%;
  color: #FFF;
  text-decoration: none;
  outline: 0;
}

.btn-customer-alt:active {
  top: 2px;
  color: #03250a;
  text-shadow: 0px -1px 0px #268a35;
  text-decoration: none;
  outline: 0;
}

.btn-pay::before, .btn-plan::before, .btn-contact::before, .btn-newuser::before, .btn-newsetting::before, .btn-deal::before {
  background: rgba(0, 0, 0, 0.1);
}

.btn-pay:after, .btn-plan:after, .btn-contact:after, .btn-deal:after {
  color: #FFF;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
}

.btn-pay:hover:after, .btn-plan:hover:after, .btn-contact:hover:after, .btn-deal:hover:after {
  color: #2c973d;
}

#labelCC.selected, #labelACH.selected, #lbl-pp-1.selected, #lbl-pp-2.selected, #lbl-pp-3.selected {
  border-color: #349344;
}

.progress-step .progress-step-icon {
  color: #277c35;
  border-color: #277c35;
}
.progress-step .progress-step-label {
  color: #277c35;
}

.progress-step-finished:hover .progress-step-icon {
  color: #094613;
  border-color: #094613;
}
.progress-step-finished:hover .progress-step-label {
  color: #094613;
}

.progress-step-finished .progress-step-icon {
  color: #03250a;
  border-color: #03250a;
}
.progress-step-finished .progress-step-label {
  color: #03250a;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  background-color: #136b20;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
}

.pagination > li > a:hover {
  background-color: #2c803a;
}

#side-calendar .ui-state-hover, #side-calendar .ui-state-active, #side-calendar .ui-state-focus {
  background-color: #f7f7f7;
}

#side-calendar .ui-datepicker-current-day, #side-calendar .ui-datepicker-current-day a {
  color: #000;
}

#side-calendar .payment-event, #side-calendar .payment-event:hover, #side-calendar .payment-event a, #side-calendar .payment-event a:hover {
  color: #000;
  font-weight: bold;
}
