/* 10-01-2023 */

#sidebarToggle {
    width: 45px;
    height: 22px;
    border-radius: 8px;
    box-shadow: 0px 0px 4px 2px #ffffff4a;
    display: flex;
    align-items: center;
    padding: 0px 4px !important;
    position: relative;
}

#sidebarToggle .sidebarToggle_toggler {
    width: 16px;
    height: 16px;
    background: #c60e0e;
    border-radius: 5px;
    transition: all 500ms ease;
    position: absolute;
    left: 4px;
    top: 3.4px;
}

body.sb-sidenav-toggled #sidebarToggle .sidebarToggle_toggler {
    left: initial;
    right: 4px;
    transition: all 500ms ease;
}

#navbarDropdown:hover .dropdown-toggle::after {
    color: #fff;
}

#navbarDropdown.user_name {
    display: flex;
    flex-direction: row;
    background: #f23640;
    border-radius: 4px;
    align-items: center;
    gap: 10px;
    transition: all 300ms ease;
}

/* #navbarDropdown.user_name:hover,
#navbarDropdown.user_name:focus,
#navbarDropdown.user_name:focus-visible,
#navbarDropdown.user_name:focus-within {
    background: #c60e0e9e;
} */

#navbarDropdown.user_name:focus-visible {
    outline: none;
}

#navbarDropdown.user_name>p {
    order: 2;
    color: #fff;
    margin: 0px;
    font-size: 14px;
}

#navbarDropdown.user_name>svg {
    order: 1;
}

#navbarDropdown.user_name::after {
    order: 3;
    color: #fff;
}

.nav-item .dropdown-menu a,
.nav-item .dropdown-menu.show a {
    color: #333333;
    font-size: 13px;
    padding: 10px 8px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 13px;
}

.select2-results__option--selectable {
    font-size: 13px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    font-size: 13px;
    border-radius: 4px;
    transition: all 300ms ease;
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus,
.select2-container--default .select2-search--dropdown .select2-search__field:focus-visible,
.select2-container--default .select2-search--dropdown .select2-search__field:focus-within {
    outline: none;
    box-shadow: none;
    background: #c60e0e3d;
}

.select2-container--default .select2-selection--single {
    height: 35.5px !important;
}

.select2-container--default .select2-selection--single:hover,
.select2-container--default .select2-selection--single:focus,
.select2-container--default .select2-selection--single:focus-visible,
.select2-container--default .select2-selection--single:focus-within {
    background: #c60e0e9e;
}

#navbarSupportedContent .navbar-nav.ms-auto {
    flex-direction: row-reverse;
}

.container-fluid.content__up {
    /* margin-top: 108px; */
    margin-top: 20px;
}

.container-fluid.content__up>h1 {
    color: #fff;
    font-size: 24px;
    letter-spacing: 0.5px;
    margin-top: 25px !important;
    text-align: center;
    z-index: 2;
    position: fixed;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    transition: all 300ms ease;
    display: none;
}

.page_hd_top {
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0.5px;
    margin: 0 15px 0 auto;
    width: 20%;
    text-align: center;
    white-space: nowrap;
}
.navbar-collapse {
    width: 40%;
}

.nev_leftt .container{
    justify-content: left;
}
.content__up.my-subsciptions>h1.mt-4 {
    max-width: 220px;
    text-align: left;
    padding: 0;
    line-height: normal;
}

#website_popup_lists {
    -webkit-appearance: revert;
    appearance: revert;
    -moz-appearance: revert;
}

s .with__shadow {
    box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px !important;
}

/* nav.navbar.navbar-expand-lg.navbar-light.bg-light {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%23FFE5DA' fill-opacity='0.7' d='M0 256L48 250.7C96 245 192 235 288 229.3C384 224 480 224 576 240C672 256 768 288 864 298.7C960 309 1056 299 1152 298.7C1248 299 1344 309 1392 314.7L1440 320L1440 320L1392 320C1344 320 1248 320 1152 320C1056 320 960 320 864 320C768 320 672 320 576 320C480 320 384 320 288 320C192 320 96 320 48 320L0 320Z'%3E%3C/path%3E%3C/svg%3E");
    background-size: 300%;
    background-repeat: no-repeat;
    background-position-y: 99%;
    background-position-x: 97%;
}

#sidebar-wrapper .sidebar-heading {
    background-color: #333333 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%23FFE5DA' fill-opacity='0.7' d='M0 224L80 218.7C160 213 320 203 480 202.7C640 203 800 213 960 224C1120 235 1280 245 1360 250.7L1440 256L1440 320L1360 320C1280 320 1120 320 960 320C800 320 640 320 480 320C320 320 160 320 80 320L0 320Z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position-x: 90%;
    background-size: 300%;
    background-position-y: 96%;
    min-height: 127px;
} */


.top-bg-img {
    display: none;
}

#page-content-wrapper>.container-fluid {
    position: relative;
    padding-bottom: 100px;
}

.navbar>.container-fluid {
    z-index: 3;
    /* padding: 15px 0; */
    padding: 0px;
    width: 100%;
    margin-right: 0;
    transition: all 300ms ease;
    margin-left: 195px;
}

#sidebar-wrapper .sidebar-heading {
    background-color: #fff;
    position: fixed;
    min-height: 88px;
    max-width: 192px;
    min-width: 79px;
    z-index: 3;
    border-bottom: 1px solid lightgray;
}


#sidebar-wrapper .sidebar-heading h5 {
    color: #333333;
    margin: 14px 0px 0px;
    text-align: center;
    font-size: 24px;
    letter-spacing: 0.5px;
}

nav.navbar.navbar-expand-lg.navbar-light.bg-light {
    /* background-color: #3a001e !important; */
    background-color: #330033 !important;
}

.wrapper_btn_form {
    display: flex;
    /* flex-direction: row-reverse; */
    align-items: center;
    gap: 15px;
    position: relative;
}

.page_web_s {
    /* position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%); */
    display: flex;
    gap: 30px
}



.page_web_s a.btn.core-web-vital.btn-primary:hover,
.page_web_s a.btn.btn-primary.page-speed:hover {
    background: transparent !IMPORTANT;
    border-color: #f23640 !IMPORTANT;
}

.page_web_s a.btn.page-speed.btn-light,
.page_web_s a.btn.core-web-vital.btn-light {
    border-radius: 0;
    background: transparent;
    padding: 4px 0;
    border: 2px solid transparent;
    border-style: none none solid none;
}

.page_web_s a.btn.core-web-vital.btn-primary,
.page_web_s a.btn.btn-primary.page-speed {
    border-radius: 0;
    /* border-color: #38517A; */
    background: transparent;
    padding: 4px 0;
    border: 2px solid #f23640;
    border-style: none none solid none;
    color: #f23640;
}

.page_web_s a.btn.page-speed.btn-light:hover,
.page_web_s a.btn.core-web-vital.btn-light:hover {
    border-color: #f23640;
}

.page__speed .row.table-responsive {
    box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
    border-radius: 12px;
    border: 1px solid #dee2e6;
}

.page__speed thead,
.page__speed tbody,
.page__speed tfoot,
.page__speed tr,
.page__speed td,
.page__speed th {
    border-color: #dee2e6;
}

.page__speed .table> :not(:last-child)> :last-child>* {
    border-bottom: none;
}

.page__speed .row.table-responsive table {
    background: #fff;
}

.page__speed .row.table-responsive table thead tr th {
    vertical-align: middle;
}

.page__speed .row.table-responsive table thead {
    background: #eceff187;
    text-transform: uppercase;
}

.page__speed .row.table-responsive table thead tr th:nth-child(6) {
    min-width: 144px;
}

.page__speed .row.table-responsive table thead tr th:nth-child(10),
.page__speed .row.table-responsive table thead tr th:nth-child(11) {
    min-width: 105px;
}

.page__speed .row.table-responsive table tbody tr td {
    vertical-align: middle;
}

.page__speed .row.table-responsive table tbody tr td:nth-child(2),
.page__speed .row.table-responsive table tbody tr td:nth-child(3),
.page__speed .row.table-responsive table tbody tr td:nth-child(4),
.page__speed .row.table-responsive table tbody tr td:nth-child(5),
.page__speed .row.table-responsive table tbody tr td:nth-child(6),
.page__speed .row.table-responsive table tbody tr td:nth-child(7),
.page__speed .row.table-responsive table tbody tr td:nth-child(8),
.page__speed .row.table-responsive table tbody tr td:nth-child(9),
.page__speed .row.table-responsive table tbody tr td:nth-child(10),
.page__speed .row.table-responsive table tbody tr td:nth-child(11),
.page__speed .row.table-responsive table tbody tr td:nth-child(12),
.page__speed .row.table-responsive table tbody tr td:nth-child(13) {
    text-align: center;
}

table select {
    cursor: pointer;
}

.custom-row-gap {
    gap: 25px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    padding: 0px 25px 25px;
}

.custom-row-gap .col-md-4.with__shadow {
    border-radius: 8px !important;
    padding: 0px;
    width: 100%;
    max-width: 100%;
    flex-basis: 100%;
    overflow: hidden;
}

.custom-row-gap .col-md-4.with__shadow>ul>a>li:nth-child(1) {
    font-size: 18px;
    font-weight: 600;
    /* font-family: 'poppinssemibold' !important; */
}

.custom-row-gap .add-new-project {
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px !important;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #fff !important;
}

/* CSS 11-01-2023 */

.navbar-expand-lg .navbar-nav .dropdown-menu {
    left: auto;
    right: 0px;
    top: 45px;
    border-radius: 4px;
}

