/*--------------------------------------------------------------------------------------------------------------------*/
/*GENERAL*/
/*--------------------------------------------------------------------------------------------------------------------*/

#make_a_payment_banner_id, #logout_payment_banner_id {
    display: none;
    cursor: pointer;
}

.payment_description {
    margin-top: 10px;
    margin-bottom: 20px;
}

.successful_message {
    margin-bottom: 20px;
    text-align: center;
}

.btn-purple {
    background-color: #8b4ea9;
    width: 150px;
    position: relative;
    display: inline-block;
    text-align: center;
    height: 40px;
    /*line-height: 40px;*/
    color: white;
    border: 1px solid #8b4ea9;
    text-decoration: none !important;
    font-size: 18px;
}

.btn-purple:hover {
    color: #8b4ea9;
    background-color: white;
}

.btn-white {
    background-color: white;
    width: 150px;
    position: relative;
    display: inline-block;
    text-align: center;
    height: 40px;
    /*line-height: 40px;*/
    color: #8b4ea9;
    border: 1px solid #8b4ea9;
    text-decoration: none !important;
    font-size: 18px;
}

.btn-white:hover {
    color: white;
    background-color: #8b4ea9;
}

.col-rm-pd {
    padding-left: 0px;
    padding-right: 0px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: white !important;
    background-image: none !important;
    background-color: #8B4EA9 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: white !important;
    background-image: none !important;
    background-color: #8B4EA9 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    color: white !important;
}

.dataTables_wrapper .dataTables_length {
    margin-top: 20px;
}

.mt-7 {
    margin-top: 7px;
}

.cal-purple {
    color: #84329B;
}

.cal-orange {
    color: #E42D2D;
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*END OF GENERAL*/
/*--------------------------------------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------------------------------------------*/
/*LOGIN*/
/*--------------------------------------------------------------------------------------------------------------------*/

.login_label {
    color: #8b4ea9;
}

.login_button_container {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.login_forgot_password_container {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.login_forgot_password {
    color: #8b4ea9;
    font-weight: bold;
}

.login_forgot_password:hover {
    text-decoration: underline;
    cursor: pointer;
}

.signup_container {
    margin-bottom: 20px;
    margin-top: 50px;
    text-align: center;
}

.signup_link {
    color: #8b4ea9;
    font-weight: bold;
}

.signup_link:hover {
    text-decoration: underline;
    cursor: pointer;
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*END LOGIN*/
/*--------------------------------------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------------------------------------------*/
/*DASHBOARD*/
/*--------------------------------------------------------------------------------------------------------------------*/

.dashboard_summary_row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.dashboard_summary_item {
    border: 1px solid #D1D1D1;
    padding: 10px;
    /*margin-left: 10px;*/
    /*margin-right: 10px;*/
}

.d-s-i-label {
    font-weight: bold;
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.d-s-i-detail {
    margin-bottom: 5px;
    margin-top: 5px;
    text-align: right;
}

.d-s-i-currency {
    /*text-align: center;*/
    padding-right: 0px;
    font-weight: bold;
}

.d-s-i-amount {
    text-align: end;
    font-size: 20px;
}

.detail_purple {
    font-size: 25px;
    color: #8B4EA9;
}

.detail_orange {
    color: #E42D2D;
    font-size: 25px;
}

.detail_blue {
    font-size: 25px;
    color: #333;
}

.dashboard_invoices_tabs {
    margin-top: 50px;
}

#pending_invoice_table tbody tr:hover {
    background-color: #d0d0d0;
    cursor: pointer;
}

#pending_invoice_table tbody tr td:first-child {
    text-decoration: underline;
    color: #8b4ea9;
}

.dashboard_invoices_tabs > ul > li {
    width: 50%;
    cursor: pointer;
}

.dashboard_invoices_tabs > ul > li > a {
    font-size: 20px;
    font-weight: bold;
    background-color: white;
    color: #8B4EA9;
    border-radius: 0;
}

#history_invoice_table > tbody > tr > td:first-child {
    text-decoration: underline;
    color: #8b4ea9;
}

#history_invoice_table > tbody > tr:hover {
    background-color: #d0d0d0;
    cursor: pointer;
}

.history_summary_table tr{
    background-color: #f5f5f5 !important;
}

.history_summary_table td{
    border-top: none !important;
}

.history_summary_table th{
    border-bottom: none !important;
}

.awbs_summary_container {
    padding: 10px 10px 20px;
}

.awb_summary_header {
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
}

tr.awbs_summary_row {
    background-color: #f5f5f5 !important;
    border-bottom: 1px solid #84329B;
}

td.awbs_summary_row {
    border-bottom: 1px solid #84329B;
    color: #333 !important;
}

.awbs_summary_highlight {
    border-bottom: 1px solid #84329B;
    border-top: 1px solid #84329B;
}

.awbs_summary_highlight_left {
    border-left: 1px solid #84329B;
}

.awbs_summary_highlight_right {
    border-right: 1px solid #84329B;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    background-color: #8B4EA9 !important;
    color: white !important;
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*END OF DASHBOARD*/
/*--------------------------------------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------------------------------------------*/
/*INVOICE*/
/*--------------------------------------------------------------------------------------------------------------------*/

.cargo-fa {
    cursor: pointer;
    color: #8b4ea9;
}

.i-s-item, .i-t-item {
    margin-bottom: 5px;
    margin-top: 5px;
}

.i-s-i-label, .i-t-i-label {
    font-weight: bold;
}

.i-t-i-label {
    text-align: left;
}

.i-t-i-amount {
    text-align: right;
}

.invoice_summary {
    margin-bottom: 40px;
}

.invoice_totals {
    background-color: #F9F9F9;
    margin-top: 50px;
    text-align: center;
    padding: 10px;
}

.pay_button_container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 20px;
    margin-bottom: 20px;
}

#invoice_details_table tbody tr td {
    cursor: default;
}

