@charset "utf-8";

.armclear {
    clear: both
}

.armclear:after,
.armclear:before {
    display: table;
    content: "";
    line-height: 0
}

.disabled {
    opacity: .6;
    cursor: text
}

.arm_error_msg p,
.arm_invalid p,
.error p {
    margin: 0 0 10px
}

td.arm_form_field_label {
    width: 40%
}

span.arm_error_msg,
span.arm_invalid,
span.front_error {
    border: none;
    background: 0 0;
    display: inline-block;
    width: 100%;
    color: red;
    font-size: 14px
}

span.arm_success_msg,
span.success {
    border: none;
    background: 0 0;
    color: green;
    display: block;
    font-size: 14px;
    width: 100%
}

.arm_warning_text {
    float: left;
    display: inline;
    width: 100%;
    color: red;
    font-weight: 700;
    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: 400;
    line-height: normal;
    font-size: 30px;
    padding-bottom: 10px;
    clear: both
}

.arm_row_heading .page_title {
    font-weight: 700;
    font-size: 20px;
    color: #333;
    text-shadow: none !important
}

.arm_current_membership_container .arm_current_membership_wrapper,
.arm_login_history_container .arm_login_history_wrapper,
.arm_paid_post_current_membership_container .arm_current_membership_wrapper,
.arm_paid_post_transactions_container .arm_transactions_wrapper,
.arm_transactions_container .arm_transactions_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 0 10px;
    padding: 0
}

.arm_user_current_membership_list_table,
.arm_user_login_history_list_table,
.arm_user_transaction_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%
}

.arm_user_current_membership_list_table th,
table.arm_user_login_history_list_table th,
table.arm_user_transaction_list_table th {
    font-size: 13px !important;
    font-weight: 700 !important;
    text-align: center;
    color: #444;
    background-color: #f6f8f8;
    border-right: 1px solid #dee5e7 !important;
    padding: 8px 5px !important;
    min-height: 50px;
    border-bottom: 1px solid #dee5e7 !important;
    cursor: default;
    word-break: inherit
}

table.arm_user_current_membership_list_table th:last-child,
table.arm_user_login_history_list_table th:last-child,
table.arm_user_transaction_list_table th:last-child {
    border-right: 0 !important
}

[dir=rtl] table.arm_user_current_membership_list_table th:last-child,
[dir=rtl] table.arm_user_login_history_list_table th:last-child,
[dir=rtl] table.arm_user_transaction_list_table th:last-child {
    border-right: 1px solid #dee5e7 !important
}

[dir=rtl] table.arm_user_current_membership_list_table th:first-child,
[dir=rtl] table.arm_user_login_history_list_table th:first-child,
[dir=rtl] table.arm_user_transaction_list_table th:first-child {
    border-right: 0 !important
}

.arm_user_current_membership_list_table .arm_sortable_th,
.arm_user_current_membership_list_table th,
.arm_user_login_history_list_table th,
.arm_user_login_histroy_list_table .arm_sortable_th,
.arm_user_transaction_list_table .arm_sortable_th,
.arm_user_transaction_list_table 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_current_membership_list_table tr,
.arm_user_current_membership_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_transaction_list_table tr,
.arm_user_transaction_list_table tr td.sorting_1 {
    background: 0 0 !important
}

table.arm_user_current_membership_list_table td,
table.arm_user_login_history_list_table td,
table.arm_user_transaction_list_table td {
    font-size: 12px !important;
    color: #666;
    text-align: center;
    padding: 5px 10px !important;
    border-bottom: 1px solid #ecf0f1 !important;
    border-right: 1px solid #eee !important;
    word-wrap: break-word;
    vertical-align: top;
    word-break: inherit
}

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_current_membership_list_table td.arm_no_transaction,
table.arm_user_login_history_list_table td.arm_no_transaction,
table.arm_user_transaction_list_table td.arm_no_transaction {
    text-align: center;
    padding: 30px 5px !important
}

table.arm_user_current_membership_list_table td:last-child,
table.arm_user_login_history_list_table td:last-child,
table.arm_user_transaction_list_table td:last-child {
    border-right: 0 !important
}

[dir=rtl] table.arm_user_current_membership_list_table td:last-child,
[dir=rtl] table.arm_user_login_history_list_table td:last-child,
[dir=rtl] table.arm_user_transaction_list_table td:last-child {
    border-right: 1px solid #eee !important
}

[dir=rtl] table.arm_user_current_membership_list_table td:first-child,
[dir=rtl] table.arm_user_login_history_list_table td:first-child,
[dir=rtl] table.arm_user_transaction_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: .8
}

.arm_transaction_list_trial_text {
    width: 100%;
    font-size: 12px
}

