﻿.PayGo_info_message {
    font-size: 120%;
    font-weight: bold;
    text-align: left;
    padding: 0.7em 0.7em 0.7em 45px;
    margin:10px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    width: 90%;
    border:solid 1px darkgray; 
    background-color:White;
    color:black;
    background-image:url(/images/info.png);
    background-position:5px center;
    background-repeat:no-repeat;
}

.PayGo_warning_message {
    font-size: 120%;
    font-weight: bold;
    text-align: left;
    padding: 0.7em 0.7em 0.7em 45px;
    margin:10px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    width: 90%;
    border:solid 1px darkgray; 
    background:cornsilk;
    color:black;
    background-image:url(/images/alert.png);
    background-position:5px center;
    background-repeat:no-repeat;
}
            
.PayGo_error_message {
    font-size: 120%;
    font-weight: bold;
    text-align: left;
    padding: 0.7em 0.7em 0.7em 45px;
    margin:10px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    width: 90%;
    border:solid 1px darkgray; 
    background:#CD0A0A;
    color:white;
    background-image:url(/images/stop.png);
    background-position:5px center;
    background-repeat:no-repeat;
}

.PayGo_hide
{
    display:none;
}

.PayGo_login_box {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    border: solid 1px darkgray;
    background-color: #DDDDDD;
    padding: 10px;
    margin-left: auto;
    margin-right: auto;
    width: 375px;
}

.PayGo_login_container {
    width: 400px;
    height: 350px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.PayGo_form_field_column {
    float:left;
    text-align:left;
    width:350px;
    margin-left:1em;
    vertical-align:middle;
}

.PayGo_form_label_column {
    float:left;
    width:300px;
    font-weight:bold;
    text-align:right;
}

.PayGo_login_form_field_column {
    float:left;
    text-align:left;
    width:250px;
    margin-left:1em;
    vertical-align:middle;
}

.PayGo_login_form_label_column {
    float:left;
    width:100px;
    font-weight:bold;
    text-align:right;
}

.PayGo_form_column_tall {
    line-height:30px;
}

.PayGo_vertical_align_middle {
    vertical-align:middle;
}

.PayGo_row_div {
    clear:both;
    overflow:hidden;
}

.PayGo_standard_text_field {
    width:300px;
}

.PayGo_login_text_field {
    width:225px;
}

.PayGo_currency_text_field {
    width:100px;
}

.PayGo_medium_top_padding {
    padding-top:10px;
}

.PayGo_large_top_padding {
    padding-top:20px;
}

.PayGo_align_text_center {
    text-align:center;
}

.PayGo_align_text_right {
    text-align:right;
}

.PayGo_align_text_left {
    text-align:left;
}

.PayGo_full_width {
    width: 100%;
}

.PayGo_center_table {
    margin: 0 auto;
}

.PayGo_8px_spacing_table {
    border-spacing: 8px;
}

.PayGo_table_cell_align_top {
    vertical-align: top;
}

.PayGo_table_cell_align_middle {
    vertical-align: middle;
}

.PayGo_table_cell_align_bottom {
    vertical-align: bottom;
}

.PayGo_generic_table_form_label {
    vertical-align: middle;
    text-align: right;
    font-weight: 700;
}

.PayGo_generic_table_form_label_top {
    vertical-align: top;
    text-align: right;
    font-weight: 700;
}

.PayGo_pointer {
    cursor: pointer;
}

.PayGo_footer_image {
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

.PayGo_navigation_container {
    clear: both;
    text-align: center;
}

.PayGo_main_content_container {
    clear: both;
    padding: 0px 15px 0px 15px;
}

.PayGo_login_status_area {
    float: left;
    width: 21%;
    text-align: right;
    padding-bottom: 10px;
    height: 30px;
    background: #f4f4f4;
}

.PayGo_current_title_area {
    float: left;
    width: 56%;
    padding-bottom: 10px;
    font-size: 18px;
    font-weight: 700;
    height: 30px;
    background: #f4f4f4;
    -webkit-text-shadow:2px 2px 0px #cccccc;
    text-shadow:2px 2px 0px #cccccc;
    text-align: center;
}

.PayGo_current_title_area_printer_friendly {
    width: 100%;
    font-size: 18px;
    font-weight: 700;
    height: 30px;
    -webkit-text-shadow:2px 2px 0px #cccccc;
    text-shadow:2px 2px 0px #cccccc;
    text-align: center;
}

.PayGo_action_buttons_area {
    float: left;
    width: 21%;
    padding-bottom: 10px;
    height: 30px;
    background: #f4f4f4;
}

.PayGo_header_area {
    padding-top: 20px;
    background: #f4f4f4;
}

.PayGo_header_side_padding {
    width: 1%;
    height: 40px;
    float: left;
    background: #f4f4f4;
}

.PayGo_spaced_links_buttons {
    margin-left:4px;
    margin-right:4px;
}

.PayGo_red_note {
    color: #CD0A0A;
}

.PayGo_validation_error {
    color: #CD0A0A;
    font-weight:bold;
}

.PayGo_generic_message {
    color: #011885;
    font-weight:bold;
}

.PayGo_body {
    background-color:#FFFFFF;
    margin: 0px;
    font-family:Verdana;
    font-size:10pt;
}

.PayGo_standard_font {
    font-family:Verdana;
    font-size:10pt;
}

.PayGo_table_section_row {
    color: #011885;
    font-weight:bold;
    padding-top: 10px;
}

.PayGo_form_button {
    -moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
    -webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
    box-shadow:inset 0px 1px 0px 0px #97c4fe;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0) );
    background:-moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');
    background-color:#3d94f6;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #337fed;
    display:inline-block;
    color:#ffffff;
    font-family:arial;
    font-size:13px;
    font-weight:bold;
    padding:6px 24px;
    text-decoration:none;
    -webkit-text-shadow:1px 1px 0px #1570cd;
    text-shadow:1px 1px 0px #1570cd;
    cursor: pointer;
}

.PayGo_form_button_small {
    -moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
    -webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
    box-shadow:inset 0px 1px 0px 0px #97c4fe;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0) );
    background:-moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');
    background-color:#3d94f6;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #337fed;
    display:inline-block;
    color:#ffffff;
    font-family:arial;
    font-size:13px;
    font-weight:bold;
    padding:3px 12px;
    text-decoration:none;
    -webkit-text-shadow:1px 1px 0px #1570cd;
    text-shadow:1px 1px 0px #1570cd;
    cursor: pointer;
}

.PayGo_form_button:hover, .PayGo_form_button_small:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6) );
    background:-moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6');
    background-color:#1e62d0;
}

