@media only screen and (max-width:1439.70px)
{
    .status_table_header_cus .et_search_input
    {
        order: 1;
        width: 100%;
    }
    .status_table_header_cus .et_search_input .form-control
    {
        width: 100%;
    }
}

@media only screen and (max-width:1399.70px)
{
    .table {
        table-layout: auto;
    }
    .w_200, .w_80, .w_80px
    {
        width: auto;
    }

    .default_table .table td {
        padding: 10px 10px;
    }
    .default_table .table thead th, .default_table .table tfoot th {
        padding: 10px;
    }
    .big_head_table .table thead th, .big_head_table .table tfoot th {
        padding: 15px 10px;
    }
    .default_td_item {
        font-size: 12px;
    }
    .default_th {
        font-size: 13px;
    }
    .bagde_cus {
        font-size: 11px;
    }
    .table_header_cus {
        padding: 11px 10px;
    }

    .table .w_30,.table .w-25,.table .w-50,.table .w_40, .table .w_20
    {
        width: auto !important;
    }
    .rollAccesspopup .modal-dialog {
        width: 560px;
    }

    .cus_bottom_msp_card .box_checkbox  .form-check-label {
        font-size: 12px;
    }
    
    .export_csv_button
    {
        font-size: 12px;
        padding: 11px 13px;
        grid-gap: 5px;
    }

    .logging_table .w_50

    {
        width: 50% !important;
    }
    .logging_table .w_30

    {
        width: 30% !important;
    }

    .table_header_text_border {
    width: calc(100% + 20px);
    margin-left: -10px;
}

.rwn_table .table tr th:first-child
{
    width: 30%;
}
   
}


@media only screen and (max-width:1299.70px)
{
    .row {
        --bs-gutter-x: 0.7rem;
    }
    .et_form_label {
        font-size: 11px;
        margin-bottom: 5px;
    }
    .et_input .form-control, .et_input .form-select {
        font-size: 12px;
    }

    .main_accordian .deploy_accordion_button {
        grid-gap: 15px;
    }
    .toggle_button_with_text .et_toogle {
        margin-right: 5px;
    }
    .information_icon svg {
        width: 14px;
    }
    .et_small_input .form-control {
        margin-right: 5px;
    }
    .et_without_login_screen .row {
    --bs-gutter-x: 0;
}
}


@media only screen and (max-width:1199.70px)
{
    .et_right_sec {
        width: 100%;
    }

    .et_sidebar {
        left: -250px;
    }
    .et_topbar {
        left: 15px;
        padding: 13px 13px 13px 13px;
    }

    .siderbar_expand .et_sidebar {
        left: 0;
    }
    

    html:after
    {
        transition: 0.3s;
        content: "";
        background-color: rgb(0 0 0 / 0);
    }

    html.siderbar_expand:after {
        
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgb(0 0 0 / 85%);
        z-index: 1049;
    }

    .back_menu svg
    {
        height: 30px;
        width: 30px;
    }
    .back_menu {
        padding: 10px 10px 10px 23px;
        display: flex;
        justify-content: flex-end;
    }

    .main_work {
        padding-left: 15px;
    }

    .single_two_fa_card {
        padding: 15px;
    }
    
    
}


