.payplans-wrap .text-info {
    color: #3A87AD;
}
.payplans-wrap .text-warning {
    color: #C09853;
}
.payplans-wrap .text-error {
    color: #B94A48;
}
.payplans-wrap .text-success {
    color: #468847;
}
.payplans-wrap .text-left {
  text-align: left;
}
.payplans-wrap .text-right {
  text-align: right;
}
.payplans-wrap .text-center {
  text-align: center;
}
.payplans-wrap .table-borderless td, .table-borderless th{ 
    border: 0 !important
}
/* top and bottom border of table*/
.payplans-wrap .table-row-border {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-collapse: separate;
    border-color: #DDDDDD #DDDDDD #DDDDDD -moz-use-text-color;
    border-image: none;
    border-radius: 4px 4px 4px 4px;
    border-style: solid none solid none;
    border-width: 1px 1px 1px 0;
}

/* this is to handle the modal box when width is small*/
@media (max-width: 767px) {
  
  div.modal.fade.in {
    top: 20px !important;
  }
  
  .modal-body {
    max-height: 250px !important;
  }
  
  div.modal {
  	width: auto !important;
  }
}

/* overriden becuase of tooltip hoverring on radio button */
.payplans-wrap .btn-group > .btn.active {
    z-index: 0 !important;
}