#invoice_details_table tbody tr td:first-child {
    cursor: pointer;
}

#invoice_details_table tbody tr td:nth-child(2) {
    /*text-decoration: underline;*/
    /*color: #8b4ea9;*/
    /*cursor: pointer;*/
}

table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected {
    background-color: rgba(36, 146, 76, 0.1);
}

.payment_total_loader {
    display: block !important;
    text-align: right;
    padding-right: 35px;
    color: #84329B;
}

.currency_select {
    width: 80px;
    display: inline-block;
    background-color: transparent;
    border: none;
    box-shadow: none;
    color: #84329B;
}

/*MODAL*/

.modal-dialog {
    top: 30vh;
}

.modal-title {
    color: #8B4EA9;
}

.modal-header > .close {
    color: #8B4EA9;
    opacity: 1 !important;
}

/*END OF MODAL*/

/*--------------------------------------------------------------------------------------------------------------------*/
/*END OF INVOICE*/
/*--------------------------------------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------------------------------------------*/
/*PAY*/
/*--------------------------------------------------------------------------------------------------------------------*/

#cc_pay_option, #paypal_pay_option, #paypal_pay_option_none {
    display: none;
}

.payment_header {
    font-weight: 500;
    font-size: 28px;
}

.payment_header_bold {
    font-weight: 600;
}

.payment_options {
    margin-top: 10px;
    margin-bottom: 10px;
}

.details_box {
    border: 1px solid #d7d7d7;
}

.payment_options_selected {
    background-color: #84329B;
    border: 1px solid #707070;
    color: #fff;
}

.options_box {
    padding-bottom: 20px;
    padding-top: 20px;
    border: 1px solid #D6D6D6;
    background-color: #EBEBEB;
}

.options_box_disabled{
    opacity: 0.3;
}

.options_select {
    padding-left: 0;
    padding-right: 0;
}

.options_box_selected {
    border: 1px solid #84329B;
    color: #84329B;
    background-color: white;
}

.options_header {
    font-size: 20px;
    font-weight: 600;
}

.options_header > .note{
    font-size: 70%;
    display: block;
}

.options_icons {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.card_img {
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-top: 5px;
}

.select_circle_container {
    position: relative;
    height: 16px;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.select_circle_outer {
    border: 1px solid #707070;
    width: 16px;
    height: 16px;
    position: absolute;
    border-radius: 16px;
    background-color: white;
    top: 6px;
}

.select_circle_inner {
    border: 2px solid #707070;
    width: 10px;
    height: 10px;
    position: absolute;
    border-radius: 20px;
    background-color: #07DD63;
    left: 2px;
    top: 2px;
}

.form-heading {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
    margin-top: 20px;
}

.details_label {
    text-align: left !important;
}

.form_slash {
    font-weight: bold;
    border: none;
    box-shadow: none;
    display: block;
    padding-top: 6px;
    padding-bottom: 6px;
}

#payment_container label {
    font-weight: 500 !important;
}

#credit_details_box {
    display: none;
}

.payment_terms {
    margin-top: 10px;
    margin-bottom: 10px;
}

.terms_box {
    padding-bottom: 10px;
    padding-top: 10px;
    border: 1px solid #D6D6D6;
}

.terms_header {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
}

.terms_checkbox {
    margin-bottom: 5px;
    margin-top: 5px;
}

.external-link {
    cursor: pointer;
    text-decoration: underline;
    color: #84329B;
}

.external-link:hover {
    font-weight: 600;
}

.payment_back_button {
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
}

.payment_transaction_id {
    font-weight: bolder;
}

.payment-fa {
    color: green;
}

.no-trans-fa {
    color: orange;
}

.payment_success_message {
    margin-top: 40px;
    margin-bottom: 40px;
}

#success_message {
    text-align: left;
}

.payment_dashboard_button {
    margin-top: 10px;
    margin-bottom: 10px;
}

#payment_buttons {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    margin-top: 20px;
    flex-wrap: wrap;
}

.btn-payment {
    position: relative;
    display: inline-block;
    text-align: center;
    height: 40px;
    text-decoration: none !important;
    font-size: 16px;
    border-radius: 25px;
    font-weight: bold;
    min-width: 160px;
    margin: 10px 20px;
}

.btn-payment-grey {
    background-color: #626571;
    color: white;
    border: 1px solid #626571;
}

.btn-payment-grey:hover, .btn-payment-grey:focus {
    color: #626571;
    background-color: white;
}

.btn-payment-pink {
    background-color: #CC168F;
    color: white;
    border: 1px solid #CC168F;
}

.btn-payment-pink:hover, .btn-payment-pink:focus {
    color: #CC168F;
    background-color: white;
}

.payment_items_list {
    margin-bottom: 10px;
    margin-top: 10px;
}

.payment_item {
    text-align: left;
}

.payment_price {
    text-align: right;
}

.payment_item_row {
    margin-bottom: 5px;
    margin-top: 5px;
}

.payment_total_row {
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 5px;
}

.help-block {
    display: none;
}

.form-group.has-error .help-block {
    display: block;
}

.pay-fa{
    color: #84329B;
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*END OF PAY*/
/*--------------------------------------------------------------------------------------------------------------------*/