.home_admin>h1 {
    margin-top: 26px !important;
}

.home_admin>h5 {
    margin-top: 0px;
    padding: 25px 12px;
    margin-bottom: 0px;
    font-size: 16px;
}

.show>.btn-primary.dropdown-toggle {
    background-color: #c60e0e9e;
    border-color: #c60e0e9e;
}

.dropdown .btn.btn-primary.dropdown-toggle:hover {
    background-color: #c60e0e9e !important;
    border-color: #c60e0e9e !important;
}

ul.dropdown-menu.show li:not(.dropdown-header) {
    padding: 10px 10px 10px 35px;
    text-decoration: none;
    transition: all 300ms ease;
    line-height: normal;
}

ul.dropdown-menu.show li:not(.dropdown-header):hover {
    background-color: aqua;
}

ul.dropdown-menu.show li:not(.dropdown-header) a {
    text-decoration: none;
}

ul.dropdown-menu.show li:not(.dropdown-header) a {
    text-decoration: none;
    /* text-transform: capitalize; */
    color: #333333;
}

ul.dropdown-menu.show li.dropdown-header {
    background: linear-gradient(167deg, rgb(255 0 0 / 61%) 1%, rgb(224 68 68) 50%);
    color: #fff;
    border-bottom: 1px solid #fff;
}

.dropdown-item:hover,
.dropdown-item:focus {
    background-color: aqua !important;
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: aqua !important;
}

.dropdown.show .dropdown-menu.show {
    max-height: 450px;
    overflow-y: auto;
    box-shadow: 0px 0px 15px 5px #0000005e;
    border: none !important;

}

.project__dropdown+.dropdown-menu.show {
    width: 100%;
    border-start-start-radius: 0px !important;
    border-start-end-radius: 0px !important;
}

/* width */
.dropdown.show .dropdown-menu.show::-webkit-scrollbar {
    width: 5px;
}

/* Track */
.dropdown.show .dropdown-menu.show::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}

/* Handle */
.dropdown.show .dropdown-menu.show::-webkit-scrollbar-thumb {
    background: #330033c0;
    border-radius: 10px;
}

/* Handle on hover */
.dropdown.show .dropdown-menu.show::-webkit-scrollbar-thumb:hover {
    background: #330033c0;
}

.countdown_card {
    width: 180px;
    height: 165px;
    /* position: fixed; */
    bottom: 0;
    right: 20px;
}

.project__dropdown {
    width: 253px;
    /* display: flex !important; */
    align-items: center;
    justify-content: space-between;
}

#countdown {
    width: 100%;
    height: 160px;
    text-align: center;
    background: #222;
    background-image: -webkit-linear-gradient(top, #303, #303, #303, #303);
    background-image: -moz-linear-gradient(top, #303, #303, #303, #303);
    background-image: -ms-linear-gradient(top, #303, #303, #303, #303);
    background-image: -o-linear-gradient(top, #303, #303, #303, #303);
    border: 1px solid #111;
    border-radius: 5px;
    box-shadow: 0px 0px 8px rgb(0 0 0 / 60%);
    margin: auto;
    padding: 30px 0 24px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

#countdown:before {
    content: "";
    width: 8px;
    height: 65px;
    background: #303;
    background-image: -webkit-linear-gradient(top, #303, #303, #303, #303);
    background-image: -moz-linear-gradient(top, #303, #303, #303, #303);
    background-image: -ms-linear-gradient(top, #303, #303, #303, #303);
    background-image: -o-linear-gradient(top, #303, #303, #303, #303);
    border: 1px solid #111;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    display: block;
    position: absolute;
    top: 48px;
    left: -10px;
}

#countdown:after {
    content: "";
    width: 8px;
    height: 65px;
    background: #303;
    background-image: -webkit-linear-gradient(top, #303, #303, #303, #303);
    background-image: -moz-linear-gradient(top, #303, #303, #303, #303);
    background-image: -ms-linear-gradient(top, #303, #303, #303, #303);
    background-image: -o-linear-gradient(top, #303, #303, #303, #303);
    border: 1px solid #111;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    display: block;
    position: absolute;
    top: 48px;
    right: -10px;
}

#countdown #tiles {
    position: relative;
    z-index: 1;
}

#countdown #tiles>span {
    width: 92px;
    max-width: 92px;
    font: bold 48px 'Droid Sans', Arial, sans-serif;
    text-align: center;
    color: #111;
    background-color: #ddd;
    background-image: -webkit-linear-gradient(top, #bbb, #eee);
    background-image: -moz-linear-gradient(top, #bbb, #eee);
    background-image: -ms-linear-gradient(top, #bbb, #eee);
    background-image: -o-linear-gradient(top, #bbb, #eee);
    border-top: 1px solid #fff;
    border-radius: 3px;
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.7);
    margin: 0 7px;
    padding: 18px 0;
    display: inline-block;
    position: relative;
}

#countdown #tiles>span:before {
    content: "";
    width: 100%;
    height: 13px;
    background: #111;
    display: block;
    padding: 0 3px;
    position: absolute;
    top: 41%;
    left: -3px;
    z-index: -1;
}

#countdown #tiles>span:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #eee;
    border-top: 1px solid #333;
    display: block;
    position: absolute;
    top: 48%;
    left: 0;
}

#countdown .labels {
    width: 100%;
    height: 25px;
    text-align: center;
    position: absolute;
    bottom: 8px;
}

#countdown .labels li {
    width: 102px;
    font: bold 15px 'Droid Sans', Arial, sans-serif;
    color: #f47321;
    text-shadow: 1px 1px 0px #000;
    text-align: center;
    text-transform: uppercase;
    display: inline-block;
}

.canvas__chart {
    background: #fff;
    padding: 20px 15px;
    border-radius: 10px;
}

.canvas__chart #visitor-period {
    margin-bottom: 15px;
    cursor: pointer;
}

.canvas__chart #visitor-period:focus {
    border-color: #ced4da !important;
}

.home_admin .row:has(.card-header) {
    margin-top: 30px;
    padding: 0 20px;
}

.col-md-4:has(.card-header) {
    background: #fff;
    padding: 0px;
    border-radius: 10px;
    height: max-content;
}

/* .speedy-table td a {
    line-height: normal !important;
    margin: 0px !important;
    display: flex;
    align-items: center;
    text-decoration: none;
} */

.project__dashboard h1 {
    margin-bottom: 50px !important;
}

.my-subsciptions h1 {
    margin-bottom: 50px !important;
}

.edit__website h1 {
    margin-bottom: 50px !important;
}

.container-fluid>h1 {
    margin-bottom: 50px !important;
}

/* .edit__website .row {
    padding: 0px 20px;
} */


.table_S table.speedy-table tbody tr td {
    border: none !important;
    border-top: 1px solid #dee2e6 !important;
    padding: 10px !important;
}


#myPlanSVG {
    width: 35px !important;
    height: 35px !important;
}

#myPlanSVG * {
    fill: #636464;
}

.list-group-item.active #myPlanSVG * {
    fill: #fff;
}

.download_pdf.btn-primary {
    padding: 4px 4px;
}

.download_pdf.btn-primary i {
    font-size: 22px;
}

.ticket_sidebar i {
    color: #636464;
    font-size: 35px;
}

.ticket_sidebar.active i {
    color: #fff;
}

.topbar__nav li a i {
    font-size: 24px;
    transition: all 250ms ease;
    color: #fff;
}

.topbar__nav li a:hover i {
    color: rgba(255, 255, 255, 0.8);
}

select {
    cursor: pointer !important;
}

.profile_tabs li a button i {
    font-size: 34px;
}

.profile_tabs li a button span {
    text-transform: capitalize;
}

.group__site {
    position: relative;
    left: -5px;
}

.group__site i:nth-child(1) {
    position: absolute;
    top: 10px;
    left: 10px;
}

.group__site i {
    color: #636464;
    font-size: 30px;
}

.list-group-item.active .group__site i {
    color: #fff;
}

.coming__soon {
    min-height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.coming__soon h1 {
    text-transform: uppercase;
    font-size: 45px;
    font-weight: 700;
}

.help_dd a.dropdown-item a,
.user__dropdown a.dropdown-item i {
    color: #636464 !important;
}

.dropdown-item svg {
    width: 18px;
    height: 18px;
}

.dropdown-item svg path {
    fill: #333333;
}

.dropdown-menu.help_dd {
    padding: 0;
    box-shadow: 0px 0px 15px 5px #0000005e;

}

.help_dd .dropdown-item,
.user__dropdown .dropdown-item {
    display: flex;
    align-items: center;
    gap: 10px;
}

#warranty_card .Polaris-Card .form-group,
#warranty_card .Polaris-Card form {
    width: 100%;
    font-weight: 500;
    color: #212b36;
    gap: 10px;
    display: flex;
    flex-direction: column;
}

.warranty_card .Polaris-Card__Section .plan-name span {
    border-radius: 2px;
    padding: 0 .75rem;
    display: inline-block;
    line-height: 25px;
    font-size: 12px;
    font-weight: 500;
    background: #3f51b5;
    color: #ffffff;
    vertical-align: middle;
}

.warranty_card .Polaris-Card form {

    padding: 0 30px;
}

.warranty_card .slick-arrow {
    background-color: red;
    position: relative;
}

.warranty_card .Polaris-Card {
    margin: 0 15px;
}

.warranty_card .slick-track {
    padding: 5PX;
}

.warranty_card .plan-page .Polaris-Card {
    min-height: 550px;
    display: flex;
}

.warranty_card .slick-arrow::after {
    position: absolute;
    content: "" \f105"";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

/* Sidebar CSS 27-01-2023 */

#sidebar-wrapper .list-group-item {
    width: 100%;
    flex-direction: row;
    justify-content: center;
    padding: 6px 0 !important;
    gap: 15px;
    transition: width 0.25s ease;
    cursor: pointer;
}

#sidebar-wrapper .list-group-item svg {
    width: 30px;
    height: 30px;
    /* margin-right: auto; */
    stroke: #000000;
}

#sidebar-wrapper a span {
    display: block;
    text-align: start;
    width: 60%;
    font-size: 13px;
    line-height: 1.3;
}


