/* welcome screen css start */

.p-48{
    padding:48px;
}
.p-right {
    padding-right: 60px!important;
}
.invite-user-search-p-right {
    padding-right: 40px !important;
}
.h-343{
    height:343px;
}
.border-15{
    border-radius:15px;
}
.shadow-0{
    box-shadow:none !important;
}
/* Trademark css start */
.scrollmenu {
    display: grid;
    grid-auto-flow: column;
    overflow-x: auto;
    scrollbar-width: none; /* hide scrollbar for Firefox */
    -ms-overflow-style: none; /* hide scrollbar for IE and Edge */
}

    .scrollmenu::-webkit-scrollbar {
        display: none; /* hide scrollbar for Chrome, Safari, and Opera */
    }

.scroll-button-container {
    display: flex;
    align-items: center;
}

.scroll-button {
    background-color: #f1f1f1;
    border: 1px solid #ccc;
    padding: 5px 10px;
    cursor: pointer;
    user-select: none;
}

    
.nav-tabs .nav-link {
    margin-bottom: 2px;
}

.nav-tabs.scrollmenu .nav-item {
    display: flex;
}

.nav-tabs.scrollmenu .nav-link {
    white-space: nowrap; /* Prevent wrapping */
}
.p-13-65{
    padding:13px 65px !important;
}
.padding-right-footer {
    padding-right: 22px;
}

.gap-8 {
    gap: 8.75px;
}
.w-450 {
    width: 450px;
}
.w-311 {
    width: 311px;
}
.resize-0 {
    resize: none;
}

.dashboard-idea {
    padding: 10px;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 4px 8.6px 0px rgba(207, 207, 207, 0.25);
}
 

.w-40 {
    width: 40% !important;
}

@media(max-width:767px) {
    .w-40 {
        width: 100% !important;
    }
}


.color-grey {
    color: #6D6D79;
}


.custom-z-index{
    z-index : 1000 !important;
}
/* Trademark css end */
.dropdown-icon-profile {
    background-image: url(/images/profile/dropdown-icon-profile.svg) !important;
    background-position: 95% 22px !important;
    background-repeat: no-repeat !important;
    background-size: 11px !important;
    cursor:pointer;
}

.color-black {
    color: #030229 !important;
}
  
.tab-content {
    padding: 20px;
}


.mt-14 {
    margin-top: 14px;
}

.gap-24{
    gap:24px;
}

.margin-top-40{
    margin-top:40px;
}
.margin-top-91{
    margin-top:108px;
}
.add-link-card-pb {
    padding-bottom: 2.1875rem !important;
}
.border-8 {
    border-radius: 8px !important;
} 
.gap-34 {
    gap: 34px;
}

.nav-tab-profile {
    border-bottom: none !important;
}

textarea:focus-visible {
    outline: none !important;
}

.btn-profile {
    font-family: Nunito;
    font-size: 0.875rem !important; /* 12px / 16px */
    font-weight: 400 !important;
    letter-spacing: 0em;
    color: #26C0E2 !important; /* Text color */
    background-color: transparent; /* Transparent background */
    border: 1px solid #26C0E2 !important; /* Border color */
    border-radius: 10px !important; /* Border radius */
    color: #26C0E2 !important;
}

.font-nunito-14 {
    font-family: Nunito;
    font-size: 0.875rem !important;
}

/*.btn-profile:hover {
    color: #fff !important;*/ /* Text color on hover */
    /*background-color: #26C0E2 !important;*/ /* Background color on hover */
    /*border-color: #26C0E2 !important;*/ /* Border color on hover */
/*}*/

 
.mtop-1 {
    margin-top: 1px;
}

.g-20 {
    gap: 20px;
}

.mtop-2 {
    margin-top: -2px;
}

.gap-12 {
    gap: 12px;
}

.pl-32 {
    padding-left: 32px;
}
@media(max-width: 991px) {
    .pl-32 {
        padding-left: 16px;
    }
}

    .gap-30 {
        gap: 30px;
    }

    .gap-15 {
        gap: 15px;
    }


    .g-120 {
        gap: 120px;
    }

    .sidebar-h {
        height: 86vh !important;
    }

