.flatpickr-calendar {
  margin-bottom: 20px;
  box-shadow: none;
  border: 1px solid #c8c8c8;
  -webkit-box-shadow: none;
  border-radius: inherit;
  -webkit-border-radius: inherit; }
  .flatpickr-calendar .prevMonthDay,
  .flatpickr-calendar .nextMonthDay {
    color: transparent;
    pointer-events: none; }

@media (min-width: 768px) {
  .confirm-payment-div {
    padding-right: 0; }
  .terms-div {
    padding-right: 0; } }

@media all and (-ms-high-contrast: none) {
  span.flatpickr-day,
  span.prevMonthDay.flatpickr-day,
  span.nextMonthDay.flatpickr-day {
    max-width: 40px; } }

.accordion-border {
  border-top: 1px solid #d9d9d9; }

.margin-top-40px {
  margin-top: 40px; }

.font-16px {
  font-size: 16px !important;
  color: #505357 !important; }

.font-size-18px {
  font-size: 18px !important; }

.font-size-26px {
  font-size: 26px !important; }

.padding-top-10 {
  padding-top: 10px; }

.padding-top-15 {
  padding-top: 15px; }

.padding-right-0 {
  padding-right: 0; }

.margin-right-0 {
  margin-right: 0; }

.padding-bottom-0 {
  padding-bottom: 0 !important;
  color: #505357; }

.padding-20px {
  padding: 20px; }

.padding-10px {
  padding: 5px; }

.padding-left-5px {
  padding-left: 5px; }

no-padding-left {
  padding-left: 0 !important; }

.padding-left-20px {
  padding-left: 20px; }

.padding-top-20px {
  padding-top: 20px; }

.padding-top-40px {
  padding-top: 40px !important; }

.padding-top-30px {
  padding-top: 30px !important; }

.padding-bottom-50px {
  padding-bottom: 50px !important; }

.margin-bottom-1em {
  margin-bottom: 1em; }

.text-orange {
  color: orange; }

.background-dte-michigan {
  background-color: #004990 !important;
  border-color: #004990 !important; }

.background-dte-cinderblock {
  background-color: #a1a1a4 !important;
  border-color: #a1a1a4 !important; }

.buttonToggle {
  display: inline-block;
  float: none;
  text-align: left;
  margin-right: -4px;
  text-align: center; }

.vcenter {
  display: inline-block;
  vertical-align: middle;
  float: none; }

.react-modal-overlay {
  background-color: #f5f5f5;
  overflow: scroll; }

:focus {
  outline: none; }

.ReactModal__Overlay.ReactModal__Overlay--after-open {
  opacity: 1;
  background: rgba(245, 245, 245, 0.96); }

.dte-h3 {
  color: #2b2b2b;
  font-size: 1.5em;
  line-height: 1.25em;
  letter-spacing: -0.02em;
  margin-bottom: 0px; }

.tooltip-icon-input-group {
  margin-top: 24px;
  margin-left: 5px; }

.tooltip-icon-input-group-edit {
  margin-top: 20px;
  margin-left: 5px; }

.tooltip-inner {
  padding: 9px 10px; }

.disabled {
  background-color: #c8c8c8;
  color: #a1a1a4; }

.collapsed #selected_payment_date {
  color: #2b2b2b; }

#selected_payment_date {
  color: #ffffff; }

.bankRadios {
  margin-top: 2em; }

.accordion-step {
  line-height: normal; }

.single-payment-due-date {
  line-height: 2.5; }

@media (max-width: 991px) {
  .single-payment-due-date {
    line-height: normal; } }

@media (max-width: 767px) {
  .single-payment-due-date {
    float: right; }
  .bankRadios {
    margin-top: 15px; } }

@media (min-width: 768px) {
  .singlePaymentInput {
    padding-top: 5px;
    padding-left: 0px !important;
    float: right; } }

.panel-error-message {
  margin-top: 1.563em;
  margin-right: 3em;
  margin-left: 3em; }

.modal-error-message {
  color: #e31937;
  margin-bottom: 1em;
  font-weight: 400;
  font-size: 1em;
  padding-bottom: 4px; }

.message-underline:hover {
  color: #1e3575; }

.message-underline {
  color: #0072ce;
  text-decoration: underline; }

label {
  max-width: none;
  color: #73767b; }

.color_bar {
  width: 100%;
  height: 10px;
  margin-left: 0px; }
  .color_bar div {
    height: 100%;
    float: left; }
  .color_bar .left_color {
    width: 75%;
    background-color: #8ac43f; }
  .color_bar .middle_color {
    width: 6%;
    background-color: #44aa3c; }
  .color_bar .right_color {
    width: 19%;
    background-color: #034691; }

#header-title {
  padding-top: 25px;
  padding-left: 0px;
  color: #ffffff;
  left: 30px;
  top: calc(50% - 44px / 2); }

@media (min-width: 992px) {
  .accordion-step {
    line-height: 2; } }

.expand-icon,
.contract-icon {
  margin-top: 5px; }

.payment-input > div > input:disabled,
.payment-input > div > input[disabled] {
  background-color: transparent;
  border: none;
  font-size: 1.375em !important;
  color: #a1a1a4 !important;
  padding-top: 0; }

.success-color {
  color: #49a942; }

.blue-color {
  color: #004990; }

.padding-left-25px {
  padding-left: 25px; }

.padding-left-50px {
  padding-left: 50px !important; }

.padding-left-30px {
  padding-left: 50px !important; }

.padding-15px {
  padding: 15px; }

.im-done-btn {
  padding: 5px 40px;
  background-color: #0072ce; }

.im-done-btn:hover {
  background-color: #1e3575 !important;
  color: #ffffff !important; }

.im-done-btn:active {
  color: #1e3575; }

.print-btn {
  cursor: pointer;
  padding-right: 40px;
  text-align: right;
  float: right;
  padding-top: 50px; }

.confirm-details > table > tbody > tr > td {
  border: none;
  color: #505357 !important;
  padding: 0px 0px 0px 20px; }

.confirmation-separator {
  border-top: 1px solid #a1a1a4; }

.payment-separator {
  border-top: 2px dashed #a1a1a4; }

.dashed-hr {
  padding: 0px 15px 0px 50px; }

.dashed-hr:last-of-type {
  display: none; }

@media (max-width: 767px) {
  .print-btn {
    text-decoration: underline;
    text-align: center;
    float: none;
    padding-top: 20px; } }

@media (min-width: 300px) and (max-width: 455px) {
  h3.heading-color-black {
    display: flex; }
  .guest-pay-conf-container img {
    margin-top: 6%; }
  .padding-left-30px {
    padding-left: 30px !important; }
  .padding-left0px {
    padding-left: 0px !important; }
  .padding-right-20px {
    padding-right: 20px !important; }
  .border-bottom-none {
    border-bottom: none; }
  .margin-bottom-20px {
    margin-bottom: 20px; }
  .accordion-border {
    border-top: none;
    border-bottom: none; } }

.dte-lawn {
  color: #49a942; }

.bottom-divider {
  border-bottom: 1px solid #e8e8e8; }

.pseudo-accordian-padding {
  padding-top: 1em;
  padding-bottom: 1em;
  padding-right: 1em;
  padding-left: 1em; }

.addNewPaymentMethod {
  display: block;
  margin: 0 auto;
  font-size: 1.3em; }

.tooltip-div {
  padding-top: 15px; }

@media (max-width: 767px) {
  .tooltip-div {
    padding-top: 10px; }
  .addNewPaymentMethod {
    font-size: 16px; } }

.required-field-text {
  padding-top: 0px;
  color: #505357; }

.bank-account-form label {
  padding-bottom: 5px; }

.payment-method-header {
  color: #2b2b2b;
  font-size: 18px; }

.singleAmountDue {
  padding-left: 50px; }

@media (max-width: 767px) {
  .singleAmountDue {
    padding-left: 45px; } }

.dte-btn {
  width: 9em;
  margin: 0 auto; }

.form-group:not(.country-group):not(.payment-name-group) {
  margin-bottom: 0; }

.save-payment-method {
  margin-left: -30px !important; }

.account-holder-info > div {
  text-align: left;
  color: #2b2b2b; }

.securityIcon {
  float: right;
  margin: initial; }

.securityText {
  text-align: left;
  padding-left: 0; }

@media (max-width: 767px) {
  .securityIcon {
    margin: 0 auto;
    float: none; }
  .securityText {
    text-align: center;
    padding-left: 10px !important;
    padding-right: 10px !important; } }

@media (max-width: 991px) {
  a.phone-number {
    text-decoration: underline; }
  .account-holder-info > div {
    padding-left: 0;
    text-align: center; }
  .account-holder-info > div:last-of-type {
    padding-bottom: 10px;
    padding-top: 10px; } }

@media (min-width: 768px) {
  .dte-energy-agreement {
    white-space: nowrap; }
  #cancelTranscation {
    margin-right: 15px; } }

@media (min-width: 992px) {
  .sm-padding-top-md-plus {
    padding-top: 0.5em; } }

.flatpickr-current-month .numInputWrapper > input {
  font-weight: 700;
  color: #2b2b2b !important; }

#edit-bank-account-form input,
#edit-bank-account-form select,
#edit-credit-card-form input,
#edit-credit-card-form select {
  color: #2b2b2b !important;
  border: 1px solid #b1b3b3;
  font-size: 14px !important;
  padding: 0 8px; }

#edit-bank-account-form input:hover,
#edit-credit-card-form input:hover {
  color: #2b2b2b !important;
  border: 1px solid #1e3575;
  background-color: #ffffff !important; }

#edit-bank-account-form input:disabled,
#edit-credit-card-form input:disabled {
  background-color: #f5f5f5 !important;
  border: 1px solid #b1b3b3 !important; }

input:hover {
  color: #2b2b2b !important;
  border: 1px solid #1e3575;
  background-color: #ffffff !important; }

select {
  padding-left: 10px; }

.btn.disabled {
  opacity: 1;
  background-color: #dbdbdb; }

.btn:hover {
  color: #a1a1a4; }

.btn:active {
  box-shadow: none; }

.printing-details {
  padding-right: 0;
  margin-left: 18px;
  text-align: left; }

.guest-pay-conf-container,
.confirmation-header {
  padding-left: 20px !important;
  padding-bottom: 40px;
  padding-top: 40px; }

.terms-conditions {
  padding: 20px; }

@media (max-width: 767px) {
  .guest-pay-conf-container,
  .confirmation-header {
    padding-left: 20px !important;
    padding-bottom: 15px;
    padding-top: 25px; }
  .terms-conditions {
    padding: 10px; } }

.nowrap {
  white-space: nowrap !important; }

.padding-bottom-20px {
  padding-bottom: 20px; }

.padding-lr-40px {
  padding-left: 40px;
  padding-right: 40px; }

.card-logos-container {
  padding: 15px 0px;
  margin-bottom: 15px; }

.card-logo-img {
  width: 75px;
  height: 50px; }

.card-logo-img-pm {
  width: 75px;
  height: 3.4rem; }

.accordion-value {
  font-size: 22px; }

@media (max-width: 767px) {
  .accordion-value {
    font-size: 20px; } }

.collapsed .accordion-text-color {
  color: #0072ce; }

.collapsed .accordion-value {
  color: #2b2b2b !important; }

.pc-conf-h3 {
  line-height: 1.25em;
  margin-bottom: 6px; }

.term-condition-link {
  cursor: pointer; }

@media (max-width: 767px) {
  .mobile-no-left-padding {
    padding-left: 0px; }
  .padding-bottom-xs-20px {
    padding-bottom: 20px; }
  .text-center-xs {
    text-align: center; } }

@media (min-width: 992px) {
  .text-right-md {
    text-align: right; }
  .text-left-md {
    text-align: left; }
  .padding-left-md-10px {
    padding-left: 10px !important; }
  .padding-right-md-10px {
    padding-right: 10px !important; } }

.payment-action {
  cursor: pointer;
  color: #0072ce;
  margin-right: 20px;
  text-decoration: underline; }

.payment-action:hover {
  color: #1e3575; }

span#totalDueAllAccounts {
  color: #ffffff; }

.collapsed span#totalDueAllAccounts {
  color: #2b2b2b !important; }

.flatpickr-month {
  padding-bottom: 35px; }

.ReactModal__Overlay {
  overflow: auto; }

.ReactModal__Body--open {
  height: 100%;
  overflow: hidden; }

@media (max-width: 767px) {
  .text-center-xs {
    text-align: center; } }

@media (min-width: 768px) {
  .security-message {
    color: #505357;
    position: relative;
    padding-left: 30px;
    padding-top: 0px; }
  .security-message::before {
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAI6SURBVHgBrVXbTetAEF07yfdNByx/kRIJU8F1KggdJFQAVEDSAVRwnQ4uFZBUgJHy+mPpIB/5ypNznDEaFidCwEiWx7M7Z8/M7IwDc0CiKKqu1+v2druNgyCIYLKy5ORJKpXKME1TV+QfFAEul8urMAyvd7tdVUAGAH+VLWewW27lB/TuZDLpHQUGqF2tVo/CLgFYfzQaDUyB1Go1WyqVulDbPBzsm5p9UABqAHipARuNxpWkhBEk4/G4r9ZisP5HXYO/A9fr9Re+N5tNczabOWV/krDTnAN1gJ977B8F/Bzg81BOvWX4ZOqBdgTohkACdkMb1q7zffShLzFQn8weSApeJMRLowTOZFHV7PIoEP4rinbh2RO8WmB9GgI0lhR8qqzIvMgGhn98I2wJiQCzw1SwqqlOwXdFCu4QTVyGYqE86w28BbBdsDHwzlOimb3bcVseptPpnVoeYv0vGVs0Q6odFSjtqc9M2SP4trxDHTHL5oDQGUVrmiPiR6KFjJmTE/NLgtScETOUsGLzS4JU2AwYyhCKZWuaHwp7wuwbKglxmRMoczBvmx8K7i87mD0xLLOvwfYewLd462kWHSsORd2cfBh18PSyFpcQ2C0cNtmEgs5WbZmvyQN8/ueTETfpNDs0X9UTyh+bx0SPTT0ZPwx6BW7N/tfTO/TrEUDWpYPH+eM2OODUZc7lM4Xu0GFZ2+OeniCi2OzHLAfU/WKxuHPOfRhWhcCKPQHaEoGVJc5eFmwAwL4PmMsbbCZbEkJS/EAAAAAASUVORK5CYII=);
    position: absolute;
    left: 0;
    height: 20px;
    width: 20px; } }

.AS_CardExpired {
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAfCAYAAADa3IyoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTg1NTYyNTE1M0MxMTFFNEI5NTVDNEExNUNEOEE3RjAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTg1NTYyNTI1M0MxMTFFNEI5NTVDNEExNUNEOEE3RjAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxODU1NjI0RjUzQzExMUU0Qjk1NUM0QTE1Q0Q4QTdGMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxODU1NjI1MDUzQzExMUU0Qjk1NUM0QTE1Q0Q4QTdGMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpdBMkoAAAErSURBVHjaYnwob/OVgYGBiwE7+MYCJJ4DcYjcg8MXkGUeKdgaAqnVTEDiIhDrY9GtB5IDKbgE5WBTcAmfCfowEy4TMuEeEHMCHSWJ5EAQmxOI7zMBXf8fiykg9mWQHBNUAN0d+lAxBpiCS1hMuISsAKRaF5sJLFABkBs0gY5jhfLVoWIQE4CO+QykHgOxFhQ/horBTWBA88klmCCyAmSfXIQJMiEpgPlED2Y/USYgKwAFOTcSG9UKoKv/QY2+DGVjmIDielwKetEVMP7//58BH2BiIABYkBKJN5CKg3IXAR26FW4CUDIWSM0B4oNQPAcqBjehBIjTgLo2QzWAIq4FiBfD3MAPxE+RrH4GFYObsA6Iu4A6YW7ohIrBfVEFDd67UHwPKkaFcAAIMAAldGHHdweptgAAAABJRU5ErkJggg==);
  background-position: 18px;
  color: #e31937;
  font-weight: 400;
  font-size: 1em;
  padding: 17px 10px 17px 45px; }

.heading-color-black {
  color: #2b2b2b; }

.dte-bodyText-grey {
  color: #505357; }

.dte-disabled-grey {
  color: #73767b; }

@media (max-width: 767px) {
  .dte-color-activeBlue {
    color: #0072ce !important;
    text-decoration: none !important; } }

.dte-color-activeBlue {
  color: #505357; }

.dte-color-activeBlue-bkg {
  background-color: #0072ce; }

.dte-color-brandBlue {
  color: #1e3575; }

button.btn,
.contactButton {
  color: #ffffff;
  background-color: #0072ce; }

button.btn:hover,
a.im-done-btn:hover,
.contactButton,
.contactButton:hover {
  color: #ffffff;
  background-color: #1e3575; }

button.btn.disabled {
  color: #ffffff !important;
  background-color: #73767b !important; }

button.cancel-btn {
  border: 1px solid #0072ce;
  background-color: white;
  color: #0072ce; }

button.cancel-btn:hover {
  border: 1px solid #1e3575;
  background-color: white;
  color: #1e3575; }

.form-control {
  border: 1px #b1b3b3 solid !important;
  color: #2b2b2b !important;
  background: #ffffff !important; }

.form-control:focus {
  border: 1px #1e3575 solid !important;
  color: #2b2b2b !important;
  background: #ffffff !important;
  box-shadow: none !important; }

.form-control.error {
  border: 1px #e31937 solid !important;
  color: #e31937 !important;
  background: #ffffff !important; }

.tab-btn-white:hover {
  background-color: #ffffff !important;
  color: #1e3575;
  border-color: 1px solid #1e3575; }

@media (max-width: 767px) {
  .account-holder-info {
    border-width: 1px 0px;
    border-style: solid;
    border-color: #d9d9d9; } }

@media (min-width: 768px) {
  .border-gray-top-0 {
    border-bottom: 0px !important; } }

.bkg-white {
  background-color: #ffffff; }

.row {
  margin-left: 0px;
  margin-right: 0px; }

.row.center-850px-block {
  margin: 0 auto; }

.margin-left-15 {
  margin-left: 15px; }

.panel-body.padding-l-r-0 {
  padding-left: 0px;
  padding-right: 0px; }

.padding-l-r-15 {
  padding-left: 15px;
  padding-right: 15px; }

#guestPay {
  border: 1px solid #d9d9d9; }

[class*='col-'] {
  padding-left: 0px;
  padding-right: 0px; }

.padd-right-15 {
  padding-right: 15px; }

.printClass {
  text-decoration: underline;
  padding-right: 40px; }

#header-cancel {
  padding-top: 10px; }

.close-logo-svg {
  width: 58px;
  margin-top: 22px;
  margin-right: -11px;
  height: 23px; }

.close-logo-svg:hover svg {
  color: #0072ce; }

.paymnet-date {
  color: #505357; }

.blackDrkImp {
  color: #2b2b2b !important;
  height: 4.8rem !important; }

.split-checkbox-area {
  height: 67px;
  width: 382px; }

.split-pay-font {
  font-size: 22px;
  color: #1e3575 !important;
  padding-left: 10px; }

.borderNone {
  border: none; }

.margin-left-22 {
  margin-left: 22px; }

.borderBtm {
  border-bottom: 1px solid #d9d9d9; }

#collapseThree > div.panel-body > section {
  margin-left: 5px; }

#collapseThree > div.panel-body > div.row-fluid > div > label {
  font-size: 0.875em; }

#add-credit-card-wrapper > div > div:nth-child(3) > div.errorMessage.col-xs-12 {
  margin-top: -15px; }

#add-credit-card-wrapper > div > div.errorMessage.col-xs-12 {
  text-align: center; }

#securityCodeInput label {
  width: 115px; }

.cc-input {
  margin-bottom: 15px; }

.cc-input:not(:first-of-type) {
  padding-left: 0; }

@media (max-width: 767px) {
  .cc-input:not(:first-of-type) {
    padding-left: 15px; }
  .cc-input:last-of-type {
    margin-bottom: 0; }
  #collapseThree > div.panel-body > section {
    margin-left: 10px; }
  #add-credit-card-wrapper > div > div:nth-child(3) > div.errorMessage.col-xs-12 {
    margin-left: 9px; }
  label[for=expirationYear], label[for=expirationMonth], label[for=zipCode], label[for=securityCode], label[for=nickName], label[for=cc_country] {
    margin-top: 15px; }
  .account-number {
    margin-bottom: 0; } }

@media (max-width: 991px) {
  label[for=lastFour], label[for=accountHolderName], label[for=routingNumber] {
    margin-top: 15px; }
  .routing-number {
    margin-bottom: 0; } }

#add-payment label {
  padding-bottom: 5px; }

#expYearInput, #securityCodeInput {
  padding-left: 0px; }

#expMonthInput, #zipCodeInput {
  padding-right: 0px; }

@media (max-width: 767px) {
  #expMonthInput, #zipCodeInput {
    padding-right: 15px; } }

#paymentReviewCancel {
  border-color: #0072ce;
  background-color: #ffffff;
  color: #0072ce; }

#paymentReviewCancel:hover {
  border-color: #1e3575;
  background-color: #1e3575;
  color: #ffffff; }

.addressList {
  padding-bottom: 15px; }

.limit-msg {
  padding: 0; }

.payment-center-home > .pc-error-container {
  background-color: white;
  padding: 20px;
  text-align: right; }

.panel-body > .pc-error-container {
  padding-top: 30px; }

#confirmPaymentButton {
  float: right; }

.security-icon-container {
  width: fit-content;
  padding-left: 0; }

@media (max-width: 767px) {
  #confirmPaymentButton {
    float: none; }
  .security-icon-container {
    width: 100%;
    padding-left: 15px; } }

.pay-confirm {
  background-color: #ffffff; }
  .pay-confirm .ebill-notice {
    background-color: #1e3575;
    padding: 20px; }
    .pay-confirm .ebill-notice .message {
      color: #ffffff; }
    .pay-confirm .ebill-notice .action {
      padding-top: 5px; }
    .pay-confirm .ebill-notice .btn-ebill {
      border-color: #ffffff; }
    .pay-confirm .ebill-notice .btn-ebill:hover {
      border-color: #ffffff; }
  .pay-confirm .global-error {
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 0px; }
  .pay-confirm .print-link {
    text-decoration: underline;
    cursor: pointer; }
  @media (max-width: 768px) {
    .pay-confirm .print-link {
      text-align: center; } }

h4.payment-success {
  font-size: 1.3em; }

.ul-payment {
  margin: 0;
  padding: 10px 0px 0px 40px;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAATCAYAAACORR0GAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Mzc3NDJGQ0YyRDU1MTFFNEFDOUQ4REU0MjJDNzU0OEQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Mzc3NDJGRDAyRDU1MTFFNEFDOUQ4REU0MjJDNzU0OEQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozNzc0MkZDRDJENTUxMUU0QUM5RDhERTQyMkM3NTQ4RCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozNzc0MkZDRTJENTUxMUU0QUM5RDhERTQyMkM3NTQ4RCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnjMRV0AAAFHSURBVHjaYmCgITD1iDMG4nv///9nYKGhJXJAajMQF4D4TDSyhA9IbQHiyad3LFoFEmOkgSXMQGorED8FWpIMEgMFHS18NAWIWYE4E1mQhcq+KQZSDkBsCfTNL5pYBLQkAEiVALEV0JIP6PKM1ErGQGoXEPsALTmOLk+VOEJKxpnYLIEBJmonY5wWARXnAzEXmckYZPhpoCXthNSDfGQJxHuAGkWpkYzxWRQJxCeA+CjQMmUSkrE9EAejJ2NcgBFJcz6QqgBiP6Dm0wSS8TRoMn5AjCWgVMeIZkgwkJoFxAlAQzbjSMY7gdgbKH+S2DDGSN5AzWtBPgLiOUBDM3Ak4wxSLMGbYYGGqgOp7UC8AoirgZgXiI8A8VKgJZ2kWoIRdGiWiUNL4RtALALEj4GWpJKT3/CWDEBDX0JTlgDU51mUZG6AAAMAvVx+iV1xcqgAAAAASUVORK5CYII=);
  background-position: 5px 15px; }
  .ul-payment li {
    list-style: none;
    padding: 0;
    margin: 5px 0px 0px 0px; }
    .ul-payment li .title {
      display: inline-block;
      width: 160px; }

.splitpay-container > div {
  height: 50px;
  background-color: #f5f5f5;
  padding-left: 10px;
  left: 5px; }

.splitpay-container > div > label {
  margin-top: 0.5em !important; }

.splitpay-container span {
  line-height: 2; }

.splitpay-input-container > p {
  padding-top: 0; }

.splitpay-input-container > label > select,
input {
  height: 45px;
  border: 1px solid #cfcecf;
  padding-left: 5px;
  background-color: #ffffff;
  width: 100%;
  border-radius: 5px;
  font-size: 16px; }

.splitpay-input-container > label > input {
  text-align: right;
  color: black; }

@media (min-width: 768px) {
  .splitpay-container {
    margin-bottom: 1em; }
  .splitpay-input-container > label:nth-of-type(3),
  label:nth-of-type(4) {
    margin-top: 1em; } }

@media (max-width: 768px) {
  .splitpay-input-container > label {
    margin-top: 1em; } }

.paymetric iframe {
  border: 1px solid white;
  background-color: white; }

.paymetric > div > div > div > div > div {
  float: right; }
  .paymetric > div > div > div > div > div button {
    background-color: #00aeef;
    border: 1px solid #00aeef;
    font-size: 1.375em;
    color: #fff;
    padding: 6px 12px; }
  .paymetric > div > div > div > div > div button:hover, .paymetric > div > div > div > div > div button:focus {
    background-color: #e8e8e8;
    border: 1px solid #00aeef;
    color: #00aeef;
    text-decoration: none; }

.paymetric > div > div > div > div {
  padding-top: 0px; }

@media (max-width: 767px) {
  .paymetric > div > div > div > div {
    padding-top: 20px; } }

.paymetric-iframe {
  border: none;
  height: 118px;
  width: 100%; }

.splitpay-container > div {
  height: 50px;
  background-color: #f5f5f5;
  padding-left: 10px;
  left: 5px; }

.splitpay-container > div > label {
  margin-top: 0.5em !important; }

.splitpay-container span {
  line-height: 2; }

.splitpay-input-container > p {
  padding-top: 0; }

.splitpay-input-container > label > select,
input {
  height: 45px;
  border: 1px solid #cfcecf;
  padding-left: 5px;
  background-color: #ffffff;
  width: 100%;
  border-radius: 5px;
  font-size: 16px; }

.splitpay-input-container > label > input {
  text-align: right;
  color: black; }

@media (min-width: 768px) {
  .splitpay-container {
    margin-bottom: 1em; }
  .splitpay-input-container > label:nth-of-type(3),
  label:nth-of-type(4) {
    margin-top: 1em; } }

@media (max-width: 768px) {
  .splitpay-input-container > label {
    margin-top: 1em; } }

.flatpickr-current-month .flatpickr-monthDropdown-months {
  font-size: 15px;
  color: #2b2b2b; }

.flatpickr-current-month {
  font-size: 16px; }

.flatpickr-months .flatpickr-next-month {
  color: #0072ce; }

.flatpickr-weekday {
  color: #505357; }

.flatpickr-day {
  color: #505357; }

.flatpickr-day.today {
  color: #ffffff; }

.flatpickr-day.flatpickr-disabled {
  color: #73767b; }

.flatpickr-day.selected {
  background-color: #1e3575 !important; }


/*# sourceMappingURL=app.f6fb27ce908cf6f3ad81.css.map*/