.form-group .field-error-msg {
  display: none;
  font-size: .85em;
  color: #c00;
}
form#frmCreditCardDetails .col-sm-6 {
    width:100%;
}
form#frmCreditCardDetails .form-group {
    min-height:auto !important;
    margin-bottom: 15px;
}
form#frmCreditCardDetails label {
    margin-bottom:10px;
}
form#frmCreditCardDetails #inputDescription,form#frmCreditCardDetails .selectize-control,label[for="inputDescription"] {
    display:none;
}
.bottom-margin-5 {
    margin-bottom:10px;
}
.btn-danger {
    color:#fff !important;
}
.whmcs-modal {
    z-index: 9999;
}
    .StripeElement {
          border-color: var(--fimobile-theme-bordercolor) !important;
  border-radius: var(--fimobile-input-rounded) !important;
  padding: var(--fimobile-padding) var(--fimobile-padding) var(--fimobile-padding) var(--fimobile-padding) !important;
  height: auto !important;
  line-height: 32px !important;
  box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.05) !important;
  -webkit-box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.05) !important;
  -moz-box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.05) !important;

    }  

#rightModal {
    z-index:2000 !important;
}
.jconfirm .jconfirm-cell {
    vertical-align:top;
}
.avatar.avatar-50 {
    line-height:55px;
}

.footer .nav .nav-item.centerbutton .nav-link.active > span i.open {
        opacity: 0;
    }
    
.uk-pagination {
  display: flex;
  /* 1 */
  flex-wrap: wrap;
  /* 2 */
  margin-left: -20px;
  /* 3 */
  padding: 0;
  list-style: none;
position: relative;
  display: inline-block;
}
/*
 * 1. Space is allocated solely based on content dimensions: 0 0 auto
 * 2. Gutter
 * 3. Create position context for dropdowns
 */
.uk-pagination > * {
  /* 1 */
  flex: none;
  /* 2 */
  padding-left: 20px;
  /* 3 */
  position: relative;
  display: inline-block;
}
/* Items
 ========================================================================== */
/*
 * 1. Prevent gap if child element is `inline-block`, e.g. an icon
 * 2. Style
 */
.uk-pagination > * > * {
  /* 1 */
  display: block;
  /* 2 */
  transition: color 0.1s ease-in-out;
  line-height: 1.25;
  color: #77838f;
  background-color: #fff;
  border: 0 solid #77838f;
  padding: 0.5rem 0.75rem;
  border-radius: 5px;
  font-weight: 600;
}
/* Hover + Focus */
.uk-pagination > * > :hover,
.uk-pagination > * > :focus {
  text-decoration: none;
  color: #3e416d;
  background-color: rgba(9, 27, 18, 0.1);
  border-color: rgba(9, 27, 18, 0.1);
}
/* Active */
.uk-pagination > .uk-active > * {
  text-decoration: none;
  color: #ffffff;
  background-color: #3e416d;
  border-color: #3e416d;
}
/* Disabled */
.uk-pagination > .uk-disabled > * {
  text-decoration: none;
  color: #3e416d;
  background-color: rgba(12, 22, 39, 0.1);
  border-color: rgba(12, 22, 39, 0.1);
}
.uk-pagination span { 
  display: inline-flex;  
}
    .text-black { color:#000 !important; }
        .rightModal .modal-dialog-slideout {min-height: 100%; margin: 0 0 0 auto;background: #fff;}
.modal.fade .modal-dialog.modal-dialog-slideout {-webkit-transform: translate(100%,0)scale(1);transform: translate(100%,0)scale(1);}
.modal.fade.show .modal-dialog.modal-dialog-slideout {-webkit-transform: translate(0,0);transform: translate(0,0);display: flex;align-items: stretch;-webkit-box-align: stretch;height: 100%;}
.modal.fade.show .modal-dialog.modal-dialog-slideout .modal-body{overflow-y: auto;overflow-x: hidden;}
.modal-dialog-slideout .modal-content{border: 0;}
.modal-dialog-slideout .modal-header, .modal-dialog-slideout .modal-footer {height: 69px; display: block;}
.rightModal .modal-dialog-slideout .modal-header h5 {float:left;color:blue;}

#leftModal .modal-dialog-slideout {min-height: 100%; margin: 0 auto 0 0;background: #fff;}
#leftModal .modal-dialog-slideout .modal-header h5 {float:left;color:red;}

#leftModal.modal.fade:not(.show) .modal-dialog.modal-dialog-slideout {
    -webkit-transform: translate(100%,0)scale(1);
    transform: translate(-100%,0)scale(1);
}