body.sb-sidenav-toggled #sidebar-wrapper a span {
    position: absolute;
    visibility: hidden;
    width: 0px;
    height: 0px
}

body.sb-sidenav-toggled #sidebar-wrapper .list-group-item svg {
    margin-right: unset;
}

body.sb-sidenav-toggled #sidebar-wrapper .list-group.list-group-flush {
    display: grid;
    padding: 10px;
    width: fit-content;
    margin-left: auto;
}

body.sb-sidenav-toggled #sidebar-wrapper .list-group-item {
    width: 59px;
    padding: 12px !IMPORTANT;
    margin-left: auto;
}

body.sb-sidenav-toggled #sidebar-wrapper .list-group-item:hover>span {
    position: fixed;
    left: 80px;
    visibility: visible;
    width: 135px !important;
    height: auto;
    /* left: calc(100% + 5px); */
    background: #330033;
    color: #fff;
    text-align: center;
    padding: 5px 10px;
    font-size: 14px;
    border-radius: 0px 5px 5px 0px;
}

body.sb-sidenav-toggled #sidebar-wrapper .list-group-item:hover>span>progress {
    width: 100% !important;
}

body.sb-sidenav-toggled #wrapper #sidebar-wrapper {
    z-index: 10;
}


body.sb-sidenav-toggled #wrapper #sidebar-wrapper {
    margin-left: 0px;
    width: 79px;
}

body .sidebar-heading .sidebar__close {
    display: none;
}

body.sb-sidenav-toggled .sidebar-heading .sidebar__close {
    display: block;
    text-align: center;
    width: auto;
    margin: auto;
}

body.sb-sidenav-toggled .sidebar-heading .sidebar__open {
    display: none;
}

body.sb-sidenav-toggled .sidebar-heading {
    padding: 0.875rem 0px !important
}

#sidebar-wrapper .sidebar-heading {
    display: flex;
    align-items: center;
    justify-self: center;
}

/* 27-01-2023 css start */

.change_pass .invalid {
    background: none;
}

#cmessage {
    margin-bottom: 20px;
    border-radius: 4px;
}

#cmessage p:last-child {
    margin-bottom: 0;
}

.change_pass #cmessage p.valid,
.change_pass #cmessage p.invalid {
    font-size: 15px;
    padding: 5px 20px;
    margin-bottom: 0px;
}

#cmessage h3 {
    font-size: 20px;
}

.change_pass #cmessage p.valid:before,
.change_pass #cmessage p.invalid:before {
    font-size: 12px;
    left: -15px;
}

.manager_setting .invalid {
    background: none;
}

#nmessage {
    margin-bottom: 20px;
    border-radius: 0.25rem;
}

.manager_setting #nmessage p:last-child {
    margin-bottom: 0;
}

.manager_setting #nmessage p.invalid {
    font-size: 13px;
    padding: 5px 0 5px 20px;
    margin-bottom: 0px;
}

.manager_setting #nmessage p.valid {
    font-size: 15px;
    padding: 5px 20px;
    margin-bottom: 0px;
}

#nmessage h3 {
    font-size: 20px;
    text-align: left;
}

.manager_setting #nmessage p.invalid:before {
    font-size: 12px;
    left: -15px;
}

.manager_setting #nmessage p.valid:before {
    font-size: 12px;
    left: -15px;
}

/* 27-01-2023 css end */


/* CSS 10-02-2023 */

.header_s>.container:nth-child(2) {
    width: fit-content;
}

.wrapper__short {
    margin-left: 12px;
    display: block;
    position: relative;
}

.add__project__short {
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    padding: 5px 8px;
    min-width: 100px;
    background: none;
    border: 2px solid #fff;
    color: #fff;
    font-size: 14px;
    margin-left: 10px;
    margin-right: 10px;
}
.add__project__short:hover{
    color: #fff;

}
.help_btn svg,
.add__project__short svg {
    width: 18px;
    height: 18px;
}

.help_btn svg circle,
.help_btn svg path,
.add__project__short:hover svg {
    fill: #ffffff;
}

.help_btn {
    display: flex;
    align-items: center;
    justify-content: unset;
    gap: 8px;
    font-size: 14px;
    color: #fff;
    height: 40px;

}

/* .add__project__short:hover+.text__project {
    top: 46px;
    visibility: visible;
    opacity: 1;
} */

/* .wrapper__short .text__project {
    position: absolute;
    background: #ffffff;
    width: 115px;
    border-radius: 2px;
    left: -42px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.4px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    top: 0px;
    height: fit-content;
    visibility: hidden;
    opacity: 0;
    transition: all 300ms ease;
    z-index: 0;
} */

/* .wrapper__short .text__project::before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -1px;
    width: 10px;
    height: 10px;
    background: #fff;
    box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
    z-index: -3;
    rotate: 45deg;
} */

.swal2-styled.swal2-default-outline {
    box-shadow: none !important;
}

#sidebar-wrapper .sidebar-heading>a {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.paltform {
    display: flex;
    flex-direction: column;
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 1px dashed #d2d2d2;
}

/* .paltform h2 {} */

.paltform p {
    margin: 0px 0px 10px;
    font-weight: 500;
}

/* .paltform ol {} */

.meta_ls .table_S table tbody tr td:nth-last-child(1) {
    display: flex;
}

/* CSS 28-03-2023 */

.web_owners .profile_tabs>.table_S>.dataTables_wrapper {
    overflow-x: scroll;
    padding: 0px 10px;
}



.set__max_width {
    max-width: 150px !important;
    width: 150px !important;
    word-wrap: break-word;
}



/* CSS 06-06-2023 */

.website_url {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 0px;
    margin-bottom: 20px;
}

.website_heading {
    font-weight: 600;
    text-align: center;
}

.page-cvw-box {
    padding-bottom: 20px;
}

.main-table-page-cvw>thead>tr>th {
    width: 50%;
    font-size: 15px;
}

.main-table-page-cvw>tbody>tr>td {
    padding: 0px !important;
    border-collapse: collapse;
    font-size: 11px;
}

.main-table-page-cvw>tbody>tr>td>table {
    border-radius: 0px;
}

.half-width-box table {
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 1px;
}

.table_S table.speedy-table thead tr th:nth-last-child(1) {
    width: 150px !important;
}

.table_S table.speedy-table tbody tr td:nth-last-child(1)>form {
    margin-bottom: 5px;
}

.sb-sidenav-toggled .list-group-item .side_message p:nth-child(1) {
    font-size: 12px;
}

.sb-sidenav-toggled .list-group-item .side_message p:nth-child(2) {
    font-size: 10px;
}

.sb-sidenav-toggled .scroller .upgrade_button_loc {
    width: 78%;
    max-width: none;
    overflow-wrap: anywhere;
    font-size: 10px;
    padding: 0px;
}

/* CSS 30-06-2023 */

.script_I.content__up .alert-status {
    position: relative;
    top: 0;
    transition: all 500ms ease;
}

.script_I.content__up .alert-status::before {
    content:none;
    position: absolute;
    top: -18px;
    left: -17px;
    width: calc(100% + 38px);
    height: calc(100% + 18px);
    background: #f1f1f1;
    z-index: 1;
}

.script_I.content__up .alert-status:blank {
    display:none;
}

.script_I.content__up .alert-status .alert {
    z-index: 1;
}

.script_I.content__up .alert-status.sticky {
    z-index: 2;
    position: fixed;
    width: 100%;
    max-width: calc(100% - 227px);
    top: 59px;
}

li.button-dropdown {
    position: relative;
}

.nav_new_S {
    display: block;
    padding: 0;
}

.nav_new_S .button-dropdown {
    display: block;
}

.nav_new_S li a {
    display: flex;
    color: #fff;
}

.nav_new_S li a span {
    display: inline-block;
}

.navbar-expand-lg .navbar-nav .nav_new_S li .dropdown-menu {
    display: none;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    padding: 0;
    width: max-content;
    box-shadow: 0px 0px 15px 5px #0000005e;
    border: none;
}

.header_s .nav_new_S .dropdown-menu li a {
    font-size: 13px;
    padding: 10px 8;
    white-space: nowrap;
    color: initial;
}

.header_s .nav_new_S .dropdown-menu li a span {
    line-height: 1;
}

.header_s .nav_new_S .dropdown-menu li:hover {
    background: aqua;
}

.nav_new_S li .dropdown-menu.active {
    display: block;
}