.arm_no_transactiion_found {
    text-align: center;
    font-weight: 700 !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: 700;
    display: inline-block;
    vertical-align: top
}

.arm_transaction_content .dataTables_paginate .paginate_page {
    background: 0 0 !important;
    border: 0 !important;
    width: auto
}

.arm_transaction_content .dataTables_paginate .nof {
    background: 0 0 !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 #000000 !important;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: #000000 !important;
    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;
    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_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 td,
.arm_account_detail_wrapper table tr th {
    text-align: left
}

[dir=rtl] .arm_account_detail_wrapper table tr td,
[dir=rtl] .arm_account_detail_wrapper table tr th {
    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: #fff;
    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: #000000 !important;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    padding: 0
}

.arm_account_detail_wrapper .arm_account_link_tab a {
    font-size: 16px;
    font-weight: 700;
    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:focus,
.arm_account_detail_wrapper .arm_account_link_tab a:hover {
    text-decoration: none !important;
    border: 0 !important;
    outline: 0 !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: #000000 !important !important
}

.arm_account_detail_tab_content_wrapper .arm_account_btn_tab {
    display: none;
    width: 100%;
    background-color: #fff;
    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:focus,
.arm_account_detail_tab_content_wrapper .arm_account_btn_tab a:hover {
    text-decoration: none !important;
    border: 0 !important;
    outline: 0 !important
}

.arm_account_detail_tab_content_wrapper .arm_account_btn_tab.arm_account_btn_tab_active,
.arm_account_detail_tab_content_wrapper .arm_account_btn_tab:hover {
    outline: 0;
    cursor: default;
    position: relative;
    background: #fff
}

.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_container,
.arm_account_detail_tab_content_wrapper {
    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_body,
.arm_account_detail_wrapper .arm_account_detail_tab_heading,
.arm_account_detail_wrapper .arm_account_detail_tab_link_belt {
    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 transparent;
    -webkit-box-shadow: 0 0 1px transparent;
    -moz-box-shadow: 0 0 1px transparent;
    -o-box-shadow: 0 0 1px transparent;
    border: 4px solid #eee;
    -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: 0;
    text-decoration: none;
    color: #000000 !important;
    font-family: open sans;
    font-size: 16px
}

.arm_account_detail_wrapper .arm_member_detail_action_links a:focus,
.arm_account_detail_wrapper .arm_member_detail_action_links a:hover {
    border: 0;
    outline: 0;
    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_activity_item,
.arm_account_detail_wrapper .arm_member_info_block {
    padding: 8px 5px
}

.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_detail_action_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_close_account_btn:focus,
.arm_account_detail_wrapper .arm_close_account_btn:hover,
.arm_account_detail_wrapper .arm_front_edit_member_btn:focus,
.arm_account_detail_wrapper .arm_front_edit_member_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: 0 0 1px 0 rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 1px 0 rgba(0, 0, 0, .2);
    -o-box-shadow: 0 0 1px 0 rgba(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_account_detail_wrapper .arm_paging_wrapper .arm_paging_info,
.arm_account_detail_wrapper .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_paid_post_transactions_container .arm_paging_wrapper .arm_paging_info,
.arm_paid_post_transactions_container .arm_paging_wrapper .arm_paging_links a,
.arm_transactions_container .arm_paging_wrapper .arm_paging_info,
.arm_transactions_container .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:focus,
.arm_account_detail_wrapper .arm_paging_wrapper .arm_page_numbers:hover {
    color: #000000 !important;
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #000000 !important
}

.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 transparent;
    -webkit-box-shadow: 0 0 1px transparent;
    -moz-box-shadow: 0 0 1px transparent;
    -o-box-shadow: 0 0 1px transparent;
    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: 0 0 !important;
    text-decoration: none;
    border: 0 !important
}

.arm_form_popup_link.arm_form_popup_ahref:focus,
.arm_form_popup_link.arm_form_popup_ahref:hover,
.arm_setup_form_popup_link.arm_setup_form_popup_ahref:focus,
.arm_setup_form_popup_link.arm_setup_form_popup_ahref:hover {
    color: #555;
    background: 0 0 !important;
    text-decoration: none;
    border: 0 !important;
    outline: 0
}

.arm_logout_btn.arm_logout_link,
.arm_logout_link {
    padding: 5px;
    margin: 5px
}

.arm_logout_btn.arm_logout_link:focus,
.arm_logout_btn.arm_logout_link:hover,
.arm_logout_link:focus,
.arm_logout_link:hover {
    cursor: pointer;
    color: #000;
    background: 0 0 !important;
    text-decoration: none;
    border: 0 !important;
    outline: 0
}

.arm_cancel_membership_button,
.arm_cancel_membership_button:focus,
.arm_cancel_membership_button:hover,
.arm_form_close_account .arm-df__form-control-submit-btn.arm_close_account_btn,
.arm_form_popup_button,
.arm_form_popup_button:focus,
.arm_form_popup_button:hover,
.arm_logout_button,
.arm_logout_button:focus,
.arm_logout_button:hover,
.arm_setup_form_popup_button,
.arm_setup_form_popup_button:focus,
.arm_setup_form_popup_button:hover {
    text-transform: none;
    background-color: #39a5ff;
    background: #39a5ff;
    border-color: #39a5ff;
    font-size: 16px;
    font-weight: 700;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    color: #fff;
    cursor: pointer;
    line-height: normal;
    padding: 12px;
    margin-bottom: 10px
}

.arm_account_detail_tab .arm_subscriptions_wrapper table tr,
.arm_account_detail_tab .arm_subscriptions_wrapper table tr td,
.arm_account_detail_tab .arm_subscriptions_wrapper table tr th,
.arm_account_detail_tab .arm_view_profile_wrapper table tr,
.arm_account_detail_tab .arm_view_profile_wrapper table tr td,
.arm_account_detail_tab .arm_view_profile_wrapper table tr th {
    background: 0 0 !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 .65s ease-in-out forwards;
    -moz-animation: armFadeIn .65s ease-in-out forwards;
    animation: armFadeIn .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: .5
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes armMoveUp {
    0% {
        opacity: 0
    }

    50% {
        opacity: .5
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

.arm_search_filter_fields_wrapper .arm_dir_filter_input input[type=email],
.arm_search_filter_fields_wrapper .arm_dir_filter_input input[type=text],
.arm_search_filter_fields_wrapper .arm_directory_filters_wrapper input[type=text],
.arm_search_filter_fields_wrapper .arm_directory_filters_wrapper select,
.arm_template_wrapper .arm_search_filter_fields_wrapper .arm_directory_filters_wrapper .arm_directory_search_wrapper .arm_directory_search_box {
    border-radius: 5px;
    height: 40px
}

@media screen and (max-width:768px) {

    .arm_current_membership_container table,
    .arm_login_history_container table,
    .arm_transactions_container table {
        border: 0
    }

    .arm_current_membership_container table tr,
    .arm_login_history_container table tr,
    .arm_transactions_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_current_membership_container table .arm_current_membership_list_header,
    .arm_current_membership_container table tr.arm_current_membership_list_header,
    .arm_login_history_container table .arm_transaction_list_header,
    .arm_login_history_container table tr.arm_transaction_list_header,
    .arm_transactions_container table .arm_transaction_list_header,
    .arm_transactions_container table tr.arm_transaction_list_header {
        display: none
    }

    table.arm_user_current_membership_list_table td,
    table.arm_user_current_membership_list_table td.arm_current_membership_list_item_plan_sr,
    table.arm_user_login_history_list_table td,
    table.arm_user_transaction_list_table td {
        text-align: left
    }

    table.arm_user_current_membership_list_table .arm_current_membership_action_div,
    table.arm_user_current_membership_list_table .arm_current_membership_action_div .arm_cm_cancel_btn_div,
    table.arm_user_current_membership_list_table .arm_current_membership_action_div .arm_cm_renew_btn_div,
    table.arm_user_current_membership_list_table .arm_current_membership_action_div .arm_cm_update_btn_div {
        width: auto !important;
        float: none !important;
        display: inline-flex;
        margin: 0 8px 0 0 !important
    }

    .arm_current_membership_container .arm_current_membership_list_item td,
    .arm_current_membership_container table td,
    .arm_login_history_container .arm_transaction_list_item td,
    .arm_login_history_container table td,
    .arm_transactions_container .arm_transaction_list_item td,
    .arm_transactions_container table td,
    table.arm_user_current_membership_list_table td,
    table.arm_user_current_membership_list_table td.arm_current_membership_list_item_plan_sr,
    table.arm_user_login_history_list_table td,
    table.arm_user_transaction_list_table td {
        display: block;
        padding: 10px !important;
        border: 0 !important;
        border-bottom: 1px solid #ecf0f1 !important;
        text-align: left
    }

    .arm_current_membership_container .arm_current_membership_list_item td:last-child,
    .arm_current_membership_container table td:last-child,
    .arm_login_history_container .arm_transaction_list_item td:last-child,
    .arm_login_history_container table td:last-child,
    .arm_transactions_container .arm_transaction_list_item td:last-child,
    .arm_transactions_container table td:last-child {
        border: 0 !important
    }

    .arm_current_membership_container table td:before,
    .arm_login_history_container table td:before,
    .arm_transactions_container table td:before {
        content: attr(data-label);
        display: inline-block;
        width: 40%;
        margin-right: 10px;
        vertical-align: middle
    }

    .arm_current_membership_container table td .arm_current_membership_list_trial_text,
    .arm_login_history_container table td .arm_transaction_list_trial_text,
    .arm_transactions_container table td .arm_transaction_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: 400;
    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: 0 0 8px 0 rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .3);
    -o-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 0 8px 0 rgba(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:after,
.arm_confirm_box_arrow:before {
    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: 0 0;
    top: 6px;
    right: -8px;
    width: 15px;
    height: 15px;
    -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .3);
    -o-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .3)
}

.arm_confirm_box_btn_container {
    margin-top: 10px
}

.arm_confirm_box_btn_container,
.arm_confirm_box_text {
    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: 400;
    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
}

[dir=rtl] .arm_coupon_field_wrapper,
[dir=rtl] .arm_coupon_submit_wrapper {
    float: right !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: #fff
}

.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: #fff
}

.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: #fff;
    border: 3px solid #fff;
    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: #fff
}

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: #fff
}

.arm_login_widget_user_info,
.arm_slider_widget_user_info {
    float: left;
    width: 100%;
    margin-top: 10px;
    padding: 10px;
    background: #fff
}

.arm_login_widget_user_info_row,
.arm_slider_widget_user_info_row {
    float: left;
    width: 100%;
    min-height: 30px;
    margin-bottom: 5px;
    background: #fff
}

.arm_login_widget_user_info_row_left,
.arm_slider_widget_user_info_row_left {
    float: left;
    width: 40%;
    font-weight: 700;
    background: #fff;
    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: 700;
    background: #fff;
    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: #fff;
    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: #fff;
    direction: rtl
}

@media (max-width:500px) {
    .arm_popup_wrapper {
        z-index: 999999 !important
    }

    .arm_module_plans_container .arm_plan_skin6 .arm_module_plan_option .arm_plan_skin6_left_box {
        width: 100% !important;
        text-align: center
    }

    .arm_module_plans_container .arm_plan_skin6 .arm_module_plan_option .arm_plan_skin6_right_box {
        width: 100% !important;
        position: relative !important;
        transform: none !important
    }

    .arm_module_plans_container .arm_plan_skin6 .arm_module_plan_option .arm_plan_skin6_right_box .arm_module_plan_price {
        text-align: center
    }
}

.arm_payment_mode_wrapper {
    border-bottom: 2px #ececec solid;
    padding-bottom: 20px;
    padding-right: 10px;
    padding-left: 10px
}

.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,
.arm_current_membership_container .arm_current_membership_list_item .arm_update_card_button_style,
.arm_transactions_container .arm_transaction_list_item .arm_view_invoice_button {
    background-color: #000000 !important !important;
    border-radius: 3px !important;
    font-family: inherit;
    font-size: 14px !important;
    color: #fff !important;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    padding: 4px;
    border: 1px solid #000000 !important !important;
    min-width: 85px;
    min-height: 25px;
    line-height: 24px
}

.arm_transaction_list_header .arm_transaction_th#arm_tm_payment_date {
    min-width: 150px
}

.arm_current_membership_container .arm_current_membership_list_item .arm_cancel_subscription_button,
.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,
.arm_current_membership_container .arm_current_membership_list_item .arm_renew_subscription_button:hover,
.arm_current_membership_container .arm_current_membership_list_item .arm_update_card_button_style:active,
.arm_current_membership_container .arm_current_membership_list_item .arm_update_card_button_style:focus,
.arm_current_membership_container .arm_current_membership_list_item .arm_update_card_button_style:hover,
.arm_transactions_container .arm_transaction_list_item .arm_view_invoice_button:active,
.arm_transactions_container .arm_transaction_list_item .arm_view_invoice_button:focus,
.arm_transactions_container .arm_transaction_list_item .arm_view_invoice_button:hover {
    background-color: #e66b6b !important;
    border-radius: 3px !important;
    font-family: inherit;
    font-size: 14px !important;
    color: #fff;
    font-weight: 400;
    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:active,
.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:hover {
    background-color: #d54e21 !important;
    border-radius: 3px !important;
    font-family: inherit;
    font-size: 14px !important;
    color: #fff;
    font-weight: 400;
    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: #fff !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_paging_wrapper.arm_paging_wrapper_current_membership .arm_paging_info {
    float: left
}

.arm_paging_wrapper.arm_paging_wrapper_current_membership .arm_paging_links {
    float: right
}

[dir=rtl] .arm_paging_wrapper.arm_paging_wrapper_current_membership .arm_paging_info {
    float: right
}

[dir=rtl] .arm_paging_wrapper.arm_paging_wrapper_current_membership .arm_paging_links {
    float: left
}

.arm_update_membership_container .arm_update_membership_li {
    list-style: none;
    width: 100%;
    padding: 10px;
    border: 1px solid #000000 !important;
    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: #000000 !important;
    border-radius: 4px
}

.arm_current_membership_container_loader_img .arm_loading_grid,
.arm_update_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
}

.popup_content_text.arm_invoice_detail_popup_text iframe,
.popup_content_text.arm_member_view_detail_popup_text iframe {
    border: none !important;
    margin: 0
}

.arm_social_login_content_wrapper .arm_social_connect_loader {
    vertical-align: middle;
    display: inline-block
}

.arm_invoice_detail_popup.arm_invoice_detail_popup_wrapper,
.arm_member_view_popup.arm_member_view_detail_popup_wrapper {
    background: #fff
}

.arm_invoice_detail_popup.arm_invoice_detail_popup_wrapper .armemailaddbtn,
.arm_member_view_detail_popup.arm_member_view_detail_popup_wrapper .armemailaddbtn {
    background-color: #000000 !important;
    border: 1px solid #000000 !important;
    border-radius: 4px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    line-height: normal;
    min-height: 30px;
    min-width: 100px;
    padding: 4px 10px;
    text-align: center;
    text-decoration: none
}

.arm_invoice_detail_popup.arm_invoice_detail_popup_wrapper .popup_header,
.arm_member_view_detail_popup.arm_member_view_detail_popup_wrapper .popup_header {
    border-bottom: 1px solid #e7e7e7;
    color: #32323a;
    font-size: 24px;
    height: auto;
    line-height: normal;
    padding: 15px 25px
}

.arm_invoice_detail_popup.arm_invoice_detail_popup_wrapper .popup_close_icon,
.arm_member_view_detail_popup.arm_member_view_detail_popup_wrapper .popup_close_icon,
.arm_popup_close_btn {
    background: rgba(0, 0, 0, 0) url(../images/close_btn.png) no-repeat scroll center center;
    cursor: pointer;
    float: right;
    height: 25px;
    position: absolute;
    right: 20px;
    top: 18px;
    width: 25px
}

.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: #000000 !important
}

.arm_radio_wrapper input[type=radio] {
    appearance: none;
    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 #000000 !important
}

.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: #000000 !important
}

stop.arm_social_connect_svg {
    stop-color: #000000 !important
}

.arm_cm_renew_btn_div {
    float: left;
    margin-bottom: 10px
}

.arm_cm_cancel_btn_div {
    float: left;
    margin-bottom: 10px
}

.arm_cm_update_btn_div {
    float: left;
    margin-bottom: 10px
}

.arm_current_membership_action_div {
    width: 100%;
    text-align: center;
    float: left;
    margin: 6px auto
}

.arm_current_membership_trial_active {
    color: green
}

.arm_profile_field_after_content_wrapper,
.arm_profile_field_before_content_wrapper {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    padding: 15px 30px;
    padding: 15px 30px 15px 52px;
    text-align: left;
    height: auto
}

.arm_no_scroll {
    overflow: hidden !important
}

.arm_invoice_detail_popup.popup_wrapper,
.arm_member_view_detail_popup.popup_wrapper {
    margin-top: 40px
}

.arm_card_print_btn {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
    display: none
}

.membershipcard1:hover .arm_card_print_btn,
.membershipcard2:hover .arm_card_print_btn,
.membershipcard3:hover .arm_card_print_btn {
    display: block
}

.arm-df__form-field-wrap_submit .arm_cancel_update_card_btn,
.arm-df__form-field-wrap_submit .arm_update_card_submit_btn {
    margin-left: 5px !important;
    margin-right: 5px !important
}

.arm_current_membership_container .arm_current_membership_list_item button.arm_cancel_subscription_button,
.arm_current_membership_container .arm_current_membership_list_item button.arm_renew_subscription_button,
.arm_current_membership_container .arm_current_membership_list_item button.arm_update_card_button_style {
    margin-right: 5px
}

.arm_cancel_sub_error_msg {
    background: #e66b6b;
    color: #fff;
    padding: 1rem;
    font-size: 17px
}

.arm_search_filter_fields_wrapper {
    font-family: Helvetica, sans-serif, 'Trebuchet MS';
    font-weight: 400;
    font-style: normal;
    text-decoration: none
}

.arm_search_filter_radio {
    display: flex;
    flex-wrap: wrap
}

.arm_search_filter_radio .arm_search_filter_field_radio_item_label {
    margin-left: 0;
    margin-right: 10px !important
}

.arm_search_filter_field_item_top input,
.arm_search_filter_field_item_top select {
    border: 1px #e0e0e0 solid;
    border-radius: 3px
}

.arm_search_filter_field_item_top input:focus,
.arm_search_filter_field_item_top select:focus {
    outline: 0
}

.arm_search_filter_fields_wrapper input.arm_directory_search_box {
    max-width: 90% !important
}

.arm_search_filter_container_type_1 .arm_search_filter_title_div {
    width: 100%;
    max-width: 100%;
    margin-bottom: 30px
}

.arm_template_wrapper .arm_directory_form_container .arm_search_filter_title_div label.arm_search_filter_title_label {
    margin: 0
}

.arm_search_filter_fields_wrapper_top {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 8px
}

.arm_search_filter_fields_wrapper_top .arm_search_filter_field_item_top {
    max-width: 31%;
    width: 31%;
    margin-bottom: 25px;
    margin-right: 2.33%;
    display: inline-block
}

.arm_search_filter_fields_wrapper_top .arm_search_filter_field_item_top:last-child {
    margin-right: 0
}

.arm_search_filter_fields_wrapper_top .arm_search_filter_field_item_top input {
    padding: 4px 16px
}

.arm_search_filter_fields_wrapper_top .arm_search_filter_field_item_top input {
    width: 100%
}

.arm_search_filter_fields_wrapper_top .arm_search_filter_field_item_top .arm_datetimepicker_field {
    position: relative
}

.arm_datetimepicker_field .bootstrap-datetimepicker-widget a[data-action] {
    width: 100%;
    padding: 0
}

.arm_search_filter_fields_wrapper_top .arm_search_filter_field_item_top .arm_datetimepicker_field .bootstrap-datetimepicker-widget.top {
    margin-bottom: -25px
}

.arm_search_filter_fields_wrapper_top .arm_search_filter_field_item_top select {
    width: 100%
}

.arm_search_filter_container_type_1 .arm_search_filter_field_item_label {
    margin-bottom: 10px;
    display: inline-block
}

.arm_search_filter_container_type_1 .arm_directory_search_btn {
    margin-right: 8px;
    width: auto !important
}

.arm_search_filter_container_type_1 .arm_directory_clear_btn {
    float: left;
    height: 38px;
    background: #fff;
    border: 1px #e0e0e0 solid;
    color: #000;
    font-size: 14px;
    position: relative;
    border-radius: 6px;
    padding: 4px 9px 4px 7px
}

.arm_search_filter_container_type_1 .arm_directory_clear_btn img {
    height: 18px;
    width: 18px;
    margin-top: -8px;
    display: inline;
    position: relative;
    top: 4px
}

.arm_search_filter_container_type_1 .arm_directory_search_btn:focus {
    outline: 0
}

.arm_search_filter_container_type_1 .arm_directory_clear_btn:focus,
.arm_search_filter_container_type_1 .arm_directory_clear_btn:hover {
    text-decoration: none !important;
    outline: 0;
    background: #fff;
    border: 1px solid #c6c9df;
    box-sizing: border-box;
    border-radius: 6px
}

.arm_directory_filters_wrapper {
    margin-bottom: 0 !important;
    padding-left: 0 !important
}

.arm_search_filter_chk {
    display: flex;
    flex-wrap: wrap
}

.arm_search_filter_chk .arm_chk_field_div {
    margin-right: 10px
}

.arm_search_filter_container_type_1 #arm_loader_img {
    display: none;
    position: relative;
    width: 28px;
    height: 28px;
    margin-top: 0;
    left: 8px;
    top: 6px;
    float: left
}