.PayGo_form_button:active, .PayGo_form_button_small:active {
    position:relative;
    top:1px;
}

#PayGo_navlist {
    padding: 6px 0;
    margin-left: 0;
    border-bottom: 1px solid #888888;
    font: bold 12px Verdana, sans-serif;
    background: #f4f4f4;
}

#PayGo_navlist li {
    list-style: none;
    margin: 0;
    display: inline;
    cursor: pointer;
}

#PayGo_navlist li a {
    padding: 6px 1em;
    margin-left: 8px;
    border: 1px solid #888888;
    border-top-left-radius:6px;
    border-top-right-radius:6px;
    border-bottom: none;
    background: #DDDDDD;
    text-decoration: none;
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    -webkit-text-shadow:1px 1px 0px #CCCCCC;
    text-shadow:1px 1px 0px #CCCCCC;
}

#PayGo_navlist li a:link {
    color: #555555;
}
#PayGo_navlist li a:visited {
    color: #555555;
}

#PayGo_navlist li a:hover {
    color: #FFFFFF;
    background: #3d94f6;
    border-color: #888888;
    -moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
    -webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
    box-shadow:inset 0px 1px 0px 0px #97c4fe;
    -webkit-text-shadow:1px 1px 0px #1570cd;
    text-shadow:1px 1px 0px #1570cd;
}