.dropdown-menu.help_sd {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.header_s .nav_new_S .dropdown-menu li a svg {
    width: 14px;
    height: 14px;
    margin-right: 4px;
}



.nev_leftt {
    display: flex;
    align-items: center;
    width: 40%;
}

.project__dropdown,
.dropdown.add_web_s {
    max-width: 180px;
}




/* Responsive start */

.on_mobile,
.mobile_logo {
    display: none;
}

.toggle_sn {
    width: 40px;
    height: 40px;
    cursor: pointer;
}

.sidebar-wrapper {
    transition: all 300ms ease;
}

.sidebar-wrapper.sidebar_open {
    transform: translateX(0)
}

.nav_new_S.side_bar {
    padding: .5rem 1rem;
    border-top: 1px solid #edf0f2;
    border-bottom: 1px solid #edf0f2;
    margin-top: 1rem;
    margin-bottom: 3rem;
}

.nav_new_S.side_bar svg {
    width: 20px;
    height: 20px;
}

.nav_new_S.side_bar li a {
    color: #636464;
    padding: .8rem 1rem;
    gap: 8px;
    align-items: center;
}

.nav_new_S.side_bar .help_dd {
    padding: 0;
    box-shadow: none;
    position: relative;
    border: none;
    display: none;
}

.nav_new_S.side_bar .help_dd {
    list-style: none;
    padding: 0;
    margin: 0;
}

.nav_new_S.side_bar .help_btn {
    color: #636464;
    padding: .8rem 1rem;
    position: relative;
    font-weight: 600;
    cursor: pointer;
}

.nav_new_S.side_bar .help_dd svg {
    width: 18px;
    height: 16px;
    opacity: 0.8;
}



#sidebar-wrapper .scroller.scroll_flex {
    display: flex;
    flex-direction: column;
    /* padding-bottom: 70px; */
}

.container-fluid.content__up.project__dashboard>.alert-status .alert {
    padding-right: 28px;
}

.container-fluid.tickets_a.email__manager .back_btn_wrap {
    display: flex;
    align-items: center;
}
.container-fluid.tickets_a.email__manager .back_btn_wrap form {

margin: 0;
}
/* 4 sept 2024 css */
#sidebar-wrapper .list-group .progress_brr {
    order: 1 !important;
}
@media screen and (max-width:1300px) {

    .page_view.platform_filter {
        left: 45%;
    }
}
@media screen and (max-width:1210px) {
    .page_hd_top,
    .navbar-collapse,
    .nev_leftt{
        width: auto;
    }
    .nev_leftt .container {
        padding-left: 0;
    }
  #sidebarToggle {
        display: none;
    }
}
@media(max-width:1210px) and (min-width:1024px){
    nav.navbar.navbar-expand-lg.navbar-light.bg-light {
        height: 88px;
    }
    
    nav.navbar.navbar-expand-lg.navbar-light.bg-light .nev_leftt {
        flex-wrap: wrap;
    }
    
    nav.navbar.navbar-expand-lg.navbar-light.bg-light .nev_leftt .container {
        gap: 10px;
    }
    
    nav.navbar.navbar-expand-lg.navbar-light.bg-light .add__project__short {
        margin: 0;
    }
}
@media screen and (max-width:1200px) {

    .custom-row-gap {
        grid-template-columns: 1fr 1fr;
    }

    .script_I.content__up .alert-status .alert {
        padding-right: 20px;
    }

    .page_hd_top {
        font-size: 18px;

    }

    .home_admin .card-body {
        padding: 1rem;
    }

    .platform_filter {
        left: 40%;
    }
}

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


    .web_owners .profile_tabs>.table_S>.dataTables_wrapper {
        padding: 80px 3px 0;
    }

    .platform_filter {
        top: 0;
        left: 50%;
        width: 100%;
        justify-content: center;
        padding-bottom: 15px;
        width: max-content;
    }
    .platform_filter:before {
        position: absolute;
        bottom: 0;
        content: "";
        width: 1000%;
        height: .5px;
        width: 1000%;
        background: #edf0f2;
    }
    .web_owners .table_S .dataTables_wrapper .dataTables_processing {
        margin-top: 115px;
    }
    .platform_filter:after {
        top: 33%;
    }

    .web_owners.filters_s .platform_filter:before {
content:none;
    }

    .container-fluid.content__up.web_owners.filters_s .dataTables_wrapper {
        padding-top: 130px;
    }
    .page_view.platform_filter {
        left: 0;
        transform: translateX(0);
        top: 50px;
    }
    .web_owners.filters_s .profile_tabs{
        position: relative;
    }
    .web_owners.filters_s .profile_tabs:after {
        top: 120px;
    }
    .plan_filter.platform_filter {

        transform: translateX(0);

    }
    .page_view.platform_filter > select,
    .platform_filter.platform > select,
    .plan_filter.platform_filter > select{
min-width: 140px;
    }
}

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

    .page_hd_top {
        margin: 0 10px 0 auto;
    }
    #navbarSupportedContent .navbar-nav.ms-auto {
        gap: 10px;
    }

    .web_owners .profile_tabs>.table_S>.dataTables_wrapper:has(> .btn.btn-promary.export_managers) {
        padding: 0 3px 0;
    }
}

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

  
    .mobile_logo {
        display: block;
    }

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

    .sidebar-wrapper {
        transform: translateX(-100%);
    }

    #page-content-wrapper>.container-fluid {
        width: 100%;
    }

    .navbar>.container-fluid {
        margin-left: 0;
        flex-wrap: nowrap;
    }

    .icon-menu {
        --gap: 5px;
        --height-bar: 2.5px;
        --pos-y-bar-one: 0;
        --pos-y-bar-three: 0;
        --scale-bar: 1;
        --rotate-bar-one: 0;
        --rotate-bar-three: 0;
        width: 40px;
        min-width: 20px;
        display: flex;
        flex-direction: column;
        gap: var(--gap);
        cursor: pointer;
        position: relative;
        margin: 0 0 0 1rem;
        z-index: 2;
    }

    .bar_sd {
        position: relative;
        height: var(--height-bar);
        width: 100%;
        border-radius: .5rem;
        background-color: #212529;
    }

    .bar--1 {
        top: var(--pos-y-bar-one);
        transform: rotate(var(--rotate-bar-one));
        transition: top 200ms 100ms, transform 100ms;
    }

    .bar--2 {
        transform: scaleX(var(--scale-bar));
        transition: transform 150ms 100ms;
    }

    .bar--3 {
        bottom: var(--pos-y-bar-three);
        transform: rotate(var(--rotate-bar-three));
        transition: bottom 200ms 100ms, transform 100ms;
    }

    .icon-menu.open>.bar--1 {
        transition: top 200ms, transform 200ms 100ms;
    }

    .icon-menu.open>.bar--3 {
        transition: bottom 200ms, transform 200ms 100ms;
    }

    .icon-menu.open {
        --pos-y-bar-one: calc(var(--gap) + var(--height-bar));
        --pos-y-bar-three: calc(var(--gap) + var(--height-bar));
        --scale-bar: 0;
        --rotate-bar-one: 45deg;
        --rotate-bar-three: -45deg;
    }

    #sidebar-wrapper .list-group-item svg {
        width: 20px;
        height: 20px;
    }

    #sidebar-wrapper {
        top: 64.4px;
        border-top: 1px solid #edf0f2;
        width: 100%;
        max-width: 255px;
    }

    #sidebar-wrapper .list-group {
        width: 100%;
        max-width: 250px;
        padding: .5rem 1rem;

    }

    #sidebar-wrapper a span {
        width: auto;
        font-size: 14px;
    }

    #sidebar-wrapper .sidebar-heading {
        display: none;
    }

    .list-group.list-group-flush.ad_dash_s {
        margin-top: 15px !important;
    }

    nav.navbar.navbar-expand-lg.navbar-light.bg-light {
        background-color: #fff !important;
        padding: .5rem 1rem;
        height: auto;
    }

    #loginimg.sidebar__open {
        width: 160px;
    }

    .user_full_name{
        display: none;
    }

    .nav_new_S li a {
        color: #212529;
    }

    .add__project__short {

        border: 2px solid #212529;
        color: #212529;
    }
    .nav_new_S.side_bar .help_btn{
        font-weight: 500;
    }
    .help_btn svg circle,
    .help_btn svg path,
    .add__project__short:hover svg {
        fill: #212529;
    }
    #myPlanSVG {
        width: 25px !important;
        height: 25px !important;
    }
    .get-updated-script .enterurl_con:after {
        right: 15px;
        width: 35px;
        height: 35px;
        
    }
    .get-updated-script .enterurl_con {
        padding-right: 60px;
    }
    #navbarDropdown.user_name {
        padding: 5px 12px;
    }

    .navbar-expand-lg .navbar-nav .nav_new_S li .dropdown-menu {
        right: 0;
        transform: translateX(0);
        left: auto;
    }

    #sidebar-wrapper .list-group-item {
        justify-content: left;
        padding: .8rem 1rem !important;
        font-weight: 500;
    }


    .progress_brr span.progress_per {
        padding: 0;
    }

    #sidebar-wrapper #side_message.list-group-item {
        padding: 1rem 1rem 1.2rem !important;
    }

    .header_s .nev_leftt {
        width: 100%;

    }

    .header_s .nev_leftt>.container {
        justify-content: end;
    }

    .page_hd_top {
        display: none;
    }


    .header_s .navbar-collapse {
        flex-basis: auto;
    }

    .container-fluid.content__up>h1 {
        display: block;
        margin: 2rem !important;
        position: sticky;
        transform: translate(0);
        color: #000;
    }

    .container-fluid.billing_dashS.content__up,
    .container-fluid.content__up.my-subsciptions {
        margin-top: 0;
        padding-top: 65px;
    }



    .dropdown.show .dropdown-menu {
        position: absolute;
    }

    nav.navbar.navbar-expand-lg.navbar-light.bg-light {
        z-index: 6;
    }

    .container-fluid.content__up.project__dashboard .on_desktop,
    .on_desktop {
        display: none;
    }

    .accordion_sn {
        display: none;
    }

    .container_sld {
        min-width: 270px;
    }

    .container_i_web_spee_h .tabber__wrapper {
        width: 100%;
    }

    .script_I.content__up .alert-status.sticky {
        max-width: calc(100% - 30px);
    }

    .wrap__with__sidebar {
        position: relative;
    }

    .container_sld {
        position: absolute;
        right: 0;
        top: 0;

    }

    .container_sld.sticky,
    .script_I .alert-status:has(.alert-success)+.script_Icontainer .container_i_web_spee_h .container_sld.sticky {
        top: 0;
    }

    .script_I .alert-status.sticky:has(.alert-success)+.script_Icontainer {
        margin-top: 110px;
    }

    .page_web_speed.desk_mb_speed.sticky_s.no__alert {
        top: 66px;
        width: 100%;
        left: 0;
    }

    .desk_mb_speed.sticky_s {
        width: 100%;
        left: 0;
        top: 149.8px;
    }

    .i_web_spee_h .page-head h3 {
        width: calc(100% - 280px);
    }

    #page-content-wrapper>.container-fluid {
        padding-bottom: 50px;
    }

    .stepper_wrapper_con {
        padding: 30px 0 0;

    }

    #page-speed-table .form-tab .tabs-4.form-tab- {
        margin: 0;
    }

    .speed_con .page-cvw-box {
        overflow: auto;
    }

    .content__up.my-subsciptions>h1.mt-4 {
        max-width: 100%;
        text-align: center;
        padding: 0;
        line-height: normal;
    }

    .container-fluid.content__up.my-subsciptions>.alert-status {
        position: relative;
        top: 0;
        display: flex;
        margin-bottom: 0;
    }

    ul.menu.profile_tabs {
        margin: 0 auto 2rem;
    }

    .container-fluid.billing_dashS.content__up>.alert-status,
    .container-fluid.content__up.my-subsciptions>.alert-status {
        top: 0;
    }

    .table_S {
        overflow: auto;
        padding-bottom: 10px;
    }


    table {
        border: 1px solid #cfcfcf !important;
    }

    .container-fluid.content__up.project__dashboard>h1 {
        display: none;
    }

    .container-fluid.content__up {
        margin-top: 80px;
    }

    .container_sld {
        border-radius: 4px;

    }

    .acc_mob {
        position: relative;
        cursor: pointer;

    }

    .acc_mob:after {
        position: absolute;
        right: 10px;
        top: 0;
        content: "";
        width: 10px;
        height: 10px;
        top: 50%;
        transform: translateY(-50%);
        background-image: url('data:image/svg+xml,<%3Fxml version="1.0" %3F><svg height="7px" version="1.1" viewBox="0 0 10 7" width="10px" xmlns="http://www.w3.org/2000/svg" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns" xmlns:xlink="http://www.w3.org/1999/xlink"><title/><desc/><defs/><g fill="none" fill-rule="evenodd" id="Page-1" stroke="none" stroke-width="1"><g fill="%23000000" id="Core" transform="translate(-469.000000, -9.000000)"><g id="arrow-drop-down" transform="translate(469.000000, 9.500000)"><path d="M0,0 L5,5 L10,0 L0,0 Z" id="Shape"/></g></g></g></svg>');
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center;
    }
    .acc_mob.show:after {
        transform: rotate(180deg);
        top: 12px;
    }
    .loader_s h2 {
        width: 100%;
      }
      .table.speedy-table.card__table,
      .table.speedy-table.owner_tabel {
        gap: 15px 50px;
    }

    body:has(.website_onr_sn) .sidebar-wrapper .list-group {
        padding-bottom: 60px !important;
    }

    .web_owners .table_S .dataTables_wrapper .dataTables_processing {
        margin-top: 115px;

      }
      .shopify_pop_ss {
        width: 80%;
    }
    .shopify_pop_wrap {
        padding: 1rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }


      /* New CSS 18-07-2024 */

    .script-switcher-box .form-check-label {
        width: 110px; 
    }
    .header_s .nev_leftt {
        width: fit-content;
        margin-left: auto !important;
    } 
    #navbarSupportedContent .navbar-nav.ms-auto {
        margin-left: 0px !important;
    }
    .header_s .navbar-collapse {
        flex-basis: unset !important;
        flex: unset;
        margin-left: unset;
    }
    


}

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

    /* New CSS 18-07-2024 */

    .button-dropdown.help_sd .form-check-label {
        font-size: 12px;
        inline-size: 110px;
        overflow-wrap: break-word;
        hyphens: manual;
    }

    .script-switcher-box p {
        font-size: 10px !important;
    }

    .help_btn > span {
        display: none !important;
    }

    .add__project__short.mob__hide {
        display: none;
    }
    .button-dropdown.help_sd .script-switcher-box > div {
        min-width: 53px;
    }

    #navbarSupportedContent .navbar-nav.ms-auto {
        margin: 0 !important;
        justify-content: right;
        width: max-content;
    }

    .script_varify_s {
        margin: 0;
        padding: 0;
    }

    #page-speed-table .form-tab .form-tab- {
        padding: 1rem !important;
    }



    .form-group:has(.btn_group_admin) {
        width: 100% !important;
    }

    .btn_group_admin {

        height: auto;

        justify-content: center;
    }

}

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

    .desk_mb_speed.sticky_s {

        top: 173.5px;
    }


}

