/*Current balance*/ #balance .currency{display: inline-block; vertical-align: top; width: 410px; padding: 20px; margin-right: 31px; margin-bottom: 30px; color: #fff; position: relative} #balance .currency img{position: absolute; top: 20px; right: 20px;} #balance .currency .label{font-size:17px;} #balance .currency .money{font-size: 20px; margin-bottom: 15px; z-index: 2;} #balance .currency .row{display: table; width:100%;} #balance .currency .col{display: table-cell; vertical-align: top; width:50%;} #balance .currency .col .label{font-size:14px;} #balance .currency .money:last-child{ margin-bottom: 0;} #balance .currency .money.avaliable{font-size: 34px; line-height:1; font-family: 'RobotoMedium'; } /*Last transactions*/ #last_transactions .transaction {width: 166px; display: inline-block; vertical-align: top; padding: 22px; font-size: 16px; text-align: center; line-height:24px; margin-right: 30px; margin-bottom: 45px; background-color: #FFF;} #last_transactions .transaction .pie{width: 170px; height: 170px; margin:10px auto;} /*Successfull transactions*/ #successfull_transactions{ } #successfull_transactions .transaction {width: 166px; display: inline-block; vertical-align: top; padding: 22px; margin-right: 30px; margin-bottom: 45px; background-color: #fff;} #successfull_transactions .transaction .title{font-size: 16px; text-align: center; line-height:24px; margin-bottom: 20px;} #successfull_transactions .transaction .money{float: right;} #successfull_transactions .transaction .track{height:6px; margin-bottom: 15px; margin-top:9px; background: #ededed;} #successfull_transactions .transaction .track:last-child{margin-bottom: 0; } #successfull_transactions .transaction .fill{width: 0; height: 6px;} #successfull_transactions .transaction .eur .fill{background: #0772a0} #successfull_transactions .transaction .usd .fill{background: #62b300} #successfull_transactions .transaction .rub .fill{background: #fb8500} /*Current balance info*/ #current_balance_info{margin-bottom: 45px; } /******************************************************Account statement**************************************************************/ #account_statement_form .table_wrap table thead tr td{padding: 10px 10px 10px 0;} #account_statement_form .table_wrap table tbody tr td:first-child{padding-left: 7px;} #account_statement_form .table_wrap table tr td:nth-child(2){text-align:center; width: 30px;} #account_statement_form .table_wrap table tr td:last-child{text-align:right; width:160px;} /****************************************** Opened account statement ***********************/ #account_statement_info .table_wrap table tr td {padding-right: 50px;} #payment_history .table_wrap table tr td{ padding-right: 30px;} #payment_history .table_wrap table tr td:first-child{padding-left: 10px; width:150px;} #payment_history .table_wrap table tr td:nth-child(2){ width:150px; } #payment_history .table_wrap table tr td:nth-child(4){ width:70px; } #payment_history .table_wrap table tr td:nth-child(5){ width:70px; } #payment_history .table_wrap table tr td:nth-child(6){ width:70px; } #payment_history .table_wrap table thead tr:first-child td{border-bottom: 1px solid #d6d6d6;} #payment_history .table_wrap table thead tr:first-child td:first-child{border-bottom: 0;} #payment_history .table_wrap table tbody tr:first-child td{border-top: 1px solid #d6d6d6;} #payment_history .table_wrap table tfoot tr:first-child td{border-top: 0;} #payment_history .table_wrap table tfoot tr td:first-child{border-top: 0;} #payment_history .table_wrap tbody tr:nth-child(odd) td{background: #f3f3f3;} #invisible_form {display: none;} /************************************************Payout history*******************************/ #payout_history_table .table_wrap table tr td:first-child{width: 115px;} #payout_history_table .table_wrap table tbody tr td:nth-child(3){ width: 115px; text-align: right;} #payout_history_table .table_wrap table tbody tr td:nth-child(4){ width: 115px;text-align: right;} #payout_history_table .table_wrap table tbody tr td:nth-child(5){ width: 115px;text-align: right;} #payout_history_table .table_wrap table tbody tr td:nth-child(6){ width: 115px;text-align: right;} #payout_history_table .table_wrap table tr td:last-child{padding-right: 15px; width: 115px;} /************************************************Opened payment*******************************/ #payments_main_info {width: 100%;} #requisites .table_wrap table tr td{width: 50%;} #payment_info { padding-left:30px;} #payment_info .table_wrap table tr td{width: 50%;} #payment_income .table_wrap table tbody tr td:nth-child(2){width: 205px;} #payment_income .table_wrap table tbody tr td:nth-child(3){width: 205px;} /************************************************ Transaction search *********************************************************/ #search_results {position: relative; } #search_results .table_wrap table thead tr td:nth-child(1),#search_results .table_wrap table tbody tr td:nth-child(1){width: 140px;} #search_results .table_wrap table thead tr td:nth-child(2),#search_results .table_wrap table tbody tr td:nth-child(4){width: 140px;} #search_results .table_wrap table thead tr td:nth-child(4),#search_results .table_wrap table tbody tr td:nth-child(4){width: 70px; text-align: right} /************************************************* Messages ******************************************************************/ .messages_list .table_wrap table tbody tr td{background: #f3f3f3; cursor: pointer;} .messages_list .table_wrap table tbody tr td:nth-child(1){width: 10px;} .messages_list .table_wrap table tbody tr td:nth-child(2){width: 160px;} .messages_list .table_wrap table tbody tr td:nth-child(3){width: 260px;} .messages_list .table_wrap table tbody tr td:last-child{color: #27aae1;} .messages_list .table_wrap table tbody tr td:first-child{cursor: default;} .messages_list .table_wrap table tbody tr.new td{background: #fff; font-family: RobotoMedium;} #new_message_wrap {margin-top: 25px; width: 930px; background: #fff;} #new_message_wrap #recipient{background: #27aae2; height: 48px; line-height: 48px; padding: 0 20px; font-size: 19px; color: #ffffff;} #new_message_wrap.merchant #recipient{background: none; color: #4d4d4d; font-size:14px;} #new_message_wrap.merchant #recipient label{width: 160px; display: inline-block;} #new_message_wrap.merchant #recipient .field{display: inline-block;} #new_message_wrap.merchant #recipient select{height: 34px; width: 254px; border: 1px solid #dde2e6; padding: 0 10px;} #new_message_wrap #message_body{padding: 22px 20px;} #new_message_wrap.merchant #message_body{padding: 0 20px 22px;} #new_message_wrap #message_body .field{display: inline-block;} #new_message_wrap #message_body #subject {line-height: 34px; margin-bottom: 16px;} #new_message_wrap #message_body #subject label{width: 160px; display: inline-block;} #new_message_wrap #message_body #subject input{height: 34px; width: 498px; border: 1px solid #dde2e6; padding: 0 10px;} #new_message_wrap #message_body #subject .error input{border-color:#e17e7e; } #new_message_wrap #message_body textarea{height: 207px; width: 850px; border: 1px solid #dde2e6; padding: 20px; resize: none;} .cke_chrome {width: 890px !important;} #new_message_wrap #message_body .error textarea{border-color:#e17e7e; } #new_message_wrap #message_body #submit{height: 42px; line-height: 42px; text-align: center; font-size: 19px; cursor: pointer; background: #27aae1; color: #fff; display: inline-block; padding: 0 32px; margin-top:12px;} #new_message_wrap #message_body #submit:hover{background: #4fc5fd;} #new_message_wrap #message_body .payment_option{display: inline-block; float: right; margin-top: 12px; line-height: 42px;} #new_message_wrap #message_body #addimage{display: inline-block; color: #27aae1; font-size: 15px; float: right; cursor: pointer;} #new_message_wrap #message_body #addimage span{margin-right: 6px; background: url(../images/icon.add_files.png) 0 0 no-repeat; width:14px; height:12px; display:inline-block;} #new_message_wrap #message_body #file_list {margin-top: 20px;} #new_message_wrap #message_body #file_list li {border-top: 1px solid #dde2e6; padding-top: 8px; padding-bottom: 13px; min-height: 65px;} #new_message_wrap #message_body #file_list li:nth-child(odd) {background: #f3f3f3;} #new_message_wrap #message_body #file_list .thumbnail {display: inline-block; width: 165px; margin-left: 8px; vertical-align:top;} #new_message_wrap #message_body #file_list .thumbnail img{max-width: 80px; max-height: 80px;} #new_message_wrap #message_body #file_list .name{display: inline-block; width: 320px; vertical-align:top;} #new_message_wrap #message_body #file_list .size{display: inline-block; width: 180px; vertical-align:top;} #new_message_wrap #message_body #file_list .remove {display: none; } #new_message_wrap #message_body #file_list .uploaded .remove {display: inline-block; } #new_message_wrap #message_body #file_list .remove span{display: inline-block; background: #fd5e36; height: 30px; line-height: 30px; padding: 0 12px; color: #fff; vertical-align:top; cursor: pointer;} #new_message_wrap #message_body #file_list .uploaded .progress-bar-container {display: none;} #new_message_wrap #message_body #file_list .progress-bar-container { width: 125px; height: 20px; margin-top:15px; border-radius: 5px; overflow: hidden; box-shadow: 0px 5px 5px 0px #e5e5e5 inset ;} #new_message_wrap #message_body #file_list .progress-bar {width: 0px;height: 20px;font-weight: bold;background: url('../images/bg.progressbar.gif') no-repeat scroll left top transparent;} #opened_messages_list { margin-bottom:35px;} #opened_messages_list .message {margin-top: 28px;} #opened_messages_list .message .sender{ height: 48px; line-height: 48px; padding: 0 20px; font-size: 19px; color: #ffffff;} #opened_messages_list .message.sent .sender{ background: #f0b318;} #opened_messages_list .message.received .sender{ background: #27aae2;} #opened_messages_list .message .sender .date{ float: right; font-size: 16px;} #opened_messages_list .message .message_body{ padding: 22px 20px; background: #fff; } #opened_messages_list .message .message_body blockquote{ margin-left:20px; font-style: italic; } #opened_messages_list .message .message_body blockquote p{ margin:0; } #opened_messages_list .message .message_body ol li{ list-style-type: arabic; list-style-position: inside; } #opened_messages_list .message .message_body ul li{ list-style-type: disc; list-style-position: inside; } #opened_messages_list .message .message_body .text{font-size: 16px;} #opened_messages_list .message .uploaded_files{ margin-top: 23px;} #opened_messages_list .message .uploaded_files .file { margin-top: 15px;} #opened_messages_list .message .uploaded_files .file img {border: 1px solid #cccccc; max-width:700px; display:block;} #opened_messages_list .message .uploaded_files .file .info { display: inline-block;} #opened_messages_list .message .uploaded_files .file .info .name{ color: #27aae1} #opened_message #new_message_wrap {margin-top:20px;} /*************************************************** top clients *******************************************************************/ #transaction_popup h1 {font-size: 25px;} #transaction_popup .table {margin-top:0;} #transaction_popup .table .table_wrap { display: block; margin-top:22px;} #transaction_popup .table .table_wrap table{ margin: 0 0;} #transaction_popup .table .table_wrap table thead tr td{white-space: nowrap;} #transaction_popup .table .table_wrap table tbody tr td:first-child{width: auto;} #transaction_popup .table .table_wrap table tbody tr td:nth-child(4){width: 167px;} #transaction_popup .table .table_wrap table tbody tr td:nth-child(7){width: 370px;} /********************************************** status_by_area **********************************************************************/ #status_by_area .analytic_table{margin-top:0} #status_by_area .analytic_table .table_wrap{display: block; padding: 22px 20px;} #status_by_area .analytic_table .table_wrap table {width: 100%; margin: 0} /********************************************** transactions daily **********************************************************************/ #td_chart5_wrap select{height: 30px; padding: 0 8px; border: 1px solid #dce2e5;} /********************************************** brief_report **********************************************************************/ #brief_report #table1 td{width:190px; padding: 5px 10px} #brief_report #table2 td{width:170px; padding: 5px 10px} #brief_report #table3 td{width:50px; padding: 5px 10px} #brief_report #table3 td:first-child{width:130px; } #brief_report #table3 thead tr:first-child th:first-child{border-bottom:1px solid #d6d6d6;border-left:0; vertical-align:middle} #brief_report #table3 thead th{border-bottom:1px solid #d6d6d6;} #brief_report #table3 thead th:nth-child(odd){border-left:1px solid #d6d6d6;} #brief_report #table3 tbody td:nth-child(odd){border-right:1px solid #d6d6d6;} #brief_report #table3 tbody td:last-child{border-right:0;} /********************************************** settings **********************************************************************/ #company_info .table_wrap table tr td:first-child{width: 200px;} #documents_table .table_wrap table tr td:first-child{width: 240px;} #frameworks .framework {width: 166px; display: inline-block; vertical-align: top; padding: 22px; margin-right: 30px; margin-bottom: 45px; background-color: #fff; text-align: center;} #frameworks .framework .title{font-size: 17px; line-height:24px; margin-top: 20px; display:block} #frameworks .framework .ver {margin-top: 10px; display:block} #users_table {position: relative} #users_table .table_wrap table tbody tr td:first-child{width: 370px;} #service_info .table_wrap table tr td:first-child{width: 200px;} #service_settings .table_wrap table tr td:first-child{width: 110px;} #window_config .table_wrap table tr.extended td{border-bottom: 0;} #window_config .table_wrap table tr.extended td:nth-child(2){width: 114px; vertical-align:middle} #window_config .table_wrap table tr.extended td:nth-child(3){width: 17px; vertical-align:middle} #window_config .table_wrap table tr.extended td:nth-child(4){width: 103px;} #window_config .table_wrap table tr.extended td:nth-child(5){ vertical-align:middle} #window_config .table_wrap table tr td:first-child{width: 190px;} #window_config .table_wrap table tr td .upload{display: inline-block; width: 104px; height: 36px; line-height: 36px; text-align: center; cursor: pointer; background: #27aae1; color: #fff;} #window_config .table_wrap table tr td .upload:hover{background: #4fc5fd;} #window_config .table_wrap table tr td .description{color: #9a9a9a; font-size: 14px; margin-top:5px;} #window_config .table_wrap table tr td .error .file{color:#e17e7e; } #window_config .table_wrap table tr td .field{position: relative;} #window_config .table_wrap table tr td input[type='file'] {position: absolute; top: 0; left:0; width:104px; height: 36px; opacity:0; cursor:pointer;} #window_config .table_wrap table tr td a {color: #27aae1;} #window_config .table_wrap table tr td #preview_logo , #window_config .table_wrap table tr td #preview_btn_bg {float:right; max-width: 100px; max-height: 100px} #window_config .no_preview{display:none;} #window_config #submit_config{width: 104px; height: 36px; line-height: 36px; text-align: center; font-size: 17px; cursor: pointer; background: #27aae1; color: #fff;} #window_config #submit_config:hover{background: #4fc5fd;} /****************************************************Partners******************************************************************/ #partners_balance .table_wrap tr:first-child td{text-align: left;} #partners_balance .table_wrap tr:first-child td:first-child{width: 210px; } #partners_balance .table_wrap tr td:first-child{text-align: left;} #partners_balance .table_wrap tr.service_start_row td:nth-child(2){text-align: left;} #partners_balance .table_wrap tr.service_start_row td:nth-child(3){text-align: right;} #partners_balance .table_wrap tr.service_start_row td:nth-child(4){text-align: right;} #partners_balance .table_wrap tbody tr td:nth-child(2){text-align: right;} #partners_balance .table_wrap tbody tr td:nth-child(3){text-align: right;} #partners_balance .table_wrap tr.service_start_row td:first-child{background:#fff; vertical-align: top; } #partners_payout_history .right_heading {line-height: 30px;} #partners_payout_history .right_heading #show_partners, #partners_payout_history .right_heading #form_payments{display: inline-block; margin-left: 9px; background: #27aae1; height: 30px; padding: 0 15px; color: #fff; cursor: pointer;} #partners_payout_history .right_heading #show_partners{margin-right:20px;} #partners_payout_history .right_heading #show_partners:hover, #partners_payout_history .right_heading #form_payments:hover{background: #4fc5fd;} #partners_payout_history .right_heading select {height: 30px; width: 203px; margin-left: 9px;} #partner_payout_history_table .table_wrap table tr td:first-child{width: 115px;} #partner_payout_history_table .table_wrap table tr td:nth-child(3){ width: 115px; text-align: right;} #partner_payout_history_table .table_wrap table tr td:nth-child(4){ width: 115px;text-align: right;} #partner_payout_history_table .table_wrap table tr td:nth-child(5){ width: 115px;text-align: right;} #partner_payout_history_table .table_wrap table tr td:last-child{padding-right: 15px; width: 115px;} #partner_payout_history_table .table_wrap table tbody tr td .pending{color: #089ad9; cursor: pointer;} #partners_opened_payment #payments_main_info {display: inline-block; width: auto;} #partners_payment_income .table_wrap table tr td:last-child{width: 309px;} #partners_payment_expenses .table_wrap table tr td:last-child{width: 309px;} #partner_form h2 {margin-top: 26px; margin-bottom: 23px; } #partners_table {position: relative;} #partners_table .table_wrap table thead tr th{ padding: 10px 0; font-weight: normal; white-space: nowrap; padding-right: 10px;} /********************************************************Administration***********************************************/ /*Clients*/ #clients_list_wrap .table_wrap table thead tr td{padding: 10px 0; font-weight: normal; white-space: nowrap; padding-right: 10px;} #clients_list_wrap .table_wrap table tbody tr td{ width:115px;} #clients_list_wrap .table_wrap table tbody tr td:nth-child(2){ width:auto;} #client_form h2 {margin-top: 26px; margin-bottom: 23px; } #services_list_wrap .table_wrap table thead tr td{ padding: 10px 0; font-weight: normal; white-space: nowrap; padding-right: 10px;} #services_list_wrap .table_wrap table tbody tr td{ width:115px;} #services_list_wrap .table_wrap table tbody tr td:nth-child(1){ width:50px;} #services_list_wrap .table_wrap table tbody tr td:nth-child(4){ width:auto;} #agents_table .table_wrap table tr th{padding-left:15px; height: 34px;} #agents_table .table_wrap table tr td:last-child, #agents_table .table_wrap table tr th:last-child{padding-right: 15px; width: 115px;} #agents_table .table_wrap table thead tr th{font-weight:normal; cursor:pointer;} #agent_form h2 {margin-top: 26px; margin-bottom: 23px; } /*Balance*/ #summary_extract .table_wrap:first-child {border-top: 0;} #summary_extract #se_total_wrap.table_wrap thead tr td:first-child{font-family: 'Roboto'; font-size:25px; border:0; } #summary_extract .table_wrap tr td{text-align:left;} #summary_extract .table_wrap tr td:first-child{text-align: left;} #summary_extract .table_wrap tr td:nth-child(1){width:180px;} #summary_extract .table_wrap tr td:first-child{text-align:left} #summary_extract #se_total_wrap.table_wrap {border:0;} #summary_extract #no_results {font-style: italic; display:none;margin-top:30px;} #payments_to_clients #ptc_list .table_wrap tr td{text-align:left;width:100px;} #payments_to_clients #ptc_list .table_wrap tr td:nth-child(2){width:auto;} #payments_to_clients #ptc_list .table_wrap tr td:nth-child(5){width:auto;} #payments_to_clients #ptc_list .table_wrap tr td:nth-child(1){width:50px; text-align:center;} #payments_to_clients #ptc_list .table_wrap tr td:nth-child(8){width:50px; text-align:right;} #payments_to_clients .tooltip { background-position: 37px bottom} #payments_to_agents #pta_list .table_wrap tr td{width:100px;} #payments_to_agents #pta_list .table_wrap tr td:nth-child(4){width:auto;} #payments_to_agents #pta_list .table_wrap tr td:nth-child(7){width:50px; text-align:right;} #payments_to_agents .tooltip { background-position: 37px bottom} #payment_systems .table_wrap:first-child {border-top: 0;} #payment_systems #se_total_wrap.table_wrap thead tr td:first-child{font-family: 'Roboto'; font-size:25px; border:0; } #payment_systems .table_wrap tr td{text-align:left;} #payment_systems .table_wrap tr td a{color:#27aae1; margin-left:10px;} #payment_systems .table_wrap tr td:first-child{text-align: left;} #payment_systems .table_wrap tr td:nth-child(1){width:180px;} #payment_systems .table_wrap tr td:nth-child(3){width:100px;} #payment_systems .table_wrap tr td:nth-child(4){width:100px;} #payment_systems .table_wrap tr td:first-child{text-align:left} #ps_form .block h2{margin-bottom:20px;} #ps_form .block .form_wrap{margin-bottom:30px; width:665px;} #ps_form .block .form_wrap .checkbox{margin-right:8px;} #ps_form .block .commission_block{display:none;} #company_form h2 {margin-top: 26px; margin-bottom: 23px; } #system_routings #se_total_wrap.table_wrap thead tr td:first-child{font-family: 'Roboto'; font-size:25px; border:0; } #system_routings .table_wrap tr td{ text-align:left;} #system_routings .table_wrap tr td select{width: 270px; height:27px; margin-left:10px; border: 1px solid #DCE2E5;} #system_routings .table_wrap tr td input{width: 260px; height:27px; padding-left:10px; border: 1px solid #DCE2E5;} #system_routings .table_wrap .error input, #system_routings .table_wrap .error select{border-color:#e17e7e;} #system_routings .table_wrap tr td:nth-child(1),#system_routings .table_wrap tr td:nth-child(2){width: 320px;} #admin_account_statement .table_wrap tr td{text-align:left;} #admin_account_statement .table_wrap tbody tr td:nth-child(1){width: 305px;} #admin_account_statement .table_wrap tbody tr td .checkbox{margin-right: 8px;} #admin_inbox_messages #content, #admin_sent_messages #content {padding-top:85px;} #add_service h2 {margin-top: 26px; margin-bottom: 23px; } #add_service .table_wrap + .table_wrap{border-bottom: 0;} #add_service #se_total_wrap.table_wrap thead tr td:first-child{font-family: 'Roboto'; font-size:25px; border:0; } #add_service .table_wrap tr td{text-align:left;} #add_service #available_accounts .table_wrap tbody tr td:nth-child(1){width: 10px;} #add_service #available_accounts .table_wrap tbody tr td:nth-child(2){width: 40px;} #add_service #available_accounts .table_wrap tbody tr td:nth-child(3){width: 130px;} #add_service #available_accounts .add_currency_form select{width: 198px; height:30px; border:1px solid #d6d6d6; display: inline-block;} #add_service #ps_table .table_wrap tbody tr td:nth-child(1){width: 13px;} #add_service #ps_table .table_wrap tbody tr td:nth-child(2){width: 140px;} #add_service #ps_table .table_wrap tbody tr td:nth-child(3){width: 90px;} #add_service #ps_table .table_wrap tbody tr td:nth-child(4){width: 90px;} #add_service #ps_table .table_wrap tbody tr td:nth-child(7){width: 130px;} #add_service #ps_table .table_wrap tbody tr td:nth-child(8){width: 30px;} #add_service #ps_table .table_wrap tbody tr td .cost{color: #27aae1; border-bottom: 1px dashed #27aae1;} #add_service #ps_table .table_wrap tbody tr td .cost:hover{border-bottom: 0; cursor:pointer;} #add_service #ps_table .table_wrap tbody tr td .edit_system_popup{background: url(../images/icon.edit.png) 0 0 no-repeat; width:16px; height:16px; display: inline-block; cursor:pointer;} #add_service #ps_table .pay_sys_btn select{width: 198px; height:30px; border:1px solid #d6d6d6; display: inline-block;} #add_service #ps_table .pay_sys_btn .submit{height: 30px;line-height: 30px;padding: 0px 23px;display: inline-block;text-align: center;cursor: pointer;background: none repeat scroll 0% 0% #27AAE1;color: #FFF; margin-right:10px;} #add_service #ps_table .pay_sys_btn .submit:hover{background: #4fc5fd;} #add_service .tooltip div{overflow:hidden;} #add_service .tooltip span:first-child{padding-right:50px;float:left;} #add_service .tooltip span:last-child{float:right;} #add_service .tooltip hr{border:0;border-top:1px solid #6a7379;} #add_service #add_system_popup {min-width:610px;} #add_service #add_system_popup h2{font-size:19px; margin-top:22px; margin-bottom:22px;} #add_service #add_system_popup .form_wrap{padding-left:0;} #add_service #add_system_popup table{width:100%; border-collapse:collapse;} #add_service #add_system_popup table .label{width:160px;} #add_service #add_system_popup table td{padding-bottom:20px;}