@media only screen and (max-width:991.70px)
{
    .et_left_logo {
        min-height: 271px;
        padding-bottom: 95px;
    }

    .et_right_sec {
        margin-top: -74px;
        border-radius: 25px 25px 0 0;
        padding: 40px 30px 10px 30px;
        background-image: none;
        min-height: calc(100vh - 197px);
        position: static;
    }
    .et_left_logo svg {
        width: 280px;
    }
    .et_back svg {
        height: 30px;
        width: 30px;
    }
    .et_back {
        top: 10px;
        right: auto;
        left: 10px;
    }
    .et_added_list {
        margin-bottom: 10px;
    }
    .single_license {
        padding: 9px 10px 10px 10px;
    }
    .single_license_head {
        font-size: 13px;
        margin-bottom: 5px;
    }

    .license_tag {
        font-size: 10px;
        padding: 3px 7px;
        margin-bottom: 8px;
    }
    .label_quantity {
        font-size: 10px;
        margin-bottom: 10px;
    }
    .quantity-block input.quantity-num {
        font-size: 24px;
        height: 30px;
        width: 60px;
    }
    .cus_tabs .nav-pills .nav-link {
        font-size: 13px;
        padding: 5px 10px;
    }
    .main_accordian .deploy_accordion_body {
        padding: 0 15px 20px 15px;
    }
    .main_accordian .deploy_accordion_button {
        padding: 13px 15px;
    }
    .secure_portal_tabs > .nav-pills .nav-item {
        max-width: 254px;
        width: calc(50% - 7.5px);
    }
    
    .secure_portal_tabs > .nav .nav-link {
        padding: 20px 10px 10px 10px;
    }
    .secure_portal_tabs > .nav .nav-link .sp_tab_head {
        font-size: 16px;
    }
    .secure_portal_tabs > .nav .nav-link .sp_tab_subhead {
        font-size: 11px;
        margin-top: 4px;
    }
    .secure_portal_tabs > .nav-pills {
        grid-gap: 15px;
    }
    .secure_portal_tabs > .nav-pills:has(.nav-item:nth-child(3)) .nav-item {
    width: calc(33.3333% - 10px);
}
.bg_container {
    padding: 20px 15px;
}

.table_header_cus {
    font-size: 18px;
    padding: 6px 10px;
}

.dns_table td {
    padding: 8px 12px;
}

.domain_name {
    font-size: 14px;
}

.verified_icon svg, .un_verified_dns svg {
    width: 14px;
    height: auto;
}
.verified_dns {
    grid-gap: 5px;
    font-size: 12px;
    margin-bottom: 2px;
}

.verification_info {
    font-size: 12px;
}
.un_verified_dns {
    grid-gap: 5px;
    font-size: 12px;
    margin-bottom: 2px;
}
.dns_table th {
    font-size: 14px;
    padding: 8px 12px;
}
.reverify_domain {
    font-size: 9px;
    padding: 2px 4px;
    margin-left: 5px;
}
.single_two_fa_card_head {
    font-size: 14px;
}
.single_two_fa_card .text_14 {
    font-size: 12px;
}
.single_customer_area_col_one {
    flex: 1;
}
.download_csv_mobile
    {
        display: flex;
        margin-top: 30px;
        justify-content: flex-end;
        margin-bottom: -13px;
    }

    .download_csv_mobile .et_table_button {
        font-size: 10px;
        width: auto;
        padding: 7px 10px !important;
        min-width: inherit;
    }

    .download_csv_mobile .et_table_button svg
    {
        width: 14px;
    }
    .view_link_text {
        font-size: 12px;
    }
    .border_table_button {
        font-size: 12px;
        padding: 4px 7px;
        margin-left: 5px;
    }

    .percent_label {
        font-size: 11px;
        line-height: 23px;
        padding: 0px 8px;
    }
    .ellipsis_name {
    width: 250px;
}
.single_two_fa_card_svg svg {
    width: 35px;
}
.change_number[_ngcontent-ng-c1496601730] {
    font-size: 12px;
}
.head_twofa {
    font-size: 18px;
}

.head_twofa + .text_14
{
    font-size: 13px;
}
.make_primary {
    font-size: 12px;
}
.recobery_codes {
    grid-template-columns: repeat(5,1fr);
}

    
}
@media only screen and (min-width:768px) and (max-width:991.70px)
{
    .mobile_filters .box_checkbox .form-check {
        padding: 6px 8px 6px calc(1.5em + 5px);
    }
    .mobile_filters .box_checkbox .form-check-input {
        height: 13px;
        width: 13px;
        margin-left: -20px;
    }
    .mobile_filters .box_checkbox  .form-check-label {
        font-size: 12px;
    }

    .mobile_edit_top_bar.customer_edit ul li:nth-child(1) {
        flex: 1;
        width: auto;
    }
    .mobile_edit_top_bar.customer_edit ul {
        grid-gap: 25px;
    }
    .customer_edit.mobile_edit_top_bar ul li:nth-child(2), .customer_edit.mobile_edit_top_bar ul li:nth-child(4) {
        flex: inherit !important;
        width: auto;
    }
    
    .mobile_edit_top_bar.customer_edit ul li {
        flex: inherit;
        width: auto;
    }

    .table_result_label {
        font-size: 12px;
    }
    .pagi_label {
        font-size: 11px;
    }
    .cus_pagination {
        grid-gap: 8px;
    }
    .cus_pagination > li:not(:first-child, :last-child) span {
        height: 28px;
        width: 28px;
        font-size: 12.017px;
    }
    .label_page {
        font-size: 12px;
    }
    .go_to_page .form-control {
        width: 50px;
        height: 30px;
        padding: 5px;
    }
    
}