@media screen and (max-width:800px) {
    input#no_of_code {
        width: 100%;
    }

    .app_sumo_code_div form {
        align-items: end;
        justify-content: space-between;
    }

    .generate_sumo_code_num {
        flex-direction: column;
        align-items: baseline;
    }
}

@media screen and (max-width:768px) {
    .profile_tabs.dashboard_sn {
        padding: 1rem;
    }
    .add__project__short,
    li:has(.nav_new_S) {
        display: none;
    }
    .on_mobile{
        display: block;
    }
    .project__dashboard .row {
        gap: 1rem;
    }

    .dashboard_sn .dash_board_s {
        width: calc(50% - 8px);
    }

    #page-content-wrapper>.container-fluid {
        padding-bottom: 50px;
    }

    .wrap__with__sidebar {
        flex-direction: column-reverse;
    }

    .container_sld {
        position: static;
        width: 100%;
        max-width: 100%;
    }

    .i_web_spee_h .page-head h3 {
        width: 100%;
    }

    .support__form.request_form_2 {

        padding: 1rem;
    }

    .tabber__wrapper .tab-content>.tab-pane>div.col-12 {
        padding: 0;
    }

    .page_web_speed.desk_mb_speed.sticky_s.no__alert {
        top: 66px;
    }



    .inst_speed_new-container.speed_con {
        padding-bottom: 15px;
        margin-bottom: 30px;
    }

    .custom-row-gap {
        gap: 1rem;
        padding: 1rem;
    }

    .alert_S {
        padding: 0;
    }

    .profile_tabs,
    .form_h {
        padding: 1rem;
        border-radius: 8px;

    }

    .alert-dismissible .close {
        top: .2rem !important;
        transform: translateY(0);
        right: .5rem !important;
    }

    .speedy-table {
        border: 1px solid #dadada !important;
        box-shadow: none !important;
        border-radius: 8px !important;
    }

    .table.dataTable thead .sorting,
    table.dataTable thead .sorting_asc,
    table.dataTable thead .sorting_desc {
        white-space: nowrap !important;
    }

    .container-fluid.manager_setting>.alert-status {
        top: 0;
    }

    #sidebar-wrapper .list-group-item {
        border-radius: 4px;

    }

    .billing_dashS table tr td,
    .billing_dashS table tr th {
        white-space: nowrap;
    }

    .filter_form form>* {
        width: max-content !important;
    }

    .web_owners .profile_tabs>.table_S>.dataTables_wrapper {
        padding: 60px 3px 0;
    }

    div#swal2-html-container {
        margin: 0;
    }

    body.custom-tabel>.loader #loader_text {
        font-size: 20px;
    }

    .typed-cursor,
    .auto-type,
    .auto-type-three,
    .auto-type-one,
    .auto-type-five,
    .auto-type-six,
    .auto-type-seven {

        font-size: 16px;
    }

    #page-speed-table .form-tab .form-tab->.action {

        flex-wrap: wrap;
    }

    table {
        border-radius: 8px;
    }

    .loader_s h2 {
        font-size: 16px;
        font-weight: 600;
    }

    .loader_s p,
    .loader_s p span,
    .typed-cursor,
    .auto-type,
    .auto-type-three,
    .auto-type-one,
    .auto-type-five,
    .auto-type-six,
    .auto-type-seven {
        font-size: 14px;
    }

    .loader {
        padding: 1rem;
    }

    .loader .loader_s {
        max-width: 500px;
        margin: auto;
    }

    .loader dotlottie-player {
        width: 200px !important;
        height: 200px !important;
    }

    .animation {
        width: 50%;
        height: 100%;
        margin: auto;
    }

    .swal2-popup.swal2-modal.swal2-show {
        border-radius: 8px;
    }

    .container-fluid.inst_pay .form_h div {
        padding: 10px 0;
        gap: .5rem;

    }
    .get-updated-script .enterurl_con:after {

        width: 30px;
        height: 30px;

    }
    .url_inst_speed_old  span, .url_inst_speed_new span, .url2_inst_speed span, .url3_inst_speed span, .url2_inst_speed_new span, .url3_inst_speed_new span {
    
        font-size: 16px;
 
    }
    .script_I .script_Icontainer {
        border-radius: 8px;
    }
    .swal2-popup .swal2-title {
        font-size: 18px;
        margin-bottom: 20px !important;
    }
    .swal2-container{
        padding: 1rem !important;
    }
    .table.speedy-table.card__table,
    .table.speedy-table.owner_tabel {
        gap: 15px 30px;
    }
    .add_website_SS  .form-group > .form-control {
        font-size: 14px;
    }
    .add_website_SS .form-group > h3,
    .add_website_SS .form-group_S .form-group label,
      .add_website_SS .shopify-domain-input label {
      font-size: 16px;
      margin-bottom: 10px;
    }
    .web_owners .table_S .dataTables_wrapper .dataTables_processing {
        margin-top: 95px;

      }

      .web_owners .profile_tabs>.table_S>.dataTables_wrapper:has(> .btn.btn-promary.export_managers) {
        padding: 0 3px 0;
    }
    .shopify_pop_ss {
        width: 100%;
    }
    .shopify_pop_wrap svg {
        right: 0;
        top: -25px;
        width: 18px;
        height: 18px;
    }
    .platform_filter.platform {
        left: 0;
        top: 100px;
        transform: translateX(0);
    }
    .web_owners.filters_s .profile_tabs:after {
        top: 165px;
    }
    .container-fluid.content__up.web_owners.filters_s .dataTables_wrapper {
        padding-top: 165px;
    }

    .web_owners.filters_s .table_S .dataTables_wrapper .dataTables_processing {
        margin-top: 145px;
    }
}



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

    .dashboard_sn .dash_board_s {
        width: 100%;
    }

    .container-fluid .row .col-md-3.border:nth-child(n+4) {
        overflow: visible;
        margin: 1rem 0 2rem !important;
        padding-top: 2rem !important;
    }

    .container-fluid .row .col-md-3.border:nth-child(-n+3) {
        overflow: visible;
        margin-top: 1rem !important;
        padding-top: 2rem !important;
    }

    .container-fluid .row .col-md-3.border:nth-child(-n+3):after,
    .container-fluid .row .col-md-3.border:nth-child(n+4):after {
        top: 3px;
        content: "Updated Speed";
        background: #fff;
        top: -15px;
        left: 15px;
        width: max-content;
        padding: 4px 8px;
        border-radius: 15px;
        font-weight: 600;
        border: 2px solid #27ae60;
        display: flex;
        align-items: end;
        justify-content: center;
        font-size: 14px;
        height: max-content;
        min-width: 150px;
    }

    .container-fluid .row .col-md-3.border:nth-child(-n+3):after {
        content: "Old Speed";
        border: 2px solid #f23640;

    }

    .speed_head {
        display: none;
    }

    .dash_board_s.u_urlthree.fix__d ul.list-group li.list-group-item:nth-child(1),
    .dash_board_s.u_urltwo.fix__d ul.list-group li.list-group-item:nth-child(1),
    .dash_board_s.fix__d.u_urlone .list-group .list-group-item:nth-child(1) {
        margin-bottom: 0;
    }

    .profile_tabs.dashboard_sn .card_con_ss {
        padding-top: 1rem;
    }

    .page_web_speed.desk_mb_speed.sticky_s.no__alert {
        top: 60px;
    }

    .tabber__wrapper .nav-tabs>li>a {
        padding: 4px 8px;
        font-size: 14px;

    }

    .url-speed-tables .speed_con .heading a {
        line-break: anywhere;
        display: block;
    }

    .url-speed-tables .speed_con .heading br {
        display: none;
    }

    .custom-row-gap {
        grid-template-columns: 1fr;
        padding: 0;
        margin: 0;
    }

    .profile_tabs li a button i {
        font-size: 22px;
    }

    #custom_nav #myPlanSVG {
        width: 20px !important;
        height: 22px !important;
    }

    ul.menu.profile_tabs {
        gap: 1rem;
    }

    .dataTables_wrapper .dataTables_filter {
        float: left;
        margin: 0;
    }

    .dataTables_wrapper .dataTables_length {
        float: right;
    }

    .home_admin .profile_tabs>.row {
        gap: 1rem;
    }

    .home_admin .profile_tabs {
        padding: 1rem;
    }

    .home_admin .card-body,
    .home_admin .card h4 {
        font-size: 20px;
    }

    .filter_form {
        margin-bottom: 1rem;
    }

    .home_admin .profile_tabs>.row {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    }

    .reviewLeftOrNot {
        flex-direction: column;
        gap: 0;
    }

    .request_form_2_sent {
        padding: 1rem;
        border-radius: 8px;
    }

    .status-icon img {
        height: 50px;
        width: 50px !important;
    }

    #example_wrapper {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    .subscription_plan_S .details.profile_tabs {
        width: 100%;
    }

    .subscription_plan_S.container-fluid.content__up>h1 {
        margin: 1rem !important;
    }

    #nmessage {
        padding: 1rem;
    }

    #nmessage h3 {
        font-size: 16px;
    }

    .manager_setting #nmessage p.invalid {
        font-size: 14px;
    }
    .script_I h3 {
        font-size: 18px;
    }
    table th {
        font-size: 14px;
    }
    .support__form .d__flex,
    .support__form.request_form_2 .d__flex {
        grid-template-columns: 1fr;
        grid-column: 1/4;
    }
    .support__form .col-12,
    .support__form .full__col {
        grid-column: 1/4;
    }
    .support__form.request_form_2 label {
        font-size: 14px;
    }
    .list-popup-urls {
        padding-left: 1rem;
    }


    .list-popup-urls li{
        line-break: anywhere;
    }
    
    table tr th{
        font-weight: 600;
        font-size: 14px;
    }
    .list-group-item .side_message p:nth-child(1) {
        font-size: 18px;
    }

    .list-group-item  .alert-status-side{
        margin: auto;
    }
    .list-group-item .upgrade_button_loc.btn.btn-primary{
        padding: 4px 12px;
        margin-top: .4rem;
    }
    .form_h .form-group {
        margin-bottom: 1rem;
    }
    .swal2-popup.swal2-modal.swal2-show {
        min-height: 200px;

    }
    .table.speedy-table.card__table,
    .table.speedy-table.owner_tabel {
        grid-template-columns: 1fr;
    }
    .table.speedy-table.card__table .data:nth-child(2),
    .table.speedy-table.card__table .data:nth-child(1) {
        grid-column: auto;
    }
    .table.speedy-table.owner_tabel .data>div:nth-child(2) {
        text-align: right;
    }
    .table.speedy-table.card__table > .data > div > a {
        line-break: anywhere;
    }
    .coupon_form .form-group .row > .col-3:first-child {
        width: 100%;
        display: flex;
        padding: 0;
    }
    .coupon_form .form-group .row > .col-3{
        padding: 0;

    }
    .coupon_form .form-group .row > .col-9{
        width: 100%;
        padding: 0;


}
.coupon_form .form-group .row > .col-6 {
    width: 75%;
    padding-left: 0;
}

