.Dark_payment {
}

.Dark_payment .payment_body {
    background-color: #222;
    border: 1px solid #000;
    border-radius: 2px;
}

.Dark_payment .payment_body_in {
}

.Dark_payment .payment_root_td {
}

.Dark_payment .payment_header_body {
    background-color:#444;
}

.Dark_payment .payment_header_in {
}

.Dark_payment .payment_list_td {
    padding: 5px;
    border-bottom: 1px solid transparent; 
    color:#FFF;
}

.Dark_payment .payment_list_td:hover {
    background-color: #355367;
    border-bottom: 1px solid #527b97;
    cursor: pointer;
}

.Dark_payment .payment_item_td {
}

.Dark_payment .payment_item_td_hover {
    background-color: #355367;
}

.Dark_payment .payment_list_td_sel {
    background-color: #222;
    border-bottom: 1px solid #333;
    background: linear-gradient(rgb(0, 0, 0) 0%, rgb(50, 50, 50) 100%);
}

.Dark_payment .payment_items {
    min-height: 100px;
    padding-left: 1px;
    padding-right: 1px;
 
    
}

.Dark_payment .payment_item {
    background-color: #333;
    margin-bottom: 1px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
  
}

.Dark_payment .payment_item:hover {
    background-color: #527b97;
    border-top: 1px solid #009aff;
    border-bottom: 1px solid #009aff;
}

.Dark_payment .payment_item:hover .payment_item_contax {
    border-left: 1px solid #009aff;
}

.Dark_payment .payment_item_table {
}

.Dark_payment .payment_item_contax {
    min-height: 30px;
    padding: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    border-left: 1px solid #555;
}

