@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap'); :root {
    --primary: #013763;
    --secondary: #06b9d9;
    --info: #00cd98;
    --btn-primary: #013763;
    --btn-primary-hover: #06b9d9;
    --btn-secondary: #013763;
    --btn-secondary-hover: #004990;
    --btn-info: #00cd98;
    --text-white: #ffffff;
    --text-primary: #212529;
    --gray-800: #8a8989;
    --bg-white: #ffffff;
    --text-black: #000000;
    --light-blue: #004990;
    --dark-blue: #002458;
    --red-color: #EA1946;
    --dark-green: rgb(0, 70, 58);
    --lighter-blue: rgb(0, 174, 236);
    --default-font: 'Poppins', sans-serif;
}

.width_80 {
    width: 80% !important;
}

.width_70 {
    width: 70% !important;
}

.width_50 {
    width: 50% !important;
}

.width_33 {
    width: 33% !important
}

.width_20 {
    width: 20% !important
}

.width_10 {
    width: 10% !important
}

.btn-default,.btn-outline-primary,.btn-outline-secondary,.btn-primary {
    transition: background-color 250ms cubic-bezier(.4, 0, .2, 1),box-shadow 250ms cubic-bezier(.4, 0, .2, 1),border 250ms cubic-bezier(.4, 0, .2, 1)
}

.navbar-static-top .navbar-inverse,.navbar.navbar-inverse.navbar-static-top {
    background: 0 0!important;
    box-shadow: none!important
}

.box-shadow-none {
    box-shadow: none!important
}

i.lni.lni-alarm {
    color: var(--light-blue)
}

.rounded-0 {
    border-radius: 0!important
}

.attachement_upload_block .attach_document_box fieldset p,.m-0 {
    margin: 0!important
}

.mt-0,.saica_submit_proceed_btn {
    margin-top: 0!important
}

.mb-0 {
    margin-bottom: 0!important
}

.p-0 {
    padding: 0!important
}

.pb-1 {
    padding-bottom: 10px!important
}

.pb-2 {
    padding-bottom: 20px!important
}

.pb-3 {
    padding-bottom: 30px!important
}

#exampleModalLong table table table table tr:first-child td,.pt-0 {
    padding-top: 0!important
}

.pt-1 {
    padding-top: 10px!important
}

.pt-2 {
    padding-top: 20px!important
}

.pt-3 {
    padding-top: 30px!important
}

.pr-0 {
    padding-right: 0!important
}

.mb-1,.tax_practitioner_registration_details_dropdown .radio_list_box_inner label {
    margin-bottom: 10px!important
}

.mb-2 {
    margin-bottom: 20px!important
}

#v-pills-profile .panel_box.custom_tab_form .tab-content .tab-pane:last-child .table-heading,.mb-3,.profileSec .member_view_application .tab-content #v-pills-submit-application .table-heading {
    margin-bottom: 30px!important
}

.mt-1 {
    margin-top: 10px!important
}

.evidence_side_bar fieldset,.mt-2 {
    margin-top: 20px!important
}

.mt-3 {
    margin-top: 30px!important
}

.ml-auto {
    margin-left: auto!important
}

.ml-0 {
    margin-left: 0!important
}

.ml-1 {
    margin-left: 10px!important
}

.ml-2 {
    margin-left: 20px!important
}

.ml-3 {
    margin-left: 30px!important
}

.mr-0 {
    margin-right: 0!important
}

.mr-1 {
    margin-right: 10px!important
}

.mr-2 {
    margin-right: 20px!important
}

.mr-3 {
    margin-right: 30px!important
}

.left-align-margin,.mr-auto {
    margin-right: auto!important
}

.my-queries-main,.pull-right {
    float: right
}

.left-align-margin {
    margin-left: 0!important
}

.toast-bottom-center {
    right: 0;
    left: 0;
    bottom: 20px;
    margin: auto;
    width: 300px
}

#v-pills-payment-and-fees #payment_message_show_section .table-heading h3,.fw-bold {
    font-weight: 700
}

.border-0 {
    border: none!important
}

.loader {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
    display: none;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: rgba(265,265,265,.9);
    flex-direction: column;
    z-index: 99
}

.loader#register_loader,.loader.full_page_loader,.page-loader {
    position: fixed
}

.loader img {
    margin: 10px auto
}

.page-loader {
    display: flex;
    left: 0;
    z-index: 999;
    background-color: rgba(265,265,265,.7)
}

.cursor_pointer {
    cursor: pointer
}

#Adust_debtors_button svg,#content .saicam_account_panel .panel .saicam_member_action button .saicam_member_action_icon,#independent_reviews_in_sublist,#v-pills-profile .profileSec .panel_box ul li.active a::after,.ck-editor .ck-editor__top .ck-sticky-panel .ck-button,.ck-editor .ck-editor__top .ck-sticky-panel .ck-heading-dropdown,.ck-editor .ck-editor__top .ck-sticky-panel .ck-heading-dropdown+.ck-toolbar__separator,.entity-form .tab-column fieldset .control.blur-field:before,.evidence_side_bar .choose_file_box,.fieldset_clone_inner_box fieldset:first-child .remove_fieldset,.invoice_tabMain .saica_invoice_left_main .nav-pills li .nav-link svg,.memb_ship_attachment_box,.member_compliance_link .caret,.new_queries.tab-pane .panel_box fieldset.new_query_fieldset,.partner_doc fieldset:first-child .remove-clone-icon,.payment-fees-radiobtn .form-check input,.registration_body .sidebar,.registration_body header.main_header,.tab-content>.tab-pane#v-pills-terms-and-condition .crmEntityFormView div.description>br,.tab-pane .member_view_application fieldset .control:after,.tab-pane .panel_box .information_box ul li br,.tab-pane .panel_box fieldset .control.blur-field::before,.tab-pane .panel_box fieldset .form-txt-area,.tab-pane .panel_box fieldset.academic_record_fieldset.academic_record_fieldset .remove_fieldset,.tab-pane .panel_box fieldset.employer_detail_fieldset .remove_fieldset,.top_head .breadcrumb li+li::before,.top_head .breadcrumb.Dashboard li:first-child,.ul_final_sub_list,footer.footer {
    display: none
}

.sidebar .weblink>a::before {
    content: '';
    font-size: 30px;
    line-height: 1.28em;
    color: var(--light-blue);
    font-family: 'Material Icons';
    width: 100%;
    display: flex;
    justify-content: center
}

*,.panel p.mb-0.fw-bold,body,h1,h2,h3,h4,h5 {
    font-family: var(--default-font)
}

.sidebar .weblink>a[title=Dashboard]::before,.sidebar .weblink>a[title=Home]::before {
    content: '\e88a'
}

.sidebar .weblink>a[title="Exam Information and Registration"]::before,.sidebar .weblink>a[title=Membership]::before {
    content: '\e7ef'
}

.sidebar .weblink>a[title="CTA Results"]::before,.sidebar .weblink>a[title="Professional Program Results"]::before,.sidebar .weblink>a[title=Queries]::before,.sidebar .weblink>a[title=Requests]::before {
    content: '\e0b7'
}

.sidebar .weblink>a[title=Profile]::before {
    content: '\e853'
}

.sidebar .weblink>a[title="Member Compliance"]::before {
    content: '\e865'
}

.sidebar .weblink>a[title="Membership Fee Payment"]::before,.sidebar .weblink>a[title=PayU]::before {
    content: '\e870'
}

.sidebar .weblink>a[title=Invoice]::before {
    content: '\e873'
}

.sidebar .weblink>a[title="Sign out"]::before {
    content: '\e879'
}

.sidebar .weblink>a[title="Sign in"]::before {
    content: '\ea77'
}

.sidebar .weblink>a[title="Invoice PDF"]::before {
    content: '\e415'
}

.sidebar .weblink>a[title=Application]::before {
    content: '\e8ef'
}

.sidebar .weblink>a[title=Exam]::before {
    content: '\e85d'
}

.sidebar .weblink>a[title=TCMS]::before {
    content: '\e889'
}

.sidebar .weblink>a::after {
    content: "";
    position: absolute;
    opacity: .2;
    display: block;
    top: 5%;
    left: 5%;
    width: 90%;
    height: 90%;
    z-index: 0
}

.sidebar .nav-left .weblink {
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center
}

.remove-clone-icon {
    position: absolute;
    right: 20px;
    top: 20px;
    color: var(--btn-primary)
}

.btn-default:active:focus,.btn:active:focus,.btn:focus,.dataTables_wrapper .dataTables_filter input:focus {
    outline: 0
}

.btn-default,.btn-outline-primary {
    color: var(--red-color);
    border-color: var(--red-color);
    font-weight: 500
}

.btn-default:focus,.btn-default:hover,.btn-outline-primary:active,.btn-outline-primary:active:focus,.btn-outline-primary:focus,.btn-outline-primary:hover {
    color: var(--red-color);
    background-color: rgba(234,25,70,.08);
    border-color: var(--red-color);
    outline: 0;
    box-shadow: none
}

.btn-danger,.btn-primary,.btn-success,.btn-warning {
    box-shadow: 0 1px 5px 0 rgb(0 0 0 / 20%),0 2px 2px 0 rgb(0 0 0 / 14%),0 3px 1px -2px rgb(0 0 0 / 12%)
}

p {
    word-wrap: break-word
}

.p,.page_section p,.section-diagonal-left p,.section-diagonal-right p,footer .footer-bottom p,p {
    font-family: var(--default-font);
    font-size: inherit;
    color: inherit
}

.btn-secondary,.sidebar .nav-left .weblink.active a:before {
    color: var(--text-white)
}

.clock {
    border-radius: 70px;
    border: 5px solid var(--btn-primary);
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -50px;
    margin-top: -50px;
    display: block;
    width: 90px;
    height: 90px
}

.clock:after,.clock:before {
    background-color: var(--btn-secondary);
    left: 48%;
    width: 6px;
    border-radius: 5px;
    position: absolute;
    content: ""
}

.overlay,.sidebar,.sidebar.sidebar-tcms .nav-left.nav-left-tcms {
    height: 100%
}

.panel p.mb-0.fw-bold {
    font-weight: 400!important;
    font-size: 15px
}

.clock:after {
    top: 13px;
    height: 50px;
    -webkit-transform-origin: 50% 97%;
    transform-origin: 50% 97%;
    -webkit-animation: 2s linear infinite grdAiguille;
    animation: 2s linear infinite grdAiguille
}

@-webkit-keyframes grdAiguille {
    0% {
        -webkit-transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes grdAiguille {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.clock:before {
    top: 24px;
    height: 40px;
    -webkit-transform-origin: 50% 94%;
    transform-origin: 50% 94%;
    -webkit-animation: 12s linear infinite ptAiguille;
    animation: 12s linear infinite ptAiguille
}

@-webkit-keyframes ptAiguille {
    0% {
        -webkit-transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes ptAiguille {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.d-flex {
    display: flex!important
}

.d-inline-flex {
    display: inline-flex!important
}

.flex-wrap {
    flex-wrap: wrap!important
}

.small_width {
    width: 200px!important
}

.medium_width {
    width: 300px!important
}

.large_width {
    width: 400px!important
}

:root {
    --bs-primary-rgb: 234,25,70;
    --bs-secondary-rgb: 0,73,144
}

body {
    padding: 0;
    margin: 0 auto
}

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url('/material-icon.eot') format('embedded-opentype'),url('/material-icon.woff2') format('woff2'),url('/material-icon.woff') format('woff'),url('/material-icon.ttf') format('truetype'),url('/material-icon.svg') format('svg')
}

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(/material-icon.woff2) format('woff2')
}

.align-items-center {
    align-items: center!important
}

.justify-content-center {
    justify-content: center!important
}

.justify-content-start {
    justify-content: start!important
}

.justify-content-end {
    justify-content: end!important
}

.justify-content-between,.signup_box .signup_body .two_button_column {
    justify-content: space-between
}

.flex-column {
    flex-direction: column!important
}

.list-unstyle,.picklist.radio_list_box label.field-label {
    padding: 0;
    margin: 0
}

.list-unstyle li {
    list-style: none
}

hr:not([size]) {
    height: 1px
}

.light-bg,.registration_body,.registration_body .wrapper-body {
    background: #f2fbfe
}

.registration_body .sidebar+.page-copy {
    width: 100%;
    padding-bottom: 20px
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased
}

a {
    color: var(--light-blue);
    text-decoration: none
}

.btn {
    font-family: var(--default-font);
    font-weight: 500;
    background: 0 0;
    border-radius: 4px
}

.btn-primary {
    background: var(--red-color);
    border-color: var(--red-color)
}

.btn-secondary {
    background: #00498d;
    border-color: #00498d
}

.btn-secondary:active,.btn-secondary:active:focus,.btn-secondary:active:hover,.btn-secondary:focus,.btn-secondary:hover {
    background: var(--btn-primary);
    color: var(--text-white);
    border-color: var(--btn-secondary-hover)
}

.btn-primary .material-icons,.invoice_arragment_payment_main .card-heading .card_heading_left .stylish_checkbox {
    margin-right: 8px
}

.btn-primary:active,.btn-primary:active:focus,.btn-primary:active:hover,.btn-primary:focus,.btn-primary[disabled]:focus,.btn-primary:hover {
    background: #a31131;
    border-color: #a31131;
    outline: 0;
    box-shadow: 0 1px 5px 0 rgb(0 0 0 / 20%),0 2px 2px 0 rgb(0 0 0 / 14%),0 3px 1px -2px rgb(0 0 0 / 12%);
    color: var(--text-white);
}

#AdjustModalLong label,#v-pills-professional-code fieldset table tr td .control label,.btn,.btn:disabled,.modal.membership-resignationModal .membership_inner_modal .panel_box p {
    font-size: 14px
}

#v-pills-gga .panel_box.custom_tab_form .tab-content .tab-pane:last-child .panel_box,.btn-check:active+.btn-outline-primary:focus,.btn-check:checked+.btn-outline-primary:focus,.btn-outline-primary.active:focus,.btn-outline-primary.active:hover,.btn-outline-primary.dropdown-toggle.show:focus,.btn-outline-primary:active:focus,.tab-pane .panel_box .panel-box {
    box-shadow: none
}

.btn-outline-secondary {
    color: var(--btn-secondary-hover);
    border-color: var(--btn-secondary-hover);
    font-weight: 500
}

.btn-outline-secondary:active,.btn-outline-secondary:active:focus,.btn-outline-secondary:active:hover,.btn-outline-secondary:focus,.btn-outline-secondary:hover {
    color: var(--btn-secondary-hover);
    background-color: rgba(0,73,144,.08);
    border-color: var(--btn-secondary-hover);
    outline: 0;
    box-shadow: none
}

.btn.disabled,.btn.disabled:focus,.btn.disabled:hover,.btn[disabled] {
    color: rgba(0,0,0,.26);
    border-color: rgba(0,0,0,.12);
    pointer-events: none
}

.btn.disabled,.btn.disabled:focus,.btn.disabled:hover {
    background-color: rgba(0,0,0,.12);
    cursor: not-allowed;
    opacity: .65;
    box-shadow: none
}

.btn[disabled] {
    background: rgba(0,0,0,.12)
}

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236
}

.btn-warning:hover {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c
}

.btn-success:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #398439
}

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-danger:hover {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925
}