.coupon_form .form-group .row > .col-3 > button{
    padding: 4px;
}

.coupon_form .form-group.DiscounttextDiv .row > .col-6 {
    width: 75%;
}
.coupon_form .form-group.DiscounttextDiv .row > .col-3:not(:first-child) {
    width: 25%;
    padding-left: 15px;
    margin: 0;
}

.coupon_form .form-group .row > .col-3 {

    justify-content: left;
    margin-bottom: 10px;
}
form.script_gen_con {
    grid-area: 1/1/1/1;
}
.table.speedy-table.card__table.script_gen_wrap .data:nth-child(3) {
    grid-column: 1 / 1;
}
}

@media screen and (max-width:600px) {
    .app_sumo_code_div form {
        align-items: start;
        justify-content: space-evenly;
        flex-direction: column-reverse;
    }

    .inst_pay .form_h .custom__settings {
        flex-direction: column;
        align-items: flex-start !important;
        gap: .5rem;
    }

    .inst_pay .form_h .custom__settings>* {
        padding: 0;
        display: block;
        width: 100%;
    }

    body:has(.sidebar_open) .overlay_slide {
        opacity: 0;
    }
    input[type="time"]:after {

        width: 24px;
  
    }
    .support__form .col-12>.col-12>.row>.col-6>input {
        padding-left: 4px;
    }
    .dataTables_length label {
        max-width: 102px;
        overflow: hidden;
        display: flex;
        align-items: center;
        gap: 10px;
    }
    .dataTables_length label:after {
        right: 2%;
    }
    .add_website_SS  .form-group > .form-control {
        width: 100%;
        padding: 0 8px;
        height: 30px;
    
    }
    .add_website_SS  .form-group > .form-control input[type="radio"] {
      width: 14px;
      height: 14px;
    }
    .container-fluid .dataTables_info {
        float: left;
        padding: 15px 15px 0;
    }
}