.arm_search_filter_fields_wrapper.arm_search_filter_container_type_1 .arm_directory_clear_btn[disabled],
.arm_search_filter_fields_wrapper.arm_search_filter_container_type_1 .arm_directory_search_btn[disabled] {
    cursor: not-allowed
}

.arm_directory_form_left {
    display: flex;
    flex-wrap: wrap
}

.arm_search_filter_fields_wrapper_left {
    width: 33%;
    border: 1px solid #e2e9ed;
    padding-left: 8px;
    padding-top: 8px;
    height: max-content
}

.arm_template_container_left {
    float: right;
    width: 67%
}

.arm_search_filter_fields_wrapper_left .arm_search_filter_field_item_left {
    margin-bottom: 12px
}

.arm_search_filter_fields_wrapper_left .arm_search_filter_field_item_left input {
    padding: 3px
}

.arm_search_filter_fields_wrapper_left .arm_search_filter_field_item_left input {
    width: 90%
}

.arm_search_filter_fields_wrapper_left .arm_search_filter_field_item_left select {
    width: 90%;
    height: 28px;
    padding-left: 2px
}

.arm_search_filter_fields_wrapper_left .arm_search_filter_field_item_left .arm_search_filter_chk {
    flex-wrap: wrap
}

.arm_search_filter_fields_wrapper_left .arm_search_filter_field_item_left input[type=checkbox] {
    min-width: 20px
}