.btn-sm {
    font-size: 10px!important
}

.dropdowm-menu-right {
    left: auto;
    right: 0
}

.dropdown ul li a,.eligibility_criteria_sec .picklist label,.panel_left .nav-tabs li+li,.sidebar .nav-left .weblink.signout-item {
    margin-left: 0
}

.dropdown ul li a:focus,.dropdown ul li a:hover {
    outline: 0;
    border: none;
    padding: 3px 20px;
    background-color: var(--red-color);
    color: var(--bg-white)
}

.font-bold {
    font-weight: 700!important
}

.text-white {
    color: var(--text-white)!important
}

.text-dark {
    color: var(--text-black)!important
}

.alert-primary {
    background-color: #f2fbfe;
    border: 1px solid #d0dce6;
    color: #80a1b7;
    font-size: 14px
}

.alert-primary p {
    color: #80a1b7
}

#CPD_Basic_Form .list-group li.active,#v-pills-reverse-details .text-danger,.membership_section .progress .list-group-item .glyphicon,.text-primary {
    color: var(--red-color)
}

.text-primary:focus,.text-primary:hover {
    color: var(--bs-secondary-rgb)!important
}

.membership_section .tab-title,h3 {
    font-size: 18px;
    color: var(--light-blue);
    font-weight: 700
}

.bg-white {
    background: #fff!important
}

.fs-4 {
    font-size: 18px!important
}

.fs-5 {
    font-size: 16px!important
}

.fs-6 {
    font-size: 14px!important
}

.fs-7 {
    font-size: 12px!important
}

.keyboardFocusClass table tr td img,.w-100 {
    width: 100%!important
}

label {
    font-weight: 400;
    font-size: 12px;
    font-family: var(--default-font)
}

#wrapper {
    display: flex;
    position: relative;
    flex-wrap: wrap
}

#wrapper::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 378px;
    background: #004990;
    z-index: -1
}

.signup_box .signup_body .two_button_column .btn {
    width: calc(50% - 5px);
    margin-bottom: 0
}

.membership_section .progress.list-group.left {
    margin-top: 0;
    background: 0 0;
    border: none;
    box-shadow: none
}

.membership_section .membership_content {
    padding-right: 40px;
    padding-left: 10px
}

.membership_section .col-md-2.div-left {
    width: 25%
}

.membership_section .right.col-md-10 {
    width: 75%;
    border-radius: 10px
}

.membership_section .right.col-md-10 .entity-form {
    padding: 25px 10px
}

.membership_section .tab-title {
    padding-bottom: 10px;
    margin-top: 0
}

.membership_section .progress .list-group-item:first-child,.profileSec #profile-tab-nav .nav-link.active:first-child,.tab-pane .panel_box>.nav li:first-child a {
    border-radius: 10px 10px 0 0
}

.membership_section .progress .list-group-item:last-child {
    border-radius: 0 0 10px 10px
}

.membership_section .progress .list-group-item {
    padding: 15px;
    font-weight: 500;
    background: #fff
}

.membership_section .progress .list-group-item.active,.tab-pane .nav-pills .nav-link.active,.tab-pane .nav-pills .nav-link.newactive {
    background: var(--red-color);
    color: #fff;
    border-color: var(--red-color)
}

.membership_section .right.col-md-10 .entity-form .tab-column fieldset {
    background-color: #f2fbfe;
    border: 1px solid #d0dce6;
    border-radius: 5px;
    padding: 10px 30px
}

.membership_section .right.col-md-10 .entity-form .tab-column fieldset tr td {
    padding-left: 0;
    padding-right: 0
}

.sidebar::-webkit-scrollbar {
    width: 5px
}

.sidebar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #fff
}

.sidebar::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,.3);
    outline: rgba(0,0,0,.3) solid 1px
}

.sidebar {
    width: 315px;
    position: fixed;
    background: var(--light-blue);
    overflow-y: auto;
    top: 0;
    z-index: 999
}

.sidebar.sidebar-tcms {
    box-shadow: 0 0 10px #002458;
    overflow: auto;
}

.sidebar .logo {
    padding: 30px 16px
}

.modal.membership-resignationModal .membership_inner_modal .w3review-text,.modal.membership-resignationModal .membership_inner_modal .w3review-text textarea,.sidebar .logo img {
    width: 90%
}

.sidebar .profile_info {
    padding: 0 15px 23px;
    min-height: 263px
}

.sidebar .profile_info .profile-name {
    font-size: 20px;
    color: #fff;
    font-family: var(--default-font);
    margin-bottom: 10px;
    margin-top: 10px
}

.sidebar .profile_info .profile-icon {
    background: var(--light-blue);
    color: #fff;
    border-radius: 100%;
    padding: 0;
    width: 95px;
    height: 95px;
    font-size: 115px;
    display: flex;
    align-items: center;
    justify-content: center
}

.evidence_chat .evi_chat_box .delete_action .material-icons,.evidence_chat .evi_chat_box .edit_action .material-icons,.sidebar .profile_info .profile-icon .material-icons {
    font-size: inherit
}

.sidebar .profile_more {
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    -webkit-box-align: start;
    align-items: start;
}

.sidebar .profile_more p {
    margin-bottom: 0;
    color: #fff;
    font-size: 14px;
    line-height: 1.2;
    white-space: nowrap
}

.sidebar .profile_more .profile_more_icon {
    color: #fff;
    font-size: 18px;
    padding: 0 10px 4px 0
}

.sidebar .profile_more .material-icons {
    color: #fff;
    margin-right: 8px;
    font-size: 18px
}

.sidebar .profile_more .profile-membership {
    color: #fff;
    font-size: 14px;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 2px
}

.sidebar .profile_more .profile-subtext {
    color: #bfd1e3;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 5px
}

.sidebar .profile_more+.profile_more {
    margin-top: 5px
}

.sidebar .profile_more .profile_more_right {
    min-width: 90px
}

.sidebar .nav-left {
    display: flex;
    flex-wrap: wrap;
    padding: 15px 33px 29px;
    text-align: center;
    background-color: #f2fbfe;
    border-top-right-radius: 20px
}

.sidebar .nav-left ul.navbar-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 5px
}

.sidebar .nav-left .weblink {
    text-decoration: none;
    width: 100px;
    height: 100px;
    cursor: pointer;
    padding: 0;
    position: relative;
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    margin-bottom: 10px;
    border-radius: 50% 50% 0;
    transition: .3s
}

.sidebar .nav-left .navbar ul.nav li.weblink a {
    font-size: 13px;
    width: 100px;
    height: 100px;
    font-weight: 400;
    font-family: var(--default-font);
    margin-left: 0;
    padding-right: 5px;
    padding-left: 5px;
    line-height: 1.2em;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.sidebar .nav-left li.weblink:hover::before {
    content: "";
    background-color: #d0dce6;
    border-radius: 50% 50% 0;
    position: absolute;
    opacity: .2;
    display: block;
    top: 0;
    left: 0;
    width: 99%;
    height: 99%;
    z-index: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.sidebar .nav-left .navbar ul.nav li.weblink.member_compliance_link a {
    padding-left: 17px
}

.sidebar .nav-left .weblink:nth-child(2n) {
    margin-left: 8px
}

.sidebar .nav-left .weblink:hover {
    background: rgba(208,220,230,.2)
}

.sidebar .nav-left .weblink.active a {
    background-color: #ea1946;
    border-radius: 50% 50% 0;
    box-shadow: rgb(2 69 143 / 30%) 4px 4px 24px
}

.sidebar .navbar-inverse .navbar-nav>li>a:focus {
    background: 0 0;
    color: inherit;
    outline: 0;
    box-shadow: none;
    border: none!important
}

.sidebar .nav-left .weblink .lni,.sidebar .nav-left .weblink .material-icons {
    color: var(--light-blue);
    font-size: 30px;
    margin-bottom: 5px
}

.sidebar .nav-left .link-text {
    font-size: 13px;
    padding: 0 5px;
    text-align: left;
    position: relative;
    z-index: 1;
    color: rgba(0,0,0,.87);
    margin-bottom: 0
}

.sidebar .nav-left .weblink.active a,.sidebar .nav-left .weblink.active a .lni,.sidebar .nav-left .weblink.active a .material-icons {
    color: #fff;
    position: relative
}

#content-wrapper,.sidebar+.page-copy {
    width: calc(100% - 325px);
    margin-left: auto;
    margin-right: 0;
    position: relative
}

.sidebar .navbar-collapse.collapse {
    display: block!important
}

.attachement_upload_block input[type=file],.new_queries.tab-pane .memb_ship_attachment_box fieldset input,.table.table-no-hover tbody tr:hover {
    background: 0 0
}

.custom_checkbox_error_box,.custom_style_radio,.pos-relative,.queryformsection .attachment_btn,.tab-content>.tab-pane #odata-Table,.tab-pane .panel_box .tab-content .tab-pane #activitiesTab {
    position: relative
}

.member_panel .memeber_action .btn+.btn,.tab-pane .panel_box .address_detail p,.tab-pane .panel_box fieldset.support_document_fieldset_inner+fieldset.support_document_fieldset_inner,.usefulLinksContainer {
    margin-top: 20px
}

.evidence_chat,.tab-pane .bank_details,.usefulLinksContainer .usefullinkList {
    list-style: none;
    padding: 0;
    margin: 0
}

.usefulLinksContainer .usefullinkList li {
    width: 100%;
    display: flex
}

.usefulLinksContainer .usefullinkList li a {
    width: 100%;
    font-size: 14px;
    display: flex;
    align-items: flex-start;
    text-decoration: none;
    transition: .3s
}

.usefulLinksContainer .usefullinkList li:hover a {
    background-color: rgba(208,220,230,.2);
    color: var(--light-blue)
}

.usefulLinksContainer .usefullinkList li .lni,.usefulLinksContainer .usefullinkList li .material-icons {
    font-size: 24px;
    margin-right: 18px;
    color: var(--red-color)
}

.usefulLinksContainer .usefullinkList li label {
    width: 100%;
    font-size: 14px;
    text-align: left;
    border-bottom: 1px solid #d0dce6;
    cursor: pointer;
    font-weight: 400
}

.usefulLinksContainer .usefullinkList li .lni,.usefulLinksContainer .usefullinkList li .material-icons,.usefulLinksContainer .usefullinkList li label {
    padding: 15px 0
}

.usefulLinksContainer .usefullinkList li label i {
    font-size: 12px
}

.overlay {
    display: none;
    background: rgba(0,0,0,.3);
    position: fixed;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 13
}

.custom_style_switch input+label .s_no,.custom_style_switch input:checked+label .s_yes,.profileSec #profile-tab-nav li.active .nav-link::before,.tab-content>.active.show {
    opacity: 1
}

.tab-content>.tab-pane {
    min-height: 200px;
    position: relative
}

.tab-content>.tab-pane p a {
    white-space: pre-line;
    word-break: break-all
}

.tab-content>.tab-pane .declaration_content_inner {
    box-shadow: none;
    padding: 0
}

.tab-pane .fieldset_footer_submit {
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -70px;
    justify-content: flex-end;
    display: inline-flex
}

.tab-pane .fieldsetFormHeader {
    margin-bottom: 70px
}

.input-group {
    display: inline-table
}

#btn1,#order_certificate,#reverseRequestPenaltyModal .modal-content,#v-pills-annual-declar>#odata-Table+div table,.attachement_upload_block .attach_document_box .field-label,.attachement_upload_block .attach_document_box fieldset .select_upload_option,.browse_document input,.btn-request_confirmation,.de_register_taxpract,.entity-form .tab-column fieldset .control.blur-field:after,.login_sec_left .logo_login,.panel_box.panel_left .nav .nav-link,.query_list_msg li,.tab-pane .panel_box fieldset .control.blur-field::after,.tab-pane .panel_box fieldset .form_list_box .form-group .textarea-group .form-control,.tab-pane#v-pills-submit-application .panel_box .small-text {
    width: 100%
}

.form-control {
    font-size: 1.5rem
}

.datepicker-days table tbody tr td button,.tab-pane .panel_box .small-text {
    font-size: 10px
}

.datepicker-days table thead tr th button,.datepicker-days table thead tr th button .glyphicon-chevron-left,.datepicker-days table thead tr th button .glyphicon-chevron-right {
    font-size: 10px;
    color: #000
}

#newQuery {
    position: fixed;
    color: #fff;
    font-family: var(--default-font);
    border-radius: 5px 0 0 5px;
    width: 60px;
    height: auto;
    border: none;
    padding: 33px 10px;
    background: #ea1946;
    z-index: 2;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 17px
}

.mobile-menu {
    display: none;
    width: 48px;
    height: 48px;
    background: #ea1946;
    align-items: center;
    justify-content: center;
    color: #fff
}

header.main_header {
    width: calc(100% - 365px);
    position: absolute;
    right: 0;
    margin: auto;
    z-index: 10
}

.top_head {
    width: calc(100% - 55px);
    height: 48px;
    z-index: 1;
    display: flex;
    box-shadow: rgb(2 69 143 / 30%) 4px 4px 24px;
    background-color: #002458;
    border-radius: 0 0 20px 20px
}

.top_head .breadcrumb {
    margin-bottom: 0;
    width: calc(100% - 240px);
    display: flex;
    min-height: 30px;
    border-radius: 0 0 0 22px
}

