p.important {

border-style: solid;

border-width: 5px;

border-color: purple;

}
body
{
  background-color: #fcfcfc;
}
.center-div
{

    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -300px;
}
/* line 29, home/amir/securepay-api/app/assets/stylesheets/payments.scss */
body {
  background: #f6f7f9;
  font-family: "Nunito Sans", sans-serif;
  font-size: 0.85rem;
  letter-spacing: 0.025rem;
}

/* line 36, home/amir/securepay-api/app/assets/stylesheets/payments.scss */
a {
  color: #3f69b2;
}

/* line 38, home/amir/securepay-api/app/assets/stylesheets/payments.scss */
a:hover {
  text-decoration: none;
}

/* line 43, home/amir/securepay-api/app/assets/stylesheets/payments.scss */
.alert-danger {
  color: #d0424f;
  background-color: #fbe7e9;
  border-color: #fbe7e9;
}

/* line 50, home/amir/securepay-api/app/assets/stylesheets/payments.scss */
.wrap-content {
  margin: 2rem 1rem;
}

@media only screen and (min-width: 768px) {
  /* line 50, home/amir/securepay-api/app/assets/stylesheets/payments.scss */
  .wrap-content {
    width: 860px;
    margin: 2rem auto;
  }
}

/* line 56, home/amir/securepay-api/app/assets/stylesheets/payments.scss */
.wrap-content .logo {
  height: 20px;
}

/* line 59, home/amir/securepay-api/app/assets/stylesheets/payments.scss */
.wrap-content .card {
  border: none;
  border-top: 2px solid #2bb6ea;
  border-radius: 0.5rem;
}

/* line 64, home/amir/securepay-api/app/assets/stylesheets/payments.scss */
.wrap-content .card label {
  display: block;
  margin-bottom: 0;
  color: #979da7;
}

@media only screen and (max-width: 767px) {
  /* line 71, home/amir/securepay-api/app/assets/stylesheets/payments.scss */
  .wrap-content .border-left {
    border: none !important;
  }
}

/* line 78, home/amir/securepay-api/app/assets/stylesheets/payments.scss */
.text-primary {
  color: #2bb6ea !important;
}

/* line 81, home/amir/securepay-api/app/assets/stylesheets/payments.scss */
.text-secondary {
  color: #3f69b2 !important;
}

/* line 84, home/amir/securepay-api/app/assets/stylesheets/payments.scss */
.text-muted {
  color: #979da7 !important;
}

/* line 87, home/amir/securepay-api/app/assets/stylesheets/payments.scss */
.font-weight-bolder {
  font-weight: 800 !important;
}

/* line 90, home/amir/securepay-api/app/assets/stylesheets/payments.scss */
hr {
  border-color: #dfe5f1;
}

/* line 93, home/amir/securepay-api/app/assets/stylesheets/payments.scss */
.border-left {
  border-color: #dfe5f1 !important;
}

/* line 96, home/amir/securepay-api/app/assets/stylesheets/payments.scss */
.border-lg {
  border-radius: 0.5rem;
}

/* line 100, home/amir/securepay-api/app/assets/stylesheets/payments.scss */
.btn-primary {
  background-color: #2bb6ea;
  border-color: #2bb6ea;
}

/* line 103, home/amir/securepay-api/app/assets/stylesheets/payments.scss */
.btn-primary:hover, .btn-primary:focus {
  background-color: #59c6ef;
  border-color: #59c6ef;
}

/* line 108, home/amir/securepay-api/app/assets/stylesheets/payments.scss */
.btn-primary:focus {
  box-shadow: 0 0 0 0.2rem #c2eeff;
}

/* line 111, home/amir/securepay-api/app/assets/stylesheets/payments.scss */
.btn-primary:disabled {
  background-color: #88d6f3;
  border-color: #88d6f3;
}

/* line 116, home/amir/securepay-api/app/assets/stylesheets/payments.scss */
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
  background-color: #59c6ef;
  border-color: #59c6ef;
}

/* line 122, home/amir/securepay-api/app/assets/stylesheets/payments.scss */
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem #c2eeff;
}

/* line 127, home/amir/securepay-api/app/assets/stylesheets/payments.scss */
.btn-secondary {
  background-color: #3f69b2;
  border-color: #3f69b2;
}

/* line 130, home/amir/securepay-api/app/assets/stylesheets/payments.scss */
.btn-secondary:hover, .btn-secondary:focus {
  background-color: #5e84c6;
  border-color: #5e84c6;
}

/* line 135, home/amir/securepay-api/app/assets/stylesheets/payments.scss */
.btn-secondary:focus {
  box-shadow: 0 0 0 0.2rem #c2eeff;
}

/* line 138, home/amir/securepay-api/app/assets/stylesheets/payments.scss */
.btn-secondary:disabled {
  background-color: #84a1d3;
  border-color: #84a1d3;
}