@media only screen and (max-width:767.70px)
{
    
    .et_left_logo {
        padding-left: 27px;
        padding-right: 27px;
    }
   
    .text_14 {
        font-size: 12px;
    }
    .accordian_head {
        font-size: 17px;
    }
    .main_accordian .deploy_accordion_button {
        grid-gap: 10px;
        padding: 11px 15px;
    }
    .main_accordian .deploy_accordion_item:not(:last-child) {
        margin-bottom: 10px;
    }
    .edit_collapse {
        font-size: 12px;
        padding: 4px 7px;
    }
    .main_work {
        padding-top: 86px;
    }
    .et_breadcrump ul {
        grid-gap: 8px;
        margin-bottom: 15px;
    }

    .da_seprator {
        margin-bottom: 15px;
    }
    .et_input {
        margin-bottom: 10px;
    }
    .et_toogle .form-check-input {
        width: 34px;
        height: 17px;
        padding: 1px;
    }
    .et_toogle .form-check {
        min-height: 17px;
        padding-left: 34px;
    }
    .et_toogle .form-switch .form-check-input {
        width: 34px;
        margin-left: -34px;
    }
    .et_input.et_toogle {
        margin-bottom: 15px;
    }
    .continue_footer {
        padding-top: 10px;
        margin-top: 0;
    }
    .et_continue {
        font-size: 14px;
        width: 100%;
        grid-gap: 8px;
        padding: 12px 10px;
    }
    .deploy_situation .accordion-button:not(:has(.collapsed)) .accordian_right_text {
        display: none;
    }
    .modal-dialog-scrollable {
        height: calc(100% - 40px);
    }
    .privacy_policy_modal .modal-body {
        padding: 0 15px;
    }
    .privacy_policy_modal .modal-header {
        padding: 15px 15px 5px 15px;
        border-color: transparent;
        flex-direction: column-reverse;
        align-items: flex-start;
        grid-gap: 10px;
    }
    .privacy_policy_modal .modal-footer {
        border-color: transparent;
        padding: 15px 15px 15px 15px;
    }
    .main_accordian .deploy_accordion_body {
        padding: 0 15px 15px 15px;
    }

    .continue_footer .et_checkbox
    {
        margin-bottom: 10px;
    }
    .cus_tabs .nav-pills  > li
    {
        width: 100%;
    }
    .cus_tabs .nav-pills .nav-link {
        padding: 8px 10px;
        width: 100%;
    }
    .added_list_main .added_list {
        padding: 6px 8px;
    }
    .administrator_accordion_collapse .da_seprator {
        margin-bottom: 15px;
    }
    .cus_tabs .nav-pills {
        margin-bottom: 15px;
        width: 100%;
    }
    .admin_password_input .form-control {
        padding-bottom: 62px;
        padding-top: 20px;
    }
    .password_area {
        bottom: auto;
        top: 8px;
    }
    .generate_password {
        position: absolute;
        left: 14px;
        right: 14px;
        justify-content: center;
        bottom: 14px;
    }
    .password_note {
        padding-right: 0;
    }
    .license_tag {
        font-size: 13px;
        padding: 5px 10px;
        margin-bottom: 15px;
    }
    .single_license_head {
        font-size: 15px;
        margin-bottom: 8px;
    }
    .head_17 {
        font-size: 14px;
    }
    .keyword_placement_dropdown .keyword_placement_button {
        font-size: 8px;
        grid-gap: 6px;
    }
    .keyword_placement_dropdown .keyword_placement_button svg {
        width: 8px;
    }
    .domain_field .et_add_plus_icon svg {
        width: 22px;
        height: auto;
    }
    .keyword_placement_dropdown {
        right: 35px;
        bottom: 10px;
    }
    .keyword_placement .form-control {
        padding-right: 15px;
    }
    .label_domian {
        font-size: 8px;
    }
    .bg_icon_et svg {
        height: 11px;
    }
    .toogle_head {
        margin-bottom: 5px;
        font-size: 12px;
        margin-top: -2px;
    }
    .toggle_button_with_text .text_12 {
        font-size: 11px;
        line-height: 15px;
    }
    .country_accordian .ca_accordion_button {
        font-size: 13px;
        padding: 13px 15px;
    }
    .country_accordian .country_accordion_body {
        padding: 0 15px 25px 15px;
    }
    .secure_portal_tabs > .nav-pills .nav-item {
        max-width: 100%;
        width: 100%;
    }
    .secure_portal_tabs > .nav .nav-link {
        padding: 20px 10px 20px 10px;
    }
    .etb_head {
        margin-bottom: 10px;
        font-size: 20px;
    }
    .sp_another_options {
        grid-gap: 5px 15px;
        flex-wrap: wrap;
        order: -1;
        flex-direction: row-reverse;
        width: 100%;
        margin-bottom: 20px;
        justify-content: flex-end;
    }

    .sp_another_options li:last-child
    {
        width: 100%;
        order: -1;
    }
    .sp_another_options .et_input.et_toogle {
        margin-bottom: 0;
    }
    .secure_portal_tabs {
        margin-top: 30px;
    }
    .sp_nav_pills {
        padding-bottom: 0;
    }

    .mb_10
    {
        margin-bottom: 10px !important;
    }
    .et_small_input .form-control {
        width: 34px;
        text-align: center;
        height: 25px;
        font-size: 10px !important;
        padding: 5px;
    }
    .always_show_text {
        font-size: 10px;
    }
    .label_fixed {
        top: 32.5px;
        bottom: auto;
    }
    .inner_sp_tab_content .keyword_placement .form-control {
        padding-right: 90px;
    }
    .save_brand {
        padding: 7px 10px;
        width: 100%;
        display: block;
        text-align: center;
        margin-top: 5px;
    }

    .et_added_list .et_input.et_toogle {
        margin-bottom: 0;
        margin-top: 10px;
    }

    .default_footer {
        align-items: center;
    }

    .footer_cus_name .label_fixed {
        top: 10px;
    }
    .keyword_placement .footer_cus_name .form-control {
        padding-right: 40px;
    }

    .privacy_policy_modal .et_checkbox {
        margin-bottom: 10px;
    }

    .mb_38 {
        margin-bottom: 20px;
    }
    .powershell_modal .configure_head .head_17 {
        flex: 1;
    }
    .powershell_modal .configure_head {
        margin-bottom: 50px;
    align-items: flex-start;
    }
    .powershell_modal .modal-body {
        padding: 50px 20px 50px 20px;
    }
    .powershell_modal .et_checkbox .form-check-label {
        margin-top: -3px;
    }
    .online_prefer {
        font-size: 12px;
        font-weight: 500;
        margin-bottom: 8px;
        display: block;
    }
    .et_continue svg {
        width: 6px;
        height: auto;
        position: relative;
        top: 1px;
    }
   .permission_text .head_17 {
        font-size: 17px;
    }
    .permission_text br
    {
        display: none;
    }
    .connector_setup ul:after
    {
        display: none;
    }
    .connector_setup ul {
        grid-gap: 20px;
        flex-direction: column;
        align-items: flex-start;
    }
    .powershell_modal .text_14 {
        font-size: 14px;
        word-wrap: break-word;
    }
    .connector_setup
    {
        position: relative;
    }

    .top_connector_setup:after {
        content: "";
        height: calc(100% + 30px);
        width: 1px;
        border-left: 1px dashed var(--Main-Color);
        position: absolute;
        top: 0;
        left: 20px;
    }

    .bottom_connector_setup:after {
        content: "";
        position: absolute;
        height: calc(100% + 30px);
        width: 1px;
        border-left: 1px dashed #ccc;
        left: 20px;
        bottom: 0;
    }
    .powershell_sub_head {
        font-size: 17px !important;
    }

    .powershell_modal .other_checkboxes {
        margin-bottom: 90px;
        grid-gap: 10px 10px;
    }
    .radio_button_with_text .form-check-input {
        margin-left: -20px;
    }
    .radio_button_with_text .form-check {
        padding-left: 20px;
    }

    .box_checkbox .form-check-input {
        height: 13px;
        width: 13px;
        margin-left: -20px;
    }
    .box_checkbox .form-check {
        padding: 6px 8px 6px calc(1.5em + 5px);
    }
    .box_checkbox  .form-check-label {
        font-size: 12px;
    }
    .checkbox_refresh_button svg {
        width: 13px;
        height: auto;
    }
    .configured_step {
        text-align: center;
        padding: 0;
    }
    .response_icon svg {
        width: 64px;
        height: auto;
        margin: 0 auto 20px auto;
    }
    .user_deployed_modal .modal-body {
        padding: 50px 20px;
    }
    .user_deployed_modal .text_12, .outbond_codes_area .text_12 {
        font-size: 10px;
        line-height: 15px;
    }
    .header_codes {
        padding: 15px;
        text-align: center;
    }
    .copy_bg_text {
        font-size: 11px;
    }
    .copy_outer {
        justify-content: center;
    }

    .header_codes .text_12
    {
        font-size: 12px;
        line-height: normal;
        margin-bottom: 5px;
    }

    .readonly_toggle
    {
        margin-bottom: 5px !important;
        font-size: 18px;
    }

    .admin_confirm_password .form-control
    {
        padding: 12px 14px !important;
    }
    .head_twofa {
        margin-top: 15px !important;
    }
    .single_two_fa_card {
        margin-top: 15px !important;
    }

    .head_twofa + .text_14 {
        margin-bottom: 10px;
    }
    .rollAccesspopup .modal-body {
        padding: 0 15px 15px 15px;
    }
    .rollAccesspopup .modal-header {
        padding: 25px 15px 0 15px;
    }
   
    .single_customer_area {
        padding: 5px 15px;
        padding-right: 15px;
    }
    .search_customer_pop .form-control {
        border: 0;
        height: 50px;
        padding-left: 35px;
        background-position: left 15px center;
        background-size: 15px;
        padding-right: 45px;
        font-size: 12px;
    }
    .searchCustomerPopup .absolute_cross {
        top: 18px;
        right: 18px;
    }
    
    .single_customer_name .text_15 {
        font-size: 13px;
        line-height: 18px;
    }

    .single_customer_name .text_15 {
        font-size: 11px;
    }
    .single_customer_area::after {
        display: none;
    }

    .edit_adminstrater_main.main_accordian .deploy_accordion_button {
        flex-direction: column;
        align-items: flex-start;
    }
    .single_customer_area_col_two {
        flex: inherit;
    }
    .single_customer_svg svg
    {
width: 20px;
height: auto;
    }

    .single_customer_area_col_one {
        grid-gap: 10px;
    }

    .table_pagination > ul > li:nth-child(2) {
        flex: inherit;
    }

    
    .add_user_email .label_fixed {
        bottom: auto;
        top: 33px;
    }

    .download_complete_button .et_table_button {
        padding: 11px 18px;
    }
    .accordian_gmt_text {
        grid-gap: 6px;
        font-size: 14px;
    }
    
    .accordian_gmt_text svg
    {
        width: 15px;
        height: auto;
    }
    .mobile_loggin_filter.cus_date_filter_dropdown > .btn-group {
        
        max-width: 100%;
        margin-top: 10px;
    }

    .mobile_filters .cus_date_filter_dropdown.mobile_loggin_filter .avtive_date_filter_state {
        background-color: var(--WhiteColor);
    }

    .confirmation_buttons .et_continue {
        width: auto;
    }

    .viewRecipients .modal-body {
        padding: 0 15px 15px 15px;
    }
    .viewRecipients .modal-header {
        padding: 25px 15px 0 15px;
    }

    .viewNotification .modal-body {
        padding: 0 15px 15px 15px;
    }
    .viewNotification .modal-header {
        padding: 25px 30px 0 15px;
    }

    .expand_drop_cus .et_added_list .et_input.et_toogle {
        margin-bottom: 0;
        margin-top: 0;
    }
    .create_new_policy_main.main_accordian .deploy_accordion_button {
        flex-direction: column;
        align-items: flex-start;
    }
    .added_green_icon svg
    {
        width: auto !important;
    }

      .st_head {
    font-size: 20px;
    padding: 6px 0;
    margin-bottom: 30px;
}
.left_st {
    padding: 30px;
}

.msg-cont {
    padding: 15px;
}

.anchor_btn {
    font-size: 15px;
}


.recobery_codes {
    grid-template-columns: repeat(4,1fr);
}
.twoFaSetup .modal-body {
    padding: 40px 20px 20px 20px;
}

.head_twofa_mt_0
{
    margin-top: 0 !important;
}
.scanner_2fa   img {
    margin-left: 20px !important;
}
.twoFaSetup .et_input .form-control {
    padding: 7px 5px;
}

.p-datepicker .p-datepicker-panel {
    z-index: 1048 !important;
    top: auto !important;
    bottom: calc(100% + 5px);
    transform: scale(0.7);
    transform-origin: left bottom !important;
}


.right_align_calender .p-datepicker .p-datepicker-panel {
    transform-origin: right bottom !important;
}
}