.top_head .breadcrumb li {
    display: inline-flex;
    align-items: stretch;
    margin: 0;
    background: #fff;
    z-index: 1
}

.top_head .breadcrumb .li:first-child,.top_head .breadcrumb li.active {
    border-bottom-right-radius: 20px;
    z-index: 0
}

.top_head .breadcrumb li.active {
    display: flex;
    font-size: 16px;
    padding: 0 12px;
    margin: 0;
    color: #002458;
    align-items: center;
    border-bottom-right-radius: 20px;
    background: #fff;
    text-transform: capitalize;
    font-weight: 400
}

.top_head .breadcrumb li a,.top_head .breadcrumb li.Dashboard+li.active {
    text-decoration: none;
    display: flex;
    font-size: 16px;
    padding: 0 32px 0 16px;
    margin: 0;
    color: #fff;
    align-items: center;
    border-bottom-right-radius: 20px;
    background: #ea1946;
    border-bottom-left-radius: 20px
}

.top_head .breadcrumb.Dashboard li.active {
    background: #ea1946;
    color: #fff;
    border-bottom-left-radius: 20px
}

.top_head .breadcrumb.Dashboard li:before {
    content: '\e88a';
    font-family: 'Material Icons';
    padding: 0;
    font-size: 30px;
    margin-right: 16px;
    display: block!important;
    color: #fff
}

.top_head .breadcrumb li:first-child {
    border-bottom-left-radius: 22px
}

.top_head .breadcrumb li.active a {
    background: #fff;
    color: #002458
}

.top_head .breadcrumb li:first-child a:before {
    content: '\e88a';
    font-family: 'Material Icons';
    font-size: 30px;
    margin-right: 16px
}

.top_head .breadcrumb li+li {
    padding-left: 0;
    border-bottom-right-radius: 20px;
    margin-left: -15px
}

.top_head .breadcrumb li+li a {
    padding-left: 31px
}

.top_head .breadcrumb li .lni,.top_head .breadcrumb li .material-icons {
    font-size: 30px;
    margin-right: 16px
}

.top_head .top_right_head {
    width: 234px;
    display: inline-flex;
    background-color: #fff;
    border-radius: 0 0 20px 20px;
    margin-left: auto;
    margin-right: 0
}

.top_head .top_right_head a {
    display: inline-flex;
    margin: auto;
    justify-content: center;
    text-decoration: none
}

.top_head .top_right_head .lni,.top_head .top_right_head .material-icons {
    font-size: 26px;
    display: inline-flex;
    align-items: center
}

.top_head .top_right_head a:hover .lni,.top_head .top_right_head a:hover .material-icons {
    transform: scale(1.1);
    color: #ea1946;
    transition: .1s ease-in
}

#content {
    padding: 80px 40px 50px
}

#content .panel {
    border-radius: 10px;
    min-height: 245px;
    box-shadow: rgb(0 0 0 / 2%) 0 2px 10px 10px;
    background: #fff;
    padding: 25px 32px 32px;
    margin-bottom: 30px
}

#content .panel.member_panel,.tab-pane .panel_box fieldset .form_list_box .form-group select.form-control {
    padding: 0
}

#content .members-app-form .nav-pills .nav-link,.signup_body h3 {
    color: rgba(0,0,0,.87)
}

#content .members-app-form .nav-pills .nav-link.active {
    background: #ea1946
}

#content #about_membership {
    padding-bottom: 60px
}

.sticky_new_query {
    position: fixed;
    right: 10px;
    top: 40%
}

.sticky_new_query .nav_link {
    background: #ea1946;
    color: #fff;
    padding: 35px 10px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    width: 50px;
    justify-content: center;
    align-items: center;
    text-align: center;
    line-height: 1em;
    cursor: pointer;
    font-size: 12px;
    transition: .3s
}

.sticky_new_query .nav_link:hover {
    background: rgba(0,0,0,.95)
}

.sticky_new_query .nav_link .link-text {
    margin-bottom: 0;
    margin-top: 5px
}

.queryformsection .new_query_box {
    padding: 25px;
    background: #fff;
    border-radius: 10px
}

.confirm-membership .modal-header h5,.modal.membership-resignationModal .modal-header h,.queryformsection .new_query_box .form-label {
    font-size: 16px;
    font-weight: 400;
    color: #004990
}

.queryformsection .new_query_box .form-control,.queryformsection .new_query_box .form-select {
    border-radius: 0;
    border: none;
    border-bottom: 2px solid rgba(0,0,0,.12);
    padding: 5px 0;
    font-size: 16px
}

.queryformsection .new_query_box .form-control:focus,.queryformsection .new_query_box .form-select:focus {
    box-shadow: none;
    outline: 0;
    border-color: var(--light-blue)
}

.queryformsection .attachment_btn .btn {
    position: absolute;
    left: 0;
    top: 0
}

.queryformsection .terms-checkbox label {
    font-size: 13px
}

.query_list_msg .query_list_body {
    width: calc(100% - 51px);
    display: flex;
    flex-direction: column;
    float: right
}

.tab-pane .panel_box .tab-content .tab-pane #activitiesTab .query_list_msg {
    min-width: 100%;
    width: 100%;
    display: inline-flex
}

.query_list_msg .query_heading {
    max-width: 60%;
    width: 100%
}

.tab-pane .panel_box .tab-content .tab-pane #activitiesTab #ca_cont_profe_dev_next {
    position: absolute;
    top: 15px;
    right: 0
}

.form-check-input:checked {
    background-color: var(--red-color);
    border-color: var(--red-color)
}

.form-check-input:focus,.login_sec_right form .form-control:focus {
    outline: 0;
    box-shadow: none
}

.alert.alert-primary.text-center {
    background-color: transparent;
    border: transparent;
    font-weight: 400
}

.member_panel .memeber_action {
    padding: 35px 10px
}

.member_panel .memeber_info {
    background: #00498d;
    color: #fff;
    padding: 10px
}

.panel.member_panel .panel-title {
    padding-top: 15px
}

.panel .panel-title {
    border-bottom: 1px solid #d0dce6;
    padding-bottom: 15px;
    margin-bottom: 2rem
}

.panel .panel-title h3 {
    margin-bottom: 0;
    margin-top: 0
}

.panel .panel-title .detail_link {
    font-size: 14px;
    margin-right: 0;
    margin-left: auto;
    text-decoration: none
}

.panel .panel-title .detail_link .lni,.panel .panel-title .detail_link .material-icons {
    font-size: 90%
}

.panel.account_panel .panel_list .btn {
    padding: 10px 15px;
    margin-bottom: 5px
}

.panel .panel_list .alert {
    min-height: 250px;
    display: flex;
    align-items: center;
    justify-content: center
}

.panel .panel_list .btn {
    padding: 10px 30px
}

.panel .my-details li {
    position: relative;
    font-size: 14px;
    padding-left: 40px;
    margin-bottom: 15px;
    text-align: left
}

.panel .my-details li.address_li p {
    max-width: 150px
}

.panel .my-details li .lni,.panel .my-details li .material-icons {
    position: absolute;
    left: 0;
    top: 7px;
    color: var(--red-color);
    font-size: 22px
}

#EFP_Payment_ID_view_div p label,#v-pills-profile .profileSec .panel_box ul,#v-pills-profile .profileSec .panel_box ul li:last-child,#view_CopyofyourIDPassport_Details_div p label,#view_PhysicalAddressProof_Details_div p label,#view_PostalAddressProof_Details_div p label,.panel .my-details li p,.proceedto_payment_certifi .section-title,.somthing-wrong-box p,.tab-pane .panel_box .address_detail p label,ul.ul_final_list_tax_declare p {
    margin-bottom: 0
}

.panel .my-details li label {
    width: 100%;
    color: #80a1b7;
    border-bottom: 1px solid #d0dce6;
    padding-bottom: 30px
}

.panel .status_box {
    width: 100%;
    padding: 4px;
    align-items: center;
    margin-bottom: 25px;
    background-color: #fafdff;
    display: flex;
    border: 1px solid #d2dcef;
    box-shadow: 0 1px 5px 0 rgb(0 0 0 / 20%),0 2px 2px 0 rgb(0 0 0 / 14%),0 3px 1px -2px rgb(0 0 0 / 12%)
}

.panel .status_box .lni,.panel .status_box .material-icons {
    padding: 4px;
    color: #47abe9;
    font-size: 48px
}

.panel .status_box .status_inner {
    display: inline-flex;
    flex-direction: column;
    text-align: left;
    padding: 4px
}

.saica_side_hero,.tab-pane .crmEntityFormView .actions {
    text-align: right
}

.panel .status_box h6 {
    margin-bottom: 0;
    font-size: 14px;
    font-family: var(--default-font);
    font-weight: 400
}

.panel .status_box label {
    color: rgba(0,0,0,.87);
    font-size: 13px
}

.panel img.membership_logo,.payu_section .card_body {
    max-width: 100%
}

.panel .summary-text {
    padding: 5px
}

.panel .summary-text h4,.panel .summary-text h5 {
    color: var(--text-white);
    padding: 3px 0
}

.panel.membership-box-1 .summary-text {
    background: var(--primary)
}

.panel.membership-box-2 .summary-text {
    background: var(--dark-green)
}

.panel.membership-box-3 .summary-text {
    background: var(--lighter-blue)
}

.panel .membership-btn-box {
    padding: 10px 10px 20px
}

.panel.membership-box-1 .btn {
    background-color: var(--primary);
    border-color: var(--primary);
    color: var(--text-white);
    box-shadow: none;
    transition: .3s
}

.panel.membership-box-2 .btn {
    background-color: var(--dark-green);
    border-color: var(--dark-green);
    color: var(--text-white);
    box-shadow: none;
    transition: .3s
}

.panel.membership-box-3 .btn {
    background-color: var(--lighter-blue);
    border-color: var(--lighter-blue);
    color: var(--text-white);
    box-shadow: none;
    transition: .3s
}

.panel .membership-btn-box .btn:hover {
    background: rgba(0,0,0,.08);
    border-color: rgba(0,0,0,.08);
    color: var(--text-white)
}

.tab-pane .panel_box {
    padding: 25px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 1px 9px 0 rgb(0 0 0 / 10%)
}

.tab-pane .bank_details li,.tab-pane .panel_box>.nav {
    margin-bottom: 10px
}

.tab-pane .panel_box fieldset {
    background-color: #f2fbfe;
    border: 1px solid #d0dce6;
    border-radius: 5px;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    padding: 35px;
    position: relative;
    margin-top: 20px
}

.login_sec_right hr,.tab-pane .panel_box fieldset[aria-label='POSTAL ADDRESS'] {
    margin-top: 50px
}

.tab-pane .panel_box fieldset table tr td {
    padding: 0 0 20px
}

.payinvoiceModal .modal-body fieldset,.tab-content>.tab-pane#v-pills-continued-professional-development .crmEntityFormView fieldset,.tab-content>.tab-pane#v-pills-declaration-of-non-residency .crmEntityFormView fieldset,.tab-content>.tab-pane#v-pills-ethics-and-disclipline .crmEntityFormView fieldset,.tab-content>.tab-pane#v-pills-registered-tax-practitioner-declaration .crmEntityFormView fieldset:first-child,.tab-pane .panel_box #v-pills-payment-and-fees fieldset,.tab-pane .panel_box .contact_detail fieldset:first-child,.tab-pane .panel_box .table-heading .title {
    margin-top: 0
}

.tab-pane .panel_box.panel_left {
    overflow: hidden
}

.tab-pane .panel_box.panel_left .title {
    margin-top: 0;
    padding-bottom: 10px;
    margin-bottom: 30px;
    border-bottom: 1px solid #d0dce6
}

.tab-pane .panel_box fieldset.academic_record_fieldset+fieldset.academic_record_fieldset .remove_fieldset,.tab-pane .panel_box fieldset.employer_detail_fieldset+fieldset.employer_detail_fieldset .remove_fieldset {
    display: inline-flex
}

.tab-pane .loader {
    z-index: 9
}

.tab-content>.tab-pane#v-pills-declaration-of-non-residency {
    min-height: 610px
}

.panel_left .nav-tabs li {
    width: 100%;
    border-bottom: 1px solid #d0dce6
}

.panel_left .nav-tabs li a {
    margin: 0;
    border: none;
    text-decoration: none
}

.panel_left .nav-tabs li.active a:focus,.panel_left .nav-tabs li.active a:hover,.panel_left .nav-tabs li.active:focus {
    outline: 0;
    border: none;
    border-bottom: var(--red-color) solid 1px
}

.panel_left .nav-tabs li.active a {
    background: var(--red-color);
    color: #fff;
    border-bottom-color: var(--red-color)
}

.new_queries.tab-pane .panel_box fieldset {
    background: 0 0;
    padding: 0;
    margin-top: 0;
    border: none
}

.new_queries.tab-pane .panel_box fieldset.blank_new_query {
    background-color: #f2fbfe;
    border: 1px solid #d0dce6;
    border-radius: 5px;
    align-content: center;
    justify-content: center;
    align-items: center
}

.new_queries.tab-pane .panel_box fieldset.blank_new_query,.new_queries.tab-pane .panel_box fieldset.blank_new_query p {
    min-height: 200px
}

.new_queries.tab-pane .panel_box fieldset.blank_new_query p {
    display: flex;
    align-items: center;
    justify-content: center
}

.new_queries.tab-pane .panel_box fieldset .form-group {
    margin-bottom: 30px;
    width: 100%
}

.new_queries.tab-pane .memb_ship_attachment_box {
    margin: 20px auto
}

.new_queries.tab-pane .memb_ship_attachment_box fieldset {
    background: #f2fbfe;
    border: 1px solid #d0dce6;
    padding: 20px 15px;
    border-radius: 10px
}

.category_query_left .form-group label,.tab-pane .panel_box fieldset .info label.field-label.custom-label {
    color: #004990;
    font-size: 16px
}

.attachement_upload_block .attach_document_box .control,.category_query_left .table-heading,.ck.ck-editor.ck-rounded-corners,.picklist input[type=radio],.picklist label,.tax_practitioner_registration_details_dropdown .radio_list_box .info {
    margin-bottom: 20px
}

.category_query_left .form-group select.form-control {
    border: none;
    border-bottom: 1px solid #ddd;
    padding: 0;
    box-shadow: none
}

