@import url('https://fonts.googleapis.com/css?family=Roboto:400,700');



/* Wallet topup form */



.hrw_topup_form_wrapper{

    width:100%;

    margin-bottom:15px;



}

.hrw_topup_form_wrapper h2, 

.hrw_wallet_balance h2,

.hrw_unsubscribe_field h2,

.hrw_transaction_log h2{

    text-transform:none;

    font-size:20px !important;

    font-weight:600;

    color:#222;

    padding:0;

    margin:15px 0px !important;

    font-family: 'Roboto', sans-serif !important;

}

.hrw_topup_form_wrapper fieldset{

    width:100%;

    border:1px solid #222;

    border-radius:5px;

    font-family: 'Roboto', sans-serif;

    box-shadow:0 0 3px #000;

    margin:0;

    padding:0;

}

.hrw_topup_form_wrapper fieldset legend{

    font-size:14px;

    background:#e3e3e3;

    padding:10px 15px;

    margin-left:20px;

    border-radius: 5px;

    border:1px solid #222;

    color:#f55b11;

    line-height:normal;

    font-weight:normal;

    letter-spacing: 0px;

    font-family: 'Roboto', sans-serif;

    width: auto;

}

.hrw_topup_form_content{

    width:100%;

    float:left;

    margin:0;

    padding:0;

}

.hrw_topup_form_content .hrw_topup_form_inner_content{

    width:94%;

    margin-left:3%;

    padding:0;

    float:left;

    margin-top:15px;

    margin-bottom:20px;

}

.hrw_topup_form_inner_content label{

    display:block;

    font-size:16px;

    color:#000;

    font-weight:600;

    margin:0;

    padding:0;

    letter-spacing: 0px;

    font-family: 'Roboto', sans-serif;

    margin-bottom:5px;

    cursor:default;

}

.hrw_topup_form_inner_content input[type='number']{

    box-shadow: 0 -5px 10px 2px rgba(0, 0, 0, 0.03) inset !important;

    width: 100% !important;

    border: 1px solid #bbb !important;

    border-radius: 5px !important;

    height: 35px !important;

    font-family: 'Roboto', sans-serif;

    font-size: 14px;

    font-weight: 400 !important;

    color: #666 !important;

    background: #fff;

    padding: 0px 0px 0px 10px !important;

    outline: none !important;

    margin:10px 0px;

}

.hrw_topup_form_inner_content input[type='number']:-moz-read-only{

    background:#ccc;

    cursor: not-allowed;

}

.hrw_topup_form_inner_content input[type='number']:-webkit-read-only{

    background:#ccc;

    cursor: not-allowed;

}

.hrw_topup_form_inner_content input[type='number']:read-only{

    background:#ccc;

    cursor: not-allowed;

}



.hrw_topup_form_inner_content input[type='submit']{

    color: #fff;

    padding: 10px 20px !important;

    border: none !important;

    box-shadow: none !important;

    position: relative;

    width: auto !important;

    height: auto !important;

    text-shadow: none;

    font-size: 14px;

    font-weight: bold;

    border-radius: 5px;

    font-family: 'Roboto', sans-serif;

    text-transform: none;

    margin:5px 0px 0px 0px;

    letter-spacing: 0px;

    line-height: normal;

    background:#138f30;

    float:left;

}

.hrw_topup_form_inner_content input[type='submit']:hover{

    box-shadow: 0 0 3px #000 !important;

    background:#138f30;

    color:#fff;

    cursor: pointer;

}

.hrw_topup_amount_buttons{

    width:100%;

    margin:15px 0px;

    float:left;

    padding:0;    

}

.hrw_topup_amount_buttons .hrw_topup_prefilled_amount{

    color: #222;

    padding: 10px 20px !important;

    border: none !important;

    box-shadow: 0 0 3px #f55b11 inset !important;

    position: relative;

    width: auto !important;

    height: auto !important;

    text-shadow: none;

    font-size: 14px;

    font-weight: bold;

    border-radius: 5px;

    font-family: 'Roboto', sans-serif;

    text-transform: none;

    margin:5px 10px 5px 0px;

    letter-spacing: 0px;

    line-height: normal;

    background:#fff;

    float:left;

    cursor: pointer;

    display: inline-block;

}

.hrw_topup_amount_buttons .hrw_topup_prefilled_amount:hover,

.hrw_topup_amount_buttons .hrw_topup_prefilled_amount:focus,

.hrw_topup_amount_buttons .hrw_topup_prefilled_amount:active,

.hrw_topup_amount_buttons .hrw_active_topup_amount{

    background:#f55b11;

    color:#fff;

    box-shadow: 0 0 3px #000070 !important;

}



/* wallet balance table */



.hrw_wallet_balance table{

    width:100%;

    border-collapse: collapse;

    margin:0;

    padding:0;

    border:1px solid #6e6c6a;

    margin-bottom:20px;

}

.hrw_wallet_balance table tr td{

    padding:10px;

    color:#000;

    border-bottom:1px solid #6e6c6a;

    border-top:none;

}

.hrw_wallet_balance table tr td:first-child{

    background:#6e6c6a;

    color:#fff;

    font-size:14px;

}

.hrw_wallet_balance table tr:nth-child(even){

    background:#f9f9f9;

}

.hrw_myaccount_wallet_wrapper p.hrw_dashboard_view_link{

    width:100%;

    display:block;

    float:left;

    padding:0;

    font-size:14px;

    color:#000 !important;

}

.hrw_myaccount_wallet_wrapper p.hrw_dashboard_view_link a{

    color:#00f !important;

    text-decoration: none;

    font-weight:bold;

}

.hrw_myaccount_wallet_wrapper p.hrw_dashboard_view_link a:hover{

    text-decoration: underline;

}

/* wallet Transation log table */



.hrw_transaction_log table{

    width:100%;

    border-collapse: collapse;

    margin:0;

    padding:0;

    border:1px solid #6e6c6a; 

}

.hrw_transaction_log table thead{

    background:#6e6c6a;

    padding: 5px;

}



.hrw_transaction_log table thead th{

    color: #fff !important;

    font-weight: bold;

    padding: 12px 10px;

    font-family: 'Roboto', sans-serif;

}

.hrw_transaction_log table tbody td{

    color: #333 !important;

    font-weight: bold;

    padding: 12px 10px;

    font-family: 'Roboto', sans-serif;

    text-align: center;

    border-right: 1px solid #6e6c6a;

    border-bottom:none;

    border-top:none;

}

.hrw_transaction_log table tr:nth-child(even){

    background:#f9f9f9;

}

.hrw_hide{

    display: none;

}