@charset "utf-8"; .armclear{clear:both;} .armclear:before, .armclear:after{display: table;content: "";line-height: 0;} .disabled { opacity: 0.6; cursor: text; } input[type="checkbox"] { appearance:checkbox !important; -webkit-appearance: checkbox !important; -moz-appearance: checkbox !important; width: auto !important; } input[type="radio"] { appearance:radio !important; -webkit-appearance: radio !important; -moz-appearance: radio !important; margin-left: 4px !important; width: auto !important; } .arm_invalid p, .error p, .arm_error_msg p {margin: 0 0 10px;} td.arm_form_field_label {width: 40%;} span.arm_invalid, span.front_error, span.arm_error_msg { border: none; background: transparent; display: inline-block; width: 100%; color: #F00; font-size: 14px; } span.success, span.arm_success_msg { border: none; background: transparent; color: green; display: block; font-size: 14px; width: 100%; } .arm_warning_text { float: left; display: inline; width: 100%; color: #F00; font-weight: bold; margin: 10px; } .arm_info_text{ float: left; display: block; width: 100%; font-size: 14px; margin: 5px 0 10px; } .arm_logout{ width:auto; display:inline-block; margin-bottom: 5px; } .page_title { color:#353942; font-weight:normal; line-height:normal; font-size:30px; padding-bottom:10px; clear:both; } .arm_row_heading .page_title{ font-weight:bold; font-size:20px; color:#333333; text-shadow: none !important; } .arm_transactions_container{} .arm_transactions_container .arm_transactions_wrapper, .arm_login_history_container .arm_login_history_wrapper, .arm_current_membership_container .arm_current_membership_wrapper, .arm_update_membership_container .arm_update_membership_wrapper{ display: inline-block; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; margin: 5px 0px 10px; padding: 0; } .arm_user_transaction_list_table, .arm_user_login_history_list_table, .arm_user_current_membership_list_table{ max-width:100%; margin: 0; border: 1px solid #e5e5e5; border-radius: 2px !important; -webkit-border-radius: 2px !important; -moz-border-radius: 2px !important; -o-border-radius: 2px !important; table-layout: auto; width: 100%; } table.arm_user_transaction_list_table th, table.arm_user_login_history_list_table th, .arm_user_current_membership_list_table th{ font-size: 13px !important; font-weight: bold !important; text-align: center; color: #444444; background-color: #f6f8f8; border-right: 1px solid #dee5e7 !important; padding: 8px 5px !important; min-height: 50px; border-bottom: 1px solid #dee5e7 !important; } table.arm_user_transaction_list_table th:last-child, table.arm_user_login_history_list_table th:last-child, table.arm_user_current_membership_list_table th:last-child{ border-right: 0 !important; } [dir="rtl"] table.arm_user_transaction_list_table th:last-child, [dir="rtl"] table.arm_user_login_history_list_table th:last-child, [dir="rtl"] table.arm_user_current_membership_list_table th:last-child { border-right: 1px solid #dee5e7 !important; } [dir="rtl"] table.arm_user_transaction_list_table th:first-child, [dir="rtl"] table.arm_user_login_history_list_table th:first-child, [dir="rtl"] table.arm_user_current_membership_list_table th:first-child{ border-right: 0 !important; } .arm_user_transaction_list_table th, .arm_user_transaction_list_table .arm_sortable_th, .arm_user_login_history_list_table th, .arm_user_login_histroy_list_table .arm_sortable_th, .arm_user_current_membership_list_table th, .arm_user_current_membership_list_table .arm_sortable_th{ cursor: pointer; text-align: center; line-height: normal; text-transform: none; user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; word-wrap: break-word; } .arm_user_transaction_list_table tr, .arm_user_transaction_list_table tr td.sorting_1, .arm_user_login_history_list_table tr, .arm_user_login_history_list_table tr td.sorting_1, .arm_user_current_membership_list_table tr, .arm_user_current_membership_list_table tr td.sorting_1{ background: none !important; } table.arm_user_transaction_list_table td, table.arm_user_login_history_list_table td, table.arm_user_current_membership_list_table td{ font-size: 12px !important; color: #666666; text-align: center; padding: 5px 10px !important; border-bottom: 1px solid #ecf0f1 !important; border-right: 1px solid #eeeeee !important; word-wrap: break-word; vertical-align: top; } table.arm_user_current_membership_list_table td.arm_current_membership_list_item_plan_sr{ text-align: right; } table.arm_user_current_membership_list_table td.arm_current_membership_list_item_plan_name{ text-align: left; } table.arm_user_transaction_list_table td.arm_no_transaction, table.arm_user_login_history_list_table td.arm_no_transaction, table.arm_user_current_membership_list_table td.arm_no_transaction{ text-align: center; padding: 30px 5px !important; } table.arm_user_transaction_list_table td:last-child, table.arm_user_login_history_list_table td:last-child, table.arm_user_current_membership_list_table td:last-child{ border-right: 0 !important; //vertical-align: middle; } [dir="rtl"] table.arm_user_transaction_list_table td:last-child, [dir="rtl"] table.arm_user_login_history_list_table td:last-child, [dir="rtl"] table.arm_user_current_membership_list_table td:last-child{ border-right: 1px solid #eeeeee !important; } [dir="rtl"] table.arm_user_transaction_list_table td:first-child, [dir="rtl"] table.arm_user_login_history_list_table td:first-child, [dir="rtl"] table.arm_user_current_membership_list_table td:first-child{ border-right: 0 !important; } .arm_transaction_list_paid_amount, .arm_transaction_list_plan_amount, .arm_transaction_list_trial_text{ display: inline-block; } .arm_transaction_list_plan_amount{ text-decoration: line-through; margin-right: 5px; opacity: 0.8; } .arm_transaction_list_trial_text{ width: 100%; font-size: 12px; } .arm_no_transactiion_found{text-align: center;font-weight: bold !important;font-size: 14px !important;} .arm_transaction_content .dataTables_paginate span { font-size: 13px; text-decoration: none; border: #DCDDDE 1px solid; background-color: #FFF; text-align: center; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; width: 25px; height: 25px; line-height: 1.5; padding: 4px; margin: 0 4px 0 0; display: inline-block; cursor: pointer; } .arm_transaction_content .dataTables_paginate input{ background-color: #FFF; border-radius:4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; width:40px; min-height: 25px; padding: 5px; margin: 0 4px 0 0; text-align:center; font-size: 13px; font-weight:bold; display: inline-block; vertical-align: top; } .arm_transaction_content .dataTables_paginate .paginate_page{ background: none !important; border: 0 !important; width: auto; } .arm_transaction_content .dataTables_paginate .nof{ background: none !important; border: 0 !important; width: auto; text-align:center; display: inline-block; vertical-align: top; } .arm_transaction_content .dataTables_paginate span:hover{ border: 1px solid #00AFF0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; background-color: #00AFF0; color: #5C5C60; } .arm_transaction_content .ui-state-disabled{display:none;} .arm_transaction_content .dataTables_info{font-size: 13px;} .arm_transaction_content .dataTables_filter{max-width: 250px;} .arm_transaction_content .dataTables_filter input{ padding: 5px 7px; border: 1px solid #e5e5e5; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #FFF; } .icheckbox_minimal-red, .iradio_minimal-red{ display: inline-block; *display: inline; vertical-align: middle; margin: 2px 3px 5px; padding: 0; width: 20px; height: 20px; cursor: pointer; border: none; background: url(../images/icheck_icons.png) no-repeat; } .icheckbox_minimal-red{background-position: 0 0;} .icheckbox_minimal-red.hover{background-position: -20px 0;} .icheckbox_minimal-red.checked{background-position: -40px 0;} .icheckbox_minimal-red.disabled{background-position: -60px 0;cursor: default;} .icheckbox_minimal-red.checked.disabled{background-position: -80px 0;} .iradio_minimal-red{background-position: -100px 0;} .iradio_minimal-red.hover{background-position: -120px 0;} .iradio_minimal-red.checked{background-position: -140px 0;} .iradio_minimal-red.disabled{background-position: -160px 0;cursor: default;} .iradio_minimal-red.checked.disabled{background-position: -180px 0;} .arm_widget_membership_statistic ul li{ list-style: outside none none; color: #333; margin-bottom: 5px; } .arm_widget_membership_statistic .arm_statistic_label{ display: inline-block; min-width: 200px; padding-right: 10px; text-align: right; } .arm_member_form_container ul li {list-style: outside none none;} .arm_account_detail_wrapper{ width: 100%; display: inline-block; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; margin: 10px 0; } .arm_account_detail_wrapper table:not(.arm_user_transaction_list_table,.arm_user_current_membership_list_table) { border: none; margin: 0 0 10px; } .arm_account_detail_wrapper table tr th, .arm_account_detail_wrapper table tr td{ text-align: left; } [dir="rtl"] .arm_account_detail_wrapper table tr th, [dir="rtl"] .arm_account_detail_wrapper table tr td{ text-align: right; } .arm_account_detail_wrapper .arm_account_tabs_wrapper{ width: 100%; display: inline-block; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; } .arm_account_detail_wrapper .arm_account_detail_tab_links{ background: #ffffff; border-bottom: 2px solid #dee3e9; } .arm_account_detail_wrapper .arm_account_detail_tab_links{ box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; display: inline-block; width: 100%; margin: 0; padding: 0; float: left; } .arm_account_detail_tab_links ul{ display: inline-block; width: 100%; margin: 0; padding: 0; position: relative; float: left; } .arm_account_detail_tab_links ul li, .arm_account_detail_tab_links ul li.arm_account_link_tab{ display: inline-block; min-width: 60px; color: #727277; text-align: center; line-height: normal; position: relative; overflow: hidden; cursor: pointer; float: left; margin: 0; } .arm_account_detail_tab_links ul li:first-child{ text-align: left; } .arm_account_detail_tab_links ul li.arm_account_slider{ display: block; position: absolute; bottom: 0; left: 0; height: 2px; background: #00b2f0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; padding: 0; } .arm_account_detail_wrapper .arm_account_link_tab a{ font-size: 16px; font-weight: bold; line-height: normal; color: #727277; box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -o-box-shadow: none !important; text-decoration: none !important; border: 0 !important; margin: 0 !important; padding: 10px !important; display: inline-block; } .arm_account_detail_wrapper .arm_account_link_tab a:hover, .arm_account_detail_wrapper .arm_account_link_tab a:focus{ text-decoration: none !important; border: 0 !important; outline: none !important; } .arm_account_detail_tab_links ul li.arm_account_link_tab.arm_account_link_tab_active, .arm_account_detail_tab_links ul li.arm_account_link_tab.arm_account_link_tab_active a{ color: #00b2f0 !important; } .arm_account_detail_tab_content_wrapper .arm_account_btn_tab{ display: none; width: 100%; background-color: #ffffff; border: 1px solid #dee3e9; border-left: 0; border-right: 0; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; line-height: 24px; margin: 0 0 -1px 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; padding: 6px 8px; float: left; cursor: pointer; } .arm_account_detail_tab_content_wrapper .arm_account_btn_tab a{ color: inherit; text-decoration: none !important; border: 0 !important; margin: 0 !important; padding: 0 !important; } .arm_account_detail_tab_content_wrapper .arm_account_btn_tab a:hover, .arm_account_detail_tab_content_wrapper .arm_account_btn_tab a:focus{ text-decoration: none !important; border: 0 !important; outline: none !important; } .arm_account_detail_tab_content_wrapper .arm_account_btn_tab:hover, .arm_account_detail_tab_content_wrapper .arm_account_btn_tab.arm_account_btn_tab_active{ outline: none; cursor: default; position: relative; background: #ffffff; } .arm_account_detail_tab_content_wrapper .arm_account_btn_tab.arm_account_btn_tab_active{ color: #106CC8 !important; } .arm_account_detail_tab_content_wrapper .arm_account_btn_tab.arm_account_btn_tab_active a{ color: #106CC8 !important; } .arm_account_detail_tab_content_wrapper, .arm_account_detail_container { display: inline-block; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; width: 100%; margin-top: -1px; } .arm_account_detail_tab_content_wrapper{ float: left; border: 1px solid #dee3e9; border-top: 0; min-height: 0; position: relative; top: auto; left: auto; right: auto; bottom: auto; overflow: hidden; transition: all .5s cubic-bezier(.35,0,.25,1); -webkit-transition: all .5s cubic-bezier(.35,0,.25,1); -moz-transition: all .5s cubic-bezier(.35,0,.25,1); -ms-transition: all .5s cubic-bezier(.35,0,.25,1); -o-transition: all .5s cubic-bezier(.35,0,.25,1); border-radius: 0 0 6px 6px; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; -ms-border-radius: 0 0 6px 6px; -o-border-radius: 0 0 6px 6px; } .arm_account_detail_wrapper .arm_account_detail_tab_content{ display: inline-block; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; padding: 0 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: auto; transition: transform .5s cubic-bezier(.35,0,.25,1); -webkit-transition: transform .5s cubic-bezier(.35,0,.25,1); -moz-transition: transform .5s cubic-bezier(.35,0,.25,1); -ms-transition: transform .5s cubic-bezier(.35,0,.25,1); -o-transition: transform .5s cubic-bezier(.35,0,.25,1); transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); } .arm_account_detail_wrapper .arm_account_detail_tab_content.arm_account_content_active{ position: relative; } .arm_account_detail_wrapper .arm_account_detail_tab_content.arm_account_content_left, .arm_account_detail_wrapper .arm_account_detail_tab_content.arm_account_content_right{ transition: all .3s cubic-bezier(.35,0,.25,1); -webkit-transition: all .3s cubic-bezier(.35,0,.25,1); -moz-transition: all .3s cubic-bezier(.35,0,.25,1); -ms-transition: all .3s cubic-bezier(.35,0,.25,1); -o-transition: all .3s cubic-bezier(.35,0,.25,1); opacity: 0; overflow: hidden; } .arm_account_detail_wrapper .arm_account_detail_tab_content.arm_account_content_left{ transform: translateX(-100%); -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); } .arm_account_detail_wrapper .arm_account_detail_tab_content.arm_account_content_right{ transform: translateX(100%); -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); } .arm_close_account_container .arm_close_account_message{ font-size: 18px; padding: 5px; margin-bottom: 15px; display: inline-block; width: 100%; line-height: 22px; } .arm_account_detail_wrapper .arm_account_detail_tab_heading, .arm_account_detail_wrapper .arm_account_detail_tab_link_belt, .arm_account_detail_wrapper .arm_account_detail_tab_body{ display: inline-block; width: 100%; margin: 0; padding: 10px 20px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; } .arm_account_detail_wrapper .arm_account_detail_tab_heading{ padding-top: 25px; padding-bottom: 15px; font-size: 18px; color: #32323a; } .arm_account_detail_wrapper .arm_account_detail_tab_link_belt{ background: #F8F8F8; text-align: right; padding-top: 6px; padding-bottom: 6px; margin-bottom: 5px; } .arm_account_detail_wrapper .arm_account_detail_tab_body{ padding: 0 20px; } .arm_account_detail_wrapper .arm_account_detail_block{ width: 100%; display: inline-block; float: left; } .arm_account_detail_wrapper .arm_view_profile_wrapper .arm_member_detail_avtar_section{ display: inline-block; width: 20%; max-width: 20%; min-width: 100px; float: left; margin: 10px 0; } .arm_account_detail_wrapper .arm_view_profile_wrapper .arm_member_detail_avtar_section .arm_member_detail_avtar{ display: inline-block; width: 100px; height: 100px; vertical-align: middle; box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0); -o-box-shadow: 0 0 1px rgba(0, 0, 0, 0); border: 4px solid #eeeeee; -o-border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; } .arm_account_detail_wrapper .arm_view_profile_wrapper .arm_member_detail_avtar img{ width: 100%; height: 100%; display: block; margin: 0 auto; max-width: 100%; max-height: 100%; -o-border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; } .arm_account_detail_wrapper .arm_view_profile_wrapper .arm_member_detail_avtar img.arm_avatar_small_width{ width: auto; } .arm_account_detail_wrapper .arm_view_profile_wrapper .arm_member_detail_avtar img.arm_avatar_small_height{ height: auto; } .arm_account_detail_wrapper table tr th{ border: 0; border-bottom: 1px solid #efefef; padding: 10px 5px 5px; } .arm_account_detail_wrapper table tr td{ border: 0; border-bottom: 1px solid #efefef; padding: 10px 5px 5px; } .arm_account_detail_wrapper .arm_member_detail_action_links a{ display: inline-block; margin: 0 0 0 10px; padding: 5px; line-height: normal; border: 0; outline: none; text-decoration: none; color: #00b2f0; font-family: open sans; font-size: 16px; } .arm_account_detail_wrapper .arm_member_detail_action_links a:hover, .arm_account_detail_wrapper .arm_member_detail_action_links a:focus{ border: 0; outline: none; text-decoration: none; color: #32323a; } .arm_account_detail_wrapper .arm_member_detail_action_links .arm_logout_form_container{ display: inline-block; } .arm_account_detail_wrapper .arm_member_info_block, .arm_account_detail_wrapper .arm_activity_item{ padding: 8px 5px; } .arm_account_detail_wrapper .arm_member_detail_action_links a:hover, .arm_account_detail_wrapper .arm_activity_display_name a:hover, .arm_account_detail_wrapper .arm_activity_other_links a:hover, .arm_account_detail_wrapper .arm_member_info_right a:hover{ color: #32323a !important; } .arm_account_detail_wrapper .arm_close_account_btn, .arm_form_close_account .arm_close_account_btn{ padding: 6px 20px; } .arm_account_detail_wrapper .arm_front_edit_member_btn:focus, .arm_account_detail_wrapper .arm_front_edit_member_btn:hover, .arm_account_detail_wrapper .arm_close_account_btn:focus, .arm_account_detail_wrapper .arm_close_account_btn:hover{ border-color: transparent !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -o-box-shadow: none !important; box-shadow: none !important; } .arm_empty_box_warning{ display: block; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; width: 100%; padding: 10px; } .arm_account_detail_tab_content .arm_empty_box_warning{ text-align: center; padding: 6px 10px; box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.2); -o-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.2); } .armhelptip_front.tipso_style{ cursor: pointer; border: 0 } .arm_social_login_content_wrapper{ width: auto; margin: 0; display: inline-block; vertical-align: top; position: relative; } .arm_transactions_container .arm_paging_wrapper .arm_paging_info, .arm_transactions_container .arm_paging_wrapper .arm_paging_links a, .arm_login_history_container .arm_paging_wrapper .arm_paging_info, .arm_login_history_container .arm_paging_wrapper .arm_paging_links a, .arm_account_detail_wrapper .arm_paging_wrapper .arm_paging_info, .arm_account_detail_wrapper .arm_paging_wrapper .arm_paging_links a{ color: #a8a8a8 !important; font-size: 14px !important; font-family: NotoSans,sans-serif,"Trebuchet MS" !important; } .arm_account_detail_wrapper .arm_paging_wrapper .arm_page_numbers.current, .arm_account_detail_wrapper .arm_paging_wrapper .arm_page_numbers:hover, .arm_account_detail_wrapper .arm_paging_wrapper .arm_page_numbers:focus{ color: #00aff0; background-color: transparent; border: 0; border-bottom: 1px solid #00aff0; } .arm_account_detail_wrapper .arm_account_detail_img img{ width: 50px; height: 50px; } .arm_member_listing_wrapper .arm_member_info_block .arm_user_avatar{ display: inline-block; vertical-align: middle; box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0); -o-box-shadow: 0 0 1px rgba(0, 0, 0, 0); border: 1px solid #ededed; width: 60px; height: 60px; overflow: hidden; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; } .arm_member_listing_wrapper .arm_member_info_block img{ display: block; width: 100%; height: 100%; max-width: 100%; max-height: 100%; margin: 0 auto; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; } .arm_member_listing_wrapper .arm_member_info_block img.arm_avatar_small_width{ width: auto; } .arm_member_listing_wrapper .arm_member_info_block img.arm_avatar_small_height{ height: auto; } .armfa.armfa-times { float: right; cursor: pointer; } .arm_form_popup_link.arm_form_popup_ahref, .arm_setup_form_popup_link.arm_setup_form_popup_ahref{ cursor: pointer; margin: 0 6px; border: 0 !important; font-size: 16px; box-sizing: border-box !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; color: #555; background: none !important; text-decoration: none; border: 0 !important; } .arm_form_popup_link.arm_form_popup_ahref:hover, .arm_form_popup_link.arm_form_popup_ahref:focus, .arm_setup_form_popup_link.arm_setup_form_popup_ahref:hover, .arm_setup_form_popup_link.arm_setup_form_popup_ahref:focus{ color: #555; background: none !important; text-decoration: none; border: 0 !important; outline: none; } .arm_logout_link, .arm_logout_btn.arm_logout_link{ padding: 5px; margin: 5px; } .arm_logout_btn.arm_logout_link:hover, .arm_logout_btn.arm_logout_link:focus, .arm_logout_link:hover, .arm_logout_link:focus{ cursor: pointer; color: #000; background: none !important; text-decoration: none; border: 0 !important; outline: none; } .arm_form_popup_button, .arm_form_popup_button:hover, .arm_form_popup_button:focus, .arm_setup_form_popup_button, .arm_setup_form_popup_button:hover, .arm_setup_form_popup_button:focus, .arm_cancel_membership_button, .arm_logout_button, .arm_form_close_account .arm_form_field_submit_button.arm_close_account_btn, .arm_logout_button:hover, .arm_logout_button:focus, .arm_cancel_membership_button:hover, .arm_cancel_membership_button:focus { text-transform: none; background-color: #39a5ff; background: #39a5ff; border-color: #39a5ff; font-size: 16px; font-weight: bold; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; color: #ffffff; cursor: pointer; line-height: normal; padding: 12px; margin-bottom: 10px; } .arm_template_wrapper_directorytemplate1 .arm_user_block, .arm_template_wrapper_directorytemplate2 .arm_user_block, .arm_template_wrapper_directorytemplate3 .arm_user_block{ } .arm_account_detail_tab .arm_view_profile_wrapper table tr, .arm_account_detail_tab .arm_view_profile_wrapper table tr th, .arm_account_detail_tab .arm_view_profile_wrapper table tr td, .arm_account_detail_tab .arm_subscriptions_wrapper table tr, .arm_account_detail_tab .arm_subscriptions_wrapper table tr th, .arm_account_detail_tab .arm_subscriptions_wrapper table tr td{ background: transparent !important; padding: 11px 5px 5px !important; } .arm_profile_detail_tbl td { vertical-align: middle !important; } @-webkit-keyframes armScaleUp { 0% { opacity: 0; } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes armScaleUp { 0% { opacity: 0; } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); opacity: 1; } } .arm_template_wrapper_directorytemplate2 .arm_user_block{ -webkit-animation: armFadeIn 0.65s ease-in-out forwards; -moz-animation: armFadeIn 0.65s ease-in-out forwards; animation: armFadeIn 0.65s ease-in-out forwards; } @-webkit-keyframes armFadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes armFadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes armMoveUp { 0% { opacity: 0; } 50% { opacity: 0.5; } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes armMoveUp { 0% { opacity: 0; } 50% { opacity: 0.5; } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); opacity: 1; } } @media screen and (max-width: 768px) { .arm_transactions_container table, .arm_login_history_container table, .arm_current_membership_container table{ border: 0; } .arm_transactions_container table tr, .arm_login_history_container table tr, .arm_current_membership_container table tr{ margin-bottom: 10px; display: block; border: 1px solid #e5e5e5; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; } .arm_transactions_container table .arm_transaction_list_header, .arm_transactions_container table tr.arm_transaction_list_header, .arm_login_history_container table .arm_transaction_list_header, .arm_login_history_container table tr.arm_transaction_list_header, .arm_current_membership_container table .arm_current_membership_list_header, .arm_current_membership_container table tr.arm_current_membership_list_header{ // display: none; } .arm_transactions_container table td, .arm_transactions_container .arm_transaction_list_item td, .arm_login_history_container table td, .arm_login_history_container .arm_transaction_list_item td, .arm_current_membership_container table td, .arm_current_membership_container .arm_current_membership_list_item td{ display: block; padding: 10px !important; border: 0 !important; border-bottom: 1px solid #ecf0f1 !important; } .arm_transactions_container table td:last-child, .arm_transactions_container .arm_transaction_list_item td:last-child, .arm_login_history_container table td:last-child, .arm_login_history_container .arm_transaction_list_item td:last-child, .arm_current_membership_container table td:last-child, .arm_current_membership_container .arm_current_membership_list_item td:last-child{ border: 0 !important; } .arm_transactions_container table td:before, .arm_login_history_container table td:before, .arm_current_membership_container table td:before{ content: attr(data-label); display: inline-block; width: 40%; margin-right: 10px; vertical-align: middle; } .arm_transactions_container table td .arm_transaction_list_trial_text, .arm_login_history_container table td .arm_transaction_list_trial_text, .arm_current_membership_container table td .arm_current_membership_list_trial_text { padding-left: 40%; margin-left: 10px; } } .arm_plan_separator{ width:100% !important; clear:both !important; list-style: none !important; padding:0 !important; } .arm_confirm_box{ display: none; position: absolute; right: 0; margin-top: 38px; font-size: 16px; font-weight: normal; z-index: 9992; } .arm_confirm_box_body{ box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; min-width: 275px; max-width: 280px; width: auto; background: #FFF; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3); -o-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3); padding: 10px 20px; margin-top: 14px; border-collapse: separate; } .arm_confirm_box_arrow{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border-bottom: 16px solid #FFF; border-left: 15px solid transparent; border-right: 15px solid transparent; float: right; height: 0; margin: -22px 0 0 0; width: 0; position: relative; } .arm_confirm_box_arrow:before, .arm_confirm_box_arrow:after{ transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); z-index: -1; position: absolute; content: ""; background: transparent; top: 6px; right: -8px; width: 15px; height: 15px; -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3); -o-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3); } .arm_confirm_box_btn_container{ margin-top: 10px; } .arm_confirm_box_text, .arm_confirm_box_btn_container{ text-align: center; display: block; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; padding: 5px 0; } .arm_confirm_box_btn.armok:hover{ background-color: #ce3635; } .arm_confirm_box_btn.armcancel{ background-color: #b6b6b6; } .arm_confirm_box_btn.armcancel:hover{ background-color: #a1a1a1; } .arm_confirm_box_btn.armok{ background-color: #e14d4b; border: 1px solid #e14d4b; margin: 0 10px 0 0; } .arm_confirm_box_btn{ width: 110px; height: 33px; padding: 3px 10px; vertical-align: middle; color: #FFF; text-align: center; border: 1px solid #b6b6b6; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; font-weight: normal; cursor: pointer; } .arm_delete_cover_popup.arm_confirm_box{ right: -15px; margin-top: 38px; } .arm_delete_cover_popup.arm_confirm_box.arm_open{ display: block; } .arm_directory_form_container .arm_cover_upload_container{ display: none !important; } .armCoverUploadBtnContainer.arm_no_profile{ display:none !important; } .arm_login_widget_wrapper, .arm_slider_widget_wrapper{ float:left; width:100%; min-height:300px; border:1px solid #e2e2e2; margin-bottom:30px; border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -moz-border-radius:5px; box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -moz-box-sizing:border-box; background:#ffffff; } .arm_slider_widget_wrapper{ min-height:260px; } .arm_login_widget_wrapper *, .arm_slider_widget_wrapper *{ box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -moz-box-sizing:border-box; box-shadow: none !important; -webkit-box-shadow:none !important; -o-box-shadow:none !important; -moz-box-shadow:none !important; background:#ffffff; } .arm_login_widget_header, .arm_slider_widget_header{ float:left; width:100%; height:165px; position:relative; border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; -o-border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; text-align:center; } .arm_login_widget_user_cover, .arm_slider_widget_user_cover{ display: inline-block; height: 105px; left: 0; position: absolute; right: 0; top: 0; width: 100%; border-radius: 4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; -o-border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; overflow:hidden; border-bottom:1px solid #e2e2e2; } .arm_login_widget_avatar, .arm_slider_widget_avatar{ background-color: #ffffff; border: 3px solid #ffffff; border-radius: 100px; display: inline-block; height: 95px; margin: 55px auto 15px; max-width: 75%; position: relative; vertical-align: middle; width: 95px; } .arm_login_widget_avatar img, .arm_slider_widget_avatar img{ float:left; width:100%; height:100%; border-radius: 100%; -webkit-border-radius: 100%; -o-border-radius: 100%; -moz-border-radius: 100%; } .arm_login_widget_content_wrapper, .arm_slider_widget_content_wrapper{ float:left; width:100%; } .arm_login_widget_profile_link, .arm_slider_widget_profile_link{ text-decoration: none; float:left; width:100%; text-align: center; position: relative; z-index: 1; } a.arm_login_widget_profile_link:before, a.arm_slider_widget_profile_link:before{ content: ""; float: none; width: 90%; border: 2px solid #e2e2e2; position: absolute; z-index: 1; margin: 0 auto !important; left: 5%; top: 6px; background: #ffffff; } a.arm_login_widget_profile_link span, a.arm_slider_widget_profile_link span{ z-index: 2; position: relative; background: #fff; margin: 0 auto; float: none; padding: 0 5px; background: #ffffff; } .arm_login_widget_user_info, .arm_slider_widget_user_info{ float:left; width:100%; margin-top:10px; padding:10px; background: #ffffff; } .arm_login_widget_user_info_row, .arm_slider_widget_user_info_row{ float:left; width:100%; min-height:30px; margin-bottom:5px; background: #ffffff; } .arm_login_widget_user_info_row_left, .arm_slider_widget_user_info_row_left{ float: left; width: 40%; font-weight: bold; background: #ffffff; direction: rtl; } .arm_rtl_widget .arm_login_widget_user_info_row_left, .arm_rtl_widget .arm_slider_widget_user_info_row_left{ float: right; width: 50%; font-weight: bold; background: #ffffff; direction: rtl; padding: 0 10px 0 10px; } .arm_login_widget_user_info_row_right, .arm_slider_widget_user_info_row_right{ float: right; width: 50%; text-align: left; white-space: pre-wrap; word-wrap: break-word; background: #ffffff; padding-left:10px; } .arm_rtl_widget .arm_login_widget_user_info_row_right, .arm_rtl_widget .arm_slider_widget_user_info_row_right{ float: left; width: 50%; text-align: right; white-space: pre-wrap; word-wrap: break-word; background: #ffffff; direction: rtl; } @media (max-width:500px){ .arm_popup_wrapper{ z-index:999999 !important; } } .arm_payment_mode_wrapper{ border-bottom:2px #ececec solid; padding-bottom:20px; } .arm_current_membership_content, .arm_transaction_content { width: 100%; } .arm_transaction_list_header .arm_sortable_th{ width: 150px; } .arm_current_membership_list_header th.arm_cm_sr_no{ min-width: 45px; text-align: right;} .arm_current_membership_list_header th.arm_cm_plan_remaining_occurence{ min-width: 70px;} .arm_current_membership_list_header th.arm_cm_plan_renew_date{ min-width: 125px;} .arm_current_membership_list_header th.arm_cm_plan_start_date{ min-width: 100px;} .arm_current_membership_list_header th.arm_cm_plan_end_date{ min-width: 115px;} .arm_current_membership_list_header th.arm_cm_plan_profile{ min-width: 165px;} .arm_current_membership_list_header th#arm_cm_plan_action_btn{ min-width: 195px;} .arm_current_membership_list_header th#arm_cm_plan_name{ max-width: 200px; min-width: 100px; text-align: left; padding-left: 12px !important; word-wrap: break-word;} .arm_current_membership_container .arm_current_membership_list_item .arm_renew_subscription_button { background-color: #23b7e5 !important; border-radius: 3px !important; font-family: inherit; font-size: 14px !important; color: #ffffff !important; font-weight: normal; font-style: normal; text-decoration: none; padding: 4px; border: 1px solid #23b7e5 !important; min-width: 85px; min-height: 25px; } .arm_transaction_list_header .arm_transaction_th#arm_tm_payment_date{min-width: 150px;} .arm_current_membership_container .arm_current_membership_list_item .arm_renew_subscription_button:hover, .arm_current_membership_container .arm_current_membership_list_item .arm_renew_subscription_button:active, .arm_current_membership_container .arm_current_membership_list_item .arm_renew_subscription_button:focus{ background-color: #00b2f0 !important; border-radius: 3px !important; font-family: inherit; font-size: 14px !important; color: #ffffff; font-weight: normal; font-style: normal; text-decoration: none; padding: 4px; border: 1px solid #00b2f0 !important; min-width: 85px; min-height: 25px; background-image: none; } .arm_current_membership_container .arm_current_membership_list_item .arm_cancel_subscription_button{ background-color: #e66b6b !important; border-radius: 3px !important; font-family: inherit; font-size: 14px !important; color: #ffffff; font-weight: normal; font-style: normal; text-decoration: none; padding: 4px; border: 1px solid #e66b6b !important; min-width: 85px; min-height: 25px; } .arm_current_membership_container .arm_current_membership_list_item .arm_cancel_subscription_button:hover, .arm_current_membership_container .arm_current_membership_list_item .arm_cancel_subscription_button:focus, .arm_current_membership_container .arm_current_membership_list_item .arm_cancel_subscription_button:active{ background-color: #d54e21 !important; border-radius: 3px !important; font-family: inherit; font-size: 14px !important; color: #ffffff; font-weight: normal; font-style: normal; text-decoration: none; padding: 4px; border: 1px solid #d54e21 !important; min-width: 85px; min-height: 25px; background-image: none; box-shadow: none; } .arm_current_membership_container .arm_current_membership_list_item .arm_current_membership_cancelled_row{ background: #e66b6b; color: #ffffff !important; } .arm_paging_wrapper.arm_paging_wrapper_transaction .arm_paging_info{ float: left;} .arm_paging_wrapper.arm_paging_wrapper_transaction .arm_paging_links{ float: right;} [dir="rtl"] .arm_paging_wrapper.arm_paging_wrapper_transaction .arm_paging_info{ float: right;} [dir="rtl"] .arm_paging_wrapper.arm_paging_wrapper_transaction .arm_paging_links{ float: left;} .arm_update_membership_container .arm_update_membership_li{ list-style: none; width: 100%; padding: 10px; border: 1px solid #00c3e4; margin-top: 10px; float: left; border-radius: 4px; } .arm_update_membership_left_div { width: 72%; float: left; } .arm_update_membership_right_div { width: 20%; float: right; text-align: right; margin: 5px 0; } .arm_update_membership_form_container .arm_update_membership_wrapper .arm_update_membership_content { width: 100%; float: left;} .arm_update_membership_form_container .arm_update_membership_wrapper .arm_update_membership_content .arm_update_subscription_button{ min-width: 100px; background-color: #00c3e4; border-radius: 4px; } .arm_update_membership_container_loader_img .arm_loading_grid, .arm_current_membership_container_loader_img .arm_loading_grid{ margin: 50px 0; text-align: center; width: 100%; } .arm_current_membership_container .arm_current_membership_heading_main { line-height: 24px; display: inline-block; width: 100%; margin: 15px 0 20px; padding: 5px; } .arm_social_login_content_wrapper .arm_social_connect_loader{ vertical-align: middle; display: inline-block; } .arm_radio_outer_wrapper{ display:inline-block; margin-right:10px; float:none; margin-bottom:10px; cursor:pointer; } .arm_radio_wrapper{ float:none; display:inline-block; width:20px; height:20px; position:relative; top:3px; cursor:pointer; margin: 0 5px; } .arm_radio_outer_wrapper:hover .arm_radio_wrapper{ border-color:#00C3E4; } .arm_radio_wrapper input[type=radio]{ position: absolute; top: 0; width: 20px !important; height: 20px; opacity: 0; z-index: 999; margin:0 !important; cursor:pointer; } .arm_radio_wrapper input[type=radio] + span{ border-radius:20px; -webkit-border-radius:20px; -o-border-radius:20px; -moz-border-radius:20px; margin-right:5px; border:1px solid #CACACB; position:absolute; display:block; width:20px; height:20px; } .arm_radio_wrapper input[type=radio]:checked + span{ border:1px solid #00c3e4; } .arm_radio_wrapper input[type=radio]:checked + span::before{ content:""; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%); width:8px; height:8px; -webkit-border-radius:8px; -o-border-radius:8px; -moz-border-radius:8px; border-radius:8px; background:#00c3e4; } stop.arm_social_connect_svg { stop-color: #23b7e5; } .arm_cm_renew_btn_div{ width: 50%; float: left; } .arm_cm_cancel_btn_div{ width: 50%; float: left; } .arm_current_membership_action_div{ width: 100%; text-align: center; float: left; margin: 6px auto; } .arm_current_membership_trial_active{ color: green; } .arm_no_scroll{ overflow:hidden !important; }