.arm_directory_filters_wrapper_left {
    width: 100%
}

.arm_directory_filters_wrapper_left .arm_directory_search_wrapper {
    max-width: 100%
}

.arm_directory_filters_wrapper_left .arm_directory_list_by_filters {
    float: left
}

.arm_directory_filters_wrapper_left .arm_directory_list_by_filters select {
    max-width: unset;
    width: unset
}

.arm_button_search_filter_btn_div_left {
    display: inline-block;
    width: 100%
}

.arm_search_filter_fields_wrapper_right {
    width: 33%;
    display: flex;
    flex-wrap: wrap;
    float: right;
    border: 1px solid #e2e9ed;
    padding-left: 8px;
    padding-top: 8px;
    height: max-content
}

.arm_search_filter_fields_wrapper_right .arm_search_filter_field_item_right {
    margin-bottom: 12px
}

.arm_search_filter_fields_wrapper_right .arm_search_filter_field_item_right input {
    padding: 3px
}

.arm_search_filter_fields_wrapper_right .arm_search_filter_field_item_right input {
    width: 90%
}

.arm_search_filter_fields_wrapper_right .arm_search_filter_field_item_right select {
    width: 90%;
    height: 28px;
    padding-left: 2px
}

.arm_search_filter_fields_wrapper_right .arm_search_filter_field_item_right .arm_search_filter_chk {
    flex-wrap: wrap
}