#deleteMembershipModalAGA .modal-footer,#deleteMembershipModalAGA .modal-header,#deleteMembershipModalATSA .modal-footer,#deleteMembershipModalATSA .modal-header,#deleteMembershipModalCA .modal-footer,#deleteMembershipModalCA .modal-header,.dropdown-toggle::after,.tab-pane .panel_box .crmEntityFormView {
    border: none
}

.tab-pane .panel_box fieldset+fieldset {
    margin-top: 70px
}

.entity-form .tab-column fieldset .control,.tab-pane .panel_box fieldset .control,.tab-pane .panel_box fieldset .info {
    width: 100%;
    display: inline-block;
    position: relative
}

.entity-form .tab-column fieldset label.field-label,.tab-pane .panel_box fieldset .form_true_show .field-label,.tab-pane .panel_box fieldset .info label.field-label {
    color: rgba(0,0,0);
    font-size: 12px;
    margin-bottom: 0;
    transition: .3s
}

.eligibility_criteria_sec .info label.field-label,.tab-pane .panel_box fieldset .info label.field-label {
    margin-left: 0;
    padding-left: 0
}

.entity-form .tab-column fieldset .form-control,.tab-pane .panel_box fieldset .form-control {
    background: 0 0!important;
    border: none;
    box-shadow: none;
    padding: 0;
    transition: .3s;
    outline: 0
}

.entity-form .tab-column fieldset .control:before,.tab-pane .panel_box fieldset .control::before {
    content: '';
    transition: border-bottom-color .2s cubic-bezier(.4, 0, .2, 1);
    border-bottom: 1px solid rgba(0,0,0,.42);
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

.tab-pane .panel_box fieldset .form-control[disabled] {
    color: rgba(0,0,0,.80)
}

.entity-form .tab-column fieldset .control:hover:before,.tab-pane .panel_box fieldset .control:hover::before {
    border-bottom: 2px solid rgba(0,0,0,.87)
}

.entity-form .tab-column fieldset .control.error-control:before,.tab-pane .panel_box fieldset .control.error-control::before {
    content: '';
    border-bottom: 2px solid var(--red-color)
}

.entity-form .tab-column fieldset .control.error-control:hover:before,.tab-pane .panel_box fieldset .control.error-control:hover::before {
    border-bottom: 2px solid var(--red-color)
}

.entity-form .tab-column fieldset .control:after,.tab-pane .panel_box fieldset .control::after {
    content: '';
    width: 0;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-bottom: 2px solid rgba(0,0,0,.87);
    transition: .3s
}

#exampleModalLong table td strong,.entity-form .tab-column fieldset .info.blur-field label.field-label,.manage_member .modal .modal-dialog .modal-content .modal-body .membership_inner_modal h5,.tab-pane .panel_box fieldset .info.blur-field label.field-label {
    color: #000
}

.tab-pane .panel_box fieldset .form-control.readonly:focus,.tab-pane .panel_box fieldset .form-control[readonly][disabled]:focus,.tab-pane .panel_box fieldset .form-readonly .form-control:focus {
    outline: 0!important
}

.tab-pane .panel_box fieldset .datetime .input-group-addon {
    background: 0 0;
    border: none
}

.tab-pane .panel_box fieldset legend.section-title {
    position: absolute;
    left: 0;
    top: -70px;
    margin: 0;
    font-size: 16px;
    color: var(--light-blue);
    display: inline-flex;
    align-items: center;
    border-bottom: 1px solid #d0dce6
}

.tab-pane .panel_box fieldset .section-title::before {
    content: '';
    font-family: 'Material Icons';
    display: inline-flex;
    align-items: center;
    color: var(--red-color);
    font-size: 24px;
    margin-right: 5px;
    margin-top: 10px
}

.tab-pane .member_view_application fieldset .control:before,.tab-pane .member_view_application fieldset .control:hover::before,.tab-pane .view_gaa_membership fieldset .control:before,.tab-pane .view_gaa_membership fieldset .control:hover::before {
    content: '';
    border-bottom: 1px dotted rgba(0,0,0,.42);
    width: 100%
}

.tab-pane .member_view_application fieldset .form-control:disabled,.tab-pane .member_view_application fieldset .form-control:read-only {
    color: rgba(0,0,0,.38)
}

.custom_style_switch input[type=checkbox]:disabled label:after,.custom_style_switch input[type=checkbox]:readonly label:after {
    background: #bdbdbd
}

.custom_style_switch input[type=checkbox]:readonly {
    opacity: .5
}

.custom_style_switch input[type=checkbox]:readonly+label {
    background: rgba(0,0,0,.12)
}

.custom_style_switch input[type=checkbox]:readonly+label:after {
    background: #bdbdbd
}

.custom_style_switch input[type=checkbox]:disabled {
    opacity: .5
}

.custom_style_switch input[type=checkbox]:disabled+label {
    background: rgba(0,0,0,.12);
    pointer-events: none
}

.custom_style_switch input[type=checkbox]:disabled+label:after {
    background: #bdbdbd;
    box-shadow: none;
    pointer-events: none
}

.custom_style_switch input[type=checkbox]:disabled+label>span,.picklist input[type=radio]:checked:disabled+label,.picklist input[type=radio]:disabled+label {
    color: rgba(0,0,0,.38)
}

.tab-pane .crmEntityFormView .actions .btn {
    float: none
}

.eligibility_criteria_sec h3 .material-icons {
    margin-right: 10px;
    color: var(--red-color)
}

.tab-pane .panel_box fieldset[aria-label=Email] .section-title::before {
    content: '\e158'
}

.tab-pane .panel_box fieldset[aria-label='Contact Numbers'] .section-title::before,.tab-pane .panel_box fieldset[aria-label=Contact] .section-title::before {
    content: '\e0cf'
}

.tab-pane .panel_box fieldset[aria-label='Basic Information'] .section-title::before,.tab-pane .panel_box fieldset[aria-label='Preferred Name'] .section-title::before {
    content: '\e7fd'
}

.tab-pane .panel_box fieldset[aria-label=Qualifications] .section-title::before {
    content: '\e80c'
}

.tab-pane .panel_box fieldset[aria-label='Optional information'] .section-title::before {
    content: '\e834'
}

.tab-pane .panel_box fieldset[aria-label="Employer's Address"] .section-title::before,.tab-pane .panel_box fieldset[aria-label='Delivery Address'] .section-title::before,.tab-pane .panel_box fieldset[aria-label='PHYSICAL ADDRESS'] .section-title::before,.tab-pane .panel_box fieldset[aria-label='POSTAL ADDRESS'] .section-title::before {
    content: '\e0c8'
}

.tab-pane .panel_box fieldset[aria-label='Employment History'] .section-title::before {
    content: '\e8f9'
}

.tab-pane .panel_box fieldset[aria-label="Employer's Contact Details"] .section-title::before {
    content: '\e0d0'
}

.tab-pane .panel_box fieldset[aria-label="Terms and conditions"] .section-title::before,.tab-pane .panel_box fieldset[aria-label='Mandatory Sections Status'] .section-title::before,.tab-pane .panel_box fieldset[aria-label=Declaration] .section-title::before {
    content: '\e862'
}

.tab-pane .panel_box fieldset[aria-label="Indicate your main activity by choosing one (only) of the options below"] .section-title::before {
    content: '\e7ee'
}

.tab-pane .panel_box .information_box {
    background-color: #f2fbfe;
    margin-bottom: 30px;
    border: 1px solid #004890;
    border-radius: 5px;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    padding: 20px;
    position: relative;
    min-height: 200px;
    width: calc(100% - 4%)
}

.tab-pane .panel_box .information_box ul {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%
}

.tab-pane .panel_box .information_box ul li {
    display: flex;
    align-items: center;
    font-size: 14px;
    word-wrap: break-word
}

.tab-pane .panel_box .information_box label {
    font-weight: 600;
    margin-right: 5px;
    min-width: 90px;
    font-size: 16px;
    font-family: Times
}

.tab-pane .panel_box .payment_info_box .pay_header {
    background: #fff;
    margin: 0 -20px 15px;
    padding: 15px;
    border-bottom: 1px solid #ddd;
    border-radius: 3px 3px 0 0
}

.tab-pane .panel_box .payment_info_box .pay_header h3 {
    margin: 0;
    padding: 0
}

.tab-pane .panel_box .payment_info_box .pay_body {
    flex-wrap: wrap
}

.tab-pane .panel_box .payment_info_box .pay_body label {
    margin-right: 0;
    margin-left: auto;
    margin-bottom: 0;
    width: calc(100% - 100px)
}

.tab-pane .panel_box .payment_info_box .pay_body p {
    margin-left: 0;
    margin-right: auto
}

.tab-pane .panel_box .payment_info_box .amount_total {
    background: var(--red-color);
    margin: 15px -20px 0;
    padding: 10px 15px;
    border-radius: 0 0 3px 3px
}

.tab-pane .panel_box .payment_info_box .amount_total label,.tab-pane .panel_box .payment_info_box .amount_total p {
    color: #fff;
    padding: 0;
    margin: 0
}

.tab-pane .panel_box .information_box.payment_info_box ul {
    background: #f8f8f8;
    padding: 0 20px;
    border-radius: 3px;
    border: 1px solid #ddd;
    display: flex;
    flex-direction: column
}

.tab-pane .panel_box .payment_info_box .amount_total p {
    font-size: 18px;
    font-weight: 600
}

.tab-pane .panel_box .payment_info_box .amount_total label {
    margin-right: 0;
    margin-left: auto;
    font-size: 20px
}

.tab-pane .panel_box ::-webkit-input-placeholder {
    color: rgba(0,0,0,.54);
    opacity: .6
}

.tab-pane .panel_box :-ms-input-placeholder {
    color: rgba(0,0,0,.54);
    opacity: .6
}

.tab-pane .panel_box ::placeholder {
    color: rgba(0,0,0,.54);
    opacity: .6
}

.tab-pane .nav-pills .nav-link {
    text-align: left;
    border-radius: 0;
    padding: 15px;
    font-family: var(--default-font);
    font-size: 15px;
    position: relative;
    font-weight: 500;
    color: #212529;
    background: #fff;
    border: none;
    border-bottom: 1px solid #d0dce6;
    transition: .3s
}

.tab-content #notices .dataTables_wrapper,.tab-content #queries-submitted .dataTables_wrapper {
    width: 100%;
    overflow: auto
}

.tab-pane .panel_box legend.section-title h3 {
    font-weight: 400;
    font-size: 16px
}

.tab-pane .membership-logo-list .panel-title {
    padding: 15px;
    text-align: center;
    justify-content: center
}

.tab-pane .membership-logo-list .panel-title h3 {
    font-size: 13px;
    color: rgba(0,0,0,.87)
}

.tab-pane .panel_box fieldset.support_document_fieldset_inner {
    min-height: 135px
}

.tab-pane .panel_box fieldset.support_document_fieldset_inner .add_support_doc_file {
    position: absolute;
    text-transform: uppercase;
    right: 20px;
    top: 40px;
    display: flex;
    align-items: center
}

.login_sec_right h1,.tab-pane .panel_box fieldset.academic_record_fieldset .control {
    margin-bottom: 50px
}

.tab-pane .panel_box fieldset.support_document_fieldset_inner .document_file {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-top: 20px;
    position: relative
}

.tab-pane .panel_box fieldset.support_document_fieldset_inner .document_file input {
    max-width: calc(100% - 50px)
}

.tab-pane .panel_box fieldset.support_document_fieldset_inner .document_file .close_upload_file {
    margin-right: 0;
    margin-left: auto;
    color: var(--red-color)
}

.payment_option_field label.field-label {
    margin-left: 0!important;
    padding: 0!important
}

.checklist_document {
    list-style: none;
    padding: 10px 0 10px 30px
}

.checklist_document li {
    position: relative;
    width: 100%;
    padding-left: 30px;
    margin-bottom: 20px
}

.checklist_document li:before {
    content: '';
    width: 20px;
    height: 20px;
    border: 2px solid #ddd;
    position: absolute;
    left: 0;
    top: 3px;
    min-height: 18px
}

.checklist_document li.checked:before {
    content: '\e876';
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Material icons;
    color: #fff;
    background: var(--red-color);
    border-color: var(--red-color)
}

.ul_final_sub_list.show_sublist {
    display: block;
    list-style: none;
    padding: 20px;
    margin: 10px 0;
    background: var(--bg-white);
    border: 1px solid #ddd
}

.ul_final_list li>span,.ul_final_sub_list li>span {
    font-weight: 700;
    color: var(--light-blue);
    padding-left: 10px
}

.ul_final_list h4 {
    width: 100%;
    color: var(--light-blue);
    font-size: 14px
}

.evidence_content_box {
    width: 100%;
    padding: 15px;
    display: inline-block;
    background: #f6f6f6;
    min-height: 85vh
}

#exampleModalLong table table table table table td,.evidence_side_bar {
    padding: 10px!important
}

.evidence_chat li {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 40px
}

.evidence_chat .evi_chat_box {
    position: relative;
    width: calc(100% - 70px);
    display: inline-flex;
    background: #fff;
    margin-right: 0;
    margin-top: 5px;
    margin-left: auto;
    flex-wrap: wrap;
    padding: 20px
}

.evidence_chat .evi_chat_box:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    border-width: 15px;
    border-style: solid;
    border-color: #fff #fff transparent transparent;
    left: -16px;
    top: 0
}

.evidence_chat .evi_chat_box .evi_lst {
    width: 100%;
    display: inline-flex;
    align-items: center;
    margin-bottom: 5px
}

.evidence_chat .evi_chat_box .evi_lst label {
    color: #000;
    font-weight: 600;
    padding: 0 10px 0 0;
    margin: 0
}

.evidence_chat .evi_chat_box .evi_document {
    color: #004990
}

.evidence_chat .evi_chat_box .evi_lst .material-icons {
    font-size: 130%
}

.evidence_chat .evi_chat_box .delete_action,.evidence_chat .evi_chat_box .edit_action {
    width: 44px;
    height: 44px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    position: absolute;
    top: 20px;
    cursor: pointer;
    transition: .3s
}

.evidence_chat .evi_chat_box .delete_action {
    right: 10px;
    color: red
}