/* line 143, home/amir/securepay-api/app/assets/stylesheets/payments.scss */
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show > .btn-secondary.dropdown-toggle {
  background-color: #5e84c6;
  border-color: #5e84c6;
}

/* line 149, home/amir/securepay-api/app/assets/stylesheets/payments.scss */
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem #c2eeff;
}

/* line 154, home/amir/securepay-api/app/assets/stylesheets/payments.scss */
.btn-light {
  background-color: #eff2f5;
  border-color: #eff2f5;
}

/* line 158, home/amir/securepay-api/app/assets/stylesheets/payments.scss */
.btn-circle {
  height: 40px;
  width: 40px;
}

/* line 163, home/amir/securepay-api/app/assets/stylesheets/payments.scss */
.nav-tabs {
  border-bottom: 1px solid #dfe5f1;
}

/* line 165, home/amir/securepay-api/app/assets/stylesheets/payments.scss */
.nav-tabs .nav-link {
  color: #979da7;
  border-radius: 0;
}

/* line 168, home/amir/securepay-api/app/assets/stylesheets/payments.scss */
.nav-tabs .nav-link:hover {
  border-color: transparent;
  color: #000;
}

/* line 172, home/amir/securepay-api/app/assets/stylesheets/payments.scss */
.nav-tabs .nav-link.active {
  border-color: #3f69b2 #dfe5f1 #fff;
}

/* line 174, home/amir/securepay-api/app/assets/stylesheets/payments.scss */
.nav-tabs .nav-link.active:hover {
  border-color: #3f69b2 #dfe5f1 #fff;
}

/* line 180, home/amir/securepay-api/app/assets/stylesheets/payments.scss */
.nav-tabs.nav-tabs-alt {
  border: 0;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  background: #eef0f4;
}

/* line 186, home/amir/securepay-api/app/assets/stylesheets/payments.scss */
.nav-tabs.nav-tabs-alt .nav-item .nav-link {
  border: 0;
  background: #eef0f4;
  font-weight: 600;
  padding: 1rem 0.5rem;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

/* line 193, home/amir/securepay-api/app/assets/stylesheets/payments.scss */
.nav-tabs.nav-tabs-alt .nav-item .nav-link.active {
  background: #fff;
}

/* line 202, home/amir/securepay-api/app/assets/stylesheets/payments.scss */
.form-switch .label {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}

/* line 208, home/amir/securepay-api/app/assets/stylesheets/payments.scss */
.form-switch .label-text {
  margin-left: 0.5rem;
  color: #000;
}

/* line 213, home/amir/securepay-api/app/assets/stylesheets/payments.scss */
.form-switch .toggle {
  isolation: isolate;
  position: relative;
  height: 14px;
  width: 26px;
  min-width: 26px;
  border-radius: 15px;
  background: #d6d6d6;
  overflow: hidden;
}

/* line 224, home/amir/securepay-api/app/assets/stylesheets/payments.scss */
.form-switch .toggle-inner {
  z-index: 2;
  position: absolute;
  top: 1px;
  left: 1px;
  height: 12px;
  width: 24px;
  border-radius: 15px;
  overflow: hidden;
}

/* line 235, home/amir/securepay-api/app/assets/stylesheets/payments.scss */
.form-switch .active-bg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 200%;
  background: #2bb6ea;
  transform: translate3d(-100%, 0, 0);
  transition: transform 0.05s linear 0.17s;
}

/* line 246, home/amir/securepay-api/app/assets/stylesheets/payments.scss */
.form-switch .toggle-state {
  display: none;
}

/* line 250, home/amir/securepay-api/app/assets/stylesheets/payments.scss */
.form-switch .indicator {
  height: 100%;
  width: 200%;
  background: white;
  border-radius: 13px;
  transform: translate3d(-75%, 0, 0);
  transition: transform 0.35s ease;
}

/* line 259, home/amir/securepay-api/app/assets/stylesheets/payments.scss */
.form-switch .toggle-state:checked ~ .active-bg {
  transform: translate3d(-50%, 0, 0);
}

/* line 263, home/amir/securepay-api/app/assets/stylesheets/payments.scss */
.form-switch .toggle-state:checked ~ .toggle-inner .indicator {
  transform: translate3d(25%, 0, 0);
}

/* line 268, home/amir/securepay-api/app/assets/stylesheets/payments.scss */
.select2-container .select2-selection--single {
  height: 36px;
  border: 1px solid #c4d7de;
}

/* line 272, home/amir/securepay-api/app/assets/stylesheets/payments.scss */
.select2-container--default
.select2-selection--single
.select2-selection__rendered {
  line-height: 36px;
}

/* line 277, home/amir/securepay-api/app/assets/stylesheets/payments.scss */
.select2-container--default
.select2-selection--single
.select2-selection__arrow {
  height: 34px;
  right: 10px;
}