.arm_search_filter_fields_wrapper_right .arm_search_filter_field_item_right input[type=checkbox] {
    min-width: 20px
}

.arm_directory_filters_wrapper_right {
    float: right
}

.arm_directory_filters_wrapper_right .arm_directory_search_wrapper {
    max-width: 100%
}

.arm_directory_filters_wrapper_right .arm_directory_list_by_filters {
    float: right;
    width: 100%
}

.arm_directory_filters_wrapper_right .arm_directory_list_by_filters select {
    max-width: unset;
    width: unset
}

.arm_button_search_filter_btn_div_right {
    margin-bottom: 20px;
    width: 100%;
    float: right
}

.arm_template_container_right {
    float: left;
    width: 64%
}

.grecaptcha-badge {
    z-index: 999991
}

.popup_content_text.arm_invoice_detail_popup_text iframe {
    width: 100%
}

.arm_popup_close_btn,
.popup_close_icon {
    top: 20px !important
}

.arm_text_align_center {
    text-align: center
}

.arm_invoice_detail_popup.popup_wrapper {
    width: 800px
}

.arm_template_preview_popup .popup_wrapper {
    width: 100% !important
}

.arm_search_filter_fields_wrapper input[type=checkbox],
.arm_search_filter_fields_wrapper input[type=radio],
.arm_template_advanced_search input[type=checkbox],
.arm_template_advanced_search input[type=radio] {
    height: 20px;
    max-width: 20px;
    min-width: 20px;
    border: 2px solid var(--arm-gt-gray-100);
    background-color: var(--arm-cl-white);
    padding: 0;
    margin: 0;
    border-radius: var(--arm-radius-4px) !important;
    -webkit-border-radius: var(--arm-radius-4px) !important;
    -moz-border-radius: var(--arm-radius-4px) !important;
    -o-border-radius: var(--arm-radius-4px) !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -o-box-shadow: none !important;
    box-shadow: none !important;
    outline: 0 !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    -o-appearance: none !important;
    appearance: none !important;
    cursor: pointer !important;
    position: relative
}