.evidence_chat .evi_chat_box .edit_action {
    right: 60px;
    color: #004990
}

.evidence_chat .evi_chat_box .delete_action:hover,.evidence_chat .evi_chat_box .edit_action:hover {
    background: rgba(0,0,0,.08)
}

.year_circle {
    background: #673ab7;
    font-size: 12px;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff
}

.dialog_alert,.evidence_side_bar {
    position: fixed;
    height: 100%;
    visibility: hidden;
    z-index: 999;
    bottom: 0
}

.evidence_chat .evidence_file_list {
    width: 100%;
    position: relative;
    border-radius: 4px;
    padding: 20px 70px 20px 20px;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12)
}

.evidence_chat .evidence_file_list+.evidence_file_list {
    margin-top: 10px
}

.evidence_side_bar {
    width: 490px;
    background: #fff;
    opacity: 0;
    border-radius: 0!important;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    right: -500px;
    top: 0;
    box-shadow: 0 0 35px rgba(0,0,0,.5)!important;
    transition: .3s
}

.evidence_side_bar>h3 {
    margin: 0;
    padding: 10px 0;
    border-bottom: 1px solid #ddd
}

.evidence_side_bar .sidebar_button_bottom {
    width: 100%;
    margin-bottom: 0;
    margin-top: auto;
    border-top: 1px solid #d0dce6;
    padding-top: 20px;
    display: flex;
    justify-content: flex-end
}

#CPD_Basic_Form .list-group li.active:before,.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover {
    border-color: var(--red-color);
    background: var(--red-color)
}

.evidence_side_bar .sidebar_button_bottom .btn {
    text-transform: uppercase
}

.evidence_side_bar .sidebar_button_bottom .btn+.btn {
    margin-left: 10px
}

.evidence_side_bar.open_evidence {
    right: 0;
    opacity: 1;
    visibility: visible
}

.evidence_side_bar .choose_file_btn {
    position: absolute;
    text-transform: uppercase;
    padding: 8px 15px;
    pointer-events: none
}

.evidence_side_bar .choose_file_field {
    opacity: 0;
    cursor: pointer
}

.member_view_report .member_compliance_static_content {
    padding: 10px;
    margin-bottom: 0
}

.member_view_report .member_compliance_static_content p a {
    max-width: 100%;
    white-space: pre-line;
    word-break: break-word
}

#independent_reviews_in_sublist.show_sublist,.confirm-membership .membership_inner_modal .picklist label.form-check-label {
    display: block
}

#independent_reviews_in_sublist li {
    margin-bottom: 15px
}

#CPD_Basic_Form ol.progress.list-group {
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

#CPD_Basic_Form ol.progress.list-group li {
    width: 40%
}

#CPD_Basic_Form ol.progress.list-group li:after {
    left: -50%
}

#CPD_Basic_Form .list-group li.active:before {
    color: #fff
}

.ck-editor .ck-editor__top .ck-sticky-panel .ck-button:nth-child(3),.ck-editor .ck-editor__top .ck-sticky-panel .ck-button:nth-child(4),.ck-editor .ck-editor__top .ck-sticky-panel .ck-button:nth-child(5) {
    display: initial
}

.ck-editor .ck-editor__top .ck-sticky-panel .ck-toolbar__separator,.modal-header:after,.modal-header:before,.xrm-attribute-value>#Tax_Practitioner {
    display: none!important
}

.ck-editor .ck-editor__top .ck-toolbar_grouping {
    background: #f2fbfe;
    padding: 5px 10px;
    border-radius: 10px 10px 0 0!important;
    border: 1px solid #ddd!important
}

.ck-editor .ck-editor__editable_inline {
    min-height: 165px;
    border: 1px solid #ddd!important;
    border-radius: 0 0 10px 10px!important;
    border-top: none!important
}

.ck-editor .ck-editor__editable_inline.ck-focused {
    box-shadow: none!important
}

.tab_declare_btn {
    padding: 10px;
    display: flex;
    flex-wrap: wrap
}

.tab_declare_btn ol.progress.list-group {
    box-shadow: none;
    border: none;
    display: flex;
    justify-content: center;
    width: 100%;
    flex-wrap: wrap;
    position: relative;
    z-index: 0
}

.declaration_content_inner b,.declaration_content_inner h4 {
    color: rgba(0,0,0,.87);
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 25px
}

.declaration_content_inner p {
    margin-bottom: 25px
}

.entity-form .tab-column fieldset .control.disabledclass:hover:before,.tab-pane .panel_box fieldset .control.disabledclass:hover::before {
    border: 1px solid rgba(0,0,0,.42)
}

.ms-Toggle .ms-Toggle-innerContainer {
    align-items: center
}

.ms-Toggle .ms-Toggle-background {
    background: rgba(0,0,0,.38);
    border: none;
    height: 14px;
    width: 34px;
    padding: 0;
    transition: .3s
}

.ms-Toggle .ms-Toggle-background .ms-Toggle-thumb {
    width: 20px;
    height: 20px;
    background: var(--bg-white);
    box-shadow: 0 1px 5px 0 rgb(0 0 0 / 20%),0 2px 2px 0 rgb(0 0 0 / 14%),0 3px 1px -2px rgb(0 0 0 / 12%);
    transition: .15s
}

.ms-Toggle.is-checked .ms-Toggle-background,.ms-Toggle.is-checked .ms-Toggle-background:active:focus {
    background: rgba(234,25,70,.5);
    justify-content: initial
}

.ms-Toggle.is-checked .ms-Toggle-background .ms-Toggle-thumb,.ms-Toggle.is-checked .ms-Toggle-background:active:focus .ms-Toggle-thumb {
    background: var(--red-color);
    transform: translateX(105%)
}

.hidden-field {
    width: 0;
    opacity: 0;
    visibility: hidden
}

.picklist input[type=radio]:checked:disabled+label:after,.picklist input[type=radio]:disabled+label:after {
    background: rgba(0,0,0,.26)
}

.picklist input[type=radio]:checked:disabled+label:before,.picklist input[type=radio]:disabled+label:before {
    border-color: rgba(0,0,0,.26)
}

.picklist input[type=radio]:read-only+label:after {
    background: rgba(0,0,0,.26)
}

.picklist input[type=radio]:read-only+label:before {
    border-color: rgba(0,0,0,.26)
}

.picklist input[type=radio]:checked:readonly+label,.picklist input[type=radio]:readonly+label {
    color: rgba(0,0,0,.38)
}

.picklist.vertical {
    padding: 10px 0;
    position: relative
}

.picklist label {
    position: relative;
    padding-left: 30px;
    margin-left: 0;
    cursor: pointer;
    color: rgba(0,0,0,.87);
    font-size: 14px;
    display: inline-block
}

.nav #membership-tab,.picklist input[type=radio] {
    opacity: 0;
    visibility: hidden;
    display: none
}

.picklist input[type=radio]+label.error+label:not(.error):before,.picklist input[type=radio]+label:not(.error):before,.picklist input[type=radio]+span.label:before {
    content: '';
    width: 20px;
    height: 20px;
    border: 2px solid rgba(0,0,0,.54);
    position: absolute;
    left: 0;
    border-radius: 100%
}

.picklist input[type=radio]:checked+label.error+label:not(.error):before,.picklist input[type=radio]:checked+label:not(.error):before,.picklist input[type=radio]:checked+span.label:before,.tab-pane .panel_box fieldset .form_list_box .form-group .textarea-group .form-control.error {
    border-color: var(--red-color)
}

.picklist input[type=radio]:checked+label.error+label:not(.error):after,.picklist input[type=radio]:checked+label:not(.error):after,.picklist input[type=radio]:checked+span.label:after {
    content: '';
    width: 10px;
    height: 10px;
    background: var(--red-color);
    position: absolute;
    left: 5px;
    top: 5px;
    border-radius: 100%
}

.picklist input[type=radio][disabled]:checked+label:not(.error):before {
    border-color: rgba(0,0,0,.54)
}

.picklist input[type=radio][disabled]:checked+label:not(.error):after {
    background: rgba(0,0,0,.54)
}

#work_whether_paid,.picklist.radio_list_box,.under_radio_list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    min-height: 48px;
    align-items: center
}

.picklist.radio_list_box>label {
    width: calc(100% - 170px)
}

.picklist.radio_list_box .radio_list_box_inner {
    margin-right: 0;
    margin-left: auto;
    position: relative
}

.picklist.radio_list_box .radio_list_box_inner input[type=radio],.tab-pane .panel_box .picklist.radio_list_box .radio_list_box_inner label {
    margin: 0
}

#deleteMembershipModalAGA,#deleteMembershipModalATSA,#deleteMembershipModalCA {
    margin: 10px
}

#deleteMembershipModalAGA .modal-dialog,#deleteMembershipModalATSA .modal-dialog,#deleteMembershipModalCA .modal-dialog {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    height: 100vh
}

#deleteMembershipModalAGA .modal-content,#deleteMembershipModalATSA .modal-content,#deleteMembershipModalCA .modal-content {
    border-radius: 4px;
    border: none;
    box-shadow: 0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12)
}

#deleteMembershipModalAGA .modal-content h5,#deleteMembershipModalATSA .modal-content h5,#deleteMembershipModalCA .modal-content h5 {
    font-size: 18px;
    font-weight: 700;
    font-family: var(--default-font);
    color: rgba(0,0,0,.87)
}

#deleteMembershipModalAGA .modal-content p,#deleteMembershipModalATSA .modal-content p,#deleteMembershipModalCA .modal-content p {
    font-size: 16px;
    font-weight: 400;
    font-family: var(--default-font);
    color: rgba(0,0,0,.54)
}

#deleteMembershipModalAGA .modal-content .btn,#deleteMembershipModalATSA .modal-content .btn,#deleteMembershipModalCA .modal-content .btn {
    border: none;
    background: 0 0;
    color: #004990;
    font-size: 14px;
    font-family: var(--default-font);
    font-weight: 400
}

#deleteMembershipModalAGA .modal-content .modal-footer .btn:last-child,#deleteMembershipModalATSA .modal-content .modal-footer .btn:last-child,#deleteMembershipModalCA .modal-content .modal-footer .btn:last-child {
    background: rgba(0,73,144,.08);
    color: #004990
}

.tab-pane .panel_box .picklist.radio_list_box .info {
    width: calc(100% - 190px)
}

.courier-details .panel_box .horizon_line,.tab-pane .panel_box .horizon_line {
    width: 100%;
    height: 1px;
    display: flex;
    margin: 30px auto;
    background: rgba(0,0,0,.12)
}

.form_false_show,.under_radio_list {
    background: #fff;
    padding: 20px;
    margin: 20px auto 0;
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 20%),0 1px 1px 0 rgb(0 0 0 / 14%),0 2px 1px -1px rgb(0 0 0 / 12%)
}

.tab-pane .panel_box .picklist.radio_list_box span.label {
    position: relative;
    padding-left: 30px;
    margin: 0;
    cursor: pointer;
    font-weight: 400;
    font-size: 15px;
    font-family: var(--default-font);
    display: inline-block;
    max-width: 100%
}

.tab-pane .panel_box .picklist.radio_list_box .radio_list_box_inner label.error {
    position: absolute;
    bottom: -20px
}

.tab-pane .panel_box .radio_list_box .tearm_checkbox {
    display: flex;
    align-items: flex-start
}

.tab-pane .panel_box fieldset .form_list_box {
    width: 100%;
    flex-wrap: wrap;
    display: flex
}

.tab-pane .panel_box fieldset .form_list_box .form-group {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.tab-pane .panel_box fieldset .form_list_box .form-group label.field-label {
    width: 50%;
    color: rgba(0,0,0,.54);
    font-size: 12px
}

.tab-pane .panel_box fieldset .form_list_box .form-group .form-control {
    width: calc(35% - 50px);
    margin-right: 0;
    margin-left: auto;
    border: 1px solid #ddd;
    padding: 10px;
    resize: none;
    border-radius: 5px
}

.tab-pane .panel_box fieldset .form_list_box .form-group .textarea-group {
    width: calc(35% - 50px);
    margin: 0 0 0 auto
}

.tab-pane .panel_box fieldset .form_list_box .form-group .multiple_select {
    border: none;
    padding: 0
}

.tab-pane .panel_box fieldset .form_list_box .form-group .dropdown-toggle {
    border-radius: 0
}

.tab-pane .panel_box fieldset .form_list_box .form-group .textarea-group .label.error,.tax_practitioner_registration_details_dropdown .radio_list_box_inner input {
    position: absolute
}

.tab-pane .panel_box fieldset #professional_body {
    border: none;
    border-bottom: 1px solid #ddd;
    border-radius: 0;
    cursor: pointer
}

form .error:not(select):not(textarea):not(.date-field),label.error:not(select):not(textarea):not(.date-field) {
    font-size: 12px;
    color: var(--red-color);
    margin: 0;
    padding: 0
}

.tab-pane form label.error {
    position: absolute;
    bottom: -20px;
    left: 0
}

.tab-pane form .custom_style_radio label.error {
    bottom: 0
}

.tab-pane .panel_box .stylish_checkbox {
    margin: 20px 0
}

.tab-pane .panel_box .stylish_checkbox input {
    opacity: 0;
    visibility: hidden;
    position: absolute
}

.tab-pane .panel_box .stylish_checkbox label {
    padding-left: 30px;
    position: relative
}

.tab-pane .panel_box .stylish_checkbox input[type=checkbox]+label.error+label:before,.tab-pane .panel_box .stylish_checkbox input[type=checkbox]+label:not(.error):before {
    content: '';
    border: 2px solid rgba(0,0,0,.54)
}

.tab-pane .panel_box .stylish_checkbox input[type=checkbox]+label.error+label:after,.tab-pane .panel_box .stylish_checkbox input[type=checkbox]+label:not(.error):after {
    content: ''
}