.h-49 {
    height: 49vh;
}
.w-79{
    width : 78.4% !important;
}
.nav-tab-underline-width {
    width: 71.4% !important;
}
.h-90{
    height:90vh;
}
.gap-16 {
    gap: 16px;
}

    .h-w {
        height: 38px;
        width: 156px;
    }

    .w-78 {
        width: 78.48% !important;
    }

    .h-67 {
        height: 66px;
    }

    @media(min-width:324px) and (max-width:520px) {
        .h-67 {
            height: 116px;
        }
    }

    @media(min-width:303px) and (max-width:323px) {
        .h-67 {
            height: 163px;
        }
    }

    @media(min-width:280px) and (max-width:302px) {
        .h-67 {
            height: 208px;
        }
    }



    .m-30 {
        margin: 30px !important;
    }

    .mb-30 {
        margin-bottom: 30px;
    }

    .mt-39 {
        margin-top: 39px;
    }

    .mt-19 {
        margin-top: 19px;
    }

    .gap-19 {
        gap: 19px;
    }

    .gap-10 {
        gap: 10px;
    }

    .p-30 {
        padding: 30px;
    }

    .mt-9 {
        margin-top: 9rem;
    }

    .footer-pagination-height {
        height: 80px !important;
    }

    .footer-page-margin {
        margin-left: 30px;
    }

    @media(max-width:767px) {
        .footer-pagination-height {
            height: 226px !important;
            padding: 22px;
        }

        .footer-page-margin {
            margin-left: 0 !important;
        }
    }

    .footer-dropdown-icon {
        background-image: url(/images/user/dropdown-arrow-btn.svg) !important;
        background-position: 97% 14px;
        background-repeat: no-repeat;
        background-size: 8px;
    }


    /* -- Tools Custom Css start -- */
    input[type="date"]::-webkit-calendar-picker-indicator {
        color: rgba(0, 0, 0, 0);
        opacity: 1;
        display: block;
        background: url('/images/Calendar.svg') no-repeat;
        width: 20px;
        height: 20px;
        border-width: thin;
    }

    .date-input-field::-webkit-calendar-picker-indicator {
        color: rgba(0, 0, 0, 0);
        opacity: 1;
        display: block;
        background: url('/images/calendar1.svg') no-repeat !important;
        width: 20px;
        height: 20px;
        border-width: thin;
    }

    /* -- Tools Custom Css start -- */
    input[type="time"]::-webkit-calendar-picker-indicator {
        color: rgba(0, 0, 0, 0);
        opacity: 1;
        display: block;
        background: url('/images/clock.svg') no-repeat;
        width: 20px;
        height: 20px;
        border-width: thin;
    }


    .btn-window {
        padding: 10px;
        border-radius: 5px 0px 0px 5px;
        border-right: 1px solid rgba(0, 0, 0, 0.16);
        background: #FFF;
        border: 1px solid #B6B6BC;
    }

    .btn-menue-bars {
        padding: 10px;
        border-radius: 0px 5px 5px 0px;
        background: #FFF;
        border-left: none;
        border: 1px solid #B6B6BC;
    }
    /*********************** Yellow chckbox********/

    .Yellow-checkbox {
        display: block !important;
        position: relative !important;
        padding-left: 26px !important;
        margin-bottom: 12px !important;
        cursor: pointer !important;
        padding-top: 2px !important;
        -webkit-user-select: none !important;
        -moz-user-select: none !important;
        -ms-user-select: none !important;
        user-select: none !important;
    }

        /* Hide the browser's default checkbox */
        .Yellow-checkbox input {
            position: absolute !important;
            opacity: 0 !important;
            cursor: pointer !important;
            height: 0 !important;
            width: 0 !important;
        }


            /* When the checkbox is checked, add a blue background */
            .Yellow-checkbox input:checked ~ .checkmark {
                background-color: #FFC727 !important;
            }

    /* Create the checkmark/indicator (hidden when not checked) */
    .checkmark:after {
        content: "" !important;
        position: absolute !important;
        display: none !important;
    }

    /* Show the checkmark when checked */
    .Yellow-checkbox input:checked ~ .checkmark:after {
        display: block !important;
    }

    /* Style the checkmark/indicator */
    .Yellow-checkbox .checkmark:after {
        border-radius: 2px;
        left: 6px !important;
        top: 1px !important;
        width: 6px !important;
        height: 12px !important;
        border: solid black !important;
        border-width: 0 3px 3px 0 !important;
        -webkit-transform: rotate(45deg) !important;
        -ms-transform: rotate(45deg) !important;
        transform: rotate(45deg) !important;
    }


    /******** Green Checkbox ************/

    .Green-checkbox {
        display: block !important;
        position: relative !important;
        padding-left: 26px !important;
        margin-bottom: 12px !important;
        cursor: pointer !important;
        padding-top: 2px !important;
        -webkit-user-select: none !important;
        -moz-user-select: none !important;
        -ms-user-select: none !important;
        user-select: none !important;
    }

        /* Hide the browser's default checkbox */
        .Green-checkbox input {
            position: absolute !important;
            opacity: 0 !important;
            cursor: pointer !important;
            height: 0 !important;
            width: 0 !important;
        }

    /* Create a custom checkbox */
    .checkmark {
        border-radius: 4px !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        height: 19px !important;
        width: 19px !important;
        background-color: #fff !important;
    }



    /* When the checkbox is checked, add a green background */
    .Green-checkbox input:checked ~ .checkmark {
        background-color: #34C550 !important;
    }

    /* Create the checkmark/indicator (hidden when not checked) */
    .checkmark:after {
        content: "" !important;
        position: absolute !important;
        display: none !important;
    }

    /* Show the checkmark when checked */
    .Green-checkbox input:checked ~ .checkmark:after {
        display: block !important;
    }

    /* Style the checkmark/indicator */
    .Green-checkbox .checkmark:after {
        border-radius: 2px;
        left: 7px !important;
        top: 3px !important;
        width: 6px !important;
        height: 11px !important;
        border: solid #FFFFFF !important;
        border-width: 0 3px 3px 0 !important;
        -webkit-transform: rotate(45deg) !important;
        -ms-transform: rotate(45deg) !important;
        transform: rotate(45deg) !important;
    }
    /******** Blue Checkbox ************/

    .blue-checkbox {
        display: block !important;
        position: relative !important;
        padding-left: 26px;
        margin-bottom: 12px !important;
        cursor: pointer !important;
        padding-top: 2px !important;
        -webkit-user-select: none !important;
        -moz-user-select: none !important;
        -ms-user-select: none !important;
        user-select: none !important;
    }

        /* Hide the browser's default checkbox */
        .blue-checkbox input {
            position: absolute !important;
            opacity: 0 !important;
            cursor: pointer !important;
            height: 0 !important;
            width: 0 !important;
        }

    .blue-checkbox-pl {
        padding-left: 31px !important;
    }
    /* When the checkbox is checked, add a blue background */
    .blue-checkbox input:checked ~ .checkmark {
        background-color: #1AC7DE !important;
    }

        /* Show the checkmark when checked */
        .blue-checkbox input:checked ~ .checkmark:after {
            display: block !important;
        }

    /* Style the checkmark/indicator */
    .blue-checkbox .checkmark:after {
        border-radius: 2px;
        left: 6px !important;
        top: 3px !important;
        width: 6px !important;
        height: 11px !important;
        border: solid #FFFFFF !important;
        border-width: 0 3px 3px 0 !important;
        -webkit-transform: rotate(45deg) !important;
        -ms-transform: rotate(45deg) !important;
        transform: rotate(45deg) !important;
    }

    input:-webkit-autofill, input:-webkit-autofill:active, input:-webkit-autofill:focus {
        background-color: transparent !important;
    }


    .searchbr-width {
        width: 692px;
    }



    @media(min-width:1410px) and (max-width:1430px) {
        .card-responsive {
            flex-direction: column !important;
            align-items: flex-start !important;
        }

        .margin-left-0 {
            margin-left: 0px !important;
        }

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

    @media(min-width:1200px) and (max-width:1409px) {
        .card-responsive-buttons {
            flex-direction: column !important;
            align-items: flex-start !important;
        }

        .card-responsive {
            flex-direction: column !important;
            align-items: flex-start !important;
        }


        .margin-left-0 {
            margin-left: 0px !important;
        }

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

        .flex-wrap-enable1 {
            flex-direction: column !important;
            align-items: flex-start !important;
            margin-left: 0px !important;
        }

        .margin-bottom-40 {
            margin-bottom: 40px !important;
        }
    }

    @media(max-width:1199px) {


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

    .bottom-div {
        margin-bottom: 13px !important;
        margin: 30px 30px !important;
        height: 763px !important;
    }

    .bottom-div-bg-color {
        margin-bottom: 10px !important;
        margin: 30px;
        background-color: white;
    }

    .resuit-botom-div {
        gap: 24px;
        padding-bottom: 12px !important;
        padding-top: 0px !important;
        padding: 30px;
    }

    .custom-search {
        box-shadow: none !important;
        border-color: none !important;
        border: none !important; /* Remove the border */
    }

        .custom-search:focus {
            box-shadow: none !important;
            border-color: none !important;
            border: none !important; /* Remove the border */
        }

    .f-nunito {
        font-family: 'Nunito';
    }

    .font-nunito {
        font-family: Nunito;
        font-size: 0.875rem; /* 14px / 16px */
        font-weight: 400;
        line-height: 1.188rem; /* 19px / 16px */
        color: #030229;
        letter-spacing: 0em;
    }

    .f-nunito-14-500 {
        font-family: Nunito;
        font-size: 0.875rem; /* 14px / 16px */
        font-weight: 500;
        line-height: 1.188rem; /* 19px / 16px */
        text-align: center;
    }

    .f-nunito-16-400 {
        font-family: Nunito;
        font-size: 1rem; /* 16px / 16px */
        font-weight: 400;
        letter-spacing: 0em;
        text-align: left;
    }

    .f-nunito-13-600 {
        font-family: Nunito;
        font-size: 0.8125rem; /* 13px / 16px */
        font-weight: 600;
        line-height: 1.125rem; /* 18px / 16px */
        letter-spacing: 0em;
        text-align: left;
        color: #030229;
    }

    .f-nunito-14-600 {
        font-family: Nunito;
        font-size: 0.875rem; /* 14px / 16px */
        font-weight: 600;
        line-height: 1.188rem; /* 19px / 16px */
        letter-spacing: 0em;
        text-align: left;
    }

    .f-nunito-12-400 {
        font-family: Nunito;
        font-size: 0.75rem; /* 12px / 16px */
        font-weight: 400;
        letter-spacing: 0em;
        color: #6D6D79;
    }

    .f-nunito-12-700 {
        font-family: Nunito;
        font-size: 1rem; /* 16px / 16px */
        font-weight: 700;
        line-height: 1.375rem; /* 22px / 16px */
        letter-spacing: 0em;
        text-align: left;
    }

    .f-nunito-20-700 {
        font-family: Nunito;
        font-size: 1.25rem; /* 20px / 16px */
        font-weight: 700;
        line-height: 1.688rem; /* 27px / 16px */
        letter-spacing: 0em;
        text-align: left;
    }

    .f-roboto-14-400 {
        font-family: Roboto;
        font-size: 0.875rem; /* 14px / 16px */
        font-weight: 400;
        line-height: 1rem; /* 16px / 16px */
        letter-spacing: 0em;
        text-align: left;
        color: #FFFFFF;
    }

    .f-nunito-14-700 {
        font-family: Nunito;
        font-size: 0.875rem; /* 14px / 16px */
        font-weight: 700;
        line-height: 1.188rem; /* 19px / 16px */
        letter-spacing: 0em;
        text-align: left;
        color: #030229;
    }

    .f-roboto-12-400 {
        font-size: 0.75rem; /* 12px / 16px */
        color: #FFFFFF;
        font-weight: 400;
        line-height: 1.5rem; /* 24px / 16px */
    }





    .nunito-bold {
        font-family: Nunito;
        font-size: 1.75rem; /* 28px / 16px */
        font-weight: 600;
        line-height: 2.375rem; /* 38px / 16px */
        letter-spacing: 0em;
        text-align: center;
    }

    /*tools and chant css end*/
    .tool-empty-content {
        width: 502px;
        gap: 36px;
    }



    .card {
        box-shadow: 0 0 1px rgba(0, 0, 0, 0), 0 0px 0px rgba(0, 0, 0, 0);
        /*margin-bottom: 1rem;*/
    }





    .dropdown-item {
        position: relative;
    }

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

            .dropdown-item.active::after {
                content: "";
                background: url("/images/tick.svg") no-repeat;
                background-size: contain;
                width: 11.67px;
                height: 16.33px;
                position: absolute;
                top: 50%;
                right: 17px;
                transform: translateY(-50%);
            }


        .dropdown-item.active {
            background-color: #FFFFFF !important;
            color: black;
        }

    .dropdown-menu {
        border: none !important;
    }

    /* scrollbar */
    .scrollbar-0 {
        overflow-y: auto;
    }

        .scrollbar-0::-webkit-scrollbar {
            width: 0; /* Hide the scrollbar in WebKit browsers (Chrome, Safari, etc.) */
        }





.brand-text-head {
    color: #4adcdd ;
    font-family: Nunito;
    font-size: 0.75rem !important; /* 12px / 16px */
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0.08em;
    text-align: left;
    margin-top: 7px;
    margin-left: 28px;
}

    .brand-image-custom {
        height: 44px;
        margin-left: 28px;
        width: 106px;
        margin-top: 30px;
    }

    .side-arrow {
        margin-top: 46px;
        margin-left: 61px;
    }

    .side-bar-text {
        font-family: Nunito;
        font-size: 1rem !important; /* 16px / 16px */
        font-weight: 600;
        line-height: 22px;
        letter-spacing: 0em;
        text-align: left;
        color: #9A9AA9;
    }

    .dashboard > .nav-link.active {
        border-radius: 0px 5px 5px 0px !important;
        opacity: 0.9 !important;
        background: none !important;
    }

    .Ipprotection > .nav-link.active {
        border-radius: 0px 5px 5px 0px !important;
        opacity: 0.9 !important;
        background: none !important;
    }



    .nav-sidebar > .nav-item > .nav-link.active {
        border-radius: 0px 5px 5px 0px !important;
        opacity: 0.6 !important;
        background: linear-gradient(90deg, rgba(26, 199, 222, 0.2) 0%, rgba(26, 199, 222, 0.00) 91.25%);
    }

    /*.nav-sidebar > .nav-item > .nav-link.active {
    border-radius: 0px 5px 5px 0px !important;
    opacity: 0.9 !important;
    background: linear-gradient(90deg, rgba(26, 199, 222, 0.70) 0%, rgba(26, 199, 222, 0.00) 91.25%);
}*/

    .nav-link.active .side-bar-text {
        color: #1AC7DE !important;
    }

    .nav-item .active svg path {
        fill: #1AC7DE;
        color: #1AC7DE !important;
    }

    .nav-item .active svg .stroksvg {
        fill: none !important;
        stroke: #1AC7DE !important;
    }

    .nav-item .active svg .stroksvg {
        fill: none !important;
        stroke: #1AC7DE !important;
    }

    .nav-treeview > .nav-item > .nav-link.active {
        border-radius: 0px 5px 5px 0px !important;
        opacity: 0.6 !important;
        background: linear-gradient(90deg, rgba(26, 199, 222, 0.20) 0%, rgba(26, 199, 222, 0.00) 91.25%) !important;
    }

    .background-none {
        background: none !important;
    }

    .cursor-pointer {
        cursor: pointer;
    }

    .border-left {
        border-left: 3px solid #1AC7DE !important;
    }

    .border-left1 {
        height: 28px;
        border-left: 3px solid #1AC7DE !important;
    }



    .card-pagination-buttons {
        border: 1px solid #00000029;
        border-radius: 0px !important;
        padding: 8px 16px 8px 16px;
        color: black;
        background-color: white;
        width: 41px;
        height: 38px;
    }

        .card-pagination-buttons.active {
            background-color: #26C0E2;
            color: white;
            width: 39px;
            height: 37px;
        }



    input:-webkit-autofill,
    input:-webkit-autofill:focus {
        transition: background-color 0s 600000s, color 0s 600000s;
    }

    .form-control:focus, blur {
        background-color: transparent;
    }

    .align-pagination-items {
        display: flex;
        align-items: center;
        gap: 20px;
    }

    .admin-profil {
       
        gap: 12px;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
    }

    .admin-profil-close {
       
        align-items: center;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }




    .hr-light {
        border-top: 1px solid #f4f4f8;
    }




    .bg-color-grey {
        background: #DFE2EB !important;
    }

    .bg-color-pink {
        background: #F4EAE1 !important;
    }

    .border-10 {
        border-radius: 10px !important;
    }


    .p-mb {
        padding: 24px !important;
        margin-bottom: -10px !important;
    }

    .border-50-percent {
        border-radius: 50% !important;
    }






    .h-756 {
        height: 608px !important;
    }




    .truncate-text {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 4ch; /* Set the maximum width to display only the first three characters */
    }

    /*no use*/
    dashbaord-btn-active {
        fill: #1AC7DE !important;
        color: #1AC7DE !important;
    }


    .text-login {
        color: #6D6D79;
        text-align: center;
        font-family: Nunito;
        font-size: 0.875rem !important;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
    .bg-0{
        background:none !important;
    }
    

    .image-default {
        height: 40vh;
        margin-top: 20vh;
    }

    .bg-color-login {
        background-color: #26C0E2;
        color: white;
    }
    .bg-white{
        background:#fff !important;
    }
   @media(max-width:576px){
    .dropdown-width{
        width:200px !important;
    }
   }
.dropdown-icon-show-result {
    background-image: url(/images/profile/dropdown-icon-profile.svg) !important;
    background-position: 95% 11px !important;
    background-repeat: no-repeat !important;
    background-size: 11px !important;
}

    .min-height-100 {
        height: 100vh !important;
    }


    /*********************************** Patent module css End *******************************/


    /* Az Added */

    .color-default {
        color: #030229 !important;
    }

    .color-default-light {
        color: #6D6D79 !important;
    }

    .color-white {
        color: #FFF;
    }
    /*topnavigation*/
    .avatar-bg-magenta {
        background: linear-gradient(0deg, rgba(255, 255, 255, 0.20) 0%, rgba(255, 255, 255, 0.20) 100%), #FF77B5;
    }

    .show-result-opacity {
        opacity: 0.9;
    }

    .link-color {
        color: #1AC7DE;
    }

    .file-link-color {
        color: #39A1FF;
    }

    .pngfile-link-color {
        color: #030229;
    }
    .summary tbody tr td{
        padding : 10px 20px !important;  

    }
    .w-62{
        width : 62%;
    }
    @media (max-width: 768px){
        .w-62{
            width:52%;
        }
    }

    /* custom font-size in rem */
    .font-small {
        font-size: 0.875rem !important; /* 14px / 16px */
        line-height: normal;
    }


    .font-default {
        font-size: 1rem !important; /* 16px / 16px */
        line-height: normal !important;
    }

    .font-smaller {
        font-size: 0.8125rem !important; /* 13px / 16px */
        line-height: 1.3333;
    }

    .font-smallest {
        font-size: 0.75rem !important; /* 12px / 16px */
        line-height: 1.4545;
    }

    .font-big {
        font-size: 1.25rem !important; /* 20px / 16px */
    }

    .font-28 {
        font-size: 1.75rem !important; /* 28px / 16px */
    }

    .font-11 {
        font-size: 0.6875rem !important; /* 11px / 16px */
    }

    .font-10 {
        font-size: 0.625rem !important; /* 10px / 16px */
    }

    .font-25 {
        font-size: 1.5625rem !important; /* 25px / 16px */
    }

    .font-15 {
        font-size: 0.9375rem !important; /* 15px / 16px */
    }

    /* custom headings in rem */
    .h-main {
        font-size: 1.375rem !important; /* 22px / 16px */
        line-height: normal;
    }

    .h-main-big {
        font-size: 1.5rem !important; /* 24px / 16px */
        /*line-height:normal;*/
    }

    .default-heading {
        font-size: 1.25rem; /* 20px / 16px */
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .patent-application-header {
        color: #030229;
        font-family: Nunito;
        font-size: 1.25rem;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .assigned-patent-detail {
        width: 484px;
        height: 100%;
        z-index: 1111;
        top: 0px;
        right: 0px;
        position: absolute;
        background-color: #fff;
    }

    .patent-profile-img {
        width: 2.9375rem;
    }

    /*line heights*/
    .lh-20 {
        line-height: 20px;
    }

    .lh-37 {
        line-height: 37px;
    }

    .lh-47 {
        line-height: 47px;
    }

.dashoard-card-text-height {
    height: 45px
}

    /* font-weight */
    .fw-300 {
        font-weight: 300 !important;
    }

    .fw-400 {
        font-weight: 400 !important;
    }

    .fw-500 {
        font-weight: 500 !important;
    }

    .fw-600 {
        font-weight: 600 !important;
    }

    .fw-700 {
        font-weight: 700 !important;
    }

    .fw-800 {
        font-weight: 800 !important;
    }

    .w-80 {
        width: 80% !important;
    }

    .padding-button {
        padding-left: 45px !important;
        padding-right: 46px !important;
    }

    .btn-primary-sm {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        padding: 11px 28px;
        border-radius: 10px;
        background-color: #26C0E2;
        color: #fff;
        font-size: 0.875rem !important;
        font-style: normal;
        text-align: center;
    }

    /* buttons */

    .btn-primary-lg {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        padding: 13px 34px;
        border-radius: 10px;
        background-color: #26C0E2;
        color: #fff;
        font-size: 0.875rem !important;
        font-weight: 700;
        font-style: normal;
        text-align: center;
        height: 44px;
        line-height: normal;
    }


    /*no use*/
    .btn-transparent-import {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        padding: 11px 28px;
        border-radius: 10px;
        background-color: #26C0E2;
        color: #fff;
        font-size: 0.875rem !important;
        font-weight: 700;
        font-style: normal;
        text-align: center;
        font-family: Nunito;
        height: 44px;
        line-height: normal;
        background-image: url('/images/Group.png');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .btn-disabled-sm {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        padding: 11px 28px;
        border-radius: 10px;
        background-color: #C9D2D3;
        color: #fff;
        font-size: 0.875rem !important;
        font-weight: 700;
        font-style: normal;
        text-align: center;
        line-height: normal;
        cursor: not-allowed !important;
    }

    .btn-transparent-sm {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        padding: 11px 25px;
        border-radius: 10px;
        border: 1px solid #B6B6BC;
        background-color: transparent;
        color: #030229;
        font-size: 0.875rem !important;
        font-weight: 400;
        font-style: normal;
        text-align: center;
        line-height: normal;
    }


    /*no use*/
    .btn-office-letter {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        gap: 4px;
        color: #030229;
        font-size: 0.875rem !important;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        border-radius: 10px;
        border: 1px solid #26C0E2;
        padding: 12.5px 34px;
    }

    .btn-delete-application {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        gap: 4px;
        color: #E71D36;
        background: #fff;
        text-align: center;
        font-size: 0.875rem !important;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        border-radius: 10px;
        border: 1px solid #B6B6BC;
        padding: 11px 16px;
    }

    .btn-upload {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        gap: 4px;
        color: #26C0E2;
        text-align: center;
        font-size: 0.75rem !important; /* 12px / 16px */
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        border-radius: 8px;
        border: 1px solid #26C0E2;
        padding: 8px 26px;
    }
    /*expert advice*/
    .btn-save-next {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        gap: 4px;
        color: #FFF;
        text-align: center;
        font-size: 0.875rem !important;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        border-radius: 10px;
        background: #26C0E2;
        padding: 11px 21px;
    }

    .b-radius-10 {
        border-radius: 10px;
    }

    .modal-footer-buttons-align {
        gap: 20px;
        display: flex;
    }

    .document-video-upload-modal-padding {
        padding: 0.71rem 0.71rem 0rem 0.71rem;
    }

    .add-detail-height {
        height: 98px !important;
    }
    /*toasts css*/ /*no use*/
    .error-occurred-toast {
        padding: 20px;
        border-radius: 12px;
        border: 1px solid var(--Light-Error-border, #F4B0A1);
        background: var(--Light-Error-background, #FFF5F3);
        box-shadow: 0px 4px 16px 0px rgba(16, 11, 39, 0.08);
    }

    /*no use*/
    .application-deleted-toast {
        width: 322px;
        padding: 20px;
        border-radius: 12px;
        border: 1px solid var(--Light-Sucess-border, #48C1B5);
        background: var(--Light-Sucess-background, #F6FFF9);
        /* Toast Shadow */
        box-shadow: 0px 4px 16px 0px rgba(16, 11, 39, 0.08);
    }

    /*no use*/
    .patent-toast-items-align {
        display: flex;
        align-items: flex-start;
        gap: 16px;
    }
    /*no use*/
    .patent-toast-heading {
        color: var(--Light-Toast-title, #27303A);
        font-size: 1rem !important; /* 16px / 16px */
        font-style: normal;
        font-weight: 600;
        line-height: 140%; /* 22.4px */
        text-transform: capitalize;
    }

    /*no use*/
    .patent-toast-content {
        color: var(--Light-Toast-messge, #2F3F53);
        font-size: 0.75rem !important; /* 12px / 16px */
        font-style: normal;
        font-weight: 400;
        line-height: 160%; /* 19.2px */
    }

    .user-toast {
        max-width: 80% !important;
        width: 425px;
        border-radius: 4px;
        border-left: 6px solid #34C550;
        background: #FFF;
        box-shadow: 0px 4px 44px 0px rgba(0, 0, 0, 0.16);
        padding: 8px 22px;
        top: 0px;
        right: 0px;
        z-index: 1111;
        position: fixed;
    }

    .user-toast-color {
        background-color: #F6FFF9 !important;
        padding: 20px !important;
        margin-top: 10px !important;
    }

    .user-toast-items-align {
        display: flex;
        align-items: flex-start;
        gap: 7.5px;
    }

    .user-toast-heading {
        color: #0B1A42;
        font-size: 0.875rem !important;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }

    .user-toast-content {
        color: #7C818D;
        /*font-family: "Nunito Sans";*/
      
    }


    .btn-dropdown-show-list {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        gap: 44px;
        padding: 12.5px 24px;
        border-radius: 10px;
        border: 1px solid #B6B6BC;
        background-color: #fff;
        color: #030229;
        font-size: 0.875rem !important;
        font-weight: 600;
        font-style: normal;
        text-align: left;
        font-family: Nunito;
        height: 44px;
        line-height: normal;
    }

    /*no use*/
    .all-users-dropdown {
        border-radius: 0px;
        z-index: 1111;
        width: 183px;
    }

    .show-all-dropdown {
        border-radius: 0px;
        z-index: 1111;
        width: 156px;
    }



    .forum-modal-b-radius {
        border-radius: 10px;
        background: #FFF;
        box-shadow: -14px 30px 20px 0px rgba(0, 0, 0, 0.05);
    }

    .forum-summernote-b-radius {
        border-radius: 0px !important;
        background: #FFF;
        box-shadow: -14px 30px 20px 0px rgba(0, 0, 0, 0.05);
    }

    .drop-down-item-align {
        display: flex;
        gap: 10px;
    }

    /*no use*/
    .flex-column-dropdown {
        display: flex;
        flex-direction: column;
    }

    .dropdown-item-status {
        color: var(--Text, #030229);
        font-size: 0.75rem; /* 12px / 16px */
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
     
    /*forum*/
    .all-tags-dropdown {
        width: 202px;
    }
    /*colored verticle lines*/


    .verticle-pending {
        border-left: 3px solid #FFD66B;
        border-radius: 20px;
    }

    .verticle-canceled {
        border-left: 3px solid #E71D36;
        border-radius: 20px;
    }

    .verticle-completed {
        border-left: 3px solid #34C550;
        border-radius: 20px;
    }

    .verticle-show-all-meeting {
        border-left: 3px solid #1AC7DE;
        border-radius: 20px;
    }


    .verticle-active {
        border-left: 3px solid #26C0E2;
        border-radius: 20px;
    }

    .verticle-inactive {
        border-left: 3px solid #5B9DFF;
        border-radius: 20px;
    }

    .horizontal-line-dropdown {
        border-bottom: 1px solid #E4E4E7;
    }

    .light-dropdown-icon {
        background-image: url(/images/light-dropdown-icon.png) !important;
        background-position: 95% 22px !important;
        background-repeat: no-repeat !important;
        background-size: 8px;
    }
    .light-dropdown-icon-bg-size{
        background-size:10px !important;
    }

    /*no use*/
    .drag-drop-border {
        border: dashed #D5D5E2;
        border-radius: 10px;
        padding: 28px 26px;
        stroke-width: 2px;
        stroke: #D5D5E2
    }


    /*no use*/
    .modal-default-text {
        color: #6D6D79;
        font-size: 0.875rem !important;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }



    /*no use*/
    .input-items-align {
        display: flex;
        align-items: center;
        gap: 16px;
    }

    .align-pagination-items {
        display: flex;
        align-items: center;
        gap: 20px;
    }


    /*custom heights*/
    .h-40 {
        height: 40px !important;
    }

    .h-42 {
        height: 42px !important;
    }

    .h-44 {
        height: 44px !important;
    }

    .search-container {
        padding: 16px;
        border-radius: 10px;
        background-color: #f4f4f8;
        height: 214px;
    }


    .no-user-found-container {
        background-color: #fff;
        width: 100%;
        height: 644px;
    }

    .required {
        color: #E71D36;
        font-family: Nunito;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }


    /*custome margin*/
    .patent-assign-margin {
        margin-bottom: 2px;
    }

    .scrollbar-thin {
        overflow-y: auto;
    }

        .scrollbar-thin::-webkit-scrollbar {
            width: 4px; /* For Chrome, Safari, and Opera */
        }

        .scrollbar-thin::-webkit-scrollbar-thumb {
            background-color: #CECECE !important;
            border-radius: 50rem;
        }

        .scrollbar-thin::-webkit-scrollbar-track {
            background-color: transparent !important;
            border-radius: 50rem;
        }

    .scrollbar-thin-white {
        overflow-y: auto;
    }

        .scrollbar-thin-white::-webkit-scrollbar {
            width: 4px; /* For Chrome, Safari, and Opera */
        }

        .scrollbar-thin-white::-webkit-scrollbar-thumb {
            background-color: #CECECE;
            border-radius: 50rem;
        }

        .scrollbar-thin-white::-webkit-scrollbar-track {
            background-color: #fff;
            border-radius: 50rem;
        }

    .scrollbar-x-0 {
        overflow-x: auto;
    }

        .scrollbar-x-0::-webkit-scrollbar {
            display: none; /* Hide the scrollbar in WebKit browsers (Chrome, Safari, etc.) */
        }


    .horizontal-scroll {
        overflow-x: auto;
    }

        .horizontal-scroll::-webkit-scrollbar {
            width: 0; /* Hide the scrollbar in WebKit browsers (Chrome, Safari, etc.) */
        }

    .horizontal-scroll-thin {
        overflow-x: auto;
    }

        .horizontal-scroll-thin::-webkit-scrollbar {
            width: 4px;
        }

        .horizontal-scroll-thin::-webkit-scrollbar-thumb {
            background-color: darkgray;
            border-radius: 2px; /* Adjust the border-radius as needed */
        }


        .horizontal-scroll-thin::-webkit-scrollbar-track {
            background-color: lightgray;
            border-radius: 50rem;
        }

    /*.form-control:focus {
    color: var(--Text, #030229);
  
    border-color: rgba(0, 0, 0, 0.16);
    outline: 0;
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
}*/

    .select-custom.form-control[readonly] {
        background-color: transparent;
        opacity: 1;
    }

    .select-dropdown-menu {
        position: absolute !important;
        /*width: 100% !important;*/
        top: 7px !important;
        left: 0px !important;
        right: 0px !important;
        transform: none !important;
        will-change: auto !important;
    }

    .select-dropdown-menu-search {
        position: absolute !important;
        left: 0px !important;
        right: 0px !important;
        transform: none !important;
        will-change: auto !important;
    }

    .select-dropdown-menu .dropdown-item {
        padding: 0.8571rem; /* 12px for 14px root */
    }



    /*no use*/
    .vertical-line {
        display: inline;
        border-left: 0.5px solid #CECECE;
    }
    /*no use*/
    .vertical-line-light {
        display: inline;
        border-right: 0.5px solid #EBEBEB;
    }
    /*multiple*/
    .horizontal-line {
        border-top: 1px solid #CECECE;
    }

    .horizontal-line-responce {
        border-top: 1px solid #ECECEF;
    }

    /*no use*/
    .horizontal-line-light {
        border-top: 1px solid #EBEBEB;
    }

    .horizontal-line-reply {
        border-top: 1px solid #E4E4E7;
    }

    .horizontal-line-dark {
        border-top: 1px solid #717171BB; /* BB added at end to increase transparency and make color lighter */
    }

    .dropdown-icon-profile-sm {
        background-image: url(/images/profile/dropdown-icon-profile.svg) !important;
        background-position: 85% 22px !important;
        background-repeat: no-repeat !important;
        background-size: 11px !important;
    }

    .img-round-40-grey {
        width: 40px;
        height: 40px;
        border-radius: 50rem;
        border: 0.5px solid #CECECE;
    }


    .img-round-32-white {
        width: 32px;
        height: 32px;
        border-radius: 50rem;
        border: 1px solid #FFF;
    }

    .avatar-letters-40 {
        display: flex;
        width: 40px;
        height: 40px;
        padding: 10px;
        /*flex-direction: column;*/
        justify-content: center;
        align-items: center;
        /*gap: 10px;*/
        border-radius: 80px;
        border: 1px solid #FFF;
        /*font-size: 0.8571rem;*/ /* 12px for 14px root */
        /*line-height: 1.3333;*/ /* 16px for 12px */
        font-weight: 600;
    }

    .avatar-letters-32 {
        display: flex;
        width: 32px;
        height: 32px;
        padding: 10px;
        /*flex-direction: column;*/
        justify-content: center;
        align-items: center;
        /*gap: 10px;*/
        border-radius: 80px;
        border: 1px solid #FFF;
        font-size: 0.8571rem; /* 12px for 14px root */
        line-height: 1.3333; /* 16px for 12px */
        font-weight: 600;
    }

    .avatar-letters-24 {
        display: flex;
        width: 24px;
        height: 24px;
        padding: 10px;
        /*flex-direction: column;*/
        justify-content: center;
        align-items: center;
        /*gap: 10px;*/
        border-radius: 80px;
        border: 1px solid #FFF;
        font-size: 0.8571rem; /* 12px for 14px root */
        line-height: 1.3333; /* 16px for 12px */
        font-weight: 600;
    }

    /* no white borders for better view */
    .avatar-letters-24-nb {
        display: flex;
        width: 24px;
        height: 24px;
        padding: 10px;
        /*flex-direction: column;*/
        justify-content: center;
        align-items: center;
        /*gap: 10px;*/
        border-radius: 80px;
        /*border: 1px solid #FFF;*/
        font-size: 0.8571rem; /* 12px for 14px root */
        line-height: 1.3333; /* 16px for 12px */
        font-weight: 600;
    }


    .disp-none {
        display: none; /*without !important for slide animation*/
    }

    .hover-under:hover {
        text-decoration: underline;
    }

    /*Modals shadows*/
    .modal-content {
        box-shadow: 0px 26px 80px 0px rgba(0, 0, 0, 0.2), 0px 0px 1px 0px rgba(0, 0, 0, 0.2) !important;
    }

    .modal {
        background-color: none;
    }
    /* .modal {
        background-color: #0000008c !important;
    }*/

    b, strong {
        font-weight: bold;
    }

    .p-7-4 {
        padding: 7px 4px;
    }

    .modal-footer > * {
        margin: initial;
    }

    /**********************************************************************************************/
    #table-property_info {
        display: none !important;
    }

    .bodyscroll {
        padding-right: 0px !important;
        padding-left: 0px !important;
        overflow-x: hidden !important;
        /*    overflow-y: hidden !important;*/
    }



    .spanforgot {
        margin-left: 11px;
        margin-top: 3px !important;
        color: #717171;
    }

    .mydropdown {
        white-space: nowrap;
        border: 1px solid #717171;
        padding: 5px 16px;
        border-radius: 10px;
        width: 100%;
        font-size: 0.75rem !important; /* 12px / 16px */
    }

        .mydropdown label {
            font-weight: bold !important;
            color: #212121 !important;
        }

    .sidebar {
        padding: 12px 8px;
    }

    .navcount {
        padding: 2px 6px;
        border-radius: 16px;
        font-size: 0.75rem !important; /* 12px / 16px */
    }

    .svgeye {
        position: relative;
        bottom: 37px;
        left: 30rem;
    }



    .backbutton {
        display: inline-flex !important;
        height: 32px;
        /*    padding: 10px !important;*/
        justify-content: center !important;
        align-items: center !important;
        gap: 8px !important;
        flex-shrink: 0 !important;
    }


    table {
        /*border-radius: 8px !important;*/
        background: #fff !important;
    }

    .tablecardbody {
        padding: 0px !important;
        height: 585px;
    }

    .segment {
        padding: 4px 16px;
        border-radius: 24px;
        justify-content: center;
        align-items: center;
        gap: 4px;
        color: #fff;
        font-size: 0.75rem !important; /* 12px / 16px */
        font-style: normal;
        font-weight: 600;
        line-height: 16px;
    }


    .dataTables_wrapper .row .col-md-6 {
        padding: 15px !important;
    }

    .dataTables_wrapper .row .col-md-5, .dataTables_wrapper .row .col-md-7 {
        padding: 15px !important;
    }

    .authform {
        padding-left: 6rem;
        padding-right: 11rem;
    }





    /*******Create user modal******** */
    .modalbr {
        margin-top: 7px;
        border-radius: 8px;
        border: 1px solid #FFD18C;
        background: rgba(255, 209, 140, 0.40);
    }


    .shadowaffect {
        /*box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.25), 0px 2px 1px 0px rgba(0, 0, 0, 0.05);*/
        border-radius: 8px;
        padding: 12px;
        margin: 16px 0px;
        border: 1px solid #EBEBEB;
    }

    .shadowaffect-small {
        border-radius: 4px;
        box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.25), 0px 2px 1px 0px rgba(0, 0, 0, 0.05);
        display: flex;
        gap: 12px;
        align-items: center;
    }

    .bg-text {
        border-radius: 4px !important;
        background: #FFF0F0 !important;
        /*margin-top: 12px !important;*/
        padding: 8px 12px;
        display: flex;
        gap: 12px;
        align-items: center;
    }

        .bg-text:has( .input-default-sm) {
            padding: 4px 12px;
        }

    .nowrap {
        white-space: nowrap !important;
    }

    .table thead th {
        font-size: 0.875rem !important;
        font-style: normal;
        font-weight: 400;
        line-height: 16px;
        color: #6D6D79; /*modified Az*/
        vertical-align: bottom;
        border-bottom: 0.5px solid #EBEBEB;
        padding: 12px 8px;
        align-items: center;
        gap: 11px;
        align-self: stretch;
    }

    .table td {
        font-size: 0.875rem !important;
        font-style: normal;
        font-weight: 400; /*modified Az*/
        line-height: 20px;
        color: #030229;
        /*    vertical-align: bottom;*/
        border-bottom: 0.5px solid #EBEBEB;
        padding: 12px;
        background: #FFF;
        justify-content: space-between;
        align-items: center;
        align-self: stretch;
        vertical-align: middle; /*modified by Az*/
    }


    .image-container {
        max-width: 88px; /* Set the maximum width of the container */
        /* margin: 0 auto;*/ /* Center the container horizontally */
        overflow: hidden; /* Hide any overflow from child elements */
    }


    /* Hide default HTML checkbox */
    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

    .left {
        float: left;
    }

    .right {
        float: right;
    }

    .scroll::-webkit-scrollbar {
        display: none;
    }

    .list-style {
        list-style: none;
    }




    [class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link.active, [class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link.active:hover, [class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link.active:focus {
        background-color: #FFF0F0;
        color: #343a40;
        border-radius: 10px;
        border: 1px solid #FFF0F0;
    }

    /*no use*/
    .border-top-crimson {
        border-top: 1px solid #EF3340;
    }
    /*no use*/
    .word-wrap-normal {
        word-wrap: normal !important;
    }
    /*no use*/
    .padding-searchbar {
        padding: 0.375rem 0.35rem !important;
    }

    /*dashboard cards styling*/

    .card-dashboard {
        /*width: 268px;*/
        height: 116px;
        /* align-items: center; */
        display: flex;
        border-radius: 0.625rem; /* 10px / 16px = 0.625rem */
    }

    .card-body-dashboard {
        align-items: center;
        display: flex;
        padding: 28px;
    }

    .card-items-align {
        display: flex;
        /*flex-shrink:0;*/
        align-items: center;
        justify-content: center;
        gap: 23px;
    }

    @media(max-width:324px) {
        .card-items-align {
            gap: 5px;
        }

        .card-body-dashboard {
            padding: 5px;
        }
    }



    .assigned-patent-heading {
        display: flex;
        align-items: center;
        gap: 8px;
        flex-wrap: wrap;
    }



    .top-border {
        border-radius: 10px 10px 0px 0px !important;
    }

    .bottom-border {
        border-radius: 0px 0px 10px 10px !important;
    }

    .user-data {
        height: 50px;
        background: #fff;
        align-items: center;
        gap: 10px;
        padding: 10px;
    }

    .user-datatable-items-align {
        display: flex;
        align-items: center;
        gap: 7px;
    }





    .action-item-align {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 20px;
    }

    .action-item {
        justify-content: flex-start;
    }


  

    .bg-active {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        background: #26C0E2;
        color: #fff;
        border-radius: 100px;
        padding: 4px 10px;
        font-weight: 400;
        font-size: 0.75rem !important; /* 12px / 16px */
    }

    .bg-pending {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        background: #FFD66B;
        border-radius: 100px;
        padding: 4px 10px;
        color: #030229;
        font-weight: 400;
        font-size: 0.75rem !important; /* 12px / 16px */
    }

    .bg-canceled {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        background: #E71D36;
        border-radius: 100px;
        padding: 4px 10px;
        color: #fff;
        font-weight: 400;
        font-size: 0.75rem !important; /* 12px / 16px */
    }

    .bg-inactive-light-skyblue {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        background: #EAF6FA;
        border-radius: 100px;
        padding: 4px 10px;
        color: #26C0E2;
        font-weight: 400;
        font-size: 0.75rem !important; /* 12px / 16px */
    }

    .bg-completed {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        background: #34C550;
        border-radius: 100px;
        padding: 4px 10px;
        color: #fff;
        font-weight: 400;
        font-size: 0.75rem !important; /* 12px / 16px */
    }

    .bg-inactive {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        background: #5B9DFF;
        color: #fff;
        border-radius: 100px;
        padding: 4px 10px;
        font-weight: 400;
        font-size: 0.75rem !important; /* 12px / 16px */
    }

    .bg-plant {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        background: #EFEFFF;
        color: #000;
        border-radius: 100px;
        padding: 4px 10px;
        font-weight: 400;
        font-size: 0.75rem !important; /* 12px / 16px */
        border: 1px solid rgba(0, 0, 0, 0.16);
    }

    .bg-to-be-filled {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        background: #FF8F6B;
        color: #fff;
        border-radius: 100px;
        padding: 4px 10px;
        font-weight: 400;
        font-size: 0.75rem !important; /* 12px / 16px */
    }


    .text-color-black {
        color: #000 !important;
    }

    /*custome datatable*/
    table.dataTable {
        clear: both;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        max-width: none !important;
        border-collapse: separate !important;
        border-spacing: 0;
    }

    .fa-chevron-left {
        color: #71717A;
    }

    .fa-chevron-right {
        color: #71717A;
    }

    .dropdown-icon-default {
        background-image: url(/images/arrow-down-dropdown-dark.svg) !important;
        background-position: 90% 18px !important;
        background-repeat: no-repeat !important;
        background-size: 11px !important;
    }

    .footer-dropdown-icon {
        background-image: url(/images/user/dropdown-arrow-btn.svg) !important;
        background-position: 97% 14px;
        background-repeat: no-repeat;
        background-size: 8px;
    }


    .card-col-p {
        padding-bottom: 14px;
        padding-right: 14px;
        padding-left: 14px;
    }

.show-all-dropdown-width {
    width: 163px;
    padding-right: 14px !important;
}
.all-users-dropdown-width {
    width: 176px;
    padding-right: 14px !important;
}
.all-users-dropdown-menue-width {
    width: 173px !important;
    border-radius: 0px;
    z-index: 1111;
}
/*progressbar File Upload*/
.progressbar-text {
    display: none;
}

    .showfile {
        padding: 16px 0px;
        text-align: justify;
        gap: 6px;
    }

    .filecontainer-card-body-padding {
        padding: 1px 16px 0px 0px;
    }

    .filecontainer-card-padding {
        padding: 16px 30px 16px 0px;
    }

    .completed-text {
        color: #34C550;
        text-align: right;
        font-family: Nunito;
        font-size: 0.8125rem !important;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .percentage-text {
        color: var(--Text, #030229);
        text-align: right;
        font-family: Nunito;
        font-size: 0.8125rem !important; /* 13px / 16px */
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }

    .complete-text-align {
        display: flex;
        gap: 12px;
        justify-content: center;
        align-items: center;
        /*flex-direction:column;*/
    }

    .main-container-patent-app {
        position: relative;
    }

    .signup-dropdown-padding {
        padding: 0px 19px !important;
    }

    .community-forum {
        background: url('../../images/forum/communityForum.png');
        /*background-size: 100% auto;*/ /* Set background width to 100% */
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        justify-content: center;
        align-items: center;
        height: 171px;
    }

    .community-forum-text-align {
        display: flex;
        flex-direction: column;
        justify-content: center;
        /*align-items: center;*/
        height: 164px; /* Optionally set a height for vertical centering */
        padding-left: 31px;
    }


    .tags-dropdown-width {
        width: 202px;
    }

    .nav-tabs-border {
        justify-content: normal !important;
    }


    .tab-content-forum {
        padding: 20px 0px !important;
    }

    .topic-name-table {
        color: #5B93FF;
        font-family: Nunito;
        font-size: 1rem;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }

    gap-10 {
        gap: 10px !important;
    }

    .modal-lg {
        width: 48%;
    }

    .no-user-found-align {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .span-custom {
        color: #030229;
        font-family: Nunito;
        font-size: 1rem !important; /* 16px / 16px */

        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    .text-colaborator {
        color: #26C0E2;
        font-family: Nunito;
        font-size: 1rem !important; /* 16px / 16px */
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .file-upload-container-modal {
        height: 90px;
    }


    /*media queries*/



    @media(min-width:1435px) {
        .background-cover {
            background-size: cover;
        }
    }

    @media(max-width:450px) {
        .image-width-200 {
            width: 200px !important;
        }
    }



    @media (max-width: 310px) {
        .image-width-200 {
            width: 167px !important;
        }
    }

    @media(max-width:768px) {
        .assigned-patent-detail {
            width: 30%;
        }
    }



    @media(max-width:767px) {
        .status-card-svg {
            width: 20px !important;
            height: 20px !important;
        }

        .status-card-font {
            font-size: 0.75rem !important; /* 12px / 16px */
        }

        .status-card-bg-span {
            width: 50px !important;
            height: 50px !important;
        }

        .card-h-main 
        {
            font-size: 1.125rem !important; /* 18px / 16px */
            line-height: normal;
        }
    }

    @media(max-width:340px) {
        .status-card-svg {
            width: 16px !important;
            height: 16px !important;
        }

        .status-card-font {
            font-size: 0.75rem !important; /* 12px / 16px */
        }

        .status-card-bg-span {
            width: 40px !important;
            height: 40px !important;
        }

        .card-h-main {
            font-size: 1.125rem !important; /* 18px / 16px */
            line-height: normal;
        }
    }
    /* Media queries for different screen sizes */
    @media (max-width: 1440px) {
        html {
            font-size: 16px;
        }
    }

    @media (max-width: 1200px) {
        html {
            font-size: 14px;
        }
    }

    @media (max-width: 992px) {
        html {
            font-size: 12px;
        }
    }

    @media (max-width: 768px) {
        html {
            font-size: 11px;
        }
    }

    @media (max-width: 576px) {
        html {
            font-size: 11px;
        }
    }

    /*patent sumernote editor breakpoints*/
    @media (max-width:1698px) {
        .note-editor .note-editing-area {
            height: 14vh !important;
        }
    }

    @media (max-width:1458px) {
        .note-editor .note-editing-area {
            height: 13vh !important;
        }
    }

    @media (max-width:1091px) {
        .note-editor .note-editing-area {
            height: 10vh !important;
        }
    }

    @media (max-width:1020px) {
        .note-editor .note-editing-area {
            height: 8vh !important;
        }
    }

    @media (max-width:991px) {
        .note-editor .note-editing-area {
            height: 12vh !important;
        }
    }

    @media (max-width:684px) {
        .note-editor .note-editing-area {
            height: 10vh !important;
        }
    }

    @media (max-width:452px) {
        .note-editor .note-editing-area {
            height: 10vh !important;
        }
    }

    @media (max-width:336px) {
        .note-editor .note-editing-area {
            height: 2vh !important;
        }
    }

    /*patent application inputfield width*/
    @media (max-width:1123px) {
        .Application-status-dropdown {
            width: 100% !important;
        }
    }



    @media (max-width:551px) {
        .card-items-align {
            justify-content: flex-start; /* Align items to the left */
        }
    }

    @media (max-width:575px) {
        .modal-lg {
            width: 97%;
        }
    }

    @media (max-width:601px) {
        .lh-37 {
            line-height: 20px;
        }
    }



    /* added-Az end */


    .nowrap {
        white-space: nowrap !important;
    }

    .dropdown-default {
        position: absolute !important;
        width: 100% !important;
        top: 7px !important;
        left: 4px !important;
    }

    .search-cross {
        bottom: 27px !important;
        position: relative !important;
        right: 5px !important;
    }


    .btn-dark:hover {
        color: #fff;
        background-color: #23272b;
        border-color: #717171 !important;
    }

    btn:hover {
        border-color: #717171 !important;
    }

    [class*="sidebar-dark-"] .sidebar a:hover, [class*="sidebar-dark-"] .sidebar a:focus {
        transition: 00ms !important;
    }

    .navbar-expand .navbar-nav .nav-link {
        padding-right: 8px !important;
        padding-left: 11px !important;
        margin-left: 34px !important;
    }

    .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
        transition: background-color 1100ms ease;
    }
    /*.btn-default:hover {
   
    background-color: white !important;
}*/
    .justify-content-left {
        justify-content: left !important;
    }

    .dropdown-custom {
        transform: none !important;
        width: 100% !important;
    }

    .calendar-p {
        font-size: 1rem !important; /* 16px / 16px */
        color: #212121;
        font-weight: 600;
        line-height: 24px;
    }


    .p-8-12 {
        padding: 8px 12px;
    }

    .p-16-16 {
        padding: 16px;
    }

    .p-8-4 {
        padding: 8px 4px;
    }

    .p-5-10 {
        padding: 5px 10px;
        border-radius: 46px;
    }

    .p-4-10 {
        padding: 4px 10px;
    }

    .modal-header {
        display: flex;
        padding: var(--Spacing-system-Spacing-12, 12px) var(--Spacing-system-Spacing-16, 16px);
        align-items: center;
        gap: 16px;
        align-self: stretch;
    }

    .modal-footer {
        display: flex;
        padding: var(--Spacing-system-Spacing-12, 12px) var(--Spacing-system-Spacing-16, 16px);
        justify-content: flex-end;
        align-items: flex-start;
        gap: 16px;
        align-self: stretch;
        border-top: 0.5px solid var(--Colour-Border-Border-medium, #CECECE);
    }

    .modal-content {
        border-radius: 8px;
    }

    .dropdown-footer {
        display: flex;
        padding: 8px;
        justify-content: flex-end;
        align-items: flex-start;
        gap: 16px;
        align-self: stretch;
        border-top: 0.5px solid var(--Colour-Border-Border-medium, #CECECE);
    }

    .scrollbar-flow-x {
        overflow-x: hidden !important;
    }

    /*for hiding cross in searchbar that automatically appears*/
    input[type="search"]::-webkit-search-cancel-button {
        -webkit-appearance: none !important;
        /* cursor: pointer;
    height: 16px;
    width: 16px;*/
        /*background-image: url("/images/cross-23.svg") !important;*/
    }


    input[type="radio"] {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        width: 20px; /* Fixed width */
        height: 20px; /* Fixed height */
        border-radius: 50%;
        /*border: 1px solid #34C550;*/ /* Circle border color */
        border: 1px solid #b6b6bc;
        outline: none;
        cursor: pointer;
        position: relative;
    }

        input[type="radio"]:checked {
            border: 1px solid #34C550; /* Circle border color when checked */
        }

            input[type="radio"]:checked::after {
                content: '';
                display: block;
                width: 10px; /* Adjust size relative to parent */
                height: 10px; /* Adjust size relative to parent */
                border-radius: 50%;
                border: 1px solid #34C550; /* Circle border color */
                background-color: limegreen;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
            }


    input[type=checkbox]:checked::before {
        content: "";
        display: block;
        /*    position: absolute;*/
        text-align: center;
        height: 16px;
        width: 16px;
        /*    left: 11px;
    top: 0px;*/
        background-color: #24ab4f;
        color: #fff;
        font-family: "Nunito";
        border-radius: 4px;
        border: 1px solid rgb(150 150 150 / 30%);
    }

    input[type=checkbox]:checked::after {
        content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none"> <path d="M10.7655 3.64052L4.76552 9.64052C4.73069 9.67539 4.68934 9.70305 4.64381 9.72192C4.59829 9.74079 4.54949 9.7505 4.50021 9.7505C4.45093 9.7505 4.40213 9.74079 4.35661 9.72192C4.31108 9.70305 4.26972 9.67539 4.2349 9.64052L1.6099 7.01552C1.53953 6.94516 1.5 6.84972 1.5 6.75021C1.5 6.6507 1.53953 6.55526 1.6099 6.4849C1.68026 6.41453 1.7757 6.375 1.87521 6.375C1.97472 6.375 2.07016 6.41453 2.14052 6.4849L4.50021 8.84505L10.2349 3.1099C10.3053 3.03953 10.4007 3 10.5002 3C10.5997 3 10.6952 3.03953 10.7655 3.1099C10.8359 3.18026 10.8754 3.2757 10.8754 3.37521C10.8754 3.47472 10.8359 3.57016 10.7655 3.64052Z" fill="white"/> </svg>');
        display: block;
        /*    position: absolute;*/
        /*    left: 13px;
    top: -2px;*/
        color: white;
        margin-top: -15px;
        margin-left: 2px;
    }

    .checkbox-head:checked::before {
        content: "";
        display: block;
        position: absolute !important;
        text-align: center;
        height: 16px;
        width: 16px;
        left: 12px !important;
        top: 12px !important;
        color: #fff;
        background-color: #EF3340 !important;
        font-family: "Poppins-Regular";
        border-radius: 4px !important;
        /*    border: 1px solid rgb(150 150 150 / 30%);*/
    }

    .checkbox-head:checked::after {
        content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none"> <path d="M10.7655 3.64052L4.76552 9.64052C4.73069 9.67539 4.68934 9.70305 4.64381 9.72192C4.59829 9.74079 4.54949 9.7505 4.50021 9.7505C4.45093 9.7505 4.40213 9.74079 4.35661 9.72192C4.31108 9.70305 4.26972 9.67539 4.2349 9.64052L1.6099 7.01552C1.53953 6.94516 1.5 6.84972 1.5 6.75021C1.5 6.6507 1.53953 6.55526 1.6099 6.4849C1.68026 6.41453 1.7757 6.375 1.87521 6.375C1.97472 6.375 2.07016 6.41453 2.14052 6.4849L4.50021 8.84505L10.2349 3.1099C10.3053 3.03953 10.4007 3 10.5002 3C10.5997 3 10.6952 3.03953 10.7655 3.1099C10.8359 3.18026 10.8754 3.2757 10.8754 3.37521C10.8754 3.47472 10.8359 3.57016 10.7655 3.64052Z" fill="white"/> </svg>');
        display: block;
        position: absolute !important;
        left: 14px !important;
        top: 10px !important;
        color: white;
        margin-top: 0px !important;
        margin-left: 0px !important;
    }

    .checkbox-table:checked::before {
        content: "";
        display: block;
        position: static !important;
        text-align: center;
        height: 16px;
        width: 16px;
        left: 12px !important;
        top: 12px !important;
        background-color: #212121;
        color: #fff;
        font-family: "Poppins-Regular";
        border-radius: 4px !important;
        /*    border: 1px solid rgb(150 150 150 / 30%);*/
    }

    .checkbox-table:checked::after {
        content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none"> <path d="M10.7655 3.64052L4.76552 9.64052C4.73069 9.67539 4.68934 9.70305 4.64381 9.72192C4.59829 9.74079 4.54949 9.7505 4.50021 9.7505C4.45093 9.7505 4.40213 9.74079 4.35661 9.72192C4.31108 9.70305 4.26972 9.67539 4.2349 9.64052L1.6099 7.01552C1.53953 6.94516 1.5 6.84972 1.5 6.75021C1.5 6.6507 1.53953 6.55526 1.6099 6.4849C1.68026 6.41453 1.7757 6.375 1.87521 6.375C1.97472 6.375 2.07016 6.41453 2.14052 6.4849L4.50021 8.84505L10.2349 3.1099C10.3053 3.03953 10.4007 3 10.5002 3C10.5997 3 10.6952 3.03953 10.7655 3.1099C10.8359 3.18026 10.8754 3.2757 10.8754 3.37521C10.8754 3.47472 10.8359 3.57016 10.7655 3.64052Z" fill="white"/> </svg>');
        display: block;
        position: static !important;
        margin-top: -18px !important;
        margin-left: 2px !important;
    }

    .checkmark-user {
        background-color: transparent !important;
        outline: 1px solid #b6b6bc; /*use outline instead of border*/
    }

    .checked .checkmark-user {
        outline: none;
    }

    .text-decoration:hover {
        text-decoration: underline !important;
        transition: text-decoration 3000ms ease;
        cursor: pointer !important;
        transform: translateX(-1px) !important;
    }


    .filter-checkbox:checked::before {
        content: "";
        display: block;
        /*    position: absolute;*/
        text-align: center;
        height: 16px;
        width: 16px;
        /*    left: 11px;
    top: 0px;*/
        background-color: #212121;
        color: #fff;
        font-family: "Poppins-Regular";
        border-radius: 4px;
        /*    border: 1px solid rgb(150 150 150 / 30%);*/
    }

    .filter-checkbox:checked::after {
        content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none"> <path d="M10.7655 3.64052L4.76552 9.64052C4.73069 9.67539 4.68934 9.70305 4.64381 9.72192C4.59829 9.74079 4.54949 9.7505 4.50021 9.7505C4.45093 9.7505 4.40213 9.74079 4.35661 9.72192C4.31108 9.70305 4.26972 9.67539 4.2349 9.64052L1.6099 7.01552C1.53953 6.94516 1.5 6.84972 1.5 6.75021C1.5 6.6507 1.53953 6.55526 1.6099 6.4849C1.68026 6.41453 1.7757 6.375 1.87521 6.375C1.97472 6.375 2.07016 6.41453 2.14052 6.4849L4.50021 8.84505L10.2349 3.1099C10.3053 3.03953 10.4007 3 10.5002 3C10.5997 3 10.6952 3.03953 10.7655 3.1099C10.8359 3.18026 10.8754 3.2757 10.8754 3.37521C10.8754 3.47472 10.8359 3.57016 10.7655 3.64052Z" fill="white"/> </svg>');
        display: block;
        /*    position: absolute;*/
        /*    left: 13px;
    top: -2px;*/
        color: white;
        margin-top: -15px !important;
        margin-left: 2px !important;
    }

    /* ************************************ Patent module css *******************************/


    .bg-default {
        background-color: #f4f4f8 !important;
    }


    .typegraphy {
        color: #000;
        text-align: center;
        font-family: Nunito;
        font-size: 1.375rem; /* 22px / 16px */
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        margin-top: 33px;
    }
.not-found-margin {
    margin: 33px 0px;
}

    .input-default {
        border-radius: 10px;
        padding: 12px;
        color: #030229;
        font-size: 0.875rem !important;
        line-height: normal;
        font-weight: 400;
        width: 100%;
        height: 50px;
        flex-shrink: 0;
        background-color: #f4f4f8;
        border : 0 !important;
    }
    /*for removing outline from the input text*/
    input:focus-visible {
        outline: 0 !important;
    }


    .image-default {
        height: 40vh;
        margin-top: 20vh;
    }


    .image-default-drawing {
        margin-top: 17vh;
    }

    .border-container {
        border: 2px dashed #D5D5E2;
        border-radius: 10px;
    }

    .h-55 {
        height: 70vh;
    }


    .bg-color-login {
        background-color: #26C0E2;
        color: white;
    }

    .min-height-100 {
        height: 100vh !important;
    }

    .select-caretDown {
        position: relative;
        bottom: 35px;
        left: -13px;
        cursor: pointer;
        float: right;
    }


    .text-typegraphy {
        color: #030229;
        font-family: Nunito;
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .g-10 {
        gap: 10px !important;
    }

    .modal-title {
        font-size: 1.25rem; /* 20px / 16px */
        line-height: 24px;
        margin-bottom: 0;
        line-height: 1.5;
        font-family: Nunito;
    }

    .content-default {
        color: #6D6D79;
        font-family: Nunito;
        font-size: 0.75rem; /* 12px / 16px */
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
    }

    .content-default-color {
        color: #6D6D79;
        font-family: Nunito;
        font-size: 0.625rem; /* 10px / 16px */
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .modal-radio-text {
        font-style: normal;
        line-height: normal;
        margin-left: 7px;
    }


    .switch-toggle {
        padding: 4px;
        display: flex;
    }

    .h-100 {
        height: 100% !important;
    }
    /*.card-footer {
    border-top: 1px solid #E4E4E7 !important;
    background-color:white !important;
}*/


    .btn-custom {
        font-family: Nunito;
        font-size: 0.75rem !important; /* 12px / 16px */
        font-weight: 700 !important;
        line-height: 16px !important;
        letter-spacing: 0em;
        color: #26C0E2 !important; /* Text color */
        background-color: transparent; /* Transparent background */
        border: 1px solid #26C0E2 !important; /* Border color */
        border-radius: 8px !important; /* Border radius */
        color: #26C0E2 !important;
    }

        .btn-custom:hover {
            color: #fff !important; /* Text color on hover */
            background-color: #26C0E2 !important; /* Background color on hover */
            border-color: #26C0E2 !important; /* Border color on hover */
        }

    .switch-toggle {
        gap: 16px;
        width: fit-content;
        background: #F4F4F8;
        height: 40px;
        border-radius: 10px;
    }

        .switch-toggle input {
            position: absolute;
            opacity: 0;
        }

            .switch-toggle input + label {
                padding: 7px;
                color: #030229;
                cursor: pointer;
                font-family: Nunito;
                font-weight: 400 !important;
                width: fit-content;
            }


            .switch-toggle input:checked + label {
                display: flex;
                padding: 16px 28px;
                background: #26C0E2;
                border-radius: 8px;
                color: #fff !important;
                text-align: center;
                font-family: Nunito;
                font-size: 0.875rem !important;
                font-style: normal;
                font-weight: 400 !important;
                line-height: normal;
                height: 32px;
                justify-content: center;
                align-items: center;
            }



    /* ************************************ Patent module css End *******************************/

    input[type='checkbox'] {
        accent-color: #FFC727;
        height: 16px;
        width: 16px;
    }

    .custom-checkbox {
        accent-color: #fff !important;
        height: 16px;
        width: 16px;
        border-radius: 4px;
        border: 1px solid #34C550;
    }


    /*
/ *********************************** Patent module css ********************************/




    .label-default {
        color: #6D6D79;
        font-family: Nunito; /*modified Az*/
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }




    .image-default {
        height: 40vh;
        margin-top: 20vh;
    }

    .bg-color-login {
        background-color: #26C0E2;
        color: white;
    }

    .min-height-100 {
        height: 100vh !important;
    }

    .link-color {
        color: #26C0E2;
    }

        .link-color:hover {
            color: #26C0E2 !important;
        }


    .offer-card {
        border-radius: 0.5714rem;
        box-shadow: none;
    }

    .date-card {
        color: #D11A2A;
        font-family: Nunito;
        font-size: 0.625rem; /* 10px / 16px */
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }

    .patent-card-detail {
        max-width: 245px;
        height: 180px;
    }

    .row-patent {
        display: flex;
        align-items: flex-start;
        gap: 15px;
    }

    .colaborator {
        color: #26C0E2;
        font-family: Nunito;
        font-size: 0.75rem !important; /* 12px / 16px */
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        white-space: nowrap;
        cursor: pointer;
    }

    .g-8 {
        gap: 8px;
    }

    .g-6 {
        gap: 6px;
    }

    .rounded-radius {
        border-radius: 60%;
    }

    .avatar-group-margin {
        margin-left: -17px;
    }

    .bg-elippse-49 {
        background-color: #EAF6FA;
    }

    .bg-elippse-50 {
        background-color: #FDF4FD;
    }

    .bg-elippse-51 {
        background-color: #EFFBF7;
    }

    .bg-elippse-52 {
        background-color: #EFFBF7;
    }

    .custom-margin-left {
        margin-left: 3.2rem;
    }

    .nav-tabs > .nav-item > .nav-link.active {
        color: #1AC7DE !important;
        font-family: Nunito;
        font-size: 1rem !important; /* 16px / 16px */
        ;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        position: relative;
    }


        .nav-tabs > .nav-item > .nav-link.active::after {
            content: '';
            display: block;
            position: absolute;
            left: 0;
            bottom: -2px;
            width: 100%;
            height: 3px;
            background-color: #1AC7DE;
        }

    .input-default-modal {
        border-radius: 10px;
        padding: 12px;
        color: #000;
        font-size: 0.875rem !important;
        line-height: normal;
        font-weight: 600;
        width: 100%;
        height: 40px;
        background-color: #f4f4f8;
    }

    .search-container {
        padding: 16px;
        border-radius: 10px;
        background-color: #f4f4f8;
        height: 214px;
    }



    .non-resizable-textarea {
        resize: none;
    }

    .input-default-textarea {
        border-radius: 10px;
        padding: 12px;
        font-size: 0.875rem !important;
        line-height: normal;
        width: 100%;
        height: 180px;
        flex-shrink: 0;
        background-color: #f4f4f8;
    }




    .Application-status-dropdown {
        width: 271px;
        display: flex;
        padding: 12.5px 16px;
        justify-content: flex-end;
        align-items: center;
        gap: 11px;
        border-radius: 10px;
        border: 1px solid rgba(0, 0, 0, 0.16);
        background: #FFF;
    }

    .content-alignment {
        justify-content: center;
        text-align: center;
        align-items: center;
    }

    .custom-dropdown-list {
        width: 271px !important;
        position: absolute;
        will-change: transform;
        top: 58px !important; /*modified Az*/
        left: 14px !important;
        transform: translate3d(-13px, -12px, 0px) !important;
    }

    .dropdown-alignment {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }



    .g-30 {
        gap: 30px;
    }
    .g-28 {
        gap: 28px;
    }

    .footer-background {
        padding: 20px;
        position: relative !important;
        background-color: #fff;
        height: 80px;
    }

    @media(max-width:419px) {
        .footer-background {
            height: 124px;
        }

        .float-left {
            float: left !important;
        }

        .mtop-12 {
            margin-top: 12px;
        }
    }

    @media(max-width:357px) {
        .footer-background {
            height: 177px;
        }

        .float-left {
            float: left !important;
        }

        .btn-save-mtop-12 {
            margin-top: 12px;
        }
    }

    @media(max-width:569px) {
        .margin-mobile {
            margin-top: 10px !important;
        }

        .margin-button {
            margin-left: 16px !important;
        }
    }

    @media(min-width: 285px) and (max-width: 447px) {
        .add-note-responsivness {
            margin-left: 7rem !important;
        }
    }






    .p-20 {
        padding: 20px;
    }



    .g-5 {
        gap: 5px !important;
    }

    .padding-header {
        padding: 24px 24px 0px 24px;
    }

    .input-icon input[type="date"]::-webkit-calendar-picker-indicator {
        display: none !important; /* Hide the default calendar icon */
    }

    .input-icon input[type="time"]::-webkit-calendar-picker-indicator {
        display: none !important; /* Hide the default calendar icon */
    }

    .custom-date-icon {
        position: absolute;
        top: 50%;
        right: 10px; /* Adjust the position of the custom icon */
        transform: translateY(-50%);
        width: 20px; /* Set the width and height of the custom icon */
        height: 20px;
        background-size: cover;
        cursor: pointer;
    }

    .input-icon {
        position: relative;
    }

    .svg-margin {
        margin-top: 9px;
        margin-right: 3px;
    }

    .upload-margin {
        margin-left: 6rem;
        margin-top: 5px;
    }

    .margin-signup {
        margin-top: 14px;
        margin-bottom: 20px;
    }



    .rotated-0 {
        transform: rotate(0deg);
    }

    .rotated-180 {
        transform: rotate(180deg);
    }




    .opacity-9 {
        opacity: 0.9;
    }

    .text-decoration-underline {
        text-decoration: underline !important;
    }

    .ml-toast {
        margin-left: 37px !important;
    }

    .search-image-icon {
        background-image: url(/images/user/Search.svg) !important;
        background-position: 96% 13px;
        background-repeat: no-repeat;
    }

    .select-dropdown-menu .dropdown-item {
        border-bottom: 1px solid #E4E4E7;
    }

        .select-dropdown-menu .dropdown-item:first-child {
            border-bottom: 1px solid #E4E4E7;
        }


    textarea:focus-visible {
        outline: 0 !important;
    }



    /*.custom-radio {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 20px !important;*/ /* Fixed width */
    /*height: 20px !important;*/ /* Fixed height */
    /*border-radius: 50% !important;
    border: 3px solid #b6b6bc !important;*/ /* Circle border color */
    /*outline: none !important;
    cursor: pointer !important;
    position: relative !important;
}

    .custom-radio:checked::after {
        content: '' !important;
        display: block !important;
        width: 10px !important;*/ /* Adjust size relative to parent */
    /*height: 10px !important;*/ /* Adjust size relative to parent */
    /*border-radius: 50% !important;
        background-color: #1AC7DE !important;
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
    }*/

    .centered-text {
        display: block;
        margin: 0 auto;
        text-align: center;
    }

    .h-350 {
        height: 350px !important;
    }

    .appointment-option {
        border-radius: 8px !important;
        background: #F4F4F8 !important;
    }

        /* Expert advice*/
        .appointment-option label {
            font-size: 1.125rem !important;
            font-weight: 600 !important;
            line-height: 24.55px !important;
            text-align: center;
        }

        .appointment-option span {
            font-family: Nunito;
            font-size: 14px !important;
            font-weight: 600 !important;
            line-height: 19.1px;
            text-align: center;
            color: #6D6D79;
        }



    .modal-top-right .modal-dialog {
        position: absolute;
        top: 20px; /* Adjust as needed */
        right: 20px; /* Adjust as needed */
        margin: 0;
        width: 452px; /* Adjust width as needed */
    }

    .h-250 {
        height: 250px !important;
    }

    .w-290 {
        width: 290px !important;
    }

    /* Hide the default arrow */
    input[type="time"]::-webkit-calendar-picker-indicator {
        /* display: none;*/
    }

    /*.background-image {
    background: url('/images/clock.svg') #f4f4f8;
    background-position: 95% 18px !important;
    background-repeat: no-repeat !important;
    background-size: 18px !important;
}*/
    /* *********************************** Patent module css End ********************************/
    .custom-radio {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        width: 20px !important;
        height: 20px !important;
        border-radius: 50% !important;
        border: 3px solid #b6b6bc !important;
        outline: none !important;
        cursor: pointer !important;
        position: relative !important;
    }

        .custom-radio:checked {
            border: 3px solid #1AC7DE !important;
        }

            .custom-radio:checked::after {
                content: '' !important;
                display: block !important;
                width: 10px !important;
                height: 10px !important;
                border-radius: 50% !important;
                background-color: #1AC7DE !important;
                position: absolute !important;
                top: 50% !important;
                left: 50% !important;
                transform: translate(-50%, -50%) !important;
            }

    .p-10 {
        padding: 10px !important;
    }

    .consultaion-color {
        color: #5B93FF !important;
    }

    /*university table document*/
    .table .thead-border-bottom, .table .tbody-border-bottom {
        border-bottom: 2px solid #f4f4f8 !important;
    }

    /*university table link*/
    .table .thead-border-bottom-link, .table .tbody-border-bottom-link {
        border-bottom: 4px solid #f4f4f8 !important;
    }
    /*table height in detail pages*/
    .height-45 {
        height: 45vh;
    }

    .form-control[readonly] {
        background-color: #f4f4f8 !important;
    }

    .align-items-baseline {
        align-items: baseline;
    }

    /*phone picker styling*/
.form-group, .input-group, .input-default, .iti {
    width: 100%;
}

.iti--allow-dropdown .iti__flag-container {
    width: 100%;
}

.iti--allow-dropdown .iti__country-list {
    width: 100%;
}

/*modal padding*/
.modal-p-2{
    padding:2rem;
}
.modal-p-3{
    padding:1.5rem;
}

.nav-link-p {
    padding: 0.5rem 0rem;
}

/* Backdrop Overlay */
.backdrop-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2); /* Semi-transparent grey */
    z-index: 1110; /* One level below the modal */
    display: none; /* Hidden by default */
}
.border-left-light {
    border-left: 1px solid #cecece !important;
}