.arm_search_filter_fields_wrapper input[type=checkbox]:focus,
.arm_search_filter_fields_wrapper input[type=radio]:focus,
.arm_template_advanced_search input[type=checkbox]:focus,
.arm_template_advanced_search input[type=radio]:focus {
    border-color: var(--arm-gt-gray-200);
    -webkit-box-shadow: 0 4px 12px rgba(136, 150, 200, .4) !important;
    -moz-box-shadow: 0 4px 12px rgba(136, 150, 200, .4) !important;
    -o-box-shadow: 0 4px 12px rgba(136, 150, 200, .4) !important;
    box-shadow: 0 4px 12px rgba(136, 150, 200, .4) !important
}

.arm_search_filter_fields_wrapper input[type=checkbox]:checked:focus,
.arm_search_filter_fields_wrapper input[type=radio]:checked:focus,
.arm_template_advanced_search input[type=checkbox]:checked:focus,
.arm_template_advanced_search input[type=radio]:checked:focus {
    -webkit-box-shadow: 0 4px 12px rgba(136, 150, 200, .4) !important;
    -moz-box-shadow: 0 4px 12px rgba(136, 150, 200, .4) !important;
    -o-box-shadow: 0 4px 12px rgba(136, 150, 200, .4) !important;
    box-shadow: 0 4px 12px rgba(136, 150, 200, .4) !important
}