#PayGo_navlist li a#PayGo_current_tab {
    color: #3d94f6;
    background: white;
    border-color: #888888;
    border-bottom: 1px solid white;
    -moz-box-shadow:inset 0px 1px 0px 0px #dddddd;
    -webkit-box-shadow:inset 0px 1px 0px 0px #dddddd;
    box-shadow:inset 0px 1px 0px 0px #dddddd;
    -webkit-text-shadow:1px 1px 0px #dbebff;
    text-shadow:1px 1px 0px #dbebff;
}

.PayGo_page_section_header {
    padding: 6px 1em;
    border: 1px solid #888888;
    border-radius:6px;
    background: #DDDDDD;
    text-decoration: none;
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    -webkit-text-shadow:1px 1px 0px #CCCCCC;
    text-shadow:1px 1px 0px #CCCCCC;
    color: #333333;
}

.PayGo_report_container {
    margin: 10px 0px 10px 0px;
}

.PayGo_report_main_table {
    border: 1px solid #808080;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    border-spacing:0;
    border-collapse:collapse;
}

.PayGo_report_main_table_print {
    border: 1px solid #000000;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    border-spacing:0;
    border-collapse:collapse;
}

.PayGo_report_table_header {
    border-bottom: 1px solid #808080;
    background-color: #8da8d1;
}

.PayGo_report_table_header_print {
    border-bottom: 1px solid #000000;
}

.PayGo_report_item_padding {
    padding: 2px;
}

.PayGo_report_table_row_white {
    border-bottom: 1px solid #808080;
    background-color: #ffffff;
}

.PayGo_report_table_row_grey {
    border-bottom: 1px solid #808080;
    background-color: #e5e5e5;
}

.PayGo_report_table_row_hover {
    border-bottom: 1px solid #808080;
    background-color: #dce6f5;
}

.PayGo_report_table_row_print {
    border-bottom: 1px solid #000000;
}

.PayGo_report_show_icon {
    vertical-align: middle;
    padding-right: 5px;
}

.PayGo_report_sort_icon {
    vertical-align: middle;
    padding-left: 5px;
    border-style: none;
}

.PayGo_report_extra_data_row {
    width: 100%;
    clear: both;
    display: none;
}

.PayGo_report_extra_data_row_print {
    width: 100%;
    clear: both;
}

.PayGo_report_column_header {
    color: #ffffff;
    -webkit-text-shadow:1px 1px 0px #666666;
    text-shadow:1px 1px 0px #666666;
    font-weight: 700;
}

.PayGo_report_column_header_print {
    font-weight: 700;
}