@media only screen and (max-width:575.70px)
{
    
    .et_sidebar {
        left: auto;
        right: -250px;
    }
    .siderbar_expand .et_sidebar {
        left: auto;
        right: 0;
        z-index: 1050;
    }

    .back_menu svg {
        transform: rotate(180deg);
    }
    .name_badge {
        height: 30px;
        width: 30px;
        font-size: 14px;
        border-radius: 5px;
    }
    
    .single_customer_area_col_two .bagde_cus.small_bagde {
        display: none;
    }

    .copy_header_icon svg {
        width: 12px;
    }
    .copy_bg_text {
        grid-gap: 5px;
        padding: 3px 10px;
        line-height: 18px;
    }
    .outbond_codes_area .et_continue {
        font-size: 12px;
    }
    .response_details_modal .modal-body {
        padding: 60px 20px 20px 20px;
    }
    .download_complete_button {
        display: flex;
        margin-top: 30px;
        justify-content: flex-end;
        margin-bottom: -13px;
    }
    .download_complete_button .et_table_button {
        font-size: 10px;
        width: auto;
        padding: 5px 5px !important;
        min-width: inherit;
    }
    .avtive_file_type {
        font-size: 10px;
        grid-gap: 5px;
        min-height: 27px;
        padding: 5px;
    }
    .download_file .dropdown-item {
        font-size: 11px;
        padding: 3px 5px;
        border-radius: 3px;
    }
    .download_file .dropdown-menu {
        min-width: 47px;
        padding: 5px;
    }

    .confirmation_buttons {
        flex-direction: column-reverse;
        grid-gap: 10px;
        margin-top: 25px;
    }
    .confirmation_buttons .et_continue {
        margin-top: 0 !important;
    }
    .delete_popup .modal-body {
        padding: 40px 20px 20px 20px;
    }
    .legend_list {
        grid-template-columns: repeat(2,1fr);
    }

    .single_legend {
        padding: 5px 5px 5px 8px;
    }
    .easy_secure_toggle
    {
        margin-bottom: 8px !important;
    }

    
    
    .label_fixed:has(.always_show_text) {
        position: static;
        margin-top: 2px;
        justify-content: flex-end;
    }
    .filters_row {
        margin-top: 10px;
    }
    .ellipsis_name {
    width: 190px;
}
   .mobile_filters.lrmobile .cus_date_filter_dropdown > .btn-group {
    max-width: 100%;
    margin-top: 10px;
} 
.admin_password_input .form-control {
    padding-right: 80px;
} 

.modal_enhance .modal-body {
    padding: 35px 20px 20px 20px;
}
.modal_enhance .confirmation_buttons {
    flex-direction: row;
}

.recobery_codes {
    grid-template-columns: repeat(3,1fr);
}

.input_row_fields {
    grid-template-columns: 1fr;
    grid-gap: 0;
}
.enabled_2fa .icon_twofa svg {
    width: 80px;
}
.code_save_button {
    grid-gap: 10px;
}

.selected_mail {
    word-break: break-all;
}

.cus_form_select_open {
    width: calc(100% - 22px);
    flex-wrap: wrap;
}
.cus_form_select_outer.form-select {
    min-height: 40px;
    height: auto;
    background-position: top 13px right 10px;
}


.all_permission {
    padding: 15px 10px;
}

.single_permission .et_input .form-select {
    padding: 5px 20px 5px 7px;
    height: 27px;
    font-size: 11px;
    background-position: right 6px top 8px;
    background-size: 11px;
}

.page_name {
    font-size: 13px;
    padding-left: 3px;
}
.sub_permission .page_name {
    font-size: 11px;
}

.single_permission .sub_permission .et_input .form-select {
    font-size: 10px;
    padding: 4px 18px 5px 6px;
    height: 24px;
    background-position: right 5px top 7px;
    background-size: 9px;
}

}