.arm_search_filter_fields_wrapper input[type=checkbox]:checked,
.arm_search_filter_fields_wrapper input[type=radio]:checked,
.arm_template_advanced_search input[type=checkbox]:checked,
.arm_template_advanced_search input[type=radio]:checked {
    background-color: var(--arm-pt-theme-blue);
    border-color: var(--arm-pt-theme-blue)
}

.arm_search_filter_fields_wrapper input[type=checkbox]:checked::after,
.arm_template_advanced_search input[type=checkbox]:checked:after {
    content: "";
    display: block;
    left: 5px;
    top: 1px;
    position: absolute;
    width: 4px;
    height: 10px;
    border: 2px solid var(--arm-cl-white);
    border-top: 0;
    border-left: 0;
    transform: rotate(45deg);
    box-sizing: unset !important
}

.arm_search_filter_fields_wrapper input[type=radio],
.arm_template_advanced_search input[type=radio] {
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    -o-border-radius: 50% !important;
    border-radius: 50% !important;
    margin-left: 0 !important
}

.arm_search_filter_fields_wrapper input[type=radio]:checked::after,
.arm_template_advanced_search input[type=radio]:checked::after {
    content: '';
    background-color: var(--arm-cl-white);
    top: calc(50% - 5px);
    position: absolute;
    left: calc(50% - 5px);
    width: 10px;
    height: 10px;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    -o-border-radius: 50% !important;
    border-radius: 50% !important
}