.tab-pane .panel_box .stylish_checkbox input[type=checkbox]+label.error+label:after,.tab-pane .panel_box .stylish_checkbox input[type=checkbox]+label.error+label:before,.tab-pane .panel_box .stylish_checkbox input[type=checkbox]+label:not(.error):after,.tab-pane .panel_box .stylish_checkbox input[type=checkbox]+label:not(.error):before {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.tab-pane .panel_box .stylish_checkbox input[type=checkbox]:checked+label.error+label:before,.tab-pane .panel_box .stylish_checkbox input[type=checkbox]:checked+label:not(.error):before {
    content: '';
    background: var(--red-color);
    border-color: var(--red-color);
    content: '\e876';
    font-family: Material icons;
    color: #fff
}

.courier-details .panel_box.custom_tab_form ul li .material-icons,.tab-pane .panel_box.custom_tab_form .section-title .material-icons {
    color: var(--red-color);
    margin-right: 10px
}

.tab-pane .panel_box .stylish_checkbox input[type=checkbox]:disabled+label:not(.error):before {
    content: '';
    border: 2px solid rgba(0,0,0,.14)
}

.tab-pane .panel_box .stylish_checkbox input[type=checkbox]:disabled+label:not(.error) {
    color: rgba(0,0,0,.34)
}

.tab-pane .panel_box .stylish_checkbox input[type=checkbox][disabled]:checked+label:not(.error):before {
    content: '\e876';
    background: #bdbdbd;
    border-color: transparent
}

.tab-pane.member_view_report .ul_final_list label {
    width: calc(100% - 350px);
    font-size: 14px
}

.tab-pane.member_view_report .ul_final_list li {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.tab-pane.member_view_report .ul_final_list li>span {
    margin-left: auto;
    margin-right: auto;
    max-width: 300px
}

.tab-pane.member_view_report .ul_final_sub_list {
    width: 100%;
    background: 0 0;
    padding: 0;
    margin: 15px 0
}

.tab-pane.member_view_report p {
    font-size: 14px;
    color: rgba(0,0,0,.87);
    line-height: 1.5em
}

.custom_fieldset_form .remove_fieldset {
    display: inline-flex;
    align-items: center;
    margin-right: 10px;
    width: 25px;
    height: 30px;
    cursor: pointer
}

.custom_fieldset_form .remove_fieldset .material-icons,ul.status_list li .not-done {
    color: red
}

.fieldset_clone_inner_box fieldset .white-field .form-control {
    background: #fff!important;
    padding: 15px;
    min-height: 100px;
    border: 1px solid #ddd;
    border-radius: 5px
}

.add_another_field_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center
}

.custom_style_switch input[type=checkbox] {
    height: 0;
    width: 0;
    visibility: hidden
}

.custom_style_switch label {
    cursor: pointer;
    width: 35px;
    height: 15px;
    background: grey;
    display: block;
    border-radius: 15px;
    position: relative
}

.custom_style_switch label:after {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    width: 20px;
    height: 20px;
    background: #fff;
    box-shadow: 0 0 5px rgba(0,0,0,.4);
    border-radius: 20px;
    transition: .3s
}

.custom_style_switch input:checked+label {
    background: rgba(234,25,70,.5)
}

.custom_style_switch input:checked+label:after {
    left: calc(100% + 2px);
    transform: translateX(-100%);
    background: var(--red-color)
}

.custom_style_switch label:active:after {
    width: 50px
}

.custom_style_switch label .s_no,.custom_style_switch label .s_yes {
    position: absolute;
    right: -35px;
    font-size: 13px;
    display: inline-flex;
    min-width: 24px;
    text-align: left
}

.custom_style_switch input+label .s_yes,.custom_style_switch input:checked+label .s_no,.profileSec .profile-tab-invoice#profile-tab-nav li.active .nav-link::before {
    opacity: 0
}

.custom_style_switch label .custom_switchlabel {
    width: 300px;
    display: flex;
    min-width: auto;
    white-space: nowrap;
    padding-left: 45px;
    top: -3px;
    position: relative;
    color: rgba(0,0,0,.87)
}

.ul_final_sub_two_list,ul.ul_final_list {
    list-style: none;
    width: 100%;
    padding: 0;
    margin: 0
}

.tax_practitioner_registration_details_dropdown,.tax_practitioner_registration_details_dropdown .new_year_register_form {
    display: none;
    padding: 20px;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12)
}

ul_final_sub_two_list {
    padding: 15px;
    border: 1px solid #ddd;
    margin: 15px 0 0
}

.ul_final_sub_two_list li span,ul.ul_final_list li span {
    padding-left: 10px;
    text-transform: capitalize
}

#v-pills-profile td.datetime .control,table.table-style-1 thead th.monitoring-th {
    width: 120px
}

.qualification_fieldset .custom_style_switch {
    margin-top: 20px;
    margin-bottom: 30px
}

.qualification_fieldset .info {
    margin-top: 30px
}

.qualification_fieldset .control {
    margin-bottom: 30px
}

.tax_practitioner_registration_details_dropdown {
    background: #fff
}

.tax_practitioner_registration_details_dropdown .new_year_register_form {
    width: 100%
}

.dialog_alert {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,.5);
    opacity: 0
}

.dialog_alert.open-dialog {
    opacity: 1;
    visibility: visible
}

.dialog_alert .modal_alert {
    width: 600px;
    max-width: calc(100% - 20px);
    background: #fff;
    border-radius: 4px;
    box-shadow: 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12)
}

.dialog_alert .modal_alert h4 {
    color: rgba(0,0,0,.87);
    font-size: 18px;
    margin: 0
}

.dialog_alert .modal_alert p {
    color: rgba(0,0,0,.54);
    line-height: 1.5em;
    font-size: 16px
}

.case_date h5,.case_number h5 {
    font-size: 16px;
    font-weight: 700;
    color: var(--light-blue)
}

.case_date .member_case_date,.case_number .member_case_id {
    padding-left: 10px;
    font-weight: 400
}

.tab-content #membership-tab-back {
    display: inline-flex;
    position: relative;
    right: 0;
    top: 0;
    color: var(--red-color);
    font-size: 30px;
    cursor: pointer
}

.tab-pane#membership .table-heading {
    border: none;
    justify-content: space-between;
    border-bottom: 1px solid #f1f2f3;
    margin-bottom: 20px!important
}

ul.status_list {
    list-style: none;
    padding: 0
}

ul.status_list li {
    margin: 20px 0;
    color: rgba(0,0,0,.87);
    font-size: 14px
}

ul.status_list li .done {
    color: green
}

.tab-pane#v-pills-submit-application .panel_box fieldset {
    flex-wrap: wrap;
    margin-top: 70px
}

.tab-pane#v-pills-submit-application .panel_box fieldset h6,.tab-pane#v-pills-submit-application-Form .panel_box fieldset h6 {
    width: 100%;
    font-size: 16px;
    color: rgba(0,0,0,.87)
}

.profileSec #profile-tab-nav .nav-link::before {
    content: '\e5df';
    font-family: 'Material Icons';
    font-size: 150%;
    font-weight: 400;
    position: absolute;
    right: 5px;
    z-index: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    opacity: 0;
    color: #212529
}

.profileSec #profile-tab-nav .nav-link.active::before {
    opacity: 1;
    color: #fff
}

#profile-tab-nav li.active a:after {
    content: '\e037';
    position: absolute;
    right: 10px;
    font-size: 20px;
    font-family: 'Material Icons';
    color: rgba(0,0,0,.5);
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center
}

.tab-pane .profileSec .panel_box {
    padding-bottom: 50px
}

#button01 {
    padding: 8px 15px
}

label.form-check-label {
    display: inline-block;
    font-size: 12px
}

.control.date-field input[type=date] {
    font-size: 14px;
    font-weight: 500;
    padding: 0 5px;
    height: 40px;
    background: #fff!important
}

.modal .modal-title {
    color: var(--light-blue);
    font-weight: 600
}

.modal .modal-header {
    position: relative;
    display: flex;
    justify-content: space-between
}

.modal .modal-header .close:hover {
    background: 0 0;
    box-shadow: none
}

.horizontab-pane .panel_box .nav {
    margin: 30px 0
}

.horizontab-pane .panel_box .nav .nav-link {
    background: 0 0;
    border-bottom: 2px solid #fff;
    font-size: 13px;
    font-family: var(--default-font);
    margin-right: 10px;
    padding: 7px 20px;
    border-top: none;
    border-left: none;
    border-right: none;
    color: rgba(0,0,0,.7)
}

.horizontab-pane .panel_box .nav .nav-link.active {
    background: 0 0;
    border-color: var(--red-color);
    color: var(--text-black);
    border-top: none;
    border-left: none;
    border-right: none
}

table.dataTable tbody td,table.dataTable tbody th,table.dataTable tfoot th,table.dataTable thead th {
    padding: 15px 10px
}

table.dataTable tbody td,table.dataTable tbody th {
    font-size: 14px;
    color: rgba(0,0,0,.87);
    border-color: #e0e0e0
}

table.dataTable tfoot th,table.dataTable thead th {
    border: none;
    font-weight: 500;
    font-size: 13px;
    color: rgba(0,0,0,.54);
    text-transform: uppercase
}

table.dataTable tbody td.actions {
    min-width: 215px
}

td.actions.view {
    min-width: 0!important
}

table.dataTable {
    min-width: 100%
}

table.dataTable.no-footer {
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 20px
}

table.dataTable tbody tr td.actions .btn+.btn {
    margin-left: 5px
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    color: rgba(0,0,0,.26)!important;
    padding: 5px 15px;
    transition: .3s
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: 0 0;
    border-color: var(--light-blue);
    border-radius: 0;
    color: var(--light-blue)!important
}

.dataTables_wrapper .dataTables_filter input {
    border-radius: 0;
    border: none;
    border-bottom: 1px solid rgba(0,0,0,.42)
}

.dataTables_wrapper .dataTables_info {
    font-size: 12px;
    color: rgba(0,0,0,.54);
    width: 100%;
}

.appstatus_box {
    background: #fff;
    border-radius: 10px;
    padding: 25px
}

.process_box {
    padding: 25px
}

#progressbar {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: space-around;
    flex-direction: row;
    position: relative;
    counter-reset: section
}

#progressbar::before {
    content: '';
    width: 100%;
    height: 1px;
    background: #bdbdbd;
    position: absolute;
    top: 17px
}

#progressbar li {
    position: relative;
    text-align: center;
    padding-top: 50px;
    flex: 1;
    font-size: 14px;
    color: rgba(0,0,0,.54);
    padding-left: 8px;
    padding-right: 8px
}

#progressbar li::before {
    content: '';
    font-weight: 400;
    font-style: normal;
    z-index: 1;
    font-size: 12px;
    background: #bbb;
    border: 5px solid #fff;
    border-radius: 100%;
    line-height: 1;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    text-align: center;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    counter-increment: section;
    font-family: var(--default-font);
    color: #fff
}

#progressbar li.active::before {
    background: #004990
}

#progressbar li.start::before {
    content: '\e876';
    font-family: 'Material Icons';
    font-size: 20px;
    font-weight: 400
}

#progressbar li.active {
    font-weight: 500;
    color: rgba(0,0,0,.87)
}

#progressbar li:first-child::after,#progressbar li:last-child::after {
    content: '';
    width: calc(50% - 10px);
    height: 28px;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0
}

#progressbar li:last-child::after {
    left: initial;
    right: 0
}

.no-record-found {
    -webkit-box-align: center;
    align-items: center;
    background-color: #f2fbfe;
    border: 1px solid #d0dce6;
    border-radius: 5px;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    min-height: 200px;
    padding: 2rem
}

.no-record-found .material-icons {
    font-size: 120%;
    margin-right: 5px;
    display: inline-flex
}

.signup_box {
    width: 400px;
    max-width: 100%;
    margin: 28px auto;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: rgb(0 0 0 / 2%) 0 2px 10px 10px;
    position: relative
}

.signup_box .signup_header {
    background: #004990;
    padding: 24px 32px;
    border-radius: 10px 10px 0 0
}

.signup_box .signup_header img {
    width: 80%;
    margin: auto
}

.signup_box .signup_body {
    background: #fff;
    padding: 34px 32px;
    font-size: 12px
}

.signup_box .signup_body p {
    line-height: 1.66
}

.signup_box .signup_body a {
    margin-bottom: 15px;
    display: inline-flex
}

hr.box-divider {
    opacity: 1;
    margin: 25px 16px;
    border: none;
    flex-shrink: 0;
    background-color: rgba(0,0,0,.12)
}

.login_full_screen {
    width: 100%;
    height: 100vh;
    display: flex;
    background: #004895;
    flex-wrap: wrap
}

.login_sec_left {
    width: 52.5%;
    padding: 50px
}

.login_sec_left .logo_login img,.signinpage .logo img {
    max-width: 300px
}

.login_sec_left .logo-2 {
    max-height: 600px;
    position: absolute;
    left: 0;
    bottom: 0
}

.login_sec_right {
    width: 47.5%;
    height: 100vh;
    overflow: auto;
    background: #fff;
    padding: 100px 50px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.login_sec_form form .form_box {
    width: 300px;
    margin-top: 50px
}

.login_sec_right .btn {
    min-width: 150px;
    box-shadow: none;
    border-radius: 3px;
    padding: 10px 20px;
    font-weight: 400;
    line-height: 1.3em
}

.login_sec_right .btn-primary {
    background: #ff003f;
    border-color: #ff003f
}

.login_sec_right .btn-primary:focus,.login_sec_right .btn-primary:hover {
    background-color: #e60039
}

.login_sec_right .btn:disabled {
    cursor: not-allowed;
    background-color: #999;
    opacity: 1;
    color: #fff;
    pointer-events: initial
}

.login_sec_right form .forgotPassword {
    font-size: 11px;
    color: #ff003f;
    margin-left: auto;
    margin-right: 0
}

.login_sec_right form .form-label {
    font-size: 13px;
    color: #004895;
    line-height: 20px;
    margin-bottom: 0
}

.login_sec_right form .form-control {
    color: #000;
    font-size: 14px;
    line-height: 20px;
    border: 0;
    border-bottom: 2px solid #004895;
    border-radius: 0;
    padding: 1px 2px
}

.login_sec_form .note {
    font-size: 14px;
    margin-top: 30px
}

.login_full_screen h1 {
    font-family: var(--default-font);
    font-size: 34px;
    line-height: 48px;
    font-weight: 400
}

.login_sec_right form .helpLink {
    color: #999;
    margin-top: 5px;
    font-size: 11px
}

table.table-style-1 thead th {
    font-size: 14px;
    font-weight: 500;
    padding-bottom: 20px;
    color: rgba(0,0,0,.5);
    line-height: 1.2em;
    border-bottom: 1px solid #d0dce6
}

table.table-style-1 tbody td {
    font-size: 14px;
    vertical-align: middle;
    padding: 10px 8px
}

table.table-style-1>:not(:first-child) {
    border-top: none
}

.tab-pane .table-heading {
    border-bottom: 1px solid #d0dce6;
    padding-bottom: 10px
}

.tab-pane .table-heading .btn {
    margin-left: auto;
    margin-right: 0
}

.membComplianceSec .panel_box {
    min-height: calc(100vh - 130px)
}

.membComplianceSec #memb-compli-tab-nav,.tab-pane .panel_box>.nav.fullwidth-nav {
    margin-left: -25px;
    margin-right: -25px
}