@media only screen and (max-width:440px)
{
    .recobery_codes {
    grid-template-columns: repeat(2,1fr);
}

.et_country_input .p-overlay {
    left: 0 !important;
    right: 0;
}

.legend_copy_icon {
    height: 20px;
    width: 20px;
}

.legend_copy_icon svg
{
    height: auto;
    width: 12px;
}
.legend_text {
    font-size: 11px;
}
}


@media (prefers-color-scheme: dark) {
    html.for_calender
    {
        --p-surface-0: #ffffff;
        --p-surface-50: var(--p-slate-50);
        --p-surface-100: var(--p-slate-100);
        --p-surface-200: var(--p-slate-200);
        --p-surface-300: var(--p-slate-300);
        --p-surface-400: var(--p-slate-400);
        --p-surface-500: var(--p-slate-500);
        --p-surface-600: var(--p-slate-600);
        --p-surface-700: var(--p-slate-700);
        --p-surface-800: var(--p-slate-800);
        --p-surface-900: var(--p-slate-900);
        --p-surface-950: var(--p-slate-950);
        --p-primary-color: var(--p-primary-500);
        --p-primary-contrast-color: #ffffff;
        --p-primary-hover-color: var(--p-primary-600);
        --p-primary-active-color: var(--p-primary-700);
        --p-highlight-background: var(--p-primary-50);
        --p-highlight-focus-background: var(--p-primary-100);
        --p-highlight-color: var(--p-primary-700);
        --p-highlight-focus-color: var(--p-primary-800);
        --p-mask-background: rgba(0,0,0,0.4);
        --p-mask-color: var(--p-surface-200);
        --p-form-field-background: var(--p-surface-0);
        --p-form-field-disabled-background: var(--p-surface-200);
        --p-form-field-filled-background: var(--p-surface-50);
        --p-form-field-filled-hover-background: var(--p-surface-50);
        --p-form-field-filled-focus-background: var(--p-surface-50);
        --p-form-field-border-color: var(--p-surface-300);
        --p-form-field-hover-border-color: var(--p-surface-400);
        --p-form-field-focus-border-color: var(--p-primary-color);
        --p-form-field-invalid-border-color: var(--p-red-400);
        --p-form-field-color: var(--p-surface-700);
        --p-form-field-disabled-color: var(--p-surface-500);
        --p-form-field-placeholder-color: var(--p-surface-500);
        --p-form-field-invalid-placeholder-color: var(--p-red-600);
        --p-form-field-float-label-color: var(--p-surface-500);
        --p-form-field-float-label-focus-color: var(--p-primary-600);
        --p-form-field-float-label-active-color: var(--p-surface-500);
        --p-form-field-float-label-invalid-color: var(--p-form-field-invalid-placeholder-color);
        --p-form-field-icon-color: var(--p-surface-400);
        --p-form-field-shadow: 0 0 #0000,0 0 #0000,0 1px 2px 0 rgba(18,18,23,0.05);
        --p-text-color: var(--p-surface-700);
        --p-text-hover-color: var(--p-surface-800);
        --p-text-muted-color: var(--p-surface-500);
        --p-text-hover-muted-color: var(--p-surface-600);
        --p-content-background: var(--p-surface-0);
        --p-content-hover-background: var(--p-surface-100);
        --p-content-border-color: var(--p-surface-200);
        --p-content-color: var(--p-text-color);
        --p-content-hover-color: var(--p-text-hover-color);
        --p-overlay-select-background: var(--p-surface-0);
        --p-overlay-select-border-color: var(--p-surface-200);
        --p-overlay-select-color: var(--p-text-color);
        --p-overlay-popover-background: var(--p-surface-0);
        --p-overlay-popover-border-color: var(--p-surface-200);
        --p-overlay-popover-color: var(--p-text-color);
        --p-overlay-modal-background: var(--p-surface-0);
        --p-overlay-modal-border-color: var(--p-surface-200);
        --p-overlay-modal-color: var(--p-text-color);
        --p-list-option-focus-background: var(--p-surface-100);
        --p-list-option-selected-background: var(--p-highlight-background);
        --p-list-option-selected-focus-background: var(--p-highlight-focus-background);
        --p-list-option-color: var(--p-text-color);
        --p-list-option-focus-color: var(--p-text-hover-color);
        --p-list-option-selected-color: var(--p-highlight-color);
        --p-list-option-selected-focus-color: var(--p-highlight-focus-color);
        --p-list-option-icon-color: var(--p-surface-400);
        --p-list-option-icon-focus-color: var(--p-surface-500);
        --p-list-option-group-background: transparent;
        --p-list-option-group-color: var(--p-text-muted-color);
        --p-navigation-item-focus-background: var(--p-surface-100);
        --p-navigation-item-active-background: var(--p-surface-100);
        --p-navigation-item-color: var(--p-text-color);
        --p-navigation-item-focus-color: var(--p-text-hover-color);
        --p-navigation-item-active-color: var(--p-text-hover-color);
        --p-navigation-item-icon-color: var(--p-surface-400);
        --p-navigation-item-icon-focus-color: var(--p-surface-500);
        --p-navigation-item-icon-active-color: var(--p-surface-500);
        --p-navigation-submenu-label-background: transparent;
        --p-navigation-submenu-label-color: var(--p-text-muted-color);
        --p-navigation-submenu-icon-color: var(--p-surface-400);
        --p-navigation-submenu-icon-focus-color: var(--p-surface-500);
        --p-navigation-submenu-icon-active-color: var(--p-surface-500);
        --p-datepicker-dropdown-background: var(--p-surface-100);
        --p-datepicker-dropdown-hover-background: var(--p-surface-200);
        --p-datepicker-dropdown-active-background: var(--p-surface-300);
        --p-datepicker-dropdown-color: var(--p-surface-600);
        --p-datepicker-dropdown-hover-color: var(--p-surface-700);
        --p-datepicker-dropdown-active-color: var(--p-surface-800);
        --p-datepicker-today-background: var(--p-surface-200);
        --p-datepicker-today-color: var(--p-surface-900);
    }
    }