.arm_dir_filter_input .arm_search_filter_field_radio_item_label,
.arm_search_filter_radio .arm_search_filter_field_radio_item_label {
    font-size: 14px;
    font-weight: 400;
    padding-left: 8px !important;
    color: var(--arm-dt-black-200);
    cursor: pointer;
    line-height: 24px;
    vertical-align: top
}

@media (max-width:768px) {
    .arm_search_filter_fields_wrapper_top .arm_search_filter_field_item_top {
        max-width: 100%;
        width: 100%;
        margin-right: 0
    }

    .arm_search_filter_fields_wrapper_left .arm_search_filter_field_item_left {
        max-width: 100%;
        width: 100%;
        margin-right: 0
    }

    .arm_search_filter_fields_wrapper_right .arm_search_filter_field_item_right {
        max-width: 100%;
        width: 100%;
        margin-right: 0
    }

    .arm_template_wrapper .arm_search_filter_fields_wrapper .arm_directory_filters_wrapper .arm_directory_search_wrapper .arm_directory_search_box {
        width: 48%;
        margin-bottom: 15px
    }

    .arm_template_wrapper .arm_search_filter_fields_wrapper .arm_directory_filters_wrapper .arm_directory_list_by_filters {
        width: 48% !important
    }

    .arm_search_filter_fields_wrapper .arm_directory_filters_wrapper .arm_button_search_filter_btn_div {
        width: 100%;
        margin-top: 30px
    }
}

@media (max-width:480px) {
    .arm_search_filter_fields_wrapper_top .arm_search_filter_field_item_top {
        max-width: 100%;
        width: 100%;
        margin-right: 0
    }

    .arm_search_filter_fields_wrapper_left .arm_search_filter_field_item_left {
        max-width: 100%;
        width: 100%;
        margin-right: 0
    }

    .arm_search_filter_fields_wrapper_right .arm_search_filter_field_item_right {
        max-width: 100%;
        width: 100%;
        margin-right: 0
    }

    .arm_template_wrapper .arm_search_filter_fields_wrapper .arm_directory_filters_wrapper .arm_directory_search_wrapper .arm_directory_search_box {
        width: 100%;
        margin-right: 0 !important
    }

    .arm_template_wrapper .arm_search_filter_fields_wrapper .arm_directory_filters_wrapper .arm_directory_list_by_filters {
        width: 100% !important;
        max-width: 100%;
        float: left
    }

    .arm_template_wrapper .arm_search_filter_fields_wrapper .arm_directory_filters_wrapper {
        width: 100%
    }
}