.wrapper-body {
    min-height: 100%;
    background: linear-gradient(180deg,#004990 500px,#fafafa 500px)
}

#exampleModalLong .modal-content,#exampleModalLong .modal-header,.payu_section,body.payubody .wrapper-body {
    background: #fff
}

ul.nav.navbar-nav.weblinks {
    flex-direction: inherit
}

.navbar-inverse .navbar-nav>li>a:hover {
    background: 0 0;
    color: #000
}

#v-pills-employment-details legend h3,#v-pills-payment-and-fees legend h3,.attachement_upload_block h3,.custom_fieldset_form legend h3,.proceedto_payment_certifi legend h3 {
    font-weight: 400;
    font-size: 16px;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

#v-pills-employment-details h3 .material-icons,#v-pills-payment-and-fees h3 .material-icons,.attachement_upload_block h3 .material-icons,.custom_fieldset_form h3 .material-icons {
    color: var(--red-color);
    margin-right: 5px
}

.attachement_upload_block ol li {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5em;
    color: rgba(0,0,0,.87)
}

.attachement_upload_block .attach_document_box fieldset {
    padding: 10px;
    margin-bottom: 20px;
    flex-wrap: wrap
}

.attachement_upload_block .attach_document_box fieldset .attachment_view {
    width: 100%;
    display: inline-flex;
    align-items: center
}

.attachement_upload_block .attach_document_box .browse_document {
    margin-bottom: 30px;
    border-bottom: 1px solid #d0dce6;
    padding-bottom: 10px
}

.payinvoiceModal .pay_invoice_address_box {
    border: 1px solid #d0dce6;
    border-radius: 5px;
    padding: 20px 30px
}

.payinvoiceModal .close_modal_popup {
    position: absolute;
    justify-content: center;
    cursor: pointer;
    width: 35px;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    align-items: center
}

.payinvoiceModal .modal-dialog {
    width: 1080px;
    max-width: 100%
}

.payinvoiceModal .modal-dialog .modal-content {
    border-radius: 5px
}

.payinvoiceModal .modal-content .modal-body {
    max-height: calc(100vh - 110px);
    overflow: auto
}

#PayInvoiceModal4 .control textarea {
    border: 1px solid #ddd;
    padding: 15px
}

#exampleModalLong .modal-dialog {
    width: 700px;
    max-width: 100%
}

#exampleModalLong .modal-body {
    background: #fff;
    width: 100%;
    margin: auto
}

#exampleModalLong table {
    width: 100%!important;
    max-width: 100%!important;
    outline: 0!important;
    background: #f2fbfe
}

#exampleModalLong table tr td span {
    background: 0 0!important
}

#exampleModalLong .modal-body .modal-date {
    font-size: 14px;
    font-weight: 500;
    color: rgba(0,0,0,.87);
    margin-bottom: 20px
}

#exampleModalLong .modal-body>div {
    font-size: 14px!important;
    color: rgba(0,0,0,.87);
    font-family: var(--default-font)!important
}

.tax_practitioner_general_info {
    border: 1px solid #ddd;
    padding: 20px;
    border-radius: 4px
}

.tax_practitioner_general_info label {
    width: 100%;
    color: var(--btn-primary)
}

.tax_practitioner_general_info b {
    width: 100%;
    font-weight: 600;
    display: inline-block;
    margin-bottom: 15px;
    border-radius: 5px;
    word-break: break-all
}

.payu_section {
    width: 100%;
    padding: 20px 0;
    border-radius: 10px
}

.payu_section h4 {
    display: inline-flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    color: var(--btn-primary)
}

.payu_section h4 img {
    width: 100px;
    margin-right: 10px
}

.payu_section .register-step-form {
    width: 100%;
    margin: auto;
    flex-direction: column;
    background-color: #fafafa;
    border: 2px solid #d6d6d6;
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    padding: 35px 35px 20px;
    position: relative
}

.payu_section .register-step-form .card_header {
    background: #e6e6e6;
    margin: -35px -35px 20px;
    display: flex;
    align-items: center;
    padding: 13px 10px;
    border-radius: 10px 10px 0 0
}

.payu_section .register-step-form .form-group {
    display: flex;
    align-items: center
}

.payu_section .register-step-form .form-group label {
    width: 200px;
    max-width: 40%;
    text-align: right;
    margin-bottom: 0;
    padding-right: 20px;
    color: #444
}

.payu_section .register-step-form .form-group .control {
    width: 254px;
    max-width: 60%
}

.payu_section .register-step-form .form-group .control .form-control {
    width: 100%;
    border-radius: 5px;
    height: 34px;
    font-size: 12px;
    border-color: #ddd;
    box-shadow: none;
    border-right: 5px solid #a6c307
}

.payu_section .card_header label {
    font-weight: 500;
    margin-bottom: 0;
    margin-left: 10px
}

.payu_section .card_header img {
    width: 354px;
    max-width: 100%;
    margin: auto auto auto 155px
}

.payu_section .card_body p {
    margin-bottom: 50px;
    font-size: 12px;
    color: #444
}

.payu_section .card_body .btn {
    border-radius: 25px;
    min-width: 80px;
    box-shadow: none;
    height: 28px;
    font-size: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 400
}

.payu_section .card_body .btn-primary {
    background: #a6c307;
    color: #fff;
    border-color: #a6c307
}

.payu_section .card_body .btn-secondary {
    background: #fff;
    border-color: #a6c307;
    color: #333
}

.invoice-table,.view_invoice {
    border-top: 1px solid #d0dce6
}

.payu_section .card_body .btn #submit_amount {
    padding-left: 5px
}

.payu_section .card_body .card_button {
    width: 100%;
    max-width: 100%;
    text-align: left;
    padding-left: 200px
}

.payu_section .card_body .payu_small_txt {
    max-width: 100%;
    text-align: left;
    font-size: 10px;
    margin-left: 200px;
    padding-left: 0;
    width: 265px
}

.payu_section .payu_left {
    border-radius: 10px;
    padding: 10px;
    text-align: center;
    border: 2px solid #d6d6d6;
    margin: 0;
    color: #fff
}

.payu_section .payu_left img {
    width: 180px;
    padding: 0;
    margin: 0 0 20px
}

.payu_section .payu_left .amount_due {
    background: #a6c307;
    color: #fff;
    font-size: 12px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-weight: 500;
    padding: 10px;
    margin: 10px -10px -10px;
    border-radius: 0 0 10px 10px
}

.payu_section .payu_left p {
    color: #000;
    text-align: left;
    font-size: 12px;
    margin-bottom: 0
}

.payu_section .payu_left .semibold {
    font-weight: 500
}

.payu_section .payu_left .amount_right {
    margin-right: 0;
    margin-left: auto;
    font-size: 18px;
    font-weight: 400
}

.membership-main .membership-box-1,.membership-main .membership-box-2,.membership-main .membership-box-3 {
    border: none;
    min-height: 100%
}

.membership-main .membership-box-1 .panel-title h3,.membership-main .membership-box-2 .panel-title h3,.membership-main .membership-box-3 .panel-title h3 {
    min-height: 40px;
    display: flex;
    align-items: center;
    text-align: center
}

.membership-main .membership-box-1 .membership_logo,.membership-main .membership-box-2 .membership_logo,.membership-main .membership-box-3 .membership_logo {
    height: 98px;
    margin: 0 auto;
    width: 100%;
    object-fit: contain
}

.confirm-membership {
    padding-left: 0!important
}

#v-pills-profile .profileSec .panel_box ul,#v-pills-profile .profileSec .panel_box ul li,#v-pills-profile .profileSec .panel_box ul li a {
    border-bottom: none;
    text-decoration: none
}

.invoice-table {
    padding-top: 15px
}

table.dataTable tbody tr:hover {
    background-color: transparent
}

.modal.membership-resignationModal .modal-header h5 {
    font-size: 14px;
    color: #004990
}

.confirm-membership .membership_inner_modal {
    padding: 10px;
    background-color: #f2fbfe;
    border: 1px solid #d0dce6;
    border-radius: 5px;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    flex-direction: column
}

.confirm-membership .membership_inner_modal h5 {
    font-size: 14px;
    font-weight: 700
}

.confirm-membership .modal-header {
    margin: 0 15px;
    padding-left: 0;
    padding-right: 0
}

.aligned-radiobtn,.display-mypractice-radiobtn,.mem_certificate_fieldset .picklist label,.registered-tax-radiobtn {
    margin-left: -14px
}

#view_AddressProof_Details_div,#view_CompanyLetterHead_Details_div {
    margin: 10px 0
}

#view_AddressProof_Details_div p {
    display: inline-flex;
    align-items: center
}

#view_CompanyLetterHead_Details_div p {
    display: inline-flex;
    align-items: center;
    padding: 0 14px;
    width: 50%
}

#view_AddressProof_Details_div p a span,#view_CompanyLetterHead_Details_div p a span {
    font-size: 20px
}

table.dataTable tbody td,table.dataTable tbody th {
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.tab-pane#v-pills-submit-application .panel_box p {
    font-size: 100%
}

.btn-payment-free-group {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
    justify-content: space-between
}

.order-certificate-main .form-control {
    color: #000!important
}

.my-queries-tab .my-queries-row {
    display: flex;
    justify-content: flex-end
}

.login_right input:-webkit-autofill,.login_right input:-webkit-autofill:active,.login_right input:-webkit-autofill:focus,.login_right input:-webkit-autofill:hover {
    -webkit-background-clip: text
}

.member_compliance_static_content #view_TP_Declaration {
    padding: 20px
}

.notes-saica-content ul {
    line-height: 26px;
    margin-bottom: 20px;
    position: relative
}

.tab-pane.member_view_report .ul_final_list .notes-saica-content ul li {
    position: relative;
    font-size: 14px
}

.notes-saica-content ul li::before {
    content: "";
    position: absolute;
    left: -10px;
    color: red;
    width: 6px;
    height: 6px;
    z-index: 5;
    background-color: var(--red-color);
    border-radius: 4px;
    top: 11px
}

#courierDetailsModal .modal-content {
    max-width: 400px;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 8px;
    transform: translate(0,7%);
    border: 1px solid #ccc;
    overflow: hidden
}

.courier-details .panel_box {
    padding: 0;
    background: #fff;
    border-radius: 10px;
    box-shadow: none
}

.courier-details .panel_box.custom_tab_form ul li ul {
    padding-left: 0
}

.courier-details .panel_box.custom_tab_form ul li {
    list-style-type: none
}

.courier-details .panel_box.custom_tab_form ul.status_list {
    list-style: none;
    padding: 0;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 0
}

.courier-details .panel_box.custom_tab_form ul.status_list>li {
    padding: 10px;
    border-radius: 4px;
    width: calc(100% - 0px);
    word-break: break-all;
    background-color: #f2fbfe;
    border: 1px solid #d0dce6;
    margin: 0
}

.courier-details .panel_box.custom_tab_form ul li:first-child {
    flex: 0 0 100%!important;
    margin: 0
}

.courier-details .panel_box.custom_tab_form ul>li>ul {
    padding-left: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.courier-details .panel_box.custom_tab_form ul>li>ul>li {
    display: flex;
    list-style-type: none;
    justify-content: flex-start;
    flex-direction: row;
    width: 100%;
    min-width: 100%;
    align-items: center;
    margin: 5px 0
}

.courier-details .panel_box .courier-order-actiongroup {
    gap: 10px
}

.courier-details .panel_box .courier-order-actiongroup .cancel-order {
    padding-top: 10px
}

.panel.membership-box-1 .panel-title h3,.panel.membership-box-2 .panel-title h3,.panel.membership-box-3 .panel-title h3 {
    text-align: center
}

h3#looking_to_be_reinstated_as_a_New_Associateerror_description {
    font-size: 14px;
    line-height: 20px
}

.tab-pane .panel_box .address_detail p {
    font-size: 12px;
    color: #00498f;
    display: flex;
    align-items: center;
    min-width: 100%;
}

.tab-pane .profileSec .panel_box.member_view_application .address_detail p label {
    padding-left: 0;
    padding-right: 5px
}

#requestRefundFormModal .panel_box,#v-pills-profile .panel_box.custom_tab_form .tab-content .tab-pane:last-child .panel_box {
    padding: 0;
    box-shadow: none
}

.tab-pane .panel_box .memb_ship_attachment_box fieldset {
    margin-bottom: 5px
}

.sectionBlockLayout .columnBlockLayout h1,.sectionBlockLayout .columnBlockLayout p {
    color: #fff
}

.footer-table-invoice {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 15%
}

#invoice-odata-Table1,#v-pills-annual-declare-btn .picklist input[type=radio],#v-pills-mem-compliance .picklist input[type=radio],.somthing-wrong-box {
    display: inline-block
}

#v-pills-payment-and-fees #payment_message_show_section h3 {
    font-weight: 400;
    line-height: 24px;
    font-size: 16px
}

#invoice_amount_to_pay.select {
    padding: 3px 5px;
    border-radius: 3px
}

.tab-pane.member_view_report .ul_final_sub_list {
    border-radius: 4px;
    border: 1px solid rgb(216 224 227)
}

.tab-pane#v-pills-submit-application-Form .panel_box fieldset {
    margin-top: 70px;
    flex-wrap: wrap
}

#v-pills-gga .profileSec .panel_box ul {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none
}

#v-pills-gga .profileSec .panel_box ul li,#v-pills-gga .profileSec .panel_box ul li a {
    border-bottom: 0
}

.tab-pane .view_gaa_membership .panel_box fieldset .form-control {
    background: 0 0!important;
    border: none;
    box-shadow: none;
    padding: 0;
    transition: .3s
}

