.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; } }

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

.font-16px {
  font-size: 16px !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: 0px; }

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

.padding-bottom-0 {
  padding-bottom: 0 !important; }

.padding-20px {
  padding: 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: rgba(40, 169, 224, 0.8);
  overflow: scroll; }

:focus {
  outline: none; }

.ReactModal__Overlay.ReactModal__Overlay--after-open {
  opacity: 1; }

.dte-h3 {
  color: #004990;
  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-inner {
  padding: 5px 10px; }

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

.collapsed #selected_payment_date {
  color: #808284; }

#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: #ef4938;
  margin-bottom: 1em;
  font-weight: 400;
  font-size: 1em; }

label {
  max-width: none; }

.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-left: 0px; }

@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-15px {
  padding: 15px; }

.im-done-btn {
  padding: 5px 40px; }

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

.confirm-details > table > tbody > tr > td {
  border: none;
  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-align: center;
    float: none;
    padding-top: 20px; } }

.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; }

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

.payment-method-header {
  font-size: 18px; }

.singleAmountDue {
  padding-left: 50px; }

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

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

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

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

.account-holder-info {
  border-bottom: 1px solid #e8e8e8; }

.account-holder-info > div {
  text-align: left; }

.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: 15px; } }

@media (max-width: 991px) {
  .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: #3c3f40 !important; }

#edit-bank-account-form input, #edit-bank-account-form select, #edit-credit-card-form input, #edit-credit-card-form select {
  color: black; }

select {
  padding-left: 10px; }

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

.btn:hover {
  color: #a1a1a4; }

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

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

.terms-conditions {
  padding: 24px; }

@media (max-width: 767px) {
  .guest-pay-conf-container, .confirmation-header {
    padding-left: 32px;
    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: #808284; }

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

.term-condition-link {
  cursor: pointer;
  text-decoration: underline; }

@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; }
  .padding-right-md-10px {
    padding-right: 10px; } }

.payment-action {
  cursor: pointer;
  color: #004990;
  margin-right: 20px; }

.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 {
    position: relative;
    padding-left: 30px;
    padding-top: 0px; }
  .security-message::before {
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA25pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5ODc3NzZDNTA4MjA2ODExODIyQUIwNDRDOEQyRkVGOCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEQ0IzRjY3QTQyNjExMUU0QkQ0REY1M0ZGNjYxOUVBMiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEQ0IzRjY3OTQyNjExMUU0QkQ0REY1M0ZGNjYxOUVBMiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNCAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowNzQ3NDZmNi1iZTEzLTQ5NmEtYjlkMi03MWM5NjBmZjM5MTgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OTg3Nzc2QzUwODIwNjgxMTgyMkFCMDQ0QzhEMkZFRjgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz49b6rPAAABfklEQVR42qyVzy8DURDHX9eexI841llCUk6o+AuQOFAce3DlgrP/QEL9BQ6uqCNOTg5tlLQllTSROCCRSAQNB6nvyHdlvLzVkp3kk53dNzPvzezObMxMZEyI9IMpkATd4A3cg3OwD8oup5gjYB/YAOPmdzkAy6CiH3qWUQrkmwhmaJOnz7f4Sp8GO1+n/ikXIKtsEmqtjT4zgU2Qci8ogFYr2DaYBx+8bwFbIG3Z1cCgpB+kvOkI9gQWQA84IaIvck2L+GaCGkoKY44ayYlfWPhRIvozOHPYS4yEx7q4pMZru3oW6K8hPikJOGKik6S85bhjYRJcUV8F69QfeV0Ca+DY8ov7ITuVwA31a6KlCh5cjSIp30WY8q0EzEUYMOepLohCsj6nxqH1LXaCrgbOHda9xCj76q2dqm4p/vFk8s2u6GlTYX/W/5Fmnb6X9vjaA7Nst2ZFbOfo65yHsjDMejSSI9ruhs1Do9KX4TnA4TnEbnrnL6DIjUuuXT4FGADVM06PstCM3wAAAABJRU5ErkJggg==);
    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; }

#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: #004990;
  background-color: #ffffff;
  color: #004990; }

.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 .ebill-notice {
  background-color: #004990;
  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: #00aeef; }

.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: #F1F1F1; }

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

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

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

.splitpay-input-container > label > select, input {
  height: 45px;
  border: 1px solid #cfcecf;
  padding-left: 5px;
  background-color: #f8f8f8;
  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%; }

.edit-modal-content .modal-body {
  padding: 40px; }

.edit-modal-content .errorMessage {
  padding-left: 15px !important; }

.edit-modal-content .btn:hover, .edit-modal-content .btn:focus {
  color: white;
  outline: none; }

.edit-modal-content .edit-tooltip-div {
  padding-top: 20px; }
  .edit-modal-content .edit-tooltip-div .input-group-btn {
    float: right;
    margin-right: 10px; }

@media (max-width: 767px) {
  .edit-modal-content .modal-body {
    padding: 25px; }
  .edit-modal-content .edit-tooltip-div {
    padding-top: 25px; }
    .edit-modal-content .edit-tooltip-div .input-group-btn {
      margin-right: 0; } }

@media (min-width: 768px) and (max-width: 991px) {
  .edit-modal-content #edit-bank-account-form .edit-tooltip-div:not(.payment-name-tooltip) {
    padding-top: 35px; } }

#edit-credit-card-form .credit-card-small-input {
  padding-right: 15px; }

@media (max-width: 991px) {
  #edit-credit-card-form .credit-card-small-input {
    padding-right: 0px; } }

.flatpickr-current-month .flatpickr-monthDropdown-months {
  font-size: 15px; }

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


/*# sourceMappingURL=app.4f1fae1b30ea34d478e4.css.map*/