.body-container {
    margin-top: 60px;
    padding-bottom: 40px;
}
.padding-varify {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
    padding-bottom: 1.25rem !important;
    padding-top : 0px !important;
}
.welcome-page li {
    list-style: none;
    padding: 4px;
}
.span-varify {
    font-size: 16px;
    font-family: Nunito;
    line-height: normal;
    color: #030229;
    margin-left: 23px;

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

}
.logged-out-page iframe {
    display: none;
    width: 0;
    height: 0;
}

.grants-page .card {
    margin-top: 20px;
    border-bottom: 1px solid lightgray;
}

    .grants-page .card .card-title {
        font-size: 120%;
        font-weight: bold;
    }

        .grants-page .card .card-title img {
            width: 100px;
            height: 100px;
        }

    .grants-page .card label {
        font-weight: bold;
    }


/* 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 */
    }

.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;
}

.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.3% !important;
}

.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: #1AC7DE;
    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;
    
    height: 38px;
}

    .card-pagination-buttons.active {
        background-color: #26C0E2;
        color: white;
      
        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;
}

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

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

.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 */
}
.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-span-radius {
    border-radius: 38px;
}
 


.bg-light-orange {
    background-color: #FFF4F0;
}

.bg-dark-orange {
    background-color: #FF8F6B;
}

.bg-light-sky-blue {
    background: #1AC7DE1C;
}

.bg-light-blue {
    background: #EFF8FF;
}

.bg-green-light {
    background: #D9F7E8;
}

.bg-light-yellow {
    background: #FFF7E1;
}

.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;
}

.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;
}
/*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 {
    color: #030229;
    font-family: Nunito;
    font-size: 0.875rem !important;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-left: 7px;
}




.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: 36px;*/
    width: fit-content;
    background: #F4F4F8;
    height: 40px;
    border-radius: 10px;
    padding: 4px;
    display: flex;
}

    .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: 8px 16px;
            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: 30px;
            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;
}

 

.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;
}

.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;
}


.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-family: Nunito;
        font-size: 18px !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%;
}

.border-left-light{
    border-left:1px solid #cecece !important;
}