.tab-pane .view_gaa_membership fieldset .form-control:disabled,.tab-pane .view_gaa_membership fieldset .form-control:read-only {
    color: rgba(0,0,0,.38)
}

.dataTable tbody tr td.no-wrap {
    white-space: nowrap
}

ul.ul_final_list_tax_declare h4 {
    font-size: 18px
}

.somthing-wrong-box {
    background-color: var(--red-color);
    color: #91bbe4;
    padding: 40px 32px;
    border-radius: 7px;
    border: 1px solid #91bbe4
}

#EFP_Payment_ID_view_div p,#view_CopyofyourIDPassport_Details_div p,#view_PhysicalAddressProof_Details_div p,#view_PostalAddressProof_Details_div p {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

#EFP_Payment_ID_view_div p,#view_PhysicalAddressProof_Details_div p,#view_PostalAddressProof_Details_div p {
    margin-left: -10px
}

.invoice_request_refund_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 8px
}

#refundPaymentModal .reqRefPayBox .form-check-input,.invoice_arragment_payment_main .card-heading .card_heading_left .stylish_checkbox,.invoice_arragment_payment_main .card-heading .card_heading_left .stylish_checkbox input,.invoice_arragment_payment_main .card-heading .card_heading_left .stylish_checkbox label {
    width: 20px;
    height: 20px
}

#requestRefundFormModal fieldset {
    padding: 16px
}

#refundPaymentModal .invoice_select_options .form-control {
    border-radius: 4px
}

.invoice_arragment_payment_main .card-heading {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.invoice_arragment_payment_main .card-heading h5 {
    font-size: 18px;
    font-weight: 400;
    color: #000
}

.invoice_arragment_payment_main .card {
    background-color: #fdf3f5;
    padding: 8px 16px;
    border-radius: 8px;
    margin-bottom: 8px
}

.invoice_arragment_payment_main .card-heading .card_heading_left {
    display: flex;
    align-items: center;
    background-color: transparent;
    box-shadow: none;
    border-radius: 0
}

.invoice_arragment_payment_main .card .card-body {
    display: flex;
    flex: wrap;
    gap: 16px
}

.invoice_arragment_payment_main .card .card-body .status_arrangment .pending {
    background-color: #ffae00;
    padding: 4px 7px;
    border-radius: 4px;
    color: #000;
    margin-left: 4px;
    font-size: 12px
}

.invoice_arragment_payment_main .card .card-body .status_arrangment .cancelleded {
    background-color: var(--red-color);
    padding: 4px 7px;
    border-radius: 4px;
    color: var(--bg-white);
    margin-left: 4px;
    font-size: 12px
}

.invoice_arragment_payment_main .card .card-body .status_arrangment .paid {
    background-color: var(--btn-info);
    padding: 4px 7px;
    border-radius: 4px;
    color: var(--bg-white);
    margin-left: 4px;
    font-size: 12px
}

.invoice_arragment_payment_main .card .card-body div>p>span {
    font-weight: 600
}

#invoice_details_section,.tab-pane .panel_box fieldset.query_invoice_view {
    background-color: #f2fbfe;
    border: 1px solid #d0dce6;
    border-radius: 5px;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    padding: 16px;
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px
}

#invoice_details_section .info label.custom-label,#invoice_details_section h3,.tab-pane .panel_box fieldset.query_invoice_view .info label.custom-label,.tab-pane .panel_box fieldset.query_invoice_view h3 {
    color: #a9a9a9
}

#invoice_details_section input.form-control {
    background-color: #eee!important;
    border-color: #eee
}

#v-pills-reverse-details .text-success {
    color: var(--btn-info)
}

#v-pills-new-reverse-details .stylish_checkbox {
    width: 21px;
    height: 21px;
    display: flex;
    margin: 0!important
}

#saica_respects_privacy_field {
    display: flex;
    align-items: baseline;
    gap: 8px
}

.resolved_status {
    background-color: var(--btn-info);
    color: var(--bg-white)
}

.inprogress_status {
    background-color: #ffc107;
    color: var(--bg-white)
}

.resume_status {
    background-color: #06b9d9;
    color: var(--bg-white)
}

.inprogress_status,.resolved_status {
    padding: 4px 8px;
    border-radius: 16px
}

#reverseRequestPenaltyModal .view_doc {
    border: 1px solid #d0dce6;
    border-radius: 5px;
    padding: 12px;
    margin: 10px 0;
    background-color: #f2fbfe;
    position: relative
}

#reverseRequestPenaltyModal .view_doc input {
    background-color: #eee!important
}

#reverseFiledset.support_document_fieldset_inner.view_doc {
    align-items: center;
    flex-wrap: wrap;
    display: flex;
    -webkit-box-pack: start;
    justify-content: space-between
}

#reverseFiledset.support_document_fieldset_inner.view_doc:is(p,label) {
    margin-bottom: 0
}

.modal-dialog-centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - (.5rem * 2));
    justify-content: center
}

@media (min-width: 576px) {
    .modal-dialog-centered {
        min-height:calc(100% - (1.75rem * 2))
    }
}

.motif img {
    max-height: 600px
}

.container__visual .logo {
    padding: 50px;
    display: inline-block
}

.container__form .panel .panel__intro .panel__title {
    color: #000;
    font-weight: 400;
    margin-bottom: 60px;
    font-size: 34px
}

.landing_Portal_box .icon_box {
    width: 40%;
    background: #fff;
    cursor: pointer;
    display: inline-flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    padding: 50px 30px 40px;
    box-shadow: 0 10px 30px rgba(0,0,0,.05);
    margin: 20px;
    font-size: 22px;
    font-weight: 600;
    text-transform: capitalize;
    text-decoration: none;
    transition: .3s
}

.landing_Portal_box .icon_box img {
    width: 150px;
    margin-bottom: 10px
}

.landing_Portal_box .icon_box:hover {
    transform: translateY(-10px);
    color: var(--red-color);
    box-shadow: 0 13px 40px rgba(0,0,0,.15)
}

.saica_side_hero {
    width: 100%;
    height: 55%;
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    z-index: 0
}

#btn1,#order_certificate,.de_register_taxpract,#subscriptionpreference {
    margin: 8px 5px 5px;
    border-radius: 4px;
    padding: 8px 150px
}

.saica_dashboard_img {
    width: 69%
}

.payment_arrangement_list .due_date,.payment_arrangement_list .price,.payment_arrangement_list .status {
    width: auto;
    margin: 0 20px 0 0;
    display: inline-flex;
    align-items: center;
    padding: 0;
    border-radius: 5px
}

.payment_arrangement_list li {
    padding: 15px 15px 15px 50px;
    background: #00499010;
    position: relative;
    border: 1px solid #00499030;
    margin-bottom: 20px;
    border-radius: 5px
}

.subscription_list input {
    width: 20px;
    height: 20px;
}

.subscription_list label {
    font-size: 16px;
}

/* tcms start */
#saicaInviteFilter {
    min-width: 300px;
}

.saica_tcms_invite {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.saica_tcms_invite .saica_action_filter {
    gap: 16px;
    display: flex;
    align-items: center;
}

.saica_tcms_invite .saica_action_filter a {
    text-decoration: none;
}

.saica_tcms_invite .saica_action_filter a:hover {
    color: #ea1946;
}

.saica_tcms_invite .saica_action_filter .dropdown-filter ul {
    padding: 16px;
}

.saica_invite_search .control {
    position: relative;
    max-width: 300px;
}

.saica_invite_search .control span {
    position: absolute;
    right: 0px;
    top: 4px;
}

.saica_invite_search .control input {
    background: none !important;
    border: none;
    border-bottom: solid 1px #000;
    box-shadow: none;
    padding: 0;
    transition: all 0.3s ease;
    padding-right: 25px;
}

.saica_invite_search .control input::after {
    content: '';
    width: 0;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-bottom: 2px solid rgba(0, 0, 0, 0.87);
    transition: all 0.3s ease;
}

.saica_invite_search {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.saica_invite_search .form-group {
    margin-bottom: 0;
}

.saica_invite_search .control input::before {
    content: '';
    transition: border-bottom-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    border-bottom: 1px solid rgba(0, 0, 0, 0.42);
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

.tcms_dash_notifi {
    background-color: #f1f1f1;
    padding: 12px;
    border-radius: 8px;
    margin-bottom: 8px;
}

.tcms_dash_notifi h3 {
    margin-top: 0;
}

.tcms_dash_notifi p {
    margin-bottom: 0;
    min-height: 44px;
}

.tcms_invite_bg {
    background-color: #e9e9e9;
    color: #004990;
    padding: 8px;
    margin-bottom: 10px;
    border-radius: 12px;
    border: solid 1px #004990;
    text-align: center;
}

.tcms_invite_bg span {
    font-size: 20px;
    font-weight: 600;
}

.tcms_invite_bg h6 {
    margin: 0;
}

.pending_status, .success_status, .cancel_status {
    padding: 4px 7px;
    border-radius: 20px;
    font-size: 12px;
}

.pending_status {
    background-color: rgb(255, 174, 0);
    color: var(--text-black);
}

.success_status {
    background-color: var(--btn-info);
    color: var(--bg-white);
}

.cancel_status {
    background-color: var(--red-color);
    color: var(--bg-white);
}

.variants {
    display: inline-flex;
    /* justify-content: center;align-items: center; */
}

.variants > div {
    margin-right: 5px;
}

.variants > div:last-of-type {
    margin-right: 0;
}

.variants .file {
    position: relative;
    display: inline-flex;
    /* justify-content: center;align-items: center; */
}

.variants .file > input[type='file'] {
    display: none
}

.variants .file > label {
    font-weight: 500;
    cursor: pointer;
    outline: 0;
    user-select: none;
    border: solid 1px var(--red-color);
    border-color: var(--red-color);
    color: var(--red-color);
    border-radius: 4px;
    padding: 8px 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
}

.variants .file > label:hover {
    border-color: hsl(0, 0%, 21%);
}

.variants .file > label:active {
    background-color: hsl(0, 0%, 96%);
}

.variants .file > label > i {
    padding-right: 5px;
}

#tcmsUploadModal .upload_doc_file span {
    font-size: 12px;
}

.tcms_upload_doc_list {
    padding: 0;
}

.tcms_upload_doc_list li {
    list-style: none;
    margin-bottom: 3px;
}

.dropdown_action_doc:hover, .dropdown_action_doc:focus, .dropdown_action_doc:focus-visible {
    outline: 0;
    border: none;
}

.modal-xxl {
    max-width: 1400px;
    width: 100%
}

.tcms-doc-file-upload {
    background-color: #ffffff;
    width: 100%;
    margin: 0 auto;
}

.tcms-doc-file-upload h3 {
    color: var(--text-black);
    font-size: 16px;
    font-weight: 500;
    margin-top: 2px;
    margin-bottom: 0px;
}

.tcms-doc-file-upload-input {
    position: absolute;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    outline: none;
    opacity: 0;
    cursor: pointer;
}

.tcms-doc-image-upload-wrap {
    margin-top: 10px;
    border-radius: 8px;
    border: 1px dashed var(--primary);
    position: relative;
    text-align: center;
    margin-bottom: 0px;
}

.tcms-doc-image-upload-wrap .drag-text h3 {
    font-size: 14px;
    color: var(--text-black);
    padding: 18px 0px;
    margin: 0;
}

.tcms-doc-image-upload-wrap+p {
    font-size: 12px;
}

.list-group span.material-icons {
    font-size: 18px;
    color: var(--text-primary);
    cursor: pointer;
}

.tcms_modal ul.list-group li {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.tab-pane .panel_box fieldset table.remission-table tr td {
    padding: 8px 12px;
    font-size: 12px
}

.view-training-list li {
    margin-bottom: 5px;
    color: var(--gray-800);
}

.view-training-list li span {
    width: 21%;
    display: inline-flex;
    color: var(--text-black);
}

.invoice-general-table {
    border: solid 1px var(--btn-secondary);
    border-radius: 4px;
    padding: 10px;
}

.tab-pane .panel_box .stylish_checkbox input.revert_text_box {
    opacity: 1;
    visibility: visible;
    position: relative;
}

.sidebar .weblink>a[aria-label="/TCMS/Admin"]::before {
    content: '\e7fd';
}

.sidebar .weblink>a[aria-label="/TCMS/Contract management"]::before {
    content: "\f02e";
}

.sidebar .weblink>a[aria-label="/TCMS/Training Office Visit Questionnaire"]::before {
    content: '\ea40';
}

.sidebar .weblink>a[aria-label="/TCMS/Help"]::before {
    content: '\e887';
}

.sidebar .weblink>a[aria-label="/TCMS/Contract management"]::before {
    content: "\f02e";
}

.sidebar .weblink>a[aria-label="/TCMS/Financial management"]::before {
    content: '\ea5f';
}

.sidebar .weblink>a[aria-label="/TCMS/EAT"]::before, .sidebar .weblink>a[aria-label="EAT"]::before {
    content: '\eb64';
}

.usefulLinksContainer .usefullinkList li[title="Contract Management"], .usefulLinksContainer .usefullinkList li[title="Training Office Visit Questionnaire"], .usefulLinksContainer .usefullinkList li[title="EAT"] {
    display: none;
}

.usefulLinksContainer .usefullinkList li.new-mobile-link {
    display: none;
}

/* tcms end */
/* chatboat */
#chatbot {
    width: 300px !important;
    height: 500px !important;
    position: fixed;
    bottom: 90px;
    right: 30px;
    overflow: hidden;
    overflow-y: auto;
    box-shadow: 0 0 4px 0px rgb(0 73 144 / 70%);
    border-radius: 6px;
    z-index: 999;
}

#chatbotMain .btn-chatboat {
    position: fixed;
    bottom: 30px;
    right: 30px;
    border-radius: 30px;
    height: 48px;
    width: 48px;
    display: flex;
    align-items: center;
}

#chatbotMain .btn-chatboat span {
    margin: 0;
}

/* #chatbotMain{position: relative;} */
#chatbotMain .btn-chatboat-close {
    position: fixed;
    right: 40px;
    bottom: 0;
    transform: translateY(-555px);
    padding: 0;
    background-color: transparent;
    border: none;
    z-index: 1000;
    display: none;
}

.sidebar {
    overflow-x: hidden;
}
.loading {animation: none !important}
/* K-End */