.Dark_payment .payment_item_img {
    border: 1px solid #555;
    width: 50px;
    height: 50px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.Dark_payment .payment_item_name {
    font-size: 16px;
    color: #FFF;
}

.Dark_payment .payment_item_title {
    font-size: 12px;
    color: #CCC;
}

.Dark_payment .payment_item_unit_price {
    font-size: 18px;
    color:#47c7ff;
}

.Dark_payment .payment_item_unit_price_dis {
    font-size: 14px;
    color:#ff2b2b;
    text-decoration: line-through;
}

.Dark_payment .payment_item_total_price {
    font-size: 20px;
    color: #3ee425;
}

.Dark_payment .payment_item_base_btn {
    background-color: #505050;
    background: linear-gradient(rgb(50, 50, 50) 0%, rgb(0, 0, 0) 100%);
    border: 1px solid #000;
    border-radius: 3px;
    float: left;
    margin-left: 5px;
}

.Dark_payment .payment_item_text_btn {
    font-size: 13px;
    color: #FFF;
    padding: 5px;
    padding-left: 15px;
    padding-right: 15px;
}

.Dark_payment .payment_item_text_btnRemove {
    font-size: 13px;
    color: #ff4343;
}

.Dark_payment .payment_item_base_btn:hover {
    
    background-color: #FFF;
    background: linear-gradient(rgb(255, 255, 255) 0%, rgb(238, 238, 238) 100%);
    border: 1px solid #000;
    cursor: pointer;
}

.Dark_payment .payment_item_base_btn:hover .payment_item_text_btn {
    color: #000;
}

.Dark_payment .payment_item_option_table {
}

.Dark_payment .payment_item_option_td {
}

.Dark_payment .payment_item_option_line_ext {
    height: 1px;
    background-color: #CCC;
    width: 10px;
    float:right;
}

.Dark_payment .payment_item_option_contax {
    min-height: 40px;
    border-right: 1px solid #CCC;
    padding: 5px;
}

.Dark_payment .payment_item_option_x_text {
    color:#FFF;
}


.Dark_payment .payment_item_option_x_text span {
    font-size: 16px;
    padding-left: 2px;
}

.Dark_payment .payment_item_option_x_text div {
    height: 1px;
    background-color: #CCC;
    width: 5px;
}

.Dark_payment .payment_item_option_contax_item {
    border: 1px solid #EEE;
    padding: 2px;
    border-radius: 2px;
    color:#fe8c00;
    margin-bottom: 2px;
}

.Dark_payment .payment_item_option_contax_item span {
    color: #FFF;
}

.Dark_payment .payment_bottom_body {
    background-color: #444;
    margin-top: 2px;
    margin-bottom: 2px;
}

.Dark_payment .payment_bottom_in {
}

.Dark_payment .payment_bottom_td_counts {
}

.Dark_payment .payment_bottom_log_list_item {
    float: left;
    margin: 10px;
    font-size: 15px;
    color: #EEE;
}

.Dark_payment .payment_bottom_log_list_item span {
    font-weight: bold;
    font-size: 16px;
    color: #FFF;
}

.Dark_payment .payment_bottom_log_list_item_Final {
    font-size: 18px;
    color: #FFF;
    float: right;
}

.Dark_payment .payment_bottom_log_list_item_Final span {
    
}

.Dark_payment .payment_bottom_td_btns {
}

.Dark_payment .payment_bottom_td_counts_body {
    border-bottom: 1px solid #000;
}

.Dark_payment .payment_button_ctrl_body {
}

.Dark_payment .payment_button_ctrl_in {
}

.Dark_payment .payment_button_ctrl_td {
    padding: 10px;
}

.Dark_payment .payment_button_pay_body {
    float: right;
    background-color: #0072bc;
    border: 1px solid #0072bc;
    border-radius: 2px;
    margin: 5px;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.Dark_payment .payment_button_pay_body:hover {
    background-color: #fe7c00;
    border: 1px solid #fe7c00;
    cursor: pointer;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.Dark_payment .payment_button_pay_text {
    font-size: 18px;
    text-align: center;
    color: #FFF;
    padding: 10px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 17px;
    padding-bottom: 17px;
}

.Dark_payment .payment_button_selector_body {
    float: right;
    border-radius: 2px;
    margin: 5px;
}

.Dark_payment .payment_button_selector_body_green {
    background-color: #00a651;
    border: 1px solid #00a651;
}

.Dark_payment .payment_button_selector_body_normal {
    background-color: #555;
    border: 1px solid #555;
}

.Dark_payment .payment_button_selector_in {
}

.Dark_payment .payment_button_selector_text_head {
    font-size: 12px;
    text-align: left;
    color: #FFF;
    padding: 10px;
    padding-bottom: 2px;
    padding-left: 20px;
    padding-right: 20px;
}

.Dark_payment .payment_button_selector_text_option {
    font-size: 16px;
    text-align: left;
    color: #FFF;
    padding: 10px;
    padding-top: 2px;
    padding-left: 20px;
    padding-right: 20px;
}

.Dark_payment .payment_button_selector_sym {
    width: 20px;
    margin:0 auto;
}

.Dark_payment .payment_button_selector_sym path {
    fill: #FFF;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.Dark_payment .payment_button_selector_sym_td {
    background-color: rgba(255, 255, 255, 0.1);
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.Dark_payment .payment_button_selector_sym_td:hover {
    background-color: #FFF;
    cursor: pointer;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.Dark_payment .payment_button_selector_sym_td:hover path {
    fill: #000;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.Dark_payment .payment_button_selector_body_code {
    background-color: #444;
    border: 1px solid #111;
    float: left;
}

.Dark_payment .payment_button_selector_body_code .payment_button_selector_text_head {
    color: #FFF;  
    padding-left:5px;
}

.Dark_payment .payment_button_selector_input_body {
    padding: 4px;
}

.Dark_payment .payment_button_selector_input {
    border:1px solid transparent;
    background-color:#666 ;
    width:120px;
    font-size: 14px;
    text-align: left;
    color: #FFF;
    padding:4px;
}
.Dark_payment .payment_button_selector_input:focus {
   border:1px solid #00a651;
   outline:0;
}
.Dark_payment .payment_button_selector_panel {
    position:absolute;
    width:220px;
   
    background-color:#EEE;
    border:1px solid #CCC;
    margin-top:-30px;
    box-shadow:0px 0px 10px rgba(0, 0, 0, 0.1);
}
.Dark_payment .payment_button_selector_panel:focus {
     outline:0;
}
.Dark_payment .payment_button_selector_panel_item_body 
{
    border-bottom:1px solid #FFF;
}
.Dark_payment .payment_button_selector_panel_item_text {
    border-bottom: 1px solid #CCC;
    font-size: 14px;
    text-align: left;
    padding:5px;
    color: #000;
}
.Dark_payment .payment_button_selector_panel_item_body:hover 
{ 
    background-color:#727272;
    cursor:pointer;
}
.Dark_payment .payment_button_selector_panel_item_body:hover  .payment_button_selector_panel_item_text
{ 
     color:#FFF;
}
.Dark_payment .payment_button_discount_loading {
    width:40px;
    height:40px;
}

.Dark_payment .payment_button_discount_loading rect {
    fill:#FFF;
}

.Dark_payment .payment_button_discount_incorrect {
    width:20px;
    height:20px;
    padding:5px;
     background-color:#000;
     border-radius:20px;
       margin:2px;
}

.Dark_payment .payment_button_discount_incorrect path {
    fill:#ff0000;
}

.Dark_payment .payment_button_discount_correct {
    width:20px;
    height:20px;
    padding:5px;
     background-color:#000;
     border-radius:20px;
     margin:2px;
}

.Dark_payment .payment_button_discount_correct path {
     fill:#00a651;
}

.Dark_payment .payment_bottom_log_list_item_DisFinal 
{

}
.Dark_payment .payment_bottom_log_list_item_NFinal 
{font-weight: bold;
    font-size: 20px;
    color: #25d0ff;
}

.Dark_payment .payment_bottom_log_list_item_UnDisFinal 
{
    font-weight: bold;
    font-size: 20px;
    color:#6aff25;
}
.Dark_payment .payment_bottom_log_list_item_UnNFinal 
{ 
    font-size:17px;
   text-decoration:line-through;
    color:#25d0ff;
}
.Dark_payment .payment_button_pay_sym_loading {
    width:40px;
    height:40px;
    margin:8px;
}

.Dark_payment .payment_button_pay_sym_loading div {
    position:absolute;
     width:40px;
    height:40px;
    margin-top:-40px;
}
.Dark_payment .payment_connectiongBase {
}
.Dark_payment .payment_connectiongBaseSvg_sym {
    width:128px;
    background-color:#555;
    padding:20px;
    border-radius:128px;
    margin:10px;
}
.Dark_payment .payment_connectiongBaseSvg_loading 
{
    height:200px;
    width:200px;
    position:absolute;
    margin-top:-37px;
    margin-left:-37px;
}
.Dark_payment .payment_connectiongBaseSvg_Text
 {
    color:#FFF;
    padding:10px;
}
.Dark_payment .payment_connectiongBaseSvg_sym path {
    fill:#FFF;
}
.Dark_payment .payment_Transaction_body 
{
    margin:0 auto;
    border:1px solid #000;
    background-color:#555;
}
.Dark_payment .payment_Transaction_tdx 
{
    padding:10px;
}
.Dark_payment .payment_Transaction_text 
{
    text-align:center;
    font-size:18px;
    color:#FFF;
    padding:10px;
}
.Dark_payment .payment_Transaction_pay_btn_body 
{
   color:#FFF;
    background-color: #505050;
    background: linear-gradient(rgb(50, 50, 50) 0%, rgb(0, 0, 0) 100%);
    border: 1px solid #000;
    max-width:230px;
     border-radius:3px;
 
}
.Dark_payment .payment_Transaction_pay_btn_body:hover
{
     background-color:#EEE;
      background: linear-gradient(rgb(255, 255, 255) 0%, rgb(238, 238, 238) 100%);
    border:1px solid #CCC;
    cursor:pointer;
 
}
.Dark_payment .payment_Transaction_pay_btn_text 
{
    text-align:center;
    padding:10px;
    border-top:1px solid #666;
    border-radius:3px;
}
.Dark_payment .payment_Transaction_pay_btn_text:hover {
    border-top: 1px solid #FFF;
   color:#000;
}
.Dark_payment .payment_Transaction_completed {
    background-color:#13ac40;
}
.Dark_payment .payment_Transaction_failed {
     background-color:#ff0000;
}
.Dark_payment .payment_Transaction_empty 
{
     background-color:#ffbf3a;
}

 


.Dark_payment .payment_dialog_body {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.5);
    overflow:auto;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.Dark_payment .payment_dialog_body_close {
    opacity: 0;
     position: fixed;
    top: -100%;
    left: 0px;
    right: 0px;
    z-index: 9999;
    background-color: rgba(255, 255, 255, 0.5);

    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.Dark_payment .payment_dialog_body_destroy {
    
     
     position: fixed;
    visibility:hidden;
}


.Dark_payment .payment_dialog_table 
{
     
}
.Dark_payment .payment_dialog_td 
{
     padding:10px;

}
.Dark_payment .payment_dialog_place 
{
     max-width:550px;
     min-width:300px;
     background-color:#EEE;
     border:-1px solid #CCC;
     box-shadow:0px 0px 20px rgba(0, 0, 0, 0.2);
     margin:0 auto;
}
.Dark_payment .payment_dialog_inp_holder 
{
      padding:10px;
}
.Dark_payment .payment_dialog_inp_text_head  
{
     padding:4px;
}

.Dark_payment .payment_dialog_inp 
{
         display: inline-block;
    max-width: auto;
    min-width: 45px;
    vertical-align: baseline;
    width: auto;
    height: auto;
    margin: 0;
    border-radius: 0;
    border-style: inset;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: none;
    background-color: #FFF;
    border: 1px solid #e9e9e9;
    resize: none;
    text-transform: initial;
    letter-spacing: initial;
    box-sizing: border-box;
    overflow: hidden;
    display: block;
    width: 100%;
    padding: 8px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 3px;
    border-top: 1px solid #bfbfbf; 
   
}

.Dark_payment .payment_dialog_inp:focus
{
      outline:0;
      border:1px solid #000;
}
.Dark_payment .payment_dialog_inp_red{
    border:1px solid #ff0000;
}
.Dark_payment .payment_dialog_inp_red:focus{
    border:1px solid #ff0000;
    background-color:#ffcbcb;
}
.Dark_payment .payment_dialog_header 
{
       padding:5px;
     background-color:#FFF;
}
.Dark_payment .payment_dialog_header_close 
{
     width:14px;
     height:14px;
     padding:5px;
     float:right;
}
.Dark_payment .payment_dialog_header_close polygon 
{
     fill:#444;
}
.Dark_payment .payment_dialog_header_close:hover 
{
   background-color:#ff0000;
   cursor:pointer;
}
.Dark_payment .payment_dialog_header_close:hover  polygon
{
     fill:#FFF;
}
.Dark_payment .payment_dialog_btn_holder 
{
     
}
.Dark_payment .payment_dialog_btn_payment {
    margin-top: 5px;
    background-color: #0072bc;
    border: 1px solid #0072bc;
    color: #FFF;
    padding: 15px;
    text-align: center;
    font-size: 18px;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.Dark_payment .payment_dialog_btn_payment:hover {
    background-color: #fe7c00;
    border: 1px solid #fe7c00;
    cursor: pointer;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.Dark_payment .payment_item_unit_new_price {
    font-size: 18px;
    color: #000;
    text-decoration: line-through;
}
.Dark_payment  .payment_item_unit_CounterUnit{
    background-color:#ff0000;
    border-radius:5px;
    color:#FFF;
    font-size:11px;
    padding:3px;
}