p{
    font-size: 1em;
}
table, table strong, table .btn {
    font-size: 16px;
}
.close{
    background: transparent;
    color: #fff;
    border: none;
}
#payment-options,#apply-options-intro{
    top:0%;
}
.modal{
    margin-top: 10%;
}
.modal-content{
    min-height: 310px;
}
.navigation{
    display:none;
}
.btn-cancel{
    display: none;
}
.btn-exit{
    display: none; 
}
.pay-container-wrapper{
    min-height: 186px;
}
.pay-wrapper{
    padding: 1em;
    border: 1px solid #ccc;
    border-radius: .25em;
}

    .pay-wrapper .btn {
        font-size: 1em;
    }

.pay-container h5{
    text-align: center;
    color: #e60000;
    font-size: 16px;
}

.pay-container h5.green{
    color: green;    
}
.signature h5{
    font-size: 16px;
}
.disabled-link {
  pointer-events: none;
}

#paymentModal{
    color: #141414;
    font-size: 1em;
}
#paymentModal .modal {
  overflow-y:auto;
}
  #paymentModal .modal.fade {
      -webkit-transition: none;
      -moz-transition: none;
      -ms-transition: none;
      -o-transition: none;
      transition: none;
  }
  #paymentModal .modal-content{
    background: #f7f7f7;
    border: none;
    border-radius: 0px;				
  }			
  #paymentModal .modal-header, 
  #sendVerify .modal-header, 
  #codeVerify .modal-header{
    background: #30477a;
    color: #fff;
    border-radius: 0;
  }

    #paymentModal .modal-header hr{
      width: 3em;
      text-align: center;
      border-bottom: 1px solid #fff;
    }

    #paymentModal .modal-header .close{
      color: #fff;
      text-shadow: none;
      opacity: 1;
      position: absolute;
      top: 10px;
      right: 15px;      
    }
    #paymentModal .modal-body{
        min-height: 28em;
    }
    #paymentModal .lds-roller {
        color: #202e50;
    }
        #paymentModal .lds-roller div:after {
            background: #202e50;
        }
#paymentModal .modal-header,.modal-footer{			
	border: none !important;
}  

#paymentModal input[type=text],
#paymentModal input[type=password],
#paymentModal input[type=email],
#paymentModal textarea[type=text] {
    font-size: 1em;
}

#sendVerify, #codeVerify, 
#codeVerify .form-group .btn,
#sendVerify .form-group .btn{
/*    font-size: 1.1em;*/
}

#sendVerify .custom-control:hover,
#sendVerify .custom-control-label:hover{
    cursor: pointer;
}

#sendVerify .custom-control-label::before {
    top: 0.5rem;
    left: -2rem;
    width: 1.5rem;
    height: 1.5rem;
}

#sendVerify .custom-control-label::after {
    top: 0.21rem;
    left: -2.27rem;
    width: 2rem;
    height: 2rem;
}

#sendVerify .verify_method-error{
    display: block !important;
}

#codeVerify, #sendVerify{
    
}

    #codeVerify h4, #sendVerify h4{
        font-size: 18px;
    }
    #codeVerify h5, #sendVerify h5{
        font-size: 16px;
    }
.dk-blue{
    background: #30477a !important;
    background-color: #30477a !important;
    color:#fff;
    padding: 5px;
}

.dk-blue:hover, .dk-blue:focus{
    color:#fff;
}

.dk-mod-blue-bc{
    padding: 5px;
}

.link-fixed{
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 13px;
    color: #007bff !important;
    margin-left: -40px;
}

.template-wrapper{
    position: relative;
}  
    .template-wrapper strong{
        font-weight: 500;
    } 
    
.payslip{
   font-size: 16px; 
}

#form-loader{
    display: none;
}

.table-property th,
.table-property td{
    white-space: nowrap;
    font-size: 14px;
}
.table-property tr:hover{
    cursor:pointer;
}

.table-property .value{
    font-weight: bold;    
}

.se-pre-con-inner{
    z-index: 9999;
    margin-top: 6em;    
    display: none;
}
.se-pre-con-inner .lds-roller, #sendVerify .lds-roller, #codeVerify .lds-roller{
    color:#202e50;
}

.se-pre-con-inner .lds-roller div:after,
#sendVerify .lds-roller div:after,
#codeVerify .lds-roller div:after{
    background: #202e50;
}

.help-block{
    color:#e60000;
    font-size: 12px;
}
.icon-pdf{
    position: absolute;
    right: 20px;
}

.subset{
    font-size: .7em;
    margin: 1em 0;    
}

.payment{
    background: #549be9;
    color: #fff;
    padding: 2px 8px;
    border-radius: 2px;    
}
::placeholder {
    color:#ccc !important;
  }

.form-control {
    font-size: 1em;
    background-color: #f5f5f5;
    border: none;    
}
    .form-control:focus {
        box-shadow: none !important;
        background-color: #f5f5f5 !important;
    }
hr{
    margin: 1.5em auto;
}    

h5.lookup-hr {
	max-width: 80%; 
	text-align: center; 
	border-bottom: 1px solid #9e9e9e; 
	line-height: 0.1em;
	margin: 2.5em auto;
	color: #9e9e9e;
 } 
 
 h5.lookup-hr span { 
	 background:#ffffff; 
	 padding:0 1em; 
 }

 .fa-file-pdf-o{
     font-size: 1.4em;
 }

#pills-tab{
    max-width: 300px;
    margin: auto;    
}
.details{
    font-size: 1em;
}

#enrollTab{
    max-width: 1000px;
    margin: auto;    
}
#debit-card{
    min-width: 600px;
    margin: auto;    
}
#debitCard input, #enrollForm input{
    border:none;
    border-radius: 0;
    border-bottom: 1px solid #ccc;
}

#debitCard .form-control:focus, #enrollForm .form-control:focus {
    box-shadow: none;
}

#enrollForm .rt-side{
    margin-top: 20px;
}
.telecheck img{
    max-width: 100px;
    margin: auto;
}

.check img{
    max-width: 250px;
    position: absolute;
    right: 13px;
}

.pay-wrapper{
    margin: auto;
}
.has-error, .help-block{
    display: block;
    color: red;
    border-color: red;
    white-space: nowrap;
    font-size: 14px;
}

.img-card{
    margin-top: 2em;    
}

.img-card img{
    max-height: 30px;
}

.border-line {
    border-right: 1px solid #BDBDBD
}

.btn-red {
    background-color: #EF5350;
    color: #fff;
    padding: 8px 25px;
    border-radius: 50px;
    font-size: 18px;
    letter-spacing: 2px;
    border: 2px solid #fff
}

.btn-red:hover {
    box-shadow: 0 0 0 2px #EF5350;
    color: #fff;
}

.btn-red:focus {
    box-shadow: 0 0 0 2px #EF5350 !important
}

.btn-blue {
    background-color: #007bff;
    color: #fff;
    padding: 8px 25px;
    border-radius: 50px;
    font-size: 18px;
    letter-spacing: 2px;
    border: 2px solid #fff
}

.btn-blue:hover {
    box-shadow: 0 0 0 2px #007bff;
    color: #fff;
}

.btn-blue:focus {
    box-shadow: 0 0 0 2px #007bff !important
}

.verify-msg{
    display: none;
}