/* line 283, home/amir/securepay-api/app/assets/stylesheets/payments.scss */
.select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 15px;
}

/* line 287, home/amir/securepay-api/app/assets/stylesheets/payments.scss */
.select2:focus {
  outline: #3f69b2;
}

/* line 292, home/amir/securepay-api/app/assets/stylesheets/payments.scss */
.select2-results .logo-bank {
  height: 40px;
  margin-right: 0.5rem;
}

/* line 298, home/amir/securepay-api/app/assets/stylesheets/payments.scss */
.card-input-element + .card {
  color: var(--dark);
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 2px solid #ced4da;
}

/* line 303, home/amir/securepay-api/app/assets/stylesheets/payments.scss */
.card-input-element + .card:hover {
  cursor: pointer;
}

/* line 307, home/amir/securepay-api/app/assets/stylesheets/payments.scss */
.card-input-element:checked + .card {
  border: 2px solid var(--primary) !important;
  -webkit-transition: border 0.2s;
  -o-transition: border 0.2s;
  transition: border 0.2s;
  color: var(--primary);
}

/* line 316, home/amir/securepay-api/app/assets/stylesheets/payments.scss */
.checkbox-btn .wrap-input {
  background-color: #f6f7f9;
  font-size: 12px;
  margin: 0 0.125rem;
}

@media only screen and (max-width: 767px) {
  /* line 316, home/amir/securepay-api/app/assets/stylesheets/payments.scss */
  .checkbox-btn .wrap-input {
    margin: 0 0.25rem;
  }
}

/* line 323, home/amir/securepay-api/app/assets/stylesheets/payments.scss */
.checkbox-btn .wrap-input input[type="radio"] {
  opacity: 0;
  position: fixed;
  width: 0;
}

/* line 330, home/amir/securepay-api/app/assets/stylesheets/payments.scss */
.checkbox-btn .wrap-input input[type="radio"]:checked + label {
  background-color: #fff;
  border-color: #2bb6ea;
  font-weight: bold;
  color: #212529;
}

/* line 337, home/amir/securepay-api/app/assets/stylesheets/payments.scss */
.checkbox-btn .wrap-input label {
  display: block;
  text-align: center;
  padding: 0.5rem;
  border: 2px solid #dfe5f1;
  border-radius: 4px;
  line-height: 1em;
  height: 100%;
}

/* line 345, home/amir/securepay-api/app/assets/stylesheets/payments.scss */
.checkbox-btn .wrap-input label:hover {
  background-color: #fff;
  cursor: pointer;
}

/* line 350, home/amir/securepay-api/app/assets/stylesheets/payments.scss */
.checkbox-btn .wrap-input label.disabled img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: 0.4;
}

/* line 356, home/amir/securepay-api/app/assets/stylesheets/payments.scss */
.checkbox-btn .wrap-input label img {
  display: block;
  max-width: 100%;
  height: auto;
  max-height: 32px;
  margin: 0 auto 0.5rem;
}

/* line 368, home/amir/securepay-api/app/assets/stylesheets/payments.scss */
.accordion-default .card {
  border: 0;
  background: none;
}

/* line 372, home/amir/securepay-api/app/assets/stylesheets/payments.scss */
.accordion-default .card .card-header .btn {
  font-weight: 600;
}

/* line 374, home/amir/securepay-api/app/assets/stylesheets/payments.scss */
.accordion-default .card .card-header .btn:focus {
  box-shadow: none;
}

/* line 377, home/amir/securepay-api/app/assets/stylesheets/payments.scss */
.accordion-default .card .card-header .btn:after {
  color: #2bb6ea;
  font-family: "Font Awesome 5 Free";
  content: "\f077";
  float: right;
  font-weight: 900;
}

/* line 384, home/amir/securepay-api/app/assets/stylesheets/payments.scss */
.accordion-default .card .card-header .btn.collapsed:after {
  content: "\f078";
  color: #979da7;
}

/* line 393, home/amir/securepay-api/app/assets/stylesheets/payments.scss */
.logo-sm {
  height: 20px;
}

/* line 397, home/amir/securepay-api/app/assets/stylesheets/payments.scss */
.icon-circle {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 406, home/amir/securepay-api/app/assets/stylesheets/payments.scss */
.header-payment {
  background: url("../bg-shape1.svg") #3f69b2 no-repeat center top;
  background-size: cover;
  min-height: 40px;
  border-radius: .5rem .5rem 0 0;
}

/* line 412, home/amir/securepay-api/app/assets/stylesheets/payments.scss */
.status-payment {
  text-align: center;
}

/* line 414, home/amir/securepay-api/app/assets/stylesheets/payments.scss */
.status-payment .icon-circle {
  border: 3px solid #fff;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */


/*# sourceMappingURL=application.css-5fd911eeb12aa5b5049f646eaf61c1a77c8b7b94d8f73d14762ac68c3526fc3b.map */