@media screen and (max-width:550px) {
    #loginimg.sidebar__open {
        width: 140px;
    }

    #sidebar-wrapper {
        top: 58.55px;
    }

    .project__dropdown,
    .dropdown.add_web_s {
        max-width: 140px;
    }

    .dropdown.show .dropdown-menu.show {

        min-width: 100%;
    }

    #navbarSupportedContent .navbar-nav.ms-auto {
        gap: 8px;
    }

    #navbarDropdown.user_name {
        padding: 4px 8px;
        gap: 4px;
    }

    .dropdown-toggle.project__dropdown {
        padding: 5px 8px;
    }

    #sidebar-wrapper .list-group-item {
        padding: .4rem !important;
    }

    #sidebar-wrapper .list-group {
        gap: 16px;
    }

    #myPlanSVG {
        width: 20px !important;
        height: 20px !important;
    }

    .nav_new_S.side_bar .help_btn,
    .nav_new_S.side_bar li a {
        padding: .8rem .4rem;
    }

    #sidebar-wrapper .scroller.scroll_flex {
        padding-bottom: 100px;
    }

    .project__dropdown::after {
        right: 5px;
        top: 50%;
        transform: translateY(-50%);
        width: 9px;
        height: 5px;
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        top: 35px;

    }

    .stepper-horizontal li a span.circle {
        width: 40px;
        height: 40px;
        margin: 0 auto;
    }

    .stepper-horizontal li a {
        grid-template-columns: 50px 1fr;
        font-size: 12px;

    }

    .stepper-horizontal li a .step_fill_s {
        left: 2px;
        width: 100%;
        min-width: 30px;
    }

    ul.stepper.stepper-horizontal {
        gap: 8px;
    }

    .stepper-horizontal li a {
        min-width: 65px;
    }

    .page_web_speed.desk_mb_speed {
        padding-bottom: 8px;
    }

    .get-updated-script .enterurl_con {
        padding-right: 50px;
    }

    .get-updated-script .enterurl_con:after {
        right: 10px;

    }

    ul.menu.profile_tabs {
        gap: .5rem;
    }

    .profile_tabs .row form .form-group {
        width: 100%;
    }

    #custom_nav {
        width: 100%;
        border-radius: 8px;
        margin-bottom: 1rem;
    }

    .profile_tabs li a button span {
        white-space: nowrap;
    }
    #custom_nav ul.menu.profile_tabs li:has(.nav_btn.active) {
        scroll-snap-align: center;
    }
    #custom_nav ul.menu.profile_tabs {
        margin: 0 auto;
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        width: 100%;
    }
    .container-fluid.content__up>h1 {
        margin: 1rem !important;

    }

    .container-fluid.billing_dashS.content__up,
    .container-fluid.content__up.my-subsciptions {
        padding-top: 60px;
    }

    .dataTables_filter label {
        align-items: center;
    }


    .form_h .form-group_S {
        gap: 15px;
        flex-direction: column;
        gap: 0;
    }

    .form_h .form-group_S .form-group {
        width: 100%;
    }

    .enterurl_cons .tooltip1,
    .enterurl_con .tooltip1 {
        display: none;
    }

    .enterurl {
        max-width: 100%;

    }

    .stepper-horizontal li a span.circle {
        border: 3px solid #50909436;

    }

    .container-fluid.manager_setting {
        margin-top: 90px;
    }
    .container-fluid.edit_teams .addtean_web .card, .container-fluid.add_teams .addtean_web .card {
        width: 100%;
    }
    .web_owners .profile_tabs>.table_S>.dataTables_wrapper:has(> .btn.btn-promary.export_managers) {
        padding: 50 3px 0;
    }
    .dataTables_wrapper > .btn.btn-promary.export_managers {
        position: absolute;
        top: 0;
        left: 0;
        margin: 0;
    }
}


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

    .desk_mb_speed.sticky_s {
        top: 165px;
    }

    .support__form.request_form_2 .d__flex {
        grid-template-columns: 100%;
    }

    .btn,
    body {
        font-size: 14px;
    }

    .btn_group_admin button {
        min-width: 150px;
    }

    .btn_group_admin {
        gap: 1rem;
        flex-wrap: wrap;
    }

    .form_h .form-group label,
    .support__form input,
.form-control span,
    .form-control,
    .btn_group a,
    .script_I button {
        font-size: 14px  !important;

    }

    #page-speed-table .form-tab .tabs-head,
    .head_copy_copied h5 {
        font-size: 16px;
    }

    #page-speed-table .form-tab .tabs-head .number {
        min-width: 30px;
        margin-right: 15px;
        font-size: 14px;

    }

    .container-fluid.billing_dashS.content__up,
    .container-fluid.content__up.my-subsciptions {
        padding-top: 60px;
    }

    .filter_form form {
        display: flex;
        gap: 1rem;
        justify-content: end;
        width: 100%;
        max-width: 800px;
        margin: 0;
    }
    .dataTables_length label {
        max-width: 93px;
    }
    .platform_filter:after {
        right: 80px;
    }
    .page_view.platform_filter:after,
    .plan_filter.platform_filter:after {
        right: 0;
    }

}

@media screen and (max-width:460px) {
    .stepper-horizontal li a span.circle {
        width: 30px;
        height: 30px;
    }

    .stepper-horizontal li a .step_fill_s {
        left: -2px;
    }

    ul.stepper.stepper-horizontal {
        gap: 0;
    }

    .stepper-horizontal li a {
        grid-template-columns: 40px 1fr;
    }
    .stepper-horizontal li a span.label {
        max-width: 40px;
        text-align: center;
    }
    .stepper-horizontal li a {
        min-width: 40px;
    }
    .stepper-horizontal li a {
        grid-template-columns: 40px 1fr;
    }
    .support__form .col-12>.col-12>.row {
        gap: 1rem;
    }
    .support__form .col-12>.col-12>.row>.col-6 {
        padding: 0px;
        width: calc(50% - 8px);
    }

}

@media screen and (max-width:420px) {
    #loginimg.sidebar__open {
        width: 100px;
        margin-right: .5rem;

    }

    .topbar__nav li a i {
        font-size: 20px;
        ;
    }

    #navbarDropdown.user_name,
    .dropdown-toggle.project__dropdown {
        padding: 4px 8px;
    }

    .project__dropdown {
        font-size: 12px;
    }

    .topbar__nav li a i {
        font-size: 19px;
    }

    .project__dropdown,
    .dropdown.add_web_s {
        max-width: 120px;
    }

    .icon-menu {
        margin: 0 0 0 .5rem;
    }

    #sidebar-wrapper {
        top: 46.4px;
    }

    .dropdown-menu.show {
        font-size: 12px;

    }

    nav.navbar.navbar-expand-lg.navbar-light.bg-light {
        padding: .5rem;
    }

    .container-fluid.content__up {
        margin-top: 65px;
    }

    .stepper-horizontal li a span.circle {
        width: 24px;
        height: 24px;
        font-size: 12px;
    }

    .page_web_speed.desk_mb_speed.sticky_s.no__alert {
        top: 46px;
    }

    .desk_mb_speed.sticky_s {
        top: 175px;
    }

    .script_I.content__up .alert-status.sticky {
        top: 60px;
    }

  

    .container-fluid.billing_dashS.content__up,
    .container-fluid.content__up.my-subsciptions {
        padding-top: 46px;
    }

    .platform_filter {
        align-items: flex-start;
        flex-wrap: wrap;
        justify-content: left;
    }

    .platform_filter select {
        width: calc(100% - 100px);
    }

    .platform_filter .export {
        width: 100%;
    }

    .web_owners .profile_tabs>.table_S>.dataTables_wrapper {
        padding: 90px 3px 0;
    }

    .container-fluid.manager_setting {
        margin-top: 70px;
    }
    .support__form .col-12>.col-12>.row>.col-6 {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 5px;
    }
    .support__form .col-12>.col-12>.row>.col-6>input {
        min-width: 100px;
        text-align: left;
    }
    .web_owners .table_S .dataTables_wrapper .dataTables_processing {
        margin-top: 120px;
    }
    .platform_filter {
        width: inherit;
    }
    .platform_filter:after {
        top: 59%;
        right: 100px;
    }
    .plan_filter.platform_filter {
        flex-direction: column;
    }
    .plan_filter.platform_filter > #plan_type {
        margin: 0 !important;
        WIDTH: calc(100% - 100px);
    }
    .page_view.platform_filter {
        top: 70px;
    }
    .platform_filter.platform {
        top: 140px;
    }
    .web_owners.filters_s .profile_tabs:after {
        top: 235px;
    }
    .container-fluid.content__up.web_owners.filters_s .dataTables_wrapper {
        padding-top: 235px;
    }
    .page_view.platform_filter:after, .plan_filter.platform_filter:after {
        right: 100px;
    }
  
    
}
@media screen and (max-width:400px) {
    .dataTables_wrapper .dataTables_length,
    .dataTables_wrapper .dataTables_filter {
        text-align: left;
    }

    .dataTables_wrapper .dataTables_filter,
    .dataTables_wrapper .dataTables_length {
        float: none;
    }
    .dataTables_wrapper .dataTables_length {
        margin-top: 0;
    }
    .dataTables_wrapper .dataTables_filter input {
        width:100%;
    }
    .dataTables_length label {
        max-width: max-content;
        

    }
    .dataTables_length label:after {
        right: 33%;
    }
    .dataTables_wrapper .dataTables_length select {
        margin-left: 12px;
    }
    .web_owners .table_S .dataTables_wrapper .dataTables_processing {
        margin-top: 170px;
    }
    .web_owners .profile_tabs>.table_S>.dataTables_wrapper:has(> .btn.btn-promary.export_managers) {
        padding: 0 3px 0;
    }
    .dataTables_wrapper > .btn.btn-promary.export_managers {
        right: 0;
        top: 0;
        left: auto;
    }
    
.web_owners.filters_s .dataTables_wrapper .dataTables_processing {

    padding-top: 20px;
  }

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




    .filter_form form>select:nth-child(2) {
        width: 70px !important;
    }

    .coupon_form .form-group .row > .col-6 {
        width: 100%;
        padding: 0;
    }
    .coupon_form .form-group .row > .col-3 {
        width: 50%;
    }
    .coupon_form .form-group .row > .col-3 > button {
        margin-top: .8rem;
    }
    .web_owners.filters_s .table_S .dataTables_wrapper .dataTables_processing {
        margin-top: 360px;
    }    

}