.PayGo_report_word_wrap {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.PayGo_report_tooltip .qtip-content {
    background: none repeat scroll 0% 0% rgba(107, 174, 255, 0.65);
    border-radius: 5px;
}

.PayGo_report_criteria_container {
    margin: 15px auto;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px darkgray;
    background-color: #fafafa;
    width: 700px;
}

.PayGo_report_criteria_container_padding {
    margin: 10px;
}

.PayGo_report_form_label_column {
    float:left;
    width:35%;
    font-weight:bold;
    text-align:right;
}

.PayGo_report_form_field_column {
    float:left;
    text-align:left;
    width:64%;
}

.PayGo_report_client_selection_area {
    width: 100%;
    text-align: center;
    font-weight: 700;
    margin-bottom: 10px;
}

.PayGo_generic_form_area_padding {
    margin: 5px;
}

.PayGo_generic_date_selector {
    height: 25px;
    float: left;
    vertical-align: middle;
    padding-right: 5px;
}

.PayGo_generic_date_display {
    height: 25px;
    float: left;
    vertical-align: middle;
}

.PayGo_generic_container {
    margin: 15px auto;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px darkgray;
    background-color: #fafafa;
}

.PayGo_generic_container_padding {
    margin: 10px;
}
.PayGo_generic_container_padding3 {
    margin: 3px;
}
.PayGo_generic_form_label_column {
    float:left;
    width:50%;
    font-weight:bold;
    text-align:right;
}

.PayGo_generic_message_container {
    width: 100%;
    text-align: center;
    margin-top: 15px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: solid 1px #AAAAAA;
    background-color: #EEEEEE;
    padding: 5px 0px;
}

.PayGo_generic_form_field_column {
    float:left;
    text-align:left;
    width:50%;
}

.PayGo_generic_form_label {
    font-weight:bold;
}

.PayGo_generic_action_icon {
    vertical-align: middle;
    cursor: pointer;
}

.PayGo_generic_table_row_white {
    background-color: #ffffff;
}

.PayGo_generic_table_row_grey {
    background-color: #f9f9f9;
}

.PayGo_syntax_text {
    font-family: 'Courier New', Courier, 'Nimbus Mono L', monospace;
}

.PayGo_page_description_area {
    padding: 5px;
}

.PayGo_dashboard_container {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #ddd;
    background-color: #ffffff;
    padding: 5px;
}

.PayGo_dashboard_heading {
    font-size: 10pt;
    font-weight: 700;
    color: #1e62d0;
    margin-bottom: 5px;
    padding-bottom: 3px;
    border-bottom: solid 1px darkgray;
    text-align: center;
    -webkit-text-shadow:1px 1px 0px #BBBBBB;
    text-shadow:1px 1px 0px #BBBBBB;
}

.PayGo_dashboard_padding {
    padding: 5px;
}

.PayGo_dashboard_quicklink {
    height: 20px;
}

.PayGo_small_font_dropdown {
    font-size: 8pt;
}

.pl_10 { padding-left: 10px;}
.pl_15 { padding-left: 15px;}
.pl_5 { padding-left: 5px;}
.pl_20 { padding-left: 20px;}

.pr_10 { padding-right: 10px;}
.pr_15 { padding-right: 15px;}
.pr_5 { padding-right: 5px;}
.pr_20 { padding-right: 20px;}

.pt_10 { padding-top: 10px;}
.pt_15 { padding-top: 15px;}
.pt_5 { padding-top: 5px;}
.pt_20 { padding-top: 20px;}

.pb_10 { padding-bottom: 10px;}
.pb_15 { padding-bottom: 15px;}
.pb_5 { padding-bottom: 5px;}
.pb_20 { padding-bottom: 20px;}

.ml_10 { margin-left: 10px;}
.ml_15 { margin-left: 15px;}
.ml_5 { margin-left: 5px;}
.ml_20 { margin-left: 20px;}
.ml_25 { margin-left: 25px;}

.mr_10 { margin-right: 10px;}
.mr_15 { margin-right: 15px;}
.mr_5 { margin-right: 5px;}
.mr_20 { margin-right: 20px;}
.mr_25 { margin-right: 25px;}
.mr_2{ margin-right: 2px;}
.mr_3{ margin-right: 3px;}



.mb_10 { margin-bottom: 10px;}
.mb_15 { margin-bottom: 15px;}
.mb_5 { margin-bottom: 5px;}
.mb_20 { margin-bottom: 20px;}
.mb_25 { margin-bottom: 25px;}


.mt_10 { margin-top: 10px;}
.mt_15 { margin-top: 15px;}
.mt_5 { margin-top: 5px;}
.mt_20 { margin-top: 20px;}
.mt_25 { margin-top: 25px;}


.bsTop_gray{border-top: solid 1px #ddd;}

.bsBot_gray{border-bottom: solid 1px #ddd;}

.blueColor {color: #337ab7}

.whiteLink > li > a {
    color: white !important;
}

table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 2px !important;
}

.payError{
    color: red !important;
}

.clientCodePill {
    background-color: #ededed; 
    padding:10px; 
    border-radius: 5px; 
    border: 1px solid silver;
    color:black; 
    cursor: pointer;
}

.postback-modal .details-text {
    word-wrap: break-word;
    display: inline-block;
    width: 100%;
}

.PayGo_customer_restrictions_search {
    padding-bottom: 15px;
}

.PayGo_customer_restrictions_table {
    border-top: none !important;
    border: none;
}

.PayGo_customer_restrictions_input {
    max-height: 30px;
    max-width: 230px;
    display: -webkit-inline-box;
}

.PayGo_customer_restrictions_btn {
    height: 30px;
    font-size: 12px;
}

.PayGo_customer_restrictions_warning {
    font-weight: bold;
    font-size: 12px;
}