.tab_price .title {
    font-size: 14px;

}

.tab_price .nav-link {
    padding: 5px;
    border-radius: 0px;
}


.nav-pills-custom .nav-link {
    color: #35415a;
    border: none;
    font-size: 14px;
    border-radius: 0.45rem;
    font-weight: bold;
    background-color: rgba(52, 58, 64, .15)
}

.nav-pills-custom .nav-link.active,
.nav-pills-custom .show>.nav-link {
    color: #fff;
    background-color: #343a40
}


.nav-pills-custom>li>a,
.nav-tabs-custom>li>a {
    color: #35415a;

}

.nav-pills-custom>a {
    color: #35415a;

}

.nav-pills-custom .nav-link.active {
    color: #fff;
    background-color: #343a40;

}

.nav-pills-custom .nav-link.active:after {
    -webkit-transform: scale(1);
    transform: scale(1);
}

td.fitwidth,
th.fitwidth {
    width: 1px;
    white-space: nowrap;

}

.create_business_categories {
    padding-top: 0px;
}


.create_business_categories td {
    font-size: 24px;
    text-align: center;
    color: #343a40;
}


.create_business_categories .tableFixHead {
    overflow-y: auto;
    /* make the table scrollable if height is more than 200 px  */
    height: 700px;
    /* gives an initial height of 200px to the table */
}

.create_business_categories .tableFixHead thead {
    background-color: #fff;
}

.create_business_categories .tableFixHead tfoot {
    background-color: #fff;
}

.create_business_categories .tableFixHead thead th {
    position: sticky;
    /* make the table heads sticky */
    top: 0px;
    background-color: #fff;
    align-items: center;
    justify-content: center;
    /* table head will be placed from the top of the table and sticks to it */
}

.create_business_categories .tableFixHead tfoot th:not(:first-child) {
    text-align: center;
    font-size: 18px;
    background-color: #fff;
    align-items: center;
    justify-content: center;
    /* table head will be placed from the top of the table and sticks to it */
}

.create_business_categories table {
    border-collapse: collapse;
    /* make the table borders collapse to each other */
    width: 100%;
}

.create_business_categories th,
.create_business_categories td {
    padding: 8px 16px;

}




.business_categories {
    width: 1px;
    white-space: nowrap;
    font-weight: bold;

    padding: 10px;
    font-size: 22px;
    cursor: pointer;
    color: #545965;
    text-align: center;

}


.business_categories_feature {
    width: 1px;
    white-space: nowrap;
    background-color: #fff;
    font-weight: bold;
    padding: 10px;
    font-size: 16px;
    cursor: pointer;


}



.business-industry .choices__item--choice,
.business-industry .choices__placeholder,
.business-industry .choices__item--selectable {
    font-size: 18px;
    font-weight: bold;
}

.business-industry .choices__list {
    z-index: 99999;
}

.business-industry .choices__item {
    padding: 10px;
}





.business-industry .plan {

    border: 3px solid #343a40;
    border-radius: 15px;
    cursor: pointer;
    min-height: 120px;
    height: max-content;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}

.business-industry .plan .border-plan {
    background-color: #fff;
    border-radius: 15px;
    padding: 5px;
    cursor: pointer;


}

.business-industry .plan .title {
    font-family: "Tajawal-Black";
    font-size: 14px;
    padding: 0px;
    margin-bottom: 5px;
    text-align: center;
}

.business-industry .plan .price {
    font-size: 24px;
    color: #35415a;
    font-family: "Tajawal-ExtraBold";
}

.business-industry .plan .currency {
    font-size: 14px;
    color: #35415a;
}


.business-industry .plan .disk_storage {

    font-size: 14px;
    text-align: center;
    color: #35415a;
    border-top: 1px solid #545965;
    padding-top: 5px;
    font-weight: bold;
}



.business-industry .select-plan .border-plan {
    background-color: #343a40;
}

.business-industry .select-plan .title,
.business-industry .select-plan .price,
.business-industry .select-plan .currency,
.business-industry .select-plan .disk_storage {
    color: #fff;

}

.business-industry .select-plan .disk_storage {
    border-top: 1px solid #fff;
}

.business-industry .period a {
    padding: 10px;
    min-width: 100px;
    font-size: 18px;
    font-weight: bold;
}

.business-industry .create {
    font-size: 22px;
    font-weight: bold;
}

.business-industry .border-dott {
    border: 1px dashed #545965;
    border-radius: 5px;
    width: 99%;
    background-color: #fcfcfc;
    margin-bottom: 10px;
    padding: 15px;
}

.business-industry .border-dott ul li {
    margin-bottom: 5px;
    font-size: 16px;
}

.business-industry .header-finsh {
    border-bottom: 3px solid #343a40;
    padding-bottom: 10px;
    width: fit-content;
}

.business-industry .subscription {
    display: inline-block;
    vertical-align: middle;
}

.business-industry .subscription .price,
.business-industry .subscription .currency {
    display: block;
    font-size: 10px;
    padding: 0px;
    margin: 0px;
}

.business-industry .subscription .currency {
    margin-top: -5px;
}


.business-switch .nav-pills .nav-link {
    color: #545965;
    background-color: #fff;
    background: #fff;
    font-weight: bold;
    border-radius: 0px;
    font-size: 22px;
    border-bottom: 1px solid #eff0f2;
}

.business-switch .nav-pills .nav-link:hover {
    background-color: #343a40;
    background: #343a40;
    color: #fff;
    border-radius: 0px;
    border-left: 5px solid #35415a;
}