@media screen and (max-width:340px) {
    #loginimg.sidebar__open {
        width: 90px;
    }




    #sidebar-wrapper {
        top: 40px;
    }
    .support__form input,
    .form-control span,
    .form-control, .btn_group a, .script_I button {
        font-size: 13px !important;
    }
    .container_sld {
        min-width: 250px;
    }
}
@media(min-width:1000px){
    .button-dropdown.help_sd .form-check-label {
        font-size: 12px;
    }
    
    .add__project__short {
        font-size: 12px;
    }
    
    .dropdown .btn.btn-primary.dropdown-toggle {
        font-size: 12px;
    }
    
    .project__dropdown, .dropdown.add_web_s {
        max-width: 140px;
    }
    
    .page_hd_top {
        font-size: 20px;
        width: max-content;
    }
    
    .nav-item.appSumoCode {
        font-size: 12px;
        min-width: 80px;
    }
    
    #navbarDropdown.user_name {
        font-size: 12px;
        gap: 5px;
    }
    .project__dropdown::after {
        top: 15px;
    }
    }

/* .custom-tabel #wrapper #sidebar-wrapper .scroller.scroll_flex{
    justify-content: space-between;
} */



/* Tooltip CSS  start*/

.form-check {
    position: relative;
}

.tooltip {
    position: absolute;
    bottom: 150%; 
    left: 50%;
    transform: translateX(-50%);
    background-color: #333;
    color: #fff;
    padding: 8px 12px;
    border-radius: 5px;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.2s ease-in-out, visibility 0s linear 0.2s;
    white-space: nowrap;
    text-align: center;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    z-index: 1; 
}


.form-check:hover .tooltip {
    visibility: visible;
    opacity: 1;
    transition-delay: 0s;
}

/* Tooltip CSS end*/

body.sb-sidenav-toggled div#side_message {
    display: none;
}


/* 20-01-2025 */



@media (max-width:768px){
    .container-fluid.content__up > .alert-status {
      top: 50px;
    }
    #navbarDropdown.user_name {
      min-width: fit-content;
    }
    .icon-menu {
      width: 30px;
    }
    .script_I.content__up .alert-status.sticky {
      top: 50px;
    }
    .desk_mb_speed.sticky_s {
        top: 150px;
        width: 92%;
        margin: auto;
        right: 0;
        left: 0;
    }
    .script_I.content__up .alert-status {
      top:50px;
    }
    #step3{
        .inst_speed_new-container.speed_con {
            gap: 5px; 
        }
        div .url_inst_speed_new.one, .url_inst_speed_new+.url_inst_speed_new, .url2_inst_speed, .url3_inst_speed, .url_inst_speed_old, div .url2_inst_speed_new, div .url3_inst_speed_new, div .url_inst_speed_new.one {
            padding: 5px;
        }
    }
    .container-fluid.content__up > .alert-status {
        top: 50px;
    }
    #navbarDropdown.user_name {
        min-width: unset;
    }
    .icon-menu {
        width: 30px;
    }
  }

  
#step3{
    .table-script-core, .table-script-speed {
        margin-top: 0px;
    }
}
@media (max-width:1400px) {

    #step3{

        .main-table-page-cvw>thead>tr>th {
            font-size: 12px;
        }
        table th {
            font-size: 12px;
            font-weight: 600;
        }
        .table thead th {
            padding: 2px;
        }
        table td {
            font-size: 12px;
            padding: 2px !important;
        }
        td.performance, td.performance_m {
            min-height:unset;
        }
        .url_inst_speed_old span, .url_inst_speed_new span, .url2_inst_speed span, .url3_inst_speed span, .url2_inst_speed_new span, .url3_inst_speed_new span {
            font-size: 16px;
        }
        .table-script-core, .table-script-speed {
            margin-top: 0px;
        }
    }

}

.speed_con .page-cvw-box {
    -webkit-overflow-scrolling: touch;
}
.speed_con .page-cvw-box::-webkit-scrollbar {
    -webkit-appearance: none;
}

.speed_con .page-cvw-box::-webkit-scrollbar:vertical {
    width: 2px;
}

.speed_con .page-cvw-box::-webkit-scrollbar:horizontal {
    height:2px;
}

.speed_con .page-cvw-box::-webkit-scrollbar-thumb {
    background-color: #E96F0C;
}

.speed_con .page-cvw-box::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #fff;
}

@media (max-width:1300px){ 
    .script-switcher-box .form-check-label {
        font-size: 12px;
        max-width: 140px;
    }
    p#seeInstructionBtnTarget {
        scroll-margin-block-start: 200px;
    }

    div .url_inst_speed_new.one, .url_inst_speed_new+.url_inst_speed_new, .url2_inst_speed, .url3_inst_speed, .url_inst_speed_old, div .url2_inst_speed_new, div .url3_inst_speed_new, div .url_inst_speed_new.one {
        padding: 6px;
    }
   
}

@media (max-width:1225px){
    .desk_mb_speed.sticky_s {
        top: 165.5px;
    }
    .url_inst_speed_old span, .url_inst_speed_new span, .url2_inst_speed span, .url3_inst_speed span, .url2_inst_speed_new span, .url3_inst_speed_new span {
        font-size: 12px !important;
    }
    .alert .btn {
        font-size: 13px;
    }

}

@media (max-width:1000px){
    .script-switcher-box .form-check-label {
        color: #000 !important;
        font-size: 10px;
    }
    .url_inst_speed_old span, .url_inst_speed_new span, .url2_inst_speed span, .url3_inst_speed span, .url2_inst_speed_new span, .url3_inst_speed_new span {
        padding: 0px 5px !important;
    }
}

@media (max-width:767px){
    #seeInstructionBtn {
        margin-left: auto;
        background: #E96F0C;
        color: #fff;
        font-weight: 500;
        font-size: 14px;
        text-transform: uppercase;
        padding: 4px 10px;
        border-radius: 3px;
        letter-spacing: 0.4px;
        margin-right: 10px;
        position: relative;
        top: unset;
        cursor: pointer;
        right: unset;
        width: fit-content;
        display: block;
        margin-bottom: 8px;
        margin-right: auto;
    }
    .nav__fix {
        height: 51.4px !important;
    }
    .desk_mb_speed.sticky_s {
        top: 194.5px;
    }
    .script_I .script_Icontainer {
        background: transparent;
        padding: 0px;
    }
    #page-speed-table .form-tab {
        background: #fff;
    }
    #navbarDropdown.user_name {
        min-width: fit-content;
    }
    .icon-menu {
        width: 30px;
    }
    .desk_mb_speed.sticky_s {
        top:162.5px !important;
    }
    .script_I.content__up .alert-status.sticky {
        top: 48px;
    }
    .Request_ibt {
        width: 100%;
    }
    .group-button .Request_ibt .btn-group-txt {
        max-width: 100%;
    }
    #step3{
        .inst_speed_new-container.speed_con .url_inst_speed_new {
            width: calc(50% - 5px);
        }
        .inst_speed_new-container.speed_con .url2_inst_speed_new, .inst_speed_new-container.speed_con .url2_inst_speed {
            width: calc(50% - 5px );
        }
        .inst_speed_new-container.speed_con .url3_inst_speed_new, .inst_speed_new-container.speed_con .url3_inst_speed {
            margin: 0px;
            width: calc(50% - 5px );
        }
    }
}

@media (max-width:450px){ 
    .script_I.content__up .alert-status, .script_I.content__up .alert-status.sticky {
        top: 60px;
    }
    .container-fluid.content__up > .alert-status {
        top: 60px;
    }
    .desk_mb_speed.sticky_s {
        top: 162.5px !important;
    }
}
.managers_title_cus{
.table.speedy-table.card__table {
    background: #edf0f2;
    padding: 15px;
    border-radius: 8px;
    border: 1px solid rgb(222, 226, 230);
    display: grid;
    grid-template-columns: 1fr;
    gap: 15px 100px;
}
.table.speedy-table.card__table .data:nth-child(1) {
    grid-column:unset;
} 
.table.speedy-table.card__table .data:nth-child(2) {
    grid-column:unset;
    border-bottom: 1px solid rgb(222, 226, 230);
    padding-bottom: 12px;
}
.table.speedy-table.card__table .data > div {
    white-space: pre-line;
    display: block;
    width: 100%;
}
.table.speedy-table.card__table .data.pls_ts {
    flex-direction: row;
}
}

/* swal popup css start */

.swal2-container a.add__project__short.mob__hide {
    background: #fff;
    padding: 0.375rem 0.75rem;
    color: #000;
    border: 2px solid #000;
    font-weight: 600;
    max-width: 150px;
    width: 100%;
}

.swal2-container button#installTourGuide {
    display: none;
}

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

.swal2-container ul.dropdown-menu.show li:not(.dropdown-header) a {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    padding-bottom: 5px !important;
    padding-top: 5px !important;
    word-break: break-word;
}

.swal2-container ul.dropdown-menu.show li:not(.dropdown-header){
    padding: 0px 10px;
}

/* end */