body, html{background: rgb(223, 223, 223);  height: 100%;}
h2{margin: 10px 0 10px 0; padding: 0; font-size: 20px;}
h3{margin: 5px 0; padding: 0;}
.sticky{position: sticky; top: 0; background: white;}
.label{text-align: right;}
.input{text-align:  left;}
.error{background: rgb(255, 180, 180);}
.center{text-align: center !important;}
.even{background: white;}
.odd{background: #f9f9f9;}
#swap_amount_error{color: red;}
#trade_table td{ padding: 3px;}
#trade_list{list-style: none; margin: 0; padding: 0; border-bottom: 1px solid black;}
#trade_list li{padding: 10px 0 2px 0; margin: 0; text-align: left;   display: flex; align-items: center; justify-content: space-around; background: #f9f9f9; border-radius: 5px; }
.name{display: inline-block;}
.delete{border-radius: 5px; padding: 6px; cursor: pointer; background: rgb(189, 33, 33) ; color: white;}

.user_actions{padding: 0 5px;}

#login_error{display: block; color: red; padding: 5px 0;}

.header{text-align: center;}
#user_wrapper{align-items: center; justify-content: center; display: flex; height: 100%; padding: 10px; }
#user_wrapper_inner{border-radius: 5px;  padding: 5px; border: 1px solid black; background: #f9f9f9;}

#wrapper{align-items: center; justify-content: center;  min-width: 80%}
#wrapper_inner{border-radius: 5px;  padding: 5px;}

#user_modal{max-height: 49vh; padding: 0px; overflow: auto;}
#user_modal table{width: 100%;}
#user_table{padding: 0px; text-align: left; border-collapse: collapse;}
#user_table td{padding:4px 0;}
.actions{vertical-align: middle;}
.actions{border-radius: 5px; padding: 6px; cursor: pointer; background: #015073; color: white}
.actionButtons{white-space: nowrap;}
#user_table th{background: white; text-align: left;}

#history_modal{margin-top: 4px; border-top: 1px solid black; max-height: 20vh; padding: 0px; overflow: auto;}

#tradeHistory{max-height: 60vh; overflow-y: auto;}
#tradeHistory a{color: black;}
#tradeHistory th{text-align: left;}
#tradeHistory td{text-align: left;  white-space: nowrap; text-align: left;}
#tradeHistory td.odd{background: #f9f9f9;}

.tradeDesc, .userList{text-align: left;}
#group_buttons button{width: auto !important;  max-height: 10vh; border-radius: 5px;}
#group_buttons{margin-top: 4px; text-align: center; border:}
#user_table .cronTable th{text-align: left;}

#approved{width: 100%; text-align: left;}

#throbber{z-index: 21; width: 154px; height: 154px; position: fixed; top: 50%;  left: 50%;  margin-left: -120px; margin-top: -154px}
#modal_white{background:#ffffffe2; width: 100%; height: 100%; position:fixed; top:0;  left:0; z-index: 20;}
.unapproved{text-decoration: line-through;}
#last_run{margin-top: 4px; border-top: 1px solid black; max-height: 20vh; padding: 0px; overflow: auto; text-align: center;}
#last_run_table{width: 100%; text-align: left;}

#totals{text-align: left; font-weight: bold;}
#modal_text #group_buttons button{margin-top: 0; margin-bottom: 0;}

.unapprove, .unapproveAll{background: rgb(189, 33, 33) !important;}
.approve, .approveAll{background: rgb(101, 146, 59) !important;}


/* New admin page */
.newAdmin #mainBody{position: fixed; top: 1px; left: 1px; height: calc(100vh - 4px); width: calc(100vw - 4px); background: whitesmoke; border: 1px solid #015073; border-radius: 5px; }
.newAdmin  #atm_admin_control_header{background: aliceblue; padding: 10px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom: 1px solid #015073;}
#atm_admin_control_header_text, #atm_admin_log_header_text{text-align: center; color: #015073; padding: 3px; margin: 0;}
.newAdmin  .atm_admin_headers{background: aliceblue; margin-top: 2px; padding: 5px 0; border-top: 1px solid #015073;}
.newAdmin .atm_admin_headers_text{text-align: center; color: #015073; padding: 0; margin: 0;}
.newAdmin .atm_admin_tables{padding: 0px; margin: 0;}
.newAdmin .atm_admin_table_wrap{height: calc(33.333vh - 69px); overflow-y: auto; overflow-x: visible; width: 50%;  min-width: 290px; flex: 1; margin: 2px; border: 1px solid #015073; border-radius: 5px; background: white;}
.newAdmin .atm_admin_tables th{padding: 4px; text-align: left;}
.newAdmin .atm_admin_tables th.atm_admin_actions{text-align: right;}
.atm_admin_placeholder{padding: 10px;  border: 1px solid #015073; border-radius: 5px; margin: 2px; min-width: 290px; flex: 1; text-align: center; font-size: 18px; font-weight: bold; line-height: 22px;}
.newAdmin .atm_admin_tables .tablesorter-headerRow{position: sticky; top: 0;}
.newAdmin .atm_admin_tables .selected td{background: #f5f5f5;}
.newAdmin .atm_admin_tables td{vertical-align: middle;}
#atm_admin_upcoming_runs_content, #atm_admin_groups_content{display: flex; justify-content: space-around; flex-wrap: wrap;}
#atm_admin_run_table_wrap, #atm_admin_group_members_table_wrap, #atm_admin_upcoming_log_table_wrap{display: none;}
#modal_text #atm_admin_modal_close_button{margin: 0;}
.atm_run_error{text-align: left;}
#atm_small_throbber{height: 100px;}
#atm_admin_control_header_actions{width: 44px; position: absolute; top: 8px; right: 0;}

/* Users */
#atm_admin_users_table_wrap{height: calc(33.333vh - 69px); overflow-y: auto; overflow-x: visible; width: calc(100% - 6px);  min-width: 290px; flex: 1; margin: 2px 2px 0px 2px; border-top: 1px solid #015073; border-left: 1px solid #015073; border-right: 1px solid #015073; border-radius: 5px 5px 0px 0px;}
#atm_admin_users_filters{padding: 5px; width: calc(100% - 16px); border-top: 1px solid #015073; border-bottom: 1px solid #015073; border-left: 1px solid #015073; border-right: 1px solid #015073; margin: 0px 2px 2px 2px; border-radius: 0px 0px 5px 5px; background: white;}
#atm_admin_fix_transfer_limit_amount{font-size: 22px; width: calc(100% - 4px); margin-top: 3px;}
.atm_admin_user_trans_limit_entry{display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 240px;}
.atm_admin_user_trans_limit_entry_error{padding-left: 24px;}
#atm_admin_user_error_check_all, #atm_admin_user_trans_limit_check_all{text-align: left;}
.atm_admin_user_error{display: flex; align-items: center; flex-wrap: wrap;}
#checkAllUsers{cursor: pointer;}
#atm_admin_users_filters select, #atm_admin_users_filters input{margin-left: 5px;}
#add_edit_user_modal input, #add_edit_user_modal select{font-size: 22px; width: 100%; margin-top: 3px; text-align: center;}
#atm_admin_users_header{display: flex;  justify-content: center;}
#atm_admin_users_refresh{position: absolute; right: 22px; font-size: 13px;}
#atm_admin_users_actions .actions{margin-left: 4px;}

/* groups */
.atm_admin_groups_table_content_row{cursor: pointer;}
.newAdmin .atm_admin_tables .atm_admin_group_members_table_content_cell, .newAdmin .atm_admin_tables .atm_admin_users_content_cell{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100px;}
.newAdmin .atm_admin_tables .atm_admin_group_members_table_content_cell .chain_img, .newAdmin .atm_admin_tables .atm_admin_users_content_cell .chain_img{height: 12px;}
.newAdmin .atm_admin_tables .atm_admin_users_select_check_cell{width: 20px;}
#new_group_modal{text-align: left;}
#atm_admin_new_group_name, #atm_admin_new_run_name, #atm_admin_run_name{font-size: 22px; width: 100%;}
#atm_admin_new_group_description{font-size: 22px; width: 100%; margin-top: 3px;}
#new_group_modal h2{text-align: center;}
#atm_admin_new_group_member_list, #atm_admin_run_group_list, #atm_admin_run_issue_list{height: 200px; min-width: 280px; overflow-y: scroll; list-style: none; margin:4px 0 4px 0; padding: 0; text-align: left;  border: 1px solid #015073;}
#atm_admin_run_issue_list{width: 530px;}
#atm_admin_new_group_member_filters{display: flex; justify-content: space-between; }
#atm_admin_new_group_member_check_all{text-decoration: underline; cursor: pointer;}
.atm_admin_new_group_member_entry{display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 185px;}
.atm_admin_new_group_member_category{display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 80px;}
.atm_admin_user_error_entry{display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 200px;}
.atm_admin_run_issue_error{display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex: 0 0 calc(100% - 20px); padding-left: 20px;}
.atm_admin_new_group_member{display: flex; align-items: center;}
#import_csv_modal{width: 400px;}
#atm_admin_groups_actions{text-align: right;}
#atm_admin_groups_actions i{margin-left: 4px;}
.atm_admin_groups_table_action_cell, .atm_admin_upcoming_run_action_cell, .atm_admin_users_action_cell, .atm_admin_upcoming_run_data_action_cell, .atm_admin_log_table_action_cell{text-align: right; white-space: nowrap;}
.atm_admin_upcoming_run_data_action_cell button{background: #015073; color: white; border: 1px solid #015073; border-radius: 5px; margin: 0 0 0 4px;}
.atm_admin_groups_table_action_cell i, .atm_admin_upcoming_run_action_cell i, .atm_admin_users_action_cell i{margin-left: 3px;}
.atm_admin_groups_table_content_cell, .atm_admin_upcoming_runs_content_cell{vertical-align: middle !important;}

/* runs */
#atm_admin_new_run_type_recurring_select{display: none;}
#atm_admin_run_cronTable{width: 100%;}

@media (max-width: 600px) {
	body, html{font-size: 12px;}
	h2{margin: 5px 0 5px 0; padding: 0; font-size: 14px;}
	.newAdmin .atm_admin_table_wrap{width: 100%}
	#mainBody{overflow-y: auto;}
	#atm_admin_users_filters input, #atm_admin_users_filters select{width: calc(100% -20px); margin-top: 5px;}
}