.business-switch .nav-pills .nav-link:first-child:hover,
.business-switch .nav-pills .nav-link:first-child {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.business-switch .nav-pills .nav-link:last-child:hover,
.business-switch .nav-pills .nav-link:last-child {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.business-switch .nav-pills .active {
    background-color: #343a40;
    background: #343a40;
    border-radius: 0px;
    color: #fff;
    border-left: 5px solid #35415a;

}

.business-id {
    color: #545965;
    padding: 0;
    width: fit-content;
    display: block;

}

.business-id span {
    font-style: italic;
    border-bottom: 1px dotted #545965;

}





.create-business-content {
    width: 60%;
}

@media (max-width:767px) {
    .create-business-content {
        width: 95%;
    }
}

.industrie {
    border: 1px solid #35415a;
    border-radius: 15px;
    cursor: pointer;
    margin-bottom: 10px;
    padding: 15px;

    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}

.industrie span {
    display: block;
    color: #35415a;
    text-align: center;
    padding: 0px;
    margin: 0px;
}

.industrie i {
    font-size: 32px;
}

.industrie .title {

    font-weight: bold;
    font-size: 28px;
}

.select-industrie {
    background-color: #343a40;
}

.select-industrie span {
    color: #fff;
}

.industrie:hover {
    background-color: #343a40;
}

.industrie:hover span {
    color: #fff;
}



.billing-hosting .nav-link,
.contact-info .nav-link {
    font-weight: bold;
    text-align: center;
}

.popup-chat-button {
    position: fixed;
    right: 25px;
    bottom: 10px;
    align-items: center;
    justify-content: center;
    border-bottom-right-radius: 0px;
}

.popup-chat-button i {
    color: #343a40;
    font-size: 50px;
    cursor: pointer;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}

.popup-chat-support {
    position: fixed;
    bottom: 90px;
    right: 20px;
    width: 27%;
    z-index: 9999;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    padding: 0px;
    margin: 0px;
    display: none;
}







.dashboard .product-no {
    border-right: 3px solid #343a40;
    padding-right: 5px;
    border-left: 3px solid #343a40;
    padding-left: 5px;
}


.dashboard .product-no .title {

    font-weight: bold;
    font-size: 16px;
}


.dashboard .product-no .code {
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
}






.seo-checks {
    padding: 8px !important;
    font-size: 10pt !important;
}

.seo-checks {
    transition: all 800ms;
}

.scrollable-menu {
    height: auto;
    max-height: 300px;
    overflow-x: hidden;
}

.btn-effects {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.16);
}

.btn-effects:hover {
    -webkit-box-shadow: 0 5px 6px rgba(0, 0, 0, 0.16);
    box-shadow: 0 5px 6px rgba(0, 0, 0, 0.16);
}


.btn-effects-a {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.16);
}

.btn-effects-a:hover {
    -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.16);
}


.box-business {
    border-radius: 10px;
    padding: 0px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}




.table-scroll {
    overflow-x: scroll;
}

.table-scroll th {
    text-transform: none;
    font-weight: bold;
    white-space: nowrap;
    width: 1px;
    text-align: center;
}

.table-scroll input {
    font-size: 14px;

}

.table-scroll table {
    table-layout: auto;
    width: 100%;
}

.table-scroll {
    max-height: 400px;
    overflow: scroll;
}

/* Define the scrollbar style */
*::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

/* Define the thumb style */
*::-webkit-scrollbar-thumb {
    background: #343a40;
    border-radius: 0px;
}

/* Define the track style */
*::-webkit-scrollbar-track {
    background-color: #ddd;
    border: none;
}

/* Style the beginning section of the scrollbar track */
*::-webkit-scrollbar-track-piece:vertical:start {
    background-color: #4d7fff;
}

/* Style the end section of the scrollbar track */
*::-webkit-scrollbar-track-piece:vertical:end {
    background-color: #343a40;
}

/* Define the button style */
*::-webkit-scrollbar-button:vertical {
    background-color: #343a40;
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: center;
}


.nav-tabs-custom {
    border-bottom: 2px solid #eff0f2;
    overflow: scroll;

}

.nav-tabs-custom .nav-item {
    position: relative;
    color: #35415a;
    width: max-content;
    white-space: nowrap;
}

.nav-tabs-custom .nav-item .nav-link {
    border: none;
    white-space: nowrap;

}



.nav-tabs-custom .nav-item .nav-link::after {
    content: "";
    background: #35415a;
    height: 2px;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -2px;
    -webkit-transition: all 250ms ease 0s;
    transition: all 250ms ease 0s;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.nav-tabs-custom .nav-item .nav-link.active {
    color: rgb(54, 65, 89);
    background-color: rgba(54, 65, 89, .3)
}

.nav-tabs-custom .nav-item .nav-link.active:after {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.nav-tabs-custom.card-header-tabs {
    border-bottom: none
}

.nav-tabs-custom.card-header-tabs .nav-link {
    padding: 1.1rem 1rem;
    font-weight: 500
}




.order-tab {
    padding: 5px;
    border-bottom: 1px solid #c0c0c0;
    width: 100%;
    display: block;
    font-size: 15px;
}

.order-yes-no {
    width: 100px;
    padding: 5px;
    text-align: center;
}

 
.order-notes {
     max-height: 300px;
     overflow: scroll;
     padding: 5px;
}

.order-note {
    padding: 10px;
    border-bottom: 0.7px solid #bbb;
    margin: 5px;
    border-radius: 10px;
    background-color: #efefef;
    position: relative;
}

.order-note .time {
    position: absolute;
    top: 7px;
    right: 7px;
    font-size: 12px;
}

.order-note .message {
    margin-top: 10px;
    margin-bottom: 10px;
    display: block;
}



.order-note .tab {
    padding: 5px;

}

.cls-1 {
    fill: none;
    stroke:#000000;
    stroke-linecap: round;
    stroke-linejoin: round;
  }