body {
     font-family: 'PT Sans','Roboto Slab';
   
}
.card {
    margin: 0 auto;
    /* Added */
    float: none;
    /* Added */
    margin-bottom: 10px;
    /* Added */;
}
#claimpower .claimpower-card-header {
    background: #523C76;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: bold;
    color: #FFFFFF;
    padding: 5px 0px 0px 5px;
   
}
#claimpower .claimpower-card-header h1 {
    font-size: 16px;
    font-family: "Roboto Slab", sans-serif;
    font-weight: 400;
  
}
#claimpower .cp-row-padding {
    padding-top: 5px;
    padding-bottom: 5px;
}
#claimpower .claimpower-button {
    text-transform: uppercase;
    background-color: #E44113;
    border: 1px solid #E44113;
    box-shadow: 2px 1px 0px #a42f0e;
    border-radius: 10px;
    
}

#claimpower .claimpower-button:hover {
    background: #A42F0E;
    border: 1px solid #A42F0E;
}

#claimpower .claimpower-button span:after {
    content: '\00bb';
    position: absolute;
    opacity: 0;
    top: 0;
    right: -20px;
    transition: 0.5s;
}
#claimpower  .claimpower-button span:after {
    content: '\00bb';
    position: absolute;
    opacity: 0;
    top: 0;
    right: -20px;
    transition: 0.5s;
}

#claimpower .claimpower-button span:after {
    opacity: 1;
    right: 0;
}
#claimpower .claimpower-button span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.5s;
    padding-right: 15px;
}
#claimpower  .btn-space {
    margin-right: 20px;
  
}
div.ui-datepicker {
    font-size: 14px;
}

#claimpower #ClaimpowerLogo {
    max-width: 200px;
    max-height: 40px;
}

#claimpower .claimpower-logo {
    padding-bottom: 20px;
    padding-top: 20px;
}

/*
        background: #523C76;

*/
#claimpower .font-icon {
    color: #E44113;
  
}
#claimpower .font-icon:hover {
    color: #a42f0e;
    cursor: pointer
}
#claimpower label {
font-size:14px;
}

#claimpower input[type=text], #claimpower textarea, #claimpower label, #claimpower table {
    font-size: 14px;
}

#claimpower table {
    font-size: 13px;
    width:100%;
  
}
#claimpower table th {
    background-color: #D7D6DA;
    line-height: 10px;
}
#claimpower table td {
    line-height: 10px;
}

#claimpower .row tbody tr.highlight td {
    background-color: #ccc;
}

a.linkButton:link, a.linkButton:visited {
    background-color: #007bff;
    width: 50px;
    
    color: white;
   
    padding:5px;

    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    
}
#claimpower #_getRfferalList td {
padding:10px;
}
#claimpower .error {
font-size:10px;
}
.scrolle-safari {
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
}
    .scrolle-safari::-webkit-scrollbar {
        -webkit-appearance: none;
    }

.scrolle-safari::-webkit-scrollbar:vertical {
    width: 11px;
}

.scrolle-safari::-webkit-scrollbar:horizontal {
    height: 11px;
}

.scrolle-safari::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid white; /* should match background, can't be transparent */
    background-color: rgba(0, 0, 0, .5);
}


/* Sticky footer styles
        -------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 60px;
    line-height: 60px; /* Vertically center the text there */
}


/* Custom page CSS
        -------------------------------------------------- */
/* Not required for template or sticky footer method. */

body > .container {
    padding: 60px 15px 0;
}

.footer > .container {
    padding-right: 15px;
    padding-left: 15px;
}

code